@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/ */ /* ------ none ----- */ .pc,.pcTablet,.tablet { display: none !important; } body { color: #595757; font-family: 'Open Sans', sans-serif; } 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_sPhone.css --- */ /* js & php 分岐 -> highlightNav.js & single.php ( ) div.mobNav nav ol li:nth-of-type(7) a { color: #fff; background: #b3e2ff; } /* --- main nav -> menu_sPhone.css end --- */ #container { width: 98%; max-width: 90%; margin: 0px auto 0px; padding-top: 21px; background: #fff; } /* ---- centerBox --- */ #centerBox { width: 100%; max-width: 480px; margin: 0px auto; } #centerBox a { color: #55A7D7; } #centerBox a:hover { color: #bbb; } h3.days { margin: 0px 0px 5px 0px; font-size: 92%; 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: 0 auto 1em; clear: both; } hr { width: 100%; border-top: 1px solid #999; border-left: none; border-right: none; border-bottom: none; margin: 2em auto; } hr.sPhone { width: 100%; border-top: 1px solid #fff; border-left: none; border-right: none; border-bottom: none; clear: both; } .single-item { margin: 0px; padding: 0px; border: 0; background: #fff; } div.post-body p { width: 100%; margin: 2em auto; line-height: 2em; letter-spacing: 0.1em; text-align: justify; text-justify: inter-ideograph; } .post-body img { /* js */ max-width: 100%; display: block; margin: 1em 0; } /* widget search追加 */ #wid { width: 98%; height: auto; margin: 30px auto; 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: 30px 0px 0px 0px; 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; } /* 実装ウィジェット end */ p.ans { letter-spacing: 0.1em; margin: 0px 0px 30px 0px; } /*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: 80px 0px 0px 0px; line-height: 1.8em; letter-spacing: 0.1em; color: #7aa1bc; font-size: 108%; 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% - 3px); margin: 0px 0px 3px 0px; background: #e4e5e6; } #relation table.press th img { width: 90%; height: auto; margin: 0px auto; padding: 5px; } #relation table.press td p { width: 90%; height: auto; margin: 0px auto 0px; padding: 0px 0px 5px 0px; font-size: 77%; 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: 10px; } a.top { display: block; width: 60px; height: 60px; margin: 0px auto; clear: both; } /* arrow end */ /* footer */ footer { width: 100%; height: 100px; margin: 0px auto; border-top: 1px solid #BDDBF3; clear: both; } #ftr { width: 100%; height: 100px; margin: 0px auto; } #ftr small { display: block; width: 100%; height: 80px; line-height: 80px; color: #6FB8E7; font-size: 88%; text-align: center; letter-spacing: 0.1em; font-family: 'Open Sans', sans-serif; font-weight: 400; } footer p { display: none !important; }