/*
Theme Name:konakara
Version:1.0
*/
/****************************************
header
/****************************************/
header {
	margin: 0 auto;
	box-sizing: border-box;
	margin: 0 auto;
	padding:3% 60px 3% 3%;
}
.headcont{
	max-width:1200px;
	width:90%;
	margin:0 auto;
}
.fl_head_1 {
	width: 25%;
}
.fl_head_2{
	width:65%;
}
.fl_head_3{
	width:10%;
}
#logo img{
	max-width:240px;
	width:100%;
	width:240px;
}
#logo .catch {
	font-size: 12px;
	padding-top:0;
	color: #474747;
	text-decoration: none;
}
.top-tel {
	font-size: 2em;
}
.head-contactlist{
	flex-direction: row-reverse!important;
}
.head-contactlist li a{
	margin-left:15px;
	font-size:12px;
	background:#efefef;
	padding:2px 8px;
}
.fl_header_r {
	width: 40%;
}
.headinfo-pc {
	text-align: right;
}
.head-snslist li a{
	color:#000;
}
/****************************************
footer
/****************************************/
footer {
	position: relative;
	font-size: 13px;
	margin: 0px auto 0;
	background:url(images/footer-back.png);
	background-size:1130px;
	background-position:bottom center;
	background-repeat:repeat-x;
}
.footcont{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 5% 0;
}
.fl_footer_1{
	width:25%;
}
.fl_footer_2{
	width:30%;
}
.fl_footer_3{
	width:40%;
}
#footbanner-contact,#footbanner-tel{
	background:#fff;
	padding:3%;
	border-radius:6px;
	width:100%;
	text-align:center;
	display:block;
}
#footbanner-contact-re{
	background:#FF9620;
	padding:3%;
	border-radius:6px;
	width:100%;
	text-align:center;
	display:block;
	color:#fff;
	font-size:1.2em;
}
#footbanner-contact img,#footbanner-tel img,#footbanner-contact-re img{
width:20px;
}
	#footbanner-contact{
	margin-bottom:20px;
}
	#footbanner-contact-re{
	margin-bottom:20px;
}
#menu-footnav {
	display:flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
}
#menu-footnav li{
	width:47%;
}
.foot-snslist li{
	margin-right:15px;
}
.foot-snslist li a{
	color:#000;
}
.totop{
	margin-bottom:20px;
}
.totop img{
	text-align:center;
	max-width:35px;
}
.copyright{
	font-size:11px;
}
/****************************************
top page
/****************************************/
#concept,#intro, #topics ,#voice,#about,#event,#blog{
	max-width: 1100px;
	margin: 100px auto;
	width: 90%;
}
#slide{
	position:relative;
}
.slide-text{
	position:absolute;
	color:#fff;
	font-size:2.8em;
	right:4%;
	bottom:0%;
	text-shadow:0px 0px 3px #717171;
	font-weight:600;
}
#news{
	margin: 40px auto 15px auto;
	max-width: 1100px;
	width: 90%;
}
#eventnews{
	max-width: 1100px;
	margin: 15px auto;
	width: 90%;
}
#eventnews .newscont{
	border-top:1px dotted #999;
	padding: 15px 0 0 0;
}
.news-title{
	width:10%;
	font-size:1.1em;
	color:#FF9620!important;
	font-family: fot-tsukuardgothic-std, sans-serif;
	margin:0;
}
.newslist{
	width:87%;
}
.newslist li{
padding:0 0 0px 0;
}
.newslist li a{
font-weight:600;
}
.news-tag{
	display:inline-block;
	margin:0 0px;
	padding:0px 0px 0 20px;
}
.news-tag:before{
content:"〔";
	padding-right:3px;
}
.news-tag:after{
content:"〕";
	padding-left:3px;
}
.top-midashi {
	font-size: 1.1em;
	 -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	font-family: fot-tsukuardgothic-std, sans-serif;
	white-space: nowrap;
}
.top-midashi:before {
content:"ー";
	text-align:center;
	display:inline-block;
	padding-bottom:5px;
	padding-left:3px;
}
.top-midashi:after {
content:"ー";
	text-align:center;
	display:inline-block;
	padding-top:5px;
	padding-left:3px;
}
.conceptcont{
	background:#fff;
	padding:6%;
	position:relative;
}
.fl_concept_1{
	width:5%;
}
.fl_concept_2{
	width:50%;
}
.fl_concept_3{
	width:35%;
}
.concept-img1{
	position:absolute;
	max-width:33%;
	top:-5%;
	right:3%;
}
.concept-img2{
	position:absolute;
	max-width:18%;
	bottom:-5%;
	right:20%;
}
.topworks-item{
	position:relative;
}
.topworks-item img{
	width:100%!important;
	}
.topworks-title{
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
	color:#fff;
		font-family: fot-tsukuardgothic-std, sans-serif;
	text-shadow:0px 0px 3px #717171;
}
#voice{
	position:relative;
	margin-bottom:150px;
}
.voice_l{
	width:45%;
	position:absolute;
}
.voice_r{
	width:60%;
	background:#fff;
	padding:6% 6% 6% 8%;
	float:right;
}
.fl_voiceinfo_l{
	width:5%;
}
.fl_voiceinfo_r{
	width:90%;
}
.fl_aboutinfo_l{
	width:5%;
}
.fl_aboutinfo_r{
	width:90%;
}
#about{
	position:relative;
}
.about_l{
	width:30%;
	position:absolute;
	right:0;
}
.about_r{
	width:75%;
	background:#fff;
	padding:6% 10% 6% 6%;
	float:left;
}
.top-aboutlist{
	width:70%;
	margin-left:30%;
}
.fl_roundlist_l{
	width:15%;
}
.fl_roundlist_r{
	width:80%;
}
.topblog-title{
	background:#7F674C;
	border-radius:50%;
    padding:28%;
}
.topblog-title h2{
	color:#fff;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-size:1.1em;
	text-align:center;
	margin:0;
}
.topblog-title a{
		color:#fff;
	text-align:center;
	width:100%;
	border:1px solid #fff;
	margin-top:15px;
	font-size:12px;
	border-radius:5px;
}
.fl_topblog{
	width:23%;
	margin-right:2%;
background:#fff;
	border-radius:10px;
	padding:3%;
}
li.fl_topblog:nth-child(4n){
	margin-right:0%;
}
.fl_topblog a{
color:#000;
}
.fl_topblog p{
	line-height:1.6;
}
.top-bloglist li a img{
	border-radius:50%;
	width:70%;
	margin:0 auto 10px auto;
	display:block;
}
.blog-date{
	color:#FF9620;
	font-size:12px;
}
#insta{
	background:#fff;
	margin:100px 0 0 0;
	position:relative;
}
.insta-icon{
	position:absolute;
	width:100px;
	height:100px;
	display:block;
	border-radius:50%;
	background:#fff;
margin:auto;
	z-index:1000;
	top:-7%;
	left:0;
	right:0;
}
.topevent_cont{
	background:#fff;
	border-radius:10px;
	padding:3%;
}
.fl_topevent_l{
	width:25%;
}
.fl_topevent_r{
	width:70%;
}
.fl_topevent_l img{
border-radius:50%;
}
.insta-icon img{
	width:40px;
	position:absolute;
	 top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.instacont{
	max-width:1100px;
	width:90%;
	margin:0 auto;
	padding:8%;
}
/****************************************
archive page
/****************************************/
#bloglist li{
	margin-bottom:30px;
}
.fl_blog_l{
  width: 40%;
}
.fl_blog_l img{
	width:100%;
	  height: 230px;
  object-fit: cover;
}
.fl_blog_r{
  width: 55%;
}
/****************************************
fix page
/****************************************/
.page-menu-head{
	background:#fff;
	padding:3%;
}
.page-menu-headcont{
max-width:50%;
	margin:0 auto;
}
.page-midashi{
	display:block;
	text-align:center;
	background:url(images/back-border.png);
	background-repeat:repeat-x;
	background-size:30px 30px;
	background-position:center center;
}
.page-midashi h2{
	font-size:1.7em;
	text-align:center;
	display:inline;
	background: url(images/back.jpg);
	background-size: 200px 200px;
	padding:0 20px;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
.page-intro{
	background:#fff;
	padding:4% 6%;
	position:relative;
}
.fl_intro_1{
	width:5%;
}
.fl_intro_2{
	width:50%;
}
.fl_intro_3{
	width:30%;
}
.fl_intro_3 img{
position:absolute;
	max-width:32%;
	right:3%;
}
.saho{
	padding-top:60px;
	border-bottom:2px solid #000;
	padding-bottom:40px;
}
.saholist li.number{
	position:relative;
	z-index:10;
}
.saholist li h3{
	margin-top:20px;
	z-index:1000;
}
.number{
	font-size:6em;
	color:#fff;
	line-height:0.5;
	position:absolute;
	opacity:0.5;
	z-index:0;
}
.page-menu-foot{
	padding:3%;
}
.page-menu-footcont{
	max-width:50%;
	margin:0 auto;
}
/*modelhouse*/
.model-intro{
	background:url(images/model-back.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px 0;
}
.model-introcont,.flow-introcont{
	background:rgba(255,255,255,0.9);
	padding:6%;
	max-width:1100px;
	margin:80px auto;
	width:90%;
}
.fl_model_l{
	width:15%;
}
.fl_model_r{
	width:85%;
}
/*flow*/
.flow-intro{
	background:url(images/flow-back.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:80px 0;
}
#flowlist li{
	width:30%;
	margin-right:5%;
	padding:40px 0;
	border-bottom:1px solid #000;
	margin-bottom:40px;
}
#flowlist li:nth-child(3n){
	margin-right:0%;
}
.flow-money{
	color:#FF9620;
	float:right;
}
.flow-money p{
	font-size:11px;
	padding:0;
	text-align:center;
	font-weight:600;
}
.cercle{
	background:#FF9620;
	color:#fff;
	border-radius:50%;
	width:70px;
	height:70px;
}
.cercle-brown{
	background:#AD9576;
	color:#fff;
	border-radius:50%;
	width:70px;
	height:70px;
}
.cercle p{
padding:15px 0 15px 0;
	vertical-align:middle;
	display:block;
	line-height:1.2;
}
.cercle-brown p{
padding:20px 0 15px 0;
	vertical-align:middle;
	display:block;
	line-height:1.2;
}
/*contact*/
.fl_contact_l{
	width:70%;
}
.fl_contact_r{
	width:25%;
}
.banner-contact{
	max-width:400px;
	width:90%;
	margin:0 auto;
}
.banner-contact img{
	box-shadow:0px 0px 8px 0px #bfbfbf;
	border-radius:8px;
	border:2px solid #7F674C;
}
/****************************************
single page
/****************************************/

/****************************************
menu
/****************************************/
#menu-header{
	display:flex;
}
#menu-header li{
	width:18%;
	margin-right:2%;
}
#menu-header li:nth-child(5n){
	width:18%;
	margin-right:0%;
}
#menu-header li a{
	color:#000;
	display:block;
	text-align:center;
	width:100%;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
.menu-small{
	display:block;
	text-align:center;
	color:#7F674C;
	font-size:14px;
	font-weight:600;
}
/*toggle menu*/
.drawr-bt {
	display: none;
	cursor: pointer;
	z-index: 7777;
	font-size: 1.3em;
	width: 60px;
	padding:11px;
	height: 60px !important;
	height: 100%;
	position:absolute;
	right:0;
}
.drawr-bt img{
}
.drawr {
	position: fixed;
	width: 100%;
	height:100%;
	z-index: 9999;
	display: none;
	background: #fff;
}
.drawr-inner {
	padding: 5%;
	background: #fff;
	height: 100%;
}
.d-menu-topics li {
	list-style: none;
}
.d-menu-topics li a {
	text-align: center;
	font-size: 0.9em;
	color: #fff;
	background: #AD9576;
}
.d-menu-topics li a p {
	padding: 0 5px;
	color: #fff;
}
.d-menu-contact {
	margin: 0px auto 0 auto;
	max-width: 400px;
	padding: 0 8% 8% 8%;
}
.d-menu-contact li {
	width: 48%;
	margin-right: 4%;
}
.d-menu-contact li:nth-child(2n) {
	margin-right: 0%;
}
.d-menu-contact li a {
	background: #AD9576;
	padding: 15px;
	display: block;
	color:#fff;
}
.d-menu-contact li a img {
	margin: 0 auto;
	max-width:30px;
	display:block;
	padding-bottom:5px;
}
.d-menu-contact li a p {
	font-size: 11px;
	text-align: center;
	padding: 0;
}
#menu-sp {
	width: 100%;
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	align-content: space-between;
	align-items: stretch;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	padding: 8%;
}
#menu-sp li {
	width: 48%;
	margin:0 0 15px 0;
}
#menu-sp li a {
	color: #000;
	padding: 10px 0;
	font-size: 0.8em;
	background: #EFE8E3;
	text-align: center;
	display: block;
	transition-duration: .3s;
}
.close-bt {
	display: block;
	cursor: pointer;
	z-index: 9999;
	font-size: 2em;
	text-align: center;
	color: #fff;
	background:#AD9576;
	float: right;
	padding: 10px 20px;
	line-height: 1;
}
.close-bt:before {
	display: none;
}
/*kaihei menu*/
.kaihei {
	cursor: pointer;
	position: relative;
	display: block;
}
.kaihei i {
	position: absolute;
	right: 0;
	top: 35%;
}
.kaihei h4 {
	width: 75%;
	margin-bottom: 10px;
	display: inline-block;
}
.kaihei span {
	text-align: right;
	width: 25%;
	display: inline-block;
	font-size: 12px;
}
.kaihei-child {
	display: none;
	padding: 10px 0px 10px 0 !important;
}
.kaihei-child p {
	padding: 10px 0;
}
.kaihei-child img {
	width: auto;
	max-width: 100%;
}
/****************************************
sidemenu
/****************************************/
#fl_secondary .sidemenu_back {
	border-left: 1px solid #000;
	padding: 10%;
}
#fl_secondary ul li {
	border-bottom: 1px dotted #909090;
}
#fl_secondary ul li a {
	padding: 15px 0;
	color: #000;
	display: block;
	width: 100%;
	font-size: 0.9em;
}
#fl_secondary select {
	width: 100%;
	border-radius: 0px;
	border: 0px solid #999;
	background: #fff;
}
.menu-top-side {
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.menu-top-side h5 {
	font-size: 15px;
}
li.menu-top-side:last-child {
	margin-bottom: 0px;
}
.menu-top-side a {
	text-decoration: none;
	padding: 5px 0px !important;
	display: block;
	color: #000;
	font-size: 1.1em !important;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
.menu-top-side a:hover {
	color: #FF9620;
}
.menu-top-side > ul >li {
	border-bottom: none !important;
	padding: 5px 0px;
}
.menu-top-side > ul >li a {
	text-decoration: underline;
	padding: 0 !important;
	display: inline-block !important;
}
.menu-top-side > ul >li a:before {
	content: "・"
}
.menu-top-side > ul >li a:hover {
	background: transparent;
}
.children li {
	padding: 5px 0px 5px 15px;
	display: block;
}
.sub-menu-side {
	border-bottom: none !important;
}
.sub-menu-side a {
	text-decoration: underline;
	padding: 0 !important;
	width: 100%;
}
.sub-menu-side a:hover {
	background: transparent;
}
/****************************************
gallery
/****************************************/
.gallery-item a img {
	border: 0px !important;
	margin:0!important;
}
.gallery-columns-6 .gallery-item {
	margin-right: 1% !important;
	margin-top: 10px !important;
	width: 15.833333%!important;
}
.gallery-columns-6 dl:nth-child(7n-1) {
	margin-right: 0% !important;
}
.gallery-columns-5 .gallery-item {
	margin-right: 1.5% !important;
	margin-top: 10px !important;
	width: 18.8%!important;
}
.gallery-columns-5 dl:nth-child(6n-1) {
	margin-right: 0% !important;
}
.gallery-columns-4 .gallery-item {
	margin-right: 1.5% !important;
	margin-top: 10px !important;
	width: 23.875%!important;
}
.gallery-columns-4 dl:nth-child(5n-1) {
	margin-right: 0% !important;
}
.gallery-columns-3 .gallery-item {
	margin-right: 2% !important;
	margin-top: 10px !important;
	width: 32%!important;
}
.gallery-columns-3 dl:nth-child(4n-1) {
	margin-right: 0% !important;
}
.gallery-caption {
	font-size: 0.8em!important;
}
/****************************************
table
/****************************************/
table {
	width: 100%;
	font-size: 0.9em;
	border-collapse: collapse;
	border-radius: 8px;
	display:table;
	background: rgba(255,255,255,0.5);
	border:3px solid #FF9620;
}
thead {
	width: 100%;
}
tbody {
	width: 100%;
}
table tr {
	border-bottom: 1px dotted #FF9620;
	width: 100%;
	display:table;
}
table tr:last-child {
	border-bottom: none;
}
table th {
	border-right: 1px dotted #FF9620;
	padding: 15px;
	color:#000!important;
	width: 25%;
	font-weight: normal;
}
table td {
	padding: 15px;
	width: 75%;
	border-right: 1px dotted #FF9620;
}
table td:last-child {
	border-right: none;
}
.table-yoyaku{
	border:0px;
	display:table;
}
.table-yoyaku th {
	border-right: 0px dotted #FF9620;
	width: 100%;
}
.table-yoyaku td{
	width:auto;
	text-align:center;
}
.wp-block-table {
margin:10px 0;
	display:table;
}
.wp-block-table td{
width:auto;
}
/****************************************
contact form
/****************************************/
#wp-form {
	width: 100%;
	margin-top: 10px;
	background-color: rgba(255,255,255,0.7);
	border:3px solid #FF9620;
}
#wp-form h3 {
	color: #fff;
	padding: 10px 0;
	text-align:center;
}
#wp-form table {
	border-radius: 0;
	width: 100%!important;
	display:table;
	border:0px;
}
#wp-form tr {
	display: table;
	margin: 0px 0px;
	overflow: hidden;
	border-bottom: 1px dotted #FF9620;
	width:100%;
}
#wp-form th {
	text-align: left;
	font-weight: normal;
	width: 20%;
	margin: 0px 0px;
	border-right: 1px dotted #FF9620;
}
#wp-form td {
	width: 80%;
	padding: 5px 3% 5px 3%;
	text-align: left;
}
.form-title{
	background:#FF9620;
	width:100%;
}
#wp-form input, #wp-form textarea {
	padding: 10px;
	margin: 10px 0 10px;
	font-size: 15px!important;
	box-sizing: border-box;
	border: 0px;
	box-shadow: none !important;
	border-radius: 0px;
	background: #fcf2e7;
}
#wp-form-contact input, #wp-form-contact textarea {
	padding: 10px;
	margin: 10px 0 10px;
	font-size: 15px!important;
	box-sizing: border-box;
	border: 0px;
	box-shadow: none !important;
	border-radius: 0px;
	background: #f3f0ec;
}
#wp-form-contact {
	width: 100%;
	margin-top: 10px;
	background-color: rgba(255,255,255,0.7);
	border:3px solid #7F674C;
}
#wp-form-contact h3 {
	color: #fff;
	padding: 10px 0;
	text-align:center;
}
#wp-form-contact table {
	border-radius: 0;
	width: 100%!important;
	display:table;
	border:0px;
}
#wp-form-contact tr {
	display: table;
	margin: 0px 0px;
	overflow: hidden;
	border-bottom: 1px dotted #7F674C;
	width:100%;
}
#wp-form-contact th {
	text-align: left;
	font-weight: normal;
	width: 20%;
	margin: 0px 0px;
	border-right: 1px dotted #7F674C;
}
#wp-form-contact td {
	width: 80%;
	padding: 5px 3% 5px 3%;
	text-align: left;
}
.form-title2{
	background:#7F674C;
	width:100%;
}
.long {
	width: 100%;
}
.short {
	width: 60%;
}
.short2 {
	width: 47%;
}
.short3 {
	width: 10%;
}
select {
	background: #fff;
	padding: 10px;
	border: 1px solid #FF9620;
	margin-bottom: 15px;
}
textarea {
	width: 	100%;
	box-sizing:border-box;
}
input[type="reset"], input[type="button"], input[type="submit"] {
	color: #fff;
	font-size: 15px;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 10px auto!important;
	padding: 20px 50px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	width: 30%;
	display: block;
}
#wp-form .wpcf7-submit {
	background:#FF9620!important;
}
.wpcf7-submit {
	background: #7F674C!important;
}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	opacity: 0.7;
}
.essential {
	font-size: 11px;
	color: #c90909;
	margin-left: 7px;
}
.wpcf7-mail-sent-ok {
	border: none !important;
	background: #efefef;
	border-radius: 5px;
	padding: 20px;
}
.ajax-loader {
	display: none;
}
#zip {
	width: 60% !important;
}
.screen-reader-response {
	margin: 20px 0px;
	width: 100%;
	box-sizing: border-box;
}
.wpcf7-list-item {
	margin-right: 20px;
	margin-bottom: 8px !important;
}
#wp-form input[type="checkbox"], #wp-form input[type="radio"],
#wp-form-contact input[type="checkbox"], #wp-form-contact input[type="radio"] {
	display: none;
}
#wp-form label ,#wp-form-contact label {
	cursor: pointer;
}
.wpcf7-list-item-label {
	position: relative;
	padding-left: 25px;
	padding-top: 3px;
}
.wpcf7-list-item-label:before {
	width: 20px;
	height: 20px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #fcf2e7;
}
#wp-form-contact .wpcf7-list-item-label:before {
	width: 20px;
	height: 20px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #f3f0ec;
}
.kakunin .wpcf7-list-item-label:before {
	border-radius: 50%;
}
.wpcf7-list-item-label:after {
	width: 12px;
	height: 7px;
	border: 3px solid #FF9620;
	content: '';
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 5px;
	top: 5px;
	border-top: none;
	border-right: none;
	opacity: 0;
}
.kakunin .wpcf7-list-item-label:after {
	border: 0;
	background: #FF9620;
	border-radius: 50%;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	color: #FF9620;
	width: 20px;
	height: 20px;
	border: 3px solid #fff;
}
#wp-form input[type="checkbox"]:checked + .wpcf7-list-item-label:after, #wp-form input[type="radio"]:checked + .wpcf7-list-item-label:after,#wp-form-contact input[type="checkbox"]:checked + .wpcf7-list-item-label:after, #wp-form-contact input[type="radio"]:checked + .wpcf7-list-item-label:after {
	opacity: 1;
}
span.wpcf7-list-item {
	margin-left: 0!important;
	margin-right: 20px!important;
}
/****************************************
search box
*****************************************/
#search-box {
	margin-bottom: 20px;
}
#search {
	width: 85%;
	display: inline-block;
	padding: 10px;
	background:#fff;
	border-radius:4px;
}
#search-submit {
	width: 15%;
	display: inline-block;
	background: transparent;
	color: #fff;
	text-align: center;
	border: none;
	font-size: 10px !important;
	font-family: FontAwesome;
	margin: 0;
}
/****************************************
social button
*****************************************/
.snsShareArea {
	margin-top: 20px;
}
.snsShareArea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.snsShareArea a {
	box-sizing: border-box;
	display: block;
	float: left;
	margin-right: 2%;
}
.snsShareArea a i {
	vertical-align: middle;
	padding: 15px 0;
}
.snsShareArea a img {
	vertical-align: middle;
	padding: 0.6em 0;
}
.btn--twitter {
	color: #000;
}
.btn--facebook {
	color: #000;
}
.btn--line {
	color: #000;
}
.btn--line img {
	width: 30px;
}
/****************************************
page navi
*****************************************/
#navigation{
	margin:60px 0 0 0;
}
.wp-pagenavi {
	display: bock !important;
	margin: 0 auto;
	width: 100% !important;
}
 .page, .nextpostslink ,.extend,.previouspostslink{
	text-decoration: none;
	display: inline-block;
	background: #7F674C;
	padding: 6px;
	color: #fff;
	margin: 4px!important;
	border: 1px solid transparent!important;
	border-radius: 4px;
	width: 30px;
	line-height: 1.8;
	font-size: 11px;
}
.wp-pagenavi .last,.wp-pagenavi .first{
	text-decoration: none;
	display: inline-block;
	background: #7F674C;
	padding: 3px 6px;
	color: #fff;
	margin: 4px!important;
	border: 1px solid transparent!important;
	border-radius: 4px;
	line-height: 1.8;
	font-size: 11px;
}
.wp-pagenavi .pages {
	border: none;
	color: #000;
	display: inline-block;
	background:transparent;
	padding:0;
	margin:0;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #fff;
	border: 1px solid transparent!important;
	border-radius: 4px;
	margin: 4px;
	width: 30px;
	display: inline-block;
	background: #FF9620;
	line-height: 1.8;
	font-size: 11px;
}
.wp-pagenavi a.last:hover,.wp-pagenavi a.first:hover{
	width: auto;
}
.wp-pagenavi span.current {
	font-weight: bold;
}
/****************************************
page top
/****************************************/
#page-top {
	position: absolute;
	top: -100%;
	right: 0;
	left:0;
	bottom:0;
	z-index: 2000;
	margin:auto;
		width: 50px;
	height: 50px;
}
#page-top a {
	text-align: center;
	width: 50px;
	height: 50px;
}
#page-top a:hover {
	text-decoration: none;
}
/****************************************
clearfix
*****************************************/
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}
/* clearfix for ie7 */
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
/****************************************
insta feed
/****************************************/
.sb_instagram_header {
	padding: 0!important;
}
#sbi_images {
	background: #ffffff!important;
	border-radius: 6px !important;
}
#sbi_load {
	margin-top: 10px !important;
}
/****************************************
tablet
/****************************************/
@media screen and (min-width: 768px) and (max-width: 1024px) {
/****************************************
TB_menu
/****************************************/
.drawr-bt {
	display: block;
	right: 0;
	top: 11px;
}
		#menu-header{
		display:none;
	}
/****************************************
TB_header
/****************************************/
	
/****************************************
TB_footer
/****************************************/

/****************************************
TB_top page
/****************************************/

/****************************************
TB_fix page
/****************************************/

}

/****************************************
smart phone
/****************************************/
@media screen and (max-width: 767px) {
.js #menu {
	display: none;
}
.js .slicknav_menu {
	display: block;
}
/****************************************
SP_menu
/****************************************/
	.drawr-bt {
	display: block;
	right: 0;
}
/****************************************
SP_header
/****************************************/
header {
	padding:0%;
	position:relative;
}
header {
	margin: 0 auto;
	box-sizing: border-box;
	margin: 0 auto;
	padding:0%;
}
.headcont{
		height:60px;
}
.fl_head_1 {
	width: 50%;
	height:60px;
}
.fl_head_2{
		display:none;
	}
.fl_head_3{
	width:32%;
	padding-right:70px;
}
#logo img{
	max-width:240px;
	width:180px;
	padding:10% 4%;
}
#logo .catch {
	font-size: 12px;
	padding-top:0;
	color: #474747;
	text-decoration: none;
}
.top-tel {
	font-size: 2em;
}
.head-contactlist{
	flex-direction: row-reverse!important;
}
.head-contactlist li a{
	margin-left:15px;
	font-size:12px;
	background:#efefef;
	padding:2px 8px;
}
.fl_header_r {
	width: 40%;
}
.headinfo-pc {
	text-align: right;
}
/****************************************
SP_footer
/****************************************/
.footcont{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 10% 0 15% 0;
}
.fl_footer_1{
	width:60%;
	margin-bottom:20px;
}
.fl_footer_2{
	width:40%;
	margin-bottom:20px;
}
.fl_footer_3{
	width:100%;
}
#footbanner-contact,#footbanner-tel{
	background:#fff;
	padding:3%;
	border-radius:6px;
	width:100%;
	text-align:center;
	display:block;
}
#footbanner-contact{
	margin-bottom:20px;
}
	#menu-footnav li{
	width:100%;
}
/****************************************
SP_top page
/****************************************/
#concept,#intro, #topics ,#voice,#about,#event{
	max-width: 1100px;
	margin: 60px auto;
	width: 90%;
}
	#concept{
		margin-bottom:420px;
	}
	#blog{
	margin: 130px auto 0 auto;
	width: 90%;
}
	.slide-text{
	font-size:1.45em;
	right:5%;
	bottom:0;
}
#news{
	margin: 20px auto 10px auto;
}
#eventnews{
	margin: 10px auto;
}
.news-title{
	width:100%;
	font-size:1em;
	color:#FF9620!important;
	font-family: fot-tsukuardgothic-std, sans-serif;
	margin-bottom:10px;
}
.newslist{
	width:100%;
}
	.newslist li { 
		font-size:10px;
	}
	.newslist li a{
		font-size:12px;
	}
.top-midashi {
	font-size: 1.05em;
	 -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	font-family: fot-tsukuardgothic-std, sans-serif;
	white-space: nowrap;
}
.conceptcont{
	background:#fff;
	padding:15% 6% 15% 6%;
	}
.fl_concept_1{
	width:20%;
}
.fl_concept_2{
	width:80%;
}
.fl_concept_3{
	width:100%;
}
.concept-img1{
	position:absolute;
	max-width:50%;
	top:90%!important;
	right:15%;
}
.concept-img2{
	position:absolute;
	max-width:30%;
	top:130%!important;
	left:15%;
}
.topworks-item{
	position:relative;
}
	.topworks-item img{
	width:100%!important;
	}
#voice{
	position:relative;
}
.voice_l{
	width:60%;
	margin-left:5%;
	position:absolute;
}
.voice_r{
	width:100%;
	padding:30% 6% 6% 6%;
	float:right;
	margin-top:80px;
}
.fl_voiceinfo_l{
	width:10%;
}
.fl_voiceinfo_r{
	width:85%;
}
.fl_aboutinfo_l{
	width:10%;
}
.fl_aboutinfo_r{
	width:85%;
}
#about{
	position:relative;
}
.about_l{
	width:45%;
	position:absolute;
	right:5%;
	top:85%;
}
.about_r{
	width:100%;
	background:#fff;
	padding:6% 6% 15% 6%;
	float:left;
}
	.top-aboutlist{
	width:100%;
	margin-left:0%;
}
.fl_topblog{
	width:48%;
	margin-right:4%;
	margin-bottom:20px;
}
li.fl_topblog:nth-child(2n){
	margin-right:0%;
}
	.fl_roundlist_l{
		width:100%;
		margin-bottom:20px;
	}
	.fl_roundlist_r{
		width:100%;
	}
	.topblog-title{
		width:40%;
		margin:0 auto;
		padding:10%;
	}
	.topevent_cont{
		padding:6%;
	}
	.fl_topevent_l{
		width:20%;
	}
	.fl_topevent_r{
		width:75%;
	}
#insta{
	background:#fff;
	margin:100px 0 0 0;
	position:relative;
}
.insta-icon{
	position:absolute;
	width:100px;
	height:100px;
	display:block;
	border-radius:50%;
	background:#fff;
margin:auto;
	z-index:1000;
	top:-4%;
	left:0;
	right:0;
}
.insta-icon img{
	width:40px;
	position:absolute;
	 top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.instacont{
	max-width:1100px;
	width:90%;
	margin:0 auto;
	padding:15% 0%;
}
/****************************************
SP_archive page
/****************************************/
.fl_blog_l{
  width: 100%;
	margin-bottom:10px;
}
.fl_blog_l img{
	width:100%;
	  height: 200px;
  object-fit: cover;
}
.fl_blog_r{
  width: 100%;
	padding:0 4% 4% 4%;
}
#bloglist li{
	background:rgba(255,255,255,0.7);
	}
/****************************************
SP_fix page
/****************************************/
.page-menu-head{
	background:#fff;
	padding:3% 5%;
}
.page-menu-headcont{
max-width:100%;
	margin:0 auto;
}
.page-midashi{
	display:block;
	text-align:center;
	background:url(images/back-border.png);
	background-repeat:repeat-x;
	background-size:30px 30px;
	background-position:center center;
}
.page-midashi h2{
	font-size:1.8em;
	text-align:center;
	display:inline;
	background: url(images/back.jpg);
	background-size: 200px 200px;
	padding:0 20px;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
	.saho{
		padding-top:100px;
	}
.page-intro{
	background:#fff;
	padding:6% 6% 55% 6%;
	position:relative;
}
.fl_intro_1{
	width:10%;
}
.fl_intro_2{
	width:80%;
}
.fl_intro_3{
	width:100%;
}
.fl_intro_3 img{
position:absolute;
	max-width:80%;
	right:10%;
	bottom:-2%;
}
	.saholist li{
		margin-bottom:10px;
	}
.saholist li.number{
	position:relative;
	z-index:-1!important;
}
.saholist li h3{
	margin-top:0px;
	z-index:1000;
}
.number{
	font-size:8em;
	line-height:0.5;
	position:absolute;
	opacity:0.5;
}
.page-menu-foot{
	padding:5%;
}
.page-menu-footcont{
	max-width:100%;
	margin:0 auto;
}
/*modelhouse*/
.model-intro{
	background:url(images/model-back.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:30px 0;
}
.model-introcont,.flow-introcont{
	background:rgba(255,255,255,0.9);
	padding:6%;
 width:94%;
	margin:0 auto;
}
.fl_model_l{
	width:10%;
}
.fl_model_r{
	width:85%;
}
/*flow*/
.flow-intro{
	padding:40px 0;
}
#flowlist li{
	width:100%;
	margin-right:0%;
	padding:40px 0;
	margin-bottom:40px;
}
#flowlist li:nth-child(3n){
	margin-right:0%;
}
.flow-money{
	color:#FF9620;
	float:right;
}
.flow-money p{
	font-size:11px;
	padding:0;
	text-align:center;
}
.cercle{
	background:#FF9620;
	color:#fff;
	border-radius:50%;
	width:70px;
	height:70px;
}
.cercle p{
padding:15px 0;
	vertical-align:middle;
	display:block;
	line-height:1.2;
}
	.cercle-brown{
	background:#AD9576;
	color:#fff;
	border-radius:50%;
	width:70px;
	height:70px;
}
.cercle-brown p{
padding:15px 0;
	vertical-align:middle;
	display:block;
	line-height:1.2;
}
	/*contact*/
.fl_contact_l{
	width:100%;
	margin-bottom:20px;
}
.fl_contact_r{
	width:100%;
}
/****************************************
SP_single page
/****************************************/
	
/****************************************
SP_gallery
/****************************************/
.gallery-columns-4 .gallery-item {
	margin-right: 2% !important;
	margin-top: 20px !important;
	width: 49%!important;
}
.gallery-columns-4 dl:nth-child(4n) {
	margin-right: 0% !important;
}
.gallery-columns-4 dl:nth-child(5n-1) {
	margin-right: 0% !important;
}
/****************************************
SP_table
/****************************************/
table th {
	padding: 2%;
}
table td {
	padding: 2%;
}
	.table-yoyaku{
	border:0px;
	display:table;
}
.table-yoyaku th {
	border-right: 0px dotted #FF9620;
	width: 100%;
	padding:1%;
}
.table-yoyaku td,.wp-block-table td{
	width:auto;
	text-align:center;
	padding: 1%;
	font-size:10px;
}
/****************************************
SP_page top
/****************************************/

/****************************************
SP_contact form
/****************************************/
#wp-form tr {
	display: block;
	margin: 0px 0px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}
#wp-form tr:last-child {
	border-bottom: 0px solid #fff;
}
#wp-form th {
	width: 100%;
	margin: 0px 0px;
	padding: 10px 5% 5px 5%;
	display: block;
	border-right: none;
}
#wp-form td {
	width: 100%;
	padding: 5px 5% 5px 5%;
	display: block;
}
select, input, textarea {
	margin: 5px 0;
	width: 100%;
}
.short {
	width: 100%;
}
.short2 {
	width: 45%;
}
.short3 {
	width: 30%;
}
input[type="checkbox"], input[type="radio"] {
	width: auto;
}
input[type="submit"] {
	margin-bottom: 0px;
	width: 80%;
	padding: 0;
	height: 50px
}
.long, textarea {
	width: 100%;
}
.wpcf7-list-item {
	display: block;
}
.inputTextLong {
	width: 100%;
	max-width: 300px;
}
/****************************************
SP_instagram
/****************************************/
.sbi_item {
	width: 50%!important;
	float: left!important;
}
.sbi_photo {
	max-width: 100% !important;
	height: 130px !important;
}
/****************************************
SP_social button
/****************************************/
.snsShareArea a {
	width: 40px;
	height: 40px;
	line-height: 1.5;
}
.btn--line img {
	width: 23px;
}
/****************************************
SP_search box
*****************************************/
#search {
	margin: 0;
}
}
/****************************************
SPS_top page
*****************************************/
@media screen and (max-width: 480px) {
.concept-img1{
	position:absolute;
	max-width:70%;
	top:96%!important;
	right:10%;
}
.concept-img2{
	position:absolute;
	max-width:45%;
	top:135%!important;
	left:10%;
}
}

.yotube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.yotube iframe {
  width: 100%;
  height: 100%;
}

.specs{
	background: #f3ede4;
	padding: 40px;
}
.specs dl{
	display: flex;
	margin-bottom: 15px;
	align-items: center;
	padding-bottom: 15px;
	border-bottom: 	1px solid #7F674C;
}
.specs dt{
	background: #7F674C;
	color: #fff;
	padding: 5px;
	line-height: 1;
	white-space: nowrap;
	border-radius: 3px;
	width: 150px;
}
.specs dd{
	margin-left: 15px;
	width: calc(100% - 150px);
}
.specs dd.comment{
	margin-left: 0;
	width: 100%;
}

.before_img{
	display: flex;
	flex-wrap: wrap;
}
.before_img li{
	width: 32%;
	height: auto;
	margin-right: 1%;
}
.before_sec h3,.after_sec h3{
	font-family: fot-tsukuardgothic-std, sans-serif;
	display: block;
	text-align: center;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7F674C;
	color: #7F674C;
}

@media screen and (max-width: 480px) {
	.specs dl{
		display: block;
		margin-bottom: 15px;
	}
	.specs dt{
		margin-bottom: 10px;
	}
	.specs dd{
		margin-left: 0;
		width: 100%;
	}
	.before_img li{
		width: 48%;
		height: auto;
		margin-right: 2%;
	}
}

#bnr_youtube{
	margin: 40px auto 0;
	max-width: 850px;
	width: 90%;
}

.workscats{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px
}
.workscats a{
	display: block;
	width: 47%;
	border-radius: 10000px;
	border: 1px solid #7f674c;
	padding: 10px;
	text-align: center;
	line-height: 1;
	font-size: 120%;
}