@charset "UTF-8";
@charset "UTF-8";
@charset 'UTF-8';
@charset 'UTF-8';



 
 html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container{max-width:800px;margin:0 auto}.clr:after,.col:after,.container:after,.group:after,.row:after{content:"";display:table;clear:both}.row{padding-bottom:0}.col{display:block;float:left;width:100%}@media (min-width:768px){.gutters .col{margin-left:2%}.span_1{width:8.33333333333%}.span_2{width:16.6666666667%}.span_3{width:25%}.span_4{width:33.3333333333%}.span_5{width:41.6666666667%}.span_6{width:50%}.span_7{width:58.3333333333%}.span_8{width:66.6666666667%}.span_9{width:75%}.span_10{width:83.3333333333%}.span_11{width:91.6666666667%}.span_12{width:100%}.gutters .span_1{width:6.5%}.gutters .span_2{width:15%}.gutters .span_3{width:23.5%}.gutters .span_4{width:32%}.gutters .span_5{width:40.5%}.gutters .span_6{width:49%}.gutters .span_7{width:57.5%}.gutters .span_8{width:66%}.gutters .span_9{width:74.5%}.gutters .span_10{width:83%}.gutters .span_11{width:91.5%}.gutters .span_12{width:100%}} .container{padding:0 1%}.container img{max-width:100%}*+.container{margin-top:2em}.row:not(:last-child){margin-bottom:4%}.col{float:none}.col:not(:last-child){margin-bottom:3%}@media (min-width:768px){.container{max-width:1000px;margin:auto;padding:0 10px}*+.container{margin-top:40px}.col{float:left}.reverse>.col{float:right}.col:not(:last-child){margin-bottom:0}.reverse>.col:last-child,:not(.reverse)>.col:first-child{margin-left:0}.col.offset_1{margin-left:8.33333333333%}.gutters .col.offset_1{margin-left:10.5%}.gutters .col.offset_1:first-child{margin-left:8.5%}.col.offset_2{margin-left:16.6666666667%}.gutters .col.offset_2{margin-left:19%}.gutters .col.offset_2:first-child{margin-left:17%}.col.offset_3{margin-left:25%}.gutters .col.offset_3{margin-left:27.5%}.gutters .col.offset_3:first-child{margin-left:25.5%}.col.offset_4{margin-left:33.3333333333%}.gutters .col.offset_4{margin-left:36%}.gutters .col.offset_4:first-child{margin-left:34%}.col.offset_5{margin-left:41.6666666667%}.gutters .col.offset_5{margin-left:44.5%}.gutters .col.offset_5:first-child{margin-left:42.5%}.col.offset_6{margin-left:50%}.gutters .col.offset_6{margin-left:53%}.gutters .col.offset_6:first-child{margin-left:51%}.col.offset_7{margin-left:58.3333333333%}.gutters .col.offset_7{margin-left:61.5%}.gutters .col.offset_7:first-child{margin-left:59.5%}.col.offset_8{margin-left:66.6666666667%}.gutters .col.offset_8{margin-left:70%}.gutters .col.offset_8:first-child{margin-left:68%}.col.offset_9{margin-left:75%}.gutters .col.offset_9{margin-left:78.5%}.gutters .col.offset_9:first-child{margin-left:76.5%}.col.offset_10{margin-left:83.3333333333%}.gutters .col.offset_10{margin-left:87%}.gutters .col.offset_10:first-child{margin-left:85%}.col.offset_11{margin-left:91.6666666667%}.gutters .col.offset_11{margin-left:95.5%}.gutters .col.offset_11:first-child{margin-left:93.5%}.col.offset_12{margin-left:100%}:not(.reverse)>.col.break+.col{clear:left;margin-left:0}.reverse>.col.break{margin-left:0}.reverse>.col.break+.col{clear:right;margin-right:0}.col.break~.col{margin-top:2%}}@media (min-width :1024px){.container{padding:0}} .slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden;direction:ltr}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-rtl .sp-thumbnail-container{float:right}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/images/openhand.cur),move}.sp-grabbing{cursor:url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-rtl .sp-buttons{direction:rtl}.sp-full-screen .sp-buttons{display:none}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px;right:auto}.sp-horizontal .sp-next-arrow,.sp-horizontal.sp-rtl .sp-previous-arrow{right:20px;left:auto}.sp-horizontal.sp-rtl .sp-next-arrow{left:20px;right:auto}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-horizontal.sp-rtl .sp-previous-arrow,.sp-next-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sp-horizontal.sp-rtl .sp-next-arrow{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none} html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/images/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/images/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px #000;background:#000;opacity:.95}#swipebox-top-bar{color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/fonts/slick.eot);src:url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'),url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/fonts/slick.woff) format('woff'),url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/fonts/slick.ttf) format('truetype'),url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/fonts/slick.svg#slick) format('svg')}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir='rtl'] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir='rtl'] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black}
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&family=Zen+Kaku+Gothic+New&display=swap");
@font-face {
font-family: 'Yu Gothic';
src: local("Yu Gothic Medium");
font-weight: 100; }
@font-face {
font-family: 'Yu Gothic';
src: local("Yu Gothic Medium");
font-weight: 200; }
@font-face {
font-family: 'Yu Gothic';
src: local("Yu Gothic Medium");
font-weight: 300; }
@font-face {
font-family: 'Yu Gothic';
src: local("Yu Gothic Medium");
font-weight: 400; }
@font-face {
font-family: 'Yu Gothic';
src: local("Yu Gothic Bold");
font-weight: bold; }
@font-face {
font-family: 'Helvetica Neue';
src: local("Helvetica Neue Regular");
font-weight: 100; }
@font-face {
font-family: 'Helvetica Neue';
src: local("Helvetica Neue Regular");
font-weight: 200; }
@font-face {
font-family: 'epress';
src: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/fonts/icomoon.eot?uvj346);
src: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/fonts/icomoon.eot?uvj346#iefix) format("embedded-opentype"), url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/fonts/icomoon.ttf?uvj346) format("truetype"), url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/fonts/icomoon.woff?uvj346) format("woff"), url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/css/fonts/icomoon.svg?uvj346#icomoon) format("svg");
font-weight: normal;
font-style: normal; }
html {
font-size: 62.5%; }
body {
background: #faf7f2;
font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "MS PMincho", "MS Mincho", serif;
font-size: 14px;
font-size: 1.4em;
line-height: 1.4;
color: #333333; }
figure {
margin: 0;
text-align: center; }
figure figcaption {
margin-top: 0.5em;
text-align: left; }
a {
color: #333333;
text-decoration: underline; }
a:hover {
color: #333333;
text-decoration: none; }
.highlight a {
color: #333333; }
.highlight a:hover {
color: #333333; }
img {
vertical-align: middle;
-webkit-backface-visibility: hidden; }
address {
font-style: normal; }
p {
margin: 0.5em 0 1em;
line-height: 1.8;
letter-spacing: 0.05em; }
p:first-child {
margin-top: 0; }
p:last-child {
margin-bottom: 0; }
ul,
ol {
margin: 0 0 1em;
padding: 0 0 0 2.5em;
line-height: 1.6; }
ul:last-child,
ol:last-child {
margin-bottom: 0; }
ul ul,
ul ol,
ol ul,
ol ol {
margin: 0.5em 0;
padding-left: 2em; }
ul ul:last-child,
ul ol:last-child,
ol ul:last-child,
ol ol:last-child {
margin-bottom: 0.5em; }
ul.list-unstyled {
padding-left: 0;
list-style: none; }
ul.list-unstyled ul,
ul.list-unstyled ol {
padding-left: 2em; }
ul.list-inline {
margin: 0;
padding: 0;
list-style: none;
margin-left: -7px;
font-size: 0px;
font-size: 0rem;
margin-bottom: 14px; }
ul.list-inline > li {
display: inline;
padding-left: 7px;
padding-right: 7px;
white-space: nowrap;
font-size: 14px;
font-size: 1.4rem; }
dl {
margin: 0 0 1em;
line-height: 1.6; }
dl:last-child {
margin-bottom: 0; }
dl dt {
font-weight: bold; }
dl dd {
margin-left: 0;
margin-bottom: 0.5em; }
dl dd:last-child {
margin-bottom: 0; }
main {
overflow: hidden; }
main section {
margin-bottom: 10%; }
main section.highlight:last-child {
margin-bottom: 0;
padding-bottom: 10%; }
.highlight {
padding: 4% 0;
background: #f3ede3;
color: #333333; }
.container.container-fluid {
padding: 0;
max-width: none; }
a.banner {
display: block; }
a.banner img {
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
background-color: rgba(255, 255, 255, 0.01);
max-width: none; }
a.banner:hover img {
opacity: 0.7; }
a.banner.white {
background: #fff; }
a.banner.black {
background: #000; }
a.banner.primary {
background: #b8935a; }
#swipebox-overlay {
z-index: 10000002 !important; }
.fb-page {
font-family: 'lucida grande', tahoma, verdana, arial, 'hiragino kaku gothic pro', 'meiryo', 'ms pgothic', sans-serif !important; }
.rss_reader_headline {
font-family: "-apple-system", "Helvetica Neue", Roboto, "Droid Sans", Arial, "Yu Gothic", YuGothic, Meiryo, sans-serif; }
.crumbs_area {
position: relative;
margin-bottom: 2.7em; }
@media (max-width: 767px) {
.crumbs_area {
margin-bottom: 1.5em; } }
.crumbs_area ul {
overflow: hidden;
padding-left: 0; }
.crumbs_area ul li {
display: inline-block;
float: left; }
.crumbs_area ul li:not(:last-child):after {
content: '>';
margin: 0 0.5em; }
.share_button {
padding-top: 20px;
margin-bottom: 50px; }
.share_button .container > * {
margin: 0 2px;
vertical-align: bottom; }
.share_button .container .col:first-child {
margin-top: 5px; }
.share_button .container .col > * {
vertical-align: middle; }
@media (max-width: 767px) {
.tile:not(.sp-tile) > * {
height: auto !important; } }
@media (min-width: 768px) {
p {
margin: 0.5em 0 1em; }
dl.dl-horizontal {
overflow: hidden; }
dl.dl-horizontal dt {
float: left;
clear: left;
margin-right: 1em; }
dl.dl-horizontal dd {
float: left; }
main section {
margin-bottom: 5%; }
main section:last-child {
margin-bottom: 7%; }
main section.highlight:last-child {
margin-bottom: 0;
padding-bottom: 7%; } }
@media (min-width: 768px) {
.row.row_inline {
letter-spacing: -0.4em; }
.row.row_inline > .col {
letter-spacing: normal;
vertical-align: top;
display: inline-block;
float: none;
margin-bottom: 5%; }
.row.row_inline .span_1:nth-child(12n + 1) {
margin-left: 0; }
.row.row_inline .span_2:nth-child(6n + 1) {
margin-left: 0; }
.row.row_inline .span_3:nth-child(4n + 1) {
margin-left: 0; }
.row.row_inline .span_4:nth-child(3n + 1) {
margin-left: 0; }
.row.row_inline .span_5:nth-child(2n + 1) {
margin-left: 0; }
.row.row_inline .span_6:nth-child(2n + 1) {
margin-left: 0; }
.row.row_inline .span_7 {
width: 57.5%; }
.row.row_inline .span_8 {
width: 66%; }
.row.row_inline .span_9 {
width: 74.5%; }
.row.row_inline .span_10 {
width: 83%; }
.row.row_inline .span_11 {
width: 91.5%; }
.row.row_inline .span_12 {
width: 100%; } }
.ei {
font-family: 'epress';
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 12px;
font-size: 1.2rem; }
.ei.ei_triangle:before {
content: '\e915'; }
.ei.ei_triangle_s:before {
content: '\e916'; }
.ei.ei_circle:before {
content: '\e917'; }
.ei.ei_circle_s:before {
content: '\e918'; }
.ei.ei_circle_d:before {
content: '\e919'; }
.ei.ei_square:before {
content: '\e91a'; }
.ei.ei_square_s:before {
content: '\e91b'; }
.ei.ei_times:before {
content: '\e91c'; }
.ei.ei_star:before {
content: '\e91d'; }
.ei.ei_star_s:before {
content: '\e91e'; }
.slick-track {
margin: 0 auto; }
img.wp-edited-image[width] {
width: auto !important; }
img.wp-edited-image[height] {
height: auto !important; }
img.wp-edited-image.aligncenter {
margin: 0 auto 10px;
display: block; }
img.wp-edited-image.alignright {
margin: auto 0 auto auto;
display: block; }
header {
position: relative;
z-index: 54;
width: 100%;
box-shadow: 0 1px 1px transparent; }
header section {
margin: 0; }
header .row {
margin-bottom: 0; }
header .primary_header {
background: #faf7f2;
color: #222222; }
header .secondary_header {
display: none;
background: #f3ede3;
color: #333333; }
@media (min-width: 768px) {
header .primary_header {
padding: 0 10px; }
header .secondary_header {
display: block; }
header .container {
max-width: none; }
header .container .row {
display: table;
width: 100%;
margin-bottom: 0; }
header .title,
header .global_nav {
display: table-cell;
height: 100px;
margin: 0;
vertical-align: middle; }
header .title {
max-width: 100%; } }
@media (min-width: 768px) {
header .primary_header {
padding: 0 10px; }
header .container {
position: relative; }
header .global_nav {
text-align: right; } }
header .title {
height: auto;
margin: 0;
padding: 10px 1%;
line-height: 1;
text-align: left;
background: none;
font-size: 10px;
font-size: 1rem; }
header .title img {
width: 100px;
max-width: 100%;
vertical-align: middle; }
@media (min-width: 768px) {
header .title {
max-width: none;
padding: 10px 0; }
header .title img {
width: 160px; } }
header .global_nav ul {
display: none;
position: absolute;
z-index: 30;
top: 100%;
left: 0;
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: rgba(184, 147, 90, 0.9);
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #fff; }
header .global_nav ul li {
border-bottom: 1px solid #fff; }
header .global_nav ul li a {
display: block;
padding: 1.5em 1em;
text-decoration: none;
color: #fff; }
header .global_nav ul li a:hover {
color: #fff; }
header .global_nav ul li a:active {
background: #b8935a;
color: #fff; }
header .global_nav ul li a .subtitle {
display: none; }
@media (min-width: 768px) {
header .global_nav {
padding: 0; }
header .global_nav ul {
display: block !important;
position: static;
overflow: hidden;
float: right;
width: auto;
padding-left: 20px;
border: none;
background: none;
white-space: nowrap;
font-size: 0px;
font-size: 0rem; }
header .global_nav ul li {
display: inline-block;
border: none;
border-right: 0px solid #ccc;
line-height: 1.5;
vertical-align: middle;
font-size: 14px;
font-size: 1.4rem; }
header .global_nav ul li:first-child {
border-left: 0px solid #ccc; }
header .global_nav ul li.contact {
padding-left: 2em; } }
@media (min-width: 768px) and (max-width: 1199px) {
header .global_nav ul li.contact {
padding-left: 1em; } }
@media (min-width: 768px) {
header .global_nav ul li a {
display: block;
position: relative;
padding: 1em;
text-align: center;
color: #222222;
text-decoration: none; }
header .global_nav ul li a:hover {
color: #b8935a;
text-decoration: none; }
header .global_nav ul li a:active {
background: none;
color: #b8935a; }
header .global_nav ul li a .subtitle {
display: block;
padding-top: 0.2em;
font-size: 12px;
font-size: 1.2rem;
color: #b8935a;
text-align: center; }
header .global_nav ul li a:after {
content: '';
display: block;
position: absolute;
top: calc(50% + 25px);
left: 0;
right: 0;
width: 0;
height: 1px;
margin: auto;
background: #b8935a;
transition: width 0.3s; }
header .global_nav ul li a:hover:after {
width: 40px; } }
@media (min-width: 768px) and (max-width: 1199px) {
header .global_nav ul li a {
padding: 2em 1em; } }
.menu_icon_basic, header .menu_icon {
position: absolute;
top: 50%;
right: 5%;
margin-top: -10px; }
.menu_icon_basic a, header .menu_icon a {
position: relative;
display: block;
width: 20px;
height: 20px;
font-size: 0; }
.menu_icon_basic .hamburger, header .menu_icon .hamburger {
display: block;
position: absolute;
left: 0;
top: 8px;
width: 20px;
height: 2px;
background: #b8935a;
transition: 0.5s; }
.menu_icon_basic .hamburger:before, header .menu_icon .hamburger:before, .menu_icon_basic .hamburger:after, header .menu_icon .hamburger:after {
content: '';
display: block;
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #b8935a;
-webkit-transition: 0.5s linear;
transition: 0.5s linear; }
.menu_icon_basic .hamburger:before, header .menu_icon .hamburger:before {
top: -8px; }
.menu_icon_basic .hamburger:after, header .menu_icon .hamburger:after {
top: 8px; }
.menu_icon_basic .close:not(.fix) .hamburger, header .menu_icon .close:not(.fix) .hamburger {
background: none; }
.menu_icon_basic .close:not(.fix) .hamburger:before, header .menu_icon .close:not(.fix) .hamburger:before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.menu_icon_basic .close:not(.fix) .hamburger:after, header .menu_icon .close:not(.fix) .hamburger:after {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
@media (min-width: 768px) {
.menu_icon_basic, header .menu_icon {
right: 0; } }
.menu_icon_rich {
position: absolute;
top: 50%;
right: 15px;
height: 36px;
margin-top: -18px; }
.menu_icon_rich a {
display: block;
position: relative;
width: 100%;
height: 100%;
padding: 0 10px 0 38px;
border: 2px solid #b8935a;
border-radius: 5px;
color: #b8935a;
line-height: 36px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
text-decoration: none; }
@media (max-width: 767px) {
.menu_icon_rich.sp-notext a {
overflow: hidden;
width: 44px;
height: 0;
padding: 32px 0 0 0; } }
.menu_icon_rich .hamburger {
display: block;
position: absolute;
left: 10px;
top: 15px;
width: 20px;
height: 2px;
background: #b8935a;
transition: 0.5s; }
.menu_icon_rich .hamburger:before, .menu_icon_rich .hamburger:after {
content: '';
display: block;
position: absolute;
left: 0;
width: 20px;
height: 2px;
background: #b8935a;
transition: 0.5s; }
.menu_icon_rich .hamburger:before {
top: -7px; }
.menu_icon_rich .hamburger:after {
top: 7px; }
.menu_icon_rich .close:not(.fix) .hamburger {
background: none; }
.menu_icon_rich .close:not(.fix) .hamburger:before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.menu_icon_rich .close:not(.fix) .hamburger:after {
top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
@media (min-width: 768px) {
.menu_icon_rich {
right: 30px; } }
@media (min-width: 768px) {
header .menu_icon {
display: none; } }
header .local_nav {
width: 100%;
margin: 0 auto;
padding: 10px 0;
text-align: center; }
header .local_nav ul {
margin: 0;
font-size: 0px;
font-size: 0rem; }
header .local_nav ul li {
padding-right: 0;
padding-left: 0;
font-size: 14px;
font-size: 1.4rem; }
header .local_nav ul li:not(:last-child):after {
content: '｜';
margin-right: 10px;
margin-left: 10px; }
header .local_nav a {
color: #333333;
text-decoration: none; }
header .local_nav a:hover {
color: #b8935a;
text-decoration: underline; }
@media (min-width: 768px) {
header {
-webkit-transition: 0s linear;
transition: 0s linear; }
header.hidden {
top: auto; }
body.up header {
position: relative;
top: auto;
left: auto; } }
#google_translate_element,
.translate_gt {
position: absolute;
top: 50%;
right: 75px;
margin-top: -12px; }
@media (min-width: 768px) {
#google_translate_element,
.translate_gt {
position: static;
float: right;
margin-top: 0;
margin-left: 1em; } }
@media (min-width: 768px) {
#google_translate_element {
height: 100%; }
#google_translate_element > div {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); } }
.translate_gt {
margin-top: -14px; }
@media (min-width: 768px) {
.translate_gt {
margin-top: 0; } }
@media (min-width: 768px) {
header .global_nav.slide_bottom {
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #faf7f2; }
header .global_nav.slide_bottom ul {
float: none;
text-align: center; } }
.hdr_info {
position: absolute;
top: 25px;
right: 0; }
@media (max-width: 767px) {
.hdr_info {
display: none; } }
footer {
position: relative;
padding: 2em 0;
background: rgba(243, 237, 227, 0.9);
color: #666666; }
footer:before {
content: '';
display: block;
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(//www.solknot.jp/wp-content/uploads/bg_img002.jpg) center/cover no-repeat; }
footer a {
color: #666666; }
footer a:hover {
color: #666666; }
footer .ftr_contact address dl {
display: flex;
justify-content: center;
margin: 0;
font-size: 20px;
font-size: 2rem; }
footer .ftr_contact address dt {
font-weight: normal; }
footer nav ul {
margin: 0;
padding: 0;
list-style: none; }
footer nav ul li + li {
border-top: 1px solid #666; }
footer nav a {
display: block;
padding: 1em 1em;
text-decoration: none;
text-align: center; }
footer nav a:hover {
text-decoration: underline; }
footer .copyright p {
text-align: center;
font-size: 12px;
font-size: 1.2rem; }
footer .pagetop {
position: fixed;
bottom: 5%;
right: 5%;
z-index: 100; }
footer .pagetop a {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
line-height: 50px;
padding: 0;
border-radius: 50%;
background: #b8935a; }
footer .pagetop object {
position: absolute;
left: 50%;
top: 50%;
width: 18px;
height: 12px;
margin-left: -9px;
margin-top: -6px;
pointer-events: none; }
footer.high .pagetop {
position: absolute;
bottom: auto;
right: 5%;
top: 0;
margin: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.pagetop_arrow {
fill: #ffffff; }
@media (min-width: 768px) {
footer {
padding: 40px 0; }
footer .row:not(:last-child) {
margin-bottom: 15px; }
footer .ftr_contact address {
display: flex;
justify-content: center;
margin-bottom: 2em; }
footer .ftr_contact address dl {
font-size: 24px;
font-size: 2.4rem; }
footer .ftr_contact address dl:first-child {
margin-right: 1em; }
footer nav {
text-align: center; }
footer nav ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0px;
font-size: 0rem; }
footer nav ul > li {
display: inline;
padding-left: 0;
padding-right: 0;
white-space: nowrap;
font-size: 14px;
font-size: 1.4rem; }
footer nav ul li {
line-height: 1.5; }
footer nav ul li + li {
border: 0; }
footer nav ul li:not(:first-child):before {
content: '|';
margin-right: 0.5em;
margin-left: 0.5em; }
footer nav a {
display: inline;
padding: 0; } }
@media (min-width: 768px) and (max-width: 1023px) {
footer nav ul li.tablet-break:after {
content: '\A';
white-space: pre; }
footer nav ul li.tablet-break + li:before {
display: none; } }
@media (min-width: 1024px) {
footer nav ul li.pc-break:after {
content: '\A';
white-space: pre; }
footer nav ul li.pc-break + li:before {
display: none; } }
.slider-pro.center {
overflow: hidden;
width: 100%; }
.slider-pro.center .sp-button {
border: none;
background: #d2d2d2; }
.slider-pro.center .sp-selected-button {
background: #b8935a; }
.slider-pro.center.sp-horizontal .sp-arrows {
left: 0;
right: 0;
max-width: 1000px;
margin-left: auto;
margin-right: auto; }
.slider-pro.center.sp-horizontal .sp-previous-arrow {
left: 10px; }
.slider-pro.center.sp-horizontal .sp-next-arrow {
right: 10px; }
.slider-pro.center .sp-previous-arrow,
.slider-pro.center .sp-next-arrow {
width: 30px;
height: 30px;
background-color: rgba(184, 147, 90, 0.7);
background-position: center center;
background-repeat: no-repeat;
background-size: 8px; }
.slider-pro.center .sp-previous-arrow {
background-image: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/arrow_left_wh.png); }
.slider-pro.center .sp-next-arrow {
background-image: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/arrow_right_wh.png); }
.slider-pro.center .sp-next-arrow:after,
.slider-pro.center .sp-next-arrow:before,
.slider-pro.center .sp-previous-arrow:after,
.slider-pro.center .sp-previous-arrow:before {
display: none; }
.slider-pro.center .sp-layer {
line-height: 1.2;
white-space: normal !important;
font-size: 20px;
font-size: 2rem;
color: #333333; }
.slider-pro.center .sp-layer small {
font-size: 14px;
font-size: 1.4rem; }
@media (min-width: 768px) {
.slider-pro.center .sp-layer {
font-size: 22px;
font-size: 2.2rem; }
.slider-pro.center .sp-padding {
padding: 35px; } }
@media (min-width: 1100px) {
.slider-pro.center.sp-horizontal .sp-previous-arrow {
left: -15px; }
.slider-pro.center.sp-horizontal .sp-next-arrow {
right: -15px; } }
.slider-pro.wide {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
max-width: 1600px;
margin: 0 auto; }
.slider-pro.wide .main_copy {
position: absolute;
z-index: 100;
left: 0;
width: 100%;
height: 100%;
bottom: 0; }
@media (max-width: 767px) {
.slider-pro.wide .main_copy {
height: 100%; } }
.slider-pro.wide .main_copy ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
height: 100%; }
.slider-pro.wide .main_copy li {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
width: 100%;
height: 100%; }
.slider-pro.wide .main_copy img {
position: relative;
z-index: 1;
max-width: 90%; }
.slider-pro.wide .sp-buttons {
position: absolute;
z-index: 22;
bottom: 10px;
right: 10px;
width: auto;
padding-top: 0;
text-align: right; }
.slider-pro.wide .sp-button {
border: none;
background: #d2d2d2; }
.slider-pro.wide .sp-selected-button {
background: #b8935a; }
.slider-pro.wide .sp-previous-arrow,
.slider-pro.wide .sp-next-arrow {
z-index: 22; }
.slider-pro.wide .sp-next-arrow:after,
.slider-pro.wide .sp-next-arrow:before,
.slider-pro.wide .sp-previous-arrow:after,
.slider-pro.wide .sp-previous-arrow:before {
background-color: #ffffff; }
.slider-pro.wide .hps-slider-mask {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
position: absolute;
z-index: 21;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; }
.slider-pro.wide .hps-slider-mask.stripe {
background-color: rgba(255, 255, 255, 0.2);
background-image: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/mask_stripe.png); }
.slider-pro.wide .hps-slider-copy {
padding: 0 50px;
color: #333333;
text-align: left;
font-size: 12px;
font-size: 1.2rem; }
.slider-pro.wide .hps-slider-copy .lead {
margin: 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
text-align: center;
color: #333333; }
.slider-pro.wide.disable-arrows .hps-slider-copy {
padding: 0 10px; }
.slider-pro.wide .hps-slider-scroll {
display: none; }
.ie .slider-pro.wide .hps-slider-copy {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
@media (max-width: 767px) {
.slider-pro.wide.sp-disable-arrows .hps-slider-copy {
padding: 0 10px; } }
@media (min-width: 768px) {
.slider-pro.wide .sp-buttons {
bottom: 20px;
right: 25px; }
.slider-pro.wide .sp-button {
width: 18px;
height: 18px;
margin: 0 10px; }
.slider-pro.wide .hps-slider-copy {
text-align: center;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.8; }
.slider-pro.wide .hps-slider-copy .lead {
font-size: 46px;
font-size: 4.6rem; }
.slider-pro.wide .hps-slider-scroll {
display: block;
position: absolute;
left: 0;
bottom: 15px;
width: 100%;
text-align: center; }
.slider-pro.wide .hps-slider-scroll a {
display: inline-block;
width: 100px;
padding-bottom: 45px;
background: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/arrow_down_white.png) center bottom no-repeat;
text-align: center;
color: #fff;
font-size: 12px;
font-size: 1.2rem;
text-decoration: none;
pointer-events: auto; }
.slider-pro.wide .hps-slider-scroll.text-black a {
background: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/arrow_down_black.png) center bottom no-repeat;
color: #000; } }
@media (min-width: 1024px) {
.slider-pro.wide .hps-slider-scroll {
display: block;
bottom: 45px; } }
.slider-pro.thumb .sp-left-thumbnails,
.slider-pro.thumb .sp-right-thumbnails {
margin: 0; }
.slider-pro.thumb .sp-left-thumbnails .sp-thumbnail-container,
.slider-pro.thumb .sp-right-thumbnails .sp-thumbnail-container {
margin: 0;
background-color: #000; }
.slider-pro.thumb .sp-thumbnail-image {
opacity: 0.5;
-webkit-transition: 0.5s linear;
transition: 0.5s linear; }
.slider-pro.thumb .sp-selected-thumbnail .sp-thumbnail-image {
opacity: 1; }
.slider-pro.thumb .sp-bottom-thumbnails .sp-thumbnail-image {
width: 100%; }
.slider-pro.thumb .sp-layer {
line-height: 1.2;
white-space: normal !important;
font-size: 20px;
font-size: 2rem;
color: #333333; }
.slider-pro.thumb .sp-layer small {
font-size: 14px;
font-size: 1.4rem; }
.slider-pro.thumb.sp-vertical .sp-slides {
margin-left: 0 !important;
margin-right: 0 !important; }
.slider-pro.thumb.sp-horizontal .sp-slides {
margin-top: 0 !important; }
@media (min-width: 768px) {
.slider-pro.thumb .sp-layer {
font-size: 22px;
font-size: 2.2rem; }
.slider-pro.thumb .sp-padding {
padding: 35px; } }
.slider-pro.full {
position: relative;
z-index: 1; }
@media (min-width: 768px) {
.slider-pro.full {
height: 100vh; } }
.slider-pro.full .main_copy {
position: absolute;
z-index: 100;
left: 0;
width: 100%;
height: calc(100% - 100px);
bottom: 0; }
@media (max-width: 767px) {
.slider-pro.full .main_copy {
height: 100%; } }
.slider-pro.full .main_copy ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
height: 100%; }
.slider-pro.full .main_copy li {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
width: 100%;
height: 100%; }
.slider-pro.full .main_copy img {
position: relative;
z-index: 1;
max-width: 90%; }
.slider-pro.full .slide_scroll {
display: block;
position: absolute;
z-index: 10;
left: 0;
right: 0;
top: auto;
bottom: 5%;
width: 60px;
height: 60px;
margin: 0 auto;
padding-top: 18px;
border-radius: 50%;
background: rgba(184, 147, 90, 0.8);
color: #fff;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
font-family: Tahoma, serif;
text-decoration: none; }
.slider-pro.full .slide_scroll:after {
content: '';
display: block;
position: absolute;
z-index: 10;
left: 0;
right: 0;
top: auto;
bottom: 12px;
width: 8px;
height: 8px;
margin: 0 auto;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
@media (max-width: 767px) and (orientation: landscape) {
.slider-pro.full .slide_scroll {
display: none; } }
.slider-pro.contents {
overflow: hidden;
margin: 0 auto !important; }
.slider-pro.contents .sp-caption-container {
width: 90%;
margin: 0 auto;
padding: 10px; }
.slider-pro.contents .sp-caption-container h3 {
margin: 0 0 15px;
padding: 0;
border: 0;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold; }
.slider-pro.contents .sp-caption-container h3:before, .slider-pro.contents .sp-caption-container h3:after {
display: none; }
.slider-pro.contents .sp-caption-container h3:last-child {
margin-bottom: 0; }
.slider-pro.contents .sp-caption-container p {
font-size: 13px;
font-size: 1.3rem; }
.slider-pro.contents.sp-horizontal .sp-previous-arrow {
left: 10px;
margin-top: 180px; }
.slider-pro.contents.sp-horizontal .sp-next-arrow {
right: 10px;
margin-top: 180px; }
.slider-pro.contents .sp-next-arrow:after,
.slider-pro.contents .sp-next-arrow:before,
.slider-pro.contents .sp-previous-arrow:after,
.slider-pro.contents .sp-previous-arrow:before {
background-color: #b8935a; }
@media (max-width: 767px) {
.slider-pro.contents .sp-arrow {
width: 10px;
height: 15px; } }
@media (min-width: 768px) {
.slider-pro.contents .sp-caption-container {
width: 450px;
min-height: 40px;
margin: 10px auto 0;
border-right: 1px dashed #999;
border-left: 1px dashed #999; }
.slider-pro.contents .sp-arrow {
width: 10px;
height: 15px; }
.slider-pro.contents.sp-horizontal .sp-previous-arrow {
left: 50%;
margin-top: 187.5px;
margin-left: -230px; }
.slider-pro.contents.sp-horizontal .sp-next-arrow {
right: 50%;
margin-top: 187.5px;
margin-right: -230px; } }
.main_visual {
position: relative;
table-layout: fixed; }
.main_visual .main_visual_slick,
.main_visual .slick-track {
margin: 0;
padding: 0;
list-style: none;
height: 100% !important; }
.main_visual .slick-track {
position: absolute;
left: 0;
right: 0;
margin: auto; }
.main_visual .slick-list {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
height: 100%; }
.main_visual .main_visual_slick {
position: relative;
margin: 0 auto; }
.main_visual .main_visual_slick li:not([id^='slick-slide']) {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
overflow: hidden; }
.main_visual .main_visual_slick li:not([id^='slick-slide']):not(.slick-active) {
transition-delay: 0.5s !important; }
.main_visual .main_visual_slick li:not([id^='slick-slide']) img {
position: absolute;
left: -300%;
right: -300%;
margin: auto;
top: 0;
height: 100%; }
.main_visual .main_visual_copy {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
margin: 0;
padding: 0;
list-style: none;
width: 1000px;
max-width: 100%;
margin: 0 auto;
z-index: 53; }
.main_visual .main_visual_copy > li {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; }
.main_visual .main_visual_copy > li img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 45.5%;
max-width: 455px;
max-height: 318px;
z-index: 52; }
.main_visual .main_visual_arrow {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 1000px;
max-width: 100%;
margin: 0 auto;
z-index: 53; }
.main_visual .main_visual_arrow .slick-prev {
left: 25px; }
.main_visual .main_visual_arrow .slick-next {
right: 25px; }
.main_visual .main_visual_arrow .slick-prev:before,
.main_visual .main_visual_arrow .slick-next:before {
font-size: 30px;
font-size: 3rem; }
@media (max-width: 749px) {
.main_visual .main_visual_arrow .slick-prev {
left: 10px; }
.main_visual .main_visual_arrow .slick-next {
right: 10px; }
.main_visual .main_visual_arrow .slick-prev:before,
.main_visual .main_visual_arrow .slick-next:before {
font-size: 20px;
font-size: 2rem; } }
@media (max-width: 749px) {
.main_visual .main_visual_copy > li img {
width: 90%; } }
.main_visual .main_visual_slick {
padding-top: 75%!important; }
@media (min-width: 1000px) {
.main_visual .main_visual_slick {
padding-top: 0 !important;
height: 750px !important; } }
@media (min-width: 1920px) {
.main_visual .main_visual_slick {
padding-top: 39.0625%!important; } }
@media (max-width: 749px) {
.main_visual .main_visual_slick {
padding-top: 114.66667%!important; } }
.slick-dots li button {
margin: 0 auto;
background: #ccc; }
.slick-dots li.slick-active button {
background: #b8935a; }
.slide_scroll {
position: absolute;
bottom: 1%;
left: 50%;
transform: translateX(-50%);
padding-bottom: 45px;
background: url(//www.solknot.jp/wp-content/uploads/icon_scroll.png) center bottom no-repeat;
z-index: 55;
color: #fff;
text-decoration: none; }
.slide_scroll:hover {
color: #fff; }
.main_visual .main_visual_slick li:not(:first-child) img {
opacity: 0;
transition: opacity 1000ms ease 0s; }
.main_visual .main_visual_slick.slick-initialized li:not(:first-child) img {
opacity: 1; }
.wide_image img {
width: 100%;
vertical-align: top; }
@media (min-width: 768px) {
.wide_image div {
margin: 0 auto; } }
main h1,
main .title1 {
position: relative;
margin: 0 0 0.5em;
padding: 1.7em 0 2.7em;
background: #b8935a;
text-align: center;
color: #ffffff;
line-height: 1;
font-size: 30px;
font-size: 3rem;
font-weight: normal; }
main h1 small,
main h1 span,
main .title1 small,
main .title1 span {
display: block;
padding-top: 0.4em;
color: #ffffff;
font-size: 24px;
font-size: 2.4rem; }
main h1:after,
main .title1:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 2em;
margin: auto;
width: 60px;
height: 4px;
background: #ffffff; }
@media (max-width: 767px) {
main h1,
main .title1 {
padding: 1.2em 0 1.7em;
font-size: 22px;
font-size: 2.2rem; }
main h1 small,
main h1 span,
main .title1 small,
main .title1 span {
font-size: 18px;
font-size: 1.8rem; }
main h1:after,
main .title1:after {
bottom: 1.2em;
height: 2px; } }
h2,
.title2 {
position: relative;
margin: 0 0 1.67em;
padding: 0 0 1em;
text-align: center;
line-height: 1;
color: #3e1601;
font-size: 24px;
font-size: 2.4rem;
font-weight: normal; }
h2 small,
h2 span,
.title2 small,
.title2 span {
display: block;
padding-top: 0.8em;
color: #3e1601;
font-size: 18px;
font-size: 1.8rem; }
h2:after,
.title2:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 40px;
height: 2px;
background: #3e1601; }
.highlight h2, .highlight
.title2 {
color: #3e1601; }
.highlight h2 small,
.highlight h2 span, .highlight
.title2 small,
.highlight
.title2 span {
color: #3e1601; }
.highlight h2:after, .highlight
.title2:after {
background: #3e1601; }
@media (max-width: 767px) {
h2,
.title2 {
font-size: 18px;
font-size: 1.8rem; }
h2 small,
h2 span,
.title2 small,
.title2 span {
font-size: 16px;
font-size: 1.6rem; } }
h3,
.title3 {
position: relative;
margin: 0 0 0.5em;
padding: 0 0 0.4em 0.7em;
border-bottom: 1px solid #3e1601;
color: #3e1601;
line-height: 1;
font-size: 18px;
font-size: 1.8rem;
font-weight: normal; }
h3:after,
.title3:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 2px;
width: 4px;
height: 14px;
background: #b8935a; }
.highlight h3, .highlight
.title3 {
color: #3e1601; }
h4 {
position: relative;
margin: 0 0 0.5em;
padding: 0 0 0 0.7em;
line-height: 1;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal; }
h4:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 6px;
height: 2px;
margin: auto;
background: #b8935a; }
@media (max-width: 767px) {
h4 {
font-size: 16px;
font-size: 1.6rem; } }
.button-flat, .button-round, .button-circle, .button-ghost, .button-ghost-round, .button, .button-border, .button-3d {
display: inline-block;
min-width: 280px;
margin: 0;
padding: 0.8em 0;
line-height: 1;
font-size: 16px;
font-size: 1.6rem;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
@media (min-width: 1024px) {
.button-flat, .button-round, .button-circle, .button-ghost, .button-ghost-round, .button, .button-border, .button-3d {
font-size: 18px;
font-size: 1.8rem; } }
@media (max-width: 767px) {
.button-flat, .button-round, .button-circle, .button-ghost, .button-ghost-round, .button, .button-border, .button-3d {
font-size: 16px;
font-size: 1.6rem; } }
.add_arrow.button-flat, .add_arrow.button-round, .add_arrow.button-circle, .add_arrow.button-ghost, .add_arrow.button-ghost-round, .add_arrow.button, .add_arrow.button-border, .add_arrow.button-3d {
position: relative; }
.add_arrow.button-flat:after, .add_arrow.button-round:after, .add_arrow.button-circle:after, .add_arrow.button-ghost:after, .add_arrow.button-ghost-round:after, .add_arrow.button:after, .add_arrow.button-border:after, .add_arrow.button-3d:after {
content: '';
display: block;
position: absolute; }
.block.button-flat, .block.button-round, .block.button-circle, .block.button-ghost, .block.button-ghost-round, .block.button, .block.button-border, .block.button-3d {
display: block;
min-width: 0; }
.button-flat, .button-round, .button-circle {
border: 2px solid #b8935a;
background: transparent;
color: #b8935a;
text-align: center; }
.button-flat:hover, .button-round:hover, .button-circle:hover {
border-color: #b8935a;
background: #b8935a;
color: #ffffff; }
.highlight .button-flat, .highlight .button-round, .highlight .button-circle, .highlight .button {
color: #b8935a; }
.highlight .button-flat:hover, .highlight .button-round:hover, .highlight .button-circle:hover, .highlight .button:hover {
color: #ffffff; }
.button-flat.cancel, .cancel.button-round, .cancel.button-circle {
border-color: #888;
background: transparent;
color: #888; }
.button-flat.cancel:hover, .cancel.button-round:hover, .cancel.button-circle:hover {
border-color: #888;
background: #888;
color: #ffffff; }
.button-flat.add_arrow:after, .add_arrow.button-round:after, .add_arrow.button-circle:after {
right: 20px;
top: 0;
bottom: 0;
width: 3px;
height: 3px;
margin: auto;
border-top: 2px solid #b8935a;
border-right: 2px solid #b8935a;
transition: 0.2s;
transform: rotate(45deg); }
.button-flat.add_arrow:hover:after, .add_arrow.button-round:hover:after, .add_arrow.button-circle:hover:after {
right: 14px;
border-color: #ffffff; }
.button-flat.add_arrow.cancel:after, .add_arrow.cancel.button-round:after, .add_arrow.cancel.button-circle:after {
border-color: #888; }
.button-flat.add_arrow.cancel:hover:after, .add_arrow.cancel.button-round:hover:after, .add_arrow.cancel.button-circle:hover:after {
border-color: #ffffff; }
.button-flat.large, .large.button-round, .large.button-circle {
padding: 1em 2em;
font-size: 18px;
font-size: 1.8rem; }
.button-round {
border-radius: 25px; }
.button-circle {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
min-width: 0;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%; }
.button-circle.add_arrow:after {
right: 0;
left: 0;
bottom: -60px; }
.button-circle.add_arrow:hover:after {
right: 0px; }
.button-ghost, .button-ghost-round, .button {
border: 2px solid #b8935a;
background: transparent;
color: #b8935a; }
.button-ghost:hover, .button-ghost-round:hover, .button:hover {
border-color: #b8935a;
background: #b8935a;
color: #ffffff; }
.button-ghost.cancel, .cancel.button-ghost-round, .cancel.button {
border-color: #888;
background: transparent;
color: #888; }
.button-ghost.cancel:hover, .cancel.button-ghost-round:hover, .cancel.button:hover {
border-color: #888;
background: #888;
color: #ffffff; }
.button-ghost.add_arrow:after, .add_arrow.button-ghost-round:after, .add_arrow.button:after {
right: 20px;
top: 0;
bottom: 0;
width: 3px;
height: 3px;
margin: auto;
border-top: 2px solid #b8935a;
border-right: 2px solid #b8935a;
transition: 0.2s;
transform: rotate(45deg); }
.button-ghost.add_arrow:hover:after, .add_arrow.button-ghost-round:hover:after, .add_arrow.button:hover:after {
right: 14px;
border-color: #ffffff; }
.button-ghost.add_arrow.cancel:after, .add_arrow.cancel.button-ghost-round:after, .add_arrow.cancel.button:after {
border-color: #888; }
.button-ghost.add_arrow.cancel:hover:after, .add_arrow.cancel.button-ghost-round:hover:after, .add_arrow.cancel.button:hover:after {
border-color: #ffffff; }
.button-ghost-round, .button {
border-radius: 25px; }
.button-border {
padding-left: 1em;
padding-right: 1em;
border: 4px solid #b8935a;
background: rgba(184, 147, 90, 0.05);
color: #b8935a;
font-weight: bold;
text-align: left; }
.button-border:hover {
border-color: #bb9861;
background: #bb9861;
color: #b8935a;
box-shadow: 2px 6px 18px 0px rgba(0, 0, 0, 0.35); }
.button-border.add_arrow {
padding-right: calc(1em + 40px); }
.button-border.add_arrow:before {
content: '';
display: block;
position: absolute;
right: 1em;
top: 0;
bottom: 0;
width: 30px;
height: 1px;
margin: auto;
background: #b8935a;
transition: 0.2s; }
.button-border.add_arrow:after {
right: 1em;
top: -7px;
bottom: 0;
width: 8px;
height: 1px;
margin: auto;
border: 0;
background: #b8935a;
transform: rotate(45deg);
transition: 0.2s; }
.button-border.add_arrow:hover:before, .button-border.add_arrow:hover:after {
background: #b8935a; }
.button-3d {
border: 2px solid #b8935a;
border-radius: 4px;
background: rgba(184, 147, 90, 0.05);
color: #b8935a;
font-weight: bold;
box-shadow: 0px 8px 0px 0px #b8935a;
transition: background 0.3s, box-shadow 0.15s, transform 0.15s; }
.button-3d:hover {
background: #fff;
color: #b8935a;
box-shadow: none;
transform: translateY(8px); }
.button + .button {
margin-left: 0.5em; }
.button.effect_slide {
position: relative;
z-index: 1;
overflow: hidden; }
.button.effect_slide:before {
content: '';
display: block;
position: absolute;
z-index: -1;
left: 0;
top: 0;
margin: auto;
width: 100%;
height: 100%;
background: #b8935a;
transition: 0.3s;
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.button.effect_slide:hover {
background: none !important; }
.button.effect_slide:hover:before {
-webkit-transform: translateX(0);
transform: translateX(0); }
table {
margin: 0 auto; }
table th,
table td {
padding: 0.8em 1em; }
table th {
text-align: center;
font-weight: normal; }
table td {
word-break: break-all; }
.table-default {
width: 100%; }
.table-default caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 16px;
font-size: 1.6rem; }
.table-default th,
.table-default td {
border: 1px solid #cccccc; }
.table-default th {
background: #b8935a;
color: #ffffff; }
.table-default td {
background: #faf7f2; }
@media (min-width: 768px) {
.table-default caption {
font-size: 20px;
font-size: 2rem; } }
.table-menu {
width: 100%; }
.table-menu caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 16px;
font-size: 1.6rem; }
.table-menu th,
.table-menu td {
padding: 0.8em 1em;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc; }
.table-menu tbody th {
text-align: left; }
.table-menu td:last-child {
text-align: right;
white-space: nowrap; }
@media (min-width: 768px) {
.table-menu caption {
font-size: 20px;
font-size: 2rem; } }
.table-schedule {
width: 100%; }
.table-schedule caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 16px;
font-size: 1.6rem; }
.table-schedule th,
.table-schedule td {
border: 1px solid #cccccc;
padding: 5px;
text-align: center; }
.table-schedule thead th {
background: #b8935a;
color: #ffffff; }
.table-schedule tbody th {
background: #c7aa7e; }
.table-schedule td {
background: #faf7f2; }
@media (min-width: 768px) {
.table-schedule caption {
font-size: 20px;
font-size: 2rem; } }
@media (max-width: 767px) {
.responsive-stack {
display: block; }
.responsive-stack thead {
display: none; }
.responsive-stack tbody,
.responsive-stack tr,
.responsive-stack th,
.responsive-stack td {
display: block; }
.responsive-stack th,
.responsive-stack td {
width: 100% !important; }
.responsive-stack tr:not(:last-child) th,
.responsive-stack tr:not(:last-child) td {
border-bottom: 0; }
.responsive-stack tr:last-child :not(:last-child) {
border-bottom: 0; } }
@media (max-width: 767px) {
.responsive-list {
display: block; }
.responsive-list thead {
display: none; }
.responsive-list tbody,
.responsive-list tr,
.responsive-list th,
.responsive-list td {
display: block; }
.responsive-list tr:not(:last-child) td {
border-bottom: 0; }
.responsive-list td {
position: relative;
padding-left: 40%;
white-space: normal;
text-align: left; }
.responsive-list td:first-child {
border-bottom: 0; }
.responsive-list td:last-child {
border-top: 0; }
.responsive-list td:not(:first-child):not(:last-child) {
border-top: 0;
border-bottom: 0; }
.responsive-list td:before {
content: attr(data-title);
position: absolute;
top: 6px;
left: 6px;
width: 35%;
padding-right: 10px;
white-space: normal;
text-align: left;
font-weight: bold; } }
@media (max-width: 767px) {
.responsive-scroll-container {
display: block;
width: 100%;
min-height: 0.01%;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch; }
.responsive-scroll-container .responsive-scroll-inner {
width: 798px;
padding: 0 15px 15px; }
.responsive-scroll-container table {
width: 768px;
margin: 0; } }
@media (max-width: 767px) {
table.combine tbody tr:last-child th,
table.combine tbody tr:last-child td {
border-bottom: 0; } }
@media (max-width: 767px) {
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col:not(:last-child) {
margin-bottom: 1em; }
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure {
overflow: hidden; }
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure img {
float: left;
width: 32%;
margin-bottom: 10px;
vertical-align: middle; }
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure figcaption {
float: right;
width: 66%;
margin-top: 0;
vertical-align: middle; }
.sp_image_cols.sp_col2 .col {
width: 49%; }
.sp_image_cols.sp_col2 .col:nth-child(odd) {
clear: both;
float: left; }
.sp_image_cols.sp_col2 .col:nth-child(even) {
float: right; }
.sp_image_cols.sp_col3 .col {
float: left;
width: 32%; }
.sp_image_cols.sp_col3 .col:nth-child(3n + 1) {
clear: both;
margin-right: 2%; }
.sp_image_cols.sp_col3 .col:nth-child(3n) {
float: right; }
.sp_image_left {
overflow: hidden; }
.sp_image_left .col:first-child {
display: inline-block;
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 0.5em; }
.sp_image_left .col:last-child {
float: none; }
.sp_image_right {
overflow: hidden; }
.sp_image_right .col:first-child {
display: inline-block;
float: right;
width: 32%;
margin-left: 2%;
margin-bottom: 0.5em; }
.sp_image_right .col:last-child {
float: none; } }
.guide figure {
margin-bottom: 1em; }
.guide figure img {
width: auto;
max-width: 100%; }
.guide .message .contents_link {
text-align: center; }
@media (min-width: 768px) {
.guide {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
width: 100%;
margin-top: -1em; }
.guide figure {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
margin-bottom: 0;
min-width: 0; }
.guide .message {
-webkit-box-flex: 3;
-webkit-flex: 3;
-moz-box-flex: 3;
-moz-flex: 3;
-ms-flex: 3;
flex: 3;
padding-left: 2%;
padding-bottom: 45px; }
.guide .message.text-only {
padding-bottom: 0; }
.guide .message h2 {
margin-bottom: 1em; }
.guide .message .contents_link {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center; }
.guide.reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.guide.reverse .message {
padding-left: 0;
padding-right: 2%; }
.ie .guide {
display: table; }
.ie .guide figure {
display: table-cell;
width: 23.5%;
vertical-align: middle; }
.ie .guide .message {
display: table-cell;
width: 74.5%;
padding-left: 2%;
vertical-align: middle; }
.ie .guide.reverse .message {
padding-left: 2%;
padding-right: 0; } }
.news .news_bg {
background: #f3ede3; }
.news.typeC .news_bg {
padding: 1em; }
.news h2 {
color: #3e1601; }
.news dl {
margin: 0; }
.news dl dt {
margin: 0.5em 0 0;
padding: 0 1em;
font-weight: normal; }
.news dl dd {
margin: 0.5em 0;
padding: 0 1em 0.5em;
border-bottom: 1px solid #ccc; }
@media (min-width: 768px) {
.news.typeA > div {
display: table;
width: 100%;
margin: 0 auto; }
.news.typeA > div .heading {
display: table-cell;
width: 23.5%;
vertical-align: middle; }
.news.typeA h2 {
margin: 0;
padding: 0; }
.news.typeA h2:before, .news.typeA h2:after {
display: none; }
.news.typeA .content {
display: table-cell;
overflow: hidden;
width: 74.5%;
padding-left: 2%;
vertical-align: middle; }
.news.typeC .news_bg {
height: 540px;
padding: 20px; }
.news.typeC dl {
max-height: 500px; }
.news dl {
overflow-y: auto;
max-height: 200px; }
.news dl dt {
width: 100px;
clear: left;
float: left;
margin: 0;
padding: 1em 0; }
.news dl dd {
margin: 0;
padding: 1em 0 1em 0; }
.news dl dt + dd {
padding-left: 120px; } }
.shopinfo figure {
max-width: 80%;
margin: 0 auto; }
.shopinfo address {
text-align: center;
font-size: 20px;
font-size: 2rem;
font-style: normal; }
.shopinfo dl {
margin: 2em 0;
line-height: 1.4; }
.shopinfo dl:first-child {
margin-top: 0; }
.shopinfo dl dt {
margin: 0 0 0.2em 0;
font-weight: normal; }
.shopinfo dl dt:before {
content: '';
display: inline-block;
width: 8px;
height: 3px;
margin-right: 0.3em;
vertical-align: middle;
background: #b8935a; }
.shopinfo dl dd {
margin: 0 0 0.5em 1em;
padding: 0; }
.shopinfo .map_container {
position: relative;
width: 100%;
height: 0;
padding-top: 70%; }
.shopinfo .map_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.shopinfo .map_container + p {
margin-top: 2em; }
.map_wide {
position: relative;
width: 100%;
height: 0;
padding-top: 70%; }
.map_wide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
body.scroll .googlemap {
pointer-events: none; }
@media (min-width: 768px) {
.shopinfo figure {
max-width: 100%; }
.shopinfo address {
margin-bottom: 15px;
text-align: left;
font-size: 26px;
font-size: 2.6rem;
line-height: 1; }
.shopinfo dl.dl-horizontal {
margin: 10px 0; }
.shopinfo dl.dl-horizontal dd {
margin-bottom: 0.3em; }
.shopinfo .span12 .map_container {
padding-top: 50%; }
.map_wide {
padding-top: 420px; } }
@media (max-width: 767px) {
.bf-af .row:not(:last-child) {
margin-bottom: 10%; }
.bf-af .before {
padding-bottom: 16%;
background: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/arrow_down.svg) center bottom no-repeat;
background-size: 20%; }
.bf-af .after:not(:last-child) {
margin-bottom: 10%; } }
@media (min-width: 768px) {
.bf-af {
display: table;
table-layout: fixed;
width: 100%; }
.bf-af .before,
.bf-af .after {
display: table-cell;
vertical-align: top; }
.bf-af .before span {
display: block;
position: relative; }
.bf-af .before span:after {
content: '';
display: block;
position: absolute;
top: 0;
height: 100%;
background: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/arrow_right.svg) center center no-repeat;
background-size: 100%; }
.bf-af.col2 .before {
width: 55%;
padding-right: 10%; }
.bf-af.col2 .after {
width: 45%; }
.bf-af.col2 .before span:after {
width: 10%;
right: -16%; }
.bf-af.col4 .before:nth-child(1) {
width: 24%;
padding-left: 0;
padding-right: 2%; }
.bf-af.col4 .after:nth-child(2) {
width: 26%;
padding-left: 3%;
padding-right: 1%; }
.bf-af.col4 .before:nth-child(3) {
width: 26%;
padding-left: 1%;
padding-right: 3%; }
.bf-af.col4 .after:nth-child(4) {
width: 24%;
padding-left: 2%;
padding-right: 0; }
.bf-af.col4 .before span:after {
width: 13%;
right: -18%; } }
.qa .question {
display: block;
position: relative;
margin-bottom: 1em;
padding: 1em 50px 1em 1em;
border: 0;
background-color: #f3ede3;
font-weight: normal;
text-align: left;
cursor: pointer; }
.qa .question:before {
display: none; }
.qa .question:after {
content: '';
display: block;
width: 24px;
height: 24px;
border: 0;
position: absolute;
left: auto;
right: 1em;
top: 0;
bottom: 0;
margin: auto;
background: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/arrow_down.svg) center center no-repeat;
background-size: 24px;
transition: 0.5s; }
.qa .question:hover {
background: #eee6d8; }
.qa .question.open:after {
-webkit-transform: rotate(540deg);
transform: rotate(540deg); }
.qa .answer {
display: none; }
.qa .answer:not(:last-child) {
margin-bottom: 2em; }
.qa.qa-open .question {
padding-right: 1em;
cursor: default; }
.qa.qa-open .question:hover {
background-color: #f3ede3; }
.qa.qa-open .question:after {
display: none; }
.qa.qa-open .answer {
display: block; }
.highlight .qa .question {
background: #fbf8f5; }
.highlight .qa .question:hover {
background: #f6f2ea; }
.highlight .qa.qa-open .question:hover {
background: #fbf8f5; }
.step .row,
.step-h .col {
position: relative;
padding: 1em;
background: #f3ede3; }
.step .row:not(:last-child):after,
.step-h .col:not(:last-child):after,
.step-h .row.continue .col:last-child:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 0;
background: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/arrow_down.svg) center center no-repeat;
background-size: auto 100%; }
.step h3,
.step-h h3 {
display: block;
border: 0;
padding: 0;
text-align: left; }
.step h3:last-child,
.step-h h3:last-child {
margin-bottom: 0; }
.step h3:before, .step h3:after,
.step-h h3:before,
.step-h h3:after {
display: none; }
@media (max-width: 767px) {
.step .row:not(:last-child),
.step-h .col:not(:last-child),
.step-h .row.continue .col:last-child {
margin-bottom: 18%; }
.step .row:not(:last-child):after,
.step-h .col:not(:last-child):after,
.step-h .row.continue .col:last-child:after {
padding-top: 20%; }
.step-h .row.continue {
margin-bottom: 0; } }
@media (min-width: 768px) {
.step .row {
display: table;
table-layout: fixed;
width: 100%;
padding: 2em; }
.step .row .col {
float: none;
display: table-cell;
vertical-align: middle; }
.step .row .col:not(:first-child) {
padding-left: 2%; }
.step .row:not(:last-child) {
margin-bottom: 80px; }
.step .row:not(:last-child):after {
top: 100%;
padding-top: 60px;
margin: 10px 0; }
.step-h.gutters .col {
margin: 0; }
.step-h .col {
padding: 0;
background: none; }
.step-h .col:not(:last-child) {
position: relative;
margin-right: 4%; }
.step-h .col:not(:last-child):after {
display: none; }
.step-h .col:not(:last-child) figure span {
display: inline-block;
position: relative;
width: 100%; }
.step-h .col:not(:last-child) figure span:after {
content: '';
display: block;
width: 28px;
height: 100%;
position: absolute;
right: -30px;
top: 0;
background: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/arrow_right.svg) center center no-repeat;
background-size: contain; }
.step-h .span_3 {
width: 22%; }
.step-h .span_4 {
width: 30.66666666%; }
.step-h .span_6 {
width: 48%; } }
@media (min-width: 1024px) {
.step-h .col:not(:last-child) figure span:after {
right: -34px; } } .inquiry fieldset {
margin: 0;
padding: 20px 10px;
border: 0;
background: #f3ede3;
color: #333333; }
.inquiry fieldset .row {
margin: 0; }
.inquiry dl {
margin: 0;
padding: 0; }
.inquiry dt {
font-weight: normal; }
.inquiry dt.col:not(:last-child) {
margin-bottom: 1em; }
.inquiry dd {
margin: 0;
padding: 0; }
.inquiry dd:last-child {
padding-bottom: 0; }
.inquiry dd .confirm {
padding: 0 0 1em 1em;
border-bottom: 1px dashed #ccc; }
.inquiry input[type='text'],
.inquiry input[type='url'],
.inquiry input[type='email'],
.inquiry input[type='tel'],
.inquiry input[type='date'],
.inquiry input[type='number'],
.inquiry select,
.inquiry textarea {
width: 100%;
padding: 5px;
color: #000;
font-size: 16px;
font-size: 1.6rem; }
.inquiry input[type='number'] {
width: 65px;
text-align: center; }
.inquiry input[type='file'] {
width: 100%;
box-sizing: border-box; }
.inquiry input.p-postal-code {
width: 100px; }
.inquiry input.p-region {
width: 100px; }
.inquiry input.p-locality {
width: 150px; }
.inquiry input.p-street-address {
width: 100%; }
.inquiry input.p-extended-address {
width: 100%; }
.inquiry .submit {
margin: 1em 0;
text-align: center; }
.inquiry .submit .button {
display: block;
margin: 0 auto 10px; }
.inquiry .required {
color: #c00; }
.inquiry label {
display: block;
margin-bottom: 0.5em; }
@media (min-width: 768px) {
.inquiry {
max-width: 780px;
margin-right: auto;
margin-left: auto; }
.inquiry fieldset {
margin: 0;
padding: 60px;
border: 0; }
.inquiry dt {
clear: both;
padding: 6px 0; }
.inquiry dd {
padding-bottom: 1.5em; }
.inquiry dd .confirm {
min-height: 1.5em;
padding: 6px 0 0;
border: 0;
line-height: 1.4; }
.inquiry input[type='text'],
.inquiry input[type='url'],
.inquiry input[type='email'],
.inquiry input[type='tel'],
.inquiry input[type='date'],
.inquiry input[type='text'],
.inquiry select {
width: 60%; }
.inquiry input[type='number'] {
width: 65px; }
.inquiry input.p-postal-code {
width: 100px; }
.inquiry input.p-region {
width: 100px; }
.inquiry input.p-locality {
width: 150px; }
.inquiry input.p-street-address {
width: 100%; }
.inquiry input.p-extended-address {
width: 100%; }
.inquiry textarea {
width: 100%; }
.inquiry .submit {
margin: 60px 0 0; }
.inquiry label {
display: inline-block;
margin-top: 6px;
margin-bottom: 0;
margin-right: 0.8em; }
.gutters .inquiry dt.col {
margin-left: 0; } }
@media (min-width: 1000px) {
.wpcf7 form .wpcf7-response-output {
max-width: 1000px;
margin: 1em auto; } }
.sns_icons {
display: table;
margin: 0;
padding: 0;
list-style: none;
font-size: 0px;
font-size: 0rem;
margin: auto; }
.sns_icons > li {
display: inline;
padding-left: 0;
padding-right: 0;
white-space: nowrap;
font-size: 14px;
font-size: 1.4rem; }
.sns_icons li {
display: inline-block; }
.sns_icons li:not(:last-child) {
margin-right: 10px; }
.sns_icons a {
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
width: 34px;
height: 34px;
background-repeat: no-repeat;
background-size: contain; }
.sns_icons a.icon_facebook {
background-image: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/icon_facebook.png); }
.sns_icons a.icon_twitter {
background-image: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/icon_twitter.png); }
.sns_icons a.icon_line {
background-image: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/icon_line.png); }
.sns_icons a.icon_google {
background-image: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/icon_google.png); }
.sns_icons a.icon_instagram {
background-image: url(//www.solknot.jp/wp-content/themes/solknot.jp_/assets/img/parts/icon_instagram.png); }
footer .sns_icons {
margin-top: 1.5em; }
@media (min-width: 768px) {
.sns_icons {
margin: 0; }
.sns_icons.center {
margin: auto; }
.sns_icons li:not(:last-child) {
margin-right: 20px; }
.sns_icons a {
width: 68px;
height: 68px; }
footer .sns_icons {
margin-top: 30px; } }
.parallax {
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center; }
.parallax.ios, .parallax.scroll {
background-attachment: scroll; }
.parallax .parallax_contents {
z-index: 1; }
.parallax .parallax_contents h1,
.parallax .parallax_contents .h1 {
margin: 0;
padding: 1em 0; }
.parallax_1 {
height: 550px;
background-image: url(//www.solknot.jp/wp-content/uploads/parallax.jpg); }
@media (min-width: 768px) {
.parallax_1 {
height: 460px; } }
.ie .parallax .parallax_contents {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.feature {
color: #fff; }
.feature h3 {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #fff;
font-size: 22px;
font-size: 2.2rem;
font-weight: bold; }
.feature h3:before, .feature h3:after {
display: none; }
.feature img {
width: 100%; }
.feature .col {
display: table;
table-layout: fixed; }
.feature .col:not(:last-child) {
margin-bottom: 0; }
.feature .col:nth-child(1) {
background: #49afe6; }
.feature .col:nth-child(2) {
background: #8ed95d; }
.feature .col:nth-child(3) {
background: #f6aa48; }
.feature .col:nth-child(4) {
background: #f98282; }
.feature .col .textbox {
display: table-cell;
width: 70%;
padding: 1em 3%;
vertical-align: middle; }
.feature .col figure {
display: table-cell;
width: 30%;
vertical-align: middle; }
.feature .col figure:first-child img {
text-align: left; }
.feature .col figure:last-child img {
text-align: right; }
@media (min-width: 768px) {
.feature h3 {
margin: 10px 0 15px;
font-size: 26px;
font-size: 2.6rem; }
.feature .col {
display: block;
table-layout: auto; }
.feature .col .textbox {
display: block;
width: auto;
height: 250px;
padding: 10px;
font-size: 13px;
font-size: 1.3rem; }
.feature .col figure {
display: block;
width: auto;
vertical-align: middle; }
.feature.feature_h .col .textbox {
width: 50%; }
.feature.feature_h .col figure {
width: 50%; }
.feature.feature_h .col:nth-child(4n + 1) .textbox,
.feature.feature_h .col:nth-child(4n + 2) .textbox {
float: right; }
.feature.feature_h .col:nth-child(4n + 1) figure,
.feature.feature_h .col:nth-child(4n + 2) figure {
float: left; }
.feature.feature_h .col:nth-child(4n + 3) .textbox,
.feature.feature_h .col:nth-child(4n) .textbox {
float: left; }
.feature.feature_h .col:nth-child(4n + 3) figure,
.feature.feature_h .col:nth-child(4n) figure {
float: right; } }
.movie {
position: relative;
overflow: hidden;
height: 0;
padding-top: 56.25%; }
.movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.movie.ar16to9 {
padding-top: 56.25%; }
.movie.ar4to3 {
padding-top: 75%; }
.grid {
display: block;
margin: 0; }
.grid.row,
.grid .row, .grid.col,
.grid .col {
margin: 0; }
.has-child-grid .grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch; }
.has-child-grid .grid .col {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.has-child-grid .grid .col.span_12 {
padding: 20px 0; }
.grid .grid-arrow {
position: relative;
overflow: hidden; }
.grid .grid-arrow:after {
content: '';
display: block;
position: absolute;
right: -15px;
bottom: -15px;
width: 30px;
height: 30px;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.grid p {
margin: 0;
padding: 0.2em 0;
line-height: 1.2; }
.grid a {
color: #fff;
text-decoration: none;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.grid a > [style^='background-image'],
.grid a img {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
.grid a img {
-webkit-align-self: center;
-moz-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.grid a:hover > [style^='background-image'],
.grid a:hover img {
opacity: 0.6; }
.grid .grid-bg1 {
background-color: #e74c3c; }
.grid .grid-bg1:hover {
background-color: #eb6d60; }
.grid .grid-bg1:hover .grid-arrow:after {
background-color: #df2e1b; }
.grid .grid-bg2 {
background-color: #3498db; }
.grid .grid-bg2:hover {
background-color: #57aae1; }
.grid .grid-bg2:hover .grid-arrow:after {
background-color: #2383c4; }
.grid .grid-bg3 {
background-color: #f1c40f; }
.grid .grid-bg3:hover {
background-color: #f3cd36; }
.grid .grid-bg3:hover .grid-arrow:after {
background-color: #cba50c; }
.grid .grid-bg4 {
background-color: #1abc9c; }
.grid .grid-bg4:hover {
background-color: #1fe0ba; }
.grid .grid-bg4:hover .grid-arrow:after {
background-color: #15987e; }
.grid .grid-bg5 {
background-color: #9b59b6; }
.grid .grid-bg5:hover {
background-color: #ac75c2; }
.grid .grid-bg5:hover .grid-arrow:after {
background-color: #8646a0; }
.grid .grid-bg6 {
background-color: #34495e; }
.grid .grid-bg6:hover {
background-color: #435d78; }
.grid .grid-bg6:hover .grid-arrow:after {
background-color: #253544; }
.grid .grid-bg7 {
background-color: #2ecc71; }
.grid .grid-bg7:hover {
background-color: #4cd787; }
.grid .grid-bg7:hover .grid-arrow:after {
background-color: #26ab5f; }
.ie .grid .grid-arrow:after {
display: none; }
@media (max-width: 767px) {
.grid.row {
max-width: 500px;
margin: auto; } }
@media (min-width: 768px) {
.grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
-moz-align-items: stretch;
align-items: stretch; }
.grid .col {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center; }
.grid .col.span_12 {
padding: 0; }
.grid .col.has-child-grid > * {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.grid p {
margin: 0;
padding: 0.2em 0; } }
.generic_box {
padding: 1.5em;
background: #f3ede3; }
.generic_box.through {
background: rgba(243, 237, 227, 0.6); }
.generic_box.white {
background: #fff; }
.generic_box.white.through {
background: rgba(255, 255, 255, 0.6); }
.generic_box.black {
background: #000;
color: #fff; }
.generic_box.black h3 {
color: #fff; }
.generic_box.black.through {
background: rgba(0, 0, 0, 0.6); }
.generic_box.border {
border: 5px solid #b8935a; }
@media (min-width: 768px) {
.generic_box {
padding: 3em; } }
.business h3 {
position: relative;
margin: 1em 0;
padding: 0 0 1em 0;
border-bottom: 0;
color: #3e1601;
line-height: 1;
font-weight: bold; }
.business h3:after {
content: '';
display: block;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: 0;
width: 20px;
height: 2px;
background: #4c2a09; }
.business h3 span {
display: block;
padding-top: 0.4em;
color: #b8935a;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal; }
.business.business_h h3 {
margin-top: 0; }
.business.business_h h3 span {
display: inline;
margin-left: 0.7em; }
.business .number_box {
position: relative; }
.business .number_box .number {
margin: 0;
position: absolute;
display: inline-block;
font-weight: bold;
font-size: 30px;
font-size: 3rem;
background: #896949;
top: 0;
left: 0;
padding: 0.38em 0.3em;
line-height: 1; }
.business .number_box .number span {
display: block;
line-height: 1;
position: relative;
padding-bottom: 0.3em; }
.business .number_box .number span:after {
position: absolute;
content: '';
display: block;
background: #fff;
width: 28px;
height: 2px;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0; }
@media (max-width: 767px) {
.business .col {
max-width: 500px;
margin-left: auto;
margin-right: auto; } }
section.concept {
padding: 4% 0;
background: url(//www.solknot.jp/wp-content/uploads/top_bg001.jpg) no-repeat center/cover; }
section.concept .concept_inner {
margin: 0 auto 2.3%; }
section.concept .concept_inner.col2 {
max-width: 360px; }
section.concept .concept_inner.col3 {
max-width: 540px; }
section.concept .concept_inner.col4 {
max-width: 720px; }
@media (max-width: 767px) {
section.concept .concept_inner.col4 {
max-width: 360px; } }
@media (max-width: 767px) {
section.concept .concept_inner .col {
float: left; }
section.concept .concept_inner.col2 .col {
width: 49%; }
section.concept .concept_inner.col2 .col:last-child {
float: right; }
section.concept .concept_inner.col3 .col {
width: 32%; }
section.concept .concept_inner.col3 .col:not(:first-child) {
margin-left: 2%; }
section.concept .concept_inner.col4 .col {
width: 49%; }
section.concept .concept_inner.col4 .col:nth-child(even) {
float: right; } }
.floating {
padding-bottom: 50px; }
@media (max-width: 999px) {
.floating {
padding-bottom: 20px; } }
@media (max-width: 767px) {
.floating {
padding-bottom: 0; }
.floating .fit {
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover"; } }
.floating .row {
position: relative; }
.floating .floating_box {
background: rgba(255, 255, 255, 0.9);
position: absolute;
z-index: 1;
width: 50%;
min-width: 390px;
margin: auto;
padding: 40px 0; }
@media (max-width: 767px) {
.floating .floating_box {
left: 0 !important;
right: 0 !important;
bottom: auto !important;
top: 50% !important;
padding: 0;
min-width: 0;
width: 95%;
padding: 20px 2%;
transform: translateY(-50%); } }
.floating .floating_box.inverse {
background: rgba(51, 51, 51, 0.9);
color: #fff; }
.floating .floating_box.inverse h2 {
color: #fff; }
.floating .floating_box.inverse h2 span,
.floating .floating_box.inverse h2 small {
color: #fff; }
.floating .floating_box.inverse h2:after {
background: #fff; }
.floating .floating_box.center {
left: 0;
right: 0; }
.floating .floating_box.bottom {
top: auto;
bottom: -50px; }
@media (max-width: 999px) {
.floating .floating_box.bottom {
bottom: -20px; } }
.article_list {
padding: 0.5em;
position: relative;
overflow: hidden; }
@media (min-width: 768px) {
.article_list {
padding: 1em; } }
.article_list:nth-child(even) {
background: #f3ede3; }
.article_list:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: transparent;
transform: translate(-10px, -10px) rotate(45deg);
transition: 0.3s; }
.article_list:hover:before {
background: #b8935a; }
.article_list .case_arrow {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
position: relative;
height: 245px; }
@media (max-width: 767px) {
.article_list .case_arrow {
height: 80px; } }
.article_list .case_arrow:after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
margin: auto;
width: 70px;
height: 70px;
border-top: 5px solid #b8935a;
border-right: 5px solid #b8935a;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s; }
@media (max-width: 767px) {
.article_list .case_arrow:after {
left: 0;
bottom: 25%;
border-top: 5px solid #b8935a;
border-right: 5px solid #b8935a;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center; } }
.article_list .span_12 {
margin: 2% 0; }
.pagination > * {
display: inline-block;
padding: 0.5em;
border: 1px solid #ccc; }
.pagination a {
text-decoration: none;
background: #f3ede3;
transition: 0.3s; }
.pagination a:hover {
background: #fff; }
.article_single01 .article_single01_02 {
margin-top: 10px; }
.article_single01 .article_single01_02 img {
opacity: 1;
transition: opacity 0.3s; }
.article_single01 .article_single01_02 img:hover {
cursor: pointer;
opacity: 0.7; }
.article_single01 .ofi {
background: #f3ede3; }
.article_single01 .more {
display: block;
text-align: center; }
.article_single02 .article_single02_01 img {
opacity: 1;
transition: opacity 0.3s; }
.article_single02 .article_single02_01 img:hover {
cursor: pointer;
opacity: 0.7; }
.article_single02 .ofi {
background: #f3ede3; }
.article_single02 .more {
display: block;
text-align: center; }
@media (min-width: 768px) {
.article_single03 .article_single03_02 .span_6 {
width: 45%;
margin-left: 10%; }
.article_single03 .article_single03_02 .span_6:first-child {
margin-left: 0; } }
@media (min-width: 768px) {
.article_single03 .article_single03_02 .span_12 {
margin-left: 0;
margin-top: 20px; } }
.article_single03 .article_single03_02 img {
opacity: 1;
transition: opacity 0.3s; }
.article_single03 .article_single03_02 img:hover {
cursor: pointer;
opacity: 0.7; }
.article_single03 .case_arrow {
position: relative; }
@media (max-width: 767px) {
.article_single03 .case_arrow {
margin-bottom: 10%; } }
.article_single03 .case_arrow:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 108%;
margin: auto;
width: 35px;
height: 35px;
border-top: 3px solid #b8935a;
border-right: 3px solid #b8935a;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s; }
@media (max-width: 767px) {
.article_single03 .case_arrow:after {
left: 0;
right: 0;
top: 105%;
width: 20px;
height: 20px;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center; } }
.article_single03 .ofi {
background: #f3ede3; }
.article_single03 .more {
display: block;
text-align: center; }
.article_single04 ul {
margin: 0;
padding: 0;
list-style: none; }
.article_single04 .article_single04_01_img1 .ofi {
padding-top: 75%; }
.article_single04 .article_single04_01_img2 .ofi {
padding-top: 15%; }
.article_single04 .article_single04_01_img3 .ofi {
padding-top: 10.8%; }
.article_single04 .article_single04_01_img4 .ofi {
padding-top: 8.4%; }
.article_single04 .article_single04_01_img5 .ofi {
padding-top: 6.9%; }
.article_single04 .article_single04_01_img6 .ofi {
padding-top: 5.8%; }
.article_single04 .article_single04_01_nav {
margin-top: 15px; }
.article_single04 .article_single04_01_nav .ofi {
padding-top: 11.1%; }
.article_single04 .article_single04_01_nav .slick-track {
width: 100% !important;
transform: none !important;
left: 0 !important; }
.article_single04 .article_single04_01_nav li {
margin-left: 0.8%;
width: calc(96% / 6) !important; }
.article_single04 .article_single04_01_nav li:nth-child(1) {
margin-left: 0; }
.article_single04.article_container .article_single04_01_img1 .ofi {
padding-top: 74.5%; }
.article_single04.article_container .article_single04_01_img2 .ofi {
padding-top: 18.7%; }
.article_single04.article_container .article_single04_01_img3 .ofi {
padding-top: 14.9%; }
.article_single04.article_container .article_single04_01_img4 .ofi {
padding-top: 12.5%; }
.article_single04.article_container .article_single04_01_img5 .ofi {
padding-top: 10.7%; }
.article_single04.article_container .article_single04_01_img6 .ofi {
padding-top: 9.4%; }
.article_single04.article_container .article_single04_01_nav {
margin-top: 15px; }
.article_single04.article_container .article_single04_01_nav .ofi {
padding-top: 12%; }
.article_single04.article_container .article_single04_01_nav .slick-track {
width: 100% !important;
transform: none !important;
left: 0 !important; }
.article_single04.article_container .article_single04_01_nav li {
margin-left: 0.8%;
width: calc(96% / 6) !important; }
.article_single04.article_container .article_single04_01_nav li:nth-child(1) {
margin-left: 0; }
.article_single04 .article_single04_02 {
margin-top: 10px; }
.article_single04 .article_single04_02 img {
opacity: 1;
transition: opacity 0.3s; }
.article_single04 .article_single04_02 img:hover {
cursor: pointer;
opacity: 0.7; }
.article_single04 .slick-next,
.article_single04 .slick-prev {
z-index: 1; }
.article_single04 .slick-next:before,
.article_single04 .slick-prev:before {
content: none; }
.article_single04 .slick-next:after,
.article_single04 .slick-prev:after {
content: '';
display: block;
position: absolute;
top: 50%;
margin: auto;
width: 35px;
height: 35px;
border-top: 3px solid #b8935a;
transition: 0.2s;
z-index: 1; }
.article_single04 .slick-prev {
left: 0; }
.article_single04 .slick-prev:after {
left: 0;
border-left: 3px solid #b8935a;
transform: translate(0, -50%) rotate(-45deg);
transform-origin: right top; }
.article_single04 .slick-next {
right: 0; }
.article_single04 .slick-next:after {
right: 0;
border-right: 3px solid #b8935a;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top; }
.article_single04 .ofi {
background: #f3ede3;
height: auto !important; }
.article_single04 .more {
display: block;
text-align: center; }
@media (min-width: 768px) {
.article_list_case02 .article_list_case02_01 {
width: 67%; }
.article_list_case02 .article_list_case02_02 {
width: 31%; }
.article_list_case02.article_single01 .article_single01_02 {
margin-top: 0; } }
.article_container .article_single01_02 {
margin-top: 10px; }
.article_container .article_single01_02 img {
opacity: 1;
transition: opacity 0.3s; }
.article_container .article_single01_02 img:hover {
cursor: pointer;
opacity: 0.7; }
.article_detail {
background: rgba(184, 147, 90, 0.05);
padding: 4%;
margin-bottom: 4%;
font-size: 15px;
font-size: 1.5rem; }
.article_detail .article_date {
margin-bottom: 1em; }
.article_detail .article_thumbnail {
float: left;
margin: 0 2% 2% 0; }
.article_detail .article_content {
float: none;
width: 100%;
margin-left: 0; }
.article_detail .case_arrow {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
position: relative;
height: 245px; }
@media (max-width: 767px) {
.article_detail .case_arrow {
height: 80px; } }
.article_detail .case_arrow:after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
margin: auto;
width: 70px;
height: 70px;
border-top: 5px solid #b8935a;
border-right: 5px solid #b8935a;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s; }
@media (max-width: 767px) {
.article_detail .case_arrow:after {
left: 0;
bottom: 25%;
border-top: 5px solid #b8935a;
border-right: 5px solid #b8935a;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center; } }
.article_detail .span_12 {
margin: 2% 0; }
.epress_social {
letter-spacing: -0.4em;
text-align: right;
padding: 2%; }
.epress_social > * {
letter-spacing: normal;
vertical-align: top;
display: inline-block;
margin-right: 10px; }
.epress_pager {
overflow: hidden;
margin-bottom: 5%; }
@media (min-width: 1000px) {
.epress_pager {
max-width: 1000px;
margin: auto; } }
.epress_pager .epress_pager_prev {
float: left; }
.epress_pager .epress_pager_prev a {
display: block;
position: relative;
padding-left: 15px;
text-decoration: none; }
.epress_pager .epress_pager_prev a:before, .epress_pager .epress_pager_prev a:after {
content: '';
display: block;
position: absolute;
left: 2px;
margin: auto;
width: 8px;
height: 1px;
background: #333333;
transition: 0.2s; }
.epress_pager .epress_pager_prev a:before {
transform: translateY(-50%) rotate(-45deg);
top: calc(50% - 2px); }
.epress_pager .epress_pager_prev a:after {
transform: translateY(-50%) rotate(-135deg);
top: calc(50% + 3px); }
.epress_pager .epress_pager_prev a:hover {
text-decoration: underline; }
.epress_pager .epress_pager_prev a:hover:before {
left: 0; }
.epress_pager .epress_pager_prev a:hover:after {
left: 0; }
.epress_pager .epress_pager_next {
float: right; }
.epress_pager .epress_pager_next a {
display: block;
position: relative;
padding-right: 15px;
text-decoration: none; }
.epress_pager .epress_pager_next a:before, .epress_pager .epress_pager_next a:after {
content: '';
display: block;
position: absolute;
right: 2px;
margin: auto;
width: 8px;
height: 1px;
background: #333333;
transform-origin: center;
transition: 0.2s; }
.epress_pager .epress_pager_next a:before {
transform: translateY(-50%) rotate(45deg);
top: calc(50% - 2px); }
.epress_pager .epress_pager_next a:after {
transform: translateY(-50%) rotate(135deg);
top: calc(50% + 3px); }
.epress_pager .epress_pager_next a:hover {
text-decoration: underline; }
.epress_pager .epress_pager_next a:hover:before {
right: 0; }
.epress_pager .epress_pager_next a:hover:after {
right: 0; }
#commentform {
background: transparent;
padding: 2% 5%;
border: 1px solid #333; }
#commentform #comment {
width: 100%; }
#commentform #submit {
background: #b8935a;
color: #fff;
border: 0;
font-size: 14px;
font-size: 1.4rem;
padding: 3px 10px;
margin: 0 auto;
display: table; }
#commentform input[type='submit'] {
background: #b8935a;
color: #fff;
border: 0;
font-size: 14px;
font-size: 1.4rem;
padding: 0.3em 1em;
margin: 0 auto;
display: table;
border-radius: 5px; }
@media (min-width: 768px) {
#commentform #submit {
font-size: 18px;
font-size: 1.8rem; }
#commentform input[type='submit'] {
font-size: 18px;
font-size: 1.8rem; } }
.sec_post_default .sec_post_default_row .row.row_inline > .col {
margin-bottom: 2%; }
.sec_post_default .sec_post_default_row .sec_post_content {
text-decoration: none; }
.sec_post_default .sec_post_default_row .sec_post_content h3 {
border: none;
background: none;
margin: 0.5em 0;
text-align: left;
text-decoration: none; }
.sec_post_default .sec_post_default_row .sec_post_content h3:before, .sec_post_default .sec_post_default_row .sec_post_content h3:after {
content: none; }
.sec_post_default .sec_post_default_row .sec_post_content img {
transition: opacity 0.3s; }
.sec_post_default .sec_post_default_row .sec_post_content:hover img {
opacity: 0.75; }
.sec_post_news .news_list_btn {
text-align: center;
margin-top: 30px; }
.text-center {
text-align: center !important; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.lead {
color: #b8935a;
font-size: 20px;
font-size: 2rem; }
.text-xxlarge {
font-size: 24px;
font-size: 2.4rem; }
.text-xlarge {
font-size: 20px;
font-size: 2rem; }
.text-large {
font-size: 16px;
font-size: 1.6rem; }
.text-small {
font-size: 12px;
font-size: 1.2rem; }
.text-xsmall {
font-size: 10px;
font-size: 1rem; }
.text-white {
color: #ffffff !important; }
.text-white a {
color: #ffffff !important; }
.text-black {
color: #000000 !important; }
.text-black a {
color: #000000 !important; }
.text-red {
color: #ff0000 !important; }
.text-red a {
color: #ff0000 !important; }
.text-primary {
color: #b8935a !important; }
.text-primary a {
color: #b8935a !important; }
.text-shadow,
.text-shadow-white {
text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff; }
.text-shadow-thin,
.text-shadow-white-thin {
text-shadow: 0 0 1px #fff; }
.text-shadow-bold,
.text-shadow-white-bold {
text-shadow: 2px 2px 3px #fff, 2px -2px 3px #fff, -2px 2px 3px #fff, -2px -2px 3px #fff, 0 2px 3px #fff, 0 -2px 3px #fff, 2px 0 3px #fff, -2px 0 3px #fff; }
.text-shadow-black {
text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000; }
.text-shadow-black-thin {
text-shadow: 0 0 1px #000; }
.text-shadow-black-bold {
text-shadow: 2px 2px 3px #000, 2px -2px 3px #000, -2px 2px 3px #000, -2px -2px 3px #000, 0 2px 3px #000, 0 -2px 3px #000, 2px 0 3px #000, -2px 0 3px #000; }
.text-shadow-primary {
text-shadow: 1px 1px 1px #b8935a, 1px -1px 1px #b8935a, -1px 1px 1px #b8935a, -1px -1px 1px #b8935a; }
.text-shadow-primary-thin {
text-shadow: 0 0 1px #b8935a; }
.text-shadow-primary-bold {
text-shadow: 2px 2px 1px #b8935a, 2px -2px 1px #b8935a, -2px 2px 1px #b8935a, -2px -2px 1px #b8935a, 0 2px 1px #b8935a, 0 -2px 1px #b8935a, 2px 0 1px #b8935a, -2px 0 1px #b8935a; }
.text-outline,
.text-outline-white {
text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff; }
.text-outline-bold,
.text-outline-white-bold {
text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff; }
.text-outline-black {
text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000; }
.text-outline-black-bold {
text-shadow: 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 0 0 #000, -2px 0 0 #000; }
.text-outline-primary {
text-shadow: 1px 1px 0 #b8935a, 1px -1px 0 #b8935a, -1px 1px 0 #b8935a, -1px -1px 0 #b8935a, 0 1px 0 #b8935a, 0 -1px 0 #b8935a, 1px 0 0 #b8935a, -1px 0 0 #b8935a; }
.text-outline-primary-bold {
text-shadow: 2px 2px 0 #b8935a, 2px -2px 0 #b8935a, -2px 2px 0 #b8935a, -2px -2px 0 #b8935a, 0 2px 0 #b8935a, 0 -2px 0 #b8935a, 2px 0 0 #b8935a, -2px 0 0 #b8935a; }
@media (max-width: 767px) {
.text-outline-bold {
text-shadow: 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff; }
.text-outline-bold.text-xxlarge {
text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff; }
.text-outline-black-bold {
text-shadow: 1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000; }
.text-outline-black-bold.text-xxlarge {
text-shadow: 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 2px 0 0 #000, -2px 0 0 #000; }
.text-outline-primary-bold {
text-shadow: 1px 1px 0 #b8935a, 1px -1px 0 #b8935a, -1px 1px 0 #b8935a, -1px -1px 0 #b8935a, 0 1px 0 #b8935a, 0 -1px 0 #b8935a, 1px 0 0 #b8935a, -1px 0 0 #b8935a; }
.text-outline-primary-bold.text-xxlarge {
text-shadow: 2px 2px 0 #b8935a, 2px -2px 0 #b8935a, -2px 2px 0 #b8935a, -2px -2px 0 #b8935a, 0 2px 0 #b8935a, 0 -2px 0 #b8935a, 2px 0 0 #b8935a, -2px 0 0 #b8935a; } }
@media (max-width: 767px) {
.sp-hide,
.pc-only,
.tablet-only {
display: none !important; }
.sp-text-center {
text-align: center !important; }
.sp-text-left {
text-align: left !important; }
.sp-text-right {
text-align: right !important; } }
@media (min-width: 768px) {
.lead {
font-size: 28px;
font-size: 2.8rem; }
.text-xxlarge {
font-size: 36px;
font-size: 3.6rem; }
.text-xlarge {
font-size: 28px;
font-size: 2.8rem; }
.text-large {
font-size: 20px;
font-size: 2rem; }
.text-small {
font-size: 12px;
font-size: 1.2rem; }
.text-xsmall {
font-size: 10px;
font-size: 1rem; }
.pc-hide,
.sp-only {
display: none !important; }
.pc-text-center {
text-align: center !important; }
.pc-text-left {
text-align: left !important; }
.pc-text-right {
text-align: right !important; } }
@media (min-width: 768px) and (max-width: 1023px) {
.tablet-hide {
display: none !important; } }
@media (min-width: 1024px) {
.tablet-only {
display: none !important; } }
@media (max-width: 767px) {
.sp-hide02,
.pc-only02,
.tablet-only02 {
display: none !important; } }
@media (min-width: 768px) {
.pc-hide02,
.sp-only02 {
display: none !important; } }
@media (max-width: 749px) {
.sp-hide03,
.pc-only03,
.tablet-only03 {
display: none !important; } }
@media (min-width: 750px) {
.pc-hide03,
.sp-only03 {
display: none !important; } }
.round-small {
border-radius: 4px; }
.round,
.round-medium {
border-radius: 12px; }
.round-large {
border-radius: 28px; }
.circle {
border-radius: 50%; }
.mt0 {
margin-top: 0 !important; }
.mb0 {
margin-bottom: 0 !important; }
.m-auto {
margin-right: auto !important;
margin-left: auto !important; }
.v-justify {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
@media (min-width: 768px) {
.row.v-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end; }
.row.v-bottom.reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
@media (min-width: 768px) {
.row.v-center {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
.row.v-center.reverse {
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.inverse a:not(.button),
.inverse h2,
.inverse h3,
.inverse h4,
.inverse p {
color: #ffffff; }
.inverse h2:after {
background: #ffffff; }
.inverse h2 small,
.inverse h2 span {
color: #ffffff; }
.add_arrow {
position: relative; }
.add_arrow:after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 5%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #b8935a;
border-right: 1px solid #b8935a;
transform: translate(0, -50%) rotate(45deg);
transition: 0.2s; }
.add_arrow:hover {
border-color: #b8935a;
color: #ffffff;
background: #b8935a; }
.add_arrow:hover:after {
right: 4%;
border-color: #ffffff; }
.more {
display: block;
overflow: hidden;
margin: auto; }
.more a {
display: block;
border: 2px solid #b8935a;
color: #b8935a;
background: transparent;
padding: 0.6em;
margin: 0 auto 1px;
max-width: 280px;
width: 100%;
text-align: center;
text-decoration: none;
transition: 0.3s;
font-size: 14px;
font-size: 1.4rem; }
@media (min-width: 768px) {
.more a {
font-size: 18px;
font-size: 1.8rem; } }
.main_visual {
margin-bottom: 0; }
@media (min-width: 768px) {
.main_visual {
margin-bottom: 100px; } }
.mb0 {
margin-bottom: 0 !important; }
@media (min-width: 768px) {
.slider-pro.wide {
position: static;
top: 0;
left: 0;
width: 100%; }
.slider-pro.wide.slider-done {
position: absolute; } }
.sec_contact .parallax_contents {
padding: 0 1em;
color: #fff; }
.sec_contact address {
display: flex;
justify-content: center;
margin-bottom: 2em; }
.sec_contact address dl {
display: flex;
justify-content: center;
margin: 0;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold; }
.sec_contact address dl:first-child {
margin-right: 1em; }
.sec_contact address dt {
font-size: 18px;
font-size: 1.8rem;
margin: 7px 5px 0 0; }
.sec_contact address a {
color: #fff;
text-decoration: none; }
.sec_contact .button {
border-color: #fff;
color: #fff; }
.sec_contact .button:after {
border-color: #fff; }
.sec_contact .button:hover {
border-color: #b8935a; }
@media (max-width: 767px) {
.sec_contact address {
display: block;
margin-bottom: 0; }
.sec_contact address dl {
font-size: 20px;
font-size: 2rem; }
.sec_contact address dl:first-child {
margin-right: 0; }
.sec_contact address dl dt {
font-size: 14px;
font-size: 1.4rem;
margin-top: 6px; } }
.mod_03_section {
z-index: -1; }
.mod_03_section .row {
position: relative; }
.mod_03_section .row .mod_03_txt-box {
float: right;
background: rgba(250, 247, 242, 0.8);
padding: 4%;
position: relative; }
@media (max-width: 767px) {
.mod_03_section .row .mod_03_txt-box {
margin-top: 0; } }
.mod_03_section .row .mod_03_txt-box .mod_03_title {
line-height: 1.4;
margin-bottom: 0.75em; }
.mod_03_section .row .mod_03_txt-box .mod_03_title small,
.mod_03_section .row .mod_03_txt-box .mod_03_title span {
display: block;
color: #3e1601;
font-size: 16px;
font-size: 1.6rem; }
@media (max-width: 767px) {
.mod_03_section .row .mod_03_txt-box .mod_03_title small,
.mod_03_section .row .mod_03_txt-box .mod_03_title span {
font-size: 14px;
font-size: 1.4rem; } }
.mod_03_section .row .mod_03_txt-box .mod_03_title .mod_03_num {
position: absolute;
top: -0.5em;
line-height: 1;
font-size: 60px;
font-size: 6rem;
font-weight: bold;
color: #b8935a; }
@media (max-width: 767px) {
.mod_03_section .row .mod_03_txt-box .mod_03_title .mod_03_num {
font-size: 36px;
font-size: 3.6rem; } }
.mod_03_section .row .mod_03_img-box {
position: absolute;
top: 0;
right: -300%;
left: -300%;
margin: 0 auto auto;
width: auto !important; }
@media (max-width: 767px) {
.mod_03_section .row .mod_03_img-box {
position: static;
width: 100%; } }
.mod_03_section .row.reverse .mod_03_txt-box {
float: left; }
.mod_03_section.typeA .row .mod_03_txt-box {
margin-top: 15%; }
@media (max-width: 767px) {
.mod_03_section.typeA .row .mod_03_txt-box {
margin-top: 7%; } }
.mod_03_section.typeB .row {
padding: 6%; }
.mod_03_section.typeB .row .mod_03_txt-box {
margin-top: 0; }
.mod_03_section.typeB .row .mod_03_img-box {
bottom: 0;
margin: auto;
width: auto !important; }
.mod_03_section.typeB .row .mod_03_img-box figure {
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
margin: auto; }
.mod_03_section.typeB .row .mod_03_img-box figure img {
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
margin: auto; }
@media (min-width: 768px) {
.mod_03_section .button-flat, .mod_03_section .button-round, .mod_03_section .button-circle,
.mod_03_section .button-round,
.mod_03_section .button-circle,
.mod_03_section .button,
.mod_03_section .button-ghost,
.mod_03_section .button-ghost-round,
.mod_03_section .button,
.mod_03_section .button-ghost-round,
.mod_03_section .button,
.mod_03_section .button-border,
.mod_03_section .button-3d {
min-width: 0 !important;
display: block !important; } }
.mod_03_section .more .add_arrow {
margin-left: 0; }
.top-contact {
background: url(//www.solknot.jp/wp-content/uploads/top_bg.jpg) no-repeat center center;
background-size: cover;
padding: 4.5% 0;
color: #ffffff;
margin-bottom: 3% !important; }
.top-contact .container h2 {
color: #ffffff; }
.top-contact .container h2 span {
color: #ffffff; }
.top-contact .container h2:after {
background: #ffffff; }
.top-contact .container .row .col p span.text-large {
font-size: 22px;
font-size: 2.2rem; }
.top-contact .container .row .col p strong {
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
margin: 0 14px; }
.top-contact .container .row .col p strong span,
.top-contact .container .row .col p strong a {
font-size: 24px;
font-size: 2.4rem;
text-decoration: none;
color: #ffffff; }
@media (max-width: 767px) {
.top-contact {
padding: 7% 0;
margin-bottom: 5% !important; }
.top-contact .container .row .col p span.text-large {
font-size: 16px;
font-size: 1.6rem; }
.top-contact .container .row .col p strong {
font-size: 16px;
font-size: 1.6rem;
margin: 0; }
.top-contact .container .row .col p strong span,
.top-contact .container .row .col p strong a {
font-size: 20px;
font-size: 2rem; }
.highlight {
padding: 7% 0; }
.mod_03_section {
padding-bottom: 0; } }
.mod_18_section .mod_18_wrap .row {
margin-bottom: 0; }
.mod_18_section .mod_18_wrap .row .col.mod_18_head {
float: left;
margin-bottom: 20px;
padding-top: 25px;
position: relative;
width: 150px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.mod_18_section .mod_18_wrap .row .col.mod_18_head > * {
width: 100%; }
.mod_18_section .mod_18_wrap .row .col.mod_18_head p {
text-align: center;
font-size: 38px;
font-size: 3.8rem;
line-height: 1;
display: block;
padding: 0.5em; }
@media (max-width: 767px) {
.mod_18_section .mod_18_wrap .row .col.mod_18_head p {
font-size: 28px;
font-size: 2.8rem; } }
.mod_18_section .mod_18_wrap .row .col.mod_18_head p small {
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
display: block; }
@media (max-width: 767px) {
.mod_18_section .mod_18_wrap .row .col.mod_18_head p small {
font-size: 11px;
font-size: 1.1rem; } }
.mod_18_section .mod_18_wrap .row .col.mod_18_head:before {
content: '';
position: absolute;
right: 0;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 75px 0 75px;
border-color: #faf7f2 transparent transparent transparent; }
.mod_18_section .mod_18_wrap .row .col.mod_18_head:after {
content: '';
position: absolute;
right: 0;
bottom: -20px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 75px 0 75px;
border-color: #b8935a transparent transparent transparent;
clear: both; }
.mod_18_section .mod_18_wrap .row .col.mod_18_content {
float: left;
padding: 1em 1em 1em 0;
width: calc( 100% - 150px - 20px );
margin-left: 20px; }
.mod_18_section .mod_18_wrap .row .col.mod_18_content .mod_18_title {
font-size: 26px;
font-size: 2.6rem;
font-weight: bold;
margin-bottom: 0; }
@media (max-width: 767px) {
.mod_18_section .mod_18_wrap .row .col.mod_18_head {
margin-bottom: 12px;
padding-top: 17px;
width: 80px; }
.mod_18_section .mod_18_wrap .row .col.mod_18_head:before {
border-width: 12px 40px 0 40px; }
.mod_18_section .mod_18_wrap .row .col.mod_18_head:after {
bottom: -12px;
border-width: 12px 40px 0 40px; }
.mod_18_section .mod_18_wrap .row .col.mod_18_content {
padding: 12px 0.5em 0.5em 0;
width: calc( 100% - 80px - 12px );
margin-left: 12px; } }
.mod_18_section.typeA .mod_18_wrap .row .col.mod_18_head {
background: #a9e32d; }
.mod_18_section.typeA .mod_18_wrap .row .col.mod_18_head:before {
border-color: #faf7f2 transparent transparent transparent; }
.mod_18_section.typeA .mod_18_wrap .row .col.mod_18_head:after {
border-color: #a9e32d transparent transparent transparent; }
.mod_18_section.typeA .mod_18_wrap .row:nth-child(2) .col.mod_18_head {
background: #9fd52a; }
.mod_18_section.typeA .mod_18_wrap .row:nth-child(2) .col.mod_18_head:after {
border-color: #9fd52a transparent transparent transparent; }
.mod_18_section.typeA .mod_18_wrap .row:nth-child(3) .col.mod_18_head {
background: #92c425; }
.mod_18_section.typeA .mod_18_wrap .row:nth-child(3) .col.mod_18_head:after {
border-color: #92c425 transparent transparent transparent; }
.mod_18_section.typeA .mod_18_wrap .row:nth-child(4) .col.mod_18_head {
background: #7da81e; }
.mod_18_section.typeA .mod_18_wrap .row:nth-child(4) .col.mod_18_head:after {
border-color: #7da81e transparent transparent transparent; }
.mod_18_section.typeA .mod_18_wrap .row:nth-child(5) .col.mod_18_head {
background: #71981b; }
.mod_18_section.typeA .mod_18_wrap .row:nth-child(5) .col.mod_18_head:after {
border-color: #71981b transparent transparent transparent; }
.mod_18_section.typeA .mod_18_wrap .row:nth-child(6) .col.mod_18_head {
background: #648618; }
.mod_18_section.typeA .mod_18_wrap .row:nth-child(6) .col.mod_18_head:after {
border-color: #648618 transparent transparent transparent; }
.mod_18_section.highlight.typeA .mod_18_wrap .row .col.mod_18_head:before {
border-color: #f3ede3 transparent transparent transparent; }
.mod_18_section.typeB .mod_18_wrap .row .col.mod_18_head {
overflow: hidden;
margin-bottom: 0;
padding-bottom: 20px; }
.mod_18_section.typeB .mod_18_wrap .row .col.mod_18_head:before, .mod_18_section.typeB .mod_18_wrap .row .col.mod_18_head:after {
border-width: 30px 120px 0 120px;
right: auto;
left: 50%;
transform: translateX(-50%); }
.mod_18_section.typeB .mod_18_wrap .row .col.mod_18_head:before {
top: auto;
bottom: 2px;
z-index: 1; }
@media (max-width: 767px) {
.mod_18_section.typeB .mod_18_wrap .row .col.mod_18_head:before {
bottom: 2px; } }
.mod_18_section.typeB .mod_18_wrap .row .col.mod_18_head:after {
bottom: 0; }
@media (max-width: 767px) {
.mod_18_section.typeB .mod_18_wrap .row .col.mod_18_head:after {
bottom: 0; } }
.mod_18_section.typeC .mod_18_wrap .row:first-child .col.mod_18_head, .mod_18_section.typeC .mod_18_wrap .row:nth-child(1) .col.mod_18_head {
border-top: 1px solid #b8935a; }
.mod_18_section.typeC .mod_18_wrap .row .col.mod_18_head {
border-left: 1px solid #b8935a;
border-right: 1px solid #b8935a;
margin-bottom: 0; }
.mod_18_section.typeC .mod_18_wrap .row .col.mod_18_head:before {
top: auto;
bottom: -20px;
z-index: 1; }
@media (max-width: 767px) {
.mod_18_section.typeC .mod_18_wrap .row .col.mod_18_head:before {
bottom: -12px; } }
.mod_18_section.typeC .mod_18_wrap .row .col.mod_18_head:after {
bottom: -21px; }
@media (max-width: 767px) {
.mod_18_section.typeC .mod_18_wrap .row .col.mod_18_head:after {
bottom: -13px; } }
.sec_menu .col.bg {
position: relative;
z-index: 2;
max-width: 520px;
height: 310px;
margin-left: -5%;
margin-top: 5%;
background: #251910;
color: #ffffff; }
@media (max-width: 767px) {
.sec_menu .col.bg {
margin-left: auto;
margin-top: 0; } }
.sec_menu .sec_menu_row {
margin: 50px 0; }
@media (max-width: 767px) {
.sec_menu .sec_menu_row {
margin: 20px 0; } }
.sec_menu .title {
color: #ffffff; }
.sec_menu .col.bg:before {
content: '';
display: block;
position: absolute;
left: 10px;
top: 10px;
width: calc(100% - 20px);
height: 0;
padding-top: 290px;
border: 1px solid #49413b; }
.sec_menu .text {
padding: 40px 30px; }
.sec_menu p {
line-height: 180%; }
@media (max-width: 850px) {
.sec_menu p {
font-size: 12px;
font-size: 1.2rem; } }
.sec_menu .more {
margin-top: 1.5em; }
@media (max-width: 850px) {
.sec_menu .more {
margin-top: 10px; } }
.sec_menu .row:first-child {
margin-bottom: 100px; }
@media (min-width: 768px) {
.sec_menu .row.reverse .col.bg {
margin-right: -5%;
margin-top: 5%; } }
@media (max-width: 767px) {
.sec_menu .row:last-child .col.bg {
margin-right: auto;
margin-top: 0; } }
@media (max-width: 1000px) {
.sec_menu h2 {
margin-bottom: 0;
margin-top: 10px; }
.sec_menu br {
display: none; } }
.sec_menu .col.span_6:first-child {
visibility: visible;
animation-duration: 2s;
animation-delay: 0.3s; }
.sec_menu .col.span_6:last-child {
visibility: visible;
animation-duration: 2s;
animation-delay: 0.3s; }
@media (max-width: 767px) {
.sec_menu {
padding-bottom: 5%; }
.sec_menu .sec_menu_row:first-child {
margin-bottom: 3em; }
.sec_menu .sec_menu_row .col.bg {
height: auto;
margin: 0 auto; }
.sec_menu .sec_menu_row .col.bg:before {
height: calc(100% - 20px);
padding-top: 0; }
.sec_menu .sec_menu_row .col.bg .text {
padding: 20px 20px; }
.sec_menu .sec_menu_row .col {
margin-bottom: 0; }
.sec_menu .sec_menu_row .col:last-child {
margin-bottom: 0; } }
@media (max-width: 340px) {
.sec_menu h2 {
margin-top: 0;
font-size: 18px;
font-size: 1.8rem; }
.sec_menu h2 span {
font-size: 14px;
font-size: 1.4rem; }
.sec_menu .text {
padding: 0.8em 1.5em; } }
.top-contact .button {
color: #ffffff;
border-color: #ffffff; }
.top-contact .button:hover {
border-color: #8fc31f; }
.sns_icon a {
margin-right: 15px; }
.sns_icon a img {
transition: opacity 0.3s;
max-width: 30px; }
.sns_icon a img:hover {
opacity: 0.75; }
.sns_icon a:last-child {
margin-right: 0; }  .mb10 {
margin-bottom: 10px; }
.mb20 {
margin-bottom: 20px; }
.mb40 {
margin-bottom: 40px; }
.mb50 {
margin-bottom: 50px; }
.mb70 {
margin-bottom: 70px; }
.mb100 {
margin-bottom: 100px; }
.mt10 {
margin-top: 10px; }
.mt20 {
margin-top: 20px; }
.mt30 {
margin-top: 30px; }
.mt40 {
margin-top: 40px; }
.mt70 {
margin-top: 70px; }
.mt100 {
margin-top: 100px; }
.pl03 {
padding-left: 3%; }
.pl05 {
padding-left: 5%; }
.pl07 {
padding-left: 7%; }
.pl10 {
padding-left: 10%; }
.pr03 {
padding-right: 3%; }
.pr05 {
padding-right: 5%; }
.pr07 {
padding-right: 7%; }
.pr10 {
padding-right: 10%; }
.pd01 {
padding: 1%; }
.pd02 {
padding: 2%; }
.pd001 {
padding: 0 1%; }
.pd002 {
padding: 0 2%; }
.pd03 {
padding: 3%; }
.pd05 {
padding: 5%; }
.mr15 {
margin-right: 25px; }
.mt180 {
margin-top: 180px; }
.mb180 {
margin-bottom: 180px; }
@media (max-width: 767px) {
.pl03, .pl05, .pl07, .pl10, .pr03, .pr05, .pr07, .pr10 {
padding: 0; }
.mr15, .mt180, .mb180 {
margin: 0; } } main h1 {
background: rgba(184, 147, 90, 0.65); }
.highlight01 {
padding: 5% 0;
background: url(//www.solknot.jp/wp-content/uploads/greeting_bg.jpg) no-repeat center/cover; }
.highlight02 {
padding: 4% 0;
background: linear-gradient(90deg, #faf7f2 0%, #faf7f2 70%, #f3ede3 70%, #f3ede3 100%);
}
.highlight03 {
padding: 4% 0;
background: linear-gradient(270deg, #faf7f2 0%, #faf7f2 70%, #f3ede3 70%, #f3ede3 100%);
}
@media (max-width: 767px) {
.highlight02 {
padding: 4% 0;
background: linear-gradient(0deg, #faf7f2 0%, #faf7f2 70%, #f3ede3 70%, #f3ede3 100%);
display: flex;
justify-content: center;
align-items: center; }
.highlight03 {
padding: 4% 0;
background: linear-gradient(0deg, #faf7f2 0%, #faf7f2 70%, #f3ede3 70%, #f3ede3 100%);
display: flex;
justify-content: center;
align-items: center; } } main h1, main .title1 {
position: relative;
margin: 0 0 0.5em;
padding: 1.5em 0;
text-align: center;
color: #fff;
line-height: 1;
font-size: 30px;
font-size: 3rem;
font-weight: bold; }
main h1 small, main h1 span, main .title1 small, main .title1 span {
display: block;
color: #fff;
font-size: 18px;
font-size: 1.8rem;
font-weight: 800; }
main h1:after, main .title1:after {
content: none; }
@media (max-width: 767px) {
main h1, main .title1 {
padding: 1.2em 0 1.7em;
font-size: 24px;
font-size: 2.4rem; }
main h1 small, main h1 span, main .title1 small, main .title1 span {
font-size: 16px;
font-size: 1.6rem; } } h2, .highlight h2 {
font-family: "Noto Serif JP", serif;
position: relative;
width: 100%;
margin: 0 0 0.5em 0;
padding: 0em 0 0em 0;
text-align: center;
line-height: 1.2em;
font-size: 36px;
font-size: 3.6rem;
font-weight: bold;
letter-spacing: 0.05em; }
h2 small, h2 span, .highlight h2 span {
font-family: "Noto Serif JP", serif;
display: block;
padding: 0em;
margin: 0;
color: #b8935a;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: 0.1em; }
h2:after, .highlight h2:after {
content: none; }
h2:before, .highlight h2:before {
content: none; }
h2 em {
font-style: normal; }
@media (max-width: 768px) {
h2, .highlight h2 {
position: relative;
width: 100%;
margin: 0 0 0.7em 0;
padding: 0em 0 0em 0;
text-align: center;
line-height: 1.2em;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
letter-spacing: 0.05em; }
h2 small, h2 span, .highlight h2 span {
display: block;
padding: 0em;
margin: 0;
color: #b8935a;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
letter-spacing: 0.1em; }
h2:after, .highlight h2:after {
content: none; } } .shiro h2 {
font-family: "Noto Serif JP", serif;
position: relative;
margin: 0 0 0.7em;
padding: 0em 0 0em 0;
text-align: center;
line-height: 1.2em;
color: #fff !important;
font-size: 36px;
font-size: 3.6rem;
font-weight: bold;
letter-spacing: 0em; }
.shiro h2 span, .menu h2 span {
font-family: "Noto Serif JP", serif;
display: block;
padding: 0em;
margin-bottom: 0;
color: #fff !important;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
letter-spacing: 0.1em; }
.shiro h2:after {
content: none; }
.shiro h2:before {
content: none; }
@media (max-width: 768px) {
.shiro h2 {
position: relative;
margin: 0 0 0.7em;
padding: 0em 0 0em 0;
text-align: center;
line-height: 1em;
color: #fff !important;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
letter-spacing: 0em; }
.shiro h2 span, .menu h2 span {
display: block;
padding: 0em;
margin-bottom: 0;
color: #fff !important;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
letter-spacing: 0.1em; }
.shiro h2:after {
content: none; }
.shiro h2:before {
content: none; } } .left h2 {
font-family: "Noto Serif JP", serif;
position: relative;
margin: 0em 0 0.7em;
padding: 0em 0 0em 0;
text-align: left;
line-height: 1.2em;
font-size: 36px;
font-size: 3.6rem;
font-weight: bold;
letter-spacing: 0.05em; }
.left h2 small, .left h2 span {
font-family: "Noto Serif JP", serif;
display: block;
padding-top: 0;
margin-bottom: 0;
color: #b8935a;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
letter-spacing: 0.1em; }
.left h2:after {
content: none; }
.left h2:before {
content: none; }
@media (max-width: 768px) {
.left h2 {
position: relative;
margin: 0em 0 0.7em;
padding: 0em 0 em 0;
text-align: left;
line-height: 1.2em;
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
letter-spacing: 0.05em; }
.left h2 small, .left h2 span {
display: block;
padding-top: 0;
margin-bottom: 0;
color: #b8935a;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
letter-spacing: 0.1em; }
.left h2:after {
content: none; }
.left h2:before {
content: none; } } .wleft h2 {
font-family: "Noto Serif JP", serif;
position: relative;
margin: 0em 0 0.7em;
padding: 0em 0 0em 0;
text-align: left;
line-height: 1.2em;
color: #fff;
font-size: 36px;
font-size: 3.6rem;
font-weight: bold;
letter-spacing: 0em; }
.wleft h2 small, .wleft h2 span {
font-family: "Noto Serif JP", serif;
display: block;
padding-top: 0;
margin-top: 0;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
letter-spacing: 0.1em; }
.wleft h2:after {
content: none; }
@media (max-width: 768px) {
.wleft h2 {
position: relative;
margin: 0em 0 0.7em;
padding: 0em 0 1em 0;
text-align: center;
line-height: 1em;
color: #fff;
font-size: 24px;
font-size: 2.4rem;
font-weight: 500;
letter-spacing: 0em; }
.wleft h2 small, .wleft h2 span {
display: block;
padding-top: 0;
margin-top: 0;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 0.1em; }
.wleft h2:after {
content: none; } }
.normal h2 {
font-size: 24px;
font-size: 2.4rem; }
h3 {
font-family: "Noto Serif JP", serif;
position: relative;
text-align: left;
margin: 0 0 0.5em;
padding: 0 0 0.5em 0;
border-bottom: 1px solid #b8935a;
color: #666;
line-height: 1.4;
font-size: 20px;
font-size: 2rem;
font-weight: bold; }
h3:before, .hihglight03 h3:before {
position: none; }
h3:after, .hihglight03 h3:after {
content: none; } .frame {
padding: 10px;
border: 1px solid #5e905d; } .scroll-table {
overflow: auto;
white-space: nowrap; } .generic_box01 {
padding: 2em;
background: none;
border: 10px solid #eafdfd;
border-radius: 10px; }
@media (max-width: 767px) {
.generic_box01 {
padding: 1.5em;
background: none;
border: 10px solid #eafdfd;
border-radius: 10px; } }
.generic_box02 {
padding: 3em;
background: none;
border: 2px solid #b8935a;
border-radius: 10px; }
.generic_box03 {
padding: 3em;
background: #fff;
border-radius: 10px; }
.generic_box04 {
padding: 3em;
background: #eafdfd; border-radius: 10px; }
.generic_box05 {
padding: 3em;
background: rgba(52, 164, 192, 0.2);
border-radius: 0px; } .main_visual .main_visual_copy img {
margin-left: -15% !important;
margin-top: 15% !important; }
@media (max-width: 1024px) and (min-width: 768px) {
.main_visual .main_visual_copy img {
margin-left: 3% !important;
margin: 0 auto 0 3% !important;
margin-top: 15% !important; } }
@media (max-width: 767px) {
.main_visual .main_visual_copy img {
margin: 0% auto !important;
margin-top: 25% !important;
max-width: 220px !important; } } .bnr_area img:hover {
filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;
zoom: 1; }
.bnr_area img {
transition: 1.0s; }
.bnr_area img:hover {
opacity: 0.7; } .insta img {
margin-right: 15px; } .table-default {
margin: 0 auto; }
.table-default th {
width: 30%; }
@media only screen and (max-width: 767px) {
.table-default th, .table-default td {
width: 100%;
display: block;
border-top: none; } }
.table-default tr:first-child th {
border-top: 1px solid #ccc; } .profile-table {
width: 100%; } .profile-table caption {
margin-bottom: 1em;
text-align: center;
font-size: 1.6rem; }
@media (min-width: 768px) {
.profile-table caption {
font-size: 2rem; } } .profile-table th {
width: 15%;
font-weight: 600;
text-align: left;
padding: 16px 0;
letter-spacing: 0.05em;
border-top: 2px solid #b8935a; } .profile-table td {
text-align: left;
font-weight: normal;
padding: 16px 0;
border-top: 2px solid #ccc; } @media (max-width: 768px) {
.profile-table th {
width: 25%;
font-weight: normal; }
.profile-table th,
.profile-table td {
padding: 14px 0; } }
.table-menu td, .table-menu th {
font-weight: bold;
line-height: 1.4em;
font-size: 16px;
font-size: 1.6rem !important; }
.table-menu td span {
font-weight: normal;
font-size: 14px;
font-size: 1.4rem; }
.table-menu td small {
font-weight: normal;
font-size: 12px;
font-size: 1.2rem; }
.table-menu td em {
font-weight: normal; } .primary_header, footer, footer a, footer a:hover, caption, label, th, td, button02 a {
font-family: "Noto Serif JP", serif;
font-weight: 500 !important;
line-height: 2em; }
main p {
font-family: "Noto Serif JP", serif;
font-weight: 500;
line-height: 2em;
color: #333; }
@media (max-width: 768px) {
.text-large {
font-size: 16px;
font-size: 1.6rem; } }
ul, ol {
margin: 0;
padding-left: 15px; }
.green {
color: #b8935a !important; }
.blue {
color: #b8935a; }
.bold {
font-weight: 700; }
.mincho {
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; }
.marker {
background: linear-gradient(transparent 70%, #5e905d 100%); }
.text-shadow-white-bold {
text-shadow: 2px 2px 1px #f3f3f3, 2px -2px 1px #f3f3f3, -2px 2px 1px #f3f3f3, -2px -2px 1px #f3f3f3, 0 2px 1px #f3f3f3, 0 -2px 1px #f3f3f3, 2px 0 1px #f3f3f3, -2px 0 1px #f3f3f3; }
@media only screen and (max-width: 767px) {
.text-large {
font-size: 20px; } }
@media screen and (max-width: 768px) {
.stel {
text-align: center; } } .check li {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 10px; }
.check-mark {
padding-left: 25px;
position: relative;
list-style: none; }
.check-mark::before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 10px;
border-left: 2px solid #b8935a;
border-bottom: 2px solid #b8935a;
transform: rotate(-45deg); }
li.check-mark {
list-style: none;
margin-bottom: 7px; } .checkmark ul {
padding: 0;
list-style: none; }
.checkmark li {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 10px; }
.checkmark001 {
margin-top: 4px 0 0 0;
padding-left: 28px;
position: relative; }
.checkmark001:before,
.checkmark001:after {
content: "";
display: block;
position: absolute; }
.checkmark001:before {
width: 18px;
height: 18px;
background: transparent;
border: 2px solid #b8935a;
left: 0;
top: 2px; }
.checkmark001:after {
border-left: 2px solid #b8935a;
border-bottom: 2px solid #b8935a;
width: 20px;
height: 6px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 5px;
top: 3px; } .clr:after, .col:after, .container:after, .group:after, .row:after {
content: "";
display: table;
clear: both; } @media (min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
text-decoration: none; } } .sns_icon {
display: none; } .button02 {
border-radius: 26px;
display: inline-block;
min-width: 280px;
margin: 0;
padding: .8em 0;
line-height: 1;
font-size: 18px;
font-size: 1.8rem;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: 0.3s linear;
transition: 0.3s linear; }
@media (max-width: 767px) {
.button02 {
font-size: 16px;
font-size: 1.6rem; } }
.button02 {
border: 2px solid #fff;
background: transparent;
color: #fff;
text-align: center; }
.button02:hover {
border-color: #fff;
background: transparent;
color: #fff; }
.cancel.button02 {
border-color: #fff;
background: transparent;
color: #fff; }
.cancel.button02:hover {
border-color: #fff;
background: transparent;
color: #fff; }
.add_arrow.button02:after {
right: 20px;
top: 0;
bottom: 0;
width: 3px;
height: 3px;
margin: auto;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transition: .2s;
transform: rotate(45deg); }
.add_arrow.button02:hover:after {
right: 14px;
border-color: #fff; }
.add_arrow.cancel.button02:after {
border-color: #fff; }
.add_arrow.cancel.button02:hover:after {
border-color: #fff; }
.button02 .block {
display: block;
min-width: 0; } #FixedBnr {
position: relative;
z-index: 9999;
position: fixed;
right: 0;
top: 150px; }
@media (max-width: 1000px) {
#FixedBnr {
display: none; } }
.sp_res_cont {
display: block;
position: fixed;
bottom: 0;
width: 33%;
border-radius: 0;
left: 0%; }
.more_sp {
overflow: hidden;
margin: auto; }
.more_sp a {
display: block;
color: #fff !important;
background: #b8935a;
border: 1px solid #fff;
padding: 0.6em;
margin: 0;
border-radius: 0px;
text-align: center;
width: 50%;
text-decoration: none;
transition: .3s;
font-size: 14px;
font-size: 1.4rem; }
@media (min-width: 768px) {
.more_sp a {
font-size: 16px;
font-size: 1.6rem; } }
.more_sp a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff; }
.more_sp a.inverse {
border: 1px solid #fff;
color: #fff;
background: #b8935a; }
.more_sp a:hover {
color: #ffffff !important;
border: 1px solid #fff;
background: #b8935a; }
.more_sp a:hover:after {
border-top: 1px solid #ffffff !important;
border-right: 1px solid #ffffff !important; }
.more_sp img {
margin: 2px 5px 0 0;
vertical-align: top; }
.more_sp2 {
overflow: hidden;
margin: auto; }
.more_sp2 a {
display: block;
color: #fff !important;
background: #b8935a;
border: 1px solid #fff;
padding: 0.6em;
margin: 0;
border-radius: 0px;
text-align: center;
width: 50%;
text-decoration: none;
transition: .3s;
font-size: 14px;
font-size: 1.4rem; }
@media (min-width: 768px) {
.more_sp2 a {
font-size: 16px;
font-size: 1.6rem; } }
.more_sp2 a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff; }
.more_sp2 a.inverse {
border: 1px solid #fff;
color: #fff;
background: #b8935a; }
.more_sp2 a:hover {
color: #ffffff !important;
background: #b8935a;
border: 1px solid #fff; }
.more_sp2 a:hover:after {
border-top: 1px solid #ffffff !important;
border-right: 1px solid #ffffff !important; }
.more_sp2 img {
margin: 2px 5px 0 0;
vertical-align: top; }
.more_sp3 {
overflow: hidden;
margin: auto; }
.more_sp3 a {
display: block;
color: #fff !important;
background: #ed7300;
border: 2px solid #ed7300;
padding: 0.6em;
margin: 0;
border-radius: 0px;
text-align: center;
width: 33%;
text-decoration: none;
transition: .3s;
font-size: 14px;
font-size: 1.4rem; }
@media (min-width: 768px) {
.more_sp3 a {
font-size: 16px;
font-size: 1.6rem; } }
.more_sp3 a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff; }
.more_sp3 a.inverse {
border: 1px solid #ed7300;
color: #fff;
background: #ed7300; }
.more_sp3 a:hover {
color: #ffffff !important;
background: #ed7300;
border: 2px solid #ed7300; }
.more_sp3 a:hover:after {
border-top: 1px solid #ffffff !important;
border-right: 1px solid #ffffff !important; }
.more_sp3 img {
margin: 2px 5px 0 0;
vertical-align: top; }
.sp_res_cont {
display: none; }
@media (max-width: 768px) {
.sp_res_cont {
display: block;
position: fixed;
bottom: 0;
width: 100%;
border-radius: 0; } }
@media (max-width: 768px) {
.sp_res_cont a {
width: 100% !important;
max-width: 50% !important;
z-index: 10000 !important;
float: left; } }
@media (max-width: 768px) {
.footer {
margin-bottom: 70px; } } .add_arrow.pop_icon:after {
content: "";
background: url(//www.solknot.jp/wp-content/uploads/blank_ico.png) no-repeat;
background-size: contain;
display: block;
position: absolute;
bottom: 10%;
right: 5%;
margin: auto;
width: 16px;
height: 16px;
border: 0 !important;
transform: none;
transition: none; }
.add_arrow.pop_icon03:after {
content: "";
background: url(//www.solknot.jp/wp-content/uploads/blank_ico02.png) no-repeat;
background-size: contain;
display: block;
position: absolute;
bottom: 10%;
right: 5%;
margin: auto;
width: 16px;
height: 16px;
border: 0 !important;
transform: none;
transition: none; }
a:hover.add_arrow.pop_icon03:after, a:active.add_arrow.pop_icon03:after {
content: "";
background: url(//www.solknot.jp/wp-content/uploads/blank_ico.png) no-repeat;
background-size: contain;
display: block;
position: absolute;
bottom: 10%;
right: 5%;
margin: auto;
width: 16px;
height: 16px;
border: 0 !important;
transform: none;
transition: none; } .h_SNS {
display: none; }
@media screen and (max-width: 768px) {
.h_SNS {
position: absolute;
display: flex;
justify-content: center;
top: 25%;
right: 50px; } } .contact_bg {
padding: 2% 0;
background: #b8935a; }
@media (max-width: 768px) {
.contact_bg {
padding: 5% 0;
background: #b8935a; } }
.flexbox {
display: flex; }
.box1 {
width: 30%; }
.box2 {
width: 36%;
margin: auto .5rem; }
.box3 {
width: 34%;
margin: auto .5rem; }
@media screen and (max-width: 768px) {
.flexbox {
display: block; }
.flexbox .box1 {
width: 100%;
margin: 0 auto;
text-align: center; }
.flexbox .box2 {
width: 100%;
margin: 0 auto 20px;
text-align: center; }
.flexbox .box3 {
width: 100%;
margin: 20px auto 0;
text-align: center; }
.flexbox .box3 .button02 {
margin: 0 auto; }
.contact_bg .text-large {
font-size: 18px; } }
@media (min-width: 1025px) and (max-width: 1300px) {
.main_visual .main_visual_copy img {
margin-left: 0% !important; } }
@media (max-width: 768px) {
.box03 {
text-align: center; } } .menu-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px; }
.menu-item {
border: solid 1px #b8935a;
padding: 30px;
height: 100%;
box-sizing: border-box; }
.flow-box {
padding: 40px;
background: #fff;
border: solid 1px #b8935a;
box-sizing: border-box;
}
.flow-title {
margin: 0 0 28px;
text-align: center;
color: #b8935a;
font-size: 22px;
letter-spacing: 0.08em;
}
.flow-list {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
}
.flow-list li {
position: relative;
padding: 24px 16px;
background: #faf7f1;
text-align: center;
box-sizing: border-box;
}
.flow-list li:not(:last-child)::after {
content: "";
position: absolute;
top: 50%;
right: -14px;
width: 10px;
height: 10px;
border-top: solid 1px #b8935a;
border-right: solid 1px #b8935a;
transform: translateY(-50%) rotate(45deg);
}
.flow-num {
display: block;
margin-bottom: 8px;
color: #b8935a;
font-family: serif;
font-size: 18px;
line-height: 1;
}
.flow-text {
display: block;
color: #333;
font-weight: 600;
line-height: 1.6;
}
.flow-note {
display: inline-block;
margin-top: 8px;
padding: 4px 10px;
border: solid 1px #b8935a;
color: #b8935a;
font-size: 13px;
line-height: 1.4;
}
.flow-compact h3 {
margin: 0 0 20px;
color: #b8935a;
text-align: center;
letter-spacing: 0.08em;
}
.flow-compact ol {
display: flex;
justify-content: center;
align-items: stretch;
gap: 24px;
margin: 0;
padding: 0;
list-style: none;
}
.flow-compact li {
position: relative;
padding: 12px 0;
color: #333;
font-weight: 600;
text-align: center;
line-height: 1.6;
}
.flow-compact li:not(:last-child)::after {
content: "→";
position: absolute;
right: -18px;
color: #b8935a;
font-weight: 400;
}
.flow-compact span {
display: block;
margin-top: 2px;
color: #b8935a;
font-size: 13px;
font-weight: 400;
}
.support-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.support-item {
position: relative;
border: solid 1px #b8935a;
padding: 56px 28px 30px;
height: 100%;
box-sizing: border-box;
background: #fff;
}
.support-num {
position: absolute;
top: 22px;
left: 28px;
color: #b8935a;
font-family: serif;
font-size: 28px;
line-height: 1;
letter-spacing: 0.08em;
}
.support-item h3 {
margin: 0 0 18px;
color: #333;
font-size: 18px;
line-height: 1.6;
}
.support-item p {
margin: 0;
color: #333;
line-height: 1.9;
}
@media screen and (max-width: 767px) {
.support-list {
grid-template-columns: 1fr;
gap: 20px;
}
.support-item {
padding: 52px 22px 26px;
}
.support-num {
top: 20px;
left: 22px;
font-size: 26px;
}
.support-item h3 {
font-size: 17px;
}
}
.support-info {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.support-info__box {
border: solid 1px #b8935a;
padding: 32px 30px;
background: #fff;
box-sizing: border-box;
}
.support-info__box h3 {
margin: 0 0 20px;
color: #b8935a;
font-size: 20px;
line-height: 1.5;
letter-spacing: 0.08em;
}
.support-info__box ul {
margin: 0;
padding: 0;
list-style: none;
}
.support-info__box li {
position: relative;
padding-left: 1.3em;
color: #333;
line-height: 1.9;
}
.support-info__box li::before {
content: "";
position: absolute;
top: 0.8em;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background: #b8935a;
}
@media screen and (max-width: 767px) {
.support-info {
grid-template-columns: 1fr;
gap: 20px;
}
.support-info__box {
padding: 26px 22px;
}
.support-info__box h3 {
margin-bottom: 16px;
font-size: 18px;
}
.support-info__box li {
line-height: 1.8;
}
} @media (max-width: 767px) {
.main_visual .main_visual_copy img {
margin: 0% 5% !important;
margin-top: 70% !important;
max-width: 220px !important;
}
}
@media(max-width:768px){
footer{
padding-bottom:50px;
}
}
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}