
/* re-def_css */
#contents-area {width: 100% !important; background-color: rgb(0,0,0);}
#contents-body {width: 1000px !important; margin: 0 auto;}

#lp-contents-anchor h1, #lp-contents-anchor dl, #lp-contents-anchor dd, #lp-contents-anchor figure {margin: 0 !important; padding: 0 !important;}

/* cover_anchor */
#lp-contents-anchor {
    width: 100%;
    overflow: hidden;
    position: relative;
}
#lp-content-mainTitle {
    width: 100%;
    height: 60px;
    overflow: hidden;
}
#tre-visual-anchor {
    width: 100%;
    overflow: hidden;
}
#tre-visual-anchor dd {
    width: 500px;
    height: 160px;
    display: inline;
    float: left;
    overflow: hidden;
}
#tre-visual-anchor img {
    width: auto;
    display: inline;
    float: left;
}
.anchor{
    padding-top: 100px !important;
    margin-top: -100px !important;
}

/* lp-contents */
.lp-contents-body {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
}
.lp-contents-inside {
    width: 100%;
    position: relative;
    bottom: 0;
}
.lp-contents-box-top {
    width: 720px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.lp-contents-box {
    width: 100%;
    position: relative;
    margin: 0 auto 6vh;
}
.lp-contents-box-talk {
    width: 784px;
    position: relative;
    margin: 6vh auto 0;
    padding-top: 50%;
    overflow: hidden;
}

/* lp-contents background */
.bg-contents01a, .bg-contents02a, .bg-contents03a, .bg-contents04a {
    background-size: 1280px 2000px;
    background-attachment: scroll;
    background-position: top center;
    background-repeat: no-repeat;
}
.bg-contents01b, .bg-contents02b, .bg-contents03b {
    background-attachment: scroll;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}

/*font-styles*/
.bold {font-weight: bold !important;}
.large {font-size: 120% !important;}
.middle {font-size: 80% !important;}
.small {font-size: 60% !important;}
.individual {display: none;}
.text-right {float: right;}
.text-center {text-align: center !important;}

/*font-color*/
.tx-KEY {color: rgb(26,26,26) !important;}
.tx-wt {color: rgb(242,242,243) !important;}
.tx-bk {color: rgb(0,0,0) !important;}
.tx-nr {color: rgba(0,0,0,0) !important;}
.tx-rd {color: rgb(211,45,37) !important;}
.tx-gd {color: rgb(253,219,0) !important;}

.tx-sd-wt { text-shadow: .3px .3px 3px rgb(242,242,243); }
.tx-sd-wto { text-shadow: .3px .3px 3px rgb(242,242,243), 0px 0px 6px rgb(242,242,243); }
.tx-sd-dg { text-shadow: .3px .3px 3px rgb(51,51,51); }
.tx-sd-dgo { text-shadow: .3px .3px 3px rgb(51,51,51), 0px 0px 6px rgb(51,51,51); }

/*background-color*/
.bg-KEY {background-color: rgb(26,26,26) !important;}
.bg-dg {background-color: rgb(51,51,51) !important;}
.bg-gy {background-color: rgb(116,116,116) !important;}
.bg-lg {background-color: rgb(153,153,153) !important;}
.bg-grd {
    background: rgb(208,220,244);
    background: -moz-linear-gradient(-45deg,  rgb(208,220,244) 0%, rgb(97,104,112) 30%, rgb(57,61,64) 65%, rgb(34,36,35) 100%);
    background: -webkit-linear-gradient(-45deg,  rgb(208,220,244) 0%,rgb(97,104,112) 30%,rgb(57,61,64) 65%,rgb(34,36,35) 100%);
    background: linear-gradient(135deg,  rgb(208,220,244) 0%,rgb(97,104,112) 30%,rgb(57,61,64) 65%,rgb(34,36,35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0dcf4', endColorstr='#222423',GradientType=1 );
}

/*wording-rule*/
.main-catch {
    font-size: 36px;
    line-height: 1.5em;
    font-weight: bold;
    text-align: justify;
    text-justify: inter-ideograph;

    max-width: 720px;
    margin: 0 auto 4vh;
}
.heading {
    font-size: 24px;
    line-height: 1.3em;
    font-weight: bold;

    max-width: 720px;
    margin: 0 auto 2vh;
}
.sub-heading {
    font-size: 24px;
    line-height: 1.3em;
    font-weight: bold;

    max-width: 720px;
    padding: 1vh 0 1vh;
    margin: 0 auto;
}
.titling {
    font-size: 20px;
    line-height: 1em;
    font-weight: bold;
    text-align: center;

    width: 100%;
    margin: 4vh auto 2vh;
    overflow: hidden;
}
.noticing {
    font-size: 12px;
    line-height: 1em;
    text-align: right;

    width: 100%;
    max-width: 720px;
    margin: 0 auto 4vh;
}
.ad-catch {
    width: 87%;
    font-size: 21px;
    line-height: 35px;
    font-weight: bold;
    display: inline;
    float: left;
}
.ad-clk {
    width: 13%;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    font-weight: bold;
    display: inline;
    float: left;
    background-color: rgb(161,130,54);
    border-radius: 3px;
}
.ad-notice {
    font-size: 12px;
    line-height: 2vh;
    text-align: center;
}
.bodytext {
    font-size: 22px;
    line-height: 1.6em;
    text-align: justify;
    text-justify: inter-ideograph;

    max-width: 640px;
    margin: 0 auto;
}
.bodypoint {
    max-width: 640px;
    margin: 0 auto;
    padding: 0;
}
.bodypoint-list {
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;

    font-size: 20px;
    line-height: 1.75em;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 0 1.5vh;
}
.bodypoint-list:last-child {margin: 0;}
.crue-talks {
    position: absolute;
    top: 0;
    left: 0;
    width: 454px;
    display: inline-block;
    padding: 2vh 2vh 2.5vh;
    margin: 0 0 2vh;
    background-color: rgba(242,242,243,.8);
}
.crue-talks:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: transparent rgba(242,242,243,.8);
    border-width: 12px 0 12px 12px;
    top: 40%;
    right: -12px;
    margin-top: -12px;
}

/*image-layout*/
.cover-image {
    height: 100%;
    margin: 0 auto 2vh;
    overflow: hidden;
}
.cover-image img {
    height: auto;
    max-height: 640px;
}
.block-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 460px;
    overflow: hidden;
}
.block-image img {
    height: auto;
    max-width: 100%;
}
.move-right {
    width: 100% !important;
    text-align: right;
    display: block;
}

/* additional contents */
.video-box {
    width: 720px;
    height: 405px;
    margin: 0 auto .5vh;
    position: relative;
    overflow: hidden;
}
.video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.inline-box {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: 0 auto .6vh;
    padding: 0;
    overflow: hidden;
}
.inline-box:before {
    content: "";
    display: block;
    padding-top: 443px;
}
.inline-box iframe {
    position: absolute;
    top: 38px;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.inline-box figcaption {
    position: absolute;
    top: 0;
    width: 100%;

    color: rgb(242,242,243);
    font-size: 22px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    background-color: rgb(0,0,0);
}
.vr-box {
    width: 720px;
    height: 447px;
    margin: 2vh auto;
    position: relative;
    overflow: hidden;
}
.vr-box img {
    position: absolute;
    top: 38px ;
    left: 0;
    border: none;
}
.vr-box figcaption {
    position: absolute;
    top: 0;
    width: 100%;

    color: rgb(242,242,243);
    font-size: 22px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
}

/* table set */
.lp-contents-inside table {
    width: 800px;
    margin: 0 auto 4vh;
}
/* @group a */
.lp-contents-inside table a {
text-decoration: none;
background-color: transparent;
font-weight: bold;
}
.lp-contents-inside table a:link {
color: rgb(228,229,230);
}
.lp-contents-inside table a:visited {
color: rgb(228,229,230);
}
.lp-contents-inside table a:active {
color: rgb(228,229,230);
outline: 0;
}
.lp-contents-inside table a:hover {
color: rgb(228,229,230);
outline: 0;
}
/* @end */
.lp-contents-inside tr { margin: 0; }
.lp-contents-inside tr:first-child {
    border-top: 1px solid rgb(51,51,51);
}
.lp-contents-inside th {
    color: rgb(228,229,230);
    font-size: 14px;
    line-height: 1.6em;
    text-align: left;
    vertical-align: top;
    padding: 1vh;
    border-bottom: 1px solid rgb(51,51,51);
}
.lp-contents-inside td {
    color: rgb(228,229,230);
    font-size: 14px;
    line-height: 1.6em;
    text-align: left;
    vertical-align: top;
    padding: 1vh;
    border-bottom: 1px solid rgb(51,51,51);
}
.lp-contents-inside td.subspec {
    width: 160px;
    border-right: 1px solid rgb(51,51,51);
}
.lp-contents-inside td:first-child {
    width: 200px;
    color: rgb(153,153,153);
    border-bottom: 1px solid rgb(26,26,26);
    background-color: rgb(51,51,51);
}

/* float navigation */
#adbox {
    padding: 11px 0 4px;
    max-width: 984px;
    margin: 0 auto;
}
.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
  }
.linkarrow {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 0px;
    border-top: solid 3px rgb(242,242,243);
    border-right: solid 3px rgb(242,242,243);
    transform: rotate(45deg);
}

/* 開くボタン */
.button-open1 {
    line-height: 2em;
    font-weight: bold;
    padding: 4px 10px;

    background-color: rgb(161,130,54);
    border-radius: 3px;
    cursor: pointer;
}
/* モーダルウィンドウ */
.modal-window {
display: none;
overflow: scroll;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 96%;
height: 90%;
background-color: rgb(0,0,0);
border-radius: 1px;
z-index: 11;
padding: 1vw;
}
/* 閉じるボタン */
.button-close {
position: absolute;
top: 2%;
right: 2%;
transform: translate(-50%, -50%);
width: 32px;
height: 32px;
background-color: rgb(26,26,26);
color: rgb(242,242,243);
font-size: 24px;
line-height: 24px;
border-radius: 16px;
cursor: pointer;
border: none;
}
/* オーバーレイ */
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
background-color: rgba(26,26,26,.8);
width: 100%;
height: 100%;
z-index: 10;
}
.no_scroll {overflow: hidden;}

.slider {height: 505px; margin: 0 0 4vh 0;}
.slider, .slider dd {margin: 0 !important;}

/*border-color*/
/* .bd-rd {border: 1px solid rgba(255,0,0,1)}
.bd-gr {border: 1px solid rgba(0,255,0,1)} */