/* Theme Name: Asteria Lite Description: Asteria Lite is a clean responsive theme with a beautiful slider, Narrow and Wide Layout Option, 10 Social Icons and 3 page templates - Full width page, Left sidebar page and a Blog page Template. The theme also allows you to design your site logo with 600+ fonts. The Theme also has a Maintenance Mode feature, Beautiful Gallery feature, Custom CSS feature, Import/Export feature and is fully compatible with Woocommerce and Contact Form 7 Plugin. It also comes with Ajax pagination feature which means you can navigate through posts without page refresh. The theme is SEO Friendly and has plenty of user-friendly options. The theme is translation ready and fully translated into French, Italian, German, Spanish, and Chinese. Asteria Lite is suitable for any types of website - corporate, portfolio, business, blog. Get Free Support without registration on http://www.towfiqi.com/forums/forum/asteria-lite Version: 1.0.3 Theme URI: http://www.towfiqi.com/asteria-lite-free-wordpress-theme.html Author: Towfiq I. Author URI: http://www.towfiqi.com/ License: GNU General Public License, v2 (or newer) License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html Text Domain: asteria Tags: theme-options, one-column, dark, green, white, right-sidebar, left-sidebar, responsive-layout, fluid-layout, fixed-layout, custom-background, theme-options, translation-ready, featured-images, full-width-template */ body{ background:#f7f7f7; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#999;} .center{ margin:0 auto; width:85%;} a{ text-decoration:none;} p, .widget_wrap{line-height: 26px;} /*Full width pages*/ body .no_sidebar{ width:100%;} /*HEADER*/ .header{width:100%; float:left;position:relative; margin-bottom:10px;} .header a{ color:#333;} .header .head_soc{ position:absolute;right: 0; bottom:-24px;z-index: 9999;background: url(images/submenu.png) repeat; cursor:pointer;} .header .center{ } /*Headers4*/ .header4{width:100%; background:#333; height:auto; float:left;} .header4 a{ color:#fff;} .header4 .center{ position:relative;} .header4 .logoimga{ display:block; float:left;} .header4 #topmenu{ margin-top:0;} .header4 #topmenu ul li{padding: 0 20px 0 20px; padding-top:34px; padding-bottom:31px;border-bottom: 3px solid transparent;margin-left: -4px;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .header4 #topmenu ul li ul li{ padding:0; margin-left:0; border-bottom:none; line-height:normal!important; height:auto!important;} .header4 #topmenu ul li ul{top: 90px;margin-left: -80px; margin-top:0;} .header4 #topmenu ul li ul li ul{ margin-top:-90px; margin-left:0;} .header4 .current-menu-item{ background:rgba(0, 0, 0, 0.1);} .header4 #topmenu ul li:hover{background:rgba(0, 0, 0, 0.03);border-bottom: 3px solid #2dcb73;} .header4 #topmenu ul .zn_parent_menu:hover{border-bottom: 3px solid transparent!important;} .header4 #topmenu .sub-menu{border-top: 3px solid #2dcb73;} .header4 #topmenu ul li:hover ul li{ border-bottom:none;} .bigmenu{text-align: center; width: 100%;} body .header4 .bigmenu ul li:hover{ background:none!important;} /*Social*/ .head_soc{ float:right;} .head_soc a{display: inline-block;font-size: 18px;margin-left: 10px;width: 20px;height: 25px;padding: 2px 4px;text-align: center;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; color:#fff;} .head_soc a:hover{ color:#fff!important;} .head_soc a.ast_fb:hover{ background:#47639e;} .head_soc a.ast_twt:hover{ background:#35c2f6;} .head_soc a.ast_gplus:hover{ background:#ea493f;} .head_soc a.ast_ytb:hover{ background:#c5101d;} .head_soc a.ast_pin:hover{ background:#e90d1c;} .head_soc a.ast_rss:hover{ background:#ffb037;} .head_soc a.ast_flckr:hover{background:#fe0084;} .head_soc a.ast_lnkdin:hover{background:#017eb4;} .head_soc a.ast_tmblr:hover{background:#304d6b;} .head_soc a.ast_insta:hover{background:#d4c5a4;} /*LOGO*/ .logo{ float:left;max-width:100%;} .logo h1, .logo h2{ float:left; font-size:44px; margin:12px 0;} .logo h1 a, .logo h2 a{ font-weight:bold; display:block; width:280px; height:50px;} .logo img{ border:none; margin:10px 0;max-width:100%; height:auto;} /*Top Menu*/ /*Mobile Menu*/ #simple-menu{display: block;float: right;background:rgba(0, 0, 0, 0.5);padding: 15px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top: 1.5%;} #simple-menu{ display:none;} .pad_menutitle{padding: 5%;width: 90%;background: #2dcb73;} .pad_menutitle span{display: inline-block;float: right; cursor:pointer;} #topmenu{ float:right; margin-top:40px;} #topmenu ul{ margin:0; padding:0;} #topmenu ul li{ list-style-type:none; display:inline-block; margin-left:25px;padding-bottom: 28px;position: relative;} #topmenu ul li a{ font-size:16px;} #topmenu ul li a, #topmenu ul li ul li{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} #topmenu ul li ul{ display:none;position: absolute;width: 200px;z-index: 9999999; margin-top:28px;margin-left:-50px;} #topmenu ul li ul li{ margin:0; padding:0; width:100%; display:block; text-align:center;} #topmenu ul li ul li a{ padding:10px 10%; width:80%; margin:0px; display:block;background:#333 url(images/submenu.png) repeat;} #topmenu ul li ul li a:hover{ background:#2dcb73 url(images/trans_black_3.png) repeat;color:#fff!important;} #topmenu ul li ul li a{ font-size:16px;} #topmenu ul li ul li ul{left: 100%; margin-top:-40px; float:none; margin-left:0px;} #topmenu ul li span{ font-size:12px; opacity:0.5; padding-left:5px;} #topmenu ul li ul li span{ display:none;} /*Hide the mobile menu on desktop*/ #sidr-main{ display:none;} /*SLIDER --------------------------------------- */ /*Slider Progressbar*/ /*Hide Slider by default*/ #zn_nivo, .nivo-controlNav, #slide_acord, .nivoinner{ display:none;} #slidera .pbar{} .pbar_wrap{margin-bottom:20px; width:60px; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto;bottom: 45%; z-index:999999; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; background:#333;padding:7px 12px;} .progrssn{ width:40px; height:40px; margin-top:10px; margin-left:5px; background:#18dd87; -webkit-border-radius:50% 0 0 50%; -moz-border-radius:50% 0 0 50%; border-radius:50% 0 0 50%;-webkit-transition:all 0.8s ease-out;-moz-transition:all 0.8s ease-out;-ms-transition:all 0.8s ease-out;-o-transition:all 0.8s ease-out;transition:all 0.8s ease-out;} .prog_wrap{width: 50px; height:50px; position:absolute; overflow:hidden;} .pbar{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; width:40px; padding-top:13px; height: 27px; border:10px solid #fff; text-align:center; font-size:10px; color:#fff; position:relative; z-index:22;} #slidera{width:100%; margin:0 auto; clear:both;} .slider-wrapper{ position:relative; height:550px;} /*Nivo Slider*/ #zn_nivo {position:relative; height:675px; width:100%; overflow:hidden;} .slide_wrap{width:100%; margin:0 auto; height:675px; overflow:hidden;} .nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;} .nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;} .nivo-main-image {display: block !important;position: relative !important; width: 100% !important;height:auto !important;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; filter:alpha(opacity=0); opacity:0;} /* The slices and boxes in the Slider */ .nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;} .nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;} .nivo-box img { display:block; } /* Caption styles */ .nivo-caption {position:absolute;bottom:20%; right:11%;color:#fff;opacity:1;width:412px;z-index:8;text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.5);} .nivo-caption h3{ margin:0px; width:100%; float:left;} .nivo-caption h3 a{margin-bottom:5px; display:block; float:left; color:#fff!important;} .nivo-caption p a{color:#2dcb73;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} .nivo-caption p:empty, .nivo-caption h2 a:empty{display:none!important;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav{ opacity:0;} .nivo-directionNav a {position:absolute;bottom:46%;z-index:9;cursor:pointer;} .nivo-prevNav {left:10px;width:27px; height:53px; display:block; text-indent:-999999px;background:url(images/nivo_nav.png) no-repeat;background-position:0px 5px;} .nivo-nextNav {right:10px;width:27px; height:53px; display:block; text-indent:-999999px; background:url(images/nivo_nav.png)no-repeat;background-position:-68px -51px;} .nivo-caption .sld_layout1 h3{ line-height:24px!important;} .nivo-caption .sld_layout1 h3 a{ font-size:24px!important; background:#2dcb73;padding:3%; width:94%;} .nivo-caption .sld_layout2 p {margin:0; width:380px;padding:15px 0; float:left;} .nivo-caption .sld_layout1 p {margin:0; width:380px; background:rgba(0, 0, 0, 0.5); padding:15px; font-size:13px;line-height:18px; border-left:3px solid #2dcb73;float:left; padding-bottom:40px;} .nivo-caption .sld_layout3 p{ font-size:16px;} .nivoinner h3 a:empty{ display:none!important;} .sld3wrap{ width:75%!important; margin-left:auto; margin-right:auto; left:15%!important; bottom: 20%; text-align:center;} .sld3wrap h3{ margin:20px 0;} .sld3wrap h3 a{ float:none;} a.sld_buttn{ padding:12px 20px; border-radius:3px; display:inline-block!important; margin:10px auto 0 auto; text-shadow:none;} .sld_layout1 a.sld_buttn {top: -27px;display: inline-block!important;position: relative;float: right;padding: 5px 10px;font-size: 12px;text-shadow: none; border-radius:0; margin-top:0;} a.sld_buttn:hover{ opacity:0.8;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav {text-align: center;padding: 15px 0;bottom: 10px;position: absolute;z-index: 99;left: 50px;} .nivo-controlNav a {cursor: pointer;background: #444;width: 10px;height: 10px;display: inline-block;margin-right: 10px; -webkit-border-radius: 50%;border-radius: 50%; -moz-border-radius: 50%;border: 3px solid #222;text-indent: -999999px;} .nivo-controlNav a.active {background:#2dcb73;} /*Homepage blocks margin*/ .home_blocks:empty{ display:none;} .activeblock{width:100%; float:left;margin:15px 0;} .lastmap{ margin-bottom:0;} /*Midrow Blocks*/ .ast_blocks{ margin:0; padding:35px 0; background:#fff;} .midrow{width:100%; float:left;} .midrow_wrap{ width:85%; margin:0 auto;} .midrow_block{width:21%; padding:2%; float:left; text-align:center;} .twoblocks .midrow_block{width:46%;} .oneblock .midrow_block{width:92%;} .threeblocks .midrow_block{width:29.3%;} .midrow_block img{ max-width:100%; height:auto;} .midrow_block:hover{} .midrow_block:hover .block_img{ border:5px solid #fff;} .midrow_block:hover h3{ color:#fff;} .midrow_block:hover .icon_wrap i{} .midrow_block h3{color:#333; font-size:18px;} .midrow_block p{ line-height:2em;} .block_img{width:70px; height:70px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin:30px auto;border:5px solid rgba(0, 0, 0, 0.15);} .midrow_block .icon_wrap{ padding-top:20px;} .midrow_block .icon_wrap i{ color: rgba(0, 0, 0, 0.15);} /*Text Block*/ .text_block{ width:100%; background:#333; float:left;} .text_block_wrap{padding: 1%;clear: both;} /*Call to Action*/ .home_action{ float:left; width:96%; padding:2%; background:#fff;} .home_action_left{width:78%; float:left; margin-right:2%;} .home_action_right{ width:20%; float:left;} .home_action_button{ display:block;padding:20px 10px; cursor:pointer; text-decoration:none; text-align:center;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; font-size:18px; background:#e64429; color:#fff;} .home_action_button a{ color:#fff;} .home_action_button:hover{ -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);box-shadow:0 0 2px rgba(0, 0, 0, 0.6); color:#fff;} .home_action_right{ display:table;} .home_action_button_wrap{ display:table-cell; vertical-align:middle;} /*Layout 1*/ .home .lay1{ padding:0;} .lay1{width:100%; float:left; padding:40px 0;} .lay1_wrap{overflow: hidden;} .lay1 .hentry{ width:32%; float:left; padding:0.6%;} .lay1 .hentry img{ width:100%; height:auto; border:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;bottom:-100px;} .lay1 h2.postitle{ padding:10px 0; background:#333; text-align:center; margin:0;} .lay1 h2.postitle a{ font-size:16px; color:#fff;} .lay1_title, .homeposts_title{ text-align:center;} .lay1_title h3, .homeposts_title h3{ color:#e64429; font-size:42px; margin:20px 0 0 0;} .lay1_title p, .homeposts_title p{margin-bottom:30px; margin-top:0;} .lay1 .post_image{width: 100%;position: relative; overflow:hidden;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; max-height:260px;} .lay1 .post_content{position: absolute;width: 100%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;bottom:-130px; z-index:3;} .post_image:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .post_image:hover .post_content, .vidwrap:hover .post_content{ bottom:0;} .post_image:hover .img_hover{ opacity:1;} .img_hover{ width:100%; height:100%; /*background:rgba(0, 0, 0, 0.4);*/ background:url(images/lay_hover.png) repeat;position:absolute;opacity:0; -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; z-index:2;} .img_hover .icon_round{ padding-top:30%; padding-left:30%;} .img_hover .icon_wrap{bottom: 50%; margin-left:auto; margin-right:auto; width:50px; height:50px; background:#333; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; left:0; right:0; position:absolute;} .img_hover .icon_wrap i{ color:#fff; font-size:18px;} .vidwrap{ position:relative;} /*AJAX*/ .ast_ajaxwrap{ width:100%; margin-bottom:30px; min-height:300px; position:relative;} .ast_ajax{ margin:0 auto; left:0; right:0; bottom:40%; position:absolute;} .ast_row{ overflow:hidden; margin-top:0.5%;} /*Layout 4*/ .home .lay4{ padding:0;} .lay4{width:100%; float:left; padding:40px 0;} .lay4_wrap{overflow: hidden;width:68%; float:left;} .lay4 .hentry{width: 95.6%;float: left;padding: 2%;background: #fff; margin-bottom:30px; position:relative;} .lay4 .post_image{width: 25%;height: auto;float: left;margin-right: 2%; overflow:hidden; padding-top:10px;} .lay4 .post_content{float: right;width: 71%;} .lay4 .hentry img{ width:100%; height:auto; border:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2 ease-out;} .lay4 .hentry:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); -webkit-transition:all 2.0s ease-out;-moz-transition:all 2.0s ease-out;-ms-transition:all 2.0s ease-out;-o-transition:all 2.0s ease-out;transition:all 2.0 ease-out; } .lay4 h2{ margin:0; margin-bottom:10px;} .lay4 h2 a{color:#2dcb73;} .lay4 p{ padding-bottom:20px;} .lay4 .single_metainfo{ padding-bottom:0;} .lay4 .single_metainfo a{opacity:0.7;} .more-link, .moretag{ padding:7px 20px; background:#f1f2f3; color:#aaa; display:block; margin:15px 0; float:left; bottom:-15px; right:0; position:absolute; -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .thn_post_wrap .more-link:hover, .moretag:hover{ background:#2dcb73; color:#fff;} /*FRONTPAGE ANIMATIONS*/ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} .midrow_block:nth-child(2){ } .midrow_block:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s;-moz-animation-delay:.3s;} .midrow_block:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s;-moz-animation-delay:.6s;} .midrow_block:nth-child(5){-webkit-animation-delay:.9s;animation-delay:.9s;-moz-animation-delay:.9s;} .home .lay1_wrap{-webkit-animation-delay:.6s;animation-delay:.6s;-moz-animation-delay:.6s;} /*WordPress Core*/ .alignnone {margin: 5px 20px 20px 0;} .aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;} .alignright {float:right;margin: 5px 0 20px 20px;} .alignleft {float:left;margin: 5px 20px 20px 0;} .aligncenter {display: block;margin: 5px auto 5px auto;} a img.alignright {float:right; margin: 5px 0 20px 20px;} a img.alignnone {margin: 5px 20px 20px 0;} a img.alignleft {float:left;margin: 5px 20px 20px 0;} a img.aligncenter {display: block;margin-left: auto;margin-right: auto} .wp-caption {border: 1px solid #ececec;max-width: 96%; /* Image does not overflow the content area */padding: 10px 3px 10px;text-align: center;} .wp-caption img{max-width: 98%!important;} .wp-caption.alignnone {margin: 5px 20px 20px 0;} .wp-caption.alignleft { margin: 5px 20px 20px 0;} .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption img {border: 0 none !important;margin: 0 !important;max-width: 570px;padding: 0 !important;} .wp-caption p.wp-caption-text {font-size:11px;line-height:17px; margin:0;padding:0 4px 5px;} .sticky{} .gallery-caption{} .bypostauthor{} /*Pagination*/ .ast_pagenav .page-numbers{ display:block; width:30px; height:25px; padding-top:5px; background:#f1f2f3; -webkit-border-radius:50%; border-radius:50%;-moz-border-radius:50%; display:inline-block; margin-right:15px; text-align:center; color:#999; font-size:13px;position: relative;z-index: 2;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; margin-bottom:15px;} .thn_paginate a.page-numbers:nth-last-child(1){ margin-right:0;} .page-numbers:hover{ background:#2dcb73; color:#fff;} .ast_pagenav .current{ color:#fff; background:#2dcb73;} .thn_paginate{width: 100%;text-align: center;margin-top: 50px;} .pagi_border{ margin:0 auto;} .ast_pagenav .pagi_border dt{position: relative;z-index: 1; width:100%; height:7px; background:rgba(0, 0, 0, 0.08); margin-top:-32px; float:left;} .ast_pagenav{width: 100%;text-align: center;margin-top: 50px;} /*SINGLE*/ .thn_post_wrap img{ max-width:100%; height:auto;} .meta_comm, .catag_list{ display:inline;} .single_metainfo{ padding-bottom:20px;} .single_metainfo, .single_post .single_metainfo a{ color:#999; font-size:13px; opacity:0.8;} .single_metainfo i{ opacity:0.6; padding-left:10px; padding-right:5px;} .single_metainfo .fa-calendar{ padding-left:0;} .post_meta a{ color:#ccc; font-size:13px;} .post_meta i{ color:#ddd; padding-right:5px;} .single_metainfo:empty{ display:none;} .post_foot{ margin-bottom:15px;} /*MESSAGE BOX*/ .lgn_scs{ width:94%; background:#c8ffd3; border:1px solid #98f1a9; padding:2% 2% 2% 4%; color:#3f834c; clear:both; margin:15px 0;} .lgn_info{ width:94%; background:#c5eaf5; border:1px solid #8ac7e8; padding:2% 2% 2% 4%; color:#469cc0; clear:both; margin:15px 0;} .lgn_wng{ width:94%; background:#f7e0b6; border:1px solid #ebc887; padding:2% 2% 2% 4%; color:#af7a18; clear:both; margin:15px 0;} .lgn_err{ width:94%; background:#ffd0cc; border:1px solid #e49a94; padding:2% 2% 2% 4%; color:#b04840; clear:both; margin:15px 0;} /*NEXT PREVIOUS POSTS*/ #ast_nextprev{ background:#fff;width:100%; float:left; margin-top:30px;} #ast_nextprev a{ color:#777;} .ast-prev{ width:46%; float:left; padding:2%;} .ast-next{width:46%;float:right; padding:2%; text-align:right;} #ast_nextprev img{ float:left; margin-right:15px; width:60px; height:60px; border:none;} #ast_nextprev .ast-next img{ float:right; margin-left:15px; margin-right:0;} .ast-prev, .ast-next{ position:relative; min-height:60px;} #ast_nextprev .ast-prev:hover a, #ast_nextprev .ast-next:hover a{color:#fff;} #ast_nextprev .ast-prev span, #ast_nextprev .ast-next span{ color:#aaa; font-size:13px;} #ast_nextprev .ast-prev:hover span, #ast_nextprev .ast-next:hover span{ color:#fff;} .left_arro, .right_arro{font-size: 15px;color: #ccc;background: #f1f2f3;display: block;width: 30px;height: 25px;padding-top: 5px;position: absolute;text-align: center;bottom: 30px;} .left_arro i, .right_arro i{ color:#ccc;} .left_arro{ right:0;} .right_arro{ left:0;} #ast_nextprev .ast-prev:hover .left_arro, #ast_nextprev .ast-next:hover .right_arro{ background:#fff;} #ast_nextprev .ast-prev:hover .left_arro i, #ast_nextprev .ast-next:hover .right_arro i{ color:#2dcb73;} /*SINGLE SOCIAL BUTTONS*/ .share_this{width: 100%; border-top:1px solid rgba(0, 0, 0, 0.07); padding-top:20px; margin-top:20px;float: left;text-align:center; padding:5px 0;} .social_buttons{ text-align:center;padding-top: 10px;} .social_buttons div{ display:inline-block;} .social_buttons div a{ display:inline-block; color:#ddd; padding:5px;text-align:center;} .social_buttons div i, .social_buttons div a{ color:#ccc;} .social_buttons div a:hover i, .social_buttons div a:hover{ } .social_buttons div a{ font-size:16px;} /*COMMENTS*/ .comments_template{ float:left; width:100%; margin-top:40px;} body.page .nocomments{ display:none;} .nocomments{ padding-left:15px;} .comments_template{ } .comments_template #comments, #comments_ping, #reply-title{ margin:0px; font-size:24px; padding:12px 0; color:#333; margin-bottom:20px} #reply-title small a{ font-size:16px; color:#2dcb73;} #comments_ping{ float:left; width:100%; border-top:1px solid #f5f5f5;} .commentlist{padding-left:0px; float:left; margin-top:0; width:100%;} .commentlist li.comment{ list-style-type:none;} .commentlist li{ list-style-type:none;width:100%;float:left;} .commentlist li ul li{ width:96%; border:none; float:right;} .commentlist .depth-1{ position:relative;} .commentlist .depth-2{} .commentlist .depth-3{} .commentlist .depth-4{} .commentlist.depth-5{} h3#comments{ color:#333333; font-size:20px;} h3#comments_ping{color:#333333; font-size:20px;} .commentmetadata{ color:#999} .commentmetadata a{ color:#2BB975;} .commentmetadata span{} .comment-body{float:left;width:94%;position:relative; z-index:3; background: #fff; padding:3%;margin-top:15px; margin-bottom:15px;} .commentlist li ul li .comment-body{margin-top:15px; margin-bottom:15px;;} .vcard{ float:left; width:11%; margin-right:7px;} .fn{ padding-top:5px; text-align:center;} .avatar img{ width:90%; height:auto; max-width:75px; max-height:75px;} .org_comment {float: left; width: 86%;} .org_comment a, .org_ping a{ color:#2BB975;} .org_comment ul li{ border:none; list-style-type:circle;} .org_comment ol li{ list-style-type:inherit; border:none;} .comm_meta_reply{ float:right; text-align:right; width:300px; font-size:11px; opacity:0.7; margin-right:-20px;} .org_ping .comm_meta_reply{ margin-right:0px;} .org_comment:hover .comm_meta_reply{ opacity:1;} .comm_meta_reply a{ padding-left:5px; margin-right:15px;} .comm_meta_reply a, .org_comment .comm_date{ color:#888; font-size:11px;} .comment-reply-link{ } .comment-edit-link{ } .comm_date i{padding-right:5px;} .comm_reply{ display:inline-block; margin-left:10px;} /*Comment Form*/ .comm_wrap{ width:40%; float:left; margin:15px 0;} .comment-form-comment{width:60%; float:left;} .comment-notes, .form-allowed-tags, .comment-form-comment label{ display:none;} .comment-form-author{ margin-top:0;} .comm_wrap input{ background:#fff; border:none; padding:15px 4%; width:88%; border-bottom:5px solid #f1f2f3;color:#aaa;} .comment-form-comment textarea{ background:#fff; width:90%; padding:4%; border:none; border-bottom:5px solid #f1f2f3; min-height:150px; float:right; color:#aaa;} #submit{ float:right; padding:12px 30px; background:#2dcb73; color:#fff; border:none; font-size:16px; font-weight:bold!important; cursor:pointer;} .logged-in-as a{color:#2dcb73;} .logged-in .comment-form-comment{width:100%;} .logged-in .comment-form-comment textarea{ width:92%;} .commentlist #respond{ width:100%; float:left; margin-top:-15px;} .commentlist #reply-title{background:#333; color:#fff;margin-bottom:0px; padding-left:15px;} .commentlist .logged-in-as{margin: 0;padding: 2%;background: #f1f2f3;} .commentlist .comment-form-comment{ margin-top:0;} /*PAGE*/ #content{ width:100%; float:left; margin-top:40px;} .page_tt{ float:left; width:100%; background:#2dcb73; padding:20px 0; color:#fff; text-align:center;} .thn_post_wrap{ line-height:26px;} .thn_post_wrap a:link, .thn_post_wrap a:visited, .single_metainfo a{ color:#2dcb73;} .single_metainfo a i{ color:#aaa;} .single_metainfo a i:hover{color:#2dcb73;} .edit_wrap{width: 0px;height: 0px;border-style: solid;border-width: 0 50px 50px 0;border-color: transparent #f1f2f3 transparent transparent; position:absolute; top:0; right:0;} .edit_wrap a{ display:block; margin-top: 4px;padding-left: 26px;} .edit_wrap i{ color:#aaa;} .edit_wrap i:hover{color:#2dcb73;} .single_wrap{width:68%; float:left;} .single_post{ background:#fff; padding:2.5%; position:relative; overflow:hidden;} .single_post .postitle{ margin-top:15px; color:#2dcb73;} /*Sidebar*/ #sidebar{width:30%; float:right;} #sidebar .widgets ul{ margin:0; padding:0; } #sidebar .widget{ background:#f1f2f3; margin-bottom:30px; list-style-type:none;width: 100%;float: left; color:#999; position:relative; padding-bottom:40px;} #sidebar .widget .widgettitle, #sidebar .widget .widgettitle a{ color:#2dcb73; font-size:18px;} #sidebar .widget li{ list-style-type:none; margin:20px 0;} #sidebar .widget li a{ color:#999; } #sidebar .widget_wrap{width:80%; padding:0 10%;} .untitled .widget_wrap{ padding: 10%!important;} .widget_corner{width: 0px;height: 0px;border-style: solid;border-width: 0 0 50px 50px;border-color: transparent transparent #fff transparent; position:absolute; bottom:0; right:0;} /*WIDGETS*/ #searchform .screen-reader-text{ display:none;} #sidebar #searchform div{ position:relative;border: 1px solid rgba(0, 0, 0, 0.1);} #sidebar #searchform #s{ width:65%; padding:2%; border:none; color:#888; background:none;} #searchsubmit{ background:#2dcb73; padding:6px 10px; border:none; margin-left:-5px; color:#fff;right: 0px;top: 0} #sidebar #searchsubmit, #footer #searchsubmit{position: absolute;} #searchform{ position:relative;} .widget_search{ padding-bottom:0px!important;} .widget_search .widget_corner{ display:none;} .widget_calendar td a{color:#2dcb73;} .widget_calendar table{ width:100%;} .widget_calendar caption{ margin-bottom:20px;} /*Page Templates*/ /*Search*/ .search_term {width: 96%;padding: 2%;float: left;background: white;margin-top: 50px;text-align: center;} .search_term h2{ color:#2dcb73; margin-bottom:5px;} .search_term #searchform #s, .error_msg #searchform #s{border: none;-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;width: 70%;padding: 10px;margin-top: 30px;margin-bottom: 30px;background: rgba(0, 0, 0, 0.04); color:#999;} .search_term #searchsubmit, .error_msg #searchsubmit{ padding:10px 15px;} /*404*/ .fourofour a{font-size: 250px;} .error404 .postitle{margin-top: -30px;font-size: 50px;} .error_page{ text-align:center;} /*Author*/ .author_div{ padding:4% 2%; background:#fff; width:96%; float:left;} .author_left{ float:left; margin-right:20px;} .author_right{ line-height:22px;} .author_right h2{ margin-bottom:20px;} .author_right h2, .author_right a{ color:#2dcb73;} .author_posts{background: #f1f2f3;padding: 2%;float: left;width: 96%;text-align: center;margin-top: 0;color: #999;margin-bottom: 40px;} /*Left Sidebar*/ .page-template-page-leftsidebar-php .left_sidebar{ float:right;} .page-template-page-leftsidebar-php #sidebar{ float:left;} /*To Top*/ .to_top{width:40px; height:35px; display:block; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; color:#aaa; -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; position:fixed; bottom:20px; right:20px; cursor:pointer; text-align:center; padding-top:5px;display:none; opacity:0.6;-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);} .to_top:hover{ background:#2dcb73; color:#fff; opacity:1;} /*FOOTER*/ /*#footer{width:100%; background:#333; float:left; margin-top:40px; font-size:13px;} #footer .widgets .widget a{color:#979797;} #footer .widgets ul{ margin:0; padding:0;} #footer .widgets .widget{ width:23%; float:left; margin:1%; list-style-type:none; margin-bottom:25px;} #footer .widgets .widgettitle, #midrow .widgets .widgettitle a{ color:#edeef0; font-size:1.5em;} #footer .widgets .widget ul{ margin:0; padding:0;} #footer .widgets .widget ul li{ list-style-type:none; padding:4px 0;} #footer .widgets .widget ul li a{color:#999; text-decoration:none;} #footer #wp-calendar #today{ background:#222; color:#ccc;} #footer #wp-calendar caption {border-bottom-style:dashed; border-bottom-color:#1c1c1c;border-width:1px} #copyright{width:100%; padding:25px 0; float:left;border-top: 1px solid rgba(0, 0, 0, 0.05);} .copytext a{ color:#2dcb73;} .copytext{ float:left;} #footmenu{ float:right;} #footmenu ul{ margin:0; padding:0;} #footmenu ul li{ list-style-type:none; display:inline-block; margin-left:20px;} #footmenu ul li a{ color:#aaa;}*/ #footer h2, #footer p, #footer ul, #footer li{ margin: 0; padding: 0; } #footer{ width:100%; background:#ffe000; border-top: 20px solid #333333; margin-top:0px; font-size:16px; padding-bottom: 30px; } #footer .head_soc{ display: block; width: 100%; height: auto; line-height: 1; text-align: center; } .head_soc a { display: inline-block; font-size: 18px; margin-left: 0px; width: 45px; height: 45px; padding: 0px 0px; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; margin-top: 40px; margin-bottom: 30px; } .head_soc a img { width: 100%; } .head_soc a.ast_fb:hover { background: none; opacity: 0.8; } #footer .widgets .widget{ width:100%; max-width: 1200px; margin: 0 auto; list-style-type:none; } #footer .widgets .widgettitle, #midrow .widgets .widgettitle a{ display: none;} /* footer_navigaton */ #footer .widgets ul{ margin:0; padding:0;} #footer .widgets .widget ul li{ list-style-type:none;} #footer .widgets .widget ul li a{color:#333333; text-decoration:none;} /* #footer #wp-calendar #today{ background:#222; color:#ccc;} #footer #wp-calendar caption {border-bottom-style:dashed; border-bottom-color:#1c1c1c;border-width:1px} */ #footer .menu-footer-navigation-container{ width: 100%; webkit-padding-start: 0px; font-weight: bold; } #footer .menu-footer-navigation-container>ul#menu-footer-navigation{ width: auto; height: auto; margin: 0 auto; text-align: center; } #footer .menu-footer-navigation-container>ul>li{ display: inline-block; margin :10px 25px; } #footer .menu-footer-navigation-container>ul>li:first:child{ margin-left: 0; } #footer .menu-footer-navigation-container>ul>li>a{ line-height: 1; display: block; } #footer .address{ width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; color: #333333; } #footer .address p{ font-size: 14px!important; font-weight: normal; } #footer .address h3{ font-size: 30px; line-height: 46px; margin: 50px auto 0; } #copyright{width:100%; padding:25px 0; font-size: 12px!important;font-weight: normal;text-align: center;} @media screen and (max-width: 480px){ #footer .menu-footer-navigation-container>ul>li{ display: block; margin :20px 0px; } #footer .address h3{ font-size: 24px; line-height: 30px; margin: 30px auto 0; } } @media screen and (max-width: 360px){ #footer .address p{ font-size: 12px!important; font-weight: normal; } #copyright { width: 100%; padding: 25px 0; font-size: 10px!important; font-weight: normal; text-align: center; } } /*MAINTANACE MODE*/ .ast_maintanace{ padding-top:5%;} .ast_maintanace .logo, .ast_maintanace .logo h1{ float:none; text-align:center;} .ast_maintanace .logo h1 a{ color:#2dcb73;} .under-construction-message{ text-align:center;width:60%; margin:0 auto; margin-top:40px; margin-bottom:20px;} .under-construction-inner{ background:#fff; padding:2%; padding-bottom:4%; float:left; min-width:726px;} .under-construction-inner #countdown_mntnc{ margin:0; padding:0; margin-top:20px;} .under-construction-inner #countdown_mntnc li{ background:#f1f2f3;} .under-construction-inner #countdown_mntnc li{ color:#333;} .under-construction-inner #countdown_mntnc li:last-child{ margin-right:0!important; width:21%;} /*For Asteria Gallery*/ .ast_full{ display:block; position:absolute; width:27px; height:26px; opacity:0.4; background:url(images/full_mode.png) no-repeat; right:15px; top:15px; border:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .ast_full:hover{opacity:1;} .gallery{ margin:20px auto!important; width:100%;} body .gall_dash .gallery-item{text-align: center;width: 50px!important; height:45px;display: inline-block;margin: 10px 5px; float:none!important;} .ast_gall{ position:relative;width:100%; text-align:center; max-width:1000px; margin:0 auto; overflow:hidden;} .ast_cap{position: absolute;background-color: rgba(0, 0, 0, 0.6);color:#fff;padding: 10px 5%;bottom: 0;width:90%; left:0;} .gall_dash{width: 100%;text-align: center; background:rgba(0, 0, 0, 0.04); max-width:1000px; margin:0 auto;} .gall_dash img{opacity:0.6; border:none!important;} .gall_dash img:hover, .gall_dash .gall_active{opacity:1;} .gall_dash .gallery-caption {display: none;} .ast_full{ position:absolute; z-index: 99;width:27px; height:26px; opacity:0.4; background:url(images/full_mode.png) no-repeat; right:15px; top:15px; border:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} .ast_full:hover{opacity:1;} .ast_gall{ position:relative;} .ast_gall img{ border:none!important;} .ast_gall .nivo-controlNav{ position:relative; background:rgba(0, 0, 0, 0.05);width: 100%;float: left;margin-left: 0;left: auto;bottom: auto; text-align:center;padding-bottom: 0;} .ast_gall .nivo-controlNav a{ display:inline-block; width:50px; height:50px;margin:5px;text-indent: initial; border:none; opacity:0.4} .ast_gall .nivo-controlNav a.active{ opacity:1;} .ast_gall .nivo-directionNav{ opacity:1;} .ast_gall_wrap{ min-height:300px; display:none;} .ast_gall_wrap img {width: auto!important;margin: auto!important;left: 0;right: 0;} .ast_gall_wrap .nivo-directionNav a{background-color: rgba(0, 0, 0, 0.5); padding:10px; opacity:0.3;transform: scale(0.7);} .ast_gall_wrap .nivo-directionNav a:hover{opacity:1;} .ast_gall_wrap .nivo-directionNav a.nivo-nextNav{ right:0;background-position: -57px -43px;} .ast_gall_wrap .nivo-directionNav a.nivo-prevNav{ left:0;background-position: 8px 12px;} .ast_gall_wrap .nivo-caption {bottom: 0;background: rgba(0, 0, 0, 0.5);width: 100%;left: 0;right: 0;margin: 0 auto;} .ast_gall_wrap .cap_inner{ padding:10px 0;} .ast_gall_wrap .cap_inner:empty{ padding:0;} .sk-spinner-wave.sk-spinner{margin:0 auto;width:50px;height:60px;text-align:center;font-size:10px; left:0; right:0; position:absolute; top:45%; z-index:99;}.sk-spinner-wave div{background-color:rgba(0, 0, 0, 0.1);height:100%;width:6px;margin:0 1px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-spinner-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-spinner-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-spinner-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-spinner-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}} /*SIDR PLUGIN STYLE*/ .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;background:#333;color:#fff} .sidr .sidr-inner{padding:0 0 15px} .sidr .sidr-inner>p{margin-left:15px;margin-right:15px} .sidr.right{left:auto;right:-260px} .sidr.left{left:-260px;right:auto} .sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d} .sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a} .sidr ul li a,.sidr ul li span{padding:0 15px;text-decoration:none;color:#fff} .sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px} .sidr ul li ul li:last-child{border-bottom:none} .sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px} @media screen and (max-width: 1200px){ body .header5 .center{width:100%!important;} body .center{ width:95%!important; margin: 0 auto;} body #content .center{ width:100%; margin: 0 auto;} .ast_row{ min-height:250px;} } @media screen and (max-width: 768px){ .center{ width:95%!important; margin: 0 auto;} .midrow_wrap{ width:95%;} .ast_row{ min-height:150px;} .header3 #simple-menu{ width:100%; text-align:center; float:left; padding:15px 0;background:#333 url(images/trans_black_3.png) repeat; margin-top:1.5%; margin-bottom:0;} .header3 .head_soc{width: 100%;text-align: center;} .header4{ height:auto!important;} #topmenu{display: none;} #simple-menu{display: block;} /*Frontpage Posts*/ .lay1 .post_content{ bottom:auto!important;top: 15%;} .lay1 h2.postitle{ background:none; line-height:20px;} .img_hover{ opacity:1;} .img_hover .icon_wrap{ display:none;} .lay1 .hentry img{vertical-align: bottom;} body .slide_wrap, body #zn_nivo{ max-height:350px!important; overflow:hidden;} body .slide_wrap h3, body #zn_nivo h3{ font-size:30px!important;} .ast_gall{min-height:300px!important;} } @media screen and (max-width: 480px){ .header{ float:left;} .head_contact { margin-top:20px; margin-bottom:20px;width: 100%;text-align: center;} .header2 .logo h1, .header2 .logo h2, .header2 .logo{width: 100%;text-align: center;} #simple-menu{width: 90%;padding: 5%;margin-bottom: 20px; text-align:center; float:left;} body .slide_wrap, body #zn_nivo, body .slider-wrapper{ height:auto!important;} .nivo-caption h3{ font-size:18px!important; padding-left:15px;} .slide_wrap{ background:none;} .nivo-controlNav{bottom:auto; left:auto; position:relative;} .slide_wrap, #zn_nivo {} .nivo-caption{ width:300px; bottom:0;} .nivo-caption p{ display:none;} .midrow_block:hover h3{ color:#333;} .midrow_block:hover .icon_wrap i{ color:#f0f0f0;} .midrow_block:hover .block_img{ background:none; border:5px solid #f0f0f0;} .midrow_block{width:96%!important;} /*Call to Action*/ .home_action_right{height:auto!important; float:none;width:60%; margin:0 auto;} .home_action_left{width:96%; text-align:center; padding:2%;} /*Home Widgets*/ body #home_widgets .widget{width:100%!important; margin-right:0;} /*footer Widgets*/ #footer .widgets .widget{width:98%;} /*Single Page*/ .single_wrap, #sidebar, #contact_block{ width:100%} .comments_template{ margin-bottom:30px;} /*Layouts*/ .lay1 .hentry {width: 48.8%!important;} .lay2 .hentry{width: 46%!important;height: 350px!important;} body .lay3 .hentry{width: 46%!important;} .lay4_wrap{width:100%!important;} .lay4 .post_image{width:35%!important;} .lay4 .post_content{width:63%!important;} .lay6 .hentry{ width:33%!important;} .under-construction-message{width:90%!important;} /*Comments*/ .comm_wrap, .comment-form-comment{width:100%;} } @media screen and (max-width: 360px){ .header{ height:auto;} .logo{ float:none;} .logo h1, .logo h2{ float:none; text-align:center;} .header2 .head_soc{width: 100%;text-align: center;} body .lay1 .hentry {width: 98.8%!important;} body .lay2 .hentry, .lay3 .hentry{ width:94%!important; margin-bottom:15px; height:auto!important; padding:2%!important;} body .lay4 .hentry{ width:90%!important;padding:5%!important;} body .lay4 .post_image, .lay4 .post_content{ width:100%;} body .lay6 .hentry{ width:100%!important; } .block_img{ display:none;} .header .head_soc{ position:relative;text-align: center; width:100%; background:none; margin:15px 0; top:0;} .ast_gall{ min-height:200px;} .ast_slide_wrap .nivo-controlNav{ right: auto;} .ast_slider .nivo-caption{ width:90%; padding:5%;} .col2, .col3, .col4{ width:96%;} .act_left{ width:90%;padding:5%; text-align:center;} .act_right{margin:5%; width:90%;} .rel_content p{ display:none;} #submit{ font-size:18px;} .ast_gall{min-height:200px!important;} } /*WOOCOMMERCE SUPPORT*/ .woocommerce #content{ margin-top:0;} .woocommerce .fixed_wrap{ padding-top:30px;} .woocommerce .star-rating span, .woocommerce-page .star-rating span{ color:#fcd53b;} .woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .upsells.products ul li.product{width:18%!important;} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li span{ color:#888;} /*Contact Form 7 SUPPORT*/ .wpcf7-text{padding: 12px;border: none;background: rgba(0, 0, 0, 0.03);width: 60%; border:1px solid; border-color:rgba(0, 0, 0, 0.05);} .wpcf7-textarea{padding: 2%;border: none;background: rgba(0, 0, 0, 0.03);width: 96%;min-height: 200px;border:1px solid; border-color:rgba(0, 0, 0, 0.05);} .wpcf7-submit{ float:right; padding:10px 35px; background:#2dcb73; color:#fff; border:none; font-size:18px; cursor:pointer;} .fixed_site { max-width: 100% !important; height: auto; } /* カスタマイズ */ body { font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif!important; font-weight: 500; color: #333333; -webkit-text-size-adjust: 100%; } .fixed_wrap:after, .clearfix:after{ content:""; display:block; clear:both; } .center { max-width: 1200px; } .logo img { border: medium none; height: auto; margin: 0; width: 100%; } .logo h1, .logo h2 { float: left; font-size: 30px; margin: 25px 0; width: 100%; max-width: 242px; } .logo h1 a, .logo h2 a { font-weight:bold; display:block; width:100%; font-size: 20px!important; } .logo2 { width: 97px; float: right; margin-top: 35px; } .logo2 img { width: 100%; } /*HEADER*/ .header { width:100%; float:left; position:relative; margin-bottom:10px; overflow: auto; } .header a { color:#333; } .header .head_soc { position:absolute; right: 0; bottom:-24px; z-index: 9999; background: url(images/submenu.png) repeat; cursor:pointer; } .posttext a { color: #333333; } /*Headers5*/ .header5 { width:100%; background:#333; float:none; overflow: hidden; } .header5 a { color:#ffe000!important; font-weight: normal; } .header5 a:hover { font-weight: normal; } .header5 .center { position:relative; } .header5 .logoimga { display:block; float:left; } topmenu ul li a{ font-weight:bold; } .header5 #topmenu { margin-top:0px; } .header5 #topmenu ul li { padding: 39px 20px 38px 20px; border-bottom: 3px solid transparent; margin-left: -4px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif!important; text-shadow: 0px 1px 1px #ffe000; } /* メニューを画像に置き換え .header5 #topmenu ul li a { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; } .header5 #topmenu ul li#menu-item-864 a { background: url(images/common/gnav_prof.png) no-repeat left center; background-size: 83px 20px; width: 83px; height: 20px; } .header5 #topmenu ul li#menu-item-891 a { background: url(images/common/gnav_seisaku.png) no-repeat left center; background-size: 32px 20px; width: 32px; height: 20px; } .header5 #topmenu ul li#menu-item-794 a { background: url(images/common/gnav_fb.png) no-repeat left center; background-size: 74px 20px; width: 74px; height: 20px; } .header5 #topmenu ul li#menu-item-823 a { background: url(images/common/gnav_katsudou.png) no-repeat left center; background-size: 63px 20px; width: 63px; height: 20px; } .header5 #topmenu ul li#menu-item-876 a { background: url(images/common/gnav_office2.png) no-repeat left center; background-size: 79px 20px; width: 79px; height: 20px; } .header5 #topmenu ul li#menu-item-122 a { background: url(images/common/gnav_contact.png) no-repeat left center; background-size: 93px 20px; width: 93px; height: 20px; } .header5 #topmenu ul li#menu-item-2232 a { background: url(images/common/gnav_mail.png) no-repeat left center; background-size: 63px 20px; width: 63px; height: 20px; } .header5 #topmenu ul li#menu-item-2631 a { background: url(images/common/gnav_addition.png) no-repeat left center; background-size: 63px 20px;  width: 63px; height: 20px; }*/ .sidr ul li a, .sidr ul li span, .pad_menutitle,#simple-menu { color: #F3D51A!important; font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: bold; } /* メニューを画像に置き換えここまで */ .header5 #topmenu ul li ul li { padding:0; margin-left:0; border-bottom:none; line-height:normal!important; height:auto!important; } .header5 #topmenu ul li ul { top: 90px; margin-left: -80px; margin-top:0; } .header5 #topmenu ul li ul li ul { margin-top:-90px; margin-left:0; } .header5 .current-menu-item { background:rgba(0, 0, 0, 0.1); } .header5 #topmenu ul li:hover { background:rgba(0, 0, 0, 0.03); border-bottom: 3px solid #FFE000; } .header5 #topmenu ul li a:link, .header5 #topmenu ul li a:visit, .header5 #topmenu ul li a:hover, .header5 #topmenu ul li a:active { color: #ffffff!important; } .header5 #topmenu ul .zn_parent_menu:hover { border-bottom: 3px solid transparent!important; } .header5 #topmenu .sub-menu { border-top: 3px solid #FFE000; } .header5 #topmenu ul li:hover ul li { border-bottom:none; } #simple-menu { padding: 2px 0px; margin-top: 8px; margin-bottom: 2px; text-align: center; float: right; background-color: #333333!important; font-size:8px!important; color: #F3D51A!important; font-weight: bold; } #simple-menu a { color: #F3D51A!important; } #simple-menu div { position: relative; width: 30px; height: 25px; margin: 0 auto; } #simple-menu span { display: block; position: absolute; height: 4px; width: 100%; background: #F3D51A; left: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #simple-menu span:nth-child(1) { top: 0; } #simple-menu span:nth-child(2) { top: 10px; } #simple-menu span:nth-child(3) { top: 20px; } .bigmenu { text-align: center; width: 100%; } body .header5 .bigmenu ul li:hover{ background:none!important; } .linkbtn { padding:20px 0 60px; margin: 0 auto; width:30%; clear: both; } .linkbtn a{ display:block; background:#333; padding: 10px; text-align:center; color:#fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .linkbtn a:hover { opacity:0.8; } @media only screen and (max-width:768px){ .home .linkbtn { width:90%; padding-top:20px; } } /*トップイメージ*/ .topimg_wrap { position: relative; } .topimg_wrap .page_link_icon { max-width: 1500px; margin: 0 auto; position: absolute; bottom: .1%; left: 50%; /*transform: translate(-50%, 0);*/ width: 100%; } .topimg_wrap .page_link_icon ul li { list-style: none; width: 21.7%; display: inline-block; margin-right: .5%; } .topimg_wrap .page_link_icon ul li a { display: block; } .topimg_wrap .page_link_icon ul li img { width: 100%; } @media only screen and (max-width:768px){ .topimg_wrap .page_link_icon { position: static; transform: translate(0,0); } .topimg_wrap .page_link_icon ul { display: flex; justify-content: center; padding: 0; } .topimg_wrap .page_link_icon ul li { width: 70%; /*width: 48%;*/ max-width: 318px; margin: 0 1% 10px; } } .topimg { background:#ffe100; /*background:#F9DD00;*/ width:100%; overflow:hidden; max-height:800px; text-align:center; } .topimg img { max-width:100%; vertical-align:bottom; } h2.sectiontitle { font-size: 40px; font-weight: bold; text-align: center; color: #ea6e00; } h3.sectionsubtitle { font-size: 60px; font-weight: normal; text-align: center; color: #000000; margin: 0 auto; } /*政策*/ .seisaku { width:85%; background:#fff; border:10px solid #ea6e00; font-size:1.5em; line-height:1.5em; color:#ea6e00; font-weight:700; padding:20px 10px; margin:0; height: 100px; display: table-cell; vertical-align: middle; } .ast_blocks { margin: 0; padding: 0; } @media only screen and (max-width:1200px) { .seisaku {font-size:1.2em;text-align: left;padding:10px;} .seisaku br {display: none;} } @media only screen and (max-width:480px) { .seisaku {width: 80%;display: block;margin: 0 auto;text-align: center;height: auto;} .seisaku br {display: block;} h3.sectionsubtitle { font-size: 24px; } h2.sectiontitle { font-size: 26px; margin: 20px auto 5px; } } /*プロフィール*/ .prfimg { width:300px; height:400px; background:url(http://test.ogawa-katsumi.com/233g3q4dfg/wp-content/uploads/2016/11/prf_back.png) no-repeat top center; float:left; margin-right:20px; } .prf_ttl_s { margin-top:20px; } .prftxt { float:left; max-width:490px; margin-right:40px; } .prftxt_dl { clear:both; overflow:hidden; } .prftxt_dt { line-height:1.5em; margin:0; float:left; clear:left; width:100px; } .prftxt_dd { line-height:1.5em; margin:0; float:left; width:390px; } @media only screen and (max-width:768px){ .prftxt { width:100%; } .prftxt_dt { width:35%; } .prftxt_dd { width:65%; } .prfimg { width:100%; } } #content { margin: 50px auto; float: left; } .single_post .postitle { color: #000000!important; } .single_wrap { width: 65%; } .page_tt2 h1.postitle { background: #e5e5e5 none repeat scroll 0 0; border-left: #F3D51A 10px solid; color: #000000!important; float: none; padding: 5px 20px; text-align: left; margin: 0px auto 30px; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif!important; font-weight: bold; font-size:30px; } /*Layout 1*/ .home .lay1{ padding:0;} .lay1{width:100%; float:left; padding:40px 0;} .lay1_wrap{overflow: auto;} .lay1 .hentry{ width:31%; float:left; padding:1.0%;} .lay1 .hentry img{ width:150%; height:auto; border:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;bottom:-100px; margin-left: -25%;margin-top: -30px;} .lay1 h2.postitle{ padding:10px 0 0px; background:#fff; text-align:left; margin:0;} .lay1 h2.postitle a{ font-size:16px; color:#fff;} .lay1 a h2.postitle{ font-weight: bold; font-size: 18px; color: #b52430; font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif; } .lay1 .posttext p { /*border-top: #c5c5c5 solid 1px;*/ margin-top: 5px; padding-top: 5px; } .lay1 .posttext a { color:#333; display: block; } .lay1_title, .homeposts_title{ text-align:center;} .lay1_title h3, .homeposts_title h3{ color:#e64429; font-size:42px; margin:20px 0 0 0;} .lay1_title p, .homeposts_title p{margin-bottom:30px; margin-top:0;} .lay1 .post_image{width: 100%;position: relative; overflow:hidden;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; max-height:260px;} .lay1 .post_content{position: static;width: 100%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;bottom:-130px; z-index:3;} .post_image:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .post_image:hover .post_content, .vidwrap:hover .post_content{ bottom:0;} .post_image:hover .img_hover{ opacity:1;} .img_hover{ width:100%; height:100%; /*background:rgba(0, 0, 0, 0.4);*/ background:url(images/lay_hover.png) repeat;position:absolute;opacity:0; -webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; z-index:2;} .img_hover .icon_round{ padding-top:30%; padding-left:30%;} .img_hover .icon_wrap{bottom: 50%; margin-left:auto; margin-right:auto; width:50px; height:50px; background:#333; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; left:0; right:0; position:absolute;} .img_hover .icon_wrap i{ color:#fff; font-size:18px;} .vidwrap{ position:relative;} .home .imgwrap { height: 200px; overflow: hidden; display: block; } .home .thn_post_wrap { overflow: visible; padding-bottom: 0px; background-color: #e9e9e9; padding: 10px 0; } .midrow_block { width: 29%; padding: 2%; float: left; text-align: center; } .home_topImg img { width: 100%; height: auto; vertical-align: bottom; } .facebook_block { text-align: center; margin: 0 auto; background-color: #e9e9e9; padding: 50px 10px; } .fb-page { width: 100%; } @media screen and (max-width: 1200px){ .home .imgwrap { height: 150px; } } @media screen and (max-width: 768px){ .home .imgwrap { height: 100px; } .lay1 .post_content{ bottom:auto!important;top: 15%;} .lay1 h2.postitle{ background:none; line-height:20px;} .lay1 .hentry img{vertical-align: bottom;margin-top: 0px;} } @media screen and (max-width: 480px){ .lay1 .posttext p { border-bottom: #c5c5c5 solid 1px; margin-bottom: 20px; padding-bottom: 20px; } .lay1 .hentry {width: 100%!important;} .home .imgwrap { height: auto; } .lay1 .hentry img{ width:100%; height:auto;bottom:-100px; margin-left: 0%;} .facebook_block { padding: 10px; } .midrow_block { padding: 0 2%; } .activeblock { margin: 0; } .thn_post_wrap h3, .thn_post_wrap h4 {text-align: center;margin-bottom: 5px;} .thn_post_wrap dl {margin-top: 0;} } @media screen and (max-width: 360px){ body .lay1 .hentry {width: 98.8%!important;} } /*SINGLE*/ .single_metainfo{ padding-bottom:0px; } .single_metainfo, .single_post .single_metainfo a{ color:#999; font-size:14px; opacity:0.8; display: block; text-align: right; } .thn_post_wrap img { max-width: 100%; height: auto; vertical-align: top; } @media screen and (max-width: 768px){ .thn_post_wrap iframe { width: 100%!important; } .va-social-buzz .vasb_fb_like_text, .va-social-buzz .vasb_share_button, .va-social-buzz .vasb_notification_button, .va-social-buzz .vasb_follow { font-size: 14px!important; } } /*Layout 5*/ .home .lay5 { padding:0; } .lay5 { width:100%; float:left; padding:50px 0; } .lay5_wrap { overflow: hidden; width:65%; float:left; } .single_post h1.postitle, .lay5 .page_tt2 h1.postitle { margin: 0 auto 20px; } .lay5 .hentry { width: 100%; float: left; padding: 0 0 30px; background: #fff; margin-bottom:30px; position:relative; border-bottom: #c8c8c8 solid 1px; } .lay5 .post_image2 { width: 100%; height: auto; max-height: 450px; float: none; margin-right: 0; overflow:hidden; padding:0px; margin-top: 20px; } .lay5 .post_content { float: right; width: 71%; } .lay5 .hentry .post_image2 img { width:100%; height:auto; border:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2 ease-out; } .lay5 .hentry .post_image2:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition:all 2.0s ease-out; -moz-transition:all 2.0s ease-out; -ms-transition:all 2.0s ease-out; -o-transition:all 2.0s ease-out; transition:all 2.0 ease-out; } .single_post_content h1.postitle2, .lay5 h2 { margin:0; margin-bottom:0px; } .single_post_content h1.postitle2, .lay5 h2 a { color:#b52430!important; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif!important; font-weight: bold; font-size: 28px; line-height: 1.4em; } .lay5 p{ padding-bottom:0px; width: 100%; } .lay5 .single_metainfo{ padding-bottom:0px; text-align: left; } .lay5 .single_metainfo, .lay5 .single_metainfo a{ opacity:1; } .lay5 .thn_post_wrap a:link, .lay5 .thn_post_wrap a:visited, .lay5 .single_metainfo a { color: #333333; } .lay5 .post_content { float: none; width: 100%; } .lay5 .linkbtn { display:block; background:#333; margin:30px auto 30px; padding:0px; width:30%; min-width: 250px; text-align:center; color:#fff; } .lay5 .linkbtn a { color: #ffffff; font-weight: bold; font-size: 17px; display: block; padding:10px; } .lay5 .linkbtn a:hover { opacity:0.8; color: #FFE000; } @media screen and (max-width: 360px){ .header{ height:auto;} .logo{ float:none;} .logo h1, .logo h2{ float:none; text-align:center;} .header2 .head_soc{width: 100%;text-align: center;} body .lay1 .hentry {width: 98.8%!important;} body .lay2 .hentry, .lay3 .hentry{ width:94%!important; margin-bottom:15px; height:auto!important; padding:2%!important;} body .lay5 .hentry, body .single_post_content {} body .lay5 .post_image, .lay5 .post_content{ width:100%;} } #sidebar .widget { background: #ffffff none repeat scroll 0 0; color: #999; float: left; list-style-type: none; margin-bottom: 0px; padding-bottom: 0px; position: relative; width: 100%; } #sidebar .widget_wrap { padding: 0 0%; width: 100%; margin: 0 auto; } #sidebar .widget h3.widgettitle, #sidebar .widget h3.widgettitle a { border-left: #F3D51A solid 7px; /*border-bottom: #c8c8c8 solid 1px;*/ font-size: 16px!important; padding-left: 10px; color: #000000!important; margin-top: 0; background-color: #E5E5E5; } #sidebar .widget li { margin: 5px 0; border-bottom: 0px!important; margin-bottom: 5px; padding-bottom: 5px; list-style-type: none; } #sidebar .widget li a { color: #333333!important; font-size: 16px!important; font-weight: 500; display: block; } #sidebar .widget li a:hover { color:#666666!important; opacity: 0.8; } #sidebar .rpwe_widget li a { color: #B52430!important; font-size: 14px!important; font-weight: 500; display: block; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif!important; } #sidebar .rpwe_widget li a:hover { color:#B52430!important; opacity: 0.8; } .rpwe-block ul{ list-style: none !important; margin-left: 0 !important; padding-left: 0 !important; } .rpwe-block li{ border-bottom: 0px!important; margin-bottom: 5px; padding-bottom: 5px; list-style-type: none; } .rpwe-block a{ display: inline !important; text-decoration: none; } .rpwe-block h3{ background: none !important; clear: none; margin-bottom: 0 !important; margin-top: 0 !important; font-weight: 400; font-size: 12px !important; line-height: 1.5em; } #sidebar .rpwe-thumb{ border: 0 !important; box-shadow: none !important; margin: 0px 10px 10px 0; padding: 0px !important; } #sidebar .rpwe-thumb img{ width: 100%!important; max-width: 80px; } .rpwe-summary{ font-size: 12px; line-height: 1.4; } .rpwe-time{ color: #bbb; font-size: 11px; } .rpwe-comment{ color: #bbb; font-size: 11px; padding-left: 5px; } .rpwe-alignleft{ display: inline; float: left; } .rpwe-alignright{ display: inline; float: right; } .rpwe-aligncenter{ display: block; margin-left: auto; margin-right: auto; } .rpwe-clearfix:before, .rpwe-clearfix:after{ content: ""; display: table !important; } .rpwe-clearfix:after{ clear: both; } .rpwe-clearfix{ zoom: 1; } .rpwe-title { overflow: hidden; } .addtoany_share_save_container { overflow: hidden; margin-bottom: 10px; } .addtoany_share_save_container a img { width: 100px; height: auto; border: none; } .addtoany_share_save_container a { display: block; float: left; width: 31%; /*margin-right: 2%;*/ line-height: 1.0; text-align: center; } .addtoany_list { display: flex!important; justify-content: space-between; flex-wrap: wrap; } .addtoany_list:after { content: ""; display: block; width: 31%; /* .boxに指定したwidthと同じ幅を指定する */ height: 0; } .a2a_button_twitter { background-color: #55acee; } .a2a_button_twitter:hover { background-color: #55acee!important; } .a2a_button_facebook { background-color: #3b5999; } .a2a_button_facebook:hover { background-color: #3b5999!important; } .a2a_button_google_plus { background-color: #dd4b39; } .a2a_button_line { background-color: #06c755; } .a2a_button_line:hover { background-color: #06c755!important; } .addtoany_share_save_container a:hover { opacity: 0.8; } .addtoany_share_save_container a:last-child { margin-right: 0%; } /*NEXT PREVIOUS POSTS*/ #ast_nextprev{ background:#fff;width:100%; float:none; margin:30px auto;} #ast_nextprev a{ color:#777;min-height:60px;} .ast-prev{ width:46%; float:left; padding:2%;} .ast-next{width:46%;float:right; padding:2%; text-align:right;} #ast_nextprev img{ float:left; margin-right:15px; width:60px; height:60px; border:none;} #ast_nextprev .ast-next img{ float:right; margin-left:15px; margin-right:0;} .ast-prev, .ast-next{ position:relative; min-height:60px;} #ast_nextprev .ast-prev:hover a, #ast_nextprev .ast-next:hover a { color:#fff; } #ast_nextprev .ast-prev span, #ast_nextprev .ast-next span{ color:#aaa; font-size:13px;font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif!important;} #ast_nextprev .ast-prev:hover span, #ast_nextprev .ast-next:hover span{ color:#fff;} .left_arro, .right_arro{font-size: 15px;color: #ccc;background: #f1f2f3;display: block;width: 30px;height: 25px;padding-top: 5px;position: absolute;text-align: center;bottom: 30px;} .left_arro i, .right_arro i{ color:#ccc;} .left_arro{ right:0;} .right_arro{ left:0;} #ast_nextprev .ast-prev:hover .left_arro, #ast_nextprev .ast-next:hover .right_arro{ background:#fff;} #ast_nextprev .ast-prev:hover .left_arro i, #ast_nextprev .ast-next:hover .right_arro i{ color:#2dcb73;} .ast_pagenav .current { color: #fff; background: #FFE000; } #footer .address br.sp { display: none; } @media screen and (max-width: 1200px){ body .header5 .center { width:95%!important; } body .center { width:90%!important; margin: 0 auto; } body #content .center{ width:100%; margin: 0 auto; } .logo h1, .logo h2 { float: left; font-size: 10px; margin: 22px 0 5px; } .logo h1 a, .logo h2 a { height: auto; } .logo2 { /*width: 50px;*/ margin-top: 33px; margin-left: 10px; float: left; } #simple-menu { margin-top: 25px; margin-bottom:20px; } } @media screen and (max-width: 768px){ .center { width:95%!important; margin: 0 auto } .header5 { height:auto!important; } body .header5 .center { width:95%!important; margin: 0 auto } #topmenu { display: none; } #simple-menu { margin-top: 8px; margin-bottom: 8px; } .logo h1, .logo h2 { float: left; font-size: 10px; margin: 12px 0 0px; width: 160px; } .logo2 { width: 50px; float: left; margin-top: 20px; margin-left: 10px; } .addtoany_share_save_container a img { width: 80px; } .addtoany_share_save_container a { width: 30%; /*margin-right: 2%;*/ margin-bottom: 10px; } .addtoany_list:after { content: ""; display: block; width: 30%; /* .boxに指定したwidthと同じ幅を指定する */ height: 0; } } @media screen and (max-width: 480px){ .header{ float:left; } .head_contact { margin-top:20px; margin-bottom:20px; width: 100%; text-align: center; } .header2 .logo h1, .header2 .logo h2, .header2 .logo { width: 100%; text-align: center; } #simple-menu { width: auto; padding: 2px 0px; margin-top: 8px; margin-bottom: 8px; text-align:center; float:right; } /*Layouts*/ #content { margin: 30px auto; } .page_tt2 h1.postitle { margin-bottom: 20px; font-size: 24px; padding-left: 10px; } .single_post h1.postitle, .lay5 .page_tt2 h1.postitle { margin: 0 auto 20px; } .single_post_content h1.postitle2, .lay5 h2 a { font-size: 22px; } .lay5 { padding: 30px 0; } .lay5_wrap { width:100%!important; } .lay5 .post_image2 { width:100%!important; } .lay5 .post_content { width:100%!important; } .lay5 .linkbtn { width: 100%; margin-top: 0; } .rpwe-block h3.rpwe-title{ font-size: 10px !important; } .single_wrap { width: 100%; } } @media screen and (max-width: 360px){ .header{ height:auto; } .logo{ float:left; } .logo2 { margin-top: 18px; } .logo h1, .logo h2{ float:none; text-align:center; width: 130px; margin-top: 12px; } #simple-menu { width: auto; padding: 2px 0px; margin-top: 6px; margin-bottom: 0px; } body .lay5 .hentry { width:100%!important; padding:0 0 10px!important; } body .lay5 .post_image, .lay5 .post_content { width:100%; } .header .head_soc { position:relative; text-align: center; width:100%; background:none; margin:15px 0; top:0; } #footer .address br.sp { display: block; } } .untitled .widget_wrap { padding: 0%!important; } .vasb_share_button { display:none; } .single_post { background: #fff none repeat scroll 0 0; overflow: hidden; padding: 0; position: relative; } #ast_nextprev .ast-prev:hover .left_arro i, #ast_nextprev .ast-next:hover .right_arro i { color: #000000; } .sidr ul li a, .sidr ul li span { color: #F3D51A!important; } /*NEXT PREVIOUS POSTS*/ #ast_nextprev{ background:#fff;width:100%; float:none; margin:30px auto;} #ast_nextprev a{ color:#000000;display: block;line-height: 1.4;} .ast-prev{ width:50%; float:left; padding:2% 30px 2% 0;box-sizing: border-box;} .ast-next{width:50%;float:right; padding:2% 30px 2% 0; text-align:left;box-sizing: border-box;} #ast_nextprev img{ float:left; margin-left:20px;margin-right:10px; width:60px; height:60px; border:none;} #ast_nextprev a:hover img {opacity:0.8;} #ast_nextprev .ast-next img{ float:left; margin-left:0px; margin-right:10px;} .ast-prev, .ast-next{ position:relative; min-height:60px;} #ast_nextprev .ast-prev:hover a, #ast_nextprev .ast-next:hover a{color:#666666;} #ast_nextprev .ast-prev span, #ast_nextprev .ast-next span{ color:#b52430; font-size:13px;} #ast_nextprev .ast-prev:hover span, #ast_nextprev .ast-next:hover span{ color:#B52430;} .left_arro, .right_arro{font-size: 15px;color: #ccc;background: none;display: block;width: 10px;height: 26px;padding-top: 0px;position: absolute;text-align: center;top: 50%; margin-top: -10px;} .left_arro i, .right_arro i{ color:#666666;} .left_arro{ left:0!important;} .right_arro{ right:0!important;left:auto;} #ast_nextprev .ast-prev:hover .left_arro, #ast_nextprev .ast-next:hover .right_arro{ background:#fff;} #ast_nextprev .ast-prev:hover .left_arro i, #ast_nextprev .ast-next:hover .right_arro i{ color:#333333;} @media screen and (max-width: 768px){ #ast_nextprev {margin-bottom: 30px;} .ast-prev{ width:auto; float:none; padding:2% 0;} .ast-next{width:auto;float:none; padding:2% 15px 2% 20px; text-align:left;} } /* profile -----------------------------------------------------------------------------*/ /* reset ---------------------------------*/ .profile dl, .profile dt, .profile dd, .profile ul, .profile li ,.profile img{margin: 0 ; padding: 0;} .profile dl, .profile dt, .profile dd, .profile ul, .profile li{list-style: none;} .profile{width: 100%; overflow: hidden; font-size: 12px;line-height: 1.5;} /* inputArea */ .thn_post_wrap { overflow: hidden; padding-bottom: 0px; } .profile h3{font-weight: 600; color: #333333;font-size:20px;} .profile h4 {font-size:14px;margin-bottom: 0;} .profile p, .profile table{font-size:14px;} .profile table td {vertical-align: top;} figure.wp-block-table {margin: 0;} figure.wp-block-table td:nth-child(1) {width: 100px;} figure.raireki table td:nth-child(1) {width: 150px;} figure.top_none table td:nth-child(1) {width: 150px;} .home .wp-block-column figure.wp-block-table td:nth-child(1) {width: 100px;} .home .wp-block-column table td {vertical-align: top;} .home .top_none {display:none;} .pr_wrap01{width: 20%; float: left;} .pr_wrap01>.pr_portrait{width: 100%;max-width:400px; margin: 14px auto 0;} .pr_wrap01>.pr_portrait>img{width: 100%; margin: 0 auto 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .pr_wrap02{width:38%; float: left; padding-left: 5%; box-sizing: border-box;} .pr_wrap03{width:40%; float: left;} .pr_wrap02 dl, .pr_wrap03 dl{width: 100%; overflow: hidden;font-size: 14px;} .pr_wrap02 dt, .pr_wrap03 dt{width: 23%; float: left;clear:both;line-height: 20px;margin-bottom: 10px;} .pr_wrap02 dd, .pr_wrap03 dd{width:75%;overflow: hidden;float:left;line-height: 20px;margin-bottom: 10px;-webkit-margin-start:0;margin-left: 2%;} /* fixed area */ .pr_wrap04{width: 100%; margin-bottom: 50px; } .pr_wrap04>.pr_topImg{width: 100%;margin: 30px auto;} .pr_wrap04>.pr_topImg>img{width: 100%; height: auto;} .pr_wrap05{ margin: 0 auto;} .pr_wrap05 dl{width:32%; float: left; margin-right: 2%;} .pr_wrap05 dl:nth-of-type(3n){margin-right: 0;} .pr_wrap05 dt{width: 100%; } .pr_wrap05 dt>img{max-width: 100%; height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .pr_wrap05 dd{width: 100%; height: auto;padding-bottom: 20px;line-height: 1.8;} .banner_block {clear: both;text-align: center;margin: 80px auto;} .banner_block ul{width: 100%;display: table;padding:0;} .banner_block ul li{width: 25%; display:table-cell;vertical-align: middle;padding-right:10px;} .banner_block ul li:last-child{padding-right:0px;} .banner_block ul li a{display: block;} .banner_block ul li a img{width: 100%!important; height: auto;vertical-align: bottom;} @media screen and (max-width: 1200px){ .pr_wrap01{width: 40%; float: left;margin-right: 10%;} .pr_wrap01>.pr_portrait{width: 100%; margin-top: 14px;} .pr_wrap01>.pr_portrait>img{width: 100%; margin: 0 auto;} .pr_wrap02{width:50%; float: left;box-sizing: border-box;padding-left: 0;} .pr_wrap03{width:50%; float: right;} .pr_wrap05 dl:nth-of-type(3n){margin-right: 2%;} .pr_wrap05, .pr_wrap07{width: 100%; overflow: hidden;} .pr_wrap05 dl{width:49%; float: left; margin-right: 2%;} .pr_wrap05>dl:nth-of-type(2n){margin-right: 0;} .pr_wrap05 dt{width: 100%; } .pr_wrap05 dt>img{max-width: 100%; height: auto;} .pr_wrap05 dd{width: 100%;} .banner_block ul{width: 100%;display: block;} .banner_block ul li{width: 49%; float: left; margin-right: 2%;margin-bottom: 10px; display: block;padding-right: 0} .banner_block ul li:nth-child(2n){margin-right: 0;vertical-align: top;} .banner_block ul li:nth-child(2n+1){clear:left;} .banner_block ul li>a>img{width: 100%; height: auto;margin: 0;} } @media screen and (max-width: 480px){ .pr_wrap01{width: 100%; float: none;} .pr_wrap01>.pr_portrait{width: 70%; margin: 14px auto 0;} .pr_wrap01>.pr_portrait>img{width: 100%; margin: 0 auto;} .pr_wrap02{width:100%; float: none;box-sizing: border-box;padding-left: 0;} .pr_wrap03{width:100%; float: none;} .pr_wrap02 dl, .pr_wrap03 dl{width: 100%;} .pr_wrap02 dl dt, .pr_wrap03 dl dt{width: 100%;float:none;margin-bottom: 0;} .pr_wrap02 dl dd, .pr_wrap03 dl dd{width: 100%;float:none;margin-left: 0;} .pr_wrap02 dl br, .pr_wrap03 dl br{display:none;} .pr_wrap05 dl{ width:100%; float: none;} .banner_block {margin: 30px auto;} .banner_block ul li{width: 100%; float: none; margin-right: 0;margin-bottom: 10px; display: block;padding-right: 0} } @media screen and (max-width: 360px){ .pr_wrap05 { width:100%; margin: 0 auto; } } /* jquery inview */ .inviewfadeIn { transition-property: opacity; opacity: 0; } .fadeIn { opacity: 1.0; } .inviewfadeIn1 { transition-delay:0s; transition-duration: 0.4s; } .inviewfadeIn2 { transition-delay:0.2s; transition-duration: 0.4s; } .inviewfadeIn3 { transition-delay:0.4s; transition-duration: 0.4s; } .inviewUp { transform: translate(0, 40px); -webkit-transform: translate(0, 40px); transition: .8s; } .Up { transform: translate(0, 0); -webkit-transform: translate(0, 0); } .inviewzoomIn { transform: scale(0, 0); -webkit-transform: scale(0, 0); transition: .8s; } .zoomIn { transform: scale(1, 1); -webkit-transform: scale(1, 1); } .inviewfadeInUp { opacity: 0; transform: translate(0, 50px); -ms-transform: translate(0, 50px); -webkit-transform: translate(0, 50px); transition-timing-function:ease-in-out; } .inviewfadeInUp1 { transition-delay:0.0s; transition-duration: 0.8s; } .inviewfadeInUp2 { transition-delay:0.1s; transition-duration: 0.8s; } .inviewfadeInUp3 { transition-delay:0.2s; transition-duration: 0.8s; } .inviewfadeInUp4 { transition-delay:0.3s; transition-duration: 0.8s; } .inviewfadeInUp5 { transition-delay:0.4s; transition-duration: 0.8s; } .inviewfadeInUp6 { transition-delay:0.5s; transition-duration: 0.8s; } .inviewfadeInUp7 { transition-delay:0.6s; transition-duration: 0.8s; } .inviewfadeInUp8 { transition-delay:0.7s; transition-duration: 0.8s; } .inviewfadeInUp9 { transition-delay:0.8s; transition-duration: 0.8s; } .inviewfadeInUp10 { transition-delay:0.9s; transition-duration: 0.8s; } .fadeInUp { opacity: 1.0; transform: translate(0, 0); -webkit-transform: translate(0, 0); } #infscr-loading { text-align: center; } .to_top { width: 40px; height: 35px; display: block; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #aaa; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: fixed; bottom: 60px; right: 2%; cursor: pointer; text-align: center; padding-top: 5px; display: none; opacity: 0.6; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .contact_btn { width: 280px; font-size: 18px; font-weight: bold; display: block; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color: #f3d51a; border:1px solid hsl(0, 0%, 92%)!important; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; position: fixed; bottom: -2px; right: 2%; cursor: pointer; padding: 10px 25px 5px 0px; opacity: 1.0; text-align: center; background: url(images/common/pen.png) 260px center no-repeat #333333; background-size: 25px 25px; } .contact_btn:hover { opacity: 0.8; } /* sticky popup */ .sticky-popup .popup-header { background-color: #333333!important; text-align: center!important; border: 1px solid hsl(0, 0%, 92%)!important; box-sizing: border-box; } .popup-content { width: 100%; max-width: 100%; overflow-x: hidden; overflow-y: auto; height: 300px; background-color: #F6F4E0; border: 1px solid hsl(0, 0%, 92%); box-sizing: border-box; } .popup-title { padding-right: 30px; background: url(images/common/pen.png) right center no-repeat; background-size: 25px 25px; } @media screen and (max-width: 360px){ .sticky-popup { width:96%!important; } } /* access -----------------------------------------------------------------------------*/ /* reset ---------------------------------*/ .access ul, .access li , .access img, .access p, .access h2{margin: 0 ; padding: 0;} .access ul, .access li{list-style: none;} .access{width: 100%; overflow: hidden; font-size: 14px;line-height: 1.6;} single_wrap no_sidebar{ width: 1200px; } .ac_wrap01{width: 100%; margin-bottom: 65px;} .ac_wrap02{width: 100%;} .ac_wrap03{width: 100%; overflow: hidden;} .ac_wrap02>.ac_wrap02a{width: 37%; float: left; margin-bottom: 32px;} .ac_wrap02>.ac_wrap02a h2{ font-size: 30px; font-weight: 600; margin-bottom: 25px; } .ac_wrap02>.ac_wrap02b div.ph{width: 30%; margin-right: 3%; float: left;} .ac_wrap02>.ac_wrap02b div:last-child{margin-right: 0; } .ac_wrap02>.fl_r div.ph { float: right; margin-right: 0; margin-left: 3%; } .ac_wrap02>.fl_r div:last-child { margin-left: 0; } .ac_wrap02b div.ph>img{ max-width: 100%; } .ac_wrap03{ width: 100%; margin: 80px 0; } .ac_wrap03>iframe{ width: 100%; height: 600px; } .mapwrap { height: 500px; } @media screen and (max-width: 1200px){ .ac_wrap01{width: 100%; margin-bottom: 80px;} .ac_wrap02{width: 100%;} } @media screen and (max-width: 767px){ .ac_wrap01{margin-bottom: 40px;} .ac_wrap02>.ac_wrap02a{ width: 100%;} .ac_wrap02>.ac_wrap02b>div.ph{width: 49%; margin-right: 2%;} .ac_wrap02>.ac_wrap02b>div.ph:nth-child(2n){margin-right: 0;} .ac_wrap02>.fl_r>div.ph{width: 49%; margin-left: 2%;margin-right:0;} .ac_wrap02>.fl_r>div.ph:nth-child(2n){margin-left: 0;margin-right:0;} } @media screen and (max-width: 480px){ .ac_wrap02>.ac_wrap02a h2{ margin-bottom: 0px; } .ac_wrap02>.ac_wrap02b{width: 100%; } .ac_wrap02>.ac_wrap02b>div.ph{width: 100%; float: none;} .ac_wrap02>.fl_r>div.ph{margin-left: 0;margin-right:0;} .ac_wrap03>iframe{ height: 400px; } .ac_wrap03{ margin: 30px 0; } } /* policy -----------------------------------------------------------------------------*/ /* reset ---------------------------------*/ .policy ul, .policy li, .policy img, .policy p, .policy h2, .policy h3, .policy h4 { margin: 0; padding: 0; } .policy ul, .policy li { list-style: none; } .policy { width: 100%; overflow: hidden; font-size: 14px; line-height: 1.6; } single_wrap no_sidebar { width: 1200px; } .po_wrap01 { width: 100%; margin: 10px auto 30px; } .po_wrap02 { width: 100%; text-align: center; } .po_wrap03 { width: 100%; overflow: hidden; } .po_wrap01>.po_topImg { width: 100%; /*max-width: 1500px;*/ margin: 0 auto; } .po_wrap01>.po_topImg>img { width: 100%; } .po_wrap02 h2 { font-size: 4em; font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif!important; font-weight: 600; color: #333333; } .po_wrap02 h3 { font-size: 30px; font-weight: 600; color: #333333; margin-bottom: 30px; } .po_wrap02>ul { width: 100%; overflow: hidden; margin-bottom: 55px; } .po_wrap02>ul>li { width: 30%; height: auto; margin-right: 5%; float: left; } .po_wrap02 ul li a { display: block; } .po_wrap02 ul li img { width: 100%; } .po_wrap02>ul>li:last-child { margin-right: 0; } .line { border-bottom: 1px solid #000000; } .line:before { display: block; content: ""; width: 0; height: 0; border: 26px solid; border-color: black transparent transparent transparent; position: absolute; left: 50%; margin-left: -26px; } .line:after { display: block; content: ""; width: 0; height: 0; border: 25px solid; border-color: white transparent transparent transparent; position: absolute; left: 50%; margin-left: -25px; z-index: 100; } .po_wrap03 { margin-top: 75px; } .po_wrap03>ul.outer { width: 100%; } .po_wrap03>ul.outer>li.outer { width: 100%; height: auto; padding: 1em 1em 1em 0; border: 2px solid #f08300; box-sizing: border-box; margin-bottom: 40px; overflow: hidden; } .po_wrap03>ul.outer>li.top { background: url(images/policy/title01.png) no-repeat left center; padding-left: 90px; } .po_wrap03>ul.outer>li.middle{ background: url(images/policy/title02.png) no-repeat left center; padding-left: 90px; } .po_wrap03>ul.outer>li.bottom { background: url(images/policy/title03.png) no-repeat left center; padding-left: 90px; } .po_wrap03>ul.outer>li.outer h4 { font-size: 2em; font-weight: 600; color: #f08300; } .po_wrap03>ul.outer>li.outer>.wrapper { float: left; } .po_wrap03>ul.outer>li.outer>.wrapper ul li { list-style-type: disc; list-style-position: outside; margin-left: 1.5em; } .po_wrap04>.po_bottomImg { width: 100%; margin: 0 auto; vertical-align: bottom; } .po_wrap04>.po_bottomImg>img { width: 100%; } @media screen and (max-width: 767px) { .po_wrap03>ul.outer>li.top { background:url(images/policy/title01.png) no-repeat left center; padding-left: 60px; } .po_wrap03>ul.outer>li.middle{ background: url(images/policy/title02.png) no-repeat left center; padding-left: 60px; } .po_wrap03>ul.outer>li.bottom { background: url(images/policy/title03.png) no-repeat left center; padding-left: 60px; } } @media screen and (max-width: 480px) { .po_wrap01 { margin: 10px auto 10px; } .po_wrap02 ul{ display: none; } .po_wrap02 h2 { font-size: 28px; } .po_wrap02 h3 { margin-bottom: 10px; font-size:24px; } .po_wrap02>ul>li { width: 100%; height: auto; margin-right: 0%; margin-bottom: 30px; float: none; } .line { display: none; } .po_wrap03 { margin-top: 0px; } .po_wrap03>ul.outer>li.outer { width: 95%; height: auto; padding: 1em 1em 1em 0; border: 10px solid #f08300; box-sizing: border-box; margin: 0 auto 40px; overflow: hidden; } .po_wrap03>ul.outer>li.top { background:url(images/policy/number01.png) no-repeat center 15px; background-size: 104px 36px; padding:65px 20px 20px; } .po_wrap03>ul.outer>li.middle{ background: url(images/policy/number02.png) no-repeat center 15px; background-size: 104px 36px; padding:65px 20px 20px; } .po_wrap03>ul.outer>li.bottom { background: url(images/policy/number03.png) no-repeat center 15px; background-size: 104px 36px; padding:65px 20px 20px; } .po_wrap03>ul.outer>li.outer h4 { font-size: 20px; margin-bottom: 10px; line-height: 1.4; } } h2.sectiontitle, .pr_wrap02 h3, .pr_wrap03 h3, .pr_wrap02 h4, .pr_wrap03 h4, #sidebar .widget h3.widgettitle, #sidebar .widget h3.widgettitle a, #footer .widgets .widget ul li, #footer .widgets .widget ul li a, h3.sectionsubtitle{ font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif!important; font-weight: bold; } /* 実績 -----------------------------------------------------------------------------*/ .achievements .po_wrap02 h2 { color: #EA6E00; } .achievements .po_wrap02 h2 .black { color: #333; } .achievements .po_wrap02 h2 .small { font-size: 80%; } .achievements .icon_list { margin: 50px auto 100px; } @media screen and (max-width: 480px) { .achievements .po_wrap02 ul{ display: block; } .achievements .po_wrap02 ul li { margin-bottom: 50px; } .achievements .po_wrap02 ul li:last-child { margin-bottom: 0; } } /*TOP実績ブロック*/ .achievements_block { display: none; margin: 30px auto; } .achievements_block .sectiontitle .black { color: #333; } .achievements_block .sectiontitle .small { font-size: 80%; } .achievements_block .midrow { background: url("https://ogawa-katsumi.com/233g3q4dfg/wp-content/themes/asteria-lite/images/policy/img_policy01-2.jpg") top left 60% no-repeat rgba(255,255,255,0.85); background-size: cover; background-blend-mode: lighten; } .top_achievements_list { display: flex; justify-content: space-around; align-items: center; margin: 30px auto 0; padding: 0; } .top_achievements_list li { list-style-type: none; width: 28%; margin: 0; padding: 0; } .top_achievements_list li img { width: 100%; } .achievements_block .linkbtn { padding-bottom: 33px; } @media screen and (max-width: 480px) { .achievements_block .midrow { background: none; } .top_achievements_list { display: block; } .top_achievements_list li { width: 80%; margin: 0 auto 10px; } } /*お問い合わせフォーム */ .form_inner { width: 90%; max-width: 800px; margin: 0 auto; overflow: auto; box-sizing: border-box; } .form_inner h5 { margin: 0; padding: 0; font-size: 16px; font-weight: bold; } .form_inner p { margin: 0 0 20px; padding: 0; } .form_block { background-color: #f1ebde; padding: 20px 0; margin-bottom: 80px; } .form_block dl { margin: 0px auto 20px; } .form_block dl dt { float: left; width: 30%; max-width: 160px; clear: both; margin: 0; padding: 10px 0; line-height: 15px; box-sizing: border-box; font-weight: bold; } .form_block dl dd { overflow: hidden; width: 80%; margin: 0; padding: 0; box-sizing: border-box; } select { -moz-appearance: button; -webkit-appearance: button; appearance: button; } .wpcf7-radio { line-height: 40px; box-sizing: border-box; } .wpcf7-text { padding: 10px; background: #ffffff; width: 100%; border:1px solid #cccccc; box-sizing: border-box; border-radius: 0; } .wpcf7-select { padding: 10px; background: #ffffff; width: 7rem; text-align: left; border-color:#cccccc; display: block; margin-bottom: 10px; box-sizing: border-box; border-radius: 0; } .wpcf7-textarea { padding: 2%; background: #ffffff; width: 100%; min-height: 200px; border:1px solid #cccccc; box-sizing: border-box; border-radius: 0; } .wpcf7-submit{ float:none; padding:15px; margin-left: 20%; margin-bottom: 20px; width: 200px; background-color:#333333!important; color:#fff; border:none; font-size:16px; cursor:pointer; text-align: center; box-sizing: border-box; } .wpcf7-submit:hover { opacity: 0.8; } .required { color: #b52430; font-weight: bold; } input[type=text], input[type=tel], input[type=email], textarea { -webkit-border-radius : 0; -webkit-appearance : none; -webkit-tap-highlight-color : rgba(0,0,0,0); } input[type="button"],input[type="submit"] { -webkit-appearance: none; border-radius: 0; } .wpcf7 span.wpcf7-not-valid-tip { display: block; position: static; top: 0; left: 0; border: none; color: #F2DEDE; } .wpcf7 span.wpcf7-not-valid-tip { color: #b52430; } .wpcf7 .wpcf7-not-valid { background: #F2DEDE; } .wpcf7 .wpcf7-response-output { margin: 0 0 20px 20%; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wpcf7 .wpcf7-validation-errors { color: #b52430; background-color: #F2DEDE; border: 1px solid #EED3D7; } .wpcf7 .wpcf7-mail-sent-ok { color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1; } @media screen and (max-width: 480px) { input[type=text], input[type=tel], input[type=email], input[type=radio], select,textarea { font-size : 16px; } span.wpcf7-list-item { display: block; } .form_inner { width: 90%; margin: 0 auto; overflow: auto; box-sizing: border-box; } .form_block { margin-bottom: 40px; } .form_block dl dt { float: none; width: 100%; max-width: auto; clear: both; } .form_block dl dd { overflow: visible; width: 100%; } .submit_btn { text-align: center; } .wpcf7-submit{ float:none; padding:15px; margin: 0 auto 10px; background-color:#333333!important; color:#fff; border:none; font-size:16px; cursor:pointer; text-align: center; width: 100%; } .wpcf7 .wpcf7-response-output { margin: 0 0 20px 0; } } /* vimeoビデオ埋め込み用 */ .vimeo { position: relative; height: 0; padding: 0 0 56.25%; overflow: hidden; } .vimeo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* youtube埋め込み用 */ .youtube { position: relative; width: 100%; padding: 0 0 56.25%; } .youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } /* LINEバナー */ .line_bnr { width: 100%; margin: 8px auto 21px; text-align: center; } .line_bnr img { vertical-align: bottom; width: 100%; } /* トップページバナー */ .top_banner_block { display: block; width: 90%; max-width: 1200px; margin: 30px auto; text-align: center; } .full_bnr img { width: 100%; margin-bottom: 30px; } .achievements_bnr img{ width: 100%; max-width: 596px; }