15de14bec480fa39c40cc48f656371bc477f4dc85ef63785240453e23ed2c07c

Source Code:

@charset 'UTF-8';
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - //richclarkdesign.com 
Twitter: @rich_clark
*/

.videomarket html,
.videomarket body,
.videomarket div,
.videomarket span,
.videomarket object,
.videomarket iframe,
.videomarket h1,
.videomarket h2,
.videomarket h3,
.videomarket h4,
.videomarket h5,
.videomarket h6,
.videomarket p,
.videomarket blockquote,
.videomarket pre,
.videomarket abbr,
.videomarket address,
.videomarket cite,
.videomarket code,
.videomarket del,
.videomarket dfn,
.videomarket em,
.videomarket img,
.videomarket ins,
.videomarket kbd,
.videomarket q,
.videomarket samp,
.videomarket small,
.videomarket strong,
.videomarket sub,
.videomarket sup,
.videomarket var,
.videomarket b,
.videomarket i,
.videomarket dl,
.videomarket dt,
.videomarket dd,
.videomarket ol,
.videomarket ul,
.videomarket li,
.videomarket fieldset,
.videomarket form,
.videomarket label,
.videomarket legend,
.videomarket table,
.videomarket caption,
.videomarket tbody,
.videomarket tfoot,
.videomarket thead,
.videomarket tr,
.videomarket th,
.videomarket td,
.videomarket article,
.videomarket aside,
.videomarket canvas,
.videomarket details,
.videomarket figcaption,
.videomarket figure,
.videomarket footer,
.videomarket header,
.videomarket hgroup,
.videomarket menu,
.videomarket nav,
.videomarket section,
.videomarket summary,
.videomarket time,
.videomarket mark,
.videomarket audio,
.videomarket video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.videomarket body {
    line-height: 1;
}

.videomarket article,
.videomarket aside,
.videomarket details,
.videomarket figcaption,
.videomarket figure,
.videomarket footer,
.videomarket header,
.videomarket hgroup,
.videomarket menu,
.videomarket nav,
.videomarket section {
    display: block;
}

.videomarket li {
    list-style: none;
}

.videomarket blockquote,
.videomarket q {
    quotes: none;
}

.videomarket blockquote:before,
.videomarket blockquote:after,
.videomarket q:before,
.videomarket q:after {
    content: '';
    content: none;
}

.videomarket a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    outline: none;
}

.videomarket ins {
    text-decoration: none;
}

.videomarket mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

.videomarket del {
    text-decoration: line-through;
}

.videomarket abbr[title],
.videomarket dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

.videomarket table {
    border-collapse: collapse;
    border-spacing: 0;
}

.videomarket hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.videomarket input,
.videomarket select {
    vertical-align: middle;
}

.videomarket *,
.videomarket *:before,
.videomarket *:after {
    box-sizing: border-box;
}

.videomarket button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
/*リセットココまで*/


#side-l .side-contents .side-menu ul li {
    border: 1px solid transparent;
    margin-right: 0;
    margin-bottom: 0;
    padding: 4px 3px 4px 13px;
    line-height: 1.45;
    position: relative;
    background: url(//p.dmm.com/p/common/marker.gif) no-repeat 7px center #f8f8f8;
}

#side-l .side-contents .side-menu > ul > li.with-sub-menu.is-active:hover {
    width: 141px;
    border: 1px solid #e2e2e2;
    border-right: 0; 
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07);
    z-index: 1100;
}

#side-l .side-contents .side-menu > ul > li.with-sub-menu.is-active:hover::before {
    right: 16px;
}

.side-menu ul li.with-sub-menu.is-active > .box-sub-menu {
    display: block;
}

.side-menu > ul > li.with-sub-menu::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 5px;
    height: 5px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border: 0;
    border-top: solid 3px #ccc;
    border-right: solid 3px #ccc;
}

.box-sub-menu {
    display: none;
}

.box-list-sub-menu {
    position: absolute;
    top: -1px;
    right: -341px;
    width: 321px;
    background-color: #f8f8f8;
    padding: 5px 0 5px 20px;
    border: 1px solid #ddd;
    border-left: 0; 
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.13);
    z-index: 1000;
}

#side-l .side-contents .box-list-sub-menu .list-sub-menu {
    font-size: 0;
    margin: 0;
}

#side-l .side-contents .box-list-sub-menu .list-sub-menu li {
    display: inline-block;
    width: 43%;
    width: calc(50% - 20px);
    margin: 0 10px;
    padding: 5px 0;
    background: none;
    border: 0;
    font-size: 12px;
    vertical-align: middle;
    box-sizing: border-box;
}

#side-l .side-contents .box-list-sub-menu .list-sub-menu li:nth-of-type(-n+2){
    padding-top: 0;
}

#side-l .side-contents .box-list-sub-menu .list-sub-menu li:nth-last-of-type(-n+2){
    padding-bottom: 0;
}

.list-sub-menu li > a:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -10px;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #ccc;
}

.list-sub-menu li a {
    display: block;
    position: relative;
}

p.back-link {
    margin: 3px;
    padding: 6px 6px 3px 4px;
    border-top: 1px #a7a7a7 dotted;
    background: none;
    text-align: left;
}


/* d-scarehead--vm */
.videomarket .d-scarehead .d-txt {
    display: inline-block;
    padding-top: 5px;
}
.videomarket .d-scarehead img {
    float: right;
}

/* remodal */
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  //vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
        touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
    display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: '';
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

.remodal-is-initialized {
    /* Disable Anti-FOUC */
    display: inline-block;
}

/* remodal theme */
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  //vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="//www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
            filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
    background: #fff;
    background: rgba(255, 255, 255, .50);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    -webkit-animation-name: remodal-overlay-opening-keyframes;
            animation-name: remodal-overlay-opening-keyframes;
            animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    -webkit-animation-name: remodal-overlay-closing-keyframes;
            animation-name: remodal-overlay-closing-keyframes;
            animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
    /* padding: 10px 10px 0; */
}

/* Default theme styles of the modal dialog */

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    /* padding: 35px; */

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    -webkit-animation-name: remodal-opening-keyframes;
            animation-name: remodal-opening-keyframes;
            animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    -webkit-animation-name: remodal-closing-keyframes;
            animation-name: remodal-closing-keyframes;
            animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

/* Close button */

.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition: color .2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
    color: #2b2e38;
}

.remodal-close:before {
    font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif !important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: '\00d7';
    text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}

.remodal-confirm {
    color: #fff;
    background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
    background: #66bb6a;
}

.remodal-cancel {
    color: #fff;
    background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
    background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="//www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
                filter: blur(0);
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
                transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="//www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
                filter: blur(0);
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.95);
                transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="//www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
                filter: blur(0);
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.95);
                transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="//www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
                filter: blur(0);
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 700px;
    }
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}

.lt-ie9 .remodal {
    width: 700px;
}