@charset "utf-8";

:root {
	/* --- カラー --- */
	--color-primary: #E51E4D;
	--color-primary-dark: #C91841;
	--color-accent: #F58220;
	--color-accent-dark: #EA730B;
	--color-blue: #3A7CA5;
	--color-blue-dark: #306688;
	--color-navy: #1A2A40;
	--color-navy-dark: #121C2B;
	--color-gradation: linear-gradient(135deg,  #e271a8 0%,#f08f9e 33%,#f5af83 66%,#fedd5b 100%);
	/* --- フォント --- */
	--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
	--font-serif: "Noto Serif JP", "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	--font-icon: "Font Awesome 7 Free";
}

/*ワイヤー設定 モバイルファースト
*****************************************************/

html {
	scroll-behavior: smooth;
}

body{
	background: #ffffff;
	color: #111;
	font-size:1.4em;/*14px*/
	line-height:1.5em;
	font-family: var(--font-sans);
	-webkit-text-size-adjust: 100%;/*iPhone文字自動拡大なくす*/
	font-weight:400;
	word-wrap : break-all;
	overflow-wrap : break-word;
	}

.wrapper{
	position:relative;
	width:100%;
	margin:0;
	clear:both;
	float:none;
	min-height: 100vh;
	}

.inner,
.innerFull{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	float:none;
	width:90%;
	}
.inner{max-width:960px;}/*サイトの幅に調整****************/

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 980px){
	body{
		font-size:1.6em;/*16px*/
		line-height:1.5em;
		}
	.wrapper{
		padding-bottom: 0;
		}
	.inner,
	.innerFull{
		width:96%;
	}
}



/*リンク設定
*****************************************************/
a         { color:var(--color-accent); }
a:link    {}
a:visited {}
a:active  { color:var(--color-accent-dark); }
a:hover   { color:var(--color-accent-dark); }
a:active, a:focus { outline:0; }

a:hover img,
a:active img{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	}




/*SP･TABLET･PC切替
*****************************************************/
.dispSP  {display:block;}
br.dispSP{display:inline-block;}
.dispSPTAB  {display:block;}
br.dispSPTAB{display:inline-block;}
.dispTAB{display:none;}
.dispPC{display:none;}

.dispIB > * {display:inline-block; pading-right:5px;}

.dispB{ display:block; }

/*TABLET*/
@media only screen and (min-width : 600px){
	.dispSP{display:none;}
	br.dispSP{display:none;}
	.dispTAB{display:block;}
	br.dispTAB{display:inline-block;}
}
/*PC*/
@media only screen and (min-width : 980px){
	.dispSPTAB  {display:none;}
	.dispPC{display:block;}
	br.dispPC{display:inline-block;}
}

/*フォントファミリー
*****************************************************/
/*游明朝体*/

.ff-yu-mincho{
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
@font-face {
  font-family: "Yu Mincho";
  src: local("Yu Mincho Regular");
  font-weight: 500;
	}
@media all and (-ms-high-contrast:none){
	.ff-yu-mincho{
		/* アンチエイリアスを有効にさせたい要素に指定 */
		-webkit-transform: rotate(.028deg);
		-ms-transform: rotate(.028deg);
		transform: rotate(.028deg);	
	}
}
/*游ゴシック体*/
.ff-yu-gothic{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	}
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local('YuGothic-Medium'),  /* Mediumを明示的に指定 */
       local('Yu Gothic Medium'), /* Chrome用 */
       local('YuGothic-Regular'); /* Windows8.1ではMediumがないのでRegularを指定 */
	}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local('YoGothic-Bold'), /* Boldはそのまま */
       local('Yu Gothic');     /* Chrome用 */
	}


/*フォントサイズ
*****************************************************/


/*SP*/
	.fs10{font-size:0.8rem; line-height:1.4em;}
	.fs12{font-size:1.0rem; line-height:1.4em;}
	.fs13{font-size:1.1rem; line-height:1.4em;}
	.fs14{font-size:1.2rem; line-height:1.4em;}
	.fs15{font-size:1.5rem; line-height:1.5em;}
	.fs16{font-size:1.4rem; line-height:1.5em;}
	.fs18{font-size:1.6rem; line-height:1.6em;}
	.fs20{font-size:1.7rem; line-height:1.6em;}
	.fs22{font-size:1.8rem; line-height:1.6em;}
	.fs24{font-size:2.0rem; line-height:1.6em;}
	.fs30{font-size:2.4rem; line-height:1.6em;}
	.fs40{font-size:2.8rem; line-height:1.6em;}
	.fs50{font-size:3.2rem; line-height:1.6em;}

/*PC*/
@media only screen and (min-width : 980px){
	.fs10{font-size:1.0rem; line-height:1.4em;}
	.fs12{font-size:1.2rem; line-height:1.4em;}
	.fs13{font-size:1.3rem; line-height:1.4em;}
	.fs14{font-size:1.4rem; line-height:1.4em;}
	.fs15{font-size:1.5rem; line-height:1.5em;}
	.fs16{font-size:1.6rem; line-height:1.5em;}
	.fs18{font-size:1.8rem; line-height:1.6em;}
	.fs20{font-size:2.0rem; line-height:1.6em;}
	.fs22{font-size:2.2rem; line-height:1.6em;}
	.fs24{font-size:2.4rem; line-height:1.6em;}
	.fs30{font-size:3.0rem; line-height:1.6em;}
	.fs40{font-size:4.0rem; line-height:1.6em;}
	.fs50{font-size:5.0rem; line-height:1.6em;}
}


.fsSS{ font-size:0.8em; line-height:1.4em;}
.fsS { font-size:0.86em; line-height:1.4em;}
.fsL { font-size:1.1em; line-height:1.5em;}
.fsLL{ font-size:1.2em; line-height:1.5em;}


/*フォントウェイト
*****************************************************/
.fw100{ font-weight:100; }
.fw200{ font-weight:200; }
.fw300{ font-weight:300; }
.fw400{ font-weight:400; }
.fw500{ font-weight:500; }
.fw600{ font-weight:600; }
.fw700{ font-weight:700; }
.fw800{ font-weight:800; }
.fw900{ font-weight:900; }
.fwbold{ font-weight:bold; }



/*フォントカラー
*****************************************************/

.fcWhite	{color:#FFFFFF;}
.fcRed		{color:#cc0000;}
.fcBlack	{color:#000000;}
.fcGray3	{color:#333333;}
.fcGray6	{color:#666666;}
.fcGray9	{color:#999999;}
.fcOrange {color:#f08336;}
.fcGreen  {color:#006d3a;}
.fcYellow {color:#ffff00;}


/*背景色/パターン
*****************************************************/
.bgGrayF7  { background:#f7f7f7;}
.bgGrayEEE { background:#eeeeee;}
.bgGrayCCC { background:#cccccc;}
.bgWhite   { background:#ffffff;}
.bgL-Yellow{ background:#fffde6;}

.bgPattern01{ background-image:url(../images/common/pattern01.png);}
.bgPattern02{ background-image:url(../images/common/pattern02.png);}
.bgPattern03{ background-image:url(../images/common/pattern03.png);}
.bgPattern04{ background-image:url(../images/common/pattern04.png);}
.bgPattern05{ background-image:url(../images/common/pattern05.png);}
.bgPattern06{ background-image:url(../images/common/pattern06.png);}
.bgPattern07{ background-image:url(../images/common/pattern07.png);}
.bgPattern08{ background-image:url(../images/common/pattern08.png);}


/*スペーサー
*****************************************************/

/*SP*/
.mrgnT10 {margin-top:10px;}
.mrgnT20 {margin-top:15px;}
.mrgnT30 {margin-top:15px;}
.mrgnT40 {margin-top:20px;}
.mrgnT50 {margin-top:25px;}

.mrgnB1 {margin-bottom:1px;}
.mrgnB3 {margin-bottom:3px;}
.mrgnB5 {margin-bottom:5px;}
.mrgnB10 {margin-bottom:10px;}
.mrgnB15 {margin-bottom:15px;}
.mrgnB20 {margin-bottom:15px;}
.mrgnB30 {margin-bottom:15px;}
.mrgnB40 {margin-bottom:20px;}
.mrgnB50 {margin-bottom:25px;}
.mrgnB60 {margin-bottom:30px;}
.mrgnB80 {margin-bottom:40px;}
/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 980px){
	.mrgnT20 {margin-top:20px;}
	.mrgnT30 {margin-top:30px;}
	.mrgnT40 {margin-top:40px;}
	.mrgnT50 {margin-top:50px;}
	.mrgnB20 {margin-bottom:20px;}
	.mrgnB25 {margin-bottom:25px;}
	.mrgnB30 {margin-bottom:30px;}
	.mrgnB40 {margin-bottom:40px;}
	.mrgnB50 {margin-bottom:50px;}
	.mrgnB60 {margin-bottom:60px;}
	.mrgnB70 {margin-bottom:70px;}
	.mrgnB80 {margin-bottom:80px;}
}

/*余白
*****************************************************/


.pad5 { padding:5px;}
.pad10{ padding:10px;}
.pad15{ padding:15px;}
.pad20{ padding:15px;}
.pad40{ padding:20px;}

.padLR20{ padding:0 15px;}
.padLR40{ padding:0 20px;}

/*TABLET*/
@media only screen and (min-width : 600px){
}
/*PC*/
@media only screen and (min-width : 980px){
	.pad20{ padding:20px;}
	.pad40{ padding:40px;}
	.padLR20{ padding:0 20px;}
	.padLR40{ padding:0 40px;}
}
/*IE*/
@media (-ms-high-contrast:none) and (min-width: 1025px) {
	.pad5{ padding:8px 5px 2px;}
	.pad10{ padding:13px 10px 7px;}
	.pad15{ padding:18px 15px 12px;}
	.pad20{ padding:23px 20px 17px;}
	.pad40{ padding:43px 40px 37px}
}


/*右寄せ・左寄せ
*****************************************************/
.floatLeft  { float:left;}
.floatRight { float:right;}

.floatLeftImg36  { float:left; width:33%; margin:0 4% 20px 0; }
.floatRightImg36 { float:right; width:33%; margin:0 0 20px 4%;}
.floatRightImg36 img{ float:right;}

.floatLeftImg40  { float:left; width:40%; margin:0 4% 20px 0; }
.floatRightImg40 { float:right; width:40%; margin:0 0 20px 4%;}
.floatRightImg40 img{ float:right;}

.floatLeftImg100-33,
.floatRightImg100-33  { float:none; width:100%; margin:0; }
.floatLeftImg100-33 img,
.floatRightImg100-33 img{ margin:auto;}

/*テキスト*/
.txtC-L{ text-align:left;}
.txtC{ text-align:center;}

/*PC*/
@media only screen and (min-width : 980px){
	.floatLeftImg100-33  { float:left; width:33%; margin:0 2% 20px 0; }
	.floatRightImg100-33 { float:right; width:33%; margin:0 0 20px 2%;}
	.floatRightImg100-33 img{ margin:inherit; float:right;}

	.txtC-L{ text-align:center;}
}


/*横幅
*****************************************************/
.w15{ width:15%; height:auto;}
.w20{ width:20%; height:auto;}
.w25{ width:25%; height:auto;}
.w30{ width:30%; height:auto;}
.w33{ width:33%; height:auto;}
.w35{ width:35%; height:auto;}
.w40{ width:40%; height:auto;}
.w45{ width:45%; height:auto;}
.w49{ width:49%; height:auto;}
.w50{ width:50%; height:auto;}
.w60{ width:60%; height:auto;}
.w70{ width:70%; height:auto;}
.w80{ width:80%; height:auto;}
.w90{ width:90%; height:auto;}
.w100{ width:100%; height:auto;}

.w100-65{ width:100%; height:auto;}

@media only screen and (min-width : 980px){
		.w100-65{ width:65%; height:auto;}
}

/*区切り線　ボーダー
*****************************************************/
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
	}
.borderBox {
	border:2px solid #f08336;
	padding:20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}



/*PC*/
@media only screen and (min-width : 980px){
	.borderBox { padding:40px;}
}


/*パンくず
*****************************************************/
#breadcrumb {
	overflow-x: scroll;
	-ms-overflow-style:none;
	white-space: nowrap;
	font-size:0.8em;
	line-height:1;
	padding:5px;
	border-bottom:#eee solid 1px;
	}
#breadcrumb p {
	display: inline-block;
	}
#breadcrumb p:after{
	display: inline-block;
	margin:0 5px;
	content:">"
	}
#breadcrumb p:last-child:after{
	content:'';
	margin:0;
	}
/* スクロールバーを見えなくする */
#breadcrumb::-webkit-scrollbar {height:0;}
#breadcrumb::-webkit-scrollbar-track {background-color: #eee;}
#breadcrumb::-webkit-scrollbar-thumb {background-color: #eee;}

/*
<div id="breadcrumb">
	<p><a href="">トップページ</a></p>
	<p><a href="">売買物件検索</a></p>
	<p>売買物件一覧</p>
</div><!-- / #breadcrumb -->
*/




/*リスト●表示
*****************************************************/
.list > *{
	display:block;
	padding-left: 1em; 
	text-indent: -.7em;
	}
.list > *:before {
	display:inline-block;
	content:'';
	width:5px;
	height:5px;
	margin-right:5px;
	margin-bottom:2px;
	background:#333333;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}


/*リスト番号表示
*****************************************************/
.listNumber > *{
	list-style-type:decimal;
	list-style-position:inside;
	padding-left: 1em; 
	text-indent: -.7em;
	}


/*注釈(※)
*****************************************************/
.listNotes > *{
	padding-left:1em; 
	text-indent:-.5em;
	}
.listNotes > *:before {
	display:inline-block;
	content: "\203B";/*※*/
	}


/*YouTube
*****************************************************/
.youtube{
	position:relative;
	padding-top:56.25%;
	}
.youtube iframe{
	position:absolute;
	top:0;
	left:0;
	width: 100% !important;
	height: 100% !important;
	}


/*フォーム
*****************************************************/
input[type="submit"] ,
input[type="reset"] ,
input[type="button"] {
	display:block;
	margin-left:auto;
	margin-right:auto;
	min-width:150px;
	cursor:pointer;
	font-weight:bold;
	padding:10px 5px;
	-webkit-appearance: none;/*iphoneボタンreset*/
	}
input[type="submit"]:hover,
input[type="reset"]:hover ,
input[type="button"]:hover {
	color:#aa1706;
	}

input[type="checkbox"],
input[type="radio"]{
	font-size:200%;
	width:30px;
	height:30px;
	cursor:pointer;
	vertical-align:middle;
	}
label{
	cursor:pointer;
	padding-right: 10px;
	display:inline-block;
	}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="email"],
textarea{
	width: 100%;
	padding:10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	width: 100%;
	border-radius: 3px;
	border: 1px solid #767676;
	vertical-align: bottom;
	}
select{
	display:inline-block;
	width: 100%;
	padding:10px;
	box-shadow: none;
	border-radius: 3px;
	border: 1px solid #767676;
	cursor:pointer;
	/*-webkit-appearance: none;iphoneボタンreset*/
	}

input[type="file"]{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size:1em;
	line-height:1.5em;
	font-weight:bold;
	}


/*スマホで画面拡大を防ぐ*/
input,textarea,select{font-size:1.6rem;}

/*必須*/
.required,
input.required,
select.required,
textarea.required,
input:required,
select:required,
textarea:required{
	background:#FFFFFF;
	}


/**/
input.inputBtn{
	font-size:0.9em;
	line-height:1.2em;
	font-weight:500;
	color:#222;
	padding:10px;
	cursor:pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;/*iphoneのデフォルトボタン打消*/
	border:#1173d2 solid 1px;
	background:-webkit-gradient(
	linear, left top, left bottom, 
	from(#1173d2),
	to(#4599e6));
	background:-webkit-linear-gradient(top, #4599e6 0% , #1173d2 100%);
	background:-moz-linear-gradient   (top, #4599e6 0% , #1173d2 100%);
	background:-o-linear-gradient     (top, #4599e6 0% , #1173d2 100%);
	background:-ms-linear-gradient(top, #4599e6, #dddddd); /* IE */
	background:linear-gradient        (top, #4599e6 0% , #1173d2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
	GradientType=0,startColorstr='#FF4599e6', endColorstr='#FF1173d2');/*IE10用（色の頭にFFが必要）*/
	color:#fff;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.3),-1px 1px 3px rgba(0,0,0,0.3),1px -1px 3px rgba(0,0,0,0.3), -1px -1px 3px rgba(0,0,0,0.3);
	}
input.inputBtn:hover,
input.inputBtn:active{
	background:#1173d2;
	color:#fff;
	}


/*ページトップ
*****************************************************/
#page-top {
	position:relative;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	color: #fff;
	cursor:pointer;
	z-index:99;
	text-align:center;
	}
#page-top img{display:none;}
#page-top a{
	display:block;
	background:#333;
	font-size:1rem;
	line-height:1;
	padding:8px;
	color:#ffffff;
	text-decoration:none;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	}
#page-top a:active,
#page-top a:hover {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)"; 
	-moz-opacity:1;
	-khtml-opacity: 1;
	}

/*PC*/
@media only screen and (min-width : 980px){
	#page-top {width: 80px;}
	#page-top span{display:none;}
	#page-top a{padding:20px;}
	#page-top img{display:block;}
	#page-top a:hover img,
	#page-top a:active img{
		opacity:1;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		-moz-opacity:1;
		-khtml-opacity: 1;
		}
}


/*アコーディオン
*****************************************************/
/* =========================================
 アコーディオン：ベース
 ========================================= */
.accordion {
	border: #ccc solid 1px;
	background-color:#fff;
}
.accordionTtl {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 10px;
	font-size: 1.143em;
	font-weight: 700;
	background-color: #333;
	color: #fff;
}
.accordionTtl:hover,
.accordionTtl:active {
	background: #111;
}
.accordionBtn {
	margin-left: auto;
}
.accordionDtl {
	display: none;
	padding: 10px;
}

/* =========================================
 プログラム用
 ========================================= */
.accordion-program {
	margin-bottom: 10px;
	border: #ccc solid 1px;
}
.accordion-program .accordionTtl {
	background-color: #f7f7f7;
	color: #111;
}
.accordion-program .accordionTtl div,
.accordion-program .accordionDtl div {
	display: flex;
	align-items: center;
	gap: 10px;
}
.accordion-program .accordionIcon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--color-blue);
	background-color: var(--color-blue);
	color: #fff;
}
/* data属性でラベルを表示 */
.accordion-program .accordionIcon::before {
	content: attr(data-label);
}
/* 回答アイコンは白背景 */
.accordion-program .accordionIcon--answer {
	background-color: #fff;
	color: var(--color-blue);
}
/* =========================================
 レスポンシブ
 ========================================= */
@media only screen and (min-width: 980px) {
	.accordionTtl { padding: 20px; font-size: 1em; }
	.accordionDtl { padding: 20px; }

	/* PCでは開いたまま・開閉不可 */
	.accordion.accordionPcOpen .accordionTtl {
		cursor: default;
		pointer-events: none;
	}
	.accordion.accordionPcOpen .accordionBtn {
		display: none;
	}
	.accordion.accordionPcOpen .accordionDtl {
		display: block !important;
	}

	/* =========================================
	 プログラム用
	 ========================================= */
	.accordion-program .accordionIcon {
		font-size: 0.875em;
	}
}

/*もっとみる
*****************************************************/
.moreBtn-wrap {
  height: 300px;
  overflow: hidden;
  position: relative;
  margin: 0;
	}

.moreBtn-close-btn,
.moreBtn-btn {
  display: block;
  width: 100%;
  padding: 150px 0 60px;
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 40%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0
    );
}
.moreBtn-close-btn {
  background: none;
	bottom:20px;
  padding:30px 0 0;
}
.moreBtn-slideup {
  padding-bottom: 0;
  overflow: hidden;
}

.moreBtn-slidedown {
  height: auto;
  overflow: visible;
  padding-bottom: 100px;
}


.moreBtn-btn p {
	display:block;
	cursor:pointer;
  color: #205a99;
	text-align:center;
	font-weight:700;
	padding:15px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
	border:#205a99 solid 1px;
	text-decoration:none;
	background: #ffffff;
	background:        -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ffffff), to(#eeeeee));
	background:         linear-gradient(0deg, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background:    -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background:      -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #eeeeee 100%);
	background:-ms-linear-gradient(top, #ffffff, #eeeeee); /* IE */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff00,EndColorStr=#ffeeeeee);
	}
.moreBtn-btn p:hover,
.moreBtn-btn p:active{ background:#205a99; color:#ffffff;}


@media all and (-ms-high-contrast:none){
	.moreBtn-btn p {padding:12px 5px 8px;}
}



.moreBtn-slideup {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	}
.moreBtn-slidedown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}





/*クリアフィックス
*****************************************************/
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
	}
.clearfix {
  min-height: 1px;
	}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
	}
.clearboth{clear: both;}