@charset "Shift_JIS";
/* CSS Document */

.cpsWrap {}

.cpsBox01 { background: url(/passage/cps/forum/img/bg_section_01.jpg) center top no-repeat #060709; min-height: 964px;}
.cpsBox01 h1 { padding-top: 80px; text-align: center; }
.cpsBox01 .txt_lead { color: #ffffff; font-size: 16px; line-height: 1.8; width: 616px; margin: 0 auto 24px; }
.cpsBox01 .movieArea {  width: 611px; height: 344px; margin: 0 auto 20px; position: relative; }
.cpsBox01 .movieArea .movieBox { }
.cpsBox01 .movieArea .movieBox .bg_thumb { width: 611px; height: 344px; margin: 0 auto; background: url(/passage/cps/forum/img/pic_movie_thumb.jpg) no-repeat center top; position: relative;}
.cpsBox01 .movieArea .movieBox .bg_thumb a#play_icon { width: 110px; height: 110px; display: block; cursor: pointer; position: absolute; top: calc(50% - 55px); left: calc(50% - 55px) ; z-index: 10;}
.cpsBox01 .movieArea #movie_content { display: none; width: 611px; height: 344px; margin: 0 auto; position: absolute; top: 0; }
.cpsBox01 .movieArea #movie_content video { width: 100%; height: auto;}


.cpsBox02 { background: url(/passage/cps/forum/img/bg_section_02.jpg) center top no-repeat; height: 541px;}
.cpsBox02 .txt_about_forum2017 { padding-top: 195px; }
.cpsBox02 .txt_about_forum2017 p { font-size: 14px; line-height: 1.7; width: 280px; }

.cpsBox03 h2 { width: 950px; height: 250px;}
.cpsBox03 .clm_2col { position: relative;}
.cpsBox03 .clm_2col .scrollLink { position: absolute; bottom: 18px; left:450px;}
.cpsBox03 .leftBox { background: #ffffff; float: left; width: 475px; padding-top: 30px; }
.cpsBox03 .leftBox h3 { font-size:18px; background: url(/passage/cps/forum/img/bg_stl_01.png) left bottom no-repeat; margin-left: 25px; padding-bottom: 12px; }
.cpsBox03 .leftBox h3 span { font-size:13px;}
.cpsBox03 .rightBox { background: #d0d0d0; float: left; width: 475px; min-height: 665px; padding-top: 30px;}
.cpsBox03 .rightBox h3 { font-size:18px; background: url(/passage/cps/forum/img/bg_stl_02.png) left bottom no-repeat; margin-left: 25px; padding-bottom: 18px; }
.cpsBox03 .rightBox h3 span { font-size:13px;}
.cpsBox03 .video_digestArea { padding-top: 24px; padding-left: 25px; padding-right: 25px; }
.cpsBox03 .video_digestArea ul li { overflow: hidden; margin-bottom: 30px;}
.cpsBox03 .video_digestArea dl dt { float: left; margin-right: 10px; width: 146px; height: 146px; }
.cpsBox03 .video_digestArea dl dd {}
.cpsBox03 .video_digestArea dl dd h4 { font-size: 14px; color: #3c3c3c; line-height: 1.4; }
.cpsBox03 .video_digestArea dl dd h4 span { font-size: 15px; display: block; }
.cpsBox03 .video_digestArea dl dd p { font-size: 13px; color: #3c3c3c; line-height: 1.4; }
.cpsBox03 .video_digestArea dl dd p span { display: block;}


.cpsBox04 { background: url(/passage/cps/forum/img/bg_section_04.jpg) center bottom no-repeat #4B5564; padding-top: 50px; padding-bottom: 50px; min-height: 301px;}
.cpsBox04 h2 { margin-bottom: 20px; }
.cpsBox04 p { color: #ffffff; padding-left: 25px; }
.cpsBox04 .pdf_downloadArea { border: 1px solid #ffffff; width: 380px; padding: 25px 25px 0 25px; margin-bottom: 20px; }
.cpsBox04 .pdf_downloadArea ul li { background: url(/commonY15/img/icon_pdf_red_01.png) left 7% no-repeat; padding-left: 16px;}
.cpsBox04 .pdf_downloadArea ul li p { color: #ffffff; padding-left: 0px; padding-bottom: 25px; }
.cpsBox04 .pdf_downloadArea ul li p a { color: #ffffff; }
.cpsBox04 .pdf_txtArea { width: 430px; }
.cpsBox04 .pdf_txtArea p { padding: 0; margin-bottom: 10px; color: #ffffff; }
.cpsBox04 .pdf_txtArea p a { color: #ffffff; }

.link_pageBack {}
.link_pageBack a { color: #ffffff; background: url(/passage/cps/forum/img/icon_pageback.png) no-repeat left 3px; padding-left: 22px; }


.mgb110 { margin-bottom: 110px; }
.scrollLink {}
.scrollLink a { display: block; text-align: center; width: 52px; height: 28px; margin: 0 auto;}
span.i-video { position: relative; overflow: hidden; display: inline-block; zoom:1;}
span.i-video .iconVid { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
#cboxLoadedContent {overflow: hidden !important;}