/* @font-face {
    font-family: 'Pacifico';
    src: url('pacifico.eot');
    src: url('pacifico.eot?#iefix') format('embedded-opentype'),
         url('pacifico.woff') format('woff'),
         url('pacifico.ttf') format('truetype'),
         url('pacifico.svg#Pacifico') format('svg');
  } */



#disqus_thread {
	margin-top: 20px;
}
* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blue {
	background: #3498db;
	color: #fff;
}
.blue h3 {
	background: #fff;
	color: #3498db;
	font-size: 36px;
	line-height: 100px;
	margin: 10px;
	padding: 2%;
	position: relative;
	text-align: center;
}
.variable-width .slick-slide p {
	background: #fff;
	height: 100px;
	color: #3498db;
	margin: 5px;
	line-height: 100px;
}
.button {
	background: #3498db;
	color: #fff;
	display: block;
	font-size: 16px;
	margin: 20px auto;
	padding: 20px;
	text-align: center;
	text-decoration: none;
	width: 48%;
}
.buttons {
	padding: 0 20px 20px;
	margin-bottom: 10px;
}
.buttons .button {
	background: #FFF;
	color: #3498db;
	float: left;
	margin: 5px;
}
.center .slick-center h3 {
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	-webkit-transform: scale(1.08);
	color: #e67e22;
	opacity: 1;
	transform: scale(1.08);
}
.center h3 {
	opacity: 0.8;
	transition: all 300ms ease;
}
.content {
	margin: auto;
	padding: 20px;
	width: 600px;
}
.content:after, .buttons::after {
	clear: both;
	content: "";
	display: table;
}
.destroy {
	font-weight: 400;
	margin-top: 40px;
}
.features {
	display: block;
	list-style-type: none;
	margin-top: 30px;
	padding: 0;
	text-align: center;
}
.features li {
	margin: 20px 0;
}
.filter .button {
	background: #FFF;
	color: #3498db;
	margin-bottom: 40px;
}
.fixed-header {
	background: #FFF;
	box-shadow: 2px 0 5px rgba(0,0,0,0.5);
	display: none;
	padding: 10px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.fixed-header .header-content {
	margin: auto;
	width: 600px;
}
.fixed-header .subheading {
	display: none;
}
.fixed-header h1.title {
	float: left;
	font-size: 24px;
	margin: 0;
}
.fixed-header ul.nav {
	float: right;
	margin: 0;
	padding: 5px;
}
.fixed-header ul.nav li {
	margin: 0 0 0 10px;
}
.header {
	padding: 20px 0;
}
.margin-40 {
	margin-bottom: 40px;
}
.more, .button.first {
	margin-top: 40px;
}
.red {
	background: #e74c3c;
	color: #fff;
}
.slick-slide .image {
	padding: 10px;
}
.slick-slide img {
	display: block;
	/* width: 100%; */
}
.slick-slide img.slick-loading {
	border: 0
}
.slick-slider {
	margin: 30px auto 50px;
}
.subheading {
	color: #555;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	margin: 10px auto;
	text-align: center;
}
.white {
	background: #fff;
	color: #3498db;
}
.white pre, .white hr {
	background: #3498db !important;
}

p {
	font-size: 15px;
	line-height: 180%;
}

a {
	color: #50b848;
}

a:focus,
a:hover {
	color: #000;
	text-decoration: none;
}

a img{
	transition: all 0.3s;
}

a img:focus,
a img:hover {
	opacity: 0.7;
}

body, html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background: #fff;
	font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	height: 100%;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility;
	width: 100%;
}

table {
	width: 100%;
}

code {
	color: #000;
	overflow-x: scroll;
}
h1 {
	color: #3498db;
	font-size: 72px;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 auto 10px;
	text-align: center;
}
h1.title {
	font-size: 96px;
}
h2 {
	font-size: 36px;
	margin: 20px auto;
	text-align: center;
}
h4 {
	font-size: 28px;
	margin: 20px auto;
	text-align: center;
}
hr {
	background: #fff;
	border: 0;
	height: 1px;
	margin: 5px 0;
}
pre {
	background: #fff;
	margin: 0 10px 20px;
	padding: 10px;
}
section {
	width: 100%;
	position: relative;
}
ul.nav {
	margin-bottom: 0;
	padding-left: 0;
	text-align: center;
}
ul.nav li {
	display: inline-block;
	list-style-type: none;
	margin: 0 20px;
}
ul.nav li a {
	font-size: 14px;
	text-decoration: none;
}
#carbonads {
	max-width: 320px;
	width: 100%;
	color: white;
	background: white;
	padding: 20px 20px 20px;
	margin: 0px auto 40px;
	text-align: center;
	position: relative;
	top: 40px;
}
#carbonads a {
	display: inline-block;
	margin-bottom: 0px;
	font-size: 10px;
	line-height: 1.5;
}
#carbonads .carbon-img {
	margin-bottom: 10px;
}

.top_menu {
	margin-top: 20px;
}

.top_menu li a{
	display: block;
	padding: 5px 20px;
	font-size: 16px;
	color: #533b37;
}

.top_menu li a:focus,
.top_menu li a:hover{
	color: #50b848;
	text-decoration: none;
}

.top_menu li {
	border-right: 1px solid #939598;
}
.top_menu li:first-child {
	border-left: 1px solid #939598;
}


.news_widget {
	width: 800px;
	margin: 20px auto;
}

.news_list > .flex_normal {
	padding: 5px;
	cursor: pointer;
	transition: all 0.3s;
}

.news_list > .flex_normal:focus,
.news_list > .flex_normal:hover {
		background: #fff6ee;
}

.news_list .news_widget_img{
	margin-right: 10px;
	width: 120px;
	height: auto;
	overflow: hidden;
}


.news_widget_title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.news_widget_text {
	line-height: 150%;
}

.picup_titles {
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

.check_more {
	position: absolute;
	right: 30px;
	bottom: 10px;
}

.buy_house_list,
.monthly_house_list {
	cursor: pointer;
	transition: all 0.3s;
}

.monthly_house_list:hover,
.monthly_house_list:focus,
.buy_house_list:hover,
.buy_house_list:focus {
	background: #fff6ee;
}

.buy_house_wrap,
.monthly_house_wrap {
	margin-left: 20px;
	margin-right: 20px;
}

.buy_house_list,
.monthly_house_list {
	border: 1px solid #533b37;
	padding: 35px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.buy_house_list h4,
.monthly_house_list h4 {
	margin-bottom: 0px;
	margin-top: 10px;
	background: #533b37;
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding: 5px;
}

.point {
	padding: 10px;
	background: #ffe6cb;
}

.point_text {
	line-height: 150%;
	margin-left: 10px;
}

.btn_more,
.buy_ldk,
.monthly_ldk,
.buy_price,
.monthly_price,
.buy_distance,
.monthly_distance {
	text-align: center;
	margin-top: 10px;
}

.buy_ldk,
.monthly_ldk,
.buy_distance,
.monthly_distance {
	font-weight: bold;
	font-size: 17px;
}

.buy_price,
.monthly_price {
	font-size: 20px;
	color: red;
	font-weight: 800;
}

.check_more a{
	color: #533b37;
	transition: all 0.3s;
	cursor: pointer;
}

.check_more a:hover,
.check_more a:focus {
	color: red;
}

.btn {
	padding: 6px 20px;
}

.movie {
	margin-top: 80px;
	padding: 20px 20px 30px;
	background: url(../img/bg_pv_big.jpg) no-repeat;
	background-size: auto 100%;
    background-position: 90% -70px;
	background-color: #f0f1f3;
}

.movie_title {
	margin-top: 20px;
}

.movie_file {
	margin-top: 30px;
	border: 1px solid #000;
}

.movie_file video {
	width: 600px;
}

.movie_right  {
	margin-top: 30px;
	position: relative;
}
.service_btn {
	position: absolute;
	bottom:0px;
	width: 100%;
}

.middle_banner {
	margin-top: 80px;
}

.form_wrap {
	padding: 30px;
	background: #cce7d3;
}

.contact_form {
	width: 800px;
	margin: auto;
}

.map_info {
	font-size: 20px;
}

.p_mark {
	display: inline-block;
}

.map_info_text {
	display: inline-block;
	margin-top: 2px;
}

footer {
	background: #533b37;
	color: #fff;
	line-height: 150%;
}

.footer_menu {
	width: 500px;
	-webkit-flex-flow: wrap;
	flex-flow: wrap;
}

.footer_menu li{
	width: 250px;
	font-size: 18px;
	margin-bottom: 20px;
}

.footer_menu li a {
	color: #fff;
	transition: all 0.3s;
}

.footer_menu li a:hover,
.footer_menu li a:focus {
	color: #000;
}

.form_message textarea {
	height: 200px;
}

.contact_form h4{
	font-size: 15px;
	font-weight: bold;
}

header {
	margin-top: 30px;
	border-bottom: 1px solid #ddd;
}

.brown .btn-primary {
	border-color: #533b37;
	background: #533b37;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 0px;
}

.brown .btn-primary:hover,
.brown .btn-primary:focus {
	background: #352422;
}

.news_widget > :last-child .list_border {
	display: none;
}

.monthly_all_info,
.buy_all_info {
	border: 1px solid #533b37;
    padding: 35px;
    border-radius: 10px;
	width: 1000px;
	margin: auto;
}

.monthly_etc_wrap,
.buy_etc_wrap {
	border: 1px solid #533b37;
    border-radius: 10px;
	width: 1000px;
	margin: 50px auto;
}

.monthly_etc_wrap h4,
.buy_etc_wrap h4 {
	border-bottom: 2px solid #f37021;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.buy_info_wrap table,
.monthly_info_wrap table {
	border: 2px solid #a39382;
}

.buy_info_wrap table thead th,
.monthly_info_wrap table thead th {
	background: #a39382;
	padding: 7px 20px;
	color: #fff;
	font-weight: bold;
}

.buy_info_wrap table tbody th,
.monthly_info_wrap table tbody th {
	background: #f0ebe1;
	padding: 5px 20px;
	border-bottom: 1px solid #a39382;
}

.buy_info_wrap table tbody td,
.monthly_info_wrap table tbody td {
	padding: 7px 20px;
	border-bottom: 1px solid #a39382;
}

.google_map_wrap {
	position: relative;
}

.center_tel {
	margin-top: 40px;
}

.etc_slider_list {
	border: 1px solid #6d6e71;
	width: 180px;
	margin-left: 10px;
	margin-right: 10px;
}

.etc_slider_list h3 {
	background: #533b37;
	padding: 6px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: 0px;
	height: 70px;
	/* text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; */
}

.monthly_etc_img_thumb,
.buy_etc_img_thumb {
	width: 100%;
	height: 135px;
	padding: 10px;
}

.etc_info_wrap {
	text-align: center;
	padding: 10px;
	background: #d5e7f0;
	min-height: 165px;
	position: relative;
}

.monthly_etc_btn {
	position: absolute;
	bottom: 18px;
	left:18px;
}

.monthly_etc_ldk,
.monthly_etc_price,
.buy_etc_ldk,
.buy_etc_price{
	margin-bottom: 5px;
}

.monthly_etc_distance,
.buy_etc_distance {
	margin-bottom: 10px;
	line-height: 150%;
}

.monthly_etc_slider,
.buy_etc_slider {
	padding: 20px 50px;
}


.buy_list_img {
	width: 230px;
	height: 200px;
	margin-right: 20px;
}

.buy_list_img img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

.list_wrap {
	border-bottom: 1px solid #eee;
	padding: 20px 10px;
	transition: all 0.3s;
	
}

.list_wrap:hover,
.list_wrap:focus {
	cursor: pointer;
	background: #fff6ee;
}

.list_info {
	margin-bottom: 0px;
	margin-left: 20px;
}

.list_info > :last-child {
	margin-bottom: 0px;
}

.list_info h5 {
	font-size: 16px;
	font-weight: bold;
}

.list_info li {
	margin-bottom: 7px;
	line-height: 150%;
	list-style-type:disc;
}

#news_view h4 {
	text-align: left;
}

.buy_modify th,
.buy_modify td,
.buy_input th,
.buy_input td,
.monthly_modify th,
.monthly_modify td,
.monthly_input th,
.monthly_input td,
.news_modify th,
.news_modify td,
.news_input th,
.news_input td {
	padding: 7px 20px;
	border-bottom: 1px solid #eee;
	line-height: 150%;
}


.buy_input textarea,
.buy_modify textarea,
.monthly_modify textarea,
.monthly_input textarea,
.news_modify textarea,
.news_input textarea{
	height: 200px;
}

.nagare_arrow {
	text-align: center;
}

.service_nagare {
	border: 1px solid #533b37;
	padding: 20px 50px 50px;
	border-radius: 10px;
}

.servie_nagare_part {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

.nagare_text {
	margin-top: 60px;
}

.servie_nagare_part h3{
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
}

.servie_nagare_part p {
	font-size: 15px;
	line-height: 180%;
}

.nagare_num {
	margin-right: 20px;
	margin-left: 30px;
}

.tel_and_mail {
	margin-top: 30px;
}

.tel_and_mail .tel {
	display: inline-block;
	margin-right: 70px;
}

.tel_and_mail .email {
	display: inline-block;
}

.kaiage {
	background: #e6e7e8;
	padding: 50px 70px;
}

.kaiage_junban_wrap {
	padding: 20px 80px;
}

.kaiage_junban {
	width: 450px;
	border: 1px solid #533b37;
	border-radius: 10px;
	background: #fff;
	padding: 20px;
	margin-bottom: 50px;
}

.kaiage_junban h5{
	font-size: 18px;
	color: #533b37;
	font-weight: bold;
	line-height: 150%;
}

.kaiage_nagare_part {
	width: 100%;
}

.kaiage_nagare_part .kaiage_num {
	width: 18px;
}

.kaiage_nagare_text {
	width: calc(100% - 30px);
}

.company h3 {
	position: relative;
}

.company h3::before {
	position: absolute;
	content: url(../img/red_line.png);
	display: inline-block;
	top:0px;
	left:-20px;
}

.company_map {
	border: 1px solid #ccc;
}

.banner {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
}

.example {
	text-align: center;
	margin-top: 80px;
	margin-bottom: 40px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.example_title {
	display: inline-block;
	margin-bottom: 30px;
	padding: 10px 100px;
	font-size: 21px;
	color: #fff;
	font-weight: bold;
	background: #694a44;
}

.example_child {
	border: 2px solid #0db14b;
	background: #0db14b;
	padding: 15px;
	width: 47%;
	font-size: 21px;
	font-weight: bold;
	border-radius: 10px;
	margin-bottom: 20px;
	color: #fff;
	text-align: center;
}

.example_child > div {
	letter-spacing: 0.8em;
	padding-left: 0.5em;
}

.example_child:last-child {
	letter-spacing: 0em;
}

.btn-primary {
	background: #0e5d9e;
}

.btn-primary:hover {
	background: #084066;
}

.login_form {
	width: 300px;
	margin: 100px auto;
}

.image_input {
	display: -webkit-flex; 
	display: flex;
	border-bottom: 1px solid #eeeeee; 
	margin-bottom: 5px;
}

.image_input_left {
	width: 150px; 
	height: 130px; 
	display: inline-block; 
	overflow: hidden;
	background: #eee;
	border: 1px solid #ddd;
	margin-right: 20px;
	margin-bottom: 20px;
}

.image_input_left img {
	display: block;
	margin: auto;
	height: 100%;
}

.image_input_right {
	width: 50%;
	display: inline-block
}
.news_text {
	font-size: 16px;
	line-height: 150%;
}

@media (max-width: 420px) {
ul.nav li a {
	display: block;
	font-size: 14px;
}
}

@media (max-width: 768px) {
.fixed-header {
	display: none !important;
}
#carbonads {
	top: 0px;
}
.header ul.nav li {
	display: block;
	margin: 20px;
}
.blue h3 {
	font-size: 24px;
}
.button {
	margin: 0 auto 20px;
	width: auto;
}
.button.first {
	margin-top: 40px;
}
.buttons {
	padding: 0 0 20px;
}
.buttons .button {
	float: left;
	font-size: 12px;
	margin: 1%;
	width: 48%;
}
.center {
	margin-left: -40px;
	margin-right: -40px;
}
.center .slick-center h3 {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	color: #e67e22;
	opacity: 1;
	transform: scale(1);
}
.center h3 {
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	opacity: 0.8;
	transform: scale(0.95);
	transition: all 300ms ease;
}
.content {
	margin: auto;
	padding: 20px 40px;
	width: auto;
}
.fixed-header .header-content {
	width: auto;
}
pre {
	font-size: 12px;
	overflow-x: scroll;
}
table {
	font-size: 14px;
	line-height: 18px;
	display: block;
	float: left;
}
tr {
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #fff;

	background: transparent;
	float: left;
}
thead {
	display: none;
}
	th {
		width: 100%;
		display: block;
	}
td {
	border: 0;
	padding: 10px 0px;
	min-height: 33px;
}
td, tbody {
	display: block;
	width: 100% !important;
}
table.settings td:nth-of-type(1), table.methods td:nth-of-type(1) {
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
}
table.settings td:nth-of-type(2):before {
	content: 'Type: ';
	font-weight: 700;
}
table.settings td:nth-of-type(3):before {
	content: 'Default: ';
	font-weight: 700;
}
table.methods td:nth-of-type(2):before {
	content: 'Arguments: ';
	font-weight: 700;
}
	
	.flex_between,
	.flex_normal,
	.flex_center {
		-webkit-flex-direction: column;flex-direction: column;
	}
	
	.top_logo img {
		width: 100%;
	}
	.top_tel {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.top_tel a {
		display: inline-block;
		margin-top: 10px;
	}
	
	.top_menu li:first-child {
		border-left: none;
		border-top: 1px solid #939598;
	}
	
	.top_menu li {
		border-right: none;
		border-bottom: 1px solid #939598;
	}
	.top_menu {
		margin-bottom: 20px;
	}
	
	.news_widget {
		width: 100%;
		padding: 5px;
	}
	
	.news_border_long img {
		width: 100%;
	}
	.news_widget_title {
		margin-top: 10px;
	}
	.news_widget_img {
		width: 100% !important;
		height: 100px !important;
		text-align: center;
	}
	.news_widget_img img {
		height: 100% !important;
		width: auto !important;
	}
	.content_wrap {
		margin-top: 30px;
	}
	.check_more {
		position: static;
		margin-top: 10px;
	}
	.monthly_house_wrap,
	.buy_house_wrap {
		margin-left: 0px;
		margin-right: 0px;
	}
	.buy_house_list, 
	.monthly_house_list {
		padding: 15px;
	}
	.monthly_img, 
	.buy_img {
		width: 100% !important;
	}
	
	.monthly_house_wrap {
		margin-top: 40px;
	}
	
	.movie_right img,
	.movie_title img {
		width: 100%;
	}
	
	.movie_file video {
		width: 100%;
	}
	
	.service_btn {
		position: static;
		margin-top: 10px;
	}
	
	.movie {
		background-image:none;
	}
	
	.banner {
		text-align: center;
	}
	.banner img {
		max-width: 100%;
	}
	.contact_form {
		width: 100%;
	}
	.form_email {
		margin-top: 10px;
	}
	
	.form_name {
		margin-right: 0px;
	}
	
	.footer_menu {
		margin-top: 20px;
	}
	.map_info_text {
		line-height: 150%;
	}
	.pickup_title {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.service p {
		font-size: 13px;
	}
	
	.example {
		width: 100%;
		padding: 10px;
		margin-top: 40px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.example_child_wrap  {
		-webkit-flex-direction: row;
    	flex-direction: row;
	}
	.example_child > div {
		letter-spacing:inherit;
		padding-left: 0px;
	}
	.example_child {
		width: 100%;
		font-size: 16px;
	}
	.service_nagare {
		padding: 15px;
	}
	.servie_nagare_part {
		width: 100%;
	}
	.nagare_pic {
		display: block;
		width: 100%;
		text-align: center;
	}
	.nagare_num {
		display: block;
		width: 100%;
		text-align: center;
		margin: 10px 0px 20px;
	}
	.nagare_arrow {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.nagare_text_field h3 {
		text-align: center;
	}
	.nagare_text_field p {
		text-align: center;
	}
	.tel_and_mail .tel {
		text-align: center;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.kaiage {
		padding: 5px;
	}
	.kaiage_junban_wrap {
		padding: 5px;
		width: 100%;
	}
	.kaiage_junban {
		width: 100%;
	}
	.buy_list_img {
		width: 100%;
		margin-bottom: 20px;
	}
	.service .ml80 {
		margin-left: 0px;
	}
	.monthly_all_info, 
	.buy_all_info {
		width: 100%;
		padding: 15px;
	}
	.point {
		-webkit-flex-direction: row;
    	flex-direction: row;
	}
	.image_slide {
		display: none !important;
	}
	.silder_images_small {
		margin: 20px auto 20px !important;
		display: block !important;
		height: auto !important;
	}
	.google_map_wrap {
		margin-left: 0px;
		margin-top: 20px;
	}
	.monthly_etc_wrap, 
	.buy_etc_wrap {
		display: none;
	}
	.button_list {
		margin-bottom: 50px;
	}
	.slider_change {
		width: 100% !important;
		height: 160px !important;
		margin-left: 0px !important;
		border: 1px solid #ddd;
		padding-bottom: 0px !important;
	}
	.slider_change > div {
		width: 100% !important;
		height: 100% !important;
	}
	.monthly_img img,
	.buy_img img{
		height: 100%;
		width: auto;
	}
	.footer_menu {
		width: 100%;
	}
	.company_layout table tr > :first-child {
		background: #eee;
	}
	.news_text {
		margin-left: 0px;
		margin-top: 10px;
		line-height: 150%;
	}
	#news_view h4 {
		font-size: 18px;
	}
	.footer_menu01 {
		order: 1;
	}
	.footer_menu02 {
		order: 4;
	}
	.footer_menu03{
		order: 2;
	}
	.footer_menu04 {
		order: 5;
	}
	.footer_menu05 {
		order: 3;
	}
	.footer_menu06 {
		order: 6;
	}
}