@charset "utf-8";

@import url("sp-editor.css");

body {
	display: none;
}

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
*{ padding:0; margin:0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
font-size:90%;
-webkit-text-size-adjust: none;
background:#fbf9f4;
}
li img{ vertical-align:bottom;}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#313131;
}

a:hover, a:active{
outline: none;
color:#6f6f6f;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}


/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
margin:0 auto;
width:880px;
}

#header{
overflow:hidden;
border-bottom:1px solid #EEE;

	background-color: #FC0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF0), color-stop(0.00, #FC0));
	background: -webkit-linear-gradient( #FF0, #FC0);
	background: -moz-linear-gradient(#FF0, #FC0);
	background: -o-linear-gradient(#FF0, #FC0);
	background: -ms-linear-gradient(#FF0, #FC0);
	background: linear-gradient(#FF0, #FC0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0', endColorstr='#FC0', GradientType=0);
	padding-bottom:2px;


}
#header p{ font-weight:bold;}

#content{
float:right;
width:627px;
padding:22px 0 50px;
}

#sidebar{
float:left;
width:233px;
padding:22px 0 50px;
}

#footer{
clear:both;
} 



/*フッター電話ボタン*/
.btn_cal{}
.btn_cal ul{ list-style-type:none;}
.btn_cal ul li{ width:33%; float:left;
margin-right:1px;}
.btn_cal ul li a{
	padding:5px 5px 5px 5px; 
	text-align:center;
	display:block;
	
	background: #4aa543; /* Old browsers */
	background: -moz-linear-gradient(top,  #4aa543 1%, #259129 50%, #298900 51%, #279322 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4aa543), color-stop(50%,#259129), color-stop(51%,#298900), color-stop(100%,#279322)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa543', endColorstr='#279322',GradientType=0 ); /* IE6-9 */
	
	}
.btn_cal ul li a span{
	display:block;
	color:#FF0;
	/*border:1px solid #FF0;*/
	font-weight:bold;
	font-size:12px;
	}	
.btn_cal ul li.btn_contact a{
	padding:0;

	background: -moz-linear-gradient(top,  #9dd53a 0%, #8cce1a 50%, #7cc10d 50%, #7cc10d 61%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#8cce1a), color-stop(50%,#7cc10d), color-stop(61%,#7cc10d), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#8cce1a 50%,#7cc10d 50%,#7cc10d 61%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #9dd53a 0%,#8cce1a 50%,#7cc10d 50%,#7cc10d 61%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9dd53a 0%,#8cce1a 50%,#7cc10d 50%,#7cc10d 61%,#7cbc0a 100%); /* W3C */

	height:64px;

	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	}
/*店舗数によってボタン幅変更*/
/*１店舗分*/
.btn_cal ul li.col1 a{
	line-height:1.1em;
	padding:10px 0 10px 0px;
	height:44px;	
	}
/*２店舗分*/
.btn_cal ul li.col2{ width:66%;}
.btn_cal ul li.col2 a{
	line-height:64px;
	}

/*３店舗分*/
.btn_cal ul li.col3{ width:99%;}
.btn_cal ul li.col3 a{
	line-height:64px;
	}



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

/* サイト説明文
----------------------------------*/


#header{
	padding-top:5px;}
#header h1{
	text-align:center;
	font-weight:bold;
	background:#930;
	padding:3px;
	font-weight:bold;
	color:#FFF;
	font-size:16px;
}





/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
float:left;
padding:20px 5px 15px;
color: #515151;
font-size:160%;
font-weight:bold;
}


#header .sub{ /*width:50%; float:left;*/}
#header .sub span{ font-size:12px; /*display:inline-block;*/}
#header .sub span.tenpo_name{ width:30%; border:1px solid #F00; color:#FFF; background:#DD0003; padding:2px; font-size:11px; text-align:center;}
#header .sub span.time{ font-size:12px; font-weight:bold;}
#header .sub span.teikyu{ font-size:11px;}

		
/* ヘッダ電話関連
----------------------------------*/
#head_info{ margin:0px; border-bottom:1px solid #DDD;}
#head_info{}
#head_info .left{line-height:1.0em; margin-bottom:1px;}
#head_info .right p{line-height:1.1em; margin-bottom:2px;}
#head_info .info1 p,
#head_info .info2 p{ }

#head_info p.tenpo_name{ font-size:10px;}
#head_info p.tel_no{font-family:"Arial Black", Gadget, sans-serif; font-size:15px; font-weight:bold;}
#head_info p.teikyu{font-size:11px;}


#header .rinji{
	background:#F92F32;
	padding:2px;
	color:#FFF;
	line-height:1.1em;
	}


                
/* 電話を掛ける
----------------------------------*/
.contact_box{
	margin-bottom:20px;}
.contact_box{}

.link_tel{
	margin-right:2px;
	}

.link_tel p{
	margin-bottom:1px;
	}
.link_tel p a{
	/*margin:5px;*/
	display:block;
	padding:5px;

	/*	color:#F60;*/
	
	background: #4aa543; /* Old browsers */
	background: -moz-linear-gradient(top,  #4aa543 1%, #259129 50%, #298900 51%, #279322 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4aa543), color-stop(50%,#259129), color-stop(51%,#298900), color-stop(100%,#279322)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa543', endColorstr='#279322',GradientType=0 ); /* IE6-9 */

	
	/*border:solid 1px #DDD;*/
	
	/*
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	*/
	}
.link_tel a span{ font-weight:bold;}
.link_tel a span.icon img{
	vertical-align:bottom;}
.link_tel a span.tel_no{
	display:inline-block;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:15px;
	font-weight:bold;
/*	padding:3px 0 4px 35px;*/
}
.link_tel p span.tenpo_name{
	
	font-size:11px;
	text-align:center;

/*	background:#FFF;*/
	border:#9C0 1px solid;
	padding:0px;
	color:#FF0;
	display:block;
	margin-bottom:1px;

}

.link_tel a:hover{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
.link_tel .muryo{ text-align:center; font-size:12px; font-weight:bold; color:#F00;}

#btn_mail{}


/* 
------------------------------------------------------*/

.sugoi6_box{}

.sugoi6_box ol{
counter-reset:number;/* 名前を付けたカウンターをリセット */
list-style:none;/* olが数字を付けることをキャンセル */
margin:0;
padding:0;
}
.sugoi6_box ol li{
	font-size:16px;
	border-bottom:1px dotted #06C;

	font-weight:bold;
	padding:5px;

	color:#06C;	
	border:#06C 2px solid;
	margin-bottom:3px;

	border-radius:3px;/*CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
	
}
.sugoi6_box ol li:before{
counter-increment:number;/* 任意の名前を付けて！ */
content: counter(number);/* 名前を付けたカウンターを呼び出し */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
padding:0 5px 0 0;

}

.price_box{}

.price_box table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:5px;}
.price_box table th,
.price_box table td{
	font-weight:bold;
	border:1px solid #CCC;
	text-align:center;
	}
.price_box table th{
	background:#FFE27D;
	color:#000;
	line-stacking:1.1em;
	font-size:11px;}
.price_box table td{
	font-size:14px;}

.tokuten_box{
	background:#EEE;
	padding:3px;
	}

.tokuten_box div{
	margin-bottom:3px;
	}
.tokuten_box div h4{
	background:#9C0;
	color:#000;
	font-size:20px;
	text-align:center;
	}
.tokuten_box div p{
	border:1px solid #CCC;
	padding:5px;
	font-size:12px;
	line-height:1.2em;
	background:#FFF;

	}
.chui{ border:1px solid #F00; padding:5px;}
.chui p{ line-height:1.0em;}

#waribiki div{ border:1px solid #F60; margin-bottom:3px; }
#waribiki div *{ font-weight:bold;}
#waribiki div h4{ padding:5px; color:#FFF; background:#F60;}
#waribiki div p{ margin:0 10px;}
#waribiki div .hosoku1{ font-size:12px;}
#waribiki div .num{ font-size:14px;	text-align:center;}
#waribiki div .num span{ font-family:"Arial Black", Gadget, sans-serif; font-size:25px; color:#C00;}
#waribiki div .hosoku2{ font-size:12px;}



#waribiki .saidai{
	border:2px solid #F00;
	background:#FF0;
	
	text-align:center;

	padding:10px;
	margin-bottom:5px;
	}
#waribiki .saidai p{
	font-weight:bold;
	font-size:15px;
	margin:2px;
	padding:0;
	}
#waribiki .saidai .num{
	color:#F00;
	font-size:22px;  
	}	
#waribiki .saidai .num span{
	color:#F00;	
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:36px;}



/*地図関連*/
#map .btn_map_up{
	text-align:center;

	}
#map .btn_map_up a{
	display:inline-block;
	padding:2px 5px;
	color:#00B3FF;
	font-weight:bold;
	border-bottom:2px solid #00B3FF;
	}	






@media only screen and (max-width: 300px){
}



/* コンタクト
----------------------------------*/
.contact{
float:right;
padding:10px 0 0;
text-align:right;
color:#000;
font-size:90%;
}

.contact .tel{
margin-bottom:-3px;
font-size:180%;
font-family:Arial, Helvetica, sans-serif;
}





/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
h2{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
color:#000;
border:1px solid #d5d5d5;
border-bottom:0;
background:#fff url(../images/headingBg.png) repeat-x 0 100%;
margin-bottom:5px;
line-height:1.1em;
}

.dateLabel{
text-align:right;
font-weight:bold;
color:#858585;
}

.post p{}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(../images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
border-bottom:3px solid #000;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color: #333;
border-bottom:2px solid #515151;
}

.post h3{
margin:10px 0;
font-size:100%;
font-weight:normal;
color:#2e2c2c;
border-bottom:1px solid #515151;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:7px;
border: #ccc solid;
border-width: 0 0 1px 1px;
background:#efede7;
font-size:12px;
}

.post table td{
padding:7px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
font-size:12px;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
margin: 10px 10px 15px 15px;
display:inline;
}

img.alignleft{margin:10px 15px 15px 10px;}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}






/* フッター
*****************************************************/
#footer ul{
padding:15px 0 25px;
text-align:center;
}

#footer li{
display:inline-block;
padding: 5px 16px;
border-left:1px dotted #d5d5d5;
}
*:first-child+html #footer li{display:inline;}

#footer li:first-child{border:0;}

#footer li a{
text-decoration:none;
color:#000;
}

#footer li a:hover{color:#999;}

#footer ul ul{display:none;}

#copyright{
clear:both;
padding:10px 0 37px;
text-align:center;
color:#000;
font-size:10px;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}





/* 汎用
------------------------------------------------------------*/


.clrfix{
	zoom:100%;
	clear:both;
}
.clrfix:after{
	content:"";
	display:block;
	clear:both;
}
.clrfix .left{
	float:left;
	}
.clrfix .right{
	float:right;
	}

.box25{ width:24%;}
.box75{ width:74%;}
.box30{ width:29%;}
.box70{ width:69%;}
.box50{ width:49%;}
.box40{ width:39%;}
.box60{ width:59%;}
.box65{ width:64%;}
.box35{ width:34%;}

.bnr3r{ }
.bnr3r p{ float:left; width:33%; display:inline;}
.bnr3r p img{ width:100%;}



/*タブ切替メニュー*/
.tab{ 
	overflow:hidden;
	clear:both;
	zoom:100%;
	}
.tab:after{
	content:"";
	display:block;
	clear:both;
}
.tab li{ float:left; width:25%; display:inline;}

.tab3c li{ width:33%;}

.tab li img{ width:100%;}
.tab li{}
.tab li.select{
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;	
}
.tab li.btn_sugoi6{
	clear:left;
	font-size:11px; font-weight:bold;
	text-align:center;
	color:#000;
	width:100%;
	padding:4px 3px;
	margin-bottom:3px;

	background-color:#FC0;
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00,  #F90), color-stop(0.00, #F60));
	background: -webkit-linear-gradient(#F90, #F60);
	background: -moz-linear-gradient(#F90, #F60);
	background: -o-linear-gradient(#F90, #F60);
	background: -ms-linear-gradient(#F90, #F60);
	background: linear-gradient(#F90, #F60);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F90', endColorstr='#F60', GradientType=0);
	*/
	border:1px solid #EEE;
	
	}
.tab_content section{}
.tab_content .hide{display:none;}



/*PC用汎用ボタン*/
.btn_pc_bnr{
	margin:5px 0px;
	}
.btn_pc_bnr a{
	padding:12px;
	display:block;
	color:#FFF;
	font-weight:bold;
	line-height:1.1em;
	
	background-color: #F60;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00,  #F90), color-stop(0.00, #F60));
	background: -webkit-linear-gradient(#F90, #F60);
	background: -moz-linear-gradient(#F90, #F60);
	background: -o-linear-gradient(#F90, #F60);
	background: -ms-linear-gradient(#F90, #F60);
	background: linear-gradient(#F90, #F60);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F90', endColorstr='#F60', GradientType=0);


}

.mb0{ margin-bottom:0;}
.txt{ margin:5px;}
.t11{ font-size:11px;}
.t12{ font-size:12px;}
.t13{ font-size:13px;}
.R{ text-align:right !important;}
/* 400px以下から 1カラム表示
------------------------------------------------------------*/
/*@media only screen and (max-width: 400px){*/
  #wrapper, .inner{width:100%;}

	#header{width:96%;padding:0 2%;}
	
	.contact{padding:10px 0 10px;}

  nav#mainNav{width:95%;}

	nav#mainNav ul{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}

	nav div.panel{float:none;}
	
	#mainImg img{width:98%;height:auto;}

	#content, #sidebar{
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}
	
	.banner{width:100%;margin:0 auto;text-align:center;}
  p.banner img{width:100%;height:auto;}
	
	section.widget_search{text-align:center;}
	
	#footer li{margin-bottom:10px;}
	
/*}*/

/* 400px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 400px){
	#logo img{  width:100%;}
/*h1 img{  width:100%;}*/
  #wrapper, .inner{width:100%;}

	#header{width:96%;padding:0 2%;}
	
	.contact{padding:10px 0 10px;}

  nav#mainNav{width:95%;}

	nav#mainNav ul{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}

	nav div.panel{float:none;}
	
	#mainImg img{width:98%;height:auto;}

	#content, #sidebar{
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}
	
	.banner{width:100%;margin:0 auto;text-align:center;}
  p.banner img{width:100%;height:auto;}
	
	section.widget_search{text-align:center;}
	
	#footer li{margin-bottom:10px;}
	
}



/*PCへ戻るボタン*/
.display_pc{
	padding:5px;
	}
.display_pc a{
	
	display:block;
	
	background:#000000;
	font-size:30px;
	padding:150px 0;
	color:#FFF;
	text-align:center;
	

	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	
	}
	
.display_pc a:hover{
	
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	
	}