/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
	font-family:'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:200;
    height: 100%;
	font-size:1em;
}  

img#logo{
	max-width:100%;
	float:left;
}

nav.navbar-default{
	background-color:#FFF;
	border:none;
}
div.navbar-header{
	float:right;
}

div.navbar-collapse {
	 margin-top:30px;
	 width:100%;
}

a.btn_toiawase {
	background: #FFB900;
	border: 1px solid #FFF;
	-moz-box-shadow: 0px 0px 2px rgba(255,128,000,0.8);
	-webkit-box-shadow: 0px 0px 2px rgba(255,128,000,0.8);
	width: 100%;
	padding: 10px 0;
}

a.btn_toiawase:hover {
	background: #FFDC80;
}

div.bg-beige {
	 background-color: #f2eee5;
/*    background:linear-gradient(#f2eee5, #fff);*/
}
div.bk_town {
	padding-top:1em;
	background: url(../img/bk_town.png) fixed center bottom no-repeat;
}



.glyphicon {
	margin-right:0.5em;
}

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

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

/* Home Page Carousel */

div.carousel {
    height: 50%;
}

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

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

/*お知らせ欄スクロール*/
#top_osirase {
	overflow-y:scroll;
	overflow-x:hidden;
	height:120px;
}


/* 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 10px 0;
	background-color: rgba(255, 255, 255, 0.8)
}

footer span{color:#F39700;}

/*各保険ページ*/

.breadcrumb{background-color:#F4FBFE;}
.jumbotron h1,.jumbotron p{display:inline-block;background-color: rgba(255, 255, 255, 0.6);}
.h1_car {
	background:url(../hoken/img/h1-bk-car.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;	
}

.h1_motor {
	background:url(../hoken/img/h1-bk-motorcycle.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}
.h1_motor h1 small {padding:0;font-size:0.5em;}


.h1_bicycle {
	background:url(../hoken/img/h1-bk-bicycle.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}

.h1_fire {
	background:url(../hoken/img/h1-bk-fire.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}

.h1_golf {
	background:url(../hoken/img/h1-bk-golf.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}

.h1_travel {
	background:url(../hoken/img/h1-bk-travel.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}

.h1_life {
	background:url(../hoken/img/h1-bk-life.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}

.h1_health {
	background:url(../hoken/img/h1-bk-health.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}

.h1_cancer {
	background:url(../hoken/img/h1-bk-cancer.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}

.h1_company {
	background:url(../company/img/h1-bk-company.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}

.h1_policy {
	background:url(../policy/img/h1-bk-policy.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}

.h1_accident {
	background:url(../hoken/img/h1-bk-accident.jpg) bottom right no-repeat;
	background-size:auto 100%;
	background-color:#FFF;
}

.h1_policy h1{
	background-color:transparent;
	font-size:3em;}

h2.life {
	border-bottom:#F99 3px double;
	padding-bottom:3px;
	font-size:1.8em;
}
h2.life span{
	color:#F99;
	text-shadow: 3px 3px 1px rgba(153,102,51,0.5);
}

.bk_hoken {
	background-color:#fff;
	margin-top:0px;
	padding:20px;
	border-left:#ddd 1px solid;
	border-right:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;  
}

.bk_hoken2{
	background-color:#fff;
	margin-top:0px;
	padding:20px;
    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;  
}

.bk_hoken p,.bk_hoken ul,
.bk_hoken2 p,.bk_hoken2 ul{
	color:#000;
}

/*.w210 dt{
	width: 210px;

}
.ml210 dd{
    margin-left: 210px;
}*/

div.comment{
	margin-bottom:1.5em;
	padding:1em;
    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px; 
}

#car_campaign{
	padding:20px;
	margin-top:20px;
    background-color: #E6E4FE;
}

#car_campaign h2 {
	padding:0 20px;
	display:inline-block;
	color:#009;
	border-bottom:solid #FF0 3px;
}

.bk_gr{	background-color:#E1EFDE;}
.bk_pk{	background-color:#FFE6E6;}
.bk_bl{	background-color:#E6F0FF;}


#company h3 {margin-top:2em;}
#company li {margin-bottom:0.5em;}
#company ol li{margin-bottom:1em;}


.alert a {display:inline-block;}
.alert li a{display:inline;}
.alert a:hover img{
opacity:0.75;
filter:alpha(opacity=75);
-ms-filter: "alpha( opacity=75 )";
background-color:#FFF;
}



.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #F8B62A;
}

h2.category {
	font-size:2.2em;
	border-bottom:#030 2px dashed;
	padding-bottom:0.2em;
	color:#030;
}
h2.category span{
	color:#030;
}

.shohin {
	display: table;
	 font-size:1.8em;
}
.txt-ttl {
	display: table-cell;
	vertical-align: middle;
}
.shohin img{margin-right:0.5em;}
.is-tbl {
	display: table-cell;
	vertical-align: middle;
}
.outlink {background-color:#FC0;color:#630;}
.outlink:hover, .outlink:focus{background-color:#F93;color:#630;}
.outlink span{color:#630;}

.mt20{margin-top:20px;}
.ml20{margin-left:20px;}

iframe{
	border:0;
	width:100%;
	height:500px;
}

/* ページトップへ戻る */
.pageTop {
	display:none;
	position:relative;
	width:90%;
	max-width:900px;
	height:0;
	margin:0 auto;
}
.pageTop a {
	position: fixed;
	bottom: 0px;
	left:auto;
	display: block;
	width: 66px;
	hegiht:66px;
	margin-left:920px;
	padding:1em 0 1em 2px;
	background:#EF8901;
	text-align:center;
	outline:none;
	text-decoration: none;
	z-index:9999;
	border-radius:3px 3px 0 0;
}
.pageTop a:before,
.pageTop a:after {
	position:absolute;
	left:50%;
	content:"";
	width:0px;
	height:0px;
	margin-left:-10px;
	border:10px solid transparent;
}
.pageTop a:before {
	top:50%;
	margin-top:-13px;
	border-bottom:10px solid #EF8901;
}
.pageTop a:after {
	top:50%;
	margin-top:-15px;
	z-index:-1;
	border-bottom:10px solid #fff; /* 矢印の色 */
}


/* =====================
	タブレット向け
======================= */
@media screen and (min-width: 480px) and (max-width: 959px) {

.pageTop {
	width:100%;
}
.pageTop a {
	left:-68px;
	margin-left:100%;
}

/* タブレット向けここまで */ }

/* =====================
	スマホ向け
======================= */
@media screen and (max-width: 479px) {

.pageTop {
	width:100%;
}
.pageTop a {
	left:-68px;
	margin-left:100%;
}

/* スマホ向けここまで */ }
	


/* Responsive Styles */

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

@media(max-width:767px) {
#top_osirase {
	height:220px;
}
iframe{	height:100%;}
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }


	img#logo{
	width:60%;
	min-width:200px;
}
	a.btn_toiawase {
	margin:3px 10px 3px 3px;
	width:95%;
}
.nav-sp li a img{
	width:100%;
	margin:0;
	padding:0;
	background-color:#FFF;
}

.nav-sp li a {
	border-top:#ccc 1px solid;
	padding:0;
}

.nav-sp li a:hover {
	opacity:0.6;

}

/*各保険ページ*/
.nav > li {font-size:0.8em;}
.h1_car {
	background-size:auto 50%;
	background-color:#FFF;
	padding:5px 15px 50px 15px;
}
.h1_motor {
	background-size:auto 50%;
	background-color:#FFF;
	padding:5px 15px 50px 15px;
}
.h1_bicycle {
	background-size:auto 50%;
	background-color:#FFF;
	padding:5px 15px 50px 15px;
}

.h1_fire {
	background-size:auto 50%;
	background-color:#FFF;
	padding:5px 15px 50px 15px;
}

.h1_golf {
	background-size:auto 50%;
	background-color:#FFF;
	padding:5px 15px 50px 15px;
}

.h1_travel {
	background-size:auto 50%;
	background-color:#FFF;
	padding:5px 15px 50px 15px;
}

.h1_life {
	background-size:auto 50%;
	background-color:#FFF;
	padding:5px 15px 50px 15px;
}

.h1_health {
	background-size:auto 50%;
	background-color:#FFF;
	padding:5px 15px 50px 15px;
}

.h1_cancer {
	background-size:auto 50%;
	background-color:#FFF;
	padding:5px 15px 50px 15px;
}
.h1_accident {
	background-size:auto 50%;
	background-color:#FFF;
	padding:5px 15px 50px 15px;
}
.h1_company {
	background-size:auto 100%;
	background-color:#FFF;
	padding:20px 15px;
}
.h1_company h1{font-size:1.8em;}

.h1_policy {
	background-size:auto 100%;
	background-color:#FFF;
	padding:20px 15px;
}
.h1_policy h1{font-size:1.5em;}

h2.category {font-size:1.8em;}
.jumbotron p{
	font-size:1.1em;}

.shohin, .life {font-size:1.5em;}
.shohin {
	display: block;
}
.shohin img{height:40px;}
}

@media(min-width:768px) {
  .w210 dt {
    width: 210px;
  }
  .w210 dd {
    margin-left: 210px;
  }
}