@charset "utf-8";

article, section {box-sizing:border-box;}

/* tsr */
/* -------------------------------------------------------- */
#container {
  background: #fff;
  background-size: 100% auto;
}
#main > div h2.img_ttl img {
  max-width: 100%;
  height: 8vh;
  max-height: 60px;
}
#main > div h3.mnch {
  color: #671d21;
  font-size: min(1.8rem, 5.4vw);
  font-weight: normal;
  line-height: 1.8;
}

#mv {position: relative;}
/* @media screen and (min-width: 1600px) {
  #mv {
    max-height: 66vh;
    overflow: hidden;
  }
} */
#mv .slick-slide img {
  width: 100%;
}
#mv h1 {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mv h1 span {
  width: 44%;
  max-width: 790px;
  display: block;
}
#mv h1 img {
  width: 100%;
  max-width: 790px;
}

/* youtube */
#bx_bg div.bg_wht {
  padding: 33px 0;
  background: #fff;
  text-align: center;
}
#yutb div > h1 {
  margin: 0 auto 10px;
}
#yutb div > h1 img {
  width: 80%;
  max-width: 500px;
}
#yutb div > h1 + p img {
  width: 78%;
  max-width: 410px;
}
#yutb #vprsnt > ul {
  margin: 16px auto;
  padding: 12px;
  align-items: center;
  background: #fcee21;
}
#yutb #vprsnt > ul > li {
  width: 20%;
}
#yutb #vprsnt > ul > li:nth-child(2) {
  width: 54%;
}
#yutb #vprsnt > ul > li a {
  width: 90%;
  max-width: 330px;
  margin: 16px auto 0;
  padding: 9px 0;
  background: url(../../img/arw_wht.svg) no-repeat 96% center transparent;
  background: linear-gradient(90deg, #0d2f62, #970134);
/*   background-size: auto 42%; */
/*   border: 1px solid; */
  color: #fff;
  display: block;
  font-size: min(5vw, 1.2rem);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  position: relative;
}
#yutb #vprsnt > ul > li a:after {
  width: 22px;
  height: 100%;
  background: url(../../img/arw_wht.svg) no-repeat 94% center;
  background-size: auto 48%;
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  right: 3%;
}
#yutb > div.bx_ytif {
  aspect-ratio: 16 / 9;
}
#yutb > div.bx_ytif iframe {
  width: 100%;
  height: 100%;
  /* max-width: 1000px; */
}

#yutb ul#bx_yt {padding: 33px 0;}
#yutb #bx_yt > li {
  width: 30%;
  color: #fff;
  text-align: center;
}
#yutb #bx_yt > li > a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
}

#online.bg_wht {
  padding: 23px 0;
}
#online > a {
  width: 94%;
  max-width: 882px;
  margin: 0 auto;
  padding: 6px;
  background: linear-gradient(90deg, #0d2f62, #970134);
  align-items: center;
  flex-wrap: nowrap;
}
#online > a img {
  width: 50%;
}
#online > a img:not(:nth-child(2)) {
  width: 20%;
}
#bx_bg > ul#bx_yt {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 9px 0 33px;
  text-align: center;
}
#bx_bg > ul#bx_yt > li {
  width: 30%;
}
#bx_bg > ul#bx_yt > li a {
  color: #fff;
  text-decoration: none;
}


#bx_bg > p.cap {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 22px 0;
  align-items: anchor-center;
  flex-wrap: nowrap;
  gap: 0 1%;
  justify-content: center;
}
#bx_bg > p.cap > * {
  width: 80%;
}

#main #dt > * {
  width: 49%;
  margin: 0;
}
#en #main #dt > * {align-items: center;}
#main #dt > div {
  flex-direction: column-reverse;
  text-align: left;
}
#main #dt > div > h2 {
  margin: 0 auto;
  font-family: auto;
  font-size: 1.2rem;
  font-family: auto;
}
#main #dt > div > h2 span {
  display: block;
  text-indent: 14%;
  padding: 6px 0 0;
}
#en #main #dt > div > h2 span {
  padding: 6px 0 0 4%;
  font-size: 1.1rem;
}
#main #dt > div:first-child > p {margin: 0 auto 20px;}
#dt > ul {
  flex-wrap: nowrap;
  gap: 0 2%;
}
#main #dt > div#free {
  width: 100%;
  margin: 0 auto 39px;
  padding: 30px 0 0;
  text-align: center;
}
#dt > div#free > h2 img {
  width: 30%;
  margin: 0 auto 16px;
  max-width: 300px;
}
#en #dt > div#free > h2 img {
  max-width: 390px;
}
#dt > div#free > p {
  text-align: center;
}
#en #main #dt > ul > li {
  padding: 3%;
  border: 1px solid #671d21;
}

#main #dt #end {
  width: 96%;
  margin: 0 auto;
  text-align: center;
}
#main #dt #end > p {
  width: 98%;
  max-width: 900px;
  margin: 0 auto;
  padding: 9px 0;
  background: #fff133;
  border: 2px solid;
  font-size: min(3vw, 1.4rem);
  font-weight: bold;
}

#main > div#abt {padding: 80px 0;}
#main > div#abt > div {align-items: flex-start;}
#abt > div > * {
  width: 42%;
  margin: 0!important/*  0 46px */;
}
#abt > div > div {
  width: 54%;
  text-align: left;
}
#abt > div > div h2 {
  margin: 0 auto 20px;
}
#abt > div > ul.flx {
  gap: 7px 1%;
  justify-content: flex-start;
}
#abt > div > ul.flx li {
  width: 24%;
}
#abt > div #old {
  width: 94%;
  margin: 0 auto 10px;
  padding: 30px 3%;
  background: #fff;
  text-align: center;
}
#abt > div #old h3 {
  margin: 0 auto 26px;
  color: #534741;
}
#abt > div #old ul li {
  width: 30%;
}
#abt > div #old ul li a {
  padding: 9px 0;
  background: #ffffee url(../../img/arw_rd.svg) no-repeat 96% center;
  background-size: auto 30%;
  border: 2px solid #a10010;
  border-image: linear-gradient(to right, #010066, #a90000) 1;
  color: #990000;
  display: block;
  font-size: min(1.6rem, 5vw);
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}
#en #abt > div #old ul li a {font-size: min(1.8rem, 6vw);}
#abt > div #old ul li a span {
  margin: 0;
  color: #534741;
}

#news,
#othr {
  padding: 50px 3% 0;
}
#news dl {
  margin: 0 auto 5px;
  border-top: 1px solid #988473;
  display: flex;
  flex-wrap: wrap;
}
#news dl:nth-last-child(2) {
  max-height: 90px;
  margin: 0 auto 20px;
  padding: 20px 0 30px;
  border-bottom: 1px solid #988473;
  overflow-y: auto;
}
#news dl > dt {
  width: 120px;
  margin: 0 1% 0 0;
  font-weight: 900;
  text-align: left;
}
#news dl > dd {
  width: calc(99% - 120px - 4%);
  text-align: left;
}
#news > p {
  width: 96%;
  margin: 10px auto 20px;
  padding: 5px 2%;
  background: #736357;
  color: #fff;
  text-align: center;
  text-shadow: none;
}
@media screen and (max-width: 920px) {
  #news > p {font-size: 1.6vw;}
}

#ovrvw > div > ul {
  margin: 0 auto 60px;
  padding: 2.2% 0 0;
}
#ovrvw > div > ul li {
  width: 30%;
}
#ovrvw > div > ul a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
#ovrvw > div > ul a h3 {
  padding: 10vw 0 7vw;
}
#ovrvw > div > ul a h3 img {
  height: 4vh;
  max-height: 36px;
}
#en #ovrvw > div > ul a h3 img {
  height: 5vh;
}
#ovrvw > div > ul a p {
  padding: 1vw 6% 2vw;
  background: rgb(204, 84, 0, .8);
  color: #fff;
  font-size: min(4vw, 1rem);
  text-decoration: none;
}
@media screen and (min-width: 1200px) {
  #ovrvw > div > ul a h3 {padding: 130px 0 75px;}
  #en #ovrvw > div > ul a h3 {padding: 100px 0 80px;}
  #ovrvw > div > ul a p {padding: 16px 0 20px;}
  #en #ovrvw > div > ul a p {padding: 16px 6% 20px;}
}
#ovrvw > div > ul li:nth-child(2) a p {
  background: rgb(0, 102, 187, .8);
}
#ovrvw > div > ul li:nth-child(3) a p {
  background: rgb(204, 0, 119, .8);
}
#ovrvw > div > ul a p span {
  margin: 10px auto 0;
  padding: 6px 30px 9px;
  background: #fff;
  color: #000;
  display: inline-block;
  line-height: 1;
  position: relative;
}
#ovrvw > div > ul a p span:after {
  content: '>';
  font-size: 1.2rem;
  line-height: 1;
  transform: scaleY(1.5);
  position: absolute;
  top: 4.6px;
  right: 12px;
}
#ovrvw > div > ul a > img:last-child {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
#ovrvw > div > a {
  width: 90%;
  max-width: 800px;
  margin: 0 auto 33px;
  background: #8b007f;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#ovrvw > div > a img {
  width: 40%;
}
#ovrvw > div > a img:last-child {
  width: 52%;
  margin: 0 4% 0 auto;
}
#ovrvw > div > a + a {
  background: #008833;
}

/* section#gst {margin: 0 auto 70px;} */
#gst > div > h3 {
  margin: 0 auto 22px;
}
#gst > div > h3 + p {margin: 0 auto 33px;}
#gst ul {
  margin: 0 auto 30px;
}
#gst ul > li {
  width: 32%;
  padding: 0 0 30px;
  background: #ffeedd;
}
#gst ul > li:nth-child(2) {background: #ddeeff;}
#gst ul > li:nth-child(3) {background: #ffeeee;}
#gst ul > li > p.date {
  padding: 9px 0;
  background: #bb5500;
  color: #fff;
  font-size: 1.56rem;
  font-weight: bold;
  line-height: 1.4;
}
#gst ul > li:nth-child(2) > p.date {
  background: #0077bb;
}
#gst ul > li:nth-child(3) > p.date {
  background: #cc3388;
}
#gst ul > li > img {
  margin: 0 auto 30px;
}
#gst ul > li > h3 {
  width: 90%;
  max-width: 325px;
  margin: 0 auto 16px;
  padding: 0 0 16px;
  border-bottom: 2px solid;
  color: #bb5500;
  font-size: min(3vw, 1.8rem);
}
.en #gst ul > li > h3 {font-size: min(2vw, 1.6rem);}
#gst ul > li > h3:before {
  margin: 0 auto 6px;
  color: #111;
  display: block;
  font-size: min(2vw, 1rem);
  font-weight: normal;
}
#gst ul > li.t_m > h3:before {
  content: 'タレント/モデル';
}
.en #gst ul > li > h3:before {
  content: 'Entertainer';
}
#gst ul > li > h3 span {
  font-size: min(2vw, 1.4rem);
  font-weight: normal;
}
#gst ul > li.wg > h3 {color: #0077bb;}
#gst ul > li.wg > h3:before {
  content: 'お笑いタレント';
}
.en #gst ul > li:nth-child(2) > h3:before {
  content: 'Model/Actress';
}
#gst ul > li.m_a > h3 {color: #cc3388;}
#gst ul > li.m_a > h3:before {
  content: '女優/モデル';
}
.en #gst ul > li:nth-child(3) > h3:before {
  content: 'Comedian';
}
#gst ul > li > h3 + p {
  width: 90%;
  max-width: 325px;
  margin: 0 auto 30px;
  text-align: left;
}
#gst ul > li > dl:last-child {
  width: 86%;
  margin: 0 auto;
  padding: 10px 3%;
  background: #fff;
  text-align: left;
}
#gst ul > li > dl dt {margin: 0 auto -3px;}
#gst ul > li > dl dd {
  margin: 0 auto 16px;
  border-bottom: 1px solid #aaa;
}

#gst ul > li > a:last-child {
  padding: 3px 4% 6px 6%;
  background: #fff;
  border: 1px solid;
  color: #000;
  line-height: 1;
  text-decoration: none;
  position: relative;
}
#gst ul > li > a:last-child:after {
  padding: 0 0 0 9px;
  content: ' >';/* 〉 */
  display: inline-block;
  font-size: 1.1rem;
  line-height: 1;
  transform: scaleY(1.5);
}
/* #gst > div > p.note {text-align: center;} */
#gst > div > ol:last-child {
  width: 98%;
/*   max-width: 566px; */
  margin: 0 auto;
  font-size: .8rem;
}

#prsnt > div > h3 {margin: 0 auto 50px;}
#en #prsnt ul.flx {
  width: 90%;
  margin: 0 auto;
  justify-content: center;
}
#prsnt ul.flx > li {
  width: 48%;
  margin: 0 0 43px;
  background: #fff;
  border: 1px solid #ccc;
}
#en #prsnt ul.flx > li {
  width: 49%;
  margin: 0;
  background: #f8f7ec;
  border: none;
}
#en #prsnt ul.flx > li:last-child {
  display: flex;
  align-items: center;
}
#prsnt ul.flx > li h3 {
  margin: 0 auto 13px;
  padding: 10px 1%;
  background: #003366;
  color: #fff;
  font-size: min(5vw, 1.6rem);
  line-height: 1;
  position: relative;
}
#prsnt ul.flx > li:nth-child(2) h3 {background: #990033;}
#prsnt ul.flx > li p {
  margin: 0 auto 12px;
  padding: 0 6%;
  font-size: 1rem;
  text-align: center;
}
#prsnt ul.flx > li img {
  width: 90%;
  margin: 0 auto 12px;
}
#en #prsnt ul.flx > li img {
  width: 96%;
  margin: 0 auto;
}
#prsnt ul.flx > li a {
  width: 90%;
  max-width: 366px;
  margin: 26px auto;
  padding: 9px 0;
  background: #000;
  color: #fff;
  display: block;
  font-weight: bold;
  text-decoration: none;
}
#prsnt ul.flx > li a:not(.uc):after {
  padding: 0 0 0 13px;
  content: ' >';
  display: inline-block;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  transform: scaleY(1.5);
  vertical-align: text-bottom;
}
#prsnt ul.flx > li a.uc {background: #999;}


#dld > div.sel_02 {
  width: 90%;
  max-width: 766px;
  margin: 0 auto 10px;
  padding: 20px 2%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
}
#en #dld > div.sel_02 {background: #fff;}
#dld .sel_02 > div {width: 48%;}
#dld .sel_02 > div.l_bx {
  display: flex;
  justify-content: space-between;
}
#dld .sel_02 > div > img {
  width: 48%;
  border: 1px solid #ccc;
  vertical-align: top;
}
#dld .sel_02 > div a:not(:nth-child(3)):not(:last-child) {
  margin: 0 auto 15px;
  padding: 10px 1%;
  background: #231815;
  color: #fff;
  display: block;
  text-decoration: none;
}
#dld .sel_02 > div a:not(:nth-child(3)):not(:last-child):before {
  margin: 0 6px 0 0;
  content: '　';
  background: url(../../img/ico_dld.png) no-repeat center center;
  background-size: 100%;
}
#dld > div > div.r_bx > a:last-child {
  padding: 1.6vw 0 0 0;
  color: #666;
  display: block;
  font-size: 75%;
  text-decoration: none;
  text-align: left;
}
#dld > div > div.r_bx > a:last-child img {
  width: 60%;
  margin: 0 auto 2%;
  border: 1px solid #bbb;
}


#main #othr {
  margin: 0;
}
#othr > div > h2 {
  margin: 0 auto 36px;
}
#en #othr > div > h2 + img {
  width: 50%;
  max-width: 320px;
  margin: 0 auto 9px;
}
#othr > div > a {
  width: 94%;
  max-width: 888px;
  margin: 0 auto 9px;
  border: 3px solid #6bb8ca;
  display: inline-block;
}
#en #othr > div > a + p.note {
  margin: 0 auto 39px;
  text-align: center;
}

/* 
#cntnts > div > div ul {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
}
 */


/* emergency */
@media screen and (max-width: 1000px) {
}

/* tablet */
@media screen and (max-width: 980px) {/* ほんまは 820px */

  #ovrvw > div > ul a h3 img {height: 2vh;}

  #bx_bg div.bg_wht {padding: 10px 0;}
  #online > a {
    width: calc(96% - 120px);
    margin: 0 auto 0 4%;
    justify-content: center;
  }
}


/* sp */
@media screen and (max-width: 640px) {
  #mv > div {width: 100%;}
  #mv ._bdy {
    margin: 0 auto 30px;
    padding: 20px 0 0;
  }
  #mv h1 span {
    width: 74%; 
    max-width: 290px;
  }
  #mv .mv {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
  }
  #mv .mv img {
    width: 94%;
    margin: 0 auto;
  }
  #mv > div p.mv img:last-child {
    width: 86%;
  }
  #mv #bnr_spprtr {width: 92%;}

  /* Youtube */
  #bx_bg div.bg_wht {
    padding: 20px 0 10px 0;
  }
  #bx_bg #online.bg_wht {padding: 10px 0;}
  #yutb div > h1 {
    width: 80%;
    margin: 0 auto 26px 2%;
  }
  #yutb #vprsnt > ul > li:nth-child(2) {
    width: 100%;
  }

  #online > a {
    width: calc(96% - 100px);
  }
  #online > a img {width: 66%;}

  #bx_bg > p.cap {padding: 16px 0}
  #bx_bg > p.cap > * {width: 98%;}

  #main > div h2.img_ttl img {
    max-height: 6vh;
  }

  #main > div#dt {padding: 0 0 20px;}
  #main #dt > * {
    width: 96%;
    margin: 0 auto;
    max-width: 460px;
  }
  #main #dt > div:first-child {
    margin: 0 auto 20px;
  }
  #main #dt > div > h2 {margin: 0 auto 9px;}
  #dt > div:last-child > h2 img {
    width: 63%;
    margin: 0 auto;
  }

  #main > div#abt {padding: 39px 0;}
  #abt > div > div {width: 100%;}
  #abt > div > h2 img {
    width: 94%;
    margin: 0 auto 3px;
    display: block;
  }
  .en #abt > div > h2 > img {
    width: 90%;
    margin: 0 auto 6px!important;
  }
  .en #abt > div > h2 > img:nth-child(2) {
    width: 73.8%;
  }
  #abt > div > h2 img:last-child {
    width: 62%;
    margin: 9px auto 0;
  }
  .en #abt > div > h2 > img:nth-child(3) {
    width: 79%;
    margin: 0 auto 0;
  }
  #abt > div > ul.flx {
    width: 94%;
    margin: 0 auto 10px;
    padding: 0;
    flex-wrap: wrap;
  }
  #abt > div > ul li {
    width: 20%;
    margin: 0;
  }

  #abt > div #old h3 {
    margin: 0 auto 20px;
    font-size: 3.6vw;
  }
  .en #abt > div #old h3 {font-size: 3.2vw;}
  #old > ul {display: block;}
  #abt > div #old ul li {
    width: 80%;
    max-width: 400px;
    margin: 0 auto 13px;
  }
  .en #abt > div #old ul li {
    width: 80%;
  }
  #abt > div #old ul li:last-child {
    margin: 0 auto;
  }

  #news dl:nth-last-child(2) {padding: 10px 0 20px;}
  #news > div > p {font-size: 3.2vw;}
  #news > div > p > br {display: none;}
  #news dl {
    width: 100%;
    padding: 0;
    max-height: 94px;
    overflow-y: auto;
  }
  #news dl dt {width: 82px;}
  #news dl dd {
    width: 100%;
    margin: 0 auto 9px;
  }
  #news dl dd:last-child {margin: 0 auto;}

  #ovrvw > div > ul li {
    width: 96%;
    margin: 0 auto 19px;
  }
  #ovrvw > div > ul a h3 {
    padding: 27vw 0 20vw;
  }
  #ovrvw > div > ul a h3 img {
    height: 4vh;
  }
  #ovrvw > div > a {flex-wrap: wrap;}
  #ovrvw > div > a img,
  #ovrvw > div > a img:last-child {
    width: 100%;
    margin: 0 auto 9px;
  }
  #ovrvw > div > a img:last-child {
    width: 96%;
  }

  #gst > div > h3 > img {width: 54%;}
  .en #gst > div > h3 > img {
    width: 59.2%;
    margin: 0 auto 6px;
  }
  .en #gst > div > h3 > img:nth-child(3) {width: 51.4%;}
  #gst > div > h3 > img:last-child {
    width: 43.4%;
    margin: 9px auto 0;
  }
  .en #gst > div > h3 > img:nth-child(4) {
    width: 61.5%;
    margin: 0 auto;
  }
  #gst > div > h3 + p {
    width: 90%;
    margin: 0 auto 30px;
    font-size: 3.4vw;
  }
  #gst ul {
    display: block;
  }
  #gst ul > li {
    width: 90%;
    margin: 0 auto 20px;
  }
  #gst ul > li > p.date {font-size: 1.4rem;}
  #gst ul > li > h3 {
    font-size: min(6vw, 1.8rem);
  }
  .en #gst ul > li > h3 {
    font-size: min(6vw, 1.8rem);
  }
  #gst ul > li > h3:before {
    font-size: min(4vw, 1rem);
  }
  #gst ul > li > h3 span {
    font-size: min(4vw, 1.4rem);
  }
  #main > div h3.mnch {font-weight: bold;}

  #en #prsnt ul.flx {width: 98%;}
  #prsnt ul.flx > li,
  #en #prsnt ul.flx > li {
    width: 100%;
    margin: 0 auto 33px;
  }
  #en #prsnt ul.flx > li {margin: 0 auto;}
  #en #prsnt ul.flx > li img {
    width: 92%;
    margin: 0 auto 13px;
  }
  #prsnt ul.flx > li p:not(.note) {text-align: left;}

  #dld > h2 > img {width: 68.2%;}
  .en #dld > h2 > img {width: 51%;}

  #main #othr {padding: 40px 1% 39px;}
  #othr > div > h2 {
    margin: 0 auto 20px;
  }
  #othr > div > h2 + img {width: 68%;}
  #en #othr > div > h2 + img {width: 66%;}
  #othr > div > a {
    width: 100%;
    margin: 0 auto 39px;
  }
  #en #othr > div > a {margin: 0 auto 9px}

  #cntnts {padding: 40px 0 25px;}
  #cntnts > div > h2 {font-size: 5.8vw;}
  #cntnts > div > div ul li,
  #cntnts > div > div ul li:nth-child(2n) {
    width: 90%;
    margin: 0 auto 15px;
  }
  #cntnts > div > div > ul:nth-child(2) > li:nth-child(1) > ul > li,
  #cntnts > div > div ul.bx_2st li li,
  #cntnts > div > div ul > li > ul li:nth-child(2) > a:first-child {
    margin: 0;
  }
  #cntnts > div > div ul li:nth-child(2) > a:first-child {
    margin: 0 auto 15px;
  }
  #cntnts > div > div ul li a > h2 {
    font-size: 3vw;
  }
  #cntnts > div > div ul li li a > p {
    font-size: 3vw;
  }

  #cntnts > div > h2 {
    margin: 0 auto 40px;
    line-height: 1.8;
  }

  #cntnts > div > div > ul:nth-child(1) > li:nth-child(1) > a img {
    padding: 0;
    background: #990000;
  }

  #ankt {margin: 0 auto 20px;}
  #main #ankt > div > a.r_line {
    width: 88%;
    font-size: 5vw;
    padding: 10px 0;
  }

/*   #yutb > h2 {
    width: 90%;
    text-align: left;
  }
  #yutb > h2 img {
    width: 90%;
    max-width: 560px;
    margin: 0 auto 10px;
    display: block;
  }
  #yutb > h2 img:last-child {
    width: 36%;
    max-width: 178px;
    margin: 0 auto;
  } */
  #yutb > p {font-size: 3.4vw;}
  #main #yutb ul.bx_btn {
    width: 90%;
    min-width: auto;
    display: block;
  }
  #main #yutb ul.bx_btn li {
    width: 100%;
    margin: 0 auto 10px;
  }
  #main #yutb ul.bx_btn li a.r_line {
    width: 100%;
    max-width: 88%;
  }
  #yutb div.bx_sns > p {
    font-size: 4.4vw;
    line-height: 1.4;
  }
  #yutb .bx_sns ul#link {padding: 0 0 10px;}
  section#yutb .bx_sns ul#link li,
  section#yutb .bx_sns ul#link li:first-child,
  section#yutb .bx_sns ul#link li:last-child {
    margin: 0 auto 10px;
    display: block;
  }

  section#dld > h2 {
    width: 49%;
    margin: 0 auto 20px;
  }
  #en section#dld > h2 img {width: 84%;}

  #dld .sel_02 {
    width: 84%;
    display: block;
    padding: 20px 2%;
  }
  #dld .sel_02 > div {width: 100%;}
  #dld .sel_02 > div:first-child {margin: 0 auto 15px;}

  #cap p {
    font-size: 3.2vw;
    line-height: 1.4;
  }

  #en #othr > div > h2 img {width: 100%;}
  #en #othr > div > h2 img:last-child {
    width: 90%;
    margin: 0 auto;
  }


}

@media screen and (max-width: 480px) {
  #main article h2 {font-size: 158%;}

  #main article#news h2 {padding: 0 0 20px 0;}
}

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