@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.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/images/openhand.cur),move}.sp-grabbing{cursor:url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/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.dog-grooming-wish.com/wp-content/themes/E-manager_th/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.dog-grooming-wish.com/wp-content/themes/E-manager_th/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.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/ajax-loader.gif) center center no-repeat}@font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/fonts/slick.eot);src:url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'),url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/fonts/slick.woff) format('woff'),url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/fonts/slick.ttf) format('truetype'),url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/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}
@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.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/fonts/icomoon.eot?uvj346);
src: url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/fonts/icomoon.eot?uvj346#iefix) format("embedded-opentype"), url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/fonts/icomoon.ttf?uvj346) format("truetype"), url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/fonts/icomoon.woff?uvj346) format("woff"), url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/css/fonts/icomoon.svg?uvj346#icomoon) format("svg");
font-weight: normal;
font-style: normal;
}
html {
font-size: 62.5%;
}
body {
background: #f5f1e6;
font-family: "-apple-system", "Helvetica Neue", Roboto, "Droid Sans", Arial, "Yu Gothic", YuGothic, Meiryo, sans-serif;
font-size: 14px;
font-size: 1.4em;
line-height: 1.4;
color: #222222;
}
figure {
margin: 0;
text-align: center;
}
figure figcaption {
margin-top: 0.5em;
text-align: left;
}
a {
color: #222222;
text-decoration: underline;
}
a:hover {
color: #222222;
text-decoration: none;
}
.highlight a {
color: #222222;
}
.highlight a:hover {
color: #222222;
}
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: #f6f1eb;
color: #222222;
}
.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: #b1bab5;
}
#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%;
}
header section {
margin: 0;
}
header .row {
margin-bottom: 0;
}
header .primary_header {
background: transparent;
color: #222222;
}
header .secondary_header {
display: none;
background: #f6f1eb;
color: #222222;
}
@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: 1100px) {
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: 140px;
max-width: 100%;
vertical-align: middle;
}
@media (min-width: 768px) {
header .title {
max-width: none;
padding: 10px 0;
}
header .title img {
width: 156px;
}
}
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(0, 0, 0, 0.9);
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #222222;
}
header .global_nav ul li {
border-bottom: 1px solid #222222;
}
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: #fff;
color: #fff;
}
header .global_nav ul li a .subtitle {
display: none;
}
@media (min-width: 1100px) {
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: 1100px) and (max-width: 1199px) {
header .global_nav ul li.contact {
padding-left: 1em;
}
}
@media (min-width: 1100px) {
header .global_nav ul li a {
display: block;
position: relative;
padding: 2em 1.5em;
text-align: left;
color: #222222;
text-decoration: none;
}
header .global_nav ul li a:hover {
color: #222222;
text-decoration: none;
}
header .global_nav ul li a:active {
background: none;
color: #222222;
}
header .global_nav ul li a .subtitle {
display: block;
padding-top: 0.2em;
font-size: 12px;
font-size: 1.2rem;
color: #b1bab5;
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: 2px;
margin: auto;
background: #b1bab5;
transition: width 0.3s;
}
header .global_nav ul li a:hover:after {
width: 40px;
}
}
@media (min-width: 1100px) and (max-width: 1199px) {
header .global_nav ul li a {
padding: 2em 0.5em;
}
}
.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: 4px;
background: #b1bab5;
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: 4px;
background: #b1bab5;
-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: 1100px) {
.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 #b1bab5;
border-radius: 5px;
color: #b1bab5;
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: 3px;
background: #b1bab5;
transition: 0.5s;
}
.menu_icon_rich .hamburger:before, .menu_icon_rich .hamburger:after {
content: '';
display: block;
position: absolute;
left: 0;
width: 20px;
height: 3px;
background: #b1bab5;
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: 1100px) {
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: #222222;
text-decoration: none;
}
header .local_nav a:hover {
color: #b1bab5;
text-decoration: underline;
}
@media (min-width: 1100px) {
header {
-webkit-transition: 0s linear;
transition: 0s linear;
}
header.hidden {
top: auto;
}
body.up header { top: auto;
left: auto;
}
}
#google_translate_element,
.translate_gt {
position: absolute;
top: 50%;
right: 75px;
margin-top: -12px;
}
@media (min-width: 1100px) {
#google_translate_element,
.translate_gt {
position: static;
float: right;
margin-top: 0;
margin-left: 1em;
}
}
@media (min-width: 1100px) {
#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: 1100px) {
.translate_gt {
margin-top: 0;
}
}
@media (min-width: 1100px) {
header .global_nav.slide_bottom {
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: transparent;
}
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: 3em 0;
background: transparent;
color: #222222;
}
footer:before {
content: '';
display: block;
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_foot.jpg) center/cover no-repeat;
background-attachment: fixed; }
footer a {
color: #222222;
}
footer a:hover {
color: #222222;
}
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 #222222;
}
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: #b1bab5;
}
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;
}
}
@media (min-width: 768px) {
footer .container{
max-width:1100px;
margin:auto;
padding:0 10px;
}
}
.slider-pro.center {
overflow: hidden;
width: 100%;
}
.slider-pro.center .sp-button {
border: none;
background: #d2d2d2;
}
.slider-pro.center .sp-selected-button {
background: #fc7890;
}
.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(252, 120, 144, 0.7);
background-position: center center;
background-repeat: no-repeat;
background-size: 8px;
}
.slider-pro.center .sp-previous-arrow {
background-image: url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/img/parts/arrow_left_wh.png);
}
.slider-pro.center .sp-next-arrow {
background-image: url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/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: #222222;
}
.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: 1099px) {
.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: #fc7890;
}
.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.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/img/parts/mask_stripe.png);
}
.slider-pro.wide .hps-slider-copy {
padding: 0 50px;
color: #222222;
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: #222222;
}
.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.dog-grooming-wish.com/wp-content/themes/E-manager_th/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.dog-grooming-wish.com/wp-content/themes/E-manager_th/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: #222222;
}
.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: 1100px) {
.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: 1099px) {
.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(161, 193, 174, 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: #b1bab5;
}
@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: -10%;
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: 43.9%;
max-width: 489px;
max-height: 168px;
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: 75%;
}
}
.main_visual .main_visual_slick {
padding-top: 52.0833333333%!important;
}
@media (max-width: 1000px) {
.main_visual .main_visual_slick {
padding-top: 78.125%!important;
}
}
@media (max-width: 768px) {
.main_visual .main_visual_copy > li img {
width: 43%;
}
}
@media (max-width: 600px) {
.main_visual .main_visual_copy > li img {
width: 70%;
}
}
@media (max-width: 749px) {
.main_visual .main_visual_slick {
padding-top: 114.6666666667%!important;
}
}
.slick-dots li button {
margin: 0 auto;
background: #ccc;
}
.slick-dots li.slick-active button {
background: #b1bab5;
}
.slide_scroll {
position: absolute;
bottom: 1%;
left: 50%;
transform: translateX(-50%);
padding-bottom: 45px;
background: url(//www.dog-grooming-wish.com/wp-content/uploads/icon_scroll.png) center bottom no-repeat;
z-index: 55;
color: #fff;
text-decoration: none;
}
.slide_scroll:hover {
color: #fff;
}
.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 3em 0;
padding: 4em;
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img001_b.jpg) center bottom;
background-attachment: fixed; text-align: center;
color: #222222;
line-height: 1;
font-size: 32px;
font-size: 3.2rem;
font-weight: normal;
}
main h1 small, main h1 span, main .title1 small, main .title1 span {
display: block;
padding-top: 0.4em;
color: #222222;
font-size: 20px;
font-size: 2rem;
}
@media (max-width: 767px) {
main h1, main .title1 {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img001_b.jpg) center center;
padding: 2em 2em 2em 2em;
font-size: 24px;
font-size: 2.4rem;
}
main h1 small, main h1 span, main .title1 small, main .title1 span {
font-size: 18px;
font-size: 1.8rem;
}
}
h2, .title2 {
position: relative;
margin: 0 0 1em;
padding: 0;
text-align: center;
display: block;
line-height: 1.4;
color: #222222;
font-size: 30px;
font-size: 3rem;
letter-spacing: .5rem;
font-weight: normal;
}
h2 small, h2 span, .title2 small, .title2 span {
display: block;
padding-bottom: 0.8em;
color: #cebd2d;
font-size: 16px;
font-size: 1.6rem;
}
h2:after, .title2:after {
content: '';
display: block;
margin: 0.4em auto;
width: 60px;
height: 4px;
display: block;
border-bottom: 1px solid #b1bab5;
transform: none;
}
h2:before, .title2:before {
content: none;
}
@media (max-width: 767px) {
h2, .title2 {
font-size: 26px;
font-size: 2.6rem;
margin: 0 0 1.5em;
}
h2 small, h2 span, .title2 small, .title2 span {
font-size: 16px;
font-size: 1.6rem;
}
}
h3 {
font-size: 22px;
font-size: 2.2rem;
position: relative;
padding: 0 .5em .5em 0em;
border-bottom: 1px solid #b1bab5;
font-weight: normal;
}
h3 small, h3 span {
padding-right: 10px;
color: #cebd2d;
font-size: 16px;
font-size: 1.6rem;
}
@media (max-width: 767px) {
h3 {
font-size: 20px;
font-size: 2rem;
}
}
h3:after {
content: none;
}
h3::before {
content: none;
}
h4 {
position: relative;
margin: 0 0 0.5em;
padding: 0 0 0 0.7em;
line-height: 1;
font-size: 18px;
font-size: 1.8rem;
}
h4:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 6px;
height: 2px;
margin: auto;
background: #cebd2d;
}
h4 small, h4 span {
font-size: 16px;
font-size: 1.6rem;
padding-left: 5px;
color: #4e715d;
}
@media (max-width: 767px) {
h4 {
font-size: 18px;
font-size: 1.8rem;
}
}
.button-flat, .button-round, .button-circle, .button-ghost, .button-ghost-round, .button, .button-border, .button-3d {
display: inline-block;
min-width: 290px;
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 #b1bab5;
background: #b1bab5;
color: #ffffff;
text-align: center;
}
.button-flat:hover, .button-round:hover, .button-circle:hover {
border-color: #cebd2d;
background: transparent;
color: #cebd2d;
}
.highlight .button-flat, .highlight .button-round, .highlight .button-circle {
color: #ffffff;
}
.highlight .button-flat:hover, .highlight .button-round:hover, .highlight .button-circle:hover {
color: #cebd2d;
}
.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 #ffffff;
border-right: 2px solid #ffffff;
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: #cebd2d;
}
.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 #b1bab5;
background: #b1bab5;
color: #ffffff;
}
.button-ghost:hover, .button-ghost-round:hover, .button:hover {
border-color: #cebd2d;
background: transparent;
color: #cebd2d;
}
.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: 6px;
height: 6px;
margin: auto;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
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: #cebd2d;
}
.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 {
border-radius: 25px;
}
.button-border {
padding-left: 1em;
padding-right: 1em;
border: 4px solid #b1bab5;
background: rgba(161, 193, 174, 0.05);
color: #b1bab5;
font-weight: bold;
text-align: left;
}
.button-border:hover {
border-color: #3d865e;
background: #3d865e;
color: #ffffff;
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: #b1bab5;
transition: 0.2s;
}
.button-border.add_arrow:after {
right: 1em;
top: -7px;
bottom: 0;
width: 8px;
height: 1px;
margin: auto;
border: 0;
background: #b1bab5;
transform: rotate(45deg);
transition: 0.2s;
}
.button-border.add_arrow:hover:before, .button-border.add_arrow:hover:after {
background: #ffffff;
}
.button-3d {
border: 2px solid #b1bab5;
border-radius: 4px;
background: rgba(161, 193, 174, 0.05);
color: #b1bab5;
font-weight: bold;
box-shadow: 0px 8px 0px 0px #b1bab5;
transition: background 0.3s, box-shadow 0.15s, transform 0.15s;
}
.button-3d:hover {
background: #fff;
color: #b1bab5;
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: transparent;
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: #746458;
color: #ffffff;
}
.table-default td {
background: transparent;
}
@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 (max-width: 767px) {
.table-menu td:last-child {
white-space: normal !important;
}
}
@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: #4e715d;
color: #ffffff;
}
.table-schedule tbody th {
background: #638f76;
}
.table-schedule td {
background: #ffffff;
}
@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: #f6f1eb;
}
.news.typeC .news_bg {
padding: 1em;
}
.news h2 {
color: #222222;
}
.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: #b1bab5;
}
.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.dog-grooming-wish.com/wp-content/themes/E-manager_th/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.dog-grooming-wish.com/wp-content/themes/E-manager_th/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: #f6f1eb;
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.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/img/parts/arrow_down.svg) center center no-repeat;
background-size: 24px;
transition: 0.5s;
}
.qa .question:hover {
background: #f1eae0;
}
.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: #f6f1eb;
}
.qa.qa-open .question:after {
display: none;
}
.qa.qa-open .answer {
display: block;
}
.highlight .qa .question {
background: #fefdfd;
}
.highlight .qa .question:hover {
background: #f9f6f2;
}
.highlight .qa.qa-open .question:hover {
background: #fefdfd;
}
.step .row,
.step-h .col {
position: relative;
padding: 1em;
background: #f6f1eb;
}
.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.dog-grooming-wish.com/wp-content/themes/E-manager_th/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.dog-grooming-wish.com/wp-content/themes/E-manager_th/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: #f6f1eb;
color: #222222;
}
.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.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/img/parts/icon_facebook.png);
}
.sns_icons a.icon_twitter {
background-image: url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/img/parts/icon_twitter.png);
}
.sns_icons a.icon_line {
background-image: url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/img/parts/icon_line.png);
}
.sns_icons a.icon_google {
background-image: url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/assets/img/parts/icon_google.png);
}
.sns_icons a.icon_instagram {
background-image: url(//www.dog-grooming-wish.com/wp-content/themes/E-manager_th/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.dog-grooming-wish.com/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: #f6f1eb;
}
.generic_box.through {
background: rgba(246, 241, 235, 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 #b1bab5;
}
@media (min-width: 768px) {
.generic_box {
padding: 3em;
}
}
.business h3 {
position: relative;
margin: 1em 0;
padding: 0 0 1em 0;
border-bottom: 0;
color: #222222;
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: #b1bab5;
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.dog-grooming-wish.com/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(34, 34, 34, 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: #f6f1eb;
}
.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: #b1bab5;
}
.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 #b1bab5;
border-right: 5px solid #b1bab5;
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 #b1bab5;
border-right: 5px solid #b1bab5;
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: #f6f1eb;
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: #f6f1eb;
}
.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: #f6f1eb;
}
.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 #b1bab5;
border-right: 3px solid #b1bab5;
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: #f6f1eb;
}
.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 #b1bab5;
transition: 0.2s;
z-index: 1;
}
.article_single04 .slick-prev {
left: 0;
}
.article_single04 .slick-prev:after {
left: 0;
border-left: 3px solid #b1bab5;
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 #b1bab5;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
}
.article_single04 .ofi {
background: #f6f1eb;
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(161, 193, 174, 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 #b1bab5;
border-right: 5px solid #b1bab5;
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 #b1bab5;
border-right: 5px solid #b1bab5;
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: #222222;
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: #222222;
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: #b1bab5;
color: #fff;
border: 0;
font-size: 14px;
font-size: 1.4rem;
padding: 3px 10px;
margin: 0 auto;
display: table;
}
#commentform input[type='submit'] {
background: #b1bab5;
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: #b1bab5;
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: #b1bab5 !important;
}
.text-primary a {
color: #b1bab5 !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 #b1bab5, 1px -1px 1px #b1bab5, -1px 1px 1px #b1bab5, -1px -1px 1px #b1bab5;
}
.text-shadow-primary-thin {
text-shadow: 0 0 1px #b1bab5;
}
.text-shadow-primary-bold {
text-shadow: 2px 2px 1px #b1bab5, 2px -2px 1px #b1bab5, -2px 2px 1px #b1bab5, -2px -2px 1px #b1bab5, 0 2px 1px #b1bab5, 0 -2px 1px #b1bab5, 2px 0 1px #b1bab5, -2px 0 1px #b1bab5;
}
.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 #b1bab5, 1px -1px 0 #b1bab5, -1px 1px 0 #b1bab5, -1px -1px 0 #b1bab5, 0 1px 0 #b1bab5, 0 -1px 0 #b1bab5, 1px 0 0 #b1bab5, -1px 0 0 #b1bab5;
}
.text-outline-primary-bold {
text-shadow: 2px 2px 0 #b1bab5, 2px -2px 0 #b1bab5, -2px 2px 0 #b1bab5, -2px -2px 0 #b1bab5, 0 2px 0 #b1bab5, 0 -2px 0 #b1bab5, 2px 0 0 #b1bab5, -2px 0 0 #b1bab5;
}
@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 #b1bab5, 1px -1px 0 #b1bab5, -1px 1px 0 #b1bab5, -1px -1px 0 #b1bab5, 0 1px 0 #b1bab5, 0 -1px 0 #b1bab5, 1px 0 0 #b1bab5, -1px 0 0 #b1bab5;
}
.text-outline-primary-bold.text-xxlarge {
text-shadow: 2px 2px 0 #b1bab5, 2px -2px 0 #b1bab5, -2px 2px 0 #b1bab5, -2px -2px 0 #b1bab5, 0 2px 0 #b1bab5, 0 -2px 0 #b1bab5, 2px 0 0 #b1bab5, -2px 0 0 #b1bab5;
}
}
@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: 1099px) {
.sp-hide02,
.pc-only02,
.tablet-only02 {
display: none !important;
}
}
@media (min-width: 1100px) {
.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: #222222;
}
.inverse h2:after {
background: #222222;
}
.inverse h2 small,
.inverse h2 span {
color: #222222;
}
.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 #ffffff;
border-right: 1px solid #ffffff;
transform: translate(0, -50%) rotate(45deg);
transition: 0.2s;
}
.add_arrow:hover {
border-color: #cebd2d;
color: #cebd2d;
background: transparent;
}
.add_arrow:hover:after {
right: 4%;
border-color: #cebd2d;
}
.more {
display: block;
overflow: hidden;
margin: auto;
}
.more a {
display: block;
border: 2px solid #b1bab5;
color: #ffffff;
background: #b1bab5;
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; }
.mb0 {
margin-bottom: 0 !important;
}
@media (min-width: 1100px) {
.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: #cebd2d;
}
@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(248, 227, 208, 0.8);
padding: 4%;
position: relative;
border-radius: 50px;
}
@media (max-width: 767px) {
.mod_03_section .row .mod_03_txt-box {
margin-top: 0;
padding: 6%;
}
}
.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: #b1bab5;
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.7em;
line-height: 1;
font-size: 60px;
font-size: 6rem;
font-weight: bold;
color: #b1bab5;
}
@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;
top: -1.5em;
}
}
.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: 6%;
}
@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-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.dog-grooming-wish.com/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_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: #ffffff 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: #b1bab5 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: #ffffff 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: #f6f1eb 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 #b1bab5;
}
.mod_18_section.typeC .mod_18_wrap .row .col.mod_18_head {
border-left: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
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;
}
.sec_1 {
background: linear-gradient(180deg, #f5f1e6 0%, #f5f1e6 70%, transparent 70%, transparent 100%), url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img001_b.jpg);
padding: 5% 0;
}
@media (max-width: 767px) {
.sec_1 {
padding: 10% 0;
}
}
.sec_1 .padding_box {
padding: 5% 3%;
}
.sec_2 {
background: linear-gradient(180deg, #f5f1e6 0%, #f5f1e6 40%, transparent 40%, transparent 100%), url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img002.jpg);
padding: 0 0 5% 0;
}
.sec_3 {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img003.jpg) no-repeat bottom center;
padding: 5% 0;
background-size: cover;
background-attachment: fixed; }
.sec_4 {
background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, transparent 50%, transparent 100%), url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img004.jpg);
padding: 0 0 5% 0;
}
.sec_5 {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img005.jpg) no-repeat center center;
margin: 7% 0;
background-size: cover;
}
.contact_info {
text-align: center;
}
.contact_info .parallax_contact_info {
background-image: url(//www.dog-grooming-wish.com/wp-content/uploads/parallax_bg.jpg);
background-attachment: fixed; padding: 5% 0;
}
.contact_info .parallax_contact_info_inner {
max-width: 1200px;
margin: 0 auto;
color: #fff;
}
.contact_info .more {
margin: 0;
}
.contact_info .more a {
margin: 0 auto !important;
}
.contact_info p {
color: #fff;
}
.contact_info h2 {
color: #fff;
}
.contact_info h2 small, .contact_info h2 span {
color: #fff;
}
.contact_info a {
color: #fff;
}
.contact_info .contact_info_address {
font-size: 24px;
font-size: 2.4rem;
overflow: hidden;
max-width: 600px;
margin: 0 auto 1em;
}
@media (max-width: 767px) {
.contact_info .contact_info_address {
font-size: 18px;
font-size: 1.8rem;
}
}
.contact_info .contact_info_address span {
display: block;
}
@media (min-width: 768px) {
.contact_info .contact_info_address span {
float: left;
width: 50%;
}
}
._th04_module {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img001_b.jpg) no-repeat center center;
background-attachment: fixed; background-size: cover;
padding: 5% 0;
}
._th04_module ._th04_module_img {
position: relative;
}
._th04_module ._th04_module_img figure {
position: relative;
height: 100%;
text-align: right;
overflow: hidden;
}
._th04_module ._th04_module_img figure img {
position: absolute;
top: -300%;
left: auto;
bottom: -300%;
right: 0;
margin: auto;
}
._th04_module ._th04_module_text {
position: relative;
height: 700px;
}
._th04_module ._th04_module_text_inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 73%;
}
._th04_module ._th04_module_text_inner p.text-xlarge {
font-size: 26px;
font-size: 2.6rem;
}
._th04_module ._th04_module_text_inner p a.button {
background: #b1bab5;
border-radius: 25px;
padding: 1em 5em;
margin-top: 8%;
}
@media (max-width: 767px) {
._th04_module ._th04_module_img {
position: relative;
width: 100%;
height: auto;
}
._th04_module ._th04_module_img figure {
position: relative;
width: 100%;
height: auto;
}
._th04_module ._th04_module_img figure img {
position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
}
._th04_module ._th04_module_text {
position: relative;
height: auto;
}
._th04_module ._th04_module_text_inner {
position: relative;
top: 0;
left: 0;
transform: none;
width: 100%;
padding: 8% 4%;
}
}
@media (min-width: 768px) {
.mod_02_section .row .col.span_6 {
width: 55%;
}
.mod_02_section .row .col.span_6.mod_02_txt-box {
margin-top: 7%;
float: right;
}
.mod_02_section .row .col.span_6.mod_02_img-box {
position: relative;
}
.mod_02_section .row .col.span_6.mod_02_img-box figure {
position: absolute;
z-index: -1;
}
.mod_02_section .row.reverse .col.mod_02_txt-box {
float: left;
}
}
.mod_02_section .mod_02_title {
color: #222222;
position: relative;
padding-bottom: 0.3em;
line-height: 1.4;
font-weight: bold;
font-size: 30px;
font-size: 3rem;
}
.mod_02_section .mod_02_title small,
.mod_02_section .mod_02_title span {
display: block;
color: #b1bab5;
font-size: 16px;
font-size: 1.6rem;
}
@media (max-width: 767px) {
.mod_02_section .mod_02_title {
font-size: 26px;
font-size: 2.6rem;
}
.mod_02_section .mod_02_title small,
.mod_02_section .mod_02_title span {
font-size: 14px;
font-size: 1.4rem;
}
}
.mod_02_section .mod_02_title:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 2px;
background: #b1bab5;
}
.mod_02_section.typeA .col.mod_02_txt-box, .mod_02_section.typeB .col.mod_02_txt-box, .mod_02_section.typeC .col.mod_02_txt-box {
position: relative;
}
.mod_02_section.typeA .col.mod_02_txt-box:after, .mod_02_section.typeA .col.mod_02_txt-box:before, .mod_02_section.typeB .col.mod_02_txt-box:after, .mod_02_section.typeB .col.mod_02_txt-box:before, .mod_02_section.typeC .col.mod_02_txt-box:after, .mod_02_section.typeC .col.mod_02_txt-box:before {
content: "";
position: absolute;
background: #b1bab5;
height: 1px;
width: 100%;
}
.mod_02_section.typeA .col.mod_02_txt-box .mod_12_txt-wrap, .mod_02_section.typeB .col.mod_02_txt-box .mod_12_txt-wrap, .mod_02_section.typeC .col.mod_02_txt-box .mod_12_txt-wrap {
padding: 7%;
}
@media (max-width: 767px) {
.mod_02_section.typeA .col.mod_02_txt-box .mod_12_txt-wrap, .mod_02_section.typeB .col.mod_02_txt-box .mod_12_txt-wrap, .mod_02_section.typeC .col.mod_02_txt-box .mod_12_txt-wrap {
padding: 10%;
}
}
.mod_02_section.typeA .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.typeA .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.typeB .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.typeB .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.typeC .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.typeC .col.mod_02_txt-box .mod_12_txt-wrap:before {
content: "";
position: absolute;
background: #b1bab5;
height: 100%;
width: 1px;
}
.mod_02_section.typeA .col.mod_02_txt-box:before, .mod_02_section.typeC .col.mod_02_txt-box:before {
top: 0;
left: 0;
right: 0;
}
.mod_02_section.typeA .col.mod_02_txt-box:after, .mod_02_section.typeC .col.mod_02_txt-box:after {
bottom: 0;
left: 0;
right: 0;
}
.mod_02_section.typeA .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.typeC .col.mod_02_txt-box .mod_12_txt-wrap:before {
top: 0;
bottom: 0;
left: 0;
}
.mod_02_section.typeA .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.typeC .col.mod_02_txt-box .mod_12_txt-wrap:after {
top: 0;
bottom: 0;
right: 0;
}
.mod_02_section.typeB .col.mod_02_txt-box:before {
top: 10px;
left: 0;
right: 0;
}
.mod_02_section.typeB .col.mod_02_txt-box:after {
bottom: 10px;
left: 0;
right: 0;
}
.mod_02_section.typeB .col.mod_02_txt-box .mod_12_txt-wrap:before {
top: 0;
bottom: 0;
left: 10px;
}
.mod_02_section.typeB .col.mod_02_txt-box .mod_12_txt-wrap:after {
top: 0;
bottom: 0;
right: 10px;
}
@media (max-width: 767px) {
.mod_02_section.typeB .col.mod_02_txt-box:before {
top: 5px;
}
.mod_02_section.typeB .col.mod_02_txt-box:after {
bottom: 5px;
}
.mod_02_section.typeB .col.mod_02_txt-box .mod_12_txt-wrap:before {
left: 5px;
}
.mod_02_section.typeB .col.mod_02_txt-box .mod_12_txt-wrap:after {
right: 5px;
}
}
@media (max-width: 767px) {
.mod_02_section.typeC .col.mod_02_txt-box {
width: calc(100% - 10px);
}
}
.mod_02_section.typeC .col.mod_02_txt-box .mod_02_add-bdr:after, .mod_02_section.typeC .col.mod_02_txt-box .mod_02_add-bdr:before {
content: "";
position: absolute;
background: #b1bab5;
height: 1px;
width: 100%;
}
.mod_02_section.typeC .col.mod_02_txt-box .mod_02_add-bdr .mod_02_add-wrap:after, .mod_02_section.typeC .col.mod_02_txt-box .mod_02_add-bdr .mod_02_add-wrap:before {
content: "";
position: absolute;
background: #b1bab5;
height: 100%;
width: 1px;
}
.mod_02_section.typeC .col.mod_02_txt-box .mod_02_add-bdr {
position: absolute;
top: 10px;
bottom: -10px;
right: -10px;
left: 10px;
z-index: -1;
}
.mod_02_section.typeC .col.mod_02_txt-box .mod_02_add-bdr:before {
top: 0;
left: 0;
right: 0;
}
.mod_02_section.typeC .col.mod_02_txt-box .mod_02_add-bdr:after {
bottom: 0;
left: 0;
right: 0;
}
.mod_02_section.typeC .col.mod_02_txt-box .mod_02_add-bdr .mod_02_add-wrap:before {
top: 0;
bottom: 0;
left: 0;
}
.mod_02_section.typeC .col.mod_02_txt-box .mod_02_add-bdr .mod_02_add-wrap:after {
top: 0;
bottom: 0;
right: 0;
}
.mod_02_section.typeC .col.mod_02_txt-box .mod_02_add-bdr span {
display: none;
}
.mod_02_section.wow.typeA .col.mod_02_txt-box:after, .mod_02_section.wow.typeA .col.mod_02_txt-box:before, .mod_02_section.wow.typeB .col.mod_02_txt-box:after, .mod_02_section.wow.typeB .col.mod_02_txt-box:before, .mod_02_section.wow.typeC .col.mod_02_txt-box:after, .mod_02_section.wow.typeC .col.mod_02_txt-box:before {
opacity: 0.5;
}
.mod_02_section.wow.typeA .col.mod_02_txt-box:before, .mod_02_section.wow.typeB .col.mod_02_txt-box:before, .mod_02_section.wow.typeC .col.mod_02_txt-box:before {
transform: scaleX(0);
transform-origin: left top;
}
.mod_02_section.wow.typeA .col.mod_02_txt-box:after, .mod_02_section.wow.typeB .col.mod_02_txt-box:after, .mod_02_section.wow.typeC .col.mod_02_txt-box:after {
transform: scaleX(0);
transform-origin: right top;
}
.mod_02_section.wow.typeA .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.wow.typeA .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.wow.typeB .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.wow.typeB .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.wow.typeC .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.wow.typeC .col.mod_02_txt-box .mod_12_txt-wrap:before {
opacity: 0.5;
}
.mod_02_section.wow.typeA .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.wow.typeB .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.wow.typeC .col.mod_02_txt-box .mod_12_txt-wrap:before {
transform: scaleY(0);
transform-origin: left bottom;
}
.mod_02_section.wow.typeA .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.wow.typeB .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.wow.typeC .col.mod_02_txt-box .mod_12_txt-wrap:after {
transform: scaleY(0);
transform-origin: right top;
}
.mod_02_section.wow.typeC .mod_02_add-bdr:after, .mod_02_section.wow.typeC .mod_02_add-bdr:before {
opacity: 0.5;
}
.mod_02_section.wow.typeC .mod_02_add-bdr:before {
transform: scaleX(0);
transform-origin: left top;
}
.mod_02_section.wow.typeC .mod_02_add-bdr:after {
transform: scaleX(0);
transform-origin: right top;
}
.mod_02_section.wow.typeC .mod_02_add-bdr .mod_02_add-wrap:after, .mod_02_section.wow.typeC .mod_02_add-bdr .mod_02_add-wrap:before {
opacity: 0.5;
}
.mod_02_section.wow.typeC .mod_02_add-bdr .mod_02_add-wrap:before {
transform: scaleY(0);
transform-origin: left bottom;
}
.mod_02_section.wow.typeC .mod_02_add-bdr .mod_02_add-wrap:after {
transform: scaleY(0);
transform-origin: right top;
}
.mod_02_section.animated.typeA .col.mod_02_txt-box:after, .mod_02_section.animated.typeA .col.mod_02_txt-box:before, .mod_02_section.animated.typeB .col.mod_02_txt-box:after, .mod_02_section.animated.typeB .col.mod_02_txt-box:before, .mod_02_section.animated.typeC .col.mod_02_txt-box:after, .mod_02_section.animated.typeC .col.mod_02_txt-box:before {
opacity: 1;
}
.mod_02_section.animated.typeA .col.mod_02_txt-box:before, .mod_02_section.animated.typeB .col.mod_02_txt-box:before, .mod_02_section.animated.typeC .col.mod_02_txt-box:before {
transition: 1.75s;
transform: scaleX(1);
}
.mod_02_section.animated.typeA .col.mod_02_txt-box:after, .mod_02_section.animated.typeB .col.mod_02_txt-box:after, .mod_02_section.animated.typeC .col.mod_02_txt-box:after {
transform: scaleY(1);
transition: 1.25s;
transition-delay: 0.5s;
}
.mod_02_section.animated.typeA .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.animated.typeA .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.animated.typeB .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.animated.typeB .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.animated.typeC .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.animated.typeC .col.mod_02_txt-box .mod_12_txt-wrap:before {
opacity: 1;
}
.mod_02_section.animated.typeA .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.animated.typeB .col.mod_02_txt-box .mod_12_txt-wrap:before, .mod_02_section.animated.typeC .col.mod_02_txt-box .mod_12_txt-wrap:before {
transform: scaleY(1);
transition: 1s;
transition-delay: 0.75s;
}
.mod_02_section.animated.typeA .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.animated.typeB .col.mod_02_txt-box .mod_12_txt-wrap:after, .mod_02_section.animated.typeC .col.mod_02_txt-box .mod_12_txt-wrap:after {
transition: 1.5s;
transition-delay: 0.25s;
transform: scaleX(1);
}
.mod_02_section.animated.typeC .mod_02_add-bdr:after, .mod_02_section.animated.typeC .mod_02_add-bdr:before {
opacity: 1;
}
.mod_02_section.animated.typeC .mod_02_add-bdr:before {
transform: scaleX(1);
transition: 1s;
transition-delay: 0.75s;
}
.mod_02_section.animated.typeC .mod_02_add-bdr:after {
transform: scaleY(1);
transition: 1.5s;
transition-delay: 0.25s;
}
.mod_02_section.animated.typeC .mod_02_add-bdr .mod_02_add-wrap:after, .mod_02_section.animated.typeC .mod_02_add-bdr .mod_02_add-wrap:before {
opacity: 1;
}
.mod_02_section.animated.typeC .mod_02_add-bdr .mod_02_add-wrap:before {
transform: scaleY(1);
transition: 1.75s;
}
.mod_02_section.animated.typeC .mod_02_add-bdr .mod_02_add-wrap:after {
transform: scaleX(1);
transition: 1.25s;
transition-delay: 0.5s;
}
.mod_02_section .more .add_arrow {
margin-left: 0;
}
._th39_module {
position: relative;
overflow: hidden;
color: #fff;
}
._th39_module h2 {
color: #fff;
}
._th39_module h2 small, ._th39_module h2 span {
color: #fff;
}
._th39_module h2:after {
content: '';
background: #fff;
}
._th39_module ._th39_module_col {
position: relative;
}
._th39_module ._th39_module_col ._th39_module_img a {
display: block;
position: relative;
}
._th39_module ._th39_module_col ._th39_module_img a:after {
content: '';
position: absolute;
background-color: transparent;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: 0.5s;
}
._th39_module ._th39_module_col ._th39_module_content {
position: relative;
background-color: #fff;
text-align: center;
}
._th39_module ._th39_module_col ._th39_module_content ._th39_module_title {
position: relative;
display: inline-block;
width: 100%;
background: #fff;
}
._th39_module ._th39_module_col ._th39_module_content ._th39_module_title h3 {
color: #222222;
font-weight: bold;
text-align: center;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: 0px solid #1f3d64;
}
._th39_module ._th39_module_col ._th39_module_content ._th39_module_title h3 span {
display: block;
font-size: 15px;
font-size: 1.5rem;
}
._th39_module ._th39_module_col ._th39_module_content ._th39_module_title h3:after {
display: none;
}
._th39_module ._th39_module_col ._th39_module_img a:hover:after {
background-color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 767px) {
._th39_module {
padding: 3em 1em;
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img002.jpg) no-repeat center center;
background-size: cover;
}
._th39_module .col:not(:last-child) {
margin-bottom: 5% !important;
}
}
@media (max-width: 767px) and (max-width: 400px) {
._th39_module .col:not(:last-child) {
margin-bottom: 10% !important;
}
}
@media (max-width: 767px) {
._th39_module .col {
max-width: 100% !important;
width: 100% !important;
float: none !important;
margin: auto !important;
}
._th39_module h2 {
color: #fff;
}
._th39_module h2 small, ._th39_module h2 span {
color: #fff;
}
._th39_module h2:after {
content: '';
background: #fff;
}
}
@media (max-width: 767px) and (max-width: 400px) {
._th39_module h2 {
margin-bottom: 0.5em;
}
._th39_module h2 span {
font-size: 12px;
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
._th39_module ._th39_module_nav {
position: relative;
width: 100%;
background-color: #fff;
padding-left: 0;
overflow: hidden;
transition: height 0.8s;
}
._th39_module ._th39_module_nav li {
width: 100%;
display: inline-block;
list-style: none;
text-align: center;
border-top: solid 1px #ddd6c6;
}
._th39_module ._th39_module_nav li a {
padding: 1em;
display: block;
color: #b9a77f;
text-decoration: none;
transition: 0.2s;
}
._th39_module ._th39_module_nav li a:hover {
background-color: #b1bab5;
color: #fff;
}
._th39_module ._th39_module_nav li:last-child {
border-bottom: solid 1px #ddd6c6;
}
._th39_module ._th39_module_content ._th39_module_box ._th39_module_title {
padding: 15px 0;
}
}
@media (min-width: 768px) {
._th39_module {
padding: 5em 2em 0;
}
._th39_module:after {
content: '';
position: absolute;
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img002.jpg) no-repeat center center;
background-attachment: fixed; background-size: cover;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
._th39_module .content_slide {
bottom: 0 !important;
}
._th39_module .open {
height: 100% !important;
}
._th39_module ._th39_module_content ._th39_module_box {
position: absolute;
width: 100%;
transition: bottom 0.8s;
overflow: hidden;
}
._th39_module ._th39_module_content ._th39_module_box ._th39_module_title {
padding: 5px 0;
}
._th39_module ._th39_module_content ._th39_module_box ._th39_module_nav {
position: relative;
width: 100%;
background-color: #fff;
padding-left: 0;
overflow: hidden;
transition: height 0.8s;
}
._th39_module ._th39_module_content ._th39_module_box ._th39_module_nav li {
width: 100%;
display: inline-block;
list-style: none;
text-align: center;
border-top: solid 1px #ddd6c6;
}
._th39_module ._th39_module_content ._th39_module_box ._th39_module_nav li a {
padding: 1em;
display: block;
color: #b9a77f;
text-decoration: none;
transition: 0.2s;
}
._th39_module ._th39_module_content ._th39_module_box ._th39_module_nav li a:hover {
background-color: #b1bab5;
color: #fff;
}
._th39_module ._th39_module_content ._th39_module_box ._th39_module_nav li:last-child {
border-bottom: solid 1px #ddd6c6;
}
}
.span_9.column_main ._th39_module {
padding: 2em 1em;
background-color: #000;
}
@media (max-width: 400px) {
.span_9.column_main ._th39_module h2 {
margin-bottom: 0.5em;
}
.span_9.column_main ._th39_module h2 span {
font-size: 12px;
font-size: 1.2rem;
}
}
.span_9.column_main ._th39_module ._th39_module_content ._th39_module_box {
bottom: auto !important;
}
.span_9.column_main ._th39_module ._th39_module_content ._th39_module_box ._th39_module_title {
padding: 15px 0;
}
.span_9.column_main ._th39_module ._th39_module_content ._th39_module_box ._th39_module_nav {
display: none;
}
.type02 h2 {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th14_module_h2_bg.jpg) no-repeat left top;
background-size: cover;
position: relative;
text-align: center;
display: block;
color: #fff;
padding: 65px 0;
margin-bottom: 1em;
font-size: 32px;
font-size: 3.2rem;
}
.type02 h2 span {
display: block;
font-size: 14px;
font-size: 1.4rem;
}
.type02 h2:before {
content: "";
display: block;
border-bottom: solid 1px #b1bab5;
width: 30px;
height: 1px;
position: absolute;
left: 50%;
top: inherit;
bottom: 25%;
transform: translateX(-50%);
}
.type02 h2:after {
display: none;
}
.type02 .row {
transform: translate(0, - 55px);
-webkit-transform: translate(0, - 55px);
}
.type02 .row h3 {
color: #b1bab5;
padding-bottom: .3em;
margin-bottom: 1em;
font-size: 18px;
font-size: 1.8rem;
}
.type02 .row h3:after {
height: 1px;
width: 100%;
background: #222222;
}
.type02 .row .more {
width: 100%;
}
.type02 .row .more a {
width: 100%;
text-align: center;
padding: 0.8em 1.3em 0.8em 1em;
}
.type02 .row .type02_left_img {
text-align: center;
}
@media (min-width: 768px) {
.type02 h2 {
padding: 84px 0;
}
.type02 .row {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
padding: 0 1%;
}
.type02 .row h3 {
font-size: 24px;
font-size: 2.4rem;
}
.type02 .row .more {
max-width: 150px;
margin-left: 0;
}
.type02 .row .more a {
padding: 0.2em 1.3em 0.2em 1em;
}
.type02 .row .type02_left_img {
overflow: hidden;
width: calc(100% - 500px);
transform: translate(0, - 75px);
-webkit-transform: translate(0, - 75px);
}
.type02 .row .type02_left_img img {
max-width: none;
}
.type02 .row .type02_right_text {
width: 500px;
padding-left: 40px;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
}
@media (min-width: 768px) and (max-width: 875px) {
.type02 .type02_left_img {
position: relative;
height: 480px;
}
.type02 .type02_left_img img {
position: absolute;
left: -40%;
}
}
@media (min-width: 1200px) {
.mod_08_section .container {
max-width: 1200px !important;
margin: 0 auto;
}
}
.mod_08_section .mod_08_title {
display: block;
}
.mod_08_section .mod_08_title small {
display: block;
font-size: 12px;
font-size: 1.2rem;
}
.mod_08_section .mod_08_title span {
display: inline-block;
position: relative;
}
.mod_08_section .mod_08_title span:after {
content: "";
background: #b1bab5;
position: absolute;
width: 100%;
display: block;
left: 0;
right: 0;
bottom: -95%;
}
@media (min-width: 768px) {
.mod_08_section.typeA .container .row, .mod_08_section.typeB .container .row {
position: relative;
}
.mod_08_section.typeA .container .row .mod_08_txt-box, .mod_08_section.typeB .container .row .mod_08_txt-box {
position: absolute;
top: 50%;
margin: auto;
}
.mod_08_section.typeA .container .row:not(.reverse) .mod_08_txt-box, .mod_08_section.typeB .container .row:not(.reverse) .mod_08_txt-box {
right: 0;
}
.mod_08_section.typeA .container .row.reverse .mod_08_txt-box, .mod_08_section.typeB .container .row.reverse .mod_08_txt-box {
left: 0;
}
}
.mod_08_section.typeB .row {
background: linear-gradient(to bottom right, #929292, #bababa);
}
.mod_08_section.typeB .row .mod_08_txt-box {
padding: 4%;
}
.mod_08_section.typeB .container .row {
margin-bottom: 0;
}
@media (max-width: 767px) {
.mod_08_section.typeB .container {
padding: 0;
}
}
.mod_08_section.typeC {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img004.jpg);
background-attachment: fixed; }
@media (min-width: 768px) {
.mod_08_section.typeC .mod_08_txt-box {
padding: 4%;
}
.mod_08_section.typeC .row .mod_08_img-box {
position: relative;
}
.mod_08_section.typeC .row .mod_08_img-box figure {
position: absolute;
right: 0;
bottom: 0;
top: 0;
overflow: hidden;
width: 1920px;
width: 50vw;
}
.mod_08_section.typeC .row .mod_08_img-box figure img {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: auto;
}
}
@media (min-width: 768px) and (max-width: 1020px) {
.mod_08_section.typeC .row .mod_08_img-box figure img {
height: 100%;
width: auto;
max-width: none;
}
}
@media (min-width: 768px) {
.mod_08_section.typeC .row.reverse .mod_08_img-box figure {
right: auto;
left: 0;
}
.mod_08_section.typeC .row.reverse .mod_08_img-box figure img {
right: auto;
left: 0;
}
.mod_08_section.typeC .container .row {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.mod_08_section.typeC .mod_08_txt-box {
padding: 5% 3%;
}
.mod_08_section.typeC .container {
padding: 0;
}
.mod_08_section.typeC .container .mod_08_txt-box {
padding: 2% 2% 4%;
}
}
.mod_08_section.inverse .mod_08_title span:after {
background: #FFF;
}
.mod_08_section.wow .mod_08_txt-box {
opacity: 0;
}
.mod_08_section.wow .mod_08_title span {
overflow: hidden;
transform: translateY(20px);
}
.mod_08_section.wow .mod_08_title span:after {
opacity: 1;
height: 100%;
transition: 0.5s;
bottom: 0;
}
.mod_08_section.animated .mod_08_txt-box {
opacity: 1;
transition: 0.5s;
}
.mod_08_section.animated .mod_08_title span {
transform: translateY(0);
transition: 1s;
}
.mod_08_section.animated .mod_08_title span:after {
opacity: 1;
transition: 0.5s 0.5s;
bottom: -95%;
}
@media (min-width: 768px) {
.mod_08_section.typeA.wow .mod_08_txt-box, .mod_08_section.typeB.wow .mod_08_txt-box {
transform: translateY(-40%);
}
}
@media (min-width: 768px) {
.mod_08_section.typeA.animated .mod_08_txt-box, .mod_08_section.typeB.animated .mod_08_txt-box {
transform: translateY(-50%);
}
}
.th05 .th05_hover {
position: relative;
text-align: center;
overflow: hidden;
}
.th05 .th05_hover:hover .th05_wrap {
top: 0;
}
.th05 .th05_hover:hover .th05_title {
top: 20%;
}
@media (max-width: 767px) {
.th05 .th05_hover .th05_wrap {
top: 0;
}
.th05 .th05_hover .th05_title {
top: 20%;
}
}
.th05 figure {
display: inline-block;
}
.th05 .th05_wrap {
position: absolute;
top: 80%;
right: 0;
left: 0;
margin: auto;
background: rgba(161, 193, 174, 0.7);
height: 100%;
transition: 0.3s;
}
.th05 .th05_title {
color: #fff;
position: absolute;
top: 4%;
left: 0;
right: 0;
margin: auto;
padding: 0;
transition: 0.3s;
line-height: 1;
font-size: 22px;
font-size: 2.2rem;
}
@media (max-width: 767px) {
.th05 .th05_title {
font-size: 16px;
font-size: 1.6rem;
}
}
.th05 .th05_title:after {
content: none;
}
.th05 .th05_text {
color: #fff;
position: absolute;
top: 36%;
left: 0;
right: 0;
margin: auto;
padding: 0 5%;
line-height: 2;
}
@media (max-width: 767px) {
.th05 .th05_text {
line-height: 1.7;
}
}
.th05 .th05_btn {
display: block;
line-height: 1.8;
position: absolute;
top: 70%;
left: 0;
right: 0;
margin: auto;
}
.th05 .th05_btn span {
display: block;
border: 1px solid #b1bab5;
color: #b1bab5;
background: #b1bab5;
padding: 0.6em;
margin: 0 auto 1px;
max-width: 280px;
width: 100%;
text-align: center;
text-decoration: none;
transition: .3s;
font-size: 14px;
font-size: 1.4rem;
display: block;
position: relative;
border-color: rgba(255, 255, 255, 0.3);
color: #fff;
width: calc(100% - 20px);
font-size: 14px;
font-size: 1.4rem;
padding: 0.3em 0;
}
@media (min-width: 768px) {
.th05 .th05_btn span {
font-size: 18px;
font-size: 1.8rem;
}
}
.th05 .th05_btn span.inverse {
border: 1px solid #b1bab5;
color: #b1bab5;
background: #b1bab5;
}
.th05 .th05_btn span:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 5%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
transform: translate(0, -50%) rotate(45deg);
transition: 0.2s;
}
.th05 .th05_btn span.inverse:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
.th05 .th05_btn span.inverse:hover {
border-color: #b1bab5;
color: #b1bab5;
background: #b1bab5;
}
.th05 .th05_btn span.inverse:hover:after {
border-color: #b1bab5;
}
.th05 .th05_btn span:hover {
border: 1px solid #b1bab5;
color: #b1bab5;
background: rgba(255, 255, 255, 0.7);
}
.th05 .th05_btn span:hover:after {
right: 4%;
border-color: #b1bab5;
}
@media (max-width: 480px) {
.th05 .th05_btn span {
max-width: none;
}
}
.th05 .th05_btn span:after {
border-color: #fff;
right: 8%;
}
.th05 .th05_btn span:hover {
color: #222222;
}
.th05 .th05_btn span:hover:after {
border-color: #222222;
}
.mod_07_section {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img002.jpg) center center;
background-attachment: fixed; padding: 5% 0;
}
.mod_07_section .mod_07_title {
font-size: 26px;
font-size: 2.6rem;
position: relative;
display: block;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-bottom: 0.6em;
}
@media (max-width: 767px) {
.mod_07_section .mod_07_title {
font-size: 20px;
font-size: 2rem;
}
}
.mod_07_section .mod_07_title:after {
content: "";
position: absolute;
left: 0;
right: 0;
border-bottom: 1px solid #cebd2d;
height: 2px;
bottom: 0;
}
.mod_07_section .mod_07_title span, .mod_07_section .mod_07_title small {
font-size: 14px;
font-size: 1.4rem;
margin-left: 0.5em;
color: #cebd2d;
}
@media (min-width: 768px) {
.mod_07_section .row:not(.reverse) .col .mod_07_title:after {
left: -3.0em;
}
.mod_07_section .row.reverse .col .mod_07_title:after {
right: -3.0em;
}
}
.mod_07_section.typeB .mod_07_title:after {
border-top: 1px solid #cebd2d;
}
.mod_07_section.typeC .mod_07_title {
padding-top: 15px;
padding-bottom: 12px;
margin-top: 1em;
margin-bottom: 1em;
line-height: 1.2;
}
.mod_07_section.typeC .mod_07_title:after {
top: 0;
border-bottom: 2px solid #b1bab5;
border-top: 2px solid #b1bab5;
height: 100%;
}
.th15_module .button {
border-radius: 0;
padding: 1.3em 5em !important;
margin: 1.0em 0 0 0 !important;
}
.th15_module .button.add_arrow {
display: inline-block !important;
}
.th15_module .button.add_arrow:after {
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.th15_module .button.add_arrow:hover:after {
border-top: 1px solid #cebd2d;
border-right: 1px solid #cebd2d;
}
.th15_module .th15_module_wrap .th15_module_img_box figure .th15_module_sp {
display: none;
}
.th15_module .th15_module_wrap .th15_module_text_box {
position: relative;
background: #f6f1eb;
}
.th15_module .th15_module_wrap .th15_module_text_box .th15_module_num {
position: absolute;
top: -12.5%;
}
.th15_module .th15_module_wrap .th15_module_text_box .th15_module_text_wrap {
overflow: hidden;
}
.th15_module .th15_module_wrap .th15_module_text_box .th15_module_text_wrap .th15_module_num {
font-family: arial, sans-serif;
font-weight: bold;
font-size: 70px;
color: #b1bab5;
line-height: 70px;
}
.th15_module p:not(.th15_module_num) {
line-height: 2.0em;
}
@media (min-width: 768px) {
.th15_module .th15_module_wrap {
position: relative;
margin-top: 70px;
width: 100%;
}
.th15_module .th15_module_wrap .th15_module_img_box {
float: right;
width: 50%;
padding-top: 50px;
}
.th15_module .th15_module_wrap .th15_module_text_box {
width: 50%;
float: right;
margin: 0;
padding: 30px;
}
.th15_module .th15_module_wrap .th15_module_text_box .th15_module_text_wrap {
width: -webkit-calc((1000px / 2) - 30px);
width: calc((1000px / 2) - 30px);
float: right;
}
.th15_module .th15_module_wrap .th15_module_text_box .th15_module_text_wrap:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.th15_module .th15_module_wrap .th15_module_text_box:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.th15_module .th15_module_wrap:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
}
@media (max-width: 1020px) and (min-width: 768px) {
.th15_module .th15_module_wrap {
min-height: -webkit-calc(334px + 50px);
min-height: calc(334px + 50px);
}
.th15_module .th15_module_wrap .th15_module_img_box {
width: -webkit-calc((1000px / 2));
width: calc((1000px / 2));
position: absolute;
float: none;
right: 0;
}
.th15_module .th15_module_wrap .th15_module_text_box {
width: -webkit-calc((1000px / 2));
width: calc((1000px / 2));
float: left;
}
.th15_module .th15_module_wrap .th15_module_text_box .th15_module_text_wrap {
width: auto;
}
}
@media (max-width: 767px) {
.th15_module .th15_module_wrap .th15_module_text_box .th15_module_text_wrap {
padding: 0 0 1.0em;
width: 92%;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 480px) {
.th15_module .th15_module_wrap .th15_module_img_box figure {
max-width: 100%;
}
.th15_module .th15_module_wrap .th15_module_img_box figure img {
display: inline;
max-width: 480px;
}
}
body.two_column .th15_module .th15_module_wrap {
min-height: -webkit-calc(334px + 50px);
min-height: calc(334px + 50px);
}
body.two_column .th15_module .th15_module_wrap .th15_module_img_box {
width: -webkit-calc((1000px / 2));
width: calc((1000px / 2));
position: absolute;
float: none;
right: 0;
}
body.two_column .th15_module .th15_module_wrap .th15_module_img_box figure img {
max-width: none;
}
body.two_column .th15_module .th15_module_wrap .th15_module_text_box {
width: -webkit-calc((1000px / 2));
width: calc((1000px / 2));
float: left;
}
body.two_column .th15_module .th15_module_wrap .th15_module_text_box .th15_module_text_wrap {
width: auto;
}
@media (max-width: 1200px) {
body.two_column .th15_module .th15_module_wrap .th15_module_img_box {
position: relative;
}
body.two_column .th15_module .th15_module_wrap .th15_module_text_box {
width: 100%;
}
}
@media (max-width: 767px) {
body.two_column .th15_module .th15_module_wrap .th15_module_text_box {
padding: 1.0em;
}
}
@media (max-width: 480px) {
body.two_column .th15_module .th15_module_wrap .th15_module_img_box {
width: 100% !important;
}
body.two_column .th15_module .th15_module_wrap .th15_module_img_box figure img {
display: inline;
max-width: 100%;
}
}
.mod_01_section {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img003.jpg) no-repeat center center;
padding: 5% 0;
background-size: cover;
margin-bottom: 0;
padding: 5% 0;
}
.mod_01_section .news .row .news_bg {
padding: 0;
background: transparent;
}
.mod_01_section .news .row .col {
background: rgba(255, 255, 255, 0.7);
padding: 4%;
}
.mod_01_section .news.typeC .news_bg {
height: 340px;
}
.mod_01_section .news.typeC dl {
max-height: 340px;
padding-right: 0.5em;
}
.mod_01_section .news.typeC dl dt, .mod_01_section .news.typeC dl dd {
display: block;
padding-left: 0;
float: none;
}
.mod_01_section .tel-num {
color: #b1bab5;
font-size: 22px;
font-size: 2.2rem;
}
@media (max-width: 767px) {
.mod_01_section .tel-num {
font-size: 18px;
font-size: 1.8rem;
}
}
.mod_01_section.typeA .table-schedule tbody th {
background: #638f76;
color: #FFF;
}
.mod_01_section.typeB table tbody th {
background: transparent;
color: #222222;
}
.mod_01_section.typeB table tr:not(:last-child) th, .mod_01_section.typeB table tr:not(:last-child) td {
border: 0;
border-bottom: 1px dotted #cccccc;
}
.mod_01_section.typeB table tr:last-child th, .mod_01_section.typeB table tr:last-child td {
border: 0;
}
.mod_01_section.typeB table tr th:not(:last-child), .mod_01_section.typeB table tr td:not(:last-child) {
border-right: 1px dotted #cccccc;
}
.mod_01_section.typeC table th, .mod_01_section.typeC table td {
background: transparent;
color: #FFF;
border-color: #FFF;
}
._th22_module { }
._th22_module h2 {
text-align: left !important;
}
._th22_module h2 ._th22_module_initial {
color: #b1bab5 !important;
}
._th22_module h2:before {
content: none;
}
._th22_module h2:after {
content: '';
position: static;
margin: 0.5em 0 !important;
width: 60px;
display: block;
height: 2px;
background: #b1bab5;
transform: none;
}
._th22_module h2 ._th22_module_subtitle {
font-weight: normal;
display: block;
margin-top: 0.7em;
font-size: 1.6rem;
}
._th22_module .row.inverse {
background: #b1bab5;
color: #ffffff;
}
._th22_module_02 { }
._th22_module_02 h2:after {
content: '';
background: #fff !important;
}
._th22_module .button {
border: 1px solid #b1bab5;
}
._th22_module .button.add_arrow {
display: inline-block;
border-radius: 0;
padding: 1em 3.5em;
}
._th22_module .button.add_arrow:after {
border-color: #ffffff;
}
._th22_module .button.add_arrow:hover {
color: #222222;
}
._th22_module .button.add_arrow:hover:after {
border-color: #222222;
}
._th22_module .button.add_arrow.inverse {
border: 1px solid #fff;
}
._th22_module .button.add_arrow.inverse:after {
border-color: #fff;
}
._th22_module .button.add_arrow.inverse:hover {
background: #fff;
color: #222222;
}
._th22_module .button.add_arrow.inverse:hover:after {
border-color: #222222;
}
@media (max-width: 999px) and (min-width: 768px) {
._th22_module .button.add_arrow {
padding: 1em 1.8em 1em 1em;
}
}
@media (max-width: 767px) {
._th22_module .button.add_arrow {
padding: 1.2em 2em 1.2em 1.5em;
}
}
body.two_column .button.add_arrow {
display: inline-block;
border-radius: 0;
padding: 1em 1.8em 1em 1em;
}
@media (max-width: 1023px) {
body.two_column .button.add_arrow {
display: block;
margin: 1em;
}
}
@media (min-width: 768px) {
._th22_module .wrap .row {
min-height: 370px;
position: relative;
margin: 0 0 3%;
padding-bottom: 5em;
z-index: 0;
}
._th22_module .wrap .row ._th22_module_img_box {
position: absolute;
width: 49%;
top: 0;
height: 100%;
min-height: 370px;
z-index: 1;
}
._th22_module .wrap .row ._th22_module_img_box figure {
height: 100%;
}
._th22_module .wrap .row ._th22_module_img_box figure img {
min-height: 370px;
height: 100%;
}
._th22_module .wrap .row ._th22_module_text_box {
width: 98%;
margin: 0 auto;
position: relative;
padding: 3em 0;
}
._th22_module .wrap .row ._th22_module_text_box ._th22_module_text_wrap {
width: 49%;
}
._th22_module .wrap .row.img_right ._th22_module_img_box {
right: 0;
background-position: left top;
}
._th22_module .wrap .row.img_right ._th22_module_img_box figure {
position: relative;
}
._th22_module .wrap .row.img_right ._th22_module_img_box figure img {
position: absolute;
left: 0;
}
._th22_module .wrap .row.img_left ._th22_module_img_box {
left: 0;
background-position: right top;
}
._th22_module .wrap .row.img_left ._th22_module_img_box figure {
position: relative;
}
._th22_module .wrap .row.img_left ._th22_module_img_box figure img {
position: absolute;
right: 0;
}
._th22_module .wrap .row.img_left ._th22_module_text_box ._th22_module_text_wrap {
float: right;
padding-right: 2%;
}
}
@media (min-width: 1000px) {
._th22_module .wrap ._th22_module_text_box {
width: 1000px !important;
}
}
@media (max-width: 767px) {
._th22_module .wrap .row ._th22_module_img_box {
margin: 2em 0;
}
._th22_module .wrap .row ._th22_module_img_box figure img {
width: 100%;
}
._th22_module .wrap .row ._th22_module_text_box {
width: 98%;
margin: 0 auto;
padding: 0 0 1.0em;
}
}
._th22_module .row.inverse {
background: #b1bab5;
color: #ffffff;
}
._th22_module .row.inverse h2 {
color: #ffffff;
}
._th22_module .row.inverse h2 ._th22_module_initial {
color: black !important;
}
@media (max-width: 767px) {
._th22_module .row.inverse ._th22_module_img_box {
background: #ffffff !important;
}
}
body.two_column ._th22_module .wrap ._th22_module_text_box {
width: 100% !important;
}
body.two_column ._th22_module .wrap ._th22_module_img_box {
overflow: hidden;
}
body.two_column ._th22_module .wrap ._th22_module_img_box img {
max-width: none;
}
._th12_module_wrap {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img002.jpg) no-repeat center center;
padding: 5% 0 8% 0;
background-size: cover;
background-attachment: fixed; }
._th12_module_wrap .row {
position: relative;
}
._th12_module_wrap .row ._th09_txt_box {
min-width: 530px;
background: rgba(255, 255, 255, 0.8);
padding: 1.5em 2.5em;
}
@media (min-width: 768px) {
._th12_module_wrap .row ._th09_txt_box {
min-height: 320px;
}
}
@media (min-width: 1000px) {
._th12_module_wrap .row ._th12_module_box figure {
position: relative;
left: -14%;
}
._th12_module_wrap .row ._th12_module_box ._th09_txt_box {
position: absolute;
top: 12%;
right: 0;
}
._th12_module_wrap .row ._th12_module_box ._th09_txt_box .more {
margin-top: 2em;
}
._th12_module_wrap .row ._th12_module_box.bnr_reverse .span_12 {
float: none;
}
._th12_module_wrap .row ._th12_module_box.bnr_reverse .span_12 figure {
right: -14%;
left: auto;
}
._th12_module_wrap .row ._th12_module_box.bnr_reverse ._th09_txt_box {
float: none;
right: auto;
left: 0;
}
._th12_module_wrap .row:not(:last-child) {
margin-bottom: 9%;
}
}
._th12_module_wrap .wow {
transition: 1s;
opacity: 0;
}
._th12_module_wrap .wow .animated {
opacity: 1;
}
._th12_module_wrap .wow.fade_up {
transform: translate(0, -40px);
}
._th12_module_wrap .wow.fade_up.animated {
transform: translate(0, 0);
opacity: 1;
}
._th12_module_wrap .wow.fade_up.delay {
transition-delay: 0.8s;
}
._th12_module_wrap .wow.fade_down {
transform: translate(0, 40px);
}
._th12_module_wrap .wow.fade_down.animated {
transform: translate(0, 0);
opacity: 1;
}
._th12_module_wrap .wow.fade_down.delay {
transition-delay: 0.8s;
}
@media (min-width: 768px) and (max-width: 999px) {
._th12_module_wrap .row {
margin-bottom: 290px;
}
._th12_module_wrap .row ._th12_module_box figure {
position: static;
}
._th12_module_wrap .row ._th12_module_box ._th09_txt_box {
position: absolute;
top: 75%;
right: 0;
}
._th12_module_wrap .row ._th12_module_box ._th09_txt_box .more {
margin-top: 2em;
}
._th12_module_wrap .row ._th12_module_box.bnr_reverse .span_12 {
float: none;
}
._th12_module_wrap .row ._th12_module_box.bnr_reverse .span_12 figure {
right: 0;
left: auto;
}
._th12_module_wrap .row ._th12_module_box.bnr_reverse ._th09_txt_box {
float: none;
right: auto;
left: 0;
}
}
@media (max-width: 767px) {
._th12_module_wrap .row ._th12_module_box .span_12 {
margin-bottom: 0;
}
._th12_module_wrap .row ._th12_module_box ._th09_txt_box {
max-width: 640px;
margin: 0 auto;
min-width: 0;
padding: 1.4em;
}
._th12_module_wrap .row:not(:last-child) {
margin-bottom: 12%;
}
}
.news_section {
padding: 5% 0 0 0;
}
.mod_06_section .mod_06_bg-box {
position: relative;
}
.mod_06_section .mod_06_bg-box h2 {
position: absolute;
width: 100%;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
margin: auto;
z-index: 2;
}
.mod_06_section .mod_06_bg-box p {
position: absolute;
width: 100%;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
margin: auto;
z-index: 2;
}
.mod_06_section .mod_06_bg-box figure img {
width: auto;
max-width: 150%;
}
@media (max-width: 767px) {
.mod_06_section .mod_06_bg-box h2 {
position: absolute;
width: 100%;
top: 35%;
right: 0;
left: 0;
transform: translateY(-50%);
margin: auto;
z-index: 2;
}
}
.mod_06_section .mod_06_main {
transform: translate(0, -40px);
margin-top: 0;
}
@media (max-width: 767px) {
.mod_06_section .mod_06_main .row .col {
border-right: 0 !important;
}
.mod_06_section .mod_06_main .row .col:not(:last-child) {
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
.mod_06_section .mod_06_main .add_arrow {
display: block;
min-width: 0;
}
}
.mod_06_section.typeA .mod_06_main {
background: #ffffff;
padding: 20px 0 20px 20px;
margin-top: -10%;
}
.mod_06_section.typeA .mod_06_main .row .col {
padding: 0 20px 20px 0;
position: relative;
}
.mod_06_section.typeA .mod_06_main .row .col figure {
margin-bottom: 1.0em;
}
.mod_06_section.typeA .mod_06_main .row .col .mod_06_title {
margin-bottom: 0.2em;
color: #222222;
}
.mod_06_section.typeA .mod_06_main .row .col:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 20px;
border-bottom: 1px #f6f1eb solid;
}
.mod_06_section.typeA .mod_06_main .row:not(.reverse) .col:not(:last-child) {
border-right: #f6f1eb 1px solid;
}
.mod_06_section.typeA .mod_06_main .row.reverse .col:not(:first-child) {
border-right: #f6f1eb 1px solid;
}
@media (max-width: 1020px) {
.mod_06_section.typeA .mod_06_main {
width: 96%;
}
}
.mod_06_section.typeB .mod_06_main .row .col {
position: relative;
}
.mod_06_section.typeB .mod_06_main .row .col .mod_06_txt-wrap {
padding: 1.0em;
background: #ffffff;
}
.mod_06_section.typeB .mod_06_main .row .col figure {
margin-bottom: 1.0em;
}
.mod_06_section.typeB .mod_06_main .row .col .mod_06_title {
margin-bottom: 0.2em;
color: #222222;
font-weight: bold;
}
.mod_06_section.typeB .mod_06_main .row .col .mod_06_title span {
color: #b1bab5;
font-size: 16px;
display: inline-block;
}
.mod_06_section.typeB .mod_06_main .row .col:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0px 1px 2px 2px rgba(161, 193, 174, 0.2);
}
@media (max-width: 1020px) {
.mod_06_section.typeB .mod_06_main {
width: 96%;
}
}
.mod_06_section.wow .mod_06_main .row .col {
opacity: 0;
transform: translateY(-20px);
}
.mod_06_section.animated .mod_06_main .row .col {
opacity: 1;
transform: translateY(0);
transition: 0.5s;
}
.mod_06_section.animated .mod_06_main .row .col:nth-child(1) {
transition-delay: 0.2s;
}
.mod_06_section.animated .mod_06_main .row .col:nth-child(2) {
transition-delay: 0.4s;
}
.mod_06_section.animated .mod_06_main .row .col:nth-child(3) {
transition-delay: 0.6s;
}
.mod_06_section.animated .mod_06_main .row .col:nth-child(4) {
transition-delay: 0.8s;
}
.mod_06_section.animated .mod_06_main .row .col:nth-child(5) {
transition-delay: 1s;
}
.mod_06_section.animated .mod_06_main .row .col:nth-child(6) {
transition-delay: 1.2s;
}
.mod_06_section.animated .mod_06_main .row .col:nth-child(7) {
transition-delay: 1.4s;
}
.mod_06_section.animated .mod_06_main .row .col:nth-child(8) {
transition-delay: 1.6s;
}
.mod_06_section.animated .mod_06_main .row .col:nth-child(9) {
transition-delay: 1.8s;
}
@media (min-width: 768px) {
.mod_06_section .button-flat, .mod_06_section .button-round, .mod_06_section .button-circle, .mod_06_section .button-round, .mod_06_section .button-circle, .mod_06_section .button, .mod_06_section .button-ghost, .mod_06_section .button-ghost-round, .mod_06_section .button, .mod_06_section .button-ghost-round, .mod_06_section .button-border, .mod_06_section .button-3d {
min-width: 0 !important;
display: block !important;
}
}
._th26_module h2 {
color: #fff;
}
._th26_module h2 small, ._th26_module h2 span {
color: #fff;
font-weight: normal;
}
._th26_module h2:after {
content: '';
display: block;
background: url(//www.dog-grooming-wish.com/wp-content/uploads/h2_ico2.png) no-repeat center 100%;
}
._th26_module a {
display: block;
text-decoration: none;
}
._th26_module a ._th26_module_wrap {
background: none;
}
._th26_module a .row {
background: #b1bab5;
color: #fff;
text-align: center;
}
._th26_module a .row ._th26_module_text_wrap {
position: relative;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text {
padding: 2em;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text h3 {
color: #fff;
font-weight: bold;
font-size: 24px;
font-size: 2.4rem;
position: relative;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text h3 span {
display: block;
padding-top: 0.5em;
color: #fff;
font-weight: normal;
font-size: 18px;
font-size: 1.8rem;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text h3:after {
content: '';
position: absolute;
bottom: -.5em;
left: calc(50% - 20px);
display: block;
width: 40px;
height: 2px;
background: #fff;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text .more {
font-size: 16px;
font-size: 1.6rem;
display: inline-block;
border: #fff solid 1px;
padding: 0.6em;
margin: 1em auto;
max-width: 280px;
border-radius: 0px;
width: 100%;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text .more .add_arrow:after {
content: "";
left: 350%;
width: 6px;
height: 6px;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
._th26_module a:hover .more {
color: #fff;
}
._th26_module a:hover .more .add_arrow:after {
content: "";
left: 155%;
width: 6px;
height: 6px;
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
@media (min-width: 768px) {
._th26_module a {
display: block;
}
._th26_module a img {
opacity: 0;
width: 1200px;
height: 380px;
}
._th26_module a:nth-child(1) ._th26_module_wrap {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th26_module_img1.jpg) no-repeat center center;
background-size: cover;
transition: all 0.6s 0s ease;
}
._th26_module a:nth-child(2) ._th26_module_wrap {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th26_module_img2.jpg) no-repeat center center;
background-size: cover;
transition: all 0.6s 0s ease;
}
._th26_module a:nth-child(3) ._th26_module_wrap {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th26_module_img3.jpg) no-repeat center center;
background-size: cover;
transition: all 0.6s 0s ease;
}
._th26_module a:hover ._th26_module_wrap {
-webkit-transform: scale(1.05);
transform: scale(1.05);
transition: all 0.6s 0s ease;
}
._th26_module a:hover .more {
background: #fff;
color: #b1bab5;
transition: all 0.6s 0s ease;
}
._th26_module a .row .span_8 {
overflow: hidden;
}
._th26_module a .row ._th26_module_text_wrap {
position: relative;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text {
width: 90%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text h3 {
color: #fff;
font-weight: bold;
font-size: 24px;
font-size: 2.4rem;
position: relative;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text h3 span {
display: block;
padding-top: 0.5em;
color: #fff;
font-weight: normal;
font-size: 18px;
font-size: 1.8rem;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text h3:after {
content: '';
position: absolute;
bottom: 0em;
left: calc(50% - 20px);
display: block;
width: 40px;
height: 2px;
background: #fff;
}
}
@media (min-width: 768px) and (max-width: 1000px) {
._th26_module a {
display: block;
}
._th26_module a img {
opacity: 0;
width: 1200px;
height: 380px;
}
._th26_module a:nth-child(1) ._th26_module_wrap {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th26_module_sp_img1.jpg) no-repeat center center;
background-size: cover;
transition: all 0.6s 0s ease;
}
._th26_module a:nth-child(2) ._th26_module_wrap {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th26_module_sp_img2.jpg) no-repeat center center;
background-size: cover;
transition: all 0.6s 0s ease;
}
._th26_module a:nth-child(3) ._th26_module_wrap {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th26_module_sp_img3.jpg) no-repeat center center;
background-size: cover;
transition: all 0.6s 0s ease;
}
._th26_module a .span_8 {
width: 60%;
}
._th26_module a .span_4 {
width: 40%;
}
._th26_module a .more {
display: block !important;
padding: .8em 0 !important;
}
}
@media (max-width: 767px) {
._th26_module a .col {
margin-bottom: 0;
}
._th26_module a img {
opacity: 1;
width: 100%;
}
._th26_module a ._th26_module_text_wrap {
position: relative;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text .more {
font-size: 14px;
font-size: 1.4rem;
display: inline-block;
border: #fff solid 1px;
padding: .6em;
transition: all 0.6s 0s ease;
}
._th26_module a .row ._th26_module_text_wrap ._th26_module_text .more .add_arrow:after {
content: "";
left: 350%;
width: 6px;
height: 6px;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
}
.mod_14_section {
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.mod_14_section {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/mod_14_bg001.jpg) no-repeat center center;
background-size: cover;
}
}
.mod_14_section .mod_14_bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.mod_14_section .container {
margin-top: 0;
padding: 0;
}
.mod_14_section .container > .row {
margin-bottom: 0;
}
.mod_14_section .mod_14_content {
margin: 10% 0;
background: rgba(255, 255, 255, 0.8);
padding: 3% 2%;
}
.mod_14_section .mod_14_content .mod_14_title small,
.mod_14_section .mod_14_content .mod_14_title span {
font-size: 14px;
font-size: 1.4rem;
display: block;
}
@media (max-width: 767px) {
.mod_14_section .mod_14_content {
padding: 2% 1%;
}
}
.mod_14_section2 {
margin-top: 0;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.mod_14_section2 {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/mod_14_bg002.jpg) no-repeat center center;
background-size: cover;
}
}
.mod_14_section2 .mod_14_bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.mod_14_section2 .container {
margin-top: 0;
padding: 0;
}
.mod_14_section2 .container > .row {
margin-bottom: 0;
}
.mod_14_section2 .mod_14_content {
background: rgba(255, 255, 255, 0.8);
padding: 10% 2%;
margin: 0;
}
.mod_14_section2 .mod_14_content .mod_14_title small,
.mod_14_section2 .mod_14_content .mod_14_title span {
font-size: 14px;
font-size: 1.4rem;
display: block;
}
.mod_12_section {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/mod_12_bg001.jpg) no-repeat center center;
background-size: cover;
padding: 5% 0;
}
.mod_12_section .mod_12_title {
font-weight: bold;
}
.mod_12_section .mod_12_title small {
font-size: 16px;
font-size: 1.6rem;
display: block;
}
@media (max-width: 1020px) {
.mod_12_section .mod_12_content_wrap {
max-width: 96%;
padding: 5% 2%;
}
}
.mod_12_section.typeA .mod_12_content_wrap {
background: rgba(255, 255, 255, 0.8);
padding: 3%;
}
.mod_12_section.typeA.inverse .mod_12_content_wrap {
background: #222222;
}
.mod_12_section.typeB {
position: relative;
}
.mod_12_section.typeB .mod_12_content_wrap {
padding: 2.5%;
background: #b1bab5;
color: #ffffff;
transition: 0.4s;
}
.mod_12_section.typeB .mod_12_content_wrap:hover {
background: transparent;
transition: 0.75s;
}
.mod_12_section.typeB .mod_12_title a {
text-decoration: none;
color: #ffffff;
}
.mod_12_section.typeB .mod_12_title a:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.mod_12_section.wow .mod_12_content_wrap {
opacity: 0;
transform: translateY(20px);
}
.mod_12_section.animated .mod_12_content_wrap {
opacity: 1;
transition: 1s;
transform: translateY(0);
}
.th25_module a:not(.add_arrow) {
text-decoration: none;
border: none;
display: block;
width: 100%;
height: 100%;
}
@media (max-width: 1023px) {
.th25_module .col {
width: 100%;
margin-bottom: 0;
}
}
.th25_module .th25_module_bnr {
position: relative;
margin: auto;
}
.th25_module .th25_module_bnr:after {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: .3s;
}
.th25_module .th25_module_bnr:hover {
color: #ffffff;
}
.th25_module .th25_module_bnr:hover:after {
opacity: 1;
}
.th25_module .th25_module_bnr:hover .more .add_arrow {
color: #ffffff;
border-color: #fff !important;
}
.th25_module .th25_module_bnr:hover .more .add_arrow:before {
height: 100%;
width: 135%;
}
.th25_module .th25_module_bnr:hover .more .add_arrow:after {
border-color: #000;
}
.th25_module .more {
color: #ffffff;
}
.th25_module .more .add_arrow {
width: 280px;
padding: .6em;
transition: .3s;
display: inline-block;
letter-spacing: normal;
border: 2px solid #fff;
color: #fff;
border-color: #ffffff;
margin-bottom: 1px;
border-radius: 0px;
text-decoration: none;
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.th25_module .more .add_arrow {
font-size: 16px;
font-size: 1.6rem;
}
}
.th25_module .more .add_arrow:after {
border-color: #ffffff;
}
.th25_module .more .add_arrow:hover {
color: #000 !important;
background: #fff;
}
.th25_module .more .add_arrow:hover:after {
right: 5%;
border-color: #ffffff;
}
.th25_module .th25_module_txt {
position: absolute;
left: 0;
right: 0;
transform: translateY(-50%);
margin: auto;
text-align: center;
z-index: 1;
color: #ffffff;
}
.th25_module .th25_module_txt.twrap1 {
top: 73%;
}
.th25_module .th25_module_txt.twrap2, .th25_module .th25_module_txt.twrap3 {
top: 50%;
}
.th25_module img {
max-width: 100%;
}
.th25_module .th25_module_p {
color: #fff;
font-weight: bold;
margin-bottom: 0;
font-size: 28px;
font-size: 2.8rem;
}
.th25_module .th25_module_p small, .th25_module .th25_module_p span {
display: block;
padding-top: 0em;
font-size: 18px;
font-size: 1.8rem;
}
@media (max-width: 1023px) {
.th25_module .th25_module_p {
font-size: 22px;
font-size: 2.2rem;
}
.th25_module .th25_module_p small, .th25_module .th25_module_p span {
font-size: 14px;
font-size: 1.4rem;
}
}
.th25_module .th25_module_p2 {
color: #fff;
margin-bottom: 2em;
}
body #page_block3 .th25_module .more a:hover {
background: transparent;
}
@media (min-width: 1024px) and (max-width: 1200px) {
body.two_column #page_block3 .th25_module_p {
font-size: 22px;
font-size: 2.2rem;
}
}
.th03_bnr {
margin-top: 5%;
}
.th03_bnr .th03_bnr_text {
padding: 15px;
color: #222222;
border-radius: 0px;
}
.th03_bnr .th03_bnr_text h2 {
color: #222222;
}
.th03_bnr .th03_bnr_text h2:after {
content: none;
}
@media (min-width: 768px) {
.th03_bnr .th03_bnr_text {
padding: 36px;
margin-bottom: 3%;
}
}
.th03_bnr .th03_bnr_button.more a {
border-color: rgba(255, 255, 255, 0.3);
color: #fff;
}
@media (max-width: 480px) {
.th03_bnr .th03_bnr_button.more a {
width: 100%;
max-width: none;
}
}
.th03_bnr .th03_bnr_button.more a:after {
border-color: #fff;
right: 8%;
}
.th03_bnr .th03_bnr_button.more a:hover {
color: #222222;
}
.th03_bnr .th03_bnr_button.more a:hover:after {
border-color: #222222;
}
@media (min-width: 768px) {
.th03_bnr {
position: relative;
}
.th03_bnr + .th03_bnr {
margin-top: 5%;
}
.th03_bnr .th03_bnr_img {
position: absolute;
left: 45%;
right: auto;
top: 0;
margin: auto;
overflow: visible;
padding-top: 48%;
}
.th03_bnr .th03_bnr_img > * {
position: absolute;
top: 0;
right: -100%;
left: 0;
text-align: left;
}
.th03_bnr .th03_bnr_text {
position: relative;
z-index: 2;
width: 43%;
overflow: hidden;
min-height: calc(480px * 1 );
background-size: auto;
}
}
@media (min-width: 768px) and (max-width: 900px) {
.th03_bnr .th03_bnr_text {
width: 60%;
}
}
@media (min-width: 768px) {
.th03_bnr .th03_bnr_text p:not(.th03_bnr_button) {
line-height: 2;
margin-bottom: 2em;
}
}
@media (min-width: 768px) and (max-width: 900px) {
.th03_bnr .th03_bnr_text p:not(.th03_bnr_button) {
margin-bottom: 1em !important;
}
}
@media (min-width: 768px) {
.th03_bnr .th03_bnr_button {
position: absolute;
bottom: 55px;
left: 55px;
width: 280px;
max-width: 100%;
}
.th03_bnr .reverse .th03_bnr_img {
left: auto;
right: 45%;
}
.th03_bnr .reverse .th03_bnr_img > * {
right: 0;
left: -100%;
text-align: right;
}
.th03_bnr.wow .th03_bnr_img {
opacity: 0;
transition: 1s 0.5s;
}
.th03_bnr.wow .th03_bnr_text {
opacity: 0;
transition: 1s 0.5s;
}
.th03_bnr.animated .th03_bnr_img, .th03_bnr:not(.wow) .th03_bnr_img {
transform: translate(0, 0px);
opacity: 1;
}
.th03_bnr.animated .th03_bnr_text, .th03_bnr:not(.wow) .th03_bnr_text {
transform: translate(0, 0px);
opacity: 1;
}
}
._th09_module {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img001_b.jpg) no-repeat center center;
padding: 5% 0;
background-size: cover;
background-attachment: fixed; }
@media (min-width: 768px) {
._th09_module .wrap_back_img_left {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th09_module_img001.jpg) no-repeat left top;
height: 404px;
width: 100%;
}
}
@media (min-width: 768px) and (min-width: 800px) {
._th09_module .wrap_back_img_left {
margin-right: -380px;
}
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 799px) {
._th09_module .wrap_back_img_left {
margin-right: -340px;
}
}
@media (min-width: 768px) {
._th09_module .wrap_back_img_right {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th09_module_img002.jpg) no-repeat right top;
height: 404px;
width: 100%;
}
}
@media (min-width: 768px) and (min-width: 800px) {
._th09_module .wrap_back_img_right {
margin-left: -380px;
}
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 799px) {
._th09_module .wrap_back_img_right {
margin-left: -340px;
}
}
@media (min-width: 768px) {
._th09_module .wrap_btn_text_area {
background-color: #ffffff;
padding: 5%;
position: relative;
}
}
@media (min-width: 768px) and (min-width: 800px) {
._th09_module .wrap_btn_text_area {
width: 380px;
}
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 799px) {
._th09_module .wrap_btn_text_area {
width: 340px;
}
}
@media (min-width: 768px) {
._th09_module .wrap_btn_text_area h2 {
font-size: 36px;
font-size: 3.6rem;
margin: 0;
}
._th09_module .wrap_btn_text_area h2 span {
font-size: 20px;
font-size: 2rem;
display: block;
color: #000000;
}
._th09_module .wrap_btn_text_area h2:after, ._th09_module .wrap_btn_text_area h2:before {
display: none;
}
._th09_module .wrap_btn_text_area .more {
width: 100%;
margin-top: 5%;
}
._th09_module .wrap_btn_text_area .more a {
width: 100%;
text-align: center;
background-color: #b1bab5;
color: #ffffff;
border: solid 1px #b1bab5;
padding: 0.5em 1.3em 0.5em 1em;
}
._th09_module .wrap_btn_text_area .more a:hover {
background-color: #111;
color: #222222;
border: solid 1px #222222;
transition: 0.7s;
-webkit-transition: 0.7s;
}
}
@media (max-width: 767px) {
._th09_module {
background-color: #ffffff;
}
._th09_module .container {
padding-top: 5%;
}
._th09_module .tile > *,
._th09_module .tile > * {
height: inherit;
}
._th09_module .wrap_back_img_left {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th09_module_img001.jpg) no-repeat center top;
width: 100%;
background-size: cover;
padding-top: 63.125%;
}
._th09_module .wrap_back_img_right {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/th09_module_img002.jpg) no-repeat center top;
width: 100%;
background-size: cover;
padding-top: 63.125%;
}
._th09_module .wrap_btn_text_area {
padding: 5%;
background: rgba(255, 255, 255, 0.7);
}
._th09_module .wrap_btn_text_area h2 {
font-size: 24px;
font-size: 2.4rem;
margin: 0 0 0.5em;
}
._th09_module .wrap_btn_text_area h2 span {
font-size: 18px;
font-size: 1.8rem;
display: block;
}
._th09_module .wrap_btn_text_area h2:after, ._th09_module .wrap_btn_text_area h2:before {
display: none;
}
._th09_module .wrap_btn_text_area .more {
width: 100%;
text-align: center;
}
._th09_module .wrap_btn_text_area .more a {
width: 100%;
text-align: center;
background-color: #b1bab5;
color: #ffffff;
border: solid 1px #b1bab5;
padding: 0.5em 1.3em 0.5em 1em;
}
._th09_module .wrap_btn_text_area .more a:hover {
background-color: #111;
color: #222222;
border: solid 1px #222222;
transition: 0.7s;
-webkit-transition: 0.7s;
}
}
.th01_bnr .th01_bnr_content {
transition: box-shadow 0.3s;
}
@media (max-width: 767px) {
.th01_bnr .th01_bnr_content {
max-width: 500px;
margin: auto;
}
}
@media (min-width: 768px) {
.th01_bnr .th01_bnr_content:hover {
box-shadow: 15px -5px 30px -18px rgba(0, 0, 0, 0.3), -15px -5px 30px -18px rgba(0, 0, 0, 0.3);
}
}
.th01_bnr .th01_bnr_img {
position: relative;
overflow: hidden;
z-index: 1;
text-align: center;
display: block;
}
.th01_bnr .th01_bnr_img:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 2;
background: rgba(161, 193, 174, 0.3);
transform: rotateZ(45deg) scale(2, 3) translate(75%, 0);
transition: 0.3s;
}
.th01_bnr .th01_bnr_img .more {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
transform: translate(0, 0);
text-align: center;
line-height: 1.8;
opacity: 0;
z-index: 3;
transition: transform 0.3s, opacity 0.3s;
}
.th01_bnr .th01_bnr_img .more span {
display: block;
border: 1px solid #b1bab5;
border-color: rgba(255, 255, 255, 0.3);
color: #fff;
background: #b1bab5;
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) {
.th01_bnr .th01_bnr_img .more span {
font-size: 18px;
font-size: 1.8rem;
}
}
.th01_bnr .th01_bnr_img .more span.inverse {
border: 1px solid #b1bab5;
color: #b1bab5;
background: #b1bab5;
}
.th01_bnr .th01_bnr_img .more span:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 5%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
transform: translate(0, -50%) rotate(45deg);
transition: 0.2s;
}
.th01_bnr .th01_bnr_img .more span.inverse:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
.th01_bnr .th01_bnr_img .more span.inverse:hover {
border-color: #b1bab5;
color: #b1bab5;
background: #b1bab5;
}
.th01_bnr .th01_bnr_img .more span.inverse:hover:after {
border-color: #b1bab5;
}
.th01_bnr .th01_bnr_img .more span:hover {
border: 1px solid #b1bab5;
color: #b1bab5;
background: #b1bab5;
}
.th01_bnr .th01_bnr_img .more span:hover:after {
right: 4%;
border-color: #b1bab5;
}
@media (max-width: 480px) {
.th01_bnr .th01_bnr_img .more span {
width: calc(100% - 20px);
max-width: none;
}
}
.th01_bnr .th01_bnr_img .more span:after {
border-color: #fff;
right: 8%;
}
.th01_bnr .th01_bnr_img .more span:hover {
color: #222222;
}
.th01_bnr .th01_bnr_img .more span:hover:after {
border-color: #222222;
}
.th01_bnr .th01_bnr_img:hover:after {
background: rgba(161, 193, 174, 0.8);
transform: rotateZ(45deg) scale(2, 3) translate(0, 0);
}
.th01_bnr .th01_bnr_img:hover .more {
transform: translate(0, -50%);
opacity: 1;
}
@media (max-width: 767px) {
.th01_bnr .th01_bnr_img:after {
transform: rotateZ(45deg) scale(2, 3) translate(0, 0);
}
.th01_bnr .th01_bnr_img .more {
transform: translate(0, -50%);
opacity: 1;
}
}
.th01_bnr img {
max-width: 100%;
}
.th01_bnr .th01_bnr_title {
margin: 0 0 1.5em;
padding-bottom: 0.7em;
color: #222222;
font-weight: normal;
position: relative;
text-align: center;
margin-bottom: 0;
padding: 1em 0 0.5em;
font-size: 18px;
font-size: 1.8rem;
}
.th01_bnr .th01_bnr_title:after {
content: none;
}
.th01_bnr .th01_bnr_title + p {
padding: 0 10px 10px 10px;
}
.slider_loop {
position: relative;
overflow: hidden;
}
.slider_loop .slider_loop_inner {
position: relative;
left: 0;
top: 0;
margin: 0;
padding: 0;
list-style: none;
}
.slider_loop .slider_loop_inner li {
float: left;
}
.nl_sec_2 {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img002.jpg) no-repeat center center;
padding: 7% 0;
background-size: cover;
background-attachment: fixed; }
.nl_sec_2 h3 {
display: block;
margin: 0px;
letter-spacing: 2px;
font-weight: normal;
}
.nl_sec_2 h3 span {
color: #b1bab5;
}
.nl_sec_2 .bg_1 {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/nl_img_001.jpg) no-repeat left top;
margin-bottom: 5em;
}
.nl_sec_2 .bg_1 .txt {
padding: 3% 4%;
width: 50%;
margin-left: auto;
}
.nl_sec_2 .bg_2 {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/nl_img_002.jpg) no-repeat right top;
}
.nl_sec_2 .bg_2 .txt {
padding: 3% 4%;
width: 50%;
margin-right: auto;
}
.nl_sec_2 .bg_3 {
background: url(//www.dog-grooming-wish.com/wp-content/uploads/nl_img_003.jpg) no-repeat left top;
}
.nl_sec_2 .bg_3 .txt {
padding: 3% 4%;
width: 50%;
margin-left: auto;
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
.nl_sec_2 .bg_1 .txt {
background: rgba(255, 255, 255, 0.7);
}
.nl_sec_2 .bg_2 .txt {
background: rgba(255, 255, 255, 0.7);
}
.nl_sec_2 .bg_3 .txt {
background: rgba(255, 255, 255, 0.7);
}
}
@media screen and (max-width: 768px) {
.nl_sec_2 .bg_1 {
background-size: 150% auto;
margin-bottom: 5em;
}
.nl_sec_2 .bg_1 .txt {
padding: 42% 5% 0;
width: 100%;
margin-left: auto;
}
.nl_sec_2 .bg_2 {
background-size: 150% auto;
margin-bottom: 5em;
}
.nl_sec_2 .bg_2 .txt {
padding: 42% 5% 0;
width: 100%;
margin-left: auto;
}
.nl_sec_2 .bg_3 {
background-size: 150% auto;
}
.nl_sec_2 .bg_3 .txt {
padding: 42% 5% 0;
width: 100%;
margin-left: auto;
}
}
.check_text ul, .check_text ol {
margin: 0 0 1.5em;
padding: 0 0 0 0;
}
.check_text li {
position: relative;
padding-left: 20px;
list-style-type: none;
font-size: 20px;
font-size: 2rem;
}
.check_text li + li {
margin-top: 5px;
}
.check_text li:before {
content: "";
position: absolute;
top: .4em;
left: 0;
-webkit-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(50deg);
width: 5px;
height: 10px;
border-right: 3px solid #746458;
border-bottom: 3px solid #746458;
}
.text-shadow_b {
text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px;
}
.text-shadow_w {
text-shadow: #ffffff 2px 0px 2px, #ffffff -2px 0px 2px, #ffffff 0px -2px 2px, #ffffff -2px 0px 2px, #ffffff 2px 2px 2px, #ffffff -2px 2px 2px, #ffffff 2px -2px 2px, #ffffff -2px -2px 2px, #ffffff 1px 2px 2px, #ffffff -1px 2px 2px, #ffffff 1px -2px 2px, #ffffff -1px -2px 2px, #ffffff 2px 1px 2px, #ffffff -2px 1px 2px, #ffffff 2px -1px 2px, #ffffff -2px -1px 2px, #ffffff 1px 1px 2px, #ffffff -1px 1px 2px, #ffffff 1px -1px 2px, #ffffff -1px -1px 2px;
}
.text-shadow_w2 {
text-shadow: #fdf5e7 2px 0px 2px, #fdf5e7 -2px 0px 2px, #fdf5e7 0px -2px 2px, #fdf5e7 -2px 0px 2px, #fdf5e7 2px 2px 2px, #fdf5e7 -2px 2px 2px, #fdf5e7 2px -2px 2px, #fdf5e7 -2px -2px 2px, #fdf5e7 1px 2px 2px, #fdf5e7 -1px 2px 2px, #fdf5e7 1px -2px 2px, #fdf5e7 -1px -2px 2px, #fdf5e7 2px 1px 2px, #fdf5e7 -2px 1px 2px, #fdf5e7 2px -1px 2px, #fdf5e7 -2px -1px 2px, #fdf5e7 1px 1px 2px, #fdf5e7 -1px 1px 2px, #fdf5e7 1px -1px 2px, #fdf5e7 -1px -1px 2px;
}
.text-shadow_w3 {
text-shadow: #ffffff 1px 1px 10px, #ffffff -1px 1px 10px, #ffffff 1px -1px 10px, #ffffff -1px -1px 10px;
}
.box-shadow_bg1 {
box-shadow: #ece5d5 -15px 15px 0px 0;
}
.box-shadow_bg2 {
box-shadow: #ece5d5 15px 15px 0px 0;
}
.news .highlight {
padding: 3%;
}
.news_bg2 {
background: #b1bab5;
padding: 5% 0;
color: #FFF;
}
.news_bg2 a {
color: #FFF;
}
.news_bg2 h2 {
color: #FFF;
}
.top_circle_bg {
max-width: 650px;
margin: 0.5em auto;
}
.top_circle_bg2 {
max-width: 500px;
margin: 0.3em auto !important;
}
.w_100 {
width: 100%;
}
.box_bg {
padding: 2%;
border: 1px solid #b1bab5;
}
.box_bg2 {
background: #fff6ef;
padding: 3%;
border-radius: 20px;
}
.in_ico {
margin-right: 5px;
}
.sns_ico {
margin-right: 10px;
}
.main_visual_copy img {
position: absolute !important;
width: 100% !important;
left: -90% !important;
bottom: -40% !important;
}
@media (max-width: 1350px) {
.main_visual_copy img {
position: absolute !important;
width: 100% !important;
left: -50% !important;
bottom: -40% !important;
}
}
@media (max-width: 1000px) {
.main_visual_copy img {
position: absolute !important;
width: 85% !important;
left: -10% !important;
bottom: -40% !important;
}
}
@media all and (-ms-high-contrast: none) { .main_visual_copy img {
position: inherit !important;
}
}
@media all and (-ms-high-contrast: none) { .slider-pro.full .main_copy {
position: absolute;
left: inherit;
width: 100%;
height: calc(100% - 100px);
bottom: 0px;
}
}
@media all and (-ms-high-contrast: none) and (max-width: 1000px) {
.slider-pro.full .main_copy {
right: 0;
left: 0;
}
}
@media (max-width: 767px) {
.slider-pro.full .main_copy img {
position: relative;
z-index: 1;
max-width: 70%;
}
.main_copy img {
position: absolute !important;
bottom: 16%;
}
}
.pc_res_cont {
display: block;
position: fixed;
bottom: 0;
width: 100%;
}
@media (max-width: 1000px) {
.pc_res_cont {
display: none;
}
}
.sticky_footer {
display: flex;
align-items: center;
height: 120px;
margin: 0;
}
.sticky_footer .reservation {
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
.sticky_footer .reservation {
display: flex;
justify-content: center;
align-items: center;
}
.sticky_footer .reservation li {
margin: 0 10px;
}
.sticky_footer .reservation li:last-child {
line-height: 1.1;
}
}
@media (max-width: 767px) {
.sticky_footer .reservation li:last-child {
margin-top: 10px;
}
.sticky_footer .reservation .tel {
margin-left: 0.5em;
vertical-align: middle;
}
}
.sticky_footer.fixed .reservation {
position: fixed;
z-index: 10;
left: 0;
bottom: -1px;
width: 100%;
margin: 0;
padding: 15px 0;
border-top: 1px solid #b1bab5;
background: rgba(255, 255, 255, 0.9);
}
@media (max-width: 767px) {
.sticky_footer.fixed .reservation {
padding: 10px 0;
}
}
.fadeInDown {
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-ms-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.effect i {
height: 120px;
padding: 20px;
font-size: 100px;
transition: .8s;
}
.effect img {
margin: auto;
transition: .8s;
transition-delay: .8s;
}
.more {
display: block;
overflow: hidden;
margin: auto;
}
.more a {
border: 2px solid #b1bab5;
margin: 1em auto;
background: #b1bab5;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
border-radius: 30px;
}
@media (min-width: 768px) {
.more a {
font-size: 16px;
font-size: 1.6rem;
}
}
.more a:hover {
color: #ffffff;
border: 2px solid #4e715d;
background: #4e715d;
}
.more a:hover:after {
border-top: 1px solid #ffffff;
}
.more_sp {
overflow: hidden;
margin: auto;
}
.more_sp a {
display: block;
color: #fff !important;
background: #b1bab5;
border: 2px solid #b1bab5;
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;
}
.more_sp a.inverse {
border: 1px solid #b1bab5;
color: #b1bab5;
background: #fff;
}
.more_sp a:hover {
color: #ffffff !important;
border: 2px solid #4e715d;
background: #4e715d;
}
.more_sp a:hover:after {
border-top: 1px solid #ffffff !important;
}
.more_sp img {
margin: 0px 5px 0 0;
vertical-align: top;
width: 18px;
}
.more_sp2 {
overflow: hidden;
margin: auto;
}
.more_sp2 a {
display: block;
color: #fff !important;
background: #746458;
border: 2px solid #746458;
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;
}
.more_sp2 a.inverse {
border: 1px solid #b1bab5;
color: #b1bab5;
background: #fff;
}
.more_sp2 a:hover {
color: #ffffff !important;
background: #4e715d;
border: 2px solid #4e715d;
}
.more_sp2 a:hover:after {
border-top: 1px solid #ffffff !important;
}
.more_sp2 img {
margin: 0px 5px 0 0;
vertical-align: top;
width: 18px;
}
.more2 {
display: block;
overflow: hidden;
margin: auto;
}
.more2 a {
display: block;
background: #b1bab5;
border: 2px solid #b1bab5;
padding: 0.6em;
margin: 1em auto;
text-align: center;
max-width: 280px;
border-radius: 30px;
width: 100%;
text-decoration: none;
transition: .3s;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.more2 a {
font-size: 16px;
font-size: 1.6rem;
margin: 1em 0;
}
}
.more2 a:after {
border-top: 1px solid #fff;
}
.more2 a:hover {
color: #ffffff;
background: #4e715d;
border: 2px solid #4e715d;
}
.more2 a:hover:after {
border-top: 1px solid #ffffff;
}
.more3 {
display: block;
overflow: hidden;
margin: auto;
}
.more3 a {
display: block;
border: 2px solid #b1bab5;
background: #b1bab5;
padding: 0.6em;
margin: 0.5em auto;
text-align: center;
max-width: 280px;
border-radius: 30px;
width: 100%;
text-decoration: none;
transition: .3s;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.more3 a {
font-size: 14px;
font-size: 1.4rem;
margin: 1em 0;
}
}
.more3 a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.more3 a:hover {
border: 2px solid #cebd2d;
color: #cebd2d;
background: rgba(255, 255, 255, 0.8);
}
.more3 a:hover:after {
border-top: 1px solid #cebd2d;
border-right: 1px solid #cebd2d;
}
.more4 {
display: block;
overflow: hidden;
margin: auto;
}
.more4 a {
display: block;
border: 2px solid #fff;
background: transparent;
padding: 0.6em;
margin: 1em auto;
text-align: center;
max-width: 280px;
border-radius: 30px;
width: 100%;
text-decoration: none;
transition: .3s;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.more4 a {
font-size: 16px;
font-size: 1.6rem;
}
}
.more4 a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.more4 a:hover {
border: 2px solid #b1bab5;
color: #b1bab5;
background: #fff;
}
.more4 a:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
.more5 {
display: block;
overflow: hidden;
margin: auto;
}
.more5 a {
display: block;
border: 2px solid #fff;
background: transparent;
padding: 0.6em;
margin: 1em auto;
text-align: center;
max-width: 280px;
border-radius: 0px;
width: 100%;
text-decoration: none;
transition: .3s;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.more5 a {
font-size: 16px;
font-size: 1.6rem;
margin: 1em 0;
}
}
.more5 a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.more5 a:hover {
border: 2px solid #b1bab5;
color: #b1bab5;
background: #fff;
}
.more5 a:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
.more6 {
display: block;
overflow: hidden;
margin: auto;
}
.more6 a {
display: block;
border: 1px solid #b1bab5;
background: #b1bab5;
padding: 0.6em;
margin: 1em auto;
text-align: center;
max-width: 280px;
border-radius: 0px;
width: 100%;
text-decoration: none;
transition: .3s;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.more6 a {
font-size: 16px;
font-size: 1.6rem;
border: 1px solid #fff;
background: transparent;
margin: 1em 0;
}
}
.more6 a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.more6 a:hover {
border: 1px solid #b1bab5;
color: #b1bab5;
background: #fff;
}
.more6 a:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
} .more_textchange {
display: block;
overflow: hidden;
margin: auto;
}
.more_textchange a {
display: block;
border: 1px solid #b1bab5;
background: #b1bab5;
padding: 0.6em;
margin: 1em auto;
text-align: center;
max-width: 280px;
height: 51.98px;
border-radius: 0px;
width: 100%;
text-decoration: none;
transition: .5s;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.more_textchange a {
font-size: 16px;
font-size: 1.6rem;
margin: 1em 0;
}
}
.more_textchange a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.more_textchange a:hover {
border: 1px solid #b1bab5;
color: #b1bab5;
background: transparent;
}
.more_textchange a:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
.more_textchange a span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all .3s;
display: block;
white-space: nowrap;
} .more_textchange a span:nth-child(2) {
opacity: 0; } .more_textchange a:hover span:nth-child(1) {
opacity: 0; }
.more_textchange a:hover span:nth-child(2) {
opacity: 1; } .more_flowing {
display: block;
overflow: hidden;
margin: auto;
}
.more_flowing a {
display: block;
border: 1px solid #b1bab5;
background: #b1bab5;
padding: 0.6em;
margin: 1em auto;
text-align: center;
max-width: 280px;
border-radius: 0px;
width: 100%;
text-decoration: none;
transition: .5s;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.more_flowing a {
font-size: 16px;
font-size: 1.6rem;
margin: 1em 0;
}
}
.more_flowing a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.more_flowing a:hover {
border: 1px solid #b1bab5;
color: #b1bab5;
background: transparent;
}
.more_flowing a:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
} .more_flowing a span {
position: relative;
z-index: 3; color: #ffffff;
top: 10%;
}
.more_flowing a:hover span {
color: #ffffff;
} .bgleft a:before {
content: ''; position: absolute;
top: 0;
left: 0;
z-index: 2; background: rgba(116, 100, 88, 0.8); width: 100%;
height: 100%; transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
} .bgleft a:hover:before {
transform-origin: left top;
transform: scale(1, 1);
}
.bgleft a:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
} .more_flowing2 {
display: block;
overflow: hidden;
margin: auto;
}
.more_flowing2 a {
display: block;
border: 1px solid #b1bab5;
background: #b1bab5;
padding: 0.6em;
margin: 1em auto;
text-align: center;
max-width: 280px;
border-radius: 0px;
width: 100%;
text-decoration: none;
transition: .5s;
color: #ffffff;
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.more_flowing2 a {
font-size: 16px;
font-size: 1.6rem;
margin: 1em auto;
}
}
.more_flowing2 a:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.more_flowing2 a:hover {
border: 1px solid #b1bab5;
color: #b1bab5;
background: transparent;
}
.more_flowing2 a:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
} .more_flowing2 a span {
position: relative;
z-index: 3; color: #ffffff;
top: 10%;
}
.more_flowing2 a:hover span {
color: #ffffff;
} .bgleft a:before {
content: ''; position: absolute;
top: 0;
left: 0;
z-index: 2; background: rgba(116, 100, 88, 0.8); width: 100%;
height: 100%; transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
} .bgleft a:hover:before {
transform-origin: left top;
transform: scale(1, 1);
}
.bgleft a:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
.news_list_btn a {
padding: 0.9em !important;
}
.news_list_btn a:hover {
color: #b1bab5;
}
.news_list_btn a:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
.news_list_btn {
display: none;
}
.k_navi ul {
margin: 0 auto;
padding: 0;
text-align: center;
}
.k_navi li {
display: table-cell;
min-width: 50px;
}
.k_navi a {
text-decoration: none;
}
.k_navi li a:hover {
text-decoration: underline;
}
.k_navi nav {
text-align: center;
}
.k_navi nav ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0px;
font-size: 0rem;
}
.k_navi nav ul > li {
display: inline;
padding-left: 0;
padding-right: 0;
white-space: nowrap;
font-size: 14px;
font-size: 1.4rem;
}
.k_navi nav ul li {
line-height: 1.5;
}
.k_navi nav ul li + li {
border: 0;
}
.k_navi nav ul li:not(:first-child):before {
content: '|';
margin-right: 1em;
margin-left: 1em;
}
.k_navi nav a {
display: inline;
padding: 0;
}
.button:after {
content: "" !important;
display: block;
position: absolute;
top: 50%;
right: 5%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
-webkit-transform: translate(0, -50%) rotate(45deg);
-ms-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.button:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
.sp_res_cont {
display: none;
}
@media (max-width: 1000px) {
.sp_res_cont {
display: block;
position: fixed;
bottom: 0;
width: 100%;
border-radius: 0;
}
}
@media (max-width: 1000px) {
.sp_res_cont a {
width: 100% !important;
max-width: 50% !important;
z-index: 10000 !important;
float: left;
}
}
@media (max-width: 1000px) {
.copyright {
padding-bottom: 10%;
}
}
#FixedBnr {
position: relative;
z-index: 9999;
position: fixed;
right: 0;
top: 200px;
}
@media (max-width: 1000px) {
#FixedBnr {
display: none;
}
}
#FixedBnr2 {
position: relative;
z-index: 9999;
position: fixed;
right: 0;
top: 400px;
}
@media (max-width: 1000px) {
#FixedBnr2 {
display: none;
}
}
.add_arrow.pop_icon:after {
content: "";
background: url(//www.dog-grooming-wish.com/wp-content/uploads/blank_ico.png) no-repeat;
background-size: contain;
display: block;
position: absolute;
bottom: 50%;
right: 5%;
margin: auto;
width: 20px;
height: 15px;
border: 0 !important;
transform: none;
transition: none;
}
@media (min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
text-decoration: none;
}
}
.wpcf7 .ajax-loader {
display: none;
}
.wpcf7 .wpcf7-spinner {
display: none;
}
.font-bold {
font-weight: bold;
}
.font_color_primary {
color: #b1bab5;
}
.font_family {
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif !important;
}
.item_img {
border: 1px solid #fff;
}
img a:hover {
opacity: 0.7;
}
.img_radius {
border-radius: 0px;
}
.clip-path01 {
clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0 100%, 0 15%);
}
.button {
border-radius: 0px !important;
position: relative;
}
.button a {
padding: 0.3em 0;
border-radius: 30px;
}
.button a:hover {
border: 1px solid #b1bab5;
color: #b1bab5;
background: rgba(255, 255, 255, 0.9);
}
.button a:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
.button:after {
content: "" !important;
display: block;
position: absolute;
top: 50%;
right: 5%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
-webkit-transform: translate(0, -50%) rotate(45deg);
-ms-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.button:hover:after {
border-top: 1px solid #b1bab5;
border-right: 1px solid #b1bab5;
}
.animation_box {
opacity: 0;
transform: translateY(-50px);
transition: 1s ease;
}
.animation_box2 {
opacity: 0;
transform: translateY(-110px);
transition: 1s ease;
}
.fadeInDown {
-webkit-animation-fill-mode: both;
-ms-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-ms-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
} .slide_scroll {
display: block;
position: absolute;
z-index: 100;
left: 0;
right: 0;
top: auto;
bottom: 5%;
width: 60px;
height: 60px;
margin: 0 auto;
padding-top: 18px;
border-radius: 50%;
background: rgba(62, 172, 201, 0.8);
color: #fff;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
text-decoration: none;
}
.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: 1499px) and (orientation: landscape) {
.slide_scroll {
display: none;
}
}
.slide_scroll {
width: 70px;
height: 70px;
padding-top: 20px;
color: #fff;
letter-spacing: 0.1em;
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
background: rgba(161, 193, 174, 0.6);
transform: none;
}
.slide_scroll a:hover {
color: #fff !important;
}
.slide_scroll:after {
bottom: 20px;
width: 8px;
height: 8px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.main_visual a:hover {
color: #fff !important;
}
@media (max-width: 1499px) {
.slide_scroll {
display: none;
}
} .animation {
opacity: 0;
visibility: hidden;
transition: 1s;
transform: translateY(50px);
} .active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.left h2 {
position: relative;
text-align: left;
}
.left h2:after, .highlight .left h2:after {
content: none;
}
.left h2:before {
content: none;
}
@media (max-width: 767px) {
.left h2 {
position: relative;
margin: 0 0 1.5em;
padding: 0;
text-align: center !important;
display: block;
}
.left h2:after, .highlight .left h2:after {
content: none;
}
}
.img_text {
position: relative;
display: inline-block;
}
.img_text .label {
position: absolute;
width: 100%;
background: rgba(161, 193, 174, 0.9);
transition: .5s;
border-radius: 0;
padding: 3%;
color: #fff;
line-height: 24px;
font-size: 20px;
font-size: 2rem;
}
@media (max-width: 767px) {
.img_text .label {
font-size: 18px;
font-size: 1.8rem;
}
}
.img_text .label:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.img_text .sub_text {
position: absolute;
display: block;
font-size: 18px;
font-size: 1.8rem;
font-weight: normal;
}
.img_text .yazi {
right: 0px;
float: right;
}
.img_text .label-left-top {
left: 0px;
bottom: 0px;
text-align: left;
}
.img_text .label:hover {
color: #fff;
background: rgba(116, 100, 88, 0.8);
}
.img_text .label:hover:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.check {
width: 20px;
height: 10px;
border-left: 3px solid #b1bab5;
border-bottom: 3px solid #b1bab5;
transform: rotate(-45deg);
}
.check-mark {
padding-left: 35px;
position: relative;
}
.check-mark::before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 10px;
border-left: 3px solid #b1bab5;
border-bottom: 3px solid #b1bab5;
transform: rotate(-45deg);
}
#reviewWidget {
height: 620px !important;
overflow-y: scroll !important;
background: #fff;
}  @media screen and (max-width: 480px) {
.pc-br {
display: none;
} .tb-br {
display: none;
} .sp-br {
display: block;
} } @media screen and (min-width: 481px) and (max-width: 1020px) {
.pc-br {
display: none;
}
.tb-br {
display: block;
}
.sp-br {
display: none;
}
} @media screen and (min-width: 1021px) {
.pc-br {
display: block;
}
.tb-br {
display: none;
}
.sp-br {
display: none;
}
}
@media screen and (min-width: 481px) and (max-width: 1020px) {
.pc-br {
display: none;
}
.tb-br {
display: block;
}
.sp-br {
display: none;
}
} .pc {
display: block !important;
}
.sp {
display: none !important;
} @media only screen and (max-width: 767px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
}
}
.acd-check {
display: none;
}
.acd-label {
background: #0068b7;
color: #fff;
display: block;
margin-bottom: 1px;
padding: 15px;
position: relative;
}
.acd-label:after {
background: #00479d;
box-sizing: border-box;
content: '＋';
font-weight: bold;
display: block;
font-family: "Font Awesome 5 Free";
padding: 15px 20px;
position: absolute;
right: 0;
top: 0px;
}
.acd-content {
border: 1px solid #cccccc;
display: block;
height: 0;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
}
.acd-check:checked + .acd-label:after {
content: 'ー';
}
.acd-check:checked + .acd-label + .acd-content {
height: auto;
opacity: 1;
padding: 10px;
margin-bottom: 20px;
visibility: visible;
} html {
scroll-behavior: smooth;
}
body { }
footer {
border-top: 1px solid #ccc;
background: url(//www.dog-grooming-wish.com/wp-content/uploads/bg_img001_b.jpg) no-repeat bottom center;
background-size: cover;
background-attachment: fixed;
} .point_bx{
border: 3px solid #B1BAB5;
padding: 2%;
}
@media (min-width: 1100px) and (max-width: 1299px) {
header .global_nav ul li a {
padding: 2em 0.4em;
font-size: 1.3rem;
}
}
 .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}