@charset "utf-8";
@import url("reset.css");

body {
	background-color:#ffffff;
/*	background-image:url("../img/master_bg.png");
	background-attachment:fixed;
	background-position:50% 0%;
	background-repeat:repeat; 
*/	color:#000000;
	text-align: center;
	font-size: 10pt;
	line-height: 120%;
	padding: 0;
	margin: 0;
	border-collapse:collapse;
	font-family: 'Noto Sans JP', sans-serif,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    font-weight: 300;
}
tr,td {
	font-size: 10pt;
	line-height: 120%;
}

h1,h2,h3 {
	font-size: 10pt;
	display:inline;
}
img{
	border-style:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
.centering{
	text-align:center;
}
/*----------------------------------------------------------*/
.fs08 {	font-size:8pt; }
.fs09 {	font-size:9pt; }
.fs10 {	font-size:10pt;}
.fs12 {	font-size:12pt;}
.fs13 {	font-size:13pt;}
.fs14 {	font-size:14pt;}
.fs16 {	font-size:16pt;}
.fs18 {	font-size:18pt;}
.fs20 {	font-size:20pt;}
.fs24 {	font-size:24pt;}
.fs26 {	font-size:26pt;}
.fs28 {	font-size:28pt;}
.fs30 {	font-size:30pt;}
.fs32 {	font-size:32pt;}

.lh10 { line-height:10pt;}
.lh12 { line-height:12pt;}
.lh14 { line-height:14pt;}
.lh16 { line-height:16pt;}
.lh18 { line-height:18pt;}
.lh20 { line-height:20pt;}
.lh22 { line-height:22pt;}
.lh24 { line-height:24pt;}
.lh26 { line-height:26pt;}
.lh28 { line-height:28pt;}
.lh30 { line-height:30pt;}
.lh32 { line-height:32pt;}
.lh34 { line-height:34pt;}

.c_bk{color:#000000;}
.c_wh{color:#ffffff;}
.c_rd{color:#ff0000;}
.c_pink{color:#FF007E;}
.c_bl{color:#0000ff;}
.c_lbl{color:#0090ff;}
.c_dr{color: #A7003E;}
/*-----------------------------
	- clearance
-----------------------------*/
.clearance{		clear:both;	height:0px;}
.clearance02{	clear:both;	height:2px;}
.clearance05{	clear:both;	height:5px;}
.clearance10{	clear:both;	height:10px;}
.clearance20{	clear:both;	height:20px;}
.clearance30{	clear:both;	height:30px;}
.clearance40{	clear:both;	height:40px;}
.clearance50{	clear:both;	height:50px;}
.clearance100{	clear:both;	height:100px;}
.cl50{ clear: both;height: 50px;}
@media screen and (max-width: 800px){
.cl50{ clear: both;height: 20px;}
}
/*----------------------------------------------------------*/
.float-l{
    float:left;
	margin: 5px;
}
.float-r{
    float:right;
	margin: 5px;
}
.float-r50{
    float:right;
/*	margin:5px 100px 5px 5px;*/
	padding:5px 50px 5px 5px;
}
/*----------------------------------------------------------*/
#headerTopBar{
  width:100%;
  height:20px;
  margin: 0px auto;
  background-color:#780000;
  color:#ffffff;
  font-size:8pt;
  line-height:18pt;
}
#slick_slide{
    width: 100%;
    height:40vw;
    position: fixed;
    top:20px;
    right:0px;
    z-index: -10;
    overflow: hidden;
}
.slider img {
  transform-origin: center top;
  transform: scale(1.2);
  transition: 10s ease-out;
    width: 100%;
}
.slider .slick-active img {
  transform: scale(1.0);
}
#SclollArea{
    width: 100%;
/*    background-color: rgba(255,255,255,0.8);*/
	background-color:#FFFFFF;
	margin-top:40vw;
/*    background-image: url("../img/bk010321.gif");*/
}
#subSclollArea{
    width: 100%;
/*    background-color: rgba(255,255,255,0.8);*/
	background-color:#FFFFFF;
	margin-top:20vw;
/*    background-image: url("../img/bk010321.gif");*/
}
@media screen and (max-width: 730px) {
    #subSclollArea{
        width: 100%;
    /*    background-color: rgba(255,255,255,0.8);*/
        background-color:#FFFFFF;
        margin-top:40vw;
    }
}
#view{
	width:100%;
	max-width:1240px;
	margin:0 auto;
	padding: 0;
    display: inline-block;
/*    background-color: rgba(255,255,255,0.8);*/
    margin-top: 20px;
    margin-bottom: 20px;
}
/*----------------------------------------------------------*/
#headfix{
    position: fixed;
    width: 100%;
    top:0px;
    left:0px;
    z-index: 100;
}
#header_ll {
	width: 100%;
	/* max-width:1240px; */
	margin: 0px auto;
	padding: 0px 0px;
	color: #FFFFFF;
	height:auto;
/*	min-height:100px;*/
    background-color: rgba(255,255,255,0.5);
/*	background-image:url(../img/header/header_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	text-align:center;*/
}
#h_logo{
	width:435px;
	max-width:100%;
	height:auto;
	float:left;
	display:inline-block;
    text-align: left;
	z-index:10;
}
#h_logo img{
	width:435px;
	max-width:100%;
	height:auto;
	z-index:10;
}
#h_tel{
	float:right;
	margin-top:10px;
	display:inline-block;
	z-index:10;
}

@media screen and (max-width: 730px) {
#h_logo{
	float:none;
	display:block;
	margin-top:0px;
}
#h_logo img{
	max-width:60%;
	height:auto;
	z-index:10;
}
#h_tel{
	display:none;
	float:none;
}
}



#headerscroll {
    position: relative;
	width:100%;
	/* max-width:1240px; */ 
	height:30px; 
	margin:0 auto; 
	line-height: 30px; 
	background-color:#ffffff;
	color:#000000
}  
#hsLeft{
    position: absolute;
    top:0px;
    left:0px;
    z-index: 10;
}
#hsRight{
    position: absolute;
    top:0px;
    right:0px;
    z-index: 10;
}
#entphoto {
	width:100%;
  max-width: 1200px;
  margin: 0px auto;
  padding: 0px;
  background-color:#FFFFFF;
}
/*---------------------------------------------
     コンテンツBOX
---------------------------------------------*/
#ContList{
    width: calc(100% - 20px);
    height:auto;
    display: inline-block;
}
#ContList ul{
    width: 100%;
}
#ContList ul li.small{
    width: 40%;
    height:auto;
    display: inline-block;
    border: 1px #c4c4c4 solid;
    font-size: 12pt;
    line-height: 18pt;
    margin: 3%;
}
#ContList ul li.big{
    width: 86%;
    height:auto;
    display: inline-block;
    border: 1px #c4c4c4 solid;
    font-size: 12pt;
    line-height: 18pt;
    margin: 3% 0px 3% 0px;
}
@media screen and (max-width: 600px) {
    #ContList ul li.small,#ContList ul li.big{
        width: 90%;
        height:auto;
        display: block;
        border: 1px #c4c4c4 solid;
        font-size: 12pt;
        line-height: 18pt;
        margin: 0 auto;
        margin-bottom: 30px;
    }

}
#VacList{
    width:100%;
    height:auto;
    display: inline-block;
}
#VacList ul{
    width: 100%;
    text-align: center;
}
#VacList .icon{
    width: 40%;
    height:auto;
    display: inline-block;
    margin: 10px;
}
#VacList .arrow{
    width: 100px;
    height:100px;
    display: inline-block;
    margin: 0px;
    margin-bottom: 2%;
    background-image: url("../img/allow_side.png")
}
@media screen and (max-width: 800px) {
#VacList .icon{
    width: 90%;
    height:auto;
    display: block;
    margin: 0 auto;
}
#VacList .arrow{
    width: 100px;
    height:100px;
    display: block;
    margin: 0 auto;
    background-image: url("../img/allow_vertical.png")
}

}
.leaflet{
    width: 100%;
    text-align: center;
    margin-top: 100px;
}
/*---------------------------------------------
     ＰＣ／モバイル設定
---------------------------------------------*/
.pcv{
	display:block;
}
.spv{
	display:none;
}
.sptxt{
	margin:10px;
	text-align:left;
	font-size:12pt;
	line-height:20pt;
}
.sptxt img{
	max-width:100%;
	margin:0 auto;
}
.innerbox{
	margin:10px;
	text-align:left;
	font-size:12pt;
	line-height:20pt;
    color: #000000;
}
#Property{
    width: 100%;
}
#Property ul{
    list-style: none;
    font-size: 0pt;
    line-height: 0pt;
}
#Property ul li{
    width: 260px;
    height:30px;
    margin: 2px;
    display: inline-block;
    font-size: 18pt;
    line-height: 30px;
    text-align: center;
    border: 1px #aaaaaa solid;
}
#Property ul li a{
    display: block;
    text-decoration: none;
    color:#000000;
}
.optional{
    background-image: url("../img/auction_started.png");
    background-position: right 100px;
    background-repeat: no-repeat;
}
.Stepdown{
    width: calc(100%  - 20px);
    margin-left: 20px;
    text-align: left;
}
.Stepdown ol{
    list-style: decimal;
    margin-left: 20px;
}
.Stepdown ol li{
    font-size: 12pt;
    line-height: 16pt;
    margin-top: 4px;
    margin-bottom: 10px;
}
.Stepdown ul{
    list-style:disc;
    margin-left: 20px;
}
.Stepdown ul li{
    font-size: 12pt;
    line-height: 16pt;
    margin-top: 4px;
    margin-bottom: 10px;
}
.ex_box{
	font-size:12pt;
	line-height:16pt;
	text-align:left;
	margin-left:10px;
	margin-top:10px;
}

.s_box{
	margin-left:50px;
	text-align:left;
	font-size:12pt;
	line-height:18pt;
	background-image:url(../img/images/flow_bg.jpg);
}
.b_box{
	margin-left:20px;
	text-align:left;
	font-size:12pt;
	line-height:18pt;
}
.innerbox_c{
	margin:10px;
	margin-left:50px;
	text-align:left;
	font-size:12pt;
	line-height:20pt;
	background-image:url(../img/images/cpbg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

@media screen and (max-width: 730px) {
.pcv{
	display:none;
}
.spv{
	display:block;
}
.sptxt{
	margin:5px;
	text-align:left;
	font-size:12pt;
	line-height:18pt;
}
.innerbox{
	margin:5px;
	text-align:left;
	font-size:12pt;
	line-height:18pt;
}
.ex_box{
	font-size:10pt;
	line-height:14pt;
	text-align:left;
	margin-left:5px;
}
.s_box{
	margin-left:5px;
	text-align:left;
	font-size:10pt;
	line-height:14pt;
	background-image:none;
}
.b_box{
	margin-left:5px;
	text-align:left;
	font-size:10pt;
	line-height:14pt;
}
.innerbox_c{
	margin:0px;
	padding:5px;
	margin-left:10px;
	text-align:left;
	font-size:10pt;
	line-height:14pt;
	background-image:url(../img/images/cpbg_s.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:cover;
    text-shadow:
         0px  1px 4px #fff,
        -1px -1px 4px #fff,
         1px -1px 4px #fff,
         1px  1px 4px #fff,
        -1px  0px 4px #fff;
}
#Property{
    width: 90%;
    margin: 0 auto;
}
#Property img{
    width: 100%;
    height:auto;
    display: block;
    margin-bottom: 20px;
}

}

/*------------------------------------------*/
#mainarea {
	width:100%;
  max-width: 1200px;
  margin: 0px auto;
  padding: 0px;
  position: relative;
  background-color:#FFFFFF;
/*  background-image:url(../img/mainarea_bg.png);
  background-position:0% 0%;
  background-repeat:no-repeat;*/
    margin-bottom: 20px;
}
#contents{
  width: calc(100% - 20px);
  margin: 0px auto;
  padding: 0px;
  background-color:#ffffff;
  color:#000000;
}

.t_bar{
	width:calc(100% - 14px);
	display:block;
	border-bottom:1px #620001 solid;
	border-left:4px #620001 solid;
	padding-left:10px;
	text-align:left;
	font-size:20pt;
	line-height:24pt;
	margin-top:10px;
	margin-bottom:5px;
}
.t_bar2{
	width:calc(100% - 14px);
	display:block;
	border-bottom:1px #0000ff solid;
	border-left:4px #0000ff solid;
	padding-left:10px;
	text-align:left;
	font-size:14pt;
	line-height:18pt;
	margin-top:10px;
	margin-bottom:5px;
}

.in_bar{
	width:100%;
	display:block;
	border-bottom:1px #620001 dotted;
	border-top:1px #620001 dotted;
	padding-top:4px;
	padding-bottom:4px;
	color:#620001;
	text-align:center;
	font-size:14pt;
	line-height:18pt;
	margin-top:20px;
	margin-bottom:10px;
}

.s_bar{
/*	width:calc(100% - 20px);*/
	display:block;
/*	border-bottom:1px #0000ff solid;*/
	padding-left:20px;
	text-align:left;
	font-size:14pt;
	line-height:18pt;
	margin-top:10px;
	margin-bottom:5px;
	background-image:url(../img/images/sq_16.png);
	background-position:left;
	background-repeat:no-repeat;
}

@media screen and (max-width: 600px) {
.t_bar{
	width:calc(100% - 14px);
	display:block;
	border-bottom:1px #620001 solid;
	border-left:4px #620001 solid;
	padding-left:10px;
	text-align:left;
	font-size:14pt;
	line-height:18pt;
	margin-top:10px;
	margin-bottom:5px;
}
.s_bar{
/*	width:calc(100% - 20px);*/
	display:block;
/*	border-bottom:1px #0000ff solid;*/
	padding-left:20px;
	text-align:left;
	font-size:12pt;
	line-height:14pt;
	margin-top:10px;
	margin-bottom:5px;
	background-image:url(../img/images/sq_16.png);
	background-position:left;
	background-repeat:no-repeat;
}
}

.ss_bar{
/*	width:calc(100% - 20px);*/
	display:block;
/*	border-bottom:1px #0000ff solid;*/
	padding-left:20px;
	text-align:left;
	font-size:14pt;
	line-height:18pt;
	margin-top:10px;
	margin-bottom:5px;
	background-image:url(../img/control-stop-square.png);
	background-position:0px 50%;
	background-repeat:no-repeat;
}
.sb_gold{
	background-color:#a49121;
	color:#ffffff;
	height:30px;
	text-align:center;
	font-size:14pt;
	line-height: 30px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin-bottom:4px;
	padding:2px 5px 2px 5px;
}
.sb_gray{
	background-color:#878787;
	color:#ffffff;
	height:30px;
	text-align:center;
	font-size:14pt;
	line-height: 30px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin-bottom:4px;
	padding:2px 5px 2px 5px;
}


div.listarea {
	width:100%;
	max-width:1000px;
}
/*------------------------------
  TOPICS
------------------------------*/
.wnewlbox{
	width:100%;
	background-color:#fff;
}
.wnb_title{
	width:100%;
	height:20px;
	line-height:20px;
	background-color:#CFCFCF;
	text-align:left;
}
.wnb_txt{
	width:100%;
	text-align:left;
	margin-bottom:10px;
}

/*-------------------------------------------------------------
物件情報リストリキッドレイアウト用
-------------------------------------------------------------*/
.articleList {
	position:relative;
	margin: 2px;
	width:280px;
	height:260px;
/*	background-image:url(../img/article.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;*/
	border:1px #C5C5C5 solid;
	display:inline-block;
}

.article-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:280px;
	height:23px;
	line-height:16pt
}

.article-03 {
	position:absolute;
	left:4px;
	top:23px;
	width:272px;
	height:200px;
	overflow:hidden;
}
.article-03-s {
	position:absolute;
	left:4px;
	top:23px;
	width:280px;
	height:200px;
}

.article-05 {
	position:absolute;
	left:1px;
	top:223px;
	width:280px;
	height:42px;
}

/*-------------------------------------------------------------
　リノベーション事例
-------------------------------------------------------------*/
.bf_box{
	width:100%;
	text-align:center;
}
.p_name{
	font-size:14pt;
	line-height:20pt;
}
.bfarea{
	width:calc(50% - 15px);
	display:inline-block;
	padding:5px;
	background-color:#eeeeee;
	vertical-align:top;
}
.afarea{
	width:calc(50% - 15px);
	display:inline-block;
	padding:5px;
	background-color:#EDFEFF;
	vertical-align:top;
}
.c_blank{
	width:5%;
	display:inline-block;
}
.bftitle{
	width:calc(100% - 30px);
	display:block;
	border-bottom:1px #0000ff solid;
	border-left:20px #0000ff solid;
	padding-left:10px;
	text-align:left;
	font-size:12pt;
	line-height:14pt;
	margin-top:5px;
	margin-bottom:5px;
}
.aftitle{
	width:calc(100% - 30px);
	display:block;
	border-bottom:1px #ff0000 solid;
	border-left:20px #ff0000 solid;
	padding-left:10px;
	text-align:left;
	font-size:12pt;
	line-height:14pt;
	margin-top:5px;
	margin-bottom:5px;
}
.bfarea ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:0px;
	line-height:0px;
}
.afarea ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:0px;
	line-height:0px;
}
.bfarea li , .afarea li{
	list-style:none;
	width:100px;
	height:100px;
	overflow:hidden;
	display:inline-block;
	margin:1px;
}
@media screen and (max-width: 600px) {
.bftitle , .aftitle{
	font-size:10pt;
	line-height:12pt;
}
}
/*------------------------------
  フッター
------------------------------*/
#footerMenu{
  clear:both;
  width:100%;
  height:20px;
  margin: 0px auto;
  background-color:#d6b4b4;
  color:#000000;
  font-size:8pt;
  line-height:20px;
/*
    border-top-color:#013a02;
  border-top-width:1px;
  border-top-style:solid;
  margin-top:10px;
*/
}
#footer{
  width:100%;
  height:20px;
  margin: 0px auto;
  background-color:#780000;
  color:#ffffff;
  font-size:8pt;
  line-height:18pt;
}
/*----------------------------------------------------------*/
#floatbox {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 184px;
	height: 800px;
	top: 0px;
	left: 0px;
}
/*
/*----------------------------------------------------------*/
/* hr線の色を変えてみたバージョン */
.bar1 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #009800;
  border: 0;
  clear:both;
}

/* hr線の色を変えてみたバージョン */
.bar2 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar3 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #0000ff;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar4 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #b400ff;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar5 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ffa800;
  border: 0;
  clear:both;

}
/* hr線の色を変えてみたバージョン */
.bar6 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ac0e2d;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar7 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #7e7e7e;
  border: 0;
  clear:both;
}
/* hr線の色を変えてみたバージョン */
.bar8 {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000000;
  border: 0;
  clear:both;
}

/* hr線をダッシュ線にしてみたバージョン */
.bar9 {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top-width:1px;
  border-top-color:#999;
  border-top-style:dashed;
  clear:both;
}
/* hr線をダッシュ線にしてみたバージョン */
.dotline {
  display:block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top-width:1px;
  border-top-color:#999;
  border-top-style:dashed;
  clear:both;
}
.greenbox{
	background-color:#4c7d2c;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:left;
	font-size: 12pt;
	line-height: 14pt;
	clear:both;
}
.graybox{
	background-color:#efefef;
	color:#028002;
	margin:0px;
	padding:5px;
	text-align:left;
	font-size: 12pt;
	line-height: 14pt;
	clear:both;
}
.box001{
	background-color:#b46789;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box002{
	background-color:#a04b24;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box003{
	background-color:#189aa8;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box004{
	background-color:#dc9314;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box005{
	background-color:#a49121;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box006{
	background-color:#697c84;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 150%;
	clear:both;
}
.box007{
	background-color:#e0767c;
	color:#ffffff;
	margin:0px;
	padding:5px;
	text-align:left;
	line-height: 120%;
	clear:both;
}
.pointbox{
	background-color:#4c7d2c;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox2{
	margin:0px;
	padding:5px;
	text-align:center;
	border-style:solid;
	border-color:#4c7d2c;
	border-width:1px;
}
.pointbox001{
	background-color:#b46789;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox002{
	background-color:#a04b24;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox003{
	background-color:#189aa8;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox004{
	background-color:#dc9314;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox005{
	background-color:#a49121;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
	display:inline-block;
	margin-bottom:4px;
}
.pointbox006{
	background-color:#697c84;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox007{
	background-color:#e0767c;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox008{
	background-color:#efefef;
	color:#000;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox009{
	background-color:#ff7900;
	color:#FFF;
	margin:0px;
	padding:5px;
	text-align:center;
}
.pointbox010{
	background-color:#eeeeee;
	color:#000;
	margin:0px;
	padding:4px;
	text-align:center;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
}
.pointbox011{
	background-color:#595656;
	color:#fff;
	margin:0px;
	padding:5px;
	text-align:center;
}
/*-----------------------------
	- clearance
-----------------------------*/


.sukima {
	margin:4px 0px 4px 0px;
}
.sukima8 {
	margin:8px 0px 8px 0px;
}
.sukima20 {
	margin:20px 0px 10px 0px;
}
/*------------------------------
   詳細情報
------------------------------*/
.return{
	float:left;
	display:inline-block;
}
.regdate{
	float:right;
	display:inline-block;
}

.table{
	  width:100%;
	border: solid 1px #333333;
}
.table .tr{
	width:100%;
	display:block;
	margin:0px;
	padding:0px;
	background-color:#e8e8e8;
	border-bottom: solid 1px #333333;
	font-size:0pt;
	line-height:0px;
}
.table .trend{
	width:100%;
	display:block;
	margin:0px;
	padding:0px;
	background-color:#e8e8e8;
	font-size:0pt;
	line-height:0px;
}
.it_name{
	width:150px;
	height:auto;
	font-size:10pt;
	line-height:24px;
	text-align:right;
	padding-right:6px;
	display:inline-block;
	vertical-align:middle;
	margin:0px;
	border-left:none;
	border-bottom:none;
}
.it_name2{
	width:150px;
	height:auto;
	font-size:10pt;
	line-height:24px;
	text-align:right;
	padding-right:6px;
	display:inline-block;
	vertical-align:middle;
	margin:0px;
	border-left: solid 1px #333333;
	border-bottom:none;
}
.it_dis{
	background-color:#fff;
	width:calc(100% - 168px);
	height:auto;
	min-height:20px;
	font-size:10pt;
	line-height:15pt;
	text-align:left;
	padding:2px 4px 2px 6px;
	display:inline-block;
	border-left: solid 1px #333333;
	vertical-align:middle;
	margin:0px;
}
.it_dis2{
	background-color:#fff;
	width:calc(50% - 164px);
	height:auto;
	min-height:20px;
	font-size:10pt;
	line-height:15pt;
	text-align:left;
	padding:2px 0px 2px 6px;
	display:inline-block;
	border-left: solid 1px #333333;
	vertical-align:middle;
	margin:0px;
}


.it_dis img{
	padding:0px 0px 0px 4px;
    height:120px;
    width: auto;
}
.icon li img{
	margin:1px;
    width: 60px;
    height:18px;
}

.it_dis_a{
	display:inline-block;
	column-span:all;
	border: solid 1px #333333;
	margin:0px;
}

.google_map{
	column-span:all;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333;
	margin:0px;
}
	
.it_dis ul{
	list-style:none;
	font-size:0pt;
	line-height:0px;
}
.it_dis li{
	list-style:none;
	float:left;
	margin:1px;
	padding:0px;
}
.it_dis li img{
	margin:0px;
	padding:0px;
}

@media screen and (max-width: 800px) {

.table{
	  width:100%;
	border:none;
}
.table .tr{
	width:100%;
	display:block;
	margin:0px;
	padding:0px;
	background-color:#fff;
	border-bottom:none;
	font-size:0pt;
	line-height:0px;
}
.table .trend{
	width:100%;
	display:block;
	margin:0px;
	padding:0px;
	background-color:#fff;
	font-size:0pt;
	line-height:0px;
}
.it_name{
	width:calc(100% - 10px);
	height:auto;
	font-size:10pt;
	line-height:14pt;
	text-align:left;
	padding-right:6px;
	display:block;
	vertical-align:middle;
	margin:0px;
	border-left:4px #740001 solid;
	border-bottom:1px #740001 dotted;
	margin-top:10px;
	padding-left:4px;
}
.it_name2{
	width:calc(100% - 10px);
	height:auto;
	font-size:10pt;
	line-height:14pt;
	text-align:left;
	padding-right:6px;
	display:block;
	vertical-align:middle;
	margin:0px;
	border-left:4px #740001 solid;
	border-bottom:1px #740001 dotted;
	margin-top:10px;
	padding-left:4px;
}
.it_dis{
	background-color:#fff;
	width:calc(100% - 10px);
	height:auto;
	font-size:10pt;
	line-height:14pt;
	text-align:left;
	padding:2px 4px 2px 6px;
	display:block;
	border-left:none;
	vertical-align:middle;
	margin:0px;
}
.it_dis2{
	background-color:#fff;
	width:calc(100% - 10px);
	height:auto;
	font-size:10pt;
	line-height:14pt;
	text-align:left;
	padding:2px 0px 2px 6px;
	display:block;
	border-left:none;
	vertical-align:middle;
	margin:0px;
}
.google_map{
	column-span:all;
	border-left:none;
	border-right:none;
	margin:0px;
}

}


/* Opening
-----------------------------------------*/
.Opening {
position:relative;
background-color: #FFF;
}
.Opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.Opening ul li img.Opening__text{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 5;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}


/*----------------------------------------------------------*/
/*-- スマホ用メニュー --*/
/*----------------------------------------------------------*/
    #sp_header{
        width: calc(100% - 10px);
        height:40px;
        background-color: #ffffff;
        text-align: left;
        padding-left: 10px;
        display: block;
    }
    #slide_menu{
    position: absolute;
	top: 10px;
    right: -250px;
    width: 250px;
/*    height: 400px;*/
/*    background-color: rgba(255,255,255,0.9);*/
    z-index:1000;
	text-align:center;
    overflow-x: hidden;
    }
    #sphlogo{
        position: absolute;
        top:0px;
        left:4px;
        width: 105px;
        height:40px;
        display: inline-block;
    }
    
#hmenu{
    position: absolute;
    top: 25px;
    right: 2px;
    font-size: 10pt;
    text-align: right;
}
#drawermenu{
/*    width: calc(100vw - 50px);*/
    width: 248px;
    height: auto;
    display: inline-block;
/*    background-image: url("../../img/bg_footer.jpg");*/
    z-index: 1000;
}
#drawermenu ul{
    width: 100%;
    height: auto;
    list-style: none;
    font-size: 0pt;
    line-height: 0pt;
}
#drawermenu ul li{
    list-style: none;
    width: 240px;
/*	width:calc(50% - 4px);*/
	height:40px;
	text-align:center;
	color:#000000;
	font-size:14pt;
	line-height:40px;
    display: inline-block;
    margin: 2px 4px 2px 4px;
}
.mainmenu{
    width: 100%;
    height: auto;
    display: inline-block;
}
.mainmenu ul{
    width: 100%;
    height: auto;
    list-style: none;
    font-size: 0pt;
    line-height: 0pt;
}
.mainmenu ul li{
    list-style: none;
	width:calc(50% - 4px);
	height:40px;
	text-align:center;
	color:#000000;
	font-size:14pt;
	line-height:40px;
    display: inline-block;
    margin: 2px;
}


#drawermenu .mt{
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    z-index:1000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e8e8e8), color-stop(1.00, #bababa));
background: -webkit-linear-gradient(#e8e8e8, #bababa);
background: -moz-linear-gradient(#e8e8e8, #bababa);
background: -o-linear-gradient(#e8e8e8, #bababa);
background: -ms-linear-gradient(#e8e8e8, #bababa);
background: linear-gradient(#e8e8e8, #bababa);
    -webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.8));
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,.8));
}
.mt{
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
    z-index:1000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e8e8e8), color-stop(1.00, #bababa));
background: -webkit-linear-gradient(#e8e8e8, #bababa);
background: -moz-linear-gradient(#e8e8e8, #bababa);
background: -o-linear-gradient(#e8e8e8, #bababa);
background: -ms-linear-gradient(#e8e8e8, #bababa);
background: linear-gradient(#e8e8e8, #bababa);
}
.mt a{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	color:#000000;
	line-height:40px;
	margin-bottom:1px;
	list-style:none;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    z-index:1000;
	text-decoration:none;
    display: block;
}
.cl{
	width:240px;
	height:40px;
	text-align:center;
	background-color: rgba(31,44,93,0.7);
	color:#FFFFFF;
	font-size:16pt;
	line-height:40px;
	margin-bottom:1px;
	list-style:none;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.upsidemenu{
	display:none;
}
#sp_menu{
	display:block;
}
.drawer-menu li {
	height:40px;
	font-size:14pt;
	line-height:40px;
	display:block;
	list-style:none;
}
.drawer-menu li a{
	width:100%;
	height:40px;
	font-size:14pt;
	line-height:40px;
}
.bg_box{
    width: 100%;
    height: auto;
    display: inline-block;
    background-image: url("../bg_footer.jpg");
    padding-bottom: 10px;
    padding-top: 10px;
}
/*----------------------------------------------------------*/