.article_banner a:hover{opacity:0.8;}
.headline_newarticle_ dl a:hover{opacity:0.8;}
.headline_list_flex{display: flex;flex-wrap: wrap;justify-content: space-between;width: 1120px;margin: 0 auto;}

.cate_ttl_flex{display: flex;flex-wrap: wrap;justify-content: left;align-items: baseline;}
.cate_ttl_flex a{background: #f5f5f5;border: 1px solid #d8d9db;font-weight: bold;font-size: 11px;text-align: center;color: #0c0c0c;display:inline-block;line-height:1em;padding:8px 20px 7px 30px;border-radius:30px;height: 12px;position:relative;margin-left:30px;transition: all 0.4s ease-out;}
.cate_ttl_flex a:before{content: "";border-top: solid 2px #373737;border-right: solid 2px #373737;width: 5px;height: 5px;transform: rotate(225deg);display: block;position: absolute;top: 35%;left: 15px;}
.cate_ttl_flex a:hover{background: #d8d9db;border: 1px solid #d8d9db;}


.left_area{width:310px;}
.headline_newarticle_{display: flex;flex-wrap: wrap;justify-content: space-between;width:750px;}
.navipage_.bottom_{width:100%;}
.headline_newarticle_ dl{width:48%;margin-bottom:50px;}

.headline_newarticle_ dl.none{display:none !important;}


.headline_newarticle_ dl img {vertical-align: bottom;width: 100%;height: 190px;object-fit: cover;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);margin-bottom:20px;}
.headline_newarticle_ dl dd h4 a {color: #0c0c0c;font-size: 14px;font-weight: bold;line-height: 1.5;letter-spacing: 0.1em;}
.headline_newarticle_ dl dd h4 {margin-bottom:20px;}
.genre_filter_genre .item_node.root_genre_item li {display: inline;margin-right: 5px;font-weight: bold;
font-size: 13px !important;text-align: left;color: #00b09f !important;border:0px !important;}

body.page-b2b_index .genre_filter_genre .item_node.root_genre_item li {color: #0070ED !important;}

.content_list_cate_area ul.cate_area li.on {border-radius: 5px;/*background: #00b09f;*/background: #195EB0;box-shadow: 0px 3px 0px #00b09f;font-weight: bold;font-size: 16px;text-align: center;color: /*#0c0c0c*/#fff;display: block;position: relative;transition: all 0.4s ease-out;padding-top:3px;box-shadow:inset 2px 2px 4px #00000030;}

body.page-b2b_index .content_list_cate_area ul.cate_area li.on {background: #1c2b79;color: #fff;box-shadow: 0px 3px 0px #1c2b79;}

.navipage_.bottom_ center span.navipage_now_ {width: 28px; height: 38px;background: #00b09f;border-radius: 19px;display: inline-block;font-weight: bold;font-size: 14px; line-height: 38px;text-align: center;color: #0c0c0c;margin: 0 5px;}


body.page-b2b_index .navipage_.bottom_ center span.navipage_now_ {background: #1c2b79;color: #fff;}

.navipage_.bottom_ center a{width: 38px; height: 38px;background: #edf8f7;border-radius: 19px;display: inline-block;font-weight: bold;font-size: 14px; line-height: 38px;text-align: center;color: #0c0c0c;margin: 0 5px;}

body.page-b2b_index .navipage_.bottom_ center a{background: #e7ebf4;}


.navipage_.bottom_ center span.navipage_forward_ a{background:inherit ;}
.navipage_.bottom_ center span .navipage_first_ a {background:inherit;}
.navipage_.bottom_ center span .navipage_prev_ a {background:inherit;}
.navipage_.bottom_ center span, div.headline_wrap_ #mainContents .navipage_.bottom_ center a {padding: 0 5px;}
.fff{display: flex;flex-wrap: wrap;justify-content: space-between;}
.fff .daytime{width:/*100*/74px;text-align: right;}
.fff .daytime time{font-size: 13px;color: #363736;}
.fff .cate{text-align:center;}
.article_banner img{width:100%;height:auto; }
.mb20{margin-bottom:20px;}
.w1120{width:1120px;margin:0 auto;}
.contents_list_main{margin-top:100px;background: url(../images/index7/bg_mv_2305.jpg) center 60% / cover no-repeat;/*background: #edf8f7;*/padding:0px 0px 50px;margin-bottom: 30px;}
body.page-b2b_index .contents_list_main{background:#e7ebf4;}
.contents_list_main h1{font-weight: bold;font-size: 23px;text-align: left;color: #fff/*#0c0c0c*/;}
.contents_list_main h1 span{font-weight: bold;font-size: 15px;text-align: left;color: #fff/*#0c0c0c*/;position:relative;left:50px;}

body.page-b2b_index .contents_list_main h1{font-weight: bold;font-size: 23px;text-align: left;color: #0c0c0c;}
body.page-b2b_index .contents_list_main h1 span{font-weight: bold;font-size: 15px;text-align: left;color: #0c0c0c;position:relative;left:50px;}

body.page-b2b_index .contents_list_main #topicPath ul li a {color: #000;}
body.page-b2b_index .contents_list_main #topicPath ul li.label {color: #000;}


.contents_list_main #topicPath ul li a{color:#fff;}
.contents_list_main #topicPath ul li.label{color:#fff;}
.content_list_cate_area {margin-bottom:60px;margin-top:50px;}
.content_list_cate_area ul.cate_area{display: flex;flex-wrap: wrap;justify-content: left;}
.content_list_cate_area ul.cate_area li{width:18%;margin: 1%;}
.content_list_cate_area ul.cate_area li a{border-radius: 5px;background: #daebff/*#edf8f7*/;box-shadow: 0px 3px 0px #195EB0/*#00b09f*/;font-weight: bold;font-size: 16px;text-align: center;color: #0c0c0c;display:block;position: relative;
transition: all 0.4s ease-out;top:0;}

body.page-b2b_index .content_list_cate_area ul.cate_area li a{background:#e7ebf4;box-shadow: 0px 3px 0px #1C2B79;}

.content_list_cate_area ul.cate_area li a:hover{box-shadow: 0px 0px 0px #00b09f;top: 3px;}

body.page-b2b_index .content_list_cate_area ul.cate_area li a:hover{box-shadow: 0px 0px 0px #1C2B79;top: 3px;}

.content_list_cate_area ul.cate_area li a:after {content: "";border-top: solid 2px #195EB0/*#00b09f*/;border-right: solid 2px #195EB0/*#00b09f*/;width: 5px;height: 5px;transform: rotate(45deg);display: block;position: absolute;top: 40%;right: 15px;}


body.page-b2b_index .content_list_cate_area ul.cate_area li a:after {content: "";border-top: solid 2px #1C2B79;border-right: solid 2px #1C2B79;}

h2{font-weight: bold;font-size: 17px;text-align: left;color: #0c0c0c; margin-bottom: 10px;}
h2:before{content: "";margin-right:30px;width: 7px;height: 25px;border-radius: 3.5px;/*background: #00b09f;*/background: #032B55;display: inline-block;position: relative;top: 6px;left: 10px;}

body.page-b2b_index h2:before{content: "";background:#1c2b79;}


button.copy_btn{background: #a1a1a1;color: #fff;font-weight: bold;font-size: 10px;padding: 15px 15px 15px 15px;border-radius: 20px;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);position: relative;transition: all 0.2s cubic-bezier(0.6, 0.01, 0.32, 0.99);display: inline-block;line-height: 1em;border: 0px;width: 10px;height: 10px;}
button.copy_btn.copied{background: #a1a1a1;color: #fff;font-weight: bold;font-size: 0px;padding: 15px 15px 15px 15px;border-radius: 20px;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);position: relative;transition: all 0.2s cubic-bezier(0.6, 0.01, 0.32, 0.99);display: inline-block;line-height: 1em;border: 0px; width: 10px;height: 10px;}
.sh button.copy_btn:hover {text-decoration: none;position: relative;opacity: 1;cursor: pointer;}
.sh button.copy_btn.copied:hover {cursor: inherit;font-size: 10px;width: 90px;padding: 12px 0px 18px 26px;}

.sh a.sh_fb{background:#0367E3;color:#fff; font-weight:bold; font-size:11px; padding:10px 10px 10px 10px;border-radius:20px;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);position: relative; transition: all 0.2s cubic-bezier(0.6, 0.01, 0.32, 0.99);display: inline-block;line-height: 1em;top:0px;width: 10px;height: 10px;margin-bottom: 10px;}
.sh a.sh_fb span,.sh a.sh_tw span,button.copy_btn span{display:none;transition: all 0.4s ease-out;}
.sh a.sh_fb:hover,.sh a.sh_tw:hover{width: 50px; padding:10px 10px 10px 30px;}
button.copy_btn:hover{width: 50px; padding:15px 70px 15px 30px;}
.sh a.sh_fb:hover span,.sh a.sh_tw:hover span,button.copy_btn:hover span{display:inline-block;}
button.copy_btn span{width: 60px;position: relative;bottom: 4px;}
.sh a.sh_fb:before{content: ""; background: url(/cms/images/headline/sh_fb.png) no-repeat;display: block;position: absolute; top:26%;left:7px; background-size: 100%; width: 15px; height: 15px;}

.sh a.sh_tw{background:/*#03ACEE*/#080707;color:#fff; font-weight:bold; font-size:11px; padding: 10px 10px 10px 10px;border-radius:20px;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);;position: relative; transition: all 0.2s cubic-bezier(0.6, 0.01, 0.32, 0.99); display:inline-block;line-height: 1em;top:0px;width: 10px;height: 10px;margin-bottom: 10px;}
.sh a.sh_fb:hover,div.headline_wrap_ #mainContents .sh a.sh_tw:hover{text-decoration: none;position: relative;opacity:1;}
.sh a.sh_tw:before{content: ""; background: url(/cms/images/headline/sh_tw2_x.png) no-repeat;display: block;position: absolute; top:20%;left:6px; background-size: 100%; width: 17px; height: 17px;}
button.copy_btn:before{content: ""; background: url(/cms/images/headline/copy.png) no-repeat;display: block;position: absolute; top:30%;left:7px; background-size: 100%; width: 14px; height: 14px;}

.article_banner2 {transition: all 0.4s ease-out;}
.article_banner2.a-fixed {position: fixed; top: 100px;width: 310px;opacity: 1;
animation-name: bnr_SlideIn;
animation-fill-mode:backwards;
animation-duration:1s;
animation-timing-function:ease;
animation-delay: 0.5s;
animation-direction:normal;
}
@keyframes bnr_SlideIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

@media screen and (max-width: 1120px){
.w1120{width:94%;}
.content_list_cate_area ul.cate_area li {width: 31%;}
}

@media screen and (max-width: 640px){
body.sub-page .container_ div.mainframe_ {width: 100% !important; padding: 0 0px 0px !important;}
.contents_list_main {margin-top: 0px;}
body.sub-page .container_ {padding-top: 50px;}
.contents_list_main h1 span {font-size: 12px;left: 0px;display: block;}
.contents_list_main {padding: 45px 0px 20px;}
.content_list_cate_area ul.cate_area li {width: 48%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display:none;}
.swiper-container.bnrr {text-align: left;}
.headline_list_flex {width: 94%;flex-flow: column-reverse;}
.headline_newarticle_ {display: block;width: 100%;}
body.sub-page .headline_newarticle_ dl {flex-wrap: wrap;justify-content: space-between;width: 90% !important;padding: 0 5% !important;border-bottom: 1px solid #DBDBDB;    display: flex;}
body.sub-page .headline_newarticle_ dl.none{display:none !important;}
body.sub-page .headline_newarticle_ dl h4.sp_only {width: 100%;text-align: left;font-weight: bold;font-size: 12px;color: #0c0c0c;line-height: 1.7em;margin-bottom: 10px;}
body.sub-page .headline_newarticle_ dl dt {width: 50%;}
body.sub-page .headline_newarticle_ .HEADLINE dt a img {width: 100%;height: 150px;}
body.sub-page .headline_newarticle_ .HEADLINE dd {width: 45%;}
body.sub-page .headline_newarticle_ .HEADLINEB2B dt a img {width: 100%;height: 150px;}
body.sub-page .headline_newarticle_ .HEADLINEB2B dd {width: 45%;}
body.sub-page .master_node {display: block;text-align: left;line-height: 1.7em;}
.fff {display: block;}
.fff .daytime {text-align: left;width:100px;}
.left_area {display:none;}
.navipage_.bottom_ center a {width: 21px;height: 21px;border-radius: 19px;font-size: 9px;line-height: 21px;margin: 0 1px;}
.navipage_.bottom_ center span.navipage_now_ {width: 10px;height: 21px;font-size: 9px;line-height: 21px;margin: 0 1px;}
.navipage_.bottom_ center span, div.headline_wrap_ #mainContents .navipage_.bottom_ center a {padding: 0 1px;}
.ft{background: #f5f5f5;padding: 20px;}
.ft .btn_cv a{border-radius: 5px;background: #00b09f;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);width: 100%;font-weight: bold;font-size: 17px;text-align: center;color: #fff; position: relative;display: block;margin-bottom: 20px;}
.ft .btn_dl a{border-radius: 5px;background: #d3f0ed;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);width: 100%;font-weight: bold;font-size: 17px;text-align: center;color: #00b09f; position: relative;display: block;}
.ft .btn_cv a:after{content: "";border-top: solid 2px #fff;border-right: solid 2px #fff;width: 8px;height: 8px;transform: rotate(45deg);display: block;position: absolute;top: 40%;right: 15px;}
.ft .btn_dl a:after{content: "";border-top: solid 2px #00b09f;border-right: solid 2px #00b09f;width: 8px;height: 8px;transform: rotate(45deg);display: block;position: absolute;top: 40%;right: 15px;}
.ft img{margin-bottom: 20px;}
.navipage_.bottom_{margin: 30px 0;}
.section06{display:none;}
.cate_fixed{background: #00b09f;padding:10px;line-height: 1em;position: fixed;z-index: 10;width: 100%;text-align: left;}
.cate_fixed a{margin:0 2px;font-weight: bold;font-size: 10px;color: #fff;-webkit-text-size-adjust: 100%;}
.content_list_cate_area ul.cate_area li a { font-size: 12px;}
.content_list_cate_area ul.cate_area li.on{font-size: 12px;}
}
@media screen and (max-width: 500px){
body.sub-page .headline_newarticle_ .HEADLINE dt a img {height: 100px;}
body.sub-page .headline_newarticle_ .HEADLINEB2B dt a img {height: 100px;}
}