@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body{
	border-top:3px solid #0976c2;
	line-height:1.8;
	font-family: Quicksand, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


body p{
	font-size:1em;
	line-height:1.8;
	color:#000;
}


h1,h2{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 900;
}
h3,h4,h5{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 700;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

img{
	max-width:100%;
	height:auto;
	box-shadow:0 0 0 #000;
	transition:all linear 0.2s;
}

a img:hover{
	opacity:0.7;
}

img.gallery{
	margin:2px;
}

p.lead{
	font-size:1.1em;
	line-height:1.8;
	margin:20px 0;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

input{
	padding:7px;
}

/*------------------------------------
 Header
------------------------------------*/
#header{
	margin:0;
}

#header ul.subNav:after{
	display:block;
	content:'';
	clear:both;
}

#header ul.subNav li{
	float:right;
	margin-left:4px;
	list-style:none;
	font-size:90%;
}

#header ul.subNav li a{
	padding:0px 15px;
	background:#FFF;
	color:#000;
	display:block;
	text-decoration:none;
	transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}


#header ul.subNav li a:hover{
	background:#ffcc00;
}


#header h3.tel a{
	color:#ffcc00;
}

#header h3.tel a:hover{
	text-decoration:none;
}


h1.logo{
	width:200px;
	height:54px;
	background:url(../img/logo.png) no-repeat;
	text-indent:-9999px;
}

h1.logo a{
	width:200px;
	height:54px;
	display:block;
}

#content{
	position:relative;
}

p.normal{
	font-size:1em;
}

.inner{
	background:#FFF;
	padding:20px;
	margin:0;
	box-shadow:0 0 3px #ccc;
}

#secondary .inner{
	padding:10px;
	margin-bottom:20px;
}

.banner{
	margin-bottom:10px;
}


.section,
section{
	margin:0 0 30px 0;
}

.bgimg{
	background:url(../img/bg_img.jpg) repeat-x top;
	padding:10px;
}

img.thumb{
	border:1px solid #ccc;
}

img.thumb:hover{

	filter:alpha(opacity=60);
	moz-opacity:0.6;
	opacity:0.6;
}

table caption{
	margin-top:20px;
	padding:0 0.5em;
	font-weight:bold;
	text-align:left;
	color:#0066cc;
}

.alert-gray{
	background:#e4e4e4;
	color:#666;
}

.m5{margin:5px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

/*------------------------------------
 navbar
------------------------------------*/

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none!important;
}


div.navbar a.brand{
	  opacity:1.0;
	  
}

div.navbar a.brand:hover{
	  opacity:0.6;
}

.navbar-default .navbar-brand{
	color:#FFF;
}



.navbar{
	margin:0 auto 20px;
	background:#fcba09;
	min-height:35px;
}

.navbar-brand {
    height:auto!important;
	padding:10px;
	margin:0;
}

.navbar-default .navbar-nav{
 margin:0!important;
 padding:0!important;
}


.navbar-default .navbar-nav>li>a {
    color: #000;
   padding:10px 20px;
   font-weight:bold;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #fce809;
}


@media(min-width:640px){
.tel-link{
	pointer-events:none;
}
}

/*------------------------------------
 sp menu
------------------------------------*/

.navbar-default .navbar-toggle {
    border: none;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}

/*------------------------------------
 slider
------------------------------------*/
.sp-slides-container{
	box-shadow:0 0 3px #888;
}

/*------------------------------------
 news
------------------------------------*/
ul.news{
	margin:0;
	padding:0;
}

ul.news li{
	list-style:none;
	border-bottom:1px dotted #AAA;
}

/*------------------------------------
 tab
------------------------------------*/
.tab-content>.tab-pane {
    padding: 30px 0;
}

/*------------------------------------
 footer
------------------------------------*/
footer{
	padding:20px;
	color:#FFF;
	text-align:center;
	margin-top:30px;
}

footer a{
	color:#FFF;
	
}

	

/*------------------------------------
 H
------------------------------------*/
h2.entry-title{
	border-top:4px solid #000;
	border-bottom:1px solid #000;
	margin:0 0 15px 0;
	padding:10px 0;
	font-size:140%;
	color:#000;
}
h2.entry-title span{
	font-size:70%;
}

h3.entry-title{
	background:#000 url(../img/h3_bg.png) no-repeat left center;
	padding:12px;
	font-size:1.2em;
	color:#FFF;
	margin:0 0 20px 0;
	text-indent:15px;
}

h3.title{
	font-size:100%;
	margin:0 0 10px 0;
	line-height:1.6;
	color:#164db2;
}

h3.name{
	position:relative;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:3px solid #ccc;
	margin:0 0 10px 0;
	line-height:1.6;
}
h3.name:before{
	position:absolute;
	bottom:-3px;
	display:inline-block;
	content:'';
	height:3px;
	background:#6aa1df;
	width:40%;
}
h4.entry-title{
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0 5px 0;
	line-height:1.6;
	color:#164db2;
}

h4.headding{
	background: #1d8ade; 
	margin:0 0 30px 0;
	padding:12px 10px;
	color:#FFF;
	font-size:110%;
	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-left:1px solid #036;
	border-top:1px solid #036;
	box-shadow:inset 1px 1px 4px #036;
}


h4.headding:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 14px;
	bottom: -27px;
	background: transparent;
	border-color: #1d8ade transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
	}
	

h4.name{
	font-size:100%;
}

/* Video Resposive
 -------------------------------------------------- */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Bread
 -------------------------------------------------- */
div.bread{
	margin:0 0 15px 0;
}
 
.delicious {
        list-style: none;
        overflow: hidden;
        color: white;
        font: 11px arial, Helvetica, clean, sans-serif;
        margin: 0;
		padding:0;
        background: rgb(233,233,233);
}
.delicious li {
        float: left;
        line-height: 20px;
}
.delicious li a {
        color: #fff;
        text-decoration: none;
        padding: 0 10px 0 15px;
        background: rgb(142,142,142);
        display: block;
        float: left;
		white-space:nowrap;
}
.delicious li a::after {
        position: relative;
        display: block;
        margin-top: -10px;
        margin-left: auto;
        margin-right: -15px;
        height: 10px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(-30deg);
        background: rgb(142,142,142);
        border-right: 2px solid white;
}

.delicious li a::before {
        float: right;
        display: block;
        margin-bottom: -10px;
        margin-left: auto;
        margin-right: -15px;
        height: 10px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(30deg);
        background: rgb(142,142,142);
        border-right: 2px solid white;
}
.delicious li:first-child a {
        font-weight: 900;
        padding-left: 10px;
        background: rgb(108,108,108);
}
.delicious li:first-child a::before,
.delicious li:first-child a::after {background: rgb(108,108,108);}
.delicious li:last-child {
        padding-left: 15px;
        background: transparent !important;
        color: rgb(50,116,208);
        font-weight: 900;
}
.delicious li a:hover,
.delicious li a:hover::before,
.delicious li a:hover::after {background: rgb(108,108,108);}
.delicious li:first-child a:hover,
.delicious li:first-child a:hover::before,
.delicious li:first-child a:hover::after {background: rgb(77,77,77);}
.delicious li.scope a,
.delicious li.scope a::before,
.delicious li.scope a::after {background: rgb(50,116,208);}
.delicious li.scope a:hover,
.delicious li.scope a:hover::before,
.delicious li.scope a:hover::after {background: rgb(34,97,160);}

@media (max-width:540px){
	table.table.transform th{
		display:block;
	width:100%;
}
table.transform td{
	display:block;
	width:100%;
}
}

.overlayWrapper{
	position:relative;
}

.overlay{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
transition: opacity .3s linear;
filter: alpha(opacity=0);
text-align:center;
padding:30px 0 0;
color:#FFF;
}
.overlay:hover{
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
}