/* CSS Document */

.showPC { display: block; }
.showSP { display: none; }


div#main h3#greetingTitle {
  margin-bottom: 0;
  font-weight: bold;
}

.linkBtn {
  text-align: center; 
}
.linkBtn a {
  margin: 0.5em;
  display: inline-block;
	background: #e94f0c;
  color: #fff;
  text-align: center;
  padding: 8px 30px;
  border-radius: 8px;
  text-decoration: none;
}

/* 解像度が769px以下の端末で読み込むcss */
@media screen and (max-width: 768px) {
/*
	box-sizing: border-box;
*/
  .parent {
    width: 95%;
    margin: 0 auto;
  }
 
	img {
		width: auto;
    height: auto;
		max-width: 100%;
	}
	map {
		display: none;
	}
	div.inner {
	  max-width: 100%;
	}
	div#header {
		background: none;
		height: auto;
	}
	div#header h1 {
		width: 100%;
		max-width: 100%;
		float: none;
		text-align: center;
	}
	div#header div.info {
		width: 100%;
		max-width: 100%;
		float: none;
		text-align: center;
	}
  div#nav ul {
    width: 100%;
  }
  
	div#mainvisual p {
		width: 100%;
	   max-width: 100%;
    margin: 15px 0;
	}
	.mean-container .mean-nav ul li img {
		display: none;
	}
	
	.mean-container .mean-nav ul li a:before {
		content: attr(title);
	}
	div#content {
		width: 100%;
		max-width: 100%;
	}
	div#main {
		width: 100%;
		float: none;
	}
  div#main h2 {
		width: 95%;
		max-width: 100%;
    margin: 0 auto 15px auto;
    box-sizing: border-box; 
  }
  div#main h3 {
		width: 95%;
		max-width: 100%;
    margin: 0 auto 15px auto;
    box-sizing: border-box;
    background-size: auto 100%;
    height: auto;
    padding: 0.5em 0.5em 0.5em 1.5em;
    font-size: 1rem;
    line-height: 1.4;
  }
  div#main h4 {
		width: 95%;
		max-width: 100%;
    margin: 0 auto 15px auto;
    box-sizing: border-box; 
  }
  div#main h2 img {
   width: 100%;
    height: auto;
  }
	div#main .top_greet {
		float: none;
    padding: 15px;
    width: 95%;
    margin: 0 auto 15px auto;
    box-sizing: border-box;
	}
  div#main p {
		width: 95%;
		max-width: 100%;
    margin: 0 auto !important;
    box-sizing: border-box;
    padding: 0.5em;
  }
	div#side {
    margin: 0 auto;
		float: none;
    width: 95%;
	}
  #sideNav {
    text-align: center;
  }
  
	div#side #sideBox {
    width: 90%;
    max-width: 400px;
    margin: 15px auto;
	}
  div#side #sideBox h3 {
		width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
    box-sizing: border-box; 
  }
	div#side #sideBox h3 img {
		width: 100%;
  }
	.wn {
		width: 95%;
		max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
	}
	.wn dl {
		margin: 0 auto;
		padding: 0;
		width: 95%;
	}
	.wn dl dt,
  .wn dl dd {
    float: none;
		margin: 0 auto;
		padding: 10px 10px 10px 20px;
		width: 100%;
    box-sizing: border-box;
  }

  div#main .top_catch {
      width: 95%;
      margin: 0 auto 15px auto;
  }
  div#main .top_catch h3 {
    width: 100%;
    margin: 0 0 20px 0;
  }
  div#main .top_catch h3 img {
    width: 100%;
  }
  .flr,
  .fll {
      float: none;
      text-align: left;
  }
  div#footer {
    height: auto;  
  }
  div#footer .inner {
      width: 95%;
    height: auto;
      margin: 0 auto 0 auto;
    text-align: center;
  }
  
  table.count {
    width: 95%;
    margin: 15px auto;
  }
  
  dl.priceList {
      width: 95%;
      margin: 10px auto;
  }
  
  #FrogJS {
      width: 95%;
      margin: 15px auto;
    box-sizing: border-box;
  }
  #FrogJSMainContainer {
		max-width: 100%; 
  }
  #FrogJS img{
		max-width: 100%;
    height: auto;
  }
	.showPC { display: none; }
	.showSP { display: block; }
	
	form table {
		width: 95% !important;
		max-width: 100% !important;
    	margin: 0 auto !important;
	}
	#shozoku {
		width: 100%;
	}

	#yakusyoku {
		width: 100%;
	}

}