@charset "utf-8";
/*
@import url('https://fonts.googleapis.com/css?family=Coda:800|Sarpanch:700,800,900');
*/

@font-face {
  font-family: "PixelMplus10-Bold-subset";
  src: url("../../images/others/font/PixelMplus10-Bold-subset.eot?")  format('eot'),
       url("../../images/others/font/PixelMplus10-Bold-subset.woff2") format('woff2'),
       url("../../images/others/font/PixelMplus10-Bold-subset.woff")  format('woff');
}

.flex_left,.flex_right{
    display: flex;
}
.header_sa03_l{
  transition:0.5s ease all;
}

#loading::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 650px;
  width: 80%;
  background: url(../../images/main/top/logo_2nd_only.png) no-repeat center #fff / contain;
}

.sp-only{
display:none;
}
.pc-only{
display: inherit;
}
@media screen and (max-width:767px) {
.flex_left,.flex_right{
  display: flex;
  flex-wrap:wrap;
}
.sp-only{
display: inherit;
}
.pc-only{
display:none;
}
}

.lp{
border:1px solid #636363;
}

/* NEWマーク
------------------------------------------ */
.new_ic {
  display: inline-block;
}

#list_01 td span.new_ic>a{
  display: inline;
}

.new_ic::before {
  content:"NEW";
  background: #e50c13;
  color: #fafafa;
  font-weight: 500;
  font-size: 1.1rem;
  padding: 0.0em 0.4em 0.0em;
  margin: 0 0.5em 0 0;
}

#js-newsDate {
  font-size: 1.2rem;
  margin: 0 0 3em;
  padding: 0 0 0 0em;
}

#js-newsDate+.articleHead {
  margin-top: 0;
}

/*Yotube埋め込み*/
.ytWrap{
position:relative;
width:100%;
height:auto;
z-index:1;
padding-top: 56.2%;
}
.ytWrap iframe{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}

/*-------------------------
＞＞コンテンツ見出し
---------------------------*/
h3.storySub {
    font-size: 6.0rem;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -0.07em;
    line-height: 1;
    margin: 0 0em 0.6em -0.05em;
    border-bottom: dashed 3px rgba(255,255,255,1);
    padding: 0 0 0.5em;
}

h3.articleHead_cont {
    font-size: 2.8rem;
    font-weight: 900;
    margin: 0 0 0.7em -1em;
    padding: 0.3em 0.7em;
    padding: 0.5em 1em;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3em;
    line-height: 1.3em;
}

h3.articleHead_cont.mgt {
    padding: 0.5em 1em;
    margin: 2.5em 0 1em -1em;
}

h3.articleHead{
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 1em;
}

h3.articleHead.mgt {
    padding: 0 0.0em 0em 0;
    margin: 1.5em 0 1em;
}

h4.ti_h4 {
    color: #ffffff;
    font-size: 2.4rem;
    margin: 0 0 1em;
    padding: 0.1em 0.2em 0.2em 0em;
    line-height: 1.3em;
    font-weight: 600;
    border-bottom: dashed 2px rgba(255,255,255,0.5);
}
h4.ti_h4.eng {
    font-size: 2.6rem;
    font-weight: 900;
    font-family: 'Coda', cursive;
}
.ti_n_h4 {
    color: #ffffff;
    font-size: 2.4rem;
    margin: 0 0 1em;
    padding: 0.1em 0.2em 0.2em 0.5em;
    background: #ff9b1e;
    line-height: 1.3em;
    font-weight: 600;
}
h4.ti_h4.mgt{
    margin: 3em 0 1.5em;
}
h4.ti_h4 span, .ti_n_h4 span{
  display:block;
}
h5.ti_h5 {
    margin: 0em 0 1em;
    border-bottom: 2px dotted;
    padding: 0 0 0.5em;
    font-size: 1.8rem;
    font-weight: 600;
}
h5.ti_h5.mgt{
    margin: 2em 0 1em;
}
h5.ti_h5.noborder {
    margin: 0em 0 1em;
    border-bottom: none;
    padding: 0 0 0.0em;
    font-size: 1.8rem;
}
h5.ti_h5.noborder.mgt{
    margin: 2em 0 1em;
}

.spacer1{
height:1em;
}
.spacer2{
height:2em;
}

@media screen and (max-width:767px){
h3.articleHead_cont {
    font-size: 6vw;
    line-height: 1.2em;
    font-weight: 900;
    margin: 0 0 0.7em;
    padding: 0.3em 1em;
    background: rgba(0,0,0,0.2);
    border-radius: 1em;
}
h4.ti_h4{
    font-size: 5vw;
    margin: 0 0 0.5em;
}
h4.ti_h4.mgt{
    margin: 2em 0 0.5em;
}
h5.ti_h5 {
    margin: 0em 0 1em;
    border-bottom: 2px dotted;
    padding: 0 0 0.5em;
    font-size: 4vw;
}
h5.ti_h5.mgt{
    margin: 2em 0 1em;
}
}

.sc{
height:auto;
text-align:center;
margin:0 auto;
font-family: 'Coda', cursive;
font-size: 2.4rem;
  padding: 1em 0;
}
a,
.sc a{
  color: inherit;
}
.sc a:hover{
  opacity:0.8;
}
.sc img{
width:100% !important;
height:auto;
}

img {
max-width:100%;
height:auto;
}
#loading{content:"";position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;background: #fff;}


@media screen and (max-width:767px) {
  body{
    background-size: 20% auto;
  }
.sc {
    width: 50%;
}
}

a:hover img{
opacity:0.8;
}

/* IE6/7対応 打ち消し*/
#contents,
#contents_main,
#ext_area_01,
#ext_area_02,
.header_sa01,
.header_sa02,
.header_sa03,
.header_sa04,
.main_sa01,
.main_sa02,
.main_sa03,
.main_sa04,
.main_sa05,
.main_sa06,
.main_sa07,
.main_sa08,
.footer_sa01,
.footer_sa02,
.footer_sa03,
.ti_b,
#news_ct_h {
	min-height: 0em !important;
	}

@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@2.0.0/dist/css/yakuhanjp_s.min.css);



/* ========================================
Component
複数プロジェクトで共通で使う部品
======================================== */

.c-listTable th {
  padding-right: 16px;
  vertical-align: top;
  white-space: nowrap;
  text-align:left;
}

@media screen and (max-width: 767px){
  .c-listTable tr,
  .c-listTable th,
  .c-listTable td{
      display: block;
  }
}

.inlineBlockWrap>span,
.c-inlineBlockWrap>span {
  display: inline-block;
}

/* 横並びリスト */
.c-horizontalList {
  display: flex;
  flex-wrap: wrap;
}

.c-horizontalList>li {
  margin: 0 1em 0 0;
  display: inline-block;
}

/* 装飾付きリスト(absolute配置) */
.c-customMarkerList>li,
.c-asteriskList>li,
.c-triangleList>li,
.c-squareList>li,
.c-largeCircleList>li {
  padding-left: 1em;
  position: relative;
}

.c-customMarkerList>li::before,
.c-asteriskList>li::before,
.c-triangleList>li::before,
.c-squareList>li::before,
.c-largeCircleList>li::before {
  position: absolute;
  top: 0;
  left: 0;
}

.c-asteriskList>li::before {
  content: "※";
}

.c-triangleList>li::before {
  content: "▼";
}

.c-squareList>li::before {
  content: "■";
}

.c-largeCircleList>li::before {
  content: "●";
}

/* 円形付きリスト */
.c-discList {
  list-style: disc !important;
  padding-left: 1.5em !important;
}

/* 中空円付きリスト */
.c-circleList {
  list-style: circle !important;
  padding-left: 1.5em !important;
}

.c-discList b,.c-circleList b{
  margin-top:0.5em;
  display:block;
}

/* 画像リスト（β）
======================== */

.c-gridWrap {
  display: flex;
  flex-wrap: wrap;
}

.c-gridWrap>li {
  width: 100%;
  margin-bottom: 16px;
}

.c-gridWrap:not([data-col="1"])>li {
  margin-right: 16px;
}

/* 
スマホカラム

マージン(16px x 数)を引いて、カラム数で割る
小数点が出るのでIE11対策で-1pxする
*/
.c-gridWrap[data-col="2"]>li {  width: calc((100% - (16px * 1)) / 2 - 1px);}
.c-gridWrap[data-col="3"]>li {  width: calc((100% - (16px * 2)) / 3 - 1px);}
.c-gridWrap[data-col="4"]>li {  width: calc((100% - (16px * 3)) / 4 - 1px);}
.c-gridWrap[data-col="5"]>li {  width: calc((100% - (16px * 4)) / 5 - 1px);}
.c-gridWrap[data-col="6"]>li {  width: calc((100% - (16px * 5)) / 6 - 1px);}
.c-gridWrap[data-col="7"]>li {  width: calc((100% - (16px * 6)) / 7 - 1px);}
.c-gridWrap[data-col="8"]>li {  width: calc((100% - (16px * 7)) / 8 - 1px);}
.c-gridWrap[data-col="9"]>li {  width: calc((100% - (16px * 8)) / 9 - 1px);}
.c-gridWrap[data-col="10"]>li {  width: calc((100% - (16px * 9)) / 10 - 1px);}

.c-gridWrap[data-col="1"]>li,
.c-gridWrap[data-col="2"]>li:nth-child(2n),
.c-gridWrap[data-col="3"]>li:nth-child(3n),
.c-gridWrap[data-col="4"]>li:nth-child(4n),
.c-gridWrap[data-col="5"]>li:nth-child(5n),
.c-gridWrap[data-col="6"]>li:nth-child(6n),
.c-gridWrap[data-col="7"]>li:nth-child(7n),
.c-gridWrap[data-col="8"]>li:nth-child(8n),
.c-gridWrap[data-col="9"]>li:nth-child(9n),
.c-gridWrap[data-col="10"]>li:nth-child(10n) {
  margin-right: 0;
}


@media screen and (min-width: 600px){
  /* タブレット */
  .c-gridWrap[data-col-tab="2"]>li {  width: calc((100% - (16px * 1)) / 2 - 1px);}
  .c-gridWrap[data-col-tab="3"]>li {  width: calc((100% - (16px * 2)) / 3 - 1px);}
  .c-gridWrap[data-col-tab="4"]>li {  width: calc((100% - (16px * 3)) / 4 - 1px);}
  .c-gridWrap[data-col-tab="5"]>li {  width: calc((100% - (16px * 4)) / 5 - 1px);}
  .c-gridWrap[data-col-tab="6"]>li {  width: calc((100% - (16px * 5)) / 6 - 1px);}
  .c-gridWrap[data-col-tab="7"]>li {  width: calc((100% - (16px * 6)) / 7 - 1px);}
  .c-gridWrap[data-col-tab="8"]>li {  width: calc((100% - (16px * 7)) / 8 - 1px);}
  .c-gridWrap[data-col-tab="9"]>li {  width: calc((100% - (16px * 8)) / 9 - 1px);}
  .c-gridWrap[data-col-tab="10"]>li {  width: calc((100% - (16px * 9)) / 10 - 1px);}

  .c-gridWrap[data-col-tab="2"]>li,
  .c-gridWrap[data-col-tab="3"]>li,
  .c-gridWrap[data-col-tab="4"]>li,
  .c-gridWrap[data-col-tab="5"]>li,
  .c-gridWrap[data-col-tab="6"]>li,
  .c-gridWrap[data-col-tab="7"]>li,
  .c-gridWrap[data-col-tab="8"]>li,
  .c-gridWrap[data-col-tab="9"]>li,
  .c-gridWrap[data-col-tab="10"]>li{
    margin-right: 16px !important;
  }

  .c-gridWrap[data-col-tab="1"]>li,
  .c-gridWrap[data-col-tab="2"]>li:nth-child(2n),
  .c-gridWrap[data-col-tab="3"]>li:nth-child(3n),
  .c-gridWrap[data-col-tab="4"]>li:nth-child(4n),
  .c-gridWrap[data-col-tab="5"]>li:nth-child(5n),
  .c-gridWrap[data-col-tab="6"]>li:nth-child(6n),
  .c-gridWrap[data-col-tab="7"]>li:nth-child(7n),
  .c-gridWrap[data-col-tab="8"]>li:nth-child(8n),
  .c-gridWrap[data-col-tab="9"]>li:nth-child(9n),
  .c-gridWrap[data-col-tab="10"]>li:nth-child(10n) {
    margin-right: 0 !important;
  }
}

@media screen and (min-width: 900px){
  /* PC */
  .c-gridWrap[data-col-pc="2"]>li {  width: calc((100% - (16px * 1)) / 2 - 1px);}
  .c-gridWrap[data-col-pc="3"]>li {  width: calc((100% - (16px * 2)) / 3 - 1px);}
  .c-gridWrap[data-col-pc="4"]>li {  width: calc((100% - (16px * 3)) / 4 - 1px);}
  .c-gridWrap[data-col-pc="5"]>li {  width: calc((100% - (16px * 4)) / 5 - 1px);}
  .c-gridWrap[data-col-pc="6"]>li {  width: calc((100% - (16px * 5)) / 6 - 1px);}
  .c-gridWrap[data-col-pc="7"]>li {  width: calc((100% - (16px * 6)) / 7 - 1px);}
  .c-gridWrap[data-col-pc="8"]>li {  width: calc((100% - (16px * 7)) / 8 - 1px);}
  .c-gridWrap[data-col-pc="9"]>li {  width: calc((100% - (16px * 8)) / 9 - 1px);}
  .c-gridWrap[data-col-pc="10"]>li {  width: calc((100% - (16px * 9)) / 10 - 1px);}

  .c-gridWrap.c-gridWrap[data-col-pc="2"]>li,
  .c-gridWrap.c-gridWrap[data-col-pc="3"]>li,
  .c-gridWrap.c-gridWrap[data-col-pc="4"]>li,
  .c-gridWrap.c-gridWrap[data-col-pc="5"]>li,
  .c-gridWrap.c-gridWrap[data-col-pc="6"]>li,
  .c-gridWrap.c-gridWrap[data-col-pc="7"]>li,
  .c-gridWrap.c-gridWrap[data-col-pc="8"]>li,
  .c-gridWrap.c-gridWrap[data-col-pc="9"]>li,
  .c-gridWrap.c-gridWrap[data-col-pc="10"]>li{
    margin-right: 16px !important;
  }

  .c-gridWrap[data-col-pc="1"]>li,
  .c-gridWrap[data-col-pc="2"]>li:nth-child(2n),
  .c-gridWrap[data-col-pc="3"]>li:nth-child(3n),
  .c-gridWrap[data-col-pc="4"]>li:nth-child(4n),
  .c-gridWrap[data-col-pc="5"]>li:nth-child(5n),
  .c-gridWrap[data-col-pc="6"]>li:nth-child(6n),
  .c-gridWrap[data-col-pc="7"]>li:nth-child(7n),
  .c-gridWrap[data-col-pc="8"]>li:nth-child(8n),
  .c-gridWrap[data-col-pc="9"]>li:nth-child(9n),
  .c-gridWrap[data-col-pc="10"]>li:nth-child(10n) {
    margin-right: 0 !important;
  }
}

/* ========================================
animation keyframes
======================================== */

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes slideIn {
  0% { transform: translate(0, 10px); }
  100% { transform: translate(0, 0); }
}