@charset "utf-8";

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table.table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
figure {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* -------------------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

@font-face {
  font-family: 'AozoraMincho';
  src: url('/wp-content/themes/toyohouse/webfont/AozoraMinchoMedium.woff') format('woff'),
       url('/wp-content/themes/toyohouse/webfont/AozoraMinchoMedium.eotf') format('eot');
}

html{
	font-size: 62.5%;
}
body {
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "Helvetica Neue", 'Noto Sans Japanese', "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
	/*font-family: 'Noto Sans Japanese', serif;
	font-weight: 300;*/
	color: #333;
	font-size: 1.2rem;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	animation: fadeIn 2.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 2.5s ease 0s 1 normal;
}
/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, "Yu Gothic", YuGothic, Meiryo, sans-serif;
  }
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* リンク設定
------------------------------------------------------------*/
a {
	color: #54A8E0;
	text-decoration: none;
	transition: .3s;
}
a:hover {
	color: #93CBF0;
}
a:active, a:focus {
	outline: 0;
}

a[href^="tel:"] {
    cursor: default;
    color: inherit;
}

/* 全体
------------------------------------------------------------*/
html, body {
	height:100% !important; /*ブラウザいっぱいに高さを取得*/
}

.wrapper {
	width: 100%;
	height: 100%;
}
.container {
	width: 980px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}


.sp_br {
	display: none;
}
.text_aka {
	color: #ff0000;
}
#pagetop{
	display: none;
	position: fixed;
	right: 25px;
	bottom: 50px;
	z-index: 10;
}
#pagetop a{
	display: block;
	background: #54A8E0;
    font-size: 20px;
    height: 40px;
    line-height: 1;    
    text-align: center;
    width: 40px;
    color: #fff;
}
.fa.fa-angle-up:before {
    content: "";
	line-height: 38px;
}

/* メイン
------------------------------------------------------------*/
#main{
	/*position: relative;*/
	padding-left: 190px;
	height: 100%;
}
#breadcrumb{
	background: #f7f3f3;
	padding: 8px 5px;
}
#breadcrumb p{
	width: 980px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* フッター
------------------------------------------------------------*/
#footer {
	clear: both;
	overflow: hidden;
	width: 100%;
	padding-bottom: 30px;
	height: 100px;
}
* html #footer {
	height: 1%;
}
#footer .foot_inner{
	padding: 0 30px;
	font-size: 1.3rem;
}
#footer .foot_inner .foot_info{
	margin-bottom: 15px;
}
#footer .foot_inner .foot_info h2{
	/*font-weight: bold;
	font-size: 2.0rem;
	margin-bottom: 5px;*/
}
#footer .foot_inner .foot_info p{
	font-size: 1.4rem;
}
.f_tel{
	margin-left: 15px;
}
#footer .foot_inner address{
	display: inline;
	margin-left: 40px;
}


/* PC用
------------------------------------------------------------*/
@media only screen and (max-width:1200px){ /*1200px以下のとき*/	
	
/* メイン
------------------------------------------------------------*/
	.container {
		width: 92%;
		margin: 0 4%;
	}
	#breadcrumb p{
		width: 92%;
		margin: 0 4%;
	}

}

@media only screen and (max-width:999px) {
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

}

@media only screen and (max-width:960px){ /*960px以下のとき*/	
	#main{
		padding-left: 0;
		padding-top: 50px;
	}
	#breadcrumb{
	padding: 8px 0;
	}
	#breadcrumb p{
		padding: 0;
	}
/* フッター
------------------------------------------------------------*/
	#footer {
		clear: both;
		overflow: inherit;
		position: inherit;
		width: auto;
		height: auto;
		background: #fff;
		padding-bottom: 60px;
	}
	#footer .foot_inner{
		text-align: center;
	}
	#footer .foot_inner .foot_info img{
		max-width: 100%;
	}
}


@media screen and (max-width: 768px){ /*768px以下のとき*/
	
/* フッター
------------------------------------------------------------*/
	#footer .foot_inner address{
		margin-left: 0;
		margin-top: 10px;
		text-align: center;
		display: inline-block;
	}
	
}
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px) {
.sp_br {
	display: block;
}
}