@charset "utf-8"; /* Responsive: yes *//*  Theme: boilerplate  Author: Hatena Blog Team  Licensed under the MIT license.*//*  import normalize *//*! normalize.css v3.0.1 | MIT License | git.io/normalize *//** 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling *    user zoom. */html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}/** Remove default margin. */body { margin: 0;}/* HTML5 display definitions   ========================================================================== *//** Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}/** 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}/** Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */audio:not([controls]) { display: none; height: 0;}/** Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */[hidden],template { display: none;}/* Links   ========================================================================== *//** Remove the gray background color from active links in IE 10. */a { background: transparent;}/** Improve readability when focused and also mouse hovered in all browsers. */a:active,a:hover { outline: 0;}/* Text-level semantics   ========================================================================== *//** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */abbr[title] { border-bottom: 1px dotted;}/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */b,strong { font-weight: bold;}/** Address styling not present in Safari and Chrome. */dfn { font-style: italic;}/** Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */h1 { font-size: 2em; margin: 0.67em 0;}/** Address styling not present in IE 8/9. */mark { background: #ff0; color: #000;}/** Address inconsistent and variable font size in all browsers. */small { font-size: 80%;}/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sup { top: -0.5em;}sub { bottom: -0.25em;}/* Embedded content   ========================================================================== *//** Remove border when inside `a` element in IE 8/9/10. */img { border: 0;}/** Correct overflow not hidden in IE 9/10/11. */svg:not(:root) { overflow: hidden;}/* Grouping content   ========================================================================== *//** Address margin not present in IE 8/9 and Safari. */figure { margin: 1em 40px;}/** Address differences between Firefox and other browsers. */hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}/** Contain overflow in all browsers. */pre { overflow: auto;}/** Address odd `em`-unit font size rendering in all browsers. */code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em;}/* Forms   ========================================================================== *//** Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. *//** 1. Correct color not being inherited. *    Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */button,input,optgroup,select,textarea { color: inherit; /* 1 */  font: inherit; /* 2 */  margin: 0; /* 3 */}/** Address `overflow` set to `hidden` in IE 8/9/10/11. */button { overflow: visible;}/** Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */button,select { text-transform: none;}/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` *    and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type *    `input` and others. */button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; /* 2 */  cursor: pointer; /* 3 */}/** Re-set default cursor for disabled elements. */button[disabled],html input[disabled] { cursor: default;}/** Remove inner padding and border in Firefox 4+. */button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}/** Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */input { line-height: normal;}/** It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}/** Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;}/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome *    (include `-moz` to future-proof). */input[type="search"] { -webkit-appearance: textfield; /* 1 */  -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */  box-sizing: content-box;}/** Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}/** Define consistent border, margin, and padding. */fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}/** 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */legend { border: 0; /* 1 */  padding: 0; /* 2 */}/** Remove default vertical scrollbar in IE 8/9/10/11. */textarea { overflow: auto;}/** Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */optgroup { font-weight: bold;}/* Tables   ========================================================================== *//** Remove most spacing between table cells. */table { border-collapse: collapse; border-spacing: 0;}td,th { padding: 0;}/*  import mixin */.clearfix { display: block; *zoom: 1;}.clearfix:after { display: block; visibility: hidden; font-size: 0; height: 0; clear: both; content: ".";}.inline-block { display: inline-block; *display: inline; *zoom: 1;}.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}/*  import variable *//* Common */@font-face{font-family:NotoSansCJKjp-min;font-style:normal;font-weight:400;src:local("NotoSansCJKjp-Regular.otf"),local("NotoSansJP-Regular.otf"),url(https://geek-out.jp/pc-static/assets/fonts/NotoSansMin/NotoSansCJKjp-min-Regular.woff) format("woff")}@font-face{font-family:NotoSansCJKjp-min;font-style:normal;font-weight:700;src:local("NotoSansCJKjp-Bold.otf"),local("NotoSansJP-Bold.otf"),url(https://geek-out.jp/pc-static/assets/fonts/NotoSansMin/NotoSansCJKjp-min-Bold.woff) format("woff")}html,body { font-family: "Noto Sans", "Noto Sans CJK JP", "NotoSansCJKjp-min", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #333; background-color: #ffffff; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: auto; font-size: 14px; letter-spacing: .12em; word-break: break-all; height:100%;}a { color: #1d1b1b; text-decoration: none;}a:visited { color: #1d1b1b;}a:hover { color: #1d1b1b;}h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #333333; text-decoration: none;}a.keyword { text-decoration: none; border-bottom: 1px dotted #dddddd; color: #454545;}/* Buttons */.btn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; line-height: 18px; color: #454545; background-color: #ffffff; text-align: center; vertical-align: middle; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; border-radius: 2px; background-clip: padding-box; cursor: pointer; font-size: 12px; text-decoration: none; font-weight: bold; border: 1px solid rgba(0, 0, 0, 0.2); text-decoration: none !important;}.btn:hover { background-color: #f5f5f5; text-decoration: none !important;}.btn-small { padding: 2px 10px !important; font-size: 11px !important;}.btn-large { padding: 13px 19px; font-size: 17px; line-height: normal; font-weight: bold;}/* container */#container { width: auto; margin:0; padding:0; background:#eeeeee;}#container #container-inner{}/* header */#ownhead{ background:#fff; border-top:2px solid #1d1b1b; width: 100%; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09); position: fixed; z-index:6; height:60px;}#ownhead h1{ text-align:center; margin:17px 0 0 10px; height: 27px; padding:0; font-size:0; line-height:0;}#ownhead h1 a{ margin:0; padding:0;}#ownhead h1 img{ width: 140px;}#ownhead .global-header__logo{margin:auto; width:140px; height:60px}#ownhead .global-header__logo>a{ margin-left:0; width:140px; height:60px; display:block}#ownhead .global-header__logo>a>svg{ margin:0;width:140px;height:27px}#ownhead .ownhead_inner{ width:1170px; margin:-44px auto 0;}#ownhead .ownhead_inner:after{ content: ""; display: block; clear: both;}#ownhead .head_l{ float:left; padding:24px 0 25px;}#ownhead .head_l ul,#ownhead .head_l li{ list-style-type:none; margin:0; padding:0;}#ownhead .head_l li{ float:left; margin:0; padding:0; font-size:0;}#ownhead .head_l li a { display: inline-block; margin: 0 30px 0 0; font-size: 11px; font-weight: bold; letter-spacing: .12em; line-height:1.0;}#ownhead .head_l li a:hover { color: #901b22;}#ownhead .head_r{ float:right; padding:10px 0;}#ownhead .head_r .global-header__login-item:nth-child(1){ width:140px; display:block; background:#901b22; border-radius:2px; text-align:center;}#ownhead .head_r a.login-button{ display:block; font-size:13px; letter-spacing:0.12em; line-height:1.0; color:#fff; padding:13px 10px 13px 0;}#ownhead .head_r .login-button{ position: relative; display: inline-block; padding: 0; font-size: 15px;}#ownhead .head_r .login-button::before,#ownhead .head_r .login-button::after{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}#ownhead .head_r .login-button::after{ right: 13px; width: 6px; height:6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}#sp-header{ display:none;}#container #content { width:1170px; margin:0 auto; display: block; *zoom: 1; position: relative;}#container #content:after { display: block; visibility: hidden; font-size: 0; height: 0; clear: both; content: ".";}.globalheader-off #container { padding-top: 0;}#container #content-inner{ overflow:hidden;}/* パンくず（カテゴリーページで表示されます） */#top-box { margin: 0; background:#fff; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09); position:relative; z-index:5; top: 60px; width: 100%; border-top: 1px solid #eeeeee;}#top-box .breadcrumb { width:1170px; margin:0 auto; padding: 15px 0 14px; font-size: 11px;}/* 2カラムレイアウト */#main { width: 890px; height: 100%; min-height:100%; float: right; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; padding-bottom: 32768px; margin-bottom: -32768px;}#box2 { width: 240px; height: 100%; min-height:100%; float: left; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; padding-bottom: 32768px; margin-bottom: -32768px;}/* HOT TOPICS */#main #main-inner{ margin-top:100px;}#main .hatena-module-recent-entries { margin: 0 0 60px 0; padding: 0;}#main .hatena-module-recent-entries .hatena-module-title { font-size: 21px; font-weight:bold; color: #1d1b1b; text-align:center; background:#fff; border-top:2px solid #03a25d; margin:0; padding:46px 0; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09);}#main .hatena-module-recent-entries .hatena-module-title a { color: #1d1b1b; text-decoration: none;}#main .hatena-module-recent-entries ul { list-style: none; margin: 0; padding:0;}#main .hatena-module-recent-entries li { list-style: none; margin: 0; padding:0;}#main .hatena-module-recent-entries li a { text-decoration: none;}#main .hatena-module-recent-entries li a:hover{ text-decoration: none;}#main .hatena-module-recent-entries li:after{ content: ""; display: block; clear: both;}#main .hatena-module-recent-entries .recent-entries-item{ background:#fff; margin: 20px 0 0 0; padding:40px 28px 40px 40px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09); position:relative; overflow:hidden;}#main .hatena-module-recent-entries .recent-entries-item::after { border-color: #03a25d transparent transparent transparent;}#main .hatena-module-recent-entries .recent-entries-item::after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 0;}#main .hatena-module-recent-entries .urllist-with-thumbnails .urllist-image{ list-style: none;}#main .hatena-module-recent-entries .recent-entries-image{ width:240px; margin:0 32px 0 20px; float:right;}#main .hatena-module-recent-entries .recent-entries-image-link img { object-fit: contain; width:240px; height:160px;}#main .hatena-module-recent-entries .recent-entries-date-link{ width:510px; display:block;}#main .hatena-module-recent-entries .recent-entries-date-link a{ display: inline-block; margin:0; padding:0 0 10px 0; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-size: 15px; line-height:1.0; color: #c4c4c4;}#main .hatena-module-recent-entries .recent-entries-title{ font-size: 18px; line-height:34px; font-weight:bold; margin:0; padding:0; width:510px; display:block; float:left; text-align:justify;}#main .hatena-module-recent-entries a.recent-entries-title { text-decoration: none; color:#37358d;}#main .hatena-module-recent-entries a:hover.recent-entries-title { text-decoration: none; border-bottom:none; color:#37358d; text-decoration:underline;}#main .hatena-module-recent-entries .recent-entries-categories{ display:none;}#main .hatena-module-recent-entries .recent-entries-entry-body { color: #333; font-size: 13px; line-height:21px; margin:15px 0 0 0; padding:0; width:510px; float:left; text-align:justify;}#main .hatena-module-recent-entries .urllist-item-inner{ position: relative; display: inline-block; padding: 0; font-size: 15px;}#main .hatena-module-recent-entries .urllist-item-inner::before,#main .hatena-module-recent-entries .urllist-item-inner::after{ position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle;}#main .hatena-module-recent-entries .recent-entries-item-inner::after{ right: 0px; width: 10px; height:10px; border-top: 2px solid #c4c4c4; border-right: 2px solid #c4c4c4; -webkit-transform: rotate(45deg); transform: rotate(45deg);}/* HOT TOPICS　最初の1項目 */#main .hatena-module-recent-entries li:first-child.recent-entries-item{ background:#fff; margin: 20px 0 0 0; padding:0; position:static; font-size: 0;}#main .hatena-module-recent-entries li:first-child.recent-entries-item::after { content: none; border:none;}#main .hatena-module-recent-entries li:first-child .recent-entries-image{ width:450px; margin:0 40px 0 0; padding:0; float:left;}#main .hatena-module-recent-entries li:first-child .recent-entries-image-link img { object-fit: cover; width:450px; height:300px;}#main .hatena-module-recent-entries li:first-child .recent-entries-date-link{ width:360px; margin:0; padding:40px 0 15px 0; display:block; float:right;}#main .hatena-module-recent-entries li:first-child .recent-entries-date-link a{ margin:0; padding:0; display:block;}#main .hatena-module-recent-entries li:first-child a.recent-entries-title { width:360px; margin:0; padding:0; display: block; float:right;}#main .hatena-module-recent-entries li:first-child .recent-entries-entry-body { color: #333; font-size: 13px; line-height:21px; margin:20px 0 0 0; padding:0; width:360px; display: block; float:right; text-align:justify;}#main .hatena-module-recent-entries li:first-child .urllist-item-inner::before,#main .hatena-module-recent-entries li:first-child .urllist-item-inner::after{ content: none;}#main .hatena-module-recent-entries li:first-child .recent-entries-item-inner{ padding:0 40px 0 0;}/* もっと見るボタン */#main .more a{ margin:0 auto 60px; font-size: 13px; letter-spacing: .12em; display: block; width: 370px; height: 20px; background: #cfcfcf; color: #fff; text-align: center; padding: 10px 0 ; position: relative; transition:.3s ease}#main .more a::after{ top:0; right:-10px; position:absolute ; content:' '; display:inline-block; width:0; height:0; border-top:20px solid transparent; border-left:none; border-left:10px solid #cfcfcf; border-bottom:20px solid transparent;transition:.3s ease}#main .more a:hover { text-decoration:none; background:#726C6C;}#main .more a:hover::after{ border-left:10px solid #726C6C;}/* 記事ページ */#main-inner a{ text-decoration: none;}#main-inner a:hover{ text-decoration:none;}#main-inner article{ margin: 0; padding:0;}#main-inner article.entry:not( :first-child ){ margin-top:2em;}#main-inner .entry-header{ background:#fff; padding:40px 40px 0; border-top:2px solid #03a25d; position:relative; z-index:2;}#main-inner .entry-header .date a{  font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-size: 15px; line-height:1.0; color: #c4c4c4; margin:0; padding:0;}#main-inner .entry-header h1.entry-title{ font-size: 21px; line-height:36px; font-weight:bold; color:#1d1b1b; margin:15px 0 0 0; padding:0;}#main-inner .entry-header .categories{ margin:15px 0 0 0; padding:0;}#main-inner .entry-header .categories a{ margin: 0 6px 0 0; display: inline-block; background: #f3f3f3; color: #37358d; font-weight: bold; font-size: 11px; letter-spacing: .075em; border-radius: 8px; line-height: 17px; padding: 0 7px; transition: .3s ease;}#main-inner .entry-header .categories a:hover{ background:#37358d; color:#fff;}#main-inner .entry-header .categories:after { content: ""; display: block; clear: both;}#main-inner .entry-header-menu{ display:none;}#main-inner .entry-header .social-buttons{ margin:15px 0 0;}#main-inner .entry-header .social-buttons .social-button-item { display: inline-block; vertical-align: top; margin-right: 0; margin-bottom:0; margin-top:0; margin-left:0; }#main-inner .entry-content{ background:#fff; margin:0; padding:40px 40px 60px; color: #333; font-size: 14px; line-height:30px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09); position:relative; z-index:1;}#main-inner .entry-content ul,#main-inner .entry-content li{ word-break: normal;}#main-inner .entry-content p{ margin:0 0 30px 0; padding:0; color: #1d1b1b; font-size: 14px; line-height:30px; word-break: normal;}#main-inner .entry-content a{ text-decoration:underline; color:#37358d;}#main-inner .entry-content a:hover{ text-decoration:none; border-bottom:none; color:#37358d;}#main-inner .entry-content .hatena-fotolife{ width:100%; margin:0; padding:0;}#main-inner .entry-content h2{ color: #1d1b1b; font-size: 24px; line-height:32px; font-weight:bold; margin:70px 0 30px;}#main-inner .entry-content h3{ color: #1d1b1b; font-size: 20px; line-height:30px; font-weight:bold; margin:50px 0 30px;}#main-inner .entry-footer .entry-footer-section{ display:none;}#main-inner .entry-footer .hatena-star-container { margin:60px 0 0 0; padding:20px 20px 0; background:#FFF; display:block; border-top:1px solid #c8c8c8; text-align:center; position:relative; z-index:2;}#main-inner .entry-footer .star-navigation-tooltip { display:none;}#main-inner .entry-footer .social-buttons{ margin:0; padding:10px 0 20px; background:#FFF; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09); text-align:center; position:relative; z-index:1;}#main-inner .entry-footer .social-buttons .social-button-item { display: inline-block; vertical-align: top; margin-right: 0; margin-bottom:0; margin-top:0; margin-left:0;}#main-inner .hatena-module-related-entries{ margin:60px 0 0 0; background:#fff; padding:40px; border-top:1px solid #c8c8c8; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09);}#main-inner .hatena-module-related-entries .hatena-module-title{ font-size: 17px; color: #1b1d1d; display:block; margin:0; font-weight:bold;}#main-inner .hatena-module-related-entries ul { list-style: none; margin: 0; padding:0;}#main-inner .hatena-module-related-entries ul:after{ content: ""; display: block; clear: both;}#main-inner .hatena-module-related-entries li { list-style: none; margin: 20px 32px 0 0; padding:0; width:248px; float:left; text-align:justify;}#main-inner .hatena-module-related-entries li:nth-child(3n){ margin: 20px 0 0 0;}#main-inner .hatena-module-related-entries .related-entries-image{ width:248px; height:115px; margin:0 0 15px 0; padding:0; order: 0;}#main-inner .hatena-module-related-entries .related-entries-title-link{ margin:0; padding: 0; font-weight:bold; font-size: 15px; line-height:30px;}#main-inner .hatena-module-related-entries a.related-entries-title-link { text-decoration: none; border-bottom:1px dashed #37358d; color:#37358d;}#main-inner .hatena-module-related-entries a:hover.related-entries-title-link{ text-decoration:none; border-bottom:none; color:#37358d;}/* コラムトップへ戻るボタン */#main-inner .gototop{ display:none;}/* 記事下pager */#main-inner .pager{ width:760px; margin:60px auto; padding: 0; font-size: 13px;}#main-inner .pager .pager-prev a,#main-inner .pager .pager-next a{ margin:0 auto; font-size: 13px; letter-spacing: .12em; display: block; width: 370px; height: 20px; background: #cfcfcf; color: #fff; text-align: center; padding: 10px 0 ; position: relative; transition:.3s ease; box-shadow:0 0 5px 0 rgba(0,0,0,.1);}#main-inner .pager .pager-prev{ text-align:left; width:360px; float:left; margin:0 40px 0 0;}#main-inner .pager .pager-next{ text-align:right; width:360px; float:right;}#main-inner .pager .pager-prev:after,#main-inner .pager .pager-next:after{ content: ""; display: block; clear: both;}#main-inner .pager .pager-prev a::after{ top:0; left:-10px; position:absolute ; content:' '; display:inline-block; width:0; height:0; border-top:20px solid transparent; border-left:none; border-right:10px solid #cfcfcf; border-bottom:20px solid transparent;transition:.3s ease}#main-inner .pager .pager-next a::after{ top:0; right:-10px; position:absolute ; content:' '; display:inline-block; width:0; height:0; border-top:20px solid transparent; border-left:none; border-left:10px solid #cfcfcf; border-bottom:20px solid transparent;transition:.3s ease}#main-inner .pager .pager-prev a:hover,#main-inner .pager .pager-next a:hover { text-decoration:none; background:#726C6C;}#main-inner .pager .pager-prev a:hover::after{ border-right:10px solid #726C6C;}#main-inner .pager .pager-next a:hover::after{ border-left:10px solid #726C6C;}#main-inner .pager .pager-arrow{ display: none; }/* 記事下pager archive用 */.page-archive #main .pager{ width:760px; margin:60px auto; padding: 0; font-size: 13px;}.page-archive #main .pager .pager-prev a,.page-archive #main .pager .pager-next a{ margin:0 auto; font-size: 13px; letter-spacing: .12em; display: block; width: 370px; height: 20px; background: #cfcfcf; color: #fff; text-align: center; padding: 10px 0 ; position: relative; transition:.3s ease; box-shadow:0 0 5px 0 rgba(0,0,0,.1);}.page-archive #main .pager .pager-prev{ text-align:left; width:360px; float:left; margin:0 40px 0 0;}.page-archive #main .pager .pager-next{ text-align:right; width:360px; float:right;}.page-archive #main .pager .pager-prev:after,.page-archive #main .pager .pager-next:after{ content: ""; display: block; clear: both;}.page-archive #main .pager .pager-prev a::after{ top:0; left:-10px; position:absolute ; content:' '; display:inline-block; width:0; height:0; border-top:20px solid transparent; border-right:10px solid #cfcfcf; border-bottom:20px solid transparent; transition:.3s ease;}.page-archive #main .pager .pager-next a::after{ top:0; right:-10px; position:absolute ; content:' '; display:inline-block; width:0; height:0; border-top:20px solid transparent; border-left:10px solid #cfcfcf; border-bottom:20px solid transparent; transition:.3s ease;}.page-archive #main .pager .pager-prev a:hover,.page-archive #main .pager .pager-next a:hover { text-decoration:none; background:#726C6C;}.page-archive #main .pager .pager-prev a:hover::after{ border-right:10px solid #726C6C;}.page-archive #main .pager .pager-next a:hover::after{ border-left:10px solid #726C6C;}.page-archive #main .pager .pager-arrow{ display: none; }/* archiveページ */.page-archive #main-inner{ margin:0; padding:0;}.page-archive #main-inner h2 { color: #1d1b1b; font-size: 21px; font-weight:bold; margin:0; padding:40px; background:#FFFFFF;}.page-archive #main-inner p { font-size: 15px; line-height:21px; margin:0; padding:0 40px 60px; background:#FFFFFF; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09);}.page-archive .archive-entry{ background:#fff; margin: 20px 0 0 0; padding:40px 60px 40px 40px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09); position:relative;}.page-archive .archive-entry:last-child{ margin: 20px 0;}.page-archive #main-inner .archive-entries .date{ padding:0 0 10px 0;}.page-archive #main-inner .archive-entries .date a{  margin:0; padding:0; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-size: 15px; line-height:1.0; color: #c4c4c4;}.page-archive #main-inner .archive-entries .entry-title{ font-size:18px; line-height:30px; font-weight:bold; margin:0; padding:0; width:790px; text-align:justify;}.page-archive #main-inner .archive-entries .categories{ display:none;}.page-archive #main-inner .archive-entries .entry-thumb { width: 120px; height: 120px; float:right; margin:15px 0 0 0; vertical-align:top; background-size:auto 100%;}.page-archive #main-inner .archive-entries .entry-description{color: #333; font-size: 13px; line-height:21px; margin:15px 0 0 0; padding:0; width:640px; background:none; box-shadow:none; float: left; text-align:justify;}.page-archive #main-inner .archive-entries .social-buttons{ display:none;}.page-archive #main-inner .archive-entries a { text-decoration: none; color:#37358d;}.page-archive #main-inner .archive-entries a:hover{ text-decoration: underline;}.page-archive #main-inner .archive-entries .archive-entry-body:after{ content: ""; display: block; clear: both;}.page-archive .archive-entry::before,.page-archive .archive-entry::after{ position: absolute; top: 0; bottom: 0; right: 26px; margin: auto; content: ""; vertical-align: middle; right: 26px; width: 10px; height:10px; border-top: 2px solid #c4c4c4; border-right: 2px solid #c4c4c4; -webkit-transform: rotate(45deg); transform: rotate(45deg);}.page-archive .archive-entry-header::after { border-color: #03a25d transparent transparent transparent;}.page-archive .archive-entry-header::after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 0;}/* aboutページ */.page-about #main-inner .entry-content { background:#fff; margin:0; padding:20px 20px 30px; line-height:1.0; }.page-about dt { font-weight: bold; border-bottom: 1px dotted #1d1b1b; margin-bottom:10px; padding-bottom:10px;}.page-about dd { margin-left: 0; margin-bottom: 50px;}.page-about dd:last-child{ margin-bottom: 0;}/* not found */#main-inner .no-entry .entry-content { margin:0; padding:0; color: #333;}#main-inner .no-entry h1{ font-weight:bold; color: #1d1b1b; font-size: 21px; font-weight:bold; margin:0; padding:40px; background:#FFFFFF;}#main-inner .no-entry p{ font-size: 15px; line-height:21px; margin:0; padding:0 40px 60px; background:#FFFFFF;}/* 本文内パーツ */#main-inner .bottomparts1{ background-color: #eeeeee; margin:40px 0 0 0; padding:40px;}#main-inner .bottomparts1 .bottomparts_ttl{ font-size: 20px; line-height:1.4; font-weight:bold; margin:0 0 15px 0;}#main-inner .bottomparts1 p{font-size: 12px; line-height:26px;}#main-inner .bottomparts2{ background-color: #eeeeee; margin:40px 0 0 0; padding:40px;}#main-inner .bottomparts2 .bottomparts_r{ width:130px; float:right; margin:0; padding:0;}#main-inner .bottomparts2 .bottomparts_r img{ width:130px;}#main-inner .bottomparts2 .bottomparts_l:after { content: ""; display: block; clear: both;}#main-inner .bottomparts2 .bottomparts_l{ margin:0 170px 0 0;} #main-inner .bottomparts2 .bottomparts_ttl{ font-size: 20px; line-height:1.4; font-weight:bold; margin:0 0 15px 0;}#main-inner .bottomparts2 p{font-size: 12px; line-height:26px;}.entry .entry-content .go-author-profile { display: flex; margin: 0; }.entry .entry-content .go-author-profile > :first-child { margin-right: 1em ; width: 150px; max-width: 33%; }.entry .entry-content .go-author-profile > :first-child img { vertical-align: middle; }.entry .entry-content .go-author-profile > :nth-child(2) { flex: 1; font-size: 90%; }/* sidebar */#box2 #box2-inner { margin-top:100px; margin-bottom:30px; border-top:2px solid #03a25d;}#box2 .hatena-module{ margin: 0; padding:0;}#box2 .hatena-module img{ vertical-align:top;}#box2 .hatena-module-title{ padding:15px 15px 12px; background:#fff; font-size: 13px; font-weight: bold;}#box2 .hatena-module-title a{}#box2 .hatena-module-title a:hover{ color:#fff; text-decoration:none;}/* rside_cat */#box2 .hatena-module-category{ margin:0; background:#fff;}#box2 .hatena-module-category .hatena-module-body{ padding:0 15px 12px;}#box2 .hatena-module-category .hatena-module-body ul,#box2 .cat_inner li{ list-style-type:none; margin:0; padding:0;}#box2 .hatena-module-category .hatena-module-body ul{ border-top: 2px solid #eeeeee; padding-top:12px;}#box2 .hatena-module-category .hatena-module-body li{ font-size: 12px; line-height:1.0; float:left; margin-right: 6px; margin-bottom: 6px;}#box2 .hatena-module-category .hatena-module-body li a{ margin: 5px 4px 5px 0; display: inline-block; background: #f3f3f3; color: #37358d; font-weight: bold; font-size: 11px; letter-spacing: .075em; border-radius: 8px; line-height: 17px; padding: 0 7px; transition: .3s ease;}#box2 .hatena-module-category .hatena-module-body li a:hover{ background:#37358d; color:#fff;}#box2 .hatena-module-category .hatena-module-body ul:after,#box2 .cat_inner li:after{ content: ""; display: block; clear: both;}/* rside_ranking */#box2 .hatena-module-entries-access-ranking{ margin:0; background:#fff; border-top:1px solid #c8c8c8; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09);}#box2 .hatena-module-entries-access-ranking .hatena-module-body{ padding:0 15px;}#box2 .hatena-module-entries-access-ranking ul { list-style: none; margin: 0; border-top: 2px solid #eeeeee;}#box2 .hatena-module-entries-access-ranking li { list-style: none; border-top:1px solid #eeeeee; margin:0; padding:20px 0;}#box2 .hatena-module-entries-access-ranking li:first-child{ border-top:none;}#box2 .hatena-module-entries-access-ranking .entries-access-ranking-image{ width:210px; height:100px; margin:0; padding:0 0 20px 0;}#box2 .hatena-module-entries-access-ranking .entries-access-ranking-date-link a{ font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-size: 13px; line-height:1.0; color: #c4c4c4; margin:0 0 8px; display:block;}#box2 .hatena-module-entries-access-ranking .entries-access-ranking-title{ margin:0; padding:0; font-size: 11px; line-height:21px; font-weight:bold; color:#37358d; text-decoration: none;}#box2 .hatena-module-entries-access-ranking a.entries-access-ranking-title:hover { color:#37358d; text-decoration: none; border-bottom:1px dashed #37358d;}#box2 .hatena-module-entries-access-ranking .bookmark-widget-counter{ width:120px; float:right; margin: 5px 0 0; padding:0;}  /* rside_recent */#box2 .hatena-module-recent-entries{ margin:20px 0 0 0;}#box2 .hatena-module-recent-entries ul { list-style: none; width:260px; margin: 0; padding:0; background:#fff;  font-size: 13px; font-size: 1.3rem; line-height:1.5;}#box2 .hatena-module-recent-entries li { list-style: none; border-top:1px solid #05447c; margin: 0; padding:20px;}#box2 .hatena-module-recent-entries li:first-child{ border-top:none;}#box2 .hatena-module-recent-entries li a { color:#333; text-decoration: none;}#box2 .hatena-module-recent-entries li a:hover{ color:#333; text-decoration: underline;}#box2 .hatena-module-recent-entries .recent-entries-image{ width:80px; height:80px; margin:0px; padding:0;}#box2 .hatena-module-recent-entries .recent-entries-title{ width:120px; float:right; margin: 0; padding:0;}#box2 .bnr_codequest .pc{ margin:30px 0 0 0;}#box2 .bnr_codequest .sp{ display:none;}#box2 .bnr_codequest ul,#box2 .bnr_codequest li{ list-style-type:none; margin:0; padding:0; vertical-align:top; line-height:0;}#box2 .bnr_codequest li:first-child{ margin:0 0 10px 0;}/* rside_sns_box */#box2 .sns_box{ margin:20px 0 0 0;}#box2 .sns_box .fb_box{ margin:0; padding:0;}#box2 .sns_box .tw_box{ margin:10px 0 0 0; padding:0;}/* urllist module リンク・最新記事・最近のコメント・月別アーカイブ・カテゴリモジュールは .hatena-urllist という共通の class が振られます */.hatena-urllist { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;}/* Search module */.hatena-module-search-box .search-form { border: 1px solid #dddddd; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; border-radius: 3px; background-clip: padding-box; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}.hatena-module-search-box .search-module-input { padding: 5px; color: #454545; background: none; border: none; outline: none; height: 20px; width: 90%;}.hatena-module-search-box .search-module-button { width: 20px; height: 20px; background: transparent url(http://blog.hatena.ne.jp/images/theme/search.png) no-repeat right center; border: none; outline: none; text-indent: -9999px; position: absolute; top: 5px; right: 5px; opacity: 0.5;}.hatena-module-search-box .search-module-button:hover { opacity: 0.85;}/* Pager */.pager { margin: 1em 0; display: block; *zoom: 1;}.pager:after { display: block; visibility: hidden; font-size: 0; height: 0; clear: both; content: ".";}.pager .pager-prev { float: left; text-align: left; width: 45%;}.pager .pager-next { float: right; text-align: right; width: 45%;}/* Footer */#footer { margin: 0 auto;}#footer p { margin: 0;}#footer ul, #footer li{ margin: 0; padding:0;}#footer .p-recommend{box-shadow:0 1px 8px 0 rgba(0,0,0,.1)}#footer .p-recommend{position:relative;z-index:3;padding:50px 0;width:100%;min-width:1080px;margin:0 auto;background-size:cover;background-position:center center;background-image:url(https://geek-out.jp/pc-static/assets/images/common/image-recommend.jpg)}#footer .p-recommend__header{width:1000px;margin:auto;font-size:22px;line-height:40px;letter-spacing:.26em;font-weight:700;text-align:center}#footer .p-recommend__body{width:1000px;margin:20px auto 0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}#footer .p-recommend__text{font-size:16px;letter-spacing:.1em}#footer .p-recommend__button{margin-top:2px;width:271px;vertical-align:bottom}#footer .p-recommend__button svg{vertical-align:bottom;width:105px;height:20px;margin-right:5px}#footer .p-recommend__button svg path{fill:#fff}#footer .c-button{ position:relative; width:100%; display:block; background:#1d1b1b; padding:11px 0; font-weight:700; cursor:pointer; letter-spacing:.12em; color:#fff; text-align:center;}#footer .c-button:before{ position:absolute; content:' '; display:block; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,.2); opacity:0; transition:.5s ease;}#footer .c-button--red{background:#901b22}#footer .c-button--round{border-radius:2px}#footer .c-button:hover:before{opacity:1}#footer .global-footer{position:relative;z-index:3;width:100%}#footer .global-footer__bar-copy{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:0 0 320px;flex:0 0 320px;width:320px;font-size:11px}#footer .global-footer__link>li>p>a,.global-footer__sns>li>a{font-size:12px;color:#fff}#footer .global-footer__top{padding:40px 0;background:#323030}#footer .global-footer__data{position:relative;width:1000px;margin:auto}#footer .global-footer__logo{display:inline-block}#footer .global-footer__logo svg{width:141px;height:28px}#footer .global-footer__logo svg path{fill:#fff}#footer .global-footer__share{margin-left:20px;display:inline-block}#footer .global-footer__share>li{list-style-type:none;display:inline-block;margin-right:5px}#footer .global-footer__share>li:nth-child(2){position:relative;top:1px}#footer .global-footer__sns{position:absolute;right:0;top:2px;width:320px;display:-ms-flexbox;display:flex}#footer .global-footer__sns>li{margin-left:20px; display:inline-block; font-size:12px; letter-spacing:0;}#footer .global-footer__sns>li>a svg{width:11px;height:11px;margin-right:4px}#footer .global-footer__sns>li>a[target="_blank"]:after{content:' ';display:inline-block;width:10px;height:9px;background-size:cover;background-image:url(https://geek-out.jp/pc-static/assets/images/common/icon-blank.svg)}/* Footer___global-footer */#footer .global-footer__link{ width:1000px; margin:10px auto 0; display:-ms-flexbox; display:flex;}#footer .global-footer__link>li{ list-style-type:none; color:#fff; font-size:12px; letter-spacing:0;}#footer .global-footer__link > li:not(:last-of-type) { margin-right: 50px;}#footer .global-footer__link>li>p{ margin:10px 0 0;}#footer .global-footer__link>li>p>a:first-child:before{ display:inline-block; width:0; height:0; border-top:4px solid transparent; margin-right:8px;}#footer .global-footer__link-button a{ margin-left:-8px; display:block; background:#37358d; padding:1px 8px; border-radius:2px;}#footer .global-footer__button{ border-radius:2px; padding:2px 10px; display:inline-block; background:#37358d;}#footer .global-footer__button:before{ display:inline-block; width:0; height:0; border-top:4px solid transparent; margin-right:4px;}#footer .global-footer__bar-list>li>a:hover,#footer .global-footer__link>li>p>a:hover,#footer .global-footer__search-list>li>a:hover,#footer .global-footer__sns>li>a:hover{opacity:.5}#footer .global-footer__link > li > p > a:first-child:before { content: ' '; display: inline-block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: none; border-left: 6px solid #fff; margin-right: 8px;}/* Footer___global-footer__bar */#footer .global-footer__bar{ padding:10px 0; width:100%; background:#1d1b1b; color:#fff; font-size:11px; letter-spacing:.155em;}#footer .global-footer__bar-inner{ width:1170px; padding:0; margin:auto; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between;}#footer .global-footer__bar-list>li{ margin:5px 0; list-style-type:none; display:inline-block;}#footer .global-footer__bar-list>li:after{ content:' '; display:inline-block; width:1px; height:8px; margin:0 10px; background:#fff;}#footer .global-footer__bar-list>li:last-child:after{ display:none;}#footer .global-footer__bar-list>li>a{ color:#fff;}#footer .global-footer__bar-list>li>a[target="_blank"]:after{ content:' '; display:inline-block; width:10px; height:9px; position:relative; top:1px; left:2px; background-size:cover; background-image:url(https://geek-out.jp/pc-static/assets/images/common/icon-blank.svg);}#sp-footer{ display:none;}/* ここからSP====================== *//* ======================================================== SP======================================================== *//* Media Queries - Small Tablet & Smartphone */@media (max-width: 800px) {	body { width: 100%; margin:0; padding: 0;}	.sp{ display: block !important; }	br.sp{ display: inline-block !important; }	/* 全体 ------------------ */	#container { width: 100%; margin: 0;}	#container-inner { width: 100%; margin:0; padding: 0;}	#container #content { width: 100%; margin:0; padding: 0;}	#content-inner { width: 100%; margin:0; padding: 0;}	#main { float: none; width: 100%; max-width: 100%; height:auto; margin:0; padding:0; border-left:none; border-right:none;}	#box2 { float: none; width: 100%; max-width: 100%; height:auto; margin:0; padding:0; border-left:none; border-right:none;}	#main #main-inner{ margin-top:65px;}	#top-editarea,	#bottom-editarea { width: 100%; margin:0; padding: 0;}	.hatena-module { width: 100%; float: none; padding: 0;}	.hatena-module-body { width: 100%; margin:0; padding: 0;}	/* header */	#ownhead{ display:none;}	#sp-header{ display:block;}	#sp-header .global-header{ position:fixed; top:0; left:0; z-index:5; background:#fff; width:100%; margin:0 auto; padding:0; border-top:2px solid #1d1b1b; height:65px; box-shadow:0 1px 5px 0 rgba(0,0,0,.09);}	#sp-header .global-header__logo{ position:absolute; width:144px; height:25px; top:0; bottom:0; left:0; right:0; margin:auto;}	#sp-header .global-header__logo>a{ width:100%; display:block;}	#sp-header .global-header__logo>a>svg{ width:100%; height:25px;}	#sp-header .global-header__user{ position:absolute; top:0; right:10px;}	#sp-header .global-header__button{ position:absolute; right:0; bottom:0; width:85px;}	#sp-header .global-header__button-item{ margin-bottom:3px; margin-right:5px;}	#sp-header .global-header__button-item>a{position:relative;border-radius:3px;display:block;color:#fff;font-size:10px;font-weight:700;text-align:center;padding:4px 10px 4px 0}	#sp-header .global-header__button-item>a>svg{position:absolute;right:5px;bottom:0;top:0;margin:auto;width:8px;height:8px}	#sp-header .global-footer__logo svg path,.global-header__button-item>a>svg path,.p-recommend__button svg path,.p-section__flag-icon svg path{fill:#fff}	#sp-header .global-header__button-item:first-child>a{background:#1d1b1b}	#sp-header .global-header__button-item:last-child>a{background:#b61f2c}		/* パンくず */	#top-box{ display: none;}	/* TOP_HOT TOPICS */	#main .hatena-module-recent-entries .recent-entries-item{ margin:0; padding:20px 20px 0; overflow:auto; background:#eeeeee; box-shadow:none;}	#main .hatena-module-recent-entries .recent-entries-item::after { content: none;}	#main .hatena-module-recent-entries .hatena-module-title { font-size: 21px; font-weight:bold; color: #1d1b1b; text-align:center; background:#fff; border-top:none; margin:0; padding:43px 0; box-shadow:none;}	#main .hatena-module-recent-entries li .recent-entries-item-inner{ padding:20px; background:#FFFFFF; border-top:3px solid #03a25d; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09);}	#main .hatena-module-recent-entries .recent-entries-image{ width:100%; margin:0; padding:0; float:none;}	#main .hatena-module-recent-entries .recent-entries-image-link img { object-fit:cover; width:100%; height:auto;}	#main .hatena-module-recent-entries .recent-entries-date-link{ width:100%; font-size:0; margin:20px 0 0; padding:0;}	#main .hatena-module-recent-entries .recent-entries-date-link a{ margin:0; padding:0; font-size: 11px; line-height:1.0;}	#main .hatena-module-recent-entries .recent-entries-title{ font-size: 16px; line-height:26px; margin:15px 0 0; padding:0; width:100%; float:none;}	#main .hatena-module-recent-entries .recent-entries-entry-body { font-size: 12px; line-height:21px; margin:15px 0 0; padding:0; width:100%; float:none;}	#main .hatena-module-recent-entries .urllist-item-inner::before,	#main .hatena-module-recent-entries .urllist-item-inner::after{ content:none;}	#main .hatena-module-recent-entries .recent-entries-item-inner::after{ width: 0; height:0;}		/* HOT TOPICS　最初の1項目 */	#main .hatena-module-recent-entries li:first-child.recent-entries-item{ margin: 0; padding:20px 20px 0; background:#eeeeee; position:relative; box-shadow:none;}	#main .hatena-module-recent-entries li:first-child.recent-entries-item::after { content: none; border:none;}	#main .hatena-module-recent-entries li:first-child .recent-entries-item-inner{ padding:20px; background:#FFFFFF; border-top:3px solid #03a25d; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09);}	#main .hatena-module-recent-entries li:first-child .recent-entries-image{ width:100%; margin:0; padding:0; float:none;}	#main .hatena-module-recent-entries li:first-child .recent-entries-image-link img { object-fit:cover; width:100%; height:auto;}	#main .hatena-module-recent-entries li:first-child .recent-entries-date-link{ width:100%; margin:20px 0 0; padding:0; float:none;}	#main .hatena-module-recent-entries li:first-child a.recent-entries-title { font-size: 16px; line-height:26px; margin:15px 0 0; padding:0; width:100%; float:none;}	#main .hatena-module-recent-entries li:first-child .recent-entries-entry-body { font-size: 12px; line-height:21px; margin:15px 0 0; padding:0; width:100%; float:none;}	#main .hatena-module-recent-entries li:first-child .urllist-item-inner::before,	#main .hatena-module-recent-entries li:first-child .urllist-item-inner::after{ content: none;}	/* もっと見るボタン */	#main .more{ margin:30px auto 0; padding:0 20px;}	#main .more a{ margin:30px auto 0; font-size: 14px;width: 90%; height: auto;}	#main .more p{ margin:0; padding:0;} 	/*記事詳細 */    #main-inner .entry{ padding:30px 20px 0;}    #main-inner .entry-header{ padding:30px 20px 0; border-top:none;}    #main-inner .entry-header .date a{  font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-size: 11px; line-height:1.0; color: #c4c4c4; margin:0; padding:0;}    #main-inner .entry-header h1.entry-title{ font-size: 18px; line-height:27px; margin:20px 0 0 0; padding:0;}    #main-inner .entry-header .categories{ margin:15px 0 0 0; padding:0;}    #main-inner .entry-header .categories a{ margin: 0 6px 6px 0; display: inline-block; background: #f3f3f3; color: #37358d; font-weight: bold; font-size: 10px; letter-spacing: .075em; border-radius: 8px; line-height: 17px; padding: 0 10px; transition: .3s ease;}    #main-inner .entry-content{ background:#fff; margin:0; padding:20px 20px 30px; font-size: 12px; line-height:23px;}    #main-inner .entry-content ul,#main-inner .entry-content li{ word-break: normal;}    #main-inner .entry-content p{ margin:0 0 30px 0; padding:0; color: #1d1b1b; font-size: 12px; line-height:23px; font-weight:normal; word-break: normal;}      #main-inner .entry-content .hatena-fotolife{ width:100%; margin:0; padding:0;}    #main-inner .entry-content h2{ font-size: 16px; line-height:30px; margin:50px 0 25px;}    #main-inner .entry-content h3{ font-size: 14px; line-height:26px; margin:40px 0 20px;}    #main-inner .entry-footer .entry-footer-section{ display:none;}    #main-inner .entry-footer .hatena-star-container { margin:30px 0 0 0; padding:20px 20px 0; background:#FFF; display:block; border-top:none;}    #main-inner .entry-footer .social-buttons{ margin:0; padding:10px 20px 20px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09); text-align:center;}    #main-inner .entry-footer .social-buttons .social-button-item { display: inline-block; vertical-align: top; margin-right: 0; margin-bottom:0; margin-top:0; margin-left:0;}    #main-inner .hatena-module-related-entries{ margin:30px 0; padding:20px 20px 0; border-top:none; width:auto;}    #main-inner .hatena-module-related-entries .hatena-module-title{ font-size: 17px; color: #1b1d1d; display:block; margin:0; padding:0 0 20px 0; font-size:14px; font-weight:bold;}    #main-inner .hatena-module-related-entries ul { list-style: none; margin: 0; padding:0; width:100%;}    #main-inner .hatena-module-related-entries li { list-style: none; margin: 0; padding:20px 0; width:100%; float:none; text-align:justify; border-top: 1px solid #eeeeee; display:block; position: relative;}    #main-inner .hatena-module-related-entries li:nth-child(3n){ margin: 0;}    #main-inner .hatena-module-related-entries li img{ width:138px; height:64px;}    #main-inner .hatena-module-related-entries .related-entries-image{ width:138px; height:64px; float:left; margin:0 15px 0 0; padding:0; order: 0;}    #main-inner .hatena-module-related-entries .related-entries-title-link{ margin:0; padding: 0 20px 0 0; font-size: 11px; line-height:20px; font-weight:bold; color:#37358d; display:block;}    #main-inner .hatena-module-related-entries a.related-entries-title-link { border-bottom:none;}    #main-inner .hatena-module-related-entries li::before,    #main-inner .hatena-module-related-entries li::after{ position: absolute; top:0; bottom:0; right: 0; margin: auto; content: ""; vertical-align: middle; width: 10px; height:10px; border-top: 2px solid #c4c4c4; border-right: 2px solid #c4c4c4; -webkit-transform: rotate(45deg); transform: rotate(45deg);}    #main-inner .hatena-module-related-entries .related-entries-item-inner:after { content: ""; display: block; clear: both;}    /* コラムトップへ戻るボタン */    #main .gototop{ display:block; margin:30px auto; padding:0 20px;}    #main .gototop a{ margin:30px auto; font-size: 14px; letter-spacing: .12em; display: block; width: 90%; height: autox; background: #cfcfcf; color: #fff; text-align: center; padding: 10px 0 ; position: relative; transition:.3s ease}    #main .gototop a::after{ top:0; right:-10px; position:absolute ; content:' '; display:inline-block; width:0; height:0; border-top:20px solid transparent; border-left:none; border-left:10px solid #cfcfcf; border-bottom:20px solid transparent;transition:.3s ease}    #main .gototop a:hover { text-decoration:none; background:#726C6C;}    #main .gototop a:hover::after{ border-left:10px solid #726C6C;}	/* 記事下pager */	#main-inner .pager{ display:none;}	/* 記事下pager表示させる場合    #main-inner .pager{ width:100%; margin:30px auto; padding: 0; font-size: 10px;}    #main-inner .pager .pager-prev a,    #main-inner .pager .pager-next a{ margin:0 auto; font-size: 10px; letter-spacing: .12em; display: block; width: 80%; height: 20px; background: #cfcfcf; color: #fff; text-align: center; padding: 10px 0 ; position: relative; transition:.3s ease; box-shadow:0 0 5px 0 rgba(0,0,0,.1);}    #main-inner .pager .pager-prev{ text-align:left; width:80%; float:left; margin:0 0 10px 0;}    #main-inner .pager .pager-next{ text-align:right; width:80%; float:right;}	*/		/* 記事下pager archive用 */    .page-archive #main .pager{ width:100%; margin:0 auto 30px; padding: 0; font-size: 10px;}    .page-archive #main .pager .pager-prev a,    .page-archive #main .pager .pager-next a{ margin:0 auto; font-size: 10px; letter-spacing: .12em; display: block; width: 80%; height: 20px; background: #cfcfcf; color: #fff; text-align: center; padding: 10px 0 ; position: relative; transition:.3s ease; box-shadow:0 0 5px 0 rgba(0,0,0,.1);}    .page-archive #main .pager .pager-prev{ text-align:center; width:80%; float:none; display:block; margin:0 auto 10px;}    .page-archive #main .pager .pager-next{ text-align:center; width:80%; float:none; display:block; margin:0 auto;}    .page-archive #main .pager .pager-prev:after,    .page-archive #main .pager .pager-next:after{ content: ""; display: block; clear: both;}    .page-archive #main .pager .pager-prev a::after{ top:0; left:-10px; position:absolute ; content:' '; display:inline-block; width:0; height:0; border-top:20px solid transparent; border-left:none; border-right:10px solid #cfcfcf; border-bottom:20px solid transparent;transition:.3s ease}    .page-archive #main .pager .pager-next a::after{ top:0; right:-10px; position:absolute ; content:' '; display:inline-block; width:0; height:0; border-top:20px solid transparent; border-right:none; border-left:10px solid #cfcfcf; border-bottom:20px solid transparent;transition:.3s ease}	/* カテゴリ一覧	=========================*/    /* archiveページ */    .page-archive #main #main-inner{ padding:20px;}    .page-archive #main-inner h2 { color: #1d1b1b; font-size: 16px; font-weight:bold; margin:0; padding:30px; background:#FFFFFF;}    .page-archive #main-inner p { font-size: 14px; line-height:21px; margin:0; padding:0 30px 40px; background:#FFFFFF; box-shadow:none;}    .page-archive .archive-entry{ background:#fff; margin:0 0 20px 0; padding:20px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.09); border-top:3px solid #03a25d; position:relative;}    .page-archive .archive-entry:last-child{ margin: 20px 0;}    .page-archive #main-inner .archive-entries .date{ padding:0 0 10px 0;}    .page-archive #main-inner .archive-entries .date a{ font-size: 11px;}    .page-archive #main-inner .archive-entries .entry-title{ font-size:16px; line-height:26px; font-weight:bold; margin:0; padding:0; width:100%;}    .page-archive #main-inner .archive-entries .entry-title a { text-decoration:underline; color:#37358d;}    .page-archive #main-inner .archive-entries .entry-thumb { width: 70px; height: 70px; float:left; margin:15px 15px 0 0; vertical-align:top; background-size:auto 100%;}    .page-archive #main-inner .archive-entries .entry-description{ font-size: 12px; line-height:21px; margin:15px 0 0 0; padding:0; width:auto; background:none; box-shadow:none; float:none;}    .page-archive #main-inner .archive-entries .archive-entry-body:after{ content: ""; display: block; clear: both;}    .page-archive .archive-entry::before,    .page-archive .archive-entry::after{ content:none;}    .page-archive .archive-entry-header::after { content:none;}	    /* 本文内パーツ */    #main-inner .bottomparts1{ background-color: #eeeeee; margin:30px 0 0 0; padding:20px;}    #main-inner .bottomparts1 .bottomparts_ttl{ font-size: 14px; line-height:1.0; font-weight:bold; margin:0 0 12px 0;}    #main-inner .bottomparts1 p{font-size: 12px; line-height:23px;}    #main-inner .bottomparts2{ background-color: #eeeeee; margin:30px 0 0 0; padding:20px;}    #main-inner .bottomparts2 .bottomparts_r{ width:65px; float:right; margin:0; padding:0;}    #main-inner .bottomparts2 .bottomparts_r img{ width:65px;}    #main-inner .bottomparts2 .bottomparts_l{ margin:0 75px 0 0;}     #main-inner .bottomparts2 .bottomparts_ttl{ font-size: 14px; line-height:1.0; font-weight:bold; margin:0 0 12px 0;}    #main-inner .bottomparts2 p{font-size: 12px; line-height:23px;}	    /* aboutページ */    .page-about #main-inner .entry-content { font-size: 14px; margin:0 0 20px 0;}    /* not found */    .page-archive #main-inner .entry{ margin:0; padding:0;}	#main-inner .no-entry{ margin:0 0 20px 0;}	#main-inner .no-entry .entry-content { background:#fff; margin:0; padding:0; color: #333;}    #main-inner .no-entry h1{ font-weight:bold; color: #1d1b1b; font-size: 16px; font-weight:bold; margin:0; padding:30px; background:#FFFFFF;}    #main-inner .no-entry p{ font-size: 14px; line-height:21px; margin:0; padding:0 30px 40px; background:#FFFFFF;}	/* サイドメニュー	====================== */	body #box2{	float: none; width: 100%;}	#box2 #box2-inner { width:auto; margin:0; padding:0 20px; border-top:none;}	#box2 .hatena-module-title{ padding:20px; background:#fff; font-size: 14px; border-bottom:1px solid #eee;}	/* rside_cat */	#box2 .hatena-module-category{ margin:30px 0 0 0;}	#box2 .hatena-module-category .hatena-module-body{ padding:20px; width:auto;}	#box2 .hatena-module-category .hatena-module-body ul{ border-top: none; padding-top:0;}	#box2 .hatena-module-category .hatena-module-body li{ font-size: 12px; line-height:1.0; float:left; margin-right: 6px; margin-bottom: 5px;}	#box2 .hatena-module-category .hatena-module-body li a{ font-size: 12px margin: 5px 4px 5px 0; border-radius: 20px; line-height: auto; padding: 5px 10px;}	/* rside_ranking */	#box2 .hatena-module-entries-access-ranking{ margin:30px 0; border-top:none;}	#box2 .hatena-module-entries-access-ranking .hatena-module-body{ padding:0 20px; width:auto;}	#box2 .hatena-module-entries-access-ranking ul { border-top: none;}	#box2 .hatena-module-entries-access-ranking li { padding:20px 0;}	#box2 .hatena-module-entries-access-ranking .entries-access-ranking-image-link img{ width:138px; height:64px; display:block;}	#box2 .hatena-module-entries-access-ranking .entries-access-ranking-image{ margin:0; padding:0 15px 0 0; float:left;}	#box2 .hatena-module-entries-access-ranking .entries-access-ranking-date-link{ display:none;}	#box2 .hatena-module-entries-access-ranking .entries-access-ranking-title{ margin:0; padding:0 20px 0 0; font-size: 11px; line-height:20px; font-weight:bold; color:#37358d; text-decoration: none; display:block;}	#box2 .hatena-module-entries-access-ranking a.entries-access-ranking-title:hover { color:#37358d; text-decoration:none; border-bottom:none;}	#box2 .hatena-module-entries-access-ranking .bookmark-widget-counter{ display:none;}	#box2 .hatena-module-entries-access-ranking .entries-access-ranking-item{ position: relative;}	#box2 .hatena-module-entries-access-ranking .entries-access-ranking-item::before,	#box2 .hatena-module-entries-access-ranking .entries-access-ranking-item::after{ position: absolute; top:0; bottom:0; right: 0; margin: auto; content: ""; vertical-align: middle; width: 10px; height:10px; border-top: 2px solid #c4c4c4; border-right: 2px solid #c4c4c4; -webkit-transform: rotate(45deg); transform: rotate(45deg);}	#box2 .hatena-module-entries-access-ranking .urllist-item-inner:after { content: ""; display: block; clear: both;}	/* rside_codequest */	#box2 .bnr_codequest .pc{ display:none;}	#box2 .bnr_codequest .sp{ display:block; margin:40px 0 40px 0;}	#box2 .bnr_codequest .sp img{ width:100%;}    /* sp-footer */    #footer{ display:none;}    #sp-footer{ width:100%; font-size:0; display:block;}	#sp-footer ul,#sp-footer li,#sp-footer p{ margin:0; padding:0; letter-spacing:0;}    #sp-footer .p-recommend{ padding:50px 0; width:100%; margin:0 auto;background-size:cover;background-position:center center; background-image:url(https://geek-out.jp/sp-static/assets/images/common/image-recommend.jpg);box-shadow:0 1px 8px 0 rgba(0,0,0,.1)}    #sp-footer .p-recommend__header{ font-size:17px; line-height:40px; letter-spacing:.15em; margin:auto; font-weight:700; text-align:center;}    #sp-footer .p-recommend__body{ margin:20px auto 0; padding:0 20px;}    #sp-footer .p-recommend__text{ text-align:center; font-size:14px; letter-spacing:.05em; margin-right:-1px;}    #sp-footer .p-recommend__button{ margin-top:20px; width:100%; vertical-align:bottom;}    #sp-footer .p-recommend__button svg{ vertical-align:bottom; width:105px; height:20px; margin-right:5px;}    #sp-footer .p-recommend__button svg path{ fill:#fff;}	#sp-footer .c-button{width:100%;display:block;background:#1d1b1b;text-align:center;padding:10px 0;color:#fff;font-weight:700}    #sp-footer .c-button__text{ font-size:13px; letter-spacing:.12em;}    #sp-footer .c-button--red{background:#901b22}    #sp-footer .global-footer{position:relative;z-index:3}    #sp-footer .global-footer__top{padding:20px 20px 0;background:#323030}    #sp-footer .global-footer__data{position:relative;margin:auto}    #sp-footer .global-footer__logo{display:inline-block}    #sp-footer .global-footer__logo svg{width:141px;height:28px}    #sp-footer .global-footer__logo svg path{ fill:#fff;}    #sp-footer .global-footer__share{margin-top:18px;display:block}    #sp-footer .global-footer__share>li{list-style-type:none;display:inline-block;margin-right:5px}    #sp-footer .global-footer__share>li:nth-child(2){position:relative;top:1px}    #sp-footer .global-footer__sns{margin-top:24px;margin-left:-3px;margin-right:-10px}    #sp-footer .global-footer__sns>li{margin-right:6px;display:inline-block}    #sp-footer .global-footer__sns>li:last-child{margin-right:0}    #sp-footer .global-footer__sns>li>a{color:#fff;font-size:12px}    #sp-footer .global-footer__sns>li>a svg{width:11px;height:11px;margin-right:0}    #sp-footer .global-footer__sns>li>a[target=_blank]:after{content:' '; display:inline-block; margin:0 2px; width:12px; height:10px; background-size:cover; url(https://geek-out.jp/pc-static/assets/images/common/icon-blank.svg)}    #sp-footer .global-footer__link{ margin:10px -20px 0; border-top:1px solid #424040;}    #sp-footer .global-footer__link>li{ list-style-type:none; display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid #424040;}    #sp-footer .global-footer__link>li:nth-child(2n+1),.global-footer__link>li>p:nth-child(2n+1){ border-right:1px solid #424040}    #sp-footer .global-footer__link>li>p{ position:relative; width:50%; flex:0 1 50%; padding:8px 8px 8px 16px; margin:0; color:#fff; font-size:10px; -webkit-margin-before: 0em; -webkit-margin-after: 0em;}    #sp-footer .global-footer__link>li>p>a{ align-items:center; color:#fff; font-size:11px;}    #sp-footer .global-footer__link>li>p>a:hover,.global-footer__search-list>li>a:hover{opacity:.5}    #sp-footer .global-footer__link>li>p>a:first-child:before{content:' ';display:inline-block;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:none;border-left:5px solid #fff;margin-right:8px}    #sp-footer .global-footer__link-button a{ margin-left:-7px; display:block; background:#37358d; padding:1px 8px; border-radius:2px;}    #sp-footer .global-footer__button{ border-radius:2px; padding:2px 10px; display:inline-block; background:#37358d;}    #sp-footer .global-footer__button:before{content:' '; display:inline-block; width:0; height:0; border-top:4px solid transparent; border-left:6px solid #fff; border-right:none; border-bottom:4px solid transparent;margin-right:4px;}    #sp-footer .global-footer__bar{ width:100%; background:#1d1b1b; color:#fff; font-size:11px; letter-spacing:.155em;}    #sp-footer .global-footer__bar-inner{width:100%;margin:auto}    #sp-footer .global-footer__bar-list>li>a{ display:block; padding:15px 10px; border-bottom:1px solid #424040; color:#fff; font-size:11px;}    #sp-footer .global-footer__bar-list>li>a:hover,.global-footer__sns>li>a:hover{ opacity:.5;}    #sp-footer .global-footer__bar-list>li>a:before{ content:' '; display:inline-block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:none; border-left:6px solid #fff; margin-right:8px;}    #sp-footer a[target=_blank]:after{ content:' '; display:inline-block; width:10px; height:9px; position:relative; top:1px; left:2px; background-size:cover; background-image:url(https://geek-out.jp/pc-static/assets/images/common/icon-blank.svg)}    #sp-footer .global-footer__bar-list .global-footer__bar-link-button{ border-bottom:1px solid #424040; padding:10px 6px 9px;}    #sp-footer .global-footer__bar-list .global-footer__bar-link-button>a{ padding:5px;}    #sp-footer .global-footer__bar-copy{ text-align:center; font-size:11px; line-height:40px;}}/* ▲ Media Queries - Small Tablet & Smartphone ▲*/