@charset "utf-8";

/* CSS Document */

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

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body {	
color:#000000;
font-size:16px;
margin:0;
height:100%;
position:relative;
font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
overflow-x:hidden;
}

@media screen and (max-width: 640px) {
	body {
		font-size:22px;
	}
}

body > #primary {
height: auto;
}

a:link {color:#098691; text-decoration:underline;}
a:visited {color:#098691; text-decoration:underline;}
a:hover {color:#e4a612; text-decoration:underline;}

p {
	max-height:100%;
}

img{
border:0;
vertical-align: bottom;
}

/*------------------------------------------------------------------------------------------------------------------
　Expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }
.right { float:right; margin-left:20px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:20px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-right { text-align:right; }

.last { margin-bottom:0 !important; }

#lineup-font-size-sampler {
	display:none;
}

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

div:after,
section:after,
article:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

.link a {
	overflow:hidden;
	text-indent:200%;
	white-space:nowrap;
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:8020;
}

.link.overlay a {
	background-color:rgba(255,255,255,0);
	transition:0.3s;
}

.link.overlay a:hover {
	background-color:rgba(255,255,255,0.3);
}

.pc {
	display:inherit;
}

.sp {
	display:none;
}

@media screen and (max-width: 640px) {
	.pc {
		display:none;
	}
	
	.sp {
		display:inherit;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Float Image
-------------------------------------------------------------------------------------------------------------------*/

.photo-l {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.photo-r {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

.photo-l img {
	width:100%;
	height:auto;
}

.photo-r img {
	width:100%;
	height:auto;
}

.photo-c {
	text-align:center;
}

.photo-c img {
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 100%;
	height: 230px;
	margin-bottom: 1em;
}

@media screen and (max-width: 1000px) {
	.simply-scroll { 
		display:none;
	}
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 230px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width:450px;
	height:230px;
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	padding-top:60px;
	display:block !important;
	clear:both !important;
	text-align:center;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:9px 13px 9px 13px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #463ce6 !important;
		border-color:#463ce6 !important;
		background:#463ce6 !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:4px 13px 8px 13px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#463ce6 !important;
		background:#463ce6 !important;
}

/*------------------------------------------------------------------------------------------------------------------
　Primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width: 1160px) {
	#primary {
		max-width:1160px;
		overflow:hidden;
	}
}

@media screen and (max-width: 640px) {
	#primary {
		width:640px;
		overflow:hidden;
	}
}

article,
.base-container {
	width:100%;
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

@media screen and (max-width: 1200px) {
	article,
  .base-container {
		width:100%;
		padding-left:30px;
		padding-right:30px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		box-sizing: border-box;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	width:100%;
	overflow:hidden;
	box-shadow:0px 3px 6px -3px #aaaaaa;
	margin-bottom: 60px;
}

/*
@media screen and (max-width: 1100px) {
	#mainvisual {
		height:auto;
		background-image:none;
	}
}
*/

#mainvisual #slider-primary {
	/*max-width:1150px;*/
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

/*
@media screen and (max-width: 1200px) {
	#mainvisual #slider-primary {
		max-width:1100px;
	}
}
*/

#mainvisual #slider-primary .bx-viewport {
	overflow:visible !important;
}

/*
@media screen and (max-width: 1200px) {
	#mainvisual #slider-primary .bx-viewport {
		overflow:hidden !important;
		height:auto !important;
	}
}
*/
/*
@media screen and (max-width: 1100px) {
	#mainvisual #slider-primary .item {
		min-height:inherit !important;
		width:100%;
		max-width:1100px;
		height:0;
		padding-top:10%;
		background-position:center top;
		background-repeat:no-repeat;
		background-size:contain;
	}
}

@media screen and (max-width: 640px) {
	#mainvisual #slider-primary .item {
		width:640px;
		height:221px;
		max-width:640px;
	}
}
*/
/*
@media screen and (max-width: 1200px) {
	#mainvisual #slider-primary .item:after {
		left:0;
	}
}
*/

#mainvisual #slider-primary .item {
	width:100%;
	height:560px;
	position:relative;
	background-position: center;
}

#mainvisual #slider-primary .item.item01 { background-image:url(../image/mainvisual/01.jpg); }

#mainvisual #slider-primary .item01 .message01 {
	background-image:url(../image/mainvisual/message01.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 504px;
	height: 70px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
	position: relative;
	top: 346px;
	z-index: 2;
}

#mainvisual #slider-primary .item01 .message02 {
	background-image:url(../image/mainvisual/message02.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 348px;
	height: 29px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
	position: relative;
	top: 356px;
	z-index: 2;
}

/*
@media screen and (max-width: 1100px) {
	#mainvisual #slider-primary .item.item01 { background-image:url(../image/mainvisual/01.jpg); }
}

@media screen and (max-width: 640px) {
	#mainvisual #slider-primary .item.item01 { background-image:url(../image/mainvisual/01_sp.jpg); }
	#mainvisual #slider-primary .item:after {
		display:none;
	}
}

#mainvisual #slider-primary .bx-wrapper .bx-prev {
	background-image:url(../image/mainvisual/prev.png);
	width:70px;
	height:70px;
	display:block;
	top:250px;
	left:-65px;
	transition:0.3s;
}

#mainvisual #slider-primary .bx-wrapper .bx-next {
	background-image:url(../image/mainvisual/next.png);
	width:70px;
	height:70px;
	display:block;
	top:250px;
	right:-65px;
	transition:0.3s;
}

@media screen and (max-width: 1300px) {
	#mainvisual #slider-primary .bx-wrapper .bx-prev, #mainvisual #slider-primary .bx-wrapper .bx-next {
		display:none;
	}
}

#mainvisual #slider-primary .bx-wrapper .bx-prev:after, #mainvisual #slider-primary .bx-wrapper .bx-next:after {
	content:"";
	background-color:rgba(255,255,255,0);
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:0.3s;
}

#mainvisual #slider-primary .bx-wrapper .bx-prev:hover:after, #mainvisual #slider-primary .bx-wrapper .bx-next:hover:after {
	background-color:rgba(255,255,255,0.3);
}
*/

/*------------------------------------------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------------------------------------------*/

header {
	width:100%;
	max-width: 1100px;
	min-width:640px;
	margin: 0 auto;
	height:180px;
	transition:0.3s;
}

header article {
	max-width:none;
	width:100%;
	padding:0;
}

@media screen and (max-width: 1200px) {
	header article {
		max-width:1100px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-left:30px;
		padding-right:30px;
	}
}

header h1.logo {
	background-image:url(../image/header/logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:343px;
	height:62px;
	display:block;
	position:absolute;
	top:25px;
	left:30px;
	margin: 0;
	transition:0.3s;
}

header #option {
	position:absolute;
	top:30px;
	right:30px;
	transition:0.3s;
}

header #option .tel {
	display:block;
	background-image:url(../image/header/option.gif);
	width:206px;
	height:40px;
	margin-top: 10px;
}

/*------------------------------------------------------------------------------------------------------------------
　PaPaPa Pan!!
-------------------------------------------------------------------------------------------------------------------*/

#pan {
	border-top: 1px solid #098691;
	background-color: #D7ECF0;
	width:100%;
	height:84px;
	box-sizing:border-box;
	padding-left:40px;
	padding-right:40px;
	padding-top:22px;
	box-shadow:0px 3px 6px -3px #098691;
}

#pan ul {
	max-width: 1100px;
	list-style:none;
	margin:0 auto;
	padding:0;
}

#pan ul li {
	float:left;
	min-width:160px;
	height:40px;
	line-height:40px;
	display:block;
	text-align:center;
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
	margin-right:10px;
	background-color:#ffffff;
	font-size:14px;
	color:#000000;
	position:relative;
}

#pan ul li a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	text-align:center;
	line-height:40px;
	background-color:#098691;
	color:#ffffff;
	text-decoration:none;
	transition:0.3s;
}

#pan ul li a:hover {
	background-color:#0ba4b1;
}

/*------------------------------------------------------------------------------------------------------------------
　Navi
-------------------------------------------------------------------------------------------------------------------*/

header nav {
	width:100%;
	height:60px;
	padding-top: 111px;
	position:relative;
	z-index:99;
}

header nav ul {
	list-style:none;
	margin:0;
	padding:0;
	box-sizing:border-box;
	text-align:center;
}

/*
@media screen and (max-width: 1200px) {
	header nav ul {
		padding-right:0;
	}
}

@media screen and (max-width: 980px) {
	header nav {
		max-width:none;
		float:none;
		padding-top:145px;
	}
	header nav ul {
		float:none;
		width:100%;
	}
}
*/

header nav ul li {
	background-repeat:no-repeat;
	background-position:center top;
	height:60px;
	display:block;
	float:left;
	position:relative;
	transition:0.3s;
}

/*
@media screen and (max-width: 1540px) {
	header nav ul li {
		padding-left:15px;
		padding-right:15px;
	}
}

@media screen and (max-width: 1400px) {
	header nav ul li {
		padding-left:27.8px;
		padding-right:27.8px;
	}
}

@media screen and (max-width: 1330px) {
	header nav ul li {
		padding-left:15px;
		padding-right:15px;
	}
}

@media screen and (max-width: 1040px) {
	header nav ul li {
		padding-left:10px;
		padding-right:10px;
	}
}

@media screen and (max-width: 980px) {
	header nav ul {
		margin-left:-30px;
		width:calc(100% + 60px);
	}
	header nav ul li {
		display:inline-block;
		padding-left:3.8%;
		padding-right:3.8%;
		float:none;
	}
}

@media screen and (max-width: 870px) {
	header nav ul li {
		padding-left:3.2%;
		padding-right:3.2%;
	}
}

@media screen and (max-width: 790px) {
	header nav ul li {
		padding-left:2.8%;
		padding-right:2.8%;
	}
}

@media screen and (max-width: 750px) {
	header nav ul li {
		padding-left:2.2%;
		padding-right:2.2%;
	}
}

@media screen and (max-width: 690px) {
	header nav ul li {
		padding-left:1.8%;
		padding-right:1.8%;
	}
}
*/

header nav ul li:first-of-type {
	padding-left:0;
}

header nav ul li:last-of-type {
	padding-right:0;
	border-right:none;
}

header nav ul li:before {
	content:"";
	margin-left:auto;
	margin-right:auto;
	height:64px;
	display:block;
	background-repeat:no-repeat;
	background-position:center top;
	border-bottom:3px solid #ffffff;
	transition:0.3s;
}

header nav ul li:hover:before,
header nav ul li.active:before {
	border-bottom:4px solid #098691;
}

header nav ul li a {
	display:block;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

header nav ul li:nth-child(1):before { background-image:url(../image/navi/navi01.gif); width:184px; }
header nav ul li:nth-child(2):before { background-image:url(../image/navi/navi02.gif); width:183px; }
header nav ul li:nth-child(3):before { background-image:url(../image/navi/navi03.gif); width:183px; }
header nav ul li:nth-child(4):before { background-image:url(../image/navi/navi04.gif); width:183px; }
header nav ul li:nth-child(5):before { background-image:url(../image/navi/navi05.gif); width:183px; }
header nav ul li:nth-child(6):before { background-image:url(../image/navi/navi06.gif); width:184px; }

@media screen and (max-width: 1200px) {
header nav ul {
	width:900px;
	margin-left:auto;
	margin-right: auto;
}
header nav ul li:nth-child(1):before { width:150px; }
header nav ul li:nth-child(2):before { width:150px; }
header nav ul li:nth-child(3):before { width:150px; }
header nav ul li:nth-child(4):before { width:130px; }
header nav ul li:nth-child(5):before { width:150px; }
header nav ul li:nth-child(6):before { width:170px; }
}

@media screen and (max-width: 1000px) {
header nav ul {
	width:720px;
	margin-left:auto;
	margin-right: auto;
}
header nav ul li:nth-child(1):before { width:120px; }
header nav ul li:nth-child(2):before { width:120px; }
header nav ul li:nth-child(3):before { width:120px; }
header nav ul li:nth-child(4):before { width:100px; }
header nav ul li:nth-child(5):before { width:120px; }
header nav ul li:nth-child(6):before { width:140px; }
}

@media screen and (max-width: 800px) {
header nav ul {
	width:640px;
	margin-left:auto;
	margin-right: auto;
}
header nav ul li:nth-child(1):before { width:100px; }
header nav ul li:nth-child(2):before { width:100px; }
header nav ul li:nth-child(3):before { width:100px; }
header nav ul li:nth-child(4):before { width:90px; }
header nav ul li:nth-child(5):before { width:100px; }
header nav ul li:nth-child(6):before { width:140px; }
}

@media screen and (max-width: 700px) {
header nav ul {
	width:580px;
	margin-left:auto;
	margin-right: auto;
}
header nav ul li:nth-child(1):before { background:url(../image/navi/navi01_sp.gif) no-repeat center; width:70px; }
header nav ul li:nth-child(2):before { width:110px; }
header nav ul li:nth-child(3):before { width:110px; }
header nav ul li:nth-child(4):before { width:100px; }
header nav ul li:nth-child(5):before { width:110px; }
header nav ul li:nth-child(6):before { background:url(../image/navi/navi06_sp.gif) no-repeat center; width:70px; }
}


/*------------------------------------------------------------------------------------------------------------------
　Side
-------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------
　Footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
  position: relative;
	background-image:url("../image/footer/line.gif");
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#faf7f0;
	width:100%;
  height: auto;
  padding-top: 5px;
	box-sizing: border-box;
	text-align: center;
  overflow: hidden;
}
#footer .bg-img {
  position: relative;
  top: 0;
  left: calc(50% - 960px);
  width: 1920px;
  height: 434px;
  margin: 0 auto;
}
#footer .bg-img::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
	background-image:url("../image/footer/bg-left.png");
	background-position:top left;
	background-repeat:no-repeat;
	width: 473px;
  height: 434px;
}
#footer .bg-img::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
	background-image:url("../image/footer/bg-right.png");
	background-position:top left;
	background-repeat:no-repeat;
	width: 473px;
  height: 434px;
}

#footer .base-container {
  margin-top: -384px;
}

#footer .logo {
	background-image:url(../image/footer/logo.gif);
	width:513px;
	height:90px;
	display:block;
	margin: 0 auto;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

#footer address {
	font-size: 18px;
	margin: 0.75em auto;
	font-style: normal;
}

#footer nav {
	width:100%;
}

#footer nav ul {
	list-style:none;
	width:100%;
	margin:0;
	padding:0 0 8px 0;
	text-align:center;
}

#footer nav ul li a {
	width:158px;
	box-sizing:border-box;
	margin-right:30px;
	margin-bottom:15px;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:40px;
	font-size:16px;
	color:#098691;
	text-decoration:none;
	font-weight:bold;
	border:2px solid #098691;
	position:relative;
	transition:0.3s;
	float:left;
}

@media screen and (max-width: 640px) {
	#footer nav ul li a {
		font-size:22px;
	}
}

@media screen and (max-width: 1200px) {
	#footer nav ul li {
		display:inline-block;
	}
	#footer nav ul li a {
		width:auto;
		border:none;
		padding-top:0;
		padding-bottom:0;
		padding-left:0;
		padding-right:0;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:5px;
		text-decoration:underline;
		display:inline;
	}
	#footer nav ul li a:after {
		display:none;
	}
	#footer nav ul li a:hover {
		background-color:transparent !important;
		color:#098691 !important;
	}
}

#footer nav ul li:nth-child(6) a {
	margin-right:0;
}

#footer nav ul li a:hover {
	background-color:#098691;
	color:#ffffff;
}

#footer nav ul li a:after {
	content:"〉";
	font-weight:bold;
	font-size:16px;
	color:#098691;
	position:absolute;
	right:8px;
	transition:0.3s;
}

#footer nav ul li a:hover:after {
	right:5px;
	color:#ffffff;
}


@media screen and (max-width: 980px) {
	#footer nav ul li:nth-child(6) a {
		margin-left:10px;
		margin-right:10px;
	}
}

#footer .ikura-banner {
  display: inline-block;
  width: 226px;
  margin-bottom: 26px;
  transition: .2s;
}
#footer .ikura-banner:hover {
  opacity: .8;
}
#footer .ikura-banner img {
  width: 100%;
  height: auto;
}

#cc {
	background-image:url(../image/footer/cc_bg.jpg);
	text-align:center;
	color:#ffffff;
	width:100%;
	height:70px;
	line-height:70px;
}

@media screen and (max-width: 800px) {
	#cc {
		text-align:left;
		font-size:18px;
		text-indent:30px;
	}
}

.topback a {
	background-image:url(../image/footer/topback.jpg);
	width:188px;
	height:70px;
	display:block;
	padding: 0;
	margin: 0;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}


/*------------------------------------------------------------------------------------------------------------------
　Additional
-------------------------------------------------------------------------------------------------------------------*/

.button a {
	display:inline-block;
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:40px;
	font-size:16px;
	color:#098691;
	text-decoration:none;
	font-weight:bold;
	border:2px solid #098691;
	position:relative;
	transition:0.3s;
	background-image:url(../image/ar.png);
	background-position:right;
	background-repeat:no-repeat;
}

.button a:hover {
	background-color:#098691;
	color:#ffffff;
	background-image:url(../image/ar_on.png);
}

@media screen and (max-width: 640px) {
	.button a {
		font-size:22px;
	}
	.button a:after {
		font-size:22px;
		top:12px;
		right:0;
	}
}

.subpage-content-primary h2 {
	margin:0;
	padding:0;
	margin-bottom:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

/*----------------------------------------------------------------------------
   Home
------------------------------------------------------------------------------*/

#top-content {
	padding-bottom:50px;
	position:relative;
}

@media screen and (max-width: 640px) {
	#top-content {
		padding-bottom:0;
	}
}

#latest-updata {
	max-width:700px;
	width:100%;
	float:left;
	position:relative;
}

#subpage #latest-updata {
	max-width:none;
	width:100%;
	position:relative;
	margin-top:50px;
}

@media screen and (max-width: 1200px) {
	#latest-updata {
		max-width:none;
		box-sizing:border-box;
		padding-right:380px;
	}
	#subpage #latest-updata {
		max-width:none;
		box-sizing:border-box;
		padding-right:0;
	}
}

@media screen and (max-width: 1000px) {
	#latest-updata {
		padding-right:0;
		float:none;
	}
}

#latest-updata h2 {
	background-image:url(../image/contents/top/info_title.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:388px;
	height:34px;
	margin:6px 0 40px 0;
	padding:0;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

@media screen and (max-width: 1000px) {
#latest-updata h2 {
	height: 46px;
	background-position:top 6px left 0px;	
}	
}

@media screen and (max-width: 710px) {
#latest-updata h2 {
	width: 200px;
}	
}

@media screen and (max-width: 640px) {
	#latest-updata h2 {
		width:197px;
		height:57px;
	}
}

#latest-updata .button {
	position:absolute;
	top:0;
	right:0;
}

#latest-updata .list-primary {
	position:relative;
	height:336px;
	overflow:hidden;
}

#subpage #latest-updata .list-primary {
	height:inherit !important;
	padding-bottom:50px;
}

@media screen and (max-width: 640px) {
	#latest-updata .list-primary {
		height:auto;
		overflow:visible;
	}
}

#latest-updata .list-primary .list {
	padding-bottom:10px;
	border-bottom:1px solid #cecece;
	margin-bottom:24px;
}

#latest-updata .list-primary .list .thum {
	width:160px;
	height:160px;
	float:left;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	margin-right:30px;
	position:relative;
	margin-bottom:15px;
}

#latest-updata .list-primary .list h3 {
	font-size:16px;
	color:#098691;
	margin:0;
	padding:0;
}

@media screen and (max-width: 640px) {
	#latest-updata .list-primary .list h3 {
		font-size:22px;
	}
}

#latest-updata .list-primary .list h3 span {
	color:#8b8b8b;
	padding-right:20px;
	display:inline-block;
}

#top-sidebar {
	max-width:350px;
	width:100%;
	float:right;
}

@media screen and (max-width: 1200px) {
	#top-sidebar {
		float:none;
		position:absolute;
		top:0;
		right:30px;
	}
}

@media screen and (max-width: 1000px) {
	#top-sidebar {
		position:relative;
		top:inherit;
		right:inherit;
		display:block;
		width:100%;
		text-align:center;
		max-width:none;
		padding-top:40px;
	}
}

@media screen and (max-width: 640px) {
	#top-sidebar {
		padding-top:7px;
	}
}

#top-sidebar .land-bana {
	background-image:url(../image/contents/top/side_land.jpg);
	margin-bottom:20px;
}

#top-sidebar .build-bana {
	background-image:url(../image/contents/top/side_build.jpg);
	margin-bottom:20px;
}

#top-sidebar .rent-bana {
	background-image:url(../image/contents/top/side_rent.jpg);
}

#top-sidebar a {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	width:350px;
	height:125px;
	display:block;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
	position:relative;
	transition: 0.3s;
}

#top-sidebar a:hover {
	opacity: 0.8;
}

@media screen and (max-width: 1000px) {
#top-sidebar a {
	width: 31%;
	height: 6em;
	right:0px;
}
	
#top-sidebar .land-bana {
		display:inline-block;
		margin-bottom:0;
		margin-right:15px;
}

#top-sidebar .build-bana {
		display:inline-block;
		margin-bottom:0;
		margin-right:15px;
}

#top-sidebar .rent-bana {
		display:inline-block;
		margin-bottom:0;
}
}

@media screen and (max-width: 810px) {
	#top-sidebar .satei-bana {
		float:left;
		width:50%;
		margin-right:0;
	}
	#top-sidebar .bukken-osagashi-bana {
		float:left;
		width:50%;
		margin-left:0;
	}
}

/*
#top-contents-nav {
	width:100%;
	background-color:#ecebff;
	padding-top:25px;
	padding-bottom:25px;
	margin-bottom:50px;
}

@media screen and (max-width: 640px) {
	#top-contents-nav {
		margin-bottom:30px;
		padding-top:30px;
		padding-bottom:30px;
	}
}

#top-contents-nav .navi01, #top-contents-nav .navi02, #top-contents-nav .navi03 {
	width:350px;
	height:125px;
	display:block;
	position:relative;
	float:left;
	margin-right:25px;
}

@media screen and (max-width: 1200px) {
	#top-contents-nav article {
		padding-left:0;
		padding-right:0;
	}	
}

@media screen and (max-width: 1159px) {
	#top-contents-nav .navi01, #top-contents-nav .navi02, #top-contents-nav .navi03 {
		width:60%;
		float:none;
		margin-bottom:15px;
		margin-left:auto !important;
		margin-right:auto !important;
		background-position:right;
		background-repeat:no-repeat;
		border:3px solid #3e34e5;
		box-sizing:border-box;
		background-color:#ffffff;
		position:relative;
	}
	#top-contents-nav .navi03 {
		margin-bottom:0;
	}
}
@media screen and (max-width: 900px) {
	#top-contents-nav article {
		padding-left:30px;
		padding-right:30px;
	}
	#top-contents-nav .navi01, #top-contents-nav .navi02, #top-contents-nav .navi03 {
		width:100%;
	}
}

#top-contents-nav .navi03 {
	margin-right:0;
}

#top-contents-nav .navi01 { background-image:url(../image/contents/top/main-navi01.png); }
#top-contents-nav .navi02 { background-image:url(../image/contents/top/main-navi02.png); }
#top-contents-nav .navi03 { background-image:url(../image/contents/top/main-navi03.png); }

@media screen and (max-width: 1159px) {
	#top-contents-nav .navi01 { background-image:url(../image/contents/top/main-navi01_tab.png); }
	#top-contents-nav .navi02 { background-image:url(../image/contents/top/main-navi02_tab.png); }
	#top-contents-nav .navi03 { background-image:url(../image/contents/top/main-navi03_tab.png); }
	#top-contents-nav .navi01:after {
		content:"";
		background-image:url(../image/contents/top/main-navi01-title_tab.png);
		width:128px;
		height:61px;
		position:absolute;
		top:30px;
		left:30px;
	}
	#top-contents-nav .navi02:after {
		content:"";
		background-image:url(../image/contents/top/main-navi02-title_tab.png);
		width:128px;
		height:61px;
		position:absolute;
		top:30px;
		left:30px;
	}
	#top-contents-nav .navi03:after {
		content:"";
		background-image:url(../image/contents/top/main-navi03-title_tab.png);
		width:128px;
		height:61px;
		position:absolute;
		top:30px;
		left:30px;
	}
}

#top-contents-nav .navi01 a span, #top-contents-nav .navi02 a span, #top-contents-nav .navi03 a span {
	display:block;
	position:absolute;
	top:40px;
	left:174px;
	width:140px;
	height:50px;
	box-sizing:border-box;
	padding-left:10px;
	padding-top:6px;
	line-height:18px;
	background-color:#e53434;
	color:#ffffff;
	font-size:14px;
	overflow:visible !important;
	white-space:normal !important;
	text-indent:0% !important;
}

@media screen and (max-width: 1200px) {
	#top-contents-nav .navi01 a span, #top-contents-nav .navi02 a span, #top-contents-nav .navi03 a span {
		left:184px;
	}
}
*/

#pickup-property {
	background-image:url(../image/contents/top/pickup_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	height:505px;
	position:relative;
	box-shadow:0px 0px 6px 0px #aaaaaa;
}

@media screen and (max-width: 770px) {
	#pickup-property {
		padding-top:40px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 640px) {
	#pickup-property {
		background-image:none;
		height:auto;
		padding-top:0;
		box-shadow:0px 0px 0px 0px #fff;
	}
}

#pickup-property h2 {
	background-image:url(../image/contents/top/pickup_title.png);
	width:442px;
	height:37px;
	margin:0;
	padding:0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	position:absolute;
	top:45px;
	left:0;
	transition:0.3s;
}

#pickup-property .button {
	position:absolute;
	top:45px;
	right:0;
	z-index:99;
	transition:0.3s;
}

@media screen and (max-width: 1100px) {
	#pickup-property h2 {
		left:30px;
	}
	#pickup-property .button {
		right:30px;
	}
}

@media screen and (max-width: 770px) {
	#pickup-property h2 {
		position:relative;
		float:left;
		left:inherit;
		top:inherit;
	}
	#pickup-property .button {
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:inherit;
		right:inherit;
		float:left;
		margin-top:15px;
	}
}

#pickup-property .slider-primary {
	width:1920px;
	height:344px;
	position:absolute;
	top:115px;
	left:50%;
	margin-left:-1321px;
}

@media screen and (max-width: 1100px) {
	#pickup-property .slider-primary {
		left:30px;
		margin-left:0;
	}
}

@media screen and (max-width: 640px) {
	#pickup-property .slider-primary {
		max-width:640px;
		width:100%;
		height:auto;
		position:relative;
		top:inherit;
		left:inherit;
		margin-left:0;
		padding-top:30px;
		padding-bottom:40px;
		padding-left:30px;
		padding-right:30px;
		box-sizing:border-box;
	}
}

#pickup-property .slider-primary .slick-list {
	overflow:visible !important;
}

#pickup-property ul {
	list-style:none;
	margin:0;
	padding:0;
	outline:none;
}

#pickup-property ul li {
	width:378px;
	outline:none;
}

@media screen and (max-width: 640px) {
	#pickup-property ul li { width:275px; margin-bottom:30px; }
	#pickup-property ul li:nth-child(odd) { float:left; }
	#pickup-property ul li:nth-child(even) { float:right; }
}

#pickup-property ul li .content {
	width:344px;
	height:344px;
	margin:0;
	padding:0;
	display:block;
	background-color:#ffffff;
	position:relative;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.18);
}

@media screen and (max-width: 640px) {
	#pickup-property ul li .content {
		width:275px;
		height:454px;
	}
}

#pickup-property ul li .content h3 {
	width:130px;
	height:44px;
	position:absolute;
	top:0;
	left:0;
	color:#ffffff;
	line-height:44px;
	text-align:center;
	margin:0;
	padding:0;
}

#pickup-property ul li .content h3.land_bg { background-image:url(../image/contents/top/pickup_land_bg.png); }
#pickup-property ul li .content h3.build_bg { background-image:url(../image/contents/top/pickup_build_bg.png); }
#pickup-property ul li .content h3.rent_bg { background-image:url(../image/contents/top/pickup_rent_bg.png); }

@media screen and (max-width: 640px) {
	#pickup-property ul li .content h3 {
		font-size:22px;
	}
}

#pickup-property ul li .content .thum-primary {
	position:absolute;
	top:0;
	left:0;
	width:344px;
	height:300px;
	overflow:hidden;
}

#pickup-property ul li .content .thum-primary .thum {
	position:absolute;
	top:0;
	left:0;
	width:344px;
	height:187px;
	/*height:224px;*/
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

#pickup-property ul li .content .thum-primary .thum.portrait {
	background-size:contain;
}

#pickup-property ul li .content .thum-primary .thum.nophoto {
	background-color:#e2e2e2;
	background-size:auto 187px;
}

#pickup-property ul li .content .thum-primary .thum a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	z-index:9999;
}

#pickup-property ul li .content .thum-primary .thum:after {
	background-image:url(../image/contents/top/pickup-thum-overlay.png);
	background-position:center top;
	background-repeat:repeat-x;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:344px;
	height:300px;
}

#pickup-property ul li .content .thum-primary .blur {
	background-position:center top;
	background-repeat:repeat-x;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	width:344px;
	height:300px;
	filter: blur(2px);
	opacity:0.3;
}

@media screen and (max-width: 640px) {
	#pickup-property ul li .content .thum-primary {
		width:275px;
		height:275px;
	}
	#pickup-property ul li .content .thum-primary .thum {
		width:275px;
		height:200px;
		background-size:cover;
	}
	#pickup-property ul li .content .thum-primary .thum:after {
		display:none;
	}
/*
	#pickup-property ul li .content .thum-primary .blur {
		display:none;
	}
*/
	#pickup-property ul li .content .thum-primary .blur {
		width:275px;
		height:200px;
	}
	#pickup-property ul li .content .bx-wrapper .bx-viewport {
		height:319px !important;
		position:absolute !important;
		top:0;
		left:0;
	}
}

#pickup-property ul li .content .detail {
	position:absolute;
	bottom:0;
	left:0;
	width:344px;
	height: 157px;
	padding:20px;
	box-sizing:border-box;
	background-color: #FFF;
}

@media screen and (max-width: 640px) {
	#pickup-property ul li .content .detail {
		position:relative;
		bottom:inherit;
		left:inherit;
		padding-top:212px;
		width:100%;
		background-color: rgba(255,255,255,0.00);
	}
}

#pickup-property ul li .content .detail p {
	font-size:15px;
	height: 80px;
	display: inline-block;
	margin:0;
	padding:0;
}

@media screen and (max-width: 640px) {
	#pickup-property ul li .content .detail p {
		font-size:18px;
	}
}

#pickup-property ul li .content .detail p strong {
	font-size:18px;
}

@media screen and (max-width: 640px) {
	#pickup-property ul li .content .detail p strong {
		font-size:20px;
	}
}

#pickup-property ul li .content .detail .price {
	font-size:24px;
	color:#b40101;
	font-weight:bold;
}

#pickup-property ul li .content .detail .price span {
	font-size:15px;
}

@media screen and (max-width: 640px) {
	#pickup-property ul li .content .detail .price {
		font-size:32px;
		margin-top:-5px;
	}
	#pickup-property ul li .content .detail .price span {
		font-size:20px;
	}
}

#pickup-property ul li .content a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(255,255,255,0);
	transition:0.3s;
}

#pickup-property ul li .content a:hover {
	background-color:rgba(255,255,255,0.3);
}

#pickup-property ul li .content .more-button a {
	border:2px solid #098691;
	width:76px;
	height:26px;
	line-height:26px;
	text-decoration:none;
	color:#098691;
	font-size:18px;
	position:absolute;
	bottom:20px !important;
	right:20px !important;
	top:inherit !important;
	left:inherit !important;
	text-indent:10px;
	transition:0.3s;
}

#pickup-property ul li .content a:hover .more-button a {
	background-color:#098691;
	color:#ffffff;
}

#pickup-property ul li .content .more-button a:after {
	content:"〉";
	color:#098691;
	font-size:13px;
	font-weight:bold;
	display:block;
	position:absolute;
	right:3px;
	bottom:0;
	transition:0.3s;
}

#pickup-property ul li .content a:hover .more-button a:after {
	right:0;
	color:#ffffff;
}

@media screen and (max-width: 640px) {
	#pickup-property ul li .content .more-button a {
		position:absolute;
		left:inherit !important;
		right:inherit !important;
		bottom:20px !important;
		width:235px;
		height:40px;
		line-height:40px;
		display:block;
		margin-left:20px;
	}
}

#pickup-property ul li .content .pickup-slider {
}

#pickup-property ul li .content .bx-prev {
	background-image:url(../image/contents/top/pickup-thum-prev.png);
	width:40px;
	height:40px;
	position:absolute;
	top:150px;
	left:10px;
	z-index:99;
	transition:0.3s;
}

#pickup-property ul li .content .bx-prev:hover {
	left:5px;
}

#pickup-property ul li .content .bx-next {
	background-image:url(../image/contents/top/pickup-thum-next.png);
	width:40px;
	height:40px;
	position:absolute;
	top:150px;
	right:10px;
	z-index:99;
	transition:0.3s;
}

#pickup-property ul li .content .bx-next:hover {
	right:5px;
}

@media screen and (max-width: 640px) {
	#pickup-property ul li .content .bx-prev, #pickup-property ul li .content .bx-next { top:134px; }
}

#top-company {
	padding-top:50px;
	padding-bottom:50px;
	width: 960px;
	margin: auto;
	overflow: hidden;
}

#top-company .company-photo {
	float: left;
	width: 400px;
	margin-right: 40px;
}

#top-company .company-photo img {
	width: 400px;
	height: auto;
}

#top-company .company-detail {
	float: left;
	width:513px;
}

#top-company .company-detail .logo {
	background-image:url(../image/contents/top/profile_logo.gif);
	width:511px;
	height:91px;
	display:block;
	overflow:hidden;
	text-indent:200%;
	white-space:nowrap;
}

#top-company .company-detail p {
	font-size:18px;
}

#top-company .company-detail p span {
	color:#b71d1d;
}

#top-company .company-detail .button a {
	width:100% !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
	display:block !important;
	box-sizing:border-box;
	font-size:18px;
	padding-left:25px;
}

#top-company .company-detail .button a:after {
	top:22px;
}

@media screen and (max-width: 1200px) {
#top-company {
	width: 1100px;
}
}

@media screen and (max-width: 1040px) {
#top-company {
	width: 800px;
}
	
#top-company .company-detail {
	width:300px;
}

#top-company .company-detail .logo {
	width:300px;
	height:53px;
	background-size: contain;
	background-repeat: no-repeat;
}

#top-company .company-detail  p span {
	display: block;
}
}

@media screen and (max-width: 820px) {
#top-company {
	width: 100%;
}

#top-company .company-photo {
	float: none;
	width: 580px;
	margin: 0 auto 40px;
}

#top-company .company-photo img {
	width: 580px;
}

#top-company .company-detail {
	float: none;
	width:580px;
	margin: 0 auto;
}

#top-company .company-detail .logo {
	width:511px;
	height:91px;
	margin: 0 auto;
}

#top-company .company-detail p {
	text-align: center;
}

#top-company .company-detail p span {
	display: inline-block;
}
}

@media screen and (max-width: 640px) {
#top-company .company-detail {
	width:580px;
	margin: 0 auto 30px;
	text-align: center;
}

#top-company .company-detail  p {
	font-size:22px;
}

#top-company .company-detail .button a {
	font-size:22px;
	padding-right:70px !important;
}
#top-company .company-detail .button a:after {
	top:37px;
	right:15px;
}
}

#gmap {
	width:100%;
	height:607px;
	position:relative;
}

#gmap iframe {
	width:100%;
	height:535px;
}

@media screen and (max-width: 640px) {
	#gmap {
		width:580px;
		margin-left:auto;
		margin-right:auto;
	}
	#gmap iframe {
		width:100%;
		height:535px;
		position:absolute;
		top:0;
		left:0;
		margin-left:0;
	}
}


/*----------------------------------------------------------------------------
   company
------------------------------------------------------------------------------*/

#company-tabel {
	margin-bottom:40px;
}

#company-information {
	width:100%;
	box-sizing:border-box;
	transition:0.3s;
	margin-top: 40px;
}

@media screen and (max-width: 800px) {
	#company-information {
		background-image:url(../image/contents/company/mv_sp.jpg);
		background-position:center top;
	}
	.company-mv-content {
		display:none;
	}
}

.company-mv-content {
	margin-left:auto;
	margin-right:auto;
	width:745px;
}

#company-information h2 {
	background-image:url(../image/contents/company/title.png);
	width:315px;
	height:39px;
	margin:0;
	padding:0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	margin-bottom:40px;
}

#company-information h3 {
	font-size: 22px;
	color: #098691;
	border-bottom: dashed 2px #098691;
}

#company-information ul {
	list-style: none;
	overflow: hidden;
	margin-bottom: 40px;
	padding: 0;
}

#company-information li {
	float: left;
	box-sizing: border-box;
	background-color: #098691;
	color: #ffffff;
	margin-right: 1%;
	padding: 1em;
	border-radius: 6px;
}

#company-information li:last-child,
#business_list li:nth-child(5n) {
	margin-right: 0;
}

#business_list li { width: 19.2%; margin-bottom: 20px; }
#license_list li { width: 24.2%; }

@media screen and (max-width: 1200px) {
#company-information li,
#business_list li:nth-child(5n) { margin-right: 2%; }
#business_list li { width: 49%; margin-bottom: 1em; }
#license_list li { width: 49%; margin-bottom: 1em; }

#company-information li:nth-child(even) {
	margin-right: 0;
}
}

@media screen and (max-width: 640px) {
	#company-information li { padding: 0.75em; }
}

/*
.company-information-primary {
	position:relative;
	margin-bottom:35px;
}

.company-information-photo {
	position:absolute;
	top:0;
	left:0;
}

.company-information-photo img {
	width:100%;
	height:auto;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07);
}

@media screen and (max-width: 940px) {
	.company-information-photo {
		left:inherit;
		right:25px;
		top:25px;
		width:330px;
	}
}

@media screen and (max-width: 850px) {
	.company-information-photo {
		left:50%;
		right:inherit;
		margin-left:-160px;
	}
}

.company-information-box-primary {
	float:right;
	width:100%;
	padding-left:440px;
	box-sizing:border-box;
}

@media screen and (max-width: 940px) {
	.company-information-box-primary {
		padding-left:0;
		float:none;
	}
}

.company-information-box {
	background-color:rgba(255,255,255,0.8);
	width:100%;
	height:277px;
	box-sizing:border-box;
	padding:30px;
	margin-bottom:40px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.07);
}

@media screen and (max-width: 850px) {
	.company-information-box {
		height:auto;
		padding-top:267px;
		text-align:center;
	}
}

.company-information-box p {
	margin:0;
	padding:0;
	margin-top:20px;
}

.company-information-logo {
	background-image:url(../image/contents/company/logo.png);
	width:595px;
	height:111px;
}

@media screen and (max-width: 1200px) {
	.company-information-logo {
		background-image:url(../image/contents/company/logo_tab.png);
		width:369px;
		height:136px;
	}
}

@media screen and (max-width: 850px) {
	.company-information-logo {
		background-image:url(../image/contents/company/logo_sp.png);
		width:366px;
		height:136px;
		margin-left:auto;
		margin-right:auto;
	}
}
*/

#company-information #gmap {
	margin-bottom:40px;
}

/*----------------------------------------------------------------------------
   pist_db-list
------------------------------------------------------------------------------*/

#pist_db-list {
}

#pist_db-list article {
	box-sizing:border-box;
	padding:30px;	
	position:relative;
}

@media screen and (min-width: 1400px) {
	#pist_db-list article {
		max-width:1920px;
		width:100%;
		padding:40px;
	}
}

#pist_db-list h2.pist_db01 {
	background-image:url(../image/contents/pist_db/title01.png);
	width:414px;
	height:34px;
}

#pist_db-list h2.pist_db02 {
	background-image:url(../image/contents/pist_db/title03.png);
	width:411px;
	height:39px;
}

#pist_db-list h2.npist_db {
	background-image:url(../image/contents/pist_db/title05.png);
	width:332px;
	height:40px;
}

.hit-text {
	height:32px;
	background-color:#098691;
	padding-left:15px;
	padding-right:15px;
	line-height:30px;
	color:#ffffff;
	position:absolute;
	top:40px;
	right:30px;
}

@media screen and (max-width: 1399px) {
	.hit-text {
		top:30px;
	}
}

@media screen and (max-width: 800px) {
	.hit-text {
		left:30px;
		top:84px;
	}
}

.estate-list-primary {
	width:100%;
}

@media screen and (max-width: 800px) {
	.estate-list-primary {
		padding-top:30px;
	}
}

.estate-list-primary .estate-list {
	position:relative;
	max-width:910px;
	width:50%;
	min-height:294px;
	float:left;
	box-sizing:border-box;
}

.estate-list-primary .estate-list:nth-child(n+3) {
	padding-top:35px;
}

.estate-list-primary .estate-list:nth-child(even) {
	padding-left:35px;
	border-bottom:1px solid #d3d3d3;
}
.estate-list-primary .estate-list:nth-child(odd) {
	padding-right:35px;
	border-right:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}

@media screen and (max-width: 1399px) {
	.estate-list-primary .estate-list {
		width:100%;
		max-width:1100px;
		padding-left:0 !important;
		padding-right:0 !important;
		padding-top:0 !important;
		border-left:none !important;
		border-right:none !important;
		margin-bottom:35px;
	}
}

.estate-list-primary .estate-list .estate-thum {
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	width:240px;
	height:240px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	transition:0.3s;
}

.estate-list-primary .estate-list .estate-thum:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.estate-list-primary .estate-list .estate-thum:after {
	content:"";
	position:absolute;
	bottom:0;
	background-position:right 10px bottom 0px;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,0.2);
	background-image:url(../image/contents/pist_db/overlay.png);
	width:100%;
	height:100%;
	opacity:0;
	transition:0.3s;
}

@media screen and (max-width: 1500px) {
	.estate-list-primary .estate-list .estate-thum:after { background-image:url(../image/contents/pist_db/overlay-mini.png); }
}
@media screen and (max-width: 1400px) {
	.estate-list-primary .estate-list .estate-thum:after { background-image:url(../image/contents/pist_db/overlay.png); }
}
@media screen and (max-width: 800px) {
	.estate-list-primary .estate-list .estate-thum:after { background-image:url(../image/contents/pist_db/overlay-mini.png); }
}

.estate-list-primary .estate-list .estate-thum:hover:after {
	opacity:1;
	background-position:right 0px bottom 0px;
}

.estate-list-primary .estate-list:nth-child(even) .estate-thum {
	left:35px;
	top:0;
}

.estate-list-primary .estate-list:nth-child(odd) .estate-thum {
	left:0;
	top:0;
}

.estate-list-primary .estate-list:nth-child(n+3) .estate-thum {
	top:35px;
}

@media screen and (max-width: 1500px) {
	.estate-list-primary .estate-list .estate-thum {
		width:200px;
		height:200px;
	}
}

@media screen and (max-width: 1399px) {
	.estate-list-primary .estate-list .estate-thum {
		left:0 !important;
		top:0 !important;
		width:260px;
		height:260px;
	}
}

@media screen and (max-width: 800px) {
	.estate-list-primary .estate-list .estate-thum {
		width:200px;
		height:200px;
	}
}

.estate-list-primary .estate-list .estate-thum a {
	z-index:10;
}

.estate-list-primary .estate-list .estate-thum.nophoto:after {
	background-image:none !important;
}

.estate-list-primary .estate-list .estate-detail {
	padding-left:290px;
	margin-bottom:35px;
}

@media screen and (max-width: 1500px) {
	.estate-list-primary .estate-list .estate-detail {
		padding-left:230px;
	}
}

@media screen and (max-width: 1399px) {
	.estate-list-primary .estate-list .estate-detail {
		padding-left:290px;
	}
}

@media screen and (max-width: 800px) {
	.estate-list-primary .estate-list .estate-detail {
		padding-left:230px;
	}
}

@media screen and (max-width: 800px) {
	.estate-list-primary .estate-list .estate-detail {
		padding-left:0;
	}
	.estate-detail-indent {
		padding-left:230px;
		min-height:230px;
		padding-bottom:10px;
	}
}

.estate-list-primary .estate-list .estate-detail h3 {
	font-size:20px;
	margin:0;
	padding:0;
	padding-right:140px;
	margin-top:-7px;
}

.estate-list-primary .estate-list .estate-detail .button {
	width:110px;
	height:48px;
	position:absolute;
	top:0;
}

.estate-list-primary .estate-list:nth-child(even) .estate-detail .button {
	right:-5px;
}

.estate-list-primary .estate-list:nth-child(odd) .estate-detail .button {
	right:31px;
}

.estate-list-primary .estate-list:nth-child(n+3) .estate-detail .button {
	top:35px;
}

@media screen and (max-width: 1399px) {
	.estate-list-primary .estate-list .estate-detail .button {
		right:-5px !important;
		top:0 !important;
	}
}

@media screen and (max-width: 640px) {
	.estate-list-primary .estate-list .estate-detail .button {
		right:13px !important;
	}
}

.estate-list-primary .estate-list .estate-detail .button a:after {
	top:10px;
}

.estate-list-primary .estate-list .estate-detail .estate-content {
	padding-bottom:9px;
}

.estate-list-primary .estate-list .estate-detail .estate-content .price {
	font-size:30px;
	color:#b40101;
	font-weight:bold;
	padding-right:10px;
	display:inline-block;
}

@media screen and (max-width: 640px) {
	.estate-list-primary .estate-list .estate-detail .estate-content .price {
		display:block;
	}
}

.estate-list-primary .estate-list .estate-detail .estate-content .price span {
	font-size:18px;
}

.estate-list-primary .estate-list .estate-detail .estate-content .space {
	font-size:30px;
	color:#F07F35;
	font-weight:bold;
	padding-right:20px;
	display:inline-block;
}

.estate-list-primary .estate-list .estate-detail .estate-content .place {
	display:block;
}

.estate-list-primary .estate-list .estate-detail table {
	width:100%;
	box-sizing:border-box;
	border:1px solid #098691;
}

.estate-list-primary .estate-list .estate-detail table th, .estate-list-primary .estate-list .estate-detail table td {
	width:25%;
	height:32px;
	border-right:1px solid #e1f2ff;
	text-align:center;
	font-weight:normal;
	box-sizing:border-box;
	padding:3px;
	font-size:15px;
}

@media screen and (max-width: 640px) {
	.estate-list-primary .estate-list .estate-detail table th, .estate-list-primary .estate-list .estate-detail table td {
		font-size:18px;
	}
}

.estate-list-primary .estate-list .estate-detail table th:nth-child(odd) {
	background-color:#deeaec;
}
.estate-list-primary .estate-list .estate-detail table th:nth-child(even) {
	background-color:#cbdfe1;
}

@media screen and (max-width: 1399px) {
	.estate-list-primary .estate-list .estate-detail table th, .estate-list-primary .estate-list .estate-detail table td {
		padding-top:6px;
		padding-bottom:6px;
	}
}


/*----------------------------------------------------------------------------
   pist_db-detail
------------------------------------------------------------------------------*/

#pist_db-detail {
	padding-bottom:50px;
}

#pist_db-detail article {
	box-sizing:border-box;
	position:relative;
	padding-top:40px;
}

@media screen and (max-width: 640px) {
	#pist_db-detail article {
		padding-top:30px;
		padding-bottom:30px;
	}
}

@media screen and (max-width: 1100px) {
	#pist_db-detail article {
		padding-left:30px;
		padding-right:30px;
	}
}

#pist_db-detail #main-detail {
	background-image:url(../image/mainvisual/back.png);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:40px;
}

#pist_db-detail h2.pist_db01 {
	background-image:url(../image/contents/pist_db/title02.png);
	width:414px;
	height:33px;
	margin-bottom:35px;
	transition:0.3s;
}

#pist_db-detail h2.pist_db02 {
	background-image:url(../image/contents/pist_db/title04.png);
	width:411px;
	height:39px;
	margin-bottom:35px;
	transition:0.3s;
}

#pist_db-detail h2.npist_db {
	background-image:url(../image/contents/pist_db/title06.png);
	width:332px;
	height:40px;
	margin-bottom:35px;
	transition:0.3s;
}

#pist_db-detail .updata {
	background-color:#efefef;
	height:32px;
	line-height:32px;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	top:30px;
	right:0;
	font-size:14px;
}

@media screen and (max-width: 1200px) {
	#pist_db-detail .updata {
		right:30px;
	}
}

#main-detail-primary {
	position:relative;
	width:100%;
	min-height:343px;
	box-sizing:border-box;
}

#main-detail-primary .main-photo {
	width:500px;
	height:333px;
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	display: block;
	position:absolute;
	top:8px;
	left:0;
	transition:0.3s;
}

#main-detail-primary .main-photo.portrait {
	background-size:contain;
}

@media screen and (max-width: 1000px) {
	#main-detail-primary .main-photo {
		width:350px;
		height:233px;
	}
}

@media screen and (max-width: 900px) {
	#main-detail-primary .main-photo {
		width:100%;
		height:0;
		max-width:840px;
		padding-top:66.54%;
		position:relative;
		top:inherit;
		left:inherit;
	}
}

#main-detail-primary .main-detail {
	width:100%;
	padding-left:539px;
	box-sizing:border-box;
	transition:0.3s;
}

@media screen and (max-width: 1000px) {
	#main-detail-primary .main-detail {
		padding-left:380px;
	}
}

@media screen and (max-width: 900px) {
	#main-detail-primary .main-detail {
		padding-left:0;
		padding-top:25px;
	}
}

#main-detail-primary .main-detail h3 {
	font-size:24px;
	margin:0;
	padding:0;
	margin-bottom:12px;
}

#main-detail-primary .main-detail .main-detail-option {
	padding-bottom:22px;
}

#main-detail-primary .main-detail .main-detail-option .price {
	color:#b40101;
	font-weight:bold;
	font-size:36px;
	display:inline-block;
	padding-right:15px;
}

#main-detail-primary .main-detail .main-detail-option .price span {
	font-size:22px;
}

#main-detail-primary .main-detail .main-detail-option .tubo-price {
	color:#b40101;
	font-weight:bold;
	display:inline-block;
	font-size:36px;
	padding-right:15px;
}

#main-detail-primary .main-detail .main-detail-option .tubo-price span {
	font-size:22px;
}

#main-detail-primary .main-detail .main-detail-option .tubo {
	color:#F07F35;
	font-weight:bold;
	display:inline-block;
	font-size:36px;
}

#main-detail-primary .main-detail .main-detail-option .tubo span {
	font-size:22px;
}

#main-detail-primary .main-detail .main-detail-option .place {
	font-size:18px;
	display:block;
}

#main-detail-primary .main-detail .alart {
	background-color:#ffe7e7;
	padding:15px;
	padding-left:18px;
	padding-right:18px;
	color:#b40101;
	font-size:14px;
	margin-bottom:25px;
}

.main-detail-button {
	width:100%;
	box-sizing:border-box;
}

.main-detail-button .print-button {
	width:48%;
	float:left;
	box-sizing:border-box;
	display:block;
	background-color:#ffffff;
}

.main-detail-button .contact-button {
	width:48%;
	float:right;
	box-sizing:border-box;
	display:block;
	background-color:#ffffff;
}

@media screen and (max-width: 640px) {
	.main-detail-button .button a {
		padding-top:16px;
		padding-bottom:16px;
		font-size:20px !important;
	}
	.main-detail-button .button a:after {
		top:14px;
	}
	.main-detail-button .print-button {
		display:none;
	}
	.main-detail-button .print-button, .main-detail-button .contact-button {
		width:100%;
		float:none;
	}
}

.main-detail-button .print-button a, .main-detail-button .contact-button a {
	width:100%;
	height:100%;
	box-sizing:border-box;
	display:block;
	font-size:14px;
}

.main-detail-button .print-button a:after, .main-detail-button .contact-button a:after {
	top:9px;
}

#detail-photo-slider {
	position:relative;
	background-color:#f2f2f2;
	padding-top:25px;
	padding-bottom:12px;
	border-top:2px solid #ffffff;
	text-align:center;
}

#detail-photo-gallery {
	display:none;
}

.slider-gallery-button {
	margin-bottom:14px;
}

.slider-gallery-button .button a {
	background-image:none;
	border:none;
	background-color:#098691;
	text-align:center;
	font-weight:normal;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:12px;
	color:#ffffff;
}

.slider-gallery-button .button a:hover {
	background-color:#52aab2;
}

@media screen and (max-width: 1000px) {
	#detail-photo-slider-primary {
		display:none;
	}
	#detail-photo-gallery {
		display:block;
	}
}

#detail-photo-slider .thum {
	width:calc(10% - 10px);
	margin-right:10px;
	position:relative;
	overflow:hidden;
	float:left;
}

#detail-photo-slider .thum a {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	transition:0.3s;
	position:absolute;
	width:374px;
	height:248px;
	top:0;
	left:0;
	z-index:2;
}

#detail-photo-slider .thum a:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0);
	display:block;
	transition:0.3s;
}

#detail-photo-slider .thum a:hover:after {
	background-color:rgba(255,255,255,0.3);
}

#detail-photo-slider .blur {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:374px;
	height:248px;
	filter: blur(2px);
	opacity:0.3;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#detail-photo-slider .portfolio.thum a {
	background-size:contain;
}

#detail-photo-slider .slick-list {
	overflow:visible !important;
}

#detail-photo-slider .thum a:after {
	content:"";
	position:absolute;
	bottom:0;
	display:block;
	background-image:url(../image/contents/pist_db/overlay.png);
	background-position:right 10px bottom 0px;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	transition:0.2s;
	opacity:0;
	z-index:10;
}

#detail-photo-slider .thum a:hover:after {
	opacity:1;
	background-position:right 0px bottom 0px;
}

#detail-photo-slider .thum a {
	z-index:10;
}

@media screen and (max-width: 1000px) {
	#detail-photo-slider .thum a:hover {
		margin-top:0 !important;
	}
	#detail-photo-slider .thum a:after {
		display:none;
	}
}


#detail-photo-gallery {
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:20px;
}

#detail-photo-gallery .thum-primary {
	width:25%;
	float:left;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
}

@media screen and (max-width: 740px) {
	#detail-photo-gallery .thum-primary {
		width:50%;
		padding-bottom:20px;
	}
}

#detail-photo-gallery .thum-primary .thum {
	width:100%;
	height:0;
	padding-top:75%;
	margin-right:inherit;
	position:relative;
	transition:0.3s;
	overflow:hidden;
}

#detail-photo-gallery .thum-primary .thum:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#detail-photo-gallery .thum-primary .thum a {
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
}

#detail-photo-gallery .thum-primary .thum.portrait a {
	background-size:contain;
}

#detail-photo-gallery .thum-primary .thum .blur {
	width:100%;
	height:100%;
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	filter: blur(2px);
	opacity:0.3;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#sub-detail-primary {
}

#sub-detail-primary table {
	margin-bottom:40px;
}

#sub-detail-primary table th {
	white-space:normal;
	width:130px;
}

@media screen and (max-width: 900px) {
	#sub-detail-primary table th { min-width:100px; }
}
@media screen and (max-width: 800px) {
	#sub-detail-primary table th { min-width:70px; }
}
@media screen and (max-width: 700px) {
	#sub-detail-primary table th {
		display:block;
		float:left;
		width:30%;
		box-sizing:border-box;
	}
	#sub-detail-primary table td {
		display:block;
		float:left;
		width:70%;
		box-sizing:border-box;
		padding:13px;
	}
}

.list-back-button {
	text-align:center;
}

.list-back-button .button a {
	padding-left:46px;
	padding-right:70px;
}

.youtube {
  position: relative;
  width: 100%;
  margin-bottom:40px;
  margin-left:auto;
  margin-right:auto;
}

@media screen and (max-width: 640px) {
	.youtube {
		margin-top:0;
	}
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  border:none;
}


/*----------------------------------------------------------------------------
   contact
------------------------------------------------------------------------------*/

#contact {
	background-image:url(../image/contents/company/back-right.png),url(../image/contents/company/back.jpg);
	background-position:right top, center top;
	background-repeat:no-repeat;
	min-height:711px;
}

@media screen and (max-width: 640px) {
	#contact {
		background-position:right -200px top 0, center top;
	}
}

#contact-primary {
	padding-top:40px;
	padding-bottom:40px;
}

#contact-primary h2 {
	background-image:url(../image/contents/contact/title.png);
	width:367px;
	height:32px;
	margin:0;
	padding:0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	margin-bottom:40px;
}

#contact-table {
	margin-top:30px;
	padding-bottom:40px;
}

@media screen and (max-width: 640px) {
	#contact-table th, #contact-table td {
		display:block;
		width:100%;
		padding-left:20px;
		padding-right:20px;
		box-sizing:border-box;
	}

}

.entry-mail {
	text-align:center;
	padding-top:60px;
}

.sendok {
	color:#0ba4b1 !important;
}

.entry-info {
	width:100% !important;
	text-align:center !important;
	padding-bottom:40px;
}