@charset "UTF-8";

/* スマートフォン */

#ie,
.inner{
	display:none;
}
header{
	width:100%;
	position:static;
}
header p#Left{
	font-size:11pt;
	text-align:center;
	position:static;
	padding-top:10px;
}
header h1{
	font-size: 30pt;
	margin: 5px 0px 0px;
	text-align: center;
}

/*.picture li{
	float:left;
}*/
#newshop{
	clear:both;
	width:100%;
	font-size:90%;
}
#newshop #big{
	font-size:100%;
}
#newmap img{
	width:100%;
	height:auto;
	position:static;
}

.picture img,
nav ul{
	width:100%;
	height:auto;
}
#image p{
	position:static;
	font-size:15px;
	color:#fff;
}
#image .picture img{
	border:none;
}
nav li{
	margin:0 auto;
	float:none;
	border:none;
	border-bottom:dotted;
}
.polite,.polite2{
	display:none;
}
#price .table{
	float:none;
	margin:0 auto;
	width:100%;
}
table,
hr{
	width:100%;
}
h3{
	width:90%;
	margin:0 auto 10px;
}
#staff section{
	display:none;
}
#staff2{
	display:block;
}
#staff2 table tr:first-child th:first-child {
	border-radius: 10px 10px 0 0;
}
#staff2 table tr:last-child th:last-child {
	border-radius: 0 0 10px 10px;
}
#staff2 table tr:not(:last-child) th{
	border-bottom-style: hidden;
}
#staff2 section{
	margin-bottom:50px;
	font-size:14px;
}
#staff2 h3 span{
	font-size:90%;
	margin-left:10px;
}
#staff2 p{
	font-size:85%;
	margin-bottom:5px;
}
#staff2 .red{
	color:red;
}
span.bold{
	cursor:pointer;
	font-weight:bold;
	color:#00f;
	text-decoration:underline;
	margin-left:10px;
}
span.strong{
	font-weight:bold;
	color:red;
}
/* [iframe]を囲む要素 */
#map
{
	width: 100% ;
	max-width: 560px ;			/* 最大の横幅 */
	height: 0 ;					/* 高さは0にする */
	padding-bottom: 56.25% ;	/* 横幅に対する縦幅の比率 */
	position: relative ;

	margin-top:0;
}
/* [ifram] */
#map iframe{
	margin:0 auto;
	width: 80% ;		/* 親要素の余白いっぱい */
	height: 100% ;		/* 親要素の余白いっぱい */
	margin: 0 ;			/* 余白 */
	padding: 0 ;		/* スペース */
	position: absolute ;
	top: 0 ;
	left: 30px ;
}
address{
	font-size:14px;
	font-style:normal;
}
#map_down{
	font-size:16px;
}
footer{
	width:100%;
	height:auto;
}
small{
	font-size:12px;
}
.tooltip{
	width:auto;
	height:100px;
}
#pp{
	margin:0 auto;
	width:100%;
	text-align:left;
}
#pp::before{
	content:'▼';
	display:block;

}
#policy{
	font-size:80%;
	width:80%;
	height:auto;
	padding-left:30px;
	padding-right:50px;
}
#pT{
	width:100%;
	text-align:right;
}
#root ul{
	width:100%;
}
#root li img{
	width:70%;
	height:auto;
	display:block;
	margin:0 auto 5px;
}
.practit img{
	border-radius: 0px;
}


.HiddenCheckbox {
  display: none;
}
.MenuContainer {
  display: inline-block;
  margin: -25px 5px 10px 5px;
}
.MenuHeader {
  color: #999999;
  display: inline-block;
  float: left;
  font-weight: 100;
  line-height: 30px;
  margin: 0 0 0 15px;
  opacity: 0;
  position: relative;
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
  transition: transform 0.6s, opacity 0.5s;
  z-index: 2;
}
.MenuIcon {
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  width: 30px;
  z-index: 3;
}
.MenuIcon::before {
  -webkit-box-shadow: #999999 0 12px 0;
  box-shadow: #999999 0 12px 0;
  height: 6px;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  width: 30px;
}
.MenuIcon::after {
  bottom: 0;
  height: 6px;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  width: 30px;
}
.MenuIcon::before,
.MenuIcon::after {
  background: #999999;
  display: block;
  content: '';
  position: absolute;
  -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
  transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
}
.Menu {
  background: #333;
  bottom: -130px;/*boxの長さ*/
  left: -90%;
  position: absolute;
  top: -20px;/*文章の位置*/
  width: 90%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}
.HiddenCheckbox:checked ~ .MenuHeader {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.HiddenCheckbox:checked ~ .MenuIcon::before {
  -webkit-box-shadow: transparent 0 0 0;
  box-shadow: transparent 0 0 0;
  -webkit-transform: rotate(45deg) translate3d(6px, -3px, 0);
  transform: rotate(45deg) translate3d(6px, -3px, 0);
}
.HiddenCheckbox:checked ~ .MenuIcon::after {
  -webkit-transform: rotate(-45deg) translate3d(6px, 3px, 0);
  transform: rotate(-45deg) translate3d(6px, 3px, 0);
}
.HiddenCheckbox:checked ~ .Menu {
  left: 0;
}
.Menu-list {
  list-style-type: none;
  margin: 100px 0 0;/*上からの位置*/
  padding: 0;
}
.Menu-item {
  text-align:center;
  color:#FFF;
}
.Menu-list li:nth-of-type(2){
	text-decoration:underline;
}
.Menu-link {
  color: #fff;
  display: block;
  overflow: hidden;
  padding: 8px 22px;
  position: relative;
  text-decoration: none;
  z-index: 1;
}
.Menu-link::before {
  background: #444;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: 0;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
  z-index: -1;
}
.Menu-link::after {
  content: attr(href);
  color: #fff;
  float: right;
  opacity: 0;
  -webkit-transition: opacity 0.8s, -webkit-transform 0.4s;
  transition: opacity 0.8s, transform 0.4s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.Menu-link:hover::before {
  right: 0;
}
.Menu-link:hover::after {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bunsyo {
	display:block;
}
.bunsyo2 {
	font-family: 'Open Sans', sans-serif;
	display:block;
}