@charset "UTF-8";
 @import url(base.css);
@import url(textsettings.css);

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

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	
*/

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

* html body {
	background: url(null) fixed;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
}

html {
	overflow-x: hidden;
}

header,
nav,
section,
footer {
	display: block;
}

.img_left {
	float: left;
	margin: 0 15px 15px 0;
}

.img_right {
	float: right;
	margin: 0 0 15px 15px;
}

.sp {
	display: none;
}

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a {
	color: #4d4d4d;
	transition: all .5s;
	-webkit-transition: all .5s;
}

a:link {
	color: #4d4d4d;
	text-decoration: none;
}

a:visited {
	color: #4d4d4d;
	text-decoration: none;
}

a:hover {
	color: #949744;
	text-decoration: none;
}

a:active {
	color: #4d4d4d;
	text-decoration: none;
}

.clearfix:after {
	content: ".";  /* 新しいコンテンツ */
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; /* 非表示に */
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

p.btn {
	border: 1px solid #000;
	background: #fff;
	text-align: center;
	font-weight: 107%;
}

p.btn a {
	display: block;
	width: auto;
	height: auto;
	padding: 10px;
	color: #000;
	position: relative;
}

p.btn a:after {
	content: "\f105";
	font-family: FontAwesome;
	position: relative;
	top: 0;
	right: -15px;
}

p.btn a:hover {
	background: #000;
	color: #fff;
}

/* ------------------------------------------------------------ */
/* 全体格納 */
/* ------------------------------------------------------------ */
#wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#container {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
header {
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
}

header h1 {
	width: 940px;
	margin: 0 auto;
	padding: 30px 0 0;
}

header h1 a {
	width: 100%;
	height: auto;
}

header h1 a:hover {
	opacity: 0.7;
}

/* ------------------------------------------------------------ */
/* コンテンツ */
/* ------------------------------------------------------------ */
#content {
	width: 940px;
	height: auto;
	margin: 0 auto;
}

/* 左コンテンツ */
#content .sideleft {
	width: 150px;
	height: auto;
	margin: 0 auto;
	/*position:fixed;*/
	float: left;
}

/* ナビ：スクロールしたらtop固定 */
#content .sideleft.fixed {
	top: 0;
	position: fixed;
	float: none;
}

/*nav#gNav.fixed {
	margin:-130px 0 0;
}
*/
/* ナビメニュー */
nav#gNav ul {
	width: 100%;
	height: auto;
	list-style: none;
	margin: 0 auto 30px;
}

nav#gNav ul li {
	border-bottom: 1px solid #bfbfbf;
	width: 100%;
	height: auto;
}

nav#gNav ul li a {
	display: block;
	padding: 10px 0 10px 15px;
	width: 100%;
	height: auto;
	position: relative;
}

nav#gNav ul li a:before {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 9px;
	left: 0;
}

nav#gNav ul li:first-child a {
	padding: 0 0 10px;
}

nav#gNav ul li:first-child a:before {
	content: "";
	display: none;
}

nav#gNav ul li.nav02 a {
	padding: 10px 0 5px 15px;
}

nav#gNav ul li.nav02 a:before {
	content: " ";
	width: 5px;
	height: 5px;
	background: #000;
	top: 16px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

nav#gNav ul li.nav02 a:hover:before {
	background: #949744;
}

nav#gNav ul.subnav {
	width: 90%;
	margin: 0 0 0 auto;
}

nav#gNav ul.subnav li {
	border-bottom: none;
	margin: 0 auto 7px;
}

nav#gNav ul.subnav li a {
	padding: 0 0 0 15px;
}

nav#gNav ul.subnav li a:before {
	content: "\f105";
	display: block;
	top: 0;
	background: none;
}

nav#gNav ul.subnav li a:hover:before {
	background: none;
}

/* 左サイド：バナー */
ul#sidebanner li {
	margin: 0 0 10px;
}

ul#sidebanner li a {
	display: block;
	width: 100%;
	height: auto;
}

nav#gNav ul li a:hover,
ul#sidebanner li a:hover {
	opacity: 0.7;
}

/* 中央コンテンツ */
#content .main {
	width: 770px;
	height: auto;
	margin: 0 0 100px;
	float: right;
}

/* メインスライド */
#mv {
	width: 100%;
	height: auto;
	margin: 0 auto 20px;
}

/* 中央コンテンツ：共通 */
#content .main section {
	margin: 0 auto 60px;
	clear: both;
	height: 100%;
}

#content .main section h2 {
	padding: 10px 0 20px;
	margin: 0 auto;
}

#content .main section h3 {
	padding: 10px 0;
	margin: 0 auto;
}

#content .main section .sec_ban {
	margin: 0 auto 50px;
	text-align: center;
}

#content .main section .sec_ban a {
	width: 100%;
	height: auto;
}

#content .main section .sec_ban a:hover {
	opacity: 0.7;
}

#content .main section .sec_txt {
	padding: 10px 0;
	margin: 0 auto 10px;
	line-height: 1.8em;
}

/* 下層LINEUP・トップ 部分*/
#content .main section .sec_ban.top {
	margin: 0 auto 10px;
}

#content .main section .sec_txt.top {
	padding: 10px 0 10px 35px;
}

#content .main section.ima .sec_txt.top {
	padding: 10px 0 10px 50px;
}

/* INFOMATION */
#content .main section#info {
	height: 100%;
	position: relative;
}

section#info h2 {
	text-align: center;
}

section#info ul#infoBox {
	width: 100%;
	height: 100px;
	margin: 0 auto 10px;
}

section#info ul#infoBox li {
	width: 30%;
	float: left;
	font-size: 92%;
	margin: 0 30px 0 0;
}

section#info ul#infoBox li:last-child {
	margin: 0 auto;
}

section#info ul#infoBox li a {
	width: 100%;
	height: auto;
	display: block;
}

section#info ul#infoBox li a:hover {
	opacity: 0.7;
	color: #4d4d4d;
}

section#info ul#infoBox li .photo {
	float: left;
	margin: 0 10px 0 0;
	width: 90px;
}

section#info ul#infoBox li .photo img {
	width: 100%;
	height: auto;
}

section#info ul#infoBox li .text {
	float: left;
	margin: 0 auto;
	max-width: 120px;
}

section#info ul#infoBox li .text h4 {
	margin: 0 auto 5px;
}

section#info ul#infoBox li .text h4 span.date {
	display: block;
	font-weight: normal;
}

section#info ul#infoBox li .text p.txt {
	line-height: 1.8em;
}

section#info p.all {
	clear: both;
	position: absolute;
	right: 0;
}

section#info p.all a {
	width: auto;
}

section#info p.all a i {
	margin: 0 0 0 5px;
}

/* LINEUP */
ul.lineup_btn {
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
}

ul.lineup_btn li {
	width: 48%;
	float: left;
	margin: 0 20px 0 0;
}

ul.lineup_btn li:last-child {
	margin: 0;
}

ul.lineup_btn li a {
	display: block;
	width: 100%;
}

ul.lineup_btn li a:hover {
	opacity: 0.7;
}

ul.lineup_btn li img {
	width: 100%;
	height: auto;
}

/* GALLARY */
section .fotorama {
	width: 650px;
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: center;
}

.fotorama__thumb-border {
	border-color: #ae8c68 !important;
}

/* MODEL HOUSE */
#content .main section#model .sec_txt {
	/*font-weight:bold;*/
	font-size: 122%;
}

/* ------------------------------------------------------------ */
/* モデルハウス・バナー */
.model_ban {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

ul.model_ban li {
	/*width: 48%;*/
	width: calc(100%/2 - 10px);
	float: left;
	margin: 0 10px 10px 0;
}

ul.model_ban li:nth-child(2n) {
	margin: 0 0 10px;
}

ul.model_ban li a {
	display: block;
	width: 100%;
}

ul.model_ban li a:hover {
	opacity: 0.7;
}

ul.model_ban li img {
	width: 100%;
	height: auto;
}

/* ACCESS*/
#content .main section#access,
div.access {
	width: 100%;
	height: 360px;
}

#content .main section#access .item,
div.access .item {
	width: 45%;
	float: left;
	margin: 0 20px 0 0;
}

#content .main section#access .item:last-child,
div.access .item:last-child {
	margin: 0 0 0 20px;
}

#content .main section#access .item p.map {
	margin: 0 auto 20px;
}

#content .main section#access .item h2 {
	width: 90%;
}

section#access dl.root {
	font-size: 107%;
	margin: 0 auto 60px;
	width: 90%;
}

section#access dl.root dt,
section#access dl.root dd,
div.access dl.root dt,
div.access dl.root dd {
	margin: 0 auto 20px;
}

div.access .item p.map {
	margin: 0 auto 20px;
}

div.access .item p.map iframe {
	width: 100%;
	height: 300px;
	margin: 0 auto;
}

#content .main section .access .item h2 {
	width: 100%;
	padding: 0 0 20px;
}

div.access dl.root {
	font-size: 107%;
	margin: 0 auto 20px;
	width: 100%;
}

/*共通バナー*/
#content .main section#btm_ban h3 {
	text-align: center;
	margin: 0 auto 20px;
}

ul#banner {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

ul#banner li {
	margin: 0 auto 40px;
}

ul#banner li a {
	width: 100%;
	height: auto;
}

ul#banner li a:hover {
	opacity: 0.7;
}

/* facebook */
.fb_wrap,
.fb_wrap .fb-page {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.fb_wrap .fb_iframe_widget,
.fb_wrap .fb_iframe_widget span,
.fb_wrap .fb_iframe_widget span iframe[style] {
	max-width: 100%;
	margin: 0 auto;
}

/* ------------------------------------------------------------ */
/* 下層コンテンツ */
/* ------------------------------------------------------------ */

/* 中央コンテンツ */
#content .main.sub {
	width: 710px;
	margin: 0 0 100px;
}

/* CONCEPT */
ul.point {
	width: 100%;
	margin: 0 auto 40px;
	height: 315px;
}

ul.point li {
	width: 200px;
	float: left;
	margin: 0 18px;
}

ul.point li .photo {
	margin: 0 auto 10px;
}

ul.point li .text {
	line-height: 1.8em;
}

.main.sub#concept section .item_left {
	margin: 0 20px 80px 0;
	line-height: 1.7em;
	float: left;
	width: 47%;
}

.main.sub#concept section .item_right {
	margin: 0 0 80px 20px;
	float: left;
	width: 47%;
}

section#concept_last {
	position: relative;
}

section#concept_last p.btn.concept {
	width: 320px;
	position: absolute;
	right: 0;
}

section#concept_last p.btn.concept a i {
	margin: 0 0 0 8px;
}

section#concept_last p.btn.concept a:after {
	content: " ";
	display: none;
}

/* LINE UP */
ul.room_point {
	width: 95%;
	margin: 0 auto;
	height: auto;
	padding: 30px 0 20px;
}

ul.room_point li {
	width: 46%;
	height: auto;
	float: left;
	margin: 0 30px 40px 0;
}

ul.room_point li:nth-child(2) {
	margin: 0 0 40px;
}

ul.room_point li:nth-child(3) {
	margin: 0 30px 0 0;
}

ul.room_point li:last-child {
	margin: 0;
}

ul.room_point li h4 {
	margin: 0 auto 10px;
}

ul.room_point li .photo {
	margin: 0 auto 12px;
	width: 100%;
}

ul.room_point li .photo img {
	width: 100%;
	height: auto;
}

ul.room_point li .text {
	margin: 0 auto;
	line-height: 1.8em;
	width: 100%;
}

ul.style_point {
	width: 85%;
	margin: 0 auto 40px;
	height: auto;
	padding: 20px 0 0;
}

ul.style_point li {
	width: 100%;
	height: 165px;
	margin: 0 auto 50px;
}

/*ul.style_point li .text {
	float: left;
   margin: 0 30px 0 0;
    line-height: 1.8em;
    width: 40%; 
}
ul.style_point li .text h4 {
    margin: 0 auto 10px;
}*/
ul.style_point li .photo {
	/*float: left;*/
	/*margin: 0 0 0 20px;*/
	margin: 0 auto;
	width: 100%; /*47%*/
}

ul.style_point li .photo img {
	max-width: 595px;
	width: 100%;
	height: auto;
}

.style_image {
	width: 100%;
	padding: 20px 0;
	margin: 0 auto;
	box-sizing: border-box;
}

.planBox {
	clear: both;
	width: 100%;
	margin: 0 auto 40px;
	height: 500px;
	padding: 20px 0 0;
	box-sizing: border-box;
}

.planBox .box_top {
	height: 195px;
	margin: 0 auto 30px;
}

.planBox .box_top .item_left {
	float: left;
	margin: 0px 25px 20px 0;
	width: 40%;
}

.planBox .box_top .item_left h4 {
	margin: 0 auto 20px;
}

.planBox .box_top .item_left .cap {
	line-height: 1.8em;
}

.planBox .box_top .item_right {
	float: left;
	margin: 0 0 20px 0;
	max-width: 400px;
}

.planBox .box_bottom {
	clear: both;
	height: 230px;
	margin: 0 auto 30px;
}

.planBox .box_bottom .item_left.data {
	float: left;
	margin: 0px 25px 20px 0;
	width: 30%;
}

.planBox.mirai .box_bottom .item_left.data {
	width: 40%;
}

.planBox .box_bottom .item_right.floor {
	float: left;
	margin: 0 0 20px 0;
	max-width: 430px;
}

section .sec_txt span.large {
	display: block;
	margin: 0 auto 5px;
	font-size: 122%;
}

ul.quality {
	width: 100%;
	margin: 0 auto;
	height: auto;
	padding: 20px 0 0;
}

ul.quality:after {
	content: "";
	display: block;
	clear: both;
}

ul.quality li {
	width: 220px;
	height: 205px;
	color: #fff;
	margin: 0 20px 0 0;
	float: left;
	text-align: center;
	box-sizing: border-box;
	padding: 10px 20px;
}

ul.quality li:last-child {
	margin: 0 auto;
}

ul.quality li h4 {
	margin: 0 auto 5px;
	font-size: 136%;
	font-weight: normal;
}

ul.quality li .text {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}

ul.quality li#point01 {
	background: url(../img/lineup/quality_point01.png) no-repeat;
}

ul.quality li#point02 {
	background: url(../img/lineup/quality_point02.png) no-repeat;
}

ul.quality li#point03 {
	background: url(../img/lineup/quality_point03.png) no-repeat;
}

/*MODEL HOUSE */
#wrapper.model_bg {
	background: url(../img/model/bg.png) no-repeat right top;
}

.main.sub#model section.model_top .item_left {
	float: left;
	margin: 0 20px 60px 0;
	width: 15%;
}

.main.sub#model section.model_top .item_right {
	float: left;
	margin: 0 0 60px 20px;
	line-height: 1.8em;
	width: 60%;
}

.main.sub#model section.model_top h4 {
	margin: 0 auto 10px;
}

#content .main.sub#model section.model_mid {
	text-align: right;
	position: relative;
	height: 500px;
	width: 92%;
}

#content .main.sub#model section.model_mid .sec_ban {
	margin: 0 auto 20px;
}

#content .main.sub#model section.model_mid h3 {
	padding: 0;
	margin: 0 auto 10px;
}

#content .main.sub#model section.model_mid .sec_txt {
	width: 65%;
	text-align: right;
	margin: 0 0 0 auto;
	padding: 0;
}

#content .main.sub#model section.model_mid .item_left {
	float: left;
	margin: 0 20px 60px 0;
	line-height: 1.8em;
	width: 54%;
	text-align: left;
}

#content .main.sub#model section.model_mid .item_left p.txt {
	width: 75%;
	margin: 0 0 20px;
}

#content .main.sub#model section.model_mid p.photo {
	margin: 0 auto 20px;
}

#content .main.sub#model section.model_mid .item_right {
	float: left;
	margin: 0 0 60px 40px;
	line-height: 1.8em;
	width: 36%;
}

#content .main.sub#model section.model_mid .item_right p.txt {
	width: 100%;
	margin: 0 auto 20px;
}

/*MODEL HOUSE：STOVE */

#content .main.sub#model section#stove {
	border: 1px solid #4d4d4d;
	margin: 0 auto 100px;
}

#content .main.sub#model section#stove h2 {
	padding: 30px 20px 30px 0;
	background: url(../img/model/woodstove_logo.png) no-repeat right 40px top 35px;
}

/*#content .main.sub#model section#stove h2:after {
	content:url(../img/model/woodstove_logo.png);
	text-align:right;
}
*/
#content .main.sub#model section#stove .item {
	box-sizing: border-box;
	padding: 20px;
	margin: 0 auto;
	width: 95%;
	min-height: 220px;
	clear: both;
	line-height: 1.8em;
}

#content .main.sub#model section#stove .left {
	float: left;
	width: 46%;
	margin: 0 20px 0 0;
	position: inherit;
}

#content .main.sub#model section#stove .right {
	float: left;
	width: 47%;
	margin: 0 0 0 20px;
}

#content .main.sub#model section#stove .txt.left img {
	margin: 0 auto 10px;
}

#content .main.sub#model section#access .item {
	width: 47%;
}

/*INFOMATION */
#content .main section#info_sub {
}

#content .main section#info_sub h2 {
	text-align: left;
	padding: 10px 0 40px;
}

#content .main section#info_sub ul {
	width: 100%;
	margin: 0 auto;
}

#content .main section#info_sub ul li {
	width: 125px;
	float: left;
	margin: 0 50px 40px 0;
	font-size: 92%;
	height: 240px;
}

#content .main section#info_sub ul li a {
	width: 100%;
	height: auto;
	display: block;
}

#content .main section#info_sub ul li a:hover {
	opacity: 0.7;
	color: #4d4d4d;
}

#content .main section#info_sub ul li .photo {
	margin: 0 auto 10px;
}

#content .main section#info_sub ul li .photo img {
	width: 100%;
	height: auto;
}

#content .main section#info_sub ul li .text {
	margin: 0 auto;
}

#content .main section#info_sub ul li .text h4 {
	margin: 0 auto 5px;
}

#content .main section#info_sub ul li .text h4 span.date {
	display: block;
	font-weight: normal;
}

#content .main section#info_sub ul li .text p.txt {
	line-height: 1.8em;
}

/* 詳細ページ */
#content .main section#info_sub .info_content {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

.info_content h3.info_tit {
	font-size: 189%;
	font-weight: normal;
	font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	height: auto;
	width: 100%;
	margin: 0 auto;
}

.info_content .update {
	font-size: 122%;
	margin: 0 auto 30px;
	color: #4d4d4d;
}

.info_content .info_post {
	line-height: 1.8em;
}

.info_content .info_post p {
	margin: 0 auto 1.5em;
	overflow: hidden;
	clear: both;
}

.info_content .info_post p a {
	color: #949744;
	text-decoration: underline;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.info_content .info_post p a:hover {
	opacity: 0.7;
}

.info_content .info_post p img {
	width: auto;
	max-width: 710px;
	height: auto;
}

.info_post p .alignleft {
	float: left;
	margin: 0 15px 0 0;
}

.info_post p .alignright {
	float: right;
	margin: 0 0 0 15px;
}

.info_post p .aligncenter {
	display: block;
	margin: 0 auto;
}

/* ページ送り・category */
.pagenate {
	text-align: center;
	margin: 0 auto;
	display: table;
	padding: 60px 0 0;
}

.pagenate .page-numbers,
.pagenate a.page-numbers {
	display: table-cell;
	width: auto;
	padding: 0 5px;
}

.pagenate .page-numbers.current {
	color: #949744;
	font-weight: bold;
}

.pagenate a.prev {
	display: inline-block;
	text-align: left;
	padding: 0 20px;
	margin: 0 20px 0 0;
	border-right: 1px solid #4d4d4d;
}

.pagenate a.next {
	display: inline-block;
	text-align: right;
	padding: 0 20px;
	margin: 0 0 0 20px;
	border-left: 1px solid #4d4d4d;
}

.pagenate a.prev i {
	margin: 0 10px 0 0;
}

.pagenate a.next i {
	margin: 0 0 0 10px;
}

/* ページ送り・single */
.pageNav {
	text-align: center;
	margin: 0 auto;
	display: table;
	padding: 60px 0 0;
}

.pageNav .prev {
	text-align: left;
	margin: 0 10px 0 0;
	border-right: 1px solid #4d4d4d;
	display: table-cell;
}

.pageNav .prev a,
.pageNav .next a {
	display: block;
	width: auto;
	padding: 0 20px;
}

.pageNav .prev a i {
	margin: 0 10px 0 0;
}

.pageNav .next a i {
	margin: 0 0 0 10px;
}

.pageNav .next {
	text-align: right;
	margin: 0 0 0 10px;
	border-left: 1px solid #4d4d4d;
	display: table-cell;
}

.pageNav .page_num {
	display: table-cell;
	padding: 0 15px;
}

.pageNav .page_num a {
	display: inline-block;
	width: auto;
	padding: 0 5px;
}

/*メールフォーム*/

.mailform {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 90px;
}

.mailform dl {
	padding: 20px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	display: table;
}

.mailform dt {
	width: 25%;
	margin: 0 auto;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}

.mailform dd {
	width: auto;
	margin: 0 auto;
	min-height: 25px;
	text-align: left;
	height: 100%;
	padding: 0 0 0 20px;
	display: table-cell;
	clear: both;
}

.mailform dl.block {
	display: block;
}

.mailform dl.block dt {
	display: block;
	width: 100%;
	margin: 0 auto 10px;
}

.mailform dl.block dd {
	display: block;
	padding: 0;
}

/*フォームのデフォルトスタイルのリセット*/
input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	font-size: 1em;
}
/*IEでselectの矢印非表示（IE10以降対応）*/
select::-ms-expand {
 display: none;
}

input.wpcf7-text,
select,
textarea {
	width: 100%;
	/*max-width: 100%;*/
	padding: 10px;
	background: #fff;
	border: 1px solid #666;
	box-sizing: border-box;
	border-radius: 0;
}

input.item_s {
	width: 40%;
}

input.phone {
	width: 65%;
}

span.example {
	display: block;
	margin: 0 0 0 10px;
	padding: 8px 0;
	width: 30%;
	float: right;
}

select {
	width: 300px;
}

textarea {
	height: 180px;
}

.wpcf7-form-control-wrap.age,
.wpcf7-form-control-wrap.your-job,
.wpcf7-form-control-wrap.family,
.wpcf7-form-control-wrap.question01,
.wpcf7-form-control-wrap.question03,
.wpcf7-form-control-wrap.question04 {
	position: relative;
}

.wpcf7-form-control-wrap.age:after,
.wpcf7-form-control-wrap.your-job:after,
.wpcf7-form-control-wrap.family:after,
.wpcf7-form-control-wrap.question01:after,
.wpcf7-form-control-wrap.question03:after,
.wpcf7-form-control-wrap.question04:after {
	position: absolute;
	content: "\f0d7";
	font-family: FontAwesome;
	top: 0;
	right: 6px;
}

.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item {
	margin: 0 25px 0 0;
}



input[type="radio"] {
	width: 18px;
	height: 18px;
	margin-bottom: 5px;
	vertical-align: middle;
	border: 1px solid #666;
	border-radius: 50%;
	background: #fff;
	position: relative;
}

input[type="radio"]:checked:after {
	position: absolute;
	content: '';
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	background-color: #666;
	border-radius: 50%;
}

input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0 5px 20px 0;
	vertical-align: top;
	border: 1px solid #666;
	border-radius: 3px;
	background: #fff;
	position: relative;
}

input[type="checkbox"]:checked {
	position: relative;
}

input[type="checkbox"]:checked:after {
	content: "\f00c";
	font-family: FontAwesome;
	position: absolute;
	top: 2px;
	left: 2px;
	color: #666;
}

.mailform .submit_area {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding: 20px 0 0;
	box-sizing: border-box;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
	padding: 15px;
	border-radius: 0;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	margin: 0 auto;
	width: 40%;
	font-weight: bold;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	opacity: 0.7;
	background: #fff;
	color: #000;
}

/* 承認チェック */
.mailform .wpcf7-acceptance{
  display: block;
  text-align: center;
}
.mailform .wpcf7-acceptance .wpcf7-list-item{
  margin: 0;
}
.mailform .wpcf7-spinner{
  position: absolute;
}

/* 入力エラーのとき */
span.wpcf7-not-valid-tip {
	font-size: 0.9em !important;
	padding: 5px 0;
}

span.postalcode01 .wpcf7-not-valid-tip,
span.postalcode02 .wpcf7-not-valid-tip,
span.telephone .wpcf7-not-valid-tip,
span.age .wpcf7-not-valid-tip,
span.your-job .wpcf7-not-valid-tip,
span.family .wpcf7-not-valid-tip,
span.question01 .wpcf7-not-valid-tip,
span.question03 .wpcf7-not-valid-tip,
span.question04 .wpcf7-not-valid-tip {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: -37px;
}

/* recaptcha バッヂ */
.grecaptcha-badge {
  z-index: 9999;
}

/* プライバシーポリシー */
section.privacy h2 {
	font-size: 189%;
	font-weight: normal;
	font-family: YuMincho, "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	height: auto;
	width: 100%;
}

ul.privacyList {
	height: auto;
	width: 100%;
	margin: 0 auto;
}

ul.privacyList li {
	height: auto;
	width: 100%;
	margin: 0 auto 30px;
}

ul.privacyList li span.title {
	display: block;
	margin: 0 auto 5px;
	font-size: 122%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	letter-spacing: 1px;
}

ul.privacyList li p {
	line-height: 1.8em;
}

/* MEMBER */
.member_wrap {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 15px 0 0;
}

.member_item {
	width: 100%;
	height: auto;
	margin: 0 auto 30px;
}

.member_item h4 {
	padding: 10px 20px;
	box-sizing: border-box;
	background: #dee3b0;
	color: #4d4d4d;
}

.member_item table {
	background: #f0eee1;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-top: 2px solid #fff;
}

.member_item th,
.member_item td {
	color: #4d4d4d;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 2px solid #fff;
}

.member_item th {
	border-right: 2px solid #fff;
	text-align: center;
	vertical-align: top;
	width: 120px;
	font-weight: normal;
}

.member_item td {
	vertical-align: middle;
}

.member_item td a {
	color: #75722f;
}

.member_item td a:hover {
	opacity: 0.7;
}

.member_item td iframe {
	width: 100% !important;
	height: 260px;
	margin: 0 auto;
}

/*asumikai*/

#asumikai .main-visual {
	padding: 40px 0;
}

#asumikai .main-visual img {
	width: 100%;
}

#asumikai .act {
	background: rgba(189,189,189,.4);
	padding: 40px 20px 20px;
}

#asumikai .act .box {
	margin-bottom: 50px;
}

#asumikai h4 {
	text-align: center;
	margin-bottom: 20px;
}

#asumikai .whArea {
	background: #fff;
	padding: 30px;
	margin-bottom: 20px;
}

#asumikai .cat {
	padding: 10px 0;
	margin-bottom: 30px;
}

#asumikai .product {
	display: flex;
	align-items: flex-end;
	margin-bottom: 40px;
}

#asumikai .product .txt {
	width: 40%;
}

#asumikai .product .txt p {
	padding: 10px 0 0;
	font-size: 13px;
	line-height: 1.7;
}

#asumikai .product .pic {
	width: 60%;
}

#asumikai .product .ima {
	padding-right: 20px;
}

#asumikai .product .mirai {
	padding-left: 20px;
}

#asumikai .product .pic img {
	width: 100%;
}

#asumikai .tool {
	border: 3px solid #949744;
	padding: 20px 35px;
	display: flex;
}

#asumikai .tool .item {
	width: 50%;
	box-sizing: border-box;
}

#asumikai .tool .item:first-of-type {
	padding-right: 30px;
}

#asumikai .tool .item img {
	width: 100%;
}

#asumikai .tool .item h3 {
	font-size: 16px;
	font-weight: 500;
}

#asumikai .tool .item p {
	font-size: 13px;
	line-height: 2;
}

#asumikai .facebook {
	text-align: center;
}

#asumikai .cntct-btn {
	padding: 20px 0;
}

#asumikai .cntct-btn a {
	display: block;
	color: #fff;
	background: #949744;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 16px;
	line-height: 2;
	position: relative;
}

#asumikai .cntct-btn a::before {
	position: absolute;
	content: '';
	background: url("../img/about_asumikai/icon-arrow.png") no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}

#asumikai .about .cntct-btn a {
	width: 100%;
}

#asumikai .cntct-btn a:hover {
	opacity: 0.7;
}

#asumikai .acWrap {
	margin-bottom: 30px;
}

#asumikai .acWrap img {
	width: 100%;
}

#asumikai .ac_tit {
	position: relative;
}

#asumikai .ac_tit::before {
	content: '\f055';
	font-family: 'FontAwesome';
	position: absolute;
	top: 50%;
	right: 30px;
	font-size: 35px;
	color: #fff;
	transform: translateY(-50%);
}

#asumikai .ac_tit.active::before {
	content: "\f056";
}

#asumikai .acBox {
	display: none;
	background: rgba(189,189,189,.4);
	padding: 40px 40px 60px;
}

#asumikai .beige {
	background: rgba(148,151,68,.1);
}

#asumikai .acBox dl {
	display: table;
	border-bottom: 1px solid #000;
	padding: 20px 0;
}

#asumikai .acBox dt,
#asumikai .acBox dd {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.8;
}

#asumikai .acBox dt {
	font-size: 14px;
	font-weight: 600;
	width: 80px;
}

#asumikai .acBox dd {
	font-size: 13px;
}

#asumikai .acBox li:nth-of-type(n+2) {
	margin: -70px 0;
}

#asumikai .acBox li.last {
	margin: 40px 0px 30px;
}

#asumikai .bx-wrapper .bx-pager.bx-default-pager a {
	background: #000;
	width: 11px;
	height: 11px;
	border-radius: 50%;
}

#asumikai .bx-wrapper .bx-pager.bx-default-pager a:hover,
#asumikai .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #949744;
}

#asumikai .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	right: 50%;
	transform: translateX(50%);
}

#asumikai .mailform {
	/*width: 90%;
	padding: 30px 0 90px 10%;
	margin: 0;*/
	width: 90%;
	padding: 30px 0 90px;	
}

#asumikai input[type="submit"],
#asumikai input[type="reset"],
#asumikai input[type="button"] {
	width: 100%;
	background: #949744;
	border: 1px solid #949744;
	font-size: 15px;
	font-weight: 500;
	padding: 10px;
}

#asumikai input[type="submit"]:hover,
#asumikai input[type="reset"]:hover,
#asumikai input[type="button"]:hover {
	color: #fff;
}

#asumikai input.item_s {
	width: 25%;
}

#asumikai .mailform dl {
	/*padding: 10px 0;*/
}

#asumikai .mailform dt {
	width: 20%;
	font-weight: 500;
	vertical-align: unset;
}

#asumikai textarea {
	vertical-align: top;
}

#asumikai .mailform .submit_area {
	padding: 90px 0 0;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
footer {
	border-top: 1px solid #a0a0a0;
	padding: 40px 0;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

footer #ft_inner {
	width: 940px;
	margin: 0 auto 40px;
	height: 160px;
}

/* footer：左 */
#ft_left {
	float: left;
	margin: 0 0 0 200px;
}

/* footer：ロゴ */
#ft_left #ft_logo {
	margin: 0 auto 10px;
}

#ft_left #ft_logo a {
	width: 100%;
	height: auto;
}

#ft_left #ft_logo a:hover {
	opacity: 0.7;
}

/* footer：リンク */
#ft_left #ft_link {
	width: 100%;
	margin: 0 auto 10px;
	height: 20px;
}

#ft_left #ft_link p.item {
	float: left;
	margin: 0 15px 0 0;
}

#ft_left #ft_link p.item a {
	display: block;
	/*padding:10px 0 10px 15px;*/
	width: 100%;
	height: auto;
}

#ft_left #ft_link p.item a i {
	margin: 0 5px 0 0;
}

/* コピーライト */
#ft_left #copyright {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/* footer：右 */
#ft_right {
	float: right;
	margin: 0 30px 0 0;
}

#ft_right ul.link {
	width: 100%;
	margin: 0 auto;
	height: auto;
}

#ft_right ul.link li {
	width: 90px;
	margin: 0 8px;
	height: 90px;
	float: left;
	background: #949744;
	border-radius: 45px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

#ft_right ul.link li a {
	color: #fff;
	text-align: center;
	width: 100%;
	display: block;
	height: auto;
	padding: 35px 0;
}

#ft_right ul.link li.row a {
	padding: 28px 0;
}

#ft_right ul.link li:hover,
#ft_right ul.link li a:hover {
	opacity: 0.7;
}

@media screen and (min-width: 831px) {

#sb-site {
	width: 940px !important;
	float: none !important;
	margin: 0 auto !important;
	position: relative;
	z-index: 1;
	background-color: #ffffff;
}
	
}

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

.pc {
	display: none;
}

.sp {
	display: block;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 20px 0;
	width: 100%;
	height: 95px;
	z-index: 9999;
	background: rgba(255,255,255,0.84);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	box-sizing: border-box;
}

header h1 {
	width: 260px;
	margin: 0 auto;
	padding: 0;
}

header h1 img {
	width: 100%;
	height: auto;
}

/* ------------------------------------------------------------ */
/* ナビ */
/* ------------------------------------------------------------ */
.sb-toggle-left {
	width: 70px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}

.sb-slidebar {
	background: #bababa;
	overflow-X: hidden;
}

/*.sb-slidebar ul {
	padding: 0;
}

.sb-slidebar li {
	list-style: none;
	margin: 16px 0;
}*/

/* サイドバー */
.sb-slidebar.sb-left {
	-webkit-overflow-scrolling: touch;
}

.sb-left-inner {
	border: none;
	width: 100%;
	height: 100%;
	padding: 40px 20px 0;
	box-sizing: border-box;
	background: #bababa;
}

nav#gNav ul li {
	border-bottom: 1px solid #666;
}

nav#gNav ul li a {
	padding: 0 !important;
}

nav#gNav ul li a img,
ul#sidebanner li a img {
	width: 100%;
 height: auto%;
}

nav#gNav ul li a:before {
	display: none !important;
}

nav#gNav ul.subnav li {
	margin: 0 auto 12px;
}

/*ボタン*/
#spBtn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
	background: none;
	cursor: pointer;
	z-index: 999;
}

#spBtn span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #333;
	border-radius: 5px;
}

#spBtn span:nth-of-type(1) {
	top: 0;
}

#spBtn span:nth-of-type(2) {
	top: 23px;
}

#spBtn span:nth-of-type(3) {
	bottom: 0;
}

.sb-active #spBtn span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}

.sb-active #spBtn span:nth-of-type(2) {
	opacity: 0;
}

.sb-active #spBtn span:nth-of-type(3) {
	-webkit-transform: translateY(-22px) rotate(45deg);
	transform: translateY(-22px) rotate(45deg);
}

/* ------------------------------------------------------------ */
/* コンテンツ */
/* ------------------------------------------------------------ */
#sb-site,
.sb-site-container {
	width: 830px;
	position: relative;
	z-index: 1;
	background-color: #ffffff;
}

#container {
	overflow: hidden;
}

#content {
	width: 830px;
	padding: 100px 0 0;
	overflow: hidden;
}

#content .main {
	width: 90%;
	height: auto;
	margin: 0 auto 100px;
	float: none;
}

#content .main.sub {
	width: 90%;
	margin: 0 auto 100px;
}

#mv img {
	width: 100%;
	height: auto;
}

.bx-wrapper img {
	width: 100%;
	max-width: 100%;
	display: block;
}

ul.point li {
	width: calc(100%/3 - 40px);
	float: left;
	margin: 0 20px;
}

ul.point li .photo {
	margin: 0 auto 10px;
	text-align: center;
}

.main.sub#concept section .item_right img {
	width: 100%;
	height: auto;
}

footer #ft_inner {
	width: 830px;
}

#ft_left {
	margin: 0 0 0 10px;
}

#ft_right {
	margin: 0 10px 0 0;
}
}