@charset "UTF-8";


h3{
    margin: 30px 0 1.0em;
    padding: 0.5em;
    border-left: 7px solid #af2d59c2;
    border-bottom: 1px dashed #af2d59c2;
    font-size: 1.143em;
    font-weight: bold;
}

      /* もっと見るボタン */
      .button {
          background-color: #af2d59;
          border-radius: 20px;
          display: block;
          margin-left: auto;
          margin-right: auto;
          padding: 5px 20px 5px 15px;
          text-align: center;
          width: 100px;
          color: #fff;
          text-decoration: none;
          box-shadow: 3px 3px 3px #666666; /* 影の設定 */
          transition: .3s; /* なめらか変化 */
          border: 1px solid #000066; /* 枠の指定 */
      }

      .button:hover {
          box-shadow: none; /* カーソル時の影消去 */
          background-color: #d0788d;
      }




.pickup_list {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	/* justify-content: center; */
}

.pickup {
    width: 300px;          /* flexboxを指定すると無効になる */
    height: 280px; 
    padding:10px;
    margin: 5px;
    color:#888;              /* 文字色 */
    font-size:14px;
    line-height: 1.5;
    border: solid 1px #888;
    border-radius: 10px;
}

.pickup a {
    text-decoration: none;
    color:#888              /* .pickupと同じ文字色に戻す */
}

.pickup img{
    width : 300px;             /* .pickup の横幅に合わせる */
    height: 200px;
    object-fit: cover;        /* 切り抜き */
    object-position: 100% 0;  /* 切り抜き */
    border: none;
}

.pickup__sitename {
    font-size:12px;  /* サイト名のみサイズを下げる */
}

.pickup__title {
    color:#333      /* タイトルのみ黒で目立たせる */
}

.pickup__discription {
    width : 100%;   /* .pickupに準拠 */
    height: 40px;  
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis /* "..."*/ ;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


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

	.pickup_list {
	    display: block;
	}
	
	.pickup {
    	width: auto;
    	height: auto;
    }
    .pickup img{
    	width:100%;
    	height:300px;
    	max-height:300px;
    }
    .pickup__movie iframe{
    	width:100%;
    	height:300px;
    }


}