a img:hover {
	opacity: 0.5 ;
}

#page-top {
    position: fixed;
    bottom: 30px;
    right: 0px;
    font-size: 1rem;
}
  
#page-top i {
    margin-bottom: 0.5rem;
    font-size: 2rem;
}
#page-top a {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
    background: #666;
    text-decoration: none;
    color: #fff;
    padding: 30px 6px;
    text-align: center;
    display: block;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 0px;  
    -webkit-border-bottom-right-radius: 0px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 0px;  
    -moz-border-radius-bottomright: 0px;  
    -moz-border-radius-bottomleft: 5px; 
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}



body.RailwayIndustry div#pankuzuNavi { margin-bottom: 0; font-weight: 100; }
div.ri_main { height: 376px; background-image: url(../images/main_ri.jpg); background-position: center center; background-size: cover; color: #fff; text-shadow: 1px 1px 2px black; }
div.ri_main h1 { margin-top: 60px; font-size: 42px; }
div.ri_main p.ri_english { margin-top: 10px; font-size: 24px;}
div.ri_main p { margin-top: 50px; }

.ri_tableWrap { overflow: auto; margin-top: 2em; }

@media screen and (max-width:767px){
div.ri_main { height: 250px; background-image: url(../images/main_ri.jpg); background-position: center center; background-size: cover; }
div.ri_main h1 { margin-top: 40px; font-size: 24px; }
div.ri_main p.ri_english { margin-top: 5px; font-size: 18px;}
div.ri_main p { margin-top: 20px; }
}

div.ri_navi { background-color: #333; }
div.ri_navi ul { text-align: center; }
div.ri_navi ul li { display: inline-block; width: 35%; padding: 20px 0; }
div.ri_navi ul li a { color: #fff; font-size: 18px; display: block; margin: 0 20px; text-decoration: none; }

@media screen and (max-width:767px){
  div.ri_navi ul li {  width: 48%;  }
  div.ri_navi ul li a {  font-size: 14px; }
}

div.ri_inner { max-width: 980px; margin: 50px auto; overflow: hidden; }
@media screen and (max-width:767px){
  div.ri_inner { margin: 25px 10px; overflow: hidden; }
}

div.ri_main_title { display: flex; margin-bottom: 50px; flex-wrap: wrap; }
div.ri_main_title div { width: 48%; margin-right: 4%; }
div.ri_main_title figure { width: 48%;  }
div.ri_main_title figure img { width: 100%;  }
div.ri_main_title h2 { font-size: 42px!important; }
div.ri_main_title p.ri_english { margin-top: 10px; font-size: 24px;}
div.ri_main_title p { margin-top: 20px; }

@media screen and (max-width:767px){
  div.ri_main_title { margin-bottom: 10px; }
  div.ri_main_title div { width: 100%; margin-right: 0%; }
  div.ri_main_title figure { width: 100%;  }
  div.ri_main_title h2 { font-size: 24px!important; }
  div.ri_main_title p.ri_english { margin-top: 0px; font-size: 18px;}
  div.ri_main_title p { margin-top: 10px; margin-bottom: 20px; }
}

div.ri_catalog_box { display: flex; flex-wrap: wrap; margin-bottom: 20px;}
div.ri_catalog {width: 49%; margin-right: 2%; border: 1px solid #ccc; box-sizing:border-box; padding: 15px;  display: flex; flex-wrap: wrap; align-items: center; }
div.ri_catalog:nth-child(2) {width: 49%; margin-right: 0%; }
div.ri_catalog figure { width: 30%; margin-right: 4%; }
div.ri_catalog figure img { width: 100%; }
div.ri_catalog div { width: 66%; }
div.ri_catalog div a {  display: block; height: 30px; text-decoration: none;  font-size: 1em; border-radius: 5px; background-color: #ea373e; color: #fff; margin-top: 3px; line-height: 1; display: flex; align-items: center; justify-content: center; }
div.ri_catalog div a:hover {  background-color: #333;  }
div.ri_catalog div h2 { font-size: 16px; margin-bottom: 5px;}
div.ri_catalog div p { margin-bottom: 20px; }


h2.ri_policy {color: #ea373e; margin-bottom: 1em;}
ol.ri_policy {margin-left: 1em; font-weight: bold; font-size: 16px; }


@media screen and (max-width:767px){
  div.ri_catalog {width: 100%; margin-right: 0%; }
  div.ri_catalog:nth-child(2) {width: 100%; margin-right: 0%; margin-top: 15px; }
  h2.ri_policy { }
  ol.ri_policy { font-size: 14px; }
}


div.ri_product { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
div.ri_product figure { width: 30%; margin-right: 4%; }
div.ri_product figure img { width: 100%; border: 1px solid #ccc; }
div.ri_product div { width: 66%; }
div.ri_product div h3 { margin-bottom: 1em; font-size: 18px; }
p.ri_notice { padding-left: 1em; text-indent: -1em; }
a.ri_catalog_dl { width: 100%; max-width: 500px;  display: block; height: 40px; text-decoration: none;  font-size: 1em; border-radius: 5px; background-color: #ea373e; color: #fff; margin: 0 auto; line-height: 1; display: flex; align-items: center; justify-content: center; }
a.ri_catalog_dl:hover {  background-color: #333;  }

@media screen and (max-width:767px){
 div.ri_product { display: flex; flex-wrap: wrap; margin-bottom: 20px; }
 div.ri_product figure { width: 100%; max-width: 180px; margin: 1em auto 0 auto; }
 div.ri_product figure img { width: 100%; border: 1px solid #ccc; }
 div.ri_product div { width: 100%; margin-top: 1em; }
 div.ri_product div h3 { margin-bottom: 1em; font-size: 16px; }
}


div.ri_item_set { display: flex; flex-wrap: wrap; margin-bottom: 20px;}
div.ri_item {width: 32%; margin-right: 2%;  }
div.ri_item:nth-child(3) {width: 32%; margin-right: 0%; }
div.ri_item figure { border: 1px solid #ccc; box-sizing:border-box; margin-bottom: 1em; margin-top: 1em; }
div.ri_item figure img { width: 100%; }

@media screen and (max-width:767px){
 div.ri_item {width: 48%; margin-right: 0%;  }
 div.ri_item:nth-child(3n) {width: 48%; margin-right: 0%; }
 div.ri_item:nth-child(2n) {width: 48%; margin-left: 2%; }

}


div.ri_support { background-color: #333; }
div.ri_support section { border-left: 5px solid #999; padding-left: 15px; margin: 45px 0 20px 0; }
div.ri_support section h2 { color: #fff; font-size: 30px; margin-top: 20px; line-height: 1.2; font-weight: 300; margin-top: 5px; }
div.ri_support section p { color: #fff;  font-size: 16px!important; font-family: sans-serif; margin-bottom: 5px;}
div.ri_phone { float: right; overflow: hidden }
div.ri_phone p { float: left; color: #fff; margin-left: 20px; margin-top: 55px; font-size: 18px; font-weight: 700; }
div.ri_phone p.ri_number { font-size: 35px; }
div.ri_support ul { margin-bottom: 45px; }
div.ri_support ul li { display: inline-block; -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box; border: 1px solid #ccc; margin: 10px 20px; }
div.ri_support ul li.type_a { width:449px; }
div.ri_support ul li.type_b { width:286px;}
div.ri_support ul li a { display: block; padding: 20px; text-align: center; color:  #fff; font-size: 15px; text-decoration: none; }
div.ri_support ul li.type_a a { background-color: #eb373f; }
div.ri_support ul li.type_b a { background-color: #666; }
div.ri_support ul li.type_c a { background-color: #ff6600; padding: 10px; }
div.ri_support ul li a:hover { background-color: #333; }
.ispc {  }
.issp { display: none!important; }	



@media screen and (max-width:767px){
  div.ri_support ul { text-align: center; }
  div.ri_support ul li { margin-bottom: 0px; }
  div.ri_support ul li a { padding: 7px; }
  div.ri_support ul li.type_a { width: 90%; }
  div.ri_support ul li.type_b { width: 90%;}
  div.ri_support ul li.type_c { width: 90%;}
  .ispc { display: none; }
  .issp { display: block!important; }	
}


div.ri_movie_set { display: flex; flex-wrap: wrap; margin-bottom: 20px;}
div.ri_movie {width: 49%; margin-right: 2%;  margin-bottom: 2em; }
div.ri_movie:nth-child(2) {width: 49%; margin-right: 0%; }
div.ri_movie figure { margin-bottom: 0.5em;  }
div.ri_movie figure img { width: 100%;  }
div.ri_movie a { text-decoration: none; color: #333;  }





/*

div.ri_series { height: 376px; background-color: #0066b2; background-image: url(../images/ri_main.png); background-repeat: no-repeat; background-position: center top; }
div.ri_series section { border-left: 5px solid #999; padding-left: 15px; margin: 45px 0 20px 0; }
div.ri_series section h2 { color: #fff; font-size: 30px; margin-top: 20px; line-height: 1.2; font-weight: 300; margin-top: 5px; }
div.ri_series section p { color: #fff;  font-size: 16px!important; font-family: sans-serif; margin-bottom: 5px;}
div.ri_series p { color: #fff; width: 450px; margin-bottom: 20px; }
div.ri_series a { color: #fff; width: 450px; border: 1px solid  #ccc; padding: 20px 0; display: block; text-align: center; text-decoration: none; font-size: 20px; line-height: 1;}
div.ri_series a:after { content: url(../images/icon_link.png); margin-left: 10px;}
div.ri_series a:hover { background-color: #333;}


div.ri_contents { border-bottom: 1px solid #ccc; padding-bottom: 40px; }
div.ri_contents section { border-left: 5px solid #0e68b0; padding-left: 15px; margin: 45px 0 20px 0; }
div.ri_contents section h2 { font-size: 30px; margin-top: 20px; line-height: 1.2; font-weight: 300; margin-top: 5px; }
div.ri_contents section p { font-size: 16px!important; font-family: sans-serif; margin-bottom: 5px;}

div.ri_contents h3.midashi{ font-size: 1.2em; line-height: 1.4; padding: 10px 7px 4px 7px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 3px solid #ee3439; margin-bottom: 1em;}
div.ri_contents h4.midashi_u { font-size: 1.2em; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }

ul.ri_about_ul { overflow: hidden; margin-bottom: 20px;text-align: center; }
ul.ri_about_ul li { display: inline-block; list-style: none; width: 220px; margin-right: 17px; vertical-align: top; }
ul.ri_about_ul li:nth-child(4)  {margin-right: 0; }
ul.ri_about_ul li img { margin-bottom: 5px; }

div.ri_kakomi { background-color: #eaeaea; padding: 20px; margin-bottom: 40px; }
div.ri_kakomi h2 { color: #0e68b0; font-size: 24px; margin-bottom: 10px; }
div.ri_kakomi ul { margin-left: 20px; }
div.ri_kakomi ul li{ margin-bottom: 5px; font-size: 16px; }
ul.ri_yoto1 { margin-left: 20px; float: left; margin-bottom: 40px; }
ul.ri_yoto1 li{ margin-bottom: 5px; font-size: 16px; }
ul.ri_yoto2 { margin-left: 20px;float: right; margin-bottom: 40px; }
ul.ri_yoto2 li{ margin-bottom: 5px; font-size: 16px; }
a.istop { font-size: 20px; background-color: #666; color: #fff; display: block; padding: 15px; width: 400px; margin: 0 auto; text-align: center; text-decoration: none; }
a.istop:after { content: url(../images/icon_link.png); margin-left: 8px;}
a.istop:hover { background-color: #333;}

div.ri_product_a_set { overflow: hidden; margin-bottom: 40px; }
div.ri_product_a { width: 300px; float: left; margin-right: 40px;}
div.ri_product_a_set div.ri_product_a:nth-child(3) { margin-right: 0; }
div.ri_product_a h3 { margin-bottom: 5px; }
div.ri_product_a p { margin-bottom: 5px; min-height: 65px; }
div.ri_product_a h3 a { color: #000; text-decoration: none;}
div.ri_product_a h3 a:after { content: url(../images/icon_link_mini.png); margin-left: 5px;}
div.ri_product_a ul.ri_product_a_text { font-size: 12px; background-color: #ddd; padding: 8px; margin-bottom: 10px; }
div.ri_product_a ul.ri_product_a_text li { list-style: circle; margin-left: 1.6em; }


div.ri_product_a ul.ri_product_a_point { font-size: 12px; min-height: 50px;}
div.ri_product_a ul.ri_product_a_point li { display: inline-block; background-color: #333; color: #fff; padding: 4px 4px; line-height: 1; margin: 1px; }

div.ri_product_a ul.ri_product_a_lineup { font-size: 12px; margin-bottom: 20px; }
div.ri_product_a ul.ri_product_a_lineup li { display: inline-block; border: 1px solid #ccc; color: #333; padding: 3px 3px; line-height: 1; margin: 1px; }
div.ri_product_a ul.ri_product_a_lineup li a { color: #000; text-decoration: none; display: block; }

div.ri_product_b_set { overflow: hidden; clear: both; }
div.ri_product_b_set div.ri_product_b:nth-child(2) { margin-right: 0; }
div.ri_product_b { width: 470px; float: left; margin-right: 40px; margin-bottom: 20px; overflow: hidden;}
div.ri_product_b figure { float: right; margin-left: 20px; }
div.ri_product_b h3 { margin-bottom: 5px; }
div.ri_product_b h3 a { color: #000; text-decoration: none;}
div.ri_product_b h3 a:after { content: url(../images/icon_link_mini.png); margin-left: 5px;}
div.ri_product_b p { margin-bottom: 5px;  }

div.ri_product_b ul.ri_product_b_lineup { font-size: 12px; margin-bottom: 5px; }
div.ri_product_b ul.ri_product_b_lineup li { display: inline-block; border: 1px solid #ccc; color: #333; padding: 3px 3px; line-height: 1; margin: 1px; }
div.ri_product_b ul.ri_product_b_lineup li a { color: #000; text-decoration: none; display: block; }
div.ri_product_b ul.ri_product_b_lineup li a:after { content: url(../images/icon_link_mini2.png); margin-left: 3px;}

h1.ri_title11 { font-size: 30px; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
h2.ri_title21 { font-size: 18px; color:#0e68b0;  margin-bottom: 20px; }
h3.ri_title31 { font-size: 16px; color:#0e68b0;  padding: 5px 10px 5px 10px; border-bottom: 1px solid #0e68b0; border-left: 5px solid #0e68b0; margin-bottom: 20px; }
h4.ri_title41 { font-size: 16px; background-color: #ddd; padding: 4px 8px 2px 8px; margin-bottom: 10px; }
h4.ri_title41 span { font-size: 10px;}
h4.ri_title42 { font-size: 16px; color:#0e68b0; font-weight: bold; margin-bottom: 5px; }

ul.ri_point { border: 1px solid #ccc; padding: 20px; margin-bottom: 40px; }
ul.ri_point li { margin-left: 20px; list-style: circle; }

article.ri_product ul.ri_product_a_point { font-size: 14px; }
article.ri_product ul.ri_product_a_point li { display: inline-block; background-color: #333; color: #fff; padding: 5px 8px 3px 8px; line-height: 1; margin: 1px; }

article.ri_product ul.ri_product_a_lineup { font-size: 14px; margin-bottom: 20px; }
article.ri_product ul.ri_product_a_lineup li { display: inline-block; border: 1px solid #ccc; color: #333; padding: 4px 7px; line-height: 1; margin: 1px; }
article.ri_product ul.ri_product_a_lineup li a { color: #000; text-decoration: none; display: block; }
article.ri_product ul.ri_product_a_lineup li a:after { content: url(../images/icon_link_mini2.png); margin-left: 3px;}

div.supportkit { border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 30px; }
div.supportkit p { margin-bottom: 30px; }
div.supportkit figure { float: right; margin-left: 40px; margin-bottom: 30px;}

table.type_list { border-collapse: collapse; color: #000; width: 100%; min-width: 705px; margin-bottom: 1.5rem; }
table.type_list th{ text-align: center; vertical-align: middle; color: #fff; background-color: #666; border: 1px solid #ccc; text-align: center; padding: 5px; white-space:nowrap; }
table.type_list th.sub{ text-align: center; vertical-align: middle; color: #000; background-color: #e6e6e6; border: 1px solid #ccc; text-align: center; padding: 5px; white-space:nowrap; }
table.type_list td { padding: 5px;background-color: #fff;border: 1px solid #b9b9b9; line-height: 1.4; text-align: center;}
.tablescroll{
overflow: auto!important;
}
.tablescrollimage { width: 938px; text-align: center; }
.td_nowrap{
text-align: center;
white-space: nowrap;
}


*/

/*
#ri_tab { text-align: center; border-bottom: 4px solid #0e68b0;  }
#ri_tab li { display: inline-block; width: 50%; }
#ri_tab li:nth-child(2) { margin-right: 0; }
#ri_tab li a{ padding: 10px 0; display: block; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;  color: #0e68b0; background-color: #fff;text-decoration: none; font-size: 16px;border-radius: 5px 5px 0px 0px; }
#ri_tab li.ri_tab_select a { padding: 10px 0; display: block; border-top: 1px solid #0e68b0; border-right: 1px solid #0e68b0; border-left: 1px solid #0e68b0; background-color: #0e68b0; color: #fff;  }
.ri_tab_section { border: 1px solid #ccc; padding: 20px; margin-bottom: 40px; }
.ri_tab_disnon {
  display: none;
}

@media screen and (max-width:767px){
	div.ri_series { height: inherit; background-color: #0e68b0; background-image: none; background-color: #fff;}
	div.ri_series section { border-left: 5px solid #0e68b0; padding-left: 15px; margin: 20px 0 20px 0; }
	div.ri_series section h2 { color: #000; font-size: 20px; margin-top: 20px; line-height: 1.2; font-weight: 300; margin-top: 5px; }
	div.ri_series section p { color: #000;  font-size: 12px!important; font-family: sans-serif; margin-bottom: 5px;}
	div.ri_series p { color: #000; width:100%; margin-bottom: 20px; }
	div.ri_series a { color: #000; width:90%; border: 1px solid  #ccc; padding: 10px 0; margin: 0 auto; display: block; text-align: center; text-decoration: none; font-size: 20px; line-height: 1;}
	div.ri_series a:hover { color: #000; background-color: #ddd;}
	div.ri_contents section { border-left: 5px solid #0e68b0; padding-left: 15px; margin: 45px 0 20px 0; }
	div.ri_contents section h2 { font-size: 20px; margin-top: 20px; line-height: 1.2; font-weight: 300; margin-top: 5px; }
	div.ri_contents section p { font-size: 12px!important; font-family: sans-serif; margin-bottom: 5px;}
	ul.ri_about_ul { text-align: center; }
	ul.ri_about_ul li { float: none; display: inline-block; list-style: none; width: 45%; margin: 0; margin-bottom: 10px;vertical-align:top; }
	ul.ri_yoto1 { margin-left: 20px; float: none; margin-bottom: 0; }
	ul.ri_yoto2 { margin-left: 20px;float: none; margin-bottom: 40px; }
	div.ri_product_a p { min-height: 0px; }
	div.ri_product_a ul.ri_product_a_point { min-height:0px;}
	a.istop { width: 90%;  }
	.tablescrollimage { text-align: left; }
	h1.ri_title11 { font-size: 20px; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
	div.ri_kakomi ul li{ margin-bottom: 5px; font-size: 14px; }
	div.supportkit figure { float: none; margin-left: 0; margin-bottom: 20px; text-align: center;}



	div.ri_product_a { width: 100%; float: none;}
	div.ri_product_a img { width: 100%; }
	div.ri_product_b { width: 100%; float: none; overflow: hidden; border-bottom: 1px dotted #ccc; padding-bottom: 20px;}
	div.ri_product_b figure { float: none; text-align: center; margin-left: 0; margin-bottom: 10px; }

}
*/

/* CM
   ======================================== */
/*.cmLst,
.cmLst_lnk {
  display: flex;
}

.cmLst {
  font-weight: 700;
  line-height: 1.3;
  flex-wrap: wrap;
}

.cmLst_lnk {
  height: 100%;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
}

.cmLst_cmName {
  max-width: 182px;
}

.cmLst_playBtn {
  margin-top: auto;
}

@media screen and (max-width: 670px) {
  .cmLst {
    margin-top: 30px;
    padding: 0 20px;
    font-size: 1.1rem;
  }
  .cmLst_itm {
    width: calc((100% - 10px) / 2);
  }
  .cmLst_itm:nth-child(odd) {
    margin-left: 0;
  }
  .cmLst_itm:nth-child(even) {
    margin-left: 10px;
  }
  .cmLst_itm:nth-child(n+3) {
    margin-top: 10px;
  }
  .cmLst_lnk {
    padding: 20px 15px;
    border-radius: 5px;
  }
  .cmLst_cmName {
    margin: 10px 0;
  }
}
@media screen and (max-width: 374px) {
  .cmLst_itm {
    width: calc((100% - 8px) / 2);
  }
  .cmLst_itm:nth-child(odd) {
    margin-left: 0;
  }
  .cmLst_itm:nth-child(even) {
    margin-left: 8px;
  }
  .cmLst_itm:nth-child(n+3) {
    margin-top: 8px;
  }
  .cmLst_lnk {
    padding: 15px 10px;
  }
  .cmLst_cmName {
    margin: 8px 0;
  }
}

@media screen and (min-width: 671px) {
  .cmLst {
    font-size: 1.3rem;
  }
  .cmLst_itm {
    width: calc((100% - 30px) / 4);
  }
  .cmLst_itm:nth-child(n+2) {
    margin-left: 10px;
  }
  .cmLst_itm:nth-child(4n+1) {
    margin-left: 0;
  }
  .cmLst_itm:nth-child(n+5) {
    margin-top: 10px;
  }
  .cmLst_lnk {
    padding: 25px 15px;
    border-radius: 10px;
  }
  .cmLst_cmName {
    margin: 10px 0;
  }
}

@media screen and (min-width: 671px) and (max-width: 860px) {
  .cmLst_itm {
    width: calc((100% - 20px) / 3);
  }
  .cmLst_itm:nth-child(n+2) {
    margin-left: 10px;
  }
  .cmLst_itm:nth-child(3n+1) {
    margin-left: 0;
  }
  .cmLst_itm:nth-child(4) {
    margin-top: 10px;
  }
}
*/
.cmMovie,
.cmOvl {
  position: fixed;
}
.cmMovie {
  width: 100%;
  max-width: 820px;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  left: 50%;
  z-index: 1500;
  transform: translate(-50%, -50%);
  transition: opacity 280ms cubic-bezier(0.19, 1, 0.22, 1), visibility 280ms cubic-bezier(0.19, 1, 0.22, 1);
}

.cmMovie.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 280ms 320ms cubic-bezier(0.19, 1, 0.22, 1), visibility 280ms 320ms cubic-bezier(0.19, 1, 0.22, 1);
}

.cmMovie_ytbWrp {
  padding-top: 56.25%;
  position: relative;
}

.cmMovie_ytb {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cmMovie_cmName {
  text-align: center;
}

.cmMovie_closeBtn {
  margin: 0 auto 0;
  border-radius: 3px;
  background-color: #e7380d;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 769px) {
  .cmMovie {
    padding: 0 5px;
  }
  .cmMovie_ytbWrp {
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.3);
  }
  .cmMovie_cmName {
    margin-top: 15px;
  }
  .cmMovie_closeBtn {
    width: 100px;
    height: 26px;
    margin-top: 25px;
  }
}

@media screen and (min-width: 770px) {
  .cmMovie {
    padding: 0 40px;
  }
  .cmMovie_ytbWrp {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  }
  .cmMovie_cmName {
    margin-top: 20px;
  }
  .cmMovie_closeBtn {
    width: 120px;
    height: 30px;
    margin-top: 30px;
  }
}

.cmOvl {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  transform: scale(0.6);
  transition: opacity 200ms 290ms cubic-bezier(0.19, 1, 0.22, 1), visibility 200ms 290ms cubic-bezier(0.19, 1, 0.22, 1), transform 250ms 290ms cubic-bezier(0.19, 1, 0.22, 1);
}

.cmOvl.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1), visibility 300ms cubic-bezier(0.19, 1, 0.22, 1), transform 180ms cubic-bezier(0.19, 1, 0.22, 1);
}