@charset "shift_jis";
#contents_area{position: relative;}
/* movie list */
.movie_list{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom: 23px;}
.movie_list_item{width:calc(50% - 18px);text-align:left}
.movie_list_item:nth-child(odd){margin-right:36px}
.movie_list_item:not(:nth-child(-n+2)){margin-top:25px}
.movie_list_item .img{margin-bottom:20px}
.movie_list_item .img a{display:block}
.movie_list_item .img img{width:100%;height:auto}
.movie_list_item .title{font-weight:700;font-size:1.25em}
.movie_list_item .description{margin-top:5px;line-height:1.8}
.bg_text{font-size: 1.17em;font-weight: 700;padding: 5px 13px 6px;background-color: #6e6e6e;color: #fff}
.sub_title{color: #333333 !important;margin-bottom: 20px !important;border-bottom: 1px solid #e6e6e6}
.camera_list.movie_list .movie_list_item {width: calc(33.1% - 17px);text-align: left}
.camera_list.movie_list .movie_list_item + .movie_list_item{margin-left: 27px}
.camera_list.movie_list .movie_list_item:nth-child(odd) {margin-right: 0}
.camera_list.movie_list .movie_list_item:not(:nth-child(-n+2)){margin-top: 0}
.camera_list.movie_list .movie_list_item .img{margin-bottom: 8px}
.camera_list.movie_list .download_image{display: block;font-size: 1.1em;color: #333333;text-align: center;padding: 6px 0 7px;margin-bottom: 5px;background-color: #dedede}
.camera_list.movie_list .download_image img{width: auto;padding-right: 5px}
.camera_list.movie_list .text_meter{font-size: 1.25em;font-weight: 700;text-align: center}
.camera_block{margin-top: 20px}
.camera_block + .camera_block{margin-top: 5px}
.section_text{margin-bottom: 20px;}
#oneminute_security .section_text{margin-bottom: 28px;}
.inner_wrap{padding: 0 30px;}


/* modal */
.modal{position:fixed;top:0;left:0;display:none;width:100%;height:100%}
.modal .modal_overflow{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(30,30,30,.3)}
.modal .modal_wrap{position:absolute;top:50%;left:50%;padding:50px 30px;width:750px;max-width:100%;max-height:100%;background-color:#fff;transform:translate(-50%,-50%)}
.modal .modal_close_button{position:absolute;top:16px;right:30px;display:block;width:24px;height:24px;background:#cdcdcd;background:linear-gradient(to bottom,#ececec 0,#cdcdcd 50%,#a9a9a9 100%);border:2px solid #b4b4b4;border-radius:2px;transition:opacity .3s}
.modal .modal_close_button:after,.modal .modal_close_button:before{position:absolute;top:50%;left:50%;display:block;width:16px;height:1px;background-color:#1e1e1e;content:''}
.modal .modal_close_button:before{transform:translate(-50%,-50%) rotate(45deg)}
.modal .modal_close_button:after{transform:translate(-50%,-50%) rotate(-45deg)}
.modal .modal_close_button:hover{cursor:pointer;opacity:.7}
.modal .modal_inner{display:none}
.modal .modal_inner.current{display:block}
.modal .modal_inner .title{margin-top:35px;font-size:200%}
.modal .modal_inner .description{margin-top:20px;font-size:116%;line-height:1.8}
.modal .modal_inner .download_image{display: block;font-size: 1.07em;color: #333333;text-align: center;padding: 6px 0 7px;margin-top: 35px;margin-bottom: 10px;background-color: #dedede;}
.modal .modal_inner .download_image img{width: auto;padding-right: 5px}
.modal .modal_inner .text_meter{font-size: 200%;font-weight: normal;margin-top: 35px;text-align: center}

/* accordion */
.accordion_all{display: flex;align-items: center;justify-content: space-between;margin-top: 50px;margin-bottom: 20px;}
.accordion_all_btn{display: block;position: relative;width: 125px;height: 37px;font-size: 1.17em;font-weight: 700;color: #fff;background: url(/nwcamera/img/movie/btn_bg.png) no-repeat;padding: 0 15px;cursor: pointer;}
.accordion_title{position: relative;}
.toggle_icon{position: absolute;right: 30px;top: 8px;}
.accordion_header{cursor: pointer;position: relative;}
.acc_all {display: block;position: absolute;right: 0;top: 10px;width: 100%;text-align: center;}
.acc_all .accordion_all-icon {display: inline-block;width: 1.255em;height: 1.255em;border-radius: 100%;background: #ffffff;position: absolute;right: 15px;}
.accordion_text{position: absolute;left: 15px;top: -1px;color: #fff;}
.acc_all .accordion_text.close{display: block;}
.acc_all .accordion_text.open{display: none;}
.acc_all.acc_expand-icon .accordion_text.close{display: none;}
.acc_all.acc_expand-icon .accordion_text.open{display: block;}
.acc_all .accordion_all-icon::before,
.acc_all .accordion_all-icon::after {content: " ";width: 10px;height: 2px;background-color: #2983d8;display: block;position: absolute;top: 50%;left: 50%;transition: all 0.2s cubic-bezier(.42, 0, .58, 1);-webkit-transition: all 0.2s cubic-bezier(.42, 0, .58, 1);-ms-transform: all 0.2s cubic-bezier(.42, 0, .58, 1);opacity: 1;border-radius: 2px;}
.acc_all .accordion_all-icon::before {transform: translate(-50%, -50%) rotate(90deg);-webkit-transform: translate(-50%, -50%) rotate(90deg);-ms-transform: translate(-50%, -50%) rotate(90deg);}
.acc_all .accordion_all-icon::after {transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.acc_all.is-active .accordion_all-icon::before {transform: translate(-50%, -50%) rotate(0deg);-webkit-transform: translate(-50%, -50%) rotate(0deg);-ms-transform: translate(-50%, -50%) rotate(0deg);}
.acc_all.is-active .accordion_all-icon::after {transform: translate(-50%, -50%) rotate(-90deg);-webkit-transform: translate(-50%, -50%) rotate(-90deg);-ms-transform: translate(-50%, -50%) rotate(-90deg);opacity: 0;}
.accordion_item {margin-bottom: 55px;width: 100%;}
.accordion_body {display: none;color: #747474;overflow: hidden;width: 100%;}
.accordion_body_isDisplayed {display: block;}
.expand-icon {display: inline-block;position: relative;width: 1.85em;height: 1.85em;border-radius: 100%;background: #666666;}
.expand-icon::before,
.expand-icon::after {content: " ";width: 12px;height: 2px;background-color: #fff;display: block;position: absolute;top: 50%;left: 50%;transition: all 0.2s cubic-bezier(.42, 0, .58, 1);-webkit-transition: all 0.2s cubic-bezier(.42, 0, .58, 1);-ms-transform: all 0.2s cubic-bezier(.42, 0, .58, 1);opacity: 1;border-radius: 2px;}
.expand-icon::before {transform: translate(-50%, -50%) rotate(90deg);-webkit-transform: translate(-50%, -50%) rotate(90deg);-ms-transform: translate(-50%, -50%) rotate(90deg);}
.expand-icon::after {transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.add{background-color: red}
.expand-icon.expanded::before {transform: translate(-50%, -50%) rotate(0deg);-webkit-transform: translate(-50%, -50%) rotate(0deg);-ms-transform: translate(-50%, -50%) rotate(0deg);}
.expand-icon.expanded::after {transform: translate(-50%, -50%) rotate(-90deg);-webkit-transform: translate(-50%, -50%) rotate(-90deg);-ms-transform: translate(-50%, -50%) rotate(-90deg);opacity: 0;}