/* normalize.css v2.1.2 - integrated from normalize(1).css */ /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* Bootstrap v2.2.2 */ /*! * Bootstrap v2.2.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;} .clearfix:after{clear:both;} .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} a:hover,a:active{outline:0;} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;} #map_canvas img,.google-maps img{max-width:none;} button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;} button,input{*overflow:visible;line-height:normal;} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;} input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} textarea{overflow:auto;vertical-align:top;} @media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page {margin:0.5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333333;background-color:#ffffff;} a{color:#0088cc;text-decoration:none;} a:hover,a:focus{color:#005580;text-decoration:underline;} .img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);} .img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;} .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} .span12{width:940px;} .span11{width:860px;} .span10{width:780px;} .span9{width:700px;} .span8{width:620px;} .span7{width:540px;} .span6{width:460px;} .span5{width:380px;} .span4{width:300px;} .span3{width:220px;} .span2{width:140px;} .span1{width:60px;} .offset12{margin-left:980px;} .offset11{margin-left:900px;} .offset10{margin-left:820px;} .offset9{margin-left:740px;} .offset8{margin-left:660px;} .offset7{margin-left:580px;} .offset6{margin-left:500px;} .offset5{margin-left:420px;} .offset4{margin-left:340px;} .offset3{margin-left:260px;} .offset2{margin-left:180px;} .offset1{margin-left:100px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;} .row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;} .row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;} .row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;} .row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;} .row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;} .row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;} .row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;} .row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;} .row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;} .row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;} .row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;} .row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;} .row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;} .row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;} .row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;} .row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;} .row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;} .row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;} .row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;} .row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;} .row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;} .row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;} .row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;} .row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;} .row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;} .row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;} .row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;} .row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;} .row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;} .row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;} .row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;} .row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;} .row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;} .row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;} [class*="span"].hide,.row-fluid [class*="span"].hide{display:none;} [class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;} .container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";line-height:0;} .container:after{clear:both;} .container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;} .container-fluid:after{clear:both;} p{margin:0 0 10px;} .lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px;} small{font-size:85%;} strong{font-weight:bold;} em{font-style:italic;} cite{font-style:normal;} .muted{color:#999999;} a.muted:hover,a.muted:focus{color:#808080;} .text-warning{color:#c09853;} a.text-warning:hover,a.text-warning:focus{color:#a47e3c;} .text-error{color:#b94a48;} a.text-error:hover,a.text-error:focus{color:#953b39;} .text-info{color:#3a87ad;} a.text-info:hover,a.text-info:focus{color:#2d6987;} .text-success{color:#468847;} a.text-success:hover,a.text-success:focus{color:#356635;} .text-left{text-align:left;} .text-right{text-align:right;} .text-center{text-align:center;} h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999999;} h1,h2,h3{line-height:40px;} h1{font-size:38.5px;} h2{font-size:31.5px;} h3{font-size:24.5px;} h4{font-size:17.5px;} h5{font-size:14px;} h6{font-size:11.9px;} h1 small{font-size:24.5px;} h2 small{font-size:17.5px;} h3 small{font-size:14px;} h4 small{font-size:14px;} .page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eeeeee;} ul,ol{padding:0;margin:0 0 10px 25px;} ul ul,ul ol,ol ol,ol ul{margin-bottom:0;} li{line-height:20px;} ul.unstyled,ol.unstyled{margin-left:0;list-style:none;} ul.inline,ol.inline{margin-left:0;list-style:none;}ul.inline>li,ol.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px;} dl{margin-bottom:20px;} dt,dd{line-height:20px;} dt{font-weight:bold;} dd{margin-left:10px;} .dl-horizontal{*zoom:1;}.dl-horizontal:before,.dl-horizontal:after{display:table;content:"";line-height:0;} .dl-horizontal:after{clear:both;} .dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dl-horizontal dd{margin-left:180px;} hr{margin:20px 0;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid #ffffff;} abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999;} abbr.initialism{font-size:90%;text-transform:uppercase;} blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25;} blockquote small{display:block;line-height:20px;color:#999999;}blockquote small:before{content:'\2014 \00A0';} blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eeeeee;border-left:0;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;} blockquote.pull-right small:before{content:'';} blockquote.pull-right small:after{content:'\00A0 \2014';} q:before,q:after,blockquote:before,blockquote:after{content:"";} address{display:block;margin-bottom:20px;font-style:normal;line-height:20px;} code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap;} pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:20px;} pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0;} .pre-scrollable{max-height:340px;overflow-y:scroll;} .media,.media-body{overflow:hidden;*overflow:visible;zoom:1;} .media,.media .media{margin-top:15px;} .media:first-child{margin-top:0;} .media-object{display:block;} .media-heading{margin:0 0 5px;} .media>.pull-left{margin-right:10px;} .media>.pull-right{margin-left:10px;} .media-list{margin-left:0;list-style:none;} @-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;} .visible-phone{display:none !important;} .visible-tablet{display:none !important;} .hidden-desktop{display:none !important;} .visible-desktop{display:inherit !important;} /* Bootstrap responsive */ @media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}.visible-print{display:none !important;} @media print{.visible-print{display:inherit !important;} .hidden-print{display:none !important;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} .thumbnails>li{float:none;margin-left:0;} [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row-fluid [class*="offset"]:first-child{margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;} .controls-row [class*="span"]+[class*="span"]{margin-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade{top:-100px;} .modal.fade.in{top:20px;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:20px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;} .media-object{margin-right:0;margin-left:0;} .modal{top:10px;left:10px;right:10px;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;} .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;} .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;} .row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%;} .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;} .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;} .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;} .row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%;} .row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%;} .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;} .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;} .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%;} .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%;} .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%;} .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%;} .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%;} .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%;} .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%;} .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%;} .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%;} .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%;} .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%;} .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%;} .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%;} .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%;} .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%;} .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%;} .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%;} .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%;} .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%;} .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%;} .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%;} .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%;} .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%;} .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:20px;} input.span12,textarea.span12,.uneditable-input.span12{width:710px;} input.span11,textarea.span11,.uneditable-input.span11{width:648px;} input.span10,textarea.span10,.uneditable-input.span10{width:586px;} input.span9,textarea.span9,.uneditable-input.span9{width:524px;} input.span8,textarea.span8,.uneditable-input.span8{width:462px;} input.span7,textarea.span7,.uneditable-input.span7{width:400px;} input.span6,textarea.span6,.uneditable-input.span6{width:338px;} input.span5,textarea.span5,.uneditable-input.span5{width:276px;} input.span4,textarea.span4,.uneditable-input.span4{width:214px;} input.span3,textarea.span3,.uneditable-input.span3{width:152px;} input.span2,textarea.span2,.uneditable-input.span2{width:90px;} input.span1,textarea.span1,.uneditable-input.span1{width:28px;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:30px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%;} .row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%;} .row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%;} .row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%;} .row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%;} .row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%;} .row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%;} .row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%;} .row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%;} .row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%;} .row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%;} .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%;} .row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%;} .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%;} .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%;} .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%;} .row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%;} .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%;} .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%;} .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%;} .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%;} .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%;} .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%;} .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%;} .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%;} .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%;} .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%;} .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%;} .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%;} .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%;} .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%;} .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%;} .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%;} .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%;} .row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:30px;} input.span12,textarea.span12,.uneditable-input.span12{width:1156px;} input.span11,textarea.span11,.uneditable-input.span11{width:1056px;} input.span10,textarea.span10,.uneditable-input.span10{width:956px;} input.span9,textarea.span9,.uneditable-input.span9{width:856px;} input.span8,textarea.span8,.uneditable-input.span8{width:756px;} input.span7,textarea.span7,.uneditable-input.span7{width:656px;} input.span6,textarea.span6,.uneditable-input.span6{width:556px;} input.span5,textarea.span5,.uneditable-input.span5{width:456px;} input.span4,textarea.span4,.uneditable-input.span4{width:356px;} input.span3,textarea.span3,.uneditable-input.span3{width:256px;} input.span2,textarea.span2,.uneditable-input.span2{width:156px;} input.span1,textarea.span1,.uneditable-input.span1{width:56px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;} .row-fluid .thumbnails{margin-left:0;}} /* === Norris theme style.css v1.9.5 (original) === */ /* Theme Name: Norris Theme URI: http://themeforest.net/item/norris-elegant-onepage-wordpress-theme/5843777/?ref=withemes Description: Norris is an Elegant Parallax Onepage Wordpress Theme with all modern standards: Responsive, Retina-ready, Translation Ready and comes with Extensive Options. Version: 1.9.5 Author: withemes Author URI: http://themeforest.net/user/withemes?ref=withemes License: License URI: */ /* Table of Contents -------------------------------------------------------------------------------------- 1. General 1.1 General elements & Miscellaneous 1.2 Images 1.3 Layout 2. Top area 2.1 Text elements 2.2 Background slider 2.3 Text slider 2.4 Bigtext 2.5 Fullscreen 2.6 Fullwidth Content 3. Header 3.1 Header 3.2 Logo 3.3 Navigation 3.4 Dark Header 4. Pages and Sections 4.1 Page 4.2 Page separator 4.3 Latest Tweets 5. Blog 5.1 Articles 5.2 Slider 5.3 Pagination 6. Single article 6.1 General 6.2 Next page 6.3 Meta 6.4 Post nav 6.5 Tags 6.6 Authorbox 7. Comments 7.1 Commentlist 7.2 Respond 8. Widgets 8.1 General 8.2 Searchform 8.3 Tagcloud 8.4 Lists 8.5 Advertisement 8.6 Calendar 9. Contactform 10. Footer 10.1 Social icons 10.2 Logo 10.3 Copyright text 10.4 Scroll Up button 11. Retina 12. Dark Skin -------------------------------------------------------------------------------------- */ /* 1 General -------------------------------------------------------------------------------------- */ /* 1.1 General elements & Miscellaneous ---------------------------------------- */ *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, html { height:100%; } html { overflow-y: scroll; } body { line-height: 1.6; color: #333; background: #fff; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size: 14px; } body.non-responsive { width:100%; margin:0 auto; } @media (max-width:1279px) { body.non-responsive { width:1280px; } } p { margin: 0 0 30px } h1, h2, h3, h4, h5, h6, dl dt { margin: 0 0 20px; font-weight: 400; line-height: 1.4; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform: uppercase; } h1, h2, h3, h4, h5, h6 { } h1 { font-size: 36px } h2 { font-size: 28px } h3 { font-size: 22px; } h4 { font-size: 16px } h5, h6 { font-size: 13px } ul { list-style: disc } ol { list-style:decimal; } ul, ol { margin-bottom: 30px } li { line-height:1.6; } a, a:hover { color: #b40606; } a:focus { text-decoration:none; } a:focus, input:focus, select:focus, textarea:focus { outline: none !important; } input, textarea, select { max-width: 100%; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; } select { height: 34px; line-height: 34px; max-width: 300px; width: 100%; display: block; background: none; border: 1px solid #aaa; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } textarea { resize:none; } code { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } pre { -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; margin: 0 0 30px; } cite { } del { color:red; } ins { text-decoration:underline; } code, kbd, pre, samp { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; } iframe { max-width:100%; } /* blockquote */ blockquote { border-left: 2px solid #ccc; overflow: hidden; padding: 20px 40px; margin: 0 0 30px; margin-left: 20px } blockquote p { font-size:24px; margin-bottom:5px; line-height: 1.6; font-weight:normal; font-style:italic; } blockquote em, blockquote cite { color: #B40606; font-size:14px; margin-right: 20%; margin-top:10px; } blockquote em a, blockquote em a:hover, blockquote cite a, blockquote cite a:hover { color:#b40606; } blockquote em:before, blockquote cite:before { content: "\2014"; margin-right: 6px } /* table */ table { width:100%; margin: 0 0 30px; } table td, table th { border:1px solid #ccc; padding:8px; vertical-align:middle; text-align:left; } /* definition list */ dl { margin:0 0 30px; } dl dt { margin-bottom:10px; font-weight:600; } dl dd { margin-bottom:20px; margin-left:30px; } .media-container { margin: 0 0 30px; max-width:100%; overflow:hidden; } .media-container iframe { max-width: 100% } video, audio { max-width:100%; } /* colorbox */ #cboxCurrent { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform: uppercase; } /* 404 */ #primary.notfound { padding-bottom:40px; } .h1-404 { font-size:150px; color:#ddd; text-align:center; } #wi-content { overflow:hidden; } /* 1.2 Image elements ---------------------------------------- */ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .alignnone, a img.alignnone { margin: 5px 20px 20px 0; } .alignright, a img.alignright { margin: 5px 0 20px 20px; float: right } .alignleft, a img.alignleft { margin:5px 20px 20px 0; float:left; } .aligncenter, a img.aligncenter { display:block; margin:5px auto 20px; } .wp-caption { border: 1px solid #ccc; padding: 10px; background:#fff; max-width: 100%; /* Image does not overflow the content area */ text-align: center; -moz-box-sizing:border-box; box-sizing:border-box; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft{ margin: 5px 20px 15px 0; } .wp-caption.alignright { margin: 5px 0 15px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width:100%; padding: 0; width: auto; } .wp-caption-text, .gallery-caption { margin: 0; text-transform: uppercase; font-size: 11px; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-weight: normal; letter-spacing: 1px; margin-top: 10px; text-align:left; color:#333; } /* Gallery */ .gallery { clear: both; margin-left: -10px; margin-right: -10px; } .gallery-item { float: left; text-align: center; padding: 10px; } .gallery-icon a { display:block; width:100%; } .gallery .gallery-item img { border:none !important; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-2 .gallery-item:nth-child (2n+1) { clear: left } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-3 .gallery-item:nth-child (3n+1) { clear: left } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-4 .gallery-item:nth-child (4n+1) { clear: left } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-5 .gallery-item:nth-child (5n+1) { clear: left } .gallery-columns-6 .gallery-item { width: 16.66%; } .gallery-columns-6 .gallery-item:nth-child (6n+1) { clear: left } .gallery-columns-7 .gallery-item { width: 14.28%; } .gallery-columns-7 .gallery-item:nth-child (7n+1) { clear: left } /* 1.3 Layout ---------------------------------------- */ .headline { text-align:center; overflow:hidden; padding:40px 0; background:url(../images/arrow.png) center bottom no-repeat; -webkit-background-size:600px 14px; -moz-background-size:600px 14px; background-size:600px 14px; padding-bottom:20px; margin-bottom:60px; } .header-at-top .headline { padding-top:120px; } .headline .pad { padding-left:120px; padding-right:120px; } .page-title { display:inline-block; position:relative; padding:0 20px; font-weight:400; font-size:65px; } .page-subtitle { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-weight:normal; font-size:14px; letter-spacing:3px; margin:10px auto 0; } #primary { padding-right:20px; } #secondary { float:right; } /* 2 Toparea -------------------------------------------------------------------------------------- */ #wi-content, #wi-header { background:#fff; } .top_logo { width: 50%; min-width: 200px; position: absolute; left: 0%; top: 30%; } .top_cc { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; color: #000000; position: absolute; left: 5%; top: 40%; font-size: 16px; } /* 2.1 Text elements ---------------------------------------- */ #wi-top-area { display:block; clear:both; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; color:#fff; background:#000 url(../images/wooden.jpg) no-repeat center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-attachment:fixed; text-align:center; padding:100px 60px; } #wi-top-area .overlay { display:block; width:100%; height:100%; top:0; left:0; position:absolute; background:#000; opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); z-index:10; } #wi-top-area .top-content { z-index:30; position:relative; overflow:hidden; text-align:center; } #wi-top-area .heading-text { font-weight:700; text-shadow:0 2px 4px rgba(0,0,0,.4); font-size:100px; margin:0; line-height:1; } #wi-top-area .small-text { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-weight:normal; font-size:14px; letter-spacing:3px; margin:10px auto 10px; } #wi-top-area .wi-button { display:inline-block; margin:0 10px 10px; } #wi-top-area .wi-button .btn { display:inline-block; padding:10px 24px; text-decoration:none; color:#fff; border:2px solid #fff; color:rgba(255,255,255,.8); border:2px solid rgba(255,255,255,.6); background:transparent !important; text-transform:uppercase; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; letter-spacing:2px; cursor:pointer; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } #wi-top-area .wi-button .btn:hover { border-color:#fff; color:#fff; } #wi-top-area .wi-button .btn .right-icon { margin-left:10px; } /* 2.2 Background slider ---------------------------------------- */ #wi-top-area.type-slider-not-fullscreen { background:#000; padding:0; width:100%; position:relative; } .header-slider { width:100%; height:auto; text-align:center; } .header-slider .flexslider { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:none; } .header-slider .flexslider .flex-direction-nav a { width: 44px; height: 44px; text-indent: -9999px; z-index:60; direction: ltr; background-repeat: no-repeat; background-position: center; -webkit-background-size: 12px 19px; -moz-background-size: 12px 19px; background-size: 12px 19px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-color: #fff; } .header-slider .flexslider .flex-direction-nav .flex-next { background-image: url(../images/next.png); -webkit-background-size: 12px 19px; -moz-background-size: 12px 19px; background-size: 12px 19px; right: 20px; background-position: center; } .header-slider .flexslider .flex-direction-nav .flex-prev { left: 20px; background-image: url(../images/prev.png); -webkit-background-size: 12px 19px; -moz-background-size: 12px 19px; background-size: 12px 19px; background-position: center; } .header-slider .flex-control-paging { bottom:40px; margin:0; z-index:60; } .header-slider .flex-control-paging li a { width:6px; height:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .header-slider .flex-control-paging li a.flex-active { background:#b40606; } #wi-top-area.type-slider-not-fullscreen .top-content { position:absolute; top:50%; left:10%; width:80%; height:auto; } /* 2.3 Text slider ---------------------------------------- */ .text-slider { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size:60px; color:#fff; text-transform:uppercase; font-weight:700; letter-spacing:2px; overflow:hidden; } .text-slider .flexslider { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:none; padding-bottom:45px; } .text-slider .flex-control-paging { height:30px; bottom:0; padding:0; margin:0; } .text-slider .flex-control-paging li a { width:6px; height:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .text-slider .flex-control-paging li a.flex-active { background:#b40606; } /* 2.4 BigText ---------------------------------------- */ #wi-top-area .bigtext { line-height:1.1; margin:20px 0; } #wi-top-area .bigtext .bg { background:#fff; color:#000; padding:5px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* 2.5 Fullscreen ---------------------------------------- */ #wi-top-area.type-bg-fullscreen, #wi-top-area.type-slider-fullscreen { display:table; vertical-align:middle; height:100%; width:100%; padding-top:0 !important; padding-bottom:0 !important; } #wi-top-area.type-bg-fullscreen .top-content, #wi-top-area.type-slider-fullscreen .top-content { display:table-cell; vertical-align:middle; width:100%; } #wi-top-area.type-slider-fullscreen { background:none !important; } /* 2.6 Fullwidth content ---------------------------------------- */ #wi-top-area.type-fullwidth-content { padding:0 !important; background:#000; } #wi-top-area .media-container { margin-bottom:0 !important; } #wi-top-area .gmap { border:none !important; margin:0 !important; padding:0 !important; } /* 2.7 Social icons ---------------------------------------- */ #wi-top-area .wi-icon { border-color:#ddd; border-color:rgba(255,255,255,.7); color:#ddd; color:rgba(255,255,255,.7); } #wi-top-area .wi-icon a { color:#ddd; color:rgba(255,255,255,.7); } #wi-top-area .wi-icon:hover { border-color:#fff; color:#fff; } #wi-top-area .wi-icon a:hover { color:#fff; } /* 3 Header -------------------------------------------------------------------------------------- */ /* 3.1 Header ---------------------------------------- */ #wi-header { padding:10px 0; border-top:3px solid #000; border-bottom:1px solid #ccc; -webkit-box-shadow:0 2px 2px rgba(0,0,0,.1); -moz-box-shadow:0 2px 2px rgba(0,0,0,.1); box-shadow:0 2px 2px rgba(0,0,0,.1); } #wi-header.is-sticky { width:100%; z-index:9999; background:#fff; position:fixed; top:0; left:0; border-bottom:1px solid #ccc; box-shadow:0 1px 2px rgba(0,0,0,.1); } .admin-bar #wi-header.is-sticky { top:32px !important; } #wi-header-sticky-wrapper.is-sticky #wi-header { width:100%; border-bottom:1px solid #ccc; background:#fff; background:rgba(255,255,255,.98); z-index:999999999; top:0; } #wi-header-sticky-wrapper.is-sticky #wi-header #wi-logo img { } .header-at-top #wi-header { z-index: 10000000000000000000; left: 0px; width: 100%; position: fixed !important; top: 0 !important; background: #fff; background: rgba(255,255,255,.98); } .admin-bar.header-at-top #wi-header { top:28px !important; } .admin-bar.wp-version-from-3-8.header-at-top #wi-header { top:32px !important; } .header-at-top #wi-header-sticky-wrapper { height:0 !important; } /* 3.2 Logo ---------------------------------------- */ #wi-logo a { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-decoration:none; text-transform:uppercase; color:#333; font-size:40px; line-height:60px; font-weight:800; } #wi-logo img { vertical-align:baseline; display:block; margin-top:10px; } /* 3.3 Navigation ---------------------------------------- */ /* toggle menu */ .toggle-menu { display:block; width:60px; height:40px; text-align:center; line-height:50px; text-decoration:none; font-size:20px; color:#333; color:rgba(51,51,51,.8); cursor:pointer; position:absolute; top:10px; right:10px; display:none; } .toggle-menu:hover, .toggle-menu:active { color:#333; text-decoration:none; } .no-menu { line-height:60px; } #wi-mainnav-mobile { display:none; width:100%; outline:none; } #wi-mainnav { display:block; float:right; } #wi-mainnav .menu > ul { display:block; list-style:none; margin:0; padding:0; } #wi-mainnav .menu > ul > li { display:block; float:left; margin:0 10px; position:relative; } #wi-mainnav .menu > ul > li > a { position:relative; display:block; text-decoration:none; text-transform:uppercase; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size:14px; color:#414141; font-weight:400; height:60px; line-height:60px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } #wi-mainnav .menu > ul > li > a:hover, .wi-onepage #wi-mainnav .menu > ul > li.active > a, .wi-not-onepage #wi-mainnav .menu > ul > li.current-menu-item > a { color:#aaa; } /* Submenu */ #wi-mainnav .menu > ul > li > ul { margin: 0; padding: 0; list-style: none; width:220px; background:#fff; border:1px solid #aaa; border-top:3px solid #000; box-shadow:2px 2px 8px rgba(0,0,0,.1); top:60px; left:-20px; z-index:2000; position:absolute; display:none; } #wi-mainnav .menu > ul > li:hover > ul { } /* right menu */ #wi-mainnav .menu > ul > li.right-menu > ul { left:auto; right:-20px; } #wi-mainnav .menu > ul > li > ul > li { position:relative; } #wi-mainnav .menu > ul > li > ul > li > a { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; display: block; color: #000; text-decoration: none; padding: 10px 20px; text-transform: uppercase; font-size: 11px; border-top:1px solid #ccc; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out } #wi-mainnav .menu > ul > li > ul > li:first-child a{ border-top:none; } #wi-mainnav .menu > ul > li > ul > li > a:hover, #wi-mainnav .menu > ul > li > ul > li.active > a { background:#f9f9f9; } #wi-mainnav .menu > ul > li > a.sf-with-ul:after, #wi-mainnav .menu > ul > li a .indicator u:after { content:"\f107"; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-weight:normal; font-style:normal ;text-decoration:inherit; -webkit-font-smoothing:antialiased; *margin-right:.3em; margin-left:6px; } #wi-mainnav .menu > ul > li a .indicator { display:none; text-decoration:none; position:absolute; top:0; right:0; width:70px; height:100%; z-index:20; font-size:14px; } #wi-mainnav .menu > ul > li a .indicator u { position:absolute; top:50%; left:50%; display:block; width:20px; height:20px; text-align:center; line-height:20px; margin:-10px 0 0 -10px; text-decoration:none; } #wi-mainnav .menu > ul > li:hover > a.sf-with-ul:after, #wi-mainnav .menu > ul > li.current-menu-item > a.sf-with-ul:after, #wi-mainnav .menu > ul > li.current-menu-ancestor > a.sf-with-ul:after, #wi-mainnav .menu > ul > li.current_page_item > a.sf-with-ul:after, #wi-mainnav .menu > ul > li.current_page_ancestor > a.sf-with-ul:after, #wi-mainnav .menu > ul > li:hover > a.has-submenu:after, #wi-mainnav .menu > ul > li.current-menu-item > a.has-submenu:after, #wi-mainnav .menu > ul > li.current-menu-ancestor > a.has-submenu:after, #wi-mainnav .menu > ul > li.current_page_item > a.has-submenu:after, #wi-mainnav .menu > ul > li.current_page_ancestor > a.has-submenu:after { border-top-color:#aaa; } /* 3.4 Dark version ---------------------------------------- */ .header-dark #wi-header, .header-dark #wi-header-sticky-wrapper.is-sticky #wi-header { background:#222; background:rgba(0,0,0,.9); color:#fff; border-top:none; box-shadow:none; border-bottom:none; } .header-dark #wi-logo a { color:#fff; } .header-dark #wi-mainnav ul.menu > li > a { color:#CCC; color:rgba(255,255,255,.7); } .header-dark #wi-mainnav ul.menu > li > a:hover, .header-dark #wi-mainnav ul.menu > li.active > a { color:#fff; } .header-dark #wi-mainnav .menu > ul > li > ul { background:#222; color:#fff; box-shadow:none; border:none; } .header-dark #wi-mainnav .menu > ul > li > ul:before { display:none; } .header-dark #wi-mainnav .menu > ul > li > ul > li > a { color:#ccc; color:rgba(255,255,255,.7); border-top:none; } .header-dark #wi-mainnav .menu > ul > li > ul > li > a:hover, .header-dark #wi-mainnav .menu > ul > li > ul > li.active > a { color:#fff; background:#000; } /* 4 Page & Section -------------------------------------------------------------------------------------- */ /* 4.1 Header ---------------------------------------- */ .wi-page { display:block; clear:both; padding:60px 0; } .wi-page .title-area { text-align:center; background:url(../images/arrow.png) center bottom no-repeat; -webkit-background-size:600px 14px; -moz-background-size:600px 14px; background-size:600px 14px; padding-bottom:20px; margin-bottom:30px; } .wi-page .title-area .pad { padding:0 40px; } .wi-page .title-area .image { margin-bottom:15px; } .wi-page .title-area .title { font-size:65px; font-weight:400; } .wi-page .title-area .subtitle { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-weight:normal; font-size:14px; letter-spacing:3px; margin:10px auto 0; } /* 4.2 Page Separator ---------------------------------------- */ .page-separator { overflow:hidden; position:relative; color:#fff; padding:60px 0; background-color:#000; background-position:center top; background-attachment:fixed; } .no-js .page-separator { background-attachment:scroll; } .page-separator .overlay, .page-separator .clipmask { position:absolute; top:-1%; left:-1%; width:102%; height:102%; background:#000; z-index:10; opacity:0.05; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; filter: alpha(opacity=5); } .page-separator .clipmask { z-index:20; background:url(../images/stripe.png); -webkit-background-size:4px 4px; -moz-background-size:4px 4px; background-size:4px 4px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .page-separator.background-type-image .overlay { background:#000; } .page-separator.background-type-pattern .overlay { background:#fff; } .page-separator .content { position:relative; z-index:30; } .page-separator blockquote { text-align:center; border:none; padding-top:60px; margin-bottom:0; background:url(../images/flourish.png) center top no-repeat; -webkit-background-size:200px 18px; -moz-background-size:200px 18px; background-size:200px 18px; } .page-separator blockquote p { font-size:36px; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; } .page-separator blockquote cite { float:none; margin-right:0; } /* Button --------------------------------------- */ .page-separator .wi-button { display:block; text-align:center; } .page-separator .wi-button .btn { display:inline-block; padding:10px 24px; text-decoration:none; color:#fff; border:2px solid #fff; color:rgba(255,255,255,.8); border:2px solid rgba(255,255,255,.6); background:transparent !important; text-transform:uppercase; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; cursor:pointer; letter-spacing:2px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .page-separator .wi-button .btn:hover { border-color:#fff; color:#fff; } .page-separator .wi-button .btn .right-icon { margin-left:10px; } /* 4.3 Latest Tweets ---------------------------------------- */ .wi-tweets { text-align:center; } .wi-tweets .flexslider { display:block; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; padding:0 100px 80px; } .wi-tweets .flexslider li { font-size:20px; color:#ccc; color:rgba(255,255,255,.6); } .wi-tweets .flexslider li img { width:auto; } .wi-tweets .flexslider li a { color:#fff; text-decoration:none; } .wi-tweets .flexslider .tweet_avatar, .wi-tweets .flexslider .tweet_avatar:hover { display:block; margin:0 auto 10px; width:48px; height:48px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; overflow:hidden; border-bottom:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .tweet_time { display:block; position:relative; padding-bottom:15px; padding-top:5px; margin-bottom:20px; text-transform:uppercase; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size:13px; } .wi-tweets .flexslider .slides > li .tweet_time a:hover { border-bottom:none; } .tweet_time:after, .wi-tweets .flexslider .slides > li:after { position:absolute; bottom:0; left:50%; margin-left:-100px; width:200px; content:""; border-top:1px solid #fff; border-top-color:rgba(255,255,255,.7); } .wi-tweets .flexslider .slides > li { position:relative; padding-bottom:20px; } /* Navigation */ .wi-tweets .flex-direction-nav { margin:0; padding:0; list-style:none; } .wi-tweets .flex-direction-nav li a, .wi-tweets:hover .flex-direction-nav li a, .wi-tweets .flex-direction-nav li a:hover { text-indent:inherit; opacity:1; text-decoration:none; color:#333; width:40px; height:40px; text-align:center; background:#fff; font-size:24px; border-radius:40px; top:auto; bottom:0; left:50%; border-bottom:none; } .wi-tweets .flex-direction-nav a i { line-height:40px; } .wi-tweets .flex-direction-nav .flex-next { left:50%; margin-left:4px; } .wi-tweets .flex-direction-nav .flex-prev { left:50%; margin-left:-44px; } /* 5 Blog -------------------------------------------------------------------------------------- */ /* 5.1 Article ---------------------------------------- */ .article { overflow: hidden; position: relative; padding:0 0 60px; clear:both; float:none; } .article.sticky { } .article .post-thumbnail { margin:0 0 20px; text-align:center; } .article .post-thumbnail a img { -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .article .post-thumbnail a:hover img { opacity:0.6; } .article .title { font-weight:400; margin-bottom:20px; font-size:28px; -ms-word-wrap: break-word; word-wrap: break-word; } .article .title a { color:#515151; text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .article .title a:hover { color:#999; } .article.sticky .title a{ background:#ffff99; padding-left:6px; padding-right:6px; } .article .title .format-icon { margin-right:20px; } .article .meta { display:block; clear:both; overflow:hidden; border-top:1px solid #999; border-bottom:1px solid #999; padding:5px 0; margin:0 0 20px; } .article .meta .ele { display:block; float:left; margin-right:10px; color:#777; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform:uppercase; font-size:12px; padding-left:30px; padding-right:10px; background:url(../images/rhombus-small.png) no-repeat 0 3px; -webkit-background-size:14px 14px; -moz-background-size:14px 14px; background-size:14px 14px; } .article .meta .ele:first-child { background:none; padding-left:0; } .article .meta .ele:last-child { margin-right:15px; } .article .meta .ele a { color:#414141; text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .article .meta .ele a:hover { color:#999; } .article .meta .ele .sep { color:#ccc; margin:0 6px; } .article .excerpt p { margin-bottom:20px; } .article .more-link { text-decoration:none; color:#515151; display:inline-block; border:2px solid #aaa; padding:5px 10px; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform:uppercase; font-size:12px; letter-spacing:-1px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .article .more-link:hover { border-color:#777; } /* 5.2 Slider ---------------------------------------- */ .slider-thumbnail .flexslider { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:none; } .slider-thumbnail .flexslider .flex-direction-nav a { width: 40px; height: 40px; text-indent: -9999px; direction: ltr; background-repeat: no-repeat; background-position: center; -webkit-background-size: 12px 19px; -moz-background-size: 12px 19px; background-size: 12px 19px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-color: #fff; } .slider-thumbnail .flexslider .flex-direction-nav .flex-next { background-image: url(../images/next.png); -webkit-background-size: 12px 19px; -moz-background-size: 12px 19px; background-size: 12px 19px; right: 20px; background-position: center; } .slider-thumbnail .flexslider .flex-direction-nav .flex-prev { left: 20px; background-image: url(../images/prev.png); -webkit-background-size: 12px 19px; -moz-background-size: 12px 19px; background-size: 12px 19px; background-position: center; } /* 5.3 Pagination ---------------------------------------- */ .wi-pagination { display:block; text-align:center; margin:20px 0 30px; } .wi-pagination > ul { list-style:none; margin:0; padding:0; display:inline-block; } .wi-pagination > ul > li { float:left; } .wi-pagination > ul > li > a { display:block; width:45px; height:45px; color:#000; background:url(../images/rhombus.png) no-repeat center; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; background-size:45px 45px; text-decoration:none; text-align:center; line-height:45px; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; margin-bottom:10px; border-bottom:none; } .wi-pagination > ul > li > a:hover { color:#999; border-bottom:none; } .wi-pagination > ul > li > .prev, .wi-pagination > ul > li > .next { width:auto; padding:0 15px; background:none; position:relative; margin-left:10px; margin-right:10px; } .wi-pagination > ul > li > .prev:before, .wi-pagination > ul > li > .next:before, .wi-pagination > ul > li > .prev:after, .wi-pagination > ul > li > .next:after { position:absolute; top:0; left:-10px; width:10px; height:100%; display:block; content:""; background:url(../images/rhombus.png) no-repeat left center; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; background-size:45px 45px; } .wi-pagination > ul > li > .prev:after, .wi-pagination > ul > li > .next:after { left:auto; right:-10px; background-position:right center; } .wi-pagination > ul > li > .prev i { margin-right:6px; } .wi-pagination > ul > li > .next i { margin-left:6px; } .wi-pagination > ul > li > span { line-height:45px; display:block; text-align:center; width:45px; height:45px; } /* 6 Single -------------------------------------------------------------------------------------- */ /* 6.1 General ---------------------------------------- */ .wi-single .post-thumbnail { margin:0 0 30px; text-align:center; } .wi-single .post-content { margin-bottom:20px; } .post-title { font-weight:400; font-size:45px; -ms-word-wrap: break-word; word-wrap: break-word; } /* format link */ .link-area { margin:0 0 20px; } .link-area .link-button { color:#414141; text-decoration:none; text-transform:uppercase; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; letter-spacing:2px; display:block; text-align:center; padding:5px 0; border:1px solid #414141; margin-bottom:10px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .link-area .link-button:hover { border-color:#000; color:#000; } .link-area .url { color:#999; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; } /* 6.2 Next Page ---------------------------------------- */ .page-links-container { overflow:hidden; margin:20px auto; } .page-links { line-height:1.2; float:right; } .page-links-label { float:left; margin-right:20px; } .page-links > span, .page-links > a, .page-links > a:hover { display:block; float:left; padding:0 10px; border-bottom:none; border-left:1px dotted #aaa; color:#aaa; font-size:18px; font-style:italic; margin-top:-2px; text-decoration:none; } .page-links > a { color:#333; } .page-links > a:hover { color:#b40606; } /* 6.3 Meta ---------------------------------------- */ .headline .meta { display:inline-block; overflow:hidden; text-transform:uppercase; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-weight:normal; font-size:12px; letter-spacing:2px; color:#777; } .headline .meta .ele { display:block; float:left; margin-right:10px; } .headline .meta .ele:before{ content:"\B7"; margin-right:10px; } .headline .meta .ele:first-child:before { display:none; } .headline .meta .ele a { color:#414141; text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .headline .meta .ele a:hover { color:#999; } .headline .meta .ele .sep { color:#ccc; margin:0 6px; } /* 6.4 Post Nav ---------------------------------------- */ .post-nav { display:block; width:100%; overflow:hidden; border-top:2px solid #ccc; border-bottom:2px solid #aaa; position:relative; } .post-nav .ele { display:block; width:50%; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:30px 0px; border-left:none; border-right:none; } .post-nav .next { text-align:right; float:right; } .post-nav .prev { } .post-nav .ele a { color:#999; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform:uppercase; font-size:18px; letter-spacing:2px; text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .post-nav .ele a:hover { color:#777; } .post-nav .ele a i { font-size:14px; position:relative; top:-2px; } .post-nav .prev a i { margin-right:10px; } .post-nav .next a i { margin-left:10px; } .post-nav .nav-sep { position:absolute; top:0; left:50%; height:100%; margin-left:-1px; border-right:2px solid #ccc; } /* 6.5 Tags ---------------------------------------- */ .tags { display: block; clear: both; overflow: hidden; margin:0; padding: 15px 0; border-bottom: 1px solid #aaa; font-size: 14px; color: #999; text-align: center; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; } .tag-label { display: inline-block; text-transform: uppercase; letter-spacing: 2px; margin-right: 20px } .tags a { display: inline-block; color: #999; text-transform: uppercase; letter-spacing:2px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } .tags a:hover { color: #555; text-decoration: none } .tags .sep { margin:0 10px; color:#ccc; } /* 6.6 Authorbox ---------------------------------------- */ .authorbox { overflow: hidden; background:#000 url(../images/sidrbg/dark_geometric.png); -webkit-background-size:70px 70px; -moz-background-size:70px 70px; background-size:70px 70px; padding:15px; color:#fff; margin-bottom:30px; margin-top:15px; } .authorbox .inner { border:1px double #fff; border-color:rgba(255,255,255,.8); padding:20px; overflow:hidden; } .authorbox .author-avatar { float: left; margin-right: 40px; width: 70px; position: relative } .authorbox .author-avatar img { position: relative; z-index: 20; border:2px solid #fff; } .authorbox .text { display:block; overflow:hidden; } .authorbox .text h4 { text-transform: uppercase; color: #fff; font-size: 18px; margin-bottom: 10px; font-weight: 400; letter-spacing:2px; } .authorbox .text h4 a { text-decoration: none; color: #b40606; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-left: 5px } .authorbox .text h4 a:hover { } .authorbox .text .desc { color:#fff; color:rgba(255,255,255,.7); } .authorbox .text .desc p { margin-bottom:0; } .authorbox .text .social { margin-top:10px; } .authorbox .text .social ul { list-style:none; margin:0; padding:0; display:inline-block; border-top:1px solid #fff; padding-top:10px; } .authorbox .text .social ul li { float:left; margin-right:10px; } .authorbox .text .social ul li:before { content:"\B7"; margin-right:10px; } .authorbox .text .social ul li:first-child:before { display:none; } .authorbox .text .social ul li a { color:#fff; text-transform:uppercase; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size:11px; } /* 7 Comments /* -------------------------------------------------------------------------------------- */ #comments { overflow:hidden; } /* 7.1 Commentlist ---------------------------------------- */ .comments-title { font-weight:300; font-size:60px; margin-bottom:40px; position:relative; display:inline-block; } .comments-title:after { position:absolute; top:50%; left:100%; margin-left:20px; margin-top:-3px; content:""; border-top:1px solid #999; width:999px; } .commentlist { margin: 0; padding: 0; list-style: none } .commentlist li { } .commentlist li.bypostauthor { } .commentlist article { padding: 0; border-bottom: 1px double #ccc; margin-bottom: 24px; padding-bottom: 24px } .commentlist .comment-avatar { float: left; margin-right: 30px; width: 60px; padding: 3px; border: 1px solid #ccc } .commentlist .text { display:block; overflow:hidden; } .commentlist header { display: block; margin-bottom: 10px; overflow: hidden; clear: both } .commentlist header a { color: #666; font-size: 12px; text-decoration: none; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform: uppercase; font-style: normal; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .commentlist header a:hover { text-decoration: none; color: #999 } .commentlist header .sep { color: #ddd; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform: uppercase; margin:0 6px; } .commentlist .fn { color: #555; text-transform: uppercase; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; display: block; letter-spacing:1px; font-weight: 400; font-size: 18px; position: relative; margin-left:0; } .commentlist .fn a { font-size: 18px; color: #333 } .commentlist .fn span { vertical-align:middle; display:inline-block; } .commentlist .fn span.post-author { background: #ccc; color: #fff; display: inline-block; padding: 0 6px; font-size: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: 20px } .comments-area .comment-content p { margin-bottom: 10px } .comment-content ul, .comment-content ol { margin-bottom:30px; } .comment-content ul ul, .comment-content ul ol, .comment-content ol ol, .comment-content ol ul { margin-bottom:0; } /* Children */ .commentlist ol.children { list-style: none; margin-left: 48px } .commentlist ol.children .comment-avatar { width: 55px; } /* 7.2 Respond ---------------------------------------- */ #respond .required { color:red; } #cancel-comment-reply-link { margin-left:12px; color:inherit; } .comment-awaiting-moderation { color:red; margin-bottom:10px; } #respond .comment-ele { margin:0 0 20px; } #respond .comment-ele label { display:block; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform:uppercase; margin-bottom:6px; letter-spacing:2px; color:#999; cursor:default; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } #respond .comment-ele label:hover { color:#666; } #respond input[type="text"], #respond input[type="text"]:focus, #respond textarea, #respond textarea:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; outline: none; background: #fff; height: 34px; line-height: 20px; padding: 10px 6px; width:100%; max-width: 100%; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size: 14px; -moz-transition: border .2s ease-out; -o-transition: border .2s ease-out; -webkit-transition: border .2s ease-out; transition: border .2s ease-out } #respond textarea, #respond textarea:focus { height:200px; } #respond input[type="text"]:focus, #respond textarea:focus { border-color:#999; } #respond #submit { color: #fff; display: block; background: #222; letter-spacing:2px; font-weight:300; padding: 10px 20px; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform: uppercase; font-size: 12px; cursor: pointer; vertical-align: bottom; border: none; -moz-transition: all 2s ease-out; -o-transition: all 2s ease-out; -webkit-transition: all 2s ease-out; transition: all 2s ease-out; } #respond #submit:hover { background: #b40606; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* 8 Widgets -------------------------------------------------------------------------------------- */ /* 8.1 General ---------------------------------------- */ .widget { margin:0 0 50px; } .widget-title { letter-spacing:2px; font-weight:400; font-size:20px; text-align:center; overflow:hidden; margin-bottom:30px; } .widget-title span { display:inline-block; position:relative; padding:0 10px; } .widget-title span:before, .widget-title span:after { position:absolute; width:999px; left:-999px; content:""; top:50%; border-top:1px solid #999; border-bottom:1px solid #aaa; height:2px; } .widget-title span:after { left:100%; } /* 8.2 Searchform ---------------------------------------- */ .searchform { width: 100%; position: relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .searchform .s, .searchform .s:focus { width: 100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height: 32px; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size: 16px; line-height: 20px; padding: 6px 8px; padding-right: 32px; outline: none; border: 1px solid #aaa; color: #333; } .searchform .submit, .searchform .submit:focus { position: absolute; width: 32px; height: 32px; top: 0; right: 0; border: none; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: transparent; text-align: center; display: block; font-size: 16px; border-color: #aaa; color: #666; } .searchform .submit i { line-height: 32px; } /* 8.3 Tagcloud ---------------------------------------- */ .tagcloud { overflow:hidden; } .tagcloud a { display:block; float:left; border:2px solid #ccc; padding:3px 8px; color:#777; font-size:14px !important; margin:0 6px 6px 0; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform:uppercase; text-decoration:none; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .tagcloud a:hover { border-color:#999; color:#555; } /* 8.4 Lists ---------------------------------------- */ .widget_recent_entries ul, .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_pages ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_rss ul { list-style:none; margin:0; padding:0; } .widget_recent_entries ul li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_recent_comments ul li, .widget_rss ul li { padding:6px 0 0; padding-left:15px; position:relative; color:#777; text-transform:uppercase; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; letter-spacing:2px; } .widget_recent_entries ul li:before, .widget_archive ul li:before, .widget_categories ul li:before, .widget_meta ul li:before, .widget_pages ul li:before, .widget_nav_menu ul li:before, .widget_recent_comments ul li:before, .widget_rss ul li:before { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; content:"\f105"; /* angle right */ position:absolute; top:6px; left:0; } .widget_recent_entries ul li a, .widget_archive ul li a, .widget_categories ul li a, .widget_meta ul li a, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_recent_comments ul li a, .widget_rss ul li a { color:#555; text-decoration:none; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .widget_recent_entries ul li a:hover, .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover, .widget_recent_comments ul li a:hover, .widget_rss ul li a:hover { color:#b40606; } /* recent posts */ .widget_recent_entries .post-date { color:#aaa; } .widget_recent_entries .post-date:before { content:"("; } .widget_recent_entries .post-date:after { content:")"; } /* categories */ .widget_categories ul li { display:block; border-bottom:1px solid #ddd; padding:7px 0; padding-left:0; } .widget_categories ul li:before{ content:"+"; margin-right:10px; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; color:#999; position:static; } .widget_categories ul ul { margin-left:30px; } .widget_categories ul ul li:last-child { border-bottom:none; } /* comments */ .widget_recent_comments ul li { padding-left:24px; } .widget_recent_comments ul li:before { content:"\f0e6"; top:7px; } /* pages */ .widget_pages ul li, .widget_recent_entries ul li { padding-left:24px; } .widget_pages ul li:before, .widget_recent_entries ul li:before { content:"\f0f6"; } /* rss */ .widget_rss ul li { padding-left:24px; } .widget_rss ul li:before { content:"\f09e" } .rssSummary { color:#999; } /* 8.5 Advertisement ---------------------------------------- */ .ad-cell { display:block; float:left; overflow:hidden; margin-bottom:0px; padding:2px; text-align:center; } .ad-cell.ad-150 { width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:2px; } .ad-cell a { display:block; } /* 8.6 Calendar ---------------------------------------- */ #wp-calendar caption { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; margin-bottom:10px; text-transform:uppercase; font-weight:700; color:#555; } #wp-calendar th, #wp-calendar td { text-align:center; background:#fff; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; } #wp-calendar #today { background:#fafafa; } /* 9 Contactform -------------------------------------------------------------------------------------- */ .wpcf7 { display:block; clear:both; overflow:hidden; } .wpcf7 .input { display:block; width:48%; float:left; margin-right:4%; } .wpcf7 .textarea { display:block; overflow:hidden; } .wpcf7 p { margin-bottom:20px; } .wpcf7 p { display:block; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform:uppercase; letter-spacing:2px; color:#777; cursor:default; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .wpcf7 .ele label:hover { color:#666; } span.wpcf7-form-control-wrap { display:block; margin-top:6px; } .wpcf7 input[type=text], .wpcf7 input[type=text]:focus, .wpcf7 input[type=date], .wpcf7 input[type=date]:focus, .wpcf7 input[type=email], .wpcf7 input[type=email]:focus, .wpcf7 input[type=number], .wpcf7 input[type=number]:focus, .wpcf7 input[type=tel], .wpcf7 input[type=tel]:focus, .wpcf7 input[type=url], .wpcf7 input[type=url]:focus, .wpcf7 textarea, .wpcf7 textarea:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #999; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; outline: none; background: #fff; height: 34px; line-height: 20px; padding: 7px 6px; width:100%; max-width: 100%; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size: 14px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -moz-transition: border .2s ease-out; -o-transition: border .2s ease-out; -webkit-transition: border .2s ease-out; transition: border .2s ease-out } .wpcf7 textarea, .wpcf7 textarea:focus { height:142px; } .wpcf7 .wpcf7-submit { color: #fff; display: block; background: #222; letter-spacing:2px; font-weight:300; padding: 10px 20px; width:100%; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; text-align:center; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform: uppercase; font-size: 12px; cursor: pointer; vertical-align: bottom; border: none; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .wpcf7 .wpcf7-submit:hover { background: #b40606; } /* Response ----------------------------------------------- */ div.wpcf7-response-output { margin-left:0 !important; margin-right:0 !important; border:1px solid #f7e700 !important; font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; text-transform: uppercase; letter-spacing:1px; padding:15px !important; } div.wpcf7-mail-sent-ng { border:1px solid #ff0000 !important; } span.wpcf7-not-valid-tip { padding:2px 8px !important; border:none !important; color:#fff !important; background:#000 !important; } span.wpcf7-not-valid-tip-no-ajax { display:block; margin-top:6px !important; } /* 10 Footer -------------------------------------------------------------------------------------- */ #wi-footer { background:url(../images/sidrbg/soft_kill.png); -webkit-background-size:28px 48px; -moz-background-size:28px 48px; background-size:28px 48px; padding:80px 0; color:#ddd; color:rgba(255,255,255,.6); } /* 10.1 Social icons ---------------------------------------- */ #wi-footer .social { text-align:center; margin-bottom:20px; } #wi-footer .social ul { list-style:none; margin:0; padding:0; display:inline-block; } #wi-footer .social ul li { display:block; float:left; } #wi-footer .social ul li a { text-decoration: none; margin: 0 10px 10px 10px; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; background: #fff; color: #000; font-size: 22px; width: 40px; height: 40px; text-align: center; display: block; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } #wi-footer .social ul li a:hover { color:#999; } #wi-footer .social ul li a i { line-height: 40px; } /* 10.2 Logo ---------------------------------------- */ #wi-footer .footer-logo { text-align:center; margin:0 auto 20px; } /* 10.3 Copyright text ---------------------------------------- */ #wi-footer .copyright { text-align:center; } #wi-footer .copyright a { text-decoration:none; border-bottom:1px dotted; } #wi-footer .copyright a:hover { border-bottom:1px solid; } /* 10.4 Scrollup button ---------------------------------------- */ #scrollup { width: 50px; height: 50px; position: fixed; bottom: 20px; right: 20px; display:none; font-size: 40px; cursor: pointer; text-align: center; z-index: 1000; border: 2px solid #ddd; border-color:rgba(0,0,0,.1); background: #fff url(../images/up.png) no-repeat center; background-color:rgba(255,255,255,.98); -webkit-background-size: 20px 13px; -moz-background-size: 20px 13px; background-size: 20px 13px; z-index: 999999999; -webkit-transition:border .3s ease-out; -moz-transition:border.3s ease-out; -ms-transition:border.3s ease-out; -o-transition:border.3s ease-out; transition:border .3s ease-out; } #scrollup:hover { border-color:#bbb; border-color:rgba(0,0,0,.25); } /* 11 Retina -------------------------------------------------------------------------------------- */ @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ .headline { background-image:url(../images/arrow@2x.png); } .header-slider .flexslider .flex-direction-nav .flex-next { background-image: url(../images/next@2x.png); } .header-slider .flexslider .flex-direction-nav .flex-prev { background-image: url(../images/prev@2x.png); } .wi-page .title-area { background-image:url(../images/arrow@2x.png); } .page-separator .clipmask { background-image:url(../images/stripe@2x.png); } .page-separator blockquote { background-image:url(../images/flourish@2x.png); } #scrollup { background-image:url(../images/up@2x.png); } .article .meta .ele { background-image:url(../images/rhombus-small@2x.png) } .slider-thumbnail .flexslider .flex-direction-nav .flex-next { background-image: url(../images/next@2x.png); } .slider-thumbnail .flexslider .flex-direction-nav .flex-prev { background-image: url(../images/prev@2x.png); } .wi-pagination > ul > li > a, .wi-pagination > ul > li > .prev:before, .wi-pagination > ul > li > .next:before, .wi-pagination > ul > li > .prev:after, .wi-pagination > ul > li > .next:after { background-image:url(../images/rhombus@2x.png); } .authorbox { background-image:url(../images/sidrbg/dark_geometric_@2X.png); } #wi-footer { background-image:url(../images/sidrbg/soft_kill_@2X.png); } } /* 12 Dark Skin -------------------------------------------------------------------------------------- */ /* GENERAL ---------------------------------------- */ .dark-skin { color:#f9f9f9; } .dark-skin #wi-header, .dark-skin #wi-header-sticky-wrapper.is-sticky #wi-header { background-color:#b40606; border-bottom:none; } .dark-skin #wi-mainnav .menu > ul > li > a:hover, .dark-skin.wi-onepage #wi-mainnav .menu > ul > li.active > a, .dark-skin.wi-not-onepage #wi-mainnav .menu > ul > li.current-menu-item > a { color:#fff; } .dark-skin .page-separator { border-top:none; } .dark-skin .headline, .dark-skin .wi-page .title-area { background-image:url(../images/white-arrow.png); } .dark-skin #wi-footer { border-top:none; } /* SHORTCODES ---------------------------------------- */ /* Progress */ .dark-skin .progress .fore .name { color:#000; } /* Counter */ .dark-skin .wi-count .name { color:#fff; } /* Member */ .dark-skin .wi-member .name { color:#fff; } .dark-skin .wi-member .social ul li a { color:#ddd; color:rgba(255,255,255,.7); } .dark-skin .wi-member .social ul li a:hover { color:#fff; } /* Iconbox */ .dark-skin .wi-iconbox .icon { border-color:#fff; } .dark-skin .wi-iconbox .icon:after { border-color:#ddd; border-color:rgba(255,255,255,.7); } .dark-skin .wi-iconbox .desc, .dark-skin .wi-small-iconbox .iconbox-content { color:#ccc; color:rgba(255,255,255, .7); } /* Divider */ .dark-skin .wi-divider .title { color:#000; } /* contact form 7 */ .dark-skin .wpcf7 p { color:#ccc; color:rgba(255,255,255, .7); } .dark-skin .wpcf7 .wpcf7-submit { color:#000; background:#fff; } /* Hr */ .dark-skin .hr .inner { background-image:url(../images/white-line.png); } .dark-skin .hr .inner:before, .dark-skin .hr .inner:after { border-top-color:#000; } /* Btn */ .dark-skin .wi-button .btn-white { background:#fff; } /* Pricing */ .dark-skin .wi-pricing .pricing-column .title-row:after { border-top-color:#ccc; border-top-color:rgba(255,255,255, .7); } .dark-skin .wi-pricing .pricing-column .price-row .unit { color:#aaa; color:rgba(255,255,255, .6); } .dark-skin .wi-pricing .pricing-column .price-row .per { color:#ccc; color:rgba(255,255,255, .7); } .dark-skin .wi-pricing .pricing-column .features ul li { color:#ccc; color:rgba(255,255,255, .7); border-top-color:#aaa; border-top-color:rgba(255,255,255, .6); } .dark-skin .wi-pricing .pricing-column.featured .features ul li { color:#fff; border-top-color:#fff; } .dark-skin .wi-pricing .pricing-column .footer-row .wi-button .btn { background:#fff; color:#000; } .dark-skin .wi-pricing .pricing-column.featured .footer-row .wi-button .btn { background:transparent; color:#fff; } /* toggle, accordion */ .dark-skin .wi-toggle { border-bottom-color:#999; border-top-color:rgba(255,255,255, .5); } .dark-skin .wi-toggle .toggle-title:hover, .dark-skin .wi-toggle .toggle-title.active { color:#fff; } /* Counter */ .dark-skin .wi-piechart { color:#fff; } /* tab */ .dark-skin .wi-tab .tab-content { background:transparent; } .dark-skin .wi-tab .tabnav ul li a { color:#fff; background:transparent; } .dark-skin .wi-tab .tabnav ul li.active a { background:#b40606; } /* icon */ .dark-skin .wi-icon { border-color:#ccc; border-color:rgba(255,255,255, .7); color:#fff; } .dark-skin .wi-icon:hover { border-color:#fff; } .dark-skin .wi-icon a, .dark-skin .wi-icon a:hover { color:#fff; } /* imagebox */ .dark-skin .wi-imagebox .name { color:#fff; } /* PORTFOLIO ---------------------------------------- */ .dark-skin .wi-portfolio-filter ul:before, .dark-skin .wi-portfolio-filter ul:after { border-top-color:#ccc; border-bottom-color:#ccc; border-top-color:rgba(255,255,255, .7); border-bottom-color:rgba(255,255,255, .7); } .dark-skin .wi-portfolio-filter ul li a { color:#fff; border-color:#ccc; } .dark-skin .wi-portfolio-filter ul li a:hover { border-color:#fff; } .dark-skin #portfolio-content .launch a, .dark-skin #portfolio-content .launch a:hover { color:#fff; border-color:#fff; background:transparent; } /* BLOG ---------------------------------------- */ .dark-skin .article .title a { color:#ccc; color:rgba(255,255,255, .7); } .dark-skin .article .title a:hover { color:#fff; } .dark-skin .article .meta .ele { color:#aaa; color:rgba(255,255,255, .6); background-image:url(../images/white-rhombus-small.png); } .dark-skin .article .meta .ele a { color:#ccc; } .dark-skin .article .meta .ele a:hover { color:#fff; } .dark-skin .article .more-link { color:#ccc; color:rgba(255,255,255, .7); border-color:#ccc; } .dark-skin .article .more-link:hover { color:#fff; border-color:#fff; } .dark-skin .wi-pagination > ul > li > a, .dark-skin .wi-pagination > ul > li > a:hover { color:#fff; } .dark-skin .wi-pagination > ul > li > a, .dark-skin .wi-pagination > ul > li > .prev:before, .dark-skin .wi-pagination > ul > li > .next:before, .dark-skin .wi-pagination > ul > li > .prev:after, .dark-skin .wi-pagination > ul > li > .next:after { background-image:url(../images/white-rhombus.png); } /* WIDGETS ---------------------------------------- */ .dark-skin .widget_recent_entries ul li a, .dark-skin .widget_archive ul li a, .dark-skin .widget_categories ul li a, .dark-skin .widget_meta ul li a, .dark-skin .widget_pages ul li a, .dark-skin .widget_nav_menu ul li a, .dark-skin .widget_recent_comments ul li a, .dark-skin .widget_rss ul li a { color:#ccc; color:rgba(255,255,255, .7); } .dark-skin .widget_recent_entries ul li, .dark-skin .widget_archive ul li, .dark-skin .widget_categories ul li, .dark-skin .widget_meta ul li, .dark-skin .widget_pages ul li, .dark-skin .widget_nav_menu ul li, .dark-skin .widget_recent_comments ul li, .dark-skin .widget_rss ul li { color:#aaa; color:rgba(255,255,255, .6); } .dark-skin .widget_categories ul li { border-bottom-color:#555; border-bottom-color:rgba(255,255,255,.3); } /* SINGLE ---------------------------------------- */ .dark-skin .headline .meta { color:#ccc; color:rgba(255,255,255, .7); } .dark-skin .headline .meta .ele a { color:#ddd; color:rgba(255,255,255, .8); } .dark-skin .headline .meta .ele a:hover { color:#fff; } .dark-skin .post-nav .ele a:hover, .dark-skin .tags a:hover { color:#fff; } .dark-skin .commentlist .fn { color:#ccc; color:rgba(255,255,255, .7); } .dark-skin .commentlist header a { color:#aaa; color:rgba(255,255,255, .6); } .dark-skin .commentlist header a:hover { color:#fff; } /* RETINA FOR DARK SKIN */ @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ .dark-skin .headline, .dark-skin .wi-page .title-area { background-image:url(../images/white-arrow@2x.png); } .dark-skin .hr .inner { background-image:url(../images/white-line@2px.png); } .dark-skin .article .meta .ele { background-image:url(../images/white-rhombus-small@2x.png); } .dark-skin .wi-pagination > ul > li > a, .dark-skin .wi-pagination > ul > li > .prev:before, .dark-skin .wi-pagination > ul > li > .next:before, .dark-skin .wi-pagination > ul > li > .prev:after, .dark-skin .wi-pagination > ul > li > .next:after { background-image:url(../images/white-rhombus@2x.png); } } /* 13. Uppercase/Lowercase -------------------------------------------------------------------------------------- */ .lowercase h1, .lowercase h2, .lowercase h3, .lowercase h4, .lowercase h5, .lowercase h6, .lowercase dl dt, .lowercase .wp-caption-text, .lowercase .gallery-caption, .lowercase #wi-top-area .wi-button .btn, .lowercase .text-slider, .lowercase #wi-logo a , .lowercase #wi-mainnav .menu > ul > li > a, .lowercase #wi-mainnav .menu > ul > li > ul > li > a, .lowercase .page-separator .wi-button .btn, .lowercase .tweet_time, .lowercase .article .meta .ele, .lowercase .article .more-link, .lowercase .link-area .link-button, .lowercase .headline .meta, .lowercase .post-nav .ele a, .lowercase .tag-label, .lowercase .tags a, .lowercase .authorbox .text h4, .lowercase .authorbox .text .social ul li a, .lowercase .commentlist header a, .lowercase .commentlist header .sep, .lowercase .commentlist .fn, .lowercase #respond .comment-ele label, .lowercase #respond #submit, .lowercase .tagcloud a, .lowercase .widget_recent_entries ul li, .lowercase .widget_archive ul li, .lowercase .widget_categories ul li, .lowercase .widget_meta ul li, .lowercase .widget_pages ul li, .lowercase .widget_nav_menu ul li, .lowercase .widget_recent_comments ul li, .lowercase .widget_rss ul li, .lowercase #wp-calendar caption , .lowercase .wpcf7 p, .lowercase .wpcf7 .wpcf7-submit, .lowercase div.wpcf7-response-output, /* shortcodes */ .lowercase .progress .fore .name, .lowercase .wi-count .number, .lowercase .wi-count .name, .lowercase .wi-member .name, .lowercase .wi-member .role, .lowercase .bigtext, .lowercase .wi-button .btn, .lowercase .wi-pricing .pricing-column .title-row, .lowercase .wi-toggle .toggle-title, .lowercase .wi-tab .tabnav ul li a, .lowercase .wi-piechart, .lowercase .wi-piechart-container .name, .lowercase .wi-imagebox .name, /* portfolio */ .lowercase .wi-portfolio-filter ul li a, .lowercase .portfolio-item .thumb .name, .lowercase .portfolio-item .thumb .categories, .lowercase .portfolio-item .thumb .belowtitle, .lowercase .wi-portfolio.style-2 .meta { text-transform:none; } .bar1 { display: block; width: 100%; height: 1px; background-color: #999999; border: 0; /*繝 ヵ繧ｩ繝ｫ繝医ョ繧ｶ繧､繝ｳ縺ｧ縺ｯ邱壹′縺ゅｋ蝣ｴ蜷医′縺ゅｋ縺ｮ縺ｧ縲∵ｶ医＠縺ｦ縺翫￥縲 */ } .num { font-size: 100px; } .leed_bl { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size: 40px; color: #98d4f4; } .leed_bls { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size: 30px; color: #98d4f4; } .leed_dbls { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size: 34px; color: #64c3db; } .method_title { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; font-size: 18px; color: #64c3db; } /* === End Norris theme === */ @media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}.visible-print{display:none !important;} @media print{.visible-print{display:inherit !important;} .hidden-print{display:none !important;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} .thumbnails>li{float:none;margin-left:0;} [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row-fluid [class*="offset"]:first-child{margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;} .controls-row [class*="span"]+[class*="span"]{margin-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade{top:-100px;} .modal.fade.in{top:20px;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:20px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;} .media-object{margin-right:0;margin-left:0;} .modal{top:10px;left:10px;right:10px;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%;} .row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%;} .row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%;} .row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%;} .row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%;} .row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%;} .row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%;} .row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%;} .row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%;} .row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%;} .row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%;} .row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%;} .row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%;} .row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%;} .row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%;} .row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%;} .row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%;} .row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%;} .row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%;} .row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%;} .row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%;} .row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%;} .row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%;} .row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%;} .row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%;} .row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%;} .row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%;} .row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%;} .row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%;} .row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%;} .row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%;} .row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%;} .row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%;} .row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%;} .row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:20px;} input.span12,textarea.span12,.uneditable-input.span12{width:710px;} input.span11,textarea.span11,.uneditable-input.span11{width:648px;} input.span10,textarea.span10,.uneditable-input.span10{width:586px;} input.span9,textarea.span9,.uneditable-input.span9{width:524px;} input.span8,textarea.span8,.uneditable-input.span8{width:462px;} input.span7,textarea.span7,.uneditable-input.span7{width:400px;} input.span6,textarea.span6,.uneditable-input.span6{width:338px;} input.span5,textarea.span5,.uneditable-input.span5{width:276px;} input.span4,textarea.span4,.uneditable-input.span4{width:214px;} input.span3,textarea.span3,.uneditable-input.span3{width:152px;} input.span2,textarea.span2,.uneditable-input.span2{width:90px;} input.span1,textarea.span1,.uneditable-input.span1{width:28px;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:30px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%;} .row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%;} .row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%;} .row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%;} .row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%;} .row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%;} .row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%;} .row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%;} .row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%;} .row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%;} .row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%;} .row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%;} .row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%;} .row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%;} .row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%;} .row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%;} .row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%;} .row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%;} .row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%;} .row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%;} .row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%;} .row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%;} .row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%;} .row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%;} .row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%;} .row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%;} .row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%;} .row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%;} .row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%;} .row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%;} .row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%;} .row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%;} .row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%;} .row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%;} .row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%;} input,textarea,.uneditable-input{margin-left:0;} .controls-row [class*="span"]+[class*="span"]{margin-left:30px;} input.span12,textarea.span12,.uneditable-input.span12{width:1156px;} input.span11,textarea.span11,.uneditable-input.span11{width:1056px;} input.span10,textarea.span10,.uneditable-input.span10{width:956px;} input.span9,textarea.span9,.uneditable-input.span9{width:856px;} input.span8,textarea.span8,.uneditable-input.span8{width:756px;} input.span7,textarea.span7,.uneditable-input.span7{width:656px;} input.span6,textarea.span6,.uneditable-input.span6{width:556px;} input.span5,textarea.span5,.uneditable-input.span5{width:456px;} input.span4,textarea.span4,.uneditable-input.span4{width:356px;} input.span3,textarea.span3,.uneditable-input.span3{width:256px;} input.span2,textarea.span2,.uneditable-input.span2{width:156px;} input.span1,textarea.span1,.uneditable-input.span1{width:56px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;} .row-fluid .thumbnails{margin-left:0;}} /*! * Bootstrap v2.2.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;} .clearfix:after{clear:both;} .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} a:hover,a:active{outline:0;} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;} #map_canvas img,.google-maps img{max-width:none;} button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;} button,input{*overflow:visible;line-height:normal;} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;} input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} textarea{overflow:auto;vertical-align:top;} @media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page {margin:0.5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333333;background-color:#ffffff;} a{color:#0088cc;text-decoration:none;} a:hover,a:focus{color:#005580;text-decoration:underline;} .img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);} .img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;} .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} .span12{width:940px;} .span11{width:860px;} .span10{width:780px;} .span9{width:700px;} .span8{width:620px;} .span7{width:540px;} .span6{width:460px;} .span5{width:380px;} .span4{width:300px;} .span3{width:220px;} .span2{width:140px;} .span1{width:60px;} .offset12{margin-left:980px;} .offset11{margin-left:900px;} .offset10{margin-left:820px;} .offset9{margin-left:740px;} .offset8{margin-left:660px;} .offset7{margin-left:580px;} .offset6{margin-left:500px;} .offset5{margin-left:420px;} .offset4{margin-left:340px;} .offset3{margin-left:260px;} .offset2{margin-left:180px;} .offset1{margin-left:100px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;} .row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;} .row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;} .row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;} .row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;} .row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;} .row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;} .row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;} .row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;} .row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;} .row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;} .row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;} .row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;} .row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;} .row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;} .row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;} .row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;} .row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;} .row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;} .row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;} .row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;} .row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;} .row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;} .row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;} .row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;} .row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;} .row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;} .row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;} .row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;} .row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;} .row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;} .row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;} .row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;} .row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;} .row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;} [class*="span"].hide,.row-fluid [class*="span"].hide{display:none;} [class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;} .container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";line-height:0;} .container:after{clear:both;} .container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;} .container-fluid:after{clear:both;} p{margin:0 0 10px;} .lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px;} small{font-size:85%;} strong{font-weight:bold;} em{font-style:italic;} cite{font-style:normal;} .muted{color:#999999;} a.muted:hover,a.muted:focus{color:#808080;} .text-warning{color:#c09853;} a.text-warning:hover,a.text-warning:focus{color:#a47e3c;} .text-error{color:#b94a48;} a.text-error:hover,a.text-error:focus{color:#953b39;} .text-info{color:#3a87ad;} a.text-info:hover,a.text-info:focus{color:#2d6987;} .text-success{color:#468847;} a.text-success:hover,a.text-success:focus{color:#356635;} .text-left{text-align:left;} .text-right{text-align:right;} .text-center{text-align:center;} h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999999;} h1,h2,h3{line-height:40px;} h1{font-size:38.5px;} h2{font-size:31.5px;} h3{font-size:24.5px;} h4{font-size:17.5px;} h5{font-size:14px;} h6{font-size:11.9px;} h1 small{font-size:24.5px;} h2 small{font-size:17.5px;} h3 small{font-size:14px;} h4 small{font-size:14px;} .page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eeeeee;} ul,ol{padding:0;margin:0 0 10px 25px;} ul ul,ul ol,ol ol,ol ul{margin-bottom:0;} li{line-height:20px;} ul.unstyled,ol.unstyled{margin-left:0;list-style:none;} ul.inline,ol.inline{margin-left:0;list-style:none;}ul.inline>li,ol.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px;} dl{margin-bottom:20px;} dt,dd{line-height:20px;} dt{font-weight:bold;} dd{margin-left:10px;} .dl-horizontal{*zoom:1;}.dl-horizontal:before,.dl-horizontal:after{display:table;content:"";line-height:0;} .dl-horizontal:after{clear:both;} .dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dl-horizontal dd{margin-left:180px;} hr{margin:20px 0;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid #ffffff;} abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999;} abbr.initialism{font-size:90%;text-transform:uppercase;} blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25;} blockquote small{display:block;line-height:20px;color:#999999;}blockquote small:before{content:'\2014 \00A0';} blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eeeeee;border-left:0;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;} blockquote.pull-right small:before{content:'';} blockquote.pull-right small:after{content:'\00A0 \2014';} q:before,q:after,blockquote:before,blockquote:after{content:"";} address{display:block;margin-bottom:20px;font-style:normal;line-height:20px;} code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap;} pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:20px;} pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0;} .pre-scrollable{max-height:340px;overflow-y:scroll;} .media,.media-body{overflow:hidden;*overflow:visible;zoom:1;} .media,.media .media{margin-top:15px;} .media:first-child{margin-top:0;} .media-object{display:block;} .media-heading{margin:0 0 5px;} .media>.pull-left{margin-right:10px;} .media>.pull-right{margin-left:10px;} .media-list{margin-left:0;list-style:none;} @-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;} .visible-phone{display:none !important;} .visible-tablet{display:none !important;} .hidden-desktop{display:none !important;} .visible-desktop{display:inherit !important;} /* Existing extracted page CSS */ /* ===== HTML内 style タグ 1 ===== */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ /* ===== HTML内 style タグ 2 ===== */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ /* ===== HTML内 style タグ 3 ===== */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ /* ===== HTML内 style タグ 4 ===== */ /* Top area overlay ------------------------------------------------- */ #wi-top-area .overlay { opacity:0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); } /* Header top black line ------------------------------------------------- */ #wi-header { border-top:none; } /* Logo ------------------------------------------------- */ #wi-logo img { margin-top:15px; } #wi-logo img { margin-left:0px; } /* Footer pattern ------------------------------------------------- */ /* Footer custom pattern ------------------------------------------------- */ /* Footer use color instead of pattern ------------------------------------------------- */ #wi-footer { background-image:none !important; background-color:#ffffff; border-top:none; } /* Body background color ------------------------------------------------- */ /* Primary Color ------------------------------------------------- */ a, a:hover, blockquote em, blockquote cite, blockquote em a, blockquote em a:hover, blockquote cite a, blockquote cite a:hover, .page-links > a:hover, .authorbox .text h4 a, .widget_recent_entries ul li a:hover, .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover, .widget_recent_comments ul li a:hover, .widget_rss ul li a:hover, .wi-member .role, .wi-testimonial .author .name, .wi-portfolio-filter ul li.active a, /* WooCommerce */ .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { color:#bfe5f9; } ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover, .gallery-icon:hover, .header-slider .flex-control-paging li a.flex-active, .text-slider .flex-control-paging li a.flex-active, #respond #submit:hover, .wpcf7 .wpcf7-submit:hover, .progress .fore .bar, .testimonial-slider .flex-control-paging li a.flex-active, .wi-button .btn-primary, .wi-pricing .pricing-column.featured, .wi-flexslider .flex-control-paging li a.flex-active, .portfolio-thumb-slider .flex-control-paging li a.flex-active, .dark-skin .wi-tab .tabnav ul li.active a, /* WooCommerce */ .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #review_form #respond .form-submit input:hover, .woocommerce-page #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:focus, .woocommerce-page #review_form #respond .form-submit input:focus, .woocommerce #review_form #respond .form-submit input:active, .woocommerce-page #review_form #respond .form-submit input:active { background-color:#bfe5f9; } .wi-portfolio-filter ul li.active a, /* WooCommerce */ .woocommerce #review_form #respond .form-submit input:hover, .woocommerce-page #review_form #respond .form-submit input:hover, .woocommerce #review_form #respond .form-submit input:focus, .woocommerce-page #review_form #respond .form-submit input:focus, .woocommerce #review_form #respond .form-submit input:active, .woocommerce-page #review_form #respond .form-submit input:active { border-color:#bfe5f9; } .woocommerce ul.products li.product.featured, .woocommerce-page ul.products li.product.featured { box-shadow:0 3px 0 #bfe5f9; } /* Link Color ------------------------------------------------- */ a, a:hover, .authorbox .text h4 a, blockquote em a, blockquote em a:hover, blockquote cite a, blockquote cite a:hover, .page-links > a:hover, .authorbox .text h4 a, .widget_recent_entries ul li a:hover, .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_nav_menu ul li a:hover, .widget_recent_comments ul li a:hover, .widget_rss ul li a:hover, .close-portfolio a:hover, .portfolio-navi ul li a:hover { color:#bfe5f9; } /* Selection Color ------------------------------------------------- */ /* Header background color dark skin ------------------------------------------------- */ /* Typography ------------------------------------------------- */ /* Body */ body { font-size:14px; } h1 { font-size:36px; } h2 { font-size:32px; } h3 { font-size:22px; } h4 { font-size:18px; } h5 { font-size:13px; } h6 { font-size:13px; } /* Blog Title */ .article .title { font-size:28px; } @media (min-width: 768px) and (max-width: 979px) { .article .title { font-size:19px; } } @media (max-width: 768px) { .article .title { } } @media (max-width: 480px) { .article .title { font-size:19px; } } /* Single Title */ .single .post-title { font-size:45px; } @media (min-width: 768px) and (max-width: 979px) { .single .post-title { font-size:36px; } } @media (max-width: 768px) { .single .post-title { font-size:31px; } } @media (max-width: 480px) { .single .post-title { font-size:27px; } } /* Page title */ .page-title, .wi-page .title-area .title { font-size:35px; } @media (min-width: 768px) and (max-width: 979px) { .page-title, .wi-page .title-area .title { font-size:28px; } } @media (max-width: 768px) { .page-title, .wi-page .title-area .title { font-size:28px; } } @media (max-width: 480px) { .page-title, .wi-page .title-area .title { font-size:22px; } } /* Toparea Big Heading */ #wi-top-area .heading-text { font-size:100px; } @media (min-width: 768px) and (max-width: 979px) { #wi-top-area .heading-text { font-size:80px; } } @media (max-width: 768px) { #wi-top-area .heading-text { font-size:65px; } } @media (max-width: 480px) { #wi-top-area .heading-text { font-size:50px; } } body, .page-subtitle, #wi-top-area .small-text, .wi-page .title-area .subtitle, .headline .meta, #respond input[type="text"], #respond input[type="text"]:focus, #respond textarea, #respond textarea:focus, .searchform .s, .searchform .s:focus, .wpcf7 input[type=text], .wpcf7 input[type=text]:focus, .wpcf7 input[type=email], .wpcf7 input[type=email]:focus, .wpcf7 textarea, .wpcf7 textarea:focus, .wi-testimonial .content { font-family:'Times New Roman', Times, serif; } h1, h2, h3, h4, h5, h6, dl dt, #wi-top-area .wi-button .btn, .text-slider, #wi-logo a, .page-separator .wi-button .btn, .link-area .link-button, .post-nav .ele a, .tags, .commentlist .fn, #respond .comment-ele label, #respond #submit, .tagcloud a, .widget_recent_entries ul li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_recent_comments ul li, .widget_rss ul li, #wp-calendar caption, #wp-calendar th, #wp-calendar td, .wpcf7 p, .wpcf7 .wpcf7-submit, div.wpcf7-response-output, .recent-item .meta, .recent-item .readmore-link, .progress .fore .name, .wi-count .name, .wi-member .name, .bigtext, .wi-pricing .pricing-column .title-row, .wi-toggle .toggle-title, .wi-tab .tabnav ul li a, .wi-piechart .number, .wi-piechart-container .name, .wi-portfolio-filter ul li a, .portfolio-item .thumb .name, .portfolio-navi ul li a, /* woocommerce */ .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering select, .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce a.wc-forward, .woocommerce-page a.wc-forward, .woocommerce a.button.wc-forward, .woocommerce-page a.button.wc-forward, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th, #commentform label, .woocommerce #review_form #respond .form-submit input, .woocommerce-page #review_form #respond .form-submit input, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta, div.ppt, div.pp_woocommerce .pp_description, div.pp_woocommerce .pp_nav p, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .shipping-calculator-form select, .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th, .woocommerce form .form-row label, .woocommerce #payment ul.payment_methods li label, .woocommerce-page #payment ul.payment_methods li label, .woocommerce ul.cart_list li.empty, .woocommerce ul.product_list_widget li.empty, .woocommerce-page ul.cart_list li.empty, .woocommerce-page ul.product_list_widget li.empty, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a { font-family:'Times New Roman', Times, serif } #wi-mainnav .menu > ul > li > a { font-family:'Times New Roman', Times, serif; } /* Portfolio ------------------------------------------------- */ /* ===== HTML内 style タグ 5 ===== */ .recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;} /* ===== HTML内 style タグ 6 ===== */ /* Layout 1157 */ #pgc-1157-0-0 , #pgc-1157-2-0 { width:100%;width:calc(100% - ( 0 * 20px ) ) } #pg-1157-0 , #pg-1157-1 , #pl-1157 .so-panel { margin-bottom:20px } #pgc-1157-1-0 , #pgc-1157-1-1 , #pgc-1157-1-2 { width:33.3333%;width:calc(33.3333% - ( 0.666666666667 * 20px ) ) } #pl-1157 .so-panel:last-of-type { margin-bottom:0px } #pg-1157-0.panel-has-style > .panel-row-style, #pg-1157-0.panel-no-style , #pg-1157-1.panel-has-style > .panel-row-style, #pg-1157-1.panel-no-style , #pg-1157-2.panel-has-style > .panel-row-style, #pg-1157-2.panel-no-style { -webkit-align-items:flex-start;align-items:flex-start } #pgc-1157-1-0 { align-self:auto } #panel-1157-1-0-0> .panel-widget-style , #panel-1157-1-1-0> .panel-widget-style , #panel-1157-1-2-0> .panel-widget-style { padding:25px 10px 0px 10px } #panel-1157-1-0-1> .panel-widget-style { padding:0px 0px 0px 0px } #pg-1157-2> .panel-row-style { background-color:#efefef } #panel-1157-2-0-0> .panel-widget-style { padding:20px 20px 20px 20px } @media (max-width:780px){ #pg-1157-1.panel-no-style, #pg-1157-1.panel-has-style > .panel-row-style, #pg-1157-1 , #pg-1157-2.panel-no-style, #pg-1157-2.panel-has-style > .panel-row-style, #pg-1157-2 { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-1157-1 > .panel-grid-cell , #pg-1157-1 > .panel-row-style > .panel-grid-cell , #pg-1157-2 > .panel-grid-cell , #pg-1157-2 > .panel-row-style > .panel-grid-cell { width:100%;margin-right:0 } #pgc-1157-1-0 , #pgc-1157-1-1 { margin-bottom:20px } #pl-1157 .panel-grid-cell { padding:0 } #pg-1157-0 .panel-grid-cell-empty , #pg-1157-1 .panel-grid-cell-empty , #pg-1157-2 .panel-grid-cell-empty { display:none } #pl-1157 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } #panel-1157-1-0-0> .panel-widget-style , #panel-1157-1-1-0> .panel-widget-style , #panel-1157-1-2-0> .panel-widget-style { padding:25px 10px 0px 10px } #panel-1157-1-0-1> .panel-widget-style { padding:0px 0px 0px 0px } #panel-1157-2-0-0> .panel-widget-style { padding:20px 20px 20px 20px } } /* ===== HTML内 style タグ 7 ===== */ /* --------- BACKGROUND PATTERN OPTIONS ------------ */ /* ===== HTML内 style タグ 8 ===== */ .wi-page#pure-force-of-gravity { background-color:#e6f1f7; } /* --------- BACKGROUND PATTERN OPTIONS ------------ */ /* ===== HTML内 style タグ 9 ===== */ /* --------- BACKGROUND PATTERN OPTIONS ------------ */ /* ===== HTML内 style タグ 10 ===== */ .wi-page#casestudy { background-color:#eff4e6; } /* --------- BACKGROUND PATTERN OPTIONS ------------ */ /* ===== HTML内 style タグ 11 ===== */ /*** For Toggle-Up Down ***/ .portelement_2 .play-icon.youtube-icon { /* background: url(https://hairium.tokyo/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.youtube.png) center center no-repeat;*/ background-size: 30% 30%; } .portelement_2 .play-icon.vimeo-icon { /* background: url(https://hairium.tokyo/wp-content/plugins/portfolio-gallery/assets/images/admin_images/play.vimeo.png) center center no-repeat;*/ background-size: 30% 30%; } .portelement_2 .play-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .portelement_2 .dropdownable .play-icon { display: none; } .portelement_2 .add-H-relative { position: relative; } .portelement_2 { background:#FFFFFF; width:293px !important; margin: 5px; max-width: calc(100% - 10px) !important; box-sizing: content-box; float: left; overflow: hidden; outline:none; border:1px solid #999999; box-sizing: border-box; } .portelement_2.large, .variable-sizes .portelement_2.large, .variable-sizes .portelement_2.large.width2.height2 { max-width: 291px; width: 100%; z-index: 10; } .default-block_2 { position:relative; max-width:291px !important; width: 100%; height:235px !important; } .default-block_2 .image-block_2 { margin:0; padding: 0; line-height: 0; border-bottom:1px solid #999999; height:200px !important; } .default-block_2 .image-block_2 a { display:block; height:200px !important; overflow: hidden; position:relative; } .portelement_2 .default-block_2 img { margin: 0 !important; padding: 0 !important; max-width:291px ; max-width:none !important; border-radius: 0; height: 100%; width: 100%; } .default-block_2 .title-block_2 { position:relative; display:block; height: 34px; padding: 0 0 0 0; max-width:291px !important; width: 100%; } .default-block_2 .title-block_2 h3 { position:relative; margin: 0 !important; padding: 0 0 0 5px !important; max-width:261px !important; width: 80%; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; font-weight:normal; color:#555555; font-size:15px !important; line-height: 1.2 !important; top: 50%; transform: translateY(-50%); } .portelement_2 .title-block_2 .open-close-button { width:20px; height:20px; display:block; position:absolute; top:50%; right:2%; /* background:url('https://hairium.tokyo/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left top no-repeat;*/ z-index:5; cursor:pointer; opacity:0.33; transform: translateY( -50%); } .portelement_2:hover .title-block_2 .open-close-button {opacity:1;} .portelement_2.large .open-close-button { /* background:url('https://hairium.tokyo/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left bottom no-repeat;*/ } .wd-portfolio-panel_2 { position: absolute; display:block; width:281px !important; margin: 0 5px 0 5px; padding: 0; text-align:left; top:235px; z-index:6; height:200px; } .wd-portfolio-panel_2 .description-block_2, .portelement_2 div.right-block .description-block_2 * { position:relative; clear:both; } .wd-portfolio-panel_2 .description-block_2 p,.wd-portfolio-panel_2 .description-block_2 * { text-align:justify; /*font-weight:normal;*/ font-size:14px; color:#5B5B5B; margin: 0; padding: 0; } .wd-portfolio-panel_2 .description-block_2 h1, .wd-portfolio-panel_2 .description-block_2 h2, .wd-portfolio-panel_2 .description-block_2 h3, .wd-portfolio-panel_2 .description-block_2 h4, .wd-portfolio-panel_2 .description-block_2 h5, .wd-portfolio-panel_2 .description-block_2 h6, .wd-portfolio-panel_2 .description-block_2 p, .wd-portfolio-panel_2 .description-block_2 strong, .wd-portfolio-panel_2 .description-block_2 span { padding:2px !important; margin: 0 !important; } .wd-portfolio-panel_2 .description-block_2 ul, .wd-portfolio-panel_2 .description-block_2 li { padding:2px 0 2px 5px; margin: 0 0 0 8px; } .wd-portfolio-panel_2 .thumbs-list_2 { position:relative; clear:both; list-style:none; display:table; width:100%; padding: 0; margin:3px 0 0 0; text-align:center; } .wd-portfolio-panel_2 .thumbs-list_2 li { display:inline-block; margin: 0 3px 0 2px; } .wd-portfolio-panel_2 .thumbs-list_2 li a { display:block; width:75px; height:75px; opacity:0.7; display:table; } .wd-portfolio-panel_2 .thumbs-list_2 li a:hover { opacity:1; } .wd-portfolio-panel_2 img { margin: 0 !important; padding: 0 !important; display:table-cell; vertical-align:middle; width:75px !important; max-height:75px !important; width:100%; height:100%; } .wd-portfolio-panel_2 > div { position:relative; clear:both; padding-top:10px; margin-bottom:10px; /* background:url('https://hairium.tokyo/wp-content/plugins/portfolio-gallery/assets/images/admin_images/divider.line.png') center top repeat-x;*/ } .wd-portfolio-panel_2 .button-block { padding-top:10px; margin-bottom:10px; } .wd-portfolio-panel_2 .button-block a, .wd-portfolio-panel_2 .button-block a:link, .wd-portfolio-panel_2 .button-block a:visited { padding:6px 12px; text-decoration:none; display:inline-block; font-size:14px; background:#E74C3C; color:#FFFFFF; } .wd-portfolio-panel_2 .button-block a:hover, .wd-portfolio-panel_2 .button-block a:focus, .wd-portfolio-panel_2 .button-block a:active { background:#DF2E1B; color:#FFFFFF; text-decoration:none; } #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 { position: relative; overflow: hidden; float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%; opacity: 0; margin-bottom: 10px; } #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul { margin: 0 !important; padding: 0 !important; list-style: none; } #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul { margin: 0 !important; padding: 0 !important; overflow: hidden; width: 100%; } #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li { border-radius: 0px; list-style-type: none; margin: 0 !important; padding: 0; border: 1px solid #ccc;} #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a { background-color: #F7F7F7 !important; font-size:14px !important; color:#555555 !important; border-radius: 0px; text-decoration: none; cursor: pointer; margin: 0 !important; display: block; padding:3px; } /*#huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li:hover { }*/ #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a:hover { background-color: #FF3845 !important; color:#FFFFFF !important; cursor: pointer; } #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 { position: relative; overflow: hidden; float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%; opacity: 0;} #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li { list-style-type: none; border-radius: 0px; border: 1px solid #ccc;} #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited { font-size:14px !important; color:#555555 !important; background-color: #F7F7F7 !important; border-radius: 0px; padding: 3px; display: block; text-decoration: none; } #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:hover, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:focus, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:active { color:#FFFFFF !important; background-color: #FF3845 !important; cursor: pointer; } #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:link, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:visited, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:hover, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:focus, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li.active a:active { color:#FFFFFF !important; background-color: #FF3845 !important; cursor: pointer; } section#huge_it_portfolio_content_2 { position:relative; display:block; } #huge_it_portfolio_content_2 #huge_it_portfolio_container_2 { width: 79%; max-width: 100%; width:100%;opacity: 0;} #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 #port-sort-direction{ position: static; } @media screen and (max-width: 768px) { #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited { font-size: 2vw !important; } #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a { font-size:2vw !important; } } @media screen and (max-width: 480px) { #huge_it_portfolio_container_2{ width:100%; } #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 { float: left; } #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 #sort-by{ float: left; width: 100% !important; } #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 #port-sort-direction{ float: left; width: 100% !important; position: relative; padding-left: 31% !important; right: 31%; } #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited { font-size: 3vw !important; } #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a { line-height: 3vw; font-size:3vw !important; } } @media screen and (max-width: 420px) { #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:link, #huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a:visited { font-size: 4vw !important; } #huge_it_portfolio_content_2 #huge_it_portfolio_options_2 ul li a { font-size:4vw !important; } } @media screen and (max-width: 333px) { .portelement_2 { width:98%; margin: 1% !important; float: left; overflow: hidden; outline:none; border:1px solid #999999; } .wd-portfolio-panel_2 { width: 100% !important; } } #huge-it-container-loading-overlay_2 { width: 100%; height: 100%; position: absolute; z-index: 1; /* background: url(https://hairium.tokyo/wp-content/plugins/portfolio-gallery/assets/images/loading/loading-1.svg) center top ;*/ background-repeat: no-repeat; background-size: 60px auto; } #huge_it_portfolio_options_and_filters_2{ position: relative; float: left; width: 20%; max-width: 180px; float:; margin-left:1%; margin-top: 5px; } /* ===== HTML内 style タグ 12 ===== */ /* --------- BACKGROUND PATTERN OPTIONS ------------ */ /* ===== HTML内 style タグ 13 ===== */ .wi-page#faq { background-color:#f3eaf7; } /* --------- BACKGROUND PATTERN OPTIONS ------------ */ /* ===== HTML内 style タグ 14 ===== */ .portelement_5 { background:#F9F9F9; width:1002px; max-width: calc(100% - 10px); height: 47px; margin: 5px; float: left; overflow: hidden; position: relative; outline:none; border:1px solid #DEDEDE; } .portelement_5.large, .variable-sizes .portelement_5.large, .variable-sizes .portelement_5.large.width2.height2 { z-index: 10; } .title-block_5 { position:relative; display:block; height:45px; padding:10px 0px 0px 0px; width: 100%; } .title-block_5 h3 { position:relative; margin:0px !important; padding:0px 5px 0px 5px; width:calc(100% - 40px); font-weight:normal; color:#000000; font-size:14px; line-height: 18px !important; } .portelement_5 .title-block_5 .open-close-button { width:20px; height:20px; position:absolute; top:13px; right:5px; /* background:url('https://hairium.tokyo/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left top no-repeat;*/ z-index:5; cursor:pointer; opacity:0.33; } .portelement_5:hover .title-block_5 .open-close-button {opacity:1;} .portelement_5.large .open-close-button { /* background:url('https://hairium.tokyo/wp-content/plugins/portfolio-gallery/assets/images/admin_images/open-close.dark.png') left bottom no-repeat;*/ } .wd-portfolio-panel_5 { position:relative; clear:both; display:block; width:calc(100% - 10px); margin:0px 5px 0px 5px !important; padding:0px; text-align:left; z-index:6; } .wd-portfolio-panel_5 .description-block_5 p,.portelement_5 div.right-block .description-block_5 * { text-align:justify; font-size:14px; color:#555555; margin:0px; padding:0px; } .wd-portfolio-panel_5 .description-block_5 h1, .wd-portfolio-panel_5 .description-block_5 h2, .wd-portfolio-panel_5 .description-block_5 h3, .wd-portfolio-panel_5 .description-block_5 h4, .wd-portfolio-panel_5 .description-block_5 h5, .wd-portfolio-panel_5 .description-block_5 h6, .wd-portfolio-panel_5 .description-block_5 p, .wd-portfolio-panel_5 .description-block_5 strong, .wd-portfolio-panel_5 .description-block_5 span { padding:2px !important; margin:0px !important; } .wd-portfolio-panel_5 .description-block_5 ul, .wd-portfolio-panel_5 .description-block_5 li { padding:2px 0px 2px 5px; margin:0px 0px 0px 8px; } .wd-portfolio-panel_5 > div { padding-top:10px; margin-bottom:10px; /* background:url('https://hairium.tokyo/wp-content/plugins/portfolio-gallery/assets/images/admin_images/divider.line.png') center top repeat-x;*/ } .wd-portfolio-panel_5 .button-block { padding:10px 0px 10px 0px; } .wd-portfolio-panel_5 .button-block a, .wd-portfolio-panel_5 .button-block a:link, .wd-portfolio-panel_5 .button-block a:visited { padding:6px 12px; display:inline-block; font-size:14px; background:#000000; color:#FFFFFF; text-decoration:none; } .wd-portfolio-panel_5 .button-block a:hover, .wd-portfolio-panel_5 .button-block a:focus, .wd-portfolio-panel_5 .button-block a:active { background:#555555; color:#FFFFFF; text-decoration:none; } #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 { position: relative; overflow: hidden; float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%; opacity: 0; margin-bottom: 10px; } #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 ul { margin: 0px !important; padding: 0px !important; list-style: none; } #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul { margin: 0px !important; padding: 0px !important; overflow: hidden; width: 100%; } #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 ul li { border-radius: 0px; list-style-type: none; margin: 0px !important; padding: 0; border: 1px solid #ccc;} #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 ul li a { background-color: #F7F7F7 !important; font-size:14px !important; color:#555555 !important; text-decoration: none; cursor: pointer; margin: 0px !important; display: block; border-radius: 0px; padding: 3px; } /*#huge_it_portfolio_content_5 #huge_it_portfolio_options_5 ul li:hover { }*/ #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 ul li a:hover { background-color: #000000 !important; color:#FFFFFF !important; cursor: pointer; } #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 { margin-top: 5px; position: relative; float:;margin-top:5px;max-width:180px;width:20%;display:inline-block;margin-left:1%;opacity: 0;} #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li { list-style-type: none; border-radius: 0px; border: 1px solid #ccc;} #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a { font-size:14px !important; color:#555555 !important; background-color: #F7F7F7 !important; border-radius: 0px; padding: 3px; display: block; text-decoration: none; } #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a:hover { color:#FFFFFF !important; background-color: #000000 !important; cursor: pointer } #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li.active a, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li.active a:link, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li.active a:visited, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li.active a:hover, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li.active a:focus, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li.active a:active { color:#FFFFFF !important; background-color: #000000 !important; cursor: pointer; } #huge_it_portfolio_content_5 section { position:relative; display:block; } #huge_it_portfolio_content_5 #huge_it_portfolio_container_5 { width: 79%; max-width: 100% !important; width:100%;opacity: 0;} @media screen and (max-width: 768px) { #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a:link, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a:visited { font-size: 2vw !important; } #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 ul li a { font-size:2vw !important; } } @media screen and (max-width: 480px) { #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 { float: left; } #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 #sort-by{ float: left; width: 100% !important; } #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 #port-sort-direction{ float: left; width: 100% !important; position: relative; padding-left: 31% !important; right: 31%; } #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a:link, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a:visited { font-size: 3vw !important; } #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 ul li a { line-height: 3vw; font-size:3vw !important; } } @media screen and (max-width: 420px) { #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a:link, #huge_it_portfolio_content_5 #huge_it_portfolio_filters_5 ul li a:visited { font-size: 4vw !important; } #huge_it_portfolio_content_5 #huge_it_portfolio_options_5 ul li a { font-size:4vw !important; } } @media screen and (max-width: 333px) { .portelement_5 { width:98%; margin: 1% !important; float: left; overflow: hidden; outline:none; border:1px solid #999999; } } #huge-it-container-loading-overlay_5 { width: 100%; height: 100%; position: absolute; z-index: 1; /* background: url(https://hairium.tokyo/wp-content/plugins/portfolio-gallery/assets/images/loading/loading-1.svg) center top ;*/ background-repeat: no-repeat; background-size: 60px auto; } #huge_it_portfolio_options_and_filters_5{ position: relative; float: left; width: 20%; max-width: 180px; float:; margin-left:1%;} /* ===== HTML内 style タグ 15 ===== */ /* --------- BACKGROUND PATTERN OPTIONS ------------ */ /* ===== HTML内 style タグ 16 ===== */ /* Layout 1260 */ #pgc-1260-0-0 , #pgc-1260-2-0 { width:100%;width:calc(100% - ( 0 * 20px ) ) } #pg-1260-0 , #pg-1260-1 , #pl-1260 .so-panel { margin-bottom:20px } #pgc-1260-1-0 , #pgc-1260-1-1 , #pgc-1260-1-2 { width:33.3333%;width:calc(33.3333% - ( 0.666666666667 * 20px ) ) } #pl-1260 .so-panel:last-of-type { margin-bottom:0px } #pg-1260-0.panel-has-style > .panel-row-style, #pg-1260-0.panel-no-style , #pg-1260-1.panel-has-style > .panel-row-style, #pg-1260-1.panel-no-style , #pg-1260-2.panel-has-style > .panel-row-style, #pg-1260-2.panel-no-style { -webkit-align-items:flex-start;align-items:flex-start } #pgc-1260-1-0 { align-self:auto } #panel-1260-1-0-0> .panel-widget-style , #panel-1260-1-1-0> .panel-widget-style , #panel-1260-1-2-0> .panel-widget-style { padding:0px 10px 0px 0px } #panel-1260-1-0-1> .panel-widget-style , #panel-1260-1-1-1> .panel-widget-style , #panel-1260-1-2-1> .panel-widget-style { padding:15px 10px 20px 10px } @media (max-width:780px){ #pg-1260-0.panel-no-style, #pg-1260-0.panel-has-style > .panel-row-style, #pg-1260-0 , #pg-1260-1.panel-no-style, #pg-1260-1.panel-has-style > .panel-row-style, #pg-1260-1 , #pg-1260-2.panel-no-style, #pg-1260-2.panel-has-style > .panel-row-style, #pg-1260-2 { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-1260-0 > .panel-grid-cell , #pg-1260-0 > .panel-row-style > .panel-grid-cell , #pg-1260-1 > .panel-grid-cell , #pg-1260-1 > .panel-row-style > .panel-grid-cell , #pg-1260-2 > .panel-grid-cell , #pg-1260-2 > .panel-row-style > .panel-grid-cell { width:100%;margin-right:0 } #pgc-1260-1-0 , #pgc-1260-1-1 { margin-bottom:20px } #pl-1260 .panel-grid-cell { padding:0 } #pg-1260-0 .panel-grid-cell-empty , #pg-1260-1 .panel-grid-cell-empty , #pg-1260-2 .panel-grid-cell-empty { display:none } #pl-1260 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } #panel-1260-1-0-0> .panel-widget-style , #panel-1260-1-1-0> .panel-widget-style , #panel-1260-1-2-0> .panel-widget-style { padding:0px 10px 0px 0px } #panel-1260-1-0-1> .panel-widget-style , #panel-1260-1-1-1> .panel-widget-style , #panel-1260-1-2-1> .panel-widget-style { padding:15px 10px 20px 10px } } /* Layout 1398 */ #pgc-1398-0-0 , #pgc-1398-3-0 , #pgc-1398-5-0 , #pgc-1398-6-0 { width:100%;width:calc(100% - ( 0 * 20px ) ) } #pg-1398-0 , #pg-1398-1 , #pg-1398-2 , #pg-1398-3 , #pg-1398-4 , #pg-1398-5 , #pg-1398-6 , #pl-1398 .so-panel { margin-bottom:20px } #pgc-1398-1-0 , #pgc-1398-1-1 , #pgc-1398-1-2 , #pgc-1398-2-0 , #pgc-1398-2-1 , #pgc-1398-2-2 , #pgc-1398-4-0 , #pgc-1398-4-1 , #pgc-1398-4-2 { width:33.3333%;width:calc(33.3333% - ( 0.666666666667 * 20px ) ) } #pgc-1398-7-0 , #pgc-1398-7-1 , #pgc-1398-7-2 { width:33.3333%;width:calc(33.3333% - ( 0.66666666666667 * 20px ) ) } #pl-1398 .so-panel:last-of-type { margin-bottom:0px } #pg-1398-0.panel-has-style > .panel-row-style, #pg-1398-0.panel-no-style , #pg-1398-1.panel-has-style > .panel-row-style, #pg-1398-1.panel-no-style , #pg-1398-2.panel-has-style > .panel-row-style, #pg-1398-2.panel-no-style , #pg-1398-3.panel-has-style > .panel-row-style, #pg-1398-3.panel-no-style , #pg-1398-4.panel-has-style > .panel-row-style, #pg-1398-4.panel-no-style , #pg-1398-5.panel-has-style > .panel-row-style, #pg-1398-5.panel-no-style , #pg-1398-6.panel-has-style > .panel-row-style, #pg-1398-6.panel-no-style , #pg-1398-7.panel-has-style > .panel-row-style, #pg-1398-7.panel-no-style { -webkit-align-items:flex-start;align-items:flex-start } #pgc-1398-1-0> .panel-cell-style , #pgc-1398-1-1> .panel-cell-style , #pgc-1398-1-2> .panel-cell-style , #pgc-1398-2-0> .panel-cell-style , #pgc-1398-2-1> .panel-cell-style , #pgc-1398-7-0> .panel-cell-style { border:1px solid #999999 } #pgc-1398-1-0 , #pgc-1398-1-1 , #pgc-1398-1-2 , #pgc-1398-2-0 , #pgc-1398-2-1 , #pgc-1398-2-2 , #pgc-1398-7-0 , #pgc-1398-7-1 , #pgc-1398-7-2 { align-self:auto } #panel-1398-1-0-0> .panel-widget-style { padding:0px 0px 0px 0px } #panel-1398-1-0-1> .panel-widget-style , #panel-1398-1-1-1> .panel-widget-style , #panel-1398-1-2-1> .panel-widget-style , #panel-1398-2-0-1> .panel-widget-style , #panel-1398-2-1-1> .panel-widget-style , #panel-1398-7-0-1> .panel-widget-style { padding:25px 10px 0px 10px } #pg-1398-3> .panel-row-style { padding:20px 0px 0px 0px } #pg-1398-5> .panel-row-style { background-color:#efefef } #panel-1398-5-0-0> .panel-widget-style { padding:20px 20px 5px 20px } #pg-1398-6> .panel-row-style { padding:50px 0px 0px 0px } @media (max-width:780px){ #pg-1398-0.panel-no-style, #pg-1398-0.panel-has-style > .panel-row-style, #pg-1398-0 , #pg-1398-1.panel-no-style, #pg-1398-1.panel-has-style > .panel-row-style, #pg-1398-1 , #pg-1398-2.panel-no-style, #pg-1398-2.panel-has-style > .panel-row-style, #pg-1398-2 , #pg-1398-3.panel-no-style, #pg-1398-3.panel-has-style > .panel-row-style, #pg-1398-3 , #pg-1398-4.panel-no-style, #pg-1398-4.panel-has-style > .panel-row-style, #pg-1398-4 , #pg-1398-5.panel-no-style, #pg-1398-5.panel-has-style > .panel-row-style, #pg-1398-5 , #pg-1398-6.panel-no-style, #pg-1398-6.panel-has-style > .panel-row-style, #pg-1398-6 , #pg-1398-7.panel-no-style, #pg-1398-7.panel-has-style > .panel-row-style, #pg-1398-7 { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-1398-0 > .panel-grid-cell , #pg-1398-0 > .panel-row-style > .panel-grid-cell , #pg-1398-1 > .panel-grid-cell , #pg-1398-1 > .panel-row-style > .panel-grid-cell , #pg-1398-2 > .panel-grid-cell , #pg-1398-2 > .panel-row-style > .panel-grid-cell , #pg-1398-3 > .panel-grid-cell , #pg-1398-3 > .panel-row-style > .panel-grid-cell , #pg-1398-4 > .panel-grid-cell , #pg-1398-4 > .panel-row-style > .panel-grid-cell , #pg-1398-5 > .panel-grid-cell , #pg-1398-5 > .panel-row-style > .panel-grid-cell , #pg-1398-6 > .panel-grid-cell , #pg-1398-6 > .panel-row-style > .panel-grid-cell , #pg-1398-7 > .panel-grid-cell , #pg-1398-7 > .panel-row-style > .panel-grid-cell { width:100%;margin-right:0 } #pgc-1398-1-0 , #pgc-1398-1-1 , #pgc-1398-2-0 , #pgc-1398-2-1 , #pgc-1398-4-0 , #pgc-1398-4-1 , #pgc-1398-7-0 , #pgc-1398-7-1 { margin-bottom:20px } #pl-1398 .panel-grid-cell { padding:0 } #pg-1398-0 .panel-grid-cell-empty , #pg-1398-1 .panel-grid-cell-empty , #pg-1398-2 .panel-grid-cell-empty , #pg-1398-3 .panel-grid-cell-empty , #pg-1398-4 .panel-grid-cell-empty , #pg-1398-5 .panel-grid-cell-empty , #pg-1398-6 .panel-grid-cell-empty , #pg-1398-7 .panel-grid-cell-empty { display:none } #pl-1398 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } #panel-1398-1-0-0> .panel-widget-style { padding:0px 0px 0px 0px } #panel-1398-1-0-1> .panel-widget-style , #panel-1398-1-1-1> .panel-widget-style , #panel-1398-1-2-1> .panel-widget-style , #panel-1398-2-0-1> .panel-widget-style , #panel-1398-2-1-1> .panel-widget-style , #panel-1398-7-0-1> .panel-widget-style { padding:25px 10px 0px 10px } #pg-1398-3> .panel-row-style { padding:20px 0px 0px 0px } #panel-1398-5-0-0> .panel-widget-style { padding:20px 20px 5px 20px } } /* Layout 1470 */ #pgc-1470-0-0 , #pgc-1470-1-0 { width:100%;width:calc(100% - ( 0 * 20px ) ) } #pg-1470-0 , #pl-1470 .so-panel { margin-bottom:20px } #pl-1470 .so-panel:last-of-type { margin-bottom:0px } #pg-1470-0.panel-has-style > .panel-row-style, #pg-1470-0.panel-no-style , #pg-1470-1.panel-has-style > .panel-row-style, #pg-1470-1.panel-no-style { -webkit-align-items:flex-start;align-items:flex-start } @media (max-width:780px){ #pg-1470-0.panel-no-style, #pg-1470-0.panel-has-style > .panel-row-style, #pg-1470-0 , #pg-1470-1.panel-no-style, #pg-1470-1.panel-has-style > .panel-row-style, #pg-1470-1 { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-1470-0 > .panel-grid-cell , #pg-1470-0 > .panel-row-style > .panel-grid-cell , #pg-1470-1 > .panel-grid-cell , #pg-1470-1 > .panel-row-style > .panel-grid-cell { width:100%;margin-right:0 } #pl-1470 .panel-grid-cell { padding:0 } #pg-1470-0 .panel-grid-cell-empty , #pg-1470-1 .panel-grid-cell-empty { display:none } #pl-1470 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } } /* Layout 1485 */ #pgc-1485-0-0 , #pgc-1485-1-0 { width:100%;width:calc(100% - ( 0 * 20px ) ) } #pg-1485-0 , #pg-1485-1 , #pl-1485 .so-panel { margin-bottom:20px } #pgc-1485-2-0 , #pgc-1485-2-1 { width:50%;width:calc(50% - ( 0.5 * 20px ) ) } #pl-1485 .so-panel:last-of-type { margin-bottom:0px } #pg-1485-1.panel-has-style > .panel-row-style, #pg-1485-1.panel-no-style , #pg-1485-2.panel-has-style > .panel-row-style, #pg-1485-2.panel-no-style { -webkit-align-items:flex-start;align-items:flex-start } @media (max-width:780px){ #pg-1485-0.panel-no-style, #pg-1485-0.panel-has-style > .panel-row-style, #pg-1485-0 , #pg-1485-1.panel-no-style, #pg-1485-1.panel-has-style > .panel-row-style, #pg-1485-1 , #pg-1485-2.panel-no-style, #pg-1485-2.panel-has-style > .panel-row-style, #pg-1485-2 { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-1485-0 > .panel-grid-cell , #pg-1485-0 > .panel-row-style > .panel-grid-cell , #pg-1485-1 > .panel-grid-cell , #pg-1485-1 > .panel-row-style > .panel-grid-cell , #pg-1485-2 > .panel-grid-cell , #pg-1485-2 > .panel-row-style > .panel-grid-cell { width:100%;margin-right:0 } #pgc-1485-2-0 { margin-bottom:20px } #pl-1485 .panel-grid-cell { padding:0 } #pg-1485-0 .panel-grid-cell-empty , #pg-1485-1 .panel-grid-cell-empty , #pg-1485-2 .panel-grid-cell-empty { display:none } #pl-1485 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } } /* ===== HTMLの style 属性から移動 ===== */ .extracted-inline-style-1 { text-align: center; } .extracted-inline-style-2 { color: #bcd67e; } .extracted-inline-style-3 { color: #cb84d1; } .extracted-inline-style-4 { clear:both } /* ===== フローティングバナー（floating-bnr.css） ===== */ @charset "UTF-8"; .floating-bnr { box-shadow: 0 5px 16px rgba(0, 0, 0, 0.05), 0 8px 14px rgba(0, 0, 0, 0.08); display: none; position: fixed; width: 320px; max-width: 90vw; height: auto; z-index: 9999; } .floating-bnr a:hover { transition: 0.2s; } .floating-bnr.first-bottom-center { bottom: 30px; left: 0; right: 0; margin: auto; display: block; } @media screen and (max-width: 767px) { .floating-bnr.first-bottom-center { bottom: 30px; } } .bnr_close { background-color: #f8f8f8; border: none; border-radius: 25px; -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%); box-shadow: 0 0 7px rgb(0 0 0 / 40%); color: #777; cursor: pointer; font-weight: bold; padding: 5px 8px; position: absolute; right: -9px; top: -12px; z-index: 99999; } .fa-xmark:before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-style: normal; } /* === Integrated: portfolio.css === */ /* Table of Contents -------------------------------------------------------------------------------------- 1. Portfolio filter 2. Portfolio items 2.1 Portfolio 2, 3, 4 columns 2.2 Portfolio 4 column 2.3 Portfolio style 2 3. Isotope 4. Ajax Portfolio -------------------------------------------------------------------------------------- */ /* 1 Filter -------------------------------------------------------------------------------------- */ .wi-portfolio-filter { text-align:center; margin:20px auto 40px; overflow:hidden; } .wi-portfolio-filter ul { list-style: none !important; margin: 0; display: inline-block; position:relative; } .wi-portfolio-filter ul:before, .wi-portfolio-filter ul:after { position:absolute; top:50%; margin-top:-3px; border-top:1px double #999; height:3px; border-bottom:2px solid #999; content:""; } .wi-portfolio-filter ul:before { left:-999px; width:999px; } .wi-portfolio-filter ul:after { left:100%; width:999px; } .wi-portfolio-filter ul li { float: left; margin: 0; } .wi-portfolio-filter ul li a { position: relative; overflow: hidden; font-family: "Oswald", sans-serif; font-size: 14px; margin-bottom: -1px; border-bottom: none; display: block; text-decoration: none; color: #414141; padding:5px 10px; border:2px solid #aaa; margin:0 10px 6px; text-transform: uppercase; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .wi-portfolio-filter ul li a:hover { border-color:#777; } .wi-portfolio-filter ul li.active a { color:#b40606; border-color:#b40606; } /* 2 Portfolio items -------------------------------------------------------------------------------------- */ /* 2.1 Portfolio 2, 3, 4 columns ---------------------------------------- */ .wi-portfolio .portfolio-item { display:block; float:left; width:33.33%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:6px; border: none; box-shadow: none; margin:0; } .wi-portfolio.portfolio-2 .portfolio-item { width:50%; } .wi-portfolio.portfolio-3 .portfolio-item { width:33.3%; } .wi-portfolio.portfolio-4 .portfolio-item { width:24.9%; } .portfolio-item .inner { overflow:hidden; } .portfolio-item .thumb { max-width:380px; margin:0 auto; position:relative; overflow:hidden; cursor:pointer; } .portfolio-item .thumb a { display:block; } .wi-portfolio.portfolio-2 .portfolio-item .thumb { max-width:470px; } .portfolio-item .thumb img { width:100%; display:block; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-shadow:none; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out } .portfolio-item .thumb .overlay { position:absolute; top:0%; left:0; z-index:20; width:100%; left:0%; height:100%; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background:#fff; border:1px solid #555; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out } .portfolio-item .thumb:hover .overlay { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .portfolio-item .thumb .name, .portfolio-item .thumb .categories, .portfolio-item .thumb .belowtitle { position:absolute; display:block; width:100%; text-align:center; color:#414141; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index:40; left:0; top:50%; } .portfolio-item .thumb:hover .name, .portfolio-item .thumb:hover .categories, .portfolio-item .thumb:hover .belowtitle { opacity:1; -ms-filter:none; filter:none; } .portfolio-item .thumb .name { font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:18px; padding:0 10px 8px; top:auto; bottom:50%; margin-bottom:-10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .portfolio-item .thumb .name:after { position:absolute; bottom:0; left:50%; width:100px; margin-left:-50px; border-top:1px double #414141; content:""; } .portfolio-item .thumb .categories, .portfolio-item .thumb .belowtitle { font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; } .portfolio-item .thumb:hover .name { margin-bottom:0px; } .portfolio-item .thumb:hover .categories, .portfolio-item .thumb:hover .belowtitle { margin-top:15px; } /* 2.2 Portfolio 4 columns ---------------------------------------- */ @media (min-width: 980px) { .wi-portfolio.portfolio-4 .portfolio-item .thumb .name { font-size:14px; } .wi-portfolio.portfolio-4 .portfolio-item .thumb .categories { font-size:10px; } } /* 2.3 Style 2 ---------------------------------------- */ .wi-portfolio.style-2 .thumb:hover img { opacity:0.6; } .wi-portfolio.style-2 .name { margin-top:15px; margin-bottom:10px; font-size:18px; letter-spacing:1px; } .wi-portfolio.style-2 .name a { color:inherit; } .wi-portfolio.style-2 .meta { margin-bottom:10px; text-transform:uppercase; font-size:12px; border-color:#ccc; color:#666; } .wi-portfolio.style-2 .excerpt { color:#999; } .wi-portfolio.style-2 .excerpt p { margin-bottom:10px; } /* 3 Isotope -------------------------------------------------------------------------------------- */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* isotope setup */ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* 4 Ajax Portfolio -------------------------------------------------------------------------------------- */ .portfolio-ajax .portfolio-item.current .thumb img { opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } /* 4.1 General ---------------------------------------- */ /* wrapper */ #portfolio-ajax-wrapper { position: relative; min-height:32px; overflow:hidden; } #portfolio-ajax-content-container { width: 100%; overflow: hidden; position: relative; } #portfolio-ajax-content { height: 0; opacity: 0; } /* ajax loader */ #portfolio-ajax-wrapper .ajax-loader { width: 100%; height: 32px; display: none; position: absolute; top:50%; left:0; margin-top:-16px; background:url(../images/ajax-loader.gif) center center no-repeat; -webkit-background-size:32px 32px; -moz-background-size:32px 32px; background-size:32px 32px; } /* close */ .close-portfolio { position:absolute; top:2px; left:50%; display:block; width:80px; height:80px; margin-left:-40px; text-align:center; z-index:50; } .close-portfolio a { line-height:80px; font-size:20px; font-family:monospace; font-weight:bold; text-decoration:none; color:#999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .close-portfolio a:hover { color:#b40606; text-decoration:none; } /* portfolio navi */ .portfolio-navi { margin:0; padding:0; display:none; position:absolute; top:0; left:0; width:100%; height:80px; z-index:40; border-top: 2px solid #ccc; border-bottom: 2px solid #aaa; } .portfolio-navi ul { margin:0; padding:0; list-style:none; } .portfolio-navi ul li { display:block; float:left; width:50%; height:80px; } .portfolio-navi ul li.next { text-align:right; } .portfolio-navi ul li a { color: #999; font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 18px; line-height:80px; letter-spacing: 2px; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .portfolio-navi ul li a:hover { color:#b40606; } .portfolio-navi ul li.disabled a, .portfolio-navi ul li.disabled a:hover { cursor:default; color:#ddd; } .portfolio-navi ul li a i { font-size: 14px; position: relative; top: -2px; } .portfolio-navi ul li.prev i { margin-right:10px; } .portfolio-navi ul li.next i { margin-left:10px; } /* 4.2 Content Markup ---------------------------------------- */ #portfolio-content .inner { padding:120px 0 40px; overflow:hidden; border-top:1px solid #555; } #portfolio-content h3, #portfolio-content p { margin-bottom:20px; } #portfolio-content .thumb, #portfolio-content .details { display:block; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #portfolio-content .thumb { width:60%; padding-right:30px; text-align:center; } #portfolio-content .thumb img { display:inline-block; border-radius:0; box-shadow:none; } #portfolio-content .thumb .media-container { margin-bottom:0; } #portfolio-content .details { width:40%; } #portfolio-content .thumb .wi-colorbox { -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; } #portfolio-content .thumb .wi-colorbox:hover { opacity:0.5; } /* Fullwidth layout */ #portfolio-content.layout-full .thumb, #portfolio-content.layout-full .details { width:100%; padding-right:0; } #portfolio-content.layout-full .thumb { margin-bottom:30px; } #portfolio-content.layout-full .thumb .media-container { margin-bottom:0; } /* Info */ #portfolio-content .info { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; margin-bottom:20px; } #portfolio-content .info ul { list-style:none; margin:0; padding:0; } #portfolio-content .info ul li { position:relative; padding-left:30px; margin-bottom:6px; margin-left:0; } #portfolio-content .info ul li i { margin-right:10px; font-size:14px; position:absolute; top:3px; left:0; } #portfolio-content .info ul li .label, #portfolio-content .info ul li > span:first-child { display:inline-block; width:110px; } .dot { margin: 0 2px; font-weight: bold; color: #999; } #portfolio-content .launch { display:inline-block; } #portfolio-content .launch a { display:block; text-align:center; padding:10px 18px; text-transform: uppercase; font-size:12px; background:transparent; border:1px solid #666; color:#000; text-decoration:none; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #portfolio-content .launch a:hover { border-color:#000; } /* Flexslider */ .portfolio-thumb-slider .flexslider { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:none; width:100%; } .portfolio-thumb-slider .flexslider .slides > li { margin:0; } .portfolio-thumb-slider .flexslider .flex-direction-nav { list-style:none; margin:0; padding:0; } .portfolio-thumb-slider .flexslider .flex-direction-nav a { display:block; width: 44px; height: 44px; text-indent:-9999px; z-index:60; direction: ltr; background-repeat: no-repeat; background-position: center; -webkit-background-size: 12px 19px; -mou-background-size: 12px 19px; background-size: 12px 19px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-color: #fff; } .portfolio-thumb-slider .flexslider .flex-direction-nav .flex-next { background-image: url(../images/next.png); -webkit-background-size: 12px 19px; -mou-background-size: 12px 19px; background-size: 12px 19px; right: 20px; background-position: center; } .portfolio-thumb-slider .flexslider .flex-direction-nav .flex-prev { left: 20px; background-image: url(../images/prev.png); -webkit-background-size: 12px 19px; -mou-background-size: 12px 19px; background-size: 12px 19px; background-position: center; } .portfolio-thumb-slider .flex-control-paging { bottom:40px; margin:0; z-index:60; } .portfolio-thumb-slider .flex-control-paging li a { width:6px; height:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .portfolio-thumb-slider .flex-control-paging li a.flex-active { background:#b40606; } /* media */ .media-row { margin-top:20px; } .media-row:first-child { margin-top:0; } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ .portfolio-thumb-slider .flexslider .flex-direction-nav .flex-prev { background-image: url(../images/prev@2x.png); } .portfolio-thumb-slider .flexslider .flex-direction-nav .flex-next { background-image: url(../images/next@2x.png); } #portfolio-ajax-wrapper .ajax-loader { background-image:url(../images/ajax-loader@2x.gif); } } /* 4 Single portfolio -------------------------------------------------------------------------------------- */ .single-portfolio #portfolio-content { overflow:hidden; } .single-portfolio .post-nav { margin-top:30px; } /* === Integrated: portfolio_colorbox.css === */ /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;} #colorbox{outline:0;} #cboxContent{margin-top:20px;background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid #000; background:#fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;} /* === Integrated: portfolio_responsive.css === */ @media (min-width: 1200px) { } @media (min-width: 768px) and (max-width: 979px) { /* Portfolio -------------------------------------------------- */ .wi-portfolio .portfolio-item, .wi-portfolio.portfolio-2 .portfolio-item, .wi-portfolio.portfolio-3 .portfolio-item, .wi-portfolio.portfolio-4 .portfolio-item { width:50%; } #portfolio-content .thumb, #portfolio-content .details { width:100%; padding-right:0; } #portfolio-content .thumb { margin-bottom:20px; text-align:center; } #portfolio-content .thumb img { display:inline-block; } #portfolio-content .thumb .media-container { margin-bottom:0; } } @media (max-width: 767px) { /* Portfolio -------------------------------------------------- */ .wi-portfolio-filter ul { display:block; } .wi-portfolio-filter ul li { width:50%; } .wi-portfolio-filter ul li a { margin:0 10px 10px 0; } .wi-portfolio .portfolio-item, .wi-portfolio.portfolio-2 .portfolio-item, .wi-portfolio.portfolio-3 .portfolio-item, .wi-portfolio.portfolio-4 .portfolio-item { width:100%; } /* Ajax */ #portfolio-content .thumb, #portfolio-content .details { width:100%; padding-right:0; } #portfolio-content .thumb { margin-bottom:20px; text-align:center; } #portfolio-content .thumb img { display:inline-block; } #portfolio-content .thumb .media-container { margin-bottom:0; } /* Flexslider */ .portfolio-thumb-slider .flexslider .flex-direction-nav a { width:32px; height:32px; margin-top:-16px; -webkit-background-size: 9px 14px; -mou-background-size: 9px 14px; background-size: 9px 14px; } .portfolio-thumb-slider .flexslider .flex-direction-nav .flex-next { right:0; } .portfolio-thumb-slider .flexslider .flex-direction-nav .flex-prev { left:0; } } @media (max-width: 479px) { .portfolio-navi ul li a span { font-size:14px; } .portfolio-navi ul li a i { top:0; } } /* === Integrated: responsive.css === */ @media (min-width: 1200px) { .container { width:940px; } #wi-mainnav { display:block !important; } } @media (min-width: 768px) and (max-width: 979px) { .admin-bar #wi-header.is-sticky { top: 46px !important; } .container { width:724px; } h1 { font-size:29px; } h2 { font-size:23px; } h3 { font-size:18px; } h4, h5, h6 { font-size:14px; } #wi-mainnav ul.menu > li { margin-left: 6px; margin-right: 6px; } /* Top area -------------------------------------------------- */ #wi-top-area { padding:70px 42px; } #wi-top-area .heading-text { font-size:70px; } .text-slider { font-size:42px; } /* Onepage -------------------------------------------------- */ .page-separator { } .wi-page .title-area .pad { padding:0 20px; } .wi-divider .title { font-size:26px; } .wi-tweets .flexslider { padding:0 20px 80px; } /* Shortcodes -------------------------------------------------- */ .wi-small-iconbox .iconbox-title i { margin-right:5px; } .wi-small-iconbox .iconbox-title .title { font-size:13px; } .wi-dropcap { width:77px; height:77px; } /* Count */ .wi-count .number { font-size:56px; height:89px; } .wi-count .digit-con { height:89px; } .wi-count .comma { top:-21px; } .wi-count .name { font-size:18px; } .progress-group .fore .bar { left:0; } .progress-group .fore .name { color:#fff; } .wi-pricing.pricing-4 .pricing-column { width:50%; margin-bottom:20px; } .wi-pricing.pricing-4 .pricing-column:first-child, .wi-pricing.pricing-4 .pricing-column.featured { margin-left:-1px; } /* Blog -------------------------------------------------- */ #primary { padding-right:10px; } .article .title { font-size:21px; } .post-title { font-size:35px; } .authorbox { padding:10px; } .authorbox .author-avatar { margin-right:20px; } /* Misc -------------------------------------------------- */ .wpcf7 .input { width:100%; margin:0; float:none; clear:both; } /* Recent Items Shortcode -------------------------------------- */ .wi-recent-posts.style-2 .recent-item { float:none; width:100% !important; padding:20px 0 0; } .wi-recent-posts.style-2 .recent-item:first-child { padding-top:0; } .wi-recent-posts.style-2 .recent-item .post-thumbnail { float:left; margin-right:20px; width:170px; } } @media (max-width: 767px) { /* lanscape iphone */ body { padding-left:0; padding-right:0; } .container { width:440px; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { clear:both; } .gallery-item { width:33.3%; } blockquote { margin-left:0; padding-right:0; padding-left:20px; } blockquote p { font-size:18px; } .wi-tweets .flexslider { padding:0 0px 80px; } .admin-bar #wi-header.is-sticky { top: 46px !important; } /* Top area -------------------------------------------------- */ #wi-top-area { padding:70px 42px; background-attachment:scroll; } #wi-top-area .heading-text { font-size:70px; } #wi-top-area .wi-button .btn { padding:6px 14px; font-size:13px; } #wi-top-area.type-bg-slider .text, #wi-top-area.type-bg-slider .wi-button { position: absolute !important; left: -7000px; overflow:hidden; clip: rect(1px 1px 1px 1px); } .header-slider .flexslider .flex-direction-nav a { width:36px; height:36px; } .text-slider { font-size:30px; } #prevslide,#nextslide { width:32px; height:32px; margin-top:-16px; -webkit-background-size: 9px 14px; -mou-background-size: 9px 14px; background-size: 9px 14px; } #prevslide { left:0; } #nextslide { right:0; } /* Header --> reduce height to 60px; -------------------------------------------------- */ #wi-header { position:relative; padding:0; height: 60px; line-height: 60px; } #wi-header .container [class*="span"] { min-height:0; position: static; } #wi-logo { margin:0; overflow:hidden; float:none; } #wi-logo a { display:block; } #wi-logo img { display:block; max-height:42px; width:auto; margin-top:5px; } /* Mainnav Menu --> reduce height to 60px; -------------------------------------- */ #wi-header .container { } #wi-mainnav { width:100%; float:none; background:#111; display:none; position: absolute; top: 100%; left: 0; width: 100%; } .toggle-menu { display:block; } #wi-mainnav .menu > ul > li { display:block; width:100%; float:none; } #wi-mainnav .menu > ul > li a .indicator { display:block; width:100px; } #wi-mainnav .menu > ul > li a:after { display:none !important; } #wi-mainnav .menu > ul > li > a, #wi-mainnav .menu > ul > li > a:hover { height:auto; line-height:inherit; display:block; padding: 0 20px; height: 32px; line-height: 32px; text-align:left; color:#fff !important; border-top:1px solid #242424; border-top-color:rgba(255,255,255,.1); position:relative; } #wi-mainnav .menu > ul > li:first-child > a { border-top:none; } /* submenu */ #wi-mainnav .menu > ul > li ul { position:static !important; width: 100% !important; opacity:1 !important; position:static; display:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:none; background:none; } #wi-mainnav .menu > ul > li ul > li { width:100% !important; display:block; float:none !important; /* prevent mega menu */ padding:0 !important; } #wi-mainnav .menu > ul > li > ul > li > a { padding-left:46px; border-top:none; color:#fff; } #wi-mainnav .menu > ul > li ul > li > a { border-top:none; } #wi-mainnav .menu > ul > li > ul > li > ul > li > a { padding-left:70px; } #wi-mainnav .menu > ul > li > ul > li > ul > li > ul > li > a { padding-left:86px; } #wi-mainnav .menu > ul > li > ul > li:first-child > a { border-top: 1px solid #242424; border-top-color: rgba(255,255,255,.1); } #wi-mainnav .menu > ul > li ul > li > a.sf-with-ul:after, #wi-mainnav .menu > ul > li ul > li > a.has-submenu:after { display:none; } #wi-mainnav .menu > ul > li > ul > li > a:hover, #wi-mainnav .menu > ul > li > ul > li.active > a { background:none; } #wi-header-sticky-wrapper #wi-header.is-sticky #wi-mainnav .menu > ul > li > ul { margin-top:0; } .old-mobile-menu #wi-mainnav-mobile { display:block; position:absolute; right:10px; top:50%; width:100px; height:20px; margin-top:-10px; } .old-mobile-menu #wi-mainnav { display:none; } /* Site -------------------------------------------------- */ .contactform .input { width:100%; float:none; margin-bottom:10px; margin:0; } #wi-footer .social ul li a { margin-left:6px; margin-right:6px; } #scrollup { width:32px; height:32px; bottom:8px; right:8px; -webkit-background-size: 15px 10px; background-size: 15px 10px; } #primary { padding-right:0; } /* Shortcodes -------------------------------------------------- */ .wi-dropcap { width:88px; height:88px; } .brands img { width:50%; } .progress-group .fore .bar { left:0; } .progress-group .fore .name { color:#fff; } .testimonial-slider .flexslider { padding-left:20px; padding-right:20px; } .wi-pricing .pricing-column { width:100% !important; margin:0 0 20px !important; } /* Onepage -------------------------------------------------- */ .wi-page .title-area .subtitle { font-size:13px; } .page-separator { padding-left:20px; padding-right:20px; } .page-separator blockquote p { font-size:26px; } .wi-page .title-area .pad { padding-left:0px; padding-right:0px; } .post-title { font-size:25px; } .headline { background-size:400px; } .headline .pad { padding-left:0; padding-right:0; } .headline .meta { font-size:11px; letter-spacing:1px; } .headline .meta .ele, .headline .meta .ele:before { margin-right:6px; } .tweets-slider .flexslider { padding:0 0 60px; font-size:14px; } /* Blog -------------------------------------------------- */ .article { } .article .title { font-size:22px; } .authorbox .author-avatar { margin-right:20px; } /* comments */ .commentlist ol.children { margin-left:28px; } /* Pagination -------------------------------------------------- */ .wi-pagination { margin-top:0; } .wi-pagination > ul > li.li-navi, .wi-pagination > ul > li.li-navi { float:none; display:block; clear:both; text-align:center; padding:15px auto; } .wi-pagination > ul > li.li-navi a, .wi-pagination > ul > li.li-navi a { display:inline-block; } .wi-pagination > ul > li > .prev:before, .wi-pagination > ul > li > .next:before, .wi-pagination > ul > li > .prev:after, .wi-pagination > ul > li > .next:after { display:none; } /* Misc -------------------------------------------------- */ .wpcf7 .input { width:100%; margin:0; float:none; clear:both; } /* Recent Items Shortcode -------------------------------------- */ .wi-recent-posts.style-2 .recent-item { float:none; width:100% !important; padding:20px 0 0; } .wi-recent-posts.style-2 .recent-item:first-child { padding-top:0; } } @media (max-width: 479px) { body { padding-left:0px; padding-right:0px; } .container { width:300px; } #wi-footer .social ul li a { margin-left:10px; margin-right:10px; } .headline { background-size:300px; } .post-title { font-size:28px; } h1 { font-size:26px; } h2 { font-size:22px; } h3 { font-size:16px; } h4, h5, h6 { font-size:13px; } /* Top area -------------------------------------------------- */ #wi-top-area { padding:70px 20px; } #wi-top-area.type-slider-fullscreen { padding-left:36px; padding-right:36px; } #wi-top-area .heading-text { font-size:60px; } #wi-top-area .small-text { font-size:11px; } /* Onepage -------------------------------------------------- */ .wi-page .title-area { background-size:300px; } .wi-page .title-area .title { font-size:50px; } .wi-page .title-area .subtitle { font-size:11px; } .page-separator { padding-left:10px; padding-right:10px; } .page-separator blockquote { margin-left:0; padding-left:0; padding-right:0; } .page-separator blockquote p { font-size:24px; } .wi-divider .title { font-size:22px; } /* Shortcodes -------------------------------------------------- */ .brands img { width:100%; } .wi-testimonial .content { font-size:14px; } /* Blog -------------------------------------------------- */ .article .title { font-size:18px; } .article .meta .ele { margin-bottom:5px; } .headline .meta { text-align:center; } .headline .meta .ele { display:inline-block; float:none; font-size:11px; letter-spacing:0; } .post-nav .ele a { font-size:14px; } .authorbox .inner { overflow:hidden; } .authorbox .author-avatar { margin-bottom:16px; } .authorbox .text { float:left; } .comments-title { font-size:50px; } /* Comments */ .commentlist .comment-avatar { margin-right:20px; width:60px; } .commentlist .text { display:block; } .commentlist header { clear:none; overflow:visible; } .commentlist .fn span { margin-left:0; clear:both; margin-bottom:5px; } .commentlist ol.children { margin-left:24px; } /* Recent Posts */ .recent-item .post-thumbnail { width:60px; height:60px; margin-right:12px; padding:3px; } .recent-item .post-thumbnail .format-icon { height:60px; } } /* ------------------------------------------------------- WOOCOMMERCE ----------------------------------------------------------- */ @media (max-width: 979px) { /* LAYOUT */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:49% !important; margin:0 2% 2% 0 !important; } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float:right; clear:none !important; margin-right:0 !important; } /* CART */ .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { margin-top:20px; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { width:48%; } } @media (max-width: 767px) { .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float:none; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float:none; } } @media (max-width: 479px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:100% !important; margin:0 0 3% !important; } .woocommerce #review_form #respond p.stars, .woocommerce-page #review_form #respond p.stars { margin-left:0; } /* Tabs */ .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li{ display:block; width:100%; border: 1px solid #999; border-bottom: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active { background: #000; color: #fff; border-color: #000; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a { display:block; } /* Cart */ .woocommerce table.shop_table.cart th, .woocommerce-page table.shop_table.cart th { padding-right:2px; text-align:center; } .woocommerce table.cart td.product-name a:after, .woocommerce-page table.cart td.product-name a:after { display:none; } .woocommerce table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text, .woocommerce table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { width:100% !important; clear:both !important; float:none !important; margin-bottom:10px !important; } } /* === Static site layout recovery: SiteOrigin front-flex and hero === */ .panel-grid { display:flex; flex-wrap:nowrap; justify-content:space-between; } .panel-grid > .panel-grid-cell { min-width:0; } .panel-grid > .panel-row-style { width:100%; display:flex; justify-content:space-between; } .panel-grid > .panel-row-style > .panel-grid-cell { min-width:0; } .panel-grid-cell .so-panel { box-sizing:border-box; } .panel-grid .so-widget-image { max-width:100%; height:auto; } #wi-top-area.type-slider-fullscreen { position:relative; height:100vh; min-height:550px; padding:0 !important; display:block; } #wi-top-area .super { position:absolute; inset:0; background-position:center center; background-size:cover; background-repeat:no-repeat; } #wi-top-area .super .overlay { display:none; } #wi-top-area .top-content { position:absolute !important; z-index:31; inset:0; display:block !important; pointer-events:none; } #wi-top-area .top-content p { margin:0; } #wi-top-area .top_logo { position:absolute; width:50%; max-width:none; left:3%; top:30%; height:auto; } #wi-top-area #controls-wrapper { position:absolute; bottom:10px; width:100%; z-index:12; } .header-container { position:relative; z-index:60; } body.header-at-top .header-container { position:absolute; top:0; left:0; right:0; } #wi-header { position:relative; } /* Portfolio/FAQ static fallback when the WordPress masonry plugin is absent */ #huge_it_portfolio_content_5 .huge_it_portfolio_container { height:auto !important; min-height:0 !important; display:block !important; } #huge_it_portfolio_content_5 .portelement { position:relative !important; left:auto !important; top:auto !important; width:100% !important; display:block !important; } #huge_it_portfolio_content_5 .wd-portfolio-panel { display:none; } #huge_it_portfolio_content_5 .portelement.is-open .wd-portfolio-panel { display:block; } @media(max-width:780px) { .panel-grid, .panel-grid > .panel-row-style { flex-direction:column; } .panel-grid > .panel-grid-cell, .panel-grid > .panel-row-style > .panel-grid-cell { width:100% !important; margin-right:0 !important; margin-left:0 !important; } #wi-top-area .top_logo { width:85%; top:30%; } } /* === Static Case Study and FAQ: replace missing portfolio-gallery JS layout === */ #huge-it-container-loading-overlay_2, #huge-it-container-loading-overlay_5 { display:none !important; } #huge_it_portfolio_container_2, #huge_it_portfolio_container_5 { opacity:1 !important; visibility:visible !important; height:auto !important; min-height:0 !important; } #huge_it_portfolio_content_2 .huge_it_portfolio_container { display:flex !important; flex-wrap:wrap; align-items:flex-start; width:100% !important; } #huge_it_portfolio_content_2 .portelement_2 { position:relative !important; left:auto !important; top:auto !important; float:none !important; width:calc(33.333% - 12px) !important; max-width:none !important; height:auto !important; margin:6px !important; } #huge_it_portfolio_content_2 .default-block_2 { width:100% !important; max-width:none !important; height:auto !important; } #huge_it_portfolio_content_2 .image-block img { width:100% !important; height:auto !important; display:block; } #huge_it_portfolio_content_2 .wd-portfolio-panel_2 { position:static !important; display:none; width:auto !important; height:auto !important; margin:0 8px 10px !important; } #huge_it_portfolio_content_2 .portelement_2.is-open .wd-portfolio-panel_2 { display:block !important; } #huge_it_portfolio_content_5 .huge_it_portfolio_container { width:100% !important; } #huge_it_portfolio_content_5 .portelement_5 { width:calc(100% - 10px) !important; max-width:none !important; height:auto !important; min-height:47px; float:none !important; clear:both; } #huge_it_portfolio_content_5 .title-block_5 { cursor:pointer; } #huge_it_portfolio_content_5 .wd-portfolio-panel_5 { position:static !important; height:auto !important; } #huge_it_portfolio_content_5 .portelement_5.is-open .wd-portfolio-panel_5 { display:block !important; } #huge_it_portfolio_content_2 .title-block_2 { cursor:pointer; } @media(max-width:767px) { #huge_it_portfolio_content_2 .portelement_2 { width:calc(50% - 12px) !important; } } @media(max-width:480px) { #huge_it_portfolio_content_2 .portelement_2 { width:calc(100% - 12px) !important; } } /* === Fine adjustments (2026-10-30): contact, portfolio, responsive === */ /* Re-enable Contact Form 7's original visual styles for the static markup. */ #contact .static-contact-wrapper { width:100%; max-width:760px; margin:0 auto; } #contact .static-contact-form { width:100%; } #contact .static-contact-form p { margin:0 0 20px; } #contact .static-contact-form label { display:block; } #contact .static-contact-form .wpcf7-form-control-wrap { display:block; width:100%; } #contact .static-contact-form input[type="text"], #contact .static-contact-form input[type="email"], #contact .static-contact-form textarea { display:block; box-sizing:border-box; width:100%; max-width:100%; } #contact .static-contact-form textarea { min-height:170px; resize:vertical; } #contact .static-contact-form #contact-send { max-width:100%; } #contact .static-contact-note { font-size:12px; line-height:1.7; letter-spacing:0; text-transform:none; } /* FAQ: maintain visible question rows and hide answers until expanded. */ #huge_it_portfolio_content_5 .portelement_5 .wd-portfolio-panel_5 { display:none !important; } #huge_it_portfolio_content_5 .portelement_5.is-open .wd-portfolio-panel_5 { display:block !important; } #huge_it_portfolio_content_5 .title-block_5:focus-visible, #huge_it_portfolio_content_2 .title-block_2:focus-visible { outline:2px solid #65b9d3; outline-offset:2px; } #huge_it_portfolio_content_2 .image-block img { object-fit:cover; } @media (max-width:767px) { #contact .static-contact-wrapper { max-width:100%; } #contact .static-contact-form input[type="text"], #contact .static-contact-form input[type="email"], #contact .static-contact-form textarea { font-size:16px; } #wi-top-area .top_logo { width:85%; max-width:540px; left:3%; } .floating-bnr { max-width:70vw; } } /* === Contact form appearance refinement: scoped to #contact only === */ #contact .static-contact-wrapper { width: 100%; max-width: 760px; margin: 0; overflow: visible; } #contact .static-contact-form { width: 100%; } #contact .static-contact-form p { margin: 0 0 18px; color: #777; } #contact .static-contact-form label { display: block; line-height: 1.8; } #contact .static-contact-form .wpcf7-form-control-wrap { display: block; margin-top: 6px; } #contact .static-contact-form input[type="text"], #contact .static-contact-form input[type="email"], #contact .static-contact-form textarea { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-height: 0; margin: 0; padding: 7px 9px; color: #444; background: #fff; border: 1px solid #aaa; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; font-size: 14px; line-height: 20px; letter-spacing: normal; -webkit-appearance: none; appearance: none; } #contact .static-contact-form input[type="text"], #contact .static-contact-form input[type="email"] { height: 36px; } #contact .static-contact-form textarea { height: 145px; min-height: 145px; resize: vertical; } #contact .static-contact-form input[type="text"]:focus, #contact .static-contact-form input[type="email"]:focus, #contact .static-contact-form textarea:focus { border-color: #74b9cf; outline: 1px solid #74b9cf; outline-offset: 0; } #contact .static-contact-form #contact-send { display: inline-block; width: 180px; max-width: 100%; min-height: 38px; padding: 10px 18px; background: #222; color: #fff; border: 0; border-radius: 0; text-align: center; font-size: 12px; letter-spacing: 1px; cursor: pointer; } #contact .static-contact-form #contact-send:hover { background: #444; } #contact .static-contact-form .wpcf7-response-output:empty { display: none; } #contact .static-contact-note { margin-top: 12px; font-size: 12px; line-height: 1.7; letter-spacing: normal; text-transform: none; } @media (max-width: 767px) { #contact .static-contact-wrapper { max-width: 100%; } #contact .static-contact-form input[type="text"], #contact .static-contact-form input[type="email"], #contact .static-contact-form textarea { font-size: 16px; } } /* Contact form size restoration — 2026-10-30 (only #contact) */ #contact .static-contact-wrapper { width:100%; max-width:none; margin:0; } #contact .static-contact-form { width:100%; } #contact .static-contact-form p { margin:0 0 22px; } #contact .static-contact-form label { display:block; width:100%; line-height:1.8; } #contact .static-contact-form .wpcf7-form-control-wrap { display:block; width:100%; margin-top:7px; } #contact .static-contact-form input[type="text"], #contact .static-contact-form input[type="email"] { width:100%; height:40px; padding:8px 9px; } #contact .static-contact-form textarea { width:100%; height:190px; min-height:190px; padding:9px; } #contact .static-contact-form #contact-send { display:block; width:100%; max-width:100%; min-height:42px; padding:11px 20px; } @media (max-width:767px) { #contact .static-contact-wrapper { max-width:100%; } #contact .static-contact-form textarea { height:170px; min-height:170px; } } /* Contact confirmation integration */ #contact .contact-honeypot {position:absolute !important;left:-10000px !important;width:1px !important;height:1px !important;overflow:hidden !important;} #contact .static-contact-form #contact-send:disabled {opacity:.55;cursor:not-allowed;} /* === hairium: Pure Force Of Gravity 3-column number alignment === Limit to this section so other SiteOrigin rows remain unchanged. */ #pure-force-of-gravity #pg-1260-1 .so-parallax { position: relative; height: auto; overflow: visible; } #pure-force-of-gravity #pg-1260-1 .so-parallax > img { position: static !important; display: block; width: auto; max-width: 100%; height: 110px; object-fit: contain; object-position: left center; margin: 0 0 14px; transform: none !important; opacity: 1 !important; } #pure-force-of-gravity #pg-1260-1 .so-parallax .so-widget-sow-editor { position: static; clear: both; } #pure-force-of-gravity #pg-1260-1 .so-parallax .textwidget h3 { margin-top: 0; } @media (max-width: 780px) { #pure-force-of-gravity #pg-1260-1 .so-parallax > img { height: 90px; } } /* 2026-10-30: Restore original overlay in Pure Force of Gravity */ @media (min-width: 781px) { #pure-force-of-gravity #pg-1260-1 .so-parallax { position:relative !important; min-height:205px; overflow:visible !important; } #pure-force-of-gravity #pg-1260-1 .so-parallax > img { position:absolute !important; top:-5px !important; left:0 !important; width:auto !important; height:220px !important; max-width:none !important; margin:0 !important; object-fit:contain !important; opacity:1 !important; z-index:0 !important; pointer-events:none; } #pure-force-of-gravity #pg-1260-1 .so-parallax .so-widget-sow-editor { position:relative !important; z-index:1 !important; clear:none !important; } #pure-force-of-gravity #pg-1260-1 .so-parallax .textwidget h3 { margin-top:0 !important; font-weight:400 !important; } } /* The original site uses a Japanese Mincho typeface throughout its text. */ body, body p, body h1, body h2, body h3, body h4, body h5, body h6, body li, body label, body input, body textarea, body button { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif; } #pure-force-of-gravity #pg-1260-1 .textwidget h3 {font-weight:400 !important;} /* Preserve icon fonts */ .fa, .fas, .far, .fab, [class^="fa-"], [class*=" fa-"] {font-family:"Font Awesome 5 Free" !important;} /* FAQ: height animation controlled by main.js (no grid/max-height). */ #huge_it_portfolio_content_5 .portelement_5 .wd-portfolio-panel_5, #huge_it_portfolio_content_5 .portelement_5.is-open .wd-portfolio-panel_5 { display: block !important; height: var(--faq-height, 0px) !important; max-height: none !important; min-height: 0 !important; overflow: hidden !important; visibility: visible !important; opacity: 1 !important; padding-top: 0 !important; padding-bottom: 0 !important; transition: height 0.55s ease !important; } @media (prefers-reduced-motion: reduce) { #huge_it_portfolio_content_5 .portelement_5 .wd-portfolio-panel_5 {transition:none !important;} } /* FAQ appearance alignment (2026-10-30): keep existing height animation intact. */ /* The extracted empty block adds an unwanted divider below each answer. */ #huge_it_portfolio_content_5 .wd-portfolio-panel_5 > .extracted-inline-style-4:empty { display: none !important; } #huge_it_portfolio_content_5 .wd-portfolio-panel_5 > .description-block_5 { margin-bottom: 0 !important; } /* Recreate the original dark close icon without the WordPress plugin sprite. */ #huge_it_portfolio_content_5 .portelement_5 .title-block_5 .open-close-button { background-image: none !important; background-color: #bcbcbc; opacity: 1; width: 20px; height: 20px; text-align: center; color: #fff; font-family: Arial, sans-serif !important; font-weight: bold; font-size: 17px; line-height: 20px; } #huge_it_portfolio_content_5 .portelement_5 .title-block_5 .open-close-button::after { content: '⌄'; display: block; line-height: 16px; } #huge_it_portfolio_content_5 .portelement_5.is-open .title-block_5 .open-close-button { background-color: #555; } #huge_it_portfolio_content_5 .portelement_5.is-open .title-block_5 .open-close-button::after { content: '×'; line-height: 19px; } /* FAQ final visual adjustments: preserve the existing JS height animation. */ /* Remove the empty trailing block even when it contains whitespace text nodes. */ #huge_it_portfolio_content_5 .wd-portfolio-panel_5 > .extracted-inline-style-4 { display: none !important; padding: 0 !important; margin: 0 !important; background: none !important; } /* Only the first answer block needs the separator at its top. */ #huge_it_portfolio_content_5 .wd-portfolio-panel_5 > .description-block_5 { margin-bottom: 0 !important; padding-bottom: 10px !important; background-position: center top; } /* Both open and closed icons are grey unless the pointer is over the FAQ item. */ #huge_it_portfolio_content_5 .portelement_5 .title-block_5 .open-close-button, #huge_it_portfolio_content_5 .portelement_5.is-open .title-block_5 .open-close-button { top: 10px !important; right: 5px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; background-color: #bcbcbc !important; color: #fff !important; opacity: 1 !important; } #huge_it_portfolio_content_5 .portelement_5:hover .title-block_5 .open-close-button { background-color: #555 !important; } #huge_it_portfolio_content_5 .portelement_5 .title-block_5 .open-close-button::after, #huge_it_portfolio_content_5 .portelement_5.is-open .title-block_5 .open-close-button::after { display: block; width: 100%; line-height: 1 !important; margin: -2px 0 0 !important; } /* FAQ icon and divider correction: keep existing JS animation unchanged. */ #huge_it_portfolio_content_5 .portelement_5 .title-block_5 .open-close-button, #huge_it_portfolio_content_5 .portelement_5.is-open .title-block_5 .open-close-button { position: absolute !important; top: 13px !important; right: 5px !important; width: 20px !important; height: 20px !important; padding: 0 !important; margin: 0 !important; display: block !important; background: #bcbcbc !important; border: 0 !important; font-size: 0 !important; line-height: 0 !important; opacity: 1 !important; cursor: pointer !important; } /* The previous literal '⌄' was rendering as a tiny 'v'. Draw the arrow instead. */ #huge_it_portfolio_content_5 .portelement_5 .title-block_5 .open-close-button::after { content: '' !important; position: absolute !important; display: block !important; box-sizing: border-box !important; width: 7px !important; height: 7px !important; left: 7px !important; top: 5px !important; margin: 0 !important; border: solid #fff !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } #huge_it_portfolio_content_5 .portelement_5.is-open .title-block_5 .open-close-button::after { content: '×' !important; left: 0 !important; top: 0 !important; width: 20px !important; height: 20px !important; border: 0 !important; transform: none !important; color: #fff !important; font: bold 19px/19px Arial, sans-serif !important; text-align: center !important; } #huge_it_portfolio_content_5 .portelement_5:hover .title-block_5 .open-close-button { background: #555 !important; } /* Only the question/answer separator is needed, not a line after the answer. */ #huge_it_portfolio_content_5 .wd-portfolio-panel_5 > .description-block_5 { background: none !important; border: 0 !important; padding-top: 10px !important; padding-bottom: 10px !important; margin-bottom: 0 !important; } #huge_it_portfolio_content_5 .wd-portfolio-panel_5 > .description-block_5::after { content: none !important; display: none !important; } /* FAQ: center the open-state X precisely, without relying on font glyph metrics. */ #huge_it_portfolio_content_5 .portelement_5.is-open .title-block_5 .open-close-button::before, #huge_it_portfolio_content_5 .portelement_5.is-open .title-block_5 .open-close-button::after { content: "" !important; position: absolute !important; display: block !important; box-sizing: border-box !important; left: 4px !important; top: 9px !important; width: 12px !important; height: 2px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #fff !important; transform-origin: center center !important; } #huge_it_portfolio_content_5 .portelement_5.is-open .title-block_5 .open-close-button::before { transform: rotate(45deg) !important; } #huge_it_portfolio_content_5 .portelement_5.is-open .title-block_5 .open-close-button::after { transform: rotate(-45deg) !important; } /* FAQ: restore the separator directly below the question (open state only). Keep the answer bottom border absent and preserve the JS height animation. */ #huge_it_portfolio_content_5 .portelement_5.is-open .wd-portfolio-panel_5 > .description-block_5 { border-top: 1px solid #dedede !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; } /* Pure Force Of Gravity: align background numerals with the original layout. Keep the current image sizes, text layout, and all other sections unchanged. */ @media (min-width: 781px) { #pure-force-of-gravity #pg-1260-1 #pgc-1260-1-0 .so-parallax > img { left: 110px !important; } #pure-force-of-gravity #pg-1260-1 #pgc-1260-1-1 .so-parallax > img, #pure-force-of-gravity #pg-1260-1 #pgc-1260-1-2 .so-parallax > img { left: 85px !important; } } /* Floating online-shop banner: single CSS-drawn close mark. Avoid the duplicate glyph caused by ×. */ #floating-bnr .bnr_close { width: 28px; height: 28px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 1; } #floating-bnr .bnr_close i { display: none; } #floating-bnr .bnr_close::before, #floating-bnr .bnr_close::after { content: ""; position: absolute; left: 9px; top: 13px; width: 10px; height: 2px; background: #777; border-radius: 1px; } #floating-bnr .bnr_close::before { transform: rotate(45deg); } #floating-bnr .bnr_close::after { transform: rotate(-45deg); } /* hairium: トップ画像の右からのスライド切替 */ #wi-top-area .super { overflow: hidden; } #wi-top-area .super > .hairium-hero-slide { position: absolute; inset: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; will-change: transform; pointer-events: none; } /* Case Study: FAQと同じ開閉アニメーション・矢印と×の表示 */ #huge_it_portfolio_content_2 .portelement_2 .wd-portfolio-panel_2, #huge_it_portfolio_content_2 .portelement_2.is-open .wd-portfolio-panel_2 { display: block !important; height: var(--case-height, 0px) !important; max-height: none !important; min-height: 0 !important; overflow: hidden !important; visibility: visible !important; opacity: 1 !important; padding-top: 0 !important; padding-bottom: 0 !important; transition: height 0.55s ease !important; } #huge_it_portfolio_content_2 .portelement_2 .title-block_2 .open-close-button { position: absolute !important; top: 50% !important; right: 2% !important; transform: translateY(-50%) !important; width: 20px !important; height: 20px !important; padding: 0 !important; background: #bcbcbc !important; border: 0 !important; opacity: 1 !important; cursor: pointer !important; } #huge_it_portfolio_content_2 .portelement_2:hover .title-block_2 .open-close-button { background: #555 !important; } #huge_it_portfolio_content_2 .portelement_2 .title-block_2 .open-close-button::after { content: '' !important; position: absolute !important; box-sizing: border-box !important; display: block !important; width: 7px !important; height: 7px !important; left: 7px !important; top: 5px !important; border: solid #fff !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } #huge_it_portfolio_content_2 .portelement_2.is-open .title-block_2 .open-close-button::before, #huge_it_portfolio_content_2 .portelement_2.is-open .title-block_2 .open-close-button::after { content: '' !important; position: absolute !important; display: block !important; box-sizing: border-box !important; left: 4px !important; top: 9px !important; width: 12px !important; height: 2px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: #fff !important; transform-origin: center center !important; } #huge_it_portfolio_content_2 .portelement_2.is-open .title-block_2 .open-close-button::before { transform: rotate(45deg) !important; } #huge_it_portfolio_content_2 .portelement_2.is-open .title-block_2 .open-close-button::after { transform: rotate(-45deg) !important; } @media (prefers-reduced-motion: reduce) { #huge_it_portfolio_content_2 .portelement_2 .wd-portfolio-panel_2 { transition: none !important; } } /* ================================================================ hairium 2026-10-30: 現行サイトとの商品ラインナップ・使い方の余白調整 #product / #hairier-method のみ。既存スライダー・FAQ等は変更しない。 ================================================================ */ @media (min-width: 781px) { /* 同じ段のカードを揃え、カード幅や画像の比率は既存設定を維持 */ #product #pg-1398-1, #product #pg-1398-2 { align-items: stretch !important; -webkit-align-items: stretch !important; } #product #pg-1398-1 > .panel-grid-cell, #product #pg-1398-2 > .panel-grid-cell:not(.panel-grid-cell-empty) { display: flex; flex-direction: column; } #product #pg-1398-1 > .panel-grid-cell > .panel-cell-style, #product #pg-1398-2 > .panel-grid-cell:not(.panel-grid-cell-empty) > .panel-cell-style { display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; box-sizing: border-box; } #product #pg-1398-1 > .panel-grid-cell > .panel-cell-style > .so-panel:last-child, #product #pg-1398-2 > .panel-grid-cell:not(.panel-grid-cell-empty) > .panel-cell-style > .so-panel:last-child { flex: 1 1 auto; } } /* 現行サイト同様、商品画像の下に余裕を持たせる */ #product #pg-1398-1 .so-panel.widget_sow-editor .panel-widget-style, #product #pg-1398-2 .so-panel.widget_sow-editor .panel-widget-style, #product #pg-1398-7 .so-panel.widget_sow-editor .panel-widget-style { padding: 36px 10px 22px 10px !important; } #product #pg-1398-1 .so-panel.widget_sow-editor h4, #product #pg-1398-2 .so-panel.widget_sow-editor h4, #product #pg-1398-7 .so-panel.widget_sow-editor h4 { margin-bottom: 18px; } /* Lavandulaxの枠の下はカード外側に余白を確保 */ #product #pg-1398-7 { margin-bottom: 70px !important; } /* 使い方：現行の段落区切りと各工程間の間隔 */ #hairier-method #pg-1485-0 { margin-bottom: 36px !important; } #hairier-method #panel-1485-1-0-0 .textwidget { line-height: 1.55; } /* 冒頭の説明文と case1 の間 */ #hairier-method #panel-1485-1-0-0 .textwidget > div:nth-child(8) { margin-top: 24px; } /* 最後のプレーンリンスと HAIRIUM METHOD の間 */ #hairier-method #panel-1485-1-0-0 .textwidget > div:nth-child(11) { margin-top: 44px; } #hairier-method #panel-1485-1-0-0 .method_title { line-height: 1.5; } @media (max-width: 780px) { #product #pg-1398-7 { margin-bottom: 38px !important; } #hairier-method #pg-1485-0 { margin-bottom: 24px !important; } #hairier-method #panel-1485-1-0-0 .textwidget > div:nth-child(11) { margin-top: 32px; } } /* Case Study image modal: scoped to the dynamically created lightbox. */ .static-lightbox { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 48px 24px; box-sizing: border-box; background: rgba(0,0,0,.84); } .static-lightbox img { display: block; max-width: 95vw; max-height: calc(100vh - 96px); width: auto; height: auto; object-fit: contain; box-shadow: 0 4px 22px rgba(0,0,0,.4); } .static-lightbox-close { position: absolute; top: 12px; right: 18px; border: 0; background: transparent; color: #fff; font: 36px/1 Arial,sans-serif; cursor: pointer; padding: 8px 12px; } .static-lightbox-close:focus-visible { outline: 2px solid #fff; } #casestudy .image-block a[href] { cursor: zoom-in; } /* Case Study lightbox: smooth fade and zoom animation. */ .static-lightbox { opacity: 0; visibility: hidden; transition: opacity 260ms ease, visibility 260ms ease; } .static-lightbox.is-visible { opacity: 1; visibility: visible; } .static-lightbox > img { opacity: 0; transform: scale(.92); transition: opacity 280ms ease, transform 280ms cubic-bezier(.2,.7,.2,1); } .static-lightbox.is-visible > img { opacity: 1; transform: scale(1); } @media (prefers-reduced-motion: reduce) { .static-lightbox, .static-lightbox > img { transition: none; } } /* Case Study: original-site-style framed modal and fade only (override prior zoom). */ .static-lightbox { background: rgba(0,0,0,.30); padding: 20px; opacity: 0; visibility: hidden; transition: opacity 300ms ease, visibility 300ms ease; } .static-lightbox.is-visible { opacity: 1; visibility: visible; } .static-lightbox-frame { position: relative; display: block; max-width: calc(100vw - 40px); max-height: calc(100vh - 40px); overflow: auto; box-sizing: border-box; padding: 9px 9px 22px; background: #fff; border: 5px solid #555; border-radius: 5px; box-shadow: 0 2px 7px rgba(0,0,0,.35); opacity: 1; transform: none; } .static-lightbox-frame > img, .static-lightbox.is-visible .static-lightbox-frame > img { display: block; width: auto; height: auto; max-width: calc(100vw - 80px); max-height: calc(100vh - 110px); object-fit: contain; opacity: 1; transform: none; transition: none; box-shadow: none; } .static-lightbox-frame .static-lightbox-close { top: -3px; right: -3px; z-index: 1; padding: 0 5px; background: #fff; color: #777; font: 18px/1.3 Arial,sans-serif; } @media (prefers-reduced-motion: reduce) { .static-lightbox { transition: none; } } /* Case Study: modal grows outward from the center while fading in. */ .static-lightbox .static-lightbox-frame { opacity: 0; transform: scale(.76); transform-origin: center center; transition: transform 340ms cubic-bezier(.18,.72,.25,1), opacity 300ms ease; will-change: transform, opacity; } .static-lightbox.is-visible .static-lightbox-frame { opacity: 1; transform: scale(1); } @media (prefers-reduced-motion: reduce) { .static-lightbox .static-lightbox-frame { transition: none; } } /* Keep Case Study modal within viewport and prevent inner horizontal scroll. */ .static-lightbox { position: fixed; inset: 0; width: 100%; height: 100%; max-width: 100%; box-sizing: border-box; overflow: hidden; } .static-lightbox .static-lightbox-frame { overflow-x: hidden; overflow-y: auto; max-width: min(100%, calc(100vw - 40px)); box-sizing: border-box; } .static-lightbox .static-lightbox-frame > img { max-width: 100%; box-sizing: border-box; } /* Facebookアイコン：ホバー時の色変更 */ .social a img { transition: opacity 0.3s ease; } .social a:hover img { opacity: 0.5; } /* 2026-11-04: mobile hero and navigation restoration */ @media (max-width: 767px) { #wi-top-area.type-slider-fullscreen { height:100vh; height:100svh; min-height:0; } #wi-top-area .super > .hairium-hero-slide { background-position:center center; } #wi-top-area .top_logo { width:85%; left:3%; top:30%; } body.header-at-top .header-container { z-index:100; } #wi-header { background:transparent; border:0; box-shadow:none; height:60px; } #wi-header .container { position:relative; } #wi-header .toggle-menu { display:flex !important; align-items:center; justify-content:center; width:44px; height:44px; top:8px; right:10px; line-height:1; z-index:102; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.5); } #wi-header .toggle-menu .icon-align-justify { display:block; width:24px; height:20px; position:relative; border-top:3px solid currentColor; border-bottom:3px solid currentColor; box-sizing:border-box; } #wi-header .toggle-menu .icon-align-justify::before { content:''; position:absolute; top:6px; left:0; width:100%; border-top:3px solid currentColor; } #wi-mainnav { display:none; position:absolute; top:60px; left:0; width:100%; background:#111; z-index:101; float:none; } body.wi-mainnav-mobile-open #wi-mainnav { display:block !important; } #wi-mainnav .menu > ul { margin:0; padding:0; } #wi-mainnav .menu > ul > li { float:none; display:block; width:100%; margin:0; } #wi-mainnav .menu > ul > li > a { display:block; height:auto; line-height:1.5; padding:12px 20px; color:#fff !important; border-top:1px solid rgba(255,255,255,.12); } #wi-mainnav-mobile { display:none !important; } } /* 2026-11-04 mobile follow-up: ensure header and button are visible */ @media screen and (max-width: 767px) { html, body { max-width:100%; } body.header-at-top .header-container { position:absolute !important; top:0; left:0; right:0; z-index:1000 !important; } #wi-header { position:relative !important; width:100%; height:64px; background:transparent !important; overflow:visible !important; } #wi-header .container, #wi-header .row-fluid { position:static !important; overflow:visible !important; } #wi-header .toggle-menu { position:absolute !important; display:flex !important; visibility:visible !important; opacity:1 !important; top:10px !important; right:14px !important; left:auto !important; z-index:1002 !important; width:42px; height:42px; padding:0; color:#222 !important; background:rgba(255,255,255,.86); border-radius:2px; } #wi-header .toggle-menu .icon-align-justify { font-size:0 !important; width:24px; height:18px; border-top:2px solid currentColor; border-bottom:2px solid currentColor; } #wi-header .toggle-menu .icon-align-justify:before { content:'' !important; position:absolute; left:0; top:6px; width:100%; border-top:2px solid currentColor; } #wi-header .toggle-menu .icon-align-justify:after { content:none !important; } #wi-header #wi-mainnav { position:absolute !important; top:64px !important; left:0 !important; right:0; width:100%; z-index:1001; } body.wi-mainnav-mobile-open #wi-header #wi-mainnav { display:block !important; } #wi-top-area .top_logo { width:94% !important; max-width:none !important; min-width:0; left:3% !important; top:29% !important; } #concept .leed_bl { font-size:clamp(19px,5.1vw,27px) !important; line-height:1.5 !important; overflow-wrap:anywhere; } } /* 2026-11-04: mobile header/logo/menu refinements */ @media screen and (max-width: 767px) { /* Header logo (separate from the image over the hero). */ #wi-header #wi-logo { position:absolute; left:10px; top:8px; z-index:1002; overflow:visible; } #wi-header #wi-logo a { display:block; height:auto; line-height:normal; } #wi-header #wi-logo img { display:block; width:155px; max-width:calc(100vw - 90px); max-height:none; height:auto; margin:0; } /* The slogan is part of the top_logo image; reduce the image as a unit. */ #wi-top-area .top_logo { width:55% !important; max-width:none !important; min-width:0 !important; left:3% !important; top:29% !important; } /* Keep nav in the layout while animating its downward expansion. */ #wi-header #wi-mainnav, body.wi-mainnav-mobile-open #wi-header #wi-mainnav { display:block !important; overflow:hidden !important; max-height:0; opacity:0; visibility:hidden; pointer-events:none; transition:max-height .42s ease, opacity .28s ease, visibility 0s linear .42s; } body.wi-mainnav-mobile-open #wi-header #wi-mainnav { max-height:450px; opacity:1; visibility:visible; pointer-events:auto; transition:max-height .42s ease, opacity .28s ease, visibility 0s; } } @media (prefers-reduced-motion: reduce) { #wi-header #wi-mainnav { transition:none !important; } } /* 2026-11-04: 現行サイトのスマートフォン表示に合わせた最小限の調整。 このブロックのみ追加。既存のPC・フォーム・アニメーション設定は維持。 */ @media screen and (max-width: 767px) { body.header-at-top .header-container { top: 39px !important; } #wi-header { height: 60px !important; background: #fff !important; box-shadow: none !important; } #wi-header #wi-logo { left: 38px !important; top: 12px !important; } #wi-header #wi-logo a { line-height: normal !important; } #wi-header #wi-logo img { width: 280px !important; max-width: calc(100vw - 98px) !important; height: auto !important; max-height: 38px !important; margin: 0 !important; } #wi-header .toggle-menu { top: 10px !important; right: 20px !important; width: 38px !important; height: 38px !important; background: transparent !important; color: #333 !important; text-shadow: none !important; } #wi-header #wi-mainnav { top: 60px !important; } /* キャッチコピーは画像内にあるため、画像全体の位置と幅を調整 */ #wi-top-area .top_logo { width: 55% !important; left: 11% !important; top: 29% !important; } /* 現行のオンラインショップバナーは約320px */ #floating-bnr.floating-bnr { width: 320px !important; max-width: calc(100vw - 70px) !important; } } /* 2026-11-04: スマホのヒーロー画像を右へ移動し、顔とコピーの重なりを軽減 */ @media screen and (max-width: 767px) { #wi-top-area .super > .hairium-hero-slide { background-position: calc(50% + 32px) center !important; } } /* 2026-11-04: Concept見出しを現行スマホ表示の文字サイズに戻す */ @media screen and (max-width: 767px) { #concept h2.leed_bl { font-size: 40px !important; line-height: 1.4 !important; overflow-wrap: normal !important; word-break: normal !important; } } /* 2026-11-04: Pure Force Of Gravity mobile typography adjustment */ @media screen and (max-width: 767px) { #pure-force-of-gravity #pg-1260-1 .so-parallax .textwidget h3 { font-size: 22px !important; line-height: 1.45 !important; font-weight: 400 !important; letter-spacing: 0 !important; margin: 0 0 18px !important; word-break: normal !important; overflow-wrap: normal !important; } #pure-force-of-gravity #pg-1260-1 .so-parallax .textwidget p { font-size: 15px !important; line-height: 1.65 !important; letter-spacing: 0 !important; } } /* 2026-11-05: スマートフォンのConcept本文・見出しを整理。 以前の全体padding・負のmargin・1段目だけの15px指定は削除し、 3ブロックの表示幅と文字サイズを統一する。 */ @media screen and (max-width: 767px) { /* 3ブロック：既存のレイアウト幅を維持し、余白の二重適用を防ぐ */ #concept #pg-1157-1 { padding-left: 0 !important; padding-right: 0 !important; } #concept #pgc-1157-1-1, #concept #pgc-1157-1-2 { margin-left: 0 !important; margin-right: 0 !important; } /* 見出しは現行に近い18px、本文は折り返しを抑える14px */ #concept #pg-1157-1 .textwidget h4 { font-size: 18px !important; line-height: 1.6 !important; font-weight: normal !important; } #concept #pg-1157-1 .textwidget p { font-size: 14px !important; line-height: 1.6 !important; } /* 共通成分および特長：実際のHTMLにある見出しのみ指定 */ #panel-1398-3-0-0 .textwidget h4.extracted-inline-style-1 { font-size: 20px !important; line-height: 1.5 !important; font-weight: normal !important; } } /* ========================================================================== PC版の追加調整（768px以上） HTMLの実際の見出しタグ（h2.leed_dbls を含む）に適用 ========================================================================== */ @media screen and (min-width: 768px) { #wi-top-area .top_logo { width: 47%; } /* 元のテーマと同じ明朝体の優先順位を保ち、太字を解除 */ h2.leed_bl, h3.leed_bl, h2.leed_bls, h3.leed_bls, h2.leed_dbls, h3.leed_dbls, #casestudy h2.leed_dbls, #faq h3.leed_dbls, #contact h3.leed_dbls { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif !important; font-weight: 400 !important; font-synthesis: none; } /* Case Study 等の色指定 span が太字を持つ場合も解除 */ #casestudy h2.leed_dbls span, #faq h3.leed_dbls span, #contact h3.leed_dbls span { font-weight: 400 !important; } #pure-force-of-gravity #pg-1260-1 .textwidget h3 { line-height: 1.4 !important; } } /* ========================================================================== スマホ版の追加調整（767px以下） ※ スマホ版の既存調整は変更しない。今後の変更はここに追記する。 ========================================================================== */ @media screen and (max-width: 767px) { /* PC版で調整した見出しのフォント・太さをスマホ版にも適用。 font-size / line-height / margin は変更せず、既存のスマホレイアウトを維持。 */ h2.leed_bl, h3.leed_bl, h2.leed_bls, h3.leed_bls, h2.leed_dbls, h3.leed_dbls, #casestudy h2.leed_dbls, #faq h3.leed_dbls, #contact h3.leed_dbls { font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", serif !important; font-weight: 400 !important; font-synthesis: none; } /* 見出し内部のspanに太字が指定されていても解除 */ #casestudy h2.leed_dbls span, #faq h3.leed_dbls span, #contact h3.leed_dbls span { font-weight: 400 !important; } }