/*------------------------------
  トップページ
-------------------------------*/

/* MV */
#mvSection h1 img { width:100%; }

/* コンテンツエリア */
#contentsWrap.topPage { text-align:center; }
#contentsWrap.topPage h2 { font-size:220%; font-weight:500; display:inline-block; margin:100px auto 0; padding-bottom:2px; border-bottom:6px solid #ffc3c3; }

/* ピックアップ */
#contentsWrap.topPage #pickupSection h2 { margin-top:70px; }
#contentsWrap.topPage #pickupSection ul { display:flex; flex-wrap: wrap; justify-content: space-between; margin:70px auto 0; }
#contentsWrap.topPage #pickupSection ul li { text-align:left; font-size:115%; width: 48%; }
#contentsWrap.topPage #pickupSection ul li:nth-child(n+3) { margin-top: 42px; }
#contentsWrap.topPage #pickupSection ul li p:nth-child(1) { position:relative; overflow:hidden; padding-top:56.5%; }
#contentsWrap.topPage #pickupSection ul li p:nth-child(1) img { border:1px solid #dddddd; box-sizing:border-box; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; font-family:'object-fit:cover;'/*IE対策*/ }
#contentsWrap.topPage #pickupSection ul li p:nth-child(2) { display: none; color:#aaaaaa; font-size:80%; margin:10px 0 5px; letter-spacing:0.05em; }
#contentsWrap.topPage #pickupSection ul li p:nth-child(2) + p { margin-top: 10px; }
@media screen and (max-width: 1200px) {
	#contentsWrap.topPage #pickupSection ul li:nth-child(n+3) { margin-top: 3.3vw; }
}

/* 動画コンテンツ */
#contentsWrap.topPage #movieSection h2 + p { margin-top:70px; }
#contentsWrap.topPage #movieSection h2 + p img { width:100%; }
#contentsWrap.topPage #movieSection .atComment { margin-top:40px; }
#contentsWrap.topPage #movieSection h3 { font-size:140%; font-weight:500; border-top:1px solid #cccccc; margin-top:70px; padding-top:70px; }
#contentsWrap.topPage #movieSection ul.btn1 li { width: 440px; }
#contentsWrap.topPage #movieSection ul.btn1 li a { padding: 18px 0; margin-top: 3vw; }

@media screen and (max-width: 980px) {
  #contentsWrap.topPage #movieSection ul.btn1 li { width: 48%; }
  #contentsWrap.topPage #movieSection ul.btn1 li a { font-size: 100%; }
}

/*バナー*/
#contentsWrap.topPage .bn { margin-top: 40px; }

/*------------------------------
  中面
-------------------------------*/
/* タイトル */
#detailPage #contentsWrap #titleSection { margin-top:60px; }
#detailPage #contentsWrap #titleSection h1 { font-size:240%; font-weight:500; margin-top:5px; }
#detailPage #contentsWrap #titleSection p img { margin-top:15px; padding:12px; box-shadow:0px 0px 3px #cccccc; width:100%; box-sizing:border-box; }
#detailPage #contentsWrap #titleSection > div { display: flex; justify-content: space-between; align-items: center; }
#detailPage #contentsWrap #titleSection > div p:nth-child(1) { font-size:110%; background:#c01b26; color:#ffffff; padding:2px 10px; }
#detailPage #contentsWrap #titleSection > div p:nth-child(2) { font-size:94%; color:#979797; display: none; }
#detailPage #contentsWrap #titleSection p:last-child { font-size:130%; line-height:2; }

#detailPage #contentsWrap h2 { font-size:200%; font-weight:500; width:100%; box-sizing:border-box; display:block; padding:8px 0; background-image:linear-gradient(to right, #ff9393, #ff9393 2px, transparent 2px, transparent 8px); background-size:5px 2px; background-position:right bottom; background-repeat:repeat-x;}

#detailPage #contentsWrap h3 { font-size:150%; margin-top: 50px; }

/* 本文 */
#detailPage #contentsWrap .readSection { margin-top:90px; }
#detailPage #contentsWrap .readSection .contentsArea { max-width:1000px; margin:0 auto; }
#detailPage #contentsWrap .readSection .contentsArea p { margin-top:40px; }
#detailPage #contentsWrap .readSection .contentsArea h3 + p { margin-top: 10px; }


/* 画像 */
#detailPage #contentsWrap .readSection .imgBox { text-align:center; }
#detailPage #contentsWrap .readSection .imgBox img { margin-top:15px; padding:12px; box-shadow:0px 0px 3px #cccccc; width:100%; box-sizing:border-box; }
#detailPage #contentsWrap .readSection .imgBox.wAuto img { width:auto; }
#detailPage #contentsWrap .readSection .imgBox.noline img { padding:0; box-shadow:none; }

/*関連リンク*/
#relationSection { margin-top:90px; }
#relationSection .contentsArea { max-width:900px; margin:20px auto 0; }
#relationSection .contentsArea ul { justify-content:flex-start; }
#relationSection .contentsArea ul li { width:46%; margin:2%; box-sizing:border-box; }
#relationSection .contentsArea ul li a { width:100%; margin:0; padding:15px 40px; min-width:auto; }

/*カテゴリ内リンク*/
#CategoryLinkSection { background:#f2f2f2; text-align:center; margin-top:90px; padding:70px 0; }
#CategoryLinkSection h2 { font-size:180%; font-weight:500; display:inline-block; margin:0 auto; padding-bottom:2px; border-bottom:6px solid #ffc3c3; }
#CategoryLinkSection ul { margin:40px auto 0; width:90%; max-width:1080px; }
@media screen and (max-width: 1080px) {
  #CategoryLinkSection ul li { margin:0 2vw; width:26.8vw; }
}