@charset "utf-8";

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

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

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

@media screen and (max-width:1260px){
  body {	
    min-width:1260px; 
  }
}

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

body:before {
	content: "";
	background-image: url("../image/salebana_20250604.png");
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 110px;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	backface-visibility: hidden;
	filter: blur(0);
	image-rendering: -webkit-optimize-contrast;
}

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

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

*{
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
}

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

/*------------------------------------------------------------------------------------------------------------------
　preparation
-------------------------------------------------------------------------------------------------------------------*/

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

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

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

/*------------------------------------------------------------------------------------------------------------------
　expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }

.under { margin-bottom:30px !important; }
.under-db { margin-bottom:50px !important; }
.under-harf { margin-bottom:15px !important; }

.content .right { float:right; margin-left:30px; margin-bottom:15px; margin-top:5px;}
.content .left { float:left; margin-right:30px; margin-bottom:15px; margin-top:5px;}

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

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

.swipe 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);
}

/*------------------------------------------------------------------------------------------------------------------
　img align for wordpress
-------------------------------------------------------------------------------------------------------------------*/

.aligncenter {
  display: block;
  margin: 0 auto;
	padding-bottom:25px;
	max-width:100%;
}
.alignright { float: right; margin-left:30px; margin-bottom:25px; max-width:100%; }
.alignleft { float: left; margin-right:30px; margin-bottom:25px; max-width:100%; }

.aligncenter img, .alignright img, .alignleft img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 1140px) {
	.aligncenter {
		display: block;
		margin: 0 auto;
		padding-bottom:25px;
		max-width:100%;
		text-align:center;
	}
	.alignright { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
	.alignleft { float: none; margin: 0 auto; margin-bottom:0; padding-bottom:25px; max-width:100%; text-align:center; }
}

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

.wp-pagenavi {
	border-top:#d1d1d1 3px double;
	margin-top:40px;
	padding-top:40px;
	padding-bottom:40px;
	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:6px 12px 8px 12px !important;
  border:solid 1px #fedcd2 !important;
  box-shadow:0px 1px #EFEFEF !important;
  -moz-box-shadow:0px 1px #EFEFEF !important;
  -webkit-box-shadow:0px 1px #EFEFEF !important;
  background:#fedcd2 !important;
  background:-moz-linear-gradient(top,#fedcd2 1px,#F3F3F3 1px,#fedcd2) !important;
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#fedcd2),color-stop(0.02,#fedcd2),color-stop(1,#fedcd2)) !important;
  font-size:12px !important;
  margin-right:3px !important;
  text-decoration:none !important;
}	
.wp-pagenavi a:hover {
  color:#fff !important;
  text-shadow:0px 1px #de744c !important;
  border-color:#de744c !important;
  background:#de744c !important;
  background:-moz-linear-gradient(top,#de744c 1px,#de744c 1px,#de744c) !important;
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#de744c),color-stop(0.02,#de744c),color-stop(1,#de744c)) !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 12px 8px 12px !important;
  border:solid 1px #DCDCDC !important;
  color:#fff !important;
  font-size:14px;
  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 #de744c !important;
  border-color:#de744c !important;
  background:#de744c !important;
  background:-moz-linear-gradient(top,#de744c 1px,#de744c 1px,#de744c) !important;
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#de744c),color-stop(0.02,#de744c),color-stop(1,#de744c)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	/*height:100%;*/
	min-width:640px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

article {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	transition:0.3s;
	box-sizing:border-box;
}

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

.sub-page{
	background-color:#f8f8f8; 
}

/* box-link */
.box-link ul li .eff {
  width:140px;
  height:50px;
  left:-140px;
  background:#ff521b;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}

@media screen and (max-width:640px){
 .box-link ul li .eff {
		width:7.5em;
		 left:-7.5em;;
	}
}

.box-link ul li:hover .eff{
  left:0;
}

.box-link ul li:hover a{
  color:#fff;
}

.box-link ul li a{
	background:url(../image/yajirusi-2.png) top 8px right 8px no-repeat;
	color:#ff521b;
	border:1px solid #ff521b;
	text-decoration:none;
	display: block;
	text-align: center;
	font-size: 14px;
	outline: none !important;
}

/* box-link */
.box-link ul li .eff2 {
  width:140px;
  height:50px;
  left:0px;
  background:#ff521b;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}

@media screen and (max-width:640px){
 .box-link ul li .eff2 {
		width:7.5em;
		 left:-7.5em;;
	}
}

.box-link ul li:hover .eff2{
  left:140px;
}

.box-link .login:hover a{
  color:#ff521b;
}

.box-link .login a{
	background:url(../image/yajirusi-2.png) top 8px right 8px no-repeat;
	color:#fff;
	border:1px solid #ff521b;
	text-decoration:none;
	display: block;
	text-align: center;
	font-size: 14px;
	outline: none !important;
}

/* sub-page h2 */
.sub-page h2 {
	font-size:30px; 
	text-align:center;
	color:#ff521b;
}

/*------------------------------------------------------------------------------------------------------------------
　header
-------------------------------------------------------------------------------------------------------------------*/

.header-primary {
	padding:0 50px 0 0;
	box-sizing:border-box; 
}

@media screen and (max-width:640px){
  .header-primary {
    padding:0;
  }
}

header h1{
	font-size: 0.75em;
  padding-left: 285px;
  padding-top: 50px;
  line-height: 24px;
	display:inline-block;
}

@media screen and (max-width:1350px){
  header h1{
    font-size: 0.75em;
    padding-left: 255px;
    padding-top: 30px;
    line-height: 24px;
    display:inline-block;
  }
}

@media screen and (max-width:640px){
  header h1{
    display:none; 
  }
}

header h1 br.sp{
	display:none;
}

header .box-link{
	float:right;
	padding-top:50px;
	margin-bottom: 15px;
}

@media screen and (max-width:1350px){
  header .box-link{
    float:none;
    padding-top:30px; 
    padding-left:245px; 
  }
}

@media screen and (max-width:640px){
  header .box-link{
    display:none;
  }
}

header .box-link ul{
	list-style:none;
}

header .box-link ul li {
	width:120px;
  float:left;
  text-align:center;
  position:relative;
  box-sizing:border-box;
  margin-left:10px;
}

header .box-link ul li .oplink {
  width:120px;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
}

header .box-link ul li .oplink a {
  text-decoration:none;
  transition:all .5s ease;
  z-index:2;
  position:relative;
	background:url(../image/yajirusi-2.png) top 8px right 8px no-repeat;
	color:#ff521b;
	border:1px solid #ff521b;
	display: block;
	text-align: center;
	font-size: 14px;
	outline: none !important;
}

header .box-link ul li .oplink a:hover {
	background-color: #ff521b;
	color: #ffffff;
}

header .box-link ul li .new {
	background-color: #ff0000;
	color: #ffffff;
	padding: 2px;
	padding-top: 0;
	position: absolute;
	top: -11px;
	right: -6px;
	display: block;
	width: 30px;
	height: 16px;
	box-sizing: border-box;
	font-size: 11px;
	text-align: center;
	z-index: 99;
	border-radius: 4px;
}

header .logo {
	position:absolute;
	top:0;
	left:0;
	width:240px;
	height:235px;
	background:url(../image/logo.png) top 65px center no-repeat;
	z-index:99;
	background-color:#fff; 
}

@media screen and (max-width:640px){
  header .logo {
    position:relative;
    top:0;
    margin:0 auto;
    width: 260px;
    height:175px;
    background:url(../image/logo.png?v=2020) top 35px center no-repeat;
    z-index:99;
    background-color:#fff;
  }
}

header .logo a{
	display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/*------------------------------------------------------------------------------------------------------------------
　fixed
-------------------------------------------------------------------------------------------------------------------*/

.fixed-majestic {
	position: fixed;
	bottom:0;
	right: 0;
	width: 390px;
	height: 200px;
	z-index: 9999;
}

@media screen and (max-width:640px){
	.fixed-majestic {
		bottom: 0;
	}
}

.fixed-majestic .close {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000000;
  color: #ffffff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.fixed-majestic .close a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #ffffff;
  line-height: 25px;
  text-align: center;
}

.fixed-majestic.hidden {
  display: none !important;
}

.fixed-contact-button {
	position: fixed;
	bottom: 30px;
	left: 50%;
	margin-left: -600px;
	z-index: 99;
  display: block;
	width: 1200px;
  color: #333;
  border: 0;
  cursor: pointer;
  padding: 0.3em;
  box-sizing: border-box;
  background-color:#ff521b;
}

.fixed-contact-button.hidden {
	display: none;
}

.fixed-contact-button a {
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 1em 0;
  box-sizing: border-box;
  border:1px solid #fff;
  color: #fff;
  font-weight: bold;
  font-size:1.2em;
  padding-left: 468px;
	text-decoration: none;
}

.fixed-contact-button a:before {
  content:url(../image/yajirusi-5.png);
  float:right;
  padding-right: 420px;
  box-sizing: border-box;
}

@media screen and (max-width:640px){
	.fixed-contact-button {
		width: 580px;
		margin-left: auto;
		margin-right: auto;
		left: 30px;
	}
	.fixed-contact-button a {
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 60px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 24px;
	}
	.fixed-contact-button a:before {
		padding-right: 15px;
		float: none;
		position: absolute;
		top: 22px;
		right: 15px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　sub-page header
-------------------------------------------------------------------------------------------------------------------*/

.sub-page #head{
	width:100%;
	height:270px; 
	background-image:url(../image/header/subpage-head.jpg);
	background-position:top center;
	background-repeat:no-repeat;
} 

.sub-page #head .cover{
	width:100%;
	background-color:rgba(255,255,255,0.8);
} 

.sub-page #head h1{
	margin:0; 
	padding-top:30px; 
}

.sub-page #head header .box-link{
	padding-top:30px; 
}


/*------------------------------------------------------------------------------------------------------------------
　sub-page header(640px以下)
-------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:640px){
  .sub-page #head .cover{
    background-color:inherit;
  } 
} 

/*------------------------------------------------------------------------------------------------------------------
　navi
-------------------------------------------------------------------------------------------------------------------*/

#head nav{
	float: right;
	padding-right:165px;
	position: relative;
}

#head nav .sns {
	position: absolute;
	top: 0;
	right: 50px;
}

#head nav .sns img {
	margin-left: 7px;
}

#head nav .sns img:hover {
	opacity: 0.7;
}

@media screen and (max-width:1350px){
  #head nav{
    float: left;
    padding-right:50px;
    padding-left: 225px;
		box-sizing: border-box;
		width: 100%;
  }
	#head nav .sns {
		right: 50px;
	}
}

@media screen and (max-width:1100px){
  #head nav{
    padding-left: 255px;
  }
}

@media screen and (max-width:640px){
  #head nav{
    display:none; 
  }
}

#head nav ul li{
	float: left;
	margin-left:30px;
	position: relative;
}

@media screen and (max-width:1350px){
  #head nav ul li{
    float: left;
    margin-left: 30px;
  }
}

#head nav ul li .new {
	background-color: #ff0000;
	color: #ffffff;
	padding: 2px;
	padding-top: 0;
	position: absolute;
	top: 1px;
	right: -10px;
	display: block;
	width: 30px;
	height: 16px;
	box-sizing: border-box;
	font-size: 11px;
	text-align: center;
	border-radius: 4px;
}

#head nav ul li a{
	color:#000;
	text-align:center;
	text-decoration:none; 
	display:block;
	padding:0.9em 0; 
}

#head nav ul li:after {
	background-color:#ff521b;
	width:100%;
	height:2px;
	display:block;
	content:"";
	opacity:0;
	transition:0.3s;
}

#head nav ul li:hover:after {
	opacity:1;
}

#head nav ul li.active:after {
	background-color:#ff521b;
	width:100%;
	height:2px;
	display:block;
	content:"";
	transition:0.3s;
	opacity:1;
}

/*------------------------------------------------------------------------------------------------------------------
　nav sp
-------------------------------------------------------------------------------------------------------------------*/

#nav-content , #nav-drawer{
	display:none; 
}

#nav-content .sns {
	display: block;
	text-align: center;
	padding-top: 25px;
}

#nav-content .sns img {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

@media screen and (max-width:640px){
  #nav-content , #nav-drawer{
    display:block; 
  }

  /*ヘッダーまわりはご自由に*/
  #nav-drawer {
    position: fixed;
    top:120px;
    right: 30px;
    z-index:999999; 
  }

  #nav-drawer .active {
    display:inline-block!important;
  }

  /*チェックボックス等は非表示に*/
  .nav-unshown {
    display:none;
  }

  /*アイコンのスペース*/
  #nav-open {
    display: inline-block;
    width: 55px;
    height: 27px;
    vertical-align: middle;
    cursor: pointer;
  }

  /*ハンバーガーアイコンをCSSだけで表現*/
  #nav-open span:nth-child(1), #nav-open span:nth-child(2), #nav-open span:nth-child(3) {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 55px;/*長さ*/
    border-radius: 3px;
    background: #ff521b;
    display: block;
    content: '';
    z-index:9999;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    transition:0.3s; 

  }
  #nav-open span:nth-child(2) {
    bottom: 12px;
  }
  #nav-open span:nth-child(3) {
    bottom: 0;
  }



  /*閉じる用の薄黒カバー*/
  #nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 999;
    top: 0;/*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
  }

  /*中身*/
  #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;/*最前面に*/
    width: 90%;/*右側に隙間を作る*/
    max-width: 330px;/*最大幅*/
    height: 100%;
    background: #fff;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
  }

  /*チェックが入ったらもろもろ表示*/
  #nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
  }

  #nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
  }

  /* 最初のspanをマイナス45度に */
  #nav-input:checked ~ #nav-open span:nth-child(1) {
    display:none;
  }

  /* 最初のspanをマイナス45度に */
  #nav-input:checked ~ #nav-open span:nth-child(2) {
    top: 25px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  /* 2番目と3番目のspanを45度に */
  #nav-input:checked ~ #nav-open span:nth-child(3) {
    top: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #nav-content li {
		position: relative;
  }

	#nav-content li .new {
		background-color: #ff0000;
		color: #ffffff;
		padding: 2px;
		padding-top: 0;
		position: absolute;
		top: 21px;
		right: 20px;
		display: block;
		width: 50px;
		height: 23px;
		box-sizing: border-box;
		font-size: 14px;
		text-align: center;
		border-radius: 4px;
	}

  #nav-content li a {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 20px;
		padding-right: 20px;
    text-align:center;
    text-decoration:none;
    box-sizing: border-box;
    border-bottom:1px solid #ccc;
    display:block;
    width:100%;
    /* height:100%; */
    color:#000 ;
  }

  #nav-content li.box-link {
    margin-top:0.9em;
    padding: 0 0.9em;
  }

  #nav-content li.box-link a {
    background: url(../image/yajirusi-2.png) top 24px right 20px no-repeat;
    color:#ff521b;
    border:1px solid #ff521b;
    text-decoration:none;
    display: block;
    text-align: center;
    font-size: 22px;
    outline: none !important;
    padding: 0.5em;
  }

	#nav-content li.box-link .new {
		right: 9px;
		top: -9px;
		border-radius: 4px;
	}

  #nav-content .tel {
    background: url(../image/tel.png) top center no-repeat;
    width:223px;
    height:28px;
    text-decoration:none;
    display: block;
    margin:30px auto 0;
  }

  #nav-content .tel a {
    display:block;
    width:100%;
    height:100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
}

/*------------------------------------------------------------------------------------------------------------------
　sub-page navi
-------------------------------------------------------------------------------------------------------------------*/

.sub-page #head nav{
	float: right;
	padding-right:165px 
}

@media screen and (max-width:1350px){
  .sub-page #head nav{
    float: left;
    padding-right:50px;
    padding-left: 225px;
  }
}

@media screen and (max-width:1100px){
  .sub-page #head nav{
    padding-left: 255px;
  }
}

@media screen and (max-width:640px){
  .sub-page #head nav{
    display:none; 
  }
}

.sub-page #head nav ul li{
	float: left;
	margin-left:40px; 
}

@media screen and (max-width:1350px){
  .sub-page #head nav ul li{
    float: left;
    margin-left: 30px;
  }
}

.sub-page #head nav ul li a{
	color:#000;
	text-align:center;
	text-decoration:none; 
	display:block;
	padding:0.9em 0; 
}

.sub-page #head nav ul li:after {
	background-color:#ff521b;
	width:100%;
	height:2px;
	display:block;
	content:"";
	opacity:0;
	transition:0.3s;
}

.sub-page #head nav ul li:hover:after {
	opacity:1;
}

.sub-page #head nav ul li.active:after {
	background-color:#ff521b;
	width:100%;
	height:2px;
	display:block;
	content:"";
	transition:0.3s;
	opacity:1;
}



/*------------------------------------------------------------------------------------------------------------------
　sidebar
-------------------------------------------------------------------------------------------------------------------*/

.button-5{
  width: 15em;
  border: 1px solid #ff521b;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin: 30px auto 0;
}
.button-5 a{
	background-image: url(../image/yajirusi.png);
  background-repeat: no-repeat;
  background-position: top 24px right 14px;
  display: block;
  font-size: 16px;
  color: #ff6737;
  text-decoration: none;
  /* line-height: 50px; */
  transition: all .5s ease;
  z-index: 2;
  position: relative;
  padding: 1em 2em;
  box-sizing: border-box;	
}
@media screen and (max-width:640px){
  .button-5 a{
    font-size: 20px;
    background-position: top 32px right 14px;
  }
}
.button-5 a:hover{
	background-image: url(../image/yajirusi-on.png);
}
.eff-5{
  width: 100%;
  height: 59px;
  left: -100%;
  background:#ff521b;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.blog-button .eff-5 , .bout-button .eff-5{
  width: 100%;
  height: 62px;
  left: -100%;
  background:#ff521b;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
@media screen and (max-width:640px){
	.eff-5{
		height: 100%;
		display:block; 
	}
}
.button-5:hover .eff-5 , .button-5:hover .eff-5 {
  left:0;
}
.blog-button:hover .eff-5 , .bout-button:hover .eff-5 {
  left:0;
}
.button-5:hover a{
  color:#fff;
}
.blog-button:hover a{
  color:#fff;
}

.eff-h3{
  width:15em;
  height: 59px;
  left:-15em;
  background:#ff521b;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
h3:hover .eff-h3{
  left:0;
}

div.top-comment p {
	color:#fff!important; 
	padding:0.5em!important;
	box-sizing:border-box!important;
	text-align:center!important; 
}

div p.color01 { background-color:#d80000; }
div p.color02 { background-color:#dd5419; }
div p.color03 { background-color:#ff73ff; }
div p.color04 { background-color:#ffc926; }
div p.color05 { background-color:#85b200; }
div p.color06 { background-color:#a64dff; }
div p.color07 { background-color:#7396ff; }
div p.color08 { background-color:#00698c; }
div p.color09 { background-color:#cccccc; }


/*------------------------------------------------------------------------------------------------------------------
　mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	width: 100%;
	height: 550px;
	margin-bottom: 50px;
}

#mainvisual .slider {
	width: 100%;
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible !important;
}

@media screen and (max-width:640px){
	#mainvisual .slider {
		width: 100%;
		max-width: none;
	}
}

#mainvisual .slider .lSSlideOuter {
	overflow: visible !important;
}

#mainvisual .slider .lSSlideOuter .lSSlideWrapper {
	overflow: visible !important;
}

#mainvisual .slider .slider-primary {
}

#mainvisual .panel {
	width: 1250px;
	height: 550px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

#mainvisual .panel a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

@media screen and (max-width:640px){
	#mainvisual {
		width: 640px !important;
		overflow: hidden !important;
		height: 284px !important;
		margin-top: 30px;
	}
	#mainvisual .slider {
		width: 640px !important;
		overflow: hidden !important;
	}
	#mainvisual .panel {
		width: 640px !important;
		overflow: hidden !important;
		background-size: contain;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
}

#footer .f-back {
	background:url(../image/footer/f-back.png) top center no-repeat;
	width:100%;
	height:318px;
	padding:80px 0;
	box-sizing:border-box; 
}

@media screen and (max-width:640px){
  #footer .f-back {
    background:url(../image/footer/f-back.png) top center repeat;
    padding:40px 0;
    height:auto; 
	}
}

#footer .f-back h2 {
	background:url(../image/footer/f-h2.png) top center no-repeat;
	width:100%;
	height:54px;
	display:block;
	white-space:nowrap;
	text-indent:50000px;
	overflow:hidden;
}

#footer p.copy {
	background-color:#ff521b;
	padding:2.5em 0;
	color:#fff;
	text-align:center;
	position: absolute;
	width: 100%;
}

@media screen and (max-width:640px){
  #footer p.copy {
    padding:2.5em 1em;
    text-align:left;
    position: absolute;
    box-sizing:border-box; 
  }
}

.tb{
	width:100%;
	max-width:1200px;
	/* display: inline-block; */
	margin: 0 auto;
}

@media screen and (max-width:640px){
  .tb{
    max-width: none;
    position: absolute;
    bottom: -110px;	
  }
} 

.topback {
	background-image:url(../image/footer/topback.png);
	position: relative;
	width:115px;
	height:115px;
	z-index: 999;
	float: right;
	margin-top: 50px;
}

@media screen and (max-width:1200px){
  .topback {
    bottom: -15px;
    right: 30px;
    margin-top: 0px;
	}
}

@media screen and (max-width:640px){
  .topback {
    bottom:-20px;
    right: 30px;
    margin-top: 0px;
	}
}

.topback a {
	width:100%;
	height:100%;
	display:block;
	white-space:nowrap;
	text-indent:50000px;
	overflow:hidden; 
}

#footer .box-link{
	margin:0 auto;
	text-align:center;
}

#footer .box-link ul{
	list-style: none;
  text-align: center;
  display: inline-block;
}

#footer .box-link ul li{
	margin-left:10px;
	width: 120px;
	display: inline-block;
}

@media screen and (max-width:640px){
  #footer .box-link ul li{
    margin-left:10px;
    width:27%;
    display: inline-block;
  }
}

#footer .box-link ul li a:hover{
	background-image:url(../image/yajirusi-4.png);
	background-position:top 8px right 8px;
	background-repeat:no-repeat; 
}

@media screen and (max-width:640px){
  #footer .box-link ul li a:hover{
    background:url(../image/yajirusi-2.png) top 8px right 8px no-repeat;
    color:#ff521b;
    border:1px solid #ff521b;
    text-decoration:none;
    display: block;
    text-align: center;
    font-size:20px; 
	}
}

#footer .box-link ul li a{
	background:url(../image/yajirusi-2.png) top 8px right 8px no-repeat;
	color:#ff521b;
	border:1px solid #ff521b;
	text-decoration:none;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
}

@media screen and (max-width:640px){
  #footer .box-link ul li a{
    font-size:20px; 
	}
}

#footer nav{
	text-align: center;
	margin:27px auto;
	width:100%;
	max-width:1200px;
	padding:0 30px;
	box-sizing:border-box; 
}

@media screen and (max-width:1100px){
  #footer nav{
    width:100%;
    max-width:inherit;
  }
}

#footer nav ul li{
	padding:0 20px;
	display: inline-block;
	border-right:1px solid #000;
	box-sizing:border-box; 
}

#footer nav ul li:last-child{
	border-right:0;
}

#footer nav a{
	color:#000;
	text-align:center;
	text-decoration:none; 
	display:inline-block;
	margin-bottom:0.5em; 
}

#footer .box-link ul li{
  width:120px;
  float:left;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin-left:10px;
}

@media screen and (max-width:640px){
  #footer .box-link ul li{
    width:160px;
    float:left;
    text-align:center;
    cursor:pointer;
    position:relative;
    box-sizing:border-box;
    overflow:hidden;
   margin-left:10px;
  }
}

#footer .box-link ul li a{
  font-size:16px;
  text-decoration:none;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}

#footer .box-link ul li .eff-4{
  width:140px;
  height:50px;
  left:-140px;
  background:#ff521b;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}

#footer .box-link ul li:hover .eff-4{
  left:0;
}

#footer .box-link ul li:hover a{
  color:#fff;
}

#footer .box-link ul li a{
	background:url(../image/yajirusi-2.png) top 8px right 8px no-repeat;
	color:#ff521b;
	border:1px solid #ff521b;
	text-decoration:none;
	display: block;
	text-align: center;
	font-size: 14px;
	outline: none !important;
}

@media screen and (max-width:640px){
	#footer .box-link ul li a{
		background:url(../image/yajirusi-2.png) top 14px right 8px no-repeat;
		font-size:20px; 
	}
	#footer .box-link ul li a:hover{
		background:url(../image/yajirusi-2.png) top 14px right 8px no-repeat;
	}
}


/*------------------------------------------------------------------------------------------------------------------
　additional
-------------------------------------------------------------------------------------------------------------------*/

#contents-primary {
	position:relative;
}

#contents {
	position:relative;
}

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

/*----------------------------------------------------------------------------
   home
------------------------------------------------------------------------------*/

.bukken {
	width:100%;
	max-width:1250px;
	margin:0 auto 40px;
	background-color:#fff; 
	padding:30px;
	box-sizing:border-box; 
}

@media screen and (max-width:1100px){
.bukken {
	width: calc(100% - 60px);
	max-width:inherit;
	margin: 50px 30px;
}
}

.bukken ul li img{
	width:100%;
}

.bukken ul li img:hover{
	width:100%;
}

.bukken ul li{
	width: calc(33.333333% - 17px);
	float: left;
}

@media screen and (max-width:640px){
.bukken ul li{
	width: 100%;
	float: none;
	margin-bottom:30px; 
}
.bukken ul li:last-child{
	margin-bottom:0; 
}
}

.bukken ul li:nth-child(1){
	margin-right: 25.5px;
}

.bukken ul li:nth-child(2){
	margin-right: 25.5px;
}

.bukken ul li a.button{
	background-image:url(../image/yajirusi.png);
	background-repeat: no-repeat;
	background-position:top 24px right 14px; 
	display: block;
    width: 15em;
    padding: 1em 2em;
    box-sizing: border-box;
    border: 1px solid #ff521b;
    margin: 30px auto 0;
	text-align:center;
	text-decoration:none;
	color:#ff521b; 
}

@media screen and (max-width:640px){
.bukken ul li a.button{
	background-image:url(../image/yajirusi.png);
	background-repeat: no-repeat;
	background-position:top 36px right 30px; 
	display: block;
    width: 15em;
    padding: 1em 2em;
    box-sizing: border-box;
    border: 1px solid #ff521b;
    margin: 30px auto;
	text-align:center;
	text-decoration:none;
	color:#ff521b; 
}
}

.bukken .pc{}

.bukken .sp{
	display:none;
}

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

  .bukken .sp{
    display:block;
  }
}

.t-1200{
	width:100%;
	max-width:1200px;
	margin:0 auto;
  box-sizing: border-box;
}

@media screen and (max-width:1200px){
  .t-1200{
    padding: 0 30px;
  }
}

.ticker{
	width:100%!important;
	margin:0 auto;
	border:1px solid #ff521b!important;
	position:inherit!important;
	padding:0!important;
	box-sizing: border-box;
}

@media screen and (max-width:640px){
	.ticker{
		position: absolute !important;
		top: 0;
		left: 30px;
		height: 120px !important;
		width: calc(100% - 60px) !important;
		box-sizing: border-box;
	}
	.ticker ul {
		margin-left: -7px;
		margin-top: -5px;
	}
	.ticker ul li {
		margin-top: -5px !important;
	}
}

.ticker .comment{
	width:100%;
	margin:0 auto;
}

.ticker span{
	display:inline-block; 
	padding-left:1.2em; 
	padding-right:1.2em; 
	color:#ff521b;
}

.ticker strong {
	background-color: #ff0000;
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 15px;
	border-radius: 4px;
	font-size: 13px;
	display: inline-block;
	left: 20px;
	top: -2px;
	position: relative;
}

@media screen and (max-width:640px){
	.ticker strong {
		background-color: #ff0000;
		color: #ffffff;
		text-decoration: none;
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 15px;
		border-radius: 4px;
		font-size: 15px;
		display: inline-block;
		left: 30px;
		top: -3px;
		position: relative;
	}
}

.ticker p{
	display:block; 
	padding-left:1.2em;
	padding-right: 15px;
	box-sizing: border-box;
	line-height: 22px;
	color:#000;
}

p.comment-no {
	padding:1.2em !important;  
}

.ticker li a {
	padding:1.2em 0!important;  
	text-decoration: none !important;
}
 
.ticker li a {
	display:block;
	width:100%;
	height:100%; 
}
 
.ticker span {
  margin: 0 10px 0 0;
  display: inline-block;
}
 
#bukken-primary {
	width:100%;
	max-width:1200px;
	margin:0 auto 30px;
}

@media screen and (max-width:1200px){
#bukken-primary {
	padding:0 30px;
	box-sizing: border-box;
}
}

#bukken-primary h2 {
	width:100%;
	font-size:30px;
	text-align:center;
	margin: 60px auto 30px;
	border-bottom: 1px solid #ff521b;
	padding-bottom: 30px;
}

@media screen and (max-width:640px){
#bukken-primary h2 {
	font-size:1.5em; 
}
}

#bukken-primary h2 span {
	display:block; 
	width:100%;
	font-family:'Helvetica';
	color:#ff521b; 
	font-size:16px; 
}

@media screen and (max-width:640px){
#bukken-primary h2 span {
	font-size:22px; 
}
}

#bukken-primary .bukken-contents-coulum4 {
	width:100%; 
	background-color:#fff; 
	float:left; 
	margin-right:30px; 
	margin-top:20px; 
	margin-bottom:30px; 
}

#bukken-primary .bukken-contents {
	width: calc( 25% - 22.5px);
    background-color: #fff;
    float: left;
    margin-right: 30px;
    margin-top: 30px;
}

@media screen and (max-width:640px){
#bukken-primary .bukken-contents {
	width: calc( 50% - 15px);
    background-color: #fff;
    float: left;
    margin-right: 30px;
    margin-top: 30px;
}
}

#bukken-primary .bukken-contents:nth-child(4n) {
	margin-right:0; 
}

@media screen and (max-width:640px){
#bukken-primary .bukken-contents:nth-child(2n) {
	margin-right:0; 
}
#bukken-primary .bukken-contents:nth-child(4n) {
	margin-right:auto; 
}
}

#bukken-primary .bukken-contents .thum-nail {
	width:100%;
	height:209px; 
	background-position:top;
	background-repeat:no-repeat;
	margin-bottom:1em; 
	background-size:contain;  
}

@media screen and (max-width:640px){
#bukken-primary .bukken-contents .thum-nail {
	height:206px; 
}
}
#bukken-primary .bukken-contents:nth-child(1) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown06/01.jpg);
}

#bukken-primary .bukken-contents:nth-child(2) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown07/01.jpg);
}

#bukken-primary .bukken-contents:nth-child(3) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown/01.jpg);
}

#bukken-primary .bukken-contents:nth-child(4) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown03/01.jpg?20200228);
}

#bukken-primary .bukken-contents:nth-child(5) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown04/01.jpg);
}

#bukken-primary .bukken-contents:nth-child(6) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown05/01.jpg);
}

#bukken-primary .bukken-contents:nth-child(7) .thum-nail {
	background-image:url(../image/contents/bukken/iwate/takumitown01/01.jpg);
}

#bukken-primary .bukken-contents:nth-child(8) .thum-nail {
	background-image:url(../image/contents/bukken/iwate/takumitown02/01.jpg);
}

#bukken-primary .bukken-contents .top-img{
	position:relative; 
}

#bukken-primary .bukken-contents .top-img{
	position:relative;
}

#bukken-primary .bukken-contents .top-comment{
	position:absolute;
	width: 100%;
	bottom: 0;
}

#bukken-primary .bukken-contents .top-comment p{
	box-sizing:border-box; 
}

@media screen and (max-width:640px){
#bukken-primary .bukken-contents .top-comment p{
	font-size:14px; 
}
}

#bukken-primary .bukken-contents .flag{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#bukken-primary .bukken-contents a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )"; 
}

#bukken-primary .bukken-contents h4 {
	display: inline-block;
	width: 100%;
}

#bukken-primary .bukken-contents h4 span{
	display:inline-block;
	background-color:#ff521b;
	box-sizing:border-box;
	padding: 0.5em 1em;
	margin-right: 1.15em;
	margin-bottom:0.5em;
	text-align:center;
	color:#fff;
	float:left;
	/*! position: absolute; */
	width: 5em;
}

#bukken-primary .bukken-contents h4 span.aomori{
	background-color:#1ccaff;
}

#bukken-primary .bukken-contents h4 span.iwate{
	background-color:#c21cff;
}

#bukken-primary .bukken-contents h4 span.miyagi{
	background-color:#59ff1c;
}

#bukken-primary .bukken-contents h4 span.property{
	background-color:#ff521b;
}

#bukken-primary .bukken-contents h4 span.other{
	background-color:#ff1b51;
}

#bukken-primary .bukken-contents h4 span.npist_db{
	background-color:#0f39d4;
}

@media screen and (max-width:640px){
	#bukken-primary .bukken-contents h4 span{
	position:relative; 
	}
}

#bukken-primary .bukken-contents h4 b{
	display:inline-block;
	color:#000;
	padding: 0 0em 0.5px;
	text-align:left;
	box-sizing:border-box;
	float:left;
	font-weight:bold;
	/*! padding-left: 5.5em; */
	width: calc( 100% - 6.2em);
}

@media screen and (max-width:640px){
	#bukken-primary .bukken-contents h4 b{
	padding-left:0;
	width:100%;

	}
}

#bukken-primary .bukken-contents p{
	display:inline-block; 
	width:100%; 
	color:#000;
	padding:0.5em 0;
	text-align:left; 
	box-sizing:border-box;
	font-size:14px; 
}

@media screen and (max-width:640px){
#bukken-primary .bukken-contents p{
	font-size:22px; 
}
}

.back{
	background-image:url(../image/contents/top/back.jpg);
	background-size:contain;
	/*background-attachment:scroll; */
	padding-top:26.04166666666667%; 
	background-repeat: no-repeat;
    width: 100%;
	height:0; 
    /*min-height: 500px;
    position: relative;*/
}

.top-youtube {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.top-youtube.pc {
  display: block;
}

.top-youtube.sp {
  display: none;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  position: absolute;
  top: 100px;
  left: 0;
}

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

  .top-youtube.sp {
    display: block;
  }
  
  .top-youtube img {
    margin-bottom: 30px;
    max-width: 100%;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.top-youtube img {
  opacity: 1;
  transition: 0.2s;
}

.top-youtube img:hover {
  opacity: 0.7;
}

/*-------------------------------------お知らせ-------------------------------------------*/

#info{
	background-color:#fafafa;
	background-image:url(../image/contents/top/blog-back-left.png) ,url(../image/contents/top/blog-back-right.png);
	background-position:left,right;
	background-repeat:no-repeat,no-repeat;
	width:100%;
	height:520px;
	padding:50px 0;
	box-sizing:border-box; 
}

@media screen and (max-width:640px){
#info{
	background-color:#fafafa;
	background-image:none;
	width:100%;
	height:auto;
	padding:50px 0;
	box-sizing:border-box; 
}
}

#info article{
	width:100%;
	max-width:1200px; 
	margin: 0px auto 30px;
	box-sizing: border-box;
}

#info h2{
	width:100%;
	font-size:30px;
	text-align:center;
	margin: 0px auto 30px;
	border-bottom: 1px solid #ff521b;
	padding-bottom: 30px;
	box-sizing: border-box;
}

#info h2 span{
	display: block;
    width: 100%;
    font-family: 'Helvetica';
    color: #ff521b;
    font-size: 16px;
}

#info h3 {
	display: inline-block;
    float: right;
    margin-top: -8em;
}

@media screen and (max-width:640px){
#info h3 {
	display: inline-block;
    float: right;
    margin-top: 0;
	margin-bottom: 2.5em;
}
}

#info h3 .button-5 {
	width:10em;
	background-color:#fff; 
}

.eff-10{
  width:10em;
  height: 59px;
  left:-10em;
  background:#ff521b;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
@media screen and (max-width:640px){
	.eff-10{
		height: 100%;
		display:block; 
	}
}
.button-5:hover .eff-10 {
  left:0;
}
.button-5:hover a{
  color:#fff;
}


#info h3 a {
	font-family:'Helvetica';
	box-sizing: border-box;
}

#info .item {
	background-color:#ffffff;
	width:calc(50% - 10px);
	box-sizing:border-box;
	position:relative;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	border:1px dotted #dadada;
	/* padding:10px; */
	/* padding-right:30px; */
}

@media screen and (max-width:640px){
#info .item {
	background-color:#ffffff;
	width:100%;
	box-sizing:border-box;
	position:relative;
	float:left;
	margin-bottom:20px;
	margin-right:0;
	border:1px dotted #dadada;
	padding:10px;
	padding-right:20px; 
}
}

#info .item:hover {
	border:1px solid #ff521b;
	box-sizing:border-box; 
}

#info .item:nth-child(even) {
	margin-right:0;
}

#info .item.blank {
	opacity:0.5;
}

#info .item .thum {
	width: 150px;
	height: 100px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	transition: 0.3s;
	float: left;
	margin-right: 20px;
}

#info .item .thum:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#info .item a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	padding: 10px 10px 15px;
	box-sizing: border-box;
}

#info .item .data {
	color:#ff521b;
	display:table; 
}

#info .item p {
	margin:0;
	padding:15px 0;
	line-height:17px;
	transition:0.3s;
	float: left;
	width: calc(100% - 170px);
	box-sizing: border-box;
	color:#000; 
	display:table-cell; 
	vertical-align:middle; 
}

@media screen and (max-width: 1100px) {
	#subpage #info .item p {
		font-size:16px;
		line-height:24px;
	}
}

.info-content{
	width:100%;
	max-width:1200px;
	margin:0 auto;

	background-color: #ffffff;
    padding: 50px 200px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 50px;
    transition: 0.3s;
    position: relative;
}

@media screen and (max-width:640px){
.info-content{
	width:100%;
	max-width:inherit;
	margin:0 auto;
	background-color: #ffffff;
    padding: 50px 50px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 50px;
    transition: 0.3s;
    position: relative;
}
}

.info-content h3 span{
	display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #ff521b;
    color: #ffffff;
    margin-right: 15px;
	font-size:12px; 
}

@media screen and (max-width:640px){
.info-content h3 span{
	font-size:0.8em; 
}
}

.info-content h3 strong{
	display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #eeeeee;
    color: #000000;
    margin-right: 15px;
	font-size:12px; 
	font-weight:normal;
}

@media screen and (max-width:640px){
.info-content h3 strong{
	font-size:0.8em; 
}
}

.info-content h3 p{
    color: #ff521b;
    text-align: left;
    margin: 0;
    padding:20px 0;
    margin-bottom: 50px;
    border-bottom: 1px solid #ff521b;
	font-size:28px; 
}

@media screen and (max-width:640px){
.info-content h3 p{
	font-size:1.6em; 
}
}

.info-content h3 b{
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #ff521b;
    color: #fff;
    float:right; 
	font-weight:normal;
	font-size:12px; 
}

@media screen and (max-width:640px){
.info-content h3 b{
	float:none;
	margin:0.5em 0;
	font-size:0.8em; 
	}
}

.kiji-box {
	margin:30px auto;	
}


/*----------------------------------------------------------------------------------------------------------
ブログ　一覧
-------------------------------------------------------------------------------------------------------*/

.info-contents{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.info-contents .item{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.info-contents .item {
	background-color:#ffffff;
	width:calc(50% - 10px);
	box-sizing:border-box;
	position:relative;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	border:1px dotted #dadada;
}

@media screen and (max-width:640px){
.info-contents .item {
	width:100%;
	float:none;
	margin-bottom:20px;
	margin-right:0;
}
}

.info-contents .item:hover {
	border:1px solid #ff521b;
	box-sizing:border-box; 
}

.info-contents .item:nth-child(even) {
	margin-right:0;
}

.info-contents .item.blank {
	opacity:0.5;
}

.info-contents .item .thum {
	width: 150px;
    height: 100px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transition: 0.3s;
    float: left;
    margin-right: 20px;
}

.info-contents .item .thum:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.info-contents .item a {
	display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 10px 10px 15px;
    box-sizing: border-box;
}

#info .item a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	padding: 10px 10px 15px;
	box-sizing: border-box;
}

.info-contents .item .date {
	color:#ff521b;
	display:table; 
}

.info-contents .item p {
	margin: 0;
  padding: 15px 0;
  transition: 0.3s;
  float: left;
  width: calc(100% - 170px);
  box-sizing: border-box;
  color: #000;
  display: table-cell;
  vertical-align: middle;
}

.info-contents .item b {
	float:right;
	
}

ul.pmove{
	margin-top: 30px;
}

.info .blog-button , .bout .bout-button {
	border: 1px solid #ff521b;
	z-index:99; 
}

.info .blog-button a , .bout .bout-button a {
	display:inherit;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height: 60px;
	line-height: 60px;
	/* border-radius: 5px; */
	position: relative;
	text-align: center;
	text-decoration: none !important;
	font-size: 18px;
	color: #ff521b ;
	transition: 0.3s;
	background-repeat: no-repeat;
	background-position: right;
	overflow: visible;
	box-sizing:border-box;
	z-index:99; 
}

.info .blog-button a:hover , .bout .bout-button a:hover {
	color: #fff ;
}

.info .blog-button-off span , .bout .bout-button-off span{
	display:inherit;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height: 60px;
	line-height: 60px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	font-size: 18px;
	color: #8e8e8e !important;
	transition: 0.3s;
	border: 1px solid #8E8E8E;
	background-repeat: no-repeat;
	background-position: right;
	overflow: visible;
	box-sizing:border-box;
	padding:0;
}

ul.pmove li{
	width:calc(33.33333333% - 22px);
	float:left;
	margin-right:30px;
	position: relative;
	overflow: hidden;
}

ul.pmove li:nth-child(3){
	margin-right:0; 
}

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

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

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

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

.photo-c {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

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


/*-------------------------------------取り組み-------------------------------------------*/

#bout{
	background-color:#fafafa;
	background-image:url(../image/contents/top/blog-back-left.png) ,url(../image/contents/top/blog-back-right.png);
	background-position:left,right;
	background-repeat:no-repeat,no-repeat;
	width:100%;
	height:520px;
	padding:50px 0;
	box-sizing:border-box; 
}

@media screen and (max-width:640px){
#bout{
	background-color:#fafafa;
	background-image:none;
	width:100%;
	height:auto;
	padding:50px 0;
	box-sizing:border-box; 
}
}

#bout article{
	width:100%;
	max-width:1200px; 
	margin: 0px auto 30px;
	box-sizing: border-box;
}

#bout h2{
	width:100%;
	font-size:30px;
	text-align:center;
	margin: 0px auto 30px;
	border-bottom: 1px solid #ff521b;
	padding-bottom: 30px;
	box-sizing: border-box;
}

#bout h2 span{
	display: block;
    width: 100%;
    font-family: 'Helvetica';
    color: #ff521b;
    font-size: 16px;
}

#bout h3 {
	display: inline-block;
    float: right;
    margin-top: -8em;
}

@media screen and (max-width:640px){
#bout h3 {
	display: inline-block;
    float: right;
    margin-top: 0;
	margin-bottom: 2.5em;
}
}

#bout h3 .button-5 {
	width:10em;
	background-color:#fff; 
}

.eff-10{
  width:10em;
  height: 59px;
  left:-10em;
  background:#ff521b;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
@media screen and (max-width:640px){
	.eff-10{
		height: 100%;
		display:block; 
	}
}
.button-5:hover .eff-10 {
  left:0;
}
.button-5:hover a{
  color:#fff;
}


#bout h3 a {
	font-family:'Helvetica';
	box-sizing: border-box;
}

#bout .item {
	background-color:#ffffff;
	width:calc(50% - 10px);
	box-sizing:border-box;
	position:relative;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	border:1px dotted #dadada;
	/* padding:10px; */
	/* padding-right:30px; */
}

@media screen and (max-width:640px){
#bout .item {
	background-color:#ffffff;
	width:100%;
	box-sizing:border-box;
	position:relative;
	float:left;
	margin-bottom:20px;
	margin-right:0;
	border:1px dotted #dadada;
	padding:10px;
	padding-right:20px; 
}
}

#bout .item:hover {
	border:1px solid #ff521b;
	box-sizing:border-box; 
}

#bout .item:nth-child(even) {
	margin-right:0;
}

#bout .item.blank {
	opacity:0.5;
}

#bout .item .thum {
	width: 150px;
	height: 100px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	transition: 0.3s;
	float: left;
	margin-right: 20px;
}

#bout .item .thum:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#bout .item a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	padding: 10px 10px 15px;
	box-sizing: border-box;
}

#bout .item .data {
	color:#ff521b;
	display:table; 
}

#bout .item p {
	margin:0;
	padding:15px 0;
	line-height:17px;
	transition:0.3s;
	float: left;

	width: calc(100% - 170px);
	box-sizing: border-box;
	color:#000; 
	display:table-cell; 
	vertical-align:middle; 
}

@media screen and (max-width: 1100px) {
	#subpage #bout .item p {
		font-size:16px;
		line-height:24px;
	}
}

.bout-content{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	background-color: #ffffff;
    padding: 50px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 50px;
    transition: 0.3s;
    position: relative;
}

.bout-content h3 span{
	display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #ff521b;
    color: #ffffff;
    margin-right: 15px;
}

.bout-content h3 strong{
	display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #eeeeee;
    color: #000000;
    margin-right: 15px;
}

.kiji-box {
	margin:30px auto;	
}


/*----------------------------------------------------------------------------------------------------------
取り組み　一覧
-------------------------------------------------------------------------------------------------------*/

.bout-contents{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.bout-contents .item{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.bout-contents .item {
	width:calc(25% - 15px);
	box-sizing:border-box;
	position:relative;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}

@media screen and (max-width:640px){
.bout-contents .item {
	width:calc(50% - 15px);
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}

.bout-contents .item:nth-child(2n) {
	margin-right:0;
}
}

.bout-contents .item:nth-child(4n) {
	margin-right:0;
}

.bout-contents .item.blank {
	opacity:0.5;
}

.bout-contents .item .thum {
	width: 100%;
    height: 170px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transition: 0.3s;
    float: left;
}

.bout-contents .item .thum:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.bout-contents .item a {
	display: block;
    width: 100%;
    text-decoration: none;
    box-sizing: border-box;
}

.bout-contents .item a:hover .thum { opacity:0.6;}

#bout .item a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	padding: 10px 10px 15px;
	box-sizing: border-box;
}

.bout-contents .item .date {
	color:#ff521b;
	display:table; 
}

.bout-contents .item p.title {
    color: #000;
    text-align: left;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 0.75em 0 0.5em;
	width:100%;
}

@media screen and (max-width:640px){
.bout-contents .item p.title {
	font-size:1em; 
}
}

.bout-contents .item p.catename {
    color: #ff521b;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
}

@media screen and (max-width:640px){
.bout-contents .item p.catename {
    font-size: 0.8em;
}
}

.bout-contents .item a p.title {
	text-decoration:none; 
}

.bout-contents .item a p.title:hover {
	text-decoration:underline; 
}




/*------------------------------------------------------------------------------------------------------------------
　sub-page
-------------------------------------------------------------------------------------------------------------------*/

.bukken-contents-right .panel {
    /* width: 100%!important; */
    min-height:550px;
    float: left;
    box-sizing: border-box;
}

.pist-db_detail .bukken-contents-right .panel {
    /* width: 100%!important; */
    min-height:450px;
}

@media screen and (max-width:640px){
.bukken-contents-right .panel {
	min-height:650px; 
}
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: inherit;
    font-weight: bold;
    color: #666;
    position: relative;
    bottom: 0;
    width: 100%;
    height: 100%;
    right: auto;
    margin-top: 1em;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #e5e5e5;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: block;
    width: 1em!important;
    height: 1em!important;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

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

.bx-controls-direction a.bx-prev , .bx-controls-direction a.bx-next{
	display:none!important;
}

.sub-page .bukken-title{
	width:70%;
	max-width:730px;
	margin:0 auto;
	box-sizing:border-box;
	background-color:#fff;
	margin-top: -10.5em;
}

.sub-page .bukken-title h2{
	width:100%;
	max-width:4em;
	margin:0 auto;
	padding: 1.5em 0;
	box-sizing:border-box;
	border-bottom:3px solid;
	font-size: 24px;
	font-weight:normal; 
	text-align:center; 
}

.sub-page .bukken-title > h2.chart{
	width:100%;
	max-width:6em;
	margin:4.5em auto 2em;
	padding: 1.5em 0;
	box-sizing:border-box;
	border-bottom:3px solid;
	font-size: 24px;
	font-weight:normal; 
	text-align:center; 
}

.property .bukken-title > h2.chart,
.npist_db .bukken-title > h2.chart {
	width:100%;
	max-width:6em;
	margin:4.5em auto 2em;
	padding: 1.5em 0;
	box-sizing:border-box;
	border-bottom:3px solid;
	font-size: 24px;
	font-weight:normal; 
	text-align:center; 
}

.sub-page .bukken-title h2 span{
	color: #8c8c8c;
    font-size: 0.5em;
    display: block;
}

.sub-page .bukken-name h2{
	text-align:left;
	line-height:1em;
	color:#000; 
}

.sub-page .bukken-name p{
	color: #000;
	margin-top:0.5em;
}

.aomori .bukken-list .bukken-name,
.npist_db .bukken-list dl.aomori .bukken-name {
	background:url(../image/contents/bukken/aomori/icon-top.png) left no-repeat;
	width:100%;
	height:auto;
	min-height: 67px;
	margin:0 0 30px;
	padding-left: 90px;
	box-sizing:border-box;
}

.iwate .bukken-list .bukken-name,
.npist_db .bukken-list dl.iwate .bukken-name {
	background:url(../image/contents/bukken/iwate/icon-top.png) left no-repeat;
	width:100%;
	height:auto;
	min-height: 67px;
	margin:0 0 30px;
	padding-left: 90px;
	box-sizing:border-box;
}

.miyagi .bukken-list .bukken-name,
.npist_db .bukken-list dl.miyagi .bukken-name {
	background:url(../image/contents/bukken/miyagi/icon-top.png) left no-repeat;
	width:100%;
	height:auto;
	min-height: 67px;
	margin:0 0 30px;
	padding-left: 90px;
	box-sizing:border-box;
}

.other .bukken-list .bukken-name,
.npist_db .bukken-list dl.tokyo .bukken-name {
	background:url(../image/contents/bukken/other/icon-top.png?v=2) left no-repeat;
	width:100%;
	height:auto;
	min-height: 67px;
	margin:0 0 30px;
	padding-left: 90px;
	box-sizing:border-box;
}

.property .bukken-list .bukken-name {
	background:url(../image/contents/bukken/property/icon-top.png) left no-repeat;
	width:100%;
	height:auto;
	min-height: 90px;
	margin:0 0 30px;
	padding-left: 117px;
	box-sizing:border-box;
}

.npist_db .bukken-list dl.other .bukken-name {
	background:url(../image/contents/bukken/npist_db/icon-top.png) left no-repeat;
	width:100%;
	height:auto;
	min-height: 90px;
	margin:0 0 30px;
	padding-left: 117px;
	box-sizing:border-box;
}

.aomori .bukken-list .bukken-name h2,
.npist_db .bukken-list dl.aomori .bukken-name h2 {
	font-size:1.15em;
	line-height: 1.5em;
	padding: 0.3em 0;
	color:#1ccaff;
}

.iwate .bukken-list .bukken-name h2,
.npist_db .bukken-list dl.iwate .bukken-name h2 {
	font-size:1.15em;
	line-height: 1.5em;
	padding: 0.3em 0;
	color:#c21cff;
}

.miyagi .bukken-list .bukken-name h2,
.npist_db .bukken-list dl.miyagi .bukken-name h2 {
	font-size:1.15em;
	line-height: 1.5em;
	padding: 0.3em 0;
	color:#59ff1c;
}

.other .bukken-list .bukken-name h2,
.npist_db .bukken-list dl.tokyo .bukken-name h2 {
	font-size:1.15em;
	line-height: 1.5em;
	padding: 0.3em 0;
	color:#ff1b51;
}

.property .bukken-list .bukken-name h2{
	font-size:1.15em;
	line-height: 1.5em;
	padding: 0.3em 0;
	color:#ff521b;
}

.npist_db .bukken-list dl.other .bukken-name h2{
	font-size:1.15em;
	line-height: 1.5em;
	padding: 0.3em 0;
	color:#0f39d4;
}

.sub-page .bukken-list{
	width:100%;
	max-width:1200px;
	margin:0 auto 50px; 
}

.sub-page .bukken-contents-left h3.bukkenlisttitle {
	margin: 0;
	padding: 0;
	margin-top: 60px;
	margin-bottom: 40px;
	padding-bottom: 0.5em;
	text-align: left;
	border-bottom: 2px solid #ccc;
	position: relative;
	display:inline-block; 
}
.sub-page .bukken-contents-left h3.bukkenlisttitle::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 4em;
	height: 2px;
}
.aomori .bukken-contents-left h3.bukkenlisttitle::after {
	background-color: #1ccaff;
}
.iwate .bukken-contents-left h3.bukkenlisttitle::after {
	background-color: #c21cff;
}
.miyagi .bukken-contents-left h3.bukkenlisttitle::after {
	background-color: #59ff1c;
}
.other .bukken-contents-left h3.bukkenlisttitle::after {
	background-color: #ff1b51;
}

.sub-page .bukken-contents-left h3.bukkenlisttitle:first-of-type {
	margin-top: 0;
}

.sub-page .bukken-list .bukken-contents-left , p.hit{
	width:100%;
	margin-right:0; 
}

/*-----
.sub-page .bukken-list .bukken-contents-left , p.hit{
	width:830px;
	margin-right:50px; 
	float:left; 
}
------*/

.sub-page .bukken-list .bukken-contents-left dl{
	width:calc(50% - 15px);
	display:inline-block;
	padding:30px;
	box-sizing:border-box;
	border:5px solid #eee; 
	background-color:#fff;
	margin:0 0 30px; 
	float:left; 
}

.sub-page .bukken-list .bukken-contents-left dl:nth-child(even){
	margin-right:30px; 
}

/*---------
.sub-page .bukken-list .bukken-contents-left dl{
	width:100%;
	display:inline-block;
	padding:30px;
	box-sizing:border-box;
	border:5px solid #eee; 
	background-color:#fff;
	margin:0 0 30px; 
}
-----*/

.aomori .bukken-list .bukken-contents-left dl:hover{
	border:5px solid #1ccaff; 
	transition:0.3s; 
}

.iwate .bukken-list .bukken-contents-left dl:hover{
	border:5px solid #c21cff; 
	transition:0.3s; 
}

.miyagi .bukken-list .bukken-contents-left dl:hover{
	border:5px solid #59ff1c; 
	transition:0.3s; 
}

.property .bukken-list .bukken-contents-left dl:hover{
	border:5px solid #ff521b; 
	transition:0.3s; 
}

.other .bukken-list .bukken-contents-left dl:hover{
	border:5px solid #ff1b51; 
	transition:0.3s; 
}

.npist_db .bukken-list .bukken-contents-left dl:hover{
	border:5px solid #0F39D4; 
	transition:0.3s; 
}

.sub-page .bukken-list .bukken-contents-left a{
	text-decoration:none;
	color:#000; 
}

.sub-page .bukken-list .bukken-contents-left dl dt{
	position:relative; 
	width:calc(50% - 15px);
	margin-right:30px; 
	float:left; 
}

.sub-page .bukken-list .bukken-contents-left dl dt img{
	width:100%;
	height:100%; 
}

.sub-page .bukken-list .bukken-contents-left dl dd{
	float:left; 
	width:calc(50% - 15px);
}

.sub-page .bukken-list .bukken-contents-left dl dd h4{
	font-size:18px;
	font-weight:bold;
}

.sub-page .bukken-list .bukken-contents-left dl dd .detail-line{
	border-bottom: 1px dashed #a1a1a1;
    padding: 0.5em;
    box-sizing: border-box;
    width: 100%;
}

.sub-page .bukken-list .bukken-contents-left dl dd .detail-line h5{
	float: left;
    font-size:0.8em;
}

.sub-page .bukken-list .bukken-contents-left .title-contents h5 {
	font-size:0.8em;
	margin:10px 0; 
}

.sub-page .bukken-list .bukken-contents-left h5 {
	font-size:14px; 
}

.sub-page .bukken-list .bukken-contents-left h5 .red{
	color:#f00; 
	display:inline-block;
	margin:0 1em 0 0.5em; 
}

.sub-page .bukken-list .bukken-contents-left h5 .red strong{
	font-size:30px; 
}

.sub-page .bukken-list .bukken-contents-left h5 .red span{
	font-size:18px; 
}

.sub-page .bukken-list .bukken-contents-left h5 .orange{
	display:inline-block;
	margin:0 0.5em;
}

.sub-page .bukken-list .bukken-contents-left h5 .orange strong{
	color:#ff521b; 
	font-size:30px; 
	 
}

.sub-page .bukken-list .bukken-contents-left dl dd .detail-line p{
	padding-left: 5em;
	font-size:14px; 
}

.sub-page .bukken-list .bukken-contents-left dl dd .detail-line .w50{
	width: 50%;
    float: left;
}

.sub-page .bukken-list .bukken-contents-left dl dd .detail-line .bcl-pc{
	display:block; 
}

.sub-page .bukken-list .bukken-contents-left dl dd .bcl-sp{
	display:none; 
}

.sub-page .bukken-list .bukken-contents-left dl dd .bcl-button{
	margin-top: 1.65em;
}

.sub-page .bukken-list .bukken-contents-left dl dd .bcl-button p{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding:1em;
	background-color:#ff521b; 
	text-align:center; 
}

.sub-page .bukken-list .bukken-contents-left dl dd .bcl-button p:before{
	content:url(../image/contents/bukken/yajirusi-icon.png);
	float:right;
	box-sizing: border-box;
	margin-top: 0.2em;
}


/* bukken-contents-right */
.bukken-contents-right .bx-wrapper .bx-viewport{
	height:100%!important; 
}

.bukken-contents-right{
	width: 100%;
	max-height:999999999px;
	float:none;
	margin-top: 30px;
	padding-top: 60px;
	border-top:1px solid #ccc;
}

.bukken-contents-right a{
	color: #000;
    text-decoration: none;
    height: 100%;
	transition: 0.3s;
}

.bukken-contents-right .pager-custam a:hover{
	color: #ff521b;
    text-decoration: underline;
    height: 100%;
	transition: 0.3s;
}

.bukken-contents-right .pager-custam02 a:hover{
	color: #ff521b;
    text-decoration: underline;
    height: 100%;
	transition: 0.3s;
}

.pager-custam a , .pager-custam02 a{
	margin-right:5px;  
}

.pager-custam .active , .pager-custam02 .active{
	display:inline!important; 
}

.bukken-contents-right dl{
	width: calc(50% - 15px);
	display:inline-block;
	padding:30px;
	box-sizing:border-box;
	border:5px solid #eee;
	background-color:#fff;
	margin:0 0 30px;
	float: left;
}

.bukken-contents-right dl:first-child{
	margin-right:30px; 
}

.bukken-contents-right dl dt{
	padding-bottom: 0.5em;
	margin:0 0 1em; 
    border-bottom: 1px dotted #a6a6a6;
}

.bukken-contents-right dl dt h3{
	background: url(../image/contents/bukken/star-icon.png) top left no-repeat;
    width: 100%;
    margin: 0;
    padding: 0.3em 0;
	padding-left: 65px;
    font-size: 18px;
	font-weight:bold;
    box-sizing: border-box;
	color: #ff521b;
	text-align:left; 
}

.bukken-contents-right dl dd h4{
	display:inline-block;
	padding:0.5em 1em;
	box-sizing:border-box;
	background-color: #ededed;
	font-size:0.8em; 
}

.bukken-contents-right dl dd p{
	margin:1em 0;
	font-size:0.8em; 
}

.bukken-contents-right dl dd .bcl-button {	
	position: absolute;
    bottom: 0;
    width: 100%;
}

.bukken-contents-right dl dd .bcl-button p{
	font-size:1em;
	font-weight:bold;
	color:#fff;
	padding:0.8em 1em;
	margin:0; 
	background-color:#5c5c5c; 
	text-align:center; 
}

.bukken-contents-right dl dd .bcl-button p:before{
	content:url(../image/contents/bukken/yajirusi-icon-2.png);
	float:right;
	box-sizing: border-box;
	margin-top: 0.2em;
}

/*
.sub-page .bukken-contents-right .bx-wrapper .bx-viewport{
	height:100%!important; 
}

.sub-page .bukken-contents-right{
	width: 100%;
	max-height:999999999px;
	float:none;
	margin-top: 30px;
	padding-top: 60px;
	border-top:1px solid #ccc;
}

.sub-page .bukken-contents-right a{
	color: #000;
    text-decoration: none;
    height: 100%;
	transition: 0.3s;
}

.sub-page .bukken-contents-right .pager-custam a:hover{
	color: #ff521b;
    text-decoration: underline;
    height: 100%;
	transition: 0.3s;
}

.sub-page .bukken-contents-right .pager-custam02 a:hover{
	color: #ff521b;
    text-decoration: underline;
    height: 100%;
	transition: 0.3s;
}

.pager-custam a , .pager-custam02 a{
	margin-right:5px;  
}

.pager-custam .active , .pager-custam02 .active{
	display:inline!important; 
}

.sub-page .bukken-contents-right dl{
	width: calc(50% - 15px);
	display:inline-block;
	padding:30px;
	box-sizing:border-box;
	border:5px solid #eee;
	background-color:#fff;
	margin:0 0 30px;
	float: left;
}

.sub-page .bukken-contents-right dl:first-child{
	margin-right:30px; 
}

.sub-page .bukken-contents-right dl dt{
	padding-bottom: 0.5em;
	margin:0 0 1em; 
    border-bottom: 1px dotted #a6a6a6;
}

.sub-page .bukken-contents-right dl dt h3{
	background: url(../image/contents/bukken/star-icon.png) top left no-repeat;
    width: 100%;
    margin: 0;
    padding: 0.3em 0;
	padding-left: 65px;
    font-size: 18px;
	font-weight:bold;
    box-sizing: border-box;
	color: #ff521b;
	text-align:left; 
}

.sub-page .bukken-contents-right dl dd h4{
	display:inline-block;
	padding:0.5em 1em;
	box-sizing:border-box;
	background-color: #ededed;
	font-size:0.8em; 
}

.sub-page .bukken-contents-right dl dd p{
	margin:1em 0;
	font-size:0.8em; 
}

.sub-page .bukken-contents-right dl dd .bcl-button {	
	position: absolute;
    bottom: 0;
    width: 100%;
}

.sub-page .bukken-contents-right dl dd .bcl-button p{
	font-size:1em;
	font-weight:bold;
	color:#fff;
	padding:0.8em 1em;
	margin:0; 
	background-color:#5c5c5c; 
	text-align:center; 
}

.sub-page .bukken-contents-right dl dd .bcl-button p:before{
	content:url(../image/contents/bukken/yajirusi-icon-2.png);
	float:right;
	box-sizing: border-box;
	margin-top: 0.2em;
}
*/

.pist-db_detail .bcl-button {
	display: none !important;
}

.pager-custam01 .bx-pager , .pager-custam03 .bx-pager02{
	margin: 30px auto 0;
	display: inherit;
	width: 35%;
}

@media screen and (max-width:640px){
/*
.pager-custam01 .bx-pager , .pager-custam03 .bx-pager02{
	width: 100%;
}
*/
.pager-custam01 .bx-pager , .pager-custam03 .bx-pager02{
	width: 36%;
}
}

a.circle {
	display:inline-block;
	float:left; 
}

a.circle:before {
	content:'●';
	background: #e5e5e5;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	width: 20px!important;
	height: 20px!important;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 10px;
}

.pager-custam01 .bx-pager a.active:before {
	content:'●';
	background: #ff521b;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	margin: 0 5px;
	outline: 0;
}

.pager-custam03 .bx-pager02 a.active:before {
	background: #ff521b;
}


				.pist_db1 section.list .inner .head p.hit,
				.pist_db2 section.list .inner .head p.hit {
					position:absolute;
					top:7px;
					left:0;
					text-align:left;
					}
				.pist_db1 section.list .inner .head .sort,
				.pist_db2 section.list .inner .head .sort {
					position:absolute;
					right:0;
					}

/*			.pist_db1 section.list .inner .listbox,
			.pist_db2 section.list .inner .listbox {
				
				}
				.pist_db1 section.list .inner .listbox .linkbox,
				.pist_db2 section.list .inner .listbox .linkbox {
					float:left;
					width:calc((100% - 60px) / 3);
					margin:0 30px 30px 0;
					}
				.pist_db1 section.list .inner .listbox .linkbox.nolink,
				.pist_db2 section.list .inner .listbox .linkbox.nolink {
					text-align:left;
					box-sizing:border-box;
					background:#ffffff;
					border:solid 3px #efefef;
					}
				.pist_db1 section.list .inner .listbox .linkbox:nth-of-type(3n),
				.pist_db2 section.list .inner .listbox .linkbox:nth-of-type(3n) {
					margin:0 0 30px 0;
					}
					.pist_db1 section.list .inner .listbox .linkbox a,

					.pist_db2 section.list .inner .listbox .linkbox a {
						display:block;
						width:100%;
						text-align:left;
						text-decoration:none;
						box-sizing:border-box;
						background:#ffffff;
						border:solid 3px #efefef;
						}
					.pist_db1 section.list .inner .listbox .linkbox a:hover,
					.pist_db2 section.list .inner .listbox .linkbox a:hover {
						border:solid 3px #dd5519;
						}
						.pist_db1 section.list .inner .listbox .linkbox p.comment,
						.pist_db2 section.list .inner .listbox .linkbox p.comment {
							color:#009944;
							font-size:17px;
							font-weight:bold;
							line-height:130%;
							margin:0 0 20px 0;
							}
						.pist_db1 section.list .inner .listbox .linkbox dl,
						.pist_db2 section.list .inner .listbox .linkbox dl {
							padding:20px;
							}
							.pist_db1 section.list .inner .listbox .linkbox dl dt,
							.pist_db2 section.list .inner .listbox .linkbox dl dt {
								position:relative;
								width:100%;
								text-align:center;
								/*margin:0 20px 0 0;*/
								/*padding:45px 0 0 0;
								}
								.sub-page .bukken-list .bukken-contents-left dl dt img,
								.pist_db2 section.list .inner .listbox .linkbox dl dt img {
									height:auto !important;
									max-width:100%;
									max-height:231px;
									}*/
								.sub-page .bukken-list .bukken-contents-left dl dt span,
								.sub-page .bukken-list .bukken-contents-left dl dt span {
									display:none;
									width:100%;
									color:#ffffff;
									font-size:13px;
									line-height:35px;
									box-sizing:border-box;
									}
								.sub-page .bukken-list .bukken-contents-left dl dt span.pist01 { background:#a3d900; }
								.sub-page .bukken-list .bukken-contents-left dl dt span.pist02 { background:#ff8000; }

								.sub-page .bukken-list .bukken-contents-left dl dt p,
								.sub-page .bukken-list .bukken-contents-left dl dt p {
									width:100%;
									position:absolute;
									top:0;
									left:0;
									display:inline-block;
									color:#ffffff;
									font-size:14px;
									box-sizing:border-box;
									padding:5px 10px;
									text-align:center; 
									}
								@media screen and (max-width:640px){
								.sub-page .bukken-list .bukken-contents-left dl dt p,
								.sub-page .bukken-list .bukken-contents-left dl dt p {
									font-size:18px;
									}
									}
								.sub-page .bukken-list .bukken-contents-left dl dt p.color01 { background-color:#d80000; }
								.sub-page .bukken-list .bukken-contents-left dl dt p.color02 { background-color:#dd5419; }
								.sub-page .bukken-list .bukken-contents-left dl dt p.color03 { background-color:#ff73ff; }
								.sub-page .bukken-list .bukken-contents-left dl dt p.color04 { background-color:#ffc926; }
								.sub-page .bukken-list .bukken-contents-left dl dt p.color05 { background-color:#85b200; }
								.sub-page .bukken-list .bukken-contents-left dl dt p.color06 { background-color:#a64dff; }
								.sub-page .bukken-list .bukken-contents-left dl dt p.color07 { background-color:#7396ff; }
								.sub-page .bukken-list .bukken-contents-left dl dt p.color08 { background-color:#00698c; }
								.sub-page .bukken-list .bukken-contents-left dl dt p.color09 { background-color:#cccccc; }

								.pist_db1 section.list .inner .listbox .linkbox dl dt .flag,
								.sub-page .bukken-list .bukken-contents-left dl dt .flag {
									position:absolute;
									top:50%;
									left:50%;
									transform:translateY(-50%) translateX(-50%);
									width:auto;
									height:auto;
									}
							.pist_db1 section.list .inner .listbox .linkbox dl dd,
							.pist_db2 section.list .inner .listbox .linkbox dl dd {
								width:100%;
								color:#232323;
								}
								.pist_db1 section.list .inner .listbox .linkbox dl dd ul,
								.pist_db2 section.list .inner .listbox .linkbox dl dd ul {
									width:100%;
									list-style:none;
									}
									.pist_db1 section.list .inner .listbox .linkbox dl dd ul li:nth-of-type(1),
									.pist_db2 section.list .inner .listbox .linkbox dl dd ul li:nth-of-type(1) {
										display:block;
										color:#232323;
										line-height:130%;
										margin:20px 0 10px 0;
										}
									.pist_db1 section.list .inner .listbox .linkbox dl dd ul li:nth-of-type(2),
									.pist_db2 section.list .inner .listbox .linkbox dl dd ul li:nth-of-type(2) {
										display:inline-block;
										color:#d80000;
										font-size:17px;
										font-weight:bold;
										line-height:25px;
										word-wrap:break-word;
										word-break:break-all;
										margin:0 20px 0 0;
										}
									.pist_db1 section.list .inner .listbox .linkbox dl dd ul li:nth-of-type(3),
									.pist_db2 section.list .inner .listbox .linkbox dl dd ul li:nth-of-type(3) {
										display:inline-block;
										color:#85b200;
										font-size:17px;
										font-weight:bold;
										line-height:25px;
										word-wrap:break-word;
										word-break:break-all;
										margin:0;
										}
										.pist_db1 section.list .inner .listbox .linkbox dl dd ul li span,
										.pist_db2 section.list .inner .listbox .linkbox dl dd ul li span {
											display:inline-block;
											width:3.5em;
											color:#121212;
											font-size:12px;
											font-weight:bold;
											text-align:center;
											text-indent:0;
											line-height:25px;
											box-sizing:border-box;
											background:#efefef;
											border:solid 3px #efefef;
											margin:0 10px 0 0;
											}
					.pist_db1 section.list .inner .linkbox .update,
					.pist_db2 section.list .inner .linkbox .update {
						color:#999999;
						font-size:12px;
						text-align:right;
						line-height:30px;
						box-sizing:border-box;
						background:#efefef;
						padding:5px 20px 0 20px;
						}



@media screen and (max-width:640px){
.sub-page .bukken-title > h2.chart{
	width:100%;
	/* max-width:4em; */
	margin:2em auto;
	padding: 1.5em 0;
	box-sizing:border-box;
	border-bottom:3px solid;
	font-size: 28px;
	font-weight:normal; 
	text-align:center; 
}

.sub-page .bukken-title h2 span{
	color: #8c8c8c;
    font-size: 0.5em;
    display: block;
}
	
.sub-page .bukken-name h2{
	text-align:left;
	line-height:1em;
	color:#000; 
}

.sub-page .bukken-name p{
	color: #000;
	margin-top:0.5em;
}

.aomori .bukken-list .bukken-name{
	background:url(../image/contents/bukken/aomori/icon-top.png) left no-repeat;
	width:100%;
	height:auto;
	margin:0 0 30px;
	padding-left: 90px;
	box-sizing:border-box;
}

.iwate .bukken-list .bukken-name{
	background:url(../image/contents/bukken/iwate/icon-top.png) left no-repeat;
	width:100%;
	height:auto;
	margin:0 0 30px;
	padding-left: 90px;
	box-sizing:border-box;
}

.miyagi .bukken-list .bukken-name{
	background:url(../image/contents/bukken/miyagi/icon-top.png) left no-repeat;
	width:100%;
	height:auto;
	margin:0 0 30px;
	padding-left: 90px;
	box-sizing:border-box;
}

.property .bukken-list .bukken-name{
	height:auto;
}

.other .bukken-list .bukken-name{
	background:url(../image/contents/bukken/other/icon-top.png?v=2) left no-repeat;
	width:100%;
	height:auto;
	margin:0 0 30px;
	padding-left: 90px;
	box-sizing:border-box;
}

.npist_db .bukken-list .bukken-name{
	height:auto;
}

.aomori .bukken-list .bukken-name h2{
	font-size:1em;
	line-height: 1.5em;
	padding: 0.3em 0;
	color:#1ccaff;
}	
	
.sub-page .bukken-list{
	width:100%;
	max-width:640px;
	margin:0 auto 50px; 
}

.sub-page .bukken-list .bukken-contents-left , p.hit{
	width:100%;
	margin-right:0; 
	float:none;
	padding:0 30px;
	box-sizing:border-box; 
}

.sub-page .bukken-list .bukken-contents-left dl{
	width:100%;
	display:inline-block;
	padding:30px;
	box-sizing:border-box;
	border:5px solid #eee; 
	background-color:#fff;
	margin:0 0 30px; 
}

.sub-page .bukken-list .bukken-contents-left a{
	text-decoration:none;
	color:#000; 
}

.sub-page .bukken-list .bukken-contents-left dl dt{
	width:100%;
	max-width:none;
	margin-right:0; 
	float:none; 
}

.sub-page .bukken-list .bukken-contents-left dl dt img{
	width:100%;
	height:100%;
}

.sub-page .bukken-list .bukken-contents-left dl dd{
	float:none; 
	width:100%;
	margin-top: 30px;
}

.sub-page .bukken-list .bukken-contents-left dl dd h4{
	font-size:22px;
	font-weight:bold;
}

.sub-page .bukken-list .bukken-contents-left dl dd .detail-line{
	border-bottom: 1px dashed #a1a1a1;
    padding: 0.5em;
    box-sizing: border-box;
    width: 100%;
}

.sub-page .bukken-list .bukken-contents-left dl dd .detail-line h5{
	float: left;
    font-size:0.85em;
}

.sub-page .bukken-list .bukken-contents-left dl dd h5 {
	font-size:0.85em; 
}

.sub-page .bukken-list .bukken-contents-left dl dd h5 .red{
	color:#f00; 
	display:inline-block;
	margin:0 1em 0 0.5em; 
}

.sub-page .bukken-list .bukken-contents-left dl dd h5 .red strong{
	font-size:30px; 
}

.sub-page .bukken-list .bukken-contents-left dl dd h5 .red span{
	font-size:18px; 
}

.sub-page .bukken-list .bukken-contents-left dl dd h5 .orange{
	display:inline-block;
	margin:0 0.5em;
}

.sub-page .bukken-list .bukken-contents-left dl dd h5 .orange strong{
	color:#ff521b; 
	font-size:30px; 
	 
}

.sub-page .bukken-list .bukken-contents-left dl dd .detail-line p{
	padding-left: 5em;
	font-size:20px; 
}

.sub-page .bukken-list .bukken-contents-left dl dd .detail-line .w50{

	width: 50%;
    float: left;
}

.sub-page .bukken-list .bukken-contents-left dl dd .detail-line .bcl-pc{
	display:none; 
}

.sub-page .bukken-list .bukken-contents-left dl dd .bcl-sp{
	display:block; 
}

.sub-page .bukken-list .bukken-contents-left dl dd .bcl-button{
	margin-top: 1.45em;
}

.sub-page .bukken-list .bukken-contents-left dl dd .bcl-button p{
	font-size:1em;
	font-weight:bold;
	color:#fff;
	padding:1em;
	background-color:#ff521b; 
	text-align:center; 
}

.sub-page .bukken-list .bukken-contents-left dl dd .bcl-button p:before{
	content:url(../image/contents/bukken/yajirusi-icon.png);
	float:right;
	box-sizing: border-box;
	margin-top: 0.2em;
}
    

.bukken-contents-right{
	width:100%;
	padding:60px 0 0; 
	margin-top:50px;
	float:none;
	box-sizing:border-box; 
}
    
.sub-page .bukken-contents-right{
	padding:60px 30px; 
}

.bukken-contents-right a{
	color:#000; 
}

.bukken-contents-right dl{
	width:100%;
	display:inline-block;
	padding:30px;
	box-sizing:border-box;
	border:5px solid #eee; 
	background-color:#fff;
	margin:0 0 30px;
}

.bukken-contents-right dl dt{
	padding-bottom: 0.5em;
	margin:0 0 1em; 
    border-bottom: 1px dotted #a6a6a6;
}

.bukken-contents-right dl dt h3{
	background: url(../image/contents/bukken/star-icon.png) top left no-repeat;
    width: 100%;
    margin: 0;
    padding: 0.3em 0;
	padding-left:65px; 
    font-size: 24px;
	font-weight:bold;
    box-sizing: border-box;
	color: #ff521b;
	text-align:left; 
}

.bukken-contents-right dl dd h4{
	display:inline-block;
	padding:0.5em 1em;
	box-sizing:border-box;
	background-color: #ededed;
	font-size:20px; 
}

.bukken-contents-right dl dd p{
	margin:1em 0;
	font-size:20px; 
}

.bukken-contents-right dl dd .bcl-button p{
	font-size:1em;
	font-weight:bold;
	color:#fff;
	padding:0.8em 1em;
	background-color:#5c5c5c; 
	text-align:center; 
}

.bukken-contents-right dl dd .bcl-button p:before{
	content:url(../image/contents/bukken/yajirusi-icon-2.png);
	float:right;
	box-sizing: border-box;
	margin-top: 0.2em;
}
}


/*--------------------------npist_db------------------------------*/

/* search */
.npist_db .est-search {
	width:100%;
	max-width:1200px;
	margin:0 auto 50px;
}

.npist_db h3.est-list-title {
  margin: 0 0 1em;
  padding-bottom: .25em;
  padding-left: .25em;
  box-sizing: border-box;
  border-bottom: 2px solid #0F39D4;
  font-size: 1.5em;
  text-align: left;
}

.npist_db .est-search-inner dl {
  display: table;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.npist_db .est-search-inner dl:first-of-type {
  border-top: 3px solid #efefef;
}
.npist_db .est-search-inner dt,
.npist_db .est-search-inner dd {
  display: table-cell;
  box-sizing: border-box;
  padding: 20px;
}
.npist_db .est-search-inner dt {
  width: 25%;
  border-left: 3px solid #efefef;
  border-right: 3px solid #efefef;
  border-bottom: 3px solid #efefef;
  background: #f4f4f4;
  padding-bottom: calc(20px + 0.25em);
}
.npist_db .est-search-inner dd {
  width: 75%;
  background: #fff;
  border-right: 3px solid #efefef;
  border-bottom: 3px solid #efefef;
}

.npist_db .est-search-inner .submit {
  width:auto;
  margin: 30px auto;
  box-sizing: border-box;
  display: table;
}
.npist_db .est-search-inner .submit button,
.npist_db .est-search-inner .submit a {
  display: inline-block;
  width: 400px !important;
  color: #ffffff;
  box-sizing: border-box;
  background: #ff521b ;
  border: solid 3px #ff521b;
  padding: 0 20px;
  line-height: 35px;
}
.npist_db .est-search-inner .submit button:hover,
.npist_db .est-search-inner .submit a:hover {
  transition:0.25s;
  color:#ff521b;
  background:#ffffff;
  border:solid 3px #ff521b;
}

.npist_db .est-search-inner .submit button.form-clear {
  background: #888;
  border: solid 3px #888;
}
.npist_db .est-search-inner .submit button.form-clear:hover {
  background:#ffffff;
  color: #888;
}

.npist_db .est-search-inner .submit button:nth-child(1){
	margin-right:1em; 
}

@media screen and (max-width:640px) {
  .npist_db .est-search {
    max-width:600px;
    margin:0 auto 50px;
  }

  .npist_db .est-search-inner dl {
    display: block;
  }
  .npist_db .est-search-inner dt,
  .npist_db .est-search-inner dd {
    display: block;
  }
  .npist_db .est-search-inner dt {
    width: 100%;
  }
  .npist_db .est-search-inner dd {
    width: 100%;
    border-left: 3px solid #efefef;
  }
  .npist_db .est-search-inner .submit {
    width:600px;
    text-align:center;
    margin:30px auto ;
  }
  .npist_db .est-search-inner  .submit button,
  .npist_db .est-search-inner  .submit a {
    display:inline-block;
    width:280px !important;
    color:#ffffff;
    box-sizing:border-box;
    background: #ff521b;
    border: solid 3px #ff521b;
    padding:0 15px 0 5px;
  }
}


/* list,detail */
.npist_db .bukken-title h2{
	color:#0F39D4; 
	max-width:6em; 
}

.npist_db .bukken-name{
	background:url(../image/contents/bukken/npist_db/icon.png) left no-repeat;
	width:100%;
	height:84px;
	margin:50px 0; 
	padding-left:120px;
	box-sizing:border-box;
}

@media screen and (max-width:640px){
.npist_db .bukken-name{
	background:url(../image/contents/bukken/npist_db/icon-top.png) top left no-repeat;
	height:auto;
}
}

.npist_db .title-contents h4 {
	font-weight:bold;
	font-size:1.1em; 
}

.npist_db .title-contents h5 {
	font-size:0.8em; 
	margin:10px 0; 
}

.npist_db .title-contents h5 .red{
	color:#f00; 
	display:inline-block;
	margin:0 1em 0 0.5em; 
}

.npist_db .title-contents h5 .red strong{
	font-size:1.8em; 
}

.npist_db .title-contents h5 .red span{
	font-size:1.8em; 
}

.npist_db .title-contents h5 .orange{
	display:inline-block;
	margin:0 0.5em;
}

.npist_db .title-contents h5 .orange strong{
	color:#0F39D4; 
	font-size:1.8em; 
	 
}

.npist_db h3 {
	width:100%;
	font-size:1.8em;
	text-align:center;
	margin: 60px auto 30px;
	padding-bottom: 30px;
}

.npist_db h3 span {
	display:block; 
	width:100%;
	font-family:'Helvetica';
	color:#0F39D4; 
	font-size:12px; 
}

.npist_db .caution h4 strong{
	background-color:#0F39D4;
}

.npist_db td.comment {
	color:#0F39D4!important; 
}

.npist_db p.blink {
	color:#fff; 
}

.npist_db .pist_db2 section.detail .inner .main_image .innerbox a {
    width: 46%;
    float: left;
    margin-right: 4%;
}

@media screen and (max-width:640px){
.npist_db .pist_db2 section.detail .inner .main_image .innerbox a {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-top: 4%;
}
}

.npist_db #map-contents {
	width: 100%;
	height:458px; 
	margin-bottom:45px; 
}

.npist_db #map-contents iframe {
	width: 100%;
	height:100%;
	box-sizing:border-box;
}

.npist_db .map {
	width: 46%;
	height:454px;
    float: left;
    margin-right: 4%; 
}

@media screen and (max-width:640px){
.npist_db .map {
	width: 96%;
	height:454px;
    float: none;
    margin-right: 0%; 
	margin-top: 4%;
}
}

/*--------------------------property------------------------------*/
.property .bukken-title h2{
	color:#ff521b; 
	max-width:6em; 
}

.property .bukken-name{
	background:url(../image/contents/bukken/property/icon-top.png) left no-repeat;
	width:100%;
	height:84px;
	margin:50px 0; 
	padding-left:120px;
	box-sizing:border-box;
}

@media screen and (max-width:640px){
.property .bukken-name{
	background:url(../image/contents/bukken/property/icon-top.png) top left no-repeat;
	height:auto;
}
}

.property .title-contents h4 {
	font-weight:bold;
	font-size:1.1em; 
}

.property .title-contents h5 {
	font-size:0.8em; 
	margin:10px 0; 
}

.property .title-contents h5 .red{
	color:#f00; 
	display:inline-block;
	margin:0 1em 0 0.5em; 
}

.property .title-contents h5 .red strong{
	font-size:1.8em; 
}

.property .title-contents h5 .red span{
	font-size:1.8em; 
}

.property .title-contents h5 .orange{
	display:inline-block;
	margin:0 0.5em;
}

.property .title-contents h5 .orange strong{
	color:#ff521b; 
	font-size:1.8em; 
	 
}

.property h3 {
	width:100%;
	font-size:1.8em;
	text-align:center;
	margin: 60px auto 30px;
	padding-bottom: 30px;
}

.property h3 span {
	display:block; 
	width:100%;
	font-family:'Helvetica';
	color:#ff521b; 
	font-size:0.6em; 
}

.property .caution h4 strong{
	background-color:#ff521b;
}

.property td.comment {
	color:#ff521b!important; 
}

.property p.blink {
	color:#fff; 
}

.property .pist_db2 section.detail .inner .main_image .innerbox a {
    width: 46%;
    float: left;
    margin-right: 4%;
}

@media screen and (max-width:640px){
.property .pist_db2 section.detail .inner .main_image .innerbox a {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-top: 4%;
}
}

.property #map-contents {
	width: 100%;
	height:458px; 
	margin-bottom:45px; 
}

.property #map-contents iframe {
	width: 100%;
	height:100%;
	box-sizing:border-box;
}

.property .map {
	width: 46%;
	height:454px;
    float: left;
    margin-right: 4%; 
}

@media screen and (max-width:640px){
.property .map {
	width: 96%;
	height:454px;
    float: none;
    margin-right: 0%; 
	margin-top: 4%;
}
}

.property #map {
	width: 100%;
    height: 550px;
    background-color: #BBBBBB;
    margin-bottom: 50px;
    box-sizing: border-box; 
}

@media screen and (max-width:640px){
.property #map {
	width:calc( 100% - 60px );
    height: 550px;
    background-color: #BBBBBB;
    margin-bottom: 50px;
    margin-right: 30px;
    margin-left: 30px;
    box-sizing: border-box; 
}
}

/*--------------------------other------------------------------*/
.other .bukken-title h2{
	color:#ff1b51; 
}

.other .bukken-name{
	background:url(../image/contents/bukken/other/icon.png) left no-repeat;
	width:100%;
	height:84px;
	margin:50px 0; 
	padding-left:120px;
	box-sizing:border-box;
}

.other h3 {
	width:100%;
	font-size:30px;
	text-align:center;
	margin: 60px auto 30px;
	padding-bottom: 30px;
}

.other h3 span {
	display:block; 
	width:100%;
	font-family:'Helvetica';
	color:#ff1b51; 
	font-size:12px; 
}

.other .caution h4 strong{
	background-color:#ff1b51;
}

.other td.comment {
	color:#ff1b51!important; 
}

/*--------------------------miyagi------------------------------*/
.miyagi .bukken-title h2{
	color:#59ff1c; 
}

.miyagi .bukken-name{
	background:url(../image/contents/bukken/miyagi/icon.png) left no-repeat;
	width:100%;
	height:84px;
	margin:50px 0; 
	padding-left:120px;
	box-sizing:border-box;
}

.miyagi h3 {
	width:100%;
	font-size:30px;
	text-align:center;
	margin: 60px auto 30px;
	padding-bottom: 30px;
}

.miyagi h3 span {
	display:block; 
	width:100%;
	font-family:'Helvetica';
	color:#59ff1c; 
	font-size:12px; 
}

.miyagi .caution h4 strong{
	background-color:#59ff1c;
}

.miyagi td.comment {
	color:#59ff1c!important; 
}

/*--------------------------iwate------------------------------*/
.iwate .bukken-title h2{
	color:#c21cff; 
}

.iwate .bukken-name{
	background:url(../image/contents/bukken/iwate/icon.png) top left no-repeat;
	width:100%;
	height:84px;
	margin:50px 0; 
	padding-left:120px;
	box-sizing:border-box;
}

@media screen and (max-width:640px){
.iwate .bukken-name{
	height:auto;
}
}

.iwate h3 {
	width:100%;
	font-size:30px;
	text-align:center;
	margin: 60px auto 30px;
	padding-bottom: 30px;
}

.iwate h3 span {
	display:block; 
	width:100%;
	font-family:'Helvetica';
	color:#c21cff; 
	font-size:12px; 
}

.iwate .caution h4 strong{
	background-color:#c21cff;
}

.iwate td.comment {
	color:#c21cff!important; 
}

/*--------------------------aomori------------------------------*/
.aomori .bukken-title h2{
	color:#1ccaff; 
}

.aomori .bukken-name{
	background:url(../image/contents/bukken/aomori/icon.png) left no-repeat;
	width:100%;
	height:84px;
	margin:50px 0; 
	padding-left:120px;
	box-sizing:border-box;
}

@media screen and (max-width:640px){
.aomori .bukken-name{
	background:url(../image/contents/bukken/aomori/icon.png) top left no-repeat;
	width:100%;
	height:auto;
	margin:50px 0; 
	padding-left:120px;
	box-sizing:border-box;
}
}

.aomori h3 {
	width:100%;
	font-size:30px;
	text-align:center;
	margin: 60px auto 30px;
	padding-bottom: 30px;
}

.aomori h3 span {
	display:block; 
	width:100%;
	font-family:'Helvetica';
	color:#1ccaff; 
	font-size:12px; 
}

.aomori .caution h4 strong{
	background-color:#1ccaff;
}

.aomori td.comment {
	color:#1ccaff!important; 
}

#recommend {
	width:100%;
	max-width:1200px;
	margin:0 auto 30px;
}

#recommend h3 a {
	display:block;
	padding: 1em 3.85em 1em 2.85em;
	text-decoration:none;
	color:#000;
	font-size:16px;
	font-family:'Helvetica';
	box-sizing: border-box;
}

#recommend .bukken-contents-coulum4 {
	width:100%;
	float:left;
	margin-right:30px;
	/* margin-top:20px; */
	/* margin-bottom:30px; */
}

#recommend .bukken-contents {
	width: calc( 25% - 22.5px);
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

#recommend .bukken-contents:nth-child(4n) {
	margin-right:0; 
}

#recommend .bukken-contents .thum-nail {
	width:100%;
	height:197px; 
	background-position:top;
	background-repeat:no-repeat;
	margin-bottom:1em; 
	background-size:contain;  
}
#recommend .bukken-contents:nth-child(1) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown06/01.jpg);
}

#recommend .bukken-contents:nth-child(2) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown07/01.jpg);
}

#recommend .bukken-contents:nth-child(3) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown/01.jpg);
}

#recommend .bukken-contents:nth-child(4) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown03/01.jpg?20200228);
}

#recommend .bukken-contents:nth-child(5) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown04/01.jpg);
}

#recommend .bukken-contents:nth-child(6) .thum-nail {
	background-image:url(../image/contents/bukken/aomori/takumitown05/01.jpg);
}

#recommend .bukken-contents:nth-child(7) .thum-nail {
	background-image:url(../image/contents/bukken/iwate/takumitown01/01.jpg);
}

#recommend .bukken-contents:nth-child(8) .thum-nail {
	background-image:url(../image/contents/bukken/iwate/takumitown02/01.jpg);
}

#recommend .bukken-contents a{
	width:100%;
	height:100%; 
	display:block; 
}

#recommend .bukken-contents a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )"; 
}

#recommend .bukken-contents h4 {
	display: inline-block;
	width: 100%;
}

#recommend .bukken-contents h4 span{
	display:inline-block;
	background-color:#ff521b;
	box-sizing:border-box;
	padding: 0.5em 1em;
	margin-right: 1.15em;
	margin-bottom:0.5em;
	text-align:center;
	color:#fff;
	float:left;

	width: 5em;
}

#recommend .bukken-contents h4 b{
	display:inline-block;
	color:#000;
	padding: 0 0em 0.5px;
	text-align:left;
	box-sizing:border-box;
	float:left;
	font-weight:bold;
	width: calc( 100% - 6.2em);
}

#recommend .bukken-contents p{
	display:inline-block; 
	width:100%; 
	color:#000;
	padding:0.5em 0;
	text-align:left; 
	box-sizing:border-box;
	font-size:14px; 
}

button {
  display: block;
  width: 100%;
  margin: 30px auto;
  color: #333;
  border: 0;
  box-shadow: 0;
  cursor: pointer;
  padding: 0.3em;
  box-sizing: border-box;

  background-color:#ff521b;
}

button p {
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 1em 0;
  box-sizing: border-box;
  border:1px solid #fff;
  color: #fff;
  font-weight: bold;
  font-size:1.2em;
  padding-left: 250px;
}

button p:before {
  content:url(../image/yajirusi-5.png);
  float:right;
  padding-right: 250px;
  box-sizing: border-box;
}

#box {
	margin: -85px 0 0;
	display:none; 
	transition:0.3s ease-in; 
}

.active {
  display: block !important;
}

input.datepicker{
	width:10em;
}

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

収益物件

-----------------------*/
.sub-page .bukken-list .bukken-contents-pro , p.hit{
	width:100%;
	margin-right:50px; 
}

@media screen and (max-width:640px){
.sub-page .bukken-list .bukken-contents-pro , p.hit{
	padding:0 30px;
	box-sizing:border-box; 
}
}

.sub-page .bukken-list .bukken-contents-pro dl{
	float: left;
	width: calc( 50% - 18px );
	padding:30px;
	box-sizing:border-box;
	border:5px solid #eee;
	background-color:#fff;
	margin:0 0 30px;
}

.sub-page .bukken-list .bukken-contents-pro dl:nth-child(odd){
	margin-right:30px;
}

@media screen and (max-width:640px){
.sub-page .bukken-list .bukken-contents-pro dl{
	float: none;
	width: 100%;
	display:inline-block;
	padding:30px;
	box-sizing:border-box;
	border:5px solid #eee;
	background-color:#fff;
	margin:0 0 30px;
}
}

.sub-page .bukken-list .bukken-contents-pro a:nth-child(odd){
	margin-right:30px; 
}

@media screen and (max-width:640px){
.sub-page .bukken-list .bukken-contents-pro a:nth-child(odd){
	margin-right:0; 
}
}

.aomori .bukken-list .bukken-contents-pro dl:hover,
.npist_db .bukken-list .bukken-contents-pro dl.aomori:hover{
	border:5px solid #1ccaff; 
	transition:0.3s; 
}

.iwate .bukken-list .bukken-contents-pro dl:hover,
.npist_db .bukken-list .bukken-contents-pro dl.iwate:hover{
	border:5px solid #c21cff; 
	transition:0.3s; 
}

.miyagi .bukken-list .bukken-contents-pro dl:hover,
.npist_db .bukken-list .bukken-contents-pro dl.miyagi:hover{
	border:5px solid #59ff1c; 
	transition:0.3s; 
}

.other .bukken-list .bukken-contents-pro dl:hover,
.npist_db .bukken-list .bukken-contents-pro dl.tokyo:hover{
	border:5px solid #ff1b51; 
	transition:0.3s; 
}

.property .bukken-list .bukken-contents-pro dl:hover {
	border:5px solid #ff521b; 
	transition:0.3s; 
}

.npist_db .bukken-list .bukken-contents-pro dl.other:hover{
	border:5px solid #0F39D4; 
	transition:0.3s; 
}

.sub-page .bukken-list .bukken-contents-pro a{
	text-decoration:none;
	color:#000; 
}

.sub-page .bukken-list .bukken-contents-pro dl dt{
	position:relative;
	width:100%;
	max-width: 235px;
	margin-right:30px;
	float:left;
}

@media screen and (max-width:640px){
.sub-page .bukken-list .bukken-contents-pro dl dt{
	position:relative;
	width:100%;
	max-width: inherit;
	margin-right:0;
	margin-bottom:30px;
	float:none;
}
}

.sub-page .bukken-list .bukken-contents-pro dl dt img{
	width:100%;
	height: auto;
}

.sub-page .bukken-list .bukken-contents-pro dl dd{
	float:left;
	width: calc(100% - 265px);
	margin-top: -12px;
}

@media screen and (max-width:640px){
.sub-page .bukken-list .bukken-contents-pro dl dd{
	float:none;
	width:100%;
}
}

.sub-page .bukken-list .bukken-contents-pro dl dd h4{
	font-size:1.15em;
	font-weight:bold;
}

.sub-page .bukken-list .bukken-contents-pro dl dd .detail-line{
	border-bottom: 1px dashed #a1a1a1;
    padding: 0.5em;
    box-sizing: border-box;
    width: 100%;
}

.sub-page .bukken-list .bukken-contents-pro dl dd .detail-line h5{
	float: left;
    font-size:0.85em;
}

.sub-page .bukken-list .bukken-contents-pro dl dd h5 {
	font-size:0.85em; 
}

.sub-page .bukken-list .bukken-contents-pro dl dd h5 .red{
	color:#f00; 
	display:inline-block;
	margin:0 1em 0 0.5em; 
}

.sub-page .bukken-list .bukken-contents-pro dl dd h5 .red strong{
	font-size:30px; 
}

.sub-page .bukken-list .bukken-contents-pro dl dd h5 .red span{
	font-size:1.15em; 
}

.sub-page .bukken-list .bukken-contents-pro dl dd h5 .orange{
	display:inline-block;
	margin:0 0.5em;
}

.sub-page .bukken-list .bukken-contents-pro dl dd h5 .orange strong{
	color:#ff521b; 
	font-size:30px; 
	 
}

.sub-page .bukken-list .bukken-contents-pro dl dd .detail-line p{
	padding-left: 5em;
	font-size:0.8em; 
}

.sub-page .bukken-list .bukken-contents-pro dl dd .detail-line .w50{
	width: 50%;
    float: left;
}

.sub-page .bukken-list .bukken-contents-pro dl dd .detail-line .bcl-pc{
	display:block; 
}

.sub-page .bukken-list .bukken-contents-pro dl dd .bcl-sp{
	display:none; 
}

.sub-page .bukken-list .bukken-contents-pro dl dd .bcl-button{
	margin-top: 1.65em;
}

.sub-page .bukken-list .bukken-contents-pro dl dd .bcl-button p{
	font-size:1.15em;
	font-weight:bold;
	color:#fff;
	padding:1em;
	background-color:#ff521b; 
	text-align:center; 
}

.sub-page .bukken-list .bukken-contents-pro dl dd .bcl-button p:before{
	content:url(../image/contents/bukken/yajirusi-icon.png);
	float:right;
	box-sizing: border-box;
	margin-top: 0.2em;
}



/*------------------------------------------------------------------------------------------------------------------
　sub-page(640px未満)
-------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:640px){
.sub-page .bukken-title{
	width:70%;
	max-width:730px;
	margin:0 auto;
	box-sizing:border-box;
	background-color:#fff;
	margin-top: 0;
}
	
.miyagi .bukken-name{
	background:url(../image/contents/bukken/miyagi/icon.png) top left no-repeat;
	height:auto;
	box-sizing:border-box;

}

#recommend {
	box-sizing: border-box;
}

#recommend .bukken-contents {
	width: calc( 50% - 15px);
    float: left;
    margin-right: 30px;
    margin-top: 30px;
}

#recommend .bukken-contents:nth-child(2n) {
	margin-right:0; 
}

#recommend .bukken-contents:nth-child(4n) {
	margin-right:auto; 
}

#recommend .bukken-contents h4 span{
	position:relative; 
}

#recommend .bukken-contents h4 b{
	padding-left:0;
	width:100%;
}

#recommend .bukken-contents p{
	font-size:22px; 
}
	
button p {
  padding-left:20px;
	text-align:left;
}
	
button p:before {
  padding: 20px;
}
	
#box {
	margin:0;
}
}

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

.company-contents {
	width:100%;
	max-width:1200px;
	margin:0 auto 45px;
}

@media screen and (max-width:640px){
.company-contents {
	width:100%;
	max-width:inherit;
	margin:0 auto 45px;
	padding:0 30px;
	box-sizing:border-box; 
}
}

.company-contents .c-right-contents {
	width: calc(100% - 480px);
	margin-left:50px;
	float: left;
}

@media screen and (max-width:640px){
.company-contents .c-right-contents {
	width:100%;
	margin-left:0;
	margin-bottom:50px;
	float: none;
}
}

.company-contents .c-right-contents p {
	margin-bottom:2em; 
	line-height:2em; 
}

.company-contents .c-left-contents {
	width: calc(100% - 770px);
	float: left;
}

@media screen and (max-width:640px){
.company-contents .c-left-contents {
	width:100%;
	float: none;
	
}
.company-contents .c-left-contents img{
	margin:0 auto; 
	display:block; 
}
}

.company .contents {
    padding:0 30px;
	box-sizing:border-box; 

}

.company .detail {
    width: 100%;
	max-width:1200px; 
	margin:0 auto 60px;
    border-top: 1px dashed #a1a1a1;
}

.company .detail-line {
    width: 100%;
	margin:0 auto;
    border-bottom: 1px dashed #a1a1a1;
    padding:1em 0em 1em 3em;
    box-sizing: border-box;
}

@media screen and (max-width:640px){
.company .detail-line {
    width: 100%;
	margin:0 auto;
    border-bottom: 1px dashed #a1a1a1;
    padding:1em;
    box-sizing: border-box;
}
}

.company .detail-line .map {
    width: 100%;
	height:350px; 
}

.company .detail-line h5 {
    float: left;
    box-sizing: border-box;
    text-align: left;
    width: 12%;
    position: absolute;
	font-size:1em; 
	color:#ff521b; 
}

@media screen and (max-width:640px){
.company .detail-line h5 {
    width: 100%;
	float:none;
	position:relative; 
	margin-bottom: 0.5em;
	font-weight:bold;
	font-size:1.2em; 
}
}

.company .detail-line h5:after {
    content: '|';
    float: right;
    margin-right: 4em;
    color: #a1a1a1;
    font-size: 0.85em;
    font-weight: lighter;
}

@media screen and (max-width:1350px){
.company .detail-line h5:after {
    margin-right: 1em;
}
}

@media screen and (max-width:640px){
.company .detail-line h5:after {

    content: '';
    float: none;
    display:none;
}
}

.company .detail-line p {
    float: left;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
    padding-left: 200px;
	width:100%; 
}

@media screen and (max-width:640px){
.company .detail-line p {
    float: none;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0;
	width:100%; 
}
}

.company h2{
	color:#ff521b;
}

.company h3{
	color:#000;
	margin:1.5em auto;
	padding:1.5em 0;
	text-align:center; 
	width:100%;
	background-color:#fff;
	font-size:1.5em; 
}

.company h4{
	margin:50px 0;
	text-align:left;
	font-size:2.2em;
	font-family: "Noto Serif CJK JP","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

.company h4 p{
	font-size:0.5em; 
}

.company h4 span{
	font-size:0.5em; 
	margin-right:0.5em; 
}


/*----------------------------------------------------------------------------
   recruit - staff
------------------------------------------------------------------------------*/

.recruit h2{
	font-size:1.15em;
	line-height: 1.5em;
	padding: 0.3em 0;
	color:#ff521b;
}

.recruit h3 {
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 24px;
	color:#ff521b;
	padding-bottom: 15px;
	border-bottom: #cccccc 2px solid;
	margin-bottom: 50px;
	box-sizing: border-box;
	max-width: 1200px;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.recruit-content {
	width:100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	display: block;
}

@media screen and (max-width: 800px) {
	.recruit-content {
		padding-left: 30px;
		padding-right: 30px;
		
		box-sizing: border-box;
	}
}

.recruit-content .separate {
	width:calc(100% + 50px);
}

.recruit-content .separate .separate-left, .recruit-content .separate .separate-right {
	width:calc(50% - 50px);
	float:left;
	margin-right:50px;
	display:block;
	box-sizing:border-box;
}

@media screen and (max-width: 1000px) {
	.recruit-content .separate {
		width:100%;
	}
	.recruit-content .separate .separate-left, .recruit-content .separate .separate-right {
		width:100%;
		float:none;
		margin-right:0;
	}
	.recruit-content .separate .separate-right ul li:last-of-type {
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:0;
	}
}

.recruit-content .separate ul {
	margin:0;
	padding:0;
	list-style:none;
}

.recruit-content .separate ul li {
	border-bottom:1px dotted #cccccc;
	padding-bottom:14px;
	margin-bottom:14px;
	position:relative;
}

.recruit-content .separate ul li strong {
	display:block;
	padding-bottom:5px;
}

#recruit-slidegallery {
	width:100%;
	height:350px;
	margin-bottom:50px;
}

#recruit-slidegallery .item {
	overflow:hidden !important;
}

#recruit-slidegallery .item img {
	height:350px;
}

@media screen and (max-width: 800px) {
	#recruit-slidegallery .item img {
		height:250px;
	}
}

.recruit-show article {
	max-width: 1200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.recruit-show h3 {
	color: #333333;
}

.recruit-list-primary {
	width: calc(100% + 30px);
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.recruit-list-primary .list {
	width: calc(50% - 30px);
	height: 60px;
	margin-right: 30px;
	margin-bottom: 30px;
	display: block;
	background-color: #ffffff;
	padding-left: 20px;
	background-image: url("../image/yajirusi.png");
	background-position: center right 15px;
	background-repeat: no-repeat;
	border: 1px solid #ff521b;
	float: left;
	box-sizing: border-box;
	position: relative;
	transition: 0.2s;
}

@media screen and (max-width: 640px) {
	.recruit-list-primary {
		width: 100%;
	}
	.recruit-list-primary .list {
		width: 100%;
		float: none;
		margin-right: 0;
	}
}

.recruit-list-primary .list:hover {
	background-image: url("../image/yajirusi-on.png");
	background-color: #ff521b;
}

.recruit-list-primary .list a {
	text-decoration: none;
	color: #ff521b;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 58px;
	text-indent: 20px;
	font-weight: bold;
}

.recruit-list-primary .list a:hover {
	color: #ffffff;
}

.recruit-list-primary .list:last-of-type a {
	border-bottom: none;
}

.button-back a {
	border: 1px solid #ff521b;
	display: block;
	width: 350px;
	height: 60px;
	line-height: 60px;
	text-decoration: none;
	color: #ff521b;
	font-weight: bold;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	transition: 0.2s;
}

.button-back a:hover {
	background-color: #ff521b;
	color: #ffffff;
}

.movie-wrap {
   position: relative;
   padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
   height: 0;
   overflow: hidden;
}
 
.movie-wrap iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/*--------------------------equipment------------------------------------*/

.equipment h2.chart {
	color:#ff521b;
	max-width:5em !important;
}

.equipment h3 {
	color:#000;
	margin:1.5em auto;
	padding:1.5em 0;
	text-align:center; 
	width:100%;
	background-color:#fff;
	font-size:1.5em; 
}

.equipment .contents article {
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.equipment .list-primary {
	width:calc(100% + 50px) !important;
	margin-top:50px;
}

.equipment .list-primary .list {
	width:calc(33.333% - 50px) !important;
	margin-right:50px !important;
	margin-bottom:50px !important;
	float:left;
	background-color:#ffffff !important;
	position:relative;
}

@media screen and (max-width:640px){
	.equipment .list-primary {
		width:100% !important;
	}
	.equipment .list-primary .list {
		width:100% !important;
		margin-right:0 !important;
		float:none;
		box-sizing:border-box;
		padding:30px !important;
	}
}

.equipment .list-primary .list .thum {
	width:100%;
	height:265px;
	margin-bottom:8px;
}

@media screen and (max-width:640px){
	.equipment .list-primary .list .thum {
		width:400px;
		height:300px;
		overflow:hidden;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
}

.equipment .list-primary .list .thum img {
	object-fit:cover;
	width:100%;
	height:auto;
}

.equipment .list-primary .list a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	transition:0.3s;
}

.equipment .list-primary .list a:hover {
	background-color:rgba(255,255,255,0.3);
}

.equipment .list-primary .list .list-detail {
	padding:30px;
}

@media screen and (max-width:640px){
	.equipment .list-primary .list .list-detail {
		padding:0;
	}
}

.equipment .list-primary .list .list-detail h4 {
	font-size:18px;
	color:#ff521b;
	font-weight:normal;
	margin:0;
	padding:0;
	position:relative;
	padding-left:20px;
	margin-bottom:20px;
}

.equipment .list-primary .list .list-detail h4:before {
	content:"";
	background-color:#ff521b;
	width:4px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
}

@media screen and (max-width:640px){
	.equipment .list-primary .list .list-detail h4 {
		font-size:22px;
		padding-top:7px;
		padding-left:25px;
		margin-bottom:30px;
	}
	.equipment .list-primary .list .list-detail h4:before {
		height:50px;
	}
}

.equipment .list-primary .list .list-detail p {
	font-size:14px;
	margin:0;
	padding:0;
}

@media screen and (max-width:640px){
	.equipment .list-primary .list .list-detail p {
		font-size:18px;
	}
}


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

タクミホームの注文住宅

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

.custom_home-contents {
	max-width: 1200px;
	width: 100%;
	background-color: #ffffff;
	padding: 50px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

.custom_homemv {
	margin-bottom: 50px;
}

.custom_homemv img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.youtube-iframe {
	width: calc(100% + 50px);
}

.youtube-iframe .player {
	width: calc(50% - 50px);
	margin-right: 50px;
	margin-bottom: 50px;
	float: left;
}

@media screen and (max-width:640px){
	.youtube-iframe {
		width: 100%;
	}
	.youtube-iframe .player {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}

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

.custom_home-point .point-list-primary {
	width: 100%;
	margin-bottom: 80px;
}

.custom_home-point .point-list-primary .list {
	border: 5px solid #e0e0e0;
	padding: 30px;
	padding-right: 412px;
	margin-bottom: 30px;
	position: relative;
	box-sizing: border-box;
	min-height: 340px;
}

.custom_home-point .point-list-primary .list .thum {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 362px;
}

@media screen and (max-width:640px){
	.custom_home-point .point-list-primary .list {
		padding-right: 30px;
	}
	.custom_home-point .point-list-primary .list .thum {
		position: relative;
		top: inherit;
		right: inherit;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		width: 100%;
	}
	.custom_home-point .point-list-primary .list .thum img {
		width: 100%;
	}
}

.custom_home-point .point-list-primary .list .title {
	position: relative;
	padding-left: 116px;
	box-sizing: border-box;
	min-height: 90px;
	margin-bottom: 30px;
}

.custom_home-point .point-list-primary .list .title .point {
	width: 90px;
	height: 90px;
	background-color: #ff521b;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
	box-sizing: border-box;
	padding-top: 10px;
}

.custom_home-point .point-list-primary .list .title .point strong {
	display: block;
	font-size: 30px;
}

.custom_home-point .point-list-primary .list .title .title-sub {
	color: #292929;
	font-size: 16px;
}

.custom_home-point .point-list-primary .list .title h3 {
	color: #ff521b;
	font-size: 30px;
}

@media screen and (max-width:640px){
	.custom_home-point .point-list-primary .list .title .title-sub {
		font-size: 20px;
	}
	.custom_home-point .point-list-primary .list .title h3 {
		font-size: 34px;
	}
}

.custom_home-point .point-list-primary .list .button a {
	display: inline-block;
	background-color: #4d4d4d;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	padding-left: 15px;
	padding-right: 50px;
	background-image: url("../image/contents/custom_home/button-ar.png");
	background-repeat: no-repeat;
	background-position: center right 10px;
	margin-top: 20px;
	text-decoration: none;
}

.custom_home-content {
	padding-bottom: 50px;
}

.custom_home-content h3 {
	background-color: #ff521b;
	font-size: 30px;
	font-weight: bold;
	padding: 20px;
	margin-bottom: 50px;
	color: #ffffff;
	text-align: center;
}

.custom_home-content p {
	font-size: 18px;
}

.scall_merit_catch {
	color: #ff0202;
	font-size: 30px;
}

@media screen and (max-width:640px){
	.custom_home-content .alignright {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.custom_home-content p {
		font-size: 24px;
	}
}

.cost-gallery-primary {
	width: calc(100% + 30px);
	clear: both;
	display: block;
	padding-top: 30px;
}

.cost-gallery-primary .thum {
	width: calc(25% - 30px);
	margin-right: 30px;
	float: left;
	margin-bottom: 30px;
}

@media screen and (max-width:640px){
	.cost-gallery-primary .thum {
		width: calc(50% - 30px);
	}
}

.cost-gallery-primary .thum img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.build-list-primary {
	width: calc(100% + 50px);
}

.build-list-primary .list {
	width: calc(50% - 50px);
	margin-right: 50px;
	float: left;
	margin-bottom: 50px;
	background-color: #ededed;
	padding: 30px;
	box-sizing: border-box;
}

@media screen and (max-width:640px){
	.build-list-primary {
		width: 100%;
	}
	.build-list-primary .list {
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}

.build-list-primary .list .thum {
	margin-bottom: 30px;
}

.build-list-primary .list .thum img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.build-list-primary .list h4 {
	margin: 0;
	padding: 0;
	font-size: 30px;
	display: block;
	margin-bottom: 15px;
}

.build-list-primary .list p {
}

.other-build {
	clear: both;
	display: block;
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.other-build h4 {
	font-size: 30px;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	border-bottom: 4px double #cccccc;
	margin-bottom: 30px;
	font-weight: bold;
	color: #ff521b;
}

.build-other-photo {
	width: calc(100% + 30px);
}

.build-other-photo img {
	width: calc(25% - 30px);
	margin-right: 30px;
	margin-bottom: 30px;
	float: left;
}

@media screen and (max-width:640px){
	.other-build h4 {
		font-size: 34px;
	}
	.build-other-photo img {
		width: calc(50% - 30px);
	}
}