/*
 * Start Bootstrap - Landing Page (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */


/**************************** Bootstrap Extension ****************************/
.row-center {
    text-align: center;
    letter-spacing: -0.4em;
}

    .row-center > [class*='col-'] {
        display: inline-block;
        letter-spacing: 0;
        vertical-align: top;
        float: none !important;
    }

    .row-center.va-middle > [class*='col-'] {
        vertical-align: middle;
    }

    .row-center.va-bottom > [class*='col-'] {
        vertical-align: bottom;
    }

/**************************** Bootstrap Extension ****************************/

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black.otf) format('opentype');
 }


body,
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Noto Serif Japanese', "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 200;
    color:#777;
}


/*================== Commons - Image ==================*/


.pict {
    width: 100%;
    height:100%;
}

.pict_logo {
    padding-top: 20px;
    width: 70%;
    height:70%;
}

.pict_middle,
.pict_top_middle {
    width: 80%;
    height: 80%;
}

.pict_half,
.pict_top_half {
    width: 50%;
    height: 50%;
}

.pict_small {
    width: 30%;
    height: 30%;
}

.pict_xsmall {
/*    width: 10%;
    height: 10%; */
    height: 60px;
}

.pict_xxsmall {
/*    width: 10%;
    height: 10%; */
    margin-top: 30px;
    margin-bottom: 30px;
    height: 30px;

}


/*================== Top Navigation ==================*/

li.dropdown > ul {
    background: #dcdcdc;
}

.topnav {
    font-size: 14px;
    background: #FFFFFF;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle {
    color: #777;
}

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > .open > a:hover,
    .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        color: #777;
    }

/* header */
.navbar {
    height:40px;
/*    border-image: url("../img/linekoi.gif") 15 round; */
    border-bottom: 0;
}

.navbar-collapse,
.navbar-header,
.dropdown > .dropdown-menu {
    background-color: #ffffff;
}

.navbar-brand {
    height: 30px;
}

#tel_str,
#ins_str {
    display: none;
}

#ins_ico {
    width:26px;
    height:26px;
}

@media screen and (max-width:600px) {

    .navbar-collapse {
        background: #f5f5f5;
    }

    #tel_img {
        display: none;
    }

    #ins_ico {
        display: none;
    }

    #tel_str {
        position: relative;
        display: block;
        text-align: center;
    }

    #ins_str {
        position: relative;
        display: block;
        text-align: left;
    }

}

.navbar-nav > li > a {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}

.navbar-toggle {
    margin-top:3px;
    margin-bottom:5px;
}

/*================== Header ==================*/
.content_header {
    padding: 60px 0 30px 0;
}

/*================== Body ==================*/
.content_section {
    padding: 50px 0;
}

.padding10 {
    padding: 10px 0;
}

.padding30 {
    padding: 30px 0;
}

.space {
    height:30px;
}

.contact_area{
    background:#FFFFFF;

}

.required{
    color:#ff0000;
}

.title_area{
    height:200px;
    vertical-align:middle;
}

    .title_area > .inner{
        margin:auto;
    }


/*================== Footer ==================*/

.address {
    padding:50px 0;
}


.footer-menu {
    color: #2e8b57;
}

p.copyright {
    margin: 15px 0 0;
}

.gazou {
    background-color:#808080;
}