@charset "shift_jis"; 

/*********************************************************
///////////ワイヤー設定//////////*/

body{
	background: #ffffff;	/*背景色*/
	color: #333333;      	/*全体の文字色*/
	font-size:1em;
	line-height:1.5em;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;/*iPhone文字自動拡大なくす*/
	font-weight:500;
	word-wrap : break-word;
	overflow-wrap : break-word;
}

.wrapper{
	position:relative;
	width:100%;
	margin:0;
	clear:both;
	float:none;
}
.innerWide{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.inner{
	position:relative;
	max-width:1200px;/*サイトの幅に調整*/
	margin-left:auto;
	margin-right:auto;
	clear:both;
	float:none;
}
@media only screen and (max-width:1280px){
	.innerWide,
	.inner{	width:96%;}
}
@media only screen and (max-width: 768px){
	body {font-size:0.9em;line-height:1.5em;}
	.innerWide,
	.inner{	width:92%;}
}
@media only screen and (max-width: 480px){
}
/********************
リンク設定
********************/
a{
	color:#0047ca;
	-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
a:link    {}
a:visited {}
a:active  {color: #cc0000;}
a:hover   {color: #cc0000;}
a:active, a:focus {outline:0;}

@media (min-width: 768px) {/*電話番号につくリンクをSPのみにする指定*/
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/**************
PC・SP切替
***************/
.dispPC{display:block;}
.dispTAB{display:none;}
.dispSP{display:none;}
.disp480{display:none;}

.dispTABno{ display:block;}
.dispSPno{display:block;}
.disp480no{ display:block;}

br.dispSPno{ display:inline-block;}
br.dispTABno{ display:inline-block;}

@media only screen and (max-width: 980px){
	.dispTAB{display:block;}
	.dispTABno{ display:none !important;}
	br.dispTAB{display:inline-block;}
}
@media only screen and (max-width: 768px){
	.dispPC{display:none;}
	.dispSP{display:block;}
	.dispSPno{display:none !important;}
	br.dispSP{display:inline-block;}
}
@media only screen and (max-width: 480px){
	.disp480{display:block;}
	.disp480no{ display:none;}
	br.disp480{display:inline-block;}
}
/********************
フォントサイズ
********************/
.txtSmall2 {font-size: 0.8em; line-height:1.4em;}
.txtSmall  {font-size: 0.9em; line-height:1.4em;}
.txtLarge  {font-size: 1.2em; line-height:1.5em;}
.txtLarge2 {font-size: 1.4em; line-height:1.5em;}

/********************
フォントカラー
********************/
.fcWhite	{color:#FFFFFF;}
.fcRed		{color:#cc0000;}
.fcBlack	{color:#000000;}
.fcGray3	{color:#333333;}
.fcGray6	{color:#666666;}
.fcGray9	{color:#999999;}

.fcBlue   {color:#004fad;}


/********************
フォントファミリー
********************/

/*游明朝体*/

.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用 */
}

/********************
テキストセンター→レフト
********************/
.txtC-L{ text-align:center;}

@media only screen and (max-width: 768px){
	.txtC-L{ text-align:left;}
}



/********************
背景色
********************/
.bgGrayF7  { background:#f7f7f7;}
.bgGrayEEE { background:#eeeeee;}
.bgGrayCCC { background:#cccccc;}
.bgWhite { background:#ffffff;}

/*******************
スペーサー
*******************/
.mrgnB1 {margin-bottom:1px;}
.mrgnB3 {margin-bottom:3px;}
.mrgnB5 {margin-bottom:5px;}
.mrgnB10 {margin-bottom:10px;}
.mrgnB15 {margin-bottom:15px;}
.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;}

.mrgnT10 {margin-top:10px;}
.mrgnT20 {margin-top:20px;}
.mrgnT30 {margin-top:30px;}

@media only screen and (max-width: 768px){
	.mrgnB30 {margin-bottom:20px;}
	.mrgnB40 {margin-bottom:20px;}
	.mrgnB50 {margin-bottom:25px;}
	.mrgnB60 {margin-bottom:30px;}
	.mrgnB70 {margin-bottom:35px;}
}
@media only screen and (max-width: 480px){
	.mrgnB10 {margin-bottom:5px;}
	.mrgnB20 {margin-bottom:10px;}
	.mrgnB30 {margin-bottom:15px;}
	.mrgnB40 {margin-bottom:15px;}
	.mrgnB50 {margin-bottom:20px;}
	.mrgnB60 {margin-bottom:20px;}
	.mrgnB70 {margin-bottom:30px;}
}

/********************
余白
********************/
.pad5{ padding:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
	}
.pad10{ padding:10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
	}
.pad15{ padding:15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
	}
.pad20{ padding:20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
	}
.pad40{ padding:40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
	}
.padL10{ padding-left:10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
}
.padR10{ padding-right:10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
}
@media all and (-ms-high-contrast:none){
	.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}
}

@media only screen and (max-width: 768px){
	.pad40{ padding:20px;}
	.pad20{ padding:10px;}
}

@media only screen and (max-width: 480px){
	.pad15{ padding:10px;}
	.pad20{ padding:10px;}
	.pad40{ padding:10px;}
}

/********************
右寄せ・左寄せ指定
********************/
.floatLeft  { float:left;}
.floatRight { float:right;}
.floatCenter{ float:none; clear:both; text-align:center; margin:auto;}
.floatClear { float:none; clear:both;}

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

.floatRightImg100-33{ float:right; width:33%; margin:0 0 10px 10px;}
.floatRightImg100-33 img{ float:right;}

@media only screen and (max-width: 768px){
.floatRightImg100-33{ float:none; width:100%; margin:0 auto 10px;}
.floatRightImg100-33 img{ float:none; margin:auto;}

}

/********************
サイズ指定
********************/
.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;}

/********************
パンくず(フリック)
********************/
#breadcrumb {
	overflow-x: scroll;
	-ms-overflow-style:none;
	white-space: nowrap;
	font-size:0.8em;
	line-height:1;
	padding:10px 0;
	background:#eeeeee;
}
#breadcrumb p {
    display: inline-block;
		margin-bottom:5px;
}
#breadcrumb p:after{
    display: inline-block;
		margin:0 5px;
		content:">"
}
#breadcrumb p:last-child:after{
		content:"";
		margin:0;
}
/* スクロールバーの装飾 */
#breadcrumb::-webkit-scrollbar {height: 1px;}
#breadcrumb::-webkit-scrollbar-track {background-color: #eee;}
#breadcrumb::-webkit-scrollbar-thumb {background-color: #eee;}

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

/********************
区切り線
********************/
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}


/********************
ボーダー
********************/	
.borderBox { border:1px solid #cccccc;}

.borderTop   {border-top   :1px solid #cccccc;}
.borderRight {border-right :1px solid #cccccc;}
.borderBtm   {border-bottom:1px solid #cccccc;}
.borderLeft  {border-left  :1px solid #cccccc;}

.borderDotTop   {border-top   :1px dotted #cccccc;}
.borderDotRight {border-right :1px dotted #cccccc;}
.borderDotBtm   {border-bottom:1px dotted #cccccc;}
.borderDotLeft  {border-left  :1px dotted #cccccc;}

/********************
スクロールバー
********************/	
.scrollbar{
	scrollbar-base-color: #eeeeee;         /*基本色*/
	scrollbar-face-color: #eeeeee;         /*ボタン部分*/
	scrollbar-track-color: #f7f7f7;        /*レール部分*/
	scrollbar-arrow-color: #eeeeee;        /*矢印*/
	scrollbar-highlight-color:#eeeeee;    /*内側のハイライト*/
	scrollbar-shadow-color: #eeeeee;       /*内側の影*/
	scrollbar-3dlight-color: #eeeeee;      /*外側のハイライト*/
	scrollbar-darkshadow-color: #eeeeee;   /*外側の影*/
}
.scrollbar::-webkit-scrollbar { width: 5px;}
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.scrollbar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0,0,0,0.1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.scrollbar::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}



/*******************
背景画像繰り返し
*******************/
.repeatX{background-repeat: repeat-x;}
.repeatY{background-repeat: repeat-y;}
.repeatNo{background-repeat: no-repeat;}

/*******************
影
*******************/
.shadow{
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	padding:10px;
	margin-bottom:20px;
}

/*******************
角丸
*******************/
.corner5{
	        border-radius:5px;
	   -moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url("border-radius.htc");
}
.cornerTop5{
	/*水平方向に 左上、右上、右下、左下 / 垂直方向に 左上、右上、右下、左下*/
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	behavior: url(border-radius.htc); /* IE */
}


/********************
リスト●表示
********************/
.list li{
    padding-left: 1em; 
    text-indent: -.7em;
}
.list li:before {
	display:inline-block;
    content: "";
		width:8px;
		height:8px;
		margin-right:5px;
		margin-bottom:2px;
		background:#cc0000;
	        border-radius:50%;
	   -moz-border-radius:50%;
	-webkit-border-radius:50%;
	behavior: url("border-radius.htc");
}


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


/********************
注釈（※）
********************/

.listNotes li{
	padding-left: 1em; 
	text-indent: -1em;
	margin-bottom:5px;
}
.listNotes li:before {
	display:inline-block;
	content: "\203B";/*※*/
	width:1em;
	height:10px;
	text-align:right;
}

.notes{
	padding-left: 1em; 
	text-indent: -.7em;
}
.notes:before {
	display:inline-block;
	content: "* ";
}

/********************
ページトップ
********************/
#page-top{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 60px;
	height:60px;
	padding:10px;
	background:#004fad;
	color: #fff;
	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 */
	cursor:pointer;
	z-index:999;
	}
#page-top:hover,
#page-top:hover a img{
	opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
}


@media only screen and (max-width: 768px){
	#page-top{
		width: 40px;
		height:40px;
		padding:5px;
		}
}

/********************
アコーディオン　開閉式
********************/
.accordion{}
.accordionTitle{cursor:pointer;}
.accordionBtn{ float:right; background:#333333;}
.accordionDetail {display:none;}


@media only screen and (max-width: 480px){
	.accordionBtn{
		margin-top:0px;
	}
	.accordionDetail {
		padding:0 0px 10px;
		font-size:0.9em;
		line-height:1.5em;
	}
}


/********************
You Tube
********************/
.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"] {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	padding:10px;
	min-width:80%;
	font-weight:bold;
	cursor:pointer;
	        border-radius: 3px;
       -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc); /* IE */

	-webkit-appearance: none;/*iphoneのデフォルトボタン打消*/
	border:#b9b8b8 solid 1px;
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#dddddd),
		to(#f7f7f7));
	background:-webkit-linear-gradient(top, #f7f7f7 0% , #dddddd 100%);
	background:-moz-linear-gradient   (top, #f7f7f7 0% , #dddddd 100%);
	background:-o-linear-gradient     (top, #f7f7f7 0% , #dddddd 100%);
	background:-ms-linear-gradient(top, #f7f7f7, #dddddd); /* IE */
	background:linear-gradient        (top, #f7f7f7 0% , #dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,startColorstr='#FFf7f7f7', endColorstr='#FFdddddd');/*IE10用（色の頭にFFが必要）*/
}

input[type="submit"]:hover,
input[type="reset"]:hover ,
input[type="button"]:hover {
	color:#aa1706;
	background:#dddddd;
}

input[type="checkbox"],
input[type="radio"]{
	width:18px;
	height:18px;
	vertical-align:middle;
	margin:3px;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"]{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	margin:0;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    width: 100%;
    border: 1px solid #b9b8b8;
}
select{
    /*display: block;*/
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	margin:0;
    padding: 5px 25px 5px 10px;
    box-sizing: border-box;
	        border-radius:3px;
	   -moz-border-radius:3px;
	-webkit-border-radius:3px;
behavior: url(border-radius.htc); /* IE */
    line-height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    background: url(select_arrow.gif) right 50% no-repeat #fff;
    background-size: 19px,100%;
    width: auto;
	min-width:100px;
	max-width:100%;
    height: 30px;
    border: 1px solid #b9b8b8;
}
select::-ms-expand {
  display: none;
}
textarea{
	display:block;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	margin:0;
    padding: 5px;
    box-sizing: border-box;
	        border-radius:3px;
	   -moz-border-radius:3px;
	-webkit-border-radius:3px;
behavior: url(border-radius.htc); /* IE */
    line-height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    width: 100%;
    border: 1px solid #b9b8b8;
}

label{
}

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


@media all and (-ms-high-contrast:none){
	input[type="submit"] ,
	input[type="reset"] ,
	input[type="button"] { padding:13px 10px 7px;}
	input[type="text"],
	input[type="password"],
	input[type="number"],
	input[type="tel"],
	input[type="email"]{ padding:8px 5px 2px;}
	select{padding: 5px 25px 0px 10px;}
	textarea{ padding:8px 5px 2px;}
}

@media only screen and (max-width: 480px){
	input,textarea{font-size:16px;}
}


select.required{
	background:#FFFFCC url(select_arrow.gif) right 50% no-repeat;
}
/*ボタン風のラジオボタン*/
.button-radio{padding:5px 0;}

.button-radio input[type="radio"] {
  display:none; 
}
.button-radio label{
  display:block;
	float:left;
  background-color:#ffffff;
  padding:10px 20px;
	text-align:center;
	border:#999999 solid 1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
	/*順序 横・下・ぼかし・広がり・色*/
	box-shadow: 0 -4px 0px 0px rgba(0,0,0,0.2) inset; /*内側*/
	-moz-box-shadow: 0 -4px 0px 0px rgba(0,0,0,0.2) inset;
	-o-box-shadow: 0 -4px 0px 0px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 0 -4px 0px 0px rgba(0,0,0,0.2) inset;
	margin-right:2%;
}
.button-radio label:last-child{margin-right:0;}
.button-radio input[type="radio"]:checked + label { 
  background-color:#ffa524;
	font-weight:bold;
}
/*
<div class="button-radio">
	<input id="bar1" type="radio" name="foo" value="bar1" checked>
	<label for="bar1">ボタン１</label>
	<input id="bar2" type="radio" name="foo" value="bar2">
	<label for="bar2">ボタン２</label>
	<input id="bar3" type="radio" name="foo" value="bar3">
	<label for="bar3">ボタン３</label>
</div>
*/


/********************
２段組
********************/	
.column2{}
.column2 > li{
	float:left;
	list-style:none;
	width:49%;
	margin-right:2%;
	margin-bottom:20px;
}
.inner > .column2 > li{/*幅1200の時*/
	width:590px;
	margin-right:20px;
}
.column2 > li:nth-child(2n),
.inner > .column2 > li:nth-child(2n){margin-right:0;}

.column2:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1280px){
	.inner > .column2 > li{
		width:49%;
		margin-right:2%;
	}
}
@media only screen and (max-width: 480px){
	.column2{}
	.column2 > li{margin-bottom:10px;}
}

/********************************/
.column2-1{}
.column2-1 > *{
	float:left;
	list-style:none;
	width:49%;
	margin-right:2%;
	margin-bottom:20px;
}

.inner > .column2-1 > *{/*幅1200の時*/
	width:590px;
	margin-right:20px;
}

.column2-1 > *:nth-child(2n),
.inner > .column2-1 > *:nth-child(2n){margin-right:0;}

.column2-1:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

@media only screen and (max-width: 1280px){
	.inner > .column2-1 > *{
		width:49%;
		margin-right:2%;
	}
}
@media only screen and (max-width: 768px){
	.column2-1{}

	.column2-1 > li,
	.inner > .column2-1 > *{
		clear:both;
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
	.column2-1 > *:nth-last-child(2){ margin-bottom:10px;}
}
@media only screen and (max-width: 480px){
}
/********************
３段組
********************/
.column3{}
.column3 > li{
	float:left;
	list-style:none;
	width: 32%;
	margin-right: 2%;
	margin-bottom:20px;
}
.inner > .column3 > li{/*幅1200の時*/
	width: 384px;
	margin-right: 24px;
}

.column3 > li:nth-child(3n),
.inner > .column3 > li:nth-child(3n){margin-right:0;}

.column3:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1280px){
	.inner > .column3 > li{
		width: 32%;
		margin-right: 2%;
	}
}
@media only screen and (max-width: 480px){
	.column3{}
	.column3 > li{margin-bottom:10px;}
}

/********************************/
.column3-1{}
.column3-1 > li{
	float:left;
	list-style:none;
	width: 32%;
	margin-right: 2%;
	margin-bottom:20px;
}
.inner > .column3-1 > li{/*幅1140の時*/
	width: 384px;
	margin-right: 24px;
}
.column3-1 > li:nth-child(3n),
.inner > .column3-1 > li:nth-child(3n){margin-right:0;}
.column3-1:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1280px){
	.inner > .column3-1 > li{
		width: 32%;
		margin-right: 2%;
	}
}

@media only screen and (max-width: 768px){
	.column3-1 > li,
	.inner > .column3-1 > li{
		float:none;
		clear:both;
		width:100%;
		margin-right:0;
	}
	.column3-1 > li:nth-child(3n),
	.inner > .column3-1 > li:nth-child(3n){margin-right:0;}
}
@media only screen and (max-width: 480px){
	.column3-1{}
	.column3-1 > li{ margin-bottom:10px;}
}
/********************************/
.column3-2{}
.column3-2 > li{
	float:left;
	list-style:none;
	width: 32%;
	margin-right: 2%;
	margin-bottom:20px;
}
.inner > .column3-2 > li{/*幅1200の時*/
	width: 384px;
	margin-right: 24px;
}
.column3-2 > li:nth-child(3n),
.inner > .column3-2 > li:nth-child(3n){margin-right:0;}
.column3-2:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1280px){
	.inner > .column3-2 > li{
		width: 32%;
		margin-right: 2%;
	}
}
@media only screen and (max-width: 768px){
	.column3-2 > li,
	.inner > .column3-2 > li{
		width:49%;
	}
	.column3-2 > li:nth-child(3n),
	.inner > .column3-2 > li:nth-child(3n){ margin-right:2%;}
	.column3-2 > li:nth-child(2n),
	.inner > .column3-2 > li:nth-child(2n){ margin-right:0;}

}
@media only screen and (max-width: 480px){
	.column3-2{}
	.column3-2 > li{margin-bottom:10px;}
}

/********************************/
.column3-2-1{}
.column3-2-1 > li{
	float:left;
	list-style:none;
	width: 32%;
	margin-right: 2%;
	margin-bottom:20px;
}
.inner > .column3-2-1 > li{/*幅1200の時*/
	width: 384px;
	margin-right: 24px;
}
.column3-2-1 > li:nth-child(3n),
.inner > .column3-2-1 > li:nth-child(3n){margin-right:0;}

.column3-2-1:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1280px){
	.inner > .column3-2-1 > li{
		width: 32%;
		margin-right: 2%;
	}
}
@media only screen and (max-width: 768px){
	.column3-2-1 > li,
	.inner > .column3-2-1 > li{	width:49%;}
	.column3-2-1 li:nth-child(3n),
	.inner > .column3-2-1 > li:nth-child(3n){ margin-right:2%;}
	.column3-2-1 li:nth-child(2n),
	.inner > .column3-2-1 > li:nth-child(2n){ margin-right:0;}
}
@media only screen and (max-width: 480px){
	.column3-2-1{}
	.column3-2-1 > li,
	.inner > .column3-2-1 > li{
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
}

/********************
４段組
********************/	
.column4{}
.column4 > li{
	float:left;
	list-style:none;
	width:23.5%;
	margin-right:2%; /*23.5+1.5+(1.5÷3)*/
	margin-bottom:10px;
}
.column4 > li:nth-child(4n){margin-right:0;}
.column4:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 480px){
	.column4{}
	.column4 > li{margin-bottom:5px;}
}

/********************************/
.column4-2{}
.column4-2 > *{
	float:left;
	list-style:none;
	width:23.5%;
	margin-right:2%; /*23.5+1.5+(1.5÷3)*/
	margin-bottom:10px;
}
.column4-2 > *:nth-child(4n){ margin-right:0;}
.column4-2:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

@media only screen and (max-width: 768px){
	.column4-2 > *{
		width:49%;
		height:auto;
		margin-right:2%;
	}
	.column4-2 > *:nth-child(2n){ margin-right:0;}
}
@media only screen and (max-width: 480px){
	.column4-2{}
	.column4-2 > *{ margin-bottom:5px;}
}
/********************************/
.column4-2-1{}
.column4-2-1 > li{
	float:left;
	list-style:none;
	width:23.5%;
	height:auto;
	margin-right:2%; /*23.5+1.5+(1.5÷3)*/
	margin-bottom:10px;
}
.column4-2-1 > li:nth-child(4n){margin-right:0;}
.column4-2-1:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 768px){
	.column4-2-1 > li{
		width:49%;
		height:auto;
		margin-right:2%;
	}
	.column4-2-1 > li:nth-child(2n){margin-right:0;}
}

@media only screen and (max-width: 480px){
	.column4-2-1{}
	.column4-2-1 > li{
		clear:both;
		width:100%;
		margin-right:0;
		margin-bottom:5px;
	}
}

/********************
５段組
********************/	
.column5{}
.column5 > li{
	float:left;
	list-style:none;
	width:19.2%;
	margin-right:1%;
	margin-bottom:10px;
}
.column5 > li:nth-child(5n){margin-right:0;}
.column5:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 480px){
	.column5{}
	.column5 > li{margin-bottom:5px;}
}

/********************
６段組
********************/	
.column6{}
.column6 > li{
	float:left;
	list-style:none;
	width:15%;
	margin-right:2%;
	margin-bottom:10px;
}
.column6 > li:nth-child(6n){margin-right:0;}
.column6:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 480px){
	.column6{}
	.column6 > li{margin-bottom:5px;}
}





/*******************
グーグルマップ
*******************/
.googlemap iframe,
.googlemap object,
.googlemap embed {
    max-width: 100%;
}

/*******************
クリアフィックス
*******************/

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