@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0; margin:0; padding:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {padding:0; margin:0;}
.clearfix:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
.clear {clear: both;}

.hidden {display: none;visibility: hidden;}

body{color:#4c4c4c;font:14px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, sans-serif;line-height:1.5; -webkit-text-size-adjust: none;}

.main_contents { display:block; height:0; visibility:hidden;}
.stSection { width:100%; position: relative !important;}

#shop header { background: #000 url(../images/shop_main.jpg) no-repeat center top;}
#menu header { background: #000 url(../images/menu_main.jpg) no-repeat center top;}

header { position:relative;min-width:1200px; width:100%; background-color: #000; height:300px;}
header section { position: absolute;width:100%; background: url(../images/header_back_sp.png) repeat-x top center; height:60px; min-width:960px; margin:0px auto; z-index:100000;}
header div.header_main { width:1000px; margin:0px auto; padding:10px 20px 0px; z-index:2000;}
header div.header_main p.c_logo { float:right;}
header .logo { margin-top:0px; position:absolute; left:50%; margin-left:-500px; z-index:200000; top:80px;}
header .logo a{display:block;}
header .logo img { width:198px;}
header h1 { clear:both;text-align:center; line-height:300px; vertical-align:middle;}
header div.header_main ul { margin:0px;  float:left;}
header div.header_main ul li.home { display:none;}
header div.header_main ul li { margin-right:30px; float:left;}
header div.header_main:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
header .header_back { position:absolute; top:0; left:50%; margin-left:-480px;}



#build-menu-page {left: 0;position: relative;background-color: #FFF;}
#build-menu {visibility: visible;z-index: 0;opacity: 1;-webkit-transform: none;display: none;width: 260px;padding: 0;position: static;z-index: 0;top: 0;height: 100%;overflow-y: auto;left: 0;}
.build-menu-animating #build-menu-page {position: fixed;overflow: hidden;width: 100%;top: 0;bottom: 0;}
.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {-webkit-transition: -webkit-transform 250ms;}
.build-menu-animating.build-menu-open #build-menu-page {-webkit-transform: translate3d(0, 0, 0);}
.build-menu-animating #build-menu { display: block }
.build-menu-open #build-menu {display: block;-webkit-transition-delay: 0ms, 0ms, 0ms;}
.build-menu-open #build-menu,
.build-menu-close #build-menu {-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;}


#mobile-bar { display: none;}

#middle_contents { width:100%; background:url(../images/background_image.jpg) repeat; min-width:1200px; padding-bottom:100px; padding-top:30px;}

.shop_area { width:950px; margin:0px auto; border:5px solid #780000; background-color:#FFFCF1;}
.shop_area section:first-child { margin-bottom:30px; padding-top:30px;}
.shop_area section:first-child h2 { text-align:center; margin-bottom:10px;}
.shop_area section:first-child ul { width:100%; margin:0px auto; padding:0px 33px 0px 45px;}
.shop_area section:first-child ul li { float:left; margin-right:12px; border-radius:5px; font-size:16px; margin-top:12px;}
.shop_area section:first-child ul li.sapporo { background-color:#D15A24;}
.shop_area section:first-child ul li.hokkaido { background-color:#008045;}
.shop_area section:first-child ul li.honsyu { background-color:#298BC2;}
.shop_area section:first-child ul li.active {box-shadow:inset 1px 1px 15px rgba(0,0,0,.5);}
.shop_area section:first-child ul li a { width:97px; height:50px; line-height:50px; vertical-align:middle; text-align:center; text-decoration:none; color:#FFF; display:block;}
.shop_area section:first-child ul:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.shop_area > *:first-child + * { width:820px; margin:0px auto 30px; background-color:#FFF; border-top:2px solid #780000;}
.shop_area > *:first-child + * div.shop_area_main { border-bottom:2px solid #780000; padding:20px 20px;}
.shop_area > *:first-child + * div.shop_area_main.hide{display:none;}
.shop_area > *:first-child + * div.shop_area_main h3 { font-size:25px; font-weight:bold; color:#780000; background:url(../images/shop_icon.png) no-repeat left top; margin-bottom:5px; padding-left:45px; line-height:45px; vertical-align:middle;}
.shop_area > *:first-child + * div.shop_area_main .change_img { width:380px; float:left;}
.shop_area > *:first-child + * div.shop_area_main .change_img p img { vertical-align:bottom; width:100%;}
.shop_area > *:first-child + * div.shop_area_main .change_img ul {width:100%; margin-top:5px;}
.shop_area > *:first-child + * div.shop_area_main .change_img ul li {float:left; width:25%;height:70px;overflow-y:hidden;}
.shop_area > *:first-child + * div.shop_area_main .change_img ul li img { cursor:pointer; width:100%; vertical-align:bottom;}
.shop_area > *:first-child + * div.shop_area_main .change_img ul:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.shop_area > *:first-child + * div.shop_area_main figcaption { float:right; width:380px;}
.shop_area > *:first-child + * div.shop_area_main figcaption dl dt { color:#780000; font-weight:bold; font-size:16px;}
.shop_area > *:first-child + * div.shop_area_main figcaption dl dd { font-size:14px; margin-bottom:10px;}
.shop_area > *:first-child + * div.shop_area_main figure:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.shop_area > *:first-child + * div.shop_area_main .syousai { width:80%; margin:30px auto 0px; text-align:center;}
.shop_area > *:first-child + * div.shop_area_main .syousai a { width:100%; display: block; text-decoration:none; background:#FF7000 url(../images/shop_bt_bg.jpg) repeat-x bottom left; border-radius:5px; height:70px; line-height:70px; vertical-align:middle; color:#FFF; font-size:25px;}
.shop_under_area { width:960px; margin:30px auto 0px;}
.shop_under_area ul { width:100%;}
.shop_under_area ul li { width:48%;}
.shop_under_area ul li img { width:100%; height:auto;}
.shop_under_area ul li:first-child { float:left;}
.shop_under_area ul > *:first-child + * { float:right;}
.shop_under_area ul:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.shop_under_area p { width:100%; text-align:center; margin-top:20px;}
.shop_under_area p a {width:100%; display: block; text-decoration:none; background:#FF7000 url(../images/shop_bt_bg.jpg) repeat-x bottom left; border-radius:5px; height:84px;}
.shop_under_area p a img { padding-top:20px;}


.middle_area { width:960px; padding:20px 0px; margin:0px auto; position:relative;}
.middle_area:before { content:" "; background:url(../images/middle_head_bg.png) no-repeat; position: absolute; top: 0px; left:0px; width:100%;height:20px;}
.middle_area:after { content:" "; background:url(../images/middle_foot_bg.png) no-repeat; position: absolute; bottom:0px; left:0px; width:100%;height:20px;}
.menu_area { background:url(../images/middle_body_bg.png) repeat-y; padding:10px 55px;}
.food h3 {background-color:#780000;}
.drink h3 {background-color: #008045;}
.menu_area h3 { width:98%; font-size:20px; cursor:pointer; height:50px; line-height:50px; vertical-align:middle; padding:0px 0px 0px 2%; margin-top:2px; color:#FFF; background-image:url(../images/menu_aco_bt01.png); background-repeat:no-repeat; background-position: 97% center;}
.menu_area h3.active {background-image:url(../images/menu_aco_bt02.png);}
.menu_area div { padding:10px 20px 20px;}
.food dl {border-bottom: 1px solid #780000;}
.drink dl {border-bottom: 1px solid #008045;}
.menu_area .pic_att p { width:40%; float:left;}
.menu_area .pic_att p img { width:100%; height:auto;}
.menu_area .pic_att dl { width:55%; float:right;}
.menu_area .pic_att dl dt { float:left;}
.menu_area .pic_att dl dd { float:right;}
.menu_area .pic_att dl dd span { padding-right:10px;}
.menu_area .pic_no dl { width:100%; border-bottom: 1px solid #780000;}
.menu_area .pic_no dl dt { float:left;}
.menu_area .pic_no dl dd { float:right;}
.menu_area .pic_no dl dd span { padding-right:10px;}
.menu_area div p { padding-top:10px;}
.menu_area div dl dt {padding:10px 0px;}
.menu_area div dl dd {padding:10px 0px;}
.menu_area div dl:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.menu_area div:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}

.about_area {background:url(../images/middle_body_bg.png) repeat-y; padding:30px 55px;}
.about_area dl { padding:0px 0px 0px;}
.about_area dl dt { height:50px; line-height:50px; width:94%; vertical-align:middle;font-size:22px; background:url(../images/about_icon.png) no-repeat 1% 7px; color:#FFF; padding-left:6%; background-color:#780000;}
.about_area dl dd figure { padding-top:20px;}
.about_area dl dd figure p { float:left; width:38%;}
.about_area dl dd figure figcaption { float:left;width:62%; font-size:16px; line-height:180%;}
.about_area dl dd figure:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.about_area > *:first-child + * { padding:40px 0px;}

.course_area {background:url(../images/middle_body_bg.png) repeat-y; padding:30px 55px;}
.course_area figure { padding:30px 1%; background:url(../images/banquet_line.png) repeat-x left bottom;}
.course_area figure p { width:40%; float:left;}
.course_area figure p img { width:100%;}
.course_area figure figcaption { width:57%; float:right;}
.course_area figure figcaption dt { font-size:20px; color:#780000; font-weight:bold; background:url(../images/banquet_icon.png) no-repeat left 3px; padding-left:40px;}
.course_area figure figcaption dd { color:#FF6E00; font-size:22px; font-weight:bold; text-align:right;}
.course_area figure figcaption dd span { font-size:16px; padding-right:10px; color:#333;}
.course_area figure figcaption div { padding-top:10px; font-size:16px;}
.course_area figure:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}

.pagetop {display:none;position:relative; max-width:1000px; width:90%;height:0;margin:0 auto;}
.pagetop a { position: fixed; bottom:0; left:auto;width:90px; display:block; border-radius:5px; background: #323232 url(../images/pagetop.png) no-repeat center 10px; padding:25px 0px 10px; color:#FFF; text-decoration:none; text-align:center; font-size:16px;margin-left:1000px; z-index:9999; margin-bottom:20px;}

footer { background-color:#000; color:#FFF; padding:20px 0px; min-width:1200px;}
footer section { width:960px; margin:0px auto;}
footer section div:first-child { float:right; width:485px;border-top:2px solid #FF6E00; margin-top:10px;}
footer section div:first-child h4 { display:none;}
footer section div:first-child ul {  width:100%; margin-top:5px;width:33.3%; float:left;}
footer section div:first-child ul li { background:url(../images/footer_mark.png) no-repeat center left; padding-left:6%;  margin:5px 0px;}
footer section div:first-child ul li a { color:#FFF; text-decoration:none;}
footer section > *:first-child + * { float:left; width:400px;}
footer section > *:first-child + * h5 { margin-top:5px; font-size:16px; font-weight:bold;}
footer section > *:first-child + * dl { font-size:12px;}
footer section > *:first-child + * ul li { display:inline; margin-right:10px;}
footer section p { clear:both; text-align:center; font-size:12px; color:#999; padding-top:30px;}
footer section:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}


@media only screen and (max-width:768px){
#mobile-bar {display: block;position: absolute;top: 0px;left: 0px;font-size:12px;height: 60px;vertical-align: middle;color:#FFF;width: 100%;background-image: url(../images/menu_bt.png);background-repeat: no-repeat; background-size: 50px; background-position:5px 5px;}
#build-menu-button { display: block; height: 45px;	width:20%;}	
#build-menu ul li.home { display: block;}
#build-menu ul li a:before {content:attr(data-label);}
#build-menu ul li a img { display:none;}

#build-menu .home { background:url(../images/sp_navi_icon_01.png) no-repeat 5% center;background-size:10%;}
#build-menu .about { background:url(../images/sp_navi_icon_02.png) no-repeat 5% center;background-size:10%;}
#build-menu .menu { background:url(../images/sp_navi_icon_03.png) no-repeat 5% center;background-size:10%;}
#build-menu .banquet { background:url(../images/sp_navi_icon_04.png) no-repeat 5% center;background-size:10%;}
#build-menu .shop { background:url(../images/sp_navi_icon_05.png) no-repeat 4% center;background-size:10%;}

#shop header { background: #000 url(../images/shop_main.jpg) no-repeat center top; background-size: auto 253px;}
#menu header { background: #000 url(../images/menu_main.jpg) no-repeat center top; background-size: auto 253px;}

header { position:relative; min-height:253px; min-width:0; max-height:253px;}
header section {width:100%; background: none; height:100%; min-width:100%; margin:0px auto;}
header div.header_main { position: static; left: 0; margin-left:0px; width: 100%; background: url(../images/header_back_sp.png) repeat top left; height: 60px; padding:0;}
header div.header_main p { text-align:center; margin-top:0; padding-bottom:0; float:right; padding-top:8px; padding-right:5%;}
header .logo { margin-top:0px; position:absolute; left:2%; margin-left:0px; z-index:2; top:80px;}
header .logo img { width:55%;}
header h1 { clear:both; line-height:243px; vertical-align:middle; padding:0px 30%;}
header h1 img { width:100%;}
header div.header_main ul { width:187px; margin:10px auto 0px; display:none;}
header div.header_main:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
header .header_back { position:absolute; top:0; left: inherit; right:0%;margin-left:-0px;}
header .header_back img { height: 253px; width: auto;}


#middle_contents { width:100%; background:url(../images/background_image.jpg) repeat; min-width:0; padding-bottom:100px;}


.shop_area { width:96%; margin:0px auto; border:5px solid #780000; background-color:#FFFCF1;}
.shop_area section:first-child { margin-bottom:30px; padding-top:30px;}
.shop_area section:first-child h2 { text-align:center; margin-bottom:10px;}
.shop_area section:first-child h2 img { width:50%;}
.shop_area section:first-child ul { width:100%; margin:0px auto; padding:0px 0px 0px 0.5%;}
.shop_area section:first-child ul li { float:left; margin-right:1%; border-radius:5px; font-size:14px; margin-top:12px; width:24%;}
.shop_area section:first-child ul li.sapporo { background-color:#D15A24;}
.shop_area section:first-child ul li.hokkaido { background-color:#008045;}
.shop_area section:first-child ul li.honsyu { background-color:#298BC2;}
.shop_area section:first-child ul li a { width:100%; height:50px; line-height:50px; vertical-align:middle; text-align:center; text-decoration:none; color:#FFF; display:block;}
.shop_area section:first-child ul:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.shop_area > *:first-child + * { width:95%; margin:0px auto 30px; background-color:#FFF; border-top:2px solid #780000;}
.shop_area > *:first-child + * div.shop_area_main { border-bottom:2px solid #780000; padding:20px 20px;}
.shop_area > *:first-child + * div.shop_area_main h3 { font-size:25px; font-weight:bold; color:#780000; background:url(../images/shop_icon.png) no-repeat left top; margin-bottom:5px; padding-left:45px; line-height:45px; vertical-align:middle;}
.shop_area > *:first-child + * div.shop_area_main .change_img { width:100%; float:none;}
.shop_area > *:first-child + * div.shop_area_main .change_img p { height:200px; overflow:hidden;}
.shop_area > *:first-child + * div.shop_area_main .change_img p img { vertical-align:bottom; width:100%; height:auto;}
.shop_area > *:first-child + * div.shop_area_main .change_img ul {width:100%; margin-top:5px;}
.shop_area > *:first-child + * div.shop_area_main .change_img ul li {float:left; width:25%;}
.shop_area > *:first-child + * div.shop_area_main .change_img ul li img { cursor:pointer; width:100%; vertical-align:bottom;}
.shop_area > *:first-child + * div.shop_area_main .change_img ul:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.shop_area > *:first-child + * div.shop_area_main figcaption { width:100%; float:none; margin-top:10px;}
.shop_area > *:first-child + * div.shop_area_main figcaption dl dt { color:#780000; font-weight:bold; font-size:16px;}
.shop_area > *:first-child + * div.shop_area_main figcaption dl dd { font-size:14px; margin-bottom:10px;}
.shop_area > *:first-child + * div.shop_area_main figure:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.shop_area > *:first-child + * div.shop_area_main .syousai { width:80%; margin:30px auto 0px; text-align:center;}
.shop_area > *:first-child + * div.shop_area_main .syousai a { width:100%; display: block; text-decoration:none; background:#FF7000 url(../images/shop_bt_bg.jpg) repeat-x bottom left; border-radius:5px; height:70px; line-height:70px; vertical-align:middle; color:#FFF; font-size:20px;}
.shop_under_area { width:98%; margin:30px auto 0px;}
.shop_under_area ul { width:100%;}
.shop_under_area ul li { width:100%;}
.shop_under_area ul li img { width:100%; height:auto;}
.shop_under_area ul li:first-child { float:none;}
.shop_under_area ul > *:first-child + * { float:none;}
.shop_under_area ul:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.shop_under_area p { width:100%; text-align:center; margin-top:20px;}
.shop_under_area p a {width:100%; display: block; text-decoration:none; background:#FF7000 url(../images/shop_bt_bg.jpg) repeat-x bottom left; border-radius:5px; height:84px;}
.shop_under_area p a img { padding-top:20px;}

.middle_area { width:98%; padding:20px 0px; margin:0px auto; position:relative;}
.middle_area:before { content:" "; background:url(../images/middle_head_bg.png) no-repeat; position: absolute; top: 0px; left:0px; width:100%; height:20px; background-size:cover;}
.middle_area:after { content:" "; background:url(../images/middle_foot_bg.png) no-repeat; position: absolute; bottom:0px; left:0px; width:100%; height:20px; background-size:100%;}
.menu_area { background:url(../images/middle_body_bg.png) repeat-y; padding:10px 3%; background-size:100%;}
.menu_area h2 img { width:100%;}
.food h3 {background-color:#780000;}
.drink h3 {background-color: #008045;}
.menu_area h3 { width:98%; font-size:16px; cursor:pointer; height:50px; line-height:50px; vertical-align:middle; padding:0px 0px 0px 2%; margin-top:2px; color:#FFF; background-image:url(../images/menu_aco_bt01.png); background-repeat:no-repeat; background-position: 97% center;}
.menu_area h3.active {background-image:url(../images/menu_aco_bt02.png);}
.menu_area div { padding:10px 2% 20px;}
.food dl {border-bottom: 1px solid #780000;}
.drink dl {border-bottom: 1px solid #008045;}
.menu_area .pic_att p { width:100%; float:none; height:auto;}
.menu_area .pic_att p img { width:100%; height:auto;}
.menu_area .pic_att dl { width:100%; float:right;}
.menu_area .pic_att dl dt { float:left;}
.menu_area .pic_att dl dd { float:right;}
.menu_area .pic_att dl dd span { padding-right:0px;}
.menu_area .pic_no dl { width:100%; border-bottom: 1px solid #780000;}
.menu_area .pic_no dl dt { float:left;}
.menu_area .pic_no dl dd { float:right;}
.menu_area .pic_no dl dd span { padding-right:0px;}
.menu_area div p { padding-top:10px;}
.menu_area div dl dt {padding:10px 0px;}
.menu_area div dl dd {padding:10px 0px;}
.menu_area div dl:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.menu_area div:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}

.about_area {background:url(../images/middle_body_bg.png) repeat-y; padding:30px 3%; background-size:100%;}
.about_area dl { padding:0px 0px 0px;}
.about_area dl dt { height:50px; line-height:50px; width:92%; vertical-align:middle;font-size:20px; background:url(../images/about_icon.png) no-repeat 1% 7px; color:#FFF; padding-left:8%; background-color:#780000;}
.about_area dl dd figure { padding-top:20px;}
.about_area dl dd figure p { float:none; width:100%; text-align:center;}
.about_area dl dd figure figcaption { float:none;width:100%; font-size:14px; line-height:160%; padding-top:10px;}
.about_area dl dd figure:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.about_area > *:first-child + * { padding:40px 0px;}

.course_area {background:url(../images/middle_body_bg.png) repeat-y; padding:30px 3%;background-size:100%;}
.course_area h2 img { width:100%;}
.course_area figure { padding:20px 1%; background:url(../images/banquet_line.png) repeat-x left bottom;}
.course_area figure p { width:100%; float:none;}
.course_area figure p img { width:100%;}
.course_area figure figcaption { width:100%; float:none; padding-top:10px;}
.course_area figure figcaption dt { font-size:18px; color:#780000; font-weight:bold; background:url(../images/banquet_icon.png) no-repeat left 3px; padding-left:40px;}
.course_area figure figcaption dd { color:#FF6E00; font-size:20px; font-weight:bold; text-align:right;}
.course_area figure figcaption dd span { font-size:16px; padding-right:10px; color:#333;}
.course_area figure figcaption div { padding-top:10px; font-size:14px;}
.course_area figure:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}


.pagetop {display:none;position:relative; max-width:100%; width:100%;height:0; margin:0 auto;}
.pagetop a { position: fixed; bottom:0; left:0; width:100%; display:block; border-radius:0px; background: #323232 url(../images/pagetop.png) no-repeat 40% center; padding:10px 0px 10px; color:#FFF; text-decoration:none; text-align:center; font-size:14px; margin-left:0; z-index:9999; margin-bottom:0px;}

footer { background-color:#000; color:#FFF; padding:0px 0px 20px; min-width:100%;}
footer section { width:100%; margin:0px auto;}
footer section div:first-child { float:none; width:100%;border-top:none; margin-top:0px;}
footer section div:first-child h4 { display:block; background-color:#FF6E00; font-size:18px; text-align:center; padding:10px 0px;}
footer section div:first-child ul {  width:100%; margin-top:0px;width:100%; float:none; background-color:#333333;}
footer section div:first-child ul li { background:url(../images/footer_mark.png) no-repeat 3% center; padding-left:6%;  margin:0px 0px; border-top:1px solid #808080;}
footer section div:first-child ul li.sitemap_top { border-top:none;}
footer section div:first-child ul li a { color:#FFF; text-decoration:none; font-size:16px; padding:10px 0px 10px; display:block; width:100%;}
footer section > *:first-child + * { float:none; width:100%; padding-top:20px;text-align:center;}
footer section > *:first-child + * h5 { margin-top:5px; font-size:16px; font-weight:bold;}
footer section > *:first-child + * dl { font-size:12px;}
footer section > *:first-child + * ul li { display:inline; margin-right:10px;}
footer section p { clear:both; text-align:center; font-size:12px; color:#999; padding-top:30px;}
footer section:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}


}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	.pagetop a { position: fixed; bottom:0; left:0; width:100%; display:block; border-radius:0px; background: #323232 url(../images/pagetop.png) no-repeat 35% center; padding:10px 0px 10px; color:#FFF; text-decoration:none; text-align:center; font-size:14px; margin-left:0; z-index:9999; margin-bottom:0px;}
}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
header h1 { clear:both;line-height:243px; vertical-align:middle; padding:0px 5% 0px 45%;}
header h1 img { width:100%;}

.shop_area section:first-child { margin-bottom:30px; padding-top:30px;}
.shop_area section:first-child h2 { text-align:center; margin-bottom:10px;}
.shop_area section:first-child h2 img { width:50%;}
.shop_area section:first-child ul { width:100%; margin:0px auto; padding:0px 0px 0px 0.5%;}
.shop_area section:first-child ul li { float:left; margin-right:1%; border-radius:5px; font-size:14px; margin-top:12px; width:32.33%;}
.shop_area section:first-child ul li.sapporo { background-color:#D15A24;}
.shop_area section:first-child ul li.hokkaido { background-color:#008045;}
.shop_area section:first-child ul li.honsyu { background-color:#298BC2;}
.shop_area section:first-child ul li a { width:100%; height:50px; line-height:50px; vertical-align:middle; text-align:center; text-decoration:none; color:#FFF; display:block;}
.shop_area section:first-child ul:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}

.shop_area > *:first-child + * div.shop_area_main h3 { font-size:20px; font-weight:bold; color:#780000; background:url(../images/shop_icon.png) no-repeat left top; margin-bottom:5px; padding-left:45px; line-height:45px; vertical-align:middle;}

.about_area dl dt { height:50px; line-height:50px; width:90%; vertical-align:middle;font-size:18px; background:url(../images/about_icon.png) no-repeat 1.5% 10px; color:#FFF; padding-left:10%; background-color:#780000; background-size:25px;}

}