/*==================================================
  Base Style
  Override
  Common Modules
  Unique Modules
==================================================*/


/*--------------------------------------------------
  Base Style
--------------------------------------------------*/

.hmj-body{
    font-size:14px;
    line-height: 1.67;
}

.hmj-body.type,
.hmj-body.spec,
.hmj-body.special{
    font-size:12px;
}

.hmj-body p {
    margin-bottom: 24px;
}

.hmj-body.type p,
.hmj-body.spec p,
.hmj-body.special p{
    margin-bottom: 0;
}



/*--------------------------------------------------
  Override
--------------------------------------------------*/

.hmj-nav .nav .nav_top {
    height: 30px;
    border: none;
    background-color: none;
    background-image: none !important;
    border-right: 1px solid #c3c3c3;
}

.hmj-nav .nav .nav_top a {
    border: none;
    background-color: none !important;
    background-image: none !important;
}

.hmj-nav .nav .nav_top a:hover,
.hmj-nav .nav .nav_top a:focus,
.hmj-nav .nav .nav_top a:active {
    border: none;
    background-color: #f2f2f2;
    background-image: none !important;
    box-shadow: none;
    color: #d2d2d1;
}


/*--------------------------------------------------
  Common Modules
--------------------------------------------------*/

.hmj-body .caution {
    font-size: 12px;
    color: #777;
    line-height: normal;
}

.hmj-body .entry-title {
    margin-bottom: 50px;
}

.hmj-body .entry-title img {
    padding-bottom: 6px;
}

.hmj-body .entry-title + .sub-title {
    margin-top: -30px;
}

.hmj-body .sub-title {
    margin-bottom: 20px !important;
}

.hmj-body .title-3 {
    margin: 0 0 20px;
}

.hmj-body .hr-1 {
    background: url(../img/div-gray.png) no-repeat center top;
    height: 12px;
    border: 0 none;
    margin: 46px 0 60px;
}

.hmj-body .hr-2 {
    background: url(../img/div-red.png) no-repeat center top;
    height: 12px;
    border: 0 none;
    margin: 46px 0 60px;
}

.hmj-body .box-caution {
    background: white;
    font-size: 10px;
    color: gray;
}
.hmj-body .box-caution p {
    margin: 10px 0 0;
    padding: 10px;
    border: 1px solid gray;
}

.hmj-body .td-under{
    text-decoration: underline;
}

/* grid
--------------------------*/

.hmj-body .grid-row {
    margin: 0 -12px;
}

.hmj-body .grid-row:after {
    content: " ";
    display: table;
    clear: both;
}

.hmj-body .grid-row .col {
    float: left;
    padding: 0 12px;
    box-sizing: border-box;
}

.hmj-body .grid-row .col p img {
    width: 100%;
}

.hmj-body .caption {
    display: block;
    text-align: right;
    margin-top: 6px;
}


/*--------------------------------------------------
  unique-modules
--------------------------------------------------*/


/* top
--------------------------*/

.summary{
    position: relative;
}

.summary .anchor01,
.summary .anchor02{
    font-size: 8px;
}

.summary .anchor01{
    position: absolute;
    top:72px;
    left: 27px;
}

.summary .anchor02{
    position: absolute;
    top:115px;
    left: 76px;
}

.hmj-body .top-images {
    background-color: #000;
}

.hmj-body .top-image {
    position: relative;
    width: 100%;
}

.hmj-body .top-image .hmj-contents {
    position: relative;
}

.hmj-body .top-image .hmj-contents .btn-detail {
    position: absolute;
}

.hmj-body .top-image-1 {
    background: url(/VTR/img/top-image-1.png) no-repeat center top;
    height: 600px;
}

.hmj-body .top-image-1 .btn-detail {
    left: 0;
    top: 506px;
}

.hmj-body .top-image-2 {
    background: url(/VTR/img/top-image-2.png) no-repeat center top;
    height: 600px;
}

.hmj-body .top-image-2 .btn-detail {
    left: 0;
    top: 494px;
}

.hmj-body .top-image-3 {
    background: url(/VTR/img/top-image-3.png) no-repeat center top;
    height: 600px;
}

.hmj-body .top-image-3 .btn-detail {
    left: 0;
    top: 518px;
}

.hmj-body .top-image-4 {
    background: url(/VTR/img/top-image-4.png) no-repeat center top;
    height: 600px;
}

.hmj-body .top-image-4 .btn-detail {
    left: 0;
    top: 494px;
}

.hmj-body .top-image-5 {
    background: url(/VTR/img/top-image-5.png) no-repeat center top;
    height: 600px;
}

.hmj-body .top-image-5 .btn-detail {
    left: 0;
    top: 506px;
}

.hmj-body .top-image-6{
    text-align: center;
    margin:0;
}

.hmj-body .top-image-7{
     text-align: center;
     margin:0;
}

.hmj-body .top-image-6 p,
.hmj-body .top-image-7 p{
margin: 0;
}


/* design
--------------------------*/

.hmj-body .design-image-1{
    background: url(../img/design-image-1.png) no-repeat center top #000;
    height: 600px;
    text-align: center;
}

.hmj-body .design-image-1{
 /*直下のslideShowのアンカー追加の為、追加記述*/
    z-index: 100;
    position: relative;
    margin-bottom: 20px;
}

.design-group-1{
}

.design-group-1 h3.title-3{
margin-bottom: 30px;
}

.design-group-1 p{
margin-bottom: 60px;
}

.hmj-body .design-image-2{
    background: url(../img/design-image-3.png) no-repeat center top;
    height: 504px;
    text-align: center;
    margin-bottom: 60px;
}



/* performance
--------------------------*/

.hmj-body .performance-image-1 {
    background: url(../img/performance-image-1.png) no-repeat center top;
    height: 600px;
    text-align: center;
    margin-bottom: 60px;
}

.hmj-body .performance-image-2 {
    background: url(../img/performance-image-3.png) no-repeat center top;
    height: 600px;
    text-align: center;
    margin-bottom: 60px;
}

.performance-group-1{
}

.performance-group-1 h3.title-3{
/*margin-bottom: 24px;*/
}

.performance-group-1 p{
margin-bottom: 60px;
}

.performance-group-1 p:last-child{
margin-bottom: 20px;
}



/* equipment
--------------------------*/

.hmj-body .equipment-image-1 {
    background: url(../img/equipment-image-1.png) no-repeat center top;
    height: 599px;
    text-align: center;
    margin-bottom: 60px;
}

.hmj-body .grid-equipment-1:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}


/* type
--------------------------*/
.hmj-body.type #section01,
.hmj-body.type #section02,
.hmj-body.type #section03,
.hmj-body.type #section04{
margin-top:-60px;
padding-top:60px;
}

.hmj-body.type h2.entry-title{
    padding-top: 0;
    margin-bottom: 40px;
}

.hmj-body.type .hmj-contents .row.content-type{
    margin-bottom: 60px;
}

.hmj-body.type .hmj-contents .row.content-type h2{
    /*margin-top: 20px;*/
}

.hmj-body.type .hmj-contents .row.content-type .section{
    box-sizing: border-box;
}

.hmj-body.type .hmj-contents .row.content-type .section p span{
    font-size: 114.285%;
    font-weight: bold;
}

.hmj-body.type .hmj-contents .row.content-type .section p span.attention{
    font-size: 100%;
}

.hmj-body.type .hmj-contents .row.content-type .section .note{
    font-size: 71%;
}

.hmj-slide img{
    margin-left: -10px;
}



/* spec
--------------------------*/

.hmj-body.spec{
    font-size: 12px;
}

/* slide-show
--------------------------*/

.hmj-body .slide-show#anchor-2 {
    padding-top: 20px;
    background-color: #000;
    /*アンカー用追記*/
    margin-top: -60px;
    padding-top: 60px;
    z-index: 90;
    position: relative;
}

.hmj-body .slide-show .container {
    width: 980px;
    margin: 0 auto 125px;
    overflow: hidden;
}

.hmj-body .slide-show #viewer {
    width: 980px;
    height: 530px;
}

.hmj-body .slide-show .control {
    padding-top: 70px;
    margin: 0 0 50px;
}

.hmj-body .slide-show .control:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}

.hmj-body .slide-show .control .left-btn {
    float: left;
    margin-right: 10px;
    margin-top: 1px;
    cursor: pointer;
}

.hmj-body .slide-show .control .strip {
    float: left;
    margin-right: -15px;
}

.hmj-body .slide-show .control .strip .th {
    float: left;
    border: 1px solid black;
    margin-right: 15px;
    cursor: pointer;
    height: 110px;
    width:182px;
    overflow: hidden;
}

.hmj-body .slide-show .control .strip .selected {
    border-color: red !important;
}

.hmj-body .slide-show .control .s2 {
    display: none;
}

.hmj-body .slide-show .control .right-btn {
    float: right;
    margin-top: 1px;
    cursor: pointer;
}



/* option
--------------------------*/

.mb-00{
margin-bottom: 0 !important;
}

.mb-10{
margin-bottom: 10px !important;
}

.mb-20{
margin-bottom: 20px !important;
}

.mb-40{
margin-bottom: 40px !important;
}

.mb-60{
margin-bottom: 60px !important;
}