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

/* Global Styles */

@charset "UTF-8"; 

html,
body {
    height: 100%;
}

body {
	font-family: "メイリオ";
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.center{ width: 80%; display: block; margin: 0 auto; }
.center table{ text-align:center; margin:0 auto;display:block; border:none;font-size:16px; }
.center tr , .center td{ border: 1px solid #ddd; }
.center td{ margin:5px; }
.center table img{ width: 300px !important; height: auto; }

p {
    margin: 15px 5px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.top_mv img {
    width: 500px;
}

.site-brand{margin:0;}
.fl_l li { float: left; width: 138px;}
.mouse-cursor { cursor: pointer; }
.list-group-item > a { display: block; }


.result_title {
    background: #ddd none repeat scroll 0 0;
    margin: 5px 0;
    padding: 10px;
}


.rear_left {
    border: 1px solid #666;
    float: left;
    margin: 10px;
    padding: 10px;
}

.rear_right {
    border: 1px solid #666;
    float: right;
    margin: 10px;
    padding: 10px;
}

.comment_box dt {
    border-top: 1px dotted;
    font-weight: bold;
    padding: 10px 0 0;
}

.comment_box dd {
    padding: 0 15px;
}

.soudan_box01 img ,
.soudan_box02 img ,
.soudan_box03 img {
    width: 500px;
	margin-bottom:10px;
}

.entry { font-size:16px; }

.entry h3 {
    border-bottom: 2px solid #dadada;
    color: #1050bf;
    font-weight: bold;
	font-size: 20px;
    margin: 10px 0;
    padding: 5px;
}
.entry h4 {
	color:#555;
    font-size:18px;
    border-bottom: 1px solid;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px;
}


.bold {
    font-weight: bold;
}


.bg_box , blockquote {
    background: #eee none repeat scroll 0 0;
    border-left: 2px solid;
    padding: 5px;
	font-size:16px;
}


.point li {
    color: orange;
    list-style-position: inside;
    list-style-type: square;
}

.point span {
    color: #333;
}


.ta_r {
    text-align: right;
}


.pager {
    margin: 20px;
    text-align: center;
}
.pager span {
    border: 1px solid;
    margin: 5px;
    padding: 10px;
}
.pager a {
    border: 1px solid;
    display: inline-block;
    margin: 5px;
    padding: 10px;
}


.city_list > li {
    float: left;
    font-size: 14px;
    list-style: outside none none;
    width: 142px;
}

.divider {
    border: 1px solid rgb(74, 74, 74);
    margin: 20px auto;
    width: 200px;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
	.fl_l li {
	    float: none;
	    width: auto;
	}

	.center table img{ width: 200px !important; height: auto; }


.soudan_box01 img ,
.soudan_box02 img ,
.soudan_box03 img {
    width: 100%;
}

.top_mv img {
    width: 100%;
}

}

@media(max-width:400px) {
	.center table img{ width: 140px !important; height: auto; }
}