@charset "utf-8";

header p {
  margin: 0 30px;
}
footer p {
  margin: 0 30px;
}


/* worksページ！！！！！ */
.works-box {
  flex-wrap: wrap;
  width: unset; /* 親の設定にリセット */
}
.popup-content {
  display: block;  /* flexを取り消して、ブロック表示に戻す */
  text-align: center;
  margin: 5px auto 0;
  width: 90%;
}
.popup-content div{
  padding: center;
  text-align: center;
  margin: 0;
}
.popup-content div h3{
  margin: 5px 0;
}
.popup-content div h5{
  margin: 5px 0;
}
.works-b-img,.works-l-img,
.works-p-img,.works-w-pc {
  width: 80%;
  height: 80%;
}
div.works-w-sp-box {
  margin: 0;
  padding: 0;
  text-align: center;
}
.btn-close{
  padding: 10px;
  margin: 5px auto 0;
}
.Others {
  width: 80%;
}
/* worksページ！！！！！ */

/* aboutページ！！！！！ */
.about-box {
  margin: 0 auto 25px;
  padding: 0;
}
.profile-box {
  display: block;  /* flexを取り消して、ブロック表示に戻す */
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
#profile-photo {
  width: 90%;
  height: 90%;
  margin: 0;
}
.profile {
  width: 90%;
  margin: 0 auto;
}
.skill-box {
  display: block;  /* flexを取り消して、ブロック表示に戻す */
}
.skill {
  margin: 0 auto;
  margin-bottom: 25px;
  padding: 25px;
}
.love-box {
  display: block;  /* flexを取り消して、ブロック表示に戻す */
}
.love {
  margin: 0 auto;
  margin-bottom: 25px;
}
/* aboutページ！！！！！ */

/* contactページ！！！！！ */
.form,.form-text {
  width: 80%;
}
.form-text {
  height: 250px;
}
/* contactページ！！！！！ */

/* homeページ！！！！！ */
.container-pc,
#home-header,#home-footer {
  display: none;
}
.container-sp {
  display: grid;
  margin: 23vh 0 15vh;
  grid-template-columns: 0.9fr 0.9fr 0.9fr 0.9fr  0.9fr;
  grid-template-rows: 25vw 50vw 20vw 15vw;
}
#home-title-sp {
  font-size: 23vw;
  color: #CD5C5C;
  font-family: "Unkempt", cursive;
  font-weight: bold;
  text-shadow: 
  3px 3px 0 white,  
  -3px -3px 0 white,  
  3px -3px 0 white,  
  -3px 3px 0 white; /* 縁取り */
}
#koala {
  width: 90%;
  margin: 5px;
}
#home-name-sp {
  font-size: 9vw;
  color: #FEF4F4;
  font-weight: bold;
  white-space: nowrap;
}
.spbox-big1 {
  grid-column: 1 / 6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spbox-big2 {
  grid-column: 1 / 6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spbox-big4 {
  grid-column: 1 / 6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu {
  margin: 0;
  width: 100%;
}
/* homeページ！！！！！ */

/* digitalページ！！！！！ */
.tshort-popup {
  display: block;  /* flexを取り消して、ブロック表示に戻す */
  margin: 5px 0;
  padding: 0;
}
.tshortmoto-img {
  width: 90%;
}
/* digitalページ！！！！！ */

/* analogページ！！！！！ */
.analog {
  display: block;  /* flexを取り消して、ブロック表示に戻す */
}
/* analogページ！！！！！ */