@charset "UTF-8"; /* Theme Name: ManaSys Template: basic */ #body .module.none { display: none; } .page-template-uscescart table { width: 100%; margin-bottom: 1.25rem; border: 1px solid #ddd; border-collapse: collapse; font-size: .875rem; } .page-template-uscescart table thead, .page-template-uscescart table tfoot { background: #f5f5f5; } .page-template-uscescart table thead tr:last-child, .page-template-uscescart table tfoot tr:last-child { border-bottom: 1px solid #ddd; } .page-template-uscescart .font-awesome { font-family: 'FontAwesome'; } img { image-rendering: pixelated; } .cf { zoom: 1; } .cf:before, .cf:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .cf:after { clear: both; } .hide .module-title { text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; } /* body設定 */ .site { font-family: "ヒラギノ角ゴ ProN W3″", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #000; font-size: 13px; font-size: 0.8125rem; text-align: left; line-height: 1.7; } .site a { color: #000; text-decoration: underline; } .site a:visited { color: #000; } .site a:hover { color: #196836; text-decoration: none; } .site a:hover img { opacity: 0.70; } .site a:active { color: #196836; } /*ページトップへ戻る*/ .rtt { position: fixed; bottom: 20px; right: 10px; z-index: 9999; } .rtt a { text-decoration: none; max-width: 120px; padding: 10px; text-align: center; display: block; font-size: 12px; font-size: 0.75rem; line-height: 1; } .rtt a:hover { text-decoration: none; } .rtt a span { font-size: 30px; font-size: 1.875rem; display: block; line-height: 1; } .anchor_load { padding: 2px 0; } .anchor_load ul { margin: 0; border-top: solid 1px #196836; padding: 15px 10px; text-align: center; } .anchor_load ul li { display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ list-style: none; border-left: solid 1px #000; padding: 0 10px; } .anchor_load ul li:first-child { border: none; } table { width: 100%; } table tbody tr th, table tbody tr td { border-bottom: dotted 1px #7A7A7A; padding: 10px 5px; } /************************************* header *************************************/ /************************************* slider *************************************/ #main { text-align: center; } #main div { background-size: cover; background-repeat: no-repeat; background-position: center center; } #main div img { display: block; margin: 0 auto; } /************************************* footer *************************************/ #footerwrap #footer-nav { padding: 10px 0; margin: 0; text-align: center; } #footerwrap #footer-nav li { margin: 0; border-left: solid 1px #000; } #footerwrap #footer-nav li:first-child { border-left: none; } #footerwrap #footer-nav li a { padding: 0 10px; } #footerwrap #footer-nav li .sub-menu { display: none; } #footerwrap .f-con { font-size: 0px; font-size: 0rem; } #footerwrap .f-con .f-tel, #footerwrap .f-con .f-map, #footerwrap .f-con .f-rtt { width: 33.33333%; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ font-size: 25px; font-size: 1.5625rem; line-height: 2; text-align: center; color: #fff; } #footerwrap .f-con .f-tel { background-color: #adadad; } #footerwrap .f-con .f-map { background-color: #bababa; } #footerwrap .f-con .f-rtt { background-color: #adadad; } #footerwrap .footer-widgets { padding: 0; } #footerwrap .copy { text-align: center; color: #000; padding: 10px 0; } .backtop { position: fixed; right: 30px; bottom: 30px; } /************************************* nav *************************************/ #global-nav #main-nav { text-align: center; } #global-nav #main-nav li { float: none; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ font-size: 17px; font-size: 1.0625rem; } #global-nav #main-nav li.current_page_item a, #global-nav #main-nav li.current-menu-item a { background-color: inherit; color: #fff; } #global-nav #main-nav li a { color: #fff; } /************************************* クライアント専用部分 *************************************/ /* .page-title { text-align: center; @include fontSize(36); background-color: $sub; padding: 40px 100%; margin: 0 -100% 30px -100%; overflow: hidden; color: $accent; } */ #body .module .wpcf7 table { border-collapse: collapse; width: 100%; } #body .module .wpcf7 table tbody tr th, #body .module .wpcf7 table tbody tr td { border: solid 1px #7A7A7A; padding: 5px 7px; } #body .module .wpcf7 table tbody tr th { color: #196836; width: 25%; } #body .module .wpcf7 table tbody tr th span { color: #ff0000; font-size: 10px; font-size: 0.625rem; } #body .module .wpcf7 table tbody tr th span.nomal { font-weight: normal; color: inherit; display: block; } #body .module .wpcf7 table tbody tr td span:last-child input, #body .module .wpcf7 table tbody tr td span:last-child textarea { margin-bottom: 0; } #body .module .wpcf7 table tbody tr td span input, #body .module .wpcf7 table tbody tr td span textarea { width: 100%; max-width: 100%; } #body .module .wpcf7 input[type=submit] { max-width: 250px; width: 100%; margin: 15px auto; background: #7A7A7A; } #body .module .wpcf7 input[type=submit]:hover { background: #196836; color: #fff; } #body .module.news .module-title { margin-bottom: 0; } #body .module.nt .module-title { background: none; padding: 0; margin: 0 0 10px 0; border: none; color: inherit; font-size: inherit; } #body .module.nt .module-title span { background: none; margin: 0; padding: 0; border: none; color: inherit; } #body .module.non-t .module-title { background: none; padding: 0; margin: 0 0 10px 0; border: none; color: inherit; font-size: inherit; } #body .module.non-t .module-title span { background: none; margin: 0; padding: 0; border: none; color: inherit; } #body .module.non-t .module-title { visibility: hidden; font-size: 0px; font-size: 0rem; margin: 0; } #body .module.non-t .image-content { margin: 0; } #body .module.round { border-radius: 10px; } #body .module.t-m0 .module-title { margin-bottom: 0; } /*シングルページフォーマット*/ body.single #body .rtb { max-width: 300px; margin: 0 auto; text-align: center; padding: 15px 0; background: #7A7A7A; border-radius: 10px; } body.single #body .rtb a { display: block; color: #fff; } /*ショッピング関連ぺージフォーマット*/ .welshop.archive #pagewrap #body #layout .columns #loops-wrapper .post a { color: #196836; } .welshop.archive #pagewrap #sidebar .ucart_calendar_body table { width: 100%; margin-bottom: 20px; } .welshop.archive #pagewrap #sidebar .ucart_calendar_body table thead tr th, .welshop.archive #pagewrap #sidebar .ucart_calendar_body table thead tr td, .welshop.archive #pagewrap #sidebar .ucart_calendar_body table tbody tr th, .welshop.archive #pagewrap #sidebar .ucart_calendar_body table tbody tr td { border: solid 1px #d9d9d8; text-align: center; padding: 3px; } .welshop.archive #pagewrap #sidebar .ucart_calendar_body table thead tr th.businesstoday, .welshop.archive #pagewrap #sidebar .ucart_calendar_body table thead tr td.businesstoday, .welshop.archive #pagewrap #sidebar .ucart_calendar_body table tbody tr th.businesstoday, .welshop.archive #pagewrap #sidebar .ucart_calendar_body table tbody tr td.businesstoday { color: #fff; } .welshop.archive #pagewrap #sidebar .ucart_calendar_body table thead tr th { background: #d9d9d8; color: #fff; } .welshop.archive #pagewrap #sidebar .ucart_widget_body { padding: 10px 15px; } .welshop.archive #pagewrap #sidebar .widget_welcart_category li { border-top: none; border-bottom: dotted 1px; } .welshop.archive #pagewrap #sidebar .widget_welcart_category li ul li { padding-left: 0; } .welshop.archive #pagewrap #sidebar .widget_welcart_category li ul li:last-child { border: none; } .welshop.archive #pagewrap #sidebar #searchform .searchtext { width: 75%; } .welshop.archive #pagewrap #sidebar #searchform div { overflow: hidden; clear: both; } .welshop.archive #pagewrap #sidebar #welcart_search-2 li { border: none; } .welshop.archive #pagewrap #sidebar #searchsubmit { content: "\f002"; } .welshop .pagination .screen-reader-text { display: none; } .welshop .pagination .nav-links .page-numbers li { list-style: none; display: inline-block; vertical-align: top; zoom: 1; /* Fix for IE7 */ *display: inline; /* Fix for IE7 */ } .welshop .pagination .nav-links .page-numbers li span.current { background: #196836; color: #fff; border-radius: 10px; display: block; padding: 0 5px; } .welshop.single #pagewrap .flex-direction-nav a { line-height: 1; } .welshop.single #pagewrap #carousel .flex-viewport .slides li { margin: 0 5px; } .welshop .row #main { margin: 0; padding: 0; } .welshop .row #main .usccart_navi .ucart .usccart_cart, .welshop .row #main .usccart_navi .ucart .usccart_customer, .welshop .row #main .usccart_navi .ucart .usccart_delivery, .welshop .row #main .usccart_navi .ucart .usccart_confirm { background: #196836; } .welshop .row #main .usccart_navi li.ucart:before { color: #000; } .welshop .row #main table { width: 100%; border: solid 1px #d9d9d8; } .welshop .row #main table tr th, .welshop .row #main table tr td { border: solid 1px #d9d9d8; } .welshop .row #main table tr th { background: #196836; color: #fff; } .welshop .row #main table.customer_form tr td { text-align: left; } .welshop .row button.tiny, .welshop .row .button.tiny { font-size: 13px; font-size: 0.8125rem; } .welshop #body table td { font-size: 13px; font-size: 0.8125rem; } .welshop #body table#table-tokusyou td { text-align: left; } .font-awesome { font-family: 'FontAwesome'; } /*モジュールフォーマット*/ .module { margin-bottom: 30px; } .module p:last-child { margin: 0; } .module p img { margin: 0; } .module .module-title { margin: 0 0 15px 0; font-size: 18px; font-size: 1.125rem; color: #196836; text-transform: capitalize; } .module .module-title span { display: block; } .module .pagenav a { background: #196836; color: #fff; } .module .pagenav .number.current { color: #196836; } .module.module-post .builder-posts-wrap .post .post-content .post-title { font-size: 14px; font-size: 0.875rem; } .module.module-post .builder-posts-wrap .post .post-content .entry-content p:last-child { margin-bottom: 0; } /*mediaquery*/ @media screen and (max-width: 768px) { #headerwrap { padding-top: 40px; } #headerwrap #site-logo { text-align: center; } #body #layout #content .module.hide .module-title { background-image: none; text-indent: 0; min-height: inherit; width: 100%; height: auto; margin: 0; text-align: center; } #body #layout #content .module.hide .module-title span { background: none; } #body #layout #content .module .table-wrap { overflow: auto; margin-right: 2%; margin-left: 2%; } #body #layout #content .module .table-wrap table { width: 685px; } #body #layout #content .module .x-slid { font-size: 14px; font-size: 0.875rem; color: #7A7A7A; } #body #layout #content .module .no_slide thead th, #body #layout #content .module .no_slide thead td, #body #layout #content .module .no_slide tbody th, #body #layout #content .module .no_slide tbody td { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #body #layout #content .module.module-gallery br { display: none; } #body #layout #content .module.module-gallery.gallery-columns-9 .gallery-item:nth-of-type(9n) { margin: 0 1.5% 1.5% 0; } #body #layout #content .module.module-gallery.gallery-columns-8 .gallery-item:nth-of-type(8n) { margin: 0 1.5% 1.5% 0; } #body #layout #content .module.module-gallery.gallery-columns-7 .gallery-item:nth-of-type(7n) { margin: 0 1.5% 1.5% 0; } #body #layout #content .module.module-gallery.gallery-columns-6 .gallery-item:nth-of-type(6n) { margin: 0 1.5% 1.5% 0; } #body #layout #content .module.module-gallery.gallery-columns-5 .gallery-item:nth-of-type(5n) { margin: 0 1.5% 1.5% 0; } #body #layout #content .module.module-gallery.gallery-columns-4 .gallery-item:nth-of-type(4n) { margin: 0 1.5% 1.5% 0; } #body #layout #content .module.module-gallery.gallery-columns-3 .gallery-item:nth-of-type(3n) { margin: 0 1.5% 1.5% 0; } #body #layout #content .module.module-gallery.gallery-columns-2 .gallery-item:nth-of-type(2n) { margin: 0 1.5% 1.5% 0; } #body #layout #content .module.module-gallery.gallery-columns-2 .gallery-item, #body #layout #content .module.module-gallery.gallery-columns-3 .gallery-item, #body #layout #content .module.module-gallery.gallery-columns-4 .gallery-item, #body #layout #content .module.module-gallery.gallery-columns-5 .gallery-item, #body #layout #content .module.module-gallery.gallery-columns-6 .gallery-item, #body #layout #content .module.module-gallery.gallery-columns-7 .gallery-item, #body #layout #content .module.module-gallery.gallery-columns-8 .gallery-item, #body #layout #content .module.module-gallery.gallery-columns-9 .gallery-item { width: 49.2%; } #body #layout #content .module.module-gallery.gallery-columns-2 .gallery-item.even, #body #layout #content .module.module-gallery.gallery-columns-3 .gallery-item.even, #body #layout #content .module.module-gallery.gallery-columns-4 .gallery-item.even, #body #layout #content .module.module-gallery.gallery-columns-5 .gallery-item.even, #body #layout #content .module.module-gallery.gallery-columns-6 .gallery-item.even, #body #layout #content .module.module-gallery.gallery-columns-7 .gallery-item.even, #body #layout #content .module.module-gallery.gallery-columns-8 .gallery-item.even, #body #layout #content .module.module-gallery.gallery-columns-9 .gallery-item.even { margin-right: 0; } } .wpcf7-form dt { font-size: 14px; font-size: 0.875rem; font-weight: bold; } .wpcf7-form dt span { margin-left: 5px; color: #980203; } .wpcf7-form dd { margin-bottom: 10px; } .wpcf7-form input { background-color: #fff; } /*ナビゲーション用CSS*/ @media screen and (max-width: 939px) { #body { overflow: hidden; } .off-canvas-nav { height: 100%; } .off-canvas-nav ul li { height: 100%; } #global-nav #main-nav { left: 0; top: 0; background: inherit; border: none; box-shadow: none; } #responsive-btn { background: #7A7A7A; display: block; position: fixed; width: 100%; top: 0; left: 0; text-align: right; padding: 10px; color: #fff; z-index: 9999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #responsive-btn:before { content: "\25b6"; } #responsive-nav-wrapper { background: #7A7A7A; } #responsive-nav-wrapper .off-canvas-nav { height: 100%; } #responsive-nav-wrapper .off-canvas-nav #main-nav { background: #7A7A7A; border: none; border-radius: 0; left: 0; top: 0; } #responsive-nav-wrapper .off-canvas-nav #main-nav li { height: 100%; } #responsive-nav-wrapper #main-nav li { border-top: solid 1px #fff; } #responsive-nav-wrapper #main-nav li a { color: #fff !important; } #responsive-nav-wrapper #main-nav li.current_page_item a, #responsive-nav-wrapper #main-nav li.current-menu-parent a, #responsive-nav-wrapper #main-nav li.current-menu-item a { background-color: inherit; } #responsive-nav-wrapper #main-nav li ul { border-radius: 0; border: none; background: inherit; } #responsive-nav-wrapper #main-nav li ul li { border-left: solid 1px #fff; } #responsive-nav-wrapper #main-nav li ul li a:hover { background-color: inherit; } #responsive-nav-wrapper #main-nav li .sub-arrow { display: none; } } /*追加CSS*/ /*モジュール初期設定*/ /************************************************************************************ IMAGE MODULE *************************************************************************************/ .module-article { max-width: 100%; } .module-article .image-title { margin: 0 0 .5em; font-size: 1.3em; } .module-article .image-title a { text-decoration: none; } .module-article .article-content { overflow: hidden; word-break: break-all; } .module-article .image-wrap { vertical-align: top; display: inline-block; width: auto; max-width: 100%; } .module-article .image-wrap img { vertical-align: top; } .module-article.image-top .image-content { margin-top: 1em; margin-bottom: 1.5em; } .module-article.image-left .image-wrap { float: left; margin: 0 1.5em 1em 0; } .module-article.image-left .image-content { overflow: hidden; min-width: 100px; } .module-article.image-right .image-wrap { float: right; margin: 0 0 1em 1.5em; } .module-article.image-overlay { font-size: .85em; } .module-article.image-overlay .image-wrap { position: relative; margin: 0; } .module-article.image-overlay .image-wrap img { width: 100%; } .module-article.image-overlay .image-wrap img + .image-content { position: absolute; bottom: 0; left: 0; } .module-article.image-overlay .image-wrap a + .image-content { position: absolute; bottom: 0; left: 0; } .module-article.image-overlay .image-content { -moz-box-sizing: border-box; box-sizing: border-box; padding: 2% 4%; width: 100%; background: #333; background: rgba(0, 0, 0, 0.7); color: #ccc; line-height: 1.4em; } .module-article.image-overlay p { margin: 0 0 5px; } .module-article.image-overlay .image-title { font-size: 1.1em; color: #fff; margin: 0 0 .4em; } .module-article.image-overlay a { color: #fff; text-decoration: none; } .module-article.image-overlay a:hover { color: #fff; text-decoration: none; } .module-article.image-center .image-wrap { display: block; text-align: center; } .module-article.image-center .module-title { text-align: center; } .module-article.image-center .image-content { text-align: center; margin-top: 1em; margin-bottom: 1.5em; } .module-article.image-h-right .image-content { overflow: hidden; } .module-article.image-h-right .image-wrap { float: right; margin: 0 0 1em 1.5em; } .module-article.image-h-left .image-content { overflow: hidden; } .module-article.image-h-left .image-wrap { float: left; margin: 0 1.5em 1em 0; } .module-article.rounded .image-wrap { border-radius: 5px; } .module-article.rounded .image-wrap img { border-radius: 5px; } .module-article.rounded.image-overlay .image-content { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .module-article.bordered .image-wrap img { border: solid 1px #999; background: #fff; padding: 2px; -moz-box-sizing: border-box; box-sizing: border-box; } .module-article.drop-shadow .image-wrap { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .module-article.circle .image-wrap { border-radius: 50em; } .module-article.circle .image-wrap img { border-radius: 50em; } .module-article.circle.image-overlay .image-content { border-bottom-left-radius: 50em; border-bottom-right-radius: 50em; overflow: hidden; text-align: center; } .module-article .auto_fullwidth .image-wrap { width: 100%; } .module-article .auto_fullwidth .image-wrap img { width: 100%; } @media screen and (max-width: 768px) { .module.module-article .image-wrap { float: none; margin-left: 0; margin-right: 0; } .module.module-image .image-wrap { float: none; margin-left: 0; margin-right: 0; } }