@charset "utf-8"; /* Theme Name: Sync works theme Description: sync-furniture official site | 株式会社 SYNC Theme URI: http://sync-furniture-jp.pro/works/ Author: ZOCOZO DESIGN Inc. Author URI: https://zocozo.com/ */ .pc,.sPhone { display: none !important; } body { color: #595757; font-family: 'Open Sans', sans-serif; font-size: 77%; } a { color: #4fa7df; } a:hover { /*color: #BDDBF3;*/ } h2, h3, h4, h5, h6 { font-size: 93%; margin: 2em 0 1em; padding-left: 5px; } /* --- main nav -> menu_tablet.css --- */ /* js & php 分岐 -> highlightNav.js & single.php ( ) #bottomHead nav ul li:nth-of-type(4) a { opacity: 0.5; } /* --- main nav -> menu_tablet.css end --- */ #container { width: 980px; margin: 40px auto 0px; } /* --- centerBox --- */ #centerBox { width: 980px; margin: 40px auto; } #centerBox a { color: #55A7D7; } #centerBox a:hover { color: #bbb; } h3.days { margin: 0px 0px 5px 0px; font-size: 12px; font-weight: lighter; text-indent: -6px; border: none; } h2.d_title { font-size: 108%; letter-spacing: 0.1em; font-weight: normal; padding: 0px; margin: 0px; } h2.d_title a { color: #7aa1bc !important; } hr.d_title { width: 100%; border-top: 1px solid #BDDBF3; border-left: none; border-right: none; border-bottom: none; margin: 0px 0px 3em 0px; clear: both; } hr { width: 100%; border-top: 1px solid #999; border-left: none; border-right: none; border-bottom: none; margin: 2em auto; } .single-item { max-width: calc(900px - 15px); margin: 0 auto; padding: 15px 15px 0px 15px; border: 0; background: #fff; } div.post-body { width: 800px; height: auto; margin: 0px auto; } div.post-body p { width: 800px; margin: 2em auto; line-height: 2em; letter-spacing: 0.1em; text-align: justify; text-justify: inter-ideograph; } .post-body img { max-width: 100%; display: block; margin: 1em 0; } /* widget search追加 */ #wid { width: 40%; height: auto; margin: 90px 0px 0px 0px; clear: both; } label.screen-reader-text { display: none; } .widget { width: 100%; height: auto; margin: 0px 0px 0px 0px; } /* search */ #searchform input { width: 70%; height: 20px; padding: 5px 10px; margin-bottom: 40px; font-size: 108%; border: 1px solid #BDDBF3; float: left; border-radius: 0px; -webkit-appearance: none; } input#searchsubmit { width: 23%; height: 32px; line-height: 15px; margin-bottom: 40px; color: #fff; font-size: 100%; font-weight: normal; letter-spacing: 0.1em; cursor: pointer; border: 1px solid #9dcdf4; background: #9dcdf4; float: right; border-radius: 0px; -webkit-appearance: none; } /* search end */ h2.widgettitle { display: none; } .widget ul { display: none; } /* widget end */ /* page nav */ ul.page { width: 100%; height: 50px; margin: 0px 0px 20px 0px; font-family: 'Open Sans', sans-serif; } ul.page li.prev a, ul.page li.center a, ul.page li.next a { color: #55A7D7; } ul.page li.prev a:hover, ul.page li.center a:hover, ul.page li.next a:hover { opacity: 0.5; } ul.page li.prev { width: 33%; height: 50px; padding-left: 0.5%; line-height: 50px; font-size: 108%; letter-spacing: 0.1em; color: #55A7D7; text-align: left; float: left; } ul.page li.center { width: 33%; height: 50px; line-height: 50px; font-size: 108%; letter-spacing: 0.1em; color: #55A7D7; text-align: center; float: left; } ul.page li.next { width: 33%; height: 50px; line-height: 50px; font-size: 108%; letter-spacing: 0.1em; color: #55A7D7; text-align: right; float: left; } /* page nav end */ /* 関連記事 Relation */ h4.relation { width: 100%; height: auto; margin: 100px 0px 0px 0px; line-height: 1.8em; letter-spacing: 0.1em; font-size: 116%; color: #7aa1bc; font-weight: normal; } h4.relation span { display: block; width: 100%; height: auto; margin: 0px 0px 20px 0px; line-height: 1.6em; letter-spacing: 0.1em; font-size: 92%; font-weight: normal; color: #55A7D7; } h4.relation span b { color: #595757; font-size: 88%; font-weight: normal; } #relation { clear: both; justify-content: space-around; flex-wrap: wrap; display: flex; } #relation table.press { width: calc(33.3% - 5px); margin: 0px 0px 5px 0px; background: #e4e5e6; } #relation table.press th img { display: block; width: 90%; height: auto; margin: 0px auto; padding: 15px; } #relation table.press td p { width: 90%; height: auto; margin: 0px auto 0px; padding: 0px 0px 15px 0px; font-size: 108%; letter-spacing: 0.1em; color: #7AA1BC; } /* 関連記事 Relation end */ /* 404 not found */ #centerBox h5 { width: 90%; padding: 20px 0px 20px; margin: 30px auto; color: #BDDBF3; font-size: 200%; letter-spacing: 0.1em; text-align: center; border-top: 3px solid #BDDBF3; border-bottom: 3px solid #BDDBF3; font-family: 'Open Sans', sans-serif; font-weight: 400; } #centerBox h5 span { display: block; margin-top: 15px; color: #999; font-size: 12px; font-weight: lighter; letter-spacing: 0.1em; } /* 404 not found */ /* centerBox end */ /* arrow */ #arrow { width: 100%; height: 60px; clear: both; margin-bottom: -5px; } a.top { display: block; width: 60px; height: 60px; margin: 0px auto; clear: both; } /* arrow end */ /* footer */ footer { width: 980px; height: 100px; margin: 0px auto; border-top: 1px solid #BDDBF3; clear: both; } #ftr { width: 980px; height: 100px; margin: 0px auto; } #ftr small { display: block; width: 330px; height: 100px; line-height: 100px; color: #6FB8E7; font-size: 88%; letter-spacing: 0.1em; float: left; font-family: 'Open Sans', sans-serif; font-weight: 400; } footer p { width: 175px; height: 50px; margin: -75px 0px 0px 0px; float: right; } /* footer end */