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

/*** PAGE online-programs ***************************************************/

.spot-row { flex-direction: row-reverse !important; }
.pic-center { text-align:center; width:100%; margin:0 auto; font-size:1.6rem; line-height:1.5; margin-bottom:1rem; }
.page-online { width:1024px; margin:0 auto; background:#f1f1f1; }
.page-online .about-online, .page-online .point-head, .page-online .online-wrap, .page-online .program-head { width:100%; height:100%; background:#FFF; }
.page-online .recommend-online, .page-online .program-detail, .request-online .request-inner { width:70%; margin:0 auto; }
.bg-green { background:#0c656b; color:#FFF; }
.page-online .point-head { text-align:center; font-size:2.3rem; font-family:'Noto Serif JP', serif; line-height:1.2; padding:3rem; }
/* online mv */

/* about */
.about-online .cont-wrap, .recommend-online .cont-wrap { justify-content:space-evenly; }
.about-online .about-dd, .page-online .online-dd { width:40%; }
/* quality */
.quality-online { padding:3rem; }
.quality-online .frame-online, .movie-online .frame-online { width:70%; margin:0 auto; background:#FFF; color:#000; border-radius:1rem; padding:1rem; }
.quality-online .cont-wrap { margin:50px 0; }
.page-online .online-wrap { width:48%; text-align:center; margin-bottom:2.2rem; }
.page-online .quality-dt { background:#0c656b; color:#FFF; font-size:1.1rem; line-height:3rem; }
.page-online .quality-dd { font-size:0.9rem; line-height:1.5rem; padding:1rem; }
.movie-inner { text-align:center; }
.screenshot-img { width:310px; }
/* program */

.program-head { padding:2rem; }
.program-head .cont-wrap { margin:0; justify-content:flex-start; }
.program-head .program-num { border-left:12px solid #0c656b; padding-left:5px; font-size:1.8rem; line-height:1.1; }
.program-head .program-num span { font-size:1.2rem; }
.program-head .program-cap { font-size:2rem; font-weight:700; line-height:1.2; margin-left:2rem; letter-spacing:0.2rem; }
.program-head .program-cap span { font-size:1rem; line-height:0.2; display:block; }
.program-pic { padding:1rem; margin-bottom:3rem; }
.program-pic .cont-wrap { margin:0; }
.program-detail .detail-content { width:80%; margin:50px auto; }
.program-detail .detail-dt { width:30%; font-size:1.6rem; } 
.program-detail .detail-dt span { font-size:0.8rem; }
.program-detail .detail-dd { width:70%; background:#FFF; padding:1.2rem; border-radius:1rem; font-size:0.95rem; }