@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 620px) {
/* スマートフォン用のスタイル記述 */
img{max-width: 100%;height: auto;width /***/:auto;}
/*#container*/body{width:100%;}
/*～以下、画面の横幅が640pxまでの場合のスタイル記入～*/
* {/*height:inherit;*/margin:0;}
/*p {font-size:1em;clear:both;}*/

/*header*/
    header {height:auto;}
#header_cnt {width:100%;}
header h1 {height:auto;}
#logo {float:none;width:90%;margin:auto;}
header p {/*font-size:0.5em;*/height:auto; width: 100%; text-align: center;float: none;margin:0;}
header p.tel {position: fixed;bottom:0;height:auto;width:100%;float: none; clear: both; text-align: center;background:black;padding:2em 0;border-top:1px solid #fff; box-sizing:border-box;}
/*header ul{clear:both;}*/
/*header nav {width:100%;height:80rem !important;}*/
header nav li{/*clear:both;*//* float:left;width:33%;float:left;padding:0;*/}
header span.br {color:#d8ab71;letter-spacing:normal !important;font-size:0.9rem !important;}
header span.br::before {content: "\A" ;white-space: pre ;}
header nav {width:100%;height:6rem !important; font-family: aozora;}
header nav ul {height:6rem;margin:0 auto; border-right:1px dashed #fff;}
header nav ul li {float:left;width:33%;margin:auto;padding:0 !important;box-sizing: border-box; height:6rem;list-style:none; text-align:center; line-height:80% !important;}
header nav ul li a {width:33%;margin:auto;color:#fff;text-decoration:none !important; font-size:1.2rem;height:6rem;line-height:80% !important;/* vertical-align:middle;*/ display:table-cell;/*border:1px solid #fff;*/}
/*header nav ul li a:hover {width:auto;border-bottom:#fff solid 5px;color:#fff;width:100%;}*/

#mainImage>h2{background:url(img/line01.gif) repeat-x left top; text-align:center;background:url(img/line01.gif) repeat-x left bottom;padding-bottom:10px;line-height:0;}
#main {width:95%;margin:0 auto;padding-top:2em;/*max-width:960px;*/clear:both;}
/*footer*/
footer {background: url(img/line01.gif) repeat-x left top, url(img/footer_bg.gif);padding:1em 1em 7em 1em;}
footer *{line-height:1.4em;}
footer h2 {float:none;width:80%;height:auto;margin:1rem auto;}
footer article {margin:0 auto 0 auto;width:100%;text-align:center;}
footer nav {clear:both;float:none;font-size:1.25em;margin-top:10px;width:auto; text-align: center;}
footer address {text-align:center;width:auto;margin-top:10px; font-size:0.75em;clear:both;}
footer a:link, footer a:visited, footer a:hover{color:#737067 !important;}
footer address {font-size:0.86em;color:#737067; }
footer small {font-size:0.71em;}
footer a[href^="tel"] {color:#fff !important; text-decoration: none;}
/*footer h1{float:left;margin-right:20px;margin: 10px 20px 0 0;}*/
    
    
    
/*index.html*/
.left_area {float:none;width:100%;}
.right_area {float: right;width:100%;}
.right_area section {border:#34312C solid 5px;margin-bottom: 1.5em;}
#topics {padding:1em; background:#666; color:#ccc; text-align: center;}
#topics h2{ display:contents; color:#fff;font-size:1.8em;letter-spacing: 0.25em;}
#accessmap {width:100%;}
#accessmap img {width:100%;height:auto;}
#topics_header {background-image:url(img/side_tit01.jpg);background-repeat:no-repeat;font-size:1.2em;}
#topics .subTitle {padding: 20px 0 3px 0;color: #fff;}
#topics  a:link {color:#fff;}


/*menu.html*/
    .menu .wrapper_half {width:100%;}
.menu_list{clear:both;width:100%;padding:1%; box-sizing:border-box;}
.menu_img_list{width:100%;}
.menu_img_list li a{width:50%;float:left;margin-right:0;padding:0.25em; box-sizing:border-box;}
.menu h4{letter-spacing: 0.1em;}
.newmenu {text-align:left !important; width:100%;}


/*shopinfo.html*/
#googleMap_wrap {margin:auto;}
#googleMap_wrap iframe {width:100%;height:400px;}
.shop_img{clear:both !important; width: 100%;}