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

/*------------------------------------------------------------------------------------------------
	共通
------------------------------------------------------------------------------------------------*/
#cmWrap .contentOuter { margin:0 auto; padding:50px 0; width: 1200px; min-width: 1200px; }
#cmWrap .cf { overflow: hidden; }
#cmWrap dt { font-weight: normal; }
#cmWrap a.modal:hover img { opacity: 1; }

#cmWrap .singleColumnSection #indexArea ul li { border-radius: 15px; overflow: hidden; }
#cmWrap .singleColumnSection #indexArea ul li a { border-radius: 15px; }

/*------------------------------------------------------------------------------------------------
	トップページ
------------------------------------------------------------------------------------------------*/
/* 共通 */
#cmWrap { font-size: 87.5%; line-height: 1.7em; }
#cmWrap .cmBg01 { background:url(/movie/images/cm_bg01_pc.gif) repeat left top; padding: 30px 0 100px; margin-top: -1px; }
#cmWrap .fancybox:hover img { opacity:1; filter:alpha(opacity=100); }

/* modal */
#cboxLoadedContent { overflow: hidden !important; }
#cboxContent { margin: 0; }
.iframeWrap #cboxClose { background: url(/movie/images/fancybox/fancy_close01.png) no-repeat left top; width: 60px; height: 60px; }
.iframeWrap #cboxContent { padding-top:56.25%; height: 0 !important; position: relative; }
.iframeWrap { width:100% !important; height:100% !important; position:absolute; top:0; left:0; }
.cboxIframe { position: absolute; top: 0; }


/* MV */
#cmWrap .singleColumnSection #indexArea #mvInner { position: relative; min-width: 1200px; }
#cmWrap .singleColumnSection #indexArea #mvInner #mvSlide { line-height: 0; }
#cmWrap .singleColumnSection #indexArea #mvInner #mvSlide img { width: 100%; }
#cmWrap .singleColumnSection #indexArea #mvInner h2.cateTopMv { color:#fff; text-align: right; position: absolute; left: 10%; font-size: 300%; top: 48%; transform: translateY(-50%); }

/* プラグインCSSの上書き */
.slick-arrow { position: absolute; z-index: 1; width: 50px; height: 50px; background: #0085cc; border-radius: 50%; display: block; top: 48%; transform: translateY(-50%); }
.slick-arrow::before { content: ''; width: 10px; height: 10px; border: 0px; position: absolute; top: 20px; transform: rotate(45deg); }
#slick-prev { left: 25px; }
#slick-next { right: 25px; }
#slick-prev::before { border-bottom: solid 2px #fff; border-left: solid 2px #fff; left: 22px; }
#slick-next::before { border-top: solid 2px #fff; border-right: solid 2px #fff; left: 19px; }


/* MOVIE */
#cmWrap .singleColumnSection #cmMovieOuter .contentOuter { padding: 0; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox { position: relative; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList { position: relative; margin-top: 30px; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li { position: relative; overflow:hidden; float: left; width: 584px; margin-left: 30px; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li:nth-child(2n+1) { margin-left: 0; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li:nth-child(n+3) { margin-top:25px; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li .cmNewIcon { position: absolute; left: 0; top: 0; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li .cmNewIcon { width:60px; font-size:100%; color:#ffffff; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li .cmNewIcon span { display:block; background:#900000; text-align:center; padding:2px 0; }

#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li > p { float:left; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div { float:left; width:302px; height:159px; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div p { color:#ffffff; margin:15px 0 0 15px; font-size:129%; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div div { float:none; width:auto; height:auto; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div p.volumeTitle { font-size:143%; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div p.volumeSec { font-size:107%; margin: 10px 15px 0 0; text-align: right; }

#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div ul { width:198px; margin: 0 auto; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div ul li { margin:15px 0 0; width: 100%; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div ul li a { display:block; font-size:107%; color:#ffffff; background:url(/movie/images/cm_bg_tab_off.png) no-repeat 20px center; border:solid 1px #ffffff; padding:4px 0 6px; text-align:center; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div ul li a:hover { color:#0a273f; background:#ffffff url(/movie/images/cm_bg_tab_on.png) no-repeat 20px center; }

#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.beginningList { margin-top:0; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.beginningList > div { float:none; width:100%; height: 96px; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.beginningList > p { float:none; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.beginningList > div p.cmNewIcon { margin-top: 0; float: left; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.beginningList > div p.volumeSec { float: right; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.beginningList > div p.volumeTitle { font-size: 171%; margin-left: 10px; }

#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.beginningList ul li { margin: 25px 0 0; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.beginningList ul li:first-child { margin: 0; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.beginningList ul li div p.volumeTitle { margin: 40px 0 0 10px; }

#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.cmMovieAll > div p.volumeTitle { font-size: 129%; margin-top: 13px; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.cmMovieAll > div ul li:first-child { margin: 20px 0 0; }

#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.cmMovieAll > div#cmMovie04 p.volumeTitle { margin-top: 10px; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.cmMovieAll > div#cmMovie04 p.volumeTitle span { font-size: 83%; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li.cmMovieAll > div#cmMovie04 ul li:first-child { margin-top: 7px; }

#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie01 { background:url(/movie/images/cm_movie_poster01_bg_pc.jpg) no-repeat left top; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie02 { background:url(/movie/images/cm_movie_poster02_bg_pc.jpg) no-repeat left top; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie03 { background:url(/movie/images/cm_movie_poster03_bg_pc.jpg) no-repeat left top; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie04 { background:url(/movie/images/cm_movie_poster04_bg_pc.jpg) no-repeat left top; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie05 { background:url(/movie/images/cm_movie_poster06_bg_pc.jpg) no-repeat left top; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie06 { background:url(/movie/images/cm_movie_poster05_bg_pc.jpg) no-repeat left top; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie07 { background:url(/movie/images/cm_movie_poster07_bg_pc.jpg) no-repeat left top; }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie08 { background-color: rgba(0,0,0, 0.6); }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie09 { background-color: rgba(0,0,0, 0.6); }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie10 { background-color: rgba(0,0,0, 0.6); }
#cmWrap .singleColumnSection #indexArea #cmMovieBox ul.cmMovieList li div#cmMovie11 { background-color: rgba(0,0,0, 0.6); }

#cmWrap .singleColumnSection #indexArea #cmMovieBox ul#cmCast05List.cmMovieList { margin-top: 0; }

/* ドラマCM */
#cmWrap .singleColumnSection #indexArea #dramaCm { position:relative; }
#cmWrap .singleColumnSection #indexArea #dramaCm p#personPos { position:absolute; top:-45px; z-index:1; min-width:1200px; width:1200px; right:0; left:0; margin:0 auto; text-align:right;}
#cmWrap .singleColumnSection #indexArea #dramaCm .sideOuter{ position:relative; overflow:hidden; }
#cmWrap .singleColumnSection #indexArea #dramaCm p#cmDramaLeft,
#cmWrap .singleColumnSection #indexArea #dramaCm p#cmDramaRight { position:absolute; top:0; z-index:5; width: 60px; }
#cmWrap .singleColumnSection #indexArea #dramaCm p#cmDramaLeft { left:0; }
#cmWrap .singleColumnSection #indexArea #dramaCm p#cmDramaRight { right:0; }
#cmWrap .singleColumnSection #indexArea #dramaCm p#cmDramaLeft img,
#cmWrap .singleColumnSection #indexArea #dramaCm p#cmDramaRight img { width: 100%; }

/* story */
#cmWrap .singleColumnSection #indexArea #dramaMain .contentOuter { padding-top: 107px; }
#cmWrap .singleColumnSection #indexArea #dramaMain { position:relative; background:url(/movie/images/cm_bg02.gif) repeat left top; border-top:solid 1px #3ca0cd; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox { position:relative; padding:37px 0 20px; z-index:10; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox h2 { margin-left:100px; min-width:initial; min-width:auto; position:relative; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox h2 img { width:590px; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox #dramaCmStory { position: relative; margin-top: 45px; background:url(/movie/images/cm_bg04.gif) repeat left top; padding:45px 0px; font-size:157%; color:#ffffff; line-height:1.8em; text-align: center; border-radius: 15px; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox #dramaCmStory h3 { position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox #dramaCmStory p { margin-top:20px; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList { margin:25px auto 0; position:relative; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList > li { float:left; margin-left:32px; text-align:center; width:584px; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList > li:nth-child(2n+1) { margin-left:0; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div { position: relative; padding:15px 0 25px; background:#d95282; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div ul { position: static; margin: 0 20px; left: 20px; right: 20px; bottom: 15px; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div ul li { width: 260px; float: left; margin-left:24px; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div ul li:nth-child(2n+1) { margin-left:0; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div ul li.w100 { width: 100%; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div p { color:#ffffff; font-size:114%; line-height:1.6em; margin-top: 10px; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div p a { color: #ffffff; text-decoration: underline; }

#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div ul li a { display:block; font-size:107%; color:#d95282; background:#ffffff url(/movie/images/cm_drama_bg_tab02_off.png) no-repeat 20px center; border:solid 1px #d95282; padding:12px 0; text-align:center; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div ul li a:hover { color:#ffffff; background:#d95282 url(/movie/images/cm_drama_bg_tab02_on.png) no-repeat 20px center; border:solid 1px #ffffff; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li > p { color:#ffffff; font-size:114%; display:block; padding:0; background:#d95282; line-height:1.6em; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li > p a { color: #ffffff; text-decoration: underline; }

/* story 1つの場合 */
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#latestMovieList.singleList > li,
#cmWrap .singleColumnSection #indexArea #dramaSeason3 #dramaCmBox ul#season3MovieList > li:nth-child(2n+1) { float:none; margin:0 auto; text-align:center; }


/* 生解説 */
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox { position:relative; padding:0 0 20px; z-index:10; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox #dramaNCmStory { position: relative; margin-top: 45px; background:url(/movie/images/cm_bg04.gif) repeat left top; padding:45px 0px; font-size:157%; color:#ffffff; line-height:1.8em; text-align: center; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox #dramaNCmStory h3 { position: absolute; top: -20px; left: 0; right: 0; margin: 0 auto; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox #dramaNCmStory p { margin-top:20px; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList { margin:25px auto 0; position:relative; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList > li { float:left; margin-left:32px; text-align:center; width:584px; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList > li:nth-child(2n+1) { margin-left:0; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList > li:nth-child(n+3) { margin-top:32px; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList li a { color:#ffffff; }
#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList li a > span { display:block; padding:15px 0; background:#d95282; line-height:1.6em; }

#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList li span.bg > span { display:block; padding:15px 0; background:#d95282; line-height:1.6em; color:#ffffff; }


/* Archive */
#cmWrap .singleColumnSection #indexArea #dramaArchive { background:url(/movie/images/cm_bg07_pc.gif) repeat-y center top; background-size:contain; position:relative; padding-bottom:18px; z-index:2; }
#cmWrap .singleColumnSection #indexArea #dramaArchive h3 { position:absolute; top:-25px; left:0; right:0; text-align:center; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList { text-align:center; margin-top:10px; display: flex; justify-content: center; flex-wrap: wrap; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList > li { margin:20px 12px 0; text-align:center; width:280px; vertical-align:top; background:#d95282; border: solid 1px #d95282; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li:first-child,
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li:nth-child(5),
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li:nth-child(9) { margin-left:0; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li:nth-child(4n) { margin-right:0; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li.lastChild { background:#3ca0cd; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li a { color:#ffffff; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li a > span { display:block; padding:15px 0; line-height:1.6em; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li.lastChild a > span { line-height:40px; }

#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li div { position: relative; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li div ul { position: absolute; left: 10px; right: 10px; bottom: 10px; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li div ul li { width: 49%; float: left; margin:0 0 0 2%; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li div ul li:nth-child(2n+1) { margin-left:0; }

#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li div ul li a { display:block; font-size:107%; color:#d95282; background:#ffffff url(/movie/images/cm_drama_bg_tab02_off.png) no-repeat; background-size:6%; background-position:4%; border:solid 1px #d95282; padding:3px 0 3px 3%; text-align:center; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li div ul li a:hover { color:#ffffff; background:#d95282 url(/movie/images/cm_drama_bg_tab02_on.png) no-repeat; background-size:6%; background-position:4%; border:solid 1px #ffffff; }
#cmWrap .singleColumnSection #indexArea #dramaArchive ul.archiveList li p.archiveTxt { padding:15px 0; color: #ffffff; background:#d95282; line-height:1.6em; }


/* コンテンツ共通 */
#cmWrap .singleColumnSection #indexArea .cmContentBox { padding-top:150px; }
#cmWrap .singleColumnSection #indexArea .cmContentBox h3 { text-align:center; }
#cmWrap .singleColumnSection #indexArea .cmContentBox > div { margin-top:40px; display: flex; }
#cmWrap .singleColumnSection #indexArea div dl { flex: 1; padding:0 20px 0 28px; color:#ffffff; }
#cmWrap .singleColumnSection #indexArea div dl dt { font-size:171%; margin-top:40px; }
#cmWrap .singleColumnSection #indexArea div dl dt span { font-size:75%; display:block; margin-top:12px; }
#cmWrap .singleColumnSection #indexArea div dl dd { font-size:114%; margin-top:30px; line-height:1.9em; }
#cmWrap .singleColumnSection #indexArea div dl dd.siteLink { font-size:100%; margin-top:20px; }
#cmWrap .singleColumnSection #indexArea div dl dd.siteLink a { color:#ffffff; background:url(/movie/images/cm_icon_arrow.png) no-repeat left center; padding-left:25px; }

/* MUSIC */
#cmWrap .singleColumnSection #indexArea #cmMusicBox { padding-top:150px; }
#cmWrap .singleColumnSection #indexArea #cmMusicBox > p { margin-top:75px; text-align:center; }
#cmWrap .singleColumnSection #indexArea #cmMusicBox > p#lyricsBtn { margin-top:0; text-align:center; background:#ffffff url(/movie/images/cm_music_bg_pc.gif) no-repeat left center; font-size:129%; border:solid 1px #3ca0cd; border-top:none; border-radius: 0 0 15px 15px; }
#cmWrap .singleColumnSection #indexArea #cmMusicBox > p#lyricsBtn a { display:block; width:100%; padding:20px 0; color: #0098d6; }
#cmWrap .singleColumnSection #indexArea #cmMusicBox div { border:solid 1px #3ca0cd;　background: #3ca0cd; border-radius: 15px 15px 0 0; }
#cmWrap .singleColumnSection #indexArea #cmMusicBox div dl { background:#3ca0cd; }

/* CAST */
#cmWrap .singleColumnSection #indexArea #cmCastBox { padding-top: 100px; }
#cmWrap .singleColumnSection #indexArea .cmCasts { border:solid 1px #000000; margin:20px auto 0; display: flex; border-radius: 15px; }
#cmWrap .singleColumnSection #indexArea .cmCasts dl { background:#000000; width:912px; }
#cmWrap .singleColumnSection #indexArea #cmCastBox #cmCast01 { border:solid 1px #d95282; margin-top:75px; }
#cmWrap .singleColumnSection #indexArea #cmCastBox #cmCast01 dl { background:#d95282; }

/* CAST02 */
#cmWrap .singleColumnSection #indexArea #cmCast05 h3 { background-color: #515151; color: #fff; text-align: center; margin-top: 30px; font-size: 129%; line-height: 1.4; padding: 20px 20px 5px; font-weight: normal; }
#cmWrap .singleColumnSection #indexArea #cmCast05 h3 span { display: block; font-size: 200%; font-weight: bold; }
#cmWrap .singleColumnSection #indexArea #cmCast05 div { display: flex; justify-content: center; background-color: #313131; color: #fff; padding: 65px; }
#cmWrap .singleColumnSection #indexArea #cmCast05 div p { max-width: 360px; }
#cmWrap .singleColumnSection #indexArea #cmCast05 div dl { max-width: 455px; margin-left: 30px; }
#cmWrap .singleColumnSection #indexArea #cmCast05 div dl dt { margin-top: 0; }
/*#cmWrap .singleColumnSection #indexArea #cmCast05 div dl dd { line-height: 1.7; }*/

/* 開閉 */
#cmWrap .singleColumnSection #indexArea #openCloseTxt { background-color: #515151; color: #fff; text-align: center; font-size: 228%; padding: 25px 10px; cursor: pointer; }
#cmWrap .singleColumnSection #indexArea #openCloseTxt span { position: relative; padding-right: 70px; }
#cmWrap .singleColumnSection #indexArea #openCloseTxt span::before,
#cmWrap .singleColumnSection #indexArea #openCloseTxt span::after { content: ''; position: absolute; width: 18px; height: 3px; background-color: #fff; right: 0; top: 50%; }
#cmWrap .singleColumnSection #indexArea #openCloseTxt span::after { transform: rotate(90deg); }
#cmWrap .singleColumnSection #indexArea #openCloseTxt.open span::after { display: none; }
#cmWrap .singleColumnSection #indexArea #openCloseArea { /*display: none;*/ }


/* CM TOPICS */
#cmWrap .singleColumnSection #indexArea #cmTopicsBox { padding-bottom:110px; }
#cmWrap .singleColumnSection #indexArea #cmTopicsBox ul { margin-top:55px; }
#cmWrap .singleColumnSection #indexArea #cmTopicsBox ul li { margin-top:20px; color:#ffffff; border:solid 1px #108cd3; padding:35px 30px; font-size:114%; }
#cmWrap .singleColumnSection #indexArea #cmTopicsBox ul li a { display:block; color:#ffffff; font-size:88%; margin-top:10px; background:url(/movie/images/cm_icon_arrow.png) no-repeat left center; padding-left:25px; }

/* LYRICS */
dl#lyricsContents { border:solid 2px #ffffff; font-size: 87.5%; line-height: 1.7em; }
dl#lyricsContents dt { background:#0086cc; color:#ffffff; padding:26px 0; text-align:center; font-size:171%; }
dl#lyricsContents dd { background:#ffffff; padding:25px 0 90px 115px; }
dl#lyricsContents dd > p { text-align:right; color:#108cd3; margin-right:50px; }
dl#lyricsContents dd div p { margin-top:38px; font-size:114%; line-height:2.2em; }
dl#lyricsContents dd div .lyricsLeft { float:left; }
dl#lyricsContents dd div .lyricsRight { float:left; margin-left:170px; }

/* modal */
.inlineWrap #cboxClose { background: url(/movie/images/fancybox/fancy_close02.png) no-repeat left top; }

/*wallpaper*/
#wallpaperList .infoTxt { margin-top: 20px; color: #ddd; }
#wallpaperList ul { width: 900px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px auto 0; }
#wallpaperList ul li { margin: 1%; width: 23%; box-sizing: border-box; }

@media screen and (min-width:751px){
    #wallpaperList ul li a { transition: opacity .2s; }
    #wallpaperList ul li a:hover { opacity: 0.6; }
}

@media screen and (max-width:1320px){
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox #dramaCmStory { margin: 45px 70px 0; font-size: 150%; }
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox #dramaNCmStory { margin: 45px 70px 0; font-size: 150%; }
	
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList { margin: 10px 60px 0; }
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList > li { width: 48%; margin: 20px 1% 0; }
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList > li:first-child { margin: 20px 1% 0; }
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList img { width: 100%; }
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div ul li { width: 49%; margin-left: 2%; }
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaCmBox ul#MovieList li div ul li:first-child { margin-left: 0; }
	
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList { margin: 10px 60px 0; }
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList > li { width: 48%; margin: 20px 1% 0; }
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList > li:first-child { margin: 20px 1% 0; }
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList > li:nth-child(n+3) { margin: 20px 1% 0; }
	#cmWrap .singleColumnSection #indexArea #dramaMain #dramaNCmBox ul#MovieNList img { width: 100%; }
	
	#cmWrap .singleColumnSection #indexArea #dramaArchive ul#archiveList { margin: 10px 60px 0; }
	#cmWrap .singleColumnSection #indexArea #dramaArchive ul#archiveList > li { width: 23.5%; margin: 20px 0.5% 0; }
	#cmWrap .singleColumnSection #indexArea #dramaArchive ul#archiveList li img { width: 100%; }
	#cmWrap .singleColumnSection #indexArea #dramaArchive ul#archiveList li div ul li { width: 49%; margin-left: 2%; }
	#cmWrap .singleColumnSection #indexArea #dramaArchive ul#archiveList li div ul li:first-child { margin-left: 0; }
}