@charset "UTF-8";

/*=======================
　スタイル初期化
=======================*/
* {
	margin: 0;
	padding: 0;
	border:none;
}

ul {
	list-style-type: none;
}

/*=======================
　基本設定
=======================*/

html,body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:170%;
	-webkit-text-size-adjust: 100%;
	background-color:#fff;
}

a:link	{
	color:#0099cc;
	text-decoration: underline;
}
a:visited	{
	color:#0099cc;
	text-decoration: underline;
}
a:hover	{
	color:#ffff33;
	text-decoration: underline;
}

p {
	margin-bottom:1rem;
}

img{
	display:block;
	max-width:100%;
	height:auto;
}

.wf-mplus1p { font-family: "Mplus 1p"; }

.font_s{
	font-size:10px;
}

.br_sp{
		display:none;
}

@media only screen and (max-width:767px){
	.br_sp{
		display:inherit;
	}
}


/*=======================
　ヘッダー
=======================*/

/*--サイトタイトル--*/

#SiteTitle{
	padding:1.5%;
	background-color:#0099cc;
	color:#fff;
	font-size:2.5rem;
	line-height:120%;
	text-align:center;
}

#SiteTitle span{
	font-size:2rem;
}

@media only screen and (max-width:767px){
	#SiteTitle{
		font-size:1.4rem;
	}

	#SiteTitle span{
		font-size:1.2rem;
	}
}

/*--ナビゲーション--*/

#nav_box{
	background:url(../img/nav_bg.gif) 0 0 repeat;
}

#nav{
	border-left:1px dotted #fff;
}

#nav::after{content:""; clear:both; display:block;}

#nav li{
	width:16.6666%;
	box-sizing:border-box;
	border-right:1px dotted #fff;
	float:left;
}

#nav li a{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:10% 0.6%;
	color:#333;
	text-shadow: 0 0 5px #fff;
	font-size:1rem;
	font-weight:normal;
	text-align:center;
	line-height:120%;
	text-decoration:none;
	white-space:nowrap;
	transition: all 1000ms 0s ease;
}

#nav li a:hover{
	background-color:#ffff33;
}

@media only screen and (max-width:767px){
	
	#nav{
		border-left:none;
	}

	#nav li{
		width:33.3333%;
		border-bottom:1px dotted #fff;
	}
	
	#nav li a{
		padding:7% 0.6%;
		letter-spacing:0;
	}
	
	.border_b_none{
		border-bottom:none !important;
	}
	
	.border_r_none{
		border-right:none !important;
	}
}

/*=======================
　コンテンツ
=======================*/

/*--サブタイトル--*/

.subtitle{
	margin:5rem 0 3rem;
	font-size:2rem;
	color:#0099cc;
	text-align:center;
}

.subtitle2{
	margin:5rem 0 3rem;
	font-size:2rem;
	text-align:center;
}

.subtitle span,.subtitle2 span{
	display:inline-block;
	padding-bottom:0.5rem;
	border-bottom:5px solid #ffff33;
}

/*--コンテンツBOX--*/

.contents_box{
	padding:1.5% 1.5% 5%;
	text-align:center;
}

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

.contents_box2{
	padding:1.5% 1.5% 5%;
	background-color:#0099cc;
	color:#fff;
	text-align:center;
}

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

@media only screen and (max-width:767px){
	
	.contents_box{
		text-align:left;
	}

	.contents_box2{
		text-align:left;
	}
	
	.subtitle{
		margin:2rem 0 1rem;
		font-size:1.4rem;
	}

	.subtitle2{
		margin:2rem 0 1rem;
		font-size:1.4rem;
	}
}

/*--▼▼▼お店のご案内▼▼▼--*/

#ShopPhoto{
	margin-bottom:2rem;
}

#ShopPhoto::after{content:""; clear:both; display:block;}

#ShopPhoto li{
	width:33.3333%;
	float:left;
}

#ShopDetail{
	width:100%;
	box-sizing:border-box;
	border-collapse: collapse;
	border-top:1px dotted #0099cc;
}

#ShopDetail th{
	box-sizing:border-box;
	width:25%;
	padding:1%;
	border-bottom:1px dotted #0099cc;
	color:#0099cc;
	text-align:center;
}

#ShopDetail td{
	padding:1%;
	border-bottom:1px dotted #0099cc;
	text-align:left;
}

#Machinery li{
	display:inline-block;
	position:relative;
	margin-left:1.2rem;
	margin-right:1rem;
}

#Machinery li.icon-circle:before {
	position: absolute;
	left: -1.2rem;
	top: 0;
	content: "\e908";
	color:#007ac6;
}

/*--▼▼▼アクセスマップ▼▼▼--*/

#GoogleMap{
	width:100%;
	min-height:500px;
	border:none;
}

@media only screen and (max-width:767px){
	#GoogleMap{
		min-height:300px;
	}
}

/*--▼▼▼洗濯・乾燥できるもの▼▼▼--*/

/*--洗濯乾燥可・不可表--*/
#WashDry{
	width:100%;
	margin-bottom:1rem;
	box-sizing:border-box;
	border-collapse: collapse;
}

#WashDry th.th1{
	width:10%;
	border-bottom:2px solid #fff;
	color:#fff;
	text-align:center;
}

#WashDry th.th2{
	width:25%;
	border-bottom:2px solid #fff;
	color:#fff;
	text-align:center;
}

#WashDry td{
	padding:1%;
	border-bottom:2px solid #fff;
	text-align:left;
}

#bed{
	background:url(../img/washdry_img01.png) 50% 50% no-repeat;
	background-size:102px;
	background-color:#ff6600;
}

#interior{
	background:url(../img/washdry_img02.png) 50% 50% no-repeat;
	background-size:78px;
	background-color:#009933;
}

#clothes{
	background:url(../img/washdry_img03.png) 50% 50% no-repeat;
	background-size:103px;
	background-color:#006699;
}

#WashTitle{
	background-color:#0099cc;
}

#DryTitle{
	background-color:#ff9922;
}

.Thing{
	background-color:#ffffcc;
}

.Wash{
	background-color:#33ccee;
}

.Dry{
	background-color:#ffcc99;
}

.ok{
	display:inline;
	width:25px;
	vertical-align:middle;
}

.no{
	display:inline;
	width:25px;
	vertical-align:middle;
}

.Attention{
	color:#ff0000;
	font-size:12px;
}

/*--補足--*/

#etc{
	margin-bottom:2rem;
}

#etc li{
	display:block;
	position:relative;
	line-height:150%;
	margin-left:1.5rem;
	margin-right:1rem;
	font-size:0.8rem;
	text-align:left;
}

#etc li.icon-circle:before {
	position: absolute;
	left: -1.2rem;
	top: 0;
	content: "\e908";
	color:#007ac6;
}

/*--ファーファと消臭抗菌コース--*/

#fafa{
	box-sizing:border-box;
	width:49%;
	padding:1.5%;
	background-color:#ee87b4;
	color:#fff;
	border-radius:10px;
	text-align:left;
	float:left;
}

#fafa::after{content:""; clear:both; display:block;}

#syosyu{
	box-sizing:border-box;
	width:49%;
	padding:1.5%;
	background-color:#7ecef4;
	border-radius:10px;
	color:#0068b7;
	text-align:left;
	float:right;
}

#syosyu::after{content:""; clear:both; display:block;}

#fafa h3,#syosyu h3{
	margin-bottom:1rem;
	padding-bottom:0.5rem;
	font-size:1.4rem;
	text-align:center;
	border-bottom:1px dashed #ffff33;
	font-weight:500;
}

#fafa_l,#syosyu_l{
	width:63%;
	float:left;
}

#fafa_img{
	width:35%;
	max-width:100px;
	float:right;
}

#syosyu_img{
	width:35%;
	max-width:167px;
	float:right;
}

@media only screen and (max-width:767px){
	#WashDry td,#WashDry th{
		font-size:0.8rem;
		line-height:120%;
	}
	
	#fafa{
		width:100%;
		margin-bottom:1rem;
		padding:2%;
		float:none;
	}
	
	#syosyu{
		width:100%;
		padding:2%;
		float:none;
	}
	
	#fafa h3,#syosyu h3{
		margin:0.5rem 0;
		font-size:1.2rem;
	}

}

/*--▼▼▼ご利用料金▼▼▼--*/

#PriceInner::after{content:""; clear:both; display:block;}

#PriceInner{
	padding:1.5%;
	background-color:#fff;
	border-radius:10px;
	color:#333;
}

/*--洗濯・乾燥 料金--*/

#LaundryMachine_WD{
	width:49%;
	float:left;
}

#LaundryMachine_D{
	width:49%;
	float:right;
}

#LaundryMachine_WD h3{
	margin-bottom:1rem;
	padding:2% 2% 2% 5%;
	background-color:#0099cc;
	font-size:1.4rem;
	color:#fff;
	text-align:left;
}

#LaundryMachine_WD h3 span{
	display:block;
	font-size:0.8rem;
	font-weight:normal;
	line-height:120%;
	float:right;
}

#LaundryMachine_WD_list li{
	width:50%;
	text-align:center;
	float:left;
}

#LaundryMachine_WD_list li img{
	display:inline-block;
}

#LaundryMachine_WD_list li h4{
	font-size: 1.3rem;
	margin-top: 1rem;
	margin-bottom:10px;
	color:#0099cc;
}

#LaundryMachine_WD_list li h5{
	width: 90%;
        margin: 0 auto 10px;
        padding: 10px 1px;
        color: #0099cc;
        font-size: 1.4rem;
        line-height: 100%;
        border: 1px solid #0099cc;
        border-radius: 10px;
}

#LaundryMachine_WD_list li h5 span{
	font-size:12px;
}

#LaundryMachine_D h3{
	margin-bottom:1rem;
	padding:2% 2% 2% 5%;
	background-color:#ff6600;
	font-size:1.4rem;
	color:#fff;
	text-align:left;
}

#LaundryMachine_D h3 span{
	display:block;
	font-size:0.8rem;
	font-weight:normal;
	line-height:120%;
	float:right;
}

#LaundryMachine_D_list li{
	width:48%;
	text-align:center;
	float:left;
}

#LaundryMachine_D_list li img{
	display:inline-block;
}

#LaundryMachine_D_list li h4{
	font-size: 1.3rem;
	margin-top: 1rem;
	margin-bottom:10px;
	color:#ff6600;
}

#LaundryMachine_D_list li h5{
	width:90%;
	margin:0 auto 10px;
	padding:10px 1px;
	color:#ff6600;
	font-size:1.4rem;
	line-height:100%;
	border:1px solid #ff6600;
	border-radius:10px;
}

#LaundryMachine_D_list li h5 span{
	font-size:12px;
}

/*--プリペイドカード--*/

.Price_subtitle{
	margin:3rem 0 2rem;
	font-size:1.4rem;
	clear:both;
}

#PrepaidCard{
	box-sizing:border-box;
	width:49%;
	min-height:150px;
	padding:1.5%;
	border-radius:10px;
	background-color:#ff6666;
	color:#fff;
	border:2px solid #fff;
	float:left;
margin-bottom: 2rem;
}

#PrepaidCard h3{
	margin-bottom:1rem;
	padding:1%;
	font-size:1.4rem;
	text-align:center;
	background-color:#dd4444;
	border-radius:5px;
	font-weight:500;
}

#PrepaidCard strong{
	font-size:1.2rem;
	color:#ffff33;
}

#per{
	display:inline-block;
	margin:0 5px;
	padding:1%;
	font-size:1.8rem;
	color:#ff6666;
	background-color:#fff;
	border-radius:10px;
	line-height:100%;
	margin-bottom: 10px;
}

#per span{
	font-size:1.4rem;
	margin-bottom: 10px;

}




/*--夜間割引--*/

#NightOff{
	position:relative;
	box-sizing:border-box;
	width:49%;
	min-height:150px;
	padding:1.5%;
	color:#fff;
	border-radius:10px;
	background-color:#003f7e;
	border:2px solid #fff;
	float:right;
	margin-bottom: 2rem;
}

#NightOff h3{
	margin-bottom:1rem;
	padding:1%;
	font-size:1.4rem;
	text-align:center;
	background-color:#001d5c;
	border-radius:5px;
	font-weight:500;
}

#NightOffImg{
	position:absolute;
	width:90px;
	right:1rem;
}

#NightOff strong{
	font-size:2rem;
	color:#ffff33;
	line-height:100%;
	vertical-align:bottom;
}

#NightOff strong span{
	font-size:1.2rem;
	line-height:100%;
	vertical-align:bottom;
}

/*--夜間割引FULL--*/

#NightOff_full{
	position:relative;
	box-sizing:border-box;
	width:100%;
	min-height:150px;
	padding:1.5%;
	color:#fff;
	border-radius:10px;
	background-color:#003f7e;
	border:2px solid #fff;
	float:right;
}

#NightOff_full h3{
	margin-bottom:1rem;
	padding:1%;
	font-size:1.4rem;
	text-align:center;
	background-color:#001d5c;
	border-radius:5px;
	font-weight:500;
}

#NightOff_full Img{
	position:absolute;
	width:90px;
	right:1rem;
}

#NightOff_full strong{
	font-size:2rem;
	color:#ffff33;
	line-height:100%;
	vertical-align:bottom;
}

#NightOff_full strong span{
	font-size:1.2rem;
	line-height:100%;
	vertical-align:bottom;
}


/*--LINEアット枠--*/

#lineatto{
	position:relative;
	box-sizing:border-box;
	width:49%;
	min-height:150px;
	padding:1.5%;
	color:#000;
	border-radius:10px;
	background-color:#fff;
	border:2px solid #fff;
	float:right;
}

#lineatto h3{
	margin-bottom:1rem;
	padding:1%;
	font-size:1.4rem;
	text-align:center;
	background-color:#00c402;
	border-radius:5px;
	font-weight:500;
	color: #ffffff;
}


#lineatto strong{
	font-size:2rem;
	color:#000;
	line-height:100%;
	vertical-align:bottom;
}

#lineattof strong span{
	font-size:1.2rem;
	line-height:100%;
	vertical-align:bottom;
}

/*--電子マネー枠--*/

#ecmoney{
	position:relative;
	box-sizing:border-box;
	width:49%;
	min-height:150px;
	padding:1.5%;
	color:#000;
	border-radius:10px;
	background-color:#fff;
	border:2px solid #fff;
	float:right;
}

#ecmoney h3{
	margin-bottom:1rem;
	padding:1%;
	font-size:1.4rem;
	text-align:center;
	background-color:#0099cc;
	border-radius:5px;
	font-weight:500;
	color: #ffffff;
}


#ecmoney strong{
	font-size:2rem;
	color:#000;
	line-height:100%;
	vertical-align:bottom;
}

#ecmoney strong span{
	font-size:1.2rem;
	line-height:100%;
	vertical-align:bottom;
}


#NO_WashDry{
	padding:1%;
	background-color:#0099cc;
	color:#000;
	border-radius:10px;
	line-height:100%;
}

.pit_width{
width: 50%;
margin: 0 auto;
padding-top: 3.5rem;
}

@media only screen and (max-width:767px){
	#LaundryMachine_WD,#LaundryMachine_D{
		width:100%;
		float:none;
		clear:both;
	}
	
	#LaundryMachine_WD h3,#LaundryMachine_D h3{
		font-size:1.2rem;
	}
	
	#LaundryMachine_WD_list li,#LaundryMachine_D_list li{
		width:100%;
		margin-bottom:2rem;
		float:none;
	}
	
	.Price_subtitle{
		text-align:center;
	}

	#PrepaidCard{
		width:100%;
		padding:2%;
		margin-bottom:1rem;
		float:none;
	}

	#PrepaidCard h3,#NightOff h3{
		font-size:1.2rem;
		text-align:center;
	}
	
	#PrepaidCard strong{
		font-size:1rem;
	}
	
	#NightOff{
		width:100%;
		padding:2%;
		float:none;
margin-bottom: 1rem;
	}

	#NightOff_full{
		width:100%;
		padding:2%;
		float:none;
	}	
		#lineatto{
		width:100%;
		padding:2%;
		float:none;
	}
	
		#ecmoney{
		width:100%;
		padding:2%;
		float:none;
	}
	
.pit_width{
width:100%;
padding-top: 3.5rem;
}

}

/*--▼▼▼ 現在の空き情報 ▼▼▼--*/

#ActiveTable{
	width:100%;
	box-sizing:border-box;
	border-collapse: collapse;
	border-left:1px solid #ccc;
}

#ActiveTable caption{
	font-size:0.8rem;
	text-align:right;
}

#ActiveTable th{
	padding:1%;
	background-color:#0099cc;
	color:#fff;
	border-right:1px solid #fff;
	text-align:center;
}

#ActiveTable td{
	padding:1%;
	text-align:center;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	overflow: hidden;
	empty-cells:show; 
	white-space: nowrap;
}

#Number{
	background:url(../img/icon_number.png) 20% 50% no-repeat;
	background-size:23px;
}

#Active{
	background:url(../img/icon_human.png) 20% 50% no-repeat;
	background-size:37px;
}

#Time{
	background:url(../img/icon_clock.png) 20% 50% no-repeat;
	background-size:32px;
}

#Lundry{
	background:url(../img/icon_lundry.png) 20% 50% no-repeat;
	background-size:27px;
}

.List_Run{
	background-color:#fcf5f9;
	color:#ff0000;
	font-weight:bold;
}
.List_Err{
	background-color:#ff0000;
}
.List_Stop{
	
}
.List_Check{
	background-color:#ffff33;
}

.Number{
	color:#333;
	font-weight:normal;
}

.Lundry{
	color:#333;
	font-weight:normal;
}

@media only screen and (max-width:767px){
	#Number,#Active,#Time,#Lundry{
		background-image:none;
	}
}

/*=======================
　フッター
=======================*/

footer{
	padding:5%;
	text-align:center;
}

footer h3{
	font-weight:normal;
	font-size:1.2rem;
}

#tel{
	display:inline-block;
	padding:2%;
	margin:1rem 0;
	background-color:#0099cc;
	font-size:3rem;
	color:#ffff33;
	text-decoration:none;
	font-weight:bold;
	border-radius:10px;
}

/*--コピーライト--*/
#copyright{
	margin:10px 0 0;
	font-size:10px;
	color:#ccc;
	text-align:center;
	clear:both;
}

/*--ページトップヘもどるボタン--*/
#btn_pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#btn_pagetop a {
    display: block;
	width:60px;
    background-color: #0099cc;
    text-align: center;
    color: #fff;
    font-size: 20px;
	line-height:60px;
    text-decoration: none;
	border-radius: 50%;
}
 
#btn_pagetop a:hover {
	background-color:#ccc;
	color:#0099cc;
}

@media only screen and (max-width:767px){
	#tel{
		font-size:2rem;
	}

}