/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
/* ------ General Settings ------ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');
/*.media img {
 max-width: 100%;
 height: auto;
 width: 100%;
}*/
.media {
 font-family: 'Noto Serif JP', serif;
 font-weight: 400;
 overflow: hidden;
}
.media .g {
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 400;
}
.grecaptcha-badge { visibility: hidden; }
.regalcheck{
}
a:hover {
 opacity: 1;
 text-decoration: none;
}
.sp {
 display: none !important;
}
.br_pc {
 display: inherit;
}
.br_sp {
 display: none;
}
@media screen and (max-width:768px) {
 /* ------ General Settings ------ */
 /*img {
  max-width: 100%;
  height: auto;
  width: auto\9;
 }*/
 a:hover {
  opacity: 1;
  text-decoration: none;
 }
 .pc {
  display: none !important;
 }
 .sp {
  display: inherit !important;
 }
 .br_pc {
  display: none !important;
 }
 .br_sp {
  display: inherit !important;
 }
}
/* ------ base ------ */
#contents01 ul {
 margin: 1em 0 0 0 !important;
}
/* ------ contents ------ */
.main-area {
 width: 100%;
}
.main-area .main-mov {
 width: 100%;
 height: auto;
}
.ttl_media{
	padding-top: 48px;
	font-size: 28.8px;
	margin-bottom: 48px;
}

.media_list{
	width: 1296px;
	margin: 0 auto 80px auto;
	padding-top: 80px;
}

.media_list_inner{
	display: flex;
	gap:30px;
    flex-wrap: wrap;
}

.media_detail{
    width: 284px;
     font-family: 'Noto Sans JP', sans-serif;
 font-weight: 600;
 font-size: 17px;
 font-feature-settings: "palt";
}

.media_detail a:hover{
    opacity: 1;
}

.media_detail .imglink {
  width: 284px;
  height: 321px;
  overflow: hidden;     /* はみ出した部分を隠す */
  position: relative;
    margin-bottom: 15px;
}

.media_detail .imglink img {
  width: 100%;
  height: 100%;
  object-fit: cover;    /* 枠にフィット＆はみ出しトリミング */
  object-position: top; /* トップを起点に表示 */
  display: block;
}


.media_detail img::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(240, 239, 239, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.media_detail p{
    margin-bottom: 15px;
}
.media_tag{

}
.media_tag li{
font-size: 16px;
  display: inline-block;
  line-height: 1;
   font-weight: 400;
   margin-right: 10px;
   letter-spacing: 0;
}
.media_tag li a::before {
  content: "#";
  padding-right: 4px;
}

.media_tag li a::before {
  content: "#";
  padding-right: 4px;
}

@media screen and (max-width:768px) {
 .main-area {
  width: 100%;
 }
 .main-area .main-mov {
  width: 100%;
  height: auto;
 }

.ttl_media{
	padding-top: 38px;
	font-size: 7.5vw;
	margin-bottom: 48px;
}

.media_list{
	width: auto;
	margin: 0 5vw 12.8vw 5vw;
	padding-top: 12.8vw;
}

.media_list_inner{
	display: block;
}

.media_detail{
    width: 100%;
 font-size: 4.7vw;
 margin-bottom: 8vw;
}
	
	.media_detail .imglink {
  width: 100%;
  height: 113vw;
  overflow: hidden;     /* はみ出した部分を隠す */
  position: relative;
    margin-bottom: 15px;
}

.media_detail .imglink img {
  width: 100%;
  height: 100%;
  object-fit: cover;    /* 枠にフィット＆はみ出しトリミング */
  object-position: top; /* トップを起点に表示 */
  display: block;
}

.media_detail a:hover{
    opacity: 1;
}

.media_detail img::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(240, 239, 239, 0.8);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.media_detail p{
    margin-bottom: 2vw;
}
.media_tag{

}
.media_tag li{
font-size: 4.2vw;
  display: inline-block;
  line-height: 1;
   font-weight: 400;
   margin-right: 10px;
   letter-spacing: 0;
}
.media_tag li a::before {
  content: "#";
  padding-right: 4px;
}

.media_tag li a::before {
  content: "#";
  padding-right: 4px;
}
}


/*詳細ページ*/

.media_sub {
  padding-top: 100px;
font-size: 16px;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
}

 .media_sub .gridContainer {
   width: 1296px;
    max-width: 1296px;
    padding-left:0;
    padding-right:0;
    margin: auto;
  }

.media_sub_list .ttl_media{
	font-size: 28.8px;
	margin-bottom: 100px;
   font-family: 'Noto Sans JP', sans-serif;
 font-weight: 700;
}

.media_sub_list{
	width: 1296px;
	margin: 0 auto 80px auto;
	padding-top: 50px;
}

.thum_media{
  width: auto;
  margin-bottom: 80px;
}

.media_sub_list_inner{}

.media_sub_list_inner img{
  width: auto!important;
	height: 100%;
  margin-bottom: 30px;
}

.media_sub_list_inner h2{
  border-top:#000 1px solid ;
  border-bottom:#000 1px solid ;
  padding: 40px 0;
   font-family: 'Noto Sans JP', sans-serif;
  font-size:27px ;
  font-weight: 700;
  margin:50px 0 30px 0;
  line-height: 1;
}

.media_sub_detail{
  margi-bottom: 80px;
}

.media_sub_detail p{
  font-size: 16px;
  margin-bottom: 30px;
}

#button_box_2 ul li,.button_tag #button_box_2 ul li {
    width: 30%;
    display: inline-block;
  }
  #button_box_2 ul,.button_tag #button_box_2 ul {
    text-align: center;
  }

.button_tag #button_box_2{
	font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
	font-size: 16px;
	margin-top: 3em;
}


.button .faq {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(0.00, #8f92a8));
  background: -webkit-linear-gradient(#8f92a8, #000);
  background: -moz-linear-gradient(#8f92a8, #000);
  background: -o-linear-gradient(#8f92a8, #000);
  background: -ms-linear-gradient(#8f92a8, #000);
  background: linear-gradient(#8f92a8, #000);
  color: #FFF;
}

.button a {
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
	text-align: center;
  margin-top: 1em;
	text-decoration: none;
}

.ajax-pagination {
 margin: 60px auto;
 text-align: center;
 display: flex;
 justify-content: center;
 gap: 5px;
}
.page-numbers {
 border: #d9d9d9 1px solid;
 width: 28px;
 height: 28px;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 12px;
 font-weight: 700;
}
.page-numbers.current {
 border: #d9d9d9 1px solid;
 background: #f5f5f5;
 width: 28px;
 height: 28px;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 12px;
}

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

.media_sub {
  padding-top: 50px;
font-size: 16px;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
}

 .media_sub .gridContainer {
   width: auto;
    max-width: auto;
    padding-left:0;
    padding-right:0;
    margin: 0 5vw;
  }

.media_sub_list .ttl_media{
	font-size:5.8vw;
	margin-bottom: 15vw;
}

.media_sub_list{
		width: auto;
	margin: 0 5vw 12.8vw 5vw;
	padding-top: 12.8vw;
}

.thum_media{
  width: auto;
  margin-bottom: 15vw;
}

.media_sub_list_inner{}

.media_sub_list_inner img{
  width: auto;
  margin-bottom: 5vw;
}

.media_sub_list_inner h2{
  border-top:#000 1px solid ;
  border-bottom:#000 1px solid ;
  padding: 3vw 0;
   font-family: 'Noto Sans JP', sans-serif;
  font-size:4.8vw ;

  margin:5vw 0 4vw 0;
  line-height: 1;
}

.media_sub_detail{
  margi-bottom: 15vw;
}

.media_sub_detail p{
  font-size: 4vw;
  margin-bottom: 6vw;
}

.media_sub_list #button_box_2,.button_tag #button_box_2{
width: 100%;
}

.media_sub_list  #button_box_2 ul li,.button_tag #button_box_2 ul li {
    width:100%;
    display: inline-block;
  }


.media_sub_list .gridContainer.clearfix{
margin: 0;
}
	
	 /* ページナビ */
 .ajax-pagination {
  margin: 60px auto;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 10px;
 }
 .page-numbers {
  width: 11vw;
  height: 11vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.7vw;
  font-weight: 700;
 }
 .page-numbers.current {
  border: #d9d9d9 1px solid;
  background: #f5f5f5;
  width: 11vw;
  height: 11vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.7vw;
 }

}


/*ぱんくず*/

 #contents01 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
		margin-bottom: 50px;
  }

.media_sub {
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

.pankuzu {
  font-size: 90%;
  padding: 20px 0;
}

.pankuzu i {
  margin-right: 1em;
  margin-left: 1em;
}




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