﻿/** まんが刊行のお知らせ 2025.06追加 **/

#newlyPub {}
#newlyPub_other {}

.l-newlyPub {}
.l-newlyPub img { max-width:100%; }

.bg_breezy
{
background-image:linear-gradient(310deg, rgba(86,210,222, 1), rgba(251,233,175, 1));

}
.bg_warm {
background-image:linear-gradient(310deg, rgba(250,124,143, 1), rgba(232,235,255, 1));
}

/* パソコン */
@media screen and (min-width: 769px) {
 .l-newlyPub .innerBox {
  box-sizing:content-box;
  max-width:1000px;
  margin:0 auto;
  padding:60px 40px;
 }
 .l-newlyPub .innerBox h4 {
  margin-bottom:40px;
  font-size:1.4rem;
  font-weight:bold;
  padding:4px 14px;
  border-left:solid 10px #000;
 }
 .l-newlyPub .innerBox h4 img {
  width:30px;
  height:auto;
 }
 .l-newlyPub .innerBox h4 span {
  font-size:1rem;
 }
.grid-wrapper {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom:30px;
 }
.grid-wrapper .grid-cover {
  grid-area: 1 / 1 / 2 / 2;
 }
.grid-wrapper .grid-txt {
  grid-area: 1 / 2 / 2 / 3;
  box-sizing:border-box;
  padding-left:40px;
 }
.grid-wrapper .grid-cover img {
  max-width:100%;
 }
.grid-wrapper .grid-txt p {
  margin-bottom:14px;
 }
.grid-wrapper .grid-txt .signature {
  width:190px;
  text-align:center;
 }
.grid-wrapper .grid-txt .signature .photo {
  overflow:hidden;
  display:inline-block;
  width:150px;
  height:150px;
  border-radius:50%;
 }
.grid-wrapper .grid-txt .signature .photo img {
  width:150px;
  height:auto;
 }
.grid-wrapper .grid-txt .signature .name {
  margin-top:14px;
 }

.grid-wrapper .grid-txt .c-btn__01,
.l-newlyPub .subPub .c-btn__01
 {
  margin:30px 0;
 }
.grid-wrapper .grid-txt .c-btn__01 a,
.l-newlyPub .subPub .c-btn__01 a {
  padding:14px 40px !important;
 }
.boxImgSample .flexBox_img {
  display: flex;
  flex-wrap:nowrap;
  justify-content:space-between;
 }
.boxImgSample .flexBox_img a {
  display:block;
  width:15%;
 }
.boxImgSample .flexBox_img a img {
  width:auto;
 }
}
/* スマホ */
@media screen and (max-width: 768px) {
 .l-newlyPub .innerBox {
  box-sizing:content-box;
  padding:60px 10px;
 }
 .l-newlyPub .innerBox h4 {
  margin-bottom:40px;
  font-size:1.4rem;
  font-weight:bold;
  padding:4px 14px;
  border-left:solid 10px #000;
 }
 .l-newlyPub .innerBox h4 img {
  width:30px;
  height:auto;
 }
 .l-newlyPub .innerBox h4 span {
  font-size:1rem;
 }
.grid-wrapper {
  margin-bottom:40px;
 }
.grid-wrapper .grid-cover {
  text-align:center;
  margin-bottom:30px;
 }
.grid-wrapper .grid-txt {
 }
.grid-wrapper .grid-cover img {
  max-width:70%;
 }
.grid-wrapper .grid-txt p {
  margin-bottom:14px;
 }
.grid-wrapper .grid-txt .signature {
  width:190px;
  text-align:center;
 }
.grid-wrapper .grid-txt .signature .photo {
  overflow:hidden;
  display:inline-block;
  width:120px;
  height:120px;
  border-radius:50%;
 }
.grid-wrapper .grid-txt .signature .photo img {
  width:120px;
  height:auto;
 }
.grid-wrapper .grid-txt .signature .name {
  margin-top:14px;
 }

.grid-wrapper .grid-txt .c-btn__01,
.l-newlyPub .subPub .c-btn__01 {
  margin:30px 0;
 }
.grid-wrapper .grid-txt .c-btn__01 a,
.l-newlyPub .subPub .c-btn__01 a {
  padding:14px 40px !important;
 }
.boxImgSample .flexBox_img {
  display: flex;
  flex-wrap:wrap;
  justify-content:space-evenly;
 }
.boxImgSample .flexBox_img a {
  display:block;
  width:26%;
  margin:4px 0px;
 }
.boxImgSample .flexBox_img a img {
  width:auto;
 }
 .l-newlyPub .subPub dt {text-align:center;}
 .l-newlyPub .subPub dt img { max-width:70%; }

}

/** 多言語追加 2026.10.07 **/
.subPub.underBar {
  padding-bottom:30px;
  margin-bottom:30px;
  border-bottom:dotted 2px rgba(255,255,255,0.8);
}

.subPub .box_LangChi {}
.subPub .box_LangSpa {}

.subPub .box_LangChi .imgTit img,
.subPub .box_LangSpa .imgTit img {
  opacity:0.8;
}
.subPub .box_LangChi .imgTit,
.subPub .box_LangSpa .imgTit {
  margin-bottom:30px;
}

@media screen and (min-width: 769px) {
  .subPub .box_LangChi .imgTit img:nth-child(1),
  .subPub .box_LangSpa .imgTit img:nth-child(1) {
    width:auto;
    height:50px;
    margin-right:14px;
  }

  .subPub .box_LangChi .imgTit img:nth-child(2),
  .subPub .box_LangSpa .imgTit img:nth-child(2) {
    width:auto;
    height:30px;
  }
}

@media screen and (max-width: 768px) {
.subPub .box_LangChi .imgTit,
.subPub .box_LangSpa .imgTit {
  margin-top:30px;
}
  .subPub .box_LangChi .imgTit img,
  .subPub .box_LangSpa .imgTit img {
    display:inline-block;
  }
  .subPub .box_LangChi .imgTit img:nth-child(1),
  .subPub .box_LangSpa .imgTit img:nth-child(1) {
    width:auto;
    height:35px;
    margin-right:14px;
  }

  .subPub .box_LangChi .imgTit img:nth-child(2),
  .subPub .box_LangSpa .imgTit img:nth-child(2) {
    width:auto;
    height:24px;
  }
}

