/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address{margin:0; padding:0; font-size: 12px; line-height: 1.5; color: #333333;}
body{font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; letter-spacing: 0.05em;}
ul{margin: 0;}
li{list-style: none;}
img{vertical-align: top;}
a{color: #333;}
a:hover img{opacity: 0.5;}
a:link{text-decoration: none; color: #333;}
a:visited{color: #333;}
a:hover{color: #999; text-decoration: none;}
.img-ow{margin: 0 auto;}
.mt10{margin-top: 10px;}
.dis_pc{display: none;}
@media only screen and (min-width: 768px) {
	.dis_sp{display: none;}
	.dis_pc{display: block;}
}
@media only screen and (min-width: 992px) {
	.container{width: 980px;}
}
@media only screen and (min-width: 1100px) {
	.container{width: 1030px;}
}


/*common*/
header{background-color: #fff; padding: 10px 0 0;}
header .head_in{padding: 0 15px;}
header .head_in .logo{float: left;}
header .head_in .logo img{width: 65px;}
header .head_in .tel{display: none;}
header .head_in p{position: absolute; top: 22px; right: 15px;}
header button{width: 50px; height: 39px; cursor: pointer; outline: none; background-color: #4b9ee5; position: relative; border: none; border-radius: 3px;}
header button:after{content: ''; position: absolute; width: 80%; height: 3px; background-color: #fff; top: 8px; left: 10%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;}
header .gmenu li a{display: block; text-align: center; font-size: 13px; line-height: 1;}
table{border-collapse: collapse; width: 100%; margin: 5px 0 15px;}
table th,
table td{border:1px solid #d7d7d7; width: 8%; text-align: center; padding: 10px 0; font-size: 12px;}
table th{background-color: #f3f3f3;}
table th.title{width: 34%;}
table td{background-color: #fff;}
footer{padding-bottom: 54px;}
footer .foot_text{background: url(../images/bg_foot_text.gif); padding: 20px 0 15px;}
footer .foot_text h2{margin-bottom: 20px;}
footer .foot_text h2 img{max-width: 90%}
footer .foot_text p{color: #fff; text-align: center; font-size: 14px; letter-spacing: 1px; line-height: 24px;}
footer .info_col{margin-top: 30px;}
footer .info_col li{font-size: 15px; float: left;}
footer .info_col li:last-child{float: right;}
footer .info_col h3{font-size: 15px; font-weight: bold;}
footer .info_col a{text-align: center; display: block; border-radius: 5px; color: #fff; padding: 10px 0; line-height: 1; font-size: 12px; border:1px solid #d5d5d5;
	background: #535353;
	background: -moz-linear-gradient(top,  #535353 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top,  #535353 0%,#333333 100%);
	background: -o-linear-gradient(top,  #535353 0%,#333333 100%);
	background: -ms-linear-gradient(top,  #535353 0%,#333333 100%);
	background: linear-gradient(to bottom,  #535353 0%,#333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#333333',GradientType=0 );
}
.nend{font-size: 13px; font-weight: bold; margin-bottom: 15px; color: #c10000;}
footer .copyright{border-top: 1px solid #e2e2e2; padding:10px 0; text-align: center; margin-top: 30px; font-size: 10px; font-weight: bold; letter-spacing: 0;}
.foot_tel{position: fixed; left: 0; bottom: 0; width: 100%; background-color: #e5f3ff; padding: 10px 15px;/* border-top: 2px solid #e2e2e2;*/}
.foot_tel li{float: left; width: 47%;}
.foot_tel li:first-child{margin-right: 6%;}
.foot_tel a{text-align: center; display: block; border-radius: 5px; color: #fff; padding: 10px 0; line-height: 1; font-size: 14px; background-color: #4b9ee5;}

/*home*/
.home .contents{background: url(../images/bg_contents.gif) repeat-x #f5f5f5 top; }


/*sub common*/
.page_title{padding: 15px; background: url(../images/bg_page_title.gif) repeat-x #4b9ee5; margin-bottom: 20px;}
.page_title h2{color: #fff; font-size: 16px;}

/*shop*/
.shop .shop_col#oozu{margin-top: 50px;}
.shop .shop_col h3{font-size: 16px; font-weight: bold;}
.shop .shop_col h3 i{color: #4b9ee5;}
.shop .shop_col p{margin-top: 5px;}
.shop .shop_col .btn_map a{display: block; width: 100%; margin-top: 10px; color:  #fff; text-align: center; padding: 10px 0; line-height: 1; border-radius: 4px; font-size: 13px; border:1px solid #d5d5d5;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #444444 50%, #333333 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(50%,#444444), color-stop(50%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#444444 50%,#333333 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#444444 50%,#333333 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#444444 50%,#333333 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #333333 0%,#444444 50%,#333333 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}
.shop .shop_col h4{text-align: center; border-top: 1px dotted #d7d7d7; border-bottom: 1px dotted #ccc; padding: 10px 0; font-size: 20px; line-height: 1; margin: 20px 0;}
.shop .shop_col h4 span{font-size: 13px;}
.shop .shop_col .right .btn_map{display: none;}


/*price*/
.price .contents .price_col{margin-bottom: 30px;}
.price .contents h3{font-size: 16px; font-weight: bold; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.price .contents h3 i{color: #4b9ee5;}
.price .contents p{font-size: 14px;}


/*access*/
.access .shop_col{margin-bottom: 30px;}
.access .shop_col h3{font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.access .shop_col h3 i{color: #4b9ee5;}
.access .shop_col p{line-height: 22px;}
.access .shop_col .map_area{width: 100%; height: 250px; margin-top: 20px;}


@media only screen and (max-width: 767px) {
	/*common*/
	header .gmenu{margin-top: 10px;}
	header .gmenu nav{display: none; position: absolute; width: 100%; z-index: 100;}
	header .gmenu li{border-bottom: 1px solid #bbdbf7;}
	header .gmenu li a{width: 100%; padding: 15px 0; background-color: #4b9ee5; color: #fff;}
}


@media only screen and (min-width: 768px) {
	/*common*/
	header{padding: 10px 0 20px;}
	header .head_in .logo img{width: 117px;}
	header .head_in .tel{float: right; margin-top: 15px; display: block;}
	header .head_in .tel li{float: left;}
	header .head_in .tel li:first-child{margin-right: 15px;}
	header .head_in p{display: none;}
	header .gmenu{margin-top: 20px; padding: 0 15px;}
	header .gmenu li{width: 25%; border-left: 2px solid #d6d6d6; float: left;}
	header .gmenu li:last-child{border-right: 2px solid #d6d6d6;}
	header .gmenu li a{font-size: 15px; padding: 5px 0; font-weight: bold;}
	header .gmenu li a:hover{color: #4b9ee5;}
	header .gmenu li.active a{color: #4b9ee5;}
	table th,
	table td{font-size: 13px;}
	footer{padding-bottom: 0;}
	footer .foot_text{padding: 30px 0 25px;}
	footer .foot_text p{font-size: 16px; letter-spacing: 2px; line-height: 32px;}
	footer .shop_info{margin-top: 40px;}
	footer .shop_info .left{float: left; margin-right: 2%;}
	footer .shop_info .right{float: right; margin-left: 2%;}
	footer .info_col{width: 48%; margin-top: 0;}
	footer .info_col li{font-size: 18px;}
	footer .info_col h3{font-size: 18px;}
	footer .info_col a{width: 100%; font-size: 13px;}
	footer .copyright{margin-top: 40px; padding: 20px 0; letter-spacing: 0.05em;}
	.foot_tel{display: none;}

	/*sub common*/
	.page_title{padding: 30px 15px;}
	.page_title h2{font-size: 18px;}

	/*shop*/
	.shop .shop_col#oozu{margin-top: 100px;}
	.shop .shop_col li{float: left;}
	.shop .shop_col h3{font-size: 18px;}
	.shop .shop_col p{font-size: 13px;}
	.shop .shop_col .left .btn_map{display: none;}
	.shop .shop_col h4{font-size: 26px; margin: 20px 0 30px;}
	.shop .shop_col h4 span{font-size: 16px;}
	.shop .shop_col table{margin-bottom: 0;}
	.shop .shop_col .right .btn_map{display: block;}
	.shop .shop_col .right .btn_map a{margin: 0 0 20px; padding: 15px 0;}

	/*price*/
	.price .contents .price_col{margin-bottom: 50px;}
	.price .contents h3{font-size: 18px;}
	.price .contents p{font-size: 14px;}

	/*access*/
	.access .shop_col{margin-bottom: 60px;}
	.access .shop_col h3{font-size: 18px; margin-bottom: 10px;}
	.access .shop_col p{font-size: 14px;}
	.access .shop_col .map_area{height: 350px;}
}


@media only screen and (min-width: 992px) {
	/*common*/
	.slider{width: 100%; margin: 0 auto;}
	footer .shop_info .left{margin-right: 15px;}
	footer .shop_info .right{margin-left: 15px;}
	footer .info_col{width: 460px;}
	footer .info_col a:hover{opacity: 0.7;}

	/*sub common*/
	.page_title{margin-bottom: 40px;}
	.page_title h2{font-size: 22px;}

	/*shop*/
	.shop .shop_col .left{padding-right: 50px;}
	.shop .shop_col .right{padding-left: 50px;}
	.shop .shop_col .left .btn_map{display: block;}
	.shop .shop_col .btn_map{float: right; display: block;}
	.shop .shop_col .btn_map a{width: 150px; padding: 15px 0; margin-top: 0;}
	.shop .shop_col .btn_map a:hover{opacity: 0.7;}
	.shop .shop_col .right .btn_map{display: none;}



	/*access*/
	.access .shop_col{margin-bottom: 80px;}
	.access .shop_col .map_area{height: 400px;}
}


@media only screen and (min-width: 1100px) {
	/*common*/
	header .head_in{width: 1000px; margin: 0 auto; padding: 0;}
	header .gmenu{width: 1000px; margin: 20px auto 0; padding: 0;}
	.slider{width: 1000px; margin: 0 auto;}
	footer .shop_info .left{margin-right: 20px;}
	footer .shop_info .right{margin-left: 20px;}
	footer .info_col{width: 480px;}
	footer .info_col a{width: 480px;}

	/*sub common*/
	.page_title h2{width: 1000px; margin: 0 auto;}
}