/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/


thead th,
tbody th{
font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Arimo", arial, verdana, sans-serif;
}

.menu{
font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
font-family: "Arimo", arial, verdana, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#313131;
background:#fff;
font-family: "Times New Roman","游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;;
font-size:16px ;
font-size:1.6rem;
/*font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
line-height:1.8;
}

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

.sp_tb30{
	margin:30px 0px ;
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0;
border:1px solid #ccc;
}

#footer{
background:url(../img/bg_map.jpg);
text-align:center;
padding:20px 20px 100px 20px;
margin:0;
text-align:left;
font-family: Arial, Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
}

#footer .grid{
	background:#FFF;
	padding:15px ;
}

#gmap{
	margin:0px ;
	padding:0px ;
	width:100%;
	height:400px ;
}

	#link-top{
	display:none;
	}

.shopname{
	font-size:23px ;
	font-weight:600;
}

.callout{
background:#79A0A2;/*#86dc00;*/
padding:1.5rem;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:blk;
font-size:20px ;
font-size:2rem;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}


/* ---------------------------------------------------- */
/* BASE BTN
/* ---------------------------------------------------- */

.btn {
	display: inline-block;
	text-decoration: none;
	outline: none;
	border:none;
	margin:5px 0px ;
	padding:8px  10px 8px 15px;
	cursor: pointer;
	cursor: hand;
	border-radius: 20px;	
	-webkit-border-radius: 20px;	
	-moz-border-radius: 20px;
	width:100%;
	max-width:250px ;
	line-height:1;
	border:#CCC 1px solid;
	color:#FFF;
	font-size:14px ;
	font-size:1.4rem;
}
.btn:before{
  content: "\f101";
  font-family: FontAwesome;
	color:#313131;
	padding-right:8px ;
	font-weight: normal;
  font-style: normal;
  display: inline-block;
}

.btn:after {
	position: absolute;
	z-index: -1;
	display: block;
  content: "";
}
.btn,
.btn::before,
.btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn{
	background: #fff;
}
.btn:hover {
	background-color: #ddd;
}

.btn a{
	color:#313131;
text-decoration:none;
}


.btn i {
	padding-right:6px ;
vertical-align: 0;
}

.btn:before {
}

/* ---------------------------------------------------- */
/* BASE BTN BLUE
/* ---------------------------------------------------- */

.blue_btn {
	display: inline-block;
	text-decoration: none;
	outline: none;
	border:none;
	margin:20px 0px ;
	padding:12px  20px;
	cursor: pointer;
	cursor: hand;
	border-radius: 4px;	
	-webkit-border-radius: 4px;	
	-moz-border-radius:4px;
line-height:1;
text-align:center;
}
.blue_btn:before{
  content: "\f101";
  font-family: FontAwesome;
	color:#313131;
	padding-right:8px ;
	font-weight: normal;
  font-style: normal;
  display: inline-block;
}

.blue_btn:after {
	position: absolute;
	z-index: -1;
	display: block;
  content: "";
}
.blue_btn,
.blue_btn::before,
.blue_btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.blue_btn{
	background: #CDEFF0;
}
.blue_btn:hover {
	background-color: #A5E0E2;
}

.blue_btn a{
	color:#313131;
text-decoration:none;
}


.blue_btn i {
	padding-right:6px ;
vertical-align: 0;
}

@media only screen and (max-width:570px) {
.blue_btn {
width:100% ;
}
}

/* ---------------------------------------------------- */
/* QA
/* ---------------------------------------------------- */

dl#qa{
	margin:0px ;
	padding:0px ;
	font-family: Arial, Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;

}

dl#qa dt{
	margin:0px ;
	padding:15px 0px;
	font-weight:500;
	font-size:23px ;
	font-size:2.3rem;
	border-top: 1px dotted #999;
	color: #79A0A2;
}

dl#qa dd{
	margin:0px ;
padding-bottom:60px ;
}

dl#qa dd ul{
	margin:20px 20px 20px 40px ;
	padding:0px ;
}

dl#qa dd li{
	margin:0px ;
	padding-bottom:10px ;
	list-style:disc;
}

@media only screen and (max-width:570px) {
dl#qa dt{
font-size:18px ;
	font-size:1.8rem;
	padding-bottom:5px ;
}
dl#qa dd{
	margin:0px ;
padding-bottom:20px ;
}
}

/* ---------------------------------------------------- */
/* PAGE TOP
/* ---------------------------------------------------- */

#page-top {
    position: fixed;
		bottom:20px ;
		right:20px ;
    font-size: 12px;
		font-size:1.2rem;
	 z-index:2000;
		 line-height:1;
		 text-align:center;
}
#page-top a {
	display:inline-block;
	width:70px ;
  background:#fff;
	border:#79A0A2 1px solid;
  text-decoration: none;
  color: #79A0A2;
  padding: 20px 0;
  text-align: center;
	border-radius: 70px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
}
#page-top a:hover {
    text-decoration: none;
    background: #79A0A2;
		border:#79A0A2 1px solid;
		color:#FFF;
}

/* ---------------------------------------------------- */
/* Table maintabe
/* ---------------------------------------------------- */


#price_table {
  border-collapse: collapse;
  width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#price_table th{
	background:#eee;
  padding: 10px;
  border-bottom: 1px solid #ccc;
	border-right: 1px dotted #ccc;
	width:20%;
}

#price_table td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 400px) {
#price_table {
    border-top: 1px solid #ccc;
  }
#price_table td {
    display: block;
    text-align: center;
		border-bottom: 1px solid #ccc;
  }
#price_table th {
    display: block;
    border-bottom: 1px solid #ccc;
		text-align:center;
		width:100%;
  }
}

/* ---------------------------------------------------- */
/* company
/* ---------------------------------------------------- */
@media only screen and (max-width:570px) {
dl.company {
    width: 100%;
        background-color: #fff;
				  border-bottom: 1px dotted #999;
    }
    
dl.company dt {
        float: none;
        padding: 10px 15px;
				border-top: 1px dotted #999;
				background-color: #eee; /* 背景色を指定 */
    }
    
dl.company dd {
        padding: 10px 0px;
    }
}

@media only screen and (min-width: 571px) {
dl.company {
    width: 100%;
		margin:0px auto;
			background: none;
			  border-top: 1px dotted #999;
    }
        
dl.company dt {
        float: left;
        padding: 10px 0px;
			width:180px ;
    }
    
dl.company dd {
	margin-left:0;
        padding-left: 230px; /* dtの分、左にpaddingを取る */
       border-bottom: 1px dotted #999;
        padding: 10px 0px;
    }

}

/* ---------------------------------------------------- */
/* img
/* ---------------------------------------------------- */

img.img_flame{
	margin:0px 0px 10px 0px ;
	padding:5px ;
	border:#CCC 1px solid;
}

/* ---------------------------------------------------- */
/* noukotsu_detail
/* ---------------------------------------------------- */
.noukotsu_detail{
	margin-bottom:15px ;
	padding:5px 20px 20px 20px;
	font-family: Arial, Roboto,"Droid Sans","游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
		background:#eee;
		border-radius: 10px;   
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
}

.noukotsu_detail p{
	font-weight:700;
	border-bottom:#666 1px solid;
}
.noukotsu_detail ul{
	margin-left:30px ;
}

.noukotsu_detail li{
	list-style:disc;
}

.btn_center{
	display:block;
	text-align: center;
	width:170px ;
	margin: 20px auto;
}