@charset "UTF-8" ;

/*このページのみ、目次と画像の間を調整*/
body{
margin-top: 50px;
}

/*左右フル画面*/
.contents-full{
width: 100%;
margin: 0 auto;
margin-bottom: 30px;
}
.contents-full:after{
content: "";
display: block;
clear: both;
}

/* Google Mapの横幅を指定するための要素 */
.map-wrap {
  max-width: 100%; /* ここに横幅を指定 */
}
 
/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 20%; /* 比率を4:3に固定するとき75％に */
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*contentsの中の大枠*/
.shop{
width:100%;
margin: 25px auto;
}

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

/*shopの中-画像*/
.shopgazo-one{
text-align: center;
}

.shopgazo-one img{
width: 100%;
margin: 0;
}


/*shopの中-幅100％のまま*/
.shop-one{
text-align: center;
margin: 15px 0;
}

.shop-one:after{
content: "";
display: block;
clear: both;
}

.shop-one h1{
font-size: 30px;
font-family: serif;
padding: 15px 20px 5px;
margin: 0;
text-align: center;
}

.shop-one p{
font-size: 16px;
padding: 0 20px;
font-family: serif;
text-align: center;
}

/*shopの中-幅50％*/
.shop-50{
width:50%;
margin: 0 auto;
}

.shop-50:after{
content: "";
display: block;
clear: both;
}

.shop-50 h2{
font-size: 25px;
color: darkred;
font-family: serif;
padding: 15px 20px 0px;
margin: 0 5px 0;
border-bottom: 2px darkred solid;
text-align: center;
}

.shop-50 p{
font-size: 16px;
padding: 0 20px;
font-family: serif;
text-align: left;
}

.shop-50 img{
width: 100%;
}

.shop-50-left{
font-size: 16px;
font-family: serif;
padding: 0 20px 0 0;
}

.shop-50-right{
font-size: 16px;
font-family: serif;
padding: 0 0 0 20px;
}


/*左右カラム*/
.shop-left{
float: left;
width: 50%;
}

.shop-right{
float: right;
width: 50%;
}

/*PDFへのリンク*/
.menu-pdf-left{
text-align: right;
margin: 60px 10px 60px;
}

.menu-pdf-right{
text-align: left;
margin: 60px 10px 60px;
}

.menu-pdf-left a,.menu-pdf-right a{
color: #666;
padding: 30px 30px;
background-color: #fff;
border: 3px solid #666;
text-decoration: none;
font-weight: bold;
}

.menu-pdf-left a:hover,.menu-pdf-right a:hover{
color: #fff;
background-color: #999;
}

/*カレンダーへのリンク*/
.calendar_pdf{
margin: 30px 10px;
}

.calendar_pdf a{
color: #fff;
padding: 7px 40px;
background-color: darkred;
text-decoration: none;
font-weight: bold;
font-family: serif;
}

.calendar_pdf a:hover{
color: #fff;
background-color: #999;
}


/*その他*/
.tel-rink a{
font-size: 20px;
font-weight: bold;
color: #333;
text-decoration: none;
}

.shop-mini{
font-size: 70%;
vertical-align:top;
}



/*テイクへのリンク*/
.link_menu{
margin: 30px 10px;
margin-top: 5px;
}

.link_menu a{
color: #fff;
padding: 7px 30px;
background-color: #333;
text-decoration: none;
font-weight: bold;
font-family: serif;
}

.link_menu a:hover{
color: #fff;
background-color: #999;
}


/*-------------------------
横幅1000以上
-------------------------*/
@media(min-width:1000px){


}

/*-------------------------
横幅1000以下
-------------------------*/
@media(max-width:1000px){


/* Google Mapの横幅を指定するための要素 */
.map-wrap {
  max-width: 100%; /* ここに横幅を指定 */
}

/* Google Mapを囲う要素 */
.map {
  padding-top: 75%; /* 比率を4:3に固定するとき75％に */
}

.shop-one h1{
font-size: 25px;
}

.shop-left,.shop-right{
width: 100%;
}



/*PDFへのリンク*/
.menu-pdf-left,.menu-pdf-right{
text-align: center;
}

.menu-pdf-left{
margin-bottom: 20px;
}


}


/*-------------------------
横幅550以下
-------------------------*/
@media(max-width:550px){
.shop-50{
width:100%;
}

.shop-50-left,.shop-50-right{
padding: 0 20px;
}

}