@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: baseline;}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:25px 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







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



html {

    overflow-y: scroll !important;

}



body {

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



    min-width: 1200px;



    font-size: 16px;



    line-height: 2;



    letter-spacing: 1px;



    color: #333;



    background: #fff;



    position: relative;



    font-feature-settings: "palt" 1;



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

}



html.active {

    overflow: hidden;

}



main {

    display: block;

}



h1,

h2,

h3,

h4,

h5,

th {

    font-weight: 400;

}



p,

li,

dd,

td {

    text-align: justify;



    text-justify: inter-ideograph;

}



li {

    list-style: none;

}



a {

    color: #333;



    text-decoration: none;

}



.title a:hover,

.tab_cont li a:hover .title,

a.title:hover,

a:hover .title,

.kiji-list ul li a:hover {

    background: #e0e0e5;



    color: #0271bc;

}



a[href^="tel:"] {

    pointer-events: none;

}



.underline {

    text-decoration: underline;

}



img {

    max-width: 100%;



    height: auto;



    pointer-events: none;



    object-fit: cover;

}



/* IE用ビューポート設定 */



@-ms-viewport {

    width: auto !important;



    initial-scale: 1 !important;

}



@viewport {

    width: device-width !important;



    initial-scale: 1 !important;

}



/* 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);

}



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







汎用クラス







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



#content {

    padding: 30px 0 60px;

}



#main {

    width: 840px;



    float: left;

}



.w900 #main {

    width: 900px;



    float: none;



    margin: 0 auto;

}



.w1200 #main {

    width: 1200px;



    float: none;



    margin: 0 auto;

}



#sidebar {

    width: 300px;



    float: right;

}



.inner {

    width: 1200px;



    margin: 0 auto;



    position: relative;

}



/* スマートフォンのみ表示 */



.sp {

    display: none;

}



/* PCのみ表示 */



.pc {

    display: block !important;

}



/* PCのみ改行 */



.pcbr {

    display: inline;

}



/* スマートフォンのみ改行 */



.spbr {

    display: none;

}



.center,

.pc-center {

    text-align: center;



    margin: 0 auto;

}



.left {

    float: left;

}



.right {

    float: right;

}



.pc-right,

.rightbox {

    float: right;

}



.pc-left,

.leftbox {

    float: left;

}



.target {

    margin-top: -70px;



    padding-top: 70px;

}



.indent {

    padding-left: 1em;



    text-indent: -1em;



    display: block;

}



.notice.indent {

    padding-left: 1em;



    text-indent: -1em;



    line-height: 25px;



    font-size: 13px;



    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;

}



a.alpha:hover img,

.alpha:hover {

    opacity: 0.8;

}



.w150 {

    width: 150px;

}



.w160 {

    width: 160px;

}



.w170 {

    width: 170px;

}



.w180 {

    width: 180px;

}



.w190 {

    width: 190px;

}



.w200 {

    width: 200px;

}



.w210 {

    width: 210px;

}



.w220 {

    width: 220px;

}



.w230 {

    width: 230px;

}



.w240 {

    width: 240px;

}



.w250 {

    width: 250px;

}



.w260 {

    width: 260px;

}



.w270 {

    width: 270px;

}



.w280 {

    width: 280px;

}



.w290 {

    width: 290px;

}



.w300 {

    width: 300px;

}



.w310 {

    width: 310px;

}



.w320 {

    width: 320px;

}



.w330 {

    width: 330px;

}



.w340 {

    width: 340px;

}



.w350 {

    width: 350px;

}



.w360 {

    width: 360px;

}



.w370 {

    width: 370px;

}



.w380 {

    width: 380px;

}



.w390 {

    width: 390px;

}



.w400 {

    width: 400px;

}



.w410 {

    width: 410px;

}



.w420 {

    width: 420px;

}



.w430 {

    width: 430px;

}



.w440 {

    width: 440px;

}



.w450 {

    width: 450px;

}



.w460 {

    width: 460px;

}



.w470 {

    width: 470px;

}



.w480 {

    width: 480px;

}



.w490 {

    width: 490px;

}



.w500 {

    width: 500px;

}



.half {

    width: 48%;

}



.mb3 {

    margin-bottom: 3px !important;

}



.mb5 {

    margin-bottom: 5px !important;

}



.mb10 {

    margin-bottom: 10px !important;

}



.mb15 {

    margin-bottom: 15px !important;

}



.mb20 {

    margin-bottom: 20px !important;

}



.mb25 {

    margin-bottom: 25px !important;

}



.mb30 {

    margin-bottom: 30px !important;

}



.mb35 {

    margin-bottom: 35px !important;

}



.mb40 {

    margin-bottom: 40px !important;

}



.mb50 {

    margin-bottom: 50px !important;

}



.mb60 {

    margin-bottom: 60px !important;

}



.mb70 {

    margin-bottom: 70px !important;

}



.mb80 {

    margin-bottom: 80px !important;

}



.mt0 {

    margin-top: 0px !important;

}



.mt3 {

    margin-top: 3px !important;

}



.mt5 {

    margin-top: 5px !important;

}



.mt10 {

    margin-top: 10px !important;

}



.mt15 {

    margin-top: 15px !important;

}



.mt20 {

    margin-top: 20px !important;

}



.mt25 {

    margin-top: 25px !important;

}



.mt30 {

    margin-top: 30px !important;

}



.mt35 {

    margin-top: 35px !important;

}



.mt40 {

    margin-top: 40px !important;

}



.mt50 {

    margin-top: 50px !important;

}



.mt60 {

    margin-top: 60px !important;

}



.mt70 {

    margin-top: 70px !important;

}



.mt80 {

    margin-top: 80px !important;

}



.mr3 {

    margin-right: 3px !important;

}



.mr5 {

    margin-right: 5px !important;

}



.mr10 {

    margin-right: 10px !important;

}



.mr15 {

    margin-right: 15px !important;

}



.mr20 {

    margin-right: 20px !important;

}



.mr25 {

    margin-right: 25px !important;

}



.mr30 {

    margin-right: 30px !important;

}



.mr35 {

    margin-right: 35px !important;

}



.mr40 {

    margin-right: 40px !important;

}



.ml3 {

    margin-left: 3px !important;

}



.ml5 {

    margin-left: 5px !important;

}



.ml10 {

    margin-left: 10px !important;

}



.ml15 {

    margin-left: 15px !important;

}



.ml20 {

    margin-left: 20px !important;

}



.ml25 {

    margin-left: 25px !important;

}



.ml30 {

    margin-left: 30px !important;

}



.ml35 {

    margin-left: 35px !important;

}



.ml40 {

    margin-left: 40px !important;

}



.column {

    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;

}



.fz16 {

    font-size: 16px;

}



.fz18 {

    font-size: 18px;



    line-height: 1.8;

}



.fz20 {

    font-size: 20px;



    line-height: 1.6;

}



.fz24 {

    font-size: 24px;

}



.fw400 {

    font-weight: 400;

}



.fw700,

.title {

    font-weight: 700;

}



.reset {

    margin: 0;

}



.sec-title {

    background: #0271bc;



    height: auto;



    font-size: 18px;



    font-weight: 700;



    color: #fff;



    line-height: 1.6;



    padding: 5px 20px;



    margin: 20px 0 10px;

}



.breadcrumb + .sec-title {

    text-align: center;



    margin: 0 0 15px;

}



.page .sec-title,

.sec-title a {

    color: #fff;



    display: block;



    padding: 5px 15px;

}



.topics-index .sec-title,

.page .sec-title {

    margin: 20px 0;

}



h1.title {

    font-size: 24px;



    font-weight: 700;



    line-height: 1.6;

}



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-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: 18px;



    font-weight: 700;



    line-height: 1.6;



    margin-bottom: 10px;

}



.module {

    margin-bottom: 20px;

}



.frm {

    border: solid 1px #b3b3b3;

}



.box-ptn01 {

    background: #e0e0e5;



    padding: 15px 25px;



    margin: 20px auto;



    clear: both;



    position: relative;

}



.box-ptn02 {

    padding: 15px 25px;



    border: solid 1px #e0e0e5;



    clear: both;



    position: relative;

}



.spt-line {

    width: 100%;



    margin: 40px 0;



    border-bottom: solid 1px #ccc;

}



#content > .ads {

    margin-top: 0;

}



.ads970 {

    width: 970px;



    margin: 30px auto 30px auto;



    overflow: hidden;



    text-align: center;



    font-size: 0;

}



#content > form {

    margin: 0;

}



@media (min-width: 728px) {

    .ads970 {

        min-height: 90px;

    }

}



.ads730 {

    width: 730px;



    height: 90px;



    margin: 0 auto;



    overflow: hidden;



    text-align: center;



    font-size: 0;

}



.ads300 {

    width: 300px;



    margin-left: auto;



    margin-right: auto;



    overflow: hidden;



    text-align: center;



    font-size: 0;

}



.ads230 {

    width: 230px;



    margin-left: auto;



    margin-right: auto;



    overflow: hidden;



    text-align: center;



    font-size: 0;

}



.ads + .ads {

    margin-top: 20px;

}



.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 img {

    width: 120px;



    height: 90px;



    object-fit: contain;



    vertical-align: bottom;

}



.thumbnail-list.wide .thumbnail img {

    width: 150px;



    height: 110px;

}



.thumbnail-list > li + li {

    margin-top: 20px;

}



.thumbnail-list li .text-wrap {

    width: 260px;

}



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

    width: 670px;

}



.thumbnail-list li {

    align-items: flex-start;

}



.thumbnail-list li .thumbnail {

    margin-top: 3px;

}



.status {

    display: flex;



    flex-wrap: wrap;



    justify-content: flex-start;



    align-items: center;

}



.status .day + .tag {

    margin-left: 7px;

}



.status + p {

    margin-top: 10px;

}



.status + p a {

    display: block;

}



.day {

    font-size: 11px;



    color: #777777;



    margin: 5px 0 0;

}



.top-news .tag {

    margin-top: 5px;

}



.tag ul {

    display: flex;



    align-items: center;

}



.tag li {

    display: flex;



    align-items: center;



    margin-right: 5px;

}



.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-left: 5px;

}



.tag-oricon,

.tag-oricon a {

    width: 140px;



    height: 20px;

}



.news-label {

    margin-top: 10px;

}



.news-label ul {

    font-size: 0;

}



.news-label ul li {

    width: 129px;



    height: 20px;



    text-align: center;



    margin-left: 5px;



    display: inline-block;

}



.news-label:not(.main) ul li:nth-child(n + 6) {

    margin-top: 5px;

}



.news-label:not(.main) ul li:nth-child(5n + 1) {

    margin-left: 0;

}



.news-label.main ul li:nth-child(n + 4) {

    margin-top: 5px;

}



.news-label.main ul li:nth-child(3n + 1) {

    margin-left: 0;

}



.news-label ul li a {

    width: 129px;



    height: 20px;



    font-size: 12px;



    line-height: 20px;



    color: #0271bc;



    display: block;



    border: solid 1px #7cccfc;

}



.news-label ul li a:hover {

    background: #e8f6ff;

}



.bg-label {

    margin: 5px 0 10px;

}



.status .bg-label {

    margin-left: 10px;

}



article .status .day {

    margin-bottom: 0;

}



.bg-label ul {

    font-size: 0;

}



.bg-label ul li {

    background: #e8f6ff;



    min-width: 130px;



    height: 20px;



    font-size: 12px;



    line-height: 20px;



    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 li + li {

    margin-top: 20px;

}



.thumbnail-list-other .line-title {

    position: relative;

}



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

    top: -4px;



    right: 0;



    font-size: 14px;



    color: #0271bc;

}



.thumbnail-list-other p {

    font-size: 13px;



    line-height: 1.8;

}



.column2 li {

    width: 400px;



    display: inline-block;



    vertical-align: top;



    margin-left: 30px;

}



.column2 li:nth-child(2n + 1) {

    margin-left: 0;

}



.column2 li:nth-child(n + 3) {

    margin-top: 25px;

}



.column3 {

    font-size: 0;

}



.column3 li {

    width: 250px;



    font-size: 16px;



    display: inline-block;



    vertical-align: top;



    margin-left: 25px;

}



.column3 li:nth-child(3n + 1) {

    margin-left: 0;

}



.column4 li:nth-child(n + 4) {

    margin-top: 25px;

}



ol {

    list-style: decimal outside;



    margin-left: 2em;

}



ol > li {

    list-style: decimal outside;

}



table.common {

    min-width: 50%;



    width: auto !important;



    width: 50%;



    border-top: solid 1px #e0e0e5;



    border-left: solid 1px #e0e0e5;



    margin: 20px 0;

}



table.common.full {

    width: 100% !important;

}



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 {

    margin-bottom: 20px;

}



.baseball-score + .baseball-score {

    margin-top: 20px;

}



.baseball-score p {

    margin-bottom: 5px !important;

}



table.baseball {

    width: 90%;



    border-top: solid 1px #fff;



    border-left: solid 1px #fff;



    margin: 0 auto 5px auto;

}



table.baseball thead th {

    background: #e0e0e5;

}



table.baseball th,

table.baseball td {

    width: 50px;



    text-align: center;

}



table.baseball th.wide,

table.baseball td.wide {

    width: 220px;

    white-space: nowrap !important;

}



table.baseball th {

    background: #000;



    font-weight: normal;



    text-align: center;



    vertical-align: middle;



    padding: 0.5em;



    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: 0.5em;



    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: bold;



    margin-bottom: 0;

}



#main dl dd {

    margin-left: 1em;

}



/* フォーム */



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 {

    width: 98%;



    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;



    margin-right: 0.5em;



    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: 20px;

}



.page #main form table td,

.page #main form table th {

    padding: 1em;



    border-bottom: solid 1px #b3b3b3;



    vertical-align: baseline;

}



.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 20px;



    width: 20px;



    height: 25px;



    content: "";



    vertical-align: middle;



    display: inline-block;



    margin: -5px 0 0 10px;

}



/* カルーセル */



.carousel {

    width: 700px;



    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;

}



.carousel .prev-arrow {

    left: -50px;

}



.carousel .next-arrow {

    right: -50px;

}



/* 動画 */



video {

    width: 500px;



    height: auto;

}



#player {

    margin-top: 20px;

}



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







header







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



header {

    background: #fff;



    width: 100%;



    height: 80px;



    position: relative;



    z-index: 9999;

}



body.active {

    overflow: hidden;

}



header .head {

    background: #fff;



    width: 100%;



    height: 80px;



    position: relative;



    z-index: 3;

}



header .inner {

    height: 80px;



    padding: 0;



    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: 190px;



    position: relative;

}



.logo-header a {

    width: 190px;



    height: 36px;

}



.head-r {

    align-items: center;

}



.sns {

    width: 130px;



    align-items: center;

}



.sns li {

    width: 32px;



    height: 32px;



    list-style: none !important;

}



.sns li:first-child {

    width: 26px;



    height: 27px;

}



.sns li a {

    display: block;

}



.head-btn {

    background: #E8F6FF;

    width: 340px;

    height: 36px;

    margin-left: 20px;

}



.head-btn ul {

    justify-content: center;

}



.head-btn a {

    font-size: 14px;

    line-height: 36px;

    text-align: center;

}



.head-btn .minyuplus {

    width: 140px;

    height: 36px;

    color:#0271BC;

    font-size: 16px;

    font-weight: 700;

    display: flex;

    justify-content: center;

    align-items: center;

}



.head-btn .regist a {

    width: 78px;

    height: 36px;

    color: #0271bc;

    font-size: 10px;

    line-height: 1.4;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



/*.head-btn .regist a:hover {

    background: #0271bc;

    color: #fff;

}*/



.head-btn .login {

    margin-left: 15px;

}



.head-btn .regist {

    margin-left: 10px;

}



.head-btn .login a {

    width: 83px;

    height: 36px;

    color:#0271BC;

    font-size: 10px;

    line-height: 1.4;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.head-btn .regist a i,

.head-btn .login a i {

    width: 25px;

    height: 25px;

    margin-right: 3px;

}



.head-btn .regist a i img {

    width: 23px;

}



.head-btn .regist a p {

    text-align: center;

}



/*.head-btn .login a:hover {

    background: #707070;



    color: #fff;

}

*/

.btn-menu {

    width: 60px;



    height: 60px;



    position: relative;



    z-index: 9999;



    cursor: pointer;

}



.head .btn-menu::before {

    content: "メニュー";



    font-size: 10px;



    position: absolute;



    left: 0;



    right: 0;



    bottom: 0;



    text-align: center;

}



.btn-menu span {

    background: #333;



    width: 31px;



    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: 17px;

}



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

    top: 27px;

}



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

    top: 37px;

}



.btn-menu.active span {

    background: #0271bc;

}



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

    top: 14px;



    transform: translateY(15px) rotate(-45deg);

}



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

    opacity: 0;

}



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

    top: 40px;



    transform: translateY(-11px) rotate(45deg);

}



#g-nav {

    position: fixed;



    z-index: 3;



    opacity: 0;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    transition: all 0.5s;



    visibility: 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;



    /*box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .3);*/

}



#g-nav-list > .column {

    font-weight: 700;



    padding-left: 20px;



    align-items: center;



    border-left: solid 1px #0271bc;



    border-right: solid 1px #0271bc;



    border-bottom: solid 1px #0271bc;



    position: relative;



    z-index: 9999;



    background: #fff;



    padding-top: 10px;

}



#g-nav-list > .column + div {

    position: absolute;



    top: 0;



    width: 100%;



    height: 100%;

}



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

    position: relative;

}



#g-nav.panelactive #g-nav-list a:hover {

    color: #0271bc;

}



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

    display: none;

}



#g-nav #g-nav-wrap {

    width: 1200px;



    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;



    position: relative;



    z-index: 999;



    height: 100%;



    overflow: auto;



    -webkit-overflow-scrolling: touch;



    -ms-overflow-style: none;



    scrollbar-width: none;



    padding: 70px 0 100px;

}



#nav li {

    background: #fff;



    width: 100%;



    border-left: solid 1px #0271bc;



    border-right: solid 1px #0271bc;



    border-bottom: solid 1px #0271bc;



    position: relative;

}



#nav li a {

    font-size: 16px;



    font-weight: 700;



    line-height: 1;



    padding: 20px 0 20px 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: 28px;



    right: 25px;

}



#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: 13px;



    font-weight: 400;



    color: #333;



    padding: 8px 0 8px 30px;

}



.main-nav {

    background: #fff;



    margin: 0 auto;



    position: sticky;



    top: 0;



    left: 0;



    right: 0;



    z-index: 999;

}



.main-nav::after {

    content: "";



    border-bottom: solid 10px #e0e0e5;



    width: 100%;



    display: block;



    position: absolute;



    bottom: 0px;



    z-index: -1;

}



.main-nav ul > li {

    font-weight: 700;



    position: relative;

}



.main-nav ul > li.home img {

    width: 26px;



    position: relative;



    top: -3px;

}



.main-nav ul > li a {

    height: 50px;



    line-height: 1;



    padding: 12px 5px 0;



    display: block;

}



.main-nav li a:hover,

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

.main-nav li a.selected {

    color: #0271bc;



    border-bottom: solid 10px #0271bc;

}



.main-nav .sub-nav {

    background: #fff;



    width: 150px;



    padding: 10px;



    position: absolute;



    z-index: 3;



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



    display: none;



    left: 50%;



    transform: translateX(-50%);

}



.main-nav .sub-nav li a {

    background: #fff;



    height: auto;



    font-size: 13px;



    line-height: 1.4;



    text-align: left;



    padding: 7px 5px;

}



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

    color: #0271bc;



    border-bottom: none;



    opacity: 1;

}



.sub-nav li {

    font-weight: 400 !important;



    line-height: 1.5;

}



#btn-faq {

    width: 25px;



    height: 52px;



    margin: 0 10px 0 30px;

    display: flex;



    flex-flow: column;



    justify-content: flex-end;

}



#btn-faq a {

    display: flex;



    flex-flow: column;



    justify-content: flex-end;



    cursor: pointer;

}



#btn-faq p {

    font-size: 11px;



    line-height: 1;



    text-align: center;



    margin-top: 6px;

}







#btn-search {

    width: 25px;



    height: 52px;



    margin: 0 20px;



    display: flex;



    flex-flow: column;



    justify-content: flex-end;



    cursor: pointer;

}



#btn-search p {

    font-size: 11px;



    line-height: 1;



    text-align: center;



    margin-top: 5px;

}



#site-search-wrap {

    width: 970px;



    margin: 0 auto;



    padding: 0 40px 30px;



    display: none;



    clear: both;



    overflow: hidden;

}



#site-search {

    width: 800px;



    height: 44px;



    position: relative;



    margin: auto;



    display: block;



    float: left;

}



#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: 70px;



    height: 44px;



    color: #fff;



    border: none;

}











/* 絞り込み検索 240910 */

.page-search-wrap {

    width: 840px;

    margin: 20px 0;



    clear: both;



    overflow: hidden;

}



.page-search {

    width: 750px;



    height: 44px;



    position: relative;



    margin: auto;



    display: block;



    float: left;

}



.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: 70px;



    height: 44px;



    color: #fff;



    border: none;

}



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







footer







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



footer {

    width: 100%;

}



#page-top {

    width: 60px;



    height: 60px;



    position: fixed;



    bottom: 30px;



    right: calc(50% - 600px);



    z-index: 1;



    text-indent: 100% !important;



    white-space: nowrap !important;



    overflow: hidden !important;

}



#page-top a {

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



    -webkit-background-size: cover !important;



    background-size: cover !important;



    width: 60px;



    height: 60px;



    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: 14px;



    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: 50px 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;

}



.footer-guide ul li {

    font-size: 14px;



    display: inline-block;

}



.footer-guide ul li::after {

    content: "｜";



    margin: 0 5px;

}



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

    content: none;

}



.footer-info {

    width: 280px;



    margin: 30px auto;

}



.footer-info p {

    font-size: 12px;



    color: #777;



    text-align: center;

}



.footer-info .minyu-net_logo {

    width: 160px;

    margin: 30px auto 1px;

}



.footer-info .sns {

    margin: 15px auto 0;

}



.caution {

    font-size: 12px;



    color: #777;



    text-align: center;

}



.copyright {

    width: 100%;



    font-size: 10px;



    color: #777;



    text-align: center;



    margin-top: 20px;

}



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







#top







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



.top-slide {

    margin: 40px 0;

}



.top-slide figure.thumbnail {

    border: 0;

}



.top-slide .item {

    max-height: 520px;

}



.top-slide li.item img {

    width: 100%;



    height: 450px;



    object-fit: contain;



    vertical-align: bottom;



    border: solid 1px #e0e0e5;

}



/* slide-box */



.slide-box {

    position: relative;



    display: flex;



    margin: 0;



    padding: 0;



    flex-wrap: wrap;

}



/* slide */



.slide {

    position: relative;



    width: 680px;



    margin: 0;



    padding: 0;

}



.slide .item {

    position: relative;



    height: 100%;

}



.slide .item a {

    display: block;

}



.slide .item a .title {

    margin-top: 10px;

}



.slide .item a .title + .day {

    margin: 0;

}



/*.slide .item::before {







  display: block;







  padding-top: 39%;







  content: "";







}*/



.slide .item .image {

    position: relative;



    overflow: hidden;

}



.slide .item img {

    /*position: absolute;*/



    top: 0;



    bottom: 0;



    right: 0;



    left: 0;



    margin: auto;



    width: 100%;

}



.slide > .slick-list,

.slide > .slick-list > .slick-track,

.slide > .slick-list > .slick-track > .slick-slide > div {

    position: relative;



    height: 100%;

}



@media screen and (max-width: 767px) {

    .slide {

        width: 100%;

    }

}



/* slide-navigation */



#top .slide-navigation {

    line-height: 0;



    position: relative;



    width: 130px;



    margin: 0 0 0 30px;



    padding: 0;

}



#top .slide-navigation .item {

    width: 130px !important;



    height: 100px !important;



    position: relative;



    cursor: pointer;

}



#top .slide-navigation .item {

    margin-bottom: 20px;

}



#top .slide-navigation .item .image {

    position: relative;



    overflow: hidden;



    width: 100%;



    height: 100%;



    margin: 0;



    padding: 0;

}



.slide-navigation .item .image::before {

    display: block;



    padding-top: 25%;



    content: "";

}



.slide-navigation .item .image::after {

    position: absolute;



    top: 0;



    left: 0;



    display: block;



    width: 100%;



    height: 100%;



    content: "";



    opacity: 0.5;



    background: #000;

}



.slide-navigation .slick-current .image::after {

    opacity: 0;

}



.slide-navigation .item .image {

    position: relative;



    overflow: hidden;

}



.slide-navigation .item .image img {

    position: absolute;



    top: 0;



    bottom: 0;



    right: 0;



    left: 0;



    margin: auto;



    width: 100%;

}



@media screen and (max-width: 767px) {

    .slide-navigation {

        width: 100%;

    }



    .slide-navigation .item .image::before {

        padding-top: 50%;

    }

}



/* slick */



.slick-vertical .slick-slide {

    border: 0 solid transparent;

}



.slick-arrow {

    z-index: 2;

}



.slide-navigation .slick-next,

.slide-navigation .slick-prev,

.slide-detail-nav .slick-prev,

.slide-detail-nav .slick-next {

    font-size: 0;



    line-height: 0;



    /*position: absolute; */



    top: 50%;



    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;

}



.slide-navigation .slick-prev,

.slide-detail-nav .slick-prev {

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



    width: 50px;



    height: 50px;



    margin: 0 auto 30px;



    transform: rotate(90deg);

}



.slide-navigation .slick-next,

.slide-detail-nav .slick-next {

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



    width: 50px;



    height: 50px;



    margin: 10px auto 0;



    transform: rotate(90deg);

}



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



.slide-detail-wrap {

    width: 300px;



    margin: 0 0 30px 0;



    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: 0 auto 15px;

}



.slide-detail .slick-list {

    width: 100%;



    position: relative;

}



.slide-detail-nav .item {

    margin-right: 3px;



    margin-left: 3px;



    border: solid 1px #e0e0e5;

}



.top-sokuhou {

    margin-bottom: 20px;



    border: solid 1px #ff5050;



    position: relative;



    overflow: hidden;

}



.top-sokuhou h2.title {

    background: #ff5050;



    font-size: 18px;



    font-weight: 700;



    line-height: 2;



    color: #fff;



    text-align: center;



    border: none;



    padding: 0;



    margin-bottom: 0;

}



.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;

}



.top-sokuhou.jishin table td {

    font-weight: 700;



    padding: 0 10px;

}



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

    height: 200px;



    padding: 20px 20px 45px;



    overflow-y: scroll;



    position: relative;

}



.top-sokuhou.jishin::after {

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



    background: #ff5050;



    width: 100%;



    color: #fff;



    position: absolute;



    bottom: 0;



    left: 0;



    padding: 3px 20px;



    font-size: 14px;

}



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

    width: 630px;

}



.top-sokuhou .thumbnail-list .day,

.top-sokuhou .thumbnail-list .status + p {

    margin: 0;

}



.top-sokuhou .thumbnail-list .status + p {

    font-size: 15px;



    margin-top: 5px;

}



.top-sokuhou .top-sokuhou-body {

    padding: 20px;

}



.gougai-slide {

    padding: 20px 20px 60px !important;

}



.arrow-box-pc {

    position: relative;



    width: 100%;



    height: 30px;



    margin-top: 10px;

}



.gougai .slick-next,

.gougai .slick-prev {

    font-size: 0;



    line-height: 0;



    display: block;



    width: 30px;



    height: 30px;



    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;

}



.gougai .slick-prev {

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

        contain;



    position: absolute;



    left: 80px;



    top: 0;

}



.gougai .slick-next {

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

        contain;



    position: absolute;



    right: 80px;



    top: 0;

}



.slide,

.gougai-slide-pc,

.slide-detail {

    opacity: 0;



    transition: opacity 0.25s ease;

}



.slide.slick-initialized,

.gougai-slide-pc.slick-initialized,

.slide-detail.slick-initialized {

    opacity: 1;

}



.top-news {

    margin: 20px 0;



    overflow: hidden;

}



.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: 400px;



    height: 300px;

}



.top-news .main-news .thumbnail {

    margin-top: 3px;

}



.thumbnail a {

    display: block;



    width: 100%;



    height: 100%;



    background: white;

}



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

    width: 400px;

}



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

    width: 100%;

}



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

    font-size: 24px;



    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;



    color: #0271bc;



    padding: 5px;



    margin-top: 40px;

}



.kd-sokuhou th {

    width: 160px;



    font-weight: 700;

}



.kd-sokuhou td a {

    color: #0271bc;

}



.ticker {

    width: 660px;



    margin: 0 auto;



    text-align: left;



    position: relative;



    overflow: hidden;

}



.ticker ul {

    width: 650px;



    position: relative;

}



.ticker ul li {

    width: 650px;



    font-size: 15px;



    line-height: 2.2;



    display: none;

}



.ticker ul li a {

    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;

}



.pr table th {

    width: 70px;



    font-weight: 700;



    color: #ff5050;

}



.pr table td {

    vertical-align: middle;



    line-height: 1;

}



.core-news {

    margin-top: 40px;

}



.core-news .sec-title {

    margin-bottom: 10px;

}



.core-news .line-title {

    font-weight: 400;



    text-align: center;



    border-bottom: solid 2px #e0e0e5;

}



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

    content: none;

}



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

    width: 28px;



    height: 28px;



    right: 0;

}



.top-mid-ads-wide {

    margin: 30px auto 0;

}



.top-col2 {

    margin: 30px auto;

}



.top-mid-ads-half {

    width: 400px;



    padding-top: 30px;

}



.top-mid-ads-half .ads300 {

    margin-left: auto;



    margin-right: auto;

}



.top-col2 .pc-left,

.top-col2 .pc-right {

    width: 400px;

}



.ranking {

    margin: 30px 0;



    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 {

    counter-increment: num;



    position: relative;

}



.ranking .tab_cont ul > li + li {

    margin-top: 20px;

}



.ranking .tab_cont ul > li::before {

    width: 30px;



    height: 30px;



    font-size: 32px;



    color: #ff5050;



    font-weight: 700;



    margin: auto;



    content: counter(num);



    display: inline-block;



    text-align: center;



    margin-right: 10px;



    position: absolute;



    top: 0;



    bottom: 0;



    margin: auto;



    line-height: 1;

}



.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;

}



.ranking .tab_cont .title {

    width: 150px;



    font-size: 13px;



    font-weight: 400;



    line-height: 1.6;

}



.ranking .tab_cont .thumbnail img {

    width: 90px;



    height: 90px;

}



.ranking .tab_cont .day {

    font-size: 10px;



    margin: 0;

}



.ranking .tab_cont .status {

    display: block;

}



.ranking .tab_cont .tag {

    font-size: 9px;



    margin: 3px 0 0 0;



    justify-content: flex-start;

}



.ranking .tag-sokuhou,

.ranking .tag-senkou {

    font-size: 9px;



    padding: 0 3px;

}



.ranking .tab_cont .tag-lock,

.ranking .tab_cont .tag-play,

.ranking .tab_cont .tag-sokuhou,

.ranking .tab_cont .tag-senkou {

    margin-right: 5px;

}



.side-banner + .youtube {

    /* 



  margin-top: -10px; */

}



.side-ads {

    min-height: 250px;

}



.target-recommend,

.another-news {

    margin: 30px auto;



    position: relative;

}



#top .target-recommend {

    margin: 0;

}



.title-nav ul {

    display: flex;



    flex-wrap: wrap;



    align-items: center;



    justify-content: space-between;

}



.title-nav ul li {

    width: calc(100% / 10);



    font-size: 13px;



    font-weight: 700;



    text-align: center;

}



.title-nav ul li + li a {

    border-left: 1px solid #fff !important;

}



.title-nav ul li a {

    background: #0271bc;



    color: #fff;



    padding: 5px 0;



    display: block;

}



.title-nav ul li a:hover {

    background: #cde8f8;

}



.top-news-col2 .line-title .btn-more {

    top: -4px;



    right: 0;



    font-size: 14px;



    color: #0271bc;

}



.ad-recommend .day,

.ad-logo {

    float: right;

}



.ad-logo {

    height: 14px;

}



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







#sidebar







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



.side-banner {

    width: 300px;



    overflow: hidden;



    text-align: center;



    margin: 30px auto;



    font-size: 0;

}



.side-banner a,

.side-prtimes a,

.side-marketsokuhou a,

.side-newsmart a {

    display: block;

}



.side-recommend {

    margin-top: 30px;

}



.side-prtimes {

    margin: 20px 0;



    font-size: 0;

}



.side-marketsokuhou {

    margin: 30px 0 20px;



    font-size: 0;

}



.side-newsmart {

    margin: 20px 0;



    font-size: 0;

}



.side-sports,

.side-oricon,

.side-kyoudou {

    margin: 20px 0;



    font-size: 0;

}



.side-recommend ul li a,

.side-sports ul li a {

    align-items: center;

}



.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;

}



.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 {

    font-size: 16px;



    display: block;

}



.side-sports ul li .day {

    font-size: 10px;



    margin: 0;

}



.breadcrumb {

    font-size: 12px;



    line-height: 1.5;



    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;

}



.breadcrumb li a:hover {

    color: #0271bc;

}



.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;

}



.oricon-news .text-wrap {

    margin-top: 10px;

}



.oricon-news .text-wrap p {

    font-size: 13px;



    line-height: 1.8;

}



.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;

}



.kyodonews-prw-cont ul li a:hover p.title {

    background: none !important;

}



.kyodonews-prw-cont ul li a:hover p:not(.day) {

    background: #e0e0e5;



    color: #0271bc;

}



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







.topics-index 記事一覧ページ







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

.category-header {

    text-align: center;

}



.category-description {

    background: #E8F6FF;

    padding: 15px 25px;

    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,

.another-news h4.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 0;



    border-top: solid 1px #b2b2b2;



    border-bottom: solid 1px #b2b2b2;



    margin-bottom: 20px;



    position: relative;



    left: -10px;

}



.category-nav ul li {

    margin: 3px 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: 0;



    margin: auto;

}



.category-nav ul li a {

    font-size: 14px;



    padding: 0 10px;

}



.category-nav ul li a:hover {

    color: #0271bc;

}



.category-nav ul li:last-child::after {

    content: none;

}



.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;

}



.topics-index .top-news {

    margin: 0 0 20px 0;

}



.topics-index .breadcrumb {

    margin-bottom: 15px;

}



.pager {

    height: 30px;



    color: #0271bc;



    line-height: 30px;



    text-align: center;



    margin: 50px auto;

}



.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;

}



.category-pager {

    width: 150px;



    margin: 50px auto;

}



.category-pager a {

    display: block;

}



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







.topics-detail 記事詳細ページ







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



article {

    margin: 0 0 50px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}



article p {

    text-align: left;



    position: relative;



    z-index: 1;

}



article p img {

    /* 

  max-width: 500px; */



    margin: 0 auto;



    display: block;

}



article p:not(:last-child) {

    margin-bottom: 20px;

}



article p iframe {

    margin: 0 auto;



    display: block;

}



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 {

    width: 300px;



    margin-right: 40px;



    margin-top: 10px;



    margin-bottom: 20px;



    float: left;



    clear: both;



    position: relative;



    z-index: 2;

}

.detail-img-only {
    margin-bottom: 0px;
}

.detail-img-only .slide-detail-wrap {
    margin-bottom: 0px !important;
}



.detail-img + .detail-img {

    margin-top: 0;

}



.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: 100%;



    height: 225px;



    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;

}



.topics-detail .status {

    margin-bottom: 10px;

}



.topics-detail .status .tag ul,

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

    margin: 0;

}



.topics-detail .news-label:not(.main) ul {

    margin-left: 0;

}



.topics-detail .news-label:not(.main) ul li:nth-child(5n + 1) {

    margin-left: 5px;

}



.topics-detail .news-label:not(.main) ul li a {

    text-decoration: none;

}



.page-img-caption,

.detail-img-caption {

    font-size: 12px;



    line-height: 1.5;



    margin-top: 10px;

}



.boxlink,

.backlink {

    margin-top: 20px;



    line-height: 33px;

}



.boxlink.right,

.backlink.right {

    text-align: right;



    float: none;

}



.boxlink a,

.backlink a {

    color: #0271bc;



    line-height: 1.5;



    border: 1px solid #0271bc;



    border-color: #0271bc;



    font-size: 14px;



    position: relative;



    text-decoration: none;

}



.boxlink a {

    padding: 5px 30px 5px 20px;

}



.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 {

    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;

}



ul.reset {

    margin-left: 0 !important;

}



.reset > li {

    list-style: none !important;

}



.list-border li {

    padding: 5px;



    border-bottom: dashed 1px #aaa;

}



.detail-pager {

    margin: 50px auto 0;

}



.detail-pager ul {

    display: flex;



    flex-wrap: wrap;



    justify-content: center;



    align-items: center;



    color: #000;

}



.detail-pager li {

    width: 132px;



    height: 40px;



    list-style: none !important;



    margin: 0 10px !important;

}



.detail-pager li a {

    display: block;

}



.detail-sns {

    width: 310px;



    align-items: center;



    margin: 30px 0;



    float: right;

}



.detail-sns p {

    font-size: 14px;



    margin: 0 !important;

}



.detail-sns ul,

.detail-sns li {

    margin: 0 !important;

}



.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 {

    clear: right;

    width: 500px;



    border: solid 5px #777777;



    float: right;

}



.limit-login.wide {

    width: 100%;

    float: none;

}



.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: 20px;



    margin: 0;

}



.limit-login-head p span {

    font-size: 20px;



    font-weight: 700;

}



.limit-login-body {

    padding: 20px 30px;

}



.limit-login .minyuplus a {

    width: calc(100% / 2 - 10px);



    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 p {

    font-size: 15px;



    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: 5px;

}



.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 header {

    height: 90px;



    border-bottom: solid 10px #e0e0e5;

}



#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: 30px 0 0;

}



.iwakifc-mv-slider,

.iwakifc-main-slider {

    opacity: 0;

    transition: opacity 0.25s ease;

}


.iwakifc-main-slider {
    width: 100%;
    margin: 50px 0;
}


.iwakifc-mv-slider.slick-initialized,

.iwakifc-main-slider.slick-initialized {

    opacity: 1;

}



.slick-slide img.sp {

    display: none !important;

}



.iwakifc-mv-slider .slick-dots {

    width: 100% !important;



    position: absolute;



    bottom: 0;

}



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

    box-shadow: none;



    border: #c01831 solid 1px;

}



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

    background: #c01831;

}



.iwakifc-main-slider {

    width: 100%;



    margin-top: 30px;



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







  margin-right: calc(50% - 50vw);*/

}



.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: 480px !important;



    display: block;



    position: relative;



    left: 50%;



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



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



    transform: translate(-50%, 0);



    /*border: solid 1px #1D2553;*/

}



.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: 50%;



    display: block;



    width: 80px;



    height: 80px;



    padding: 0;



    cursor: pointer;



    color: transparent;



    border: none;



    outline: 0;



    background: 0 0;



    margin: auto;



    position: absolute;



    top: 0;



    bottom: 0;

}



.iwakifc-main-slider .slick-prev {

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



    left: 18%;

}



.iwakifc-main-slider .slick-next {

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



    right: 18%;

}



.iwakifc-img-caption {

    font-size: 16px;



    text-align: center;



    margin-top: 5px;

}



#iwakifc .bottom-nav {

    background: #000;



    padding: 60px 0;



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







  margin-right: calc(50% - 50vw);*/



    margin-top: 60px;

}



#iwakifc .bottom-nav ul {

    width: 1200px;



    margin: 0 auto;



    display: flex;



    flex-wrap: wrap;



    justify-content: space-between;

}



#iwakifc .bottom-nav li {

    width: 270px;



    height: 200px;

}



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

    margin-top: 40px;

}



#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 a:hover::before {

    background: none;

}

/* 

#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 {

    font-size: 18px;



    color: #fff;



    padding: 0 30px;



    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;



    width: 1200px;



    height: 100px;



    font-size: 24px;



    color: #fff;



    display: flex;



    align-items: center;



    justify-content: center;



    margin-bottom: 30px;

}



.iwakifc-news .primary {

    padding-bottom: 30px;



    margin-bottom: 30px;



    border-bottom: solid 1px #b2b2b2;

}



.iwakifc-news .main-news,

.iwakifc-news .primary .thumbnail-list,

.iwakifc-news .thumbnail-list > li {

    width: 580px;



    align-items: start;

}



.iwakifc-news .main-news .thumbnail {

    width: auto;



    height: auto;

}



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

    width: 580px;



    height: 435px;



    object-fit: contain;

}



.iwakifc-news .primary .thumbnail-list > li + li {

    margin-top: 30px;

}



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

    margin-top: 15px;

}



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

    font-size: 24px;



    line-height: 1.6;

}



#iwakifc .tag-sokuhou {

    color: #c01831;



    border: solid 1px #c01831;

}



#iwakifc .tag-senkou {

    color: #1d2553;



    border: solid 1px #1d2553;

}



#iwakifc .news-label ul {

    margin-left: -5px;

}



#iwakifc .news-label ul li {

    margin: 3px 5px !important;



    float: left;

}



#iwakifc .news-label ul li a {

    background: #f5e7e7;



    color: #c01831;



    border: solid 1px #c01831;

}



#iwakifc .news-label ul li a:hover {

    color: #fff;



    background: #c01831;

}



.iwakifc-news .thumbnail-list .thumbnail {

    width: auto;



    height: auto;



    margin: 0;

}



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

    width: 280px;



    height: 210px;



    object-fit: contain;



    vertical-align: bottom;

}



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

    width: 280px;

}



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

    line-height: 1.6;

}



.iwakifc-news .secondary .thumbnail-list > li {

    margin-bottom: 30px;

}



.iwakifc-news .secondary .thumbnail-list > li + li {

    margin-top: 0;

}



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







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







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



#iwakifc.topics-detail #content {

    width: 900px;



    margin: 0 auto;

}



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

    width: 900px;

}





#iwakifc.topics-detail .slide-detail .slick-slide > a {

    display: block;

    border: solid 1px #e0e0e5;

}





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

    width: auto !important;



    height: 675px !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.topics-detail .page-img-caption,

#iwakifc.topics-detail .detail-img-caption {

    font-size: 14px;

}



#iwakifc.topics-detail .slide-detail-nav .slick-list {

    width: 80%;

}



#iwakifc .slide-detail-nav {

    margin-top: 20px;

}



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

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



    width: 50px;



    height: 50px;

}



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

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



    width: 50px;



    height: 50px;

}



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

    width: auto !important;



    height: 130px !important;



    display: block;



    position: relative;



    left: 50%;



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



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



    transform: translate(-50%, 0);

}



#iwakifc.topics-detail .status {

    margin-bottom: 20px;

}



#iwakifc.topics-detail .status .day {

    margin: 5px 0 0 !important;

}



#iwakifc.topics-detail article p img {

    margin: 0 auto;



    display: block;

}



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

    background: #c01831;

}



#iwakifc.topics-detail .another-news .thumbnail,

#iwakifc.topics-detail .another-news .thumbnail img {

    width: 180px;



    height: 135px;

}



#iwakifc.topics-detail .another-news .text-wrap {

    width: 700px;

}



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

    background: #c01831;

}



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

    color: #c01831;

}



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







#weather 天気情報







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



#weather h1.sec-title {

    text-align: center;



    margin: 0 0 15px;

}



#weather .datetime {

    font-size: 18px;



    font-weight: 700;



    text-align: center;



    color: #0271bc;



    margin-bottom: 20px;

}



.area-nav {

    margin-bottom: 30px;

}



.area-nav ul li {

    width: 270px;



    height: 50px;

}



.area-nav ul li a {

    width: 270px;



    height: 50px;



    color: #0271bc;



    text-align: center;



    display: flex;



    align-items: center;



    justify-content: center;



    border: solid 1px #0271bc;

}



.area-nav ul li a:hover {

    background: #0271bc;



    color: #fff;

}



#weather #main h2.title {

    background: #cde8f8;



    color: #333;



    text-align: center;



    border: none;

}



#weather #main h2.title::before {

    content: none;

}



.weather-title-border {

    font-weight: 700;



    margin-bottom: 15px;



    border-bottom: solid 2px #0271bc;



    display: inline-block;

}



.weather-box {

    background: #fff;



    border: 1px solid #e0e0e5;

}



.weather-box-head {

    background: #e0e0e5;



    padding: 10px 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: 15px;



    padding: 5px 0;



    border-right: none;



    border-bottom: none;



    border-top: solid 1px #e0e0e5;

}



.weather-box-cont table td {

    font-size: 15px;



    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: 160px;



    height: 120px;



    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 {

    min-height: 50px;



    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-box .weather-item-temp-low {

    margin-top: -5px;

}



.weather-item-temp-high span,

.weather-item-temp-low span {

    font-size: 20px;



    margin-left: 5px;

}



.weather-box table,

.weather-weekly table {

    width: 100% !important;



    table-layout: fixed;



    margin: 0;

}



.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 td,

.weather-weekly table td {

    line-height: 1.3;

}



.weather-weekly {

    margin-bottom: 30px;

}



.weather-weekly td {

    height: 70px;

}



.weather-weekly th + th {

    font-weight: 700;



    font-size: 15px;

}



.weather-weekly table td img {

    height: 60px;

}



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

    text-align: center;



    display: block;

}



.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: 30px 70px;



    border: solid 1px #e0e0e5;



    margin: 0 0 30px;



    overflow: hidden;

}



.bousai-parts .area {

    align-items: center;

}



.bousai-parts .area + .area {

    padding-top: 20px;



    margin-top: 20px;



    border-top: solid 1px #e0e0e5;

}



.bousai-parts .title {

    width: 160px;

}



.bousai-parts ul {

    width: 520px;



    display: flex;



    flex-wrap: wrap;



    justify-content: space-between;



    position: relative;

}



.bousai-parts ul::after {

    content: "";



    width: calc(100% / 3);



    display: block;

}



.bousai-parts ul li + li {

    margin-top: 0 !important;

}



.bousai-parts ul li {

    width: calc(100% / 3);



    position: relative;

}



.bousai-parts ul li a {

    font-size: 16px;



    font-weight: 700;



    padding-left: 25px;

}



.bousai-parts ul li::before {

    content: "●";



    color: #0271bc;



    position: absolute;



    left: 0;

}



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







#ajidayori 味だより







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



.ajidayori-profile {

    background: #ededed;



    font-weight: 700;



    padding: 70px 20px 20px;



    position: relative;

}



.ajidayori-profile::before {

    content: "Profile";



    background: #0271bc;



    width: 115px;



    height: 60px;



    font-size: 18px;



    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: 10px 0;



    margin: 0 0 20px;



    border-bottom: solid 2px #0271bc;

}



#error404 section .txt-blu {

    color: #0271bc;

}



#error404 section .btn {

    width: 180px;



    height: 40px;



    margin: 30px auto 0;

}



#error404 section .btn a {

    display: block;

}



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







#event







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



#event h1.sec-title {

    text-align: center;



    margin: 0 0 15px;

}



#event h4.title {

    font-size: 24px;



    font-weight: 700;



    line-height: 1.6;



    margin-bottom: 10px;

}



#event article {

    margin: 0 0 20px;

}



#event article + article {

    border-top: solid 1px #333;



    padding-top: 30px;

}



#event article table.common {

    width: 100% !important;

}



.btn.arrow-circle a {

    background: #fff;



    font-size: 15px;



    font-weight: 700;



    text-align: center;



    line-height: 1.5;



    color: #0271bc;



    display: inline-block;



    text-decoration: none;



    padding: 8px 60px 8px 40px;



    border: solid 1px #0271bc;



    border-radius: 50px;

}



.btn.arrow-circle a span {

    text-align: left;



    position: relative;



    display: block;

}



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

    content: "▶";



    background: #0271bc;



    width: 24px;



    height: 24px;



    color: #fff;



    border-radius: 50%;



    line-height: 1.7;



    position: absolute;



    margin: auto;



    top: 0;



    bottom: 0;



    text-align: center;



    right: -35px;

}



#event article .thumbnail-list li {

    width: 400px;



    margin-bottom: 20px;

}



#event article .thumbnail-list li + li {

    margin-top: 0;

}



#event article .thumbnail-list li a {

    text-decoration: none;

}



#event article .thumbnail-list p.title {

    line-height: 1.6;



    margin: 0;

}



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







.okuyami おくやみ







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



.okuyami h1.sec-title {

    text-align: center;



    margin: 0 0 15px;

}



.okuyami h4.title {

    font-size: 24px;



    font-weight: 700;



    line-height: 1.6;

}



.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: inline-block;

}



.dot-list li a p {

    line-height: 1.6;



    margin-bottom: 0;

}



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







page







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



.page article > .sec-title {

    text-align: center;



    margin-top: 0;

}



.page article .line-title {

    margin: 20px auto;

}



.page article .box {

    padding: 30px 50px;



    border: solid 1px #707070;



    clear: both;



    position: relative;

}



.page article .box ul li {

    list-style: none !important;

}



.page article .box .col2 li {

    width: calc(50% - 60px);



    box-sizing: border-box;



    margin: 10px 30px !important;

}



.free-tel {

    background: #e0e0e5;



    justify-content: center;



    align-items: center;



    padding: 20px;

}



.free-tel .img {

    width: 327px;



    height: 32px;



    margin-right: 30px;

}



.mousikomi-campaign {

    background: #ff5050;



    color: #fff;



    justify-content: center;



    align-items: center;



    padding: 20px;

}



.mousikomi-campaign p {

    margin: 0 30px 0 0 !important;

}



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

    color: #ff5050;



    border: solid 1px #ff5050;

}



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

    background: #ff5050;

}



.banner-inyuplus {

    width: 450px;



    height: 75px;



    margin: 0 auto;

}



#mousikomi article table {

    width: 100% !important;

}



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

    text-align: center;

}



.kiji-list ul {

    overflow: hidden;

}



.kiji-list ul li a {

    text-decoration: none;

}



.kiji-list ul li + li {

    margin-top: 0 !important;

}



.kiji-list ul.quarter li {

    width: 21%;



    float: left;



    margin-right: 10px;

}



.kiji-list ul.one-half li {

    width: 44%;



    float: left;



    margin-right: 10px;

}



.kiji-list ul.one-3rd li {

    width: 29%;



    float: left;



    margin-right: 11px;

}



.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: 240px;

}



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







#movie







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



#movie article .column.col2 {

    margin: 20px auto;

}



#movie article .column.col3 .youtube,

#movie article .column.col3 .youtube iframe {

    width: 260px;

}



#movie article .column.col3::after {

    content: "";



    width: 260px;



    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-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;
}

span.link-button-large a {
    text-decoration: none !important;
    display: inline-block !important;
    padding: 7px 10px 7px 20px !important;
    font-size: 95%;
}



table.border-on{

	border: 1px solid #CCC;

	margin-top: 10px;

	margin-bottom: 10px;

}

#main table.green,







#main table.cream{







	width: 90%;







	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;







	padding: 15px !important;







	text-align: center;







	background-color: #E8F4F0;







	line-height:1.4;







}







#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: 15px !important;







	text-align: center;







	background-color: #FAFBE1;







	line-height: 1.4;







}







#main table.green td,







#main table.cream td{padding: 15px !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;}





/* @media only screen and (min-width: 481px){

.movie-container{

    margin-left: 320px !important;

}

} */

.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;
}