/***** Theme Name: Enigma Theme URI:http://weblizar.com/themes/enigma/ Author: weblizar Author URI: http://weblizar.com/ Description: Enigma is an incredibly superfine multipurpose responsive theme with WPML Compatible & designed with a lot of care and love.The Theme has support of "WOOCOMMERCE" You can use it for your business, portfolio, blogging or any type of site.Enigma is Responsive and flexible based on BOOTSTRAP CSS framework that adapts your website to mobile devices and the desktop or any other viewing environment.We focused on usability across various devices, starting with smartphones.Enigma is a Cross-Browser Compatible theme that works on All leading web browsers.Enigma is Retina ready.It has 4 page layouts, 2 page templates, It has five widgets available (one sidebar, four footers), and using the sidebar widget also enables you to make a two-column design. In addition, footer widget display is automatically adjusted depending on how many are used.Enigma has Filkr as a custom widget to showing up your Flikr Photos .Custom menus to choose the menu in Primary Location that is in Header area of the site.In header area and footer of the theme offers Social Media Links to add your Social Links here. Enigma focusing on business template, awesome Caroufredsel slider, Powerful but simple Theme Options for full CMS control option to match your logo & website, wide layout, light & dark color skin, translation ready and many more. You can check the demo at http://demo.weblizar.com/enigma-free-theme/. Version: 2.2 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl.html Tags: black, blue, gray, red, dark, light, silver, white, green, brown, two-columns, three-columns, four-columns, custom-menu, right-sidebar, fixed-layout, fluid-layout, custom-background, featured-image-header, sticky-post, theme-options, threaded-comments, featured-images, flexible-header, responsive-layout, translation-ready ,rtl-language-support Text Domain: weblizar */ /*! * Enigma Css created By weblizar Themes */ /* Main css with editable-------------------------------------------------------------- */ .halalulB { clear:both; float:left; width:100%; padding:10px 0px 10px 0px; } .halalulB h3 {clear:both; padding:20px 0px 0px 0px; } .halalulB ul { clear:both; padding:15px 0px 10px 30px; margin:0; font-size:115%; line-height:180%; } .halalulB li { list-style-type:decimal; padding-bottom:10px; } h3#halaltop { color:#434343; line-height:200%; /*letter-spacing:0.1em;*/ padding-bottom:20px; } ul.footsns { width:100%; list-style-type:none; text-align:center; width:150px; margin:0 auto; } ul.footsns li { float:left; text-align:center; width:45px; } .fb-page { display:block !important; width:100%; max-width:500px; margin-left:auto; margin-right:auto; height:600px; } .qaB { clear:both; float:left; width:100%; } .qaB p { padding-bottom:20px; } .qaB label { padding-top:0px; width:100%; } .qaB p.nqa input[type=checkbox] { clear: both; } .qaB p.nqa input[type=text] { width:20%; clear: none; float:none; } .qaB h3 { clear:both; font-size:18px; font-weight:bold; padding:5px 10px 5px 10px; background-color:#D1D1D1; } .qaB .closample { clear: both; float: left; width:100%; } .qaB .closample .left { float:left; width:20%; } .qaB .closample .left img { width:100%; padding:2px; background-color:#ffffff; border:1px solid #dbdbdb; } .qaB .closample .left p { font-size:90%; } .qaB .closample .right { float: left; width:78%; padding-left:10px; } .qaB .namingB { clear:both; float:left; width:100%; padding-bottom:20px; } .qaB .namingB .namingBl { float:left; width:45%; } .qaB .namingB .namingBl img { float:left; width:70%; } .qaB .namingB .namingBr { float:right; width:50%; } .maintoplogo img { position: absolute; max-width:25%; height: auto; top:15%; left:72%; z-index: 4; } .bnOnward { clear:both; float:left; } .fa-search { color:#434343; } .row { margin-left:0px; margin-right:0px; } .searchnav { clear:both; padding-top:15px; } .pagetop { display:none; position:fixed; bottom:10px; right:20px; z-index:2; } .pagetop a { display:block; line-height:150%; background-color:#ffffff; text-align:center; color:#434343; font-size:14px; text-decoration:none; padding:10px 20px; /*border-radius:0.5em;*/ width:70px; height:70px; border-radius:70px; -webkit-border-radius:70px; -moz-border-radius:70px; opacity:0.8; box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px; -webkit-box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px; -moz-box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px; } .pagetop a:hover { display:block; background-color:#31a3dd; text-align:center; color:#ffffff; font-size:14px; text-decoration:none; padding:10px 20px; opacity:0.7; } .error_404 h2, .error_404 h4, .error_404 p { font-family:Verdana, Helvetica, Arial, sans-serif; background-color:#fff; font-size:16px; line-height:1.7; } .error_404 p { padding-bottom:20px; } .error_404 p button { font-size:14px; border:1px solid #434343; } .error_404 p a:hover button { border:1px solid #434343; } /* Header Section css-------------------------------------------------------------- */ body { /* padding:0 30px;*/ font-family:Verdana, Helvetica, Arial, sans-serif; background-color:#fff; font-size:16px; line-height:1.7; } wrapper { position:relative; transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .container { padding-left:0px; padding-right:0px; } a:hover, a:focus { text-decoration:none; } h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#434343; text-shadow:0 0 1px rgba(0,0,0,0.01); font-family:Verdana, Helvetica, Arial, sans-serif; font-weight:600; } p , .textwidget { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:26px; } .head-contact-info { display:block; text-align:right; padding-top:5px; padding-bottom:2px; padding-left:0; } .head-contact-info li { display:inline; margin-right:10px; font-size:18px; } .head-contact-info li a{ color:#fff; } .head-contact-info i { margin-right:8px; font-size:20px; display:inline; } .logo { padding-top:18px; text-align:left; padding-bottom:0px; font-family:Verdana, Helvetica, Arial, sans-serif; width:140px; } .logo img { width:100%; } .logo a { font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; margin-bottom:10px; font-size:10px; color:#fff; } .logo a:hover { color:#fff; } .logo p { font-family:Verdana, Helvetica, Arial, sans-serif; margin-top:5px; color:#fff; } .social { display:block; text-align:right; padding-top:5px; padding-bottom:5px; } .social li { font-size:18px; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.6); box-shadow:0 2px 2px 0 rgba(0,0,0,0.6); display:inline-block; height:35px; margin-right:5px; width:35px; text-align:center; -webkit-transition:background .5s ease-in-out; -moz-transition:background .5s ease-in-out; -o-transition:background .5s ease-in-out; -ms-transition:background .5s ease-in-out; transition:background .5s ease-in-out; border:2px solid #ffffff; cursor:pointer; } .social i { color:#fff; line-height:30px; } /* facebook */ .social li.facebook{ background-size:100% 200%; background-image:linear-gradient(to bottom, transparent 50%, #4C66A4 50%); } .social li.facebook:hover { background-position:0 -100%; background-color:#4C66A4; } /* dribble */ .social li.dribbble { background-size:100% 200%; background-image:linear-gradient(to bottom, transparent 50%, #EA4C89 50%); } .social li.dribbble:hover { background-position:0 -100%; background-color:#EA4C89; } /* dribble */ .social li.twitter { background-size:100% 200%; background-image:linear-gradient(to bottom, transparent 50%, #f60 50%); } .social li.twitter:hover { background-position:0 -100%; background-color:#f60; } /* linkedin */ .social li.linkedin { background-size:100% 200%; background-image:linear-gradient(to bottom, transparent 50%, #069 50%); } .social li.linkedin:hover { background-position:0 -100%; background-color:#069; } /* youtube */ .social li.youtube { background-size:100% 200%; background-image:linear-gradient(to bottom, transparent 50%, #C92228 50%); } .social li.youtube:hover { background-position:0 -100%; background-color:#C92228; } .enigma_heading_title { display:block; margin:0px 0 50px; text-align:left; } .enigma_heading_title h3 { display:inline-block; margin-top:0px; letter-spacing:1px; padding-bottom:10px; line-height:30px; border-bottom:none; } .enigma_heading_title h3 { font-size:34px; font-weight:500; text-transform:uppercase; font-weight:600; /*font-family: 'Open Sans', sans-serif;*/ } .enigma_heading_title h3 span { font-size:24px; } .enigma_heading_title2 { display:block; margin:0px 0 20px; } .enigma_heading_title2 h3 { display:inline-block; margin-top:0px; letter-spacing:1px; padding-bottom:10px; font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; } .enigma_heading_title2 h3 { font-size:22px; font-weight:500; text-transform:uppercase; } .header_section { padding-bottom:0; margin-bottom:0; } ul.breadcrumb { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:14px; padding:20px 0px 20px 0px; } ul.breadcrumb.hiless { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:14px; padding:0px 0px 0px 0px; } ul.breadcrumb.hilessbl { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:14px; padding:0px 0px 20px 0px; } ul.breadcrumb.hilessarc { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:14px; padding:11px 0px 15px 0px; margin-bottom:0; } .pdd20_A { clear:both; width:100%; float:left; padding:0px 0px 30px 0px; } .pdd20_B { padding:10px 0px 15px 15px; width:100%; border-bottom:1px dotted #dbdbdb; } .pdd20 h2 { padding:0px 0px 0px 0px; } ul.breadcrumb li a { color:#31a3dd; text-decoration:underline; } ul.breadcrumb li a:hover { color:#184272; text-decoration:underline; } /* Flex Slider css ***************************************************************************************************************** ********************************************************************************************************************************/ .carousel { margin-bottom:40px; } .carousel-inner img { width:100%; } .carousel-caption { top:20%; } .carousel-control .fa .fa-chevron-left { position:absolute; top:50%; z-index:5; display:inline-block; } .carousel-text h1 { margin:0 0 0px 0; padding:5px; padding-left:10px; padding-right:10px; font-size:3em; font-family:Verdana, Helvetica, Arial, sans-serif; font-weight:700; color:#fff; text-transform:uppercase; text-shadow:1px 1px 2px rgba(0,0,0,0.5); line-height:1.4em; background:rgba(0,0,0,0.6); -webkit-animation-delay:.3s; -moz-animation-delay:.3s; -ms-animation-delay:.3s; -o-animation-delay:.3s; animation-delay:.3s; } .carousel-text .enigma_blog_read_btn { font-size:25px; color:#fff; display:inline-block; transition:all 0.4s ease 0s; padding:10px 10px 10px 10px; -webkit-transition:all ease 0.8s; -moz-transition:all ease 0.8s; transition:all ease 0.8s; margin-bottom:20px; box-shadow:0px !important; } .carousel-list li { color:#fff; font-size:17px; margin-bottom:10px; overflow:hidden; font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; padding:10px; padding-left:10px; padding-right:10px; line-height:23px; text-shadow:0 1px 2px rgba(0, 0, 0, 0.8); } .carousel-list li:nth-child(1) { -webkit-animation-delay:.3s; -moz-animation-delay:.3s; -ms-animation-delay:.3s; -o-animation-delay:.3s; animation-delay:.3s; } .carousel-list li:nth-child(2) { -webkit-animation-delay:.5s; -moz-animation-delay:.5s; -ms-animation-delay:.5s; -o-animation-delay:.5s; animation-delay:.5s; } .carousel-list li:nth-child(3) { -webkit-animation-delay:.7s; -moz-animation-delay:.7s; -ms-animation-delay:.7s; -o-animation-delay:.7s; animation-delay:.7s; } /*.enigma_slider_shadow { background:url('images/shadow1.png') no-repeat top center; position:absolute; left:0; right:0; height:80px; z-index:99; width:100%; background-size:100% 100%; height:60px; bottom:-60px; }*/ /** Service Section *************************************************************************************************************** ********************************************************************************************************************************/ .enigma_service { padding-top:0px; padding-bottom:0px; } .enigma_service_area { border-radius:0px; margin-bottom:65px; transition:all 0.4s ease 0s; } .enigma_service_iocn { width:90px; height:90px; display:block; margin-right:20px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; text-align:center; -webkit-transition:all ease 0.8s; -moz-transition:all ease 0.8s; transition:all ease 0.8s; } .enigma_service_iocn i { color:#fff; font-size:50px; position:relative; display:inline-block; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:90px; -webkit-transition:all .25s linear; -moz-transition:all .25s linear; -o-transition:all .25s linear; transition:all .25s linear; } .enigma_service_detail h3 { font-size:24px; letter-spacing:normal; line-height:32px; word-wrap:break-word; margin:0 0 10px; font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; } .enigma_service_detail p { font-size:16px; line-height:27px; } .enigma_service_area:hover .enigma_service_iocn { background-position:0 -100%; } .enigma_service_area_2 { text-align:center; border-radius:0px; margin-bottom:65px; transition:all 0.4s ease 0s; } .enigma_service_iocn_2 i { background:#fff; width:90px; height:90px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; text-align:center; } .enigma_service_iocn_2 i { font-size:50px; position:relative; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:90px; -webkit-transition:all ease 0.8s; -moz-transition:all ease 0.8s; transition:all ease 0.8s; } .enigma_service_detail_2 h3 { font-size:24px; letter-spacing:normal; line-height:27px; font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; } .enigma_service_detail_2 p { font-size:18px; line-height:27px; } .enigma_service_area_2:hover .enigma_service_iocn_2 i { background-position:0 -100%; } .enigma_service_area_2:hover .enigma_service_iocn_2 i { color:#fff; } /*** Project Or Works ****************************************************************************************************** **************************************************************************************************************************/ .enigma_project_section { background:#f5f5f5; padding-top:20px; padding-bottom:50px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; } .enigma_project_section h3 { border-color:none; text-decoration:none; } .enigma_carousel-navi { text-align:center; margin-top:15px; } .enigma_carousel-prev { background-position:center center; background-repeat:no-repeat; cursor:pointer; display:inline; transition:all 0.3s ease 0s; padding:6px 15px 10px; margin-right:5px; } .enigma_carousel-next { background-position:center center; background-repeat:no-repeat; cursor:pointer; display:inline; transition:all 0.3s ease 0s; padding:6px 15px 10px; } .enigma_carousel-prev i, .enigma_carousel-next i { font-size:20px; vertical-align:middle; transition:all 0.3s ease 0s; } .enigma_project_section_col { border-radius:0px; margin-bottom:35px; transition:all 0.4s ease 0s; text-align:center; } .img-wrapper { margin-bottom:50px; overflow:hidden; } .enigma_home_portfolio_showcase { position:relative; width:100%; overflow:hidden; } .enigma_home_portfolio_showcase:hover .enigma_home_portfolio_showcase_title a { text-decoration:underline; } .enigma_img_responsive { width:100%; display:block; height:auto; } .enigma_home_portfolio_showcase_overlay { visibility:hidden; position:absolute; width:100%; height:100%; top:-80%; left:0; background:rgba(0,0,0,0.7); -webkit-transition:all .25s linear; -moz-transition:all .25s linear; -o-transition:all .25s linear; transition:all .25s linear; } .enigma_home_portfolio_showcase img { -webkit-transition:all .45s ease-in; -moz-transition:all .45s ease-in; -o-transition:all .45s ease-in; transition:all .45s ease-in; } .enigma_home_portfolio_showcase_overlay_inner { position:absolute; bottom:-110%; left:0; width:100%; overflow:hidden; visibility:hidden; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -o-transition:all .25s ease-in; transition:all .25s ease-in; } .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons { margin-top:10px; text-align:center; width:100%; } .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a { font-size:1.3em; line-height:1em; display:inline-block; margin-left:2px; padding:8px 8px; opacity:1; text-decoration:none; margin-right:5px; border-radius:100%; width:60px; height:60px; transition:all 0.3s ease 0s; } .enigma_home_portfolio_showcase .enigma_home_portfolio_showcase_icons a i { font-size:1.6em; line-height:40px; } .enigma_home_portfolio_showcase:hover .enigma_home_portfolio_showcase_overlay { visibility:visible; top:0; } .enigma_home_portfolio_showcase:hover img { -webkit-transform:scale(1.9) rotate(15deg); -moz-transform:scale(1.9) rotate(15deg); -ms-transform:scale(1.9) rotate(15deg); } .enigma_home_portfolio_showcase:hover .enigma_home_portfolio_showcase_overlay_inner { visibility:visible; bottom:40%; left:0; } .enigma_home_portfolio_showcase_fade { opacity:0.8; } .enigma_home_portfolio_showcase_fade:hover .enigma_home_portfolio_showcase_overlay { display:none !important; } .enigma_home_portfolio_caption { border-radius:0; padding:0 0 15px; text-align:center; font-family:Verdana, Helvetica, Arial, sans-serif; cursor:pointer; } .enigma_home_portfolio_caption h3 { font-size:14px; font-weight:600; margin:0; padding:9px 3px 0px; line-height:35px; font-family:Verdana, Helvetica, Arial, sans-serif; } .enigma_home_portfolio_caption small { font-size:13px; line-height:20px; } .enigma_home_portfolio_caption { background:#fff; } .enigma_home_portfolio_caption h3 a { color:#404040; font-size:22px; } .enigma_home_portfolio_caption small { color:#777777; } .enigma_proejct_button { border-radius:0; padding:15px 5px 5px; text-align:center; transition:all 0.4s ease 0s; text-align:center; } .enigma_proejct_button a { display:inline-block; font-family:Verdana, Helvetica, Arial, sans-serif; font-weight:700; font-size:18px; line-height:20px; margin:8px 0; padding:9px 20px; text-align:right; text-transform:uppercase; transition:all 0.3s ease 0s; vertical-align:middle; } .enigma_portfolio_page { margin-bottom:70px; } /* Isotope Animating * -------------------------- */ .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration:0.8s; -moz-transition-duration:0.8s; -ms-transition-duration:0.8s; -o-transition-duration:0.8s; transition-duration:0.8s; } .isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width; } .isotope .isotope-item { -webkit-transition-property:-webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property:-o-transform, opacity; transition-property:transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s; transition-duration:0s; } .enigma_portfolio_shadow { background:url('images/shadow.png') no-repeat top center; position:absolute; left:0; right:0; height:80px; z-index:99; width:100%; background-size:100% 100%; height:25px; bottom:26px; } /********** project detail page css ********************************************** ***********************************************************************************/ .enigma-project-detail-section { margin-bottom:70px; } .enigma-project-detail-section img { margin-bottom:30px; } .enigma-project-description h3 { text-align:left; font-size:24px; margin:20px 0; } .enigma-project-description h3 span { text-align:left; font-size:24px; } .enigma-project-description p { text-align:left; font-size:16px; font-family:Verdana, Helvetica, Arial, sans-serif; font-weight:500; } .enigma-related-project { padding-top:55px; padding-bottom:30px; width:100%; } .enigma-related-project .enigma_portfolio_4col_row { margin:0px; } .enigma-related-project .enigma_portfolio-4col-column { margin-bottom:90px; } .enigma-related-project h3 { margin-bottom:25px; margin-top:0; } .enigma_portfolio_detail_pagi { text-align:left; overflow:hidden; padding-left:0; padding-bottom:20px; } .enigma_portfolio_detail_pagi li { display:block; float:left; margin-right:15px; } .enigma_portfolio_detail_pagi li a { padding:4px 11px; display:block; height:45px; width:55px; transition:all 0.3s ease 0s; } .enigma_portfolio_detail_pagi li a span { font-size:22px; } .enigma-project-detail-sidebar { padding-left:10px; } .enigma-project-detail-sidebar p { font-family:Verdana, Helvetica, Arial, sans-serif; font-weight:700; font-size:16px; line-height:20px; margin:0 0 10px; padding-bottom:15px; padding-top:0px; } .enigma-project-detail-sidebar p small { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; padding-left:0px; display:block; margin-top:6PX; } .enigma-project-detail-sidebar .launch-enigma-project a { display:inline-block; font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; margin:15px 0 15px; padding:8px 30px; text-align:right; text-transform:lovercase; transition:all 0.4s ease 0s; vertical-align:middle; } .enigma-project-detail-sidebar .launch-enigma-project a { text-decoration:none; } .enigma_project_detail_related_projet { margin-bottom:70px; } .enigma_project_detail_related_projet .enigma_carousel-navi { text-align:center; display:inline-flex; margin-top:0px; float:right; } .sidebar-img { margin-right:5px; } .enigma-project-description h3 span { color:#f9504b; } .enigma-project-description p { color:#6a6a6a; } .enigma-related-project { background:none repeat scroll 0 0 #F9F9F9; border-top:2px solid #D1D1D1; } /******* gallery css ***************************************************** *********************************************************************/ .enigma_gallery_page { margin-bottom:70px; width:100%; float:left; margin-right:auto; margin-left:auto; } .enigma_gallery-padding { padding-left:0px; padding-right:0px; margin-bottom:0px; } .enigma_gal_img { position:relative; overflow:hidden; } .gallery_wrapper { margin-bottom:0px; overflow:hidden; } .enigma_gallery_showcase { position:relative; width:100%; overflow:hidden; } .enigma_gallery_blog { width:24.98%; margin-right:0; margin-bottom:0; float:left; } .enigma_img_responsive { width:100%; display:block; } .enigma_gallery_showcase_overlay { visibility:hidden; position:absolute; width:100%; height:100%; top:-80%; left:0; background:rgba(0,0,0,0.7); -webkit-transition:all .25s linear; -moz-transition:all .25s linear; -o-transition:all .25s linear; transition:all .25s linear; } .enigma_gallery_showcase img { -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -o-transition:all .25s ease-in; transition:all .25s ease-in; } .enigma_gallery_showcase_overlay_inner { position:absolute; bottom:-110%; left:0; width:100%; overflow:hidden; visibility:hidden; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -o-transition:all .25s ease-in; transition:all .25s ease-in; } .enigma_gallery_showcase .enigma_gallery_showcase_icons { margin-top:10px; text-align:center; width:100%; } .enigma_gallery_showcase .enigma_gallery_showcase_icons a { display:inline-block; margin-left:2px; padding:8px 8px; opacity:1; text-decoration:none; margin-right:5px; border-radius:100%; width:60px; height:60px; transition:all 0.3s ease 0s; } .enigma_gallery_showcase .enigma_gallery_showcase_icons a i { font-size:1.6em; line-height:40px; } .enigma_gallery_showcase:hover .enigma_gallery_showcase_overlay { visibility:visible; top:0; } .enigma_gallery_showcase:hover .enigma_gallery_showcase_overlay_inner { visibility:visible; bottom:40%; left:0; } /***************** BLog Section ************************************************************************* ***************************************************************************************************/ /** wrapper for front page **/ .enigma_blog_area { padding-top:90px; padding-bottom:90px; } .enigma_blog_wrapper { /*margin-bottom:90px;*/ padding-bottom:20px; } .enigma_blog_thumb_wrapper { margin-bottom:40px; border-radius:4px; margin-top:10px; padding:10px; } .enigma_blog_thumb_wrapper img { width:100%; } .enigma_blog_thumb_wrapper h2 { font-size:22px; margin-bottom:8px; padding-right:0px; line-height:1.4; margin-top:0px; } .enigma_blog_thumb_wrapper h2 a:hover { color:#34495e !important; } .enigma_fuul_blog_detail_padding h2 a:hover { color:#34495e !important; } .enigma_blog_thumb_wrapper { position:relative; overflow:hidden; } .enigma_blog_thumb_date { list-style:none; text-align:left; padding-left:0; color:#9b9b9b; font-size:14px; margin-bottom:0px; } .enigma_blog_thumb_date li { display:inline-block; color:#555; margin-right:15px; margin-bottom:5px; } .enigma_blog_thumb_date li i { margin-right:8px; font-size:22px; } .enigma_blog_thumb_date li a { color:#555; } .enigma_blog_thumb_wrapper p { font-size:16px; padding-right:8px; margin-bottom:20px; line-height:27px; } .enigma_blog_thumb_wrapper span a i { margin-right:6px; font-size:20px; vertical-align:middle; } .enigma_tags { margin-bottom:8px; } .enigma_tags a ,.enigma_cats a { padding:3px 7px; margin:4px 4px 4px 0; margin-bottom:10px; -webkit-transition:all ease 0.8s; -moz-transition:all ease 0.8s; transition:all ease 0.8s; color:#515151; text-decoration:none; font-size:0.9em; white-space:nowrap; display:inline-block; } .enigma_tags a i { margin-right:5px; transition:all 0.4s ease 0s; } .enigma_blog_read_btn { font-size:16px; color:#fff; display:inline-block; transition:all 0.4s ease 0s; padding:5px 5px 5px 5px; -webkit-transition:all ease 0.8s; -moz-transition:all ease 0.8s; transition:all ease 0.8s; margin-bottom:20px; } .enigma_blog_thumb_wrapper_showcase { position:relative; padding:0px; width:100%; overflow:hidden; margin-bottom:15px; } .enigma_blog_thumb_wrapper_showcase_overlay { visibility:hidden; position:absolute; width:100%; height:100%; top:-80%; left:0; background:rgba(0,0,0,0.5); -webkit-transition:all .25s linear; -moz-transition:all .25s linear; -o-transition:all .25s linear; transition:all .25s linear; } .enigma_blog_thumb_wrapper_showcase img { -webkit-transition:all .45s ease-in; -moz-transition:all .45s ease-in; -o-transition:all .45s ease-in; transition:all .45s ease-in; } .enigma_blog_thumb_wrapper_showcase_overlay_inner { position:absolute; bottom:-110%; left:0; width:100%; overflow:hidden; visibility:hidden; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; -o-transition:all .25s ease-in; transition:all .25s ease-in; } .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons { margin-top:10px; text-align:center; width:100%; } .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a { font-size:1.3em; line-height:1em; display:inline-block; margin-left:2px; padding:8px 8px; opacity:1; text-decoration:none; margin-right:5px; border-radius:100%; width:60px; height:60px; } .enigma_blog_thumb_wrapper_showcase:hover .enigma_blog_thumb_wrapper_showcase_overlay { visibility:visible; top:0; } .enigma_blog_thumb_wrapper_showcase:hover img { -webkit-transform:scale(1.9) rotate(15deg); -moz-transform:scale(1.9) rotate(15deg); -ms-transform:scale(1.9) rotate(15deg); } .enigma_blog_thumb_wrapper_showcase:hover .enigma_blog_thumb_wrapper_showcase_overlay_inner { visibility:visible; bottom:40%; left:0; } .enigma_blog_thumb_wrapper_showcase .enigma_blog_thumb_wrapper_showcase_icons a i { font-size:1.6em; line-height:40px; } /********* Blog Full width css ********/ .enigma_blog_full { margin-bottom:20px; margin-top:10px; overflow:auto; padding:0px; float:none; } .enigma_blog_full .enigma_blog_thumb_wrapper_showcase { margin-bottom:20px; } /* .enigma_blog_full img { width:100% } */ .blog-date-left { list-style:none; float:left; padding:0px; transition:all 0.4s ease 0s; } .blog-date-left li { width:130px; height:auto; text-align:left; /*transition: all 0.4s ease 0s;*/ } .blog-date-right { list-style:none; float:right; padding:0px; transition:all 0.4s ease 0s; } .blog-date-right li { width:100px; height:auto; text-align:center; transition:all 0.4s ease 0s; } .enigma_post_date { padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; transition:all 0.4s ease 0s; } .enigma_post_date span.date { font-size:16px; line-height:35px; } .enigma_post_date h6 { font-size:14px; font-weight:bold; line-height:20px; margin-top:10px; text-align:center; color:#fff; } .enigma_post_author img { height:100px !important; max-width:100%; } .enigma_post_author { width:100px; text-align:center; margin-top:0px; } .enigma_blog_comment { border-radius:0px; display:block; font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; width:100px; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; text-align:center; margin-top:0px; color:#999999; background:#f6f6f6; } .enigma_blog_comment a { color:#999999; } .enigma_blog_comment i { font-size:68px; line-height:55px; transition:all 0.4s ease 0s; } .enigma_blog_comment h6 { font-size:16px; color:#999999; transition:all 0.4s ease 0s; } .post-content-wrap { float:left; width:80%; } /*.post-content-wrap img { width:100%; }*/ .post-content-wrap-right { float:right; width:80%; } .post-content-wrap-right img { width:100%; } .enigma_blog_post_content { float:left; margin-bottom:10px; width:100%; } .enigma_blog_post_content p { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:27px; margin:0 0 20px; } .enigma_blog_post_content p { color:#777777; } .enigma_fuul_blog_detail_padding { padding-left:20px; float:left; width:100%; } .enigma_fuul_blog_detail_padding h2 { margin-top:0px; } .enigma_fuul_blog_detail_padding h2 a { font-size:28px; margin-bottom:8px; padding-right:0px; line-height:35px; margin-top:0px; transition:all 0.4s ease 0s; } .enigma_fuul_blog_detail_padding p { font-size:16px; line-height:26px; margin:0 0 20px; } .blog-sep.header-sep { /*margin-top:40px; margin-bottom:50px;*/ } .push-right { display:none; } .header-sep { border:0; height:4px; color:#f5f5f5; background-color:#f5f5f5; } /***** Blog page with sidebar ***************************************************************** ***************************************************************************************/ .enigma_recent_widget_post { margin:0 0 5px !important; padding-bottom:16px; border-bottom:0px solid #6B6B6B; vertical-align:middle; } .enigma_recent_widget_post:last-child { margin:0 0 0px !important; } .enigma_recent_widget_post h3 , .enigma_footer_widget_column ul li { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; margin-bottom:2px; margin-top:-2px; } .enigma_recent_widget_post h3 a { transition:all 0.2s ease 0s; } .enigma_recent_widget_post h3 a:hover { color:#ffffff; } .enigma_recent_widget_post_move { float:left; } .enigma_recent_widget_post_img { margin-right:10px !important; width:64px; height:64px; transition:opacity 0.3s ease-out 0s; display:block; } .enigma_recent_widget_post_date { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; color:#ffffff; } .enigma_sidebar_widget { margin-bottom:30px; margin-top:10px; overflow:hidden; box-shadow:0 0 6px rgba(0,0,0,.7); padding:0px 20px 15px 20px; } .enigma_sidebar_widget_title { margin-bottom:20px; margin-left:-20px; margin-right:-20px; text-align:center; padding-top:10px; padding-bottom:10px; } .enigma_sidebar_widget .enigma_recent_widget_post_date { color:#6a6a6a; } .enigma_sidebar_widget .enigma_recent_widget_post h3 a:hover { color:#6a6a6a; } .enigma_sidebar_widget .enigma_recent_widget_post h3 { font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:18px; line-height:20px; margin-bottom:2px; margin-top:-2px; } .enigma_sidebar_widget h3 { display:inline-block; font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:22px; margin-bottom:5px; margin-top:0px; } .enigma_sidebar_widget_title h2 { margin:0px; clear:both; font:normal normal 18px Oswald; text-transform:uppercase; text-align:center; font-weight:normal; font-size:22px; color:#fff; } .enigma_sidebar_blog_shadow { background:url('images/shadow.png') no-repeat top center; position:absolute; left:0; right:0; height:80px; z-index:99; width:100%; background-size:100% 100%; height:25px; bottom:26px; } /* blog pagination */ .enigma_blog_pagination { margin-bottom:20px; overflow:auto; padding:0 0 0px; float:none; } .enigma_blog_pagi { margin:0px 0 0px; overflow:hidden; padding:4px 0; } .enigma_blog_pagi a { border:0 none; cursor:pointer; display:inline-block; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; font-weight:normal; line-height:20px; margin:0 0px 10px 4; padding:9px 16px; transition:all 0.3s ease 0s; vertical-align:baseline; white-space:nowrap; } /**** link widget **/ .enigma_sidebar_widget ul li a , .enigma_footer_widget_column ul li a { position:relative; } .enigma_sidebar_widget ul li a:before , .enigma_footer_widget_column ul li a:before { position:absolute; font-family:FontAwesome; top:0; left:-14px; content:"\f105"; } .enigma_footer_widget_column ul li ,.enigma_footer_widget_column ul#recentcomments li a { text-shadow:0 0 1px rgba(0, 0, 0, 0.01); font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; transition:all 0.2s ease 0s; } .enigma_sidebar_link p a , .enigma_sidebar_widget ul li a { transition:all 0.4s ease 0s; display:block; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; } .enigma_sidebar_widget ul li ,.enigma_footer_widget_column ul#recentcomments li { list-style:none; } .enigma_sidebar_widget ul li a { padding-left: 10px; } .enigma_sidebar_link p a i { margin-right:10px; } .enigma_sidebar_link p ,.enigma_sidebar_widget ul li { display:block; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; transition:all 0.4s ease 0s; padding-bottom:10px; padding-top:0; } .enigma_sidebar_link p a , .enigma_sidebar_widget ul li a { color:#6a6a6a; } /*** tag widget **/ .enigma_widget_tags , .tagcloud { margin:0px 0 10px; overflow:hidden; padding:0; } .enigma_widget_tags a , .tagcloud a ,.enigma_footer_widget_column .tagcloud a { border:0 none; cursor:pointer; display:inline-block; font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:14px !important; line-height:20px; margin:0 5px 10px 0; padding:8px 12px; transition:all 0.8s ease 0s; vertical-align:baseline; white-space:nowrap; } .enigma_footer_widget_column .tagcloud { padding:8px; } .enigma_widget_tags a , .tagcloud a ,.enigma_footer_widget_column .tagcloud a { border:1px solid #edf0f2; color:#555; -webkit-transition:all ease 0.8s; -moz-transition:all ease 0.8s; transition:all ease 0.8s; } /*** Flickr widget **/ .flickr-photos-list { padding-left:0; list-style:none; margin-bottom:0; overflow:hidden; } .flickr-photos-list > li { float:left; margin-right:5px; margin-bottom:5px; } .flickr-photos-list > li img { width:73px; height:73px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .flickr-photos-list > li img:hover { opacity:0.65; filter:alpha(opacity=65); } .enigma_sidebar_left_side { float:left; } .enigma_blog_right_side { float:right; } /********* Blog detail page *************/ .enigma_author_detail_section { margin-bottom:60px; margin-top:20px; } .author_detail_img { width:100px; height:100px; float:left; margin-right:20px; margin-bottom:2px; } .enigma_author_detail_name { font-size:18px; line-height:20px; margin:0px 0 5px; color:#fff; } .enigma_author_detail_wrapper p { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:25px; margin:0 0 0px; color:#fff; } .enigma_comment_section { overflow:auto; padding:0 0 15px; margin:0px 0px 0px 0px; float:none; } .enigma_comment_title { display:block; margin:0 0 5px; } .enigma_comment_title h3 { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:30px; line-height:25px; margin:0 0 -2px; padding-bottom:11px; padding-right:10px; } .enigma_comment_title h3 > i { font-size:34px; } .enigma_comment_box { margin:0 0 10px !important; padding:40px 0px 0 0; position:relative; } .pull_left_comment { margin-right:15px; float:left; } .comment_img { height:80px; width:80px; margin:0 0 20px; } .enigma_comment_detail { margin-left:0px; padding:20px; } .enigma_comment_detail_title { font-family:Verdana, Helvetica, Arial, sans-serif; font-weight:700; font-size:18px; line-height:20px; margin:0px 0 5px; } .enigma_comment_detail p { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:25px; margin:0 0 20px; } .enigma_comment_date { padding-bottom:5px; margin-bottom:10px; line-height:20px; font-size:14px; display:block; font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; } .reply { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; font-weight:700; } .reply a { font-size:16px; line-height:22px; } .reply a > i { font-size:16px; position:relative; padding-right:5px; top:2px; } .enigma_form_group { margin-bottom:20px; } .enigma_comment_form_section { margin-bottom:60px; padding:0 0 15px; margin:20px 0 45px; float:none; } .enigma_comment_form_section h2 { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:30px; letter-spacing:1px; line-height:25px; margin:0 0 30px; padding:0 0 15px; } .enigma_comment_form_section h2 > i { font-size:32px; position:relative; top:5px; } .enigma_comment_form_section label { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; margin:0 0 11px; } .enigma_con_input_control { display:block; font-size:14px; height:45px; line-height:1.42857; padding:6px 12px; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align:middle; width:100%; } .enigma_con_textarea_control { display:block; font-size:14px; height:auto; line-height:1.42857; padding:6px 12px; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align:middle; width:100%; } .enigma_con_input_control:focus, .enigma_con_textarea_control:focus { outline:0; } .enigma_con_input_control { background-image:none; } .enigma_con_textarea_control { background-image:none; } .enigma_send_button , #enigma_send_button { font-weight:600; font-family:Verdana, Helvetica, Arial, sans-serif; display:inline-block; padding:15px 40px; margin-bottom:0; font-size:18px; line-height:1.428571429; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; background-image:none; border:2px solid transparent; transition:all 0.4s ease; } .enigma_comment_title h3 { color:#121212; border-bottom:1px solid #E9E9E9; } .enigma_comment_title h3 > i { color:#ccc; } .enigma_comment_detail { background:#F8F8F8; border:2px solid #F1F0F0; } .enigma_comment_detail p { color:#6a6a6a; } .enigma_comment_date { color:#A0A0A0; } .enigma_comment_form_section h2 { color:#121212; border-bottom:1px solid #E0E0E0; } .enigma_comment_form_section h2 > i { color:#ccc; } .enigma_con_input_control { background-color:#FFFFFF; border:1px solid #c5c5c5; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; color:#555555; } .enigma_con_textarea_control { background-color:#FFFFFF; border:1px solid #c5c5c5; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; color:#555555; } /*** Testimonial Section ****************************************************************************************************** **************************************************************************************************************************/ .enigma_testimonial_area { background:#ecf0f1; padding-top:90px; padding-bottom:90px; border-top:1px solid #DEE1E2; border-bottom:1px solid #DEE1E2; text-align:center; } .enigma_testimonial { text-align:center; margin-bottom:15px; } .enigma_testimonial_area i { font-size:60px; margin-bottom:20px; } .enigma_testimonial_area p { color:#727272; font-size:20px; font-family:Verdana, Helvetica, Arial, sans-serif; font-style:italic; margin-bottom:20px; line-height:32px; } .enigma_testimonial_area img { border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; margin-bottom:10px; width:150px; height:auto; } .enigma_testimonial_area h3 { margin:0 0 10px 0; } .enigma_testimonial_area span { margin:0 0 20px 0; font-size:16px; color:#666; } .pager a { border-radius:20px; cursor:pointer; display:inline-block; height:15px; text-indent:-9999px; width:15px; margin:0 3px; text-decoration:none outside; } .pager a:focus { outline:none; } .pager { list-style:none outside none; margin:0px; padding-left:0; text-align:center; margin-top:30px; } /***Client Section ****************************************************************************************************** **************************************************************************************************************************/ .enigma_client_area { padding-top:90px; padding-bottom:40px; } .enigma_client_wrapper { border:4px solid #ecf0f1; opacity:0.95; filter:alpha(opacity=95); text-align:center; transition:all 0.3s ease 0s; margin-bottom:50px; } .enigma_client_area .enigma_heading_title2 { text-align:right; margin-bottom:40px; } .enigma_client_navi { overflow:hidden; display:inline; } .enigma_client_prev { background-position:center center; background-repeat:no-repeat; cursor:pointer; display:inline; transition:all 0.3s ease 0s; padding:6px 15px 10px; margin-right:5px; } .enigma_client_next { background-position:center center; background-repeat:no-repeat; cursor:pointer; display:inline; transition:all 0.3s ease 0s; padding:6px 15px 10px; } .enigma_client_prev i, .enigma_client_next i { font-size:20px; vertical-align:middle; transition:all 0.3s ease 0s; } /***** Call Out Section ***************************************************************** ***************************************************************************************/ /***** Footer widget Area ***************************************************************** ***************************************************************************************/ .enigma_footer_widget_area { padding:38px 0 20px; } .enigma_footer_widget_area h6 ,.enigma_footer_widget_column .textwidget { color:#f2f2f2; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:27px; margin-top:25px; } .enigma_footer_widget_area p { font-size:13px; line-height:22px; font-family:Verdana, Helvetica, Arial, sans-serif; } .enigma_footer_widget_area h6 { color:#95a5a6; } .enigma_footer_widget_area p { color:#ffffff; } .enigma_footer_widget_area { background:#ffffff; } .enigma-footer-separator { background-color:#ffffff; height:3px; margin-top:10px; text-align:center; width:100px; } .enigma_footer_widget_title { color:#ffffff; text-shadow:0px 1px 2px #2a2a2a; } .enigma_footer_widget_title { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:24px; margin:0px 0px 25px 0px; line-height:25px; letter-spacing:1px; } .enigma_footer_widget_column { margin-bottom:50px; } .enigma_footer_widget_column address { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:14px; line-height:25px; } .enigma_footer_widget_column address { color:#9e9d9d; } .enigma_footer_widget_column address p { color:#f2f2f2; padding:0 0 10px; font-size:16px; } .enigma_footer_widget_column address p i { margin-right:10px; } .enigma_footer_widget_column address a { color:#CCCCCC; } .enigma_footer_widget_column address a:hover { color:#ffffff; } .enigma_footer_widget_link { margin:20px 0 10px; overflow:hidden; padding:4px 0; } .enigma_footer_widget_link a { display:block; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:13px; line-height:20px; margin:0 0 10px; overflow:hidden; padding:0px 0 0px; transition:all 0.4s ease 0s; } .enigma_footer_widget_link a { color:#ffffff; text-decoration:none; } .enigma_footer_widget_link a:hover { color:#f8504b; } /* Footer area Section Css------------------------------------------------------------ */ .enigma_footer_area { padding:10px 0 0px; } .enigma_footer_area p { font-family:Verdana, Helvetica, Arial, sans-serif; line-height:20px; font-size:13px; bottom:0; text-align:center; padding-top:12px; } .enigma_footer_area p { color:#f2f2f2; font-size:15px; } .enigma_footer_area p span { color:#fa504b; } .enigma_footer_area p a { color:#000000; } .enigma_footer_area p a:hover { color:#ffffff; } .enigma_footer_copyright_info { float:left; } .enigma_footer_social_div { float:right; } /* Scroll To Top ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .enigma_scrollup { width:45px; height:40px; opacity:0.5; position:fixed; bottom:100px; right:30px; display:none; border-radius:2px; text-align:center; color:#fafafa; font-size:24px; background:#3b3b3b; z-index:9999; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; transition:all ease 0.5s; } .enigma_scrollup i { line-height:38px; font-size:24px; vertical-align:middle; } .enigma_scrollup:hover { opacity:0.8; } a.enigma_scrollup:hover i, a.enigma_scrollup:focus i { text-decoration:none; color:#fafafa; outline:none; } /*----------------------- -----Scrollimations------ ------------------------*/ .scrollimation.fade-in { opacity:0; -webkit-transition:opacity 0.6s ease-out; transition:opacity 0.6s ease-out; } .scrollimation.fade-in.in { opacity:1; } .scrollimation.scale-in { opacity:0; -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); -webkit-transition:-webkit-transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out; transition:transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out; } .scrollimation.scale-in.in { opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .scrollimation.fade-right { opacity:0; -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); -webkit-transition:-webkit-transform .4s ease-out,opacity .4s ease-out; transition:transform .4s ease-out,opacity .4s ease-out; } .scrollimation.fade-right.in { opacity:1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); } .scrollimation.fade-left { opacity:0; -webkit-transform:translateX(100px); -moz-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px); -webkit-transition:-webkit-transform .4s ease-out,opacity .4s ease-out; transition:transform .4s ease-out,opacity .4s ease-out; } .scrollimation.fade-left.in { opacity:1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); } .scrollimation.fade-up { opacity:0; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); -webkit-transition:-webkit-transform .4s ease-out,opacity .4s ease-in; transition:transform .4s ease-out,opacity .4s ease-in-out; } .scrollimation.fade-up.in { opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); } .scrollimation.d1 { transition-delay:.2s; } .scrollimation.d2 { transition-delay:.4s; } .scrollimation.d3 { transition-delay:.6s; } .scrollimation.d4 { transition-delay:.8s; } .touch .scrollimation.fade-in { opacity:1; } .touch .scrollimation.scale-in { opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .touch .scrollimation.fade-right { opacity:1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); } .touch .scrollimation.fade-left { opacity:1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px); } .touch .scrollimation.fade-up { opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); } /***********theme required css **********/ .wp-caption-text { font:14px; text-align:center; } .gallery-caption { font:14px; } .bypostauthor{ font:14px; } .alignright{ font:14px; text-align:right; display:inline; float:right; } .alignleft { display:inline; float:left; margin-right:1.5em; } .aligncenter { font:14px; text-align:center; } .wp-caption { border:1px solid #ccc; margin-bottom:1.5em; max-width:100%; font:14px; } .wp-caption img[class*="wp-image-"] { display:block; margin:1.2% auto 0; max-width:98%; } .wp-caption .wp-caption-text { margin:0.8075em 0; } .enigma_fuul_blog_detail_padding img { max-width:100%; height:auto; } .enigma-sidebar .input-group { max-width:100%; } .enigma-sidebar ul.sub-menu,.enigma-sidebar ul.children , .enigma_footer_widget_area ul.sub-menu,.enigma_footer_widget_area ul.children { padding:0; } ul#recentcomments li a:before , .enigma_footer_widget_column ul#recentcomments{ content:''; } ul#recentcomments li a { line-height:11px; font-size:14px; } .enigma_footer_widget_column ul { padding:9px; list-style-type:none; } table.table, table { width:100%; text-align:left; background-color:transparent; } .enigma_footer_widget_column ul { padding:9px; } .enigma_footer_widget_column ul { padding-left:0; } .enigma_footer_widget_column ul li { padding:3px; } .post-content-wrap-right .enigma_fuul_blog_detail_padding { padding-right:20px; } .callout-box.callout-box2 { padding:26px 20px; background:#279fbb; color:#f1f1f1; border:0; } .callout-box .callout-content h2 { font-weight:normal; line-height:30px; font-size:22px; margin:0; color:#4b4b4b; } .screen-reader-text { display:none; } .enigma_blog_post_content img { max-width:100%; } /*Calander Widget CSS*/ #wp-calendar tbody tr td { text-align:center; } #wp-calendar caption { padding:10px; } #wp-calendar thead tr th { text-align:center; } table th { border:1px solid #dddddd; padding:8px; line-height:20px; text-align:center; vertical-align:top; } table td { border:1px solid #dddddd; padding:8px; line-height:20px; text-align:center; vertical-align:top; } table td { border:1px solid #dddddd; padding:8px; line-height:20px; text-align:center; vertical-align:top; } .enigma_footer_widget_column table td { color:#e7e7e7; } .enigma_footer_widget_column #wp-calendar thead tr th { color:#fff; } /*Flikr Widget CSS**/ .enigma-sidebar .flickr_badge_image { float:left; margin-bottom:5%; margin-left:5%; transition:all 0.2s ease-in-out 0s; } .flickr_badge_image:hover { opacity:0.65; } .enigma_footer_widget_column .flickr_badge_image { float:left; margin-bottom:5px; margin-right:5px; } .sidebar .widget-content p { line-height:150%; } .widgetmore { clear:both; display:block; } .sticky{} /*HTML POST HEADING CSS*/ .enigma_fuul_blog_detail_padding h1,.enigma_fuul_blog_detail_padding h3,.enigma_fuul_blog_detail_padding h4, .enigma_fuul_blog_detail_padding h5 , .enigma_fuul_blog_detail_padding h5, .enigma_fuul_blog_detail_padding h6 { color:#31A3DD; margin-top:10px; margin-bottom:10px; } #wblizar_nav span { padding-top:20px; } .nav-previous { /*float:left;*/ width:50%; } .nav-next { /*float:right; text-align:right;*/ padding-left:15%; width:50%; } .navigation_en { padding-bottom:5%; } .fa-arrow-left:before { content: "\f060" ; } .fa-arrow-right:before { content: "\f061" ; } /* Flickr Gallery Shortcode */ .col-md-3.col-sm-4.col-center.weblizar-flickr-div a { display:inline-block !important; } .LoadingImg img { display:none; } #fancybox-loading { display:none; } /* UR Image Slider Pro */ .enigma_blog_full { overflow:hidden; } /* Text meant only for screen readers. */ .screen-reader-text { clip:rect(1px, 1px, 1px, 1px); position:absolute !important; height:1px; width:1px; overflow:hidden; } .screen-reader-text:focus { background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6); clip:auto !important; color:#21759b; display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none; top:5px; width:auto; z-index:100000; /* Above WP toolbar. */ } .header_section { } /*#menu-item-4 { border-left:1px solid #434343; }*/ #menu { margin-top:0; padding-top:20px; } ul#menu-test { } .col-md-6 { width:960px; padding:0; margin:0; } .logo { width:auto; } .searchbox { float:right; padding-top:21px; } .searchbox ul { list-style-type:none; } .menu-btn { cursor: pointer; } #menu-list { display: none; } .servicebox { float:left; width:100%; } .servicebox p { clear:both; text-align:center; padding:20px 0px 0px 20px; margin:0; } /* Effect 13 */ .servicebox .transform01 { -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .servicebox .transform02 { -webkit-transform:rotate(15deg) scale(1.4); transform:rotate(15deg) scale(1.4); -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .servicebox figure:hover .transform01 { -webkit-transform:scale(1.2); transform:scale(1.2); } .servicebox figure:hover .transform02 { -webkit-transform:rotate(0) scale(1); transform:rotate(0) scale(1); } .servicebox figure { position:relative; overflow:hidden; } .servicebox figcaption { position:absolute; bottom:0px; left:0; z-index:2; width:100%; height:60px; background:rgba(0,0,0,.6); -webkit-transition:.3s; transition:.3s; } .servicebox figcaption h3 { font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; padding:20px 10px 5px 10px; font-size:13px; color:#ffffff; text-align:center; line-height:160%; /*letter-spacing:0.1em;*/ font-weight:normal; margin:0; } .servicebox figcaption h3.ksj { font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; padding:12px 10px 5px 10px; font-size:13px; color:#ffffff; text-align:center; line-height:160%; /*letter-spacing:0.1em;*/ font-weight:normal; margin:0; } .servicebox figcaption p { font-size:13px; display:none; } .servicebox figure:hover figcaption { bottom:-60px; } /*.servicebox figcaption { position:absolute; bottom:-60px; left:0; z-index:2; width:100%; height:60px; background:rgba(0,0,0,.6); -webkit-transition:.3s; transition:.3s; } .servicebox figcaption h3 { padding:15px 10px 5px 10px; font-size:15px; color:#ffffff; text-align:center; line-height:160%; font-weight:bold; margin:0; } .servicebox figcaption p { font-size:13px; display:none; } .servicebox figure:hover figcaption { bottom:0; }*/ .pcgnavi { clear:both; float:left; width:100%; padding-top:10px; font-family:Verdana, Helvetica, Arial, sans-serif; } .pcgnavi ul { list-style-type:none; padding:0; margin:0; } .pcgnavi li { float:left; width:20%; height:47px; text-align:center; padding:0; margin:0; } .pcgnavi li#gnavitoplt { border-left:1px solid #434343; } .pcgnavi li#gnaviinfolt { border-left:1px solid #434343; } .pcgnavi li#gnaviservlt { border-left:1px solid #434343; } .pcgnavi li#gnavicorplt { border-left:1px solid #434343; } .pcgnavi li#gnavicontlt { border-left:1px solid #434343; border-right:1px solid #434343; } .logob { float:left; width:140px; padding-left:15px; } /*.searchb {float:right; width:300px; padding-right:15px; }*/ .searchb {float:right; width:290px; padding-right:15px; } .searchb {float:right; width:340px; padding-right:0px; } .langB { float:right; width:160px; padding-top:23px; padding-left:5px; } .langB ul { padding: 0px; margin: 0px; } .langB ul li { display: inline; float:left; width:35px; margin-left:10px; list-style-type:none; } .searchb .snsb { float:right; width:75px; padding-top:20px; padding-left:15px; } .searchb .snsb ul { padding: 0px; margin: 0px; } .searchb .snsb ul li { display: inline; } .news_title { width:100%; padding-top:10px; padding-bottom:5px; } /*.news_title h3 { font-size:25px; color:#434343; font-weight:normal; padding:0px; margin:0px; font-family:Verdana, Helvetica, Arial, sans-serif; }*/ .news_title h3 { text-align:center; font-size:36px; font-weight:normal; color:#656565; padding-top:40px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; padding-bottom:20px; } .news_title h3 span { font-size:18px; color:#868686; } .news_title p.topi { font-size:18px; color:#868686; padding:0; margin:0; } .footerB { background-color:#efefef; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .footerB .footli { padding-top:20px; color:#434343; } .footerB .footli a { color:#434343; font-weight:normal; display:block; } .footerB .footli li a { color:#434343; font-weight:normal; } .footerB .footli a:hover { color:#434343; text-decoration:underline; } .footerB .footli table { border:none; width:100%; } .footerB .footli table th { width:20%; height:47px; border-left:1px dotted #919191; border-top:none; border-bottom:none; border-right:none; vertical-align:middle; font-size:13px; } .footerB .footli table th#flie { border-left:1px dotted #919191; border-right:1px dotted #919191; } .footerB .footli table td { border:none; } .footerB .footli ul { clear:both; width:100%; text-align:left; padding:5px 0px 0px 20px; margin:0; font-size:90%; } .footerB .footli li { list-style-image:url(../../../../../images/footer/arrow.jpg); padding-bottom:10px; } .footerSB { background-color:#efefef; padding:10px 0px 10px 0px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; font-size:12px; } .footerSB table { border:none; width:100%; } .footerSB table th { width:25%; border-left:1px dotted #919191; border-top:none; border-bottom:none; border-right:none; height:47px; font-weight:normal; vertical-align:middle; } .footerSB table th#flie { border-left:1px dotted #919191; border-right:1px dotted #919191; } .footerSB table th img { position:relative; left:7px; top:-3px; } .footerSB a { color:#434343; display:block; } .footerSB a:hover { color:#434343; text-decoration:underline; } .footerCB { background-color:#1a4475; padding:5px 0px 5px 0px; } .footerCB table { border:none; width:100%; } .footerCB table th { width:100%; border:none; height:47px; font-weight:normal; vertical-align:middle; font-size:13px; } .footerCB a { color:#E9E9E9; } .footerCB a:hover { color:#E9E9E9; } #dropmenu { list-style-type:none; width:100%; /*margin:30px auto 500px;*/ padding:0; } #dropmenu li { position:relative; width:20%; float:left; margin:0; padding:0; text-align:center; } #dropmenu li a { display:block; margin:0; padding:0px 0 11px; background:#ffffff; color:#434343; font-size:15px; font-weight:bold; line-height:150%; text-decoration:none; border-left:1px solid #dbdbdb; } #dropmenu li#lst a { border-right:1px solid #dbdbdb; } #dropmenu li ul { list-style:none; position:absolute; z-index:9999; top:100%; left:0; width:100%; margin:0; padding:10px 0px 0px 0px; } #dropmenu li ul li { overflow:hidden; width:100%; height:0; color:#fff; transition:.2s; line-height:200%; } #dropmenu li ul li a { padding:15px 18px 15px 15px; background:#ffffff; text-align:left; font-size:13px; font-weight:normal; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } #dropmenu > li:hover > a { background:#ffffff; } #dropmenu > li:hover li:hover > a { background:#e2e2e2; } #dropmenu > li:hover > ul > li { overflow:visible; height:auto; } #dropmenu li ul li ul { top:0; left:100%; z-index:9999; } #dropmenu li:last-child ul li ul { left:-100%; width:100%; } #dropmenu li ul li ul:before { position:absolute; content: ""; top:20px; left:-15px; width:0; height:0; border:5px solid transparent; border-left-color:#454e08; } #dropmenu li:last-child ul li ul:before { position:absolute; content: ""; top:20px; left:200%; margin-left:-15px; border:5px solid transparent; border-right-color:#454e08; } #dropmenu li ul li:hover > ul > li { overflow:visible; height:auto; } #dropmenu li ul li ul li a { background: #ffffff; } #dropmenu li ul li ul li.sublt a { background: #ffffff; border-top:1px solid #dbdbdb; } #dropmenu li:hover ul li ul li a:hover { background: #e2e2e2; } /* dropmemu_tl */ #dropmenu_tl { font-family:Verdana, Helvetica, Arial, sans-serif; list-style-type:none; width:100%; /*margin:30px auto 500px;*/ padding:0; } #dropmenu_tl li { position:relative; width:20%; float:left; margin:0; padding:0; text-align:center; } #dropmenu_tl li a { display:block; margin:0; padding:0px 0 11px; background:#ffffff; color:#434343; font-size:14px; font-weight:bold; line-height:150%; text-decoration:none; border-left:1px solid #dbdbdb; } #dropmenu_tl li#lst a { border-right:1px solid #dbdbdb; } #dropmenu_tl li ul { list-style:none; position:absolute; z-index:9999; top:100%; left:0; width:100%; margin:0; padding:0; } #dropmenu_tl li ul li { overflow:hidden; width:100%; height:0; color:#fff; transition:.2s; line-height:200%; } #dropmenu_tl li ul li a { padding:15px 18px 15px 15px; background:#ffffff; text-align:left; font-size:13px; font-weight:normal; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } #dropmenu_tl > li:hover > a { background:#ffffff; } #dropmenu_tl > li:hover li:hover > a { background:#e2e2e2; } #dropmenu_tl > li:hover > ul > li { overflow:visible; height:auto; } #dropmenu_tl li ul li ul { top:0; left:100%; z-index:9999; } #dropmenu_tl li:last-child ul li ul { left:-100%; width:100%; } #dropmenu_tl li ul li ul:before { position:absolute; content: ""; top:20px; left:-15px; width:0; height:0; border:5px solid transparent; border-left-color:#454e08; } #dropmenu_tl li:last-child ul li ul:before { position:absolute; content: ""; top:20px; left:200%; margin-left:-15px; border:5px solid transparent; border-right-color:#454e08; } #dropmenu_tl li ul li:hover > ul > li { overflow:visible; height:auto; } #dropmenu_tl li ul li ul li a { background:#ffffff; } #dropmenu_tl li ul li ul li.sublt a { background:#ffffff; border-top:1px solid #dbdbdb; } #dropmenu_tl li:hover ul li ul li a:hover { background:#e2e2e2; } /* dropmemu_tl */ /* Flexnav Base Styles */ .flexnav { font-family:Verdana, Helvetica, Arial, sans-serif; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; -webkit-transform-style:preserve-3d; overflow:hidden; margin:0 auto; width:100%; max-height:0; padding-left:0; padding-bottom:10px; } .flexnav.opacity { opacity:0; } .flexnav.flexnav-show { max-height:2000px; opacity:1; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } .flexnav.one-page { position:fixed; top:50px; right:5%; max-width:200px; } .flexnav li { font-size:100%; position:relative; overflow:hidden; } .flexnav li a { position:relative; display:block; padding:.98em; z-index:2; /*overflow:hidden;*/ color:#434343; background:#f5f5f5; border-left:1px solid rgba(0, 0, 0, 0.15); border-right:1px solid rgba(0, 0, 0, 0.15); border-bottom:1px solid rgba(0, 0, 0, 0.15); } .flexnav li ul { width:100%; padding-left:0; } .flexnav li ul li { font-size:100%; position:relative; overflow:hidden; } .flexnav li ul.flexnav-show li { overflow:visible; } .flexnav li ul li a { display:block; background:#e5e5e5; } .flexnav ul li ul li a { background:#bfbfbc; } .flexnav ul li ul li ul li a { background:#cbcbc9; } .flexnav .touch-button { font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; position:absolute; z-index:999; top:0; right:0; width:50px; height:48px; display:inline-block; background:#000000; background:rgba(0,0,0,0.1); text-align:center; } .flexnav .touch-button:hover { cursor:pointer; } .flexnav .touch-button .navicon { font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; position:relative; top:1em; font-size:15px; color:#434343; font-style:normal; } .menu-button { position:relative; display:block; padding:1em; background:#184175; color:#ffffff; cursor:pointer; /*border-top:1px solid rgba(0, 0, 0, 0.2);*/ /*border-bottom:1px solid rgba(0, 0, 0, 0.2);*/ } .menu-button.one-page { position:fixed; top:0; right:5%; padding-right:45px; } .menu-button .touch-button { background:transparent; position:absolute; z-index:999; top:0; right:0; width:50px; height:50px; display:inline-block; text-align:center; } .menu-button .touch-button .navicon { font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; font-size:15px; position:relative; top:1.5em; color:#ffffff; font-style:normal; } @media all and (min-width: 800px) { body.one-page { padding-top:70px; } .flexnav { overflow:visible; } .flexnav.opacity { opacity:1; } .flexnav.one-page { top:0; right:auto; max-width:1080px; } .flexnav li { position:relative; list-style:none; float:left; display:block; background-color:#a6a6a2; overflow:visible; width:20%; } .flexnav li a { border-left:1px solid #acaca1; border-bottom:none; } .flexnav li > ul { position:absolute; top:auto; left:0; } .flexnav li > ul li { width:100%; } .flexnav li ul li > ul { margin-left:100%; top:0; } .flexnav li ul li a { border-bottom:none; } .flexnav li ul.open { display:block; opacity:1; visibility:visible; z-index:1; } .flexnav li ul.open li { overflow:visible; max-height:100px; } .flexnav li ul.open ul.open { margin-left:100%; top:0; } .menu-button { display:none; } } .oldie body.one-page { padding-top:70px; } .oldie .flexnav { overflow:visible; } .oldie .flexnav.one-page { top:0; right:auto; max-width:1080px; } .oldie .flexnav li { position:relative; list-style:none; float:left; display:block; background-color:#a6a6a2; width:20%; min-height:50px; overflow:visible; } .oldie .flexnav li:hover > ul { display:block; width:100%; overflow:visible; } .oldie .flexnav li:hover > ul li { width:100%; float:none; } .oldie .flexnav li a { border-left:1px solid #acaca1; border-bottom:none; overflow:visible; } .oldie .flexnav li > ul { background:#acaca1; position:absolute; top:auto; left:0; display:none; z-index:1; overflow: visible; } .oldie .flexnav li ul li ul { top:0; } .oldie .flexnav li ul li a { border-bottom:none; } .oldie .flexnav li ul.open { display:block; width:100%; overflow:visible; } .oldie .flexnav li ul.open li { width:100%; } .oldie .flexnav li ul.open ul.open { margin-left:100%; top:0; display:block; width:100%; overflow:visible; } .oldie .flexnav ul li:hover ul { margin-left:100%; top:0; } .oldie .menu-button { display:none; } .oldie.ie7 .flexnav li { width:19.9%; } #humberger { display:inline-block; height:36px; width:36px; vertical-align:middle; padding:0px 0; border:2px solid #444; border-radius:4px; margin:0; } #humberger div.hum { display:inline-block; height:1px; width:24px; background-color:#444; margin:0; border-radius:2px; padding:0; } p.sample { padding:2px 2px 2px 2px; display:inline-block; position:relative; border:2px solid #ffffff; border-radius:4px; color:#ffffff; width:40px; margin:0; } p.sample:before, p.sample:after { content:""; display:block; position:absolute; left:10px; width:15px; z-index:1; } p.sample:before { border-top:2px solid #ffffff; border-bottom:2px solid #ffffff; top:-webkit-calc(50% - 6px); top:-moz-calc(50% - 6px); top:calc(50% - 6px); height:8px; } p.sample:after { border-top:2px solid #ffffff; top:-webkit-calc(50% - 1px); top:-moz-calc(50% - 1px); top:calc(50% - 1px); height:0; } /* Flexnav Base Styles */ #acMenu dt{ font-family:Verdana, Helvetica, Arial, sans-serif; display:block; width:100%; height:50px; line-height:50px; text-align:center; border:#666 1px solid; cursor:pointer; } #acMenu dd { background:#f2f2f2; width:100%; height:auto; line-height:50px; text-align:center; border:#666 1px solid; display:none; } #acMenu2 dt { font-family:Verdana, Helvetica, Arial, sans-serif; display:block; width:100%; height:50px; line-height:50px; text-align:center; border:#666 1px solid; cursor:pointer; } #acMenu2 dd { background:#f2f2f2; width:100%; height:auto; line-height:50px; text-align:center; border:#666 1px solid; display:none; } .pcgnavi nav { margin:0 auto; width:100%; /*height:40px;*/ text-align:left; } .pcgnavi nav ul { width:100%; } /* 親メニュー */ .pcgnavi nav ul li { position:relative; float:left; width:20%; height:47px; background:#fff; } .pcgnavi nav ul li a { display:block; line-height:160%; color:#434343; border-left:1px solid #dbdbdb; } .pcgnavi nav ul li#lst a { display:block; line-height:160%; color:#434343; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .pcgnavi nav ul li a:hover { background:#ffffff; color:#434343; } /* 子メニュー */ .pcgnavi nav ul li ul { position:absolute; z-index:100; top:100%; left:0; width:100%; text-align:left; } .pcgnavi nav ul li ul li { overflow:hidden; width:100%; height:0; background:#ffffff; } .pcgnavi nav ul li ul li a { display:block; color:#434343; padding:20px 20px 20px 10px; text-align:left; font-size:13px; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .pcgnavi nav ul li ul li.sublt2 a { display:block; color:#434343; padding:20px 20px 20px 10px; text-align:left; font-size:13px; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } /* ホバーで子メニュー表示 */ .pcgnavi nav > ul > li:hover > a { height:auto; background:#ffffff; color:#434343; } .pcgnavi nav > ul > li:hover li:hover > a { background:#f5f5f5; } .pcgnavi nav ul li:hover > ul >li { overflow:visible; height:auto; } /* 孫メニュー */ .pcgnavi nav ul li ul li ul { top:0; left:100%; } .pcgnavi nav ul li:last-child ul li ul { left:-100%; } .pcgnavi nav ul li ul li ul li { width:100%; background:#ffffff; } .pcgnavi nav ul li ul li ul li a { display:block; color:#434343; } /* ホバーで孫メニュー表示 */ .pcgnavi nav > ul > li > ul > li:hover > ul { display:block; z-index:200; } .pcgnavi nav > ul > li:hover ul >li:hover > a { background:#f5f5f5; color:#434343; } /* 子メニューがある場合下向き矢印を表示 */ /*.pcgnavi nav > ul > li > ul:before { position:absolute; content: ""; top:-20px; right:16px; width:0; height:0; border:5px solid transparent; border-top-color:#434343; }*/ .pcgnavi nav > ul > li:hover > ul:before { border-top-color:#434343; } /* 孫メニューがある場合左右向き矢印を表示 */ .pcgnavi nav ul li ul li ul:before { position:absolute; content: ""; top:25px; left:-20px; width:0; height:0; border:5px solid transparent; border-left-color:#434343; } .pcgnavi nav ul li ul li:hover ul:before { border-left-color:#434343; } .pcgnavi nav ul li:last-child ul li ul:before { position:absolute; content: ""; top:25px; left:200%; margin-left:-20px; border:5px solid transparent; border-right-color:#434343; } .pcgnavi nav ul li:last-child ul li:hover ul:before { border-right-color:#434343; } /* .dropmenu { *zoom:1; list-style-type:none; width:100%; } .dropmenu:before, .dropmenu:after { content: ""; display:table; } .dropmenu:after { clear:both; } .dropmenu li { position:relative; width:20%; float:left; margin:0; padding:0; text-align:center; } .dropmenu li a { display:block; margin:0; padding:0px 0 11px; background:#ffffff; color:#434343; font-size:14px; line-height:150%; text-decoration:none; } .dropmenu li ul { list-style:none; position:absolute; z-index:9999; top:100%; left:0; margin:0; padding:0; } .dropmenu li ul li { width:100%; } .dropmenu li ul li a { padding:13px 15px; background:#ffffff; text-align:left; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .dropmenu li ul li:hover > a { background:#ffffff; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .dropmenu li a:hover { background:#ffffff; } .dropmenu li ul li a:hover { background:#dddddd; } #normal li ul { display:none; } #normal li:hover ul { display:block; } */ /* #fade-in li ul { visibility:hidden; opacity:0; transition:0s; } #fade-in li:hover ul { visibility:visible; opacity:1; } #fade-in li ul li { height:auto; } #fade-in li ul li a { visibility:hidden; opacity:0; transition:.5s; } #fade-in li:hover ul li a { visibility:visible; opacity:1; } */ #fade-in2 li ul { opacity:0; top:50%; visibility:hidden; transition:.5s; } #fade-in2 li:hover ul { top:100%; visibility:visible; opacity:1; } #fade-in2 li ul li { height:auto; } /*tablet gnavi*/ #navtl { width:100%; /* 1000 */ font-weight:normal; position: absolute; top:25%; left:50%; margin-left:-30em; /* 30 480 */ z-index:999; list-style-type:none; font-size:13px; } #navtl > a { display:none; list-style-type:none; } #navtl li { position:relative; list-style-type:none; } #navtl li a { color:#434343; display:block; list-style-type:none; } #navtl li a:active { background-color:#c00 !important; list-style-type:none; } #navtl span:after { width:0; height:0; border:0.313em solid transparent; /* 5 */ border-bottom:none; content: ''; vertical-align:middle; display:inline-block; position:relative; right:-0.313em; /* 5 */ z-index:999; list-style-type:none; } /* first level */ #navtl > ul { height:3.75em; /* 60 */ background-color:#ffffff; z-index:999; padding:0; } #navtl > ul > li { width:20%; height:100%; float:left; border-left:1px solid #dbdbdb; } #navtl > ul > li#tllast { width:20%; height:100%; float:left; border-right:1px solid #dbdbdb; } #navtl > ul > li > a { height:100%; font-size:1.5em; /* 24 */ line-height:2.5em; /* 60 (24) */ text-align:center; } #navtl > ul > li:not( :last-child ) > a { border-right:1px solid #ffffff; } #navtl > ul > li:hover > a, #navtl > ul:not( :hover ) > li.active > a { background-color:#ffffff; } /* second level */ #navtl li ul { background-color:#ffffff; display:none; position:absolute; top:100%; z-index:999; padding:0; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } #navtl li:hover ul { display:block; left:0; right:0; } #navtl li:not( :first-child ):hover ul { left:-1px; } #navtl li ul a { font-size:1.25em; /* 20 */ border-top:1px solid #ffffff; padding:0.75em; /* 15 (20) */ } #navtl li ul li a:hover, #navtl li ul:not( :hover ) li.active a { background-color:#dbdbdb; } @media only screen and ( max-width: 62.5em ) /* 1000 */ { #navtl { width:100%; position:static; margin:0; z-index:999; } } @media only screen and ( max-width: 40em ) /* 640 */ { html { font-size:75%; /* 12 */ } #navtl { position:relative; top:auto; left:auto; } #navtl > a { width:3.125em; /* 50 */ height:3.125em; /* 50 */ text-align:left; text-indent:-9999px; background-color:#434343; position:relative; } #navtl > a:before, #navtl > a:after { position:absolute; border:2px solid #fff; top:35%; left:25%; right:25%; content: ''; } #navtl > a:after { top:60%; } #navtl:not( :target ) > a:first-of-type, #navtl:target > a:last-of-type { display:block; } /* first level */ #navtl > ul { height:auto; display:none; position:absolute; left:0; right:0; } #navtl:target > ul { display:block; } #navtl > ul > li { width:100%; float:none; } #navtl > ul > li#tllast { width:100%; float:none; border-right:none; } #navtl > ul > li > a { height:auto; text-align:left; padding:0 0.833em; /* 20 (24) */ } #navtl > ul > li:not( :last-child ) > a { border-right:none; border-bottom:1px solid #dbdbdb; } /* second level */ #navtl li ul { position:static; padding:1.25em; /* 20 */ padding-top:0; } } /*/tablet gnavi*/ /*sp gnavi*/ #navsp { width:100%; /* 1000 */ font-weight:normal; position:absolute; top:25%; left:50%; margin-left:-30em; /* 30 480 */ z-index:999; list-style-type:none; font-size:13px; } #navsp > a { display:none; list-style-type:none; } #navsp li { position:relative; list-style-type:none; } #navsp li a { color:#434343; display:block; list-style-type:none; } #navsp li a:active { background-color:#c00 !important; list-style-type:none; } #navsp span:after { width:0; height:0; border:0.313em solid transparent; /* 5 */ border-bottom:none; content: ''; vertical-align:middle; display:inline-block; position:relative; right:-0.313em; /* 5 */ z-index:999; list-style-type:none; } /* first level */ #navsp > ul { height:3.75em; /* 60 */ background-color:#ffffff; z-index:999; padding:0; } #navsp > ul > li { width:20%; height:100%; float:left; border-left:1px solid #dbdbdb; } #navsp > ul > li#tllast { width:20%; height:100%; float:left; border-right:1px solid #dbdbdb; } #navsp > ul > li > a { height:100%; font-size:1.5em; /* 24 */ line-height:2.5em; /* 60 (24) */ text-align:center; } #navsp > ul > li:not( :last-child ) > a { border-right:1px solid #ffffff; } #navsp > ul > li:hover > a, #navsp > ul:not( :hover ) > li.active > a { background-color:#ffffff; } /* second level */ #navsp li ul { background-color:#ffffff; display:none; position:absolute; top:100%; z-index:999; padding:0; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } #navsp li:hover ul { display:block; left:0; right:0; } #navsp li:not( :first-child ):hover ul { left:-1px; } #navsp li ul a { font-size:1.25em; /* 20 */ border-top:1px solid #ffffff; padding:0.75em; /* 15 (20) */ } #navsp li ul li a:hover, #navsp li ul:not( :hover ) li.active a { background-color:#dbdbdb; } @media only screen and ( max-width: 62.5em ) /* 1000 */ { #navsp { width:100%; position:static; margin:0; z-index:999; } } @media only screen and ( max-width: 40em ) /* 640 */ { html { font-size:75%; /* 12 */ } #navsp { position:relative; top:auto; left:auto; padding:15px 0px 15px 0px; } #navsp > a { width:3.125em; /* 50 */ height:3.125em; /* 50 */ text-align:left; text-indent:-9999px; background-color:#434343; position:relative; } #navsp > a:before, #navsp > a:after { position:absolute; border:2px solid #fff; top:35%; left:25%; right:25%; content: ''; } #navsp > a:after { top:60%; } #navsp:not( :target ) > a:first-of-type, #navsp:target > a:last-of-type { display:block; } /* first level */ #navsp > ul { height:auto; display:none; position:absolute; left:0; right:0; } #navsp:target > ul { display:block; } #navsp > ul > li { width:100%; float:none; } #navsp > ul > li#tllast { width:100%; float:none; border-right:none; } #navsp > ul > li > a { height:auto; text-align:left; padding:0 0.833em; /* 20 (24) */ } #navsp > ul > li:not( :last-child ) > a { border-right:none; border-bottom:1px solid #dbdbdb; } /* second level */ #navsp li ul { position:static; padding:1.25em; /* 20 */ padding-top:0; } } /*/sp gnavi*/ @media screen and (min-width: 769px) { .tlgnavi { display:none; } .spgnavi { display:none; } .spbox { display:none; } .tlbox { display:none; } .spbox { display:none; } .container{ width : 960px; } .pcbox { width:auto; padding:0; margin:0; } .pcbox ul { list-style-type:none; padding:0; margin:0; } .pcbox li { float:left; padding:0; margin:0; width:20%; } .pcbox img { max-width: 100%; height: auto; } .qaB { clear:both; float:left; width:100%; } .qaB p { padding-bottom:20px; } .qaB label { padding-top:0px; } .qaB p.nqa input[type=text] { width:20%; clear: none; float:none; } .qaB h3 { clear:both; font-size:18px; font-weight:bold; padding:5px 10px 5px 10px; background-color:#D1D1D1; } } @media screen and (min-width: 570px) and (max-width: 768px) { .pcgnavi { display:none; } .spgnavi { display:none; } .tlgnavi { clear:both; width:100%; height:67px; padding:10px 0px 10px 0px; } .tlgnavi table { padding:0; border:none; } .tlgnavi table td { width:20%; height:47px; border-top:none; border-bottom:none; border-right:none; border-left:1px solid #434343; text-align:center; padding:0; margin:0; } .qaB { clear:both; float:left; width:100%; } .qaB p { padding-bottom:20px; } .qaB label { padding-top:0px; } .qaB p.nqa input[type=text] { width:20%; clear: none; float:none; } .qaB h3 { clear:both; font-size:18px; font-weight:bold; padding:5px 10px 5px 10px; background-color:#D1D1D1; } } @media screen and (max-width: 569px) { .pcgnavi { display:none; } .tlgnavi { display:none; } .header_section { padding-bottom:65px; } } @media screen and (min-width: 421px) and (max-width: 768px) { .pcbox { display:none; } .spbox { display:none; } .tlbox { width:100%; padding:0; margin:0; } .tlbox ul { list-style-type:none; padding:0; margin:0; } .tlbox li { float:left; padding:0; margin:0; width:33.3%; } .tlbox ul#serv02 li { float:left; padding:0; margin:0; width:50%; } .tlbox img { max-width: 100%; height: auto; } .col-md-6 { width:100%; } } @media screen and (min-width: 460px) and (max-width: 768px) { .navigation_menu { display:none; } .spbox { display:none; } .plx img.sp_head { display:none; } } @media screen and (min-width: 421px) and (max-width: 459px) { .pcbox { display:none; } .navigation_menu { display:none; } .searchb { display:none; } .spbox { display:none; } .footerB { display:none; } .footerSB { display:none; } .plx img.pc_head { display:none; } } @media screen and (max-width: 420px) { .navigation_menu { display:none; } .searchb { display:none; } .tlbox { display:none; } .pcbox { display:none; } .container{ width : 100%; } .spbox .t_servB { clear: both; border:1px solid #dbdbdb; margin:0 auto; width:95%; border-radius:4px; } .spbox .t_servB p.menu-btn { width:100%; padding:15px; text-align:left; margin:0; font-weight:bold; } .spbox .t_servB p.menu-btn span { float:right; padding:5px 15px 0px 0px; } .fa-4x { font-size: 4em; } .spbox ul.lists { width:95%; padding:0px; margin:0 auto; list-style-type:none; } .spbox ul.lists li { padding:10px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin:0; width:100%; } .spbox ul.lists li img { width:20%; padding:2px; border:1px solid #dbdbdb; margin-right:15px; } .spbox ul.lists_m { width:95%; padding:0px; margin:0 auto; list-style-type:none; } .spbox ul.lists_m li { padding:20px 10px 20px 10px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin:0; width:100%; } .spbox ul.lists_m li img { width:20%; padding:2px; border:1px solid #dbdbdb; margin-right:15px; } .submn { display:none; } .sp_submnB { border:none; } .sp_submnB .t_servB { border:1px solid #dbdbdb; margin:0 auto; width:95%; border-radius:4px; height:auto; padding:0; } .sp_submnB .t_servB p.menu-btn { width:100%; padding:15px; text-align:left; margin:0; font-weight:bold; } .sp_submnB ul.lists { width:95%; padding:0px; margin:0 auto; list-style-type:none; } .sp_submnB ul.lists li { padding:10px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin:0; width:100%; } .sp_submnB ul.lists li img { width:20%; padding:2px; border:1px solid #dbdbdb; margin-right:15px; } .sptlbox .t_servB { border:1px solid #dbdbdb; margin:0 auto; width:95%; border-radius:4px; } .sptlbox .t_servB p.menu-btn { width:100%; padding:15px; text-align:left; margin:0; font-weight:bold; } .sptlbox .t_servB p.menu-btn span { float:right; padding:5px 15px 0px 0px; } .sptlbox ul.lists { width:95%; padding:0px; margin:0 auto; list-style-type:none; } .sptlbox ul.lists li { padding:10px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin:0; width:100%; } .sptlbox ul.lists li img { width:20%; padding:2px; border:1px solid #dbdbdb; margin-right:15px; } .sptlbox ul.lists_m { width:95%; padding:0px; margin:0 auto; list-style-type:none; } .sptlbox ul.lists_m li { padding:20px 10px 20px 10px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin:0; width:100%; } .sptlbox ul.lists_m li img { width:20%; padding:2px; border:1px solid #dbdbdb; margin-right:15px; } .sptlbox li a { width:100%; } .sp_submnB .menu-btn { cursor: pointer; } .sp_submnB #menu-list { display: none; } #menu-list a li span { float:right; padding:2px 10px 0px 0px; color:#434343; } .sp_submnB { float:left; width:100%; } .sp_submnB p { clear:both; text-align:center; padding:0px; } /*.servicebox p { padding:0px 15px 5px 15px; margin:0; }*/ .spbox li a { width:100%; } .col-md-6 { width:100%; } .tlgnavi { display:none; } .footerB { display:none; } .footerSB { display:none; } } /************************* パララックス *************************/ div.parallax { clear:both; height:300px; background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed; background-size:contain; } .content { padding:0px 0; } .box { max-width:100%; /*margin:0 auto;*/ } .box h1 { line-height:300px; font-size:60px; color:#fff; text-align:center; font-weight:bold; text-shadow:0 0 10px rgba(0, 0, 0, 0.2); } .parallax_img_1 { background:url(../../../../../images/service/cafe/main02.jpg); } .parallax_img_2 { background:url(../../../../../images/service/cafe/main02.jpg); } .parallax_img_3 { background:url(../../../../../images/service/cafe/main.jpg); } /*/parallax*/ .container h2 { clear:both; color:#000000; font-weight:normal; font-size:24px; padding:0; margin:0; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .container h3 { clear:both; color:#000000; font-weight:normal; font-size:22px; padding-top:0px; padding-bottom:0; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .container p { font-size:16px; color:#434343; line-height:1.7; margin:1.5em; margin-left:0em; margin-right:0em; text-align:justify; font-family:Verdana, Helvetica, Arial, sans-serif; } .cont-cont { clear:both; float:left; width:100%; padding:0px 20px 0px 20px; } .cont-cont .cont-contB { clear:both; width:100%; padding:10px 0px 0px 0px; border-top:1px dotted #dbdbdb; font-size:15px; line-height:1.7; } .cont-cont .cont-contB h2 { padding-top:20px; } .cont-cont .cont-contB p { padding-top:15px; margin-top:0; } .cont-cont .cont-contB h3 { padding:0px 0px 0px 0px; margin:0; } .cont-cont .cont-contB h4 { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:20px; line-height:1.7; color:#434343; padding-top:10px; font-weight:normal; } .cont-cont .cont-contB .twocm .evB { clear:both; width:100%; float:left; } .cont-cont .cont-contB .twocm .mdB { clear:both; width:100%; float:left; } .cont-cont .cont-contB .twocm .evB p { margin:1.5em; } .cont-cont .cont-contB .twocm .mdB p { margin:1.5em; } .cont-cont .cont-contB .twocm img { border:1px solid #dddddd; padding:5px; border-radius:2px; } .cont-cont .cont-contB .twocm { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; padding-top:15px; } .cont-cont .cont-contB .twocm img { border:1px solid #dddddd; padding:5px; border-radius:2px; } .cont-cont .cont-contB .twocm ul { padding:15px 0px 0px 0px; margin:0; } .cont-cont .cont-contB .twocm ul li { padding:0px 0px 5px 0px; } .cont-cont .cont-contB .twocm_r { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .cont-cont .cont-contB .twocm_r img { border:1px solid #dddddd; padding:5px; border-radius:2px; } .cont-cont .cont-contB .twocm_r ul { padding:15px 0px 0px 0px; margin:0; } .cont-cont .cont-contB .twocm_r ul li { padding:0px 0px 5px 0px; } .cont-cont .cont-contB .twocm_sup img { border:1px solid #dddddd; padding:5px; border-radius:2px; } .cont-cont .cont-contB .twocm_sup_r img { border:1px solid #dddddd; padding:5px; border-radius:2px; } .cont-cont .cont-contB .twocm li { padding-bottom:5px; } .submnB table.cf a { font-size:14px; color:#31a3dd; text-decoration:underline; font-family:Verdana, Helvetica, Arial, sans-serif; } .submnB table.cf a:hover { color:#184272; text-decoration:underline; } .submnB table.cf a span { color:#31a3dd; text-decoration:underline; } .submnB table.cf a:hover span { color:#184272; text-decoration:underline; } .cont-cont h2.washih2 { padding-bottom:25px; } .plx table { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .plx dl { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .twocm_corp h3 { font-size:18px; font-family:Verdana, Helvetica, Arial, sans-serif; } .twocm_corp p.corpTop { padding-top:5px; } .twocm_corp p.righ { text-align:right; font-size:15px; } .google-maps { position:relative; padding-bottom:75%; height:0; overflow:hidden; border:1px solid #dbdbdb; } .google-maps iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; padding:5px; background-color:#ffffff; } .mapleft p { font-size:15px; padding:5px 0px 0px 5px; margin:0; } .mapright p { font-size:15px; padding:5px 0px 0px 5px; margin:0; } .cont-cont h3.ch3 { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:20px; font-weight:normal; padding:30px 0px 0px 0px; margin:0; color:434343; } .cont-cont h3.ch3T { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:20px; font-weight:normal; padding:15px 0px 0px 0px; margin:0; color:434343; } .cont-cont p.copyT { padding-top:15px; margin-top:0px; } .cont-cont p.conp { padding:10px 0px 20px 0px; margin:0; width:100%; border-bottom:1px dotted #dbdbdb; } .cont-cont p.conpcopy { padding:10px 0px 20px 0px; margin:0; width:100%; border-bottom:none; } .cont-cont ul.copyul { clear:both; width:100%; float:left; padding:0px 0px 0px 25px; margin:0; font-size:16px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; list-style-type:decimal; } .cont-cont ul.copyul li { padding-bottom:5px; } .twocm_corp h3.ch3T { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:20px; font-weight:normal; padding:5px 0px 0px 0px; margin:0; color:434343; } .twocm_corp h3.ch3 { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:20px; font-weight:normal; padding:30px 0px 0px 0px; margin:0; color:434343; } .twocm_corp p.conp { padding:5px 0px 20px 0px; margin:0; width:100%; border-bottom:1px dotted #dbdbdb; } .twocm_corp ul.copyul { clear:both; width:100%; float:left; padding:15px 0px 0px 25px; margin:0; font-size:16px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; list-style-type:decimal; } .twocm_corp ul.copyul li { padding-bottom:15px; } /* ------------------------------ #tabAccordion ------------------------------ */ #tabAccordion { margin:0 auto; width:97%; height:330px; border:#bdbdbd 1px solid; position:relative; background-color:#ffffff; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:13px; line-height:1.7; } #tabAccordion dl { top:0; left:0; width:100%; position:absolute; } #tabAccordion dl dt { top:0; left:0; width:20%; font-weight:bold; position:absolute; border-right:#bdbdbd 1px solid; border-bottom:#bdbdbd 1px solid; background:#f0f0f0; box-sizing:border-box; height:50px; } #tabAccordion dl dt.newslst { top:0; left:0; width:20%; font-weight:bold; position:absolute; border-right:none; border-left:#bdbdbd 1px solid; border-bottom:#bdbdbd 1px solid; background:#f0f0f0; box-sizing:border-box; } #tabAccordion dl:nth-child(2) dt { left:20%; } #tabAccordion dl:nth-child(3) dt { left:40%; } #tabAccordion dl:nth-child(4) dt { left:60%; } #tabAccordion dl:nth-child(5) dt { left:80%; } #tabAccordion dl dt a { padding:14px 0; font-weight:bold; display:block; text-align:center; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; } #tabAccordion dl dt.btnAcv { border-bottom:none; background:#fff; border-top:5px solid #3a3c6d; } /*@media only screen and (min-width: 768px) { #tabAccordion dl dt:hover > a { background:#ffffff; border-top:5px solid #3a3c6d; } }*/ #tabAccordion dl dd { top:50px; left:0; padding:10px 15px 20px 15px; width:100%; height:270px; text-align:left; overflow-y:auto; display:none; position:absolute; box-sizing:border-box; } #tabAccordion dl dd p { padding-bottom:2em; line-height:2em; } #tabAccordion dl dd table { clear:both; float:left; width:100%; font-size:14px; border-bottom:1px dotted #dbdbdb; padding:15px 0px 15px 0px; } #tabAccordion dl dd table th { width:150px; text-align:left; border:none; } #tabAccordion dl dd table td span { display:inline-block; width:100%; text-align:left; border:none; font-weight:bold; font-size:13px; } #tabAccordion dl dd table td { text-align:left; border:none; width:100%; line-height:1.7; } #tabAccordion dl dd table td a { color:#31a3dd; text-decoration:underline; } #tabAccordion dl dd table td a:hover { color:#184272; text-decoration:underline; } .button { position:relative; display:inline-block; padding:25px; background-color:#fff; border:1px solid #dbdbdb; color:#434343; text-align:center; text-decoration:none; transition:all .3s; border-radius:4px; } .button::after { position:absolute; top:50%; right:.2em; content: ''; margin-top:-5px; border:7px solid transparent; border-top-width:5px; border-bottom-width:5px; border-left-color:#434343; transition:all .3s; } .button:hover { background-color:#434343; color:#fff; } .button:hover::after { border-left-color:#fff; } /*/tabAccordion*/ .sitem { clear:both; float:left; width:100%; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:1.7; } .sitem h3 { font-size:20px; padding:30px 0px 5px 0px; margin:0; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .sitem h3.sitemT { padding-top:15px; } .sitem h3 a { color:#434343; } .sitem_B { clear:both; width:100%; border:8px solid #f5f5f5; } .sitem_B ul { clear:both; width:100%; padding:0px 20px 20px 20px; margin:0; list-style-type:none; } .sitem_B li { width:100%; border-bottom:1px dotted #dbdbdb; padding:20px 0px 3px 0px; } .sitem_B li a { display:block; } .sitem_B li a:hover { text-decoration:underline; } .submnB { padding-bottom:20px; } .sercB { min-height:200px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:1.7; } .sercB ul { clear:both; float:left; width:100%; padding:20px 0px 20px 20px; margin:0; } .sercB li { border-bottom:1px dotted #dbdbdb; padding:15px 0px 5px 0px; } .sercB li.pmon { border-bottom:1px dotted #dbdbdb; list-style-type:none; } /************************* メディアクエリ *************************/ @media screen and (max-width: 960px) { .box { width:auto; } } /*　トップページ */ .topC { clear:both; float:left; width:100%; } .topC .mainB { clear:both; float:left; width:100%; text-align:center; padding-left:5%; padding-right:5%; /*background-color:rgba(255,255,255,0.8);*/ } .topC .mainB h1 { font-size:36px; font-weight:normal; color:#656565; padding-top:30px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; } .topC .mainB h2 { font-size:36px; font-weight:normal; color:#656565; padding-top:30px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; } .topC .mainB p { font-size:18px; font-weight:normal; color:#656565; padding:30px 0px 0px 0px; line-height:180%; /*letter-spacing:0.1em;*/ } .topC .mainB .cmkk { clear:both; float:left; width:100%; border:2px solid #d8d8d8; margin-top:20px; } .topC .mainB .cmkk .cmkkC { padding:30px; } .topC .mainB .cmkk .cmkkC h3 { text-align:left; font-size:24px; font-weight:normal; color:#656565; padding:0px 0px 20px 0px; margin:0; line-height:160%; /*letter-spacing:0.1em;*/ } .topC .mainB .cmkk .cmkkC .left { float:left; width:77%; } .topC .mainB .cmkk .cmkkC .right { float:right; width:20%; padding-bottom:30px; } .topC .mainB .cmkk .cmkkC .right img { width:100%; } .topC .mainB .cmkk .cmkkC p { text-align:left; font-size:16px; font-weight:normal; color:#656565; padding:0px 0px 0px 0px; line-height:190%; /*letter-spacing:0.1em;*/ } .topC .mainIB { clear:both; float:left; width:100%; padding-top:30px; } .topC .mainIB img { width:100%; } .topC .mainB .jigyouB { clear:both; float:left; width:100%; text-align:left; padding:40px 0px 0px 0px; } .topC .mainB .washiJ { background-image : url("../../../../../images/top/top_jigyou_washi_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .kankyoJ { background-image : url("../../../../../images/top/top_jigyou_kankyo_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .kaigaiJ { background-image : url("../../../../../images/top/top_jigyou_kaigai_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .halalJ { background-image : url("../../../../../images/top/top_jigyou_halal_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .jigyouB h3 { font-size:30px; font-weight:normal; /*letter-spacing:0.1em;*/ padding:0px 0px 10px 0px; margin:0; line-height:170%; } .topC .mainB .jigyouB h3.washi { color:#0070c0; } .topC .mainB .jigyouB h3.kankyo { color:#00b050; } .topC .mainB .jigyouB h3.kaigai { color:#7030a0; } .topC .mainB .jigyouB h3.haral { color:#e36c0a; } .topC .mainB .jigyouB h4 { font-size:22px; font-weight:normal; color:#656565; padding:0px 0px 25px 0px; margin:0; line-height:170%; } .topC .mainB .jigyouB p { font-size:16px; color:#656565; padding:0; margin:0; line-height:170%; width:80%; } .topC .mainB .jigyouB .left { clear:both; float:left; width:48.5%; border:2px solid #d9d9d9; } .topC .mainB .jigyouB a .left { background-color:#ffffff; } .topC .mainB .jigyouB a:hover .left { background-color:#fffdf2; } .topC .mainB .jigyouB .left .leftB { clear:both; padding:5%; min-height:400px; } .topC .mainB .jigyouB .right { float:right; width:48.5%; border:2px solid #d9d9d9; } .topC .mainB .jigyouB a .right { background-color:#ffffff; } .topC .mainB .jigyouB a:hover .right { background-color:#fffdf2; } .topC .mainB .jigyouB .right .rightB { clear:both; padding:5%; min-height:400px; } .topC .mainB .ccB { clear:both; float:left; width:100%; padding:40px 0px 30px 0px; } .topC .mainB .ccB .ccBC { border:2px solid #d8d8d8; } .topC .mainB .ccB a .ccBC { background-color:#ffffff; } .topC .mainB .ccB a:hover .ccBC { background-color:#fffdf2; } .topC .mainB .ccB .ccBC .lrP { padding-left:5%; padding-right:5%; } .topC .mainB .ccB .ccBC .lrP h3 { font-size:36px; font-weight:normal; color:#656565; padding-top:30px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; } .topC .mainB .ccB .ccBC .lrP h3 img { width:228px; padding-top:10px; } .topC .mainB .ccB .ccBC .lrP h4 { font-size:22px; font-weight:normal; color:#656565; padding:30px 0px 0px 0px; line-height:180%; /*letter-spacing:0.1em;*/ } .topC .mainB .ccB .ccBC .lrP p { font-size:18px; font-weight:normal; color:#656565; padding:0px 0px 0px 0px; line-height:180%; /*letter-spacing:0.1em;*/ } .topC .mainB .ccB .ccBC img { width:100%; padding-top:20px; } .linksns { clear:both; float:left; width:100%; background-color:#ffffff; padding:10px 0px 30px 0px; } .linksns h3 { text-align:center; font-size:28px; font-weight:normal; color:#656565; padding-top:30px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; padding-bottom:20px; } .linksns .left { clear:both; float:left; width:48%; } .linksns .left ul { clear:both; float:left; width:100%; } .linksns .left li { list-style-type:none; padding-bottom:15px; } .linksns .left li img { width:100%; } .linksns .left li a img { border:1px solid #d8d8d8; } .linksns .left li a:hover img { border:1px solid #174374; } .linksns .right { float:right; width:48%; } .linksns .right .rightlinksB { clear:both; width:100%; max-width:500px; margin-left:auto; margin-right:auto; padding-top:15px; } .linksns .right .rightlinksB { list-style-type:none; padding-bottom:15px; } .linksns .right .rightlinksB p { text-align: center; } .linksns .right .rightlinksB img { width:100%; } .linksns .right .rightlinksB a img { border:1px solid #d8d8d8; } .linksns .right .rightlinksB a:hover img { border:1px solid #174374; } .topbtmC { clear:both; width:100%; max-width:550px; margin-left:auto; margin-right:auto; } .topbtmC p { text-align:center; width:100%; } .topbtmC p a img { border:1px solid #d8d8d8; padding:0; margin:0; width:100%; text-align: center; } .topbtmC p a:hover img { border:1px solid #174374; } .membershipB { clear:both float:left; width:100%; } .membershipB .membershipul { clear:both; float:left; width:100%; border:1px solid #dbdbdb; background-color:#FFFCF4; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .membershipB .membershipul .membershipulB { clear:both; padding:15px 25px 25px 25px; width:100%; } .membershipB .membershipul ul { clear:both; width:100%; padding:0px 0px 0px 20px; margin:0; font-size:120%; } .membershipB .membershipul li { list-style-type:square; padding:22px 0px 3px 0px; line-height:180%; /*letter-spacing:0.1em;*/ border-bottom:1px dotted #dbdbdb; } .membershipB .membershipul h4 { font-weight:bold; color:#94895e; padding-bottom:0; margin:0; } .membershipsns { clear:both; float:left; width:100%; padding-top:20px; } .membershipsns ul { list-style-type:none; padding:0; margin:0; } .membershipsns li { float:left; padding:0px 20px 0px 0px; width:70px; } .membershipsns li img { width:100%; } h2.membershiph2 { padding-bottom:20px; } h2.membershiph22 { color:#94895e; padding-bottom:5px; } .showroomB { clear:both; float:left; width:100%; padding-top:17px; } .showroomB .showroomBC { border:1px solid #dbdbdb; background-color:#FFFCF4; } .showroomB .showroomBC .showroomBCP { clear:both; padding:20px; } .showroomB .showroomBC .showroomBCP h4 { color:#94895e; padding:0px; margin:0; } .showroomB .showroomBC .showroomBCP p { line-height:160%; /*letter-spacing:0.1em;*/ } .twocm_sup_sh .cctit h3 { font-size:110%; font-weight:normal; color:#434343; } .twocm_sup_sh .cctit h4 { padding:0; margin:0; font-size:190%; padding-bottom:10px; line-height:140%; } .twocm_sup_sh .cctit h5 { font-size:150%; font-weight:normal; color:#958820; line-height:160%; margin-bottom:0px; } .twocm_sup_sh .cctit p { margin-bottom:0; } .plx { clear:both; width:100%; } .plx .submn { clear:both; float:left; width:100%; padding-bottom:0px; } .plx .submnB { margin:0 auto; text-align:center; } .plx .submnB table { clear:both; margin:0 auto; width:90%; border:none; } .plx .submnB table td { border:none; width:25%; } .plx .submnB table img { padding:0px 5px 0px 0px; } .plx .submnB table.cf { clear:both; margin:0 auto; width:90%; border:none; } .plx .submnB table.cf td { border:none; width:20%; } .plx .submnB table.cf img { padding:0px 5px 0px 0px; } /*.plx .submn ul { list-style-type:none; margin:0 auto; padding:0; } .plx .submn li { float:left; width:20%; padding:0; margin:0; } .plx .submn li img { padding:2px 5px 5px 0px; }*/ .plx .submn li a { } .plx .submn li a:hover { } .plx h2 { clear:both; } .cont-cont .cont-contB .twocm .evB .left { float:left; width:50%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .evB .right { float:right; width:50%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .evB .left_cl { float:left; width:50%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .right_cl { float:right; width:50%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .left_btm { float:left; width:50%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .evB .right_btm { float:right; width:50%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .evB .left_cl_btm { float:left; width:50%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .right_cl_btm { float:right; width:50%; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .left { float:left; width:20%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .right { float:right; width:80%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .left_cl { float:left; width:20%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .right_cl { float:right; width:80%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .left_btm { float:left; width:20%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .right_btm { float:right; width:80%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .left_cl_btm { float:left; width:20%; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .right_cl_btm { float:right; width:80%; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .plx .newsB { clear:both; float:left; width:100%; } .plx .newsB table td { text-align:left; } .plx .newsB ul { clear:both; float:left; width:100%; padding-left:20px; } .plx .newsB ul.deci { list-style-type:decimal; } .plx .newsB ul li { padding-bottom:10px; } .bnOnwardB { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:0px; padding-bottom:20px; } .bnOnwardB .bnOnw { width:60%; /*width:500px;*/ margin:0 auto; } .bnOnwardB .bnOnw .bnOnwa { width:100%; margin:0 auto; } .bnOnwardB .bnOnw .bnOnwa ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnOnwardB .bnOnw .bnOnwa li { float:left; width:100%; padding:0px 0px 0px 0px; } .bnOnwardB .bnOnw .bnOnwa li a img { width:100%; border:1px solid #dbdbdb; } .bnOnwardB .bnOnw .bnOnwa li a:hover img { border:1px solid #174374; } .bnOnwardB .bnOnw .bnOnwa li.bnaen { padding-right:0px; width:770px; } @media screen and (min-width: 769px) { .sp_submnB { display:none; } .sp_footT { display:none; } .sp_otherB { display:none; } .sptlbox { display:none; } .spslide { display:none; } .plx .twocm { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm h4 { padding-bottom:0; margin-bottom:0; } .plx .twocm p { padding-top:15px; margin-top:0; } .plx .twocm .left { float:right; width:30%; padding-top:15px; } .plx .twocm .right { float:left; width:65%; padding-top:15px; } .plx .twocm .left img { max-width:100%; height: auto; } .plx .twocm .right ul { padding:15px 0px 0px 25px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .plx .twocm_r .right ul { padding:15px 0px 0px 25px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .plx .twocm .right ul.ulot { padding:0px 0px 0px 25px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .plx .twocm .cafe_pcB { padding-top:15px; } .plx .twocm .cafe_pcB table th { text-align:left; padding:15px; } .plx .twocm .cafe_pcB.supo { padding-top:0px; } .plx .twocm .cafe_pcB.supo th { width:30%; } .plx .twocm .cafe_pcB table td { text-align:left; padding:15px; } .plx .twocm_corp .cafe_pcB table th { text-align:left; padding:15px; } .plx .twocm_corp .cafe_pcB table td { text-align:left; padding:15px; } .plx .twocm_corp .cafe_pcB table td ul li { padding-bottom:15px; } .plx .twocm_corp .cafe_pcB table td ul li ul { padding-left:25px; } .plx .twocm_corp .cafe_pcB table td ul li ul li { padding-bottom:0px; padding-top:5px; } .plx .twocm .cafe_pcB .t-line tr:nth-child(odd) th { background-color: #ffffff; } .plx .twocm .cafe_pcB .t-line tr:nth-child(even) th { background-color: #f5f5f5; } .plx .twocm .cafe_pcB .t-line tr:nth-child(odd) td { background-color: #ffffff; } .plx .twocm .cafe_pcB .t-line tr:nth-child(even) td { background-color: #f5f5f5; } .plx .twocm .washi_process { clear:both; float:left; width:100%; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; padding-top:5px; } .plx .twocm .washi_process .ulB { clear:both; float:left; width:100%; padding:5px; } .plx .twocm .washi_process .ulB ul { list-style-type:decimal; } .plx .twocm .washi_process .ulB li { padding-bottom:10px; } .plx .twocm .washi_process .imgB { clear:both; float:left; width:100%; padding:10px 0px 20px 0px; } .plx .twocm .washi_process .imgB ul { list-style-type:none; padding: 0px; } .plx .twocm .washi_process .imgB li { float:left; width:33.3%; padding-left:5px; padding-right:5px; text-align:center; line-height:1.7; } .plx .twocm .washi_process .imgB li img { border:1px solid #dbdbdb; padding:3px; } .newslt_arc { float:right; width:20%; padding-right:15px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .newslt_arc h3 { padding:0; margin:0; font-size:14px; color:#ffffff; width:100%; background-color:#174374; padding:10px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .newslt_arc ul { float:left; width:100%; list-style-type:none; padding:0; margin:0; border:1px solid #dbdbdb; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .newslt_arc li { padding:5px 10px 5px 10px; border-bottom:1px solid #bdbdb; margin:0; border-bottom:1px solid #dbdbdb; } .newslt_arc li a { display:block; } .newslt_arc02 { float:right; width:20%; padding-top:15px; padding-right:15px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .newslt_arc02 a { background-color:#f5f5f5; } .newslt_arc02 a:hover { background-color:#CFCFCF; } .newslt_arc02B { display:block; width:100%; border:1px solid #dbdbdb; margin:0; padding:10px; border-radius:2px; background-color:#f5f5f5; } .newslt_arc02B p { display:block; width:100%; font-size:14px; padding:0; margin:0; line-height:150%; } .newslt_arc02 a:hover .newslt_arc02B { background-color:#EDEDED; } .newslt_arc02 a:hover .newslt_arc02B p { } .newslt_arc02B span { font-size:12px; } .info_Top { clear:both; float:left; width:100%; padding:10px 0px 20px 0px; } .info_Top ul { clear:both; font-size:16px; padding:0 0px 0px 25px; margin:0; } .info_Top li { padding:15px 0px 5px 0px; border-bottom:1px solid #dbdbdb; } a#section1 { margin-top:-180px; padding-top:180px; } a#section2 { margin-top:-150px; padding-top:150px; } a#section3 { margin-top:-150px; padding-top:150px; } a#section4 { margin-top:-150px; padding-top:150px; } a#section5 { margin-top:-150px; padding-top:150px; } .enigma_header_breadcrum_title { margin-bottom:0; padding-bottom:0; } #arcbc { padding-left:15px; padding-bottom:30px; } .pdd20 { width:100%; padding:0px 20px 0px 20px; } .col-md-8 { float:left; width:78%; font-size:16px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .col-md-8 dl{ border-bottom:1px dotted #dbdbdb; padding:0px 0px 15px 0px; margin:0; width:100%; } .col-md-8 dl dt{ font-weight:bold; width:130px; float:left; color:#434343; font-size:14px; } .col-md-8 dl dd{ margin-left:130px; width:auto; font-size:16px; } .plx .s_date { clear:both; width:100%; float:right; border-bottom:1px solid #dbdbdb; padding:20px 15px 5px 15px; margin:0; } .plx .s_date p { text-align:right; padding:0; margin:0; font-size:14px; } .plx .s_contB { clear:both; float:left; width:100%; padding:20px 15px 20px 15px; word-wrap:break-word; min-height:230px; } .plx .s_contB h2 { font-size:20px; border-left:3px solid #656565; padding:0px 0px 0px 15px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.5; font-weight:bold; } .plx .s_contB img { border:1px solid #dbdbdb; padding:5px; margin-bottom:15px; } .inccontactB { clear:both; float:left; width:100%; padding:5px 0px 15px 0px; } .inccontactB .consubB { clear:both; width:100px; margin:0 auto; } .inccontactB .consubB .inpB { width:100%; padding:5px 0px 0px 0px; } .inccontactB .consubB .inpB p { text-align:center; } .inccontactB .consubB .inpB input { padding:15px 50px 15px 50px; } .wpcf7-validation-errors { clear:both; } .contactB { clear:both; float:left; width:100%; padding:0px; background-color:#f5f5f5; } .contactB dl { border:1px solid #dbdbdb; padding:0; margin:0; font-size:15px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.5; } .contactB dl dt{ width: 180px; float:left; padding:15px; font-weight:normal; } .contactB dl dt span { color:#DD0224; } .contactB dl dd{ margin-left:180px; padding:15px; border-left:1px solid #dbdbdb; background-color:#ffffff; } .contactB dl dd.acceptD input { margin:0; padding:0; float:left; width:20px; position:relative; top:3px; } .contactB dl dd input, textarea { width:100%; padding:10px; } .contactB dl dd input { } .contact_Top { clear:both; float:left; width:100%; padding:10px 0px 20px 0px; } .contact_Top ul { clear:both; font-size:16px; padding:0 0px 0px 25px; margin:0; } .contact_Top li { padding:15px 0px 5px 0px; border-bottom:1px solid #dbdbdb; } .cafe_tlspB { display:none; } .bnA { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:30px; padding-bottom:30px; } .bnA .bnA_B { width:1000px; /*width:740px;*/ /*width:500px;*/ margin:0 auto; } .bnA .bnA_B .bnA_C { width:100%; margin:0 auto; } .bnA .bnA_B .bnA_C ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnA .bnA_B .bnA_C li { float:left; width:250px; padding:0px 0px 0px 0px; } .bnA .bnA_B .bnA_C li a img { width:238px; border:1px solid #dbdbdb; } .bnA .bnA_B .bnA_C li a:hover img { border:1px solid #174374; } .bnA .bnA_B .bnA_C li.bnaen { padding-right:0px; width:240px; } .bnAcafe { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:0px; padding-bottom:20px; } .bnAcafe .bnA_B { width:250px; margin:0 auto; } .bnAcafe .bnA_B .bnA_C { width:100%; margin:0 auto; } .bnAcafe .bnA_B .bnA_C ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnAcafe .bnA_B .bnA_C li { float:left; width:250px; padding:0px 0px 0px 0px; } .bnAcafe .bnA_B .bnA_C li a img { width:238px; border:1px solid #dbdbdb; } .bnAcafe .bnA_B .bnA_C li a:hover img { border:1px solid #174374; } .bnAcafe .bnA_B .bnA_C li.bnaen { padding-right:0px; width:240px; } .plx .twocm_r { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm_r p { padding-top:15px; margin-top:0; } .plx .twocm_r .left { float:left; width:30%; padding-top:20px; } .plx .twocm_r .right { float:right; width:65%; padding-right:15px; padding-top:20px; } .plx .twocm_r .left img { max-width:100%; height: auto; } .plx .twocm_r img { border:1px solid #dddddd; padding:5px; } .plx .twocm_r .lefthalal { float:left; width:40%; padding-top:20px; } .plx .twocm_r .lefthalal .halalslide { width:100%; padding:4px; background-color:#ffffff; border:1px solid #dbdbdb; } .plx .twocm_r .righthalal { float:right; width:55%; padding-right:15px; padding-top:20px; } .plx .twocm_r .lefthalal img { max-width:100%; height: auto; } .o_tlsp { display:none; } .others_t { clear:both; float:left; width:100%; padding-top:0px; } .plx .twocm_r .right table { clear:both; } .plx .twocm_r .right table th { width:220px; text-align:left; padding:10px; } .plx .twocm_r .right table td { text-align:left; padding:10px; width:auto; } .plx .twocm_r .right .t-line tr:nth-child(odd) th { background-color: #ffffff; } .plx .twocm_r .right .t-line tr:nth-child(even) th { background-color: #f5f5f5; } .plx .twocm_r .right .t-line tr:nth-child(odd) td { background-color: #ffffff; } .plx .twocm_r .right .t-line tr:nth-child(even) td { background-color: #f5f5f5; } .plx .twocm_sup { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm_sup .left { float:left; width:57%; padding-top:20px; } .plx .twocm_sup .right { float:right; width:40%; padding-top:20px; } .plx .twocm_sup .right .r_l { float:left; width:49%; } .plx .twocm_sup .right .r_r { float:right; width:49%; } .plx .twocm_sup img { max-width:100%; height: auto; } .plx .twocm_sup_r { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm_sup_r .left { float:right; width:57%; padding-top:20px; } .plx .twocm_sup_r .right { float:left; width:40%; padding-top:20px; } .plx .twocm_sup_r .right .r_l { float:left; width:49%; } .plx .twocm_sup_r .right .r_r { float:right; width:49%; } .plx .twocm_sup_sh { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm_sup_sh .right { float:right; width:72%; padding-top:20px; } .plx .twocm_sup_sh .left { float:left; width:25%; padding-top:20px; } .plx .twocm_sup_sh .left img { max-width:100%; height: auto; padding:5px; border:1px solid #dbdbdb; } .plx .twocm .hist { clear:both; float:left; width:68%; } .plx .twocm .hist table { } .plx .twocm .hist table th { text-align:left; } .plx .twocm .hist table td { text-align:left; } .plx .twocm .hist_img { float:right; width:30%; } .plx .twocm .hist_img ul { list-style-type:none; padding:0; margin:0; } .plx .twocm .hist_img li { padding-bottom:10px; } .plx .twocm .hist_img img { clear:both; width:100%; padding:5px; border:1px solid #dddddd; } .plx .twocm .hist .t-line tr:nth-child(odd) th { background-color: #ffffff; } .plx .twocm .hist .t-line tr:nth-child(even) th { background-color: #f5f5f5; } .plx .twocm .hist .t-line tr:nth-child(odd) td { background-color: #ffffff; } .plx .twocm .hist .t-line tr:nth-child(even) td { background-color: #f5f5f5; } .plx .twocm_sup_oth { clear:both; float:left; width:100%; padding-bottom:30px; } .plx .twocm .pc_otherB { clear:both; float:left; width:100%; } .plx .twocm .pc_otherB table { border:none; } .plx .twocm .pc_otherB table th { text-align:left; border:none; width:140px; } .plx .twocm .pc_otherB table td { text-align:left; border:none; width:auto; } .plx .twocm .otherB_img { float:left; width:100%; padding:10px 0px 30px 0px; text-align:center; } .plx .twocm .otherB_img ul { list-style-type:none; padding:0; margin:0 auto; } .plx .twocm .otherB_img li { float:left; padding:5px; width:32%; } .plx .twocm .otherB_img02 { float:left; width:100%; padding:10px 0px 30px 0px; text-align:center; } .plx .twocm .otherB_img02 ul { list-style-type:none; padding:0; margin:0 auto; } .plx .twocm .otherB_img02 li { float:left; padding:5px; width:24%; } .plx .twocm_corp { clear:both; float:left; width:100%; padding:10px 0px 30px 0px; } .plx .twocm_corp table { } .plx .twocm_corp table th { text-align:left; width:15%; } .plx .twocm_corp table td { text-align:left;width:85%; } .plx .twocm_corp table ul { clear:both; width:100%; padding:0px 0px 0px 20px; margin:0; } .plx .twocm_corp .t-line tr:nth-child(odd) th { background-color: #ffffff; } .plx .twocm_corp .t-line tr:nth-child(even) th { background-color: #f5f5f5; } .plx .twocm_corp .t-line tr:nth-child(odd) td { background-color: #ffffff; } .plx .twocm_corp .t-line tr:nth-child(even) td { background-color: #f5f5f5; } .mapleft { float:left; width:48%; } .mapright { float:right; width:48%; } .btn_B { clear:both; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:12px; line-height:1.7; float:right; padding:10px 0px 20px 0px; } .button_F { clear:both; position:relative; display:inline-block; padding:15px 40px 15px 25px; background-color:#fff; border:1px solid #dbdbdb; color:#434343; text-align:center; text-decoration:none; transition:all .3s; border-radius:4px; } .button_F::after { position:absolute; top:50%; right:.2em; content: ''; margin-top:-5px; border:7px solid transparent; border-top-width:5px; border-bottom-width:5px; border-left-color:#434343; transition:all .3s; } .button_F:hover { background-color:#434343; color:#fff; } .button_F:hover::after { border-left-color:#fff; } .indbox { clear:both; float:left; width:100%; background-color:#ffffff; padding:15px 0px 0px 0px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:1.7; } .indbox .indbox_B { clear:both; float:left; width:100%; background-color:#f5f5f5; padding-top:30px; padding-bottom:30px; } .indbox .indbox_B .indbox_C { width:60%; margin:0 auto; } .indbox .indbox_B .indbox_C .indbox_D { width:100%; margin:0 auto; padding-bottom:10px; } .indbox .indbox_B .indbox_C .indbox_D a { width:100%; margin:0 auto; } .indbox .indbox_B .indbox_C .indbox_D ul { clear:both; width:100%; list-style-type:none; padding:10px 0px 0px 0px; margin:0; text-align:center; } .indbox .indbox_B .indbox_C .indbox_D li { float:left; width:100%; padding:30px 0px 30px 0px; background-color:#ffffff; border:1px solid #dbdbdb; } .indbox .indbox_B .indbox_C .indbox_D li a img { width:238px; border:1px solid #dbdbdb; } .indbox .indbox_B .indbox_C .indbox_D li a:hover img { border:1px solid #174374; } .indbox .indbox_B .indbox_C .indbox_D li.bnaen { padding-right:0px; width:240px; } #tabAccordion dl dt { padding:2px 0px 5px 0px; font-size:13px; font-weight:normal; } #tabAccordion dl dt a { color:#434343; font-weight:normal; } #tabAccordion dl dt a:hover { color:#434343; text-decoration:underline; } .plx img.sp_head { display:none; } .washiito { clear:both; width:100%; float:left; padding-top:20px; } .washiito .washiitoA { width:100%; margin:0 auto; } .washiito .washiitiB { float:left; width:33.3%; padding:0px 10px 0px 10px; } .washiito .washiitiB img { width:100%; border-radius:2px; } .washiito .washiitiB p { clear:both; float:left; width:100%; padding:10px 10px 0px 10px; line-height:1.4; } .clrb { clear:both; } .washiy { clear:both; width:100%; float:left; padding-top:0px; padding-bottom:30px; } .washiy .washiyA { width:100%; margin:0 auto; } .washiy .washiyB { float:left; width:24.9%; padding:0px 10px 0px 10px; } .washiy .washiyB img { width:100%; border-radius:2px; } .washiy .washiyB p { clear:both; float:left; width:100%; padding:10px 10px 0px 10px; line-height:1.4; } .pdd20 { min-height:330px; } .s_news_160714 { clear:both; float:left; width:100%; } .s_news_160714 .s_news160714imgB { clear:both; float:left; width:100%; padding-top:20px; padding-bottom:0; } .s_news_160714 .s_news160714imgB ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .s_news_160714 .s_news160714imgB li { width:19.9%; float:left; padding:0px 5px 0px 5px; } .s_news_160714 .s_news160714imgB img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .s_news_160714 .s_news160714img2B { clear:both; float:left; width:100%; padding:0; } .s_news_160714 .s_news160714img2B ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .s_news_160714 .s_news160714img2B li { width:14.2%; float:left; padding:0px 5px 0px 5px; } .s_news_160714 .s_news160714img2B img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .supnewsB { clear:both; float:left; width:100%; } .supnewsB .s_news160713imgB { clear:both; float:left; width:100%; padding-top:20px; padding-bottom:0; } .supnewsB .s_news160713imgB ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .supnewsB .s_news160713imgB li { width:24.9%; float:left; padding:0px 5px 0px 5px; } .supnewsB .s_news160713imgB img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .supnewsB .s_news160713img2B { clear:both; float:left; width:100%; padding:0; } .supnewsB .s_news160713img2B ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .supnewsB .s_news160713img2B li { width:33.2%; float:left; padding:0px 5px 0px 5px; } .supnewsB .s_news160713img2B img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } /*---------------------------------------------------- よくある質問 ----------------------------------------------------*/ .junbi { clear:both; float:left; width:100%; padding:20px 0px 20px 0px; } .junbiB { clear:both; border:1px solid #dbdbdb; background-color:#f9f9f9; } .junbiB p { text-align:center; padding:50px 20px 50px 20px; font-size:22px; } .yokuaruC { clear:both; float:left; width:100%; } .yokuaruCB { clear:both; float:left; width:100%; } .yokuaruCB h3 { font-size:110%; } .yokuaruC table { border:none; text-align:left; } .yokuaruC table td { border:none; text-align:left; } dl.yokuarulist { clear:both; float:left; width:100%; padding:10px 10px 0px 0px; } dl.yokuarulist dt{ float:left; padding-bottom:10px; } dl.yokuarulist dd { margin-left:20px; padding-bottom:10px; } dl.yokuaru { clear:both; float:left; width:100%; padding-top:15px; } dl.yokuaru .interb { clear:both; height:70px; } dl.yokuaru dt { padding:15px 10px 10px 10px; margin:0; background-color:#f9f9f9;; font-weight:normal; font-size:110%; color:#928a1f; border-top:1px solid #dbdbdb; border-bottom:1px solid #ededed; } dl.yokuaru dt span.q { padding-top:0px; padding-right:10px; } dl.yokuaru dd { padding:15px 10px 0px 10px; } dl.yokuaru dd span { font-size:110%; color:#928a1f; } dl.yokuaru dd span.a { padding-right:10px; font-size:100%; } dl.yokuaru dd p { clear:both; padding-top:15px; border-top:1px dotted#dbdbdb; height:auto; } dl.yokuaru dd table { clear:both; float:left; width:100%; border:1px solid #dbdbdb; } dl.yokuaru dd table td { border:1px solid #dbdbdb; padding:5px; vertical-align: middle; } dl.yokuaru dd .yokuaruimgC { clear:both; float:left; width:100%; padding:10px 0px; } dl.yokuaru dd .yokuaruimgC .left { float:left; width:350px; margin-right:15px; } dl.yokuaru dd .yokuaruimgC .left img { width:350px; padding:3px; border:1px solid #dbdbdb; } dl.yokuaru dd .yokuaruimgC .right { float:left; width:350px; } dl.yokuaru dd .yokuaruimgC .right img { width:350px; padding:3px; border:1px solid #dbdbdb; } dl.yokuaru dd .yokuaruimgC2 { clear:both; float:left; width:100%; padding:10px 0px; } dl.yokuaru dd .yokuaruimgC2 .left { float:left; width:600px; } dl.yokuaru dd .yokuaruimgC2 .left img { width:600px; padding:3px; border:1px solid #dbdbdb; } } @media screen and (min-width: 421px) and (max-width: 768px) { /*　トップページ */ .topC { clear:both; float:left; width:100%; } .topC .mainB { clear:both; float:left; width:100%; text-align:left; padding-left:5%; padding-right:5%; } .topC .mainB h1 { font-size:27px; font-weight:normal; color:#656565; padding-top:30px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; } .topC .mainB h2 { font-size:27px; font-weight:normal; color:#656565; padding-top:30px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; } .topC .mainB p { font-size:16px; font-weight:normal; color:#656565; padding:30px 0px 0px 0px; line-height:180%; /*letter-spacing:0.1em;*/ } .topC .mainB .cmkk { clear:both; float:left; width:100%; border:2px solid #d8d8d8; margin-top:20px; } .topC .mainB .cmkk .cmkkC { padding:30px; } .topC .mainB .cmkk .cmkkC h3 { text-align:left; font-size:24px; font-weight:normal; color:#656565; padding:0px 0px 20px 0px; margin:0; line-height:160%; /*letter-spacing:0.1em;*/ } .topC .mainB .cmkk .cmkkC .left { float:left; width:100%; } .topC .mainB .cmkk .cmkkC .right { float:left; width:50%; padding-bottom:30px; } .topC .mainB .cmkk .cmkkC .right img { width:100%; } .topC .mainB .cmkk .cmkkC p { text-align:left; font-size:16px; font-weight:normal; color:#656565; padding:0px 0px 0px 0px; line-height:190%; /*letter-spacing:0.1em;*/ } .topC .mainIB { clear:both; float:left; width:100%; padding-top:30px; } .topC .mainB .jigyouB { clear:both; float:left; width:100%; text-align:left; padding:40px 0px 0px 0px; } .topC .mainB .washiJ { background-image : url("../../../../../images/top/top_jigyou_washi_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .kankyoJ { background-image : url("../../../../../images/top/top_jigyou_kankyo_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .kaigaiJ { background-image : url("../../../../../images/top/top_jigyou_kaigai_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .halalJ { background-image : url("../../../../../images/top/top_jigyou_halal_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .jigyouB h3 { font-size:28px; font-weight:normal; /*letter-spacing:0.1em;*/ padding:0px 0px 10px 0px; margin:0; line-height:170%; } .topC .mainB .jigyouB h3.washi { color:#0070c0; } .topC .mainB .jigyouB h3.kankyo { color:#00b050; } .topC .mainB .jigyouB h3.kaigai { color:#7030a0; } .topC .mainB .jigyouB h3.haral { color:#e36c0a; } .topC .mainB .jigyouB h4 { font-size:18px; font-weight:normal; color:#656565; padding:0px 0px 25px 0px; margin:0; line-height:170%; } .topC .mainB .jigyouB p { font-size:16px; color:#656565; padding:0; margin:0; line-height:170%; width:80%; } .topC .mainB .jigyouB .left { clear:both; float:left; width:100%; border:2px solid #d9d9d9; margin-bottom:40px; } .topC .mainB .jigyouB a .left { background-color:#ffffff; } .topC .mainB .jigyouB a:hover .left { background-color:#fffdf2; } .topC .mainB .jigyouB .left .leftB { clear:both; padding:5%; min-height:300px; } .topC .mainB .jigyouB .right { float:left; width:100%; border:2px solid #d9d9d9; } .topC .mainB .jigyouB a .right { background-color:#ffffff; } .topC .mainB .jigyouB a:hover .right { background-color:#fffdf2; } .topC .mainB .jigyouB .right .rightB { clear:both; padding:5%; min-height:300px; } .topC .mainB .ccB { clear:both; float:left; width:100%; padding:40px 0px 30px 0px; } .topC .mainB .ccB .ccBC { border:2px solid #d8d8d8; } .topC .mainB .ccB a .ccBC { background-color:#ffffff; } .topC .mainB .ccB a:hover .ccBC { background-color:#fffdf2; } .topC .mainB .ccB .ccBC .lrP { padding-left:5%; padding-right:5%; } .topC .mainB .ccB .ccBC .lrP h3 { font-size:28px; font-weight:normal; color:#656565; padding-top:30px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; } .topC .mainB .ccB .ccBC .lrP h3 img { width:228px; padding-top:10px; } .topC .mainB .ccB .ccBC .lrP h4 { font-size:20px; font-weight:normal; color:#656565; padding:30px 0px 0px 0px; line-height:180%; /*letter-spacing:0.1em;*/ } .topC .mainB .ccB .ccBC .lrP p { font-size:16px; font-weight:normal; color:#656565; padding:0px 0px 0px 0px; line-height:180%; /*letter-spacing:0.1em;*/ } .topC .mainB .ccB .ccBC img { width:100%; padding-top:20px; } .linksns { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:10px; padding-bottom:30px; padding-left:5%; padding-right:5%; } .linksns h3 { text-align:center; font-size:28px; font-weight:normal; color:#656565; padding-top:30px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; padding-bottom:20px; } .linksns .left { clear:both; float:left; width:100%; } .linksns .left ul { clear:both; float:left; width:100%; padding: 0; margin:0; } .linksns .left li { list-style-type:none; padding-bottom:15px; } .linksns .left li img { width:100%; } .linksns .left li a img { border:1px solid #d8d8d8; } .linksns .left li a:hover img { border:1px solid #174374; } .linksns .right { float:left; width:100%; } .linksns .right .rightlinksB { clear:both; width:100%; max-width:500px; margin-left:auto; margin-right:auto; padding-top:15px; } .linksns .right .rightlinksB { list-style-type:none; padding-bottom:15px; } .linksns .right .rightlinksB p { text-align: center; } .linksns .right .rightlinksB img { width:100%; } .linksns .right .rightlinksB a img { border:1px solid #d8d8d8; } .linksns .right .rightlinksB a:hover img { border:1px solid #174374; } .qaB .namingB .namingBl img { float:left; width:100%; } .sp_submnB { display:none; } .cafe_pcB { display:none; } .footerB { display:none; } .footerSB { display:none; } .pc_otherB { display:none; } .submn { display:none; } .spslide { display:none; } #section1 { margin-top:0px; padding-top:0px; } #section2 { margin-top:0px; padding-top:0px; } #section3 { margin-top:0px; padding-top:0px; } #section4 { margin-top:0px; padding-top:0px; } #section5 { margin-top:0px; padding-top:0px; } .enigma_header_breadcrum_title { margin-bottom:0; padding-bottom:0; } #arcbc { padding-left:15px; padding-bottom:15px; } .pdd20 { width:100%; padding:0px 20px 0px 20px; } .col-md-8 { float:left; width:100%; font-size:16px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .col-md-8 dl{ border-bottom:1px dotted #dbdbdb; padding:0px 0px 5px 0px; margin:0; } .col-md-8 dl dt{ font-weight:bold; width:100%; float:left; padding:0px 0px 10px 0px; margin:0; color:#434343; font-size:14px; } .col-md-8 dl dd{ margin-left:0; font-size:16px; } .plx .twocm_r p { padding-top:5px; margin-top:0px; } .twocm p { padding-top:5px; margin-top:0px; } .newslt_arc { float:right; width:100%; padding:0px 15px 0px 15px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .newslt_arc h3 { padding:0; margin:0; font-size:14px; color:#ffffff; width:100%; background-color:#174374; padding:10px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .newslt_arc ul { float:left; width:100%; list-style-type:none; padding:0; margin:0; border:1px solid #dbdbdb; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .newslt_arc li { padding:10px; border-bottom:1px solid #bdbdb; margin:0; border-bottom:1px solid #dbdbdb; font-size:16px; } .newslt_arc li a { display:block; } .newslt_arc02 { float:right; width:100%; padding:15px 15px 0px 15px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .newslt_arc02 a { background-color:#f5f5f5; } .newslt_arc02 a:hover { background-color:#CFCFCF; } .newslt_arc02B { display:block; width:100%; border:1px solid #dbdbdb; margin:0; padding:10px; border-radius:2px; background-color:#f5f5f5; } .newslt_arc02B p { display:block; width:100%; font-size:16px; padding:0; margin:0; line-height:150%; } .newslt_arc02 a:hover .newslt_arc02B { background-color:#EDEDED; } .newslt_arc02 a:hover .newslt_arc02B p { } .newslt_arc02B span { font-size:14px; } .info_Top { clear:both; float:left; width:100%; padding:10px 0px 20px 0px; } .info_Top ul { clear:both; font-size:16px; padding:0 0px 0px 25px; margin:0; } .info_Top li { padding:15px 0px 5px 0px; border-bottom:1px solid #dbdbdb; } .plx .s_date { clear:both; width:100%; float:right; border-bottom:1px solid #dbdbdb; padding:0px 15px 0px 15px; margin:0; } .plx .s_date p { text-align:right; padding:0; margin:0; font-size:14px; } .plx .s_contB { clear:both; float:left; width:100%; padding:15px 15px 20px 15px; word-wrap:break-word; } .plx .s_contB h2 { font-size:20px; font-weight:bold; border-left:3px solid #656565; padding:0px 0px 0px 15px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.5; } .plx .s_contB img { border:1px solid #dbdbdb; padding:5px; margin-bottom:10px; } .inccontactB { clear:both; float:left; width:100%; padding:5px 0px 15px 0px; } .inccontactB .consubB { clear:both; width:100%; margin:0 auto; } .inccontactB .consubB .inpB { width:100%; padding:5px 0px 0px 0px; } .inccontactB .consubB .inpB p { text-align:center; } .inccontactB .consubB .inpB input { width:100%; padding:15px 0px 15px 0px; } .wpcf7-validation-errors { clear:both; } .contactB { clear:both; float:left; width:100%; padding:0px; background-color:#f5f5f5; } .contactB dl { border:1px solid #dbdbdb; padding:0; margin:0; font-size:15px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.5; } .contactB dl dt{ width:100%; float:left; padding:15px; background-color:#f5f5f5; margin-bottom:15px; border-bottom:1px solid #dbdbdb; font-weight:normal; } .contactB dl dt span { color:#DD0224; } .contactB dl dd{ width:100%; padding:15px; background-color:#ffffff; } .contactB dl dd.acceptD input { margin:0; padding:0; float:left; width:20px; position:relative; top:3px; } .contactB dl dd input, textarea { width:100%; padding:10px; } .contactB dl dd input { } .contact_Top { clear:both; float:left; width:100%; padding:10px 0px 20px 0px; } .contact_Top ul { clear:both; font-size:16px; padding:0 0px 0px 25px; margin:0; } .contact_Top li { padding:15px 0px 5px 0px; border-bottom:1px solid #dbdbdb; } .cafe_tlspB { padding-top:5px; } .cafe_tlspB dl { float:left; clear:both; width:100%; border:1px solid #dbdbdb; } .cafe_tlspB dt { padding:15px 15px 0px 15px; } .cafe_tlspB dd { padding:5px 15px 15px 15px; border-bottom:1px solid #dbdbdb; } .cafe_tlspB dd ul { padding:5px 0px 0px 25px; } .cafe_tlspB dd ul li { padding-bottom:10px; } .cafe_tlspB dd ul li ul { padding:0px 0px 0px 25px; } .cafe_tlspB dd ul li ul li { padding:5px 0px 0px 0px; } .cafe_tlspB dt.bcolor { background-color:#f5f5f5; } .cafe_tlspB dd.bcolor { background-color:#f5f5f5; } .cafe_tlspB dt.bcolor_btm { background-color:#f5f5f5; border-bottom:none; } .cafe_tlspB dd.bcolor_btm { background-color:#f5f5f5; border-bottom:none; } /*.bnA { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:20px; padding-bottom:20px; } .bnA .bnA_B { width:50%; margin:0 auto; } .bnA .bnA_B ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnA .bnA_B li { width:100%; padding:0px 0px 10px 0px; } .bnA .bnA_B li.bnaen { padding-bottom:0px; }*/ .bnA { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:30px; padding-bottom:30px; } .bnA .bnA_B { /*width:98%;*/ width:60%; margin:0 auto; } .bnA .bnA_B .bnA_C { width:100%; margin:0 auto; } .bnA .bnA_B .bnA_C ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnA .bnA_B .bnA_C li { float:left; width:24%; /*width:33%;*/ /*width:50%;*/ padding:0px 0px 0px 0px; } .bnA .bnA_B .bnA_C li a img { width:98%; border:1px solid #dbdbdb; } .bnA .bnA_B .bnA_C li a:hover img { border:1px solid #174374; } .bnA .bnA_B .bnA_C li.bnaen { padding-right:0px; width:24%; /*width:33%;*/ /*width:50%;*/ } .bnAcafe { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:0px; padding-bottom:20px; } .bnAcafe .bnA_B { width:250px; margin:0 auto; } .bnAcafe .bnA_B .bnA_C { width:100%; margin:0 auto; } .bnAcafe .bnA_B .bnA_C ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnAcafe .bnA_B .bnA_C li { float:left; width:250px; padding:0px 0px 0px 0px; } .bnAcafe .bnA_B .bnA_C li a img { width:238px; border:1px solid #dbdbdb; } .bnAcafe .bnA_B .bnA_C li a:hover img { border:1px solid #174374; } .bnAcafe .bnA_B .bnA_C li.bnaen { padding-right:0px; width:240px; } .plx .twocm .washi_process { clear:both; float:left; width:100%; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; padding-top:10px; } .plx .twocm .washi_process .ulB { clear:both; float:left; width:100%; padding:5px; } .plx .twocm .washi_process .ulB ul { list-style-type:decimal; } .plx .twocm .washi_process .ulB li { padding-bottom:10px; } .plx .twocm .washi_process .imgB { clear:both; float:left; width:100%; padding:0px 0px 0px 0px; } .plx .twocm .washi_process .imgB ul { list-style-type:none; padding: 0px; } .plx .twocm .washi_process .imgB li { width:100%; padding-bottom:25px; text-align:center; } .plx .twocm .washi_process .imgB li img { border:1px solid #dbdbdb; padding:3px; } .o_pc { display:none; } .others_t { clear:both; float:left; width:100%; padding-top:0px; } .plx .twocm .right ul { padding:0px 0px 0px 25px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .plx .twocm_r .right ul { padding:10px 0px 0px 25px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .plx .twocm_r .right dl { float:left; clear:both; width:100%; border:1px solid #dbdbdb; } .plx .twocm_r .right dt { padding:15px 15px 0px 15px; } .plx .twocm_r .right dd { padding:5px 15px 15px 15px; border-bottom:1px solid #dbdbdb; } .plx .twocm_r .right dt.bcolor { background-color:#f5f5f5; } .plx .twocm_r .right dd.bcolor { background-color:#f5f5f5; } .plx .twocm_sup_oth { clear:both; float:left; width:100%; padding-bottom:20px; } .plx .twocm .sp_otherB { clear:both; float:left; width:100%; } .plx .twocm .sp_otherB dl { float:left; clear:both; width:100%; border:1px solid #dbdbdb; } .plx .twocm .sp_otherB dt { padding:15px 15px 0px 15px; } .plx .twocm .sp_otherB dd { padding:5px 15px 15px 15px; border-bottom:1px solid #dbdbdb; } .plx .twocm .otherB_img { float:left; width:100%; text-align:center; padding:0px 0px 50px 0px; } .plx .twocm .otherB_img ul { list-style-type:none; padding:0; margin:0 auto; width:100%; } .plx .twocm .otherB_img li { float:left; padding-bottom:10px; width:49%; padding-left:10px; } .plx .twocm .otherB_img02 { float:left; width:100%; text-align:center; padding:0px 0px 50px 0px; } .plx .twocm .otherB_img02 ul { list-style-type:none; padding:0; margin:0 auto; width:100%; } .plx .twocm .otherB_img02 li { float:left; padding-bottom:10px; width:49%; padding-left:10px; } .plx .twocm_sup_sh { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm_sup_sh .right { float:right; width:100%; } .plx .twocm_sup_sh .left { float:left; width:100%; padding-top:20px; margin:0 auto; text-align:center; } .plx .twocm_sup_sh .left img { max-width:100%; height:auto; padding:5px; border:1px solid #dbdbdb; } .plx .twocm_sup_sh .suplogo { width:60%; margin:0 auto; } .plx .twocm .hist { clear:both; float:left; width:100%; } .plx .twocm .hist table { } .plx .twocm .hist table th { text-align:left; } .plx .twocm .hist table td { text-align:left; } .plx .twocm .hist_img { float:left; width:100%; text-align:center; padding:10px 0px 50px 0px; } .plx .twocm .hist_img ul { list-style-type:none; padding:0; margin:0; } .plx .twocm .hist_img li { float:left; padding-bottom:10px; width:49.8%; padding-left:5px; padding-right:5px; } .plx .twocm .hist_img img { clear:both; width:100%; padding:5px; border:1px solid #dddddd; } .plx .twocm .hist .t-line tr:nth-child(odd) th { background-color: #ffffff; } .plx .twocm .hist .t-line tr:nth-child(even) th { background-color: #f5f5f5; } .plx .twocm .hist .t-line tr:nth-child(odd) td { background-color: #ffffff; } .plx .twocm .hist .t-line tr:nth-child(even) td { background-color: #f5f5f5; } .plx .twocm { clear:both; float:left; width:100%; } .plx .twocm h4 { padding-bottom:0; margin-bottom:0; } .plx .twocm .left { clear:both; width:100%; text-align:center; padding-top:10px; } .plx .twocm .right { clear:both; width:100%; padding-top:10px; } .plx .twocm_r { clear:both; float:left; width:100%; } .plx .twocm_r .left { clear:both; width:100%; text-align:center; padding-top:10px; } .plx .twocm_r .right { clear:both; width:100%; padding-top:10px; } .plx .twocm_r .lefthalal { clear:both; width:100%; text-align:center; padding-top:10px; } .plx .twocm_r .lefthalal .halalslide { width:100%; padding:4px; background-color:#ffffff; border:1px solid #dbdbdb; } .plx .twocm_r .righthalal { clear:both; width:100%; padding-top:10px; } .plx .twocm_sup { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm_sup .left { clear:both; width:100%; } .plx .twocm_sup .right { clear:both; width:100%; text-align:center; } .plx .twocm_sup .right .r_l { clear:both; width:100%; } .plx .twocm_sup .right .r_r { clear:both; width:100%; padding-top:10px; } .plx .twocm_sup img { max-width:100%; height: auto; } .plx .twocm_sup_r { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm_sup_r .left { clear:both; width:100%; text-align:center; } .plx .twocm_sup_r .right { clear:both; width:100%; } .plx .twocm_sup_r .left .r_l { clear:both; width:100%; } .plx .twocm_sup_r .left .r_r { clear:both; width:100%; padding-top:10px; } .plx .twocm_sup_r .right .r_l { clear:both; width:100%; } .plx .twocm_sup_r .right .r_r { clear:both; width:100%; padding-top:10px; } .cont-cont .cont-contB .twocm .evB .left { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .evB .right { float:right; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:none; } .cont-cont .cont-contB .twocm .evB .left_cl { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .right_cl { float:right; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .left_btm { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .evB .right_btm { float:right; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .left_cl_btm { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .right_cl_btm { float:right; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .left { padding:0; margin:0; float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .right { float:right; width:100%; border-top:1px dotted #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .left_cl { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .right_cl { float:right; width:100%; border-top:1px dotted #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .left_btm { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .right_btm { float:right; width:100%; border-top:1px dotted #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .left_cl_btm { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .right_cl_btm { float:right; width:100%; border-top:1px dotted #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .mapleft { clear:both; width:100%; padding-bottom:10px; } .mapright { clear:both; width:100%; } .btn_B { clear:both; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:1.7; float:left; padding:10px 0px 20px 0px; width:100%; } .button_F { clear:both; width:100%; position:relative; display:inline-block; padding:15px 30px 15px 15px; background-color:#fff; border:1px solid #dbdbdb; color:#434343; text-align:center; text-decoration:none; transition:all .3s; border-radius:4px; } .button_F::after { position:absolute; top:50%; right:.2em; content: ''; margin-top:-5px; border:7px solid transparent; border-top-width:5px; border-bottom-width:5px; border-left-color:#434343; transition:all .3s; } .button_F:hover { background-color:#434343; color:#fff; } .button_F:hover::after { border-left-color:#fff; } .sp_footT { clear:both; float:left; width:100%; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .sp_footT a { color:#434343; display:block; width:100%; height:100%; padding:20px 0px 20px 0px; } .sp_footT table.Ftop { background-color:#efefef; } .sp_footT table.Ftop td { width:50%; padding:0px 0px 0px 0px; border-bottom:none; border-color:#919191; } .sp_footT table.Fbtm { background-color:#efefef; } .sp_footT table.Fbtm td { width:50%; padding:0px 0px 0px 0px; border-color:#919191; } .indbox { clear:both; float:left; width:100%; background-color:#ffffff; padding:15px 0px 0px 0px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:1.7; } .indbox .indbox_B { clear:both; float:left; width:100%; background-color:#f5f5f5; padding-top:30px; padding-bottom:30px; } .indbox .indbox_B .indbox_C { width:90%; margin:0 auto; } .indbox .indbox_B .indbox_C .indbox_D { width:100%; margin:0 auto; padding-bottom:10px; } .indbox .indbox_B .indbox_C .indbox_D a { width:100%; margin:0 auto; } .indbox .indbox_B .indbox_C .indbox_D ul { clear:both; width:100%; list-style-type:none; padding:10px 0px 0px 0px; margin:0; text-align:center; } .indbox .indbox_B .indbox_C .indbox_D li { float:left; width:100%; padding:30px 0px 30px 0px; background-color:#ffffff; border:1px solid #dbdbdb; } .indbox .indbox_B .indbox_C .indbox_D li a img { width:238px; border:1px solid #dbdbdb; } .indbox .indbox_B .indbox_C .indbox_D li a:hover img { border:1px solid #174374; } .indbox .indbox_B .indbox_C .indbox_D li.bnaen { padding-right:0px; width:240px; } .enima_photo_gallery { width:98%; margin:0 auto; } #tabAccordion dl dt { height:50px; padding:0px 0px 5px 0px; font-size:13px; font-weight:normal; } #tabAccordion dl dt a { color:#434343; font-weight:normal; } #tabAccordion dl dt a:hover { color:#434343; } .sptlbox .t_servB { border:1px solid #dbdbdb; margin:0 auto; width:95%; border-radius:4px; } .sptlbox .t_servB p.menu-btn { width:100%; padding:15px; text-align:left; margin:0; font-weight:bold; } .sptlbox .t_servB p.menu-btn span { float:right; padding:5px 15px 0px 0px; } .sptlbox ul.lists { width:95%; padding:0px; margin:0 auto; list-style-type:none; } .sptlbox ul.lists li { padding:10px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin:0; width:100%; } .sptlbox ul.lists li img { width:20%; padding:2px; border:1px solid #dbdbdb; margin-right:15px; } .sptlbox ul.lists_m { width:95%; padding:0px; margin:0 auto; list-style-type:none; } .sptlbox ul.lists_m li { padding:20px 10px 20px 10px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin:0; width:100%; } .sptlbox ul.lists_m li img { width:20%; padding:2px; border:1px solid #dbdbdb; margin-right:15px; } .sptlbox li a { width:100%; } #menu-list a li span { float:right; padding:2px 10px 0px 0px; color:#434343; } .btm10 { padding-bottom:10px; } .washiito { clear:both; width:100%; float:left; padding-top:15px; } .washiito .washiitoA { width:100%; margin:0 auto; } .washiito .washiitiB { float:left; width:49.8%; padding:0px 5px 0px 5px; } .washiito .washiitiB img { width:100%; border-radius:2px; } .washiito .washiitiB p { clear:both; float:left; width:100%; padding:10px 10px 0px 10px; line-height:1.4; } .clrbT { clear:both; } .washiy { clear:both; width:100%; float:left; padding-top:0px; padding-bottom:10px; } .washiy .washiyA { width:100%; margin:0 auto; } .washiy .washiyB { float:left; width:49.9%; padding:0px 5px 0px 5px; } .washiy .washiyB img { width:100%; border-radius:2px; } .washiy .washiyB p { clear:both; float:left; width:100%; padding:10px 10px 0px 10px; line-height:1.4; } .yclr { clear:both; } .s_news_160714 { clear:both; float:left; width:100%; } .s_news_160714 .s_news160714imgB { clear:both; float:left; width:100%; padding-top:20px; padding-bottom:0; } .s_news_160714 .s_news160714imgB ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .s_news_160714 .s_news160714imgB li { width:100%; float:left; padding:0px 0px 0px 0px; } .s_news_160714 .s_news160714imgB img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .s_news_160714 .s_news160714img2B { clear:both; float:left; width:100%; padding:0; } .s_news_160714 .s_news160714img2B ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .s_news_160714 .s_news160714img2B li { width:100%; float:left; padding:0px 0px 0px 0px; } .s_news_160714 .s_news160714img2B img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .supnewsB { clear:both; float:left; width:100%; } .supnewsB .s_news160713imgB { clear:both; float:left; width:100%; padding-top:20px; padding-bottom:0; } .supnewsB .s_news160713imgB ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .supnewsB .s_news160713imgB li { width:100%; float:left; padding:0px 0px 0px 0px; } .supnewsB .s_news160713imgB img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .supnewsB .s_news160713img2B { clear:both; float:left; width:100%; padding:0; } .supnewsB .s_news160713img2B ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .supnewsB .s_news160713img2B li { width:100%; float:left; padding:0px 0px 0px 0px; } .supnewsB .s_news160713img2B img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .bnOnwardB { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:0px; padding-bottom:20px; } .bnOnwardB .bnOnw { width:80%; /*width:500px;*/ margin:0 auto; } .bnOnwardB .bnOnw .bnOnwa { width:100%; margin:0 auto; } .bnOnwardB .bnOnw .bnOnwa ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnOnwardB .bnOnw .bnOnwa li { float:left; width:100%; padding:0px 0px 0px 0px; } .bnOnwardB .bnOnw .bnOnwa li a img { width:100%; border:1px solid #dbdbdb; } .bnOnwardB .bnOnw .bnOnwa li a:hover img { border:1px solid #174374; } .bnOnwardB .bnOnw .bnOnwa li.bnaen { padding-right:0px; width:770px; } /*---------------------------------------------------- よくある質問 ----------------------------------------------------*/ .junbi { clear:both; float:left; width:100%; padding:20px 0px 20px 0px; } .junbiB { clear:both; border:1px solid #dbdbdb; background-color:#f9f9f9; } .junbiB p { text-align:center; padding:50px 20px 50px 20px; font-size:22px; } .yokuaruC { clear:both; float:left; width:100%; } .yokuaruCB { clear:both; float:left; width:100%; } .yokuaruCB h3 { font-size:110%; } .yokuaruC table { border:none; text-align:left; } .yokuaruC table td { border:none; text-align:left; } dl.yokuarulist { clear:both; float:left; width:100%; padding:10px 10px 0px 0px; } dl.yokuarulist dt{ float:left; padding-bottom:10px; } dl.yokuarulist dd { margin-left:20px; padding-bottom:10px; } dl.yokuaru { clear:both; float:left; width:100%; padding-top:15px; } dl.yokuaru .interb { clear:both; height:0px; } dl.yokuaru dt { padding:15px 10px 10px 10px; margin:0; background-color:#f9f9f9;; font-weight:normal; font-size:110%; color:#928a1f; border-top:1px solid #dbdbdb; border-bottom:1px solid #ededed; width:100%; } dl.yokuaru dt span.q { padding-top:0px; padding-right:10px; } dl.yokuaru dd { padding:15px 10px 0px 10px; } dl.yokuaru dd span { font-size:110%; color:#928a1f; } dl.yokuaru dd span.a { padding-right:10px; font-size:100%; } dl.yokuaru dd p { clear:both; padding-top:15px; border-top:1px dotted#dbdbdb; height:auto; } dl.yokuaru dd table { clear:both; float:left; width:100%; border:1px solid #dbdbdb; } dl.yokuaru dd table td { border:1px solid #dbdbdb; padding:5px; vertical-align: middle; } dl.yokuaru dd dt { font-size:100%; color:#434343; } dl.yokuaru dd dd { padding-bottom:10px; font-size:98%; } dl.yokuaru dd .yokuaruimgC { clear:both; float:left; width:100%; padding:10px 0px; } dl.yokuaru dd .yokuaruimgC .left { float:left; width:100%; margin-bottom:15px; } dl.yokuaru dd .yokuaruimgC .left img { width:100%; padding:3px; border:1px solid #dbdbdb; } dl.yokuaru dd .yokuaruimgC .right { float:left; width:100%; } dl.yokuaru dd .yokuaruimgC .right img { width:100%; padding:3px; border:1px solid #dbdbdb; } dl.yokuaru dd .yokuaruimgC2 { clear:both; float:left; width:100%; padding:10px 0px; } dl.yokuaru dd .yokuaruimgC2 .left { float:left; width:100%; } dl.yokuaru dd .yokuaruimgC2 .left img { width:100%; padding:3px; border:1px solid #dbdbdb; } } @media screen and (max-width: 420px) { /*　トップページ */ .topC { clear:both; float:left; width:100%; } .topC .mainB { clear:both; float:left; width:100%; text-align:left; padding-left:5%; padding-right:5%; } .topC .mainB h1 { font-size:24px; font-weight:normal; color:#656565; padding-top:30px; line-height:140%; margin:0; } .topC .mainB h2 { font-size:24px; font-weight:normal; color:#656565; padding-top:30px; line-height:140%; margin:0; } .topC .mainB p { font-size:15px; font-weight:normal; color:#656565; padding:30px 0px 0px 0px; line-height:180%; } .topC .mainB .cmkk { clear:both; float:left; width:100%; border:2px solid #d8d8d8; margin-top:20px; } .topC .mainB .cmkk .cmkkC { padding:30px; } .topC .mainB .cmkk .cmkkC h3 { text-align:left; font-size:22px; font-weight:normal; color:#656565; padding:0px 0px 20px 0px; margin:0; line-height:160%; /*letter-spacing:0.1em;*/ } .topC .mainB .cmkk .cmkkC .left { float:left; width:100%; } .topC .mainB .cmkk .cmkkC .right { float:left; width:100%; padding-bottom:30px; } .topC .mainB .cmkk .cmkkC .right img { width:100%; } .topC .mainB .cmkk .cmkkC p { text-align:left; font-size:15px; font-weight:normal; color:#656565; padding:0px 0px 0px 0px; line-height:190%; /*letter-spacing:0.1em;*/ } .topC .mainIB { clear:both; float:left; width:100%; padding-top:30px; } .topC .mainB .jigyouB { clear:both; float:left; width:100%; text-align:left; padding:40px 0px 0px 0px; } .topC .mainB .washiJ { background-image : url("../../../../../images/top/top_jigyou_washi_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .kankyoJ { background-image : url("../../../../../images/top/top_jigyou_kankyo_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .kaigaiJ { background-image : url("../../../../../images/top/top_jigyou_kaigai_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .halalJ { background-image : url("../../../../../images/top/top_jigyou_halal_bg.png"); background-repeat:no-repeat; background-position:100% 100%; background-size:50% auto; } .topC .mainB .jigyouB h3 { font-size:24px; font-weight:normal; /*letter-spacing:0.1em;*/ padding:0px 0px 10px 0px; margin:0; line-height:170%; } .topC .mainB .jigyouB h3.washi { color:#0070c0; } .topC .mainB .jigyouB h3.kankyo { color:#00b050; } .topC .mainB .jigyouB h3.kaigai { color:#7030a0; } .topC .mainB .jigyouB h3.haral { color:#e36c0a; } .topC .mainB .jigyouB h4 { font-size:18px; font-weight:normal; color:#656565; padding:0px 0px 25px 0px; margin:0; line-height:170%; } .topC .mainB .jigyouB p { font-size:15px; color:#656565; padding:0; margin:0; line-height:170%; width:80%; } .topC .mainB .jigyouB .left { clear:both; float:left; width:100%; border:2px solid #d9d9d9; margin-bottom:40px; } .topC .mainB .jigyouB a .left { background-color:#ffffff; } .topC .mainB .jigyouB a:hover .left { background-color:#fffdf2; } .topC .mainB .jigyouB .left .leftB { clear:both; padding:5%; min-height:250px; } .topC .mainB .jigyouB .right { float:left; width:100%; border:2px solid #d9d9d9; } .topC .mainB .jigyouB a .right { background-color:#ffffff; } .topC .mainB .jigyouB a:hover .right { background-color:#fffdf2; } .topC .mainB .jigyouB .right .rightB { clear:both; padding:5%; min-height:250px; } .topC .mainB .ccB { clear:both; float:left; width:100%; padding:40px 0px 30px 0px; } .topC .mainB .ccB .ccBC { border:2px solid #d8d8d8; } .topC .mainB .ccB a .ccBC { background-color:#ffffff; } .topC .mainB .ccB a:hover .ccBC { background-color:#fffdf2; } .topC .mainB .ccB .ccBC .lrP { padding-left:5%; padding-right:5%; } .topC .mainB .ccB .ccBC .lrP h3 { font-size:24px; font-weight:normal; color:#656565; padding-top:30px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; } .topC .mainB .ccB .ccBC .lrP h3 img { width:228px; padding-top:10px; } .topC .mainB .ccB .ccBC .lrP h4 { font-size:18px; font-weight:normal; color:#656565; padding:30px 0px 0px 0px; line-height:180%; /*letter-spacing:0.1em;*/ } .topC .mainB .ccB .ccBC .lrP p { font-size:15px; font-weight:normal; color:#656565; padding:0px 0px 0px 0px; line-height:180%; /*letter-spacing:0.1em;*/ } .topC .mainB .ccB .ccBC img { width:100%; padding-top:20px; } .linksns { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:10px; padding-bottom:30px; padding-left:5%; padding-right:5%; } .linksns h3 { text-align:center; font-size:28px; font-weight:normal; color:#656565; padding-top:30px; line-height:160%; /*letter-spacing:0.1em;*/ margin:0; padding-bottom:20px; } .linksns .left { clear:both; float:left; width:100%; } .linksns .left ul { clear:both; float:left; width:100%; padding: 0; margin:0; } .linksns .left li { list-style-type:none; padding-bottom:15px; } .linksns .left li img { width:100%; } .linksns .left li a img { border:1px solid #d8d8d8; } .linksns .left li a:hover img { border:1px solid #174374; } .linksns .right { float:left; width:100%; } .linksns .right .rightlinksB { clear:both; float:left; width:100%; max-width:500px; padding: 0; margin:0; } .linksns .right .rightlinksB { list-style-type:none; padding-bottom:15px; } .linksns .right .rightlinksB p { text-align: center; } .linksns .right .rightlinksB img { width:100%; } .linksns .right .rightlinksB a img { border:1px solid #d8d8d8; } .linksns .right .rightlinksB a:hover img { border:1px solid #174374; } .qaB .namingB .namingBl img { float:left; width:100%; } .submnB { display:none; } .cafe_pcB { display:none; } .pc_otherB { display:none; } .pcslide { display:none; } .cafe_tlspB { padding-top:5px; } .cafe_tlspB dl { float:left; clear:both; width:100%; border:1px solid #dbdbdb; } .cafe_tlspB dt { padding:15px 15px 0px 15px; } .cafe_tlspB dd { padding:5px 15px 15px 15px; border-bottom:1px solid #dbdbdb; } .cafe_tlspB dd ul { padding:5px 0px 0px 25px; } .cafe_tlspB dd ul li { padding-bottom:10px; } .cafe_tlspB dd ul li ul { padding:0px 0px 0px 25px; } .cafe_tlspB dd ul li ul li { padding:5px 0px 0px 0px; } .cafe_tlspB dt.bcolor { background-color:#f5f5f5; } .cafe_tlspB dd.bcolor { background-color:#f5f5f5; } .cafe_tlspB dt.bcolor_btm { background-color:#f5f5f5; border-bottom:none; } .cafe_tlspB dd.bcolor_btm { background-color:#f5f5f5; border-bottom:none; } .enigma_header_breadcrum_title { margin-bottom:0; padding-bottom:0; } #arcbc { padding-left:15px; padding-bottom:15px; } .pdd20 { width:100%; padding:0px 20px 0px 20px; } .col-md-8 { float:left; width:100%; font-size:16px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .col-md-8 dl{ border-bottom:1px dotted #dbdbdb; padding:0px 0px 5px 0px; margin:0; } .col-md-8 dl dt{ font-weight:bold; width:100%; float:left; padding:0px 0px 10px 0px; margin:0; color:#434343; font-size:14px; } .col-md-8 dl dd{ margin-left:0; font-size:16px; } .newslt_arc { float:right; width:100%; padding:0px 15px 0px 15px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .newslt_arc h3 { padding:0; margin:0; font-size:16px; color:#ffffff; width:100%; background-color:#174374; padding:10px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; } .newslt_arc ul { float:left; width:100%; list-style-type:none; padding:0; margin:0; border:1px solid #dbdbdb; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.7; font-size:16px; } .newslt_arc li { padding:10px 10px 10px 10px; border-bottom:1px solid #bdbdb; margin:0; border-bottom:1px solid #dbdbdb; } .newslt_arc li a { display:block; } .newslt_arc02 { float:right; width:100%; padding:15px 15px 0px 15px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .newslt_arc02 a { background-color:#f5f5f5; } .newslt_arc02 a:hover { background-color:#CFCFCF; } .newslt_arc02B { display:block; width:100%; border:1px solid #dbdbdb; margin:0; padding:10px; border-radius:2px; background-color:#f5f5f5; } .newslt_arc02B p { display:block; width:100%; font-size:16px; padding:0; margin:0; line-height:150%; } .newslt_arc02 a:hover .newslt_arc02B { background-color:#EDEDED; } .newslt_arc02 a:hover .newslt_arc02B p { } .newslt_arc02B span { font-size:14px; } .info_Top { clear:both; float:left; width:100%; padding:10px 0px 20px 0px; } .info_Top ul { clear:both; font-size:16px; padding:0 0px 0px 25px; margin:0; } .info_Top li { padding:15px 0px 5px 0px; border-bottom:1px solid #dbdbdb; } .plx .s_date { clear:both; width:100%; float:right; border-bottom:1px solid #dbdbdb; padding:0px 15px 0px 15px; margin:0; } .plx .s_date p { text-align:right; padding:0; margin:0; font-size:14px; } .plx .s_contB { clear:both; float:left; width:100%; padding:15px 15px 20px 15px; word-wrap:break-word; } .plx .s_contB h2 { font-size:18px; font-weight:bold; border-left:3px solid #656565; padding:0px 0px 0px 15px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.5; } .plx .s_contB img { border:1px solid #dbdbdb; padding:5px; margin-bottom:10px; } .inccontactB { clear:both; float:left; width:100%; padding:5px 0px 15px 0px; } .inccontactB .consubB { clear:both; width:100%; margin:0 auto; } .inccontactB .consubB .inpB { width:100%; padding:5px 0px 0px 0px; } .inccontactB .consubB .inpB p { text-align:center; } .inccontactB .consubB .inpB input { width:100%; padding:15px 0px 15px 0px; } .wpcf7-validation-errors { clear:both; } .contactB { clear:both; float:left; width:100%; padding:0px; background-color:#f5f5f5; } .contactB dl { border:1px solid #dbdbdb; padding:0; margin:0; font-size:15px; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:1.5; } .contactB dl dt{ width:100%; float:left; padding:15px; background-color:#f5f5f5; margin-bottom:15px; border-bottom:1px solid #dbdbdb; font-weight:normal; } .contactB dl dt span { color:#DD0224; } .contactB dl dd{ width:100%; padding:15px; background-color:#ffffff; } .contactB dl dd.acceptD input { margin:0; padding:0; float:left; width:20px; position:relative; top:3px; } .contactB dl dd input, textarea { width:100%; padding:10px; } .contactB dl dd input { } .contact_Top { clear:both; float:left; width:100%; padding:10px 0px 20px 0px; } .contact_Top ul { clear:both; font-size:16px; padding:0 0px 0px 25px; margin:0; } .contact_Top li { padding:15px 0px 5px 0px; border-bottom:1px solid #dbdbdb; } /*.bnA { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:20px; padding-bottom:20px; } .bnA .bnA_B { width:50%; margin:0 auto; } .bnA .bnA_B ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnA .bnA_B li { width:100%; padding:0px 0px 10px 0px; margin:0; } .bnA .bnA_B li.bnaen { padding-bottom:0px; }*/ .bnA { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:20px; padding-bottom:20px; } .bnA .bnA_B { width:60%; margin:0 auto; } .bnA .bnA_B .bnA_C { width:100%; margin:0 auto; } .bnA .bnA_B .bnA_C ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnA .bnA_B .bnA_C li { width:100%; padding:0px 0px 15px 0px; } .bnA .bnA_B .bnA_C li a img { width:100%; border:1px solid #dbdbdb; } .bnA .bnA_B .bnA_C li a:hover img { border:1px solid #174374; } .bnA .bnA_B .bnA_C li.bnaen { padding-bottom:0px; width:100%; } .bnAcafe { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:20px; padding-bottom:20px; } .bnAcafe .bnA_B { width:60%; margin:0 auto; } .bnAcafe .bnA_B .bnA_C { width:100%; margin:0 auto; } .bnAcafe .bnA_B .bnA_C ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnAcafe .bnA_B .bnA_C li { width:100%; padding:0px 0px 15px 0px; } .bnAcafe .bnA_B .bnA_C li a img { width:100%; border:1px solid #dbdbdb; } .bnAcafe .bnA_B .bnA_C li a:hover img { border:1px solid #174374; } .bnAcafe .bnA_B .bnA_C li.bnaen { padding-bottom:0px; width:100%; } .plx .twocm .washi_process { clear:both; float:left; width:100%; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; padding-top:10px; } .plx .twocm .washi_process .ulB { clear:both; float:left; width:100%; padding:5px; } .plx .twocm .washi_process .ulB ul { list-style-type:decimal; } .plx .twocm .washi_process .ulB li { padding-bottom:10px; } .plx .twocm .washi_process .imgB { clear:both; float:left; width:100%; padding:0px 0px 0px 0px; } .plx .twocm .washi_process .imgB ul { list-style-type:none; padding: 0px; } .plx .twocm .washi_process .imgB li { width:100%; padding-bottom:25px; text-align:center; } .plx .twocm .washi_process .imgB li img { border:1px solid #dbdbdb; padding:3px; } .o_pc { display:none; } .others_t { clear:both; float:left; width:100%; padding-top:0px; } .plx .twocm_r p { padding-top:5px; margin-top:0px; } .twocm p { padding-top:5px; margin-top:0px; } /* .plx .twocm_r .left dl { float:left; clear:both; width:100%; border:1px solid #dbdbdb; } .plx .twocm_r .left dt { padding:15px 15px 0px 15px; } .plx .twocm_r .left dd { padding:5px 15px 15px 15px; border-bottom:1px solid #dbdbdb; } .plx .twocm_r .left dt.bcolor { background-color:#f5f5f5; } .plx .twocm_r .left dd.bcolor { background-color:#f5f5f5; } */ .plx .twocm .right ul { padding:0px 0px 0px 25px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .plx .twocm_r .right ul { padding:5px 0px 0px 25px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .plx .twocm_r .right dl { float:left; clear:both; width:100%; border:1px solid #dbdbdb; } .plx .twocm_r .right dt { padding:15px 15px 0px 15px; } .plx .twocm_r .right dd { padding:5px 15px 15px 15px; border-bottom:1px solid #dbdbdb; } .plx .twocm_r .right dt.bcolor { background-color:#f5f5f5; } .plx .twocm_r .right dd.bcolor { background-color:#f5f5f5; } .plx .twocm_sup_oth { clear:both; float:left; width:100%; padding-bottom:20px; } .plx .twocm .sp_otherB { clear:both; float:left; width:100%; } .plx .twocm .sp_otherB dl { float:left; clear:both; width:100%; border:1px solid #dbdbdb; } .plx .twocm .sp_otherB dt { padding:15px 15px 0px 15px; } .plx .twocm .sp_otherB dd { padding:5px 15px 15px 15px; border-bottom:1px solid #dbdbdb; } .plx .twocm .otherB_img { float:left; width:100%; text-align:center; padding:0px 0px 50px 0px; } .plx .twocm .otherB_img ul { list-style-type:none; padding:0; margin:0 auto; width:100%; } .plx .twocm .otherB_img li { float:left; padding-bottom:10px; width:100%; } .plx .twocm .otherB_img02 { float:left; width:100%; text-align:center; padding:0px 0px 50px 0px; } .plx .twocm .otherB_img02 ul { list-style-type:none; padding:0; margin:0 auto; width:100%; } .plx .twocm .otherB_img02 li { float:left; padding-bottom:10px; width:100%; } .plx .twocm_sup_sh { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm_sup_sh .right { float:right; width:100%; } .plx .twocm_sup_sh .left { float:left; width:100%; padding-top:20px; } .plx .twocm_sup_sh .left img { max-width:100%; height: auto; padding:5px; border:1px solid #dbdbdb; } .plx .twocm .hist { clear:both; float:left; width:100%; } .plx .twocm .hist table { } .plx .twocm .hist table th { text-align:left; } .plx .twocm .hist table td { text-align:left; } .plx .twocm .hist_img { float:left; width:100%; text-align:center; padding:10px 0px 50px 0px; } .plx .twocm .hist_img ul { list-style-type:none; padding:0; margin:0; } .plx .twocm .hist_img li { float:left; padding-bottom:10px; width:100%; } .plx .twocm .hist_img img { clear:both; width:100%; padding:5px; border:1px solid #dddddd; } .plx .twocm .hist .t-line tr:nth-child(odd) th { background-color: #ffffff; } .plx .twocm .hist .t-line tr:nth-child(even) th { background-color: #f5f5f5; } .plx .twocm .hist .t-line tr:nth-child(odd) td { background-color: #ffffff; } .plx .twocm .hist .t-line tr:nth-child(even) td { background-color: #f5f5f5; } .plx .twocm { clear:both; float:left; width:100%; } .plx .twocm h4 { padding-bottom:0; margin-bottom:0; } .plx .twocm .left { clear:both; width:100%; text-align:center; padding-top:10px; } .plx .twocm .right { clear:both; width:100%; padding-top:10px; } .plx .twocm_r { clear:both; float:left; width:100%; } .plx .twocm_r .left { clear:both; width:100%; text-align:center; padding-top:10px; } .plx .twocm_r .right { clear:both; width:100%; padding-top:10px; } .plx .twocm_r .lefthalal { clear:both; width:100%; text-align:center; padding-top:10px; } .plx .twocm_r .lefthalal .halalslide { width:100%; padding:4px; background-color:#ffffff; border:1px solid #dbdbdb; } .plx .twocm_r .righthalal { clear:both; width:100%; padding-top:10px; } .plx .twocm_sup { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm_sup .left { clear:both; width:100%; } .plx .twocm_sup .right { clear:both; width:100%; text-align:center; } .plx .twocm_sup .right .r_l { clear:both; width:100%; } .plx .twocm_sup .right .r_r { clear:both; width:100%; padding-top:10px; } .plx .twocm_sup img { max-width:100%; height: auto; } .plx .twocm_sup_r { clear:both; float:left; width:100%; padding-bottom:50px; } .plx .twocm_sup_r .left { clear:both; width:100%; text-align:center; } .plx .twocm_sup_r .right { clear:both; width:100%; } .plx .twocm_sup_r .left .r_l { clear:both; width:100%; } .plx .twocm_sup_r .left .r_r { clear:both; width:100%; padding-top:10px; } .plx .twocm_sup_r .right .r_l { clear:both; width:100%; } .plx .twocm_sup_r .right .r_r { clear:both; width:100%; padding-top:10px; } .parallax { display:none; } /*.submnB { display:none; }*/ .cont-cont .cont-contB .twocm .evB .left { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .evB .right { float:right; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:none; } .cont-cont .cont-contB .twocm .evB .left_cl { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .right_cl { float:right; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .left_btm { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .evB .right_btm { float:right; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .left_cl_btm { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .evB .right_cl_btm { float:right; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .left { padding:0; margin:0; float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .right { float:right; width:100%; border-top:1px dotted #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .left_cl { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .right_cl { float:right; width:100%; border-top:1px dotted #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .left_btm { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .right_btm { float:right; width:100%; border-top:1px dotted #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#f5f5f5; } .cont-cont .cont-contB .twocm .mdB .left_cl_btm { float:left; width:100%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } .cont-cont .cont-contB .twocm .mdB .right_cl_btm { float:right; width:100%; border-top:1px dotted #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } .mapleft { clear:both; width:100%; padding-bottom:10px; } .mapright { clear:both; width:100%; } .btn_B { clear:both; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:1.7; float:left; padding:10px 0px 20px 0px; width:100%; } .button_F { clear:both; width:100%; position:relative; display:inline-block; padding:15px 30px 15px 15px; background-color:#fff; border:1px solid #dbdbdb; color:#434343; text-align:center; text-decoration:none; transition:all .3s; border-radius:4px; } .button_F::after { position:absolute; top:50%; right:.2em; content: ''; margin-top:-5px; border:7px solid transparent; border-top-width:5px; border-bottom-width:5px; border-left-color:#434343; transition:all .3s; } .button_F:hover { background-color:#434343; color:#fff; } .button_F:hover::after { border-left-color:#fff; } .sp_footT { clear:both; float:left; width:100%; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:15px; line-height:1.7; } .sp_footT a { color:#434343; display:block; width:100%; height:100%; padding:20px 0px 20px 0px; } .sp_footT table.Ftop { background-color:#efefef; } .sp_footT table.Ftop td { width:50%; padding:0px 0px 0px 0px; border-bottom:none; border-color:#919191; } .sp_footT table.Fbtm { background-color:#efefef; } .sp_footT table.Fbtm td { width:50%; padding:0px 0px 0px 0px; border-color:#919191; } .indbox { clear:both; float:left; width:100%; background-color:#ffffff; padding:15px 0px 0px 0px; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:16px; line-height:1.7; } .indbox .indbox_B { clear:both; float:left; width:100%; background-color:#f5f5f5; padding-top:30px; padding-bottom:30px; } .indbox .indbox_B .indbox_C { width:90%; margin:0 auto; } .indbox .indbox_B .indbox_C .indbox_D { width:100%; margin:0 auto; padding-bottom:10px; } .indbox .indbox_B .indbox_C .indbox_D a { width:100%; margin:0 auto; } .indbox .indbox_B .indbox_C .indbox_D ul { clear:both; width:100%; list-style-type:none; padding:10px 0px 0px 0px; margin:0; text-align:center; } .indbox .indbox_B .indbox_C .indbox_D li { float:left; width:100%; padding:30px 0px 30px 0px; background-color:#ffffff; border:1px solid #dbdbdb; } .indbox .indbox_B .indbox_C .indbox_D li a img { width:238px; border:1px solid #dbdbdb; } .indbox .indbox_B .indbox_C .indbox_D li a:hover img { border:1px solid #174374; } .indbox .indbox_B .indbox_C .indbox_D li.bnaen { padding-right:0px; width:240px; } .enima_photo_gallery { width:96%; margin:0 auto; } #tabAccordion dl dt { height:auto; padding:5px 0px 5px 0px; font-size:16px; } #tabAccordion dl dt a { color:#434343; font-weight:normal; } #tabAccordion dl dt a:hover { color:#434343; } .servicebox p { padding:20px 0px 20px 20px; margin:0; } .plx img.pc_head { display:none; } .btm10 { padding-bottom:10px; } .washiito { clear:both; width:100%; float:left; padding-top:20px; } .washiito .washiitoA { width:100%; margin:0 auto; } .washiito .washiitiB { float:left; width:49.8%; padding:0px 5px 0px 5px; } .washiito .washiitiB img { width:100%; border-radius:2px; } .washiito .washiitiB p { clear:both; float:left; width:100%; padding:10px 10px 0px 10px; line-height:1.4; } .clrbT { clear:both; } .washiy { clear:both; width:100%; float:left; padding-top:0px; padding-bottom:0px; } .washiy .washiyA { width:100%; margin:0 auto; } .washiy .washiyB { float:left; width:49.9%; padding:0px 5px 0px 5px; } /*.washiy .washiyB { float:left; width:100%; padding:0px 0px 0px 0px; }*/ .washiy .washiyB img { width:100%; border-radius:2px; } .washiy .washiyB p { clear:both; float:left; width:100%; padding:10px 10px 0px 10px; line-height:1.4; } .yclr { clear:both; } .s_news_160714 { clear:both; float:left; width:100%; } .s_news_160714 .s_news160714imgB { clear:both; float:left; width:100%; padding-top:20px; padding-bottom:0; } .s_news_160714 .s_news160714imgB ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .s_news_160714 .s_news160714imgB li { width:100%; float:left; padding:0px 0px 0px 0px; } .s_news_160714 .s_news160714imgB img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .s_news_160714 .s_news160714img2B { clear:both; float:left; width:100%; padding:0; } .s_news_160714 .s_news160714img2B ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .s_news_160714 .s_news160714img2B li { width:100%; float:left; padding:0px 0px 0px 0px; } .s_news_160714 .s_news160714img2B img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .supnewsB { clear:both; float:left; width:100%; } .supnewsB .s_news160713imgB { clear:both; float:left; width:100%; padding-top:20px; padding-bottom:0; } .supnewsB .s_news160713imgB ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .supnewsB .s_news160713imgB li { width:100%; float:left; padding:0px 0px 0px 0px; } .supnewsB .s_news160713imgB img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .supnewsB .s_news160713img2B { clear:both; float:left; width:100%; padding:0; } .supnewsB .s_news160713img2B ul { clear:both; float:left; width:100%; list-style-type:none; padding:0; margin:0; } .supnewsB .s_news160713img2B li { width:100%; float:left; padding:0px 0px 0px 0px; } .supnewsB .s_news160713img2B img { padding:4px; border:1px solid #dbdbdb; background-color:#ffffff; width:100%; } .bnOnwardB { clear:both; float:left; width:100%; background-color:#ffffff; padding-top:0px; padding-bottom:20px; } .bnOnwardB .bnOnw { width:100%; /*width:500px;*/ margin:0 auto; } .bnOnwardB .bnOnw .bnOnwa { width:100%; margin:0 auto; } .bnOnwardB .bnOnw .bnOnwa ul { clear:both; width:100%; list-style-type:none; padding:0; margin:0; } .bnOnwardB .bnOnw .bnOnwa li { float:left; width:100%; padding:0px 0px 0px 0px; } .bnOnwardB .bnOnw .bnOnwa li a img { width:100%; border:1px solid #dbdbdb; padding:10px 0px 10px 0px; } .bnOnwardB .bnOnw .bnOnwa li a:hover img { border:1px solid #174374; } .bnOnwardB .bnOnw .bnOnwa li.bnaen { padding-right:0px; width:770px; } /*---------------------------------------------------- よくある質問 ----------------------------------------------------*/ .junbi { clear:both; float:left; width:100%; padding:20px 0px 20px 0px; } .junbiB { clear:both; border:1px solid #dbdbdb; background-color:#f9f9f9; } .junbiB p { text-align:center; padding:50px 20px 50px 20px; font-size:22px; } .yokuaruC { clear:both; float:left; width:100%; } .yokuaruCB { clear:both; float:left; width:100%; } .yokuaruCB h3 { font-size:110%; } .yokuaruC table { border:none; text-align:left; } .yokuaruC table td { border:none; text-align:left; } dl.yokuarulist { clear:both; float:left; width:100%; padding:10px 10px 0px 0px; } dl.yokuarulist dt{ float:left; padding-bottom:10px; } dl.yokuarulist dd { margin-left:20px; padding-bottom:10px; } dl.yokuaru { clear:both; float:left; width:100%; padding-top:15px; } dl.yokuaru .interb { clear:both; height:0px; } dl.yokuaru dt { padding:15px 10px 10px 10px; margin:0; background-color:#f9f9f9;; font-weight:normal; font-size:110%; color:#928a1f; border-top:1px solid #dbdbdb; border-bottom:1px solid #ededed; width:100%; } dl.yokuaru dt span.q { padding-top:0px; padding-right:10px; } dl.yokuaru dd { padding:15px 10px 0px 10px; } dl.yokuaru dd span { font-size:110%; color:#928a1f; } dl.yokuaru dd span.a { padding-right:10px; font-size:100%; } dl.yokuaru dd p { clear:both; padding-top:15px; border-top:1px dotted#dbdbdb; height:auto; } dl.yokuaru dd table { clear:both; float:left; width:100%; border:1px solid #dbdbdb; } dl.yokuaru dd table td { border:1px solid #dbdbdb; padding:5px; vertical-align: middle; } dl.yokuaru dd dt { font-size:100%; color:#434343; } dl.yokuaru dd dd { padding-bottom:10px; font-size:98%; } dl.yokuaru dd .yokuaruimgC { clear:both; float:left; width:100%; padding:10px 0px; } dl.yokuaru dd .yokuaruimgC .left { float:left; width:100%; margin-bottom:15px; } dl.yokuaru dd .yokuaruimgC .left img { width:100%; padding:3px; border:1px solid #dbdbdb; } dl.yokuaru dd .yokuaruimgC .right { float:left; width:100%; } dl.yokuaru dd .yokuaruimgC .right img { width:100%; padding:3px; border:1px solid #dbdbdb; } dl.yokuaru dd .yokuaruimgC2 { clear:both; float:left; width:100%; padding:10px 0px; } dl.yokuaru dd .yokuaruimgC2 .left { float:left; width:100%; } dl.yokuaru dd .yokuaruimgC2 .left img { width:100%; padding:3px; border:1px solid #dbdbdb; } } /* ------------------------------ MEDIAQUERIES LAYOUT ------------------------------ */ /*@media only screen and (max-width: 960px) { #tabAccordion { width:100%; box-sizing:border-box; } #tabAccordion dl { width:100%; box-sizing:border-box; } #tabAccordion dl dt { width:33.3%; } #tabAccordion dl:nth-child(2) dt { left:33.3%; } #tabAccordion dl:nth-child(3) dt { left:66.7%; } #tabAccordion dl:nth-child(4) dt { left:75%; } }*/ /* ------------------------------ MEDIAQUERIES[SP]LAYOUT ------------------------------ */ @media screen and (max-width: 500px) { #tabAccordion { width:97%; height:auto; border:none; } #tabAccordion dl { top:auto;left:auto; width:100%; position:relative; margin:0; } #tabAccordion dl dt { top:auto; left:auto; width:100%; position:relative; border-top:#999 1px solid; border-bottom:#999 1px solid; border-left:#999 1px solid; border-right:#999 1px solid; } #tabAccordion dl dt.newslst { top:auto; left:auto; width:100%; position:relative; border-top:#999 1px solid; border-bottom:#999 1px solid; border-left:#999 1px solid; border-right:#999 1px solid; } #tabAccordion dl:first-child dt { border-top:#999 1px solid; } #tabAccordion dl:nth-child(2) dt, #tabAccordion dl:nth-child(3) dt, #tabAccordion dl:nth-child(4) dt { left:auto; } #tabAccordion dl dt a { padding:20px; height:auto; line-height:1em; text-align:left; } #tabAccordion dl dt a:after { content: ''; margin-top:-4px; top:50%; right:15px; width:8px; height:8px; font-size:1em; font-weight:bold; line-height:1.2em; display:block; position:absolute; border-top:2px solid #666; border-right:2px solid #666; -moz-transform:rotate(135deg); -webkit-transform: rotate(135deg); transform:rotate(135deg); } #tabAccordion dl dt.btnAcv { border-bottom:#dbdbdb 1px solid; background:#f5f5f5; border-top:5px solid #3a3c6d; } #tabAccordion dl dt.btnAcv a:after { content:none; } #tabAccordion dl dd { top:auto; left:auto; padding:20px; width:100%; height:auto; position:relative; border-left:#999 1px solid; border-right:#999 1px solid; } #tabAccordion dl dd.nddlt { top:auto; left:auto; padding:20px; width:100%; height:auto; position:relative; border-left:#999 1px solid; border-right:#999 1px solid; border-bottom:#999 1px solid; } } /* @media print { section { display: block; page-break-before: always; } pre code {page-break-after: always;} @page { margin-top:0.4cm; margin:0.5cm; } p a, code, pre { word-wrap:break-word; } img { display:none; } pre a[href]:after { content: ""; } pre abbr[title]:after { content: ""; } pre .ir a:after, pre a[href^="javascript:"]:after, pre a[href^="#"]:after { content: ""; } .no-print { display:none; } } */