@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap");body{font-family:Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif}h1,h2,h3,h4,h5,h6{font-family:Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif}p,span,ul,ol,dl,li{font-family:Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif}a{font-family:Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif}.minchou{font-family:'Noto Serif JP',serif}h1.minchou.bold,h2.minchou.bold,h3.minchou.bold,h4.minchou.bold,h5.minchou.bold,h6.minchou.bold{font-weight:700}html{line-height:1.625;font-size:14px;color:#231815}body{background:url(//design-studio-f.com/wp-content/themes/design-studio-f/assets/css/../images/background-light.png) transparent}h1,h2,h3,h4,h5,h6{font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.625}::selection{background:#231815;color:#fff}::-moz-selection{background:#231815;color:#fff}a{color:#231815;text-decoration:underline}a:hover{color:#666;text-decoration:none}a,a:visited{transition:color .18s ease,background-color .18s ease,border-color .18s ease;outline:none}a:active,a:focus{outline:none;text-decoration:none}a img{opacity:1}a:hover img{opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";-moz-opacity:.8;-khtml-opacity:.8;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}@media screen and (-ms-high-contrast:none){*::-ms-backdrop,.header{position:fixed;top:0;left:0;width:100%;z-index:500}*::-ms-backdrop,.main{padding-top:4.5rem}*::-ms-backdrop,.img-fluid{max-width:100%}}.header{background-color:transparent;z-index:100}.header .social-nav{position:absolute;bottom:2rem;right:1rem}.primary-menu .nav-item{text-align:center}.primary-menu .nav-item a{display:block;margin:0 .25rem;background-image:url(//design-studio-f.com/wp-content/themes/design-studio-f/assets/css/../images/bg-main-nav.png);background-position:bottom center;background-repeat:repeat-x}.mobile-menu-button{font-size:1.75rem}.headline{overflow:hidden}.separator-line{content:"";height:5px;width:100%;background-image:url(//design-studio-f.com/wp-content/themes/design-studio-f/assets/css/../images/line-w.png)}.navigation,.navigation li{margin:0;padding:0;list-style:none}.thumbnail img{padding:1px;border:1px solid #ddd;max-width:100%;height:auto}.entry-header .haedline{margin-bottom:1rem;padding:.75rem 0;line-height:1.25;background-image:url(//design-studio-f.com/wp-content/themes/design-studio-f/assets/css/../images/bg-headline.png);background-position:bottom right;background-repeat:no-repeat}.sub-header .haedline{border-bottom:5px solid #54504e}.entry-content h2{clear:both;font-size:1.5rem;font-family:'Noto Serif JP',serif;border-bottom:1px dotted #70625d}.single .entry-content h2:not(:first-of-type){margin-top:3rem}.entry-content h3{clear:both;font-size:1.25rem;font-family:'Noto Serif JP',serif}.entry-content img{max-width:100%;height:auto}.entry-content section{margin-bottom:2rem}.home .news,.home .blog{margin-bottom:3rem}.visual{margin-top:-2rem;z-index:1}.news .post{border-bottom:1px dotted #999}.news .post .meta,.news .post .title{margin:0}.news .post .meta{font-size:.8rem}.news .post .title{font-weight:700}.blog .post{border-bottom:1px dotted #999}.blog .post .thumbnail a{display:inline-block;max-width:100%}.blog .post .meta,.blog .post .title{margin:0}.blog .post .meta{padding:.75rem;font-size:.8rem;border-top:1px solid #ddd}.blog .post .title{font-weight:700}.blog .post .date{margin-right:.5rem}.works{margin-bottom:3rem}.works .post{border-bottom:1px dotted #999}.works .post .thumbnail{margin-bottom:1rem}.works .post .thumbnail a{display:inline-block;max-width:100%}.works .post .thumbnail img{padding:0;border:5px solid #010101}.works .post .meta,.works .post .title{margin:0}.works .post .meta{padding:.75rem;font-size:.8rem;border-top:1px solid #ddd}.works .post .title{font-weight:700}.works .post .date{margin-right:.5rem}.page #main .service-l{position:relative;margin:0 10px 20px 0;padding:0 10px 0 0;height:230px}.page #main .service-r{position:relative;margin:0 0 20px 10px;padding:0 0 0 10px;height:230px}.page #main .service-l .button,.page #main .service-r .button{position:absolute;top:160px;width:100%}.page #main #step dl{margin:0 0 10px;padding:0 0 10px;border-bottom:1px dotted #a2a2a2}.page #main #step dt{margin:0 0 10px;padding:0;font-size:16px;font-weight:700}.page #main #step dd{margin:0;padding:0 15px 0 55px}.page #main #step .title span{display:inline-block;margin:0 15px 0 0;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;background:none #3b3736}.footer h2{margin:0;padding:.25rem 0;font-size:1.25rem}.footer h3{margin:0;padding:.25rem 0;font-size:1rem}.secondary-menu{overflow:hidden;height:60px;line-height:60px;font-size:.8rem;background-image:url(//design-studio-f.com/wp-content/themes/design-studio-f/assets/css/../images/bg-breadcrumb.png);background-position:top center;background-repeat:no-repeat}.secondary-menu .navigation{text-align:center}.secondary-menu .navigation li{display:inline-table;text-align:center}.secondary-menu .navigation li a{padding:.25rem 2rem;border-left:1px solid #999}.secondary-menu .navigation li:last-child a{border-right:1px solid #999}.footer .copyright{background-image:url(//design-studio-f.com/wp-content/themes/design-studio-f/assets/css/../images/background-black.png)}.footer .copyright p{margin:0;padding:.5rem;text-align:center;font-size:.8rem;color:#fff}.page-to-top{position:fixed;text-align:center;bottom:10px;right:10px;z-index:500}.page-to-top a{display:block;width:4rem;height:4rem;color:#fff;background-color:#010101;text-decoration:none}.page-to-top a:hover{background-color:#333}.page-to-top span{display:block}.widget{margin-bottom:1rem}.sidebar #side-news .post{clear:both;overflow:hidden;margin:0 0 10px;border-bottom:1px dotted #a2a2a2}.sidebar #side-news .post .meta{margin:0 0 5px;font-size:.8rem}.sidebar #side-works .work{clear:both;overflow:hidden;margin:0 0 10px;border-bottom:1px dotted #a2a2a2}.sidebar #side-works .work .title{margin:0 0 5px;font-size:.9rem}.sidebar #side-blog .post{clear:both;overflow:hidden;margin:0 0 10px;border-bottom:1px dotted #a2a2a2}.sidebar #side-blog .post .meta{margin:0 0 3px;font-size:.8rem}.sidebar #side-blog .post .title{font-size:.9rem}.social-nav li{display:inline-block;margin:0 .5rem}.tagcloud a{background:none repeat scroll 0 0 #2582bd;border-radius:0 2px 2px 0;box-shadow:0 2px 0 rgba(0,0,0,.07);color:#fff;display:inline-block;font-size:11px !important;margin-bottom:8px;margin-left:10px;margin-right:8px;padding:1px 7px 1px 13px;position:relative;background-color:#1d1411;text-decoration:none}.tagcloud a:hover{background:none repeat scroll 0 0 #999}.tagcloud a:before{background-color:#fff;border-radius:50%;content:"";display:block;height:5px;left:1px;position:absolute;top:7px;width:5px;z-index:1}.tagcloud a:after{background-color:inherit;content:"";display:block;height:13px;left:-6px;position:absolute;top:3px;transform:rotate(45deg);width:13px;z-index:0}table.normal{margin-bottom:15px;width:100%;border:3px solid #e8e8e8}table.normal tbody tr{background:none #fff}table.normal tr:hover{background:#fff}table.normal tbody th{border-bottom:1px solid #e8e8e8;padding:9px 15px;color:#f4f4f4;background:none #3b3736;white-space:nowrap}table.normal thead th{border-bottom:1px solid #e8e8e8;padding:9px 15px;color:#f4f4f4;background:none #3b3736;white-space:nowrap}table.normal tbody td{border-bottom:1px solid #e8e8e8;padding:9px 15px}table.normal tbody td.price{border-right:1px solid #e8e8e8;white-space:nowrap}table.normal tbody td.price span{font-size:10px}table.normal tbody tr:nth-child(2n+1) td{background:none #f4f4f4}table.table-design-set-1{border-radius:0;box-shadow:0 3px 0 rgba(0,0,0,.04),0 0 0 1px #e8e8e8 inset;margin-bottom:15px;overflow:hidden;width:100%;border-spacing:0;background:none repeat scroll 0 0 #fff}table.table-design-set-1 thead{background:none repeat scroll 0 0 #298cc3;color:#fff}table.table-design-set-1 thead th{padding:10px 15px;text-align:left}table.table-design-set-1 tbody td{border-bottom:1px solid #e8e8e8;padding:9px 15px}table.table-design-set-1 tbody tr:nth-child(2n+1){background:none repeat scroll 0 0 #f7f7f7}table.table-design-set-2{border-radius:0;box-shadow:0 3px 0 rgba(0,0,0,.04),0 0 0 1px #e8e8e8 inset;margin-bottom:15px;overflow:hidden;width:100%;border-spacing:0;background:none repeat scroll 0 0 #fff}table.table-design-set-2 thead{background:none repeat scroll 0 0 #298cc3;color:#fff}table.table-design-set-2 thead th{padding:10px 15px;text-align:left}table.table-design-set-2 tbody td{border-bottom:1px solid #e8e8e8;padding:9px 15px}table.table-design-set-2 tbody tr td{transition:background-color .3s ease 0s}table.table-design-set-2 tbody tr:nth-child(2n+1) td{background:none repeat scroll 0 0 #f7f7f7}table.table-design-set-2 tbody tr:hover td{background:none repeat scroll 0 0 #ebf6f7}.mw_wp_form table{margin-bottom:15px;width:100%;border:3px solid #e8e8e8}.mw_wp_form table tbody tr{background:none #fff}.mw_wp_form table tr:hover{background:#fff}.mw_wp_form table tbody th{border-bottom:1px solid #e8e8e8;padding:9px 15px;color:#f4f4f4;background:none #3b3736}.mw_wp_form table tbody td{border-bottom:1px solid #e8e8e8;padding:9px 15px}.mw_wp_form tbody tr:nth-child(2n+1) td{background:none #f4f4f4}.mw_wp_form .required{display:block;float:right;width:3rem;color:#fff;background-color:darkred;font-size:90%;text-align:center;border-radius:4px}.mw_wp_form .confirm-button{text-align:center}input[type=text]{border:1px solid #d8d8d8;border-radius:3px;box-shadow:0 2px 0 rgba(0,0,0,.016),0 50px 50px -50px rgba(0,0,0,.06) inset;box-sizing:border-box;color:#333;font-family:Arial;font-size:11px;padding:8px 10px;width:100%}input[type=email],input[type=tel],textarea{border:1px solid #d8d8d8;border-radius:3px;box-shadow:0 2px 0 rgba(0,0,0,.016),0 50px 50px -50px rgba(0,0,0,.06) inset;box-sizing:border-box;color:#333;font-family:Arial;font-size:11px;padding:8px 10px;width:100%}input[type=submit]{background:none repeat scroll 0 0 #322926;border:0 none;border-radius:2px;box-shadow:0 -3px 0 1px rgba(255,255,255,.12) inset,0 2px 0 0 rgba(255,255,255,.12) inset,0 -2px 0 1px rgba(0,0,0,.25) inset,0 1px 0 0 rgba(0,0,0,.25) inset,0 2px 0 0 rgba(0,0,0,.08),0 0 0 50px rgba(255,255,255,.12) inset;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;line-height:150%;margin-right:6px;padding:5px 14px 7px;text-shadow:0 0 2px rgba(0,0,0,.3);transition:none 0s ease 0s;vertical-align:bottom}.button{background:none repeat scroll 0 0 #322926;border:0 none;border-radius:2px;box-shadow:0 -3px 0 1px rgba(255,255,255,.12) inset,0 2px 0 0 rgba(255,255,255,.12) inset,0 -2px 0 1px rgba(0,0,0,.25) inset,0 1px 0 0 rgba(0,0,0,.25) inset,0 2px 0 0 rgba(0,0,0,.08),0 0 0 50px rgba(255,255,255,.12) inset;color:#fff;display:block;font-size:14px;font-weight:700;line-height:150%;margin:10px auto 50px;padding:10px 0;text-shadow:0 0 2px rgba(0,0,0,.3);transition:none 0s ease 0s;text-align:center;vertical-align:bottom}.button.small{width:260px}.button.large{width:420px}.button a{color:#fff;text-decoration:none}.button .link{padding:0 0 0 22px;background:url(//design-studio-f.com/wp-content/themes/design-studio-f/assets/css/../icons/link.png) no-repeat 0 0}.button .next{padding:0 0 0 22px;background:url(//design-studio-f.com/wp-content/themes/design-studio-f/assets/css/../icons/next.png) no-repeat 0 0}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}img.border{border:5px solid #ddd}@media screen and (max-width:768px){html{line-height:1.625;font-size:12px;color:#231815}h1,.h1{font-size:1.75rem !important}h2,.h2{font-size:1.5rem !important}h3,.h3{font-size:1.25rem !important}h4,.h4{font-size:1.25rem !important}h5,.h5{font-size:1rem !important}h6,.h6{font-size:1rem !important}table th{display:block}table td{display:block}}.breadcrumbs{z-index:200}.breadcrumbs .breadcrumb-inner{overflow:hidden;height:60px;line-height:60px;font-size:.8rem;background-image:url(//design-studio-f.com/wp-content/themes/design-studio-f/assets/css/../images/bg-breadcrumb.png);background-position:top center;background-repeat:no-repeat}.breadcrumbs .breadcrumb-inner a{margin:0 .5rem}.breadcrumbs p{margin:0;padding:0 1rem}@media (max-width:520px){.breadcrumbs{font-size:10px}}.wp-pagenavi{clear:both;margin:30px 0;padding:10px;font-size:16px}.wp-pagenavi a,.wp-pagenavi span{margin:2px 5px;padding:8px 16px;text-decoration:none;background:none #322926;color:#fff;border-radius:4px}.wp-pagenavi .current,.wp-pagenavi a:hover{color:#322926;background:none #fff}.syntaxhighlighter .line .number{padding:5px 0 !important}.syntaxhighlighter .line .content{padding:5px .5em !important}.gallery-item dl{margin:5px auto 1.5em;padding:10px}.gallery-caption{margin:5px 0;text-align:center;font-size:11px}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.gallery-box{overflow:hidden;margin-bottom:50px;text-align:center;width:100%}.gallery-item img{border:1px solid #ddd !important;padding:2px}.caption-no .gallery-caption{display:none}