@charset "utf-8";

.h_bar, 
#beltbnr {
	display: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}


/*--SP--*/
@media only screen and (max-width: 767px) {
.sp {
  display: block;
}
.pc {
  display: none;
}

/* MAIN */
main {
  width: 100%;
  margin: 0 auto;
}

/* KV */
.kv {
  width: 100%;
  margin: 0 auto 30px;
}

/* LEAD */
.lead {
  width: calc(100% - 40px);
  margin: 0 auto 35px;
}
.lead p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2;
  color: #000000;
  text-align: justify;
}
.lead p br {
  display: none;
}

/* ITEM */
.item_type {
  width: 100%;
  margin: 0 auto 65px;
}

/*-- ITEM 01〜10 共通 --*/
.item {
  width: calc(100% - 40px);
  margin: 0 auto 60px;
}
.item .image {
  margin: 0 auto 30px;
}
.item .caption {
  margin: 0 auto 30px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8;
  color: #000000;
  text-align: justify;
}
.item .credit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item .credit .name {
  width: 70%;
  text-align: left;
}
.item .credit .name a {
  font-family: Roboto,'游ゴシック Medium', sans-serif !important;    
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8;
  color: #000000;
  text-decoration: none;
}
.item .credit .btn {
  width: 30%;
  text-align: right;
}
.item .credit .btn a {
  padding: 2% 6%;
  font-family: Roboto,'游ゴシック Medium', sans-serif !important;    
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8;
  color: #000000;
  text-decoration: none;
  border: 1px solid #ffd200;
  background-color: #ffd200;
  transition: background 1s;
}
.item .credit .btn a:hover {
  color: #000000;
  border: 1px solid #ffd200;
  background-color: #ffffff;
}

/* LINK */
.relatedLink {
  margin: 0 auto 60px;
  text-align: center;
}
.relatedLink a {
  padding: 2% 6%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8;
  color: #000000;
  text-decoration: none;
  border: 1px solid #ffd200;
  background-color: #ffd200;
  transition: background 1s;
}
.relatedLink a:hover {
  color: #000000;
  border: 1px solid #ffd200;
  background-color: #ffffff;
}

}


/*--PC--*/
@media only screen and (min-width: 768px) {
.sp {
  display: none;
}
.pc {
  display: block;
}

/* MAIN */
main {
  width: 900px;
  margin: 0 auto;
}

/* KV */
.kv {
  width: 100%;
  margin: 0 auto 60px;
}

/* LEAD */
.lead {
  width: 100%;
  margin: 0 auto 120px;
}
.lead p {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2;
  color: #000000;
  text-align: center;
}

/* ITEM */
.item_type {
  width: 600px;
  margin: 0 auto 130px;
}

/*-- ITEM 01〜10 共通 --*/
.item {
  width: 800px;
  margin: 0 auto 120px;
}
.item .content {
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}
.item .image {
  width: 60%;
}
.item .caption {
  width: 40%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 2;
  color: #000000;
  text-align: justify;
}
.item .credit {
  width: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item .credit .name {
  width: 70%;
  text-align: left;
}
.item .credit .name a {
  font-family: Roboto,'游ゴシック Medium', sans-serif !important;    
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8;
  color: #000000;
  text-decoration: none;
}
.item .credit .btn {
  width: 30%;
  text-align: right;
}
.item .credit .btn a {
  padding: 2% 6%;
  font-family: Roboto,'游ゴシック Medium', sans-serif !important;    
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8;
  color: #000000;
  text-decoration: none;
  border: 1px solid #ffd200;
  background-color: #ffd200;
  transition: background 1s;
}
.item .credit .btn a:hover {
  color: #000000;
  border: 1px solid #ffd200;
  background-color: #ffffff;
}

/*　ITEM 奇数No　*/
.num01 .image, 
.num03 .image, 
.num05 .image, 
.num07 .image, 
.num09 .image {
  order: 1;
}
.num01 .caption, 
.num03 .caption, 
.num05 .caption, 
.num07 .caption, 
.num09 .caption {
  order: 2;
}

/*　ITEM　偶数No　*/
.num02 .image, 
.num04 .image, 
.num06 .image, 
.num08 .image, 
.num10 .image {
  order: 2;
}
.num02 .caption, 
.num04 .caption, 
.num06 .caption, 
.num08 .caption, 
.num10 .caption {
  order: 1;
}

/* LINK */
.relatedLink {
  margin: 0 auto 120px;
  text-align: center;
}
.relatedLink a {
  padding: 2% 6%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8;
  color: #000000;
  text-decoration: none;
  border: 1px solid #ffd200;
  background-color: #ffd200;
  transition: background 1s;
}
.relatedLink a:hover {
  color: #000000;
  border: 1px solid #ffd200;
  background-color: #ffffff;
}

}


/*--SP/PC共通--*/
/* フェードイン */
.fadeIn {
  opacity: 0;
  transform: translate(0, 50px);
  transition: 2s;
}
.fadeIn.active {
  opacity: 1;
  transform: translate(0, 0);
}