@charset "UTF-8"; html, body, div, span, p, h1, h2, ul, li { margin: 0; padding: 0; } ul { list-style: none; } img { max-width: 100%; height: auto; border: 0; } a:link { color: #583822; } a:visited { color: #583822; } a:hover { color: #765c47; } p { margin: 15px 0 15px 0; line-height: 1.7; letter-spacing: 0.05em; } @media only screen and (max-width: 779px) { body { width: 100%; font: 87.5% 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif; color: #333333; letter-spacing: 0.05em; -webkit-text-size-adjust: 100%; } #main { background-color: #ffffff; } #header { width: 100%; height: auto; padding: 0 0 4px 0; line-height: 1.6; } #header h1 { display: none; } #header #header_inner { margin: 0; padding: 2px; background-color: #ffffff; } #h_logo { width: 100%; padding: 0; text-align: left; color: #444444; } #h_logo h2 { padding: 10px 0 0 30px; margin: 0; } #h_logo a { color: #666666 !important; text-decoration: none; font-size: 0.92em; } #h_logo a:hover { color: #888888 !important; text-decoration: underline; font-size: 0.92em; } #h_logo .h_sub { padding: 0 0 12px 30px !important; margin: 0; font-size: 0.92em; color: #999999 !important; } #h_nav { margin: 0 1px 4px 1px; } #h_nav ul { padding: 0; } #h_nav ul li { width: 50%; margin: 0; padding: 0; float: left; list-style: none; text-align: center; } #h_nav li a { width: 99.6%; font-size: 0.75em; padding: 12px 0 8px 0; display: block; line-height: 1.2; letter-spacing: 0.05em; color: #765c47 !important; text-decoration: none; background: #eee7d5 url(../img/head_menu_back_abase.gif) repeat-x; } #h_nav li a:hover { color: #765c47 !important; display: block; text-decoration: none; background: #ece2c9 url(../img/head_menu_back_hover.gif) repeat-x; } #h_nav li.home a { } .clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } button.nav_icon { display: block; cursor: pointer; position: fixed; top: 8px; right: 10px; width: 38px; padding: 0 4px 4px 4px; color: #333333; letter-spacing: 0.1em; text-align: center; opacity: 0.7; border: none; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; background: none; background-color: #ffffff; z-index: 10000; } button span.bar1, button span.bar2, button span.bar3 { display: block; height: 2px; opacity: 0.7; background-color: #888888; margin: 8px 0 4px 0; transition: all 0.2s; transform-origin: 0 0; } #header-img { width: 100%; height: auto; margin: 0 0 10px 0; } .main_photo { display: block; margin: 0 auto 0 auto; } #container { padding: 0; } #contents { padding: 13px 0 25px 0; font-size: 1em; } #contents h2 { height: auto !important; margin: 0 0 10px 0; padding: 14px 0 14px 12px; font-size: 1.71em !important; color: #880000; text-align: center; font-weight: bold; } #contents p { margin: 0 4px 0 4px; padding: 2px; line-height: 2.0; } .inners { width: auto !important; margin: 0 6px 0 6px; padding: 0; } .flex_bg { width: auto !important; margin: 0; padding: 14px 0 0 0; line-height: 1.8; letter-spacing: 0.05em; background-color: #f1f6f9; } .box { width: 100%; text-align: center; margin: 0 auto 0 auto; } .box:after { content: ""; display: block; clear: both; } .box1 { width: auto; padding: 4px; margin: 4px; } .box2 { width: auto; padding: 4px; margin: 4px; } .box3 { width: auto; padding: 4px; margin: 4px; } img.picture { display: block; clear: both; margin: 20px auto 20px auto; } #footer { width: auto; padding: 20px 0 0 0; color: #333333; line-height: 1.7; text-align: center; background-color: #f9f0d6; } #footer p { padding: 10px; color: #555555; } #footer a { color: #555555 !important; } #footer a:hover { color: #777777 !important; } #footer a:visited { color: #555555; } #footer .footer_nav ul { clear: both; width: 100%; text-align: center; margin: 0 auto 0 auto; padding: 6px 0 18px 0; } #footer .footer_nav ul li { width: 50%; margin: 0; padding: 0; display: block; list-style-type: none; float: left; border: none; } #footer .footer_nav ul li a { width: 100%; padding: 14px 0 14px 0; font-size: 14px; text-align: center; display: block; color: #413413; letter-spacing: 0.05em; text-decoration: none; } #footer .footer_nav ul li a:hover { color: #625126; background-color: #f5e4be; } .clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } #footer .copy { margin: 10px 0 0 0 !important; padding: 10px; font-size: 0.92em; color: #fffffc; background-color: #564732; } #footer .copy a { color: #fffffc !important; text-decoration: none; } #footer .copy a:hover { color: #eeeeee !important; text-decoration: none; } #footer .copy a:visited { color: #fffffc; text-decoration: none; } }