@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;font-display:block;src:local('Material Icons'),local('MaterialIcons-Regular'),url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'),url(https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff')}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}body:before{content:"";display:none}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:''}abbr,acronym{border:0}table{font-size:inherit;font:100%}input,select,textarea{font:99% arial,helvetica,clean,sans-serif}code,pre{font:115% monospace}body,html{margin:0;padding:0}body{text-align:center;font-size:14px;font-family:-apple-system,sans-serif;margin:0;padding:0;background:#fff;color:#333;line-break:strict}address,blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{padding:0;line-height:1.4;text-align:left;display:block;margin:0}table{margin:0;empty-cells:show;font-size:inherit;font:100%}.anchor,.areaAnchor,hr{display:none}img{border:none;vertical-align:bottom}li{list-style:none}input,select,textarea{font:99% arial,helvetica,clean,sans-serif}code,pre{font:115% monospace;font-weight:inherit}body *{line-height:1.4em}abbr,acronym{cursor:help}h1{display:block;font-size:167%;font-weight:900}h1.after{margin-top:10px}h2 a{color:#fff}h3{font-weight:700;margin-top:7px}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}#navigation .dropdown a{text-decoration:none;display:block;line-height:inherit}#navigation a:hover{text-decoration:underline}#footer a{color:#fff}#areaAll{width:990px;margin:0 auto}#site{clear:left;width:990px;background-color:#ec6089;padding:0}#header,#header *{box-sizing:border-box}#header{width:100%;padding:0 0 1px;position:relative;background-color:#ec6089}#contents{clear:both;width:990px;height:auto;background-color:#fff;margin:0;padding:0 0 2em}body #sponsors{border:none!important;border-top:solid 1px #e7e4e0!important;padding-top:3em!important}#main{width:646px;float:left;background-color:#fff;padding:10px 0 20px}#side_r{width:324px;float:right;background-color:#fff}.clear{clear:both}#site .clear hr{display:none}#contents .item-list ul li.aggr_bi,#contents ol#ranking_sessions li:before,#contents ol.gaapi_ranking li:before,.webtan_sprites{background-image:url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/webtan_sprites_2018.png);background-repeat:no-repeat;background-color:transparent;margin:0;padding:0}#navigation,#sitelogo_superbanner{width:990px;margin-left:auto;margin-right:auto}#sitenavmenu{margin:0 10px}#logo{width:252px;height:90px;margin:0;padding:0;float:left;text-indent:-9999px;vertical-align:top}#sitelogo_superbanner{padding:1px 0}#sitelogo_superbanner .banner,#sitelogo_superbanner .banner .block,#sitelogo_superbanner .banner .block .content{padding:0!important}#sitelogo_superbanner .banner{float:left;vertical-align:top;height:90px}#navigation{font-weight:400;padding:0;background-color:transparent}*html #navigation{height:1.81em}#navigation .utility{float:right;padding:0;vertical-align:middle;display:inline-block}#navigation .utility #block-search-form .container-inline div{display:inline-block;margin-top:0;margin-bottom:0}#navigation #nav.dropdown>li{box-sizing:border-box;min-height:22px;line-height:16px}#navigation .utility #block-search-form input{box-sizing:border-box;line-height:1;height:22px;vertical-align:middle}
#navigation .utility #block-search-form input[type=submit]{padding-left:6px;padding-right:6px}#navigation .utility #block-search-form input[type=text]{min-width:120px}#navigation .region-r-searchbox .content,.region-r-searchbox .block,.region-r-searchbox .form-item{margin:0!important;padding:0!important}#bancho-search-bst-searchbox-form input,#google-cse-searchbox-form input{vertical-align:middle}#block-bancho_search_bst-0,#block-google_cse-0{margin:0}#block-bancho_search_bst-0 .content,#block-google_cse-0 .content{padding:0!important}#navigation #nav.dropdown{display:inline-block}#navigation ul#nav.dropdown>li{font-size:.81em}#navigation ul#nav.dropdown li{min-height:13px;padding:2px .5em}#navigation ul.dropdown ul{width:15em!important border:none;width:190px;display:none;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}#navigation ul.dropdown li:hover>ul{display:block;animation-duration:.4s;animation-name:fade-in}@keyframes fade-in{0%{visibility:hidden;opacity:0}50%{visibility:hidden;opacity:0}75%{visibility:visible;opacity:.5}100%{visibility:visible;opacity:1}}#navigation ul#nav.dropdown .dir,#navigation ul#nav.dropdown-horizontal ul .dir{background-image:none;position:relative;padding-right:1.6em}#navigation ul#nav.dropdown .dir:before,#navigation ul#nav.dropdown-horizontal ul .dir:before{display:none}#navigation ul#nav.dropdown .dir:after,#navigation ul#nav.dropdown-horizontal ul .dir:after{position:absolute;right:.5em;top:50%;transform:translateY(-50%)}#navigation ul#nav.dropdown .dir:after{content:"▽";font-size:.8em}#navigation ul#nav.dropdown-horizontal ul .dir:after{content:"▷";font-size:1em}#navigation ul.dropdown li li,#navigation ul.dropdown li li a{line-height:18px;min-height:18px}#navigation ul#nav.dropdown li li{padding-top:.5em;padding-bottom:.5em}#main .breadcrumbs{font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-body-content{padding-top:.5em}.node *{font-size:100%}.node-unpublished{background:transparent url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/unpublished_bg.png)}#main .view:link,.node a:link{color:#2200c1;text-decoration:underline;word-break:normal;word-wrap:break-word;overflow-wrap:break-word}#main .view:visited,.node a:visited{color:#551a8b}blockquote{padding:10px;background-color:#ffe}dl{margin:10px 0}dt{font-weight:700}dd{margin-bottom:10px;padding:5px 0;border-bottom:1px dashed #999}.node-body-content.content{font-size:16px}#sideContents{margin:10px 0}.block,.box{border:0;margin:0}#side_r .block.block-block-ad{margin-top:0!important;margin-bottom:0!important}#side_r .block.block-block-ad>.content{padding-top:0!important;padding-bottom:0!important}#side_r .gpt-ad-container{margin:2em auto}.ad_rectangle>#side_r .gpt-ad-container{text-align:center}#side_r .gpt-ad-container.gpt_textad{margin-top:0;margin-bottom:0}#side_r .gpt-ad-container.gpt_textad:first-child{margin-top:2em;margin-bottom:0}#side_r .gpt-ad-container.gpt_textad:last-child{margin-top:0;margin-bottom:2em}.block .title{margin:0}.box .title{font-size:100%}#contents #sideContents .block{margin:0}#contents #sideContents>.region .block-panels-mini .panel-pane,#contents #sideContents>.region>.block{margin-top:1em}#contents #sideContents>.region>.block:first-child{margin-top:0}#contents #sideContents>.region .block-panels-mini>.content{padding:0!important}#contents #sideContents>.region .block-panels-mini .pane-content{padding:8px}#footer{clear:both;height:auto;width:auto}#footer,#footer .block .content{background-color:#f4f3f1;color:#555}#footer>section{max-width:990px;margin-left:auto;margin-right:auto}#footer #copyright,#footer #copyright .block .content,#footer #copyright p{max-width:100%;background-color:#ec6089;color:#fff;text-align:center}#footer a{color:#a2a2a2}#footer a:hover{color:#e8382f}#footer .manage_company,#footer .manage_sites,#footer .site_links>div{border-top:1px solid #e7e4e0;padding-top:1em}#footer .site_links{border-top:none}#footer .manage_sites{border-bottom:none}#footer ol,#footer ul{margin:0;padding:0;list-style:none;overflow:hidden}#footer .site_links{font-size:13px;text-align:center}
#footer .site_links ul{padding-left:0;list-style:none;margin-left:-5px;text-align:center}#footer .site_links ul>li{display:inline-block;padding-left:5px;padding-right:5px}#footer .site_links ul>li.first{padding-left:0}#footer .site_links ul li:before{content:'≫ ';color:#d5d5d5;font-size:8px}#footer .manage_company ul,#footer .manage_sites ul{font-size:9px}#footer .manage_company ul li,#footer .manage_sites ul li{float:left!important;width:155px;margin:0 1%;overflow:hidden;line-height:1.3}#footer .manage_company ul li{height:auto}#footer .manage_sites ul li{height:100px}#footer .manage_company span,#footer .manage_sites span{display:block;background:url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/footer_logos.png) no-repeat 0 0;width:155p;height:48px;-webkit-transition:.7s;margin:0 0 2px;text-indent:-999em}#footer .manage_company span:hover,#footer .manage_sites span:hover{opacity:.6}#footer .manage_company .icon_iph_25,#footer .manage_sites .icon_iph_25{display:block;background:url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/footer_logo_ipg25th.png) no-repeat 0 0;width:155p;height:48px;-webkit-transition:.7s;margin:0 0 2px;text-indent:-999em}#footer .manage_company .icon_iph,#footer .manage_sites .icon_iph{background-position:0 0}#footer .manage_company .icon_FindIT,#footer .manage_sites .icon_FindIT{background-position:0 -100px}#footer .manage_company .icon_ITLeaders,#footer .manage_sites .icon_ITLeaders{background-position:0 -150px}#footer .manage_company .icon_ThinkIT,#footer .manage_sites .icon_ThinkIT{background-position:0 -200px}#footer .manage_company .icon_Webtan,#footer .manage_sites .icon_Webtan{background-position:0 -250px}#footer .manage_company .icon_DCguide,#footer .manage_sites .icon_DCguide{background-position:0 -300px}#footer .manage_company .icon_CSHguide,#footer .manage_sites .icon_CSHguide{background-position:0 -350px}#footer .manage_company .icon_WBBforum,#footer .manage_sites .icon_WBBforum{background-position:0 -400px}#footer .manage_company .icon_iil,#footer .manage_sites .icon_iil{background-position:0 -450px}#footer .manage_company .icon_itnp,#footer .manage_sites .icon_itnp{background-position:0 -500px}#footer .manage_company .icon_netshop,#footer .manage_sites .icon_netshop{background-position:0 -550px}#footer .manage_company .icon_CloudWatch,#footer .manage_sites .icon_CloudWatch{background-position:0 -600px}#footer .manage_company .icon_ibl,#footer .manage_sites .icon_ibl{background-position:0 -650px}#footer .manage_company .icon_digitalX,#footer .manage_sites .icon_digitalX{background-position:0 -700px}#footer #copyright .container{padding:.3em 0;text-align:center;color:#a2a2a2}#footer .footer_collapse,#footer .navbar-collapse{max-height:none;padding:0}@media (max-width:767px){#footer .site_links{padding:0;text-align:left}#footer .site_links ul{border-top:1px solid #e7e4e0;border-bottom:1px solid #fbfafa;padding:0 1.5em}#footer .site_links ul li{border-top:1px solid #fbfafa;border-bottom:1px solid #e7e4e0;display:block}#footer .site_links ul li:before{display:none}#footer .site_links ul li a{display:block;padding:.8em 1em .8em 0;position:relative}#footer .site_links ul li a:after{content:'≫';position:absolute;top:23%;right:0;color:#dadada;font-weight:700}#footer .site_links ul li a:hover:after{color:#555}#footer .navbar-toggle{color:#a2a2a2;float:none;display:block;width:100%;border:1px solid #afafaf;border-radius:3px}#footer .navbar-toggle:after{content:'▼';color:#a2a2a2;font-weight:700;padding-left:3px}#footer .manage_company ul li,#footer .manage_sites ul li{margin:0 3%}}.main-contents h2{clear:left;font-weight:700;font-size:114%}.main-contents h3{clear:left;font-weight:700;font-size:107%}.main-contents h4{clear:left;font-weight:700;font-size:107%}#main .note{color:#777;margin-top:4px}#main .heading .note,#main li .note{margin-left:12px}ul{margin-top:12px}.utility{font-size:77%;font-weight:700;color:#ddd}h3{font-size:107%}h4{font-size:107%}.column_top h3{font-size:122%}#main .note{font-size:77%}span{line-height:inherit}
button,input[type=button],input[type=reset],input[type=file]::-webkit-file-upload-button,input[type=submit]{align-items:flex-start;text-align:center;cursor:default;color:buttontext;padding:0 6px;border:2px outset buttonface;border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;background-color:buttonface;box-sizing:border-box}input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:push-button;white-space:pre}#areaAll{background:#ec6089}#header .logo_webtan{background-position:left -40px}#header .banner{background:#ec6089}#main table td{padding:4px}.note{font-size:88%;margin:1.2em 0 .2em}.profile.node .group-misc{float:right;width:124px;margin-left:1em;margin-bottom:1em}.block-aggregator .content{font-size:92%;border:0;padding:6px;background-color:#ddd;margin:0}.block-aggregator h2.title{margin:0}.block-aggregator .item-list ul{padding:6px;margin:0}.block-aggregator .item-list li{padding:6px 0;margin:0;border-bottom:1px solid #999;list-style-image:none;list-style-position:outside;list-style-type:none;margin-bottom:4px;padding:.25em 0}.float-left{float:left;margin:0 10px 10px 0}.float-right{float:left;margin:0 0 10px 10px}div.imagebox-right{float:right;margin:0 0 10px 10px;color:#600;font-size:77%}div.imagebox-left{float:left;margin:0 10px 10px 0;color:#600;font-size:77%}div.image-caption{color:#600;font-size:92%}.lead{background-color:#eee;padding:8px;margin-bottom:16px}div.kakomi{border:1px dotted #999;padding:10px}.block{clear:both;margin-bottom:10px}.block .content{background-color:#fff;font-size:92%;border:0;margin:0;padding:8px!important}#main .block .content{background-color:#fff;padding:0!important;margin-bottom:10px!important}#sideContents .microsites_links .content{padding:0!important;background-color:#dfdfdf}.microsites_links img{margin-bottom:5px}#sideContents #block-panels_mini-sidebar_normal1 .content,#sideContents #block-panels_mini-sidebar_normal2 .content{padding:0!important}#sideContents #block-panels_mini-sidebar_normal1 .pane-content,#sideContents #block-panels_mini-sidebar_normal2 .pane-content{padding:8px!important}#sideContents .panel-flexible .panel-region-separator,#sideContents .panel-flexible .panel-separator{margin:0;height:8px}#mini-panel-sidebar_ads,#mini-panel-sidebar_ads .panel-col-1{background-color:#dedede;padding:0!important}#block-block-99 .content{padding-bottom:0!important}#block-block-117 .content{padding-top:0!important}#block-block-129,#block-block-134{margin:0!important}#block-block-129 .content,#block-block-134 .content{padding:0!important}#sideContents .view-content-tagcloud{line-height:1.2}h1,h2,h3,h4,h5,h6{margin-bottom:.5em}h1,h2{font-size:136%}h3{font-size:122%}h4,h5,h6{font-size:107%}p{line-height:2;margin:.9em 0;text-align:left}a{text-decoration:none}a:link{color:#00f}a:visited{color:#009}a:hover{color:red;text-decoration:underline}fieldset{border:1px solid #ccc;margin-top:5px;margin-bottom:5px;padding:5px;min-width:auto}pre{background-color:#eee;border:1px solid #ddd;font-size:92%;padding:.75em}.links{color:#666;margin-bottom:0;margin-top:1em}.comment .links{margin-bottom:0}dt{font-weight:700}dd{line-height:120%;margin:6px 0}#contents .block .pane-title,#contents .block h2.title,#contents .panel-pane .pane-title,#contents .panel-pane .title,#mainContents .block .pane-title,#mainContents .block h2.title,#mainContents .panel-pane .pane-title,#mainContents .panel-pane .title{background:#5390bb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAA8CAMAAACZxICyAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///////1V89WwAAAACdFJOU/8A5bcwSgAAAQVJREFUeNpiYGBgZGQACCAGMAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJEAAQUiAAIKQAAEEIQECCEICBBCEBAggCAkQQBASIIAgJECAAQBVjAB537LbMQAAAABJRU5ErkJggg==) no-repeat 2px center;border-bottom:solid 1px #5390bb;border-right:solid 1px #5390bb;font-size:100%;font-family:"Hiragino Kaku Gothic Pro W6","ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;background-color:#5390bb;margin:.5em 0 6px;padding:4px 0 3px 12px;border:solid 1px #457b9f;color:#fff;clear:both}.block .title{margin:0}.block-user ul li{list-style:circle;list-style-position:inside;margin:0}#block-user-1 li li{padding-left:10px}#block-user-1 li li li{padding-left:20px}.pane-title,.pane-title a,.title,.title a{color:#333;font-size:107%;font-weight:900;margin:0 auto}
.submitted{color:#666;font-size:92%}.links a{font-weight:700}.node{margin:0 0 1em}.node .taxonomy{color:#999;font-size:107%;padding:1.5em}.node .picture{border:1px solid #ddd;float:right;margin:.5em}#main .node .links.inline{display:block}ul.links{margin:0}ul.links li{line-height:1!important;background-image:none!important;padding:0!important}#main .node .links{padding-top:1.5em;padding-left:20px}#main a.comment-add,.links .comment-add a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAMAAAAmopZHAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABgUExURXOczntzdUJKQklCSe/393Nzc3+p0HN7c3Ol1kqExrTO59Hk73N7e9bW1lqUxl9fX73R51qMzr29vajG5/f39xgYGGOUzu/v72uczs7OzkKEvVKMxqWlpQgICPf3/////5UU1gEAAAAgdFJOU/////////////////////////////////////////8AXFwb7QAAATxJREFUeNpi4BKTwgBiXPIAAcTAKS2BAaQ5BQACiEGaWw4DcEszAAQQg5iIDBMzKpSRk5AGCCAGMTlGUTTAI8cgDRBAQHE5cTQgBxQHCCCguBA7IysY8bAysvMwsjIKAcUBAghoPr8sGuCX45AGCCCgenFJNCAOVA8QQEBxXhk0wAtUDxBAQHEs5jBIAwQQdvUM0gABhGy+ONzDDNIAAYTsHmYkcYAAAooLsQPdzcrIwygDFRUBhgNAADFwCrBAuSwsIlAgIM0GEEAMnJzSwmBRCWlpQWkI4JTmBgggBm42aWmQDmEpBjYOKGTjlgcIIAZ5eW4pYTkRFj4JeWQAEEBAcXkJoAYuKQEUcYAAAokLSHHJifGhCMsDBBBIXF6Mj0tKGFUcIIDA4lxS0oKowvIAAQQWlxdEVy4PEGAAn1kyTpCnpD8AAAAASUVORK5CYII=);background-position:left center;background-repeat:no-repeat;padding:10px 0 0 26px}#main .adsense_234x60{float:right;width:234px}#main #mini-panel-node_footer h2.pane-title,#main #mini-panel-node_footer h2.title{display:block;font-weight:900;font-size:1.2em;padding:6px;color:#000;border:solid 1px #666;background-color:transparent;margin:1.5em 0 .5em}#main .content #comments .comment{border:1px solid #abc;margin-bottom:1em;padding:1em}#main .content #comments .comment .content{line-height:1.2}#main .content #comments .comment h3{border:none;border-bottom:solid 1px #3c74c1;background:0 0;margin:.5em 0 9px;padding:0;font-size:107%}#main #comments .comment>h3 a,#main .content #comments .comment>h3 a{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAMAAABXc8oyAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAYUExURfb29vT09O/v7/39/fLy8vv7++3t7f///1yohvQAAAAIdFJOU/////////8A3oO9WQAAAStJREFUeNpiYEcBzAwsbKiAhYEZLAMQQAwoyhjZsAFGkFKAAEJWyMzEhh0wAVUCBBADEerAKgECCEkhE9RNrMgA6mYmdoAAQihkAAuwsqMDVrABDAABxIBiIBMzOyYAO4kJIIDgCpnB+tixAbBdAAHEgMJjxqoQbAZAAKEoZGLHDkAeAgggFIUseBQCBBDRCgECiGiFAAFEtEKAACJaIUAAEa0QIICIVggQQEQrBAggohUCBBDRCgECiGiFAAHEgJyW8CkECCAG5OTNgEchQAAxICdv7KkMkswAAoiBsDqILEAAMSDyHy6LIVkBIIAY4OoYcaiDZi6AAAIpZITkP6wAnl0BAogB6gT8AOh8gABigPiJoDp2gABiwFOQoBRSAAHEwEhAFazYAwgwAM/0HvP7AsfQAAAAAElFTkSuQmCC);background-position:left top;background-repeat:no-repeat;font-size:107%;font-weight:400;margin-bottom:8px;padding:10px 0 12px 19px}#main .content #comments .comment .new{color:red;float:right;font-size:107%;font-weight:700;text-align:right}#main .content #comments .comment .picture{border:1px solid #abc;float:right;margin:.5em}#main .content #comments .comment ul.links{display:inline}#main .content #comments .comment ul.links li{display:inline;background-image:none;padding:0}.book-navigation .page-next:link{background:transparent url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/arrow-next.png) right center no-repeat;padding:17px 17px 17px 0}.book-navigation .page-next:visited{background:transparent url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/arrow-next-visited.png) right center no-repeat;padding:17px 17px 17px 0}.book-navigation .page-next:hover{background:transparent url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/arrow-next-hover.png) right center no-repeat;padding:17px 17px 17px 0}.book-navigation .page-previous:link{background:transparent url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/arrow-prev.png) left center no-repeat;padding:17px 0 17px 17px}.book-navigation .page-previous:visited{background:transparent url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/arrow-prev-visited.png) left center no-repeat;padding:17px 0 17px 17px}.book-navigation .page-previous:hover{background:transparent url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/arrow-prev-hover.png) left center no-repeat;padding:17px 0 17px 17px}.book-navigation .page-up:link{background:transparent url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/arrow-up.png) center top no-repeat;padding:11px 0 17px}.book-navigation .page-up:visited{background:transparent url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/arrow-up-visited.png) center top no-repeat;padding:11px 0 17px}.book-navigation .page-up:hover{background:transparent url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/arrow-up-hover.png) center top no-repeat;padding:11px 0 17px}#main .pager{font-size:110%;margin:1em 0}.pager li.pager-current,.pager li.pager-ellipsis,.pager li.pager-item,.pager li.pager-next,.pager li.pager-previous{background-image:none!important;border:solid 2px #ccc;line-height:1.6;margin:0 2px!important;display:inline-block}.pager li.pager-current,.pager li.pager-item,.pager li.pager-next,.pager li.pager-previous{padding:.3em 0 .2em 0!important}.pager li.pager-current,.pager li.pager-next{font-weight:700;background-color:#37A0D1!important;color:#fff!important}.pager li.pager-ellipsis{border:none;padding:0!important}.pager .pager-span{padding:.3em .3em .2em .3em!important;border:solid 1px transparent}.pager li.pager-ellipsis,.pager li.pager-next,.pager li.pager-previous{background-color:transparent;color:#000}
.pager li.pager-current a,.pager li.pager-ellipsis a,.pager li.pager-item a,.pager li.pager-next a,.pager li.pager-previous a{text-decoration:none!important;color:#000!important;font-weight:400;padding:.3em .3em .2em .3em!important;border:solid 1px #fff}.pager li.pager-current a,.pager li.pager-next a{font-weight:700;background-color:#37a0d1;color:#fff!important;border:solid 1px #37a0d1}.pager li.pager-current a:hover,.pager li.pager-ellipsis a:hover,.pager li.pager-item a:hover,.pager li.pager-next a:hover,.pager li.pager-previous a:hover{background-color:#37A0D1!important;color:#fff!important;border:solid 1px #fff}.pager .pager-nolink{background-color:transparent!important;color:#ccc!important;border-color:#eee!important}#main .pager_top .pager{font-size:80%;text-align:right}#main .pager_top .pager-first,#main .pager_top .pager-last{display:none}#main .node .admin-links li{background-image:none}.item-list ul li{clear:both;list-style-type:none;margin:0 0 1em;padding:0}.item-list ul.zebra li{margin:0;padding:.5em 0}.even{background-color:#fafcfc}.field-item.even{background-color:transparent}#main .node-teaser{margin:0 0 1em;padding:0 4px;background-image:-webkit-gradient(linear,0 0,100% 100%,from(#f3fafa),color-stop(20px,#fff),to(#fff));background-image:-moz-linear-gradient(top,#f3fafa 0,#fff 20px);background-image:linear-gradient(to bottom,#f3fafa 0,#fff 20px,#fff)}#main .node-teaser h2.title{background:transparent none;border:none;margin:0;padding:4px 0 0;clear:none;line-height:1;overflow:hidden}#main .node-teaser h2.title a.node-property-title{font-size:122%;display:block;line-height:1.4;text-align:left}#main .node-property-rensai-term,#main .view-list-rensai-term{display:block;color:rgba(144,144,144,.8);font-family:"Hiragino Kaku Gothic Pro W6","ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:400;font-size:72%;line-height:1;padding:4px 0 0;margin:0}#main .node-property-rensai-term span,#main .view-list-rensai-term span{padding:0}#main a.rensai-term-icon{margin:0 0 0 4px;padding:0}#main a.rensai-term-icon img{background-position:left -420px;width:13px;height:14px;vertical-align:baseline}.node-property,.view-list-property{margin:2px 0 2px 20px}.node-property-bottom{clear:left}.node-teaser .node-property{margin-left:0;border-bottom:1px dashed silver;overflow:hidden}.node-property-line1,.node-property-line2{padding:0;font-size:87%;line-height:1.1;color:#909090}.readingtime{font-size:.9em;color:#606060}.node-property-line1{padding-bottom:1px}.node-property-line1,.node-property-line1 a,.node-property-line1 span,.node-property-line1 span a{vertical-align:baseline}.node-property-bookmarks{font-size:106%}.node-property-line2{margin-top:2px}.view-list-title{font-size:107%}.node-property-author-name{margin-right:4px;font-weight:400;padding:0;color:#909090}.node-property-type-story{background-position:-970px -500px}.node-property-type-story_user{background-position:-940px -550px}.node-property-type-story_news{background-position:-910px -600px}.node-property-created{margin-right:4px}.node-property-comment-trackback{margin-right:4px}.node-property-comment-count,.node-property-trackback-count{color:#333!important}.node-property-comment-count img,.node-property-trackback-count img{margin:0 2px 0 0;padding:0;width:13px;height:13px;vertical-align:-2px}.node-property-comment-count img{background-position:-40px -420px}.node-property-trackback-count img{background-position:-60px -420px}.print-icon{font-size:92%;padding:0}.print-icon img{background-position:-20px -420px;width:12px;height:12px;color:#333!important;margin:0 2px 0 0;vertical-align:middle}iframe.fb_ltr{vertical-align:middle}.node-property-nodefooter{margin-top:1.5em}#main .image-box+span.node_title_termname+h1.title,#main img+span.node_title_termname+h1.title{margin-top:.25em}#main .image-box[style*=margin-bottom]+span.node_title_termname+h1.title,#main img[style*=margin-bottom]+span.node_title_termname+h1.title{margin-top:0}.node-title-set h1.title+.field-name-field-brief-desc{font-size:.9em;color:#666;line-height:1.1;margin:-8px 0 15px}
.view-list-brief_desc.webtan_sprites{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:25px;height:25px;font-size:.9em;color:#606060;background-position:left -247px;padding:3px 4px 0 14px;position:relative}.view-list-brief_desc.webtan_sprites .field-content{border-right:solid 1px #ddd;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:2px}#main .even .view-list-brief_desc{background-position:left -277px}.node-teaser .content{font-size:92%;padding:0;margin:4px 0 0;color:#606060}#contents #main .node-teaser .content p{line-height:1.4;margin:0 0 .4em}#main .view-list-chunk-separeter{margin-top:4em!important}#main .link_to_term_index{font-size:82%;margin-top:.5em;margin-bottom:1em;text-align:right}#main .warning_story_user{font-size:82%;line-height:1.2;margin:1em 2em;padding:.5em 1em;background-color:#ffffea}.item-list .view-2010_hatena_popular li{margin-bottom:.5em}#main .view-list-hatena-popular{padding:0}.popular_facebook_marker{margin-left:8px;background-image:url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/fb_like_icon.png);background-color:transparent;background-repeat:no-repeat;background-position:left center;padding-left:66px;display:inline-block}.view-list{font-size:100%;background-position:-1000px -448px;margin:0;padding:0 0 0 20px}.view-list-story{background-position:-970px -498px}.view-list-story-shifted{background-position:-970px -480px}.view-list-story_user{background-position:-940px -548px}.view-list-story_user-shifted{background-position:-940px -538px}.view-list-story_news{background-position:-910px -598px}.view-list-story_news-shifted{background-position:-910px -590px}.view-list-author-created{color:#707070;white-space:nowrap}.view-list-author,.view-list-created,.view-list-news-created{font-size:86%}.view-readmore a{float:right;font-size:1em}.webform-client-form .form-item{margin-top:10px;padding:.8em 0}.form-item label,.item-list .title{color:#222;font-size:100%}#main div.error{font-size:1.1em}#logo,.no-border,.no-border td,.no-border th,.no-border tr{border:0}.readmore{font-size:92%;text-align:right}.news_index_month_nav{font-size:92%;background-color:#f6f6f6;margin-top:6px;overflow:hidden}.news_index_month_nav:after{height:0;visibility:hidden;content:".";display:block;clear:both}.news_index_prevmonth{width:300px;float:left;text-align:left}.news_index_nextmonth{width:300px;float:right;text-align:right}#block-views-recent-info-block li,#block-views-recent-news-block li,#block-views-recent-news-block-block-1 li{border-bottom:1px #999 dashed;list-style:none;margin:4px;padding-top:4px}#aggregator .feed-source{background-color:#f6f6f6;border:1px solid #ccc;margin:1em 0;padding:1em}#aggregator .age,#aggregator .news-item .categories,#aggregator .source{color:#999;font-size:.9em;font-style:italic}#aggregator .title{font-size:1em;margin-bottom:.5em}#aggregator h3{margin-top:1em}#profile .profile{border:1px solid #abc;clear:both;margin:1em 0;padding:.5em}#profile .profile .name{padding-bottom:.5em}.block-forum h3{margin-bottom:.5em}.node-teaser .content img,.teaser_icon,.view-data-body img{border:1px #ccc solid;float:right;margin-left:10px;margin-bottom:10px;padding:1px}img.teaser_icon{margin-top:4px}.bancho_random_info .teaser_icon{margin-left:0}.image-box-right .teaser_icon{float:none;margin:0}#comment_controls .title{border-top:1px solid #999;border-bottom:1px solid #999;background-color:#eee;padding:4px;font-size:92%;margin:6px 0}#comment_controls .description{padding:6px 0}#comment_controls .form-item{padding:6px 0}.collapsiblock a{color:#fff;margin-right:8px}#side_r .view-ad_articles{padding-left:8px}#BypassSmartphoneStyle{margin:1em;padding:.5em}.panels-flexible-region{width:100%}#navigation ul.dropdown li:active{position:relative;z-index:599;cursor:default}#navigation ul.dropdown li:active>ul{visibility:visible}#main .content .ui-tabs{padding:0;border:none}#main .content .ui-tabs .ui-tabs-nav{white-space:normal}#main .content .ui-tabs .ui-tabs-nav li{line-height:1.6;height:24px;white-space:nowrap;list-style:none;padding-left:1em;padding-right:1em;margin-right:1em;margin-bottom:0;padding-bottom:0;clear:none!important}
#main .content .ui-tabs .ui-tabs-nav li a{text-decoration:none!important}#main .content .ui-tabs .ui-tabs-nav li a img{vertical-align:middle!important;display:inline!important}#main .content .ui-tabs .ui-tabs-nav li.ui-state-default{background-color:#e6e6e6;border-bottom:solid 1px #aaa;position:relative;top:1px}#main .content .ui-tabs .ui-tabs-nav li.ui-state-active{background-color:#fff;border-bottom:solid 1px #fff;position:relative;top:1px}#main .content .ui-tabs .ui-tabs-nav .ui-tabs-anchor{line-height:1;padding:.25em 1em}#main .content .ui-tabs .ui-widget-content,#main .content .ui-tabs .ui-widget-header{background-color:transparent;background-image:none;border:none}#main .content .ui-tabs .ui-widget-header{border-bottom:solid 1px #aaa!important;border-radius:0!important}#main .content .ui-tabs .ui-tabs-panel{list-style:none!important;overflow:visible!important;margin:1em 0 3em 0!important;padding:0}.ui-tabs .corner-list-footer{text-align:right}.action-links{border-bottom:solid 1px #ddd;padding:0 1em;margin:0 4px;font-size:.8em}.action-links li{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:url(https://webtan.impress.co.jp/themes/seven/images/buttons.png) repeat-x scroll 0 0 transparent;border-color:#e4e4e4 #d2d2d2 #b4b4b4;border-image:none;border-radius:20px;border-style:solid;border-width:1px;color:#5a5a5a;cursor:pointer;font-size:1.077em;font-weight:400;margin-top:.5em;margin-bottom:.5em;margin-right:1em;padding:.25em 15px;text-align:center;display:inline-block}#admin-menu .dropdown li{line-height:1}#admin-menu>div>.dropdown>li>a{padding-top:0!important;padding-bottom:2px!important}#admin-menu{box-shadow:none!important}#view-list-nodes .panel-separator,#view-list_nodes .panel-separator{display:none}.view-recent-article-per-corner .view-content ul{margin:.5em 0;padding:0}.view-recent-article-per-corner.view-display-id-page_1 .view-content ul{margin:2em 0}.view-recent-article-per-corner .view-content li{margin:0 0 2px 0!important;padding:.5em 0!important;border-top:dashed 1px #999;display:block;font-size:1em;line-height:1.4em}.view-recent-article-per-corner .view-content li:nth-child(4n){margin-bottom:1em!important}.view-recent-article-per-corner .view-content li:nth-child(4n+1){border-top:none}.view-recent-article-per-corner.view-display-id-page_1 .view-content li:nth-child(4n){margin-bottom:2em!important}.view-recent-article-per-corner.view-display-id-page_1 .view-content li:nth-child(4n+1){border-top:none}.view-recent-article-per-corner .view-content li.views-row-first{border-top:none;margin-top:0;padding-top:4px}.view-recent-article-per-corner .view-content li.views-row-last{margin:0 0 2px 0!important}.view-recent-article-per-corner .view-content li img{display:inline-block;overflow:hidden;float:left;margin:0}.view-recent-article-per-corner li .article-created,.view-recent-article-per-corner li .article-title,.view-recent-article-per-corner li .corner-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:45px}.view-recent-article-per-corner.view-display-id-page_1 li img{width:40%;height:auto}.view-recent-article-per-corner.view-display-id-page_1 li .article-created,.view-recent-article-per-corner.view-display-id-page_1 li .article-title,.view-recent-article-per-corner.view-display-id-page_1 li .corner-name,.view-recent-article-per-corner.view-display-id-page_1 li .views-label-title{margin-left:45%;white-space:normal}.view-recent-article-per-corner li .article-title a,.view-recent-article-per-corner li .corner-name a{text-decoration:underline}.view-recent-article-per-corner li .corner-name{margin-bottom:.2em}.view-recent-article-per-corner li .corner-name a{color:#000}.view-recent-article-per-corner.view-display-id-page_1 li .corner-name{font-size:1.1em;font-weight:700}.view-recent-article-per-corner li .article-title a{text-decoration:underline}.view-recent-article-per-corner.view-display-id-page_1 li .article-title{font-size:1.1em}.view-recent-article-per-corner.view-display-id-page_1 li .article-created{margin-top:.2em}
.view-recent-article-per-corner .more-link{margin-bottom:1em}.ui-widget{font-family:inherit}ul.primary{white-space:normal!important}ul.primary li{display:inline-block;background-color:#ddd;border-color:#bbb;border-style:solid;border-width:1px;height:auto;margin-right:.25em;margin-top:.25em;padding:0;position:relative;bottom:-1px}ul.primary li a{border:none;background-color:transparent;margin:0;padding:.25em 1em;text-decoration:none}ul.primary li.active{background-color:#fff;border-color:#bbb #bbb #fff;border-image:none;border-style:solid;border-width:1px}ul.primary li.active a{border:none;background-color:transparent}.hide_when_wide_inline{display:none}.hide_when_wide_block{display:none}.img-responsive-pc{max-width:100%;height:auto}.mail_social_lead{display:inline-block;margin-right:1.5em;text-align:center}.social_btn{display:inline-block}.social_btn ul{margin:10px 0 0;padding:0}#main .social_btn ul li{display:inline;background-image:none!important;padding:0}.social_btn ul li a{display:block;float:left;background:url(https://webtan.impress.co.jp/sites/all/themes/webtan/images/social_icon2.png) no-repeat 7px 8px;width:35px;height:35px;line-height:45px;color:#fff;text-indent:-9999em;margin-right:10px;margin-bottom:5px;border-radius:100%}.social_btn ul li a:hover{text-decoration:none}.social_btn ul li.mail a{background-color:#e95098;background-position:7px -125px}.social_btn ul li.mail a:hover{background-color:#e42c83}.social_btn ul li.Gplus a{background-color:#d64136;background-position:8px -95px}.social_btn ul li.Gplus a:hover{background-color:#bd3126}.social_btn ul li.Facebook a{background-color:#3b5995}.social_btn ul li.Facebook a:hover{background-color:#2f4878}.social_btn ul li.Twitter a{background-color:#00acee;background-position:8px -27px}.social_btn ul li.Twitter a:hover{background-color:#008fc5}.social_btn ul li.RSS a{background-color:#f09300;background-position:8px -62px;margin:0}.social_btn ul li.RSS a:hover{background-color:#c77a00}.box.social_btn ul{margin:0!important}#main .node #block-block-87{margin-top:4em}#main .node #block-block-87 .content>div{background-color:rgba(236,96,137,.5);padding:1em 0;margin-left:2em!important;margin-right:2em!important}#main .node #block-block-75 .content>form{margin-left:2em;margin-right:2em}.krumo-call code{white-space:normal!important}div.devel-querylog div.cell{font-size:inherit}.dev-explain td,.dev-explain th{padding:0 .25em}#memcache-devel td,#memcache-devel th{padding:1px .2em}tr.even{background-color:#fafcfc}.navcatWrapper,.navcatWrapper *{box-sizing:border-box}.navcatWrapper{position:relative}.navcatWrapper ul{font-size:.7rem;line-height:1;padding:0}.navcat{background-color:#ec6089;width:970px;display:block;overflow:hidden;white-space:nowrap;margin:0 auto;height:calc(2.4em + 1px);padding-bottom:1px!important;position:relative}.navcat_item{display:inline-block;font-size:inherit;line-height:inherit;padding:.2em 0;border-right:solid 1px #ddd;margin:0;max-width:7em;height:2.4em;overflow:hidden;white-space:normal}.navcat_item:last-child{border-right-width:1px}.navcat_item a{display:block;position:relative;top:50%;padding:20% .3em;transform:translateY(-50%);color:#fff;font-size:inherit;font-weight:400;text-align:center;text-decoration:none;line-height:inherit}.navcat_item a:hover{background-color:#fff;color:#666;text-decoration:none!important}.navcat_tid_2755 a,.navcat_tid_2757 a,.navcat_tid_2759 a,.navcat_tid_2760 a,.navcat_tid_2761 a,.navcat_tid_2958 a{font-size:.6rem}.navCatToggler{width:1em;height:1em;background:0 0;position:absolute;right:calc(((100% - 990px + 20px)/2) + .5em);bottom:.5em;cursor:pointer;font-size:1em}.navCatToggler:before{content:"▼";display:block;color:#fff;font-size:inherit;text-shadow:1px 1px 1px #333}.navcatHidden{border-right:solid 1px #ddd;position:absolute;right:calc((100% - 990px + 20px)/2);top:2.5em;margin:0;padding:0;background-color:#ec6089;border-bottom:solid 1px #ddd}.navcatHidden .navcat_item{max-width:12em;max-width:33vw;display:list-item;border:solid 1px #ddd;border-bottom:none}.ui-widget-header{background-color:#ccc;background-image:none}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background-color:#e6e6e6;background-image:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{background-color:#fff;background-image:none}.ui-widget-content{background-color:#fff;background-image:none}.container-inline-date .date-padding,.container-inline-date .form-item .form-item{float:none}.container-inline-date .form-item,.container-inline-date .form-item input{max-width:100%}.block-gnavi-bm,.block-gnavi-bm .content{margin:0!important;padding:0!important}