@charset "utf-8";

.SpOnly { display:none; }
.PcOnly { display:block; }

.redline{ border:1px solid red; }
.blueline{ border:1px solid blue; }
.greenline{ border:1px solid green; }
/* -----------------------------------------------
   汎用-マージンサイズ
   ----------------------------------------------- */
.mt0  { margin-top:0px !important; }
.mt5  { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt55 { margin-top:55px !important; }
.mt60 { margin-top:60px !important; }
.mt65 { margin-top:65px !important; }
.mt70 { margin-top:70px !important; }
.mt75 { margin-top:75px !important; }
.mt80 { margin-top:80px !important; }
.mt85 { margin-top:85px !important; }
.mt90 { margin-top:90px !important; }
.mt95 { margin-top:95px !important; }
.mt100 { margin-top:100px !important; }
.mt110 { margin-top:110px !important; }
.mt115 { margin-top:115px !important; }
.mt120 { margin-top:120px !important; }

.mb5  { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }

.pt0  { padding-top:0px !important; }
.pt5  { padding-top:5px !important; }
.pt10  { padding-top:10px !important; }
.pt15  { padding-top:15px !important; }
.pt20  { padding-top:20px !important; }
.pt25  { padding-top:25px !important; }
.pt30  { padding-top:30px !important; }
.pt80  { padding-top:80px !important; }


/* ---------------------------------------------------------
   汎用-フォントサイズ
   --------------------------------------------------------- */
.FsL {
	font-size:26px;
	line-height:1.3 !important;
	}
@media print, screen and (max-width: 640px) {
.FsL {	font-size:22px;	}
}


/* ---------------------------------------------------------
   汎用-フォントカラー
   --------------------------------------------------------- */
.Note {	color:#c50000; } /*注釈用*/

.blue {	color:blue; }

/* ---------------------------------------------------------
   ヘッダー
   --------------------------------------------------------- */
div#Head {
	background:#FFF;
	width:250px;
	height:100%;
	position:fixed;
	top:0;
	z-index:100;
}

div#Head h1 {
	margin:15px auto 0 20px;
}

div#Head p.pctel{
 	font-size:12px;
	margin-top:3px;
	margin-left:23px;
}

#WideControl{
	width:1080px;
	margin:0 auto;
	position:relative;
}

/* ---------------------------------------------------------
  メニュー
   --------------------------------------------------------- */
div#SpMenu,
p.BtnSpMenu { display:none; }

div#InnerMenu {
	margin:10px 0 0 47px;
	font-size:13px;
	line-height:1.5;
}

div#InnerMenu dl dt {
	padding:15px 0 10px 0;
	font-weight:bold;
	font-size:14px;
}

div#InnerMenu dl dt {
 display:block;
 position:relative;
 cursor:pointer;
}

div#InnerMenu dl dt:after {
 content:"";
 position:absolute;
 top:50%;
 left:0px;
 width:6px;
 height:6px;
 margin:0 0 0 -16px;
 -webkit-transform: rotate(45deg);
 transform:rotate(45deg);
 border-top:solid 1px #000;
 border-right:solid 1px #000;
}

div#InnerMenu dl dt.Rotate:after {
 content:"";
 position:absolute;
 top:50%;
 left:0px;
 width:6px;
 height:6px;
 margin:0 0 0 -16px;
 -webkit-transform: rotate(135deg);
 transform:rotate(135deg);
 border-top:solid 1px #000;
 border-right:solid 1px #000;
 -moz-transition: all, 0.25s, linear;
 -o-transition: all, 0.25s, linear;
 -webkit-transition: all, 0.25s, linear;
 transition: all, 0.25s, linear;
}

div#InnerMenu dl dt.NoMark:after {
 content:"";
 position:absolute;
 top:50%;
 left:0px;
 width:6px;
 height:6px;
 margin:0 0 0 -16px;
 -webkit-transform: rotate(135deg);
 transform:rotate(135deg);
 border-top:solid 1px #FFF;
 border-right:solid 1px #FFF;
 -moz-transition: all, 0.25s, linear;
 -o-transition: all, 0.25s, linear;
 -webkit-transition: all, 0.25s, linear;
 transition: all, 0.25s, linear;
}

/* -- ライフコート用 -- */
div#TopMenu div#Menu dl dt.OnlyMark:after {
 content:"";
 position:absolute;
 top:50%;
 left:0px;
 width:6px;
 height:6px;
 margin:0 0 0 -16px;
 -webkit-transform: rotate(45deg);
 transform:rotate(45deg);
 border-top:solid 1px #000;
 border-right:solid 1px #000;
 -moz-transition: all, 0.25s, linear;
 -o-transition: all, 0.25s, linear;
 -webkit-transition: all, 0.25s, linear;
 transition: all, 0.25s, linear;
}

div#InnerMenu dt a { display:block; }

/* -- サブメニュー -- */
div#InnerMenu dl dd { display:none; }

div#InnerMenu dl dd ul li {  padding:0 0 5px 5px; }

div#InnerMenu dl dd ul li.first { padding:0 0 5px 5px; }


/* -- メニューでのfacebookとinstagramのロゴ表示とリンク -- */
div#InnerMenu dl.MenuBox {
	position:absolute;
	width:80%;
}


/* ---------------------------------------------------------
  コンテンツ
   --------------------------------------------------------- */
div#Content {
	padding:0 0 30px 270px;
	width:800px;
	font-size:14px;
}

div#ContentInner {
	padding:0;
	margin:85px auto 10px auto;
	width:800px;
}

#ContentInner .NormalBox ul.PhList4 li img{
	width:80px;
}


/* -- ページメニュー -- */
ul.PageMenu {
 overflow:hidden;
 width:800px;
 position:fixed;
 background:#FFF;
 z-index:100;
 padding-top:20px;
}

ul.PageMenu li { float:left; }

ul.PageMenu li a {
 display:block;
 padding:5px 0 35px 0;
 position:relative;
}

ul.PageMenu li a:after {
 content:"";
 position:absolute;
 bottom:10px;
 left:50%;
 width:16px;
 height:16px;
 margin:0 0 0 -8px;
 -webkit-transform: rotate(135deg);
 transform:rotate(135deg);
 border-top:solid 1px #6c6c6c;
 border-right:solid 1px #6c6c6c;
}



/* -- h2 -- */
h2 {
 border-left:solid 22px #63b40d !important;
 font-size:30px;
 font-weight:normal;
 padding:10px 0 5px 25px;
}


/* -- h3 -- */
h3 {
	position:relative;
	border-bottom:solid 5px #d0d0d0;
	font-size:20px;
	font-weight:normal;
	padding:0 0 10px 25px;;
	margin:30px 0 40px 0;
}

h3::after {
 content:"";
 position:absolute;
 bottom:-5px;
 left:22px;
 width:2px;
 height:5px;
 background:#FFF;
}

h3::before {
 content:"";
 position:absolute;
 bottom:-5px;
 left:0px;
 width:21px;
 height:5px;
 background:#63b40d !important;
}

h3 span.small {
	font-size:13px;
}

/* -- h5 -- */
h5 {
 font-size:16px;
 font-weight:bold;
}

/* -- テキストボックス -- */
div.TxtBox {
 overflow:hidden;
 padding:0.2em 0;
}

/* -- 段落 -- */
div.TxtBox p {
 line-height:1.8;
 padding:0.5em 0;
}

/* -- テキスト配置 -- */
.TxtC { text-align:center; }
.TxtR { text-align:right; }

/* -- 画像配置 -- */
img.ImgLeft {
 float:left;
 margin:0 30px 10px 0;
}

img.ImgRight {
 float:right;
 margin:0 0 10px 30px;
}

/* -- 非表示 -- */
.DspN { display:none; }

/* -- ボタン -- */
p.BtnDetail a {
 display:inline-block;
 color:#FFF;
 text-align:center;
 width:270px;
 /*background:#1d327c;*/
 background:#747b95;
 padding:14px 0 12px 0;
 position:relative;
 font-size:14px;
}

p.BtnDetail a:after {
 content:"";
 position:absolute;
 top:50%;
 left:0px;
 width:6px;
 height:6px;
 margin:-3px 0 0 10px;
 -webkit-transform: rotate(45deg);
 transform:rotate(45deg);
 border-top:solid 1px #FFF;
 border-right:solid 1px #FFF;
}

/* -- MENUボタンでの対応用 -- */
#wapper{
	position:relative;
	padding:0;
	background-color:#FFF;
	transition: .3s;
}
.MenuActive{
	margin-left:220px;
	transition: .3s;
}

/* -- ヘッダー部分 -- */
.head {
	position:fixed;
	z-index: 999;
	top:0;
	left:0;
	width:100%;
	height:72px;
	background-color:#fff;
	transition: .3s;
	border-bottom:1px solid #ccc;
}
.menuicon {
	position:absolute;
	top:15px;
	left:20px;
}
.menuicon:hover {
	cursor:pointer;
}
.logo{
	position:absolute;
	top:12px;
	left:80px;
}
.year30{
	position:absolute;
	top:12px;
	left:295px;
}
.year30 img{
	height:48px;
}
.phone{
	position:absolute;
	top:37px;
	right:148px;
	font-size:16px;
	font-weight:400;
	color:#999;
}
.SNSimg{
	position:absolute;
	top:15px;
	right:20px;
}
.SNSimg img{
	width:36px;
}

@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

/* --- 2017/10/18 --- */
/* ---------------- 
   メニュー
   ---------------- */
div#InnerMenu {
	margin:80px 0 0 47px;
	background-color:#FFF;
	z-index:999;
}
dt.NoMark{
	width:160px;
}
div#Head {
	display:none;
	background-color:#FFF;
	/*box-shadow: 2px 2px 3px rgba(0,0,0,0.4);*/
	color:#333;
	width:220px;
}
div#Head a{
	color:#333;
}
div#SpMenu dt.NoMark:after,div#InnerMenu dl dt.NoMark:after {
	border-top:solid 1px #FFF;
	border-right:solid 1px #FFF;
}
div#InnerMenu dl dt:after,div#InnerMenu dl dt.Rotate:after {
	border-top:solid 1px #FFF;
	border-right:solid 1px #FFF;
}



/* -- お問合せボタン -- */
#Inquiry {
	margin-top:30px;
	margin-left:10px;
	line-height:1.5;
}

#Inquiry p.Info1{
	font-size:110%;
	margin:3px 0 3px 50px;
}
#Inquiry p.Info2{
	font-size:110%;
	margin:3px 0 3px 120px;
}
#Inquiry p.Info3{
	font-size:90%;
	margin:2px 0 0 120px;
}

#Inquiry p.Info2 a {
	display:inline-block;
	background-color:#1d327c;
	padding:0px 14px 1px 20px;
	color:#FFF;
	font-size:80%;
	position:relative;
}

#Inquiry p.Info2 a:after {
	content:"";
	position:absolute;
	top:50%;
	left:0px;
	width:6px;
	height:6px;
	margin:-3px 0 0 7px;
	-webkit-transform: rotate(45deg);
	transform:rotate(45deg);
	border-top:solid 1px #FFF;
	border-right:solid 1px #FFF;
}

#Inquiry p.Info2 span.f120p {
	font-size:120%;
}


#Inquiry p.Info2a{
	margin:3px 0 3px 120px;
}
#Inquiry p.Info2a a {
	display:inline-block;
	padding-left:2px;
	color:#0000ff;
	font-weight:bold;
}


#Inquiry p.Info2b{
	margin:3px 0 3px 120px;
}
#Inquiry p.Info2b a {
	display:inline-block;
	padding-left:2px;
	color:#0000ff;
	font-weight:bold;
}

#Inquiry p.Info2a a:hover   { color: #ff0000;text-decoration: underline; }
#Inquiry p.Info2b a:hover   { color: #ff0000;text-decoration: underline; }



#Inquiry p.Info2c{
	font-size:100%;
	margin:3px 0 3px 120px;
}


/* ----------------------------- */
#Inquiry p.Info2{
	font-size:110%;
	margin:3px 0 3px 50px;
}
#Inquiry p.Info2c{
	font-size:100%;
	margin:3px 0 3px 50px;
}
#Inquiry p.Info3{
	font-size:90%;
	margin:2px 0 0 50px;
}

#Inquiry p.Info2 span.f120p {
	font-size:120%;
}




/* -- ページの下部での問合せ -- */
#Inquiry p.Info3 a:link    { color: #0000ff; }
#Inquiry p.Info3 a:visited { color: #000080; }
#Inquiry p.Info3 a:hover   { color: #ff0000;text-decoration: underline; }
#Inquiry p.Info3 a:active  { color: #ff8000; }



#Inquiry p.BtnDetail a{
	width:350px;
	text-align:center;
	margin:5px 0 10px 210px;
	/*padding-left:50px;*/
}

/* -- PDFボタン -- */
a.BtnPdf {
 display:inline-block;
 color:#FFF;
 text-align:center;
 width:270px;
 background:#d30101 url(../images/ic_btn_pdf.png) no-repeat right;
 padding:14px 0 12px 0;
 position:relative;
 font-size:14px;
}

a.BtnPdf:after {
 content:"";
 position:absolute;
 top:50%;
 left:0px;
 width:6px;
 height:6px;
 margin:-3px 0 0 10px;
 -webkit-transform: rotate(45deg);
 transform:rotate(45deg);
 border-top:solid 1px #FFF;
 border-right:solid 1px #FFF;
}

/* -- 太罫BOX -- */
div.BorderBox {
 border:solid #e4e4e4 20px;
 padding:30px 30px 15px 30px;
 margin-top:20px;
 }

/* -- 線なしBOX -- */
div.NormalBox {
	padding:0px;
	margin-top:20px;
}


/* -- 2列写真 -- */
ul.PhList { overflow:hidden; }

ul.PhList li {
	float:left;
	padding-left:6px;
	width:395px;
	text-align:center;
	line-height:1.3;
	margin-top:10px;
}

ul.PhList li:nth-child(1),
ul.PhList li:nth-child(2) { padding-top:0;}

ul.PhList li:nth-child(odd) { padding-left:0; }

ul.PhList li img {
	margin-bottom:2px;
	width:100%;
	border:1px solid #CCC;
}

ul.PhList li a {
 position:relative;
 display:block;
	cursor:pointer;
 }


/* -- 3列写真 総枠は800px -- */
ul.PhList3 { overflow:hidden; }

ul.PhList3 li {
	float:left;
	padding:10px 0 0 5px;
	width:260px;
	text-align:center;
	line-height:1.3;
}

ul.PhList3 li img {
 margin-bottom:5px;
 width:100%;
 }

ul.PhList3 li a {
	position:relative;
	display:block;
	cursor:pointer;
 }

/* -- 4列写真 総枠は800px -- */
ul.PhList4 {
	overflow:hidden;
	margin:0px 2px 10px 0px
}

ul.PhList4 li {
	float:left;
	padding:10px 0 0 5px;
	width:82px;
	height:130px;
	text-align:center;
	font-size:11px;
	line-height:1.3;
}



/*
ul.PhList4 li:nth-child(1),
ul.PhList4 li:nth-child(2) { padding-top:0;}
*/

/*ul.PhList4 li:nth-child(3n+1) { padding-left:0; }*/

ul.PhList4 li img {
	margin-bottom:5px;
	width:120px;
}

ul.PhList4 li a {
	position:relative;
	display:block;
	cursor:pointer;
 }


/* --- ポップアップ画像のプラスマーク --- 未使用
ul.PhList li a:after {
	content: url(../images/ic_phup.png);
	position: absolute;
	bottom:8px;
	right:10px;
}
-----------------------------------------*/



/* ---------------------------------------------------------
   ページTOPボタン
   --------------------------------------------------------- */
.BtnPageTop {
	width:40px;
	position:fixed;
	right:20px;
	bottom:70px;
}

.BtnPageTop img { width: 100%; }

/* -- 問合せページへボタン -- */
.BtnContactPage {
	width:40px;
	position:fixed;
	left:40px;
	bottom:70px;
}

.BtnContactPage img { width: 100%; }

/* -- 電話へのボタン -- */
.BtnPhonePage {
	width:40px;
	position:fixed;
	right:70px;
	bottom:70px;
}

.BtnPhonePage img { width: 100%; }

/* -- 物件一覧ページへボタン -- */
.BtnBunjoPage {
	width:80px;
	position:fixed;
	left:20px;
	bottom:70px;
}

.BtnBunjoPage img { width: 100%; }


/* ------------------------------
    薮田指定
   --------------------------- */
.gradient-silver {
    background: -moz-linear-gradient(top, #dbddde, #898c90); /* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#dbddde), to(#898c90)); /* Safari,Google Chrome用 */ }



/* -- チェックマークを出力 -- */
ul.check{
	margin-top:20px;
}

.check li{
	list-style:none;
	padding:3px;
	font-size:110%;
	color:brown;
}

.check li {
	position:relative;
	}

.check li:before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#GoogleMap1{
	width:100%;
	height:400px;
	margin-top:10px;
}

#GoogleMap2{
	width:100%;
	height:350px;
	margin-top:10px;
	border:1px solid #CCC;
}

.Dred {
	color:#b60000;
}

.bold{
	font-weight:bold;
}

.DispTell {
	/* width:310px; */
	/* background-color:#DDD; */
	/* border:3px solid green; */
	margin-top:20px;
	margin-left:0px;
	text-align:left;
	padding:3px;
	line-height:1.6;
	font-size:100%;
}

/* テキストでのリンク */
a.LinkPage{
	margin-top:10px;
	margin-right:15px;
	float:right;
}
a.LinkPage:link, a.LinkPage:visited, a.LinkPage:active {
    color: darkblue;
}


/* -- フッター -- */
div#Footer {
	position:relative;
	margin-top:15px;
	border-top:solid 1px #d0d0d0;
	padding:0px;
	overflow:hidden;
	width:auto;
	height:300px;
	background-color:#444;
}

div#Footer div.MenuBoxLogo {
	position:absolute;
	top:16px;
	left:0px;
}


div#Footer img.MenuBoxLogoImg {
	width:40px;
	margin-left:10px;
}


/* -- COMODO LOGO -- */
.ComodoLogo {
	position:absolute;
	bottom:10px;
	right:0px;
	margin:0px;
	padding:0px;
}
.ComodoLogo img {
	width:113px;
}

p.CopyRight {
	position:absolute;
	right:300px;
	bottom:15px;
	font-size:13px;
	text-align:right;
	color:#EEE;
}


#FootSiteMap {
	overflow:hidden;
	margin-left:10px;
	width:780px;
	padding-top:10px;
	color:#EEE;
	font-size:12px;
}
#FootSiteMap a:link,
#FootSiteMap a:hover,
#FootSiteMap a:active,
#FootSiteMap a:visited {
	color:#EEE;
	font-size:12px;
}
#FootSiteMap a:hover {
	text-decoration: underline;
}
#FootSiteMap dl.Left {
	width:170px;
	float:left;
	margin-left:20px;
}
#FootSiteMap dl.Right {
	width:200px;
	float:right;
}
#FootSiteMap dl dt {
	display:block;
	position:relative;
	/*padding:15px 0 12px 25px;*/
	padding:5px;
	margin-top:5px;
}
#FootSiteMap dl dd ul li {
	padding:5px;
}
/*
#FootSiteMap dl dt:after {
 content:"";
 position:absolute;
 top:50%;
 left:10px;
 width:6px;
 height:6px;
 margin:-5px 0 0 0;
 -webkit-transform: rotate(45deg);
 transform:rotate(45deg);
 border-top:solid 1px #EEE;
 border-right:solid 1px #EEE;
}
#FootSiteMap dl dt.Rotate:after {
 content:"";
 position:absolute;
 top:50%;
 left:10px;
 width:6px;
 height:6px;
 margin:-5px 0 0 0;
 -webkit-transform: rotate(135deg);
 transform:rotate(135deg);
 border-top:solid 1px #EEE;
 border-right:solid 1px #EEE;
}
*/

#ContentInner .TxtBox h4 span{
	font-size:85%;
}

/* --- ボタン --- */
a.square_btn{
	color:#393f4c;
}
/*a.square_btn:hover{
	color:#c9171e;
}*/
.square_btn {
    width:200px;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 8px;
    color:#393f4c;
    border:1px solid #393f4c;
}
.square_btn_center{
	text-align:center;
	margin:5px auto;
	width:204px;
}


/* --- 個人情報保護方針 --- */
#PrivacyLIB{
	width:800px;
	padding:15px;
	margin:0 auto;
	display:none;
}


#PrivacyLIB h3 {
    border-bottom: 5px solid #d0d0d0;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 4px 25px;
    position: relative;
}

#PrivacyLIB .TxtBox p{
	font-size:11px;
	line-height:1.4;
	margin:0;
	padding:4px;
	margin-top:10px;
}

.NotLF{
	white-space: nowrap;
}


/* ### スマホ start ######################################## */

@media print, screen and (max-width: 640px) {
.SpOnly { display:block; }
.PcOnly { display:none; }


/* --- 全体の固定幅 --- */
#WideControl{
	width:100%;
}

/* ---------------------------------------------------------
   ヘッダー
   --------------------------------------------------------- */
div#Head {
	width:100%;
	height:70px;
	position:fixed;
	top:0;
	left:0;
	border-bottom:solid 1px #c6c6c6;
	z-index:9999;
	color:#333;
}
div#Head h1 {
	position:absolute;
	top:8px;
	left:0px;
	margin-top:0;
	width:180px;
}
div#Head h1 img {
	width:100%;
}
div#Head p.tel{
	position:absolute;
	top:50px;
	left:28px;
	margin-top:3px;
	margin-bottom:0;
}
div#Head p.tel a{
	font-size:14px;
	font-weight:400;
}



/* ---------------------------------------------------------
   スマホメニュー
   --------------------------------------------------------- */

p.BtnSpMenu {
	display:block;
	cursor:pointer;
	position:absolute;
	top:13px;
	right:10px;
	width:40px;
	height:33px;
	background:url(../images/btn_sp_menu.png) no-repeat;
	background-size:cover;
	text-indent:-9999px;
}

p.BtnOpen {
	cursor:pointer;
	position:absolute;
	top:13px;
	right:10px;
	width:40px;
	height:33px;
	background-size:contain;
	background:url(../images/btn_sp_menu.png) no-repeat;
	background-position:0 -33px;
	background-size:cover;
	text-indent:-9999px;
}

p.BtnClose {
	cursor:pointer;
	position:absolute;
	top:13px;
	right:10px;
	width:40px;
	height:33px;
	background-size:contain;
	background:url(../images/btn_sp_menu.png) no-repeat;
	background-size:cover;
	text-indent:-9999px;
}

div#SpMenu {
	display:block;
	position:relative;
	width:100%;
	display:none;
	padding:5px 0;
	background:#FFF;
	border-bottom:solid 1px #c6c6c6;
	margin-top:70px;
}

div#SpMenu dt {
	display:block;
	position:relative;
	cursor:pointer;
	padding:15px 10px 15px 15px;
	margin-left:20px;
	font-weight:bold;
	font-size:14px;
	width:100%;
}

div#SpMenu dt:after {
	content:"";
	position:absolute;
	top:50%;
	left:0px;
	width:10px;
	height:10px;
	margin:-8px 0 0 -10px;
	-webkit-transform: rotate(45deg);
	transform:rotate(45deg);
	border-top:solid 1px #000;
	border-right:solid 1px #000;
}

div#SpMenu dt.Rotate:after {
	content:"";
	position:absolute;
	top:50%;
	left:0px;
	width:10px;
	height:10px;
	margin:-8px 0 0 -10px;
	-webkit-transform: rotate(135deg);
	transform:rotate(135deg);
	border-top:solid 1px #000;
	border-right:solid 1px #000;
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
}

div#SpMenu dt.NoMark:after {
	content:"";
	position:absolute;
	top:50%;
	left:0px;
	width:10px;
	height:10px;
	margin:-8px 0 0 -10px;
	-webkit-transform: rotate(135deg);
	transform:rotate(135deg);
	border-top:solid 1px #FFF;
	border-right:solid 1px #FFF;
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
}

div#SpMenu dt a { display:block; }

/* サブメニュー */
div#SpMenu dl dd ul li a {
	display:block;
	padding:15px 10px;
	background:#f3f2f2;
	border-bottom:solid 1px #c6c6c6;
	text-decoration:none;
	position:relative;
}

div#SpMenu dl dd ul li:first-child a { border-top:solid 1px #c6c6c6; }

div#SpMenu dl dd ul li a:after {
	content:"";
	position:absolute;
	top:50%;
	right:20px;
	width:10px;
	height:10px;
	margin:-5px 0 0 0;
	-webkit-transform: rotate(45deg);
	transform:rotate(45deg);
	border-top:solid 1px #000;
	border-right:solid 1px #000;
}

div#SpMenu dl dd { display:none; }

div#SpMenu dl dd ul li { padding:0; }

div#SpMenu dl dd ul li.first { padding:0; }


/* ---------------------------------------------------------
   [共通]コンテンツ
   --------------------------------------------------------- */
div#Content {
	padding:0;
	width:95%;
	margin:0 auto;
}

#ContentInner { padding:0; }

/* -- h2 -- */
h2 {
	padding:5px 0 0px 15px;
	font-size:25px;
}

/* -- h3 -- */
h3 {
 padding:20px 0 10px 15px;
 margin:80px 0 0 0;
}

/* -- 画像配置 -- */
img.ImgLeft,
img.ImgRight {
 float:none;
 margin:0 0 20px 0;
 width:100%;
}

img { width:100%; }

/* -- ボタン -- */
p.BtnDetail a { width:100%; }

/* -- 太罫BOX -- */
div.BorderBox {
 border:solid #e4e4e4 10px;
 padding:20px 20px 5px 20px;
 margin-top:10px;
 }


/* -- 線なしBOX -- */
div.NormalBox {
	padding:2px 4px 2px 1px;
	margin-top:10px;
}


/* -- 2列写真 -- */
ul.PhList li {
 float:none;
 padding:20px 0 0 0;
 width:100%;
}

ul.PhList li:nth-child(1) { padding-top:0;}

ul.PhList li:nth-child(2) { padding-top:20px;}


/* -- お問合せボタン -- */
#Inquiry {
	margin-top:20px;
}

#Inquiry p.Info1{
	font-size:120%;
	margin:3px 0 3px 2px;
}
#Inquiry p.Info2{
	margin:2px 0 0 2px;
}

#Inquiry p.BtnDetail a{
	width:95%;
	margin:5px 0 10px 0px;
}

/* -- 3列写真 総枠は800px -- */
ul.PhList3 li {
	float:left;
	padding:3px 0 0 3px;
	width:100px;
	text-align:center;
	line-height:1.3;
}

ul.PhList3 li img {
	margin-bottom:0px;
 }

.DispTell {
	margin-top:20px;
	margin-left:5px;
	margin-right:auto;
	text-align:left;
	line-height:1.5;
	font-size:14px;
}

.DispTell a{
	font-weight:bold;
	color:blue;
}

/* ---- 2017/10/19 MENUボタンの変更により ---- */
#ContentInner .TxtLeft p ,#ContentInner .TxtBox p{
	line-height:2.0;
	font-size:90%;
	margin:0 4px;
}

.TxtLeft{
	float:none;
	width:100%;
}

.TxtRight{
	float:none;
	width:100%;
}

div#ContentInner {
	padding:0;
	margin:0;
	width:100%;
}


div#Head {
	display:none;
	background-color:#FFF;
	width:100%;
}

div#SpHead {
	display:block;
	background-color:#FFF;
	width:100%;
	height:70px;
	position:fixed;
	top:0;
	left:0;
	border-bottom:solid 1px #c6c6c6;
	z-index:999;
	color:#333;
}
div#SpHead h1 {
	position:absolute;
	top:12px;
	left:2px;
	margin-top:0;
	width:58%;
}

.SNSimg{
	position:absolute;
	top:10px;
	right:51px;
}

/* ---- フッター ---- */
div#Footer {
    position: relative;
    margin-top: 15px;
    border-top: solid 1px #d0d0d0;
    padding: 0px;
    overflow: hidden;
    width: 100%;
    height: 380px;
    background-color: #444;
}
#FootSiteMap {
	margin:0 auto;
	width:370px;
}
#FootSiteMap dl.Left {
    width: 155px;
    margin: 0 4px;
}



.ComodoLogo {
    position: absolute;
    bottom: 20px;
}

p.CopyRight {
	position:absolute;
	left:0px;
	bottom:-22px;
	font-size:13px;
	text-align:center;
	width:100%;
	padding:20px 0 30px 0;
}


/* --- 個人情報保護方針 --- */
#PrivacyLIB{
	width:95%;
}


} /* ### スマホ end ######################################## */