/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/**
 * lino brand color
 * 7DC9C6 37%
 * 67C6BF 48%
 * 51BFB7 58%
 * photosize-slide
 *  big 854*480
 *  mid 354*199
 *  sml 250*120
 * photosize-story
 *  big 1920*1080
 */

/** font **/
@font-face {
    font-family: 'Noto Sans Japanese';
    src: url('../fonts/NotoSansCJKjp-Light-subset.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NotoSansCJKjp-Light-subset.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/NotoSansCJKjp-Light-subset.otf') format('opentype'),
         url('../fonts/NotoSansCJKjp-Light-subset.woff') format('woff');
}

html *{
    font-family: "Noto Sans Japanese","FontAwesome","Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","Meiryo","Arial","Verdana","sans-serif" !important;
}

/** default **/
.header-top{
    background-color: #51BFB7;
    height: 10px;
}

.header-bottom{
    border-bottom: solid 1px #000000;
}

.footer {
    margin-top: 30px;
}

.footer-top{
    background-color: #51BFB7;
    height: 10px;
    margin-bottom: 10px;
}

.footer-underline {
    width: 100%;
    margin: 10px auto 5px;
    border-top: 1px solid #000000;
}

.fooder-head {
    font-size: 1em;
    margin-bottom: 0;
}

.fooder-cell {
    font-size: 0.9em;
}

.fooder-cell a {
    font-size: 0.9em;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.fooder-cell a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
/**    -moz-border-radius: 3em;
    -webkit-border-radius: 3em;
    -o-border-radius: 3em;
    -ms-border-radius: 3em;
**/
}

.fooder-cell a:hover{
    color:#51BFB7 !important;
}

.catch-p-bottom {
    margin-bottom: 0 !important;
    vertical-align: bottom;
    margin-top: 20px;
    text-align: center;
}

.contents-brand-img {
    height: 80px;
    width: auto;
}

.block-contents {
    position: relative;
}

.block-text-1 {
    position: absolute;
    margin: -30% 19%;
}

.block-text-2 {
    position: absolute;
    margin: -18% 5%;
}

.block-text-3 {
    position: absolute;
    margin: -23% 10%;
}

.block-text-4 {
    margin: -17% 0%;
    width: 100%;
}

.movie {
//*background: transparent url(../img/lino_top_bg.jpg) repeat;**/
    background: transparent url(../vegas/dammy.png) repeat;
    width: 100%;
    height: 624px !important;
}

.block {
    margin-top: 10px;
}

.space-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.space-0-left {
    padding-left: 0 !important;
}

.space-0-right {
    padding-right: 0 !important;
}

.space-bottom {
    padding-bottom: 10px !important;
}

.nomargin {
    margin: 0 0 0 0 !important;
}

.textbox {
    display: table;
}

.hometextboxinner-up {
    height: 40%;
}

.hometextboxinner-bottom {
    height: 60%;
    padding-top: 10px;
}

.textboxcontent {
    display: table-cell;
    vertical-align: middle;
}

.textboxcolor {
    background-color: #51BFB7;
    width: 100%;
    height: 100%;
    color: #F9F9F9;
}

.textboxunderline {
    width: 20px;
    margin: 20px auto 20px;
    border-top: 1px solid #000000;
}

.textboxunderline-w {
    width: 20px;
    margin: 20px auto 20px;
    border-top: 1px solid #F9F9F9;
}


.td-lino-green {
    background: #85D1CB;
    color: #FFFFFF;
}

.td-lino-white {
    background: #FFFFFF;
}

/** Nav **/
nav#headermenu ul {
    list-style-type: none;
    padding-left: auto;
    padding-left: auto;
}
nav#headermenu li {
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 13px;
    margin-bottom: 13px;
    text-height: 20px;
    text-align: center;
}
.menu {
    width: 530px;
    margin: auto;
    overflow: hidden;
}
.menu li {
    float: left;
}

.menu li a {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.nav-color a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
/**    -moz-border-radius: 3em;
    -webkit-border-radius: 3em;
    -o-border-radius: 3em;
    -ms-border-radius: 3em;
**/
}

.nav-color a:hover{
    color:#51BFB7 !important;
}

.textboxlink {
    color: #000000;
    text-decoration: none !important;
    cursor: pointer;
}

.textboxlink {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
/**    -moz-border-radius: 3em;
    -webkit-border-radius: 3em;
    -o-border-radius: 3em;
    -ms-border-radius: 3em;
**/
}

.textboxlink:hover{
    color:#919191 !important;
}

/** products **/
.product-table {
    height: 778px;
}

.product-table-left {
    padding-left: 5px;
}

.product-table-right {
    padding-right: 5px;
}


/** contact **/
.input_form_unvisible {
    display: none;
}

.req {
  font-weight: normal;
  color: #de2c3b;
}

.error {
  color: #de2c3b;
}

/** madia **/
@media (max-width: 767px) {
    .movie {
        height: 379px !important;
    }
    
    .container {
      max-width: none !important;
      width: 768px;
    }
    
    .navbar-collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }
    
    .navbar-toggle {
      display: none;
    }
    
    .navbar-brand {
      margin-left: -15px;
    }
    .block-text-1 {
        margin: -30% 19% !important;
    }
    
    .text-resp {
        font-size: 0.8em;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .movie {
        height: 388px !important;
    }
    .block-text-1 {
        margin: -30% 19% !important;
    }
    .text-resp {
        font-size: 0.8em;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .movie {
        height: 512px !important;
    }
    .block-text-1 {
        margin: -50% 19% !important;
    }
@media (min-width: 1200px) {
    .movie {
        height: 624px !important;
    }
    .block-text-1 {
        margin: -30% 19% !important;
    }
}