/* Theme Name: Attitude Theme URI: http://themehorse.com/themes/attitude Author: Theme Horse Author URI: http://themehorse.com Description: Attitude is a Simple, Clean and Responsive Retina Ready WordPress Theme which adapts automatically to your tablets and mobile devices. Theme is easily customizable with numerous theme options. Some of the highlighted options are two site layout (Narrow and Wide), 5 layouts for every post/page, 5 Page Templates, 5 widget areas, 4 custom widgets, featured slider to highlight your post/page, 11 social icons and many more. Also has custom background, header, menu, favicon, CSS, webclip icon, and logo. Supports popular plugins like Breadcrumb NavXT, WP-PageNavi and Contact Form 7. It is also translation ready. Available Translation: Traditional Chinese (Taiwan), Spanish, Norwegian (Nynorsk), German, Russian, Dutch, Italian and Danish. Get free support on http://themehorse.com/support-forum/ Version: 1.8 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: white, light, blue, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, custom-menu, custom-background, custom-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post Text Domain: attitude Attitude WordPress Theme, Copyright 2013 Theme Horse Attitude is distributed under the terms of the GNU GPL */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { -webkit-text-size-adjust: none; } :focus {/* remember to define focus styles! */ outline: 0; } ol, ul { list-style: none; margin: 0; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } embed, iframe, object { max-width: 100%; } /* =Global ----------------------------------------------- */ body, input, textarea { color: #282828; font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック","Osaka"; font:15px; line-height: 180%; word-wrap: break-word; } body { overflow-x:hidden; } .wrapper { max-width: 100%; margin: 0 auto; background-color: #FFF; } .container { margin: 0 auto; width: 1000px; padding:0px; /* width: 94%; */ } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family:"Helvetica Neue", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color: #1c1c1c;} /* No Border/Margin/Padding */ .no-margin-top { margin-top:0px !important; } .no-margin-bottom { margin-bottom:0px !important; } .no-margin-left { margin-left:0px !important; } .no-margin-right { margin-right:0px !important; } .no-padding-top { padding-top:0px !important; } .no-padding-bottom { padding-bottom:0px !important; } .no-padding-left { padding-left:0px !important; } .no-padding-right { padding-right:0px !important; } .no-border-top { border-top:0 none !important; } .no-border-bottom { border-bottom:0 none !important; } .no-border-left { border-left:0 none !important; } .no-border-right { border-right:0 none !important; } /* Horizontal Line */ hr { border-color: #1c1c1c; border-style: solid none none; border-width: 1px 0 0; height: 0; margin: 0 0 40px; } hr.corp{ border-color: #1c1c1c; border-style: solid none none; border-width: 1px 0 0; height: 1; margin: 0 0 10px; } #midashi{ background-color: #f9f9f9; /* LightGray */ padding : 10px 0 10px 10px; border-color : #eaeaea; border-style : solid none solid none; border-width : 1px 0 1px 0; margin:5px 0 10px 0; color:#444; } #midashi2{ background-color: #371e00; padding : 10px 0 10px 10px; border-color : #eaeaea; border-style : solid none solid none; border-width : 1px 0 1px 0; margin:5px 0 10px 0; color:#fff; } /* Text elements */ p { margin-bottom: 10px;margin-top: 10px; text-align:left; line-height:200%; } strong { font-weight: bold; } cite, em, i { font-style: italic; } pre { background-color: #fff; margin-bottom: 20px; overflow: auto; padding: 20px; } pre, code, kbd { font-family:"Helvetica Neue", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; font-size: 14px; line-height: 19px; background-color: #F9F9F9; } abbr, acronym, dfn { border-bottom: 1px dotted #363636; cursor: help; } address { display: block; margin: 0 0 1.625em; } ins { background: #fff9c0; } /* Superscript and Subscript */ sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } /* Blockquote */ blockquote { font-style: italic; font-weight: normal; padding: 20px; border-left: 4px solid #06F; margin-bottom: 20px; background-color: #F9F9F9; } blockquote p { margin: 0; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { color: #363636; font: 15px "Helvetica Neue", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } /* Breadcrumb */ .breadcrumb { text-align:left; margin-bottom: 0px;font-size: 12px; float:left; overflow:clip; white-space:pre-line;} .breadcrumb a { color: #282828;} #breadcrumb { margin: 0; padding: 0; list-style: none;} #breadcrumb li { display: inline; list-style: none;} #breadcrumb li:after { font-family: FontAwesome; content: '\f0da'; padding: 0 0.2em; color: silver;} #breadcrumb li:last-child:after { content: '';} #breadcrumb li a { text-decoration: none; color: #888;} #breadcrumb li:first-child a:before { font-family: FontAwesome; content: '\f015'; font-weight: normal; font-size: 1.1em; color: #f3948f;} #breadcrumb li a:hover { text-decoration: underline;} /* Links */ a { color: #282828; text-decoration: none; } a:focus, a:active, a:hover { text-decoration: none; float : none; clear : none; position: relative; top :1pt; left :1pt; } /* Images */ figure { margin: 0; text-align: center; } img { max-width:100%; height:auto; vertical-align:top; } .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { } img.size-full, img.size-large { max-width: 100%; height: auto; } .entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } p img { } img#wpstats { display: none; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #access a.assistive-text:active, #access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } /* clearfix hack */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height:1%; } .clearfix { display: block; } /* close commented backslash hack */ .clearfix-third { clear: both; } /* Readmore */ a.readmore { border: 1px solid #8a7645; color: #fff; display:inline-block; padding: 5px 25px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 8px 2px; float: right; background: #ffffff; background: -webkit-linear-gradient(#ffffff, #ffffff); background: -moz-linear-gradient(#ffffff, #ffffff); background: -ms-linear-gradient(#ffffff, #ffffff); background: -o-linear-gradient(#ffffff, #ffffff); background: -webkit-gradient(#ffffff, #ffffff); background: linear-gradient(#ffffff, #ffffff); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); } a.readmore:hover { background: -webkit-linear-gradient(#FEF1CF, #FEF1CF); background: -moz-linear-gradient(#FEF1CF, #FEF1CF); background: -ms-linear-gradient(#FEF1CF, #FEF1CF); background: -o-linear-gradient(#FEF1CF, #FEF1CF); background: -webkit-gradient(#FEF1CF, #FEF1CF); background: linear-gradient(#FEF1CF, #FEF1CF); } a.readmore:active { -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); } a.more-link:hover { text-decoration: underline; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 30px; } .alignright { display: inline; float: right; margin-left: 30px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* Back to Top */ .back-to-top { position: fixed; bottom: 10px; right: 10px; } .back-to-top a { width: 35px; height: 35px; text-indent: -20000px; display: block; background-image: url("images/back-to-top.png"); } /* =Header ----------------------------------------------- */ #branding { margin-top: 0px; width:100%; } .hgroup-wrap { padding-top: 0px; padding-bottom: 0px; } .hgroup-wrap a { display: block; } #site-logo { float:left; margin-top: 32px; } #site-title-logo { width: 180px; /* ロゴの高さ */ height: 74px; /* ロゴの横幅 */ text-align: left; margin-top: 20px; /* ロゴの上スペース */ margin-bottom: 20px; /* ロゴの下スペース */　　 } #site-title { font: 36px "Helvetica Neue","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; line-height: 42px; } #site-title a { color: #1c1c1c; } #site-title a img { vertical-align: inherit; max-width: 1000px; } #site-title a span, #site-title a:hover, #site-title a:focus, #site-title a:active { color: #06F; } #site-description { font: 14px "Helvetica Neue","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; line-height: 20px; color: #777; } .hgroup-right { float: right; margin-top: 38px; } /* Social Profiles */ .social-profiles { float: left; } .social-profiles ul { margin: -10px 0 0; float:right; } .social-profiles ul li { margin-top:10px; float:left; } .social-profiles ul li a { display:block; width:30px; height:30px; text-indent: -99999px; background-image: url("images/social-icons.png"); background-position: right bottom; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; } .social-profiles ul li.facebook a { background-position: 0 0; } .social-profiles ul li.facebook a:hover { background-position: 0 -40px; } .social-profiles ul li.twitter a { background-position: -40px 0; } .social-profiles ul li.twitter a:hover { background-position: -40px -40px; } .social-profiles ul li.google-plus a { background-position: -80px 0; } .social-profiles ul li.google-plus a:hover { background-position: -80px -40px; } .social-profiles ul li.pinterest a { background-position: -120px 0 ; } .social-profiles ul li.pinterest a:hover { background-position: -120px -40px ; } .social-profiles ul li.linked a { background-position: -160px 0; } .social-profiles ul li.linked a:hover { background-position: -160px -40px; } .social-profiles ul li.tumblr a { background-position: -200px 0 ; } .social-profiles ul li.tumblr a:hover { background-position: -200px -40px; } .social-profiles ul li.vimeo a { background-position: -240px 0; } .social-profiles ul li.vimeo a:hover { background-position: -240px -40px; } .social-profiles ul li.my-space a { background-position: -280px 0; } .social-profiles ul li.my-space a:hover { background-position: -280px -40px; } .social-profiles ul li.flickr a { background-position: -320px 0; } .social-profiles ul li.flickr a:hover { background-position: -320px -40px; } .social-profiles ul li.you-tube a { background-position: -360px 0; } .social-profiles ul li.you-tube a:hover { background-position: -360px -40px; } .social-profiles ul li.rss a { background-position: -400px 0; } .social-profiles ul li.rss a:hover { background-position: -400px -40px; } /* Header Image */ .header-image { width: 100%; height: auto; } /* =Menu -------------------------------------------------------------- */ #access { height:40px; background-color: #ffffff; } #access ul { } /* 上部メニュー -------------------------------------------------------------- */ #access li { float: left; position: relative; padding: 0 40px 0 0; } li.default-menu { display: none; } #access a { color: #282828; display: block; float: left; font-size: 14px; text-transform: uppercase; padding: 10px 0 0; height: 39px; } #access a:hover, #access ul li.current-menu-item a, #access ul li.current_page_ancestor a, #access ul li.current-menu-ancestor a, #access ul li.current_page_item a, #access ul li:hover > a { color: #06F; } #access ul ul { } #access ul ul ul { } #access ul ul a { } #access li:hover > a, #access ul ul :hover > a, #access a:focus { } #access li:hover > a, #access a:focus { } #access ul li:hover > ul { } #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a { } /* Dropdown */ #access ul li ul, #access ul li:hover ul ul, #access ul ul li:hover ul ul, #access ul ul ul li:hover ul ul, #access ul ul ul ul li:hover ul ul { display:none; z-index: 9999; } #access ul li:hover ul, #access ul ul li:hover ul, #access ul ul ul li:hover ul, #access ul ul ul ul li:hover ul, #access ul ul ul ul ul li:hover ul { display:block; } #access ul li ul { position: absolute; background-color: #fff; border-top: 4px solid #06F; top: 55px; left: 0px; width: 190px; } #access ul li ul li { float: none; border-bottom: 1px solid #EAEAEA; padding: 0; } #access ul li ul li a, #access ul li.current-menu-item ul li a, #access ul li ul li.current-menu-item a, #access ul li.current_page_ancestor ul li a, #access ul li.current-menu-ancestor ul li a, #access ul li.current_page_item ul li a { float: none; line-height: 21px; font-size: 13px; font-weight: normal; height: 100%; padding: 6px 10px; color: #777; text-transform: capitalize; } #access ul li ul li a:hover, #access ul li ul li:hover > a, #access ul li.current-menu-item ul li a:hover { background-color: #F9F9F9; color: #06F; } #access ul li ul li ul { left: 190px; top: -4px; } #access select { display: none; } input[type="text_s"]{width: 25%;} input[type="text_m"]{ width: 50%;} input[type="text_l"]{ width: 100%;} textarea { width: 100%;height: 10em;} textarea.long { width: 100%;height: 50em;} /* Controllers */ #controllers { text-align:center; line-height:0; position: absolute; width: 100%; bottom: 15px; z-index: 9999; } #controllers a { width: 14px; height: 14px; margin: 0 4px; overflow:hidden; display:inline-block; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; } #controllers a:hover, #controllers a.active { background-color: #EA870F; color: #06F; } /* Search Form */ #branding .searchform { float: right; } #branding .searchform div { } #branding #s { } #branding #s:focus { } #branding #searchsubmit { } #branding .only-search .searchform { } #branding .only-search #s { } #branding .only-search #s, #branding .only-search #s:focus { } #branding .only-search #s:focus { } #branding .with-image .searchform { } #branding .only-search + #access div { } /* =Content ----------------------------------------------- */ #main { padding: 10px 0 0px; width:100%; text-align:center;} #main select { background-color: #F9F9F9; border: 1px solid #363636; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 0px; height: 40px; padding: 10px 0px; width: 100%; color: #1c1c1c; } #main form input, #main form textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { padding-bottom: 15px; } #content ul { list-style-type: none; } #content ul, #content ol { margin: 0 0 20px 0px; } #content ul a, #content ol a { color: #1c1c1c; } #content ul a:hover, #content ol a:hover { text-decoration: none; color: #06F; } #content ol { list-style-type: decimal; } #content ol ol { list-style: upper-alpha; } #content ol ol ol { list-style: lower-roman; } #content ol ol ol ol { list-style: lower-alpha; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } .service-item { padding-bottom: 15px; } .service-item .service-icon { width: 55px; height: 55px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background-color: rgba(0, 0, 0, 0.6); float: left; display: block; margin-right: 20px; text-align: center; } .service-item .service-icon img { height: 55px; width: 55px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } #content .service-item .service-title { font-size: 20px; line-height: 25px; color: #555; display: block; overflow: hidden; padding-top: 7px; padding-bottom: 0; } .sticky { background-color: #E6E6E6; padding: 20px; } #primary { float: left; width: 75%; } #content .post { padding-top: 10px; padding-bottom: 40px; } .page-title-wrap { background-color: #F9F9F9; border-bottom: 1px solid #EAEAEA; padding: 12px 0; clear:both; } .page-title { font-size: 16px; line-height: 22px; color: #1c1c1c; font-weight: bold; float: left; padding-top: 2px; } .page-title a { color: #1c1c1c; } .entry-title, .entry-header .entry-meta { } .entry-header { } .entry-title { font: 14px 'Philosopher', sans-serif ; line-height: 18x; float:left; } .page .entry-title { display: none;} .entry-title{color:#1c1c1c}; .entry-title a {color: #00F; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #00F; } .entry-meta-bar { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 7px 0; clear: both; } .entry-meta { width: 84.89%; float: left; padding-top: 2px; } .entry-meta a { color: #555; } .entry-meta a:hover { color: #06F; } .entry-meta span { padding: 0 5px; display: inline-block; } .tags { margin-bottom: 50px; } .tags a { color: #888; padding: 0 0 0 10px; } .tags a:hover { color: #06F; } .single-author .entry-meta .by-author { } .post-featured-image { margin-bottom: 30px; max-width: 700px; } .post-featured-image a { display: block; } .entry-content dt, .comment-content dt { font-weight: bold; } .entry-content dd, .comment-content dd { margin-bottom: 20px; } .entry-content { padding-bottom: 15px; display: block; overflow: hidden; clear:both; } .entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 { } .entry-content h3, .comment-content h3 { } .entry-content table, .comment-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; } .entry-content th, .comment-content th { color: #363636; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; line-height: 1.8em; text-transform: uppercase; } .entry-content td, .comment-content td { border-top: 1px solid #ddd; padding: 6px 10px 6px 0; } .page-link { } .page-link a {color: #00F; } .page-link a:hover {color: #00F; } .page-link span { } /* Column */ .column { margin-left: -3.06%; } .column a { margin-bottom: 10px; display: block; } .one-half, .one-third, .one-fourth { float: left; margin: 0 0 0 2.97%; padding-bottom: 20px; } .one-half { width: 47.03%; } .one-third { width: 30.36%; } .one-fourth { width: 22.02%; } /* Sidebar */ #secondary { float: left; margin-left: 1.5%; padding-top:40px; width: 23.5%; } /* Left Sidebar Template */ .left-sidebar-template #primary { float: right; } .left-sidebar-template #secondary { float: left; } /* One Column Template */ .one-column-template .wrapper { width: 1000px; } .one-column-template .container { width: 1000px; } .no-sidebar-template #content { width: 1000px; margin: 0 auto; } /* Custom Gallery Page */ .custom-gallery #main { padding-bottom: 20px; } #content .custom-gallery-title, .custom-gallery-title a { font-size: 20px; text-align: center; line-height: 25px; color: #555; padding-bottom: 0; } .custom-gallery-title a:hover { color: #06F; } /* Blog Medium Page */ .blog-medium .post-featured-image { width: 34.57%; float: left; margin-right: 4.67%; } .blog-medium .entry-content { padding-bottom: 0; } /* Contact Page */ .map-location { background-color: #FFFFFF; border: 1px solid #CCCCCC; margin-bottom: 26px; padding: 5px; } .contact #primary .form label { display: block; padding-bottom: 5px; } .wpcf7 p { margin-bottom: 0; } #main .wpcf7 select { padding: 10px; border: 1px solid rgba(0, 0, 0, 0.05); margin: 0 0 30px; width: 50%; background-color: #f9f9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* Single Page */ .single .entry-meta { float: none; width: 100%; } .single .entry-meta-bar { padding-bottom: 10px; } .single #content .post { border-top: 0 none; padding-top: 0px; } /* Wide Layout */ .wide-layout .wrapper { max-width: 100%; width: 100%; -webkit-box-shadow: 0 0 0 #ddd; -moz-box-shadow: 0 0 0 #ddd; box-shadow: 0 0 0 #ddd; } .wide-layout #branding, .wide-layout #colophon { margin: 0px; } /* =Attachments ----------------------------------------------- */ .image-attachment div.attachment { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background: #fff; } .image-attachment .entry-caption p { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } /* =Comments -------------------------------------------------------------- */ .comments-title { font-size: 30px; font-weight: normal; line-height: 38px; padding-bottom: 15px; } #content .comments-area ul, #content .comments-area ol { margin: 0 0 30px 30px; } #content .comments-area ul ul, #content .comments-area ol ol{ margin-bottom: 0; } .comments-area article { margin: 24px 0; margin: 1.714285714rem 0; } .comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; } .comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; } .comments-area article header a { text-decoration: none; color: #5e5e5e; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-repeat: repeat-x; background: #0088d0; background: -moz-linear-gradient(top, #009cee, #0088d0); background: -ms-linear-gradient(top, #009cee, #0088d0); background: -webkit-linear-gradient(top, #009cee, #0088d0); background: -o-linear-gradient(top, #009cee, #0088d0); background: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; } .comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } a.comment-reply-link { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; } a.comment-reply-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; } /* Comment form */ #respond { margin-top: 48px; margin-top: 3.428571429rem; } #respond h3#reply-title { font-size: 30px; font-weight: normal; line-height: 38px; padding-bottom: 15px; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; } .required { color: red; } label ~ span.required { } /* Image borders */ img[class*="align"], img[class*="wp-image-"] {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ } a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"] {/* Add some useful style to those fancy borders for linked images ... */ } .img-border { background-color: #fff; padding: 5px; border: 1px solid #ccc; } .img-border a:hover { } /* =bbPress ----------------------------------------------- */ #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { font-size: 13px; } #bbpress-forums div.bbp-search-form { float: none; text-align: center; } #bbpress-forums ul, #bbpress-forums ol { margin: 0; } #bbpress-forums #bbp-search-form #bbp_search { width: 70%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: 0 none; } #bbpress-forums #bbp-search-form #bbp_search_submit { padding: 0 3%; height: 42px; margin-left: -4px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display: inline-block; margin: 0 0 0 -3px; } #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name { display: inline-block; line-height: 20px; margin-top: 5px; } div.bbp-search-form input, div.bbp-search-form button { padding: 10px; } #bbpress-forums button { border: 1px solid #0596AF; color: #fff; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 40px; margin-bottom: 10px; padding: 0px 25px; -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; cursor: pointer; background: #dd0101; background: -webkit-linear-gradient(#dd0101, #cd0202); background: -moz-linear-gradient(#dd0101, #cd0202); background: -ms-linear-gradient(#dd0101, #cd0202); background: -o-linear-gradient(#dd0101, #cd0202); background: -webkit-gradient(#dd0101, #cd0202); background: linear-gradient(#dd0101, #cd0202); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); } /* =Widgets ----------------------------------------------- */ .widget { margin-bottom: 40px; } .widget ul li a { color: #363636; } .widget ul li a:hover { color: #03F; } .widget-title { font-size: 24px; line-height: 30px; padding-bottom: 15px; } .widget-title, .widget-title a { color:#555; } .widget-title a:hover { color: #03F; } /* Search Widget */ .widget_search input.s { width: 100%; height: 40px; padding: 0 35px 0 15px; color: #777; background-color: #f9f9f9; background-position: right 10px; border-color: #eaeaea; cursor: text; text-indent: 0; } .widget_search input.s:focus { border-color: #ccc; } /* Calendar Widget */ .widget_calendar #wp-calendar { color: #555; width: 95%; text-align: center; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th { text-align: center; } .widget_calendar #wp-calendar caption { font-size: 11px; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase; } .widget_calendar #wp-calendar th { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; } .widget_calendar #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* Article Widget */ .widget_article { margin-bottom: 20px; } .widget_article .article-title, .widget_article .article-title a { } .widget_article .article-title a:hover { text-decoration: underline; } .widget_article .post { padding-bottom: 20px; } .widget_article .article-content p { margin-bottom: 0px; } /* Recent Entries/Comments widget */ .widget_recent_entries ul li, .widget_recent_comments ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 0; } /* Testimonial widget */ .widget_testimonial .testimonial-icon { width: 25px; height: 19px; float: left; background: url('images/testimonial-icon.png') no-repeat top center; margin-right: 3.06%; } .widget_testimonial .testimonial-post { padding: 20px; background-color: #f9f9f9; border: 1px solid #eaeaea; -webkit-box-shadow: 0 1px 4px #eaeaea inset; -moz-box-shadow: 0 1px 4px #eaeaea inset; box-shadow: 0 1px 4px #eaeaea inset; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-style: italic; margin-bottom: 15px; display: block; overflow: hidden; } .widget_testimonial .testimonial-author { text-align: right; clear: both; } .widget_testimonial .testimonial-author span { font-weight: bold; display: block; } /* Tag Cloud */ .widget_tag_cloud a { margin-right: 5px; color: #777; padding: 10px 0; } .widget_tag_cloud a:hover { color: #06F; } /* Custom Tag Cloud */ .widget_custom-tagcloud { margin-bottom: 32px; } .widget_custom-tagcloud a { margin:0 4px 8px 0; background-color: #F9F9F9; border: 1px solid #eaeaea; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 1px 8px 2px; color: #777; } .widget_custom-tagcloud a:hover { border: 1px solid #0596AF; color: #fff; background: #dd0101; background: -webkit-linear-gradient(#dd0101, #cd0202); background: -moz-linear-gradient(#dd0101, #cd0202); background: -ms-linear-gradient(#dd0101, #cd0202); background: -o-linear-gradient(#dd0101, #cd0202); background: -webkit-gradient(#dd0101, #cd0202); background: linear-gradient(#dd0101, #cd0202); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); } .widget_custom-tagcloud a:active { -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3); } /* Service Widget*/ .widget_service { margin-bottom: 0; padding-bottom: 10px; } /* Recent Work Widget*/ .widget_recent_work { margin-bottom: 10px; } /* WP Caption */ .wp-caption { margin-bottom: 30px; max-width: 100%; } .wp-caption .wp-caption-text, .gallery-caption { font-style: italic; } .wp-caption .wp-caption-text { margin-bottom: 0; padding: 15px 0; border-bottom: 1px solid #EAEAEA; } /* =Footer ----------------------------------------------- */ #colophon { margin-bottom: 0px; } #colophon select { background-color: #F9F9F9; border: 1px solid #EAEAEA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 40px; padding: 10px 8px; width: 100%; color: #777777; } #colophon form input, #colophon form textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #colophon .widget-wrap { background-color: #191919; border-top: 1px solid #eaeaea; } #colophon .widget-area { margin-left: -3.06%; padding: 40px 0 10px; } #colophon .widget { float: left; margin-left: 0%; width: 24%; } #colophon .widget_archive, #colophon .widget_pages, #colophon .widget_nav_menu, #colophon .widget_recent_entries, #colophon .widget_categories, #colophon .widget_recent_comments, #colophon .widget_meta, #colophon .widget_rss { margin-bottom: 22px; } #colophon .widget_archive ul li, #colophon .widget_pages ul li, #colophon .widget_nav_menu ul li, #colophon .widget_recent_entries ul li, #colophon .widget_categories ul li, #colophon .widget_recent_comments ul li, #colophon .widget_meta ul li, #colophon .widget_rss ul li { padding-bottom: 8px; } #colophon .widget-title { font-size: 19px; text-transform: uppercase; line-height: 25px; } #colophon .widget_article { margin-bottom: 10px; } #colophon .widget_info, #colophon .widget_text { margin-bottom: 15px; } #colophon a { } #colophon a:hover { } #colophon ul { } #supplementary .widget-area { } #supplementary .widget-title { } #supplementary #first, #supplementary #second, #supplementary #third { } #supplementary #first { } #supplementary #second { } #supplementary #third { } /* Site Generator */ #site-generator { padding: 10px 0px; border-top: 1px solid #8a7645; color: #FFF; background-color:#363636; } #site-generator .social-profiles { float: right; width: 31.28%; } #site-generator .copyright { text-align:center; padding-top: 5px; width: 100%; } #site-generator .copyright a { color: #FFF; } #site-generator .copyright a:hover { color: #FFF; } /****************************************************** ************* カスタム追加all *********************** ******************************************************/ /********costomFONT***************/ h1 {font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:34px; font-weight:bold; margin:0 auto; display:inline; line-height:160%;} h2{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:32px; font-weight:bold; margin:0 auto; display:inline;line-height:160%;} h2.title{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:32px; font-weight:bold; margin:0 auto; display:inline;line-height:200%;} h2.ppf{ font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:28px; font-weight:bold;line-height:160%;border-left:10px #001d41 solid; padding-left:12px; display:block; margin-bottom:15px;} h2.wpf{ font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:28px; font-weight:bold;line-height:160%;border-left:10px #12948f solid; padding-left:12px; display:block; margin-bottom:15px;} h3 {font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:28px; font-weight:bold; margin:0 auto; display:inline;line-height:160%;} h3.mrc {font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; color:#363636; font-size:16px; font-weight:bold; margin:0 auto; border-bottom: solid 2px #a790ff;} h3.wpf{ font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:28px; font-weight:bold;line-height:160%;border-left:10px #12948f solid; padding-left:12px; display:block; margin-bottom:15px;} h3.ppf{ font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:28px; font-weight:bold;line-height:160%;border-left:10px #001d41 solid; padding-left:12px; display:block; margin-bottom:15px;} h3.eme-red { border-bottom: solid 5px #12948f; position: relative; display:block; margin-bottom:20px; text-align:center;} h3.eme-red:after { position: absolute; content: " "; display: block; border-bottom: solid 5px #ff494a; bottom: -5px; width: 50%;} h3.y_mar{ font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:32px; font-weight:bold;line-height:250%; border-bottom:5px #fff000 solid; padding-bottom:3px; margin-bottom:15px; margin:0 auto;} h3.p_mar{ font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:32px; font-weight:bold;line-height:250%; border-bottom:5px #12948f solid; padding-bottom:3px; margin-bottom:15px; margin:0 auto;} h3.title{ font-size:16px; font-weight:bold; margin:0 auto; display:inline;line-height:160%;} h3.title_red{ color:#ff494a; font-size:16px; font-weight:bold; margin:0 auto; display:inline;line-height:160%;} h4{ font-size:16px; font-weight:bold; margin:0 auto; display:inline;line-height:160%;} h4.title{ font-size:18px; font-weight:bold; margin:0 auto; display:inline;line-height:160%;} h4.area{ font-size:18px; font-weight:bold; margin:0 auto; display:inline;} h4.title_waku{ font-size:18px; font-weight:bold; margin:0 auto; display:inline;line-height:250%; padding:3px 7px; letter-spacing: 0.02em; border:1px solid #363636;} h4.title_line{ font-size:18px; font-weight:bold; margin:0 auto; padding:3px 7px; letter-spacing: 0.02em; border-bottom:2px solid #12948f; color:#12948f;} h5{ font-size:16px; font-weight:bold; margin:0 auto; display:inline;line-height:140%;} h5.title_waku{ font-size:15px; font-weight:bold; margin:0 auto; border:1px solid #363636;} .big_red{ font-size:16px; color:#ff494a; font-weight:bold; letter-spacing: 0.02em;} .big_white{ font-size:16px; color:#fff; font-weight:bold; letter-spacing: 0.02em;} .big_black{ font-size:16px; color:#363636; font-weight:bold; letter-spacing: 0.02em;} .big_purpule{ font-size:16px; color:#001d41; font-weight:bold; letter-spacing: 0.02em;} .big_lbrown{ font-size:16px; color:#8a7645; font-weight:bold; letter-spacing:0.02em;} .big_orange{ font-size:16px; color:#FDA539; font-weight:bold; letter-spacing:0.02em;} .bg_red{ background:#ff494a; border-radius:10px; color:#fff; padding:5px 10px;} .bg_emerald{ background:#12948f; border-radius:10px; color:#fff; padding:5px 10px;} .sbig_red{ font-size:17px; color:#ff494a; font-weight:bold; letter-spacing: 0.02em;} .sbig_white{ font-size:17px; color:#fff; font-weight:bold; letter-spacing: 0.02em;} .sbig{ font-size:17px; color:#363636; font-weight:bold; letter-spacing: 0.02em;} .sbig_purple{ font-size:17px; color:#001d41; font-weight:bold; letter-spacing: 0.02em;} .sbig_lbrown{ font-size:17px; color:#8a7645; font-weight:bold; letter-spacing:0.02em;} .sbig_emerald{ font-size:17px; color:#12948f; font-weight:bold; letter-spacing:0.02em;} .sbig_gray{ font-size:17px; color:#D9D9D9;font-weight:bold; letter-spacing:0.02em;} .ssbig_red{ font-size:26px; color:#ff494a; font-weight:bold; letter-spacing: 0.02em;} .ssbig_white{ font-size:26px; color:#fff; font-weight:bold; letter-spacing: 0.02em;} .ssbig{ font-size:26px; font-weight:bold; letter-spacing: 0.02em;} .ssbig_lbrown{ font-size:26px; color:#8a7645; font-weight:bold; letter-spacing:0.02em;} .ssbig_emerald{ font-size:26px; color:#12948f; font-weight:bold; letter-spacing:0.02em;} .sssbig_red{ font-size:33px; color:#ff494a; font-weight:bold; letter-spacing: 0.02em;} .sssbig_white{ font-size:33px; color:#fff; font-weight:bold; letter-spacing: 0.02em;} .sssbig{ font-size:33px; font-weight:bold; letter-spacing: 0.02em;} .sssbig_lbrown{ font-size:33px; color:#8a7645; font-weight:bold; letter-spacing:0.02em;} .area_big{ font-size:22px; font-weight:bold; letter-spacing: 0.02em;} .back_black{ color:#fff; font-weight:bold; background-color:#363636; padding:4px 4px; letter-spacing: 0.05em; line-height:200%;} .back_lbrown{ color:#8a7645; font-weight:bold;background-color:#ebe1c0; padding:4px 4px; letter-spacing: 0.05em; line-height:200%; border:1px #423b28 solid;} .back_red{ color:#fff; font-weight:bold; background-color:#ff494a; padding:4px 4px; letter-spacing: 0.1em; line-height:200%;} .back_mred{ color:#fff; font-weight:bold; background-color:#ff494a; padding:4px 20px; letter-spacing: 0.1em; line-height:200%; border-radius:15px;} .back_kaku_white{ font-size:15px; color:#fff; font-weight:bold; padding:4px 4px; letter-spacing: 0.1em; line-height:200%; border:1px #fff solid; border-radius:5px;} .back_black_kaku{color:#363636; background-color:#fff; padding:5px 7px; margin-right:5px;letter-spacing: 0.02em; border:1px solid #363636; line-height:250%;} .back_lbrown_kaku{color:#8a7645; background-color:#fff; padding:5px 7px; margin-right:5px; letter-spacing: 0.02em; border:1px solid #8a7645;} .back_kaku{padding:5px 7px; letter-spacing: 0.02em; border:1px solid #423b28;} .back_kaku_top{padding:5px 7px; letter-spacing: 0.02em; border:1px solid #12948f; color:#12948f; border-radius:5px;} .back_kaku_red_top{padding:5px 7px; letter-spacing: 0.02em; border:1px solid #ff494a; color:#ff494a; border-radius:5px;} .back_kaku_red{padding:3px 7px; letter-spacing: 0.02em; border:1px solid #ff494a; color:#ff494a; margin:0px 5px; border-radius:5px;} .back_kaku_gray{padding:3px 7px; letter-spacing: 0.02em; border:1px solid #F0F0F0; color:#F0F0F0; margin:0px 5px; border-radius:5px;} .back_kaku_yellow{padding:5px 7px; letter-spacing: 0.02em; border:1px solid #363636; background-color:#fff000; border-radius:15px;} .back_kaku_lbrown{padding:3px 7px; letter-spacing: 0.02em; border:1px solid #8a7645; color:#8a7645; margin:0px 5px; border-radius:5px;} .mini_kaku{padding:1px 2px; letter-spacing: 0.02em; border:1px solid #363636; color:#363636; margin:2px 4px; border-radius:5px; font-size:12px;} .mini_kaku_red{padding:1px 2px; letter-spacing: 0.02em; border:1px solid #ff494a; color:#ff494a; margin:2px 4px; border-radius:5px; font-size:12px;} .mini_kaku_lbrown{padding:1px 2px; letter-spacing: 0.02em; border:1px solid #8a7645; color:#8a7645; margin:2px 4px; border-radius:5px; font-size:12px;} .big_black_kaku{ font-size:15px; color:#363636; background-color:#fff; padding:5px 7px; margin:5px 4px 5px 0px; letter-spacing: 0.02em; border:1px solid #363636; font-weight:bold;} .big_brown_kaku{ font-size:15px; color:#423b28; background-color:#fff; padding:5px 7px; margin:5px 4px 5px 0px; letter-spacing: 0.02em; border:1px solid #8a7645; font-weight:bold;} .big_lbrown_kaku{ font-size:15px; color:#8a7645; background-color:#fff; padding:5px 7px; margin:5px 4px 5px 0px; letter-spacing: 0.02em; border:1px solid #8a7645; font-weight:bold;} .big_red_kaku{ font-size:15px; color:#ff494a; background-color:#fff; padding:5px 7px; margin:5px 4px 5px 0px; letter-spacing: 0.02em; border:1px solid #ff494a; font-weight:bold;} .bold_mini{ font-weight:bold;} .bold_mini_red{ font-weight:bold; color:#ff494a;} .bold_mini_brown{ font-weight:bold; color:#423b28;} .bold_mini_lbrown{ font-weight:bold; color:#8a7645;} .bold_mini_orange{ font-weight:bold; color:#FDA539;} .bold_mini_emerald{ font-weight:bold; color:#12948f;} .bold_mini_purple{ font-weight:bold; color:#001d41;} .bold_r{ font-weight:bold; float:right;} .colum_r{ float:right; clear:both;} .orange{ color:#FDA539;} .yellow{ color:#fff000;} .purple{ color:#001d41;} .lbrown{ color:#8a7645;} .magenta{ color:#c43c59;} .lred{ color:#ff494a;} .gray{ color:#D9D9D9;} .white{ color:#fff;} .emerald{ color:#12948f;} .emerald_title{ color:#12948f; font-size:100px;font-family: 'Satisfy', cursive; } .mini{ font-size:12px; color:#363636;margin:5px;} .mini_yellow{ font-size:12px; color:#fff000;margin:5px;} .mini_lbrown{ font-size:12px; color:#8a7645;margin:5px;} .big_kaku{ width:250px; font-size:15px; padding:5px 7px; border:1px solid #363636; text-align:center; display:inline-block; margin:0 auto; padding:10px; margin-bottom:20px; margin-top:20px; clear:both; background-color:#12948f; color:#FFF;} .big_kaku:hover { background-color:#D9D9D9; color:#12948f;} .auto_kaku{ width:60%; font-size:15px; padding:5px 7px; border:1px solid #363636; text-align:center; display:inline-block; margin:0 auto; padding:10px; margin-bottom:20px; margin-top:20px; clear:both;} .auto_kaku:hover { background-color:#FDA539; color:#FFF;} .lbrown_kaku{ width:250px; font-size:15px; padding:5px 7px; border:1px solid #363636; text-align:center; display:inline-block; margin:0 auto; padding:10px; margin-bottom:20px; margin-top:20px; clear:both; background-color:#8a7645; color:#fff;} .lbrown_kaku:hover {background-color:#ff494a; color:#FFF;} .green_kaku{ width:250px; font-size:15px; padding:5px 7px; border:1px solid #363636; text-align:center; display:inline-block; margin:0 auto; padding:10px; margin:20px; clear:both; background:#80ae1d;color:#FFF; border-radius:20px} .green_kaku:hover { background-color:#80ae1d; color:#FFF;} .yellow_kaku{ width:250px; font-size:15px; padding:5px 7px; border:1px solid #363636; text-align:center; display:inline-block; margin:0 auto; padding:10px; margin:20px; clear:both; background:#fff000; border-radius:20px} .yellow_kaku:hover { background-color:#80ae1d; color:#FFF;} .red_kaku{ width:250px; font-size:15px; padding:5px 7px; border:1px solid #363636; text-align:center; display:inline-block; margin:0 auto; padding:10px; margin:20px; clear:both; background:#ff494a; color:#FFF; border-radius:20px} .red_kaku:hover { background-color:#fff; color:#ff494a;} .big_maru{ width:70%;border:1px solid #363636; text-align:center; display:inline-block; margin:0 auto; padding:10px; margin-bottom:20px; margin-top:20px; clear:both; border-radius:20px; font-weight:bold;} .big_maru:hover { background-color:#FDA539; color:#FFF;} .lbrown_maru{ width:70%;text-align:center; display:inline-block; margin:0 auto; padding:20px 10px; margin-bottom:20px; margin-top:20px; clear:both; border-radius:20px; background-color:#8a7645; color:#fff; font-weight:bold;} .lbrown_maru:hover { background-color:#FDA539; color:#FFF;} .orange_maru{ width:70%;text-align:center; display:inline-block; margin:0 auto; padding:20px 10px; margin-bottom:20px; margin-top:20px; clear:both; border-radius:20px; background-color:#FDA539; color:#423b28; font-weight:bold; font-size:large;} .orange_maru:hover { background-color:#80ae1d; color:#FFF;} @keyframes shiny { 0% { transform: scale(0) rotate(25deg);opacity: 0; } 50% { transform: scale(1) rotate(25deg); opacity: 1; } 100% { transform: scale(50) rotate(25deg); opacity: 0; } } .shiny-btn { position: relative;display: block; width: 90%; height: auto; line-height: 30px; text-align: center; text-decoration: none; color: #ffffff; background-color: #12948f; overflow: hidden; border-radius:20px; margin:0 auto; padding:20px 10px; margin-bottom:20px; margin-top:20px;font-weight:bold; font-size:large;} .shiny-btn::after {content: ''; position: absolute; top: -100px; left: -100px; width: 50px; height: 60px; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%); /* アニメーション */ animation-name: shiny;animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;} .shiny-btn:hover { background-color:#FDA539;} @keyframes etc { 0% { transform: scale(0) rotate(25deg);opacity: 0; } 50% { transform: scale(1) rotate(25deg); opacity: 1; } 100% { transform: scale(50) rotate(25deg); opacity: 0; } } .etc-btn { position: relative;display: block; width: 90%; height: auto; line-height: 30px; text-align: center; text-decoration: none; color: #ffffff; background-color: #001d41; overflow: hidden; border-radius:20px; margin:0 auto; padding:20px 10px; margin-bottom:20px; margin-top:20px;font-weight:bold; font-size:large;} .etc-btn::after {content: ''; position: absolute; top: -100px; left: -100px; width: 50px; height: 60px; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%); /* アニメーション */ animation-name: etc;animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;} .etc-btn:hover { background-color:#80ae1d;} @keyframes tel { 0% { transform: scale(0) rotate(25deg);opacity: 0; } 50% { transform: scale(1) rotate(25deg); opacity: 1; } 100% { transform: scale(50) rotate(25deg); opacity: 0; } } .tel-btn { position: relative;display: block; width: 70%; height: auto; line-height: 30px; text-align: center; text-decoration: none; color: #ffffff; background-color: #FDA539; overflow: hidden; border-radius:20px; margin:0 auto; padding:20px 10px; margin-bottom:20px; margin-top:20px;font-weight:bold; font-size:large;} .tel-btn::after {content: ''; position: absolute; top: -100px; left: -100px; width: 50px; height: 60px; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%); /* アニメーション */ animation-name: tel;animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;} .tel-btn:hover { background-color:#80ae1d;} .b_orange{ background-color:#FDA539;} .b_yellow{ background-color:#fff000;} .qa_q{ background:#12948f; border-radius:30px; font-weight:bold; color:#fff; padding:5px 10px;} .qa_a{ background:#001d41; border-radius:30px; font-weight:bold; color:#fff; padding:5px 10px;} /********costomhr***************/ .style_five { width:100%; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);margin-bottom:40px; margin-top:40px; clear:both;} .style_eight { width:100%; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);margin-bottom:15px;margin-top:15px; clear:both;} .style_wp{ width:100%; border:0.5px solid #f9f9f9; margin:10px 0px 10px;} .style_b{ width:100%; border: 1px solid #363636; margin-bottom:40px; margin-top:40px; clear:both;} .style_purple { width:100%; border: 1px solid 001d41;margin-bottom:15px;margin-top:15px; clear:both;} .style_emerald { width:100%; border: 1px solid 12948f;margin-bottom:15px;margin-top:15px; clear:both;} /********costomBAR***************/ .gray_mbar{ width:99.5%; padding:8px 0px; font-weight:bold; letter-spacing: 0.02em; text-align:center; margin:5px 0px 15px; border:1px solid #363636;border-radius: 20px; } .orange_mbar{ width:100%; background-color:#FDA539; padding:3px 10px; font-weight:bold; color:#fff; letter-spacing: 0.02em;border-radius: 20px; margin-bottom:20px;} .emerald_mbar{ width:99.5%; padding:8px 0px; font-weight:bold; letter-spacing: 0.02em; text-align:center; margin:5px 0px 15px; border:1px solid #12948f;border-radius: 20px; } .lred_mbar{ width:99.5%; padding:8px 0px; font-weight:bold; letter-spacing: 0.02em; text-align:center; margin:5px 0px 15px; border:1px solid #ff494a;border-radius: 20px; } .purple_mbar{ width:99.5%; padding:8px 0px; font-weight:bold; letter-spacing: 0.02em; text-align:center; margin:5px 0px 15px; border:1px solid #001d41;border-radius: 20px; } .gray_bkbar{ width:99.5%; padding:8px 0px; font-weight:bold; letter-spacing: 0.02em; text-align:center; margin:5px 0px 15px; background-color:#363636;border-radius: 20px; } .emerald_bkbar{ width:99.5%; padding:8px 0px; font-weight:bold; letter-spacing: 0.02em; text-align:center; margin:5px 0px 15px; background-color:#12948f; border-radius: 20px; } .lred_bkbar{ width:99.5%; padding:8px 0px; font-weight:bold; letter-spacing: 0.02em; text-align:center; margin:5px 0px 15px; background-color:#ff494a; border-radius: 20px; } .purple_bkbar{ width:99.5%; padding:8px 0px; font-weight:bold; letter-spacing: 0.02em; text-align:center; margin:5px 0px 15px; background-color:#001d41; border-radius: 20px; } .harf_bar { background: linear-gradient(90deg, #273241 0%, #273241 50%, #12948f 50%, #12948f 100%); display: flex; justify-content: center; align-items: center; width: 100%;padding:0px; text-align:center;} /********costomAREA***************/ #mvc{clear:both; padding-bottom:20px; overflow:hidden; margin-bottom:80px;} .title_mar{ width:100%; text-align:center; margin:20px 0px 10px;} #header_area{ width:100%; margin:0 auto; padding:15px 0px; background-color:#FFF;} #top_img_area{ width:100%; text-align:center; margin:0 auto; padding-bottom:20px; line-height:160%; clear:both;} .area_mar{ width:100%; text-align:center; margin-bottom:15px;} .area_box_leme{background-color: #f1f1f1;padding: 24px;margin: 0 auto;position: relative;} .area_box_leme::before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 1.5rem 1rem 1rem 1rem; border-color: #f1f1f1 transparent transparent transparent; position: absolute; top:100%; margin: 0 auto; left: 0; right: 0;} .area_box_eme{background-color: #12948f;padding: 24px;margin: 0 auto;position: relative; color:#fff;} .area_box_eme::before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 1.5rem 1rem 1rem 1rem; border-color: #12948f transparent transparent transparent; position: absolute; top:100%; margin: 0 auto; left: 0; right: 0;} .pagination{ text-align: center; margin-bottom:15px;} a.page-numbers, .pagination .current{ background: #fff; border: solid 1px #ccc; padding:5px 8px; margin:0 2px; text-decoration: none;} .pagination .current{ background: #8aaa16; border: solid 1px #8aaa16; color: #fff;} /* パソコン・スマホ共通のCSS */ #PageTopBtn { position: fixed; bottom: 0px; right: 10px; opacity: 0.9;} #PageTopBtn a { display: block; text-decoration: none; color: #fff; background: #ff494a; text-align: center; border-radius: 5%; outline: none;} #PageTopBtn a:hover { text-decoration: none; background: #363636;} #PageTopBtn2 { position: fixed; bottom: 85px; right: 10px; opacity: 0.9;} #PageTopBtn2 a { display: block; text-decoration: none; color: #fff; background: #12948f; text-align: center; border-radius: 5%; outline: none; border:#FFF solid 1px;} #PageTopBtn2 a:hover { text-decoration: none; background: #363636;} .order_item{float:left;} .price_r{text-align:right; margin-top:20px;} /********costomIMG***************/ .line{ width:200px;} /********costomTable***************/ table.pay{ width: 100%;border-collapse: separate; border-spacing: 0px;line-height:2em;text-align:center; margin:0px auto; border:1px solid #929292;} th.pay_a{border-right: 0.5px solid #929292;padding:5px;background-color:#FAFAFA; color:#363636; text-align:center; height:35px; font-size:14px; width:35%; font-weight:bold;} th.pay_b{padding:5px;background-color:#ff494a; color:#fff; text-align:center; height:35px; font-size:14px; width:25%; font-weight:bold;} th.pay_c{border-right: 0.5px solid #929292;padding:5px;background-color:#FAFAFA; color:#363636; text-align:center; height:35px; font-size:14px; width:23%; font-weight:bold;} th.pay_e{padding:5px;background-color:#ff494a; color:#fff; text-align:center; height:35px; font-size:14px; width:33%; font-weight:bold;} th.pay_f{padding:5px;background-color:#FAFAFA; color:#363636; text-align:center; height:35px; font-size:14px; width:25%; font-weight:bold;} th.pay_g{border-right: 0.5px solid #929292;padding:5px;background-color:#FAFAFA; color:#363636; text-align:center; height:35px; font-size:14px; width:16.5%; font-weight:bold;} th.pay_h{padding:5px;background-color:#FAFAFA; color:#363636; text-align:center; height:35px; font-size:14px; width:16.5%; font-weight:bold;} th.pay_i{padding:5px;background-color:#FAFAFA; text-align:center; height:35px; font-size:14px; width:25%;font-weight:bold; color:#363636;} td.pay_a{border-right: 0.5px solid #929292;border-top: 0.5px solid #929292;background-color:#FFF; text-align:left; color:#363636;padding:5px;} td.pay_b{border-top: 0.5px solid #929292;background-color:#FFF; text-align:center;padding:5px;} td.pay_c{border-right: 0.5px solid #929292;border-top: 0.5px solid #929292;background-color:#FAFAFA; text-align:center; color:#363636;padding:5px; font-weight:bold;} td.pay_d{border-top: 0.5px solid #929292;background-color:#FFF; text-align:center; color:#363636;padding:5px;} td.pay_e{border-top: 0.5px solid #929292;background-color:#FFF; text-align:center; color:#363636;padding:5px;} /********costomUl,li***************/ ul.list_qa{ list-style-position:outside;} .list_qa_q{ list-style:none;} .list_qa_a{ list-style:none; padding-left:5px; padding-top:10px;} .list_qa_q::before{ content:"Q"; background:#12948f; border-radius:30px; font-weight:bold; color:#fff; padding:5px 10px; line-height:250%; margin-right:12px;} .list_qa_a::before{ content:"A"; background:#001d41; border-radius:30px; font-weight:bold; color:#fff; padding:5px 10px; margin-right:12px; margin-top:12px;} ul.foot{ float:left; padding-bottom:10px;} li.foot a{ padding:5px; list-style:none; color:#fff;} ul.flow{ float:left; padding-bottom:10px;} li.flow{ padding:3px; list-style:disc;list-style-position:inside;} ul.post{ float:left; } li.post{ list-style:none;} li.item{border-bottom: 1px dotted #363636; padding-bottom:12px; padding-top:20px; list-style-type:none; margin-bottom:10px;} li.item_wp{line-height:200%; list-style-position:inside; border-bottom: 1px dotted #12948f;} ul.wpm { padding: 0; position: relative;} li.wpm { color: black; border-left: solid 8px #12948f; background: whitesmoke; margin-bottom: 5px; line-height: 1.5; border-radius: 0 15px 15px 0; padding: 0.5em; list-style-type: none!important; text-align:left;} ul.voice_new{widh:100%;} li.voice_new{ border-bottom: 1px dotted #363636; padding-bottom:6px; padding-top:6px; list-style-type:none;} /********アコーディオン***************/ .aco_menu { width: 99%; margin:0px; padding: 0; line-height: 2; clear:both;} .aco_menu a { padding:10px; text-decoration: none; color: #363636; line-height: 1;} .aco_menu label {display: block; margin: 0px; padding :12px; line-height: 160%; color :#363636; background :#fff; border:1px solid #363636; border-left:10px solid #12948f;} input.part { display: none;} .aco_menu dt { margin:0 auto; padding: 0px; background :#fff; list-style: none;} .aco_menu dd { margin: 15px 0px;max-height: 0; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #menu_bar01:checked ~ #links01 dd, #menu_bar02:checked ~ #links02 dd, #menu_bar03:checked ~ #links03 dd, #menu_bar04:checked ~ #links04 dd, #menu_bar05:checked ~ #links05 dd, #menu_bar06:checked ~ #links06 dd, #menu_bar07:checked ~ #links07 dd, #menu_bar08:checked ~ #links08 dd, #menu_bar09:checked ~ #links09 dd, #menu_bar10:checked ~ #links10 dd, #menu_bar11:checked ~ #links11 dd, #menu_bar12:checked ~ #links12 dd, #menu_bar13:checked ~ #links13 dd, #menu_bar14:checked ~ #links14 dd, #menu_bar15:checked ~ #links15 dd, #menu_bar16:checked ~ #links16 dd, #menu_bar17:checked ~ #links17 dd, #menu_bar18:checked ~ #links18 dd, #menu_bar19:checked ~ #links19 dd, #menu_bar20:checked ~ #links20 dd, #menu_bar21:checked ~ #links21 dd, #menu_bar22:checked ~ #links22 dd, #menu_bar23:checked ~ #links23 dd, #menu_bar24:checked ~ #links24 dd, #menu_bar25:checked ~ #links25 dd { max-height: 9900px; opacity: 1;} /*横並びボタン*/ .tabs { margin-top: 50px; padding-bottom: 40px; background-color: #fff; width: 100%; margin: 0 auto;} /*タブのスタイル*/ .tab_item { width: calc(98%/4); height: 50px; border: 1px solid #ff494a; background-color: #fff; line-height: 50px; font-size: 14px; text-align: center; color: #363636 display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease;} .tab_item:hover { opacity: 0.75;} /*ラジオボタンを全て消す*/ input[name="tab_item"] { display: none;} /*タブ切り替えの中身のスタイル*/ .tab_content { display: none; padding: 40px 0px 0; clear: both; overflow: hidden;} /*選択されているタブのコンテンツのみを表示*/ #all:checked ~ #all_content, #programming:checked ~ #programming_content, #media:checked ~ #media_content, #design:checked ~ #design_content { display: block;} /*選択されているタブのスタイルを変える*/ .tabs input:checked + .tab_item { background-color: #ff494a; color: #fff;} /* CSS3 TabAnimation -------------------------- */ @-webkit-keyframes TabSwitch { 0% {background: #fff;} 100% {background: #777;} } #tab_area dl:target dt a { -webkit-animation-name: TabSwitch; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; color: #fff; font-weight: bold; background: #777; } @-webkit-keyframes ContentsSwitch { 0% {opacity: 0;} 100% {opacity: 1;} } #tab_area dl:target dd { -webkit-animation-name: ContentsSwitch; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: 1; opacity: 1; z-index: 15; } /****************************************************** ************* カスタム追加PC ************************ ******************************************************/ /********costomIMG***************/ .item20_img{width:200px; margin:5px;} .item25_img{width:250px;} .item30_img{width:300px;} .item40_img{width:400px;} .item45_img{width:450px;} .itembor_img{ border:1px solid;} .pc_head_img{ width:100%;} .sp_head_img{ display:none;} /********costomAREA***************/ .area_box_gray{background-color:#F2F2F2;padding: 80px 0px 24px; margin: 0px 0px 40px;position: relative;} ul.kiyaku{padding-left:20px;} li.kiyaku{border-bottom: 1px dotted #363636;list-style:decimal; float:left; list-style-position:outside;line-height:200%;margin-bottom:10px; width:98%;} .tel{float:right; margin:10px 5px 0px; width:45px;} .tel_long{margin:10px 5px 0px;} .order{width:120px;} .logo{margin:25px 15px 5px 25px; width:420px;} #header_pc{ width:100%; margin:0 auto; padding:5px 0px; display:block; text-align:center; background-color:#fff; color:#999; height:36px;} .header_pc{ width:1000px; padding:5px 0px; margin:0 auto;} .header_r{ float:right;} .header_l{float:left; color:#FFF;} .bor_waku{ width:92%; margin:10px 0px; border:#a6956c solid 3px; padding:10px; background-color:#fff; padding:10px; color:#363636;} #about_l{ width:55%; margin:0 auto; padding:5px; float:left;} #about_r{ width:40%; margin:0 auto; padding:5px; float:right;} #voice_l{ width:40%; margin:0 auto; padding:5px 20px 5px 0px; float:left;} #voice_r{ width:55%; margin:0 auto; padding:5px 0px 5px 0px; margin-bottom:30px; float:left;} #balance_l{ width:46%; margin:0 auto; padding:5px 5px 5px 0px; float:left; text-align:center;} #balance_r{ width:46%; margin:0 auto; padding:5px 0px 5px 5px; float:right;text-align:center;} #balance_el{ width:46%; margin:0 auto; padding:5px 5px 5px 20px; float:left; border-left: solid 5px #12948f;} #balance_er{ width:46%; margin:0 auto; padding:5px 0px 5px 20px; float:right; border-left: solid 5px #12948f;} #balance_pl{ width:46%; margin:0 auto; padding:5px 5px 5px 20px; float:left; border-left: solid 5px #001d41;} #balance_pr{ width:46%; margin:0 auto; padding:5px 0px 5px 20px; float:right; border-left: solid 5px #001d41;} #news_l{ width:31%; margin:0px 40px 10px 0px; float:left; position:relative; text-align:left;} #news_r{ width:30%; margin:0px 0px 5px 0px; float:right; position:relative;} #guide_l{ width:30%; margin:0px 40px 10px 0px; float:left; position:relative;} #guide_r{ width:65%; margin:0px 0px 5px 0px; float:right; position:relative; text-align:left;} #foot_l{ width:32.5%; margin:0px 40px 10px 0px; float:left; position:relative;} #foot_r{ width:27%; margin:0px 0px 5px 0px; float:right; position:relative;} .flow_mar{ width:1000px; text-align:center; margin:0 auto;} .flow_area{ width:400px; margin:10px; padding:10px; border:1px solid #12948f; text-align:left; float:left; clear:both;} .flow_area_r{ width:400px; margin:10px; padding:10px; border:1px solid #12948f; text-align:left;float:right;} .flow_area_w{ width:92%; padding:10px; border:1px solid #12948f; text-align:left;} .flow_area_wp{ width:92%; margin:10px 0px; padding:15px 10px; border:3px solid #8a7645; text-align:left; background-color:#fffaf0;} .matome_area_wp{ width:97%; padding:15px 10px; border:1px dashed #8a7645; text-align:left; background-color:#fffaf0; box-shadow:#fffde8; height:300px;} .item_area_wp{ width:97%; padding:10px; border:1px solid #12948f; border-radius:20px; text-align:left; height:auto; display: -webkit-flex;display: flex;-webkit-justify-content:space-around; justify-content: space-around; background-color:#fff;} .cam_area_wp{ width:97%; padding:10px; border:1px solid #ec585d; border-radius:20px; text-align:left; height:auto; display: -webkit-flex;display: flex;-webkit-justify-content:space-around; justify-content: space-around; background-color:#fff7f7;} .sp_area{ width:99%; padding:15px 10px 10px; border:3px solid #8a7645; text-align:left; background-color:#fffaf0; float:left; clear:both; margin-bottom:100px;} #qua{ width:1250px; margin:0 auto; text-align:center; } #pc_menu{ width:100%; text-align:left; margin:0 auto; clear:both; background-color:#12948f; padding-top:12px; } #coment_area{ width:97%; height:auto; margin-top:15px; margin-bottom:15px; padding:7px; clear:both; border:3px #B2B2B2 solid; border-radius: 10px; text-align:left; background-color:#f0f0f0; line-height:200%; margin:0px 0px 15px;} #coment_area_wt{ width:97%; height:auto; margin-top:15px; margin-bottom:15px; padding:7px; clear:both; border:3px #cecece solid; border-radius: 10px; text-align:left; background-color:#FAFAFA; line-height:200%;} #flow_area{ width:17.5%; height:auto; margin:0px 5px 20px; padding:3px; border:4px #a6b3c0 solid; border-radius: 10px; text-align:center; background-color:#fff; line-height:160%; float:left;} .coment_page_l{ width:48%; float:left; text-align:left; line-height:160%; margin:5px;} .coment_page_l_bor{ width:43%; float:left; text-align:left; line-height:160%; margin:-35px 10px 10px;} .coment_page_r{ width:48%; float:right; text-align:left; line-height:160%; margin:5px;} .coment_page_r_bor{ width:52%; float:right; text-align:left; line-height:160%; padding:10px 5px 10px 15px; border-left:1px dotted #999;} .coment_com{ margin-bottom:10px;} .coment_page_icon{ width:100%; text-align:center; padding:0px;} .coment_page_movie{ width:100%; text-align:left; padding:0px; line-height:160%; margin-bottom:10px;} .coment_page_movie{ width:100%; text-align:left; padding:0px; line-height:160%; margin-bottom:10px;} .foot_bread{ width:100%; text-align:right; margin:10px 0px 5px; clear:both;} #slim_area{ width:80%; padding:10px; ine-height: 160%; clear:both; margin:0 auto;} #colum_areawt{ width:96%; border:1px #1c1c1c dotted; padding:10px; background-color:#FFF; text-align:left; line-height: 200%; margin:10px 0px; clear:both;} #voice_area{ height:auto; width:100%; padding-top:15px; clear:both;} #voice_movie{ height:auto; width:100%; text-align:center;} .voice_com{ float:left; padding:10px; text-align:left; line-height:160%;} #plan_area{ height:auto; width:100%; padding-top:15px; clear:both;} .plan_area{ width:32%; margin:0 auto; padding:0px 5px; float:left;} .flow_page_l{ width:60%; float:left; text-align:left; line-height:160%; margin-top:10px;} .flow_page_r{ width:35%; float:right; text-align:left; line-height:160%; margin-top:10px;} .item_page_l{ width:64%; float:left; height:auto; line-height:160%; padding-right:3px; } .item_page_r{ width:35%; float:right; text-align:left; line-height:160%; margin-top:10px;} .item_page_r2{ width:35%; float:right; text-align:right;line-height:160%; padding:10px 0px;} .item_page_r3{ width:35%; float:right; text-align:left; line-height:160%; margin-top:10px;} .item_tokuen_l{ width:70%; float:left; height:auto; line-height:160%; margin-bottom:10px;} .item_tokuen_r{ width:27%; float:right; text-align:left; line-height:160%;} .item_bottom_l{ width:41%; float:right; text-align:left;line-height:160%; padding-right:15px;} .item_bottom_r{ width:55%; float:left; text-align:left; line-height:160%;} .item_voice_l{ width:41%; float:left; text-align:left;line-height:160%; padding-bottom:15px;} .item_voice_r{ width:56%; float:right; text-align:left; line-height:160%; padding-bottom:15px;} .item_voice30_l{ width:30%; float:left; text-align:left;line-height:160%; padding-bottom:15px;} .item_voice30_r{ width:65%; float:left; text-align:left; line-height:160%; padding-bottom:15px;} .item_sub{ width:100%; margin:0 auto;} .item_sub dl{ width:23%;float:left; padding:5px 5px; border:1px #8a7645 solid; margin: 0px 4px 12px; height:340px;} .item_sub dt{text-align:center; padding:5px 0px;} .item_sub dd{ text-align:center; line-height:140%; padding:5px 0px; border-top:1px dotted #363636;} .item_sub3{ width:100%; margin:0 auto;} .item_sub3 dl{ width:32%;float:left; clear:none; padding:5px 5px; border-bottom:none;} .item_sub3 dt{text-align:center; padding-bottom:5px;} .item_sub3 dd{ text-align:left; line-height:140%; padding:5px;} .item_sub4{ width:100%; margin:0 auto;} .item_sub4 dl{ width:23%;float:left; clear:none; padding:5px 3px; border-bottom:none;} .item_sub4 dt{text-align:center; padding-bottom:5px;} .item_sub4 dd{ text-align:left; line-height:140%; padding:5px;} .item_sub2{ width:100%; margin:0 auto;} .item_sub2 dl{ width:32%;float:left; clear:none; padding:5px 3px; border-bottom:none;} .item_sub2 dt{text-align:center;} .item_sub2 dd{ text-align:left; line-height:140%; padding:0px;} .item_colum2{ width:100%; margin:0 auto;} .item_colum2 dl{ width:45%;float:left; clear:none; padding:5px 5px;border:1px #8a7645 solid; margin:10px;} .item_colum2 dt{text-align:center; padding:5px 15px; } .item_colum2 dd{ text-align:left; line-height:140%; padding:5px;} .item_screen{ width:100%; margin:0 auto; clear:both;} .item_screen dl{ width:95%; } .item_screen dt{text-align:center;} .item_screen dd{ text-align:left; line-height:140%; padding:0px;} .wp_ct{ width:100%;} .wp_ct dl{ padding:10px 0px; clear:both;} .wp_ct dt{ float:left; line-height:160%; padding:10px; margin-right:30px; margin-bottom:15px;} .wp_ct dd{ line-height:160%; padding:0px 10px; } .wp_ct a{ color:#06C; text-decoration: none;} .corp dt{font-weight:bold; float:left; width:25%; line-height:160%; border-bottom:1px #363636 dotted; margin-right:10px; vertical-align:top; } .corp dd{float:left; width:65%; line-height:160%; text-align:left; border-bottom:1px #363636 dotted;} input[type="checkbox"].on-off{ display: none;} .scroll{overflow: auto;white-space: nowrap; clear:both;} .scroll::-webkit-scrollbar{ height: 5px;} .scroll::-webkit-scrollbar-track{ background: #F1F1F1;} .scroll::-webkit-scrollbar-thumb { background: #BCBCBC;} #dropmenu{ display:block; list-style-type: none; width: 1130px; height: 28px; margin: 0 auto; padding: 0; border-bottom: 5px solid(#3db0e3, #fffdc4, #fffdc4, #3db0e3);} #dropmenu li{ position: relative; width: 14%; float: left; margin: 0; padding: 0; text-align: center;} #dropmenu li.wide{ position: relative; width: 16%; float: left; margin: 0; padding: 0; text-align: center;} #dropmenu li a{ display: block; margin: 0; padding: 20px 0 20px; color: #1c1c1c; font-size: 14px; font-weight: bold; line-height: 1; text-decoration: none;} #dropmenu li ul{ list-style: none; position: absolute; top: 50px; left: 0; margin: 0; padding: 0; border-radius: 0 0 3px 3px;} #dropmenu li:last-child ul{ left: -100%; width: 100%} #dropmenu li ul li{ overflow: hidden; width: 200%; height: 0; color: #fff; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; z-index:9999; opacity:90%;} #dropmenu li ul li a{ padding: 13px 15px; background: #ddf3f2; text-align: left; font-size: 14px; font-weight: normal; color: #182a3f; } #dropmenu li:hover > a{ background: #fff; color: #12948f; } #dropmenu > li:hover > a{ border-radius: 3px 3px 0 0;} #dropmenu li:hover ul li{ overflow: visible; height: 38px; border-top: 1px solid #182a3f; border-bottom: 1px solid #fff; } #dropmenu li:hover ul li:first-child{ border-top: 0;} #dropmenu li:hover ul li:last-child{ border-bottom: 0;} #dropmenu li:hover ul li:last-child a{ border-radius: 0 0 3px 3px;} #scroll{width:1000px;margin: 0 auto;} #scroll_title{ float:left; width:130px;height:30px;border-top: 1px solid #8b7257; border-left: 1px solid #8b7257;border-bottom: 1px solid #8b7257; background-color:#8b7257; color:#fff; line-height: 2.5;text-align:center; font-weight:bold;letter-spacing: 0.2em; font-size:13px;} #menu_sp{display:none;} #button{ display:none;} #set_line { width:100%; margin: 0 auto; text-align:center; padding:0px; clear:both; background-color:#F4F4F4;} #container{ width:1000px; margin:0 auto; text-align:left; padding:0px;} #container_wp{ width:96%; margin:0 auto; text-align:left; padding:0px 10px; line-height:180%;} #container_slim{ width:700px; margin:0 auto; text-align:left; padding:0px;} .long_for { max-width: 1000px; height:auto; margin: 0 auto; clear:both; text-align:center; background-color:#F4F4F4;} .long_for dl { float: left; width: 24%; height:auto; margin: 5px;} .long_for dd { margin: 0; padding: 0; text-align:center;} dd.comment { height: 4em; line-height: 200%; padding:5px;} #set_line_other { width:100%; margin: 0 auto; text-align:center; padding:0px; clear:both; margin-top:10px;} .long_for_other { max-width: 1350px; height:auto; margin: 0 auto; clear:both; text-align:center;} .long_for_other dl { float: left; width: 23%; height:260px; margin: 0px 5px 12px; border:1px #363636 dotted; padding:5px;} .long_for_other dd { margin: 0; padding: 0; text-align:center;} .top_tokuen { width:99%; height:auto; margin: 0 auto; clear:both; text-align:left; border:1px #363636 dotted; padding-top:5px;} dd.title { padding:0px 5px; font-weight:bold;} .bx_area_sp{display:none;} .bx_area_pc{ width:100%; margin:0 auto; display:block;} #top_service{ width:100%; background-color:#fffae9; color:#000; vertical-align:top; padding-top:15px; padding-bottom:15px;margin:0 auto;} #footer{ width:100%; background-color:#12948f; color:#fff; vertical-align:top; padding-top:15px; margin:0 auto;} #footer_line{ width:100%; background-color:#423b28; color:#ebe1c0; margin:0 auto;} #foot_bottom_a{ width:50%; line-height:120%; float:left; text-align:left;} .footer_in{ width:1000px; padding:10px 0px; margin:0 auto; clear:both; text-align:left;} .profile { height:auto; margin: 0 auto; clear:both; padding-top:20px;} .profile dl { float: left; width: 30.8%; height:360px; margin: 0px 5px 12px; border:1px #363636 dotted; padding:10px 0px;} .profile dt { margin: 0px; padding: 3px 0px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .profile dd { padding: 13px 8px 5px; text-align:center;} /* 親要素：横並びの設定 */ .top_list { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; padding-top: 20px;} /* カード全体の枠組み */ .top_list dl { width: 23%; margin-bottom: 20px; background-color: #fff; border: 2px solid #c43c59; /* 全体のふち（えんじ） */ border-radius: 15px; overflow: hidden; display: flex; flex-direction: column;} /* 最上段：タグ（えんじ背景） */ .card_tag { background-color: #c43c59; color: #fff; text-align: center; padding: 5px 0; font-size: 0.8rem; font-weight: bold;} /* 次段：タイトル */ .top_list dt { padding: 15px 5px; text-align: center; font-weight: bold; font-size: 1.1rem; color: #333;} /* 次段：画像エリア */ .card_img { padding: 0 10px;} .card_img img { width: 100%; height: auto; border-radius: 5px;} /* 次段：お悩み枠（薄いグレー） */ .card_desc_wrapper { margin: 15px 10px 0px; padding: 10px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; flex-grow: 1;} .top_list dd { margin: 0; padding: 0; text-align: left; font-size: 0.9rem; line-height: 1.5; color: #555;} /* 最下段：解決枠（濃いめのグレーに変更） */ .card_btn_wrapper { margin: 10px 10px 15px; background-color: #666; /* 濃いめのグレー */ border: 1px solid #666; border-radius: 8px; overflow: hidden;} /* 解決ボタン（白文字・タイトルと同サイズ） */ .btn_solve_area { display: block; padding: 12px 0; color: #fff !important; text-align: center; text-decoration: none; font-size: 1.1rem; font-weight: bold; transition: 0.3s;} /* ホバー時の挙動 */ .btn_solve_area:hover { background-color: #444; /* ホバーでさらに濃く */ opacity: 0.9;} .top_list2 { height:auto; margin: 0 auto;} .top_list2 dl { float: left; width: 28%; height:310px; margin: 0px 20px 12px; border:1px #363636 dotted; padding:5px 5px;} .top_list2 dt { margin: 0px; padding: 0px 0px 5px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .top_list2 dd { padding: 13px 8px 5px; text-align:center;} .top_list3 { height:auto; margin: 0 auto; padding-top:15px; display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .top_list3 dl { float: left; width: 29%; height:auto; margin: 0px 13px 12px; border:1px #363636 dotted; padding:5px 5px; background-color:#fff;} .top_list3 dt { margin: 0px; padding: 0px 0px 5px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .top_list3 dd { padding: 13px 8px 5px; text-align:center;} .top_list4 { height:auto; margin: 0 auto; clear:both; padding-top:10px; display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .top_list4 dl { float: left; width: 23%; height:auto; margin: 0px 0px 12px; padding:0px;} .top_list4 dt { margin: 0px; padding: 0px 0px 5px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .top_list4 dd { padding: 5px 8px 5px; text-align:center;} .top_list5 { width:1250px; height:auto; margin: 0 auto; clear:both; padding-top:10px; display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;} .top_list5 dl { float: left; width: 18%; margin: 0px 0px 12px; padding:0px;} .top_list5 dt { margin: 0px; padding:0px 0px 5px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .top_list5 dd { padding: 8px 0px 5px; text-align:center;} .top_list6 { height:auto;margin: 0 auto; padding-top:10px; } .top_list6 dl { float: left; width: 14.5%; height:auto; margin: 0px 4px 5px; border:1px #363636 dotted; padding:5px 5px; background-color:#fff;} .top_list6 dt { margin: 0px; padding: 0px 0px 5px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .top_list6 dd { padding: 8px 8px 5px; text-align:center;} .top_list7 { height:auto; margin: 0 auto; padding-top:15px; width:1250px; text-align:center;} .top_list7 dl { float: left; width: 31%; height:auto; margin: 0px 5px 10px 5px;padding:0px;} .top_list7 dt { margin: 0px; padding: 10px 0px; background-color:#ddd292;border-radius: 12px; margin-bottom:15px; font-weight:bold; color:#423b28;} .top_list7 dd { padding: 15px 12px; background-color:#f1f1f1;border-radius: 12px; margin-bottom:15px; text-align:left;} .top_list8 { height:auto; margin: 0 auto; width:100%; text-align:center;} .top_list8 dl { float: left; width: 30%; height:auto; margin: 5px;padding:5px; border:1px solid #333; border-radius:20px;} .top_list8 dt { padding: 5px 0px;} .top_list8 dd { text-align:center;} .top_list9 { height:auto; margin: 0 auto; padding-top:15px; width:1250px; text-align:center;} .top_list9 dl { float: left; width: 49%; height:auto; margin: 0px 5px 10px 5px;padding:0px;} .top_list9 dt { margin: 0px; padding: 10px 0px; background-color:#ddd292;border-radius: 12px; margin-bottom:15px; font-weight:bold; color:#423b28;} .top_list9 dd { padding: 15px 12px; background-color:#f1f1f1;border-radius: 12px; margin-bottom:15px; text-align:left;} .top_list10 { height:auto; margin: 0 auto; padding:15px; width:590px; text-align:center; float:left;} .top_list10 dl { float: left; width: 100%; height:auto; margin:10px;} .top_list10 dt { margin: 0px; padding: 10px; width:100%; clear:both;} .top_list10 dd { padding: 10px 0px 10px 10px; width:46%; float:left; margin-left:10px;} .list_long { height:auto; margin: 0 auto; clear:both; padding-top:10px; width:1250px;} .list_long dl { float: left; width: 23%; height:330px; margin: 0px 4px 12px; padding:5px 5px;} .list_long dt { margin: 0px; padding: 0px 0px 5px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .list_long dd { padding: 13px 8px 5px; text-align:center;} .plan { width: 100%; height:auto; margin: 0 auto; clear:both;padding-top:20px;} .plan dl { float:left; width: 22.5%; height:auto; margin: 0px 5px 10px; border:1px #363636 dotted; padding:5px 5px; text-align:center;} .plan dt { padding: 0; text-align:center;} .cleaning { width: 100%; height:auto; margin: 0 auto; clear:both;padding-top:20px;} .cleaning dl { float:left; width: 21.5%; height:auto; margin: 0px 5px 10px; border:1px #363636 dotted; padding:5px 5px; text-align:center;} .cleaning dt { padding: 0; text-align:center;} .voice { width: 100%; height:auto; margin: 0 auto; clear:both;padding-top:20px;} .voice dl { float:left; width: 30.5%; height:300px; margin: 0px 5px 10px; border:1px #363636 dotted; padding:5px 5px 10px; text-align:center;} .voice dt { padding: 0; text-align:center; font-weight:bold;} .voice dd { text-align:left; line-height:150%; padding:3px 5px 15px; display:block;} .colum { width: 100%; height:auto; margin: 0 auto; clear:both;padding-top:20px;} .colum dl { float:left; width: 22.9%; height:300px; margin: 0px 5px 10px; border:1px #363636 dotted; padding:5px 4px 10px; text-align:center;} .colum dt { padding: 0; text-align:center; font-weight:bold;} .colum dd { text-align:left; line-height:150%; padding:3px 5px 15px; display:block;} .com_make { width: 100%; height:auto; margin: 0 auto; clear:both;padding-top:20px;} .com_make dl { float:left; width: 46%; height:auto; margin: 0px 5px 10px; border:1px #363636 dotted; padding:5px 4px 10px; text-align:center;} .com_make dt { padding: 0; text-align:center; font-weight:bold;} .com_make dd { text-align:left; line-height:150%; padding:3px 5px 15px; display:block;} .make { width: 100%; height:auto; margin: 0 auto; clear:both; text-align:left;} .make dl { float: left; width: 45%; height:auto; margin: 0px 3px 12px; border:1px #363636 dotted; padding:10px 4px;} .make dt { margin: 0px; padding: 5px 3px; text-align:center; font-weight:bold;} .make dd { margin: 0px; padding: 5px 3px; text-align:center;} .photo { width: 100%; height:auto; margin: 0 auto; clear:both; text-align:left;} .photo dl { float: left; width:auto; height:auto; padding:5px;} .photo dt { margin: 0; padding: 0; text-align:center; font-weight:normal;} .photo dd { padding: 2px; text-align:left;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;} .photo_56_l{ width:56%; padding:0px 0px 10px 0px; text-align:left; line-height:160%; float:left;} .photo_44_r{ width:44%; padding:0px 0px 10px 0px; float:right;} .photo_56_r{ width:56%; padding:0px 0px 10px 0px; text-align:left; line-height:160%; float:right;} .photo_44_l{ width:44%; padding:0px 0px 10px 0px; float:left;} .tokuen_l{ width:56%; padding:0px 0px 10px 0px; text-align:left; line-height:160%; float:left;} .tokuen_r{ width:44%; padding:0px 0px 10px 0px; float:right; height:220px;} .top200{ position:relative; top:-200px;} #PageTopBtn { font-size: 13px;} #PageTopBtn a { width: 100px;height: 60px;padding: 15px 5px 5px;} #PageTopBtn2 { font-size: 13px;} #PageTopBtn2 a { width: 100px;height: 60px;padding: 15px 5px 5px;} .navToggle { display: none;} /* ----------------------------------------------------------------------- カテゴリ別新着記事一覧 2列 ----------------------------------------------------------------------- */ #harflist-cont{ width:95%; float:left; display:block; margin-right:5%; margin-bottom:20px;} .harflist-title {margin:50px 0px 3px; float:left;} #harflist-more {margin:3px 0px 3px; text-align:right; clear:both; border-top:1px; color:#FFF; float:left;} .harflist-category { margin: 10px 0 5px 0; padding: 2px; border-top: 1px dashed #999; float:left; clear:both;} .harflist-category img { float: left; margin: 10px 10px 0; width: 160px; height: 120px; clear:left;} .harflist-category a {display: block;} .harflist-category-inner { margin: 0; padding: 1px; height:90px; float:left; clear:both;} .harflist-category-inner p { font-size: 12px; margin: 1px 0 5px 3px; float:left;} .harflist-datetime span { font-size: 10px; float:left;} #sidelist-cont{ width:100%; float:left; display:block; margin-right:5%; text-align:left;} .sidelist-title {margin:50px 0px 3px; float:left;} #sidelist-more {margin:3px 0px 3px; text-align:right; clear:both; border-top:1px; color:#FFF; float:left;} .sidelist-category { margin: 10px 0 5px 0; padding: 2px; border-top: 1px dashed #999; float:left; clear:both;} .sidelist-category img { float: left; margin: 10px 10px 0; width: 100px; height: 100px; clear:left;} .sidelist-category a {display: block;} .sidelist-category-inner { margin: 0; padding: 1px; height:90px; float:left; clear:both;} .sidelist-category-inner p { font-size: 12px; margin: 1px 0 5px 3px; float:left;} .sidelist-datetime span { font-size: 10px; float:left;} /* ----------------------------------------------------------------------- カテゴリ別新着記事一覧 1列 ----------------------------------------------------------------------- */ #fulllist-cont{ width:95%; float:left; display:block;} .fulllist-title {margin:50px 0px 3px; float:left;} #fulllist-more {margin:3px 0px 3px; text-align:right; clear:both; border-top:1px; color:#FFF; float:left;} .fulllist-category { margin: 10px 0 5px 0; padding: 2px; border-top: 1px dashed #999; float:left; clear:both;} .fulllist-category img { float: left; margin: 10px 10px 10px; width: 300px; height: 200px; clear:left;} .fullist-category a {display: block;} .fulllist-category-inner { margin: 0; padding: 1px; height:90px; float:left; clear:both;} .fulllist-category-inner p { font-size: 16px; margin: 1px 0 5px 3px; float:left;} .fulllist-datetime span { font-size: 10px; float:left;} } /*-------------------------------- SNS ---------------------------------*/ .share{width:100%; clear:both; text-align:left; margin-top:20px; padding:0px;} .share h4{font-size:100%; text-align:center;} .sns{margin:0 auto;text-align:center;} .sns ul {list-style:none;} .sns li {float:left;width:64px;margin:0 1% 3% 0;list-style:none; display:block;} .sns li a {font-size:100%;height:64px; display:block; width:64px;} .sns li a:hover {} /* ツイッター */ .sns .twitter a { background-image:url(../../../gif/twitter.gif); background-repeat:no-repeat;} .sns .twitter a:hover {;} /* Facebook */ .sns .facebook a { background-image:url(../../../gif/fb.gif); background-repeat:no-repeat;} .sns .facebook a:hover {;} /* グーグル */ .sns .googleplus a { background-image:url(../../../gif/google.gif); background-repeat:no-repeat;} .sns .googleplus a:hover {;} /* はてぶ */ .sns .hatebu a { background-image:url(../../../gif/hatebu.gif); background-repeat:no-repeat;} .sns .hatebu a:hover {;} /* LINE */ .sns .line a { background-image:url(../../../gif/line.gif); background-repeat:no-repeat;} .sns .line a:hover {;} /* Pocket */ .sns .pocket a { background-image:url(../../../gif/pocket.gif); background-repeat:no-repeat;} .sns .pocket a:hover {} /* RSS */ .sns .rss a { background-image:url(../../../gif/hatebu.gif); background-repeat:no-repeat;} .sns .rss a:hover {} /* Feedly */ .sns .feedly a { background-image:url(../../../gif/hatebu.gif); background-repeat:no-repeat;} .sns .feedly a:hover {} } /* =Responsive Structure ----------------------------------------------- */ /* All Tablet Portrait size smaller than standard 1079 (devices and browsers) */ @media only screen and (max-width: 1078px) { .wrapper { width: 708px; } .container { width: 668px; } .container_wp { width: 668px; } .clearfix-half { clear: both; } .clearfix-third { clear: none; } #site-title a img { max-width: 668px; } .featured-title, .featured-content { display: none; } #primary, #secondary, #colophon .widget { float: none; margin-left: 0; width: 100%; } .slogan-wrap .slogan { width: 77.5%; } .no-sidebar-template #content { margin: 0 ; width: 100%; } /* Column */ .column { margin-left: -2.99%; } .one-half, .one-third, .one-fourth { margin: 0 0 0 2.90%; } .one-third, .one-fourth { width: 30.43%; } .widget_service .one-third, .widget_service .one-fourth { width: 47.02%; } #colophon .widget-area { margin-left: 0; } #colophon .widget_info, #colophon .widget_text { margin-bottom: 30px; } } /* All Mobile Portrait size smaller than 768 (devices and browsers) */ @media only screen and (max-width: 768px) { body, input, textarea { color: #282828; font: 16px "Helvetica Neue","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;} hr { margin-bottom: 30px; } input[type="text"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"], textarea, input[type="reset"], input[type="button"], input[type="submit"], input[type="radio"], input[type="checkbox"], input[type="file"], #main .wpcf7 select { margin-bottom: 20px; } input[type="text_s"]{ width: 100%;} input[type="text_m"]{ width: 100%;} input[type="text_l"]{ width: 100%;} input.s { margin: 0; } input.s:focus { width: 235px; } .one-column-template .wrapper, .wrapper { width: 100%; } .one-column-template .container, .container { width: 95%; } .wide-layout .wrapper { width: 100%; } .comments-title, #respond h3#reply-title { font-size: 26px; line-height: 32px; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { padding-bottom: 10px; } #branding { margin-top: 10px; } .hgroup-wrap { padding-bottom: 0px; padding-top: 0; } .hgroup-right { margin-top: 32px; } .hgroup-right .social-profiles { display: none; } #site-logo { margin-top: 20px; } #site-title a img { max-width: 120px; } #access { height: 36px; padding: 13px 0 0; } #access ul { display: none; } #access select { display: block; width: 100%; background: url(images/responsive-menu-bg.png) right center no-repeat; background-size: 28px 22px; border: 0 none; font: 14px 'PT Sans', sans-serif; text-transform: uppercase; color: #555; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 22px; } .page-title-wrap { padding: 10px 0; } .breadcrumb { margin-top: 5px; float: left; text-align: left; overflow:hidden; white-space: nowrap; } #main { width:100%; padding-top: 0px; margin:0 auto; } .post-featured-image { margin-bottom: 15px; } /* ショッピングバスケットテーブル*/ .entry-content { padding-bottom: 0px; overflow:hidden; width:100%; } .entry-content::-webkit-scrollbar{ height: 5px;} .entry-content::-webkit-scrollbar-track{ background: #F1F1F1;} .entry-content:-webkit-scrollbar-thumb { background: #BCBCBC;} /* Column */ .column { margin-left: 0; } .one-half, .one-third, .one-fourth, .widget_service .one-half, .widget_service .one-third, .widget_service .one-fourth { margin: 0; padding-bottom: 10px; width: 100%; } #content .post { padding-bottom: 30px; } .tags { margin-bottom: 30px; } .widget_search input.s, .widget_search input.s:focus { width: 280px; } #wp_page_numbers, .wp-pagenavi, #content ul.default-wp-page, .pagination { margin-bottom: 30px; } #wp_page_numbers ul li.page_info, .wp-pagenavi .pages { display: none; } .wp-caption { margin-bottom: 15px; } .widget { margin-bottom: 30px; } .widget_custom-tagcloud { margin-bottom: 22px; } .widget_article { margin-bottom: 10px; } .widget_service { margin-bottom: 0; } .widget_recent_work { margin-bottom: px; } .widget_testimonial .testimonial-icon { float: none; margin-bottom: 15px; } #colophon { margin-bottom: 0px; } #site-generator .social-profiles, #site-generator .copyright { float: none; width: 100%; } #site-generator .social-profiles ul { text-align: center; float: none; } #site-generator .social-profiles ul li { display: inline-block; float: none; } #site-generator .copyright { padding-top: 5px; text-align: center; margin-bottom:0px; } /****************************************************** ************* カスタム追加mobile ******************** ******************************************************/ #secondary {float: left;width: 100%; margin:0 auto;} h5.voice {font-size: 16px;line-height: 24px; clear:left;} h1 {font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; color:#363636; font-size:24px; font-weight:bolder; margin:0 auto; display:inline; line-height:130%;} h2 {font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; color:#363636; font-size:25px; font-weight:bold; margin:0 auto; display:inline;line-height:150%;} h2.ppf{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:23px; font-weight:bold;line-height:160%;border-left:10px #001d41 solid; padding-left:12px; display:block; margin-bottom:15px;} h2.wpf{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:23px; font-weight:bold;line-height:160%;border-left:10px #12948f solid; padding-left:12px; display:block; margin-bottom:15px;} h2.title {font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; color:#363636; font-size:25px; font-weight:bold; margin:0 auto; display:inline;line-height:150%;} h3 {font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; color:#363636; font-size:22px; font-weight:bold; margin:0 auto; display:inline;line-height:150%;} h3.wpf{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:23px; font-weight:bold;line-height:160%;border-left:10px #12948f solid; padding-left:12px; display:block; margin-bottom:15px;} h3.ppf{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:23px; font-weight:bold;line-height:160%;border-left:10px #001d41 solid; padding-left:12px; display:block; margin-bottom:15px;} h3.mar{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:23px; font-weight:bold;line-height:160%;border-bottom:6px #8a7645 solid; padding-bottom:5px; display:block width:100%; margin-bottom:15px;} h3.mrc { font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;color:#363636; font-size:17px; font-weight:bold; margin:0 auto; border-bottom: solid 2px #a790ff;} h3.title{ font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:16px; font-weight:bold; margin:0 auto; display:inline;line-height:160%;} h3.y_mar{ font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:23px; font-weight:bold;line-height:250%; border-bottom:5px #fff000 solid; padding-bottom:3px; margin-bottom:15px; margin:0 auto;} h3.p_mar{ font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:23px; font-weight:bold;line-height:250%; border-bottom:3px #12948f solid; padding-bottom:3px; margin-bottom:15px; margin:0 auto;} h4.title{ font-size:16px; font-weight:bold; margin:0 auto; display:inline;line-height:160%;} h4{ font-size:20px; font-weight:bold; margin:0 auto; display:inline;line-height:160%;} .ssbig_red{ font-size:20px; color:#ff494a; font-weight:bold; letter-spacing: 0.02em;} .ssbig_green{ font-size:20px; color:#80ae1d; font-weight:bold; letter-spacing: 0.02em;} .ssbig{ font-size:20px; font-weight:bold; letter-spacing: 0.02em;} .ssbig_lbrown{ font-size:20px; color:#8a7645; font-weight:bold; letter-spacing:0.02em;} .sssbig_red{ font-size:24px; color:#ff494a; font-weight:bold; letter-spacing: 0.02em;} .sssbig_green{ font-size:24px; color:#80ae1d; font-weight:bold; letter-spacing: 0.02em;} .sssbig{ font-size:24px; font-weight:bold; letter-spacing: 0.02em;} .sssbig_lbrown{ font-size:24px; color:#8a7645; font-weight:bold; letter-spacing:0.02em;} .area_big{ font-size:18px; font-weight:bold; letter-spacing: 0.02em;} .emerald_title{ color:#12948f; font-size:50px;font-family: 'Satisfy', cursive; } /********costomHR***************/ .style_dot{ display:none;} .style_dot_bottom{ display:none;} .black_mbar{ width:93%; background-color:#1f1f1f; padding:3px 10px; font-weight:bold; color:#fff; letter-spacing: 0.02em;border-radius: 20px; margin-bottom:20px;} .orange_mbar{ width:93%; background-color:#1f1f1f; padding:3px 10px; font-weight:bold; color:#fff; letter-spacing: 0.02em;border-radius: 20px; margin-bottom:20px;} .gray_mbar{ width:93%; padding:3px 10px; font-weight:bold; letter-spacing: 0.02em;border-radius: 20px; border:1px solid #001d41; margin-bottom:20px;} .gray_mbar{ width:93%; padding:3px 10px; font-weight:bold; letter-spacing: 0.02em;border-radius: 20px; border:1px solid #363636; margin-bottom:20px;} .emerald_mbar{ width:93%; padding:3px 10px; font-weight:bold; letter-spacing: 0.02em;border-radius: 20px; border:1px solid #12948f; margin-bottom:20px;} .lred_mbar{ width:93%; padding:3px 10px; font-weight:bold; letter-spacing: 0.02em;border-radius: 20px; border:1px solid #ff494a; margin-bottom:20px;} .area_bar{ width:100%; background-color:#E3F3AB; padding:20px 0px; text-align:center; margin:0px 0px 30px 0px;} .area_bar2{ width:100%; background-color:#EFE7CD; padding:20px 0px; text-align:center; margin:0px 0px 30px 0px;} .area_bar3{ width:100%; background-color:#E3E3E3; padding:20px 0px; text-align:center; margin:0px 0px 30px 0px;} /********costomIMG***************/ .item_img{width:46%; margin:5px;} .item18_img{width:46%; margin:8px 5px; clear:both;} .item18m_img{ display:none;} .item20_img{ margin:0 auto;} .item21b_img{width:210px; margin:8px 0px; clear:both; margin:0 auto;} .item21bm_img{ display:none;} .item22_img{width:46%; margin:5px;} .item24bt_img{width:46%; margin:4px 4px; clear:both; border:1px #999 solid;} .item25_img{width:46%; margin:5px;} .item25flow_img{width:70%; margin:2px 0px; clear:both;} .item30_img{width:300px; margin:8px 0px;} .item40_spimg{width:400px; margin:3px; display:block;} .item40_pcimg{ display:none;} .item_toku{margin:10px 5px 5px; width:80px;} .item_op{margin:5px 5px; width:120px;} #site-title-logo { width: 90px; height: 37px; text-align: left;margin: 0px;} .sp_img{ max-width:100%; margin: 0 auto; display:block;} .pc_head_img{ display:none;} .sp_head_img{ width:100%; margin:0 auto; display:block; margin-bottom:0px;} .pc_top_img{ display:none;} .sp_top_img{ width:100%; margin:0 auto; display:block; margin-bottom:-50px;} .sp_title_img{ width:460px; margin:0 auto; display:block;} .pc_img{ display: none;} .pc_img_foot{ display: none;} .sp_img{ max-width:100%; margin: 0 auto; margin-top:-30px;} .photo_img{ display:none;} .photo2_img{ margin:8px 5px; clear:both;} .mail{ display:none;} .tel_long{ display:none;} .voice_sub_img{ display:none;} .order{ float:right; margin-right:2px; width:100px;} .all_icon{ float:left; margin-left:2px; width:190px;} .info_1{ position:absolute; top:-40px; left:10px; width:150px; } .info_2{ position:absolute; top:0px; right:20px; width:60px; } .info_3{ position:absolute; top:50px; right:-20px; width:100px; } .info_4{ position:absolute; top:0px; left:-10px; width:110px;} .info_5{ position:absolute; top:0px; left:80px; width:110px; } .info_6{ position:absolute; top:0px; left:170px; width:110px; } /********costomAREA***************/ .item_area_wp{ width:92%; padding:10px; border:1px solid #12948f; border-radius:20px; text-align:left; height:auto;display:flex; flex-flow: column;} .cam_area_wp{ width:93%; padding:10px; border:1px solid #ec585d; border-radius:20px; text-align:left; height:auto; display: -webkit-flex;display: flex;-webkit-justify-content:space-around; justify-content: space-around; background-color:#fff7f7;} .mail{ display:none;} .tel_long{ display:none;} .tel{float:left; margin:0px; } .logo{margin:5px; width:238px; } #mvc{clear:both; padding-bottom:10px; overflow:hidden; margin-bottom:50px;} #container{ width:94%; margin:0 auto; text-align:left; padding:0px 5px;} #container_wp{ width:96%; margin:0 auto; text-align:left; padding:0px 5px;} #container_slim{ width:92%; margin:0 auto; text-align:left; padding:0px 5px;} #header_area{ display:none;} #header_pc{ display:none;} .header_r{ float:right; padding:0; margin:0px;width:40%;} .header_l{float:left; color:#FFF;width:60%; height:60px;} .top_area{ width:50%; margin:0 auto; padding:0px; float:left;} #pc_menu{ display:none; } #slim_area{ width:100%; padding:5px 0px; line-height: 160%; clear:both; margin:0 auto;} #voice_area{ height:auto; width:100%; clear:both; margin:0 auto;} .voice_area{ text-align:left; width:95%; margin:10px 0px; padding:0px; border:none;} #voice_area_in{ width:96%; padding:5px; margin: 0 auto; text-align:left; } #voice_area_conl{ width:96%; padding:5px; margin: 0 auto; text-align:left; float:left; margin:0px;} #voice_area_con{ width:96%; padding:5px; margin: 0 auto; text-align:left; float:left;} #fb_area{ height:auto; width:100%; margin-top:-30px;} .foot_pc{float:left; clear:both;} .foot_sp{display:none;} .area_text{ text-align:left; padding:15px 5px; border:solid 2px #80ae1d; border-radius:20px; margin:0 auto; width:95%; background-color:#fff; margin-top:10px; line-height:200%;} #qua{ width:99%; margin:0 auto; } #foot_bottom_a{ width:96%; line-height:150%; text-align:left; float:left; padding-left:5px;} #colophon .widget { float: left; margin-left: 10%; width: 90%;} .three_con { width: 100%; height:auto; margin: 0 auto; clear:both; text-align:center;} .matome_area_wp{ width:92%; padding:15px 10px; border:1px dashed #8a7645; text-align:left; background-color:#fffaf0; box-shadow:#fffde8;} .three_con dl { float:left; width: 90%; height:auto; margin: 1%;} .three_con dd { margin: 0; padding: 0;} .three2_con dl { float:left; width: 90%; height:auto; margin: 1%; border:1px #cccccc solid;} dd.comment { height: auto; line-height: 200%; padding:5px; text-align:left;} .two_con { width: 100%; height:auto; margin: 0 auto; clear:both; text-align:left;} .two_con dl { float:left; width: 95%; height:auto; margin: 1%;} .two_con dd { margin: 0; padding: 0;} dd.comment { height: auto; line-height: 200%; padding:5px;} #coment_area{ width:93%; height:auto; margin-top:15px; margin-bottom:15px; padding:7px; clear:both; border:3px #cecece solid; border-radius: 10px; text-align:left; background-color:#f0f0f0; line-height:200%;} #coment_area_wt{ width:93%; height:auto; margin-top:15px; margin-bottom:15px; padding:7px; clear:both; border:3px #cecece solid; border-radius: 10px; text-align:left; background-color:#FAFAFA; line-height:200%;} #colum_areawt{ width:90%; border:1px #1c1c1c dotted; padding:10px; background-color:#FFF; text-align:left; line-height: 200%; margin:10px 0px; clear:both;} #flow_area{ width:27%; height:auto; margin:0px 2px 10px; padding:3px; border:4px #a6b3c0 solid; border-radius: 10px; text-align:center; background-color:#fff; line-height:160%; float:left;} #plan_area{ height:auto; width:100%; padding-top:15px; clear:both;} .plan_area{ width:32%; margin:0 auto; padding:0px 1px; float:left;} .top_area{ width:48%; margin:0 auto; padding:0px 1px; float:left;} .top_mb_area{ width:100%; margin:0 auto; padding:5px 0px; height:40px; background-color:#ebe1c0;} .coment_page_l{ width:95%; line-height:160%;} .coment_page_r{ width:95%; line-height:160%;} .coment_page_l_bor{ width:96%; text-align:left; line-height:160%; margin-left:5px;} .coment_page_r_bor{ width:96%; text-align:left; line-height:160%; padding:0px; border-left:none; margin-left:5px;} .voice_page_l{ width:95%; float:left; padding:5px;} .voice_page_r{ width:95%; float:left; padding:5px; text-align:left; line-height:160%;} .flow_page_l{ width:95%; text-align:left; line-height:160%; margin-top:10px; margin-left:5px;} .flow_page_r{ width:95%; text-align:left; line-height:160%; margin-left:8px;} .item_tokuen_l{ width:95%; text-align:left; line-height:160%; margin-left:5px;} .item_tokuen_r{ width:90%; line-height:160%; text-align:left; margin-left:8px;} .item_page_r{ width:100%; text-align:left; line-height:160%; float:left; clear:both; margin-left:-20px;} .item_page_r2{ width:100%; text-align:center; line-height:160%; padding:5px;} .item_page_r3{ width:100%; text-align:left; line-height:160%; float:left; clear:both;} .item_bottom_l{ width:95%; float:left; text-align:left;line-height:160%;} .item_bottom_r{ width:95%; float:left; text-align:left; line-height:160%;} .item_voice_l{ width:95%; line-height:160%; margin:0 auto; text-align:center; margin-left:5px;} .item_voice_r{ width:95%; text-align:left; line-height:160%; margin:0 auto; float:left; margin-left:8px;} .item_sub{ width:100%; margin:0 auto;} .item_sub dl{ width:90%;float:left; clear:none; padding:5px; border:1px #8a7645 solid; height:400px;} .item_sub dt{text-align:center; padding:5px;} .item_sub dd{ text-align:center;line-height:140%; padding:5px 0px; border-top:1px dotted #363636;} .item_sub2{ width:100%; margin:0 auto;} .item_sub2 dl{ width:95%; clear:none; padding:5px 0px; clear:both; border-bottom:0.5px dotted #182a3f;} .item_sub2 dt{text-align:center; width:95%; float:right; text-align:center;} .item_sub2 dd{ text-align:left; width:95%; line-height:140%; float:left; padding:0px 0px 0px 5px; text-align:center;} .item_sub3{ width:100%; margin:0 auto;} .item_sub3 dl{ width:95%;float:left; clear:none; padding:5px 0px; clear:both; border-bottom:0.5px dotted #182a3f;} .item_sub3 dt{text-align:center; width:46%; float:right;} .item_sub3 dd{ width:50%; line-height:140%; float:left; padding:0px 0px 0px 5px;} .item_sub4{ width:100%; margin:0 auto;} .item_sub4 dl{ width:95%;float:left; clear:none; padding:5px 0px; clear:both; border-bottom:0.5px dotted #182a3f;} .item_sub4 dt{text-align:center; width:46%; float:right;} .item_sub4 dd{ width:50%; line-height:140%; float:left; padding:0px 0px 0px 5px;} .item_colum2{ width:100%; margin:0 auto;} .item_colum2 dl{ width:95%;float:left; clear:none; padding:5px 0px; clear:both; border-bottom:0.5px dotted #182a3f;} .item_colum2 dt{text-align:center; width:46%; float:right;} .item_colum2 dd{ line-height:140%; float:left; padding:0px 0px 0px 5px;} label { color: #363636; padding: 10px; display: block; margin: 0; } input[type="checkbox"].on-off{ display: none;} .fm ul { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; list-style: none;} .fm li { padding: 5px;} input[type="checkbox"].on-off + ul{ height: 0; overflow: hidden;} input[type="checkbox"].on-off:checked + ul{ height: 260px;} .item_page_l{ width:99%; float:left; height:auto;} .item_page_r{ width:100%; float:left; text-align:left; line-height:160%; margin-top:0px;} .sns li {float:left;width:64px;margin:0 2% 3% 0;list-style:none;} #sidelist-cont{} #primary {float: left; width: 100%;} #dropmenu{ display:none;} #menu_sp{display:block; width:100%; margin-bottom:0px; margin-top:15px; clear:both;} .menu_sp{ width:33.3%;float:left;} menu_sp.a{ color:#fff;} body { position: static; overflow-x: hidden;} body.open{ position: relative;} .layer{ position:fixed; top: 0; z-index: 1; display: none; width: 100%; height: 100%; background-color: transparent;} #slide_menu{ position:absolute; top: 0; left: -200px; width: 200px; height: 100%; background: #F2F2F2; z-index:1;} #button { background: #9c8a4d;border: 1px solid #866f23;border-radius: 4px; -moz-border-radius: 4px;-webkit-border-radius: 4px; color: #fff;width: 80px;padding: 12px 0; float:right; margin-left:5px; margin-top:0px; display:block;} .button{ list-style-type:none; margin-left:0px; border-right:#2B210F 1px solid;} .button_title{ list-style-type:none; margin-left:0px; padding:10px; font-size:15px; font-weight:400; background-color:#8a7645; color:#FFF;} .button a {display: block;position: relative;padding: 10px 25px 10px 20px;border-bottom: 1px solid #4b4324;background: #fff;font-size: 14px;text-decoration: none;text-align:left; color:#363636;} .button a:after {display: block;content: "";position: absolute;top: 50%;right: 10px;width: 6px;height: 6px;margin: -4px 0 0 0;border-top: solid 2px #182a3f;border-right: solid 2px #182a3f; -webkit-transform: rotate(45deg); transform: rotate(45deg); text-align:left;} #menu{ width:100%; background:#182a3f; float:left;} #menu_w{ width:100%; background:#FFF; float:left;} #mn a { width:33%;padding:10px 0; background:#b80000; text-align:center; float:left; box-sizing: border-box; color:#FFF;} #mn a:nth-child(3n+2){width:34%;border-right:1px solid #E0E0E0; border-left:1px solid #E0E0E0; } #mn_w a { width:33%; padding:10px 0; background:#FFF; text-align:center; float:left; box-sizing: border-box; border-bottom:1px solid #182a3f; color:#182a3f; } #mn_w a:nth-child(3n+2){width:34%; border-right:1px solid #182a3f;border-left:1px solid #182a3f;border-bottom:1px solid #182a3f;} #mn_gr a { width:33%; padding:10px 0;background:#f0f0f0;text-align:center; float:left; box-sizing: border-box; border-bottom:1px solid #999; } #mn_gr a:nth-child(3n+2){width:34%; border-right:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #999; } .toggle_contents { border: 2px solid #d9d9d9; } .toggle_title { position: relative; padding: 15px; cursor: pointer; font-size: 26px; text-align: center; line-height: 1.4; } .toggle_btn { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background: #0052a4; display: block; width: 24px; height: 24px; text-indent: 100%; white-space: nowrap; overflow: hidden; border-radius: 50%; } .toggle_btn:before, .toggle_btn:after { display: block; content: ''; background-color: #fff; position: absolute; width: 10px; height: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .toggle_btn:before { width: 2px; height: 10px; } .toggle_title.selected .toggle_btn:before { content: normal; } .toggle_contents dd { display: none; } #set_line { width:100%; margin: 0 auto; padding:0px; background-color:#F4F4F4;} #top_l{ width:95%; margin:0 auto; } #top_r{ width:95%; margin:0 auto;} #shop_l{ width:95%; margin:0 auto; } #shop_r{ width:95%; margin:0 auto; border:#000 solid 3px;} #about_l{ width:95%; margin:0 auto; } #about_r{ width:95%; margin:0 auto; text-align:center; } #voice_l{ width:100%; margin:0 auto; padding-bottom:15px;clear:both;} #voice_r{ width:100%; margin:0 auto; margin-bottom:15px; clear:both;} #balance_l{ width:100%; margin:0 auto; padding-bottom:15px;text-align:center;} #balance_r{ width:100%; margin:0 auto;} #balance_el{ width:100%; margin:0 auto; padding-bottom:15px;text-align:center;} #balance_er{width:100%; margin:0 auto;} #balance_pl{ width:100%; margin:0 auto; padding-bottom:15px;text-align:center;} #balance_pr{width:100%; margin:0 auto;} #news_l{ width:95%; margin:0 auto; position:relative;margin-bottom:40px; text-align:left;} #news_r{ width:95%; margin:0 auto; position:relative; float:left;} #foot_l{ width:95%; margin:0 auto; position:relative;} #foot_r{ width:95%; margin:0 auto; position:relative; float:left;} #guide_l{ width:95%; margin:0 auto; position:relative;} #guide_r{ width:95%; margin:0 auto; position:relative; text-align:center;} .bor_waku{ width:95%; margin:10px 0px; border:#a6956c solid 3px; padding:10px; background-color:fff; color:#363636;} .wp_ct dt{ float:left; line-height:160%; padding:5px;margin-right:10px; margin-bottom:5px; width:30%;} .long_for { width:100%; margin: 0 auto; text-align:left; height:auto;} .long_for dl { width:96%; float: left;margin: 5px; height:auto;} .long_for dd { margin: 0; padding: 0; text-align:center;} .long_for_other { width:100%; margin: 0 auto; text-align:center;} .long_for_other dl {width:93%;margin: 0 auto; border:none; padding:0px;} .long_for_other dd { margin: 0; padding: 0; text-align:center;} .long_other{ text-align:center;} .long_other_photo{ margin-left:10px; } dd.title { padding:0px 3px; font-weight:bold;} dd.comment { height: 4em; line-height: 200%; padding:5px;} .bx_area_sp{ width:100%; margin:0 auto; display:block;} .bx_area_pc{ display:none;} .footer_in{ width:90%; padding:5px 0px;} ul.foot{ float:left; padding:0px 10px 10px 5px;} ul.foot_pc{ display:none;} ul.top_menu{ width:98%; border:#b2a080 2px solid; text-align:left;} li.foot{ padding:10px 5px; list-style:none;} li.top_menu_a{ border-bottom:#deceb1 1px dashed; background-color:#deceb1; padding:14px 6px 14px; list-style-type:none; list-style-position:inside; color:#7a6b50; font-weight:bold;} li.top_menu_b{ border-bottom:#b2a080 1px dashed; padding:12px 6px 12px; list-style-type:none; list-style-position:inside;} li.top_menu_c{ padding:12px 6px 12px; list-style-type:none; list-style-position:inside;} dt.form_l{ width:95%; list-style:none; margin:5px 0px;} dt.form_l_telop{ width:95%; list-style:none; margin:5px 0px;} dt.form_hisu{ width:15%; float:left; list-style:none; margin:5px 0px;} dd.form_r{ width:95%; padding:0px; list-style:none; float:right; margin:0px;} dd.form_r_telop{ width:95%; padding:0px; list-style:none; float:right; margin:0px;} dd.form_r_short{ width:95%; list-style:none; float:right; display:inline;} dd.form_r_short2{ width:95%; list-style:none; float:right; display:inline;} dd.form_r_mini{ width:95%; list-style:none; float:right; display:inline; padding-left:6px;} dd.form_radio{ width:95%; padding:0px; list-style:none; float:right; margin:0px;} dd.form_t{ width:95%; padding:5px; list-style:none; clear:both; margin-top:10px;} dl.form{ width:95%; text-align:left; clear:both;} dd.form_waku{ width:93%; padding:10px; clear:both;border:3px #ffd4c1 solid; border-radius:10px; margin:10px 0px;} dd.form_waku2{ width:93%; padding:10px; clear:both;border:3px #cecece solid; border-radius:10px; margin:10px 0px; background-color:#F5F5F5;} #scroll{width:100%;margin: 0 auto;} #scroll_title{float:left;width:24%; height:30px;border-top: 1px solid #8b7257; border-left: 1px solid #8b7257;border-bottom: 1px solid #8b7257; background-color:#8b7257; color:#fff; line-height: 2.5; text-align:center; font-weight:bold;letter-spacing: 0.5em; font-size:14px;} .top_list dl { width: 100%; } .top_list2 { width: 100%; height:auto; margin: 0 auto;} .top_list2 dl { float: left; height:auto; margin: 0px 0px 20px; border:1px #363636 dotted; padding:10px 10px; width:92%;} .top_list2 dt { margin: 0px; padding: 3px 0px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .top_list2 dd { margin: 0; padding: 0; text-align:center; padding: 13px 2px 5px; line-height:140%; font-size:14px;} .top_list3 { width: 100%; height:auto; margin: 0 auto;display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap:wrap;} .top_list3 dl { float: left; height:auto; margin: 0px 0px 20px; border:1px #363636 dotted; padding:10px 10px; width:92%; background-color:#fff;} .top_list3 dt { margin: 0px; padding: 3px 0px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .top_list3 dd { margin: 0; padding: 0; text-align:center; padding: 13px 2px 5px; line-height:140%; font-size:14px;} .top_list4 { width: 93%; height:auto; margin: 0 auto;display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap:wrap;} .top_list4 dl { float: left; height:auto; margin: 0px 0px 20px; padding:0px; width:46%;} .top_list4 dt { margin: 0px; padding: 3px 0px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .top_list4 dd { margin: 0; padding: 0; text-align:center; padding: 13px 0px 5px; line-height:140%; font-size:14px;} .top_list5 { width: 93%; height:auto; margin: 0 auto;display: -webkit-flex; display: flex;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap:wrap;} .top_list5 dl { float: left; height:auto; margin: 0px 5px 20px; padding:5px 5px; width:43%;} .top_list5 dt { margin: 0px; padding: 3px 0px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .top_list5 dd { margin: 0; padding: 0; text-align:center; padding: 5px 2px 5px; line-height:140%; font-size:14px;} .top_list6 { width: 100%; height:auto; margin: 0 auto;} .top_list6 dl { float: left; height:auto; margin: 0px 5px 20px; border:1px #363636 dotted;padding:5px 5px; width:43%;} .top_list6 dt { margin: 0px; padding: 3px 0px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .top_list6 dd { margin: 0; padding: 0; text-align:center; padding: 13px 2px 5px; line-height:140%; font-size:14px;} .top_list7 { height:auto; margin: 0 auto; padding-top:15px; width:95%; text-align:center;} .top_list7 dl { float: left; width: 100%; height:auto; margin: 0px 5px 10px 5px;padding:0px;} .top_list7 dt { margin: 0px; padding: 10px 0px; background-color:#ddd292;border-radius: 12px; margin-bottom:15px; font-weight:bold; color:#423b28;} .top_list7 dd { padding: 15px; background-color:#f1f1f1;border-radius: 12px; margin-bottom:15px; text-align:left;} .top_list8 { height:auto; margin: 0 auto; padding:5px; width:100%;} .top_list8 dl { float: left; height:auto; margin: 5px 0px;width:92%;} .top_list8 dt {text-align:center; } .top_list8 dd { text-align:center;} .top_list9 { height:auto; margin: 0 auto; padding-top:15px; width:95%; text-align:center;} .top_list9 dl { float: left; width: 100%; height:auto; margin: 0px 5px 10px 5px;padding:0px;} .top_list9 dt { margin: 0px; padding: 10px 0px; background-color:#ddd292;border-radius: 12px; margin-bottom:15px; font-weight:bold; color:#423b28;} .top_list9 dd { padding: 15px; background-color:#f1f1f1;border-radius: 12px; margin-bottom:15px; text-align:left;} .top_list10 { height:auto; margin: 0 auto; padding:5px; width:100%;} .top_list10 dl { float: left; height:auto; margin: 5px 0px;width:95%;} .top_list10 dt {text-align:center; } .top_list10 dd { padding: 5px 0px 5px 5px; width:46%; float:left; margin-left:5px;} .list_long { width: 92%; height:auto; margin: 0 auto; clear:both;} .list_long dl { float: left; width: 92%; height:auto; margin: 0px 5px 20px; padding:5px 5px;} .list_long dt { margin: 0px; padding: 3px 0px; text-align:center; font-weight:100; white-space: nowrap;text-overflow: ellipsis;overflow:hidden;} .list_long dd { margin: 0; padding: 0; text-align:center; padding: 13px 2px 5px; line-height:140%; font-size:14px;} .mb_list{ width:100%;} .mb_list dl{width:94%; padding:6px 6px; border-bottom:dashed 1px #999; clear:both; vertical-align:top; height:auto; overflow:hidden;} .mb_list dt{ float:left; line-height:140%; padding-right:10px; text-align:left; width:40%;} .mb_list dd{ line-height:150%; text-align:left; padding:2px 0px 10px; margin:0px;} .voice { width: 100%; height:auto; margin: 0 auto; clear:both;} .voice dl { float: left; width: 44%; height:160px; margin: 0px 3px 12px; border:1px #363636 dotted; padding:10px 4px;} .voice dt { padding: 0; text-align:center;} .voice dd { display:none;} .plan { width: 100%; height:auto; margin: 0 auto; clear:both;} .plan dl { float: left; width: 44%; height:auto; margin: 0px 3px 12px; border:1px #363636 dotted; padding:10px 4px;} .plan dd { margin: 0 auto; padding: 0; } .colum { width: 100%; height:auto; margin: 0 auto; clear:both;padding-top:20px;} .colum dl { float:left; width: 92%; height:auto; margin: 0px 5px 10px; border:1px #363636 dotted; padding:5px 4px 10px; text-align:center;} .colum dt { padding: 0; text-align:center; font-weight:bold;} .colum dd { text-align:left; line-height:150%; padding:3px 5px 15px; display:block;} .com_make { width: 100%; height:auto; margin: 0 auto; clear:both;padding-top:20px;} .com_make dl { float:left; width: 92%; height:auto; margin: 0px 5px 10px; border:1px #363636 dotted; padding:5px 4px 10px; text-align:center;} .com_make dt { padding: 0; text-align:center; font-weight:bold;} .com_make dd { text-align:left; line-height:150%; padding:3px 5px 15px; display:block;} .make { width: 100%; height:auto; margin: 0 auto; clear:both; text-align:left;} .make dl { float: left; width: 47.5%; height:auto; margin: 0px 2px 12px; border:1px #363636 dotted; padding:10px 0px;} .make dd { margin: 0px; padding: 5px 5px; text-align:left; font-size:14px;} .photo { width: 100%; height:auto; margin: 0 auto; clear:both; text-align:left;} .photo dl { float: left; height:auto;padding:5px 0px; width:auto;} .photo dd { margin: 0; padding: 0; text-align:center;} .photo_56_l{ width:100%; padding:0px 0px 10px 0px; text-align:left; line-height:160%;} .photo_44_r{ width:100%; padding:0px 0px 10px 0px;} .photo_56_r{ width:100%; padding:0px 0px 10px 0px; text-align:left; line-height:160%;} .photo_44_l{ width:100%; padding:0px 0px 10px 0px;} .info_img_area{ width:100%; position:relative; margin:0 auto; margin-top:50px;} .info_time_area{ width:95%; position:relative; margin:0 auto; margin-top:0px; height:200px;} .flow_mar{ width:91%; text-align:center; margin:0 auto;} .flow_area{ width:91%; margin:10px 0px; padding:10px; border:1px solid #12948f; text-align:left; float:none;} .flow_area_r{ width:91%; margin:10px 0px; padding:10px; border:1px solid #12948f; text-align:left; float:none;} .flow_area_w{ width:91%; margin:10px 0px; padding:10px; border:1px solid #12948f; text-align:left; } .price_kowaku{ border:1px solid #333; padding:5px; text-align:center; margin:5px; float:left; font-size:15px;} .sp_area{ width:91%; padding:15px 10px 10px; border:3px solid #8a7645; text-align:left; background-color:#fffaf0; clear:both; float:left;margin-bottom:30px;} #PageTopBtn {font-size: 10px;} #PageTopBtn a { width: 80px; height: 35px; padding: 12px 0px 17px;} nav.globalMenuSp {position: fixed; z-index: 2; top: 0; left: 0; background: #fff; text-align: left; transform: translateY(-100%); transition: all 0.6s; width: 100%; opacity:0.98;} nav.globalMenuSp ul {background: #fff; margin: 0 auto; padding: 0; width: 100%;　border-bottom: 3px solid #12948f; font-size:13px;} nav.globalMenuSp ul li:first-child { list-style-type: none; padding: 5px 0px 0px 10px; width: 100%; border-bottom: 1px solid #12948f; border-left: 1px solid #12948f; float:left;background-color:#12948f;} nav.globalMenuSp ul li:nth-child(10) { list-style-type: none; padding: 10px 0px 0px 10px; width: 100%; border-bottom: 1px solid #12948f; border-left: 1px solid #12948f; float:left; background-color:#12948f;} nav.globalMenuSp ul li:nth-child(19) { list-style-type: none; padding: 8px 0px 0px 12px; width: 93%; border: 1px solid #12948f; float:left; background-color:#001d41; border-radius:10px; margin:10px 0px 10px 5px; text-align:center;} nav.globalMenuSp ul li { list-style-type: none; padding: 0px 0px 0px 10px; width: 46%; border-bottom: 1px solid #12948f; border-left: 1px solid #12948f; float:left; height:42px;} /* 最後はラインを描かない */ nav.globalMenuSp ul li:last-child { padding-bottom: 0;} nav.globalMenuSp ul li a { display: block; padding: 0.5em 0;} /* このクラスを、jQueryで付与・削除する */ nav.globalMenuSp.active { transform: translateY(0%);} .navToggle { display: block; position: fixed; /* bodyに対しての絶対位置指定 */ right: 13px; top: 12px; width: 45px; height: 50px; cursor: pointer; z-index: 3; background: #fff; text-align: center; opacity:0.9;border-radius:8px;} .navToggle span { display: block; position: absolute; width: 35px; border-bottom: solid 3px #12948f; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; left: 6px;} .navToggle span:nth-child(1) { top: 9px;} .navToggle span:nth-child(2) { top: 18px;} .navToggle span:nth-child(3) { top: 27px;} .navToggle span:nth-child(4) { border: none; color: #12948f; font-size: 9px; font-weight: bold; top: 34px;} /* 最初のspanをマイナス45度に */ .navToggle.active span:nth-child(1) { top: 18px; left: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);} /* 2番目と3番目のspanを45度に */ .navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) { top: 18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);} /********アコーディオン横並び***************/ /*横並びボタン*/ .tabs { margin-top: 25px; padding-bottom: 40px; background-color: #fff; width: 100%; margin: 0 auto;} /*タブのスタイル*/ .tab_item { width:43.2%; height: 25px; border: 1px solid #ff494a; background-color: #fff; line-height: 200%; font-size: 13px; text-align: center; color: #363636 display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease;} .tab_item:hover { opacity: 0.75;} /*ラジオボタンを全て消す*/ input[name="tab_item"] { display: none;} /*タブ切り替えの中身のスタイル*/ .tab_content { display: none; padding: 40px 0px 0; clear: both; overflow: hidden;} /*選択されているタブのコンテンツのみを表示*/ #all:checked ~ #all_content, #programming:checked ~ #programming_content, #design:checked ~ #design_content, #media:checked ~ #media_content { display: block;} /*選択されているタブのスタイルを変える*/ .tabs input:checked + .tab_item { background-color: #ff494a; color: #fff;} /* ----------------------------------------------------------------------- bxslider mobile ----------------------------------------------------------------------- */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 40px;padding: 0; *zoom: 1;} .bx-wrapper img {max-width: 100%;display: block;} /** THEME ===================================*/ .bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0);transform: translatez(0);} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px;width: 100%;} /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0; left: 0;z-index: 2000;} /* PAGER */ .bx-wrapper .bx-pager {text-align: center;font-size: .85em; font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; font-weight: bold; color: #363636;padding-top: 20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;} .bx-wrapper .bx-pager.bx-default-pager a {background: #363636; text-indent: -9999px; display: block; width: 10px;height: 10px;margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px;} .bx-wrapper .bx-next {right: 10px; background: url(images/controls.png) no-repeat -43px -32px;} .bx-wrapper .bx-prev:hover {background-position: 0 0;} .bx-wrapper .bx-next:hover {background-position: -43px 0;} .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0; width: 32px;height: 32px;text-indent: -9999px; z-index: 9999;} .bx-wrapper .bx-controls-direction a.disabled { display: none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center;} .bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0;background: #363636\9; background: rgba(80, 80, 80, 0.75); width: 100%;} .bx-wrapper .bx-caption span {color: #fff;font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;display: block;font-size: .85em; padding: 10px;} /* ----------------------------------------------------------------------- カテゴリ別新着記事一覧 2列 mobile ----------------------------------------------------------------------- */ #harflist-cont{ width:95%; float:left; display:block;} .harflist-title {margin:50px 0px 3px; float:left;} #harflist-more {margin:3px 0px 3px; text-align:right; clear:both; border-top:1px; color:#FFF; float:left;} .harflist-category { margin: 10px 0 5px 0; padding: 2px; border-top: 1px dashed #999; float:left; clear:both;} .harflist-category img { float: left; margin: 10px 10px 10px; width: 100px; height: 70px; clear:left;} .harflist-category a {display: block;} .harflist-category-inner { margin: 0; padding: 1px; height:90px; float:left; clear:both;} .harflist-category-inner p { font-size: 16px; margin: 1px 0 5px 3px; float:left;} .harflist-datetime span { font-size: 10px; float:left;} } /* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { input.s:focus { width: 375px; } .one-column-template .wrapper, .wrapper { width: 450px; } .one-column-template .container, .container { width: 420px; } .wide-layout .wrapper { width: 100%; } #branding { margin-top: 20px; } .hgroup-wrap { padding-bottom: 30px; } .hgroup-right { margin-top: 37px; } #site-logo { margin-top: 30px; } #site-title a img { max-width: 420px; } /* Column */ .column { margin-left: -3.57%; } .one-half, .one-third, .one-fourth { margin: 0 0 0 3.44%; width: 46.56%; } .widget_service .column { margin-left: 0; } #colophon { margin-bottom: 20px; } } /* All Mobile size smaller than standard 320 (devices and browsers) */ @media only screen and (max-width: 319px) { .one-column-template .wrapper, .wrapper, .one-column-template .container, .container { width: 95%; } } /* =Retina Ready Structure ----------------------------------------------- */ /* All Retina Ready devices larger than 1.5 pixel ratio */ @media all and (-webkit-min-device-pixel-ratio: 1.5) { .back-to-top a { background-image: url("images/back-to-top@2x.png"); background-size: 35px 35px; } input.s { background-image: url('images/search@2x.png'); background-size: 24px 15px; } .social-profiles ul li a { background-image: none; background-size: 30px 30px; } .social-profiles ul li.facebook a { background-image: url('images/facebook@2x.png'); background-position: 0 0; } .social-profiles ul li.facebook a:hover { background-image: url('images/facebook@2x-hover.png'); background-position: 0 0; } .social-profiles ul li.twitter a { background-image: url('images/twitter@2x.png'); background-position: 0 0; } .social-profiles ul li.twitter a:hover { background-image: url('images/twitter@2x-hover.png'); background-position: 0 0; } .social-profiles ul li.google-plus a { background-image: url('images/google-plus@2x.png'); background-position: 0 0; } .social-profiles ul li.google-plus a:hover { background-image: url('images/google-plus@2x-hover.png'); background-position: 0 0; } .social-profiles ul li.pinterest a { background-image: url('images/pinterest@2x.png'); background-position: 0 0; } .social-profiles ul li.pinterest a:hover { background-image: url('images/pinterest@2x-hover.png'); background-position: 0 0; } .social-profiles ul li.linked a { background-image: url('images/linked@2x.png'); background-position: 0 0; } .social-profiles ul li.linked a:hover { background-image: url('images/linked@2x-hover.png'); background-position: 0 0; } .social-profiles ul li.tumblr a { background-image: url('images/tumblr@2x.png'); background-position: 0 0; } .social-profiles ul li.tumblr a:hover { background-image: url('images/tumblr@2x-hover.png'); background-position: 0 0; } .social-profiles ul li.vimeo a { background-image: url('images/vimeo@2x.png'); background-position: 0 0; } .social-profiles ul li.vimeo a:hover { background-image: url('images/vimeo@2x-hover.png'); background-position: 0 0; } .social-profiles ul li.my-space a { background-image: url('images/my-space@2x.png'); background-position: 0 0; } .social-profiles ul li.my-space a:hover { background-image: url('images/my-space@2x-hover.png'); background-position: 0 0; } .social-profiles ul li.flickr a { background-image: url('images/flickr@2x.png'); background-position: 0 0; } .social-profiles ul li.flickr a:hover { background-image: url('images/flickr@2x-hover.png'); background-position: 0 0; } .social-profiles ul li.you-tube a { background-image: url('images/you-tube@2x.png'); background-position: 0 0; } .social-profiles ul li.you-tube a:hover { background-image: url('images/you-tube@2x-hover.png'); background-position: 0 0; } .social-profiles ul li.rss a { background-image: url('images/rss@2x.png'); background-position: 0 0; } .social-profiles ul li.rss a:hover { background-image: url('images/rss@2x-hover.png'); background-position: 0 0; } .widget_testimonial .testimonial-icon { background-image: url('images/testimonial-icon@2x.png'); background-size: 25px 19px; } }