@charset "UTF-8";

/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
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,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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
ol,ul {list-style:none;}

body{font-family: 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color:#333; background:#F6F6F6;}
html{font-size: 62.5%;}
ul{list-style: none; }

a {
  color:#333;
  text-decoration: none;
}

a:hover {
  color:#333;
  text-decoration: none;
}

sup {
  font-size: 60%;
  vertical-align: super;
}

/**** Start of "Micro cf" ****/

.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }


/* --------------------------------------------------------
  ヘッダ
-------------------------------------------------------- */
.topHeader {
  position: relative;
  padding-bottom:100px;
  width:100%;
  background:url(../img/bg-hero.png?2022070401) center bottom no-repeat;
  background-size: cover;
  box-sizing: border-box;
  z-index: 2;
}

.contentHeader {
  position: relative;
  width:100%;
  background:#0075c1;
  z-index: 2;
}

.commonHeader {
  position: relative;
  width:100%;
  height:90px;
  background:rgba(0,117,193,1);
  transform: translate(0,0);
  webkit-transform: translate(0,0);
  transition: 0.4s;
  z-index: 1;
}

.topHeader .commonHeader {
  background:none;
}

.commonHeader.fixed {
  position: fixed;
  top:-100px;
  left:0;
  height:50px;
  background:rgba(0,117,193,0.98);
  transform: translate(0,100px);
  webkit-transform: translate(0,100px);
  transition: 0.4s;
}

.commonHeader.fixed .globalNavi {
  padding-top:0;
}

.commonHeader.fixed .aboutNav {
  display: none;
}

.commonHeader__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin:0 auto;
  width:1400px;
  height:100%;
}

.globalNavi {
  padding-top:10px;
  box-sizing: border-box;
}

.siteLogo {
  width:170px;
  line-height:0;
}

.siteLogo img {
  width:100%;
  height:auto;
}

.collaboration .siteLogo {
  width:auto;
  height:42px;
}

.collaboration .siteLogo img {
  width:auto;
  height:100%;
}

.aboutNav {
  text-align: right;
}

.aboutNav a {
  color:#fff;
  font-size:1.2rem;
  font-weight: normal;
}

.aboutNav a:hover {
  text-decoration: underline;
}

.globalNavi .naviList__parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position:relative;
  margin-top:5px;
}

.commonHeader.fixed .naviList__parent {
  margin-top:0;
}

.globalNavi .naviList__parent > li {
  cursor: pointer;
  display:inline-block;
  padding:0;
  border-radius: 2px 2px 0 0;
  box-sizing: border-box;
}

.globalNavi .naviList__parent .parentLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position:relative;
  padding:0 30px;
  padding-bottom: 10px;
  width:100%;
  height:60px;
  color:#fff;
  font-size: 1.6rem;
  font-weight: bold;
  box-sizing: border-box;
}

.commonHeader.fixed .globalNavi .naviList__parent .parentLink {
  padding-bottom: 0;
}

.commonHeader.fixed .globalNavi .naviList__parent .parentLink {
  height:50px;
}

.globalNavi .naviList__parent .parentLink:hover {
  text-decoration: none;
}

.globalNavi .naviList__parent > li:not(:nth-child(3)):not(:nth-child(5)):not(:nth-child(6)):not(:last-child) > .parentLink:after {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f078";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position:absolute;
  bottom:10px;
  left:50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
  transform: translate(-50%, 0);
}

.commonHeader.fixed .globalNavi .naviList__parent > li:not(:nth-child(6)):not(:last-child) > .parentLink:after {
  content: none;
}

.globalNavi .naviList__parent > li:hover, .globalNavi .naviList__parent > li.focus {
  background:#79bedb;
}

.globalNavi .naviList__parent .parentLink + .naviList__child {
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: absolute;
  top: 60px;
  right: 0;
  padding: 0 20px;
  width: 140%;
  height: 0;
  background: rgba(121,190,219,1);
  box-sizing: border-box;
  opacity: 0.2;
  transition: 0.4s;
  overflow: hidden;
}

.globalNavi .naviList__parent .parentLink + .naviList__child:after{
  content: "";
  width:32%;
  height: 0;
}

.globalNavi .naviList__parent .parentLink + .naviList__child > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color:#fff;
  font-size: 1.3rem;
  line-height: 1.1;
  font-weight: bold;
  letter-spacing: -0.04em;
}

.globalNavi .naviList__child figure {
  position: relative;
  margin-right:5px;
  padding-top: 36px;
  width: 64px;
  overflow: hidden;
}

.globalNavi .naviList__child figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  transition: 0.5s;
}

.globalNavi .naviList__child p {
  width:calc(100% - 74px);
}

.globalNavi .naviList__parent > li:hover .parentLink + .naviList__child {
  pointer-events: auto;
  top: 60px;
  padding: 20px 20px;
  height: auto;
  opacity: 1;
  transition: 0.4s;
}

.commonHeader.fixed .globalNavi .naviList__parent > li:hover .parentLink + .naviList__child {
  top: 50px;
}

.globalNavi .naviList__parent .parentLink + .naviList__child > li {
  width:32%;
  height:50px;
}

.globalNavi .naviList__parent > li:hover .parentLink + .naviList__child > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  box-sizing: border-box;
}

.globalNavi .naviList__parent > li:hover .parentLink + .naviList__child > li > a:hover {
  text-decoration: underline;
}

.globalNavi .naviList__parent > li:nth-child(4) .naviList__child > li > a:before {
  content:'#';
  display:inline-block;
  margin-right:5px;
}

.globalNavi .naviList__parent .menu-mm:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f1d8";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
}

.globalNavi .naviList__parent .menu-tw:before {
  pointer-events: none;
  content: "";
  display: inline-block;
  margin-right: 6px;
  width:16px;
  height:16px;
  background:url(../img/icon-x.svg);
  background-size: cover;
  line-height: 0;
}

.globalNavi .naviList__parent .search__parent:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f002";
  -webkit-font-smoothing: antialiased;
  margin-right: 6px;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
}

.globalNavi .naviList__parent .parentLink:hover {
  text-decoration: none;
}

.globalNavi .naviList__parent .parentLink:last-child {
  margin-right:0;
}

.formContainer {
  padding:15px 4vw;
  width:100%;
  box-sizing: border-box;
}

.globalNavi .naviList__parent > li .formContainer {
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 60px;
  right: 0;
  padding: 0 30px;
  width: 60%;
  height: 0;
  background: rgba(121,190,219,1);
  box-sizing: border-box;
  opacity: 0.2;
  transition: 0.4s;
  overflow: hidden;
}

.globalNavi .naviList__parent > li:hover .formContainer, .globalNavi .naviList__parent > li.focus .formContainer {
  pointer-events: auto;
  top: 60px;
  padding: 40px 30px;
  height: auto;
  opacity: 1;
  transition: 0.4s;
}

.commonHeader.fixed .globalNavi .naviList__parent > li .formContainer, .commonHeader.fixed .globalNavi .naviList__parent > li:hover .formContainer, .globalNavi.fixed .naviList__parent > li.focus .formContainer {
  top: 50px;
}

.formContainer form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width:100%;
  height:30px;
}

.formContainer input {
  -webkit-appearance: none;
  margin:0;
  padding:0;
  height: 30px;
  line-height:1;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
}

.formContainer .txtBoxSize {
  margin:0;
  padding:0 10px;
  width:calc(100% - 50px);
  border:none;
}

.formContainer .btnBoxSize {
  margin:0;
  padding:0;
  width:50px;
  color:#fff;
  font-size:1.2rem;
  background:#999;
}

.formContainer a {
  display:inline-block;
  margin-left:10px;
  color:#fff;
  font-size:1.2rem;
}

.formContainer a:after {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f35d";
  -webkit-font-smoothing: antialiased;
  margin-left:6px;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
}

/* --------------------------------------------------------
  記事データ共通
-------------------------------------------------------- */
.articleData a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width:100%;
  height:100%;
  background:#fff;
  transition: 0.2s opacity;
}

.articleData a:hover {
  opacity: 0.75;
  transition: 0.2s opacity;
}

.articleDataImg__inner {
  position: relative;
  padding-top: 56.25%;
  height:100%;
  box-sizing: border-box;
  overflow: hidden;
}

.articleDataImg__inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  transition: 0.5s;
}

.articleData a:hover .articleDataImg__inner img {
  transform: translate(-50%, -50%) scale(1.1);
  transition: 0.5s;
}

.articleData__totalNumber {
  position:absolute;
  top:0;
  left:0;
  display: inline-block;
  padding: 4px 10px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  background: #0075C1;
}

.categoryTitle {
  font-size:2.4rem;
}

.articleList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.categoryTitle + .articleList {
  margin-top:30px;
}

.articleList .articleData {
  margin-bottom:20px;
  width:49.3%;
}

.articleList .articleDataImg {
  width:40%;
}

.articleList .articleData__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding:5px 10px;
  width:60%;
  box-sizing: border-box;
}

.articleList .articleData__info--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.articleData__date {
  color:#888;
  font-size:1.2rem;
}

.articleData__label {
  display: inline-block;
  padding:2px 4px;
  color:#fff;
  font-size:1.0rem;
  font-weight:bold;
  line-height:1;
  background:#0075C1;
}

.articleData__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size:1.4rem;
  line-height:1.2
}

.articleData__articleLead {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size:1.4rem;
  line-height:1.4;
}

.articleList.twoColumn .articleData__info--bottom .label-container, .recommend .articleData__info--bottom .label-container {
  width:calc(100% - 110px);
}

.articleList.twoColumn .articleData__info--bottom .articleData__date, .recommend .articleData__info--bottom .articleData__date {
  width:100px;
  text-align: right;
}

.articleData__date + .articleData__label, .articleData__label + .articleData__title, .articleData__date + .articleData__title, .articleData__label + .articleData__date, .articleData__title + .articleData__info-inner {
  margin-top:6px;
}

.articleData__info-inner + .articleData__articleLead {
  margin-top:10px;
}

.articleData__info-inner .articleData__date + .articleData__label {
  margin-top:0;
}

.articleList .articleData__info .articleData__info-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.articleList .articleData__info .articleData__info-inner.justified {
  justify-content: space-between;
}

/* --------------------------------------------------------
  最新情報
-------------------------------------------------------- */

.whatsnew {
  position: relative;
  margin:30px auto 0;
  width:100%;
  z-index: 0;
}

.whatsnew__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin:0 auto;
  width:1400px;
}

.whatsnew .articleList.innerLeft, .whatsnew .articleList.innerRight {
  width:49%;
}

.whatsnew .articleList.innerRight {
  position:relative;
  display:block;
  padding:20px 10px 20px 20px;
  background:#fff;
  box-sizing: border-box;
}

.whatsnew .articleList .articleList__inner {
  position:absolute;
  top:60px;
  left:20px;
  padding-right: 10px;
  width:calc(100% - 30px);
  height:calc(100% - 80px);
  overflow: auto;
  box-sizing: border-box;
}

.whatsnew .categoryTitle {
  font-size: 2.0rem;
}

.whatsnew .categoryTitle + .articleData {
  margin-top:40px;
}

.whatsnew .articleList .articleData {
  position:relative;
  width: 100%;
}

.whatsnew .articleList .articleData:last-of-type {
  margin-bottom: 0;
}

.whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleDataImg {
  width: 100%;
}

.whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleData__info {
  position:absolute;
  bottom:0;
  padding:20px;
  width:100%;
  background:rgba(0,0,0,0.7);
}

.whatsnew .articleData a {
  align-items: flex-start;
}

.whatsnew .label-container {
  width: calc(100% - 80px);
}

.whatsnew .articleList.innerLeft .articleData__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content:flex-start;
}

.whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleData__label {
  border: 1px solid #fff;
  background:none;
  box-sizing: border-box;
}

.whatsnew .articleList.innerLeft .articleData .articleData__date {
  width:62px;
}

.whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleData__date {
  margin:0 0 0 0;
  color: #fff;
  font-size: 1.2rem;
}

.whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleData__title {
  margin-top:15px;
  color:#fff;
  font-size: 2.4rem;
  line-height: 1.3;
}

.whatsnew .articleList.innerLeft .articleData:not(:first-of-type) .articleData__title {
  font-size: 1.8rem;
  line-height: 1.3;
  -webkit-line-clamp: 3;
}

.whatsnew .articleList.innerLeft .articleData__title + .articleData__info-inner {
  margin-top: 10px;
}

.whatsnew .articleList.innerRight .articleData__title {
  display: block;
  font-size: 1.8rem;
  line-height: 1.3;
}

.whatsnew .articleList.innerRight .articleData {
  margin-bottom:40px;
}

.whatsnew .articleList.innerRight .articleData:last-of-type {
  margin-bottom:0;
}

.whatsnew .articleList.innerRight .articleData__title {
  padding-left:15px;
  font-size: 2.0rem;
  line-height: 1.3;
  border-left:5px solid #0075c1;
  box-sizing: border-box;
}

/* --------------------------------------------------------
  スライダー
-------------------------------------------------------- */

.slick-prev, .slick-next {
  width: 40px;
  height: 40px;
  z-index: 1;
}

.slick-prev {
  left: calc((50vw - 25vw) - 20px);
}

.slick-next {
  right: calc((50vw - 25vw) - 20px);
}

.slick-prev:before, .slick-next:before {
  font-size: 4.0rem;
  opacity: 1;
}

.slick-slider .slick-list {
  position: relative;
  z-index: 0;
}

.slick-dots li button:before {
  color: #fff;
}

.slick-dots li.slick-active button:before {
  color: #fff;
  opacity: 1;
}

/* --------------------------------------------------------
  PICKUP
-------------------------------------------------------- */
.pickup {
}

.pickup .articleData {
  position:relative;
  background: #fff;
}

.labelNew {
  position:absolute;
  top:0;
  left:0;
  width:60px;
  height:60px;
  background:url(../img/icon-new.svg) no-repeat;
  background-size: cover;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.pickup .articleList .articleDataImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.pickup .series-tmb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width:35%;
  max-height:100%;
  overflow: hidden;
}

.pickup .series-tmb img {
  width:100%;
  height:100%;
  object-fit: cover;
}

.pickup .article-tmb {
  width:65%;
}

.pickup .articleList .articleData__info {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.articleList.twoColumn .articleData:last-of-type, .articleList.twoColumn .articleData:nth-last-of-type(2):nth-of-type(odd) {
  margin-bottom:0;
}

.pickup .articleData:last-of-type, .pickup .articleData:nth-last-of-type(2):nth-of-type(odd) {
  margin-bottom:0;
}

/* --------------------------------------------------------
  LIGHTNING TALK
-------------------------------------------------------- */
.categorySummary {
  margin-top:20px;
  font-size:1.6rem;
  font-weight: normal;
  line-height:1.5;
}

.swiper {
  padding-bottom:20px;
  box-sizing: border-box;
}

.categorySummary + .swiper {
  margin-top:20px;
}

.swiper-button-next, .swiper-button-prev {
  top: calc(50% - 20px);
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0px;
}

.talkDataImg {
  position: relative;
  width: 100%;
  aspect-ratio:16/9;
  overflow: hidden;
}

.talkDataImg img {
  width: 100%;
  height:auto;
}

.talkDataImg iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}

.talkData__title {
  margin-top:10px;
  font-size:1.4rem;
  line-height:1.2;
  text-align: center;
}

.andmore {
  position:absolute;
  top:0;
  right:0;
  font-size:1.4rem;
}

.andmore:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right:5px;
  font-size: 1.4rem;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
}

.andmore:hover {
  color:#0075c1;
}

/* --------------------------------------------------------
  STARTUP
-------------------------------------------------------- */
.articleList.twoColumn .articleData__title, .articleList.oneColumn .articleData__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.articleList.twoColumn .articleData__title + .articleData__info--bottom {
  margin-top:10px;
}

.articleList.oneColumn .articleData__title + .articleData__info--bottom {
  margin-top:10px;
}

/* --------------------------------------------------------
  RELEASE
-------------------------------------------------------- */
.releaseList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding:10px;
  width:100%;
  background:#fff;
  box-sizing: border-box;
}

.categoryTitle + .releaseList {
  margin-top:30px;
}

.releaseList .articleData {
  margin-top:15px;
  padding-top:15px;
  width:48%;
  border-top:1px dashed #B3B3B3;
}

.releaseList .articleData:nth-of-type(1), .releaseList .articleData:nth-of-type(2) {
  margin-top:0;
  padding-top:0;
  border-top:0;
}

.releaseList .articleData__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width:100%;
  box-sizing: border-box;
}

.releaseList .articleData__info--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.releaseList .articleData__title {
  font-size:1.0rem;
  font-weight: normal;
  line-height:1.2
}

.releaseList .articleData__title:hover {
  color:#0075c1;
}

.releaseList .articleData__info--top + .articleData__title {
  margin-top:10px;
}

.releaseList .articleData__date, .releaseList .articleData__name {
  color:#878787;
  font-size:1.0rem;
}

.releaseList .articleData__date {
  margin-right:10px;
}

/* --------------------------------------------------------
  リストページ
-------------------------------------------------------- */
.contentNavi {
    margin: 30px auto 0;
    width: 1400px;
}

.breadcrumb {
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width:100%;
}

.articleHeading .breadcrumb {
  margin-bottom:0;
}

.breadcrumb__innerLeft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width:calc(100% - 290px);
  font-size:1.4rem;
}

.breadcrumb__innerLeft li a {
  color:#888;
  line-height:1.5;
  text-decoration: underline;
}

.breadcrumb__innerLeft .current {
  color:#333;
  line-height:1.5;
  text-decoration: none;
}

.breadcrumb__innerLeft li + li:before, .breadcrumb__innerLeft li + .current:before {
  content:'>';
  display:inline-block;
  margin:0 10px;
  color:#333;
}

.snsbtnList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.snsbtnList li {
  width:50px;
}

.snsbtnList li + li {
  margin-left:10px;
}

.snsbtnList li img {
  width:100%;
  height:auto;
}

.breadcrumb + .pageTitle {
  margin-top:30px;
}

.pageTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width:100%;
}

.pageTitle h1 {
  color:#0075c1;
  font-size: 3.2rem;
  line-height:1.2;
}

.sortSelecter {
  position: relative;
}

.sortSelecter:after {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f13a";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  color:#666;
  font-size: 1.4rem;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
  transform: translate(-50%, 0);
}

.sortSelecter select {
  appearance: none;
  -webkit-appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0 40px 0 10px;
  width:180px;
  height:100%;
  color:#666;
  font-size:1.4rem;
  border:1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
}

.sortSelecter select::-ms-expand {
  display: none;
}

.seriesHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding:20px;
  width:100%;
  min-height:180px;
  background:url(../img/bg-seriesheading.png);
  background-size: cover;
  box-sizing: border-box;
}

.specialHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding:20px;
  width:100%;
  min-height:180px;
  background:url(../img/bg-seriesheading.png);
  background-size: cover;
  box-sizing: border-box;
}

.mainHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width:100%;
  box-sizing: border-box;
}

.mainHeading .articleAuthor a {
  color:#666;
  text-decoration: underline;
}

.mainHeading .articlePrtimeAuthor a {
  color:#002c67;
  text-decoration: underline;
}

.articleDetailInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.articleDetailInfo__top + .articleDetailInfo__bottom {
  margin-top:10px;
}

.articleDetailInfo__top, .articleDetailInfo__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.articleDetailInfo__bottom {
  line-height:1.2;
}

.seriesHeading .articleDataImg {
  margin-right:20px;
  width:300px;
}

.seriesHeading .seriesHeading__inner {
  width:calc(100% - 320px);
}

.seriesHeading .seriesLabel__inner, .specialHeading .seriesLabel__inner, .mainHeading .seriesLabel, .mainHeading .seriesTitle {
  padding:2px 10px;
  display:inline-block;
  color:#fff;
  font-size:1.4rem;
  font-weight: bold;
  border:1px solid #fff;
  box-sizing: border-box;
}

.mainHeading .seriesLabel, .mainHeading .seriesTitle {
  color:#666;
  border:1px solid #ccc;
}

.seriesHeading .seriesTitle, .specialHeading .seriesTitle {
  width: 100%;
  color:#fff;
  font-size:3.2rem;
  font-weight: bold;
  line-height:1.2;
}

.seriesHeading .seriesSummary, .specialHeading .seriesSummary {
  width: 100%;
  color:#fff;
  font-size:1.6rem;
  font-weight: bold;
}

.seriesHeading .seriesAuthor {
  color: #fff;
  font-size: 1.2rem;
}

.seriesHeading .seriesAuthor a{
  color: #fff;
}

.seriesHeading .seriesSummary a, .specialHeading .seriesSummary a {
  color: #fff;
  text-decoration: underline;
}

.seriesSummary + .seriesAuthor {
  margin-top:10px;
}

.mainHeading .articleDate {
  color:#666;
  font-size:1.2rem;
}

#mainC .mainHeading .articleSubtitle {
  margin: 0;
  padding: 0;
  background: none;
  color:#333;
  font-size:1.3rem;
  font-weight:bold;
  line-height:1.2;
}

.mainHeading .articleNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width:80px;
  color:#fff;
  font-size:1.4rem;
  font-weight: bold;
  background:#0075c1;
  box-sizing: border-box;
}

#mainC .mainHeading .articleTitle {
  margin: 0;
  padding: 0;
  width:100%;
  color:#0075c1;
  font-size:2.4rem;
  line-height:1.2;
  background: none;
}

#mainC .mainHeading .articleTitle + .articleSubtitle {
  margin-top:10px;
}

#mainC .mainHeading .articleSubtitle + .articleDetailInfo {
  margin-top:15px;
}

.mainHeading .articleAuthor {
  color:#666;
  font-size:1.2rem;
}

.mainHeading .articleDate + .articleAuthor {
  margin-left:10px;
}

.mainHeading .articlePrtimeAuthor {
  color:#002c67;
  font-size:1.2rem;
}

.mainHeading .articleDate + .articlePrtimeAuthor {
  margin-left:10px;
}

.mainHeading .articleTitle + .articleDetailInfo {
  margin-top: 15px;
}

.seriesHeading .seriesLabel + .seriesTitle, .specialHeading .seriesLabel + .seriesTitle {
  margin-top:15px;
}

.seriesHeading .seriesTitle + .seriesSummary, .specialHeading .seriesTitle + .seriesSummary {
  margin-top:15px;
  line-height:1.5;
}

.mainHeading .seriesLabel + .seriesTitle, .mainHeading .articleDate + .articleSubtitle {
  margin-left:10px;
}

.articleList.oneColumn .articleData {
  width: 100%;
}

.articleList.oneColumn .articleData:last-of-type {
  margin-bottom:0;
}

.articleList.oneColumn .articleDataImg {
  width: 20%;
}

.series-tmb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.series-tmb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.articleList.oneColumn .articleData__info {
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  width: 80%;
  box-sizing: border-box;
}

.articleData__seriesTitle {
  font-size:1.6rem;
  font-weight: bold;
  line-height:1.2;
}

.articleData__seriesLead {
  font-size:1.2rem;
  line-height:1.5;
}

.articleData__info-inner .articleData__date {
  width:100px;
}

.articleData__articleSubtitle {
  font-size:1.2rem;
  line-height:1.2;
}

.articleData__articleNumber {
  padding:5px;
  width:100px;
  color:#fff;
  font-size:1.2rem;
  text-align: center;
  background:#0075c1;
  box-sizing: border-box;
}

.articleData__articleTitle {
  font-size:1.6rem;
}

.articleData__date + .articleData__seriesTitle, .articleData__seriesTitle + .articleData__seriesLead {
  margin-top:10px;
}

.articleData__info-inner + .articleData__info-inner {
  margin-top:5px;
}

.articleData__info-inner .articleData__date + .articleData__articleSubtitle {
  margin-left:20px;
  width:calc(100% - 120px);
}

.articleData__info-inner .articleData__articleNumber + .articleData__articleTitle {
  margin-left:20px;
  width:calc(100% - 120px);
}

.subHeading-date {
  padding:8px 20px;
  width:100%;
  color:#fff;
  font-size:1.8rem;
  background:#0075c1;
  box-sizing: border-box;
}

.articleList + .subHeading-date {
  margin-top:40px;
}

.subHeading-date + .articleList {
  margin-top:20px;
}

.articleNumberIndex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top:30px;
  width:100%;
}

.articleNumberIndex li {
  position: relative;
  flex-grow: 1;
  height:30px;
  box-sizing: border-box;
}

.articleNumberIndex li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left:0;
  width:100%;
  height:30px;
  color:#999;
  font-size:1.4rem;
  border-right:1px solid #ddd;
  border-bottom:2px solid #fff;
  box-sizing: border-box;
}

.articleNumberIndex li:first-child a {
  border-left:1px solid #ddd;
}

.articleNumberIndex li.currentNumber a, .articleNumberIndex li:hover a {
  color:#0075c1;
  font-weight: bold;
  border-bottom:2px solid #0075c1;
}

.pagination-startup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top:40px;
}

.pagination-startup li {
  margin-bottom:10px;
  width:30px;
  height:30px;
}

.pagination-startup li + li {
  margin-left:5px;
}

.pagination-startup li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  color:#ccc;
  font-size: 1.4rem;
  font-weight: bold;
  border:1px solid #ccc;
  background:#fff;
  box-sizing: border-box;
}

.pagination-startup .current a, .pagination-startup li a:hover {
  color:#fff;
  border:none;
  background:#0075c1;
}

.pagination-startup .first a:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f100";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
}

.pagination-startup .prev a:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f104";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
}

.pagination-startup .next a:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
}

.pagination-startup .last a:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f101";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
}

.articleHeading {
  padding:30px 0;
  width: 100%;
  background:#fff;
  box-sizing: border-box;
}

.articleHeading__inner {
  margin: 0 auto;
  width: 1400px;
}



/* --------------------------------------------------------
  メイン
-------------------------------------------------------- */
.slick-initialized {
  display: block;
}

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position:relative;
  margin:60px auto 0;
  width:1400px;
}

.topHeader + main {
  margin-top:0;
}

.articlePage main {
  margin-top:30px;
  width: 1240px;
}

.main__inner {
  width:calc(100% - 450px);
}

.main__inner section {
  position:relative;
}

.main__inner section + section {
  margin-top:90px;
}

.ads {
  width:400px;
}

.ads .ads__inner {
  margin:0 auto;
  width:400px;
  transform: translate(0,0);
  webkit-transform: translate(0,0);
  transition: 0.5s;
}

.ads .ads__inner.fixed {
  position: fixed;
  bottom:505px;
  transform: translate(0,0);
  webkit-transform: translate(0,0);
  transition: 0.5s;
}

.ads-item {
  width:100%;
  height:250px;
  background:#ccc;
}

.ads-item + .ads-item {
  margin-top:40px;
}

.ads-item + section {
  margin-top:40px;
}

.ads section {
  position:relative;
}

.ads section + section {
  margin-top:40px;
}

.ads .ad_gam + section {
  margin-top:30px;
}

.ads section + .mailmagazine {
  margin-top:40px;
}

.ads .mailmagazine + section {
  margin-top:40px;
}

.mailmagazine img {
  width: 100%;
  height: auto;
}

.bottombnr img {
  width:100%;
  height:auto;
}

.mailmagazine a, .bottombnr a {
  opacity: 1.0;
  transition: 0.2s;
}

.mailmagazine a:hover, .bottombnr a:hover {
  opacity: 0.7;
  transition: 0.2s;
}

.m10 {
  margin-top: 10px;
}

.acenter{
    /*
    max-width: 300px !important;
    margin: 0 auto;*/

    display: block;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}

.w300{
    text-align:center;
}

.jinzaibanner, .twitterbanner{
  margin-top: 10px;
  text-align: center;
}

.accordionArea {
  margin-top:40px;
}

.btn-andMore {
  cursor: pointer;
  padding: 10px 0;
  width:100%;
  color:#0075c1;
  font-size:1.6rem;
  font-weight: bold;
  text-align: center;
  border:1px dashed #0075c1;
}

.btn-andMore:hover {
  color:#fff;
  background:#0075c1;
  border:1px solid #0075c1;
}

.btn-andMore:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f0fe";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
}

.btn-andMore.close {
  margin-top:20px;
}

.btn-andMore.close:before {
  content: "\f146";
}

/* --------------------------------------------------------
  ランキング
-------------------------------------------------------- */
.rankingList {
  margin-top:20px;
  width: 100%;
  box-sizing: border-box;
}

.rankingList li + li {
  margin-top:10px;
}

.rankingList li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  transition: 0.2s opacity;
}

.rankingList li a:hover {
  opacity: 0.75;
  transition: 0.2s opacity;
}

.rankingNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position:relative;
  margin-right:10px;
  width:45px;
  height:45px;
  color:#fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height:1;
}

.rankingNumber:after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 45px 0 0;
  border-color: rgba(255,255,255,0.2) transparent transparent transparent;
}

.rankingList li:nth-child(1) .rankingNumber {
  background:#BBA979;
}

.rankingList li:nth-child(2) .rankingNumber {
  background:#8F9287;
}

.rankingList li:nth-child(3) .rankingNumber {
  background:#A79583;
}

.rankingList li:nth-child(4) .rankingNumber {
  background:#8FC2D0;
}

.rankingList li:nth-child(5) .rankingNumber, .rankingList li:nth-child(6) .rankingNumber, .rankingList li:nth-child(7) .rankingNumber, .rankingList li:nth-child(8) .rankingNumber, .rankingList li:nth-child(9) .rankingNumber, .rankingList li:nth-child(10) .rankingNumber {
  background:#BABABA;
}

.rankingList li a figure {
  position:relative;
  margin-right:10px;
  padding-top: 45px;
  width:80px;
  overflow: hidden;
}

.rankingList li a figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  transition: 0.5s;
}

.rankingList li a p {
  width:calc(100% - 145px);
  font-size: 1.4rem;
  line-height:1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* --------------------------------------------------------
  category
-------------------------------------------------------- */
.categoryList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-top:20px;
  padding:20px 0 0 20px;
  width:100%;
  background:#fff;
  box-sizing: border-box;
}

.categoryList li {
  margin:0 20px 20px 0;
}

.categoryList li a {
  color:#0075C1;
  font-size:1.6rem;
  font-weight: bold;
}

.categoryList li a:hover {
  text-decoration: underline;
}

/* --------------------------------------------------------
  featured/serial
-------------------------------------------------------- */
.sideList--basic {
  margin-top:20px;
}

.sideList--basic li {
  padding:10px;
  width:100%;
  background:#fff;
  box-sizing: border-box;
}

.sideList--basic li + li {
  margin-top:10px;
}

.sideList--basic li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  transition: 0.2s opacity;
}

.sideList--basic li a:hover {
  opacity: 0.75;
  transition: 0.2s opacity;
}

.sideList--basic li a figure {
  position:relative;
  margin-right:10px;
  padding-top: 45px;
  width:80px;
  overflow: hidden;
}

.sideList--basic li a figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  transition: 0.5s;
}

.sideList--basic li a p {
  width:calc(100% - 90px);
  font-size:1.4rem;
  line-height:1.5;
}

/* --------------------------------------------------------
  archive
-------------------------------------------------------- */
.archiveList {
  margin-top:20px;
  padding:20px 10px;
  width:100%;
  background:#fff;
  box-sizing: border-box;
}

.archiveList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #ccc;
}

.archiveList li:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none;
}

.archiveList .year {
  width:40px;
  color:#0075c1;
  font-size:1.4rem;
  font-weight: bold;
}


.archiveList .month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width:calc(100% - 40px);
  font-size:1.3rem;
}

.archiveList .month > a, .archiveList .month > div {
  display:block;
  width:8.33%;
  text-align: center;
}

.archiveList .month > a:hover {
  color:#0075c1;
  text-decoration: underline;
}

.archiveList .month > div {
  color:#ccc;
}

/* --------------------------------------------------------
  フッタ
-------------------------------------------------------- */
footer {
  margin-top:100px;
}

.footer-sp {
  display:none;
}

.footer-pc {
  padding:15px 0;
  background:#eee;
  box-sizing: border-box;
}

.footer__inner {
  margin: 0 auto;
  padding: 15px 0 100px;
  clear: both;
  width: 1400px;
  text-align: center;
}

.footer-pc ul.catIndex {
  margin: 0 auto 5px;
  padding: 0;
  letter-spacing: -.4em;
  width: 100%;
  height: 15px;
}

.footer-pc ul.catIndex li {
  margin: 0;
  padding: 0 4px 0 4px;
  border-right: 1px dotted #aaa;
  display: inline;
  letter-spacing: normal;
  height: 14px;
  font-size: 77%;
}

.footer-pc ul.catIndex li:first-child {
  padding-left: 0;
}

.footer-pc ul.catIndex li.endcat {
  border: none;
}

.footer-pc ul.catIndex li a:link,
.footer-pc ul.catIndex li a:visited {
  color: #666 !important;
}

.footer-pc ul.sites {
  margin-bottom: .5em;
  width: 32em;
}

.footer-pc ul.sites li {
  border: none;
}

.footer-pc ul#footMenu {
  margin: 30px auto 10px;
  padding: 0;
  border-left: 1px dotted #aaa;
  width: 458px;
  height: 15px;
}

.footer-pc ul#footMenu li {
  margin: 0;
  padding: 0 7px;
  float: left;
  border-right: 1px dotted #aaa;
  height: 15px;
  font-size: 93%;
}

.footer-pc ul#footMenu li a:link,
.footer-pc ul#footMenu li a:visited {
  color: #666 !important;
}

.footer-pc p.notation {
  color: #666 !important;
}

address {
  margin: 0 auto;
  padding: 10px 0;
  color: #666;
  font-size: 93%;
  font-style: normal;
  font-family: Helvetica,Arial,sans-serif;
  text-align: center;
}

/* ad-gan */
#asj_all_ol_gam {
  position: fixed;
  z-index: 20000;
  bottom: 0;
  width:100%;
  background:rgba(0,0,0,0.8);
  box-sizing: border-box;
}

.ad_gam {
    padding: 0 0 10px;
    text-align: center;
}

ad_gam + section {
  margin-top: 40px;
}

.ad_ydn{
  margin: 0 6px 10px;
  text-align: center;
}

#asj_all_ol_gam.ad_gam{
  padding-bottom: 0;
}

/* --------------------------------------------------------
  ページTOP
-------------------------------------------------------- */
#page-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index:1;
}

#page-top a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor:pointer;
  width:80px;
  height:80px;
  color:#fff;
  font-size:1.4rem;
  line-height:110%;
  font-weight: bold;
  background:#293462;
  border-radius: 50px;
  text-align: center;
  transition: 0.5s;
}

#page-top a:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f077";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-top:-8px;
  margin-bottom: 2px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
}

#page-top a:hover {
  text-decoration: none;
}

.fixedBtn {
  position: fixed;
  top: calc(50% - 65px);
  right: 0;
  width: 60px;
  height: 130px;
  z-index: 2;
}

.fixedBtn a {
  display: block;
  width: 100%;
  height: 100%;
  background:#ffff66;
  border-radius: 2px 0 0 2px;
}

.fixedBtn a:hover {
  background:#fff;
}

.fixedBtn img {
  width:100%;
}

/* --------------------------------------------------------
  ハンバーガーナビ
-------------------------------------------------------- */
#nav-tgl {
  display: none;
}

.scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.nav-tgl-btn {
  display:none;
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
}

.drawer-open {
  z-index: 2;
  width: 60px;
  height: 60px;
  transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.drawer-open::before,
.drawer-open::after {
  content: "";
}

.drawer-open span,
.drawer-open::before,
.drawer-open::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 25%;
  width: 50%;
  border-bottom: 2px solid white;
  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.drawer-open::before {
  transform: translateY(-10px);
}

.drawer-open::after {
  transform: translateY(10px);
}

.drawer-close {
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: background .6s;
}

#nav-tgl:checked+.drawer-open {
  background: #0075C1;
  transform: translateX(0);
}

#nav-tgl:checked+.drawer-open span {
  transform: scaleX(0);
}

#nav-tgl:checked+.drawer-open::before {
  transform: rotate(45deg);
}

#nav-tgl:checked+.drawer-open::after {
  transform: rotate(-45deg);
}

#nav-tgl:checked~.drawer-close {
  pointer-events: auto;
  background: rgba(0, 0, 0, .5);
}

.content-wrapper {
  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#nav-tgl:checked~.content-wrapper {
  transform: translateX(-250px);
}

/* メニューデザイン */
.drawer-menu {
  z-index: 999;
  position: fixed;
  top: 60px;
  right: 0;
  width:90%;
  height:calc(100vh - (60px));
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  background:#fff;
  transform: translateX(100%);
  transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#nav-tgl:checked~.drawer-menu {
  transform: none;
}

.drawer-menu > ul {
  padding-bottom:80px;
  box-sizing: border-box;
}

.drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.drawer-dropdown.open>.drawer-dropdown-menu {
  display: block;
}

.drawer-menu li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding:15px 4vw;
  width: 100%;
  color:#333;
  font-size:1.6rem;
  font-weight: bold;
  line-height:160%;
  border-bottom:1px solid #ccc;
  box-sizing: border-box;
}

.drawer-menu li > a:hover {
  text-decoration: none;
}

.drawer-menu li > p {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding:15px 4vw;
  width: 100%;
  color:#333;
  font-size:1.6rem;
  font-weight: bold;
  line-height:160%;
  border-bottom:1px solid #ccc;
  box-sizing: border-box;
}

.drawer-menu li > p:hover {
  text-decoration: none;
}

.drawer-menu li > a > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.drawer-menu li > a:after {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 20px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.drawer-menu li > p:after {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f067";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  margin-left: 20px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.drawer-menu li > p.open:after {
  content: "\f068";
}

.drawer-dropdown-menu > li > a {
  font-size:1.4rem;
  background:#eee;
}

.drawer-nav .formContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 15px 4vw;
  width: 100%;
  box-sizing: border-box;
}

.drawer-nav .formContainer .txtBoxSize {
  width:200px;
  border:1px solid #ddd;
}

.drawer-nav .formContainer a {
  color: #333;
}

/* --------------------------------------------------------
  記事／jpArt.css上書き
-------------------------------------------------------- */
#mainC {
  float:none;
  padding:30px;
  background:#fff;
  width: 100%;
  box-sizing: border-box;
}

#mainC p {
  margin-bottom: 20px;
  font-size: 1.8rem;
}

#mainC sup {
  font-size: 1.2rem;
}

#mainC #contents_detail h2 {
  margin: 2em 0 1em;
  padding: 0;
  color:#0075c1;
  font-size: 2.4rem;
  line-height:1.5;
  background: none;
}

#mainC ol {
  margin: 1em 1em 1em 2em;
  list-style-type: decimal;
}

#mainC ul {
  margin: 1em 1em 1em 1.5em;
  list-style-type: disc;
}

#mainC a img {
  box-sizing: border-box;
}

#contents_detail {
  margin:0 auto;
  width:670px;
}

#contents_detail a, #mainC .column a {
  color:#0075c1;
  text-decoration: underline;
}

#contents_detail + .column {
  margin-top:30px;
}

.pager, .pages {
  margin: 0 auto;
}

.mainHeading + #contents_detail {
  margin-top:30px;
}

.pages + #contents_detail {
  margin-top:30px;
}

div + .pages {
  margin-top:30px;
}

#mainC + .backnumber {
  margin-top:60px;
}

#mainC div.relatedarticle ul li {
  list-style: none;
  background: transparent url(https://ascii.jp/img/0910/icon_articlelist.gif) no-repeat 0 8px;
}

/*
group用ページャここから
*/

 .pages {
  display: flex;
  justify-content: center;
  width:100%;
}

 .pages .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  width:100%;
  letter-spacing: 0;
}

 .pages .pagination span {
  display: flex;
  justify-content: center;
  align-items: center;
  width:28px;
  height:28px;
  font-size: 1.4rem;
  font-weight: bold;
  border:1px solid #eee;
  box-sizing: border-box;
}

 .pages .pagination span + span {
  margin-left:10px;
}

 .pages .pagination .active {
  color:#fff;
  background:#0075c1;
}

 .pages .pagination span a {
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  color:#0075c1;
  font-size: 1.4rem;
  text-decoration: none;
}

 .pages .pagination span:hover a {
  color:#fff;
  background:#0075c1;
}

 .pages .pagination .previous a,  .pages .pagination .previousOff,  .pages .pagination .next a,  .pages .pagination .nextOff {
  position:relative;
}

 .pages .pagination .previous a:before,  .pages .pagination .previousOff:before,  .pages .pagination .next a:before,  .pages .pagination .nextOff:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f04a";
  -webkit-font-smoothing: antialiased;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  font-size: 1.4rem;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
  transform: translate(-50%, -50%);
}

 .pages .pagination .previous a:before,  .pages .pagination .previousOff:before {
  content: "\f04a";
}

 .pages .pagination .next a:before,  .pages .pagination .nextOff:before {
  content: "\f04e";
}

 .pages .pagination .previousOff:before,  .pages .pagination .nextOff:before {
  color:#eee;
}


/*
group用ページャここまで
*/

#mainC .pages {
  display: flex;
  justify-content: center;
  width:100%;
}

#mainC .pages .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  width:100%;
  letter-spacing: 0;
}

#mainC .pages .pagination span {
  display: flex;
  justify-content: center;
  align-items: center;
  width:28px;
  height:28px;
  font-size: 1.4rem;
  font-weight: bold;
  border:1px solid #eee;
  box-sizing: border-box;
}

#mainC .pages .pagination span + span {
  margin-left:10px;
}

#mainC .pages .pagination .active {
  color:#fff;
  background:#0075c1;
}

#mainC .pages .pagination span a {
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  color:#0075c1;
  font-size: 1.4rem;
  text-decoration: none;
}

#mainC .pages .pagination span:hover a {
  color:#fff;
  background:#0075c1;
}

#mainC .pages .pagination .previous a, #mainC .pages .pagination .previousOff, #mainC .pages .pagination .next a, #mainC .pages .pagination .nextOff {
  position:relative;
}

#mainC .pages .pagination .previous a:before, #mainC .pages .pagination .previousOff:before, #mainC .pages .pagination .next a:before, #mainC .pages .pagination .nextOff:before {
  pointer-events: none;
  font-family: "Font Awesome 5 Free";
  content: "\f04a";
  -webkit-font-smoothing: antialiased;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  font-size: 1.4rem;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 0;
  transform: translate(-50%, -50%);
}

#mainC .pages .pagination .previous a:before, #mainC .pages .pagination .previousOff:before {
  content: "\f04a";
}

#mainC .pages .pagination .next a:before, #mainC .pages .pagination .nextOff:before {
  content: "\f04e";
}

#mainC .pages .pagination .previousOff:before, #mainC .pages .pagination .nextOff:before {
  color:#eee;
}

#artAds {
  margin: 30px auto 0;
  padding: 0;
  background: none;
}

#artAds + .backnumber, #artAds + .recommend {
  margin-top:60px;
}

.backnumber + .recommend, .recommend + .backnumber {
  margin-top:60px;
}

#mainC + .recommend {
  margin-top: 60px;
}


/*
スポンサーバッチのランキング、ピックアップ&イベント関連
*/
span.tag {
    background: #000;
    color: #fff !important;
    display: inline-block;
    padding: 2px 5px;
    font-size: 86% !important;
    margin: 0px 5px 5px 0px;
}
.batch_sponsored {
    padding: 1px 5px 3px;
}

.pickup span.tag {
    vertical-align: top;
}

/* 
連載過去記事誘導
*/
.archive__link {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-weight:bold;
}
.archive__link-item {
  color:#0075c1;
  font-size: 1.4rem;
  border-bottom: 2px solid #333;
  width: calc(100% / 5 - 1rem);
  text-align: center;
  padding: 1rem 0;
}

.archive__link .active{
  border-bottom: 2px solid #0075c1;
}

.archive__link-item a{
  color:#888!important;
  text-decoration: none !important;
}

.archive__link-item a:visited{
  color:#888!important;
}


/* --------------------------------------------------------
  レスポンシブ
-------------------------------------------------------- */
@media screen and (max-width: 1440px) {
  .commonHeader__inner {
    width: 96%;
  }

  .collaboration .siteLogo {
    width: auto;
    height: 36px;
  }

  .collaboration .globalNavi .naviList__parent .parentLink {
    padding: 0 20px;
  }

  .whatsnew {
    width: 96%;
  }
  
  .whatsnew__inner {
    width: 100%;
  }

  .contentNavi, .articleHeading__inner {
    width: 96%;
  }

  main {
    width: 96%;
  }
  
  .articleList.articleList.twoColumn .articleDataImg {
    width: 45%;
  }
  
  .articleList.articleList.twoColumn .articleData__info {
    width: 55%;
  }
  
  .articleList.twoColumn .articleData__info--bottom .label-container {
    width: 100%;
  }
  
  .articleList.twoColumn .label-container + .articleData__date {
    margin-top:4px;
    width: 100%;
    text-align: left;
  }
  
  .footer__inner {
    width: 96%;
  }
  
  .whatsnew .articleList.innerLeft .articleData:not(:first-of-type) .articleData__title {
    -webkit-line-clamp: 2;
  }
  
  .whatsnew .articleData__articleLead {
    -webkit-line-clamp: 2;
  }
}

@media screen and (max-width: 1300px) {
  .articlePage main {
    width: 96%;
  }
}

@media screen and (max-width: 1260px) {  
  .globalNavi .naviList__parent > li > a + .naviList__child {
    width: 120%;
  }

  #contents_detail {
    max-width: 670px;
    width:100%;
  }

  
  .whatsnew .articleList.innerLeft .articleData:not(:first-of-type) .articleData__title {
    -webkit-line-clamp: 2;
  }
  
  .whatsnew .articleData__articleLead {
    -webkit-line-clamp: 1;
  }
}

@media screen and (max-width: 1200px) {
  .topHeader {
    width: 1200px;
  }
  
  .commonHeader {
    width: 1200px;
  }
  
  .articleHeading {
    width: 1200px;
  }
  
  .whatsnew {
    width: 1200px;
  }
  
  .whatsnew__inner {
    width: 96%;
  }
  
  main {
    padding:0 2%;
    width: 1200px;
    box-sizing: border-box;
  }
  
  .articlePage main {
    width: 1200px;
  }
  
  .contentNavi {
    width: 1200px;
    box-sizing: border-box;
  }
  
  .breadcrumb {
    width: 96%;
  }
  
  .articleHeading__inner .breadcrumb {
    width: 100%;
  }
  
  .pageTitle {
    margin:0 auto;
    width: 96%;
  }
  
  .footer {
    width: 1200px;
  }
}

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

}

@media screen and (min-width: 769px) {
  #mainC .mainHeading .articleTitle {
    font-size:2.88rem
  }

  #mainC p {
    font-size:1.64rem;
    line-height:2;
  }

  #mainC #contents_detail h2 {
    font-size:2.04rem;
    line-height:1.8;
  }
}
  
@media screen and (max-width: 768px) {
  .nav-tgl-btn {
    display: block;
  }

  .topHeader {
    padding:80px 0 0;
    width:100%;
    background: none;
  }

  .commonHeader {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:60px;
    background: rgba(0,117,193,1);
  }
  
  .contentNavi, .articleHeading__inner {
    width: 94%;
  }
  
  .topHeader .commonHeader {
    background: rgba(0,117,193,1);
  }
  
  .commonHeader.fixed {
    height: 60px;
  }
  
  .commonHeader__inner {
    width: 94%;
  }
  
  .globalNavi {
    display:none;
  }

  .formContainer form {
    width: 100%;
  }

  .formContainer .txtBoxSize {
    border:1px solid #ccc;
  }
  
  .whatsnew {
    width:94%;
  }
  
  .whatsnew__inner {
    width:100%;
  }
  
  .whatsnew .categoryTitle {
    color: #333;
  }
  
  .whatsnew .articleList.innerLeft .articleData:not(:first-of-type) .articleData__title {
    -webkit-line-clamp: unset;
  }
  
  .whatsnew .articleData__articleLead {
    -webkit-line-clamp: 3;
  }
  
  .categoryTitle + .articleList {
    margin-top: 20px;
  }
  
  .contentNavi {
    margin-top:80px;
    width: 94%;
  }
  
  .articleHeading {
    margin-top:80px;
    padding:0;
    width: 100%;
    background:none;
  }
  
  .articleDetailInfo {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content:auto;
  }
  
  .articleNumberIndex {
    margin-top: 20px;
  }
  
  .articleDataImg__inner img {
    height: 100%;
  }
  
  .releaseList .articleData {
    margin-top: 10px;
    padding-top: 10px;
    width: 100%;
  }
  
  .releaseList .articleData:nth-of-type(2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #B3B3B3;
  }
  
  .releaseList .articleData__date, .releaseList .articleData__name {
    font-size: 1.2rem;
  }
  
  .releaseList .articleData__title {
    font-size: 1.2rem;
    line-height:1.5;
  }
  
  .releaseList .articleData__info--top + .articleData__title {
    margin-top: 5px;
  }
  
  .breadcrumb {
    display: block;
    margin: 0 auto 20px;
    width:100%;
  }
  
  .pageTitle {
    width:100%;
  }
  
  .breadcrumb + .pageTitle {
    margin-top: 20px;
  }
  
  .breadcrumb__innerLeft {
    flex-wrap:nowrap;
    align-items: flex-start;
    width:100%;
    overflow-x:scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; 
  }

  .breadcrumb__innerLeft::-webkit-scrollbar {
    display:none;
  }

  .breadcrumb__innerLeft li {
    flex-shrink: 0;
    box-sizing: border-box;
  }
  
  .breadcrumb__innerLeft li a, .breadcrumb__innerLeft .current {
    line-height: 1.2;
  }
  
  .breadcrumb__inneright {
    width:100%;
  }
  
  .breadcrumb__innerLeft + .breadcrumb__inneright {
    margin-top:15px;
  }
  
  .snsbtnList {
    justify-content: flex-start;
  }
  
  .articleList .articleData__info .articleData__info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  
  .articleData__info-inner + .articleData__info-inner {
    margin-top: 10px;
  }
  
  .articleData__info-inner .articleData__date + .articleData__articleSubtitle {
    margin:5px 0 0 0;
    width:100%;
  }
  
  .articleData__info-inner .articleData__articleNumber + .articleData__articleTitle {
    margin:5px 0 0 0;
    width:100%;
  }
  
  .articleList .articleData__info .articleData__info-inner.justified {
    justify-content: flex-start;
  }
  
  .articleData__info-inner .articleData__date + .articleData__label {
    margin-top:5px;
  }
  
  .whatsnew {
    margin: 0 auto;
  }
  
  .whatsnew .articleList.innerLeft {
    margin-top:0;
    width: 100%;
  }
  
  .whatsnew .articleList.innerRight {
    margin-top:20px;
    width: 100%;
  }
  
  .whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleData__info .articleData__info-inner{
    flex-direction: row;
    align-items: center;
  }
  
  .whatsnew .articleList .articleList__inner {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
  }
  
  .whatsnew .articleList .categoryTitle + .articleList__inner {
    margin-top:20px;
  }
  
  .whatsnew .label-container {
    width: 100%;
  }
  
  .whatsnew .articleData__label {
    display: inline-block;
    line-height:1.2
  }
  
  .whatsnew .label-container + .articleData__date {
    margin-top: 6px;
  }
  
  main, .topHeader + main {
    margin-top:40px;
    padding: 0;
    width:94%;
  }
  
  .articlePage main {
    margin-top:20px;
    width:94%;
  }
  
  .main__inner {
    width: 100%;
  }
  
  .main__inner section + section {
    margin-top: 40px;
  }
  
  .main__inner section + .startup {
    margin-top: 80px;
  }
  
  .subHeading-date + .articleList {
    margin-top: 10px;
  }

  .articleList .articleData {
    margin-bottom: 10px;
  }
  
  .startup .twoColumn .articleData {
    width: 100%;
  }

  .articleList.oneColumn .articleData:last-of-type {
    margin-bottom: 0;
  }
  
  .articleList.oneColumn .articleData {
    margin-bottom: 20px;
  }
  
  .articleList .articleDataImg {
    width: 60%;
  }
  
  .articleList .articleData__info {
    padding:5px 10px;
    width: 40%;
  }
  
  .articleList.oneColumn .articleDataImg {
    width: 26%;
  }
  
  .articleList.oneColumn .articleData__info {
    width: 74%;
  }
  
  .articleList .articleData__info--bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  
  .recommend .articleList .articleData__info--bottom {
    flex-direction: row;
    align-items: center;
  }

  .articleData__title {
    -webkit-line-clamp: 3;
  }
  
  .articleList.twoColumn .articleData__title {
    font-size:1.3rem;
  }
  
  .articleData__label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding:2px 4px;
    line-height:1;
  }
  
  .startup .articleData__label, .recommend .articleData__label {
    display: inline-block;
    -webkit-box-orient: auto;
    -webkit-line-clamp: auto;
    overflow: auto;
  }
  
  .label-container + .articleData__date {
    margin-top:2px;
  }
  
  .pagination-startup {
    margin-top: 20px;
  }

  .ads {
    margin-top:40px;
    width: 100%;
  }
  
  .andmore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: auto;
    right: auto;
    margin:20px auto 0;
    width:80%;
    height:50px;
    color:#0075c1;
    font-weight:bold;
    border-radius: 25px;
    background:#eee;
  }
  
  .andmore:hover {
    color:#fff;
    background:#0075c1;
  }
  
  .footer {
    width:100%;
  }
  
  .footer__inner {
    width:94%;
  }
  
  #contents_detail {
    width: 100%;
  }
  
  #page-top {
    right: 10px;
  }
}

@media screen and (max-width: 640px) {  
  .articleList .articleData {
    width: 100%;
  }
  
  .categoryTitle + .articleList, .categoryTitle + .releaseList {
    margin-top: 20px;
  }
  
  .pickup .articleData:last-of-type, .pickup .articleData:nth-last-of-type(2):nth-of-type(odd) {
    margin-bottom: 10px;
  }
  
  .twoColumn .articleData {
    width: 100%;
  }
  
  .articleList .articleDataImg {
    width: 35%;
  }
  
  .articleList .articleData__info {
    width: 65%;
  }

  .articleList .articleData__info--bottom {
    flex-direction:row;
    justify-content: space-between;
    align-items: center;
  }
  
  .articleData__label {
    display: inline-block;
    overflow: auto;
    line-height: 1;
  }
  
  .label-container + .articleData__date {
    margin-top: 0;
  }
  
  .articleNumberIndex {
    margin-top:20px;
    justify-content: flex-start;
  }
  
  .articleNumberIndex li {
    width:20%;
    height:40px;
    flex-grow: 0;
  }
  
  .articleList.twoColumn .articleData:nth-last-of-type(2):nth-of-type(odd) {
    margin-bottom: 10px;
  }
  
  .seriesHeading .articleDataImg {
    margin-right:0;
    width: 100%;
  }
  
  .articleData__articleNumber {
    padding: 2px 4px;
  }
  
  .seriesHeading .seriesHeading__inner {
    width: 100%;
  }
  
  .seriesHeading .articleDataImg + .seriesHeading__inner {
    margin-top:20px;
  }
  
  #mainC .photo.single {
    width: 100%;
  }
  
  #mainC .photo {
    padding:0;
    width: 100%;
    box-sizing: border-box;
  }
  
  #mainC .pages .pagination span {
    width:10%;
    height:40px;
  }
  
  #mainC .pages .pagination span + span {
    margin-left:1.25%;
  }
  
  #mainC .pages .pagination span:nth-child(n + 10) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 480px) {
  .collaboration .commonHeader__inner a {
    width:calc(100% - 100px);
  }
  .collaboration .siteLogo {
    width:100%;
    height: auto;
  }

  .collaboration .siteLogo img {
    max-width: 100%;
    height: auto;
    max-height: 42px;
  }

  main {
    width: 94%;
  }

  .articleData a:hover .articleDataImg__inner img {
    transform: translate(-50%, -50%) scale(1);
  }

  .articleList.oneColumn .articleDataImg {
    width: 100%;
  }
  
  .articleList.oneColumn .articleData__info {
    width: 100%;
  }
  
  .articleList .articleData__info--bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  
  .label-container + .articleData__date {
    margin-top: 5px;
  }
  
  .recommend .label-container + .articleData__date {
    margin-top: 0;
  }
  
  .articleData__seriesLead {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
  
  .articleData__date + .articleData__seriesTitle, .articleData__seriesTitle + .articleData__seriesLead {
    margin-top: 10px;
  }
  
  .whatsnew .articleList .articleDataImg {
    width: 100%;
  }
  
  .whatsnew .articleList .articleData__info {
    width: 100%;
  }
  
  .whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleData__info {
    position: relative;
    bottom: auto;
    padding: 10px;
    width: 100%;
    background: #fff;
  }
  
  .whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleData__label {
    border: none;
    background: #0075C1;
  }
  
  .whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleData__date {
    margin: 6px 0 0 0;
    color: #888;
  }
  
  .whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleData__title {
    color: #333;
  }
  
  .whatsnew .articleList.innerLeft .articleData:nth-of-type(1) .articleData__info .articleData__info-inner {
    flex-direction: column;
    align-items: flex-start
  }
  
  .pageTitle h1 {
    width:100%;
  }
  
  .sortSelecter {
    height:40px;
  }
  
  .pageTitle h1 + .sortSelecter {
    margin-top:15px;
  }

  .sortSelecter select {
    width: 160px;
  }
  
  .mainHeading .articleNumber {
    padding:2px 0;
  }
  
  #mainC .mainHeading .articleDate + .articleSubtitle {
    margin:5px 0 0 0;
  }
  
  .mainHeading .articleNumber + .articleTitle {
    margin:10px 0 0 0;
  }
  
  #mainC {
    padding: 15px;
  }
  
  .mainHeading .articleDate {
    margin-right:10px;
  }
  
  .mainHeading .articleDate + .articleAuthor {
    margin-left: 0;
  }

  .mainHeading .articleDate + .articlePrtimeAuthor {
    margin-left: 0;
  }
  
  .drawer-nav .formContainer {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .drawer-nav .formContainer a {
    margin:10px 0 0 0;
  }
  
  .fixedBtn {
    display: none;
  }
  
  .ads .ads__inner {
    width: 100%;
  }

  .footer-pc {
    display:none;
  }

  .footer-sp {
    display:block;
    padding:20px 3% 220px;
    background: #222;
    box-sizing: border-box;
  }

  .footer-sp:before, .footer-sp:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .footer-sp:after {
    clear: both;
  }

  .footer-sp .footer__links ul {
    *zoom: 1;
    margin: 0 0 10px 0;
    padding: 0;
  }

  .footer-sp .footer__links ul:before, .footer-sp .footer__links ul:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .footer-sp .footer__links ul:after {
    clear: both;
  }

  .footer-sp .footer__links ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 1.4rem;
  }
  
  .footer-sp .footer__links ul li a {
    color: #fff;
    font-size: 10px;
    font-size: 1.0rem;
  }

  .footer-sp p.notation {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    font-size: 1.0rem;
  }
  
  .footer-sp .footer_copyrights {
    display: block;
    text-align: center;
    margin: auto;
    color: #fff;
    font-size: 10px;
    font-size: 1.0rem;
  }
  
  .footer-sp .footer_copyrights {
    display: block;
    text-align: center;
    margin: auto;
    color: #fff;
    font-size: 10px;
    font-size: 1.0rem;
  }
  
  #asj-s_all_ol_gam{
    position: fixed;
    z-index: 20000;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }

  .ad_gam{
    text-align: center;
    margin-bottom: 10px;
  }
  
  #mainC p {
    font-size: 1.6rem;
  }
  
  #page-top {
    bottom: 10px;
  }
  
  #page-top.bottomed {
    bottom: 200px;
    transition: 0.5s;
  }
  
  #page-top a {
    width: 60px;
    height: 60px;
    font-size: 1.3rem;
  }
}

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

}

/* --------------------------------------------------------
  2304追加
-------------------------------------------------------- */
.hotword {
  display:none;
}
@media screen and (min-width: 769px) {
  .commonHeader {
    height:auto;
    z-index: 2;
  }
  .globalNavi {
    padding-top: 10px;
  }
  .contentHeader .globalNavi {
    padding: 10px 0 5px;
  }
  .contentHeader .fixed .globalNavi {
    padding-bottom: 0;
  }
  .globalNavi .naviList__parent {
    margin-top: 5px;
  }
  .globalNavi .naviList__parent .parentLink {
    padding-bottom:0px;
    height: 30px;
  }
  .globalNavi .naviList__parent .parentLink + .naviList__child {
    top: 30px;
  }
  .globalNavi .naviList__parent > li:hover .parentLink + .naviList__child {
    top: 30px;
  }
  .globalNavi .naviList__parent > li .formContainer, .globalNavi .naviList__parent > li.focus .formContainer {
    top: 30px;
  }
  .globalNavi .naviList__parent > li:hover .formContainer, .globalNavi .naviList__parent > li.focus .formContainer {
    top: 30px;
  }
  .globalNavi .naviList__parent > li:not(:nth-child(3)):not(:nth-child(5)):not(:nth-child(6)):not(:last-child) > .parentLink {
    justify-content: space-between;
  }
  .globalNavi .naviList__parent > li:not(:nth-child(3)):not(:nth-child(5)):not(:nth-child(6)):not(:last-child) > .parentLink:after {
    display: inline-block;
    position: relative;
    bottom: auto;
    left: auto;
    margin-left:10px;
    transform: translate(0, 0);
  }
  .globalNavi .naviList__parent > li:nth-child(4) .parentLink + .naviList__child > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .globalNavi .naviList__parent > li:nth-child(4) .parentLink + .naviList__child > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:10px 4px;
    width:80%;
    height:auto;
    color:#333;
    border-radius: 999px;
    background:#fff;
    box-sizing: border-box;
    transition: 0.2s;
  }
  .globalNavi .naviList__parent > li:nth-child(4) .parentLink + .naviList__child > li > a:hover {
    color:#fff;
    text-decoration: none;
    background:#0075c1;
    transition: 0.2s;
  }
  .hotword {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 10px auto 0;
    padding:0;
    width: 1400px;
    box-sizing: border-box;
    z-index: 1;
  }
  .hotword__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100px;
    color:#fff;
    font-size:1.6rem;
    font-weight: 700;
  }
  .hotword__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 100px);
    height: 100%;
  }
  .hotword__list li {
    flex-grow: 1;
  }
  .hotword__list li + li {
    margin-left:0.6vw;
  }
  .hotword__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:6px 10px;
    width:100%;
    height:100%;
    color:#0075c1;
    font-size:1.3rem;
    font-weight: 700;
    border:1px solid #0075c1;
    border-radius: 999px;
    background:#fff;
    box-sizing: border-box;
    transition: 0.2s;
  }
  .hotword__list li a:hover {
    color:#fff;
    border:1px solid #fff;
    background:none;
    transition: 0.2s;
  }
  .whatsnew {
    margin: 20px auto 0;
  }
  .snsbtnList .club_fav {
    width: 44px;
  }
}

@media screen and (max-width: 1440px) {
  .hotword {
    width: 96%;
  }
}