body {   margin:0; user-select:none; -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag:none; /*タッチイベント防止*/ -webkit-touch-callout:none; /*フォント指定*/ font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif; } .clear {clear:both; } .bigbox  {width:100%; max-width:700px; margin:0 auto; } .space  {height:60px; } .space10 {height:10px; } .space20 {height: 20px; } .space30 {height:30px; } .space50 {height:50px; } .space100 {height: 100px; } #header  p.header-title {margin:5px 0; padding:0 20px 0 0; font-size:25pt; border-bottom:1px solid #0000FF; display:inline-block; } #header  p.header-title a:link {text-decoration:none; } #header  p.header-title a:visited {color:#000000; } p.header-lead {font-size:10pt; margin:0; line-height:1em; } .toplead { text-align: center; margin:3px 0; padding: 3px 0; background: #fffcc5; font-size: 11.5pt; } time  {float:right; border:1px solid #0F56FF; color:#0F56FF; font-size:10pt; padding:0 5px; } time:after {content: "."; color: #FFF; clear: both; } h1 {font-size:25pt; margin:40px auto 15px; border-left:6px dotted #0F56FF; padding:12px 5px; line-height:1.1em; user-select: text; } h2 {border-left:6px dotted #0F56FF; margin: 90px auto 45px; padding:12px 5px; font-size:20pt; line-height:1.1em; } h3 {border-left:3px solid #0F56FF; border-bottom:1px dashed #DDD; margin:70px auto 40px; padding:6px 5px; line-height:1.1em; } .breadsc ol {list-style:none; font-size:10pt; padding:0; } .breadsc ol li {padding:0 0 0 10px; list-style:none; background-color:#F0F0F0; float:left; } .breadsc:after {content: "."; color:#FFF; clear: both; } article p {margin:30px auto; font-size: 12.5pt; line-height: 1.45em; padding: 0 7px; } article ul {} article ul li {margin:15px 5px; } article ol {} article ol li {margin:15px 5px; } .mokuji  {width:80%; max-width:400px; margin:0 auto; font-size:12pt; border:3px double #E0E0E0; } .mokuji li  {margin:3px 0; font-weight:bold; width:95%; } .mokuji p  {margin:0; text-align:center; } .image100  {width:100%; height: auto; margin:0; pointer-events: none; } table {width: 95%; margin: 25px auto; border-collapse: collapse; } table caption {padding: 8px 0; font-style: italic; } table th {border:1px solid #FFF; padding: 8px 0; background-color: #ccc; } table td {padding: 8px 0; border-bottom: 1px dotted #333; } .seo {} .seo:after {content: "SEOテク"; font-size: 10pt; font-weight: bold; padding:5px; color:#FFF; background:#f61e1e; margin:2px 5px; display: inline-block; } .web {} .web:after {content: "WEB制作"; font-size: 10pt; font-weight: bold; padding:5px; color:#000; background:#6fff9e; margin:2px 5px; display: inline-block; } .blog {} .blog:after {content: "ブログ"; font-size: 10pt; font-weight: bold; padding:5px; color:#000; background:#ffb300; border-radius: 4px; margin:2px 5px; display: inline-block; } .indexlink {margin:150px 0 30px; text-align:center; font-size:10pt; line-height:1em; } .pagetop   {position:fixed; bottom:20px; right:0px; background-color:rgba(50,50,50,0.4); opacity:0.6; text-align:center; } #footer  {margin:50px 0; border-top:1px solid #0000FF; text-align:center; font-size:9pt; } /*index.php*/ .indexmokuji {list-style-type: none; margin:30px auto; padding: 0; } .indexmokuji li {margin: 15px 5px; } .indexmokuji li img {width: 125px; height: auto; margin-right: 5px; pointer-events: none; float: left; } .indexmokuji li:after {content: "."; color:#FFF; display: block; font-size: 1px; clear: both; } .indexmokuji  .innermokuji {margin: 5px; padding: 0; } .indexmokuji  .innermokuji li {margin:3px; padding:2px; list-style-type: none; float: left; } .indexmokuji  .innermokuji:after {content: "."; color:#FFF; display: block; clear: both; } .marker {background: linear-gradient(transparent 70%, #ffeb3b 70%); } .bb {font-weight: 700; } .selectok {user-select: text; } pre {white-space: pre-wrap; } blockquote {border-left: 4px solid #cbff59; padding: 0.8em 1em; margin: 1.5em 0; background: #f9f9f9; color: #333; font-style: italic; } aside h2 {font-size: 11pt; border-left:3px solid #0F56FF; } aside .indexmokuji img {pointer-events: auto; }