/* ---------------------------------------------------------------- Custom CSS -----------------------------------------------------------------*/ img{-webkit-backface-visibility: hidden;} /*----------------- 0. FONT ------------------*/ body,small,#primary-menu ul ul li > a,.wp-caption,.feature-box.fbox-center.fbox-italic p,.skills li .progress-percent .counter,.nav-tree ul ul a,.font-body { font-family:'Montserrat',"游ゴシック", YuGothic, "Helvetica Neue", Helvetica,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; } h1,h2,h3,h4,h5,h6,#logo,#primary-menu ul li > a,#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a,#top-search form input, .entry-link,.entry.entry-date-section span,.button.button-desc,.counter,label,.nav-tree li a,.top-cart-item-desc span.top-cart-item-price,.top-checkout-price,.top-cart-item-desc a,.wedding-head .first-name,.wedding-head .last-name,.font-primary { font-family: 'Montserrat',"游ゴシック", YuGothic, "Helvetica Neue", Helvetica,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; } .entry-meta li,.entry-link span,.entry blockquote p,.more-link,.comment-content .comment-author span,.button.button-desc span,.testi-content p,.team-title span,.before-heading,.wedding-head .first-name span,.wedding-head .last-name span,.font-secondary { font-family: 'Montserrat',"游ゴシック", YuGothic, "Helvetica Neue", Helvetica,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; } .tp-caption.WebProduct-Content-Light, .WebProduct-Content-Light { font-family: Raleway,"游ゴシック", YuGothic, "Helvetica Neue", Helvetica,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif!important; } /*----------------- 1. assets STYLES ------------------*/ body{font-family:'Montserrat',"游ゴシック", YuGothic, "Helvetica Neue", Helvetica,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;font-size: 15px;line-height: 1.8em;color: #3E3E3E;letter-spacing: 0.08em;font-weight: 500;overflow-x: hidden;font-feature-settings: "palt";counter-reset:count-number; /*user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;*/ } .fw500,.promo > span, .promo > .container > span {font-weight: 500!important;} .under {border-bottom: dashed 1px;font-weight: bold;} .button.button-xlarge {height: 58px;line-height: 58px;} .section{padding:100px 0;} .yellow_line {background: linear-gradient(transparent 60%, #fff343 0%);} .fancy-title.title-dotted-border {background: url('../images/dotted.png') repeat-x center;} .button.button-large{font-size: 15px;} img{-webkit-backface-visibility: hidden;} .button.button-reveal.button-large {padding: 0 45px;} .page-in-link{margin-top: -150px; /* リンク位置上昇分 */padding-top: 150px; /* 上昇分を戻す分 */} .pc { display: block !important; } .sp { display: none !important; } br.sp {display:none;} .mb0{margin-bottom: 0px!important;} .mb8{margin-bottom: 8px!important;} .mb16{margin-bottom: 16px!important;} .mb24{margin-bottom: 24px!important;} .mb32{margin-bottom: 32px!important;} .mt8{margin-top: 8px!important;} .mt16{margin-top: 16px!important;} .mt24{margin-top: 24px!important;} .mt32{margin-top: 32px!important;} .mt40{margin-top: 40px!important;} .mg0{margin: 0px!important;} .contents-pdtb{padding:80px 0;} .badge {font-weight: 500;border-radius: 0.15rem;} @media all and (max-width: 680px) { body{font-size: 12px;font-family:'Montserrat', "Helvetica Neue", Helvetica,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} .sp_nopadding{padding: 0!important;} h3 {font-size: 18px;} .pc { display: none !important; } .sp { display: block !important; } /* Bootstrapのガター幅を調整するための汎用CSS */ .row-10{ margin-left:-5px; margin-right:-5px} .row-10 >div{ padding-right:5px; padding-left:5px} .section{padding:50px 0;} .contents-pdtb{padding:50px 0;} .container, #header.full-header .container, .container-fullwidth { padding-left: 20px !important; padding-right: 20px !important;} .heading-block {margin-bottom: 30px;} .content-wrap {padding: 40px 0;} .topmargin-lg {margin-top: 30px !important;} #page-title.page-title-center .breadcrumb {margin: 5px 0 0 !important;line-height:1;} .side-tabs ul.tab-nav {padding: 0 0 10px;} #primary-menu-trigger, #page-submenu-trigger,#top-search a, #top-cart > a, #side-panel-trigger a {font-size: 16px;} .widget_nav_menu li a, .widget_links li a, .widget_meta li a, .widget_archive li a, .widget_recent_entries li a, .widget_categories li a, .widget_pages li a, .widget_rss li a, .widget_recent_comments li a {font-size: 12px;} .widget p:not(.lead) {font-size: 11px;} #copyrights {font-size: 10px;letter-spacing:0.05em;} #content .entry {font-weight: 500; } } @media(min-width: 481px){ a[href^="tel:"] {pointer-events: none;} } @media(min-width: 680px){ .acc_content {font-size: 0.9em;} } /* ---------------------------------------------------------------- HEADER STYLE -----------------------------------------------------------------*/ #header-wrap { box-shadow: 0px 9px 3px -3px rgba(220,220,220,0.1); -webkit-box-shadow: 0px 9px 3px -3px rgba(220,220,230,0.1); -moz-box-shadow: 0px 9px 3px -3px rgba(220,220,220,0.1); } .breadcrumb { left: 0 !important; right: 0 !important; margin: 0 !important; font-size: 10px; position: static!important; padding: 5px !important; } #top-bar p {font-size: 13px;font-weight: 500;margin-bottom: 0;} .top-links li:hover { background-color: #f9f9f9; } .top-links li a:hover { color:#000; } #primary-menu.style-ecommerce #top-account {border-left: 0px solid #EEE;} #primary-menu.style-ecommerce #top-search, #primary-menu.style-ecommerce #top-cart, #primary-menu.style-ecommerce #side-panel-trigger, #primary-menu.style-ecommerce #top-account {border-left: 0px solid #EEE;} @media (min-width: 992px) { body.stretched #header.full-header .container { padding-right: 0; } header.full-header #primary-menu.style-ecommerce > ul { border-right: none; } #primary-menu > ul > li > a {position: relative;margin: 30px 15px;padding: 0 3px;padding-top: 9px;padding-bottom: 9px;font-size: 13px;letter-spacing: 1px;color: #aab7bd;} #header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {padding-top: 0;padding-bottom: 7px;margin: 16px 15px;} #primary-menu.style-ecommerce > ul > li > a:after {position: absolute;content: '';top: auto;left: 50%;bottom: 0;width: 0px;height: 2px;background-color: #444;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} #primary-menu.style-ecommerce > ul > li:hover > a,#primary-menu.style-ecommerce > ul > li.current > a { color: #000; } #primary-menu.style-ecommerce > ul > li:hover > a:after,#primary-menu.style-ecommerce > ul > li.current > a:after {width: 100%;left: 0;} #primary-menu.style-ecommerce ul ul:not(.mega-menu-column), #primary-menu.style-ecommerce ul li .mega-menu-content {width: 250px;border: 1px solid #EEE;padding: 15px;margin-top: -1px;} #primary-menu ul ul li:hover > a { background-color: transparent; } #primary-menu.style-ecommerce ul li .mega-menu-content, #primary-menu.style-ecommerce ul li.mega-menu-small .mega-menu-content {width: 720px;max-width: 400px;padding: 0;} #primary-menu.style-ecommerce ul li.mega-menu .mega-menu-content {margin: 0 15px;width: 1140px;max-width: none;} body.stretched #header.full-header #primary-menu.style-ecommerce ul li.mega-menu .mega-menu-content { margin-top: -1px; } #primary-menu.style-ecommerce ul li .mega-menu-content ul {display: block;position: relative;top: 0;min-width: inherit;border: 0;padding: 0;box-shadow: none;background-color: transparent;} #primary-menu.style-ecommerce #top-search,#primary-menu.style-ecommerce #top-cart,#primary-menu.style-ecommerce #side-panel-trigger,#primary-menu.style-ecommerce #top-account {margin: 0;padding: 30px 30px;transition: all .3s ease;} #primary-menu ul ul li > a {font-weight: 600;text-transform: none;font-size: 14px;} #primary-menu.style-ecommerce #top-search:hover,body.top-search-open #top-search,#primary-menu.style-ecommerce #top-cart:hover,#primary-menu.style-ecommerce #top-cart.top-cart-open,#primary-menu.style-ecommerce #side-panel-trigger:hover,#primary-menu.style-ecommerce #top-account:hover { background-color: #F8F8F8; } #primary-menu.style-ecommerce #top-search > a,#primary-menu.style-ecommerce #top-cart > a,#primary-menu.style-ecommerce #side-panel-trigger > a,#primary-menu.style-ecommerce #top-account > a {width: 20px;height: 40px;font-size: 20px;line-height: 40px;} #top-cart a:hover { color: #333; } #primary-menu.style-ecommerce #top-cart > a > span {top: 2px;left: auto;right: -13px;font-size: 11px;font-weight: 400;font-family: 'Montserrat', sans-serif;color: #FFF;font-weight: 300;text-shadow: none;background-color: #333;border-radius: 50%;} #primary-menu.style-ecommerce #top-cart .top-cart-content { right: 0; } #top-cart .top-cart-content { top: 100px; } #header.sticky-header:not(.static-sticky) #top-search,#header.sticky-header:not(.static-sticky) #top-cart,#header.sticky-header:not(.static-sticky) #side-panel-trigger,#header.sticky-header:not(.static-sticky) #top-account {margin-top: 0 !important;margin-bottom: 0 !important;padding: 10px 30px;} #header.sticky-header:not(.static-sticky) #top-cart .top-cart-content { top: 60px; } } .device-xs .swiper-caption-wrapper { display: none; } .device-lg #primary-menu > ul > li > a {margin: 30px 10px;padding: 9px 0px;font-size: 12px;letter-spacing: 0px;} #primary-menu.style-ecommerce #top-cart > a > span { background-color: #333 } #top-bar p a {color: #FFF;font-weight: 400;border-bottom: 1px solid #EEE;} .more-link {color: #666;border-bottom-color: #666;font-style: normal;font-weight: 300;font-size: 13px;cursor: pointer; } #page-title span {font-size: 1em;font-weight: 500;} @media all and (max-width: 767px) { #page-title h1 {font-size: 16px;} #page-title {padding: 15px 0;} #header, #header-wrap, #logo img {height: 60px;} #logo {height: 60px;} .sticky-responsive-menu #header {min-height: 60px;} #primary-menu-trigger {top: 7px;} #top-search a, #top-cart, #side-panel-trigger, #top-account {margin: 20px 0;} #page-title .breadcrumb {margin:0 !important;justify-content: left;padding: 2px !important;font-size: 9px;} } /* ---------------------------------------------------------------- SLIDER STYLE -----------------------------------------------------------------*/ @media all and (max-width: 680px) { .flex-direction-nav{display:none;} } /* ---------------------------------------------------------------- INDEX STYLE -----------------------------------------------------------------*/ .button.button-full p{font-size:18px;font-weight: 500;} @media all and (min-width: 992px) { #top-account {display:none;} } @media all and (max-width: 991px) { .device-md #top-account,.device-sm #top-account,.device-xs #top-account,#top-search a,#primary-menu-trigger {font-size:16px;} .responsive-sticky-header:not(.static-sticky) #primary-menu-trigger {top: 6px;} #logo {text-align: left;} .section-content{margin:0 20px;} #primary-menu-trigger {left: auto;right:0px!important;top: 27px;} #top-search a {right: 62px;} #top-account {right: 100px;margin: 38px 0 32px;} #top-account a {color: #333;} .responsive-sticky-header #primary-menu > ul, .responsive-sticky-header #primary-menu > .container > ul {max-height: 100%;overflow-y: auto; margin-bottom: 0px !important;} } @media all and (max-width: 767px) { .device-md #top-account,.device-sm #top-account,.device-xs #top-account,#top-search a,#primary-menu-trigger {font-size:16px;} .section-content{margin:0 20px;} #primary-menu-trigger {left: auto;right:0px!important;top:6px;} #top-search a {right: 62px;} #top-account {right: 100px;margin: 18px 0;} #top-account a {color: #333;line-height: 1.5em;} .spost .entry-title h4, .mpost .entry-title h4 {font-weight: 500;} .spost .entry-meta li, .mpost .entry-meta li {font-size: 12px;} } @media all and (max-width: 575px) { #top-search a {right: 62px;} } .section-content {display: block;max-width: 400px;position: absolute;width: 90%;top: 40px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);} .section-content h3 {display: block;font-size: 32px;line-height: 1.5;;font-weight: 400;margin-bottom: 20px;} .section-content span {display: block;font-size: 14px;font-weight: 300;color: #888;margin-bottom: 20px;} .heading-block h2{font-weight: 300;} /* NEWS STYLES */ .entry-meta li {font-style: normal;} .spost .entry-title h4 a, .mpost .entry-title h4 a{font-weight:500;} .spost .entry-title h4 a:hover, .mpost .entry-title h4 a:hover {color: #333;} .spost,.mpost {margin-top: 15px;padding-top: 15px;} .spost .entry-title h4,.mpost .entry-title h4 { font-size: 15px;} @media all and (max-width: 680px) { .flex-direction-nav{display:none;} } /* CONCEPT STYLES */ .concept_subheading{ font-weight: 500; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; letter-spacing: 0.06em; font-size:22px!important; } /* FOOTER STYLES */ .section-login{padding:26px 20px 25px; background:#383838; text-align: center; font-family:;} .section-login .button{width:100%;font-size:13px;} .section-login .button:hover span::after{border: 0px;} .section-login .button span::after{border:0px;} .section-login h3{font-size:14px;padding:0;margin:10px 0 0;} .section-login .tel{font-size:26px!important;margin:10px 0 6px;} .section-login .time{font-size:11px;margin-bottom: 12px;} .widget .section-login p:not(.lead) {font-size: 12px;} #footer.dark, .dark #footer {background: #333;} .widget [class^="col-"] > a {display: block;position: relative;height: 160px;} .widget [class^="col-"] > a::before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,1);opacity: 0.7;-webkit-transition: all .7s ease;transition: all .7s ease;} .widget [class^="col-"] > a:hover:before {opacity: 0.4;-webkit-transition: all .7s ease;transition: all .7s ease;} .dark .footer-widgets-wrap .section-login a{color: #fff;} .dark .widget .section-login p {opacity: 1;} @media all and (min-width: 768px) { #copyrights .col_half:last-child {text-align:right;} } @media all and (max-width: 767px) { #copyrights .col_half:last-child {display: inline-block;text-align:center;} .copyrights-menu a {font-size: 12px;} #footer .footer-widgets-wrap {padding: 35px 0 15px;} #footer .footer-widgets-wrap .widget img.alignleft{width:100px;line-height:1;margin-top:0;} #copyrights {padding: 30px 0;} } .section-content a:hover .icon-line-arrow-right { padding-left: 2px;-webkit-transition: all .2s ease;transition: all .2s ease;} /* Products_List */ #Products_List {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;position: relative} #Products_List .entry a {height: 100%;overflow: hidden;display: block;background-color: #fff;padding:0 0 20px;color: #333;} #Products_List .entry img {} #Products_List .entry p{padding:0 20px;margin:0;font-size:0.9em;} #Products_List .entry span.Lineup_midashi{color:#fff;background:#495056 !important;display:inline-block;width:100%;padding:26px 0 20px;line-height:1.4em;font-weight: 600;font-size: 16px;} #Products_List .entry span.Lineup_step{background:#fff;color:#495056 !important;border-radius:8px;padding:0 10px;font-size:0.95em;margin-bottom: 8px;display: inline-block;} #Products_List .entry h3 {padding: 5px 25px;margin:0;} @media all and (min-width: 768px) { #Products_List {margin-bottom: 0px} #Products_List .entry {width: 49.5%;position: relative;margin-right:1%;} #Products_List .entry h3 {padding: 10px 25px 8px;font-size: 16px;margin:0;letter-spacing: -0.02em;} #Products_List .entry:first-of-type {z-index: ;} #Products_List .entry:nth-of-type(2) {z-index:;margin-right:0; } #Products_List .entry:nth-of-type(3) {z-index:;margin-right:0;} #Products_List .entry:nth-of-type(4) {z-index:;} #Products_List .entry a {padding:0 0 40px;transition: all .22s cubic-bezier(.25, .46, .45, .94)} #Products_List .entry:hover {z-index: } #Products_List .entry:hover a {box-shadow: 12px 21px 36px 0 rgba(0,0,0,.15);-webkit-transform: translate3d(0, -15px, 1px);transform: translate3d(0, -15px, 1px)} } /* Products */ .section-product {position: relative;width: 100%;} .section-product .section-product-image {width: 100%;} .section-product .section-product-content {max-width: 100%;position: relative;bottom: 0px;right: 0;background-color: #FFF;padding: 20px;z-index: 1;} .section-product .section-product-content h3 { font-weight: 800; } .section-product.alt .section-product-image,.section-product.alt .section-product-content { float: none; } .section-product .section-product-price {font-size: 1.5rem;font-weight: 700;} .product form{display: flex;align-items: center;margin-bottom:12px;} .product input{margin-left:10px;} .product input:hover{opacity: 0.8;} .product select {padding: 5px;} @media (min-width: 1199px) { .slider-element .heading-block h2 {font-size: 3.1rem;line-height: 1.35;text-transform: none;letter-spacing: 0;font-weight: 700;} .slider-element .slider-product-desc [class^='col-'] { padding: 50px; } .play-icon { margin: 0 auto; } .section-product .section-product-image {position: relative;width: 85%;background: #FFF;} .section-product .section-product-content {max-width: 400px;position: absolute;bottom: 30px;right: 0;padding: 30px;} .section-product.alt .section-product-image { float: right; } .section-product.alt .section-product-content {left: 0;right: auto;} } @media(min-width:992px) { .iportfolio {transition:transform .3s ease} .iportfolio:hover {transform:translateY(-5px)} } @media all and (max-width: 767px) { .section-product .section-product-content {position: static;} } /* ---------------------------------------------------------------- PRODUCTLIST STYLE -----------------------------------------------------------------*/ .product-top .section{background: url('../images/products/top.jpg') center center;padding:100px 0;} .product-top h3{line-height:1.5;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;font-size:28px;margin:20px 0 10px;font-weight:500;color:#000;} @media(max-width:680px) { .product-top .section{background: url('../images/products/top_sp.jpg') top center no-repeat #faf8f9;padding:60px 0 0;background-size:100% auto;} .product-top h3{font-size:22px;margin-bottom:12px;} .product-desc {font-size: 12px;} } /* ---------------------------------------------------------------- CONCEPT STYLE -----------------------------------------------------------------*/ .section-concept-content {padding: 30px;background-color: #FFF;} .concept-section h2{border-top:1px dotted #555;border-bottom:1px dotted #555;line-height:1;padding:10px;margin-bottom:48px;} .concept-section h3{line-height:1.6;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;font-size:28px;margin-bottom:28px;font-weight:500;color:#000;} .concept-section p{margin-bottom: 0px;} .concept-section .text-area{padding-left:50px;} .heading-block > span:not(.before-heading) {font-weight: 500;} .feature-box.media-box p {margin-top: 5px;font-weight: 500;color: #666;} .concept-top .section{background: url('../images/concept/01.jpg') center center;padding:100px 0;} @media(max-width:680px) { .section-concept-content {max-width: 100%;position: relative;margin-top:45%;padding: 20px;z-index: 1;} .concept-section h2{padding:5px;margin-bottom:30px;} .concept-section .text-area{padding-left:15px;} .concept-top .section{background: url('../images/concept/01_sp.jpg') top center no-repeat #eeeeee;padding:60px 0;background-size:100% auto;} .concept-section h3{line-height:1.6;font-size:20px;margin-bottom:18px;} } /* ---------------------------------------------------------------- INFO STYLE -----------------------------------------------------------------*/ .small-thumbs .entry-title h2, .ievent .entry-title h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;font-size: 22px; } @media(max-width:680px) { .small-thumbs .entry-title h2, .ievent .entry-title h2 {font-size: 16px;} .info-table th,.info-table td {display: inline-block;width: 100%!important;table-layout: fixed;} .info-table td {padding-bottom:35px!important;} .info-table th {padding: 0.3rem 0.75rem;border-top: 0px solid #dee2e6;} } /* ---------------------------------------------------------------- SHOPLIST STYLE -----------------------------------------------------------------*/ .shoplist-top .section{background: url('../images/shop/01.jpg') center center;padding:100px 0;} .shoplist-top h3{line-height:1.5;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;font-size:26px;margin:20px 0 10px;font-weight:500;color:#000;} @media(max-width:680px) { .shoplist-top .section{background: url('../images/shop/01_sp.jpg') top center no-repeat #d7d7d7;padding:60px 0;background-size:100% auto;} .shoplist-top h3{font-size:22px;margin-bottom:12px;} } table.clinic_List {width:100%;border-collapse: collapse;margin-bottom:50px;} table.clinic_List p{margin:0;} table.clinic_List thead th {background:#fafafa;padding:10px;border-bottom:#ccc solid 1px;border-top:#ccc solid 1px;text-align:center;} table.clinic_List tbody th {padding:20px 10px;border-bottom:#ccc solid 1px;vertical-align:middle;} table.clinic_List tbody td {background:#fff;padding:15px;border-bottom:#ccc solid 1px;vertical-align:middle;} table.clinic_List tbody td span{font-size:0.9em;} table.clinic_List tbody td.hp {width:98px;text-align:center;} table.clinic_List tbody td.hp a{border:1px solid #ccc;padding:5px 20px 5px 10px;position: relative;border-radius:5px;font-size:0.9em;} table.clinic_List tbody td.hp a:hover{border:1px solid #333;background:#333;color:#fff;} table.clinic_List tbody td.hp a::after {position: absolute;right: 10px;content: "";top: 50%;margin-top: -3px;vertical-align: middle;width: 5px;height: 5px;border-top: 1px solid #999;border-right: 1px solid #999;-webkit-transform: rotate(45deg);transform: rotate(45deg);transition: all .3s;} @media screen and (max-width: 640px) { table.clinic_List thead {display:none;} table.clinic_List tbody th {display:block;padding:10px;margin-top:30px;border-bottom:#333 dotted 1px;border-top:#333 dotted 1px;} table.clinic_List tbody td {display:block;padding:15px 10px 0px;border-left:0px;border-bottom:0px;} table.clinic_List tbody td::before {content: attr(label);float: left;clear:both;font-size:0.9em;font-weight:bold;} table.clinic_List tbody td p {padding-left:70px;} table.clinic_List tbody td a{padding:10px 20px 10px 10px;width: 90%;display: block;text-align: center;} table.clinic_List tbody td.hp {width:100%;text-align:left;} } /* ---------------------------------------------------------------- SHOP STYLE -----------------------------------------------------------------*/ .team-title span {font-weight: 500;font-family:'Montserrat',"游ゴシック", YuGothic, "Helvetica Neue", Helvetica,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;font-style: normal;font-size: 0.9em;} .product h2{font-size: 28px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;font-weight: 500;} .product h4{margin:10px 0 0;} .products .spost .entry-image,.products .spost .entry-image a,.products .spost .entry-image img,.products .spost .entry-image i {width: 110px;height: 110px;margin:0 20px 0px 0;} #shop .entry-c h4 {font-size: 17px;} #shop .entry-c .badge {font-size: 70%;font-weight: 500;font-family: Arial, sans-serif;letter-spacing: 0.02em;} #shop .spost{margin-top: 10px;padding-top: 0px;padding-bottom: 10px;border-top: 0px dashed #E5E5E5;border-bottom: 1px dashed #E5E5E5;} #shop .button.button-large {padding: 0 15px;width:60%;} .sale-flash {line-height: 1.1em;letter-spacing: 0.08em;color:#ffffff;background:#495056;text-shadow:none;} @media(max-width:680px) { .product h2{font-size: 20px;letter-spacing:0;} .products .spost .entry-image,.products .spost .entry-image a,.products .spost .entry-image img,.products .spost .entry-image i {width: 110px;height: 110px;margin-right:15px;} .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li, .fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {display: block;width: 60px !important;height: 60px !important;} .product-desc .button.button-large {width:100%;margin-top:10px;} .product-desc span {line-height:3;} .product-desc span.badge {line-height:1;} } .product-tabs .tab-content ul{ padding:0 0 0px 15px; } .productDetail h4 { font-size: 14px; background-color:#f4f4f4; padding:6px 10px; color:#333;font-family: 'Quicksand',"游ゴシック", YuGothic, "Helvetica Neue", Helvetica,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin-bottom:8px;} .productDetail ul { padding:5px 0 22px; } .productDetail li { margin-bottom:5px; list-style-type: none!important;line-height:1.5; padding:0 5px; } .productDetail ul li {position: relative;margin-left:15px;} .productDetail ul li::after{display: block;content: '';position: absolute;top: .5em;left: -1em;width: 6px;height: 6px;border-right: 1px solid #e3d820;border-bottom: 1px solid #e3d820;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .productDetail p { padding:5px 10px 0;line-height:1.5;} .productDetail table{width:100%;;overflow: hidden;word-break: break-all;word-wrap: break-word;margin:10px 0;} .productDetail table th{padding: 2px 8px;width: 35%;overflow: hidden;text-align: left;vertical-align: top;border-bottom: dotted 1px #e0dccc;font-weight:normal;} .productDetail table td{padding: 2px 10px;text-align: right;vertical-align: top;border-bottom: dotted 1px #e0dccc;} .products_detail {padding: 50px;background: transparent url('../images/products/bg.png') repeat top left;} .products_detail h2 {font-size:24px;text-align:center;padding: 12px 10px;background: #f5e858;} /* ---------------------------------------------------------------- GUIDE STYLE -----------------------------------------------------------------*/ .side-tabs ul.tab-nav {width: 250px;} .side-tabs .tab-container {padding: 15px 0 0 50px;} .shoppingGuide h4{padding: 5px 0 5px 5px; margin-bottom:20px;border-top:1px dotted #333;border-bottom:1px dotted #333;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; } .shoppingGuide h5{ border-bottom:1px dashed #999; padding: 0px 0 12px; margin-bottom: 15px; } .shoppingGuide ul li { position: relative; list-style:none;margin: 0 0 5px 16px;} .shoppingGuide ul li::after { display: block; content: ''; position: absolute; top: .5em; left: -1.2em; width: 6px; height: 6px; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .shoppingGuide .shoppingGuide_nav dl{ float:left; margin-right:12px; } .shoppingGuide .shoppingGuide_nav dl:last-child{ margin-right:0; } .shoppingGuide .shoppingGuide_nav dt{ margin-bottom:20px; } .shoppingGuide .shoppingGuide_nav img:hover{ opacity:0.7; } .shoppingGuide .shoppingGuide_nav dd{ background: url() no-repeat left center; padding-left: 10px; margin-bottom:10px; } .shoppingGuide table{ border:#ff9999 solid 1px; } .shoppingGuide table td{ padding:15px 10px; } .shoppingGuide div.box{ border:#ccc solid 1px; padding:35px;margin-bottom:24px;} .shoppingGuide table.box ,.shoppingGuide table.box td ,.shoppingGuide table.box_02 td{ border:#CCC solid 1px; border-collapse: collapse; } .shoppingGuide table.box th ,.shoppingGuide table.box_02 th{ text-align:center; background:#ECECEC; padding:4px 0; border:#CCC solid 1px; border-collapse: collapse; } .shoppingGuide table.box_02 td{ text-align:center; vertical-align: middle; } .bg_gray_02{ background: #FAFAFA; } .shoppingGuide h3 {color: #fff;background: #333;padding: 1em 1.2em;font-size: 20px;margin-bottom: 20px;} /* 定期コース */ .Teikicourse{ background-color:#fafafc; padding:1px 40px 30px 40px; margin-bottom:10px; } .Teikicourse h3{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; position: relative; color: black; line-height: 1.4; padding: 0.7em 1.5em 0.6em!important; margin: 3em 0 0.5em; border-radius: 0 3px 3px 3px; color:#fff;} .Teikicourse h3:after { position: absolute; counter-increment: count-number; content: "POINT" counters(count-number,"."); background: #fff343; color: #000; left: 0px; bottom: 100%; padding: 3px 10px 1px 10px; font-size: 60%; } @media(max-width:680px) { .side-tabs ul.tab-nav {width: 100%;} .side-tabs .tab-container {padding: 15px 0 0 1px;} .Teikicourse {padding: 1px 15px 30px;} .shoppingGuide h3 {padding: 10px 15px;font-size: 18px;margin-bottom: 20px;} } /* ---------------------------------------------------------------- 離島 STYLE -----------------------------------------------------------------*/ .ritou .table{font-size:12px;} .ritou .table th,.ritou .table td{font-family: 'Century Gothic',"游ゴシック", YuGothic, "Helvetica Neue", Helvetica,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;padding: 0 0.3rem;letter-spacing: 0em;} .ritou .table thead{background:#f9f9f9;} .ritou .toggle.toggle-border .togglec { padding: 0 15px 15px 15px; } @media(max-width:680px) { .ritou .toggle .togglet{font-size: 14px;} .ritou .toggle {margin: 0 0 10px 0;} } /* ---------------------------------------------------------------- MEDIA STYLE -----------------------------------------------------------------*/ .portfolio-desc h3 {font-size: 18px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;} .portfolio-desc span {font-size: 12px;} /* ---------------------------------------------------------------- FAQ STYLE -----------------------------------------------------------------*/ .faq h4 {font-size:20px;margin:0 0 15px;} @media(max-width:680px) { .faq h3{font-size:20px;} .faq h4{font-size:18px;} } /*----------------- accordion STYLE ------------------*/ .shee-accordion { min-width: 300px; margin: 0 auto; padding: 0; } .shee-accordion .ac-content { margin: 0; padding: 0; } .shee-accordion input { display: none; } .shee-accordion label { display: block; background: #f8f8f8; font-weight: 500; cursor: pointer; padding: 10px 15px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; box-sizing: border-box; margin-bottom: 0px; font-size:1.1em; letter-spacing: 0.1em; } .shee-accordion label:first-child { border-top: 1px solid #ccc; } .shee-accordion label:hover { background: #1ABC9C; color:#fff; } .shee-accordion .ac-cont { transition: 0.2s; height: 0; overflow: hidden; background: #fff; padding: 0 20px; box-sizing: border-box; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } .shee-accordion input:checked + .ac-cont { height: auto; padding: 20px; box-sizing: border-box; } /* ------------------------------------------------------------------------------------ 　テーブル ------------------------------------------------------------------------------------ */ table.table01 {width:100%;border-collapse: collapse;margin:16px 0;} table.table01 thead th {padding:10px 15px;text-align: center;border:1px solid #555;min-width: 160px;} table.table01 tbody tr th {padding:10px 15px;border:1px solid #555;} table.table01 tbody td {padding:10px 15px;border:1px solid #555;} @media screen and (max-width: 740px) { table.table01 {border:0px;} table.table01 thead {display:none;} table.table01 tbody th {display:block;border:0px!important;background:#f9f9f9;} table.table01 tbody td {padding:18px 15px!important;display:block;border-bottom:0px!important;border-left:0px!important;border-right:0px!important;border-top:1px dotted #ccc!important;} table.table01 tbody td::before {content: attr(label);font-weight:bold;background:#7796a8;color:#fff;padding:1px 5px;margin:0 5px 5px 0;} }