@charset "UTF-8";
/** 動画一覧 ================================== */
.c-videoLink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; }

.c-videoLink.is-new::before { content: ''; display: inline-block; width: 38px; height: 38px; background: url(/files/user/img/product/icon/icon_new.png) no-repeat left top; background-size: contain; position: absolute; top: 0; left: 0; border-radius: 5px 0 0 0; z-index: 1; }

@media screen and (max-width: 767.9px) { .c-videoLink.is-new::before { width: 32px; height: 32px; } }

.c-videoLink:hover { opacity: 0.7; text-decoration: none; }

.c-videoLink .lst-contents-image { position: relative; border-radius: 5px 5px 0 0; overflow: hidden; height: 0; padding-top: 56.25%; background-repeat: no-repeat; background-size: cover; background-position: center; }

.c-videoLink .lst-contents-image::before { content: ''; background: url(/files/user/img/video/icon_play.png) center/contain no-repeat; display: inline-block; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 1; }

@media screen and (max-width: 767.9px) { .c-videoLink .lst-contents-image::before { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; } }

.c-videoLink .lst-contents-image > img { position: relative; width: 100%; height: auto; }

.c-videoLink .box-frame01 { margin-top: 0; border-radius: 0 0 5px 5px; padding: 18px 20px 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

@media screen and (max-width: 767.9px) { .c-videoLink .box-frame01 { padding: 9px 10px 10px; } }

.c-videoLink .box-frame01 h2, .c-videoLink .box-frame01 h3 { font-weight: bold; overflow-wrap: anywhere; word-break: break-all; }

.c-videoLink .box-frame01 .c-videoLink__tag + h3 { margin-top: 5px; }

.c-videoLink__tag { display: inline-block; min-width: 40px; padding: 5px 5px 4px; line-height: 1; background: #676b6c; color: #fff; text-align: center; margin: 0 0 5px 0; font-size: 12px; }

.c-videoLink .c-videoLink__product { display: block; margin-top: 12px; overflow-wrap: anywhere; word-break: break-all; font-size: 12px; }

@media screen and (min-width: 768px) { .c-videoLink .c-videoLink__product { text-indent: -3em; margin-left: 3em; } }

.c-videoLink .c-videoLink__product__item { overflow-wrap: anywhere; word-break: break-all; font-size: 12px; }

@media screen and (min-width: 768px) { .c-videoLink .c-videoLink__product__item { display: inline; } }

.c-videoLink .c-videoLink__product__item:not(:last-child) { margin-right: 5px; }

.c-videoLink .c-videoLink__product__item:not(:last-child)::after { content: '|'; top: 0; display: inline; height: auto; border-right: none; padding-left: 5px; }

.c-videoLink .c-videoLink__product__item:first-child { margin-right: 0; }

.c-videoLink .c-videoLink__product__item:first-child::after { display: none; }

.c-videoLinkList { padding-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 30px -10px; }

@media screen and (max-width: 767.9px) { .c-videoLinkList { margin: 30px 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.c-videoLinkList__item { padding-left: 10px; padding-right: 10px; height: auto; width: 25%; }

@media screen and (max-width: 767.9px) { .c-videoLinkList__item { margin-left: 0; margin-top: 20px; padding: 0; width: 49%; } }

@media screen and (min-width: 768px) { .c-videoLinkList__item:nth-child(n + 5) { margin-top: 20px; } }

.c-videoLinkList .c-videoLink { height: 100%; }

@media screen and (max-width: 767.9px) { .c-videoCarousel { width: 100%; padding: 0 20px; } }

.c-videoCarousel .slick-track { padding-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.c-videoCarousel .slick-list { margin-left: -10px; margin-right: -10px; }

.c-videoCarousel .slick-slide { padding-left: 10px; padding-right: 10px; height: auto; }

.c-videoCarousel .c-videoLink { height: 100%; }

.c-videoHeading__outer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.c-videoHeading__outer > .c-heading, .c-videoHeading__outer .p-product__resetCategoryNav__toggle__outer { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; white-space: nowrap; }

.c-videoSearchBlock .p-product__searchNav__form__table > dt:last-of-type, .c-videoSearchBlock .p-product__searchNav__form__table > dd:last-of-type { border-bottom: 1px solid #858585; }

@media screen and (max-width: 767.9px) { .c-videoSearchBlock .p-product__searchNav__form__table > dt:last-of-type { border-bottom: none; }
  .c-videoSearchBlock .p-product__searchNav__form__table > dd:last-of-type { border-top: none; } }

.c-videoSearchBlock .p-product__searchNav__form__text { border-bottom: 1px solid #858585; }

.c-videoSearchBlock .c-form__text { width: 100%; max-width: 500px; }

.c-videoSearchBlock .c-form__text input { height: 40px; padding: 0 14px; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; width: 100%; }

@media screen and (max-width: 767.9px) { .c-videoSearchBlock .checkbox li { margin-bottom: 10px; } }

.p-video__help__outer { white-space: nowrap; font-size: 14px; padding-left: 20px; -ms-flex-item-align: end; align-self: flex-end; }

@media screen and (min-width: 768px) { .p-video__help__outer { font-size: 18px; } }

.p-video__help__link > span[class^='icon'] { color: #ed6600; font-size: 14px; }

@media screen and (min-width: 768px) { .p-video__help__link > span[class^='icon'] { font-size: 20px; } }

.p-video-dialog__modal { /**/ z-index: 1000; display: none; position: fixed; top: 30%; left: 0; right: 0; width: 500px; height: auto; background: #fff; text-align: center; padding: 10px 10px 50px; margin: 0 auto; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0px 1px 2px 1px rgba(204, 204, 204, 0.1); box-shadow: 0px 1px 2px 1px rgba(204, 204, 204, 0.1); /* .modal_close span:after { content: "ﾂ?"; display: block; position: absolute; right: 0; top: -4px; font-size: 18px; font-weight: bold; } */ z-index: 10000; width: 100%; max-width: 800px; padding: 70px 10px 40px; }

.p-video-dialog__modal .modal_close { position: relative; font-size: 13px; line-height: 13px; text-align: right; padding: 0; margin: 0 0 20px; }

.p-video-dialog__modal .modal_close span { display: inline-block; cursor: pointer; }

.p-video-dialog__modal .modal_close span img { width: 15px; height: 15px; margin: 0 0 0 3px; }

.p-video-dialog__modal .message { display: none; position: relative; overflow: hidden; }

.p-video-dialog__modal ul { position: relative; left: 50%; float: left; margin: 30px auto 0; }

.p-video-dialog__modal ul:after { content: ""; clear: both; display: block; }

.p-video-dialog__modal ul li { position: relative; left: -50%; float: left; text-align: center; }

.p-video-dialog__modal ul li.btn { width: 200px !important; }

.p-video-dialog__modal ul li.btn a { min-height: 30px; height: 30px !important; padding: 12px 60px 0; }

.p-video-dialog__modal #message1, .p-video-dialog__modal #message3, .p-video-dialog__modal #message4, .p-video-dialog__modal #message5 { padding: 40px 0 0; }

@media screen and (max-width: 767.9px) { .p-video-dialog__modal { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 10px; right: 10px; width: auto; padding: 10px 10px 30px; }
  .p-video-dialog__modal .modal_close span { font-size: 12px; }
  .p-video-dialog__modal .modal_close span:after { top: -5px; }
  .p-video-dialog__modal p { font-size: 12px; margin: 0 20px; }
  .p-video-dialog__modal ul { margin: 30px auto 0; }
  .p-video-dialog__modal ul li { float: left; width: 50%; }
  .p-video-dialog__modal ul li.btn { width: 140px !important; }
  .p-video-dialog__modal ul li.btn a { padding: 12px 32px 0; }
  .p-video-dialog__modal #message1, .p-video-dialog__modal #message3, .p-video-dialog__modal #message4, .p-video-dialog__modal #message5 { padding: 30px 0 0; } }

@media screen and (max-width: 767.9px) { .p-video-dialog__modal { top: 50%; left: 10px; right: 10px; width: auto; padding: 40px 10px 30px; }
  .p-video-dialog__modal p { font-size: 12px; margin: 0 20px; } }

.p-video-dialog__modal ul li.btn > a { width: 5em; }

.p-video-dialog__modal .checkbox { clear: both; width: 100%; }

@media screen and (max-width: 767.9px) { .p-video-dialog__modal .checkbox { font-size: 12px; } }

.p-video-dialog__modal .checkbox label { display: block; text-align: left; margin-top: 15px; }

.p-video-dialog__modal .checkbox input[type='checkbox'] { margin-right: 5px; left: 0; }

.p-video-dialog__message.message { display: block; position: relative; overflow: hidden; }

.p-video-dialog__message.message::after { content: ''; display: block; clear: both; }

.p-video-dialog__overlay { z-index: 9999; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(170, 170, 170, 0.6); text-align: center; }

.p-video-dialog__close { background: transparent url(/files/user/img/common/ico_modal_close.png) center no-repeat; display: block; text-align: center; position: absolute; right: 0; top: -30px; width: 23px; height: 23px; line-height: 23px; font-size: 12px; text-indent: -9999px; }

.p-video-dialog__step { display: block; height: 44px; line-height: 44px; padding: 0 10px; }

@media screen and (min-width: 768px) { .p-video-dialog__step { padding: 0 18px; } }

#video-help-dialog { padding-top: 10px; padding-bottom: 10px; top: 50%; -webkit-transform: translateY(calc(-50% - 15px)); transform: translateY(calc(-50% - 15px)); margin-top: 30px; }

#video-help-dialog.p-video-dialog__modal ul { margin: 10px auto 0; }

@media screen and (max-width: 767.9px) { #video-help-dialog li.btn { width: 70px !important; }
  #video-help-dialog li.btn > a { padding-left: 10px; padding-right: 10px; height: auto !important; min-height: 30px !important; }
  #video-help-dialog li.pagenum { width: 5em; }
  #video-help-dialog li.pagenum > a { width: 5em; padding-left: 10px; padding-right: 10px; } }

.p-videoHelp__title { text-align: center; font-size: 16px; font-weight: bold; }

@media screen and (min-width: 768px) { .p-videoHelp__title { font-size: 20px; } }

.p-videoHelp__image { margin-top: 10px; line-height: 0; max-height: calc(100vh - 180px); overflow: auto; }

@media screen and (min-width: 768px) { .p-videoHelp__image { max-height: calc(100vh - 150px); } }

.p-videoHelp__image picture { display: block; max-height: 100%; overflow: hidden; }

.p-videoHelp__image > img { width: 100%; height: auto; vertical-align: bottom; }

#newvideo { margin-top: 50px; margin-bottom: 110px; }

#newvideo .headlines { font-weight: bold; }

@media screen and (max-width: 767.9px) { #newvideo { margin-top: 45px; margin-bottom: 100px; padding: 0; }
  #newvideo .box_link_more { margin: 0 20px 10px !important; }
  #newvideo .headlines { font-size: 18px; margin: 0 !important; } }

.p-video__categoryNav { border-bottom: 1px solid #ddd; }

.p-video__categoryNav .p-product__categoryNav__list { position: relative; border-top: none; }

.p-video__categoryNav .p-product__categoryNav__list::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; background: #ddd; height: 1px; z-index: 5; }

.p-video__categoryNav .p-product__categoryNav__list::after { content: ''; display: block; clear: both; }

.p-video__categoryNav .p-product__categoryNav__item { position: relative; top: 1px; z-index: 4; }

.p-video__categoryNav .p-product__categoryNav__item:nth-of-type(n + 15).selectedItem::before, .p-video__categoryNav .p-product__categoryNav__item:nth-of-type(n + 15).selectedItem::after { display: none; }

.p-video__categoryNav .p-product__categoryNav__item, .p-video__categoryNav .p-product__categoryNav__icon { height: 50px; }

.p-video__categoryNav .p-product__categoryNav__icon > img { display: none !important; }

.p-video__categoryNav .p-product__categoryNav__title { padding-top: 0; line-height: 1.3; }

.p-video__categoryNav .gridder-show { border-top: 1px solid #ddd; z-index: 3; top: 1px; margin-top: -1px; }

@media screen and (min-width: 768px) { .p-video__itemNav .p-product__nav__heading { width: 150px; } }