@charset "UTF-8"; /*/css/base.min.css*/ .tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;top:0;right:0;bottom:0;left:0}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137, 137, 137, .2);--tf_scroll_color_hover:rgba(137, 137, 137, .4);--tf_scroll_w:10px;--tf_scroll_h:10px;scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w);height:var(--tf_scroll_h)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)} /*/css/themify.common.css*/ .edit-button{ font-size:11px; text-transform:uppercase; font-weight:normal; letter-spacing:.1em; text-decoration:none } .edit-button a:hover{ text-decoration:underline } .tb_module_front .edit-button{ display:none } .wp-video{ width:100%!important; max-width:100%!important; margin-bottom:1em } .wp-video .mejs-container{ width:100% !important; height:auto !important; } .wp-video .mejs-mediaelement{ position:static; } .wp-video .mejs-overlay{ width:100% !important; height:100% !important; } .wp-video video.wp-video-shortcode, .wp-video .wp-video-shortcode video { width:100%; height:auto !important; } .wp-video .mejs-button>button{ border-radius:0; } .wp-video .mejs-button>button:hover{ background-color:transparent } iframe{ border:0 } a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{ outline:1px dotted rgba(150,150,150,.2) } .tf_focus_heavy button:focus, .tf_focus_heavy a:focus, .tf_focus_heavy input:focus, .tf_focus_heavy select:focus, .tf_focus_heavy textarea:focus, .tf_focus_heavy .button:focus{ outline:2px solid rgba(0,176,255,.8) } .tf_focus_none a, .tf_focus_none button:focus, .tf_focus_none a:focus, .tf_focus_none input:focus, .tf_focus_none select:focus, .tf_focus_none textarea:focus, .tf_focus_none .button:focus{ outline:none } .tf_large_font{ font-size:1.1em } .screen-reader-text{ border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus{ background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0,0,0,.6); clip:auto!important; color:#21759b; display:block; font-size:.875rem; font-weight:700; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000 } .skip-to-content:focus{ clip-path:none } .post-image .themify_lightbox{ position:relative; display:block; max-width:100% } .post-image .themify_lightbox .zoom{ width:35px; height:35px; background:rgba(0,0,0,.3); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); border-radius:100% } .post-image .themify_lightbox .zoom .tf_fa{ vertical-align:middle; color:#fff; stroke-width:1px; line-height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) } .post-image .themify_lightbox:hover .zoom{ background:rgba(0,0,0,.6) } @media screen and (max-width:600px){ .admin-bar.fixed-header-on #headerwrap{ top:0!important } .admin-bar.fixed-header #wpadminbar{ position:fixed } .admin-bar.fixed-header-on #wpadminbar{ position:absolute } body:not(.header-none).admin-bar.no-fixed-header #wpadminbar{ margin-top:-46px } } .pswp:not(.pswp--open){display:none} .ptb_map button, .themify_map button{ min-width:auto; border-radius:0 } /*/themify-builder/css/themify-builder-style.css*/ .module_row, .module_subrow, .module_column, .module_row .module{ position:relative; box-sizing:border-box } .module_row .col-full{ width:100% } .themify_builder .direction-rtl{ flex-flow:row-reverse wrap-reverse } /* Hover Animation */ .module-buttons:hover, .module_row:hover, .module_column:hover, .page-loaded .module-image img:hover, .module-accordion i, .module{ transition-delay:0s; transition-timing-function:ease; transition-duration:.5s; transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform } /* fix gutenberg empty p tag bug */ .entry-content > p:first-of-type:empty, .entry-content > p:first-of-type+p:empty{ margin:0; padding:0 } /*GRID*/ .module_row{/* fix Chrome bug */ -webkit-backface-visibility:hidden; backface-visibility:hidden } .module.themify_builder_slider_wrap{ transition:none } div.module_column{ margin-left:3.2%; margin-right:0; float:left; /* top aligned */ align-items:flex-start; align-content:flex-start } .module_column.col6-1{ width:14% } .module_column.col5-1{ width:17.44% } .module_column.col4-1{ width:22.6% } .module_column.col4-2, .module_column.col2-1{ width:48.4% } .module_column.col4-3{ width:74.2% } .module_column.col3-1{ width:31.2% } .module_column.col3-2{ width:65.6% } /*NARROW*/ .gutter-narrow>.module_column{ margin-left:1.6% } .gutter-narrow>.col6-1{ width:15.33% } .gutter-narrow>.col5-1{ width:18.72% } .gutter-narrow>.col4-1{ width:23.8% } .gutter-narrow>.col4-2, .gutter-narrow>.col2-1{ width:49.2% } .gutter-narrow>.col4-3{ width:74.539% } .gutter-narrow>.col3-1{ width:32.266% } .gutter-narrow>.col3-2{ width:66.05% } /*NONE*/ .gutter-none>.module_column{ margin-left:0; margin-right:0 } .gutter-none>.col6-1{ width:16.666% } .gutter-none>.col5-1{ width:20% } .gutter-none>.col4-1{ width:25% } .gutter-none>.col4-2, .gutter-none>.col2-1{ width:50% } .gutter-none>.col4-3{ width:75% } .gutter-none>.col3-1{ width:33.333% } .gutter-none>.col3-2{ width:66.666% } /* first column */ .gutter-narrow>.module_column.first, .module_column.col-full, .module_column.first{ margin-left:0; clear:left } /*CLEARFIX*/ .module:after{ content:""; display:table; clear:both } /*RESETS*/ .ui, .ui>li, .themify_builder ul.loops-wrapper{ margin:0; padding:0; list-style:none } /*SIZES*/ .ui.builder_button.large{ font-size:120%; padding:10px 20px } .ui.builder_button.small{ font-size:70%; padding:5px 10px } .xlarge .ui.builder_button{ padding:.935em 1.875em } /*DEFAULT STYLES*/ .ui{ color:#555 } .ui.transparent{ background:transparent; box-shadow:none; /* for transparent style inherit color */ color:inherit } .ui.builder_button{ text-decoration:none; position:relative; border:solid 1px rgba(0,0,0,.05); display:inline-block; line-height:130%; transition:color .3s linear,background-color .3s linear,padding .3s linear,border .3s linear,box-shadow .3s linear; padding:.625em 1.25em; box-shadow:none } .ui.builder_button:hover{ background:#f1f1f1 } .ui>li.current, .ui>li.current:hover{ background:#666; box-shadow:inset 0 2px 3px rgba(0,0,0,.2) } .ui>li.current>a{ color:#fff } .module_row .ui.builder_button{ text-decoration:none } /*MODULE*/ .module-title{ font-size:1.2em; margin:0 0 1.2em } .module img{ border:none; vertical-align:bottom } /* MediaElement*/ .module_row .wp-video{ width:100%!important; max-width:100%!important } .module_row .mejs__container{ text-align:center!important; max-width:100%; min-height:100%!important } .module-slider{ margin-bottom:2.5em } video[poster]{ object-fit:cover } /*Widget Module*/ .module-widget .widget{ margin:0 } .wp-caption{ max-width:100% } /*Map Module*/ .module-map button{ border-radius:0 } .module-map .gm-style-mtc img{ vertical-align:baseline; margin-right:5px } /*BACKGROUND MODE*/ .themify_builder .repeat{ background-repeat:repeat } .themify_builder .repeat-x{ background-repeat:repeat-x } .themify_builder .repeat-y{ background-repeat:repeat-y } .themify_builder .repeat-none{ background-repeat:no-repeat } .themify_builder .fullcover{ background-size:cover } .themify_builder .best-fit-image{ background-size:contain; background-position:center center; background-repeat:no-repeat } .themify_builder .builder-bg-fixed{ background-attachment:fixed; background-repeat:no-repeat; background-size:cover } /* fullwidth row */ .themify_builder .module_row.fullheight .module_subrow, .sidebar-none .themify_builder .module_row{ width:100% } .module_row.fullwidth>.row_inner{ width:100%; max-width:100% } /*BEST-FIT*/ .best-fit{ background:#000 } .best-fit-vertical{ top:0!important; left:1%!important; right:1%!important; width:auto!important; height:100%!important; margin:auto!important } .best-fit-horizontal{ top:10%!important; left:0!important; bottom:10%!important; width:100%!important; height:auto!important; margin:auto!important } /* iOS doesn't support fixed attachment */ @supports (-webkit-touch-callout: none) { .themify_builder_row { background-attachment: scroll !important; } } /*COLUMN ALIGNMENT*/ /* FLEX BOX */ .row_inner, .module_column, .subrow_inner{ display:flex; flex-flow:wrap } .col_auto_height>.module_column{ height:100% } .col_align_middle.col_auto_height{ align-items:center } .col_align_bottom.col_auto_height:not(.direction-rtl){ align-items:flex-end } /*FULLHEIGHT ROW*/ .module_row.fullheight{ min-height:100vh; display:flex; width:100% } .fullheight>.row_inner>.module_column, .fullheight>.row_inner{ min-height:inherit } /* top aligned */ .col_align_top>.module_column{ align-items:flex-start; align-content:flex-start } /* center aligned */ .col_align_middle>.module_column, .fullheight>.row_inner>.col-full{ align-items:center; align-content:center } /* bottom aligned */ .col_align_bottom>.module_column{ align-items:flex-end; align-content:flex-end } .module-plain-text:after{ display:contents!important } /*MEDIA QUERIES*/ @media (min-width:681px) and (max-width:959px){ .module_column.col6-1{ width:31.2%; margin-top:25px } .gutter-narrow>.module_column.col6-1{ width:32.266% } .direction-rtl:not(.tb_grid_classes)>.col6-1:nth-of-type(3), div:not(.direction-rtl):not(.tb_grid_classes)>.col6-1:nth-of-type(4){ margin-left:0; clear:left } .gutter-none>.module_column.col6-1{ width:33.333% } } @media screen and (max-width:680px){ .themify_map.tf_map_loaded{ width:100%!important; } .ui.builder_button, .ui.nav li a{ padding:.525em 1.15em } .gutter-narrow:not(.tb_grid_classes)>.module_column, .gutter-none:not(.tb_grid_classes)>.module_column, div:not(.tb_grid_classes)>.module_column{ margin-left:0; width:100%; max-width:100%; float:none } .module_row div:not(.tb_grid_classes)>.module_column.col6-1{ width:48.4%; margin-left:3.2% } div.gutter-narrow:not(.tb_grid_classes)>.module_column.col6-1:nth-of-type(2n+1), .direction-rtl:not(.tb_grid_classes)>.col6-1:nth-of-type(2n), div:not(.direction-rtl):not(.tb_grid_classes)>.col6-1:nth-of-type(2n+1){ margin-left:0; clear:left } div.gutter-narrow:not(.tb_grid_classes)>.module_column.col6-1{ width:49.2%; margin-left:1.6% } div.gutter-none:not(.tb_grid_classes)>.module_column.col6-1{ width:50%; margin-left:0 } .fullheight>.row_inner>.module_column:not(.col-full), .fullheight>.row_inner{ min-height:0 } } /*/themify-builder/css/modules/parallax.css*/ .themify_builder .builder-parallax-scrolling{ background-attachment:fixed!important; background-repeat:no-repeat!important; background-position:center; /* don't add !important here so user can change position with builder styling */ transition:background-position 0s!important } @media (hover:hover){ .themify_builder .builder-parallax-scrolling{ background-size:cover } } @media(hover:none){ /* for touch devices */ .themify_builder .builder-parallax-scrolling{ background-attachment:scroll!important } } /*/kishimoto/wp-content/themes/basic/styles/modules/site-logo.css*/ #site-logo { font-size:36px; letter-spacing:-.02em; font-weight:bold; line-height:1.4em; margin:0; } #site-logo a, #site-logo a:hover { text-decoration:none; } /*/themify-builder/css/modules/buttons.css*/ .module.module-buttons a{ text-decoration:none; display:inline-block } .module.module-buttons a:hover{ text-decoration:none; } .module.module-buttons .tb_default_color{ color:#555 } .module-buttons-item + .module-buttons-item{ margin-left:.4em } .module-buttons span{ margin-left:.2em; margin-right:.2em } .module-buttons em{ display:inline-block; font-size:16px; line-height:1 } /* size */ .module-buttons.small em{ font-size:12px } .module-buttons.small span{ font-size:.8em } .module-buttons.large em{ font-size:24px } .module-buttons.large span{ font-size:1.2em } .module-buttons.xlarge span{ font-size:1.4em } .module-buttons.none.small em{ font-size:18px } .module-buttons.none.large em{ font-size:30px } .module-buttons.xlarge em, .module-buttons.none.xlarge em{ font-size:36px } /* button styles */ .module.module-buttons.rounded a{ border-radius:8px } .module.module-buttons.squared a{ border-radius:0 } .module.module-buttons.circle a{ border-radius:50em } .module.module-buttons .transparent, .module.module-buttons.transparent a{ background:transparent; border:none; } .module.module-buttons.transparent a:hover{ background:transparent } @media screen and (max-width:680px){ .module-buttons span{ font-size:.9em } .module-buttons.xlarge span, .module-buttons.large span{ font-size:1.1em } } /*/themify-builder/css/modules/image.css*/ .module-image .image-title{ margin:0 0 .3em; font-size:1.2em } .module-image .image-title a{ text-decoration:none; color:inherit; font-family:inherit; text-shadow:inherit } /*layout*/ .module-image .image-wrap{ width:auto } .module-image .image-wrap img{ vertical-align:top; display:inline-block } /*appearance*/ .module-image.rounded .image-wrap img{ border-radius:10px } .module-image.bordered .image-wrap img{ border:solid 1px rgba(0,0,0,.15); background:#fff; padding:3px; box-sizing:border-box } .module-image.drop-shadow .image-wrap img, .module.drop-shadow .post-image img{ box-shadow:0 1px 8px 2px rgba(0,0,0,.15) } .module-image.circle .image-wrap img{ border-radius:50em } /* auto fullwidth */ .themify_builder .auto_fullwidth .lightbox{ display:block } .themify_builder .auto_fullwidth .image-wrap, .themify_builder .auto_fullwidth img{ width:100%; display:block; /* required for FF */ } /* lightbox */ .module-image .image-wrap .lightbox{ position:relative; display:inline-block; max-width:100% } /*/themify-builder/css/modules/image_styles/center.css*/ .module-image.image-center .image-wrap{ text-align:center } .module-image.image-center .image-content{ text-align:center; padding-top:.5em; padding-bottom:1em } /*/themify-builder/css/modules/text.css*/ .drop-cap>:first-child:first-letter, .tb_text_dropcap>.tb_text_wrap:first-child:first-letter, .tb_text_dropcap>.tb_text_wrap>:first-child:first-letter{ font-size:2.85em; float:left; line-height:.4em; padding:.425em .375em; background-color:#0f70e8; color:#fff; margin-right:.325em; margin-top:.15em; margin-bottom:.25em } .tb-text-more-link-indicator{ display:block; height:3px; margin:5px 0; background:rgba(55,55,55,.6) } /*/themify-builder/css/modules/layout-part.css*/ .module_row .module-layout-part .row_inner, .module_row .module-layout-part .module_column{ min-height:inherit } /*/kishimoto/wp-content/themes/basic/style.css*/ /* Theme Name:Themify Basic Theme URI:https://themify.me/themes/basic Version: 5.4.6 Description:Created by Themify. Author:Themify Author URI:http://www.themify.me License:GNU General Public License v2.0 License URI:http://www.gnu.org/licenses/gpl-2.0.html Copyright:(c) 2016 Themify. Tags:featured-images, translation-ready, custom-menu Text Domain:themify --------- DO NOT EDIT THIS FILE. If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme). */ /************************************************************************************ RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin:0; padding:0; } img, fieldset { border:0; } /* set img max-width */ img { box-sizing:border-box; } /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } /* audio */ audio, iframe, object { max-width:100%; } /************************************************************************************ GENERAL STYLING *************************************************************************************/ html { -webkit-font-smoothing:antialiased; } body { font:.9em/1.5em Arial, Helvetica, sans-serif; overflow-wrap:break-word; background-color:#fff; color:#666; } a { color:#1f7bb6; text-decoration:none; outline:none; } a:hover { text-decoration:underline; } p { margin:0 0 1.2em; padding:0; } small { font-size:87%; } blockquote { font:italic 110%/130% "Times New Roman", Times, serif; padding:8px 30px 15px; } /* LIST ================================================ */ ul, ol { margin:1em 0 1.4em 24px; padding:0; line-height:140%; } li { margin:0 0 .5em 0; padding:0; } /* HEADINGS ================================================ */ h1, h2, h3, h4, h5, h6 { line-height:1.3em; margin:0 0 .4em; overflow-wrap:normal; } h1 { font-size:2em; } h2 { font-size:1.8em; } h3 { font-size:1.6em; } h4 { font-size:1.4em; } h5 { font-size:1.2em; } h6 { font-size:1em; } /* FORM ================================================ */ /* form input */ input,textarea,select,input[type=search],button{ font-size:100%; font-family:inherit; max-width:100%; line-height:inherit } textarea,input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=number],input[type=tel],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{ background-color:#f3f3f3; border:solid 1px rgba(0,0,0,.1); padding:7px 10px; border-radius:5px; -webkit-appearance:none; box-sizing:border-box } textarea,input[type=text],input[type=password],input[type=search],input[type=email],input[type=url],input[type=number],input[type=tel],input[type=date],input[type=datetime],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{ width:240px; max-width:100%; } /* text area */ textarea { width:100%; } /* form input:focus */ textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=search]:focus,input[type=email]:focus,input[type=url]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus{ outline:none; background-color:#f9f9f9; box-shadow:0 2px 6px rgba(0,0,0,.1) } /* form button */ input[type=reset], input[type=submit], button { background-color:#333; color:#fff; border:none; padding:7px 20px; cursor:pointer; border-radius:5px; -webkit-appearance:none; } /* form button:hover */ input[type=reset]:hover, input[type=submit]:hover, button:hover { background-color:#000; color:#fff; } /************************************************************************************ STRUCTURE *************************************************************************************/ #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav,#sidebar, .widget, #footerwrap, #footer { box-sizing:border-box; } /* main page width */ .pagewidth { width:978px; margin:0 auto; } /* body (middle container) */ #body { margin:0 auto; max-width:100%; } /* content */ #content { width:68%; float:left; padding:5% 0 3%; } /* sidebar */ #sidebar { width:26.5%; float:right; padding:5% 0 3%; } /* sidebar left */ .sidebar-left #content { float:right; } .sidebar-left #sidebar { float:left; } /* sidebar none */ .sidebar-none #content { width:100%; float:none; } /* fullwidth content */ .full_width #layout { width:100%; } .full_width #content { padding:0; width:auto; float:none; } .full_width #sidebar { width:auto; float:none; } /************************************************************************************ GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { margin-left:3.2%; float:left; } .col4-1 { width:22.6%; } .col4-2, .col2-1 { width:48.4%; } .col4-3 { width:74.2%; } .col3-1 { width:31.2%; } .col3-2 { width:65.6%; } .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left:0; clear:left; } /************************************************************************************ HEADER *************************************************************************************/ #header { position:relative; border-bottom:solid 1px rgba(0,0,0,.1); padding:1em 0 0; } /* SOCIAL WIDGET ================================================ */ .social-widget { float:right; position:absolute; bottom:10px; right:0; } .social-widget a, .social-widget a:hover { text-decoration:none; } .social-widget .widget { display:inline-block; margin:0 2px 0 0; } .social-widget .widget div { display:inline; } .social-widget .widgettitle { width:auto; font-weight:bold; font-size:100%; text-transform:none; border:none; letter-spacing:0; position:static; display:inline-block; margin:5px 8px 2px 0; padding:0; background:transparent; box-shadow:none; } .social-widget ul { margin:6px 0 0 !important; padding:0; display:inline; } .social-links.horizontal li { padding:0 2px 5px 0; margin:0; display:inline-block; border:none !important; clear:none; line-height:100%; } .social-widget li img { vertical-align:middle; margin-top:-5px; } /* RSS ================================================ */ .social-widget div.rss { display:inline-block; vertical-align:middle } .social-widget div.rss a { display:inline-block; margin-bottom:5px } .social-widget div.rss .tf_fa { font-size:1.75em; padding-right:5px; display:inline-block; vertical-align:middle; color:#f9a447 } /* SEARCH FORM ================================================ */ #header #searchform { position:absolute; right:0; top:20px; } #header #searchform #s { width:100px; padding:5px 7px 5px 28px; float:right; border-radius:5px; transition:width .7s; position:relative; box-sizing:border-box; } #searchform .tf_fa{ position:absolute; left:10px; top:10px; z-index:1; pointer-events:none; transform:rotatez(90deg) } #header #searchform #s:focus { width:140px; color:#333; } /* MAIN NAVIGATION ================================================ */ #main-nav { margin:1.5em 0 .5em; padding:0; } #main-nav li { margin:0; padding:0; list-style:none; float:left; position:relative; } /* main level link */ #main-nav a { display:block; padding:5px 15px; margin:0 5px 0 0; text-decoration:none; } /* current link */ #main-nav .current_page_item a, #main-nav .current-menu-item a { background-color:#333; color:#fff; border-radius:5px; } /* current link :hover */ #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover { color:#fff; } /* sub-levels link */ #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a { color:#666; font-size:100%; line-height:140%; font-weight:normal; text-transform:none; padding: 6px 10px 6px 15px; margin:0; display:block; width:200px; background:none; border:none; text-shadow:none; border-radius:0; box-shadow:none; box-sizing:border-box } /* sub-levels link :hover */ #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover { background-color:rgba(0,0,0,.07); color:#000; } /* dropdown ul */ #main-nav ul { margin:0; padding:5px 0; list-style:none; position:absolute; background-color:#fff; z-index:100; border-radius:5px; left:-999em; box-shadow:0 0 0 1px rgba(0,0,0,.2), 0 2px 12px rgba(0,0,0,.15); } #main-nav ul li { background:none; padding:0; margin:0; float:none; } /* show dropdown ul */ #main-nav li.dropdown-open > ul{ left:0; } #main-nav li li.dropdown-open > ul.children, #main-nav li li.dropdown-open > ul.sub-menu{ left:190px; top:-2px; } @media (hover:hover){ /* show dropdown ul */ #main-nav li:hover > ul { left:0; } #main-nav li li:hover > ul.sub-menu, #main-nav li li:hover > ul { left:190px; top:-2px; } } #main-nav a:focus { outline:1px dotted #999; } @media (hover:none){ #main-nav .child-arrow { border-radius:100%; padding:0 7px; margin-left:7px; } #main-nav ul .child-arrow { float:right; margin-right:10px; } } /************************************************************************************ PAGE *************************************************************************************/ /* AUTHOR PAGE ================================================ */ .author-bio { margin:0 0 30px; } .author-bio .author-avatar { float:left; margin:0 15px 0 0; } .author-bio .author-avatar img { background-color:#fff; padding:4px; border:solid 1px #ccc; } .author-bio .author-name { margin:0 0 5px; padding:0; font-size:160%; } .author-posts-by { margin:0 0 20px; padding:10px 0 0; font-size:140%; text-transform:uppercase; border-top:double 4px #ccc; border-color:rgba(118,118,118,.3); } /* CATEGORY SECTIONS ================================================ */ .category-section { clear:both; margin-bottom:30px; } .category-section-title { font-size:120%; text-transform:uppercase; margin:0 0 20px; padding:10px 0 0; border-top:double 4px #ccc; } /************************************************************************************ POST *************************************************************************************/ .post { margin-bottom:50px; box-sizing:border-box; } /* post content */ .post-content { min-width:120px; } /* post title */ .post-title { font-size:26px; margin:0 0 5px; padding:0; } .post-title a { } /* post image */ .post-image { max-width:100%; margin:0 0 5px; } .post-image.left { float:left; margin-right:15px; } .post-image.right { float:right; margin-left:15px; } /* post meta */ .post-meta { margin:0 0 7px; font-size:.9em } .post-meta a { color:inherit } .post-meta span .tf_fa{ display:inline-block; margin-right:6px; vertical-align:middle; opacity:.6 } .post-meta .post-author { padding:2px 0; } .post-meta .post-category { padding:2px 0; } .post-meta .post-tag { padding:2px 0; } .post-meta .post-author:after, .post-meta .post-category:after, .post-meta .post-tag:after{ display:inline-block; content:''; width:1px; height:1.3em; margin:0 .45em 0 .6em; white-space:nowrap; vertical-align:middle; border-left:1px solid; transform:skewX(-15deg); opacity:.1; } .loops-wrapper.grid4 .post-title { font-size:120%; margin:0 0 3px; padding:0; } .loops-wrapper.grid3 .post-title { font-size:140%; margin:0 0 3px; padding:0; } .loops-wrapper.grid2 .post-title { font-size:150%; margin:0 0 3px; padding:0; } .loops-wrapper.grid2-thumb .post-title { margin:0 0 5px; font-size:150%; } .loops-wrapper.grid2-thumb .post-image { float:left; margin:5px 14px 10px 0; } .loops-wrapper.grid2-thumb .post-content { overflow:hidden; } /* list thumb post */ .loops-wrapper.list-thumb-image .post-image { float:left; margin:7px 16px 10px 0; } .loops-wrapper.list-thumb-image .post-content { overflow:hidden; } /* list large image */ .loops-wrapper.list-large-image .post-image { float:left; margin:7px 22px 10px 0; } .loops-wrapper.list-large-image .post-title { font-size:200%; margin:0 0 5px; padding:0; } .loops-wrapper.list-large-image .post-content { overflow:hidden; } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video, .embed-youtube { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; font-size:.9em; margin-bottom:15px; } .post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed { position:absolute; top:0; left:0; width:100%; height:100%; } /************************************************************************************ POST EMBEDS (css for various fluid elements) *************************************************************************************/ .twitter-tweet-rendered { max-width:100% !important; } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .author-box { margin:15px 0; } .author-box .author-avatar { float:left; margin:0 15px 5px 0; } .author-box .author-name { margin:0 0 5px; } /************************************************************************************ POST NAVIGATION (the tag) *************************************************************************************/ .post-pagination { text-align:right; margin:.5em 0 2em; } .post-pagination strong { margin-right:3px; } .post-pagination a { margin-left:3px; margin-right:3px; } /************************************************************************************ POST NAVIGATION *************************************************************************************/ .post-nav { margin:0 0 30px; padding:15px 0; clear:both; } .post-nav .prev, .post-nav .next { width:47%; position:relative; } .post-nav a { text-decoration:none; display:block; } .post-nav a:hover { text-decoration:none; } .post-nav .prev { float:left; } .post-nav .next { float:right; text-align:right; } /* post nav arrow */ .post-nav .arrow { background-color:#333; color:#fff; font:normal 20px/100% "Times New Roman", Times, serif; display:block; float:left; width:32px; height:28px; padding:4px 0 0; text-align:center; margin:-8px 10px 17px 0; border-radius:10em; } .post-nav .next .arrow { float:right; margin-left:10px; margin-right:0; } .post-nav a:hover span { background-color:#000; } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap { margin:10px 0 20px; position:relative; clear:both; } /* comment title */ .comment-title, #reply-title { font-size:140%; margin:0 0 10px; padding:0; } /* comment pagenav */ .commentwrap .pagenav { margin:10px 0; border:none; box-shadow:none; } .commentwrap .pagenav.top { margin:0; position:absolute; top:10px; right:0; } /* commentlist */ .commentlist { margin:0 0 30px; padding:5px 0 0; border-top:solid 1px rgba(0,0,0,.1); } .commentlist li { margin:0; padding:15px 0 0; list-style:none; position:relative; } .commentlist .comment-author { margin:2px 0 5px; padding:0; } .commentlist .avatar { float:left; margin:0 15px 0 0; } .commentlist cite { font-style:normal; font-size:130%; } .commentlist cite a { text-decoration:none; } .commentlist cite .tf_fa{ margin-right:10px } .commentlist .bypostauthor > .comment-author cite .tf_fa { margin-right:18px; color:#ca0012; } .commentlist .comment-time { font-size:75%; text-transform:uppercase; } .commentlist .commententry { border-bottom:solid 1px rgba(0,0,0,.1); position:relative; min-height:40px; overflow:hidden; padding-bottom:5px; overflow-wrap:break-word; } .commentlist ul, .commentlist ol { margin:0 0 0 7%; padding:0; } /* reply link */ .commentlist .reply { position:absolute; right:0; top:8px; } .commentlist .comment-reply-link { font-size:11px; text-transform:uppercase; text-decoration:none; } .commentlist .comment-reply-link:hover { text-decoration:none; } /* COMMENT FORM ================================================ */ #respond { margin:0; padding:10px 0 0; position:relative; clear:both; } #respond #cancel-comment-reply-link { position:absolute; top:20px; right:0; font-size:85%; line-height:100%; text-decoration:none; padding:5px 10px; display:block; color:#fff; background-color:#F30; } #respond #cancel-comment-reply-link:hover { background-color:#333; } #commentform { margin:15px 0 0; } #commentform label { font-weight:bold; } #commentform label small { font-weight:normal; } #commentform textarea { height:140px; width:100%; box-sizing:border-box; } #commentform .comment-form-author, #commentform .comment-form-email { width:50%; float:left; box-sizing:border-box; clear:none; } #commentform p.comment-form-author { padding-right:2%; } #commentform .comment-form-email { padding-left:2%; } #commentform input[type=text], #commentform input[type=email], #commentform input[type=url] { width:100%; max-width:none; box-sizing:border-box; } #commentform input#submit { padding:7px 20px; } /************************************************************************************ SIDEBAR *************************************************************************************/ .widget { margin:0 0 30px; overflow-wrap:break-word; } .widgettitle { margin:0 0 10px; padding:0; font-size:120%; } .widget ul { margin:0; padding:0; } .widget li { margin:0; padding:6px 0; list-style:none; clear:both; } .widget ul ul { margin:6px 0 -6px 0; padding:0; border-top:none; } .widget ul ul li { margin:0; padding-left:10px; } /************************************************************************************ WIDGET STYLES *************************************************************************************/ /* calendar widget */ .widget #wp-calendar caption { font-weight:bold; padding-bottom:10px; } .widget #wp-calendar td { width:31px; padding:4px 2px; text-align:center; } /* feature posts widget */ .widget .feature-posts-list br { display:none; } .widget .feature-posts-list .post-img { margin:4px 12px 10px 0; float:left; } .widget .feature-posts-list small { font-style:italic; font-size:90%; display:block; margin:0 0 3px; } .widget .feature-posts-list .feature-posts-title { margin:4px 0 3px; } .widget .feature-posts-list .post-excerpt { display:block; } /* twitter widget */ .widget .twitter-list .twitter-timestamp { font-style:italic; font-size:90%; } .widget .follow-user { margin:0; padding:5px 0; } /* links widget */ .widget .links-list img, .widget_links img { vertical-align:middle; } /* recent comments widget */ .recent-comments-list .avatar { margin-right:12px; float:left; } /* flickr widget */ .widget .flickr_badge_image { margin-top:10px; } .widget .flickr_badge_image img { width:50px; height:50px; margin-right:12px; margin-bottom:12px; float:left; } /* flickr shortcode */ .shortcode .flickr_badge_image { width:23.8%; margin:0 1.5% 1.5% 0; float:left; } .shortcode .flickr_badge_image:nth-of-type(4n) { margin-right:0; } .shortcode .flickr_badge_image img { margin:0; } /* search widget */ #sidebar #searchform { position:static; } #sidebar #searchform #s { width:93%; } /* reset twitter embed max-width to 100% */ #content .twitter-tweet-rendered { max-width:100% !important; } #content .twt-border { max-width:100% !important; min-width:180px !important; } /* Social Links Widget */ .widget .social-links { margin:0 0 20px; padding:0; line-height:100%; } .widget .social-links li { margin:0 5px 5px 0; padding:0; list-style:none; border:none; display:inline-block; } .widget .social-links img { vertical-align:middle; } /* Text widget */ .widget .textwidget ul { margin:0 0 1.4em 1.6em; } .widget .textwidget li { display:list-item; } .widget .textwidget ul li { list-style:disc; } .widget .textwidget ol li { list-style:decimal; } /************************************************************************************ FOOTER *************************************************************************************/ #footer { padding:30px 0; clear:both; border-top:solid 1px rgba(0,0,0,.1); } /* back to top */ .back-top { clear:both; float:left; margin-top:-3px; } .back-top a { background-color:#000; display:block; width:30px; height:30px; margin:0 10px 10px 0; text-indent:-900em; border-radius:10em; color:#fff; } .back-top a .tf_fa{ text-indent:0; text-align:center; width:100%; float:left; font-size:1.4em; margin-top:5px; } .back-top a:hover { background-color:#333; } /* footer nav */ .footer-nav { margin:7px 0 10px; padding:0; text-align:left; } .footer-nav li { padding:0; margin:0 8px 5px 0; list-style:none; display:inline-block; } /* footer text */ .footer-text { font-size:90%; clear:both; } /************************************************************************************ WORDPRESS POST FORMATTING *************************************************************************************/ .sticky {} img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom:15px; } .alignleft { float:left; margin-right:30px; } .alignright { float:right; margin-left:30px; } .aligncenter { text-align:center; display:block; margin-left:auto; margin-right:auto; } .wp-caption { text-align:center; margin-bottom:15px; max-width:100%; } .wp-caption-text { font-size:95%; line-height:120%; margin:6px 0; } /************************************************************************************ ATTACHMENT SINGLE VIEW *************************************************************************************/ .attachment.single-attachment, .single-attachment .attachment { float:none; margin:0; text-align:left; } /************************************************************************************ BUILDER *************************************************************************************/ /* builder row */ .module_row > .row_inner, .module-layout-part .module_row.fullwidth_row_container > .row_inner { width:978px; /* same width as .pagewidth */ max-width:100%; margin:auto; } .module_row.fullwidth > .row_inner { width:100%; padding:0; } /************************************************************************************ CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear:both; } .left { float:left; } .right { float:right; } .textleft { text-align:left; } .textright { text-align:right; } .textcenter { text-align:center; } /* clearfix */ .widget li:after, #body:after, #footer:after, footer:after,#main-nav:after, .menu:after,#content:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .widget li,footer,#main-nav, .menu { display:block; } /*/kishimoto/wp-content/themes/basic-child/style.css*/ /* Theme Name: Custom Theme Template: basic Author: Trendmake Copyright: (c) 2023 Trendmake Version: 20231013 */ /******************************* Common Setting *******************************/ body { font-family: zen-kaku-gothic-new, sans-serif; font-size: 16px; line-height: 2.1; } #content { padding: 0; } /* Those Classes change row_inner width, when you set the Themify Builder > Row Options > Row Width to Default and Boxed. */ .module_row > .row_inner, .module-layout-part .module_row.fullwidth_row_container > .row_inner { width: 100%; } body table{ width: 100%; border-collapse: collapse; box-sizing: border-box; } /******************************* Header Fix *******************************/ #header.header { height: auto; border-bottom: none; } /* Header Site Branding */ #site-logo, #site-description { position: static; } #site-logo { line-height: 1; } #site-logo a, #site-logo a img { display: block; } /* Search Form in Header */ #headerwrap #header #searchform { position: static; } #headerwrap #header #searchform #s { float: none; } /******************************* Footer Fix *******************************/ #footer { border-top: none; clear: none; padding: 0; } #pc-backtop { display: block; position: fixed; z-index: 500; bottom: 50px; right: 50px; opacity: 0; transition: opacity .3s; } #pc-backtop.is-visible { opacity: 1; } #pc-backtop.is-visible:hover { opacity: .7; } #pc-backtop a, #pc-backtop a img { display: block; } .sp-footer-icons-container { display: none; } .sp-footer-icons-container svg{ display: block; margin: 0 auto 6px; } /******************************* Contact form *******************************/ .wpcf7 table tr th{ width:30%; text-align: left; } .wpcf7 table tr th, .wpcf7 table tr td{ padding:10px 15px } .wpcf7 table tr td input, .wpcf7 table tr td select, .wpcf7 table tr td textarea{ background-color: #f3f3f3; border: solid 1px #ddd; padding: 6px 10px; border-radius: 5px; width:100%; max-width:100%; box-sizing:border-box; } .wpcf7 table tr td span input{ margin-top:10px; } .wpcf7 table tr td span:first-child input{ margin-top:0px; } .wpcf7 table tr td input[type="radio"], .wpcf7 table tr td input[type="checkbox"]{ width:auto; } .wpcf7 .submit_btn{ display:block; } .wpcf7 .submit_btn input[type="submit"]{ display:block; width:250px; margin:0 auto; } /* ============================================= mobile menu settings =============================================　*/ /* Mobile Menu Button */ #menu-button{ visibility:hidden; opacity:0; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; z-index: 900; top: 0; right: 0; width: 48px; height: 48px; background-color: #fafafa; } #menu-button.nav-on { visibility:visible; opacity:1; } #menu-button .ham-lines { position: relative; margin: 0 auto; width: 32px; height: 32px; } #menu-button .ham-lines span, #menu-button .ham-lines::before, #menu-button .ham-lines::after { position: absolute; display: block; right: 0; left: 0; margin: 0 auto; width: 28px; height: 2px; background-color: #111; border-radius: 1px; } #menu-button .ham-lines span { bottom: 15px; transition: all .25s .25s; opacity: 1; } #menu-button .ham-lines::before, #menu-button .ham-lines::after { content: ""; } #menu-button .ham-lines::before{ bottom: 24px; animation: menu-bar01 .75s forwards; } #menu-button .ham-lines::after { bottom: 6px; animation: menu-bar03 .75s forwards; } #menu-button .ham-text { font-size: 12px; line-height: 1; } #menu-button.is-active .ham-lines span { opacity: 0; } #menu-button.is-active .ham-lines::before { animation: active-menu-bar01 .5s forwards; } #menu-button.is-active .ham-lines::after { animation: active-menu-bar03 .5s forwards; } @keyframes menu-bar01 { 0% { transform: translateY(9px) rotate(45deg); } 50% { transform: translateY(9px) rotate(0); } 100% { transform: translateY(0) rotate(0); } } @keyframes menu-bar03 { 0% { transform: translateY(-9px) rotate(-45deg); } 50% { transform: translateY(-9px) rotate(0); } 100% { transform: translateY(0) rotate(0); } } @keyframes active-menu-bar01 { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(9px) rotate(0); } 100% { transform: translateY(9px) rotate(45deg); } } @keyframes active-menu-bar03 { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-9px) rotate(0); } 100% { transform: translateY(-9px) rotate(-45deg); } } /* Mobile Menu Button end */ /* ============================================= Media Query ============================================= */ @media screen and (max-width: 1400px) { /* for iPad pro landscapes */ } @media screen and (max-width: 1200px) { /* for tablet landscapes big */ #pagewrap { position: relative; padding-bottom: 51px; } #header.header { padding-top: 0; } /* module menu button visible */ #menu-button{ visibility:visible; opacity:1; } /* Mobile Menu Container ここを調整すると、メニューボタンクリック後の動作を調整できる */ #main-menu-container { position: fixed; z-index: 700; top: 0; left: -100vw; right: auto; bottom: auto; overflow-y: auto; background-color: #f1f1f1; display: block; width: 100vw; height: 100vh; transition: .3s linear; max-width: 42vw; padding: 2%; height: 100vh; box-sizing: border-box; } #main-menu-container.is-active{ left: 0; } /* Mobile Menu Container ここを調整すると、メニューボタンクリック後の動作を調整できる */ /******************************* Body, Header and Footer Fix *******************************/ #pagewrap { position: relative; padding-bottom: 51px; } /******************************* Footer Fix *******************************/ #pc-backtop { display: none; } .sp-footer-icons-container { display: flex; justify-content: space-around; align-items: center; position: fixed; z-index: 600; right: 0; left: 0; bottom: 0; width: 100%; padding-bottom: calc( env(safe-area-inset-bottom) / 2 ); background: #4f4f4f; } .sp-footer-icons-container a { display: block; width: 100%; line-height: 1; text-align: center; background-color: #fafafa; text-decoration: none; font-size:10px; padding: 10px 0 6px; border-left:1px solid #1f7bb6; } .sp-footer-icons-container a:first-child{ border-left:0; } .sp-footer-icons-container a i { display: block; font-size: 16px; margin-bottom: 8px; } } @media screen and (max-width: 1024px) { /* for tablet landscape */ /******************************* Header Fix *******************************/ #header.header { padding-top: 0; } /* Mobile Header Site Brand */ .header-brand-container #site-description { margin: 0; padding-bottom: 8px; } /* Search Form in Header Nav */ #headerwrap #header #searchform { position: static; width: auto; margin: 0 auto; padding: 8px 16px; text-align: center; } #headerwrap #header #searchform #s { float: none; width: 80%; height: auto; font-size: 16px; line-height: 1.6; } /* style for contact forms, if do not use to delete please コンタクフォームのテーブル調整　不要なら消す*/ .wpcf7 table tr th, .wpcf7 table tr td{ width:100%; display:block; padding: 10px 0px; } .wpcf7 table tr th{ padding-bottom:0; } /* style for contact forms, if do not use to delete please コンタクフォームのテーブル調整　不要なら消す*/ } @media screen and (max-width: 980px) { /* for mobile landscape */ #pc-backtop { display: none; } #footer .sp-footer-icons-container { display: flex; align-items: stretch; } } @media screen and (max-width: 820px) { /* for tablet portrate */ #pc-backtop { } #footer .sp-footer-icons-container { } } @media screen and (max-width: 768px) { /* for mobile */ } @media screen and (max-width: 460px) { /* for mobile small */ } /************************************************ ***************** Trung's CSS ******************* *************************************************/ #pagewrap .pagenav, .header-brand-container, .rb, .header_btn, #footerwrap .footer-nav, #pagewrap .module[class*="btn_sns_"] a.ui.builder_button, .row_flow .tit_step .module-title{ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; } .header-brand-container, .rb, .header_btn, #pagewrap .module[class*="btn_sns_"] a.ui.builder_button, .row_flow .tit_step .module-title{ -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; } #pagewrap .pagenav, .header-brand-container, .rb, .header_btn, #pagewrap .module[class*="btn_sns_"] a.ui.builder_button, .row_flow .tit_step .module-title{ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .rb, .header_btn{ -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } #pagewrap .pagenav, #footerwrap .footer-nav, .row_banner_contact > .row_inner > .tb-column > .tb-column-inner > .module_subrow > .subrow_inner, .row_reason .subrow_inner, .row_flow .tit_step .module-title{ -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .header-brand-container{ -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } #pagewrap .pagenav, .rb, .row_flow .tit_step .module-title{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*--------------------------------- PAGE ---------------------------------*/ *{box-sizing: border-box;} #pagewrap .pagewidth, .header-brand-container, #pagewrap #footerwrap .module_row .row_inner{ width:1200px; max-width:94%; margin-left:auto; margin-right:auto; } #header.pagewidth, #footer.pagewidth{ width: 100%; max-width: 100%; } #pagewrap{ letter-spacing:0.02em; font-weight:500; background:#fffff0; color:#404040; } img{vertical-align:top;} .module .image-wrap > a{ display:inline-block; vertical-align:top; } #pagewrap a img{ transition: all 0.5s cubic-bezier(.165,.84,.44,1); } a:hover img:not(.module .image-wrap img), .module .image-wrap > a:hover{ opacity:0.7; } #pagewrap a, #pagewrap a:hover, #pagewrap a:active, #pagewrap a:visited{ text-decoration:underline; transition: all 0.5s cubic-bezier(.165,.84,.44,1); color:#404040; } #pagewrap a:hover{ text-decoration:none; } #pagewrap a:focus{outline: none;} #main-menu:before, #main-menu:after, #content:before, #content:after, .module .wpcf7:before, .module .wpcf7:after{ content:''; display:table; clear:both; } /*--------------------------------- END PAGE ---------------------------------*/ /*--------------------------------- HEADER ---------------------------------*/ #headerwrap{ background:#fff; box-shadow:2px 3px 8px rgba(55,55,55,0.2); position:relative; z-index:900; } #headerwrap #header.header{ padding:0; } .header-brand-container{ padding:15px 0 0; } #headerwrap #site-description{ text-align:center; padding:0; margin:-10px 0 -7px; } #header #site-logo{ line-height:1.4; letter-spacing:0.02em; font-family: fot-tsukuardgothic-std, sans-serif; text-align:center; margin:0 0 12px; } #header #site-logo a{ display:inline-block; vertical-align: top; text-decoration:none; color:#00bea0; } #site-logo a:hover{ opacity:0.7; } .rb{ text-align:right; flex:1; } .rb a{ display:block; line-height:1; } .rb .header_tel{ margin:0 0 18px 30px; } .header_tel_tit{ display:block; margin:-5px 0 5px; } .header_btn > *{ margin:0 0 20px 30px; } @media screen and (min-width: 1201px) { .main-menu-container #main-menu{ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; padding:0 3% 20px; margin:0; } .main-menu-container #main-menu > li{ display:block; margin: 0; position: relative; } .main-menu-container #main-menu > li > a{ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; text-align:center; font-size:18px; line-height:1.4; letter-spacing:0.02em; font-weight:bold; text-decoration:none; text-align:center; border:1px solid #8fd3cc; border-width:0 1px 0 0; padding:15px 25px 16px; height:100%; } .main-menu-container #main-menu > li:first-child > a{ border-width:0 1px; } .main-menu-container #main-menu > li:hover > a{ opacity:0.7; } } /*--------------------------------- END HEADER ---------------------------------*/ /*--------------------------------- FOOTER ---------------------------------*/ #footerwrap{ background:#fff; } #footerwrap .widget{ margin-bottom: 0; } #footerwrap .footer-nav{ background:#bcda41; padding: 20px 3%; margin:0; text-align:center; line-height:1; } #footerwrap .footer-nav li{ display: block; margin: 0; vertical-align:top; } #footerwrap .footer-nav li a{ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; text-align: center; font-size: 18px; line-height: 1.4; letter-spacing: 0.02em; font-weight: bold; text-decoration: none; color:#fff; text-align: center; border: 1px solid #fff; border-width: 0 1px 0 0; padding: 15px 25px 16px; height: 100%; } #footerwrap .footer-nav li:first-child a{ border-width:0 1px; } .footer-nav li a:hover{ opacity:0.7; } #footerwrap .footer-nav ul{ display:none; } .copyright-container{ padding:15px 3%; text-align:center; } .copyright-container .copyright{ display:block; } .copyright-container span:not(.copyright){ line-height:1; } body #pc-backtop{ bottom:40px; right:40px; width:auto;height:auto; } #pc-backtop a img{ width:auto; } body.tb_responsive_mode #footerwrap .f-con{ position: fixed; bottom:0; width:100%; } /*--------------------------------- END FOOTER ---------------------------------*/ .module.tit_bb .module-title:before, .module.tit_reason .module-title:before{ content:''; display:block; position:absolute; top:0;bottom:0; left:0;right:0; } /*-------------------------------------------------- - TITLE - --------------------------------------------------*/ .module.tit_0 .module-title{margin-bottom: 0;} .module.tit_5 .module-title{margin-bottom: 5px;} .module.tit_10 .module-title{margin-bottom: 10px;} .module.tit_15 .module-title{margin-bottom: 15px;} .module.tit_20 .module-title{margin-bottom: 20px;} #pagewrap .m_fff, #pagewrap .m_fff .module-title, #pagewrap .m_fff .fancy-heading, #pagewrap .tit_fff .module-title, #pagewrap .tit_fff .fancy-heading, #pagewrap .module.btn_fff .module-buttons-item a.ui.builder_button{ color:#fff; } .module .module-title, body .module .fancy-heading{ font-size:16px; line-height:1.4; font-family: fot-tsukuardgothic-std, sans-serif; color:#0fb3a1; margin-bottom: 0; } .module .fancy-heading{ margin:0; } .module.tit_logo .module-title{ font-size:40px; letter-spacing:0.02em; color:#00bea0; text-align:center; } .module.tit_slash, .module.tit_slash_s, .module.tit_bb{ text-align:center; } .module.tit_slash .module-title{ display:inline-block; vertical-align:top; font-size:36px; letter-spacing:0.02em; background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/slash_left.png)left bottom 3px no-repeat, url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/slash_right.png)right bottom 3px no-repeat; padding:0 57px; } .module.tit_slash_s .module-title{ display:inline-block; vertical-align:top; font-size:26px; letter-spacing:0.02em; background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/slash_s_left.png)left bottom 3px no-repeat, url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/slash_s_right.png)right bottom 3px no-repeat; padding:0 47px; } .module.tit_bb .module-title{ display:inline-block; vertical-align:top; font-size:20px; letter-spacing:0.02em; font-family: zen-kaku-gothic-new, sans-serif; color:#fff; text-align:center; background:#f3bc55; border-radius:25px; padding:11px 30px; position:relative; } .module.tit_bb .module-title:before{ top:100%;bottom:auto; left:50%;right:auto; margin-left:-7px; border:1px solid transparent; border-width:10px 7px 0; border-top-color:#f3bc55; } .module.top_greeting_tit .module-title{ font-size:36px; letter-spacing:0.02em; text-align:center; background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/deco_leaf.png)center bottom no-repeat; padding:0 0 50px; } .module.tit_icon .module-title{ font-size:34px; letter-spacing:0.02em; text-align:center; background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/icon_01.png)center top no-repeat; padding:36px 0 0; } .module.tit_reason .module-title{ font-size:35px; line-height:1; letter-spacing:0.02em; color:#fff; text-align:center; background:#0fb3a1; border-radius:50%; padding:11px 0 0; width:60px;height:60px; margin-left:auto; margin-right:auto; position:relative; } .module.tit_reason .module-title:before{ top:-22px;bottom:auto; left:50%;right:auto; transform:translate(-50%,0); width:84px;height:28px; background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/reason_tit.png)center center no-repeat; } .module.tit_box_lc .module-title, .module.tit_box_lcs .module-title{ font-size:22px; letter-spacing:0.02em; color:#0fb3a1; text-align:center; border:1px solid #d3ec6c; border-width:2px 0; padding:7px 0; } .module.tit_box_lc .module-title{ font-size:28px; letter-spacing:0.02em; padding:8px 0 9px; max-width:280px; margin-left:auto; margin-right:auto; } .row_model .sub_column .module .image-title{ font-size:18px; line-height:1.4; letter-spacing:0.02em; color:#fff; text-align:center; padding:12px 15px; margin:0; } .module.tit_step .module-title{ font-size:45px; line-height:1; letter-spacing:0.02em; color:#d3ec6c; text-align:center; background:#0fb3a1; padding:17px 20px 18px; } .module.tit_step .module-title:before{ content:'STEP'; display:block; font-size:22px; letter-spacing:0.02em; width:100%; } .module.tit_b .module-title{ font-size:30px; letter-spacing:0.02em; padding-bottom: 15px; } .module.tit_line .module-title{ font-size:28px; border-bottom:3px solid #c6e779; padding:0 0 14px; } /*-------------------------------------------------- - TEXT - --------------------------------------------------*/ .module p{ overflow:hidden; } .module p:last-child, .module .ui.module-accordion{ margin-bottom: 0; } .module.module-buttons .module-buttons-item{ max-width:100%; vertical-align: top; } .module-buttons a.ui.builder_button:hover{opacity:0.7;} .module-buttons a span{ margin:0; vertical-align:top; font-size: 100%; } .module ul{ margin:0; overflow:hidden; } .module.anchor_load ul{ text-align:center; line-height:1; } .module.anchor_load ul li{ display:inline-block; vertical-align:top; line-height:1; margin:0 0 10px; border-right:1px solid #000; } .module.anchor_load ul li:last-child{ border:none; } .module.anchor_load ul li a{ padding:0 10px; } #pagewrap .pagenav{ padding: 0 0 50px; text-align:center; } #pagewrap .pagenav a, #pagewrap .pagenav span{ padding: 6px 0 0; text-decoration: none; color:#0fb3a1; min-width:35px; min-height:35px; border:2px solid #0fb3a1; background:none; border-radius:50%; margin:0 5px 10px; } #pagewrap .pagenav a:before, #pagewrap .pagenav a:after{ transition: all 0.5s cubic-bezier(.165,.84,.44,1); } #pagewrap .pagenav .current, #pagewrap .pagenav a:hover{ background:#0fb3a1; color:#fff; } #pagewrap .pagenav a:hover:before, #pagewrap .pagenav a:hover:after{ border-top-color:#fff; } #pagewrap .pagenav a.firstp:hover:before, #pagewrap .pagenav a.firstp:hover:after, #pagewrap .pagenav a.prevp:hover:before{ border-left-color:#fff; } #pagewrap .pagenav a.lastp:hover:before, #pagewrap .pagenav a.lastp:hover:after, #pagewrap .pagenav a.nextp:hover:before{ border-right-color:#fff; } .header_tel{ font-weight:bold; text-align:center; } .header_tel .header_tel_num .module-buttons-item, .module[class*="m_tel_"] .module-buttons-item, .module[class*="btn_sns_"] .module-buttons-item, .module.btn_arrow .module-buttons-item, .module[class*="btn_br_"] .module-buttons-item{ width:auto; } #pagewrap .header_tel .header_tel_num a.ui.builder_button, #pagewrap .module[class*="m_tel_"] a.ui.builder_button{ display:block; font-size:30px; line-height:1; letter-spacing:0.02em; font-weight:bold; font-family: fot-tsukuardgothic-std, sans-serif; text-align:center; text-decoration:none; padding:0; } #pagewrap .module.m_tel_s a.ui.builder_button{ font-size:24px; letter-spacing:0.02em; } #pagewrap .module.m_tel_l a.ui.builder_button{ font-size:50px; letter-spacing:0.02em; } .header_tel .header_tel_num a.ui.builder_button span:before, .module[class*="m_tel_"] a.ui.builder_button span:before{ content:''; display:inline-block; vertical-align:top; width:25px;height:27px; background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/icon_tel_m.png)center center no-repeat; margin:3px 4px 0 0; } .module.m_tel_s a.ui.builder_button span:before{ width:16px;height:20px; background-image:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/icon_tel_green.png); margin:3px 3px 0 0; } .module.m_tel_m a.ui.builder_button span:before{ width:22px;height:22px; background-image:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/icon_tel_s.png); margin:6px 6px 0 0; } .module.m_tel_l a.ui.builder_button span:before{ vertical-align:bottom; width:30px;height:30px; background-image:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/icon_tel_l.png); margin:0 5px 1px 0; } .header_tel_tit{ font-size:17px; line-height:1.4; letter-spacing:0.02em; color:#e8809e; } #pagewrap a.header_contact{ font-size:17px; line-height:1.4; letter-spacing:0.02em; color:#fff; text-decoration:none; text-align:center; background:#0fb3a1; border-radius:5px; padding:13px 20px; } .header_contact:hover{ opacity:0.7; } #pagewrap .module[class*="btn_sns_"] a.ui.builder_button{ font-size:24px; line-height:1.4; letter-spacing:0.02em; font-weight:bold; font-family: fot-tsukuardgothic-std, sans-serif; text-align:left; text-decoration:none; min-height:63px; padding:0 0 0 72px; } #pagewrap .module.btn_sns_line a.ui.builder_button{ background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/icon_sns_line.png)left top 7px no-repeat; } #pagewrap .module.btn_sns_mail a.ui.builder_button{ background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/icon_mail.png)left top 7px no-repeat; } .module.top_greeting_txt{ font-size:26px; line-height:1.4; letter-spacing:0.02em; font-family: fot-tsukuardgothic-std, sans-serif; } .module.btn_box_arrow .module-buttons-item, body.single #pagewrap .history-back-button{ width:250px; } #pagewrap .module.btn_box_arrow a.ui.builder_button, body.single #pagewrap .history-back-button{ display:block; font-size:18px; line-height:1.4; letter-spacing:0.02em; font-weight:bold; font-family: fot-tsukuardgothic-std, sans-serif; text-align:center; text-decoration:none; background:#fff url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/arrow_right.png)left 20px center no-repeat; border:2px solid #c6e779; border-radius:10px; box-shadow:2px 3px 5px rgba(0,0,0,0.15); padding:10px 15px 11px 45px; } #pagewrap .module.btn_arrow a.ui.builder_button{ display:block; font-size:30px; line-height:1.4; letter-spacing:0.02em; font-weight:bold; font-family: fot-tsukuardgothic-std, sans-serif; text-align:center; text-decoration:none; background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/arrow_green_right.png)right center no-repeat; padding:0 40px 4px; } #pagewrap .module.btn_banner, #pagewrap .module.btn_banner a.ui.builder_button{ display:block; position:absolute; z-index:1; top:0;bottom:0; left:0;right:0; opacity:0; } #pagewrap .module[class*="btn_br_"] a.ui.builder_button{ display:block; font-size:17px; line-height:1.4; letter-spacing:0.02em; text-align:center; text-decoration:none; color:#fff; background:#0fb3a1; padding:10px 20px 11px; border-radius:5px; } #pagewrap .module.btn_br_green a.ui.builder_button{ background:#06c755; } #pagewrap .m_qa .ui.module-accordion>li{ margin-bottom:50px; } #pagewrap .m_qa .accordion-title{ font-size:16px; line-height:2.1; font-weight:500; padding:0 0 10px; margin-bottom:0; } #pagewrap .m_qa .accordion-title a{ text-decoration:none; background:#eaf5e4; padding:10px 20px 10px 70px; position:relative; } .m_qa .accordion-title a:hover{ opacity:0.7; } .m_qa .accordion-title a:before, .m_qa .accordion-content > .tb_text_wrap:before{ content:'Q'; line-height:1; color:#0fb3a1; font-family: noto-sans-cjk-jp, sans-serif; text-align:center; display:block; position:absolute; top:12px; left:30px; width:30px;height:30px; background:#fff; border-radius:50%; padding:6px 0 0; box-sizing:border-box; } .m_qa .accordion-content > .tb_text_wrap:before{ content:'A'; color:#fff; top:10px; background:#0fb3a1; } #pagewrap .m_qa .accordion-content{ line-height:2.1; padding:0; } .m_qa .accordion-content > .tb_text_wrap{ min-height:50px; padding:8px 0 0 70px; position:relative; } .module.m_policy{ height:310px; overflow:auto; overflow-y:scroll; } /*-------------------------------------------------- - IMAGE - --------------------------------------------------*/ .module .image-wrap{ display: block; line-height:1; } .module:not(.auto_fullwidth) .image-wrap img{ width:auto; max-width:100%; } .module.img_right, .module.img_r{ text-align: right; } .module.module-image .image-content{padding:0;} #pagewrap .gallery .module-gallery-grid{ grid-column-gap: 1.5%; grid-row-gap:0; margin-bottom:-1.5%; } .gallery, #pagewrap .themify_builder_slider .slide-image{margin-bottom:0;} #pagewrap .gallery .gallery-item{margin-bottom:1.5%;} #pagewrap .gallery-columns-2 .gallery-item{margin-bottom:3.046%;} #pagewrap .gallery-columns-3 .gallery-item{margin-bottom:4.64%;} #pagewrap .gallery-columns-4 .gallery-item{margin-bottom:6.283%;} #pagewrap .gallery-columns-5 .gallery-item{margin-bottom:7.98%;} #pagewrap .gallery-columns-6 .gallery-item{margin-bottom:9.73%;} #pagewrap .gallery-columns-7 .gallery-item{margin-bottom:11.54%;} #pagewrap .gallery-columns-8 .gallery-item{margin-bottom:13.408%;} #pagewrap .gallery-columns-9 .gallery-item{margin-bottom:15.34%;} .module.module-gallery .gallery-icon{cursor:auto;} .module.module-gallery .gallery-icon img{width:auto;} .module.img_br .image-wrap img{border-radius:8px;} .module.img_br1 .image-wrap img{border-radius:10px;} .module.img_br2 .image-wrap img{border-radius:20px;} /*-------------------------------------------------- - MODULE - BACKGROUND - BORDER - --------------------------------------------------*/ .module iframe{display:block;margin:0 auto;} #pagewrap .module_column.first{margin-left:0;} #pagewrap .module-layout-part .module_column{min-height:auto;} .row_overflow{ overflow:hidden; } .module_row .row_inner{ width:100%; max-width:100%; } #pagewrap .bg_line{ background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/bg_line.jpg)center top repeat; } #pagewrap .bg_caro{ background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/bg_caro.jpg)center top repeat; } #pagewrap #content .row_banner_contact > .row_inner{ max-width:1100px; margin:0 auto; } .row_banner_contact > .row_inner{ background:rgba(255,255,255,0.8); border-radius:25px; padding:0 4.167%; } .row_banner_contact > .row_inner > .tb-column > .tb-column-inner > .module_subrow > .subrow_inner > .sub_column{ width:auto; padding:0 3%; } .row_top_img .row_inner{ background:#fff; padding:0 4.167%; } .row_top_img .subrow_inner:not(.direction-rtl) .sub_column.first, .row_top_img .direction-rtl .sub_column.last{ width:43.64%; } .row_top_img .subrow_inner:not(.direction-rtl) .sub_column.last, .row_top_img .direction-rtl .sub_column.first{ width:51.82%; } .row_top_img .sub_column.last{ margin-left:4.54%; } .row_top_banner .sub_column{ background-color:#3bc2b3; border-radius:15px; box-shadow:2px 3px 10px rgba(55,55,55,0.26); padding:2.5% 2.5% 0; margin-bottom:40px; } #pagewrap .row_top_banner .sub_column{ transition:all 0.5s cubic-bezier(.165,.84,.44,1); } .row_top_banner .sub_column:hover{ opacity:0.7; } #pagewrap .row_main{ background:url(https://www.kishimotoshokai.com/kishimoto/wp-content/themes/https://www.kishimotoshokai.com/kishimoto/wp-content/themes/uploads/main_bg.jpg)center center no-repeat; background-size:cover; } .row_main .tb-column{ padding:115px 0; } .row_reason .subrow_inner.col-count-2 .sub_column{ width:31.2%; } .row_reason .sub_column{ background:#fff; border:4px solid #0fb3a1; border-radius:10px; padding:0 26px; margin-bottom:100px; } .row_reason .sub_column .tit_reason{ margin-top:-32px; } .row_model .sub_column .module{ background-color:#0fb3a1; border:1px solid #0fb3a1; border-width:5px 5px 0; border-radius:8px; overflow:hidden; max-width:271px; margin-left:auto; margin-right:auto; margin-bottom:40px; } .row_flow{ background:#fff; border:1px solid #0fb3a1; border-width:5px 5px 5px 0; border-radius:10px; padding:21px 0 10px 100px; position:relative; } .row_flow > .row_inner, .row_flow > .row_inner > .tb-column{ position:static; } .row_flow > .row_inner{ padding:0 3.653%; } .row_flow > .row_inner > .tb-column.first{ width:61.56%; } .row_flow > .row_inner > .tb-column.last{ width:34.5%; margin-left:3.94%; } .row_flow .sub_column{ width:auto; padding-right:15px; } .row_flow .module[class*="m_tel_"] .module{ float:left; } .row_flow .tit_step{ position:absolute; top:-5px;bottom:-5px; left:0; width:100px; } .row_flow .tit_step .module-title{ border-radius:10px 0 0 10px; height:100%; } /*-------------------------------------------------- - TABLE - --------------------------------------------------*/ .module table{ width:100%; border-collapse: collapse; } .module table tr td, .module table tr th, .module .wpcf7 table tr td, .module .wpcf7 table tr th{ display:table-cell; width:auto; border:1px solid #e1e1e1; padding:20px 30px; } .module table tr th{ color:#0fb3a1; text-align:left; } .module table tr th:first-child{ width:25%; } body .module .wpcf7 input[type=submit]{ font-size:16px; line-height:2.1; color:#fff; background:#0fb3a1; border-radius:8px; padding:10px 20px; width:240px; max-width:100%; margin:20px auto 15px; display:block; transition: all 0.5s cubic-bezier(.165,.84,.44,1); } .module .wpcf7 .wpcf7-spinner{ display:block; margin:0 auto; } .module .wpcf7 form .wpcf7-response-output{ margin:0 0 30px; } .module .wpcf7 input[type=submit]:focus{outline:none;} .module .wpcf7 input[type=submit]:hover{opacity:0.7;} .module .wpcf7-form > p{display:block;margin:0;} .module .wpcf7-form .ajax-loader{display:block;margin:0 auto;} .module .wpcf7-response-output{margin:0;} .module .wpcf7-validation-errors{border-color:#333;margin-bottom:25px;} .module.m_form{ background-color:#f1fceb; padding:50px 4.167% 20px; } #pagewrap .module .wpcf7 table tr th, #pagewrap .module .wpcf7 table tr td{ border:none; vertical-align:top; } #pagewrap .module .wpcf7 table tr th{ padding:3px 0 33px; } .module .wpcf7 table tr th:first-child{ width:27.27%; } #pagewrap .module .wpcf7 table tr td{ padding:0 0 30px; } #pagewrap .module .wpcf7 table tr th span{ color:#f35050; } .module .wpcf7 table tr td .wpcf7-form-control-wrap{ display:block; margin:20px 0 0; } .module .wpcf7 table tr td .wpcf7-form-control-wrap:first-of-type{ margin-top:0; } .module .wpcf7 table tr td .wpcf7-form-control-wrap > input, .module .wpcf7 table tr td .wpcf7-form-control-wrap > textarea{ display:block; width:100%; max-width:100%; border-radius:0; border:1px solid #afafaf; outline:none; height:auto; padding:2px 20px; background:#fff; color:#404040; font-size:16px; line-height:2.1; font-weight:500; } .module .wpcf7 tbody tr td .wpcf7-form-control-wrap > textarea{ height:300px; min-height:300px; resize: vertical; } .module .wpcf7 tbody tr td .wpcf7-radio .wpcf7-list-item{ display:inline-block; vertical-align:top; margin:0 30px 0 0; } .module .wpcf7 tbody tr td .wpcf7-radio .wpcf7-list-item label input{ margin:11px 6px 0 0; vertical-align:top; } .module.table_info table tr th, .module.table_info table tr td{ border-width:0 0 1px; padding:25px 10px 20px; } .module.table_info table tr th{ border-color:#c6e779; } /*-------------------------------------------------- - POST - --------------------------------------------------*/ .module .post-date, .module .post-title{ line-height: 1.4; } .module-post .post-title a{text-decoration: underline;} .module-post .post-title a:hover{text-decoration: none;} .post .entry-content > p:last-child, .post .entry-content > img:last-child, .module .accordion-content > img:last-child, .module.post_news .builder-posts-wrap .post:last-of-type{ margin-bottom:0; } .post .entry-content img:not(.gallery img), .module .accordion-content img:not(.gallery img){ padding:6px 0 8px; } .post .entry-content img, .module .accordion-content img{ margin-bottom:0; } .post .entry-content > img, .module .accordion-content > img{ margin-bottom:1.2em; } .post .gallery { --galn: 1; --galN: 1; --galg: 1.5%; --galG: 1.5%; display: grid; column-gap: 1.5%; row-gap: 0; grid-template-columns: repeat(var(--galN),1fr); } .post .gallery-columns-2 { --galn: 2; --galN: 2; } .post .gallery-columns-3 { --galn: 3; --galN: 3; } .post .gallery .gallery-item{ float:none; width:100%; text-align:center; } .post .gallery .gallery-item img{ padding:0; } .module.post_results .builder-posts-wrap .post{ background:#fff; border-radius:8px; box-shadow:2px 3px 10px rgba(55,55,55,0.26); overflow:hidden; margin-bottom:40px; } .module.post_results .post-image{ text-align:center; margin-bottom:0; } #pagewrap .module.post_results .post-title{ font-size:18px; letter-spacing:0.02em; font-weight:500; margin-bottom:0; } #pagewrap .module.post_results .post-title a{ display:block; text-decoration:none; color:#fff; text-align:center; background:#0fb3a1; padding:5px 15px; pointer-events: none; } .module.post_results .post-title a:hover, .module.post_blog .post-title a:hover{ opacity:0.7; } .module.post_results .entry-content{ padding:5px 15px 10px; } .module.post_blog .builder-posts-wrap .post{ margin-bottom:60px; } body.home .module.post_blog .builder-posts-wrap .post{ margin-bottom:40px; } .module.post_blog .post-image{ text-align:center; margin-bottom:20px; } .module.post_blog .post-image img{ border-radius:8px; } #pagewrap .module.post_blog .post-title{ font-size:18px; letter-spacing:0.02em; font-weight:500; margin-bottom:6px; } #pagewrap .module.post_blog .post-title a{ display:block; text-decoration:none; color:#0fb3a1; } .module.post_blog .post-date{ font-size:14px; line-height:1; letter-spacing:0.02em; color:#5b5b5b; margin:0; } body.single .post{ padding:100px 0 0; margin:0 0 50px; } body.single .post-image{ text-align:center; margin:0 0 56px; } body.single .post-date{ display:block; font-size:18px; line-height:1; letter-spacing:0.02em; color:#71cad0; margin-bottom:12px; } body.single #pagewrap .post-title{ font-size:24px; line-height: 1.4; letter-spacing:0.02em; font-weight:500; border-bottom:1px solid #e1e1e1; padding:0 0 25px; margin-bottom:20px; } body.single #pagewrap .history-back-button{ text-align:center; max-width:100%; margin:0 auto 100px; } body.single .history-back-button:hover{ opacity:0.7; } /************************************************ ***************** Media Query ******************* *************************************************/ #pagewrap #menu-button, body #pagewrap .sp-footer-icons-container a{ color:#fff; background:#0fb3a1; border:none; text-decoration:none; } body #pagewrap .sp-footer-icons-container a{ border-top:1px solid #fff; padding-top:6px; } body #pagewrap .sp-footer-icons-container a svg{ fill:#fff; height:22px; } #pagewrap #menu-button{ width:50px;height:50px; } #pagewrap #menu-button .ham-lines span, #pagewrap #menu-button .ham-lines::before, #pagewrap #menu-button .ham-lines::after{ background:#fff; } @media screen and (max-width: 1200px) { body #pc-backtop { display: none; } #footer .sp-footer-icons-container { display: flex; } #pagewrap #main-menu-container{ background:#fff; position: fixed; z-index: 700; top: 0; left: 0; right: auto; bottom: auto; overflow-y: auto; display:block; width: 100vw; height: 100vh; max-width:none; padding:0; transition: all 0.5s cubic-bezier(.165,.84,.44,1); opacity:0; visibility:hidden; } #pagewrap #main-menu-container.is-active{ opacity:1; visibility:visible; } #headerwrap #main-menu-container #main-menu{ width:100%; max-width:94%; padding:60px 0 0; margin:0 auto; } #pagewrap #main-menu-container .main-menu{ text-align:left; } #pagewrap #main-menu-container .main-menu li{ padding:0; margin:0; border-color: #333; float:none; display:block; text-align:left; line-height:1.7; } #pagewrap #main-menu-container .main-menu ul{ margin:0 0 0 3%; } #pagewrap #main-menu-container .main-menu li a{ display: block; padding: 8px 3%; text-decoration:none; color:#0fb3a1; width: 100%; background: none; text-indent: unset; white-space: normal; height: auto; } /* --- styling --- */ #pagewrap #main-menu-container #main-menu{ max-width: 100%; } #pagewrap #main-menu-container .main-menu li{ font-size:18px; line-height:1.4; letter-spacing:0.02em; text-align:center; } #pagewrap #main-menu-container .main-menu li a{ padding:15px 3% 16px; } #pagewrap #main-menu-container .main-menu ul{ margin:0; } .header-brand-container{ padding-right:50px; } #footerwrap .footer-nav, #footerwrap .footer-nav li, #footerwrap .footer-nav li a{ line-height:1; } #footerwrap .footer-nav{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:20px 0 0 1px; } #footerwrap .footer-nav li{ margin:0 0 20px -1px; } #footerwrap .footer-nav li a{ border-width:0 1px; padding:0 20px; } } @media screen and (max-width: 1024px) { } @media screen and (max-width: 980px) { #pagewrap .module_row > .row_inner{ max-width:100%; } } @media screen and (max-width: 768px) { #pagewrap .gallery .module-gallery-grid:not(.gallery-columns-1), .post .gallery .module-gallery-grid:not(.gallery-columns-1){ --galn: 2; --galN: 2; } #pagewrap .gallery .gallery-item{ margin-bottom:3.045%; } #pagewrap #content .gallery .gallery-item:nth-of-type(odd){ clear:left; } #pagewrap #content .gallery .gallery-item:nth-of-type(even){ margin-right:0; } #pagewrap .module > .tb_text_wrap > table tr th, #pagewrap .module > .tb_text_wrap > table tr td, #pagewrap .module .wpcf7 table tr th, #pagewrap .module .wpcf7 table tr td{ display:block; width:100%; } #pagewrap .module:not(.table_info) > .tb_text_wrap > table tr th, #pagewrap .module:not(.table_info) > .tb_text_wrap > table tr:not(:last-child) td, #pagewrap .module:not(.table_info) > .tb_text_wrap > table tr:last-child td:not(:last-child), #pagewrap .module .wpcf7 table tr th, #pagewrap .module .wpcf7 table tr:not(:last-child) td, #pagewrap .module .wpcf7 table tr:last-child td:not(:last-child){ border-bottom:none; } .module.table_price table tr td:last-child{ width:auto; white-space:unset; } .module.table_scroll .tb_text_wrap{ overflow:auto; } .module.table_scroll table{ width:721px; } .row_main .tb-column{ padding:15.93% 8.45%; } .module.table_info table tr th{ border:none; } .module.table_info table tr th:not(:first-child), .module.table_info table tr td:not(:first-child){ padding-top:0; } .module.table_info table tr th:not(:last-child), .module.table_info table tr td:not(:last-child){ padding-bottom:10px; } .module.m_form{ padding-top:40px; } #pagewrap .module .wpcf7 table tr th{ padding:0 0 10px; } #pagewrap .module .wpcf7 table tr td{ padding:0 0 20px; } body .module .wpcf7 input[type=submit]{ margin-top:30px; } } @media screen and (max-width: 680px) { #pagewrap .module_column{ width:100%; margin-left:0; } #pagewrap .module.img_right, #pagewrap .module.img_left, #pagewrap .module.sp_center{ text-align: center; } .header-brand-container, .rb, .header_btn{ -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-brand-container{ padding-right:0; } #header #site-logo{ width:100%; padding:0 50px; } .rb{ width:100%; flex:none; text-align:center; display: none; } .rb .header_tel, .header_btn > *{ margin-left:15px; margin-right:15px; } .row_top_banner .module_subrow{ max-width:374px; margin-left:auto; margin-right:auto; } .row_top_banner .sub_column{ padding:8.02% 8.02% 0; } .row_banner_contact > .row_inner > .tb-column > .tb-column-inner > .module_subrow > .subrow_inner > .sub_column{ padding:0; } .post_results{ max-width:271px; margin-left:auto; margin-right:auto; } .row_flow{ border-width:0 5px 5px; padding:0 0 10px; } .row_flow > .row_inner{ padding:0; } .row_flow > .row_inner > .tb-column.first .module-image, .row_flow > .row_inner > .tb-column.last{ padding:0 4%; } .row_flow .tit_step{ position:static; width:100%; margin-bottom:30px; } .row_flow .tit_step .module-title{ border-radius:5px 5px 0 0; } .row_flow .module[class*="m_tel_"] .module{ float:none; } .themify_builder.themify_builder_content>.tb_98p9303.module_row .image-wrap img{ opacity: 0; } .themify_builder.themify_builder_content>.tb_98p9303.module_row{ background-size: 120% 100%; background-repeat: no-repeat; padding-top: 30px; padding-bottom: 20px; } } /*/kishimoto/wp-content/uploads/themify-css/themify-builder-26-generated.css*/ /* Generated from tbuilder_layout_part: tel */ @media screen and (max-width:680px){ .themify_builder_content-26 .tb_fab1732.module-buttons i,.themify_builder_content-26 .tb_fab1732.module-buttons span{font-size:30px;} } /*/kishimoto/wp-content/uploads/themify-css/themify-builder-45-generated.css*/ /* Generated from tbuilder_layout_part: banner-contact */ .themify_builder_content-45 .tb_bjfq255.module_row{background-position:50% 50%;background-attachment:scroll;background-repeat:no-repeat;background-size:cover;background-image:url(https://www.advance-online.com/kishimoto/wp-content/uploads/banner_contact_bg.jpg);padding-bottom:100px;padding-top:100px;} .themify_builder_content-45 .tb_604r255.module_column{padding-top:40px;padding-bottom:37px;} .themify_builder_content-45 .tb_nse6209.module-text{margin-bottom:12px;} .themify_builder_content-45 .tb_d9nb350.module-text{margin-bottom:40px;} .themify_builder_content-45 .tb_ls9c505.module-text{margin-bottom:26px;} .themify_builder_content-45 .tb_4atv609.module-layout-part{margin-bottom:21px;} .themify_builder_content-45 .tb_dfns969.module-buttons{margin-bottom:17px;} .themify_builder_content-45 .tb_z5uk592.module-buttons{margin-bottom:17px;} @media screen and (max-width:680px){ .themify_builder_content-45 .tb_nse6209.module-text.module .module-title{font-size:22px;} } /*/kishimoto/wp-content/uploads/themify-css/themify-builder-238-generated.css*/ /* Generated from page: contact */ .themify_builder_content-238 .tb_91sy941.module_row{padding-bottom:92px;padding-top:90px;} .themify_builder_content-238 .tb_fpgj161.module-text{margin-bottom:50px;} .themify_builder_content-238 .tb_kqk4493.module_row{padding-bottom:90px;} .themify_builder_content-238 .tb_15s928.module-text{margin-bottom:20px;} @media screen and (max-width:680px){ .themify_builder_content-238 .tb_fpgj161.module-text{padding-top:30px;} } /*/kishimoto/wp-content/uploads/themify-css/themify-builder-41-generated.css*/ /* Generated from tbuilder_layout_part: footer */ .themify_builder_content-41 .tb_1o40317.module_row{padding-bottom:60px;padding-top:58px;} .themify_builder_content-41 .tb_y8s1426.module-text{margin-bottom:28px;} .themify_builder_content-41 .tb_c0cr934.module-layout-part{margin-bottom:18px;} /*/kishimoto/wp-content/uploads/themify-customizer-5.4.8-5.4.6.css*/ /* Themify Customize Styling */ body #site-logo a { font-size:40px; color: #00bea0; } #site-logo { position:static; } #site-description { font-size:16px; color: #00bea0; position:static; } #main-nav { position:static; }