@import url("/gentsuki-club/css/footer-fix.css");

.select-contents{font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;}
.select-contents{background-color:#9BA0A8;padding-top:50px}.select-contents img{width:100%;height:auto}.select-contents>h1{color:white;text-align:center;font-size:2.4em;line-height:1.2em;font-weight:bold}.select-contents>h1 .js-category-name{display:inline-block}.select-contents>p{padding-top:16px;color:white;text-align:center;font-size:3.6vw;font-weight:normal}.select-contents .list-view{padding-left:20px;padding-right:20px;padding-top:0px}.select-contents .list-item:hover>figure img{-webkit-transform:scale(1.2);transform:scale(1.2)}.select-contents .normal-scale{transition:all 0.1s ease-in;opacity:1;-webkit-transform:scale(1) !important;transform:scale(1) !important}.select-contents .list-item:nth-child(4){margin-bottom:0}.select-contents .list-item{display:grid;grid-template-columns:3.5fr 4fr;overflow:hidden;background-color:#eee;cursor:pointer;transition:all 0.3s ease-out;-webkit-transform:scale(0.6);transform:scale(0.6);margin-bottom:4px}.select-contents .list-item>figure{grid-column:1}.select-contents .list-item>figure img{-webkit-transform:scale(1);transform:scale(1);vertical-align:bottom;transition:-webkit-transform 0.3s ease-in;transition:transform 0.3s ease-in;transition:transform 0.3s ease-in, -webkit-transform 0.3s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden}.select-contents .list-item div{grid-column:2;background-color:white;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;z-index:1;padding:2.6vw}.select-contents .list-item div .new-badge{display:none}.select-contents .list-item div .indicator{display:none}.select-contents .list-item div h2{line-height:1.3em;font-weight:normal;font-size:3.6vw;height:2.6em}.select-contents .list-item div p{font-weight:bold;font-size:.8em;line-height:1.2em}.select-contents .list-item div p time{font-weight:normal;font-size:.9em}@media screen and (max-width: 736px){.select-contents .list-item:nth-child(n+5){display:none}}@media screen and (min-width: 737px){.only-sp{display:none}div.select-contents{width:980px;margin:0 auto;overflow:hidden;padding-top:40px}.select-contents{padding-top:80px}.select-contents h1{font-size:36px}.select-contents>p{font-size:18px}.select-contents nav{position:relative;width:980px;margin:0 auto}.select-contents nav ul{padding-top:30px;-webkit-justify-content:flex-end;justify-content:flex-end;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.select-contents nav li{margin-left:10px;cursor:pointer}.select-contents nav .current{background-color:#232793 !important}.select-contents nav .left{position:absolute;top:-170px;left:-40px;z-index:999}.select-contents nav .right{position:absolute;top:-170px;right:-40px;z-index:9999}.select-contents nav .dot{cursor:auto;background-color:white;width:35px;height:6px}.select-contents .list-view{display:-webkit-flex;display:flex;padding-left:0;padding-right:0}.select-contents .list-item:nth-child(n+5){display:grid}.select-contents .list-item{margin-right:2px;margin-left:2px;margin-bottom:0;min-width:242px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto}.select-contents .list-item>figure{grid-column:1;grid-row:1;height:164px}.select-contents .list-item>div{position:relative;grid-column:1;grid-row:2;padding:30px;box-sizing:border-box;height:180px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.select-contents .list-item>div .new-badge{display:none}.select-contents .list-item>div h2{font-size:18px;margin-top:0px;margin-bottom:0px;line-height:26px}.select-contents .list-item>div .indicator{position:absolute;width:12px;display:block;bottom:30px;right:30px}.select-contents .list-item>div p{font-size:14px;line-height:1.6em}.select-contents .list-item>div p time{font-size:14px}}

@media screen and (max-width: 414px) {
		.select-contents{
			font-size: 13px;
		}
    .pc-only, .only-pc {
        display:none
    }
  }