@charset "utf-8";
/* CSS Document */

/*新着情報*/

/* line 5, ../scss/_rayout.scss */
.news .inner { width: 960px; margin: 0 auto; }


.news {
	width:1200px;
	margin:0 auto;
  /*padding-bottom: 10vmin;
  padding-top: 10vmin;*/
  padding-bottom: 20vmin;
  padding-top: 5vmin;
}

.news_headline_area{
	display:flex;
	flex-wrap: wrap;
	gap: 20px;
}

.news .news_headline {
  width: calc((100% - 30px * 2) / 4);
  background: #ffffff;
  position: relative;
  cursor:pointer;
  box-sizing:border-box;
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgb(0 0 0 / 30%);
}

.news .news_headline:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }

.news .news_headline2:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }

.news .news_headline2 {
  width: calc((100% - 30px * 2) / 4);
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgb(0 0 0 / 30%);
  background: #ffffff;
  position: relative;
  cursor:pointer;
  box-sizing:border-box;
}
.news_headline_inner{
	position:relative;
	padding:1rem;
}
.news .news_headline .new_info_title{
	color:#d82d2d;
}

.news_headline_inner p {
  font-size:16px;
  line-height:1.5;
  height:72px;
  color:#666;
  overflow:hidden;
  font-weight:700;
}

.news_headline_time{
	position:absolute;
	top:1rem;
	right:1rem;
	font-size:0.7rem;	
}


.news h3 {
  margin-bottom: 2vmin;
  font-weight:normal;
}
.news h4 {
	text-align:center;
	font-size:1.2rem;
  margin-bottom: 2vmin;
}

.news .headline_anchor{
  width: calc((100% - 30px * 2) / 4);
  box-shadow: 0.1rem 0.1rem 0.3rem 0 rgb(0 0 0 / 30%);
  background: #ffffff;
  position: relative;
  cursor:pointer;
  color:#000000;
  box-sizing:border-box;
  border-radius: 10px;
  overflow: hidden;
}




.news .headline_anchor p{
	color:#666666;
}
.news h3 {
  margin-bottom: 2vmin;
  text-align:left;

}
.news h3 span{
  font-size: 1rem;
}
.news h3 span.news_sub {
  background: #a32121;
  margin-right: 3vmin;
  color: #ffffff;
  padding: 5px 5px;
  border-radius: 5px;
  font-size: 0.8rem;
}

.news h3 span.type1 { 
  background: #039; 
}
.news h3 span.type2 { 
  background: #906;
}
.news h3 span.type3 { 
  background: #F66;
}
.news h3 span.type4 { 
  background: #060; 
}
.news h3 span.type5 {
  background: #da5e7e; 
}
.news h3 span.update {
  background: #979797; 
}
.news h3.modal_inner {
  font-size: 1.1rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px dotted #999;
}





.news .pickup {
  margin-bottom: 20px;
}


.news .pickup p.now_p {
  font-size: 12px;
  padding: 0 2%;
}


.news .now_girl {
  position: relative;
  width: 25%;
  max-width: 300px;
  float: left;
  text-align: center;
  padding-top: 22px;
}


.news .now_girl .option {
  position: absolute;
  top: 0;
  font-size: 13px;
  color: #c0392b;
}


.news .now_girl img {
  width: 100%;
}



.news .modal {
  margin: 0 auto;
  padding: 5rem 3rem; /* モーダル内側の余白 */
  background-color: #fff;
  background-image: url(../images/modal_bg_top.jpg), url(../images/modal_bg_bottom.jpg);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size:80% auto;
	min-height:100%;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .45);
  overflow: hidden;
  overflow-y: auto; /* scrollにはしないことでスクロールの必要がないときはスクロールバーを表示させない */
  -webkit-overflow-scrolling: touch;
  z-index:9999999;
}
.overlay2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .45);
  overflow: hidden;
  overflow-y: auto; /* scrollにはしないことでスクロールの必要がないときはスクロールバーを表示させない */
  -webkit-overflow-scrolling: touch;
  z-index:9999999;
}
.review_area {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .45);
  overflow: hidden;
  overflow-y: auto; /* scrollにはしないことでスクロールの必要がないときはスクロールバーを表示させない */
  -webkit-overflow-scrolling: touch;
  z-index:9999999;
}
.container {
  width: 100%;
  height: 100%;
}


.container {
  position: absolute;
  top: 3%;
  left: 0;
  right: 0;
  width: 94%;
  height: 90%;
  margin: auto;
  z-index: 3;
}

.news .inner {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
  cursor: default;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  padding: 1rem; /* モーダル外側の余白 */
  vertical-align: middle;

}

.modal p{
	font-size:16px;
}

.modal_close_button{
	background:#ffffff;
	padding:0.5rem 2rem;
	text-align:center;
	border:1px solid #999;
	margin:3rem auto 2rem;
	display:block;
	font-family: 'Noto Serif JP', serif; font-weight:300;
}


.review_area .modal {
  background-image: none;
  padding: 1rem 0
}



/* 要確認 */
.pair_info_area {
  min-width: 100%;
  text-align: center;
  box-sizing: border-box;
  white-space:pre-wrap;
}

.pair_info_area p{
	white-space:pre-wrap;
	margin-bottom:50px;
}

.pair_info_block_p1{
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
}
.pair_info_area .pair_box1{
	width:48%;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	margin-bottom:50px;
	background:#ffffff;
	padding:1%;
	margin:1%;
	box-shadow:0px 0px 6px 3px #e8e2da;
}
.pair_info_area .pair_box1 img{
	width:96%;
	margin:2%;
}
.pair_info_area .pair_box1 .pb_name{
	display:block;
	font-size:18px;
}
.pair_info_area .pair_box1 .pb_size{
	display:block;
	font-size:14px;
	color:#999;
}

.pair_box_cross{
	padding-top:30%;
}



.pair_info_block_p2{
}
.pair_info_area .pair_box2{
	margin:0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: space-between;
	/* Safari */
	justify-content: space-between;
	margin-bottom:10px;
	background:#ffffff;
	padding:20px;
	box-shadow:0px 0px 6px 3px #e8e2da;
}
.pair_info_block_p2 h4{
	  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	  font-size:24px;
	  margin-bottom:10px;
}
.pair_info_area .pair_box2 img{
	width:96%;
	margin:2%;
}
.pair_info_area .pair_box2 .pb_name{
	display:block;
	font-size:18px;
}
.pair_info_area .pair_box2 .pb_size{
	display:block;
	font-size:14px;
	color:#999;
}

.pair_info_area .pair_info_para{
	margin-bottom:80px;
}


.upd_img {
  width: 100%;
  position: relative;
}

.upd_img::before {
  content: "";
  display: block;
  padding-top: 70%;
}
.upd_img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  object-fit: cover;
  object-position:top;
}