/*=============================================== ●レスポンシブデザイン.css 画面の横幅が769pxまで ===============================================*/ @media screen and (max-width: 769px) { img { max-width: 100% !important; height: auto; width: auto; } #container { width: 100%; } /*■■■■ここからベース■■■■ ------------------------------------------------*/ body { background: none; border-top: none; } #wrapper-out { background: none; width: 100%; } #wrapper { margin: 0px auto; text-align: none; width: 100%; } #header { margin: 5px auto 0; width: 100%; } #contents-p1, #contents-p2, #contents-p, #contents-p3 { background: none; margin: 0 auto; overflow: hidden; padding-top: 1px; width: 100%; } img { max-width: 100% !important; margin-top: 5px; margin-bottom: 5px; } p { line-height: 1em; padding: 0; } * { line-height: 1.4em; font-size: 103%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } h1 { display: none; } #contents-p1 #left-col .open_hours-left h2, #contents-p1 #left-col .article-left h2, #contents-p1 #left-col .nostyle-left h2, #contents-p1 #left-col .news-left h2, #contents-p1 #left-col .news_scroll-left h2, #contents-p1 #left-col .company_info-left h2, #contents-p1 #left-col .contact-left h2, #contents-p1 #left-col .faq-left h2, #contents-p1 #left-col .blog-left h2, #contents-p1 #left-col .shop-left h2, #contents-p1 #right-col .open_hours-center h2, #contents-p1 #right-col .article-center h2, #contents-p1 #right-col .nostyle-center h2, #contents-p1 #right-col .news-center h2, #contents-p1 #right-col .news_scroll-center h2, #contents-p1 #right-col .company_info-center h2, #contents-p1 #right-col .contact-center h2, #contents-p1 #right-col .faq-center h2, #contents-p1 #right-col .blog-center h2, #contents-p1 #right-col .shop-center h2, #contents-p2 #left-col .open_hours-left h2, #contents-p2 #left-col .article-left h2, #contents-p2 #left-col .nostyle-left h2, #contents-p2 #left-col .news-left h2, #contents-p2 #left-col .news_scroll-left h2, #contents-p2 #left-col .company_info-left h2, #contents-p2 #left-col .contact-left h2, #contents-p2 #left-col .faq-left h2, #contents-p2 #left-col .blog-left h2, #contents-p2 #left-col .shop-left h2, #contents-p2 #right-col .open_hours-center h2, #contents-p2 #right-col .article-center h2, #contents-p2 #right-col .nostyle-center h2, #contents-p2 #right-col .news-center h2, #contents-p2 #right-col .news_scroll-center h2, #contents-p2 #right-col .company_info-center h2, #contents-p2 #right-col .contact-center h2, #contents-p2 #right-col .faq-center h2, #contents-p2 #right-col .blog-center h2, #contents-p2 #right-col .shop-center h2, #contents-p3 .open_hours-center h2, #contents-p3 .article-center h2, #contents-p3 .nostyle-center h2, #contents-p3 .news-center h2, #contents-p3 .news_scroll-center h2, #contents-p3 .company_info-center h2, #contents-p3 .contact-center h2, #contents-p3 .faq-center h2, #contents-p3 .blog-center h2, #contents-p3 .shop-center h2 { background: none; clear: both; height: auto; letter-spacing: 0.3em; line-height: 1.5em; overflow: hidden; padding: 0 5%; text-align: left; width: 90%; text-indent: 0; margin-bottom: 15px; margin: auto; } #contents-p1 #left-col .open_hours-left h3, #contents-p1 #left-col .article-left h3, #contents-p1 #left-col .nostyle-left h3, #contents-p1 #left-col .news-left h3, #contents-p1 #left-col .news_scroll-left h3, #contents-p1 #left-col .company_info-left h3, #contents-p1 #left-col .contact-left h3, #contents-p1 #left-col .faq-left h3, #contents-p1 #left-col .blog-left h3, #contents-p1 #left-col .shop-left h3, #contents-p1 #right-col .open_hours-center h3, #contents-p1 #right-col .article-center h3, #contents-p1 #right-col .nostyle-center h3, #contents-p1 #right-col .news-center h3, #contents-p1 #right-col .news_scroll-center h3, #contents-p1 #right-col .company_info-center h3, #contents-p1 #right-col .contact-center h3, #contents-p1 #right-col .faq-center h3, #contents-p1 #right-col .blog-center h3, #contents-p1 #right-col .shop-center h3, #contents-p2 #left-col .open_hours-left h3, #contents-p2 #left-col .article-left h3, #contents-p2 #left-col .nostyle-left h3, #contents-p2 #left-col .news-left h3, #contents-p2 #left-col .news_scroll-left h3, #contents-p2 #left-col .company_info-left h3, #contents-p2 #left-col .contact-left h3, #contents-p2 #left-col .faq-left h3, #contents-p2 #left-col .blog-left h3, #contents-p2 #left-col .shop-left h3, #contents-p2 #right-col .open_hours-center h3, #contents-p2 #right-col .article-center h3, #contents-p2 #right-col .nostyle-center h3, #contents-p2 #right-col .news-center h3, #contents-p2 #right-col .news_scroll-center h3, #contents-p2 #right-col .company_info-center h3, #contents-p2 #right-col .contact-center h3, #contents-p2 #right-col .faq-center h3, #contents-p2 #right-col .blog-center h3, #contents-p2 #right-col .shop-center h3, #contents-p3 .open_hours-center h3, #contents-p3 .article-center h3, #contents-p3 .nostyle-center h3, #contents-p3 .news-center h3, #contents-p3 .news_scroll-center h3, #contents-p3 .company_info-center h3, #contents-p3 .contact-center h3, #contents-p3 .faq-center h3, #contents-p3 .blog-center h3, #contents-p3 .shop-center h3 { background: none; clear: both; height: auto; letter-spacing: 0.3em; line-height: 1.5em; overflow: hidden; padding: 0 5%; text-align: left; width: 90%; text-indent: 0; margin-bottom: 15px; margin: auto; } #contents-p1 #left-col .open_hours-left h4, #contents-p1 #left-col .article-left h4, #contents-p1 #left-col .nostyle-left h4, #contents-p1 #left-col .news-left h4, #contents-p1 #left-col .news_scroll-left h4, #contents-p1 #left-col .company_info-left h4, #contents-p1 #left-col .contact-left h4, #contents-p1 #left-col .faq-left h4, #contents-p1 #left-col .blog-left h4, #contents-p1 #left-col .shop-left h4, #contents-p1 #right-col .open_hours-center h4, #contents-p1 #right-col .article-center h4, #contents-p1 #right-col .nostyle-center h4, #contents-p1 #right-col .news-center h4, #contents-p1 #right-col .news_scroll-center h4, #contents-p1 #right-col .company_info-center h4, #contents-p1 #right-col .contact-center h4, #contents-p1 #right-col .faq-center h4, #contents-p1 #right-col .blog-center h4, #contents-p1 #right-col .shop-center h4, #contents-p2 #left-col .open_hours-left h4, #contents-p2 #left-col .article-left h4, #contents-p2 #left-col .nostyle-left h4, #contents-p2 #left-col .news-left h4, #contents-p2 #left-col .news_scroll-left h4, #contents-p2 #left-col .company_info-left h4, #contents-p2 #left-col .contact-left h4, #contents-p2 #left-col .faq-left h4, #contents-p2 #left-col .blog-left h4, #contents-p2 #left-col .shop-left h4, #contents-p2 #right-col .open_hours-center h4, #contents-p2 #right-col .article-center h4, #contents-p2 #right-col .nostyle-center h4, #contents-p2 #right-col .news-center h4, #contents-p2 #right-col .news_scroll-center h4, #contents-p2 #right-col .company_info-center h4, #contents-p2 #right-col .contact-center h4, #contents-p2 #right-col .faq-center h4, #contents-p2 #right-col .blog-center h4, #contents-p2 #right-col .shop-center h4, #contents-p3 .open_hours-center h4, #contents-p3 .article-center h4, #contents-p3 .nostyle-center h4, #contents-p3 .news-center h4, #contents-p3 .news_scroll-center h4, #contents-p3 .company_info-center h4, #contents-p3 .contact-center h4, #contents-p3 .faq-center h4, #contents-p3 .blog-center h4, #contents-p3 .shop-center h4 { background: none; clear: both; height: auto; letter-spacing: 0.3em; line-height: 1.5em; overflow: hidden; padding: 0 5%; text-align: left; width: 90%; text-indent: 0; margin-bottom: 15px; margin: auto; } #contents-p1 #left-col .open_hours-left h5, #contents-p1 #left-col .article-left h5, #contents-p1 #left-col .nostyle-left h5, #contents-p1 #left-col .news-left h5, #contents-p1 #left-col .news_scroll-left h5, #contents-p1 #left-col .company_info-left h5, #contents-p1 #left-col .contact-left h5, #contents-p1 #left-col .faq-left h5, #contents-p1 #left-col .blog-left h5, #contents-p1 #left-col .shop-left h5, #contents-p1 #right-col .open_hours-center h5, #contents-p1 #right-col .article-center h5, #contents-p1 #right-col .nostyle-center h5, #contents-p1 #right-col .news-center h5, #contents-p1 #right-col .news_scroll-center h5, #contents-p1 #right-col .company_info-center h5, #contents-p1 #right-col .contact-center h5, #contents-p1 #right-col .faq-center h5, #contents-p1 #right-col .blog-center h5, #contents-p1 #right-col .shop-center h5, #contents-p2 #left-col .open_hours-left h5, #contents-p2 #left-col .article-left h5, #contents-p2 #left-col .nostyle-left h5, #contents-p2 #left-col .news-left h5, #contents-p2 #left-col .news_scroll-left h5, #contents-p2 #left-col .company_info-left h5, #contents-p2 #left-col .contact-left h5, #contents-p2 #left-col .faq-left h5, #contents-p2 #left-col .blog-left h5, #contents-p2 #left-col .shop-left h5, #contents-p2 #right-col .open_hours-center h5, #contents-p2 #right-col .article-center h5, #contents-p2 #right-col .nostyle-center h5, #contents-p2 #right-col .news-center h5, #contents-p2 #right-col .news_scroll-center h5, #contents-p2 #right-col .company_info-center h5, #contents-p2 #right-col .contact-center h5, #contents-p2 #right-col .faq-center h5, #contents-p2 #right-col .blog-center h5, #contents-p2 #right-col .shop-center h5, #contents-p3 .open_hours-center h5, #contents-p3 .article-center h5, #contents-p3 .nostyle-center h5, #contents-p3 .news-center h5, #contents-p3 .news_scroll-center h5, #contents-p3 .company_info-center h5, #contents-p3 .contact-center h5, #contents-p3 .faq-center h5, #contents-p3 .blog-center h5, #contents-p3 .shop-center h5 { background: none; clear: both; height: auto; letter-spacing: 0.3em; line-height: 1.5em; overflow: hidden; padding: 0 5%; text-align: left; width: 90%; text-indent: 0; margin-bottom: 15px; margin: auto; } #contents-p1 #left-col .open_hours-left h6, #contents-p1 #left-col .article-left h6, #contents-p1 #left-col .nostyle-left h6, #contents-p1 #left-col .news-left h6, #contents-p1 #left-col .news_scroll-left h6, #contents-p1 #left-col .company_info-left h6, #contents-p1 #left-col .contact-left h6, #contents-p1 #left-col .faq-left h6, #contents-p1 #left-col .blog-left h6, #contents-p1 #left-col .shop-left h6, #contents-p1 #right-col .open_hours-center h6, #contents-p1 #right-col .article-center h6, #contents-p1 #right-col .nostyle-center h6, #contents-p1 #right-col .news-center h6, #contents-p1 #right-col .news_scroll-center h6, #contents-p1 #right-col .company_info-center h6, #contents-p1 #right-col .contact-center h6, #contents-p1 #right-col .faq-center h6, #contents-p1 #right-col .blog-center h6, #contents-p1 #right-col .shop-center h6, #contents-p2 #left-col .open_hours-left h6, #contents-p2 #left-col .article-left h6, #contents-p2 #left-col .nostyle-left h6, #contents-p2 #left-col .news-left h6, #contents-p2 #left-col .news_scroll-left h6, #contents-p2 #left-col .company_info-left h6, #contents-p2 #left-col .contact-left h6, #contents-p2 #left-col .faq-left h6, #contents-p2 #left-col .blog-left h6, #contents-p2 #left-col .shop-left h6, #contents-p2 #right-col .open_hours-center h6, #contents-p2 #right-col .article-center h6, #contents-p2 #right-col .nostyle-center h6, #contents-p2 #right-col .news-center h6, #contents-p2 #right-col .news_scroll-center h6, #contents-p2 #right-col .company_info-center h6, #contents-p2 #right-col .contact-center h6, #contents-p2 #right-col .faq-center h6, #contents-p2 #right-col .blog-center h6, #contents-p2 #right-col .shop-center h6, #contents-p3 .open_hours-center h6, #contents-p3 .article-center h6, #contents-p3 .nostyle-center h6, #contents-p3 .news-center h6, #contents-p3 .news_scroll-center h6, #contents-p3 .company_info-center h6, #contents-p3 .contact-center h6, #contents-p3 .faq-center h6, #contents-p3 .blog-center h6, #contents-p3 .shop-center h6 { background: none; clear: both; height: auto; letter-spacing: 0.3em; line-height: 1.5em; overflow: hidden; padding: 0 5%; text-align: left; width: 90%; text-indent: 0; margin-bottom: 15px; margin: auto; } /*■■■■ここまでベース■■■■ ------------------------------------------------*/ /*■■■■ここからグローバルコンテンツ■■■■ ------------------------------------------------*/ #header #logo { float: left; margin: 0 0 0px 20px; width: 55%; } #header #information { line-height: 1.3em; margin-top: 10px; text-align: right; max-width: 80%; word-wrap: break-word; font-size: 80%; display: none; } #top-img { clear: both; margin: 0 0; overflow: hidden; width: 100%; background: none; padding: 0px 0px; } #contents-p1 #left-col, #contents-p2 #left-col, #contents-p1 #right-col, #contents-p2 #right-col, #contents-p3 #contents-p3-inner-box { margin: 12px 0 0 0; width: 100%; } #crumb { margin: 10px 0 0 0; overflow: hidden; width: 100%; display: none; } #contents-p1 #left-col .article-left, #contents-p1 #left-col .nostyle-left, #contents-p1 #right-col .article-center, #contents-p1 #right-col .nostyle-center, #contents-p2 #left-col .article-left, #contents-p2 #left-col .nostyle-left, #contents-p2 #right-col .article-center, #contents-p2 #right-col .nostyle-center, #contents-p3 .article-center, #contents-p3 .nostyle-center, #contents-p1 #left-col .news-left, #contents-p1 #right-col .news-center, #contents-p1 #left-col .news_scroll-left, #contents-p1 #right-col .news_scroll-center, #contents-p2 #left-col .news_scroll-left, #contents-p2 #right-col .news_scroll-center, #contents-p2 #left-col .news-left, #contents-p2 #right-col .news-center, #contents-p3 .news_scroll-center, #contents-p3 .news-center, #contents-p1 #left-col .company_info-left, #contents-p1 #right-col .company_info-center, #contents-p2 #left-col .company_info-left, #contents-p2 #right-col .company_info-center, #contents-p3 .company_info-center, #contents-p1 #left-col .blog-left, #contents-p1 #right-col .blog-center, #contents-p2 #left-col .blog-left, #contents-p2 #right-col .blog-center, #contents-p3 .blog-center, #contents-p1 #left-col .contact-left, #contents-p1 #right-col .contact-center, #contents-p2 #left-col .contact-left, #contents-p2 #right-col .contact-center, #contents-p3 .contact-center { width: 100%; } #contents-p1 #left-col .article-left .box, #contents-p1 #left-col .nostyle-left .box, #contents-p1 #right-col .article-center .box, #contents-p1 #right-col .nostyle-center .box, #contents-p2 #left-col .article-left .box, #contents-p2 #left-col .nostyle-left .box, #contents-p2 #right-col .article-center .box, #contents-p2 #right-col .nostyle-center .box, #contents-p3 .article-center .box, #contents-p3 .nostyle-center .box, #contents-p1 #left-col .news-left .box, #contents-p1 #right-col .news-center .box, #contents-p1 #left-col .news_scroll-left .box, #contents-p1 #right-col .news_scroll-center .box, #contents-p2 #left-col .news_scroll-left .box, #contents-p2 #right-col .news_scroll-center .box, #contents-p2 #left-col .news-left .box, #contents-p2 #right-col .news-center .box, #contents-p3 .news_scroll-center .box, #contents-p3 .news-center .box, #contents-p1 #left-col .company_info-left .box, #contents-p1 #right-col .company_info-center .box, #contents-p2 #left-col .company_info-left .box, #contents-p2 #right-col .company_info-center .box, #contents-p3 .company_info-center .box, #contents-p1 #left-col .blog-left .box, #contents-p1 #right-col .blog-center .box, #contents-p2 #left-col .blog-left .box, #contents-p2 #right-col .blog-center .box, #contents-p3 .blog-center .box, #contents-p1 #left-col .contact-left .box, #contents-p1 #right-col .contact-center .box, #contents-p2 #left-col .contact-left .box, #contents-p2 #right-col .contact-center .box, #contents-p3 .contact-center .box { width: 85%; margin: 15px auto; padding: 0; } /*■■■■ここまでグローバルコンテンツ■■■■ ------------------------------------------------*/ /*■■■■ここからグローバルナビ■■■■ ------------------------------------------------*/ #header-nav { background: none; clear: both; height: 100%; margin: 0 0.5% 5px; overflow: hidden; padding-top: 5px; width: 99%; } #header-nav ul { border-radius: 0; height: 100%; letter-spacing: 0.2em; line-height: 1.2em; list-style: outside none none; margin: 0 auto; overflow: hidden; width: 100%; } #header-nav ul li, #header-nav ul li#nav-7 { background: none; float: left; height: initial; margin: 1px 0.5%; width: 49%; border: none; background-color: #5da034; color: #7f7b29; } #header-nav ul li.current, #header-nav ul li#nav-7.current { background: none; float: left; height: initial; margin: 1px 0.5%; width: 49%; border: none; background-color: #478737; color: #7f7b29; } #header-nav ul li a, #header-nav ul li#nav-7 a, #header-nav ul li#nav-7 a:hover { background: none; height: initial; color: #fff; display: block; font-weight: none; padding: 0; text-align: center; text-decoration: none; width: 100%; line-height: 45px; margin: 1px 0.5%; font-size: 90%; } #header-nav ul li#nav-1 { width: 99%; margin: 1.5px 0.5%; height: initial; background-color: #5da034; } #header-nav ul li#nav-1.current { width: 99%; margin: 1.5px 0.5%; background: none; height: initial; background-color: #478737; color: #fff; } #header-nav ul li#nav-1.current a, #header-nav ul li#nav-1 a:hover, #header-nav ul li#nav-1 a { width: 100%; margin: 0; background: none; height: initial; color: #fff; line-height: 45px; border-bottom: initial; } #header-nav ul li a:hover, #header-nav ul li.current a, #header-nav ul li#nav-7 a:hover, #header-nav ul li#nav-7.current a { background: none; font-weight: none; height: initial; padding: 0 0 0 0; display: block; text-align: center; text-decoration: none; font-weight: normal; text-shadow: none; line-height: 45px; border-bottom: initial; width: 100%; } /*■■■■ここまでグローバルナビ■■■■ ------------------------------------------------*/ /*■■■■ここからサブメニュー■■■■ ------------------------------------------------*/ #contents-p1 #left-col #sub-menu, #contents-p2 #right-col #sub-menu, #contents-p3 #sub-menu, #sub-menu { background: none; border: none; border-collapse: separate; border-radius: none; border-spacing: 5px 0; display: table; height: 100%; margin: 10px 0px; overflow: hidden; padding: 0; width: 100%; } #contents-p1 #left-col #sub-menu ul, #contents-p2 #right-col #sub-menu ul, #contents-p3 #sub-menu ul, #sub-menu ul { display: table-cell; float: left; margin: 0; padding: 4px 0; width: 100%; } #contents-p1 #left-col #sub-menu ul li, #contents-p2 #right-col #sub-menu ul li, #contents-p3 #sub-menu ul li, #sub-menu ul li { background: none; border-right: 0px solid #323232; float: left; font-size: 0.85em; font-weight: normal; letter-spacing: 0.1em; line-height: 1; margin: 2px 0px; padding: 0; text-indent: 0; width: 50%; text-align: center; } #contents-p1 #left-col #sub-menu h4, #contents-p1 #left-col #sub-menu h5, #contents-p1 #right-col #sub-menu h4, #contents-p1 #right-col #sub-menu h5, #contents-p2 #left-col #sub-menu h4, #contents-p2 #left-col #sub-menu h5, #contents-p2 #right-col #sub-menu h4, #contents-p2 #right-col #sub-menu h5, #contents-p3 #sub-menu h4, #contents-p3 #sub-menu h5 { background: none; border-radius: 0px; clear: both; color: #323232; display: table-cell; font-size: 85%; font-weight: bold; height: 100%; letter-spacing: 0.1em; line-height: 1.2em; text-align: center; vertical-align: middle; width: 100%; float: left; } #contents-p1 #left-col #sub-menu ul li.current a, #contents-p1 #left-col #sub-menu ul li a:hover, #contents-p1 #right-col #sub-menu ul li.current a, #contents-p1 #right-col #sub-menu ul li a:hover, #contents-p2 #left-col #sub-menu ul li.current a, #contents-p2 #left-col #sub-menu ul li a:hover, #contents-p2 #right-col #sub-menu ul li.current a, #contents-p2 #right-col #sub-menu ul li a:hover, #contents-p3 #sub-menu ul li.current a, #contents-p3 #sub-menu ul li a:hover { color: #ddd; } #contents-p1 #left-col #sub-menu ul li a:hover, #contents-p1 #right-col #sub-menu ul li a:hover, #contents-p2 #left-col #sub-menu ul li a:hover, #contents-p2 #right-col #sub-menu ul li a:hover, #contents-p3 #sub-menu ul li a:hover { background-color: #fff; } /*■■■■ここまでサブメニュー■■■■ ------------------------------------------------*/ /*■■■■ここからブロックcontent_box■■■■ ------------------------------------------------*/ /*ここからnews ------------------------------------------------*/ #contents-p1 #left-col .news-left, #contents-p1 #left-col .news_scroll-left, #contents-p1 #right-col .news-center, #contents-p1 #right-col .news_scroll-center, #contents-p2 #left-col .news-left, #contents-p2 #left-col .news_scroll-left, #contents-p2 #right-col .news-center, #contents-p2 #right-col .news_scroll-center, #contents-p3 .news-center, #contents-p3 .news_scroll-center { overflow: hidden; padding: 0; width: 100%; } #contents-p1 #left-col .news-left .box, #contents-p1 #left-col .news_scroll-left .box, #contents-p1 #right-col .news-center .box, #contents-p1 #right-col .news_scroll-center .box, #contents-p2 #left-col .news-left .box, #contents-p2 #left-col .news_scroll-left .box, #contents-p2 #right-col .news-center .box, #contents-p2 #right-col .news_scroll-center .box, #contents-p3 .news-center .box, #contents-p3 .news_scroll-center .box { margin: 10px 0px 15px 6%; padding: 0; width: 90%; border: none; overflow: auto; height: 150px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; } #contents-p1 #left-col .news-left .box dt, #contents-p1 #left-col .news_scroll-left .box dt, #contents-p1 #right-col .news-center .box dt, #contents-p1 #right-col .news_scroll-center .box dt, #contents-p2 #left-col .news-left .box dt, #contents-p2 #left-col .news_scroll-left .box dt, #contents-p2 #right-col .news-center .box dt, #contents-p2 #right-col .news_scroll-center .box dt, #contents-p3 .news-center .box dt, #contents-p3 .news_scroll-center .box dt { float: left; font-size: 90%; font-weight: none; letter-spacing: 0.1em; line-height: 120%; padding: 15px 3% 7px; width: 94%; } #contents-p1 #left-col .news-left .box dd, #contents-p1 #left-col .news_scroll-left .box dd, #contents-p1 #right-col .news-center .box dd, #contents-p1 #right-col .news_scroll-center .box dd, #contents-p2 #left-col .news-left .box dd, #contents-p2 #left-col .news_scroll-left .box dd, #contents-p2 #right-col .news-center .box dd, #contents-p2 #right-col .news_scroll-center .box dd, #contents-p3 .news-center .box dd, #contents-p3 .news_scroll-center .box dd { border-bottom: 1px dotted #bfbfbf; letter-spacing: 0.15em; line-height: 120%; margin: 0 0 2%; padding: 6px 1% 7px 5%; width: 94%; font-size: 90%; } /*ここまでnews ------------------------------------------------*/ /*ここからcompany_info ------------------------------------------------*/ #contents-p1 #left-col .company_info-left, #contents-p1 #right-col .company_info-center, #contents-p2 #left-col .company_info-left, #contents-p2 #right-col .company_info-center, #contents-p3 .company_info-center { width: 100%; } #contents-p1 #left-col .company_info-left .box, #contents-p1 #right-col .company_info-center .box, #contents-p2 #left-col .company_info-left .box, #contents-p2 #right-col .company_info-center .box, #contents-p3 .company_info-center .box { height: auto; padding: 10px 1%; width: 98%; margin: 10px auto 15px; } .company_info-center .box { width: 85%; margin: 25px 7.5%; padding: 0px; } #contents-p2 #right-col .company_info-center table, #contents-p1 #left-col .company_info-left table, #contents-p1 #right-col .company_info-center table, #contents-p2 #left-col .company_info-left table, #contents-p2 #right-col .company_info-center table, #contents-p3 .company_info-center table { table-layout: none; width: 100%; } #contents-p1 #left-col .company_info-left table th, #contents-p1 #right-col .company_info-center table th, #contents-p2 #left-col .company_info-left table th, #contents-p2 #right-col .company_info-center table th, #contents-p3 .company_info-center table th { display: block; width: 95%; float: left; margin: 0px 2.5% 10px; padding: 0px 0px 3px; background: none; border: none; border-bottom: 1px solid #ddd; text-indent: 10px; text-align: left; font-size: 100%; } #contents-p1 #left-col .company_info-left table td, #contents-p1 #right-col .company_info-center table td, #contents-p2 #left-col .company_info-left table td, #contents-p2 #right-col .company_info-center table td, #contents-p3 .company_info-center table td { display: block; float: left; width: 90%; margin: 0px 0 10px 5%; padding: 0px 0px 3px; background: none; border: none; } #contents-p1 #left-col .company_info-left table td iframe, #contents-p1 #right-col .company_info-center table td iframe, #contents-p2 #left-col .company_info-center table td iframe, #contents-p2 #right-col .company_info-center table td iframe, #contents-p3 .company_info-center table td iframe { height: 350px !important; width: 100% !important; } #contents-p1 #left-col .company_info-left table td .no_td_css table thead, #contents-p1 #right-col .company_info-center table td .no_td_css table thead, #contents-p2 #left-col .company_info-left table td .no_td_css table thead, #contents-p2 #right-col .company_info-center table td .no_td_css table thead, #contents-p3 .company_info-center table td .no_td_css table thead { display: block; float: left; } #contents-p1 #left-col .company_info-left table td .no_td_css table tbody, #contents-p1 #right-col .company_info-center table td .no_td_css table tbody, #contents-p2 #left-col .company_info-left table td .no_td_css table tbody, #contents-p2 #right-col .company_info-center table td .no_td_css table tbody, #contents-p3 .company_info-center table td .no_td_css table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } #contents-p1 #left-col .company_info-left table td .no_td_css table tbody tr, #contents-p1 #right-col .company_info-center table td .no_td_css table tbody tr, #contents-p2 #left-col .company_info-left table td .no_td_css table tbody tr, #contents-p2 #right-col .company_info-center table td .no_td_css table tbody tr, #contents-p3 .company_info-center table td .no_td_css table tbody tr { display: inline-block; vertical-align: top; width: 33%; margin-right: -2.9%; } #contents-p1 #left-col .company_info-left table td .no_td_css table tbody td, #contents-p1 #right-col .company_info-center table td .no_td_css table tbody td, #contents-p2 #left-col .company_info-left table td .no_td_css table tbody td, #contents-p2 #right-col .company_info-center table td .no_td_css table tbody td, #contents-p3 .company_info-center table td .no_td_css table tbody td { margin: 0; padding: 0; width: 100%; } /*ここまでcompany_info ------------------------------------------------*/ /*ここからカレンダーブロック ------------------------------------------------*/ table { width: 100%; } #oh_calendar .oh_month { width: 70%; margin: 0px 15%; } #oh_calendar .oh_desc { width: 70%; margin: 0px 15%; } .oh_month table td { text-align: center; } #oh_calendar caption { font-size: 150%; padding: 7px 0px; } /*ここまでカレンダーブロック ------------------------------------------------*/ /*ここからブログブロック ------------------------------------------------*/ #contents-p1 #left-col .blog-left .box, #contents-p1 #right-col .blog-center .box, #contents-p2 #left-col .blog-left .box, #contents-p2 #right-col .blog-center .box, #contents-p3 .blog-center .box { width: 95%; } #contents-p1 #left-col .blog-left .box .blog-cate, #contents-p1 #right-col .blog-center .box .blog-cate, #contents-p2 #left-col .blog-left .box .blog-cate, #contents-p2 #right-col .blog-center .box .blog-cate, #contents-p3 .blog-center .box .blog-cate { width: auto; } #contents-p1 #left-col .blog-left .box .blog-content, #contents-p1 #right-col .blog-center .box .blog-content, #contents-p2 #left-col .blog-left .box .blog-content, #contents-p2 #right-col .blog-center .box .blog-content, #contents-p3 .blog-center .box .blog-content { width: auto; } #contents-p1 #left-col .blog-left .box .blog-com, #contents-p1 #right-col .blog-center .box .blog-com, #contents-p2 #left-col .blog-left .box .blog-com, #contents-p2 #right-col .blog-center .box .blog-com, #contents-p3 .blog-center .box .blog-com { width: auto; } .blog-center .box-out h2 { border: none; font-size: 100%; margin: 0; padding: 8px 10% 4px; text-align: center; width: 80%; } img[src="/img/sozai/Rssicon_3614.gif"] { display: none !important; } .paging { width: auto; margin: 0 10%; } #contents-p1 #left-col .blog-left .comment-box, #contents-p1 #right-col .blog-center .comment-box, #contents-p2 #left-col .blog-left .comment-box, #contents-p2 #left-col .blog-center .comment-box, #contents-p3 .blog-center .comment-box { width: 100%; } #contents-p1 #left-col .blog-left .comment-box .comment-post-box input, #contents-p1 #left-col .blog-left .comment-box .comment-post-box textarea, #contents-p1 #right-col .blog-center .comment-box .comment-post-box input, #contents-p1 #right-col .blog-center .comment-box .comment-post-box textarea, #contents-p2 #left-col .blog-left .comment-box .comment-post-box input, #contents-p2 #left-col .blog-left .comment-box .comment-post-box textarea, #contents-p2 #right-col .blog-center .comment-box .comment-post-box input, #contents-p2 #right-col .blog-center .comment-box .comment-post-box textarea, #contents-p3 .blog-center .comment-box .comment-post-box input, #contents-p3 .blog-center .comment-box .comment-post-box textarea { width: 90%; } #contents-p1 #left-col .blog-left .comment-box .comment-post .submit, #contents-p1 #right-col .blog-center .comment-box .comment-post .submit, #contents-p2 #left-col .blog-left .comment-box .comment-post .submit, #contents-p2 #left-col .blog-center .comment-box .comment-post .submit, #contents-p2 #left-col .blog-center .comment-box .comment-post .submit { width: 80px; text-align: center; } /*ここまでブログブロック ------------------------------------------------*/ /*ここからブログカテゴリブロック ------------------------------------------------*/ #contents-p1 #left-col .blog-left .box ul li.a-parent, #contents-p1 #right-col .blog-center .box ul li.a-parent, #contents-p2 #left-col .blog-left .box ul li.a-parent, #contents-p2 #right-col .blog-center .box ul li.a-parent, #contents-p3 .blog-center .box ul li.a-parent { width: 44%; float: left; margin: 1.5px 1%; padding: 0 2%; line-height: 2.5em; border-bottom: initial; background-color: #ddd; border-radius: 4px; font-size: 80%; text-align: center; } #contents-p1 #left-col .blog-left .box ul li, #contents-p1 #right-col .blog-center .box ul li, #contents-p2 #left-col .blog-left .box ul li, #contents-p2 #right-col .blog-center .box ul li, #contents-p3 .blog-center .box ul li { width: auto; text-indent: 10px; } /*ここまでブログカテゴリブロック ------------------------------------------------*/ /*ここからお問い合せブロック ------------------------------------------------*/ #contents-p1 #right-col .contact-center .box, #contents-p1 #left-col .contact-left .box, #contents-p2 #right-col .contact-center .box, #contents-p2 #left-col .contact-left .box, #contents-p3 .contact-center .box { margin: 15px 7% 40px; padding: 22px 4%; width: 79%; border: none; background: none; } #contents-p1 #left-col .contact-left table, #contents-p1 #right-col .contact-center table, #contents-p2 #left-col .contact-left table, #contents-p2 #right-col .contact-center table, #contents-p3 .contact-center table { width: 100%; margin: 10px 0px; } #contents-p1 #left-col .contact-left table th, #contents-p1 #right-col .contact-center table th, #contents-p2 #left-col .contact-left table th, #contents-p2 #right-col .contact-center table th, #contents-p3 .contact-center table th { display: block; float: left; width: 94%; padding: 0; text-align: left; letter-spacing: 0.1em; border: none; background: none; } #contents-p1 #left-col .contact-left .inner-table td, #contents-p1 #right-col .contact-center .inner-table td, #contents-p2 #left-col .contact-left .inner-table td, #contents-p2 #right-col .contact-center .inner-table td, #contents-p3 .contact-center .inner-table td { width: 45%; display: block; float: left; padding: 0; } #contents-p1 #left-col .contact-left table td, #contents-p1 #right-col .contact-center table td, #contents-p2 #left-col .contact-left table td, #contents-p2 #right-col .contact-center table td, #contents-p3 .contact-center table td { display: block; float: left; width: 100%; margin: 0 0 8px; padding: 5px 0px 3px; line-height: 1.5em; border: none; background: none; } #contents-p1 #left-col .contact-left table textarea, #contents-p1 #right-col .contact-center table textarea, #contents-p2 #left-col .contact-left table textarea, #contents-p2 #right-col .contact-center table textarea, #contents-p3 .contact-center table textarea { width: 97.5%; font-size: 96%; } #contents-p1 #left-col .contact-left table input, #contents-p1 #right-col .contact-center table input, #contents-p2 #left-col .contact-left table input, #contents-p2 #right-col .contact-center table input, #contents-p3 .contact-center table input { width: 94%; height: 40px; font-size: 96%; } #contents-p1 #left-col .contact-left table td input[type="text"].input-text-s, #contents-p1 #left-col .contact-left table td input[type="text"].input-text-m, #contents-p1 #left-col .contact-left table td input[type="text"].input-text-l, #contents-p1 #left-col .contact-center table td input[type="text"].input-text-l, #contents-p1 #right-col .contact-center table td input[type="text"].input-text-s, #contents-p1 #right-col .contact-center table td input[type="text"].input-text-m, #contents-p1 #right-col .contact-center table td input[type="text"].input-text-l, #contents-p2 #left-col .contact-left table td input[type="text"].input-text-s, #contents-p2 #left-col .contact-left table td input[type="text"].input-text-m, #contents-p2 #left-col .contact-left table td input[type="text"].input-text-l, #contents-p2 #right-col .contact-center table td input[type="text"].input-text-s, #contents-p2 #right-col .contact-center table td input[type="text"].input-text-m, #contents-p2 #right-col .contact-center table td input[type="text"].input-text-l, #contents-p3 .contact-center table td input[type="text"].input-text-s, #contents-p3 .contact-center table td input[type="text"].input-text-m, #contents-p3 .contact-center table td input[type="text"].input-text-l { width: 100%; box-sizing: border-box; } #contents-p1 #left-col .contact-left table td textarea, #contents-p1 #right-col .contact-center table td textarea, #contents-p2 #left-col .contact-left table td textarea, #contents-p2 #right-col .contact-center table td textarea, #contents-p3 .contact-center table td textarea { height: 200px; width: 100%; box-sizing: border-box; } #contents-p1 #left-col .contact-left table td .radio-style input, #contents-p1 #right-col .contact-center table td .radio-style input, #contents-p2 #left-col .contact-left table td .radio-style input, #contents-p2 #right-col .contact-center table td .radio-style input, #contents-p3 .contact-center table td .radio-style input { margin: 0 6px 0 0; width: 14px; } #contents-p1 #left-col .contact-center table td .radio-style label, #contents-p1 #right-col .contact-center table td .radio-style label, #contents-p2 #left-col .contact-center table td .radio-style label, #contents-p2 #right-col .contact-center table td .radio-style label, #contents-p3 .contact-center table td .radio-style label { display: inline-block; vertical-align: top; width: 80%; word-wrap: break-word; } .mail-result { width: 68%; } #contents-p1 #left-col .contact-left table td .radio-style, #contents-p1 #right-col .contact-center table td .radio-style, #contents-p2 #left-col .contact-left table td .radio-style, #contents-p2 #right-col .contact-center table td .radio-style, #contents-p3 .contact-center table td .radio-style { float: left; width: 33%; } #contents-p1 #left-col .contact-left table td .radio-style input, #contents-p1 #right-col .contact-center table td .radio-style input, #contents-p2 #left-col .contact-left table td .radio-style input, #contents-p2 #right-col .contact-center table td .radio-style input, #contents-p3 .contact-center table td .radio-style input { height: 10px; } #contents-p1 #left-col .contact-left table td .radio-style label, #contents-p1 #right-col .contact-center table td .radio-style label, #contents-p2 #left-col .contact-left table td .radio-style label, #contents-p2 #right-col .contact-center table td .radio-style label, #contents-p3 .contact-center table td .radio-style label { font-size: 90%; line-height: 25px; width: 75%; } #contents-p1 #left-col .contact-left table td .checkbox, #contents-p1 #right-col .contact-center table td .checkbox, #contents-p2 #left-col .contact-left table td .checkbox, #contents-p2 #right-col .contact-center table td .checkbox, #contents-p3 .contact-center table td .checkbox { float: left; width: 100%; margin: 0px; } #contents-p1 #left-col .contact-left table td .checkbox input, #contents-p1 #right-col .contact-center table td .checkbox input, #contents-p2 #left-col .contact-left table td .checkbox input, #contents-p2 #right-col .contact-center table td .checkbox input, #contents-p3 .contact-center table td .checkbox input { height: 10px; } #contents-p1 #left-col .contact-left table td .checkbox label, #contents-p1 #right-col .contact-center table td .checkbox label, #contents-p2 #left-col .contact-left table td .checkbox label, #contents-p2 #right-col .contact-center table td .checkbox label, #contents-p3 .contact-center table td .checkbox label { font-size: 90%; width: 75%; vertical-align: top; line-height: 25px; } #contents-p1 #left-col .contact-left .inner-table, #contents-p1 #right-col .contact-center .inner-table, #contents-p2 #left-col .contact-left .inner-table, #contents-p2 #right-col .contact-center .inner-table, #contents-p3 .contact-center .inner-table { width: 100%; } #contents-p1 #left-col .contact-left table td .inner-table .input, #contents-p1 #right-col .contact-center table td .inner-table .input, #contents-p2 #left-col .contact-left table td .inner-table .input, #contents-p2 #right-col .contact-center table td .inner-table .input, #contents-p3 .contact-center table td .inner-table .input { width: 100%; padding: 0 2%; } #contents-p1 #left-col .contact-left p.example, #contents-p1 #right-col .contact-center p.example, #contents-p2 #left-col .contact-left p.example, #contents-p2 #right-col .contact-center p.example, #contents-p3 .contact-center p.example, #contents-p1 #left-col .contact-left p.char, #contents-p1 #right-col .contact-center p.char, #contents-p2 #left-col .contact-left p.char, #contents-p2 #right-col .contact-center p.char, #contents-p3 .contact-center p.char { text-align: left; font-size: 70%; margin: 3px 0; color: #666; line-height: 1em; padding: 0; font-weight: normal; } #contents-p1 #left-col .contact-left table td .select select #contents-p1 #right-col .contact-center table td .select select #contents-p2 #left-col .contact-left table td .select select #contents-p2 #right-col .contact-center table td .select select #contents-p3 .contact-center table td .select select { width: 100%; } .input.radio { line-height: 30px; } #contents-p1 #left-col .contact-left table input[type="radio"], #contents-p1 #right-col .contact-center table input[type="radio"], #contents-p2 #left-col .contact-left table input[type="radio"], #contents-p2 #right-col .contact-center table input[type="radio"], #contents-p3 .contact-center table input[type="radio"], #contents-p1 #left-col .contact-left table input[type="checkbox"], #contents-p1 #right-col .contact-center table input[type="checkbox"], #contents-p2 #left-col .contact-left table input[type="checkbox"], #contents-p2 #right-col .contact-center table input[type="checkbox"], #contents-p3 .contact-center table input[type="checkbox"] { height: 10px; width: auto; } /*ここまでお問い合せブロック ------------------------------------------------*/ /*ここからカレンダーブロック ------------------------------------------------*/ #contents-p1 #left-col .open_hours-left .box .oh_month caption, #contents-p1 #right-col .open_hours-center .box .oh_month caption, #contents-p2 #left-col .open_hours-left .box .oh_month caption, #contents-p2 #right-col .open_hours-center .box .oh_month caption, #contents-p3 .open_hours-center .box .oh_month caption { border-left: 0px; font-size: 80%; } #contents-p1 #left-col .open_hours-left .box, #contents-p1 #right-col .open_hours-center .box, #contents-p2 #left-col .open_hours-left .box, #contents-p2 #right-col .open_hours-center .box, #contents-p3 .open_hours-center .box { width: 90%; margin: 10px auto 15px; padding: 0; border: 0px solid; } #contents-p1 #left-col .open_hours-left .box .oh_month, #contents-p1 #right-col .open_hours-center .box .oh_month, #contents-p2 #left-col .open_hours-left .box .oh_month, #contents-p2 #right-col .open_hours-center .box .oh_month, #contents-p3 .open_hours-center .box .oh_month { width: 46%; float: left; margin: 0 2% 20px; } #contents-p1 #left-col .open_hours-left .box .oh_month table, #contents-p1 #right-col .open_hours-center .box .oh_month table, #contents-p2 #left-col .open_hours-left .box .oh_month table, #contents-p2 #right-col .open_hours-center .box .oh_month table, #contents-p3 .open_hours-center .box .oh_month table { border-spacing: 0 !important; } #contents-p1 #left-col .open_hours-left .box .oh_month table td, #contents-p1 #right-col .open_hours-center .box .oh_month table td, #contents-p2 #left-col .open_hours-left .box .oh_month table td, #contents-p2 #right-col .open_hours-center .box .oh_month table td, #contents-p3 .open_hours-center .box .oh_month table td { padding: 5px 1%; font-size: 60%; border: 1px solid #fff; word-break: break-all; } #contents-p1 #left-col .open_hours-left .box .oh_desc, #contents-p1 #right-col .open_hours-center .box .oh_desc, #contents-p2 #left-col .open_hours-left .box .oh_desc, #contents-p2 #right-col .open_hours-center .box .oh_desc, #contents-p3 .open_hours-center .box .oh_desc { max-width: 230px; margin: -10px 15% 0; float: left; width: 70%; } #contents-p1 #left-col .open_hours-left .box .oh_desc td, #contents-p1 #right-col .open_hours-center .box .oh_desc td, #contents-p2 #left-col .open_hours-left .box .oh_desc td, #contents-p2 #right-col .open_hours-center .box .oh_desc td, #contents-p3 .open_hours-center .box .oh_desc td { max-width: 150px; word-break: break-all; } /*ここまでカレンダーブロック ------------------------------------------------*/ /*ここからよくある質問ブロック ------------------------------------------------*/ #contents-p1 #left-col .faq-left .box, #contents-p1 #right-col .faq-center .box, #contents-p2 #left-col .faq-left .box, #contents-p2 #right-col .faq-center .box, #contents-p3 .faq-center .box { margin: 0 10px; width: auto; } #contents-p1 #left-col .faq-left dt, #contents-p1 #right-col .faq-center dt, #contents-p2 #left-col .faq-left dt, #contents-p2 #right-col .faq-center dt, #contents-p3 .faq-center dt { margin: 10px 10px 20px; width: auto; letter-spacing: 0.05em; font-weight: normal; } #contents-p1 #left-col .faq-left dd, #contents-p1 #right-col .faq-center dd, #contents-p2 #left-col .faq-left dd, #contents-p2 #right-col .faq-center dd, #contents-p3 .faq-center dd { margin: 10px 10px 20px; width: auto; letter-spacing: 0.05em; font-weight: normal; } /*ここまでよくある質問ブロック ------------------------------------------------*/ /*ここからショッピングカートブロック ------------------------------------------------*/ #contents-p1 #left-col .shop-left, #contents-p1 #right-col .shop-center, #contents-p2 #left-col .shop-left, #contents-p2 #right-col .shop-center, #contents-p3 .shop-center { padding: 0; width: 100%; } #contents-p1 #left-col .shop-left input.view-cart, #contents-p1 #right-col .shop-center input.view-cart, #contents-p2 #left-col .shop-left input.view-cart, #contents-p2 #right-col .shop-center input.view-cart, #contents-p3 .shop-center input.view-cart { background: rgba(0, 0, 0, 0) url("/img/themed/show_cart_btn.gif") no-repeat scroll 0 0; border: medium none; display: block; height: 32px; margin: 10px 0 0; outline: medium none; overflow: hidden; text-indent: -9999px; width: 100%; } #contents-p1 #left-col .shop-left .box, #contents-p1 #right-col .shop-center .box, #contents-p2 #left-col .shop-left .box, #contents-p2 #right-col .shop-center .box, #contents-p3 .shop-center .box { border: 1px solid #aaaaaa; clear: both; margin: 10px 5% 15px; overflow: hidden; width: 90%; } #contents-p1 #left-col .shop-left .box img, #contents-p1 #right-col .shop-center .box img, #contents-p2 #left-col .shop-left .box img, #contents-p2 #right-col .shop-center .box img, #contents-p3 .shop-center .box img { min-width: initial; } #contents-p1 #left-col .shop-left .box .box_item, #contents-p1 #right-col .shop-center .box .box_item, #contents-p2 #left-col .shop-left .box .box_item, #contents-p2 #right-col .shop-center .box .box_item, #contents-p3 .shop-center .box .box_item { border-bottom: 1px dotted #666666; margin: 2%; min-height: 220px; min-width: initial; overflow: hidden; width: 96%; height: initial !important; } #contents-p1 #left-col .shop-left .box_view, #contents-p1 #right-col .shop-center .box_view, #contents-p2 #left-col .shop-left .box_view, #contents-p2 #right-col .shop-center .box_view, #contents-p3 .shop-center .box_view { font-size: 80%; } #contents-p1 #left-col .shop-left .box_select, #contents-p1 #right-col .shop-center .box_select, #contents-p2 #left-col .shop-left .box_select, #contents-p2 #right-col .shop-center .box_select, #contents-p3 .shop-center .box_select { margin: 10px 19px 0 0; } #contents-p1 #left-col .contact-left table td .select select, #contents-p1 #right-col .contact-center table td .select select, #contents-p2 #left-col .contact-left table td .select select, #contents-p2 #right-col .contact-center table td .select select #contents-p3 .contact-center table td .select select { width: 100%; } #contents-p1 #left-col .shop-left .item-img, #contents-p1 #right-col .shop-center .item-img, #contents-p2 #left-col .shop-left .item-img, #contents-p2 #right-col .shop-center .item-img, #contents-p3 .shop-center .item-img { max-width: 100%; min-width: initial; width: 96%; overflow: hidden; margin: 2%; } #contents-p1 #left-col .shop-left .item-desc, #contents-p1 #right-col .shop-center .item-desc, #contents-p2 #left-col .shop-left .item-desc, #contents-p2 #right-col .shop-center .item-desc, #contents-p3 .shop-center .item-desc { margin: 0 3%; width: 90%; padding: 5px 2%; } #contents-p1 #left-col .shop-left .item-title, #contents-p1 #right-col .shop-center .item-title, #contents-p2 #left-col .shop-left .item-title, #contents-p2 #right-col .shop-center .item-title, #contents-p3 .shop-center .item-title { margin: 5px 3% 0; width: 92%; padding: 0 0 0 2%; } #contents-p1 #left-col .shop-left .item-number, #contents-p1 #right-col .shop-center .item-number, #contents-p2 #left-col .shop-left .item-number, #contents-p2 #right-col .shop-center .item-number, #contents-p3 .shop-center .item-number { margin: 5px 3% 0; width: 92%; padding: 0 0 0 2%; } #contents-p1 #left-col .shop-center .box .order-item-l, #contents-p1 #right-col .shop-center .box .order-item-l, #contents-p2 #left-col .shop-center .box .order-item-l, #contents-p2 #right-col .shop-center .box .order-item-l, #contents-p3 .shop-center .box .order-item-l { margin: 5px 3% 0; width: 94%; } #contents-p1 #left-col .shop-left .box .box_item .price, #contents-p1 #right-col .shop-center .box .box_item .price, #contents-p2 #left-col .shop-left .box .box_item .price, #contents-p2 #right-col .shop-center .box .box_item .price, #contents-p3.shop-center .box .box_item .price { margin: 5px 10% 0 !important; text-align: left; } #contents-p1 #left-col .shop-left .price, #contents-p1 #right-col .shop-center .price, #contents-p2 #left-col .shop-left .price, #contents-p2 #right-col .shop-center .price, #contents-p3 .shop-center .price { padding: 5px 3%; width: 74%; overflow-wrap: break-word; } #contents-p1 #left-col .shop-left .cart, #contents-p1 #right-col .shop-center .cart, #contents-p2 #left-col .shop-left .cart, #contents-p2 #right-col .shop-center .cart, #contents-p3 .shop-center .cart { width: 94%; margin: 0 3%; } #contents-p1 #left-col .shop-left .btn-back-panel, #contents-p1 #right-col .shop-center .btn-back-panel, #contents-p2 #left-col .shop-left .btn-back-panel, #contents-p2 #right-col .shop-center .btn-back-panel, #contents-p3 .shop-center .btn-back-panel { width: 94%; margin: 3px 3% 0; text-align: center; } #contents-p1 #left-col .shop-left .box .box_item .list-desc, #contents-p1 #right-col .shop-center .box .box_item .list-desc, #contents-p2 #left-col .shop-left .box .box_item .list-desc, #contents-p2 #right-col .shop-center .box .box_item .list-desc, #contents-p3 #right-col .shop-center .box .box_item .list-desc { width: 94%; margin: 0 3%; } #contents-p1 #left-col .shop-left .box .box_item .order-item-g, #contents-p1 #right-col .shop-center .box .box_item .order-item-g, #contents-p2 #left-col .shop-left .box .box_item .order-item-g, #contents-p2 #right-col .shop-center .box .box_item .order-item-g, #contents-p3 .shop-center .box .box_item .order-item-g { margin-bottom: 30px !important; } /*ここまでショッピングカートブロック ------------------------------------------------*/ /*ここからショップ独自カテゴリーブロック ------------------------------------------------*/ #contents-p1 #left-col .shop-left, #contents-p1 #right-col .shop-center, #contents-p2 #left-col .shop-left, #contents-p2 #right-col .shop-center, #contents-p3 .shop-center { width: 90%; margin: auto; } /*ここまでショップ独自カテゴリーブロック ------------------------------------------------*/ /*■■■■ここまでブロックcontent_box■■■■ ------------------------------------------------*/ /*ここから「ページTOPへ戻る」 ------------------------------------------------*/ #pagetop { width: auto; } .page-top { background: #478737 none repeat scroll 0 0; bottom: 20px; font-size: 100%; opacity: 0.55; padding: 5px 16px; position: fixed; right: 20px; text-decoration: none; letter-spacing: 0.2em; color: #fff; } /*ここまで「ページTOPへ戻る」 ------------------------------------------------*/ }