/** 影 **/ .is-style-shadow-small { box-shadow: rgba(60, 64, 67, 0.22) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .is-style-shadow-middle { box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; } .is-style-shadow-big { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; } .is-style-shadow-dent { box-shadow: rgb(189 189 189) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset; } .is-style-shadow-cube { box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; } /*--- 見出し ---*/ /*中央線*/ .is-style-singleline-center { position: relative; display: inline-block; padding: 0 55px; } .is-style-singleline-center:before, .is-style-singleline-center:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 45px; height: 1px; background-color: black; } .is-style-singleline-center:before { left: 0; } .is-style-singleline-center:after { right: 0; } /*中央二重線*/ .is-style-doubleline-center { position: relative; display: inline-block; padding: 0 65px; } .is-style-doubleline-center:before, .is-style-doubleline-center:after { position: absolute; top: calc(50% - 3px); width: 50px; height: 6px; content: ''; border-top: solid 2px #000; border-bottom: solid 2px #000; } .is-style-doubleline-center:before { left: 0; } .is-style-doubleline-center:after { right: 0; } /*囲み交差線*/ .is-style-box-crossingline { position: relative; padding: 0.25em 1em; border-top: solid 2px black; border-bottom: solid 2px black; } .is-style-box-crossingline:before, .is-style-box-crossingline:after { content: ''; position: absolute; top: -7px; width: 2px; height: -webkit-calc(100% + 14px); height: calc(100% + 14px); background-color: black; } .is-style-box-crossingline:before { left: 7px; } .is-style-box-crossingline:after { right: 7px; } /*--- インデックスポスト ---*/ /** カテゴリ、タグ 半円 **/ .is-style-semicircle a { border-radius: 9999px; padding: calc(.5rem - 1px) .5rem; border: 1px rgb(165, 165, 165) solid; text-decoration: none; line-height: 1; text-align: center; background-color: #ffffff; display: inline-block; margin-top: 5px; } /** ページネーション ミニマル **/ .is-style-mono-minimal .wp-block-query-pagination-numbers a { box-sizing: border-box; display: inline-block; color: #A4A4A4; text-decoration: none; background: #FFF; border: 1px solid #A4A4A4; border-radius: 50%; min-width: 2rem; transition: all .2s; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); padding: calc(.5rem - 1px) 0.5rem; line-height: 1; text-align: center; } .is-style-mono-minimal .wp-block-query-pagination-numbers a:hover { color: #FFF; background: #6E6E6E; border: 1px solid #6E6E6E; } .is-style-mono-minimal .wp-block-query-pagination-numbers .page-numbers.current { box-sizing: border-box; display: inline-block; color: #ffffff; text-decoration: none; background: #6E6E6E; border: 1px solid #A4A4A4; border-radius: 50%; min-width: 2rem; transition: all .2s; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); padding: calc(.5rem - 1px) 0.5rem; line-height: 1; text-align: center; } .is-style-mono-minimal .wp-block-query-pagination-previous, .is-style-mono-minimal .wp-block-query-pagination-next { border-radius: initial; box-sizing: border-box; display: inline-block; color: #A4A4A4; text-decoration: none; background: #FFF; border: 1px solid #a4a4a430; min-width: 2rem; transition: all .2s; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); padding: calc(.5rem - 1px) 0.5rem; line-height: 1; text-align: center; } .is-style-mono-minimal .wp-block-query-pagination-previous:visited { color: #A4A4A4; } .is-style-mono-minimal .wp-block-query-pagination-next:visited { color: #A4A4A4; } .is-style-mono-minimal .wp-block-query-pagination-previous:hover { color: #FFF; background: #6E6E6E; border: 1px solid #6E6E6E; } .is-style-mono-minimal .wp-block-query-pagination-next:hover { color: #FFF; background: #6E6E6E; border: 1px solid #6E6E6E; }