﻿@charset "utf-8";

:root {
  --main-bg: #0067AF;/*blue*/
  --main-color: #EB6734;/*ロゴorange*/
  --main-grad: linear-gradient(#086CC0, #348BCB);/*メイングラデ*/
  --sub-color: #666;/**/
  --btn-color:#FF8001;/*#bb112b;*/
  --btn-bg:#eee;
}


/* background-color: var(--main-color);*/

/*設定とリセット*/
article, aside, dialog, figure, footer, header, nav, section{
display: block;
margin:0;
padding:0;
}
body{
width:100%;
line-height:1.5;
font-size:12px;
padding:0;
margin:0 auto;
font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;color:#222;
}
.fw500{
	font-weight:500 !important;}
.noto{
	font-family: 'Noto Sans JP', sans-serif,Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";}
ul, ol, dl,dt,dd,div,ol,ul,li{
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
margin:0;
padding:0;
font-weight:normal;
font-size:100%;
}
li{list-style-type:none;}

img{vertical-align: top;}
a img{border:0;}
textarea{font-size:100%;}

/*▼外側じゃなくて内側にボーダー*/
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:middle;
}

a {outline:none;border:0;}

a:link{
text-decoration:underline;
color:#1d39a4;
}
a:visited{
text-decoration:underline;
}
a:hover{
color:#f00;
text-decoration:underline;
}
a:active{
text-decoration:underline;
}
.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
overflow:hidden;
}
.cen{
text-align:center;
}
.r{
	text-align:right;}
.l{
	text-align:left;}
.bold{
font-weight:bold;
}
.red{color:red;}
.small{font-size:85%;}
.f11{font-size:11px;}
.db{display: block;}

/*余白*/
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.mb1{ margin-bottom:1em;}
.mb05{ margin-bottom:0.5em;}
.mt30b40{ margin:30px 0 40px 0;}
.mt30b10{ margin:30px 0 10px 0;}
.mtb10{ margin:10px 0;}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mtb20{ margin:20px 0 20px 0;}

.mt50{ margin-top:50px;}
.mrl25{ margin:0 25px;}
.mr10{ margin-right:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.mb2em{margin-bottom:2em;}
.m20{ margin:20px;}
.pb30{ padding-bottom:30px;}
/*a透過*/
.opa a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
a:hover img,
.opa a:hover img{
opacity:0.5;
	-moz-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}


.notxt{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

.clearfix:after {
content: "";
clear: both;
display: block;
}

.s12px{
font-size:12px;}
.s14px{
font-size:14px;}

input[type="radio"] {
transform: scale(1.5);
margin: 0 8px 0 4px;
}

input[type="checkbox"] {
transform: scale(1.5);
margin: 0 8px 0 4px;
}


html { scroll-behavior: smooth;}

@media print, screen and (min-width: 640px) {

		a[href^="tel:"] {pointer-events: none;}

		.top_smp_menu,
		.pcno,
		.pcno_i {
		display: none !important;
		}
		.tel{
		float:right;
		width:361px;
		height:63px;
		background: url(../img/top_tel.jpg) no-repeat center right;
		position: relative;
		}
		.tel img{width: 63px;
		position: absolute;
		top:0px;
		left: 58px;}
		.topinfo{
		overflow:hidden;
		clear:both;
		margin:0 auto;
		max-width:950px;
		height:120px;
		}
		.sidemenu{
		width:270px;
		float:left;
		}
		#kaiyaku .contents{
		width:660px;
		float:right;
		overflow:hidden;
		}	
		.contents{
		width:680px;
		float:right;
		overflow:hidden;
		}	
		footer .fl{
		float:left;
		width:660px;}
		footer .fr{
		float:right;
		width:290px;}
		footer .fl ul{
		clear:both;
		width:660px;
		margin:0 auto;
		}
		footer .fl ul li{
		float:left;
		line-height:24px;
		}
		a.fast{
		border-left:1px solid #222;
		}
}/****************************/
/****************************/
/****************************/



/*-----------------------------------------------
header
-----------------------------------------------*/
header{
	width:100%;
	margin:0 auto;
	text-align:center;
}

.main li img{
max-width: 100%;
}
.main{
	max-width:960px;
	max-height:300px;
	/*background: url(../../img/mainbg.jpg) no-repeat;*/
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
.main dl{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

.lower_main{
	width:100%;
	height:300px;
	background: url(../img/top_bg.jpg) no-repeat;
	margin:0 auto 20px auto;;
	text-align:center;
	background-position:center;
	}

	
.topinfo h1,
.topinfo span{
	margin:0 auto;
	max-width:950px;
	text-align:left;
	height:23px;
	display:block;
	margin:0 0 0 0;}


.topinfo p{
	max-width:950px;
	height:62px;
	display:block;
	overflow:hidden;}
.logo{
	width:230px;
	float:left;}



.tel dl{
	width:10px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;}	
	
.btn_contact{
	margin:0 0 0 0;
	width:80px;
	height:62px;
	}

	




/**/
nav{
	width:100%;
	margin:0 auto;
	
}



.wrapper{
	max-width:950px;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	}
	

/*-----------------------------------------------
side
-----------------------------------------------*/
.ttl01{
position: relative;
padding: 0.1em 0 0.1em 0.8em;
color: var(--main-bg);
font-size: 15px;
font-weight: bold;
}
.ttl01::after {
position: absolute;
top: 0em;
left: 0;
content: '';
width: 4px;
height: 100%;
/*height: calc(100% - 1em);*/
background-color: var(--main-bg);
/*border-radius: 4px;*/
}

.ttl02{
padding: 8px 0 8px 0.8em;
color: var(--main-bg);
font-size: 15px;
font-weight: bold;
background-color: #D8E9F6;
min-height: 40px;
}

.ttl02 .fa{
font-size: 1.1rem;
}

.ttl03{
color: var(--main-bg);
font-size: 15px;
font-weight: bold;
margin-left: 20px;
}

.ttl03 img{
filter: invert(21%) sepia(89%) saturate(2280%) hue-rotate(188deg) brightness(99%) contrast(101%);
width: 1.4rem;
margin-right: 0.5em;
transform: translateY(4px);
}
.ttl03 .fa{
font-size: 1.1rem;
}

	
.side_osusume{
margin-bottom:5px;}

.side_osusume img{
margin-bottom:15px;}

.side_shopmovie,
.side_menu{
	margin-bottom:20px;}

.sm_menu {
	margin-bottom:6px;
	
	}



.sm_menu dt.smflow{
	background: url(../img/sm_ttl_flow.jpg) no-repeat;}
	

.sm_menu dt.smbaibai{
	background: url(../img/sm_ttl_baibai.jpg) no-repeat;}

	
.sm_menu dd{
	border-bottom:1px dashed #b4d5f4;
	color:#004782;
	line-height:48px;
	font-size:13px;
	padding:0 0 0 26px;
	margin:0 0 0 0;
	background:url(../img/aoisankaku.png) no-repeat 10px 20px;	}	

.sm_menu dd.last{
	border-bottom:none;
	}
	
.sm_menu dd a{color:#004782;text-decoration:none;}
.sm_menu dd a:link{color:#004782;text-decoration:none;}
.sm_menu dd a:visited{color:#004782;text-decoration:none;}
.sm_menu dd a:hover{color:#600;text-decoration:underline;}
.sm_menu dd a:active{color:#004782;text-decoration:none;}

.bn{
	overflow:hidden;
	}
.ovh{
	overflow:}


.mastweb{
	margin:0 10px 20px 0;
	float:left;
	}
.mastblog{
	margin:0 0 20px 0;
	float:left;
	}
/*-----------------------------------------------
footer
-----------------------------------------------*/
.footerw{
	max-width:950px;
	margin:0 auto;
	overflow:hidden;}

.footerw img{
	float:right;
	height:34px;}

footer{
	background-color:#deeef9;
	width:100%;
	color:#222;
	padding:30px 0 0 0;
	border-top:#d5d5d5 1px solid;
}
.footerbg{
	max-width:950px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:30px;}


footer .fr a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
footer .fr li{
	line-height:24px;
	font-size:12px;}

footer p{
	background-color:#FFFFFF;
	font-size:10px;
	text-align:center;
	line-height:55px;}




footer .fl ul li.atama{
	width:100px;}

footer .fl ul li a{
padding:0 8px 0;
font-size:12px;
text-decoration:none;
border-right:1px solid #222;
}


footer .fl ul li a:link{color:#222;text-decoration:none;}
footer .fl ul li a:visited{color:#222;text-decoration:none;}
footer .fl ul li a:hover{ color:#660000; text-decoration:underline;}
footer .fl ul li a:active{color:#222;text-decoration:none;}

/**/
.btnimgarea{
	overflow:hidden;
	margin-bottom:2em;
	}
	
@media print, screen and (min-width: 640px) {
		.btnimgarea li{
		float:left;
		margin-right:10px;
		width:230px;
		}

		.btnimgarea li:last-child{
		margin-right:0;}
		
		.pickup li{
		float:left;
		width:325px;
		margin:0 0 15px 10px;
		}
		.pickup ul{
		overflow:hidden;
		margin-left:10px;
		}
		.pickup{
		width:680px;
		overflow:hidden;
		}
		.bnarea li{
		float:left;
		width:214px;
		margin:0 0 15px 9px;
		}
		.bnarea ul{
		overflow:hidden;
		margin-left:10px;
		}
		.shopphotoarea{
		overflow:hidden;
		width:660px;
		margin:0 0 20px 20px;}

		.shopphotoarea img{
		float:left;
		width:325px;
		height:244px;
		margin:0 10px 0 0;}

		.shopmap{
		float:right;
		width:325px;}
		
		.shoptop,
		.tokuchin,
		.tokubai{
		width:660px;
		overflow:hidden;}
		.h1area .mainttl{
		max-width: 950px;
		margin-inline: auto;
		position: relative;
		aspect-ratio: 950/120; /*横縦*/
		}
		.parkingarea{
		margin:0 0 0 20px;
		clear:both;
		overflow:hidden;
		}
}/****************************/
/****************************/
/****************************/


/*-----------------------------------------------
contents
-----------------------------------------------*/


.facebookarea{
	margin:0 0 20px 20px;
	height:260px;
		width:660px;
	overflow:hidden;
	border-bottom:1px solid #CCC;
	}





.tokuchin h2{
	width:660px;
	height:30px;
	margin:0 0 10px 20px;
	background: url(../../img/ttl_tokuchin.jpg) no-repeat;
	}

.tokubai h2{
	width:660px;
	height:30px;
	margin:0 0 10px 20px;
	background: url(../../img/ttl_tokubai.jpg) no-repeat;
	}

.facebookarea h2{
	width:660px;
	height:30px;
	margin:0 0 10px 0;
	background: url(../../img/ttl_facebook.jpg) no-repeat;
	}



.shoptop p{
	margin:0 0 0 20px;
	font-size:12px;
	line-height:22px;}









/*▼下層*/
.h1area{
width:100%;
height:160px;
background: url(../img/ttlbg.jpg) no-repeat;
margin:0 auto 20px auto;
text-align:center;
background-position:center;

}

.h1area .mainttl p{

text-align: left;
color: var(--main-bg);
font-size:2.2rem;
font-family:'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-shadow: 1px 1px 2px #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.ttl_txt {
color:#1A6B9A;
text-shadow: 1px 1px 2px #fff;
font-size: 4rem;
padding: 16px 0;
width: 50%;
line-height: 1.4;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-60%);
background-color: rgba(255, 255, 255, 0.7);
text-align: center;
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-weight: bold;	
}










.h1area_parking{
	width:100%;
	height:160px;
	background: url(../../parking/img/parking_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}

.h1area_town{
	width:100%;
	height:160px;
	background: url(../../town/img/town_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
.h1area_link{
	width:100%;
	height:160px;
	background: url(../../link/img/link_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}

.h1area_osusume	{
	width:100%;
	height:160px;
	background: url(../../articles/img/osusume_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}


.h1area_specialbaibai{
	width:100%;
	height:160px;
	background: url(../../articles/img/baibai_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
.h1area_specialchintai{
	width:100%;
	height:160px;
	background: url(../../articles/img/chintai_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
	
.h1area_president	{
	width:100%;
	height:160px;
	background: url(../../president/img/president_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
	
.h1area_blog{
	width:100%;
	height:160px;
	background: url(../../osusume/img/osusume_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
.h1area_privacy{
	width:100%;
	height:160px;
	background: url(../../privacy/img/privacy_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
	
.h1area_company	{
	width:100%;
	height:160px;
	background: url(../../company/img/company_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
.h1area_flow{
	width:100%;
	height:160px;
	background: url(../../flow/img/flow_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
.h1area_rental	{
	width:100%;
	height:160px;
	background: url(../../rental/img/rental_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
.h1area_owner	{
	width:100%;
	height:160px;
	background: url(../../owner/img/owner_ttlimg.jpg) no-repeat;
	margin:0 auto 20px auto;
	text-align:center;
	background-position:center;
	}
.pan{
	max-width:950px;
	height:30px;
	line-height:30px;
	font-size:11px;
	text-align:right;
	margin:0 auto;
}




.ttlh2{
	background: url(../img/deco_blue.gif) no-repeat 0 0;
	color:#004782;
	font-size:14px;
	font-weight:bold;
	height:;
	line-height:20px;
	padding:0 0 10px 16px;
	border-bottom:#ccc 1px solid;
}

/*駐車場のご案内*/

.ofh{
	overflow:hidden;}
.parkingflow_alow{
	overflow:hidden;
	margin-bottom: 40px;
	}
.keiyaku{
	margin-bottom: 30px;}
.keiyaku_ttl{
	color:#666666;
	font-weight: bold;
	margin-bottom:0.5em;
	font-weight: 120%;
	}
.keiyaku_txtli li{
	padding-left:1em;
text-indent:-1em;
}
.keiyaku_txt{
	padding-left:1.5em;
text-indent:-1.5em;
}

.keiyaku_txt:first-letter {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.mb1em{
	margin-bottom: 1em;}	
.parkingflow_alow ul{}
.parkingflow_alow ul li{
	font-size: 1.2rem;
display: inline-block;	
	}
.parkingflow_alow ul li span{
		border: 2px solid #ABDC9B;
display: inline-block;
	
	padding:10px;
	}
.parkingflow_alow ul li+li:before{
	font-family: 'FontAwesome' ;
	content: '\f061';
	display: inline-block;
	width: 1.5em;		/*文字の1.2倍の横幅に*/
	text-align: center;	/*その中で中央寄せ*/
	color: #216903;		/*色*/
	font-size: 1.1em;		/*2倍の大きさ*/
	margin-left:5px; margin-right:5px;
}

.parkingflow .g_r{
	margin-bottom: 20px;}
.parkingflow .subttl{
font-size: 120%;
    color: #d26505;
    background: url(../img/red.jpg) no-repeat 0px 9px;
    padding: 0 0 0 20px;
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
}
	
.th_05 span{
	font-weight:normal;
	font-size: 80%;}
.park_t {
margin:0 0 0 0;

}

.park_t td{
	padding: 3px 5px;
	background-color: #fff;}
	
.tdw01{
	width: 200px;}
.tdw02{width:100px; text-align: center;}

	
.tdw03{text-align: center;}
.tdw04{text-align: center;}

.park_t th {
font-weight: bold;
background-color: #E4E4E4;
padding: 0px;
}

.park_t img{
margin:0 !important;
padding:0 !important;
}

.park_t .td_01{
background-color: #F7F7F7;
padding:3px 5px;
vertical-align: center;
}

.park_t .td_01-1{
background-color: #F7F7F7;
padding:3px 5px;
vertical-align: center;
text-align:left;
}

.park_t .td_02{
background-color: #fff;
padding:3px 5px;
vertical-align: center;
}

.park_t .td_02-1{
background-color: #fff;
padding:3px 5px;
vertical-align: center;
text-align:left;
}

.parking_01{
background:url(../../common/img/parking/map_01.jpg) no-repeat;
position: relative;
width:610px;
height:334px;
margin:15px 0 10px 0;
}
#parking_b01{
position:absolute;
top:121px;
left:52px;
}
#parking_b02{
position:absolute;
top:132px;
left:270px;
}
#parking_b03{
position:absolute;
top:132px;
right:6px;
}

.park_mail{
background:url(../../common/img/parking/tel_02.jpg) no-repeat;
position: relative;
@media only screen and (min-width:640px){
height:147px;
margin:15px 0 20px 60px;
}}

#park_mail02{
position:absolute;
bottom:10px;
left:40px;
}

.parking_02{
background:url(../../common/img/parking/nishitachikawa_01.gif) no-repeat;
position: relative;
width:610px;
height:480px;
margin:15px 0 0 0;
}
#parking_02-1{
position:absolute;
top:25px;
left:201px;
}
#parking_02-2{
position:absolute;
top:155px;
left:201px;
}
#parking_02-3{
position:absolute;
top:302px;
left:201px;
}

#pagetop{
text-align:right;
margin:20px 5px 0 0;
}

.g_r{
	padding:6px 10px;
	color:#216903;
	background:#d1f3c8;
	border-radius: 3px;
	font-weight:bold;
	font-size:15px;
	display:block;
	}
.decocar {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(../../common/img/parking/deco_car.png) no-repeat 0 2px;
	width:20px;
	height:16px;
	padding:0 0 0 17px;
	color:#d1f3c8;
	line-height:16px;

}

.topposi{
	float:right;
	margin:20px;
}

/*街情報*/

#town01{
text-align:center;
margin:20px 0 0 0;
}

#town01 img{
margin:0 10px 0 0;
}

.town02{
margin:10px 0 30px 0;
width:590px;
}

.town02_l{
float:left;
width:360px;
}

.town02_r{
float:right;
width:200px;
}

.town02_r .list {
border-top: 1px solid #ccc;
line-height: 1.6;
margin:0;
width: 200px;
}

.town02_r .list dt {
width: 50px;
float: left;
padding-bottom: 1px;
}

.town02_r .list dd {
padding-left: 5em;
border-bottom: 1px solid #ccc;
}

.town_link{
background:url(../img/aoisankaku.png) left center no-repeat;
padding:1px 0 0 17px;
}

.town03{
margin:10px 0 0 0;
width:590px;
}

.town03_l{
float:left;
width:285px;
}

.town03_r{
float:right;
width:285px;
}

.town04{
padding:0 10px 30px 10px;
}

.town04 li{
background:url(../img/aoisankaku.png) left center no-repeat;
padding:1px 0 0 17px;
line-height:22px;
background-position: left 0.5em;
}
@media only screen and (min-width:640px){
.towntopposi{
	overflow:hidden;
	margin:20px 20px 30px 20px;
	}
	.towntopposi li{
	float:left;
	margin:0 0 0 20px;
	}	
}/****************************************/


	
/*トランクルーム*/	
.rental01{
margin:20px 0 0 0;
width:590px;
}

.rental01_l{
float:left;
width:285px;
}

.rental01_r{
float:right;
width:285px;
}

table.rental02 {
margin:0 auto;
width: 590px;
border-collapse:collapse;
border-spacing: 2px;
border:#CCCCCC solid 1px;
}

table.rental02 th,
table.rental02 td {
padding: 4px 6px;
}

table.rental02 th {
background: #d8e8f7;
text-align: center;
white-space: nowrap;
color: #FFF;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;color:#222;

}

table.rental02 td {
white-space: nowrap;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
color:#222;
background-color:#FFFFFF;
}

table.rental02 col.ren01 {
background: #D6F0D6;
}

table.rental02 col.ren02 {
background: #D6F0D6;
}

table.rental02 col.ren03 {
background: #D6F0D6;
}

table.rental02 col.ren04 {
background: #D6F0D6;
}

table.rental02 .rental01 {
text-align:center;
background: #CCFF66;
width:50px;
}

table.rental02 .rental02 {
text-align:center;
background: #D6F0D6;
width:50px;
}

.rentalbtn{
	}
.rentalbtn {
	text-align:right;
	margin:10px 0;}

/**/
div.column  {  
width: 590px;  
background: url(../img/bottom.jpg) no-repeat bottom;  
padding-bottom: 25px;  
margin:10px 0 25px 20px ;

}  

div.column .inner   {  
background: url(../img/top.jpg) no-repeat;  
padding-top: 25px;  
}  
div.column .inner div   {  
background: url(../img/center.jpg) repeat-y;  
padding: 0 20px;  
}

.hedge{
	background:#fff9e3;
	padding:20px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	margin-bottom: 20px;
	@media only screen and (min-width:640px){margin:10px 30px 30px 30px;}
}
.hedge li{
	text-indent:-1em;
	padding-left:2em;
	line-height:1.6;
	}

div.column02  {  
width: 590px;  
background: url(../img/bottom02.jpg) no-repeat bottom;  
padding-bottom: 25px;  
margin-bottom: 40px;
margin-top:10px;
}  

div.column02 .inner02   {  
background: url(../img/top02.jpg) no-repeat;  
padding-top: 25px;  
}  
div.column02 .inner02 div   {  
background: url(../img/center02.jpg) repeat-y;  
padding: 0 20px;
font-weight:bold;
font-size:1.2em;
}	
	
/*　ご契約の流れ */

.flow_title01{
padding:5px 0 5px 10px;
background:#F5F5F5;
border-left:#009900 8px solid;
font-weight: bold;
color:#333;
}
@media only screen and (min-width:640px){
.flow01{
margin:0px 0 40px 0;
width:590px;
}
.flow01{
margin:0px 0 40px 0;
width:590px;
}
.flow01_l{
float:left;
width:350px;
padding:10px;
}

.flow01_r{
float:right;
width:200px;
}
.flow02{
margin:20px 0 0 0;
width:590px;
}

.flow02_l{
float:left;
width:350px;
}

.flow02_p{
padding:10px;
margin:10px 0 0 0;
}

.flow02_r{
float:right;
width:200px;
}



.flow03{
margin:15px 0 0 0;
width:590px;
}

.flow03_l{
float:left;
width:285px;
}

.flow03_r{
float:right;
width:285px;
}
}/*******************************************/
/*******************************************/




	
.flow_arrow{
margin:10px 0 0 0;
text-align:center;
}	
/*right*/


.area01 h4,
.txtarea h4{
padding:5px 0 5px 10px;
background:#F5F5F5;
border-left:#096cb0 4px solid;
font-weight: bold;
color:#096cb0;
font-size:12px;
margin:0 0 10px 0;
}	

.txtarea p{
	margin:0 1em 1em 1em;}
	
/* 個人情報の取扱い */


.privacy01{
width:100%;
margin:10px 0 0 0;
}

.privacy01 dt{
float:left;
width:20px;
}

.privacy01 dd{
float:right;
width:calc(100% - 20px);
}

.privacy02{
width:100%;
margin:10px 0 0 0;
}

.privacy02 dt{
float:left;
width:20px;
}

.privacy02 dd{
float:right;
width:calc(100% - 30px);
}

.privacy03{
width:100%;
margin:10px 0 0 0;
}

.privacy03 dt{
float:left;
width:20px;
}

.privacy03 dd{
float:right;
width:calc(100% - 20px);
}
	
/*　オーナー様へ */
@media only screen and (min-width:640px){
	.ownerabout dd{
	overflow:hidden;
	margin:15px 0 0 0;
	width:590px;}

	.owner01{
	margin:15px 0 0 0;
	width:590px;
	}

	.owner01_l{
	float:left;
	width:200px;
	}

	.owner01_r{
	float:right;
	width:375px;
	}
	
	.owner05{
	margin:15px auto 0 auto;
	width:590px;
	}

	.owner05_l{
	float:left;
	width:250px;
	}
	.owner05_m{
	float:left;
	width:90px;
	text-align:center;
	padding:80px 0 0 0;
	}

	.owner05_r{
	float:right;
	width:250px;
	}
	.owner_president_comment_comment{display: none;}
	}
	/************************************/
	/************************************/
	/************************************/
	
.owner02{
	padding:0 10px;
	margin-bottom:30px;
}

.owner02 li{
background:url(../../owner/img/icon01.gif) left 2px no-repeat;
padding:1px 0 0 22px;
margin:0 0 10px 0;
}


.owner03{
padding:0 10px;
margin:30px 0 0 0;
}

.owner03 li{
background:url(../../owner/img/icon01.gif) left top no-repeat;
padding:1px 0 0 25px;
margin:0 0 5px 0;
}

table.owner04 {
margin:0 auto;
width: 590px;
border-collapse:collapse;
border-spacing: 2px;
border:#CCCCCC solid 1px;

}
.w415{
	width:415px;}
table.owner04 th,
table.owner04 td {
padding: 10px;
}

table.owner04 th {
background: #d8e8f7;
text-align: center;
white-space: nowrap;
color: #FFF;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;color:#222;

}

table.owner04 td {
white-space: nowrap;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
color:#222;
background-color:#FFFFFF;
}

table.owner04 .no00 {
width:415px;
}

table.owner04 .no01 {
text-align:center;
background: #82D782;
width:75px;
}

table.owner04 .no02 {
text-align:center;
background: #A4F5A4;
width:50px;
}

table.owner04 .no03 {
text-align:center;
background: #C5FFC5;
width:50px;
}



.owner05_l p{
margin:10px 0 0 0;
}



.owner05_r p{
margin:10px 0 0 0;
}

div.column  {  
width: 590px;  
background: url(../img/bottom.jpg) no-repeat bottom;  
padding-bottom: 25px;  
margin-bottom: 40px;
margin-top:10px;
}  
	

.ownerabout{
	@media only screen and (min-width:640px){margin:0 0 0 20px;}}

.ownerabout dt{
	font-size:120%;
	color:#d26505;
	background:url(../../owner/img/red.jpg) no-repeat 0px 9px;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
	font-size:14px;
	font-weight:bold;

	}	
	
	
	
	
/* 会社概要 */

@media only screen and (min-width:640px){
		.comtableposi{
		margin:20px 20px 20px 40px ;}


		.comtableposi .table01{
		width: 600px;
		}

		.table01 th {
		width: 120px;
		}
		.staff_l{
		float:left;
		width:215px;
		}
		.staff_r{
		float:right;
		width:375px;
		}
}/***************************************/
/***************************************/
/***************************************/

.comtableposi{
margin-bottom: 20px;
	}

.table01 {
border-collapse: collapse;
border: solid 1px #bbb;
padding:10px;
margin:15px 0 0 0
}
.table01 th {
font-weight: normal;
text-align: left;
}
.table01 th,
.table01 td{
padding:7px;
border-right: solid 1px #bbb;
}

.table01 tr.tr01 {
background: #ecfce5;
}

.table01 td.td01 {
width:120px;
}

.table01 tr.tr02 {
background: #fff;
}

.table01 td.td02 {
width:120px;
}

/*印刷用ページ*/
#companyArea01{
width:600px;
margin:15px auto 0 auto;
}	
	
.accessmap p{
	margin:5px 0 10px 0}
	
/*スタッフ*/
.staffborder{
	border-bottom:dashed 1px #aaa;
	padding:20px 0;
	overflow:hidden;
	}	
	
.staff_l{
margin-bottom: 10px;
}


.staff_l p{
font-weight:bold;

}


.staff02 {
width:590px;
height:auto;
padding:10px 0;
border-bottom:#CCCCCC solid 1px;

}

.staff02_l{
float:left;
width:355px;
}

.staff02_r{
float:right;
width:225px;
}

.staff_r p{
	background: url(../img/deco_blue.gif) no-repeat 0 0;
	color:#004782;
	font-size:15px;
	line-height:20px;
	padding:0 0 5px 16px;
	border-bottom:#ccc 1px solid;
	margin:0 0 5px 0;
	
}

.staff_r span{
	margin:1em;
	display:block;}

.sidebn_area img{
	margin-bottom:20px;
	}

.takuken{
	display:inline-block !important;
	margin:0 0 2px 10px !important;
	padding:1px 5px;
	font-size:13px;
	background-color:#004BAD;
	color:#fff;
	line-height:17px;
	    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
        -ms-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
	}

/*定休日*/


a.btn_sonota{
font-size: 18px;
color:#1A7300;
display: inline-block;
border-radius: 5px;
border: 3px solid #1A7300;
text-align: center;
padding:2px 10px;
background: linear-gradient(to bottom, #FFF 0%, #e1e1e0 87%);
	}
	
 a.btn_sonota:link{color:#　; text-decoration: none;}
 a.btn_sonota:visited{color:#　;text-decoration:none;}
 a.btn_sonota:hover{color:#　;text-decoration:none;
 opacity:0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";}
 a.btn_sonota:active{color:#　;text-decoration:none;}



.shoptop p.cache_txt,
.cache_txt{
color: var(--main-bg);
font-family:'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
font-size: 1rem;
}
@media print, screen and (min-width: 640px) {
		.info_dl dl{
		margin-left: 20px;
		display:flex;
		align-items:flex-start;
		flex-wrap:wrap;
		}
		.info_dl dl dd{
		padding-block: 2px;
		width: calc(100% - 9em);
		}

/*定休日*/
		.rental_tel{
		background: url("../img/rental_img_01.jpg") no-repeat 0 0;
		width:590px;
		height:125px;
		font-size:11px;
		line-height:1.2;
		margin-bottom: 20px;
		}

		.rental_tel span, .parking_tel span {
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		font-size: 1px;
		color: #FFFFFF;
		width: 100%;
		height: 10px;
		}

		.parking_tel{
		background: url(../../common/img/parking/tel_01.jpg) no-repeat 0 0;
		width:590px;
		height:120px;
		font-size:11px;
		line-height:1.2;
		margin-bottom: 10px;
		}
		.parking_tel p{
		padding:59px 0 0 220px;
		width:374px;
		height:30px;
		text-align: left;}

		.rental_tel p{
		padding:59px 0 0 216px;
		width:374px;
		height:30px;
		text-align: left;}
}/****************************/
/****************************/
/****************************/

.info_dl{
margin-bottom: 30px;
}
.info_dl dl{
border-bottom: 1px dashed #ddd;
padding: 10px;
}
.info_dl dl dt{
background-color: #D8E9F6;
padding: 2px 6px;
margin-right: 2em;
}

.totop{
position: fixed;
bottom: 0;
right: 0px;
}

/*form*/
.btn{
text-align: center;
}
.btn input[type="button"],
.btn input[type="submit"]{
display: inline-block;
padding: 1px 6px;
font-size: 14px;
}
.contact_area textarea{
width: 100%;
}

.parkingarea iframe{
width: 100%;
@media print, screen and (min-width: 640px) {height: 450px;}
height: 250px;
}

.parking_ttlmap{
color: #fc4408;
font-size: 16px;
display: inline-block;
border-radius: 5px;
border: 1px solid #eee;
text-align: center;
padding:1px 10px;
background: linear-gradient(to bottom, #FFF 0%, #e1e1e0 87%);
box-shadow: 4px 4px 4px #aaa;
margin-bottom: 6px;
}

.btn_sonota{
margin-bottom: 1em;
}
.btn_sonota.c_nishitachikawa{
border: 3px solid #5fc80a;
color: #409522;
}
.btn_sonota.c_tachikawa{
border: 3px solid #3f8f9f;
color: #3f8f9f;
}

.privacy_agree {
background-color: #FFFFCC;
text-align: left;
padding: 5px;
margin: 30px 0 0 0;
}


@media print, screen and (min-width: 640px) {}

@media only screen and (min-width:640px){}






































