/*---------------------------------------------------------
Theme Name: ファーストK
Description: ファーストKサイト用テンプレート
Author: nakahara taichi
License:
License URI:
Version: 201512
---------------------------------------------------------*/
@charset "UTF-8";

body {
  background:#fff;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-size: 0.9em;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.7;
}
h1, h2, h3, h4, h5 {font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.head_wrap{padding: 0 10px;}
.txt_left{text-align: left;}
.txt_right{text-align: right;}
a:link{color: #40220F;}
a:hover{opacity: 0.8;}
a:visited{color: #666;}
blockquote{background: #ccc;padding:20px;clear: both;margin:20px auto;}
.wrapper {
    width: 890px;
    margin: -80px auto 0 auto;
    overflow: hidden;
    padding: 80px 40px 0 40px;
    box-shadow: 0 20px 10px rgba(0,0,0,0.4);
    clear: both;
}
header#first{height: 91px;width: 920px;margin: 0 auto 10px auto;padding: 5px 0;}
header#first h1{margin: 0;padding: 0;}
header .top_logo{width: 321px;height:67px;float: left;}
header#first p{margin:20px 0 0 20px;float: left;font-size: 15px;width: 295px;}
header#first .contact_area{width: 275px;float: right;text-align: right;}
header#first .contact_area .contact_btn{margin:20px 0 0 5px;float:left;text-decoration: none;border-radius:15px;text-align: center;}

#slider{height: 300px;background:url(img/reef_back.png) repeat-x center transparent;background-size:800px;padding:0;margin-bottom: 20px;overflow: hidden;position: relative;clear: both;}
#slider .bx-wrapper{width: 780px;margin: 0 auto;z-index: 1;}
#slider .decoration{position: absolute;top:0;left: 50%;margin-left: -490px;z-index: 10;}
#slider .keyword{
  position: absolute;
  top:130px;
  left: 50%;
  margin-left: -250px;
  z-index: 11;
  width: 500px;
  background: url(img/back_black_transparent.png) transparent;
  color: #fff;
  font-size: 2em;
  text-align: center;
  padding:10px;
}

nav#site_menu{
	clear: both;
}
nav#site_menu ul{margin: 0;padding: 0;height: 27px;overflow: hidden;background: url(img/ft_back.png) #2eb042 no-repeat center 100%;}
nav#site_menu ul li{list-style-type: none;display: block;float: left;margin-right: 2px;width: 12%;border-right:2px solid #fff;padding-top:5px;}
nav#site_menu ul li:last-child{border-right:none;}
nav#site_menu ul li img{width: 100%;}

section#contents {
  width: 640px;
/*  float: left;*/
  overflow: hidden;
  margin:0 auto;
  clear:none;
  height: auto !important;
  height: 800px;
}
section#contents.one{
  width:890px;
}
#work_type_list{width: 830px;margin: 0 auto;}
section#contents #type_open ul,section#contents #type_close ul,section#contents #type_semi ul{
  width: 400px;
  float: right;
  margin: 0;
  padding: 0;
}
section#contents #type_open ul li,section#contents #type_close ul li,section#contents #type_semi ul li {
  list-style-type: none;
  display: inline-block;
  width: 30%;
  margin: 0 1% 10px;
  padding: 0;
}
section#contents #type_open ul li a,section#contents #type_close ul li a,section#contents #type_semi ul li a{
  display: block;
  border:1px solid #ccc;
  padding: 5px;
  text-align: center;
  background: url(img/bt_back.jpg) right bottom no-repeat #fff;
}

footer{
  clear: both;
  text-align:right;
  color: #fff;
  line-height: 1.5;
  background: #eee;
}
footer .kamei{width: 960px;margin: 0 auto;text-align: left;padding-top: 20px;}
footer .kamei h3{color: #000;margin: 10px 0 0 40px;}
footer .kamei .kdt{text-align: left;padding-left:200px;}
footer .kamei .kdt img{margin:0 40px 20px 0;}
footer .kamei .kdt.own img{margin:0 20px 20px 0;}
footer .innger{padding:5px 0;background:url(img/ft_back.png) #2eb042 no-repeat center 100%;}
footer small{width: 960px;margin: 0 auto;display: block;}
footer .f_link{width: 600px;float: left;text-align: left;}
footer .f_link ul{margin: 0;padding: 0;}
footer .f_link ul li{list-style-type: none;display: inline-block;margin-left: 10px;}
footer .f_link ul li a{color: #fff;}
.change_topic{border-top:solid 1px #ccc;border-bottom:solid 1px #fff;border-right: 0; border-left: 0;margin: 20px 0;clear: both;}

#contents p{margin: 0 0 20px 0;}
#contents p img{max-width: 100% !important;clear:both;}
#contents p img.alignleft{float: left;margin:0 20px 20px 0;}
#contents p img.alignright{float: right;margin:0 0 20px 20px;}
#contents p img.aligncenter{margin:0 auto;display: block;}
#contents ul li{
padding-left: 1.5em;
margin-left: 0;
}
#contents .breadcrumbs_nav ul{margin: 0 0 20px 0; padding: 0;font-size: 0.8em;height: 20px;}
#contents .breadcrumbs_nav li{
display: inline;
padding: 0;
background: none;
}
#contents .breadcrumbs_nav li a{
background: url("img/boom_off.png") right 1px no-repeat;
padding:0 1.5em 0 0;
}
#contents .breadcrumbs_nav li.active a{
background: url("img/boom_on.png") right 3px no-repeat;
}
/* toppage CSS */
#top_description{
width: 640px;
background: url("img/top_desc_back_02.png") repeat-y #fff;
overflow: visible;
}
#top_description h2{line-height: 20px;overflow: hidden;font-size: 1.1em;margin:0;padding: 10px 20px;background: url("img/top_desc_back_01.png") top left no-repeat #fff;}
#top_description p{padding: 0 20px 15px 20px;margin:0;font-size: 0.9em;overflow: visible;background: url("img/top_desc_back_03.png") bottom left no-repeat transparent;border-bottom: 1px solid #fff;}
#toppage .wrapper{width: 890px;}
#toppage section#contents{width: 890px;}
#toppage nav#site_menu{margin-top: 0;}
#toppage #box{margin-bottom: 20px;}/*
#toppage #box img{margin-top: 20px;}*/
#toppage #box a img{margin-right: 16px;width: 210px;height: auto;}
#toppage #box a:last-child img{margin-right: 0;}
#toppage #news{width: 435px;float: left;margin-bottom: 20px;}
#toppage #fb_box{width: 435px;float: right;text-align: center;overflow: hidden;height: 500px;margin-bottom: 20px;}
#toppage .right_box{float: right;}


#toppage #camp{clear: both;margin-top: 50px;}
#toppage #camp .camp_header{margin-bottom: 20px;}


#work_list{overflow: hidden;height: 150px;}
#work_list dl{
width: 198px;
float: left;
margin:0 10px 0 0;
position: relative;
border: 1px solid #000;
}
#work_list a:nth-child(3n) dl{margin: 0;}
#work_list dl dt{z-index: 1;overflow: hidden;}
#work_list dl dd{
background: url("img/back_black_transparent.png") transparent;
margin:0;
padding: 5px 20px 15px;
color: #fff;
z-index: 2;
position: absolute;
left:0;
bottom: 0;
width: 158px;
text-align: center;
line-height: 1.5;
}
#type_list{width: 830px;margin: 0 auto 20px auto;}
#type_list a:last-child img{float: right;margin-bottom: 20px;}
#type_list dl{width: 303px;margin:10px 20px 10px 0;float: left;background: #2eb042;height: 70px;overflow: hidden;border:1px solid #207a2e;}
#type_list a:nth-child(2) dl{margin-right: 0;}
#type_list dl dt{width: 140px;float: left;}
#type_list dl dd{width: 160px;float: right;text-align: center;color: #fff;margin: 0;padding: 15px 0;line-height: 1.3;}
#contactform p.bd1_border{padding-bottom: 1em;}
.bd1_border{border-bottom: 1px dotted #ccc;}
#contents ul.detail_list{padding-left: 0;}
#contents ul.detail_list li{
display: inline;
padding: 0 5px;
background-image: none;
background-color: #999;
margin-right: 10px;
color: #fff;
}
#contents h4.detail_n{border-bottom: 1px solid #908c14;}
#contents h5.detail_h{
font-size:150%;
padding: 20px;
margin: 0 0 20px 0;
background-color: #fff;
}
#contents h5.detail{
font-size: 120%;
padding: 20px 0;
margin-bottom: 20px;
border-bottom: dotted #908c14 1px;
}
#contents h5.detail_e{
font-size: 120%;
border: #908c14 3px double;
padding: 5px 10px;
margin: 40px 0 20px 0;
}

#contents dl.detail_i{overflow: hidden;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px 0;background: #fff;}
#contents dl.detail_i dt{width: 200px; float: left;text-align: right;margin-bottom: 5px;color: #666;}
#contents dl.detail_i dd{width: 430px; float: right;margin:0 0 5px 0;}
#contents .b_gray{background-color: #999;color: #fff;}

#contents dl.a_list{overflow: hidden;border-top: 1px solid #ccc;margin: 0;padding: 10px 0;background: #fff;}
#contents dl.a_list dt{width: 130px; float: left;margin-bottom: 5px;color: #666;font-weight: bold;padding-left: 30px;}
#contents dl.a_list dd{width: 430px; float: right;margin:0 0 5px 0;padding-right: 20px;}
#contents dl.a_list.last{border-bottom: 1px solid #ccc;margin: 0 0 20px 0;}

#contents h3{margin:0;padding: 2px 10px;border-width: 0 0 1px 15px;border-color: #2eb042;border-style: solid;margin-bottom: 20px;}
#contents h3.no_border,
#news #contents h3{margin:0;padding: 0;border: 0;margin-bottom: 20px;}
#contents ul.news_list{margin:0 0 10px 0;padding: 0;background: #fff;height: 450px;overflow-y:scroll;overflow-x:hidden; }
#contents ul.news_list li{background: none;padding: 0;margin: 0;width: 100%;line-height: 1.3;list-style-type: none;clear: both;}
#contents ul.news_list li a{text-decoration: none;}
#contents ul.news_list li span.date{display: block;width: 90px;float: left;padding:10px 0;}
#contents ul.news_list li span.cat{display: none;}
#contents ul.news_list li span.title{display: block;padding:10px 20px;width: 280px;float: right;border-style: dotted;border-width:0 0 0 1px;border-color: #ccc;}

/*second_stage*/
.mainimage{width: 980px;margin: 0 auto;padding: 0;}
#second_stratum #work_list{height: auto;background:#BDA26E;padding: 10px 0 0 10px;}
#second_stratum #work_list dl{height: 148px;margin-bottom: 10px;border-color:#fff;width: 196px;border-width: 2px;}
#second_stratum #work_list dl dt{height: 148px;}
#second_stratum #work_list dl dd{width: 186px;height: 35px;bottom: 50%;margin: 0px 0px -25px;padding: 5px;}
#second_stratum #type_page_list h1{text-align: center;background:#BDA26E;margin-bottom: 0;padding-bottom: 0;font-size: 1.5rem;line-height: 1.6rem;padding-top: 10px;}
#second_stratum #type_list{margin-left: 10px;}
.page #second_stratum #contents nav.breadcrumbs_nav{margin-top: 0;}
.page #second_stratum #contents{background: transparent;}

/*third_stage*/
#header_img{background: #2eb042;padding:0;margin-bottom:0;overflow: hidden;}
#header_img h1{margin: 0;font-size:1.2em;}
#header_img.estate{display: none;}
.head_nav{background: #2eb042;height: 30px;}
.head_nav ul{margin: 0 auto;padding: 0;width: 890px;}
.head_nav ul li{display: inline-block;font-size: 1.1rem;margin-right: 25px;}
.head_nav ul li a{color: #fff;text-decoration: none;}
#contents .box{overflow: hidden;clear: both;margin:0 30px 50px 30px;}
#contents .box.concept img.wp-post-image{margin-right: 30px;width: 300px;float: left;}
#contents .box.concept p{float: right;width: 200px;margin-top: 80px;}

#estate #contents .right_title{width: 60%;float: right;margin: 0;}
#estate #contents .box.concept img{width: 250px;height:auto;margin-bottom:20px;}
#estate #contents .box.concept p{float: right;width: 550px;margin-top: 0;font-size: 1.2em;}
#estate section#contents,.page-template-page-one section#contents,
#news section#contents{width: 100%;}
#estate section#contents iframe{width: 100%;}
#estate #contents .category-list{margin: 0 auto;}
.page #contents,#third_stratum #contents{background: #fff;}
.page #contents nav.breadcrumbs_nav,#third_stratum #contents nav.breadcrumbs_nav{margin: 20px;}
#third_stratum .wrapper,
.page-template .wrapper{margin-top: -10px;padding-top: 10px;}
.green_head{background:url(img/ft_back.png) #2eb042 repeat-y center 100%;color: #fff;padding:0;}
.green_head h1.green_bar{width: 890px;margin: 10px auto 0 auto;font-size: 1.2em;font-weight: normal;}

#contents .box.staff {float: left;width: 400px;margin-right: 10px;clear: none;}
#contents .box.staff img{width: 150px;height: auto;}
#contents .box.staff p:last-child{clear: both;}
#contents .box.staff .inner{float: right;width: 240px;}
#contents .box.staff .inner p{margin-left: 40px;text-indent: -40px;}
#contents .block .box.staff:nth-child(2n+1){clear: left;}/*
#contents .box.staff:nth-child(2n+1) p{float: left;width: 240px;}
#contents .box.staff:nth-child(2n+1) img{float: right;}*/
.staff table{width: 240px;float: right;}
#contents table th,#contents table td{border: 1px solid #ccc;padding: 5px;}
.staff table th{text-align: left;font-weight: normal;background: #eee;width: 80px;}
.process #contents .block {margin:0 20px;}
.process #contents .block h2{background: url(img/no_circle.png) top left no-repeat;padding:7px 0 7px 60px;color:#40220F;}
.process #contents .block h2.two{background-position: 0 -100px;}
.process #contents .block h2.third{background-position: 0 -200px;}
.process #contents .block h2.four{background-position: 0 -300px;}
.process #contents .block h2.five{background-position: 0 -400px;}
.process #contents .block h2.six{background-position: 0 -500px;}
.process #contents .block h2.seven{background-position: 0 -600px;}
.process #contents .block h2.eight{background-position: 0 -700px;}
.process #contents .block h2.nine{background-position: 0 -800px;}
.process #contents .block h2.ten{background-position: 0 -900px;}
#contents .estate .right_contents{width: 60%;float: right;}
#contents .estate .picture_area{width: 35%;float: left;margin-top: -55px;}
#contents .estate .picture_area img{width: 100%;height: auto;}
#contents .estate ul li{padding-left: 0;}
#contents .estate .under_area{margin-bottom: 30px;overflow: hidden;}
#contents .estate .under_area img{width: 20%;height: auto;float: left;margin-right: 2%;}
#contents .estate .under_area .size_30 img{width: 30%;}
#contents .estate .under_area .right_contents{width: 32%;}
.life_info{}
.faq dl{
  margin-bottom: 30px;
}
.faq dl dt{
  color: #40220F;
  font-weight: bold;
  margin-bottom: 15px;
  margin-left: 25px;
  text-indent: -25px;
}
.faq dl dd{
  margin-left: 25px;
  text-indent: -25px;
}
.contact .input_btn input{
padding: 10px 40px;
border: 1px solid #327a0a;
margin: 20px auto;
border-radius: 5px;
background: #45a90e;
color: #fff;
}
.contact .input_btn input:hover{background: #52c911;}
#menseki,#t-menseki,#sonota,#text-yosan,#yosan{width: 150px;}
#otoiawase,#your-message{height: 100px;}

/* googlemap */
#cp{
  height:393px;
  width: 638px;
  border: solid 1px #ccc;
}

.txt_c{text-align:center;}
.txt_red{color:red;}
.txt_white{color:white;}
.txt_l{font-size: 1.5em;}
.txt_s{font-size:0.8em;}
.mb_1{margin-bottom: 1em;}
.mb_2{margin-bottom: 2em;}
.mb_0{margin: 0;}
.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.ml_10{margin-left: 10px;}
.ml_20{margin-left: 20px;}
.ml_20_sm_0{margin-left: 20px;}
.cb{clear: both;}
.box_right{float: right;}
.list_square{list-style-type:square;}
a.btn_r:link,a.btn_r:visited{display: block;padding: 5px 40px;border: 1px solid #9d986d;text-decoration: none;color: #fff;background: #767310;width: 200px;margin: 20px auto;}
a.btn_r:hover{background: #9D9816;color: #fff;}
#contents .cont p{clear:both;margin-bottom: 1em;}
.cont label.title{width:150px;float:left; margin-right: 20px;}
.cont .send_bt{text-decoration: underline;}
.cont .tbs{width: 300px;}
.error_box{width:520px;float:left;font-weight:bold;}
.cont textarea{font:100% "ﾒｲﾘｵ","ＭＳ Ｐゴシック",Arial, Helvetica, Sans-Serif;width:400px;hight:65px;border:solid 1px #9d986d;}
#contact_name,#contact_from,#contact_title,#contact_naiyou{border:solid 1px #9d986d;}
.main2{	background:url(/images/main2.jpg) no-repeat top ;}
.kakunin_naiyou{width:350px;float:left;margin-bottom:1em;}

.error404 #header_img,#header_img.no-header{height: 10px;background: transparent;}
.error404 #contents{background: #fff;margin-top: 40px;}

#contents .box.concept a.more-link{display: block;float: right;width: 200px;}
#estate #contents .box.concept a.more-link{width: 250px;}
.detail_work #contents .top-comment{display: none;}
#contents .category-list{margin-bottom: 20px;overflow: hidden;}
.sm_only{display: none;}
.pc_in_sm_box{display: inline;}
/* ****************************************************************************************************************************
PC VIEW end 
******************************************************************************************************************************* */


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

.wrapper,#toppage .wrapper{}
.wrapper,#toppage .wrapper {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    box-shadow: none;
    width: 90%;
}
#slider{height: auto;clear: both;}
header#first{height: auto;width: auto;margin: 0 auto;padding: 5px 0;height: auto;text-align: center;}
header .top_logo{width: 95%;height:auto;margin-left: 2%;}
header#first p{
  margin: 10px;
  float: left;
  width: 26%;
  clear: both;
}
header#first p img{width: 100%;height: auto;}
header#first .contact_area{width: auto;float: none;text-align: center;}
.head_wrap{padding: 0;}
/*header#first img{width: 100%;}*/
#work_list dl{margin-bottom: 20px;}
nav#site_menu{
float:none;
width:auto;
margin: 0 auto;
padding:10px 0;
}
#contents ul.news_list{height: 300px;}
#contents ul.news_list li{margin-bottom: 10px;}
#contents ul.news_list li span.date{display: block;width: 100%;}
#contents ul.news_list li span.title{display: block;padding-left: 0;margin-top: 30px;overflow: hidden;width: 100%;float: none;padding: 0;border:none;}
#toppage #news{width: auto;float: none;margin-bottom: 20px;}
#toppage #fb_box{width: auto;float: none;}

header#first .contact_area .contact_btn{width: 20%;margin-top:10px;}
header#first .contact_area .contact_btn a{float:none;border-radius:30px;}
header#first .contact_area .contact_btn img{width:100%;height: auto;}

nav#site_menu ul{height: auto;background: url(img/ft_back.png) #2eb042 repeat-y center 100%;}
nav#site_menu ul li{width: 32%;text-align: center;border:none;}
nav#site_menu ul li img{border-radius:30px;}

#slider{height: auto;background: transparent;padding: 10px 0;margin-bottom: 20px;overflow: hidden;position: relative;}
#slider .bx-wrapper{width: 100%;margin: 0 auto;z-index: 1;}
#slider .decoration{position: absolute;top:0;left: 50%;margin-left: -490px;z-index: 10;width: 100%;}

#toppage #box a img{width: 100%;margin-right: 2%;}
#toppage #box a:nth-child(2n+1) img{margin: 0;}

.pc_only{display: none;}
.sm_only{display: block;}


section#contents,#toppage section#contents{
  width: 100%;
  float: none;
  overflow: hidden;
  margin-bottom:1em;
  min-height: auto;
}
section#contents img{max-width: 100%;height: auto;}
#work_list{height: auto;}
#work_list dl{margin:0 auto 10px auto;height: 148px;float: none;}
#work_list a:nth-child(3n) dl{margin:0 auto 10px auto;}
section#contents #work_list dl dt img{max-width: 150%;}
#type_list{width: auto;}
#type_list dl{width: auto;margin:10px 0;float: none;height: 56px;}
#type_list dl dt{width: 40%;}
#type_list dl dt img{width: 100%;}
#type_list dl dd{width: 60%;font-size: 0.9em;padding: 10px 0;}
#type_list a:last-child img{float:none;}

footer{clear: both;text-align:right;color: #fff;line-height: 1.5em;}
footer .kamei{width: auto;}
footer .kamei .kdt{text-align: center;padding-left:0;}
footer .kamei .kdt img{margin: 10px 2% 20px;}
footer .innger{background:#2eb042;}
footer small{width: 100%;text-align: center;}
footer .f_link{width: auto;float: none;text-align: center;}
.change_topic{border-top:solid 1px #ccc;border-bottom:solid 1px #fff;border-right: 0; border-left: 0;margin: 20px 0;clear: both;}


.head_nav{background: #2eb042;height: auto;}
.head_nav ul{margin: 0 20px;padding: 0;width: auto;}
#contents .box.concept p{float: none;width: auto;margin-top: 20px;}
#contents .box.staff .inner{float: none;width: auto;}
#contents .box.staff:nth-child(2n+1) .inner{float: none;}
#contents .box.staff:nth-child(2n+1) p{float: none;width: auto;}
#contents .box.staff:nth-child(2n+1) img{float: none;}
.staff table{width: auto;float: none;}

#work_type_list{text-align: center;width: auto;}
section#contents #type_open ul, section#contents #type_close ul, section#contents #type_semi ul{width: auto;}
#contents .box,.page #contents nav.breadcrumbs_nav, #third_stratum #contents nav.breadcrumbs_nav{margin-left: 0px;margin-right: 0;}

section#contents.one{width: auto;}
#contents .box.staff{width: auto;text-align: center;}
#contents .box.staff .inner,#contents .box.staff p{text-align: left;}

.green_head h1.green_bar{width: auto;padding-left: 20px;}

#contents .box.concept{text-align: center;}
#contents .box.concept img.wp-post-image{float: none;margin: 0;}
#estate #contents .box.concept p{width: 100%;text-align: left;font-size:1em;}

#toppage #box a img.sm_top_50{width: 48%;}
.sm_harf{width: 48%;margin-right: 1%;}
.pc_in_sm_box{display: block;font-size:0.8em;}

/* googlemap */
#cp{
  height:300px;
  width: 80%;
  border: solid 1px #ccc;
  margin: 0 10%;
}

.ml_20_sm_0{margin: 0;}
.img_harf{width: 13%;height: auto;}

/* Pikachoose */

.pikachoose{width: auto;}
.pika-stage{width: auto;height: auto;}

/* ****************************************************************************************************************************
smartphone end 
******************************************************************************************************************************* */
}