@charset "UTF-8"; @media print, screen and (min-width: 780px) { body { width: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS P ゴシック", "MS P Gothic", sans-Serif; margin: 0; padding: 0; font-size: 16px; color: #333333; background-color: #ffffff; -webkit-text-size-adjust: none; } #main { width: 100%; overflow: hidden; margin: 0 auto 0 auto; padding: 0; text-align: center; background-color: #ffffff; } #header { width: 100%; height: 87px; margin: 0 auto 0 auto; border-top: solid 2px #a5967a; } #header h1 { margin: 0 auto 0 auto; width: 1024px; padding: 2px 0 0 0; font-weight: normal; text-align: right; font-size: 10px; color: #9d896c; } #header #header_inner { width: 1024px; height: 87px; padding: 0; margin: 0 auto 0 auto; } .clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; } #h_logo { width: 40.3%; float: left; padding: 0; text-align: left; font-size: 14px; color: #444444; line-height: 1.5; text-decoration: none; } #h_logo h2 { margin: 4px 0 0 0; padding: 0; text-align: left; font-size: 20px; color: #444444; letter-spacing: 0.05em; } #h_logo a { font-size: 20px; color: #666666; text-decoration: none; } #h_logo a:hover { font-size: 20px; color: #888888; text-decoration: none; } #h_logo .h_sub { margin: 0 !important; padding: 0; font-size: 13px; color: #999999 !important; } #h_nav { width: 59.3%; float: right; display: inline-block; margin: 24px 0 4px 0; padding: 0; text-align: left; } #h_nav ul { display: inline-block; float: right; text-align: left; margin: 0 auto 0 auto; padding: 0; } #h_nav li { display: inline-block; list-style-type: none; color: #ffffff; } #h_nav li a { display: inline-block; padding: 4px 19px 2px 19px; font-size: 13px; color: #765c47; line-height: 1.3; letter-spacing: 0.05em; text-decoration: none; border-left: solid 1px #d6c6af; } #h_nav li a:hover { color: #765c47; background-color: #f7f4ec; } #h_nav li.home a { padding: 4px 19px 2px 19px; border-left: none; } button.nav_icon { display: none; } #header-img { clear: both; width: 100%; margin: 0 0 10px 0; text-align: center; background-color: #f6fbbd; } .main_photo { display: block; margin: 0 auto 0 auto; } #container { width: 1024px; margin: 0 auto 0 auto; padding: 6px 0 10px 0; } #contents { margin: 0; padding: 16px 0 20px 0; font-size: 16px; width: 1024px; letter-spacing: 0.05em; text-align: left; line-height: 1.7; } #contents h2 { height: auto; margin: 0 0 14px 0; padding: 5px 0 0 0; font-size: 34px; color: #990000; text-align: center; } #contents p { margin: 15px 0 15px 0; padding: 0 2px 0 2px; line-height: 1.7; font-size: 16px; } .inners { width: 1024px; margin: 0 auto 0 auto; padding: 0 10px 0 13px; line-height: 1.8; letter-spacing: 0.05em; } .flex_bg { margin: 0 calc(50% - 50vw) !important; padding: 20px 0 20px 0; line-height: 1.8; letter-spacing: 0.05em; background-color: #f1f6f9; } .box { width: 100%; margin: 0 auto 0 auto; } .box:after { content: ""; display: block; clear: both; } .box1 { float: left; width: 31.4%; padding: 4px; margin: 0 4px 0 4px; } .box2 { float: left; width: 31.4%; padding: 4px; margin: 0 4px 0 4px; } .box3 { float: left; width: 31.4%; padding: 4px; margin: 0 4px 0 4px; } img.picture { margin: 0 10px 10px 0; float: left; } #footer { clear: both; width: 100%; margin: 0; padding: 30px 0 0 0; text-align: center; font-size: 14px; color: #333333; line-height: 1.8; background-color: #f9f0d6; } #footer a { color: #333333; font-size: 14px; text-decoration: none; } #footer a:hover { color: #555555; text-decoration: none; } #footer .footer_nav ul { clear: both; width: 1010px; text-align: center; margin: 0 auto 0 auto; padding: 0 7px 10px 7px; } #footer .footer_nav li { margin: 0 0 20px 0; padding: 0; display: inline; list-style-type: none; float: left; color: #333333; } #footer .footer_nav li a { padding: 0 16px 0 16px; font-size: 14px; text-align: center; display: inline; letter-spacing: 0.05em; text-decoration: none; } #footer .footer_nav li a:hover { color: #555555; } #footer .copy { margin: 0; padding: 10px 0 10px 0; font-size: 14px; 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; } } @media print, screen and (min-width:780px) and (max-width:1024px) { #main, #header h1, #header #header_inner, #container, #contents, .inners, #footer .footer_nav ul { width: 100%; } #h_nav li a { font-size: 11px; } .box { width: 100%; } .box1, .box2, .box3 { width: 30.5%; } } hr.line { margin: 0 0 10px 0; padding: 2px 0 6px 0; border: 0; border-bottom: dotted 1px #666666; } p.back { margin: 0; padding: 0 5px 0 0; text-align: right; } br.clear { display: block; clear: both; } span.b_big_x { font-weight: bold; font-size: 1.25em; line-height: 1.7; } span.red_big_x { color: #e60033; font-weight: bold; font-size: 1.25em; line-height: 1.7; } .scroll { width: 180px; height: 28px; }