@charset "utf-8";

html {
  font-size: initial !important;
}


@font-face {
  font-family: 'sega-icon';
  src: url('/font/sega-icon.eot');
}

@font-face {
  font-family: 'sega-icon';
  src: url('/font/sega-icon.ttf');
}

@font-face {
  font-family: 'sega-icon';
  src: url('/font/sega-icon.woff')
}



/*** 背景紺色 ***/
.inner2{border-radius:8px; border: solid 2px #0a1ca5; background-color:#00021c }@media (max-width:769px){.p-contents-detail .topicsBox2 img{height:auto}}
.p-contents-detail .inner2b{padding:32px 40px;}
@media (max-width:769px){.p-contents-detail .inner2b{padding:20px 0}}

/* #3d65e7*/


/*** 背景紺色（枠なし） ***/
.inner3{border-radius:0px; background-color:#030B39 }@media (max-width:769px){.p-contents-detail .topicsBox2 img{height:auto}}
.p-contents-detail .inner3b{padding:0 ;}
@media (max-width:769px){.p-contents-detail .inner3b{padding:0 }}

/* #3d65e7*/




/*** トピックスは必ずこのdivで囲む ***/

div.topicsBox2 {
  xword-break: keep-all;
	xline-break: normal !important;
   overflow-wrap: anywhere;	
}

div.topicsBox2 {
  margin: 0 10px 4em !important;
}

/*** 下マージン調整 大 ***/
div.topicsBox2 .mtBig {
  margin-top: 4em !important;
}

/*** 下マージン調整 小 ***/
div.topicsBox2 .mtMini {
  margin-top: 2em !important;
}

/*** hr ***/
div.topicsBox2 hr.topics-hr {
  margin: 5em 0 !important;
}

/*** h3 ～ h5 調整 ***/

div.topicsBox2 h3 {
  margin: 1.0em 0 0 0 !important;
 }

div.topicsBox2 h3,
div.topicsBox2 h4,
div.topicsBox2 h5 {
  color: #FFF !important;
}

div.topicsBox2 h3.border,
div.topicsBox2 h4.border,
div.topicsBox2 h5.border {
 border-color: #FFF !important;
}

/*yellow*/
div.topicsBox2 h3.c-yellow,
div.topicsBox2 h4.c-yellow,
div.topicsBox2 h5.c-yellow {
 color: #FFE000 !important;
}

div.topicsBox2 h3.border.c-yellow,
div.topicsBox2 h4.border.c-yellow,
div.topicsBox2 h5.border.c-yellow {
 border-color: #FFE000 !important;
}

/*orange*/
div.topicsBox2  h3.c-orange,
div.topicsBox2  h4.c-orange,
div.topicsBox2  h5.c-orange {
 color: #FFB854 !important;
}

div.topicsBox2 h3.border.c-orange,
div.topicsBox2 h4.border.c-orange,
div.topicsBox2 h5.border.c-orange {
 border-color: #FFE000 !important;
}

/*light blue*/
div.topicsBox2 h3.c-l_blue,
div.topicsBox2 h4.c-l_blue,
div.topicsBox2 h5.c-l_blue {
 color: #38E5FF !important;
}

div.topicsBox2 h3.border.c-l_blue,
div.topicsBox2 h4.border.c-l_blue,
div.topicsBox2 h5.border.c-l_blue {
 border-color: #38E5FF !important;
}




/*** p　メイン ***/
div.topicsBox2 p {
  margin: 1.0em 0 0 0 !important;
  font-size: 15px !important;
  font-size: 0.938rem !important;
}

div.topicsBox2 p {
  color: #FFF !important;
}

div.topicsBox2 p.topics-small {
  font-size: 12px !important;
  font-size: 0.75rem !important;
}


/*** p センターで画像かこう時 ***/
div.topicsBox2 p.text-center img {
  max-width: 100% !important;
  color: #FFF !important;
}


/*** リスト 基本 ***/
div.topicsBox2 ul.basic,
div.topicsBox2 ol.basic,
div.topicsBox2 dl.basic {
  margin: 1.0em 0 0 0 !important;
  font-size: 15px !important;
  font-size: 0.938rem !important;
  color: #FFF !important;
}

div.topicsBox2 ul.basic li,
div.topicsBox2 ol.basic li,
div.topicsBox2 dl.basic dt,
div.topicsBox2 dl.basic dd {
  margin-top: 0.3em !important;
  margin-left: 0.3em !important;
  color: #FFF !important;
}

div.topicsBox2 ul.basic li:first-child,
div.topicsBox2 ol.basic li:first-child,
div.topicsBox2 dl.basic dt:first-child,
div.topicsBox2 dl.basic dd:nth-child(2) {
  margin-top: 0 !important;
  color: #FFF !important;
}

div.topicsBox2 dl.basic dt {
  clear: both !important;
  float: left !important;
  width: 25% !important;
  padding: 0 !important;
  color: #FFF !important;
}

div.topicsBox2 dl.basic dd {
  float: left !important;
  width: 74% !important;
  margin-left: 0 !important;
  padding: 0 !important;
  color: #FFF !important;
}

div.topicsBox2 ul.supplemental-list {
  margin: 1.0em 0 0 0 !important;
  padding: 0 !important;
  color: #FFF !important;
}

div.topicsBox2 ul.supplemental-list li {
  margin: 0 !important;
  color: #FFF !important;
}
div.topicsBox2 ul.copyright {
  list-style-type: none !important;
  color: #FFF !important;
}

/*** 画像配置 ***/
div.topicsBox2 div.image1-box,
div.topicsBox2 div.image2-box,
div.topicsBox2 div.image3-box,
div.topicsBox2 div.image4-box,
div.topicsBox2 div.image5-box {
  margin: 1em 0 0 0 !important;
  overflow: hidden !important;
  text-align: center !important;
  line-height: 1.6 !important;
}

/*div.topicsBox2 div.image1-box {
	margin: 1em 0 0 0 !important;
	line-height: 1.6 !important;
}*/

div.topicsBox2 div.image1-box figure,
div.topicsBox2 div.image2-box figure,
div.topicsBox2 div.image3-box figure,
div.topicsBox2 div.image4-box figure,
div.topicsBox2 div.image5-box figure {
  margin: 1em 0 0 0 !important;
  color: #FFF !important;
}

div.topicsBox2 figure img {
  max-width: 100% !important;
}

div.topicsBox2 div.image2-box,
div.topicsBox2 div.image3-box,
div.topicsBox2 div.image4-box,
div.topicsBox2 div.image5-box {
  margin: 1em 0 0 0 !important;
  line-height: 1.6 !important;

  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-box !important;
  display: -webkit-flexbox !important;
  display: -moz-flexbox !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  -webkit-box-lines: multiple !important;
  -moz-box-lines: multiple !important;
  -webkit-flex-wrap: wrap !important;
  -moz-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

div.topicsBox2 div.image5-box {
  overflow: hidden !important;
  text-align: center !important;
}

div.topicsBox2 figcaption {
  margin: 0 0.5em !important;
  font-size: 0.8125rem !important;
  color: #FFF !important;
}

div.topicsBox2 div.image1-box figure,
div.topicsBox2 div.image2-box figure,
div.topicsBox2 div.image3-box figure,
div.topicsBox2 div.image4-box figure,
div.topicsBox2 div.image5-box figure {
  margin: 0.5em 0 0 0 !important;
  color: #FFF !important;
}

div.topicsBox2 div.image1-box figure,
div.topicsBox2 div.image2-box figure,
div.topicsBox2 div.image3-box figure,
div.topicsBox2 div.image4-box figure,
div.topicsBox2 div.image5-box figure {
  margin: 0.5em 0 0 0 !important;
  color: #FFF !important;
}

div.topicsBox2 div.image2-box figure {
  padding: 0 !important;
  margin-right: 1% !important;
  width: 49.5% !important;
  color: #FFF !important;
}

div.topicsBox2 div.image2-box figure:nth-child(2n),
div.topicsBox2 div.image3-box figure:nth-child(3n),
div.topicsBox2 div.image4-box figure:nth-child(4n),
div.topicsBox2 div.image5-box figure:nth-child(5n) {
  margin-right: 0 !important;
  color: #FFF !important;
}

div.topicsBox2 div.image3-box figure {
  padding: 0 !important;
  margin-right: 1% !important;
  width: 32.666666666% !important;
  color: #FFF !important;
}

div.topicsBox2 div.image4-box figure {
  padding: 0 !important;
  margin-right: 1% !important;
  width: 24.25% !important;
  color: #FFF !important;
}

div.topicsBox2 div.image5-box figure {
  width: 19.2% !important;
  display: block !important;
  float: left !important;
  margin-right: 1% !important;
  color: #FFF !important;
}

div.topicsBox2 div.image2-box figure img,
div.topicsBox2 div.image3-box figure img,
div.topicsBox2 div.image4-box figure img,
div.topicsBox2 div.image5-box figure img {
  margin: 0 !important;
}

/*** ボックス ***/
div.topicsBox2 .column-box {
  margin: 1em 0 0 0 !important;
  padding: 1px 20px 1em 20px !important;
  width: 100% !important;
  background-color: #0061E3 !important;
  border: solid 1px #FFF !important;
}

div.topicsBox2 .box.column2 {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

div.topicsBox2 .box.column2 .box-left.color,
div.topicsBox2 .box.column2 .box-right.color {
  margin-top: 1em !important;
  padding: 0 20px 1em 20px !important;
  background-color: #0061E3 !important;
  border: solid 1px #FFF !important;
}

/*** テーブル ***/
div.topicsBox2 table.basic {
  margin: 1em 0 0 0 !important;
}

div.topicsBox2 table.basic tr th,
div.topicsBox2 table.basic tr td {
  font-size: 15px !important;
  font-size: 0.938rem !important;
}

div.topicsBox2 table.basic tr th {
  background-color: #004095 !important;
  color: #FFF !important;
  border-color: #FFF !important;
}

div.topicsBox2 table.basic tr td {
  background-color: #8BBBFF !important;
  color: #000036 !important;
  border-color: #FFF !important;
}

div.topicsBox2 .scroll-table {
  overflow: hidden !important;
  white-space: normal !important;
}

/* 画像とテキストの回り込み */
div.topicsBox2 .text-image-box {
  margin: 1em 0 0 0 !important;
}

div.topicsBox2 .text-image-box figure {
  width: inherit !important;
  max-width: 700px !important;
  margin-left: 2em !important;
  text-align: right !important;
}

div.topicsBox2 .text-image-box .text {
  max-width: 400px !important;
}

div.topicsBox2 .text-image-box figure img {
  max-width: 100% !important;
}

div.topicsBox2 .text-image-box figure figcaption {
  display: block !important;
  font-size: 0.8125rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  text-align: center !important;
}

div.topicsBox2 div.text-image-box h3:first-child,
div.topicsBox2 div.text-image-box h4:first-child,
div.topicsBox2 div.text-image-box h5:first-child,
div.topicsBox2 div.text-image-box ul:first-child,
div.topicsBox2 div.text-image-box ol:first-child,
div.topicsBox2 div.text-image-box dl:first-child,
div.topicsBox2 div.text-image-box p:first-child {
  margin-top: 0 !important;
  /*color: #FFF !important;*/
}



/* 画像とテキストの回り込み  画像左 */
div.topicsBox2 .text-image-box-left {
  margin: 1em 0 0 0 !important;
  line-height: 1.8 !important;
  overflow: hidden !important;
}

div.topicsBox2 .text-image-box-left .text {
  float: right !important;
  max-width: 400px !important;
}

div.topicsBox2 .text-image-box-left figure {
  width: inherit !important;
  float: left !important;
  max-width: 700px !important;
  margin-right: 2em !important;
  text-align: left !important;
}

div.topicsBox2 .text-image-box-left figure img {
  max-width: 100% !important;
}

div.topicsBox2 .text-image-box-left figure figcaption {
  display: block !important;
  font-size: 0.8125rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  text-align: center !important;
}

div.topicsBox2 div.text-image-box-left h3:first-child,
div.topicsBox2 div.text-image-box-left h4:first-child,
div.topicsBox2 div.text-image-box-left h5:first-child,
div.topicsBox2 div.text-image-box-left ul:first-child,
div.topicsBox2 div.text-image-box-left ol:first-child,
div.topicsBox2 div.text-image-box dl:first-child,
div.topicsBox2 div.text-image-box p:first-child {
  margin-top: 0 !important;
  /*color: #FFF !important;*/
}




/*** 動画 ***/
div.topicsBox2 .movie-box {
  margin: 1em 0 0 0 !important;
}

div.topicsBox2 .movie-box .movie1 {
  width: 60% !important;
  margin: 0 auto !important;
  text-align: center !important;
}

div.topicsBox2 .movie-box .video {
  position: relative !important;
  width: 100% !important;
  padding-top: 56.25% !important;
  box-sizing: border-box !important;
  margin: 1em 0 0 0 !important;
}

div.topicsBox2 .movie-box .video iframe {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

div.topicsBox2 .movie-box .caption {
  margin: 0 0.5em !important;
  padding: 0 !important;
  line-height: 1.6 !important;
  color: #FFF !important;
}

/*** リンクボタン ***/

div.topicsBox2 .button-block {
  margin: 0 !important;
}

div.topicsBox2 .btn-base {
  margin: 1em auto 0 auto !important;
  padding: 10px 40px 10px 15px !important;
  text-align: center !important;
  background-color: #FFF9B2 !important;
  color: #16175A !important;
  font-weight: bold;
	
}

/******* ＝＝＝ h4追加 ＝＝＝ ******/

div.topicsBox2 h4.border {
  border-bottom: 1px solid !important;
  padding-bottom: .3em !important;
}

/******* ＝＝＝ info用 ＝＝＝ ******/

/* 190403の改修以降 不要 */

/*div.topicsBox2.info h3,div.topicsBox2.info h4 {
	color: #bd113d !important;
}

div.topicsBox2.info h3.border {
	border-bottom: solid 1px #bd113d !important;
}

div.topicsBox2.info .column-box {
	background: #f1d7dd !important;
}

div.topicsBox2.info table.basic th {
	background: #f1d7dd !important;
}

div.topicsBox2.info .button-block a {
	background: #bd113d !important;
}*/


div.topicsBox2 .spec-body dl,
div.topicsBox2 .spec-body .image {
  background-color: #8BC4FF !important;
}

.spec-box .spec-body dl,
.spec-box .spec-body .image {
  background-color: #8BC4FF !important;
}









/******* ＝＝＝＝＝＝＝＝＝＝＝ デバイス幅669px以内 ＝＝＝＝＝＝＝＝＝＝＝ ******/
@media only screen and (max-width: 769px) {

  div.topicsBox2 img {
    width: inherit !important;
  }

  div.topicsBox2 {
    margin: 0 10px 20px !important;
  }

  /*** リスト 基本 ***/
  div.topicsBox2 dl.basic dt {
    float: none !important;
    width: auto !important;
    font-weight: bold !important;
  }

  div.topicsBox2 dl.basic dd {
    float: left !important;
    width: 100% !important;
  }

  div.topicsBox2 dl.basic dt {
    margin-top: 0 !important;
  }

  div.topicsBox2 dl.basic dd {
    margin-bottom: 0.6em !important;
    margin-top: 0 !important;
  }

  div.topicsBox2 dl.basic dd:last-child {
    margin-bottom: 0 !important;
  }

  /*** 画像配置 ***/

  div.topicsBox2 div.image2-box figure,
  div.topicsBox2 div.image3-box figure,
  div.topicsBox2 div.image4-box figure {
    margin: 0.5em 0 0 0 !important;
  }

  div.topicsBox2 div.image1-box figure img,
  div.topicsBox2 div.image2-box figure img,
  div.topicsBox2 div.image3-box figure img,
  div.topicsBox2 div.image4-box figure img,
  div.topicsBox2 div.image5-box figure img {
    width: auto !important;
    max-width: 100% !important;
  }

  div.topicsBox2 div.image2-box figure,
  div.topicsBox2 div.image3-box figure,
  div.topicsBox2 div.image4-box figure,
  div.topicsBox2 div.image5-box figure {
    padding: 0 !important;
    margin-right: 2% !important;
    width: 49% !important;
  }

  div.topicsBox2 div.image3-box figure:nth-child(3n),
  div.topicsBox2 div.image4-box figure:nth-child(4n),
  div.topicsBox2 div.image5-box figure:nth-child(5n) {
    margin-right: 2% !important;
  }

  div.topicsBox2 div.image2-box figure:nth-child(2n),
  div.topicsBox2 div.image3-box figure:nth-child(2n),
  div.topicsBox2 div.image4-box figure:nth-child(2n),
  div.topicsBox2 div.image5-box figure:nth-child(2n) {
    margin-right: 0 !important;
  }

  div.topicsBox2 div.image5-box {
    letter-spacing: normal !important;
  }

  div.topicsBox2 div.image5-box figure {
    float: left !important;
  }

  div.topicsBox2 div.image1-box figure figcaption,
  div.topicsBox2 div.image5-box figure figcaption {
    font-size: 0.6875rem !important;
    padding: 0 !important;
  }

  /*** ボックス ***/
  div.topicsBox2 .box.column2 {
    margin: 0 !important;
    padding: 0 !important;
  }

  div.topicsBox2 .box.column2 .box-left,
  div.topicsBox2 .box.column2 .box-right {
    margin: 0 !important;
  }

  div.topicsBox2 .box.column2 .box-left.color,
  div.topicsBox2 .box.column2 .box-right.color {
    margin-top: 1em !important;
    padding: 1px 20px 10px 20px !important;
  }

  /*** テーブル ***/
  div.topicsBox2 div.table-box {
    margin: 0 !important;
  }

  div.topicsBox2 .scroll-table {
    overflow: auto !important;
    white-space: nowrap !important;
  }

  /* 画像とテキストの回り込み */
  div.topicsBox2 .text-image-box.boxChange {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  div.topicsBox2 .text-image-box.boxChange figure {
    margin-top: 1em !important;
  }

  div.topicsBox2 .text-image-box figure {
    margin-left: 0 !important;
    text-align: center !important;
  }

  div.topicsBox2 .text-image-box figure figcaption {
    font-size: 0.6875rem !important;
  }

  div.topicsBox2 .text-image-box figure img {
    max-width: 100% !important;
  }

  div.topicsBox2 div.text-image-box h3:first-child,
  div.topicsBox2 div.text-image-box h4:first-child,
  div.topicsBox2 div.text-image-box h5:first-child,
  div.topicsBox2 div.text-image-box ul:first-child,
  div.topicsBox2 div.text-image-box ol:first-child,
  div.topicsBox2 div.text-image-box dl:first-child {
    margin-top: 1em !important;
  }


  /* 画像とテキストの回り込み  画像左 */

  div.topicsBox2 .text-image-box-left.boxChange {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  div.topicsBox2 .text-image-box-left.boxChange figure {
    margin-top: 1em !important;
  }

  div.topicsBox2 .text-image-box-left {
    margin: 0 10px 20px !important;
    line-height: 1.6 !important;
    overflow: hidden !important;
  }

  div.topicsBox2 .text-image-box-left .text {
    float: none !important;
    max-width: auto !important;
  }

  div.topicsBox2 .text-image-box-left figure {
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
    text-align: center !important;
  }

  div.topicsBox2 .text-image-box-left figure figcaption {
    font-size: 0.6875rem !important;
  }

  div.topicsBox2 .text-image-box-left figure img {
    display: block !important;
    max-width: auto !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }

  div.topicsBox2 div.text-image-box-left h3:first-child,
  div.topicsBox2 div.text-image-box-left h4:first-child,
  div.topicsBox2 div.text-image-box-left h5:first-child,
  div.topicsBox2 div.text-image-box-left ul:first-child,
  div.topicsBox2 div.text-image-box-left ol:first-child,
  div.topicsBox2 div.text-image-box dl:first-child {
    margin-top: 1em !important;
  }







  /*** 動画 ***/
  div.topicsBox2 .movie-box .movie1 {
    width: 100% !important;
  }

  div.topicsBox2 .box.column2 .box-left .movie-box .video,
  div.topicsBox2 .box.column2 .box-right .movie-box .video {
    position: relative !important;
    left: inherit !important;
    right: inherit !important;
    width: inherit !important;
    height: inherit !important;
  }

  div.topicsBox2 .box.column2 .box-left .movie-box iframe,
  div.topicsBox2 .box.column2 .box-right .movie-box iframe {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  div.topicsBox2 .movie-box .caption {
    padding: 0 !important;
  }
}

.l-header,
.l-footer {
  font-size: 62.5%;
}

.l-header__link-val.-ja,
.l-footer__link-val.-ja {
  font-size: 0.65rem !important;
}

.l-header__link-val.-en,
.l-footer__link-val.-en {
  font-size: 0.875rem  !important;
}

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

}





/*______added by MS_2021.2.15_______*/

div.topicsBox2 #mainhighlight{
	font-size: 2rem;
	
}

/*** 下マージン調整 大 ***/
div.topicsBox2 .mtBig {
  margin-top: 4em !important;
}

/*** 下マージン調整 小 ***/
div.topicsBox2 .mtMini {
  margin-top: 2em !important;
}

div#snsblock{
	margin: 20px auto !important;
	xborder: 1px solid #FF0000;
	text-align: center;
	display: flex;
justify-content: space-around;
}
div#snsblock #tw,
div#snsblock #ig{
	width: 46% !important;
}
div#snsblock #tw iframe{
	margin-top: -10px;
}
div#snsblock .instagram-media{
	text-align: center !important;
}

div.topicsBox2 table.basic tr:first-child {
  white-space: nowrap !important;
}
div.topicsBox2 table.basic tr td:first-child {
  white-space: nowrap !important;
}
div.button-block br{
	display: none;
}

ol.c-breadcrumbs-list{
	list-style-type: none !important;
}


/* GOSEGA-CD 初　CD化サウンド名の後に【初】を付ける */
table.basic td.hatsu::after {
  content: "【初】";
	color: #d9231d;
}

@media only screen and (max-width: 769px) {
	div.topicsBox2 #mainhighlight{
		font-size: 1.5rem;
	}	
	div.button-block br{
	display: inline;
	}
	div#snsblock{
  xflex-direction: column !important;
  xflex-wrap: wrap !important;
  xjustify-content: center !important;
  xalign-items: center !important;
		display: block;
	}
	div#snsblock #tw,
	div#snsblock #ig{
		width: 100% !important;
		xborder: 1px solid #FF0000 !important;
	}
	div#snsblock #ig{
		margin: 20px auto 0 !important;
		padding: 0 auto !important;
		text-align: center !important;
		xborder: 1px solid #CCCCCC;
	}	
}




.p-msg-company__list{
	display: block !important;
	xwidth: 140%;
	margin: 0 auto 20px;
	xborder: 1px solid #FF0000;
}

.p-msg-company__list blockquote.twitter-tweet{
	xborder: 1px solid #FF0000;
	xwidth: 140% !important;

}
.p-msg-company__item{
	width: 100% !important;
}
twitter-widget{

}