html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clearfix:after{content:"";clear:both;height:0}.cover{margin:0}a{outline:none}a:focus{outline:none}a{margin:0;padding:0;background:transparent;vertical-align:baseline;font-size:100%;text-decoration:none}a:hover,a:focus{opacity:.8}html{margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%}body{font-size:.875rem;font-family:'Meiryo UI', Meiryo, メイリオ, Osaka, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'MS PGothic', arial, helvetica, sans-serif;color:#1b1b1b;min-width:1030px;letter-spacing:.1em}#contents-body{width:1030px;margin:20px auto 100px}#left_column{float:left;width:710px}img{max-width:100%}li{word-wrap:break-word;word-break:break-all}header{width:100%;background:#fff;margin-bottom:10px}header .inner{width:1030px;height:63px;margin:0 auto;position:relative}header .inner .search-form{position:absolute;top:0;bottom:0;right:0;margin:auto}header .inner .search-form .form_area{border:solid #e6e6e6 1px;border-radius:3px}header .inner .search-form .form_area input{width:180px;height:30px;padding:0 12px;float:left;border:none}header .inner .search-form .form_area button{float:right;display:block;height:30px;width:40px;background:#fff;border:none;font-size:1.4rem}header .inner .logo_area{width:150px;height:45px;position:absolute;top:10px;left:0;right:0;bottom:0;margin:auto}header .inner .logo_area .logo{width:100%}header .inner .logo_area .logo a{display:block}header .inner .logo_area .catchcopy{font-size:1.2rem;font-weight:bold;padding-left:15px;vertical-align:middle;display:table-cell}#gnav{width:1030px;margin:0 auto}#gnav ul li{float:left;width:12.5%;text-align:center}#gnav ul li:hover a{border-bottom:solid #1b1b1b 2px}#gnav ul li a{display:block;width:100%;padding:10px 0;border-bottom:solid #fff 2px;transition:all .2s ease-in}#gnav ul li:hover .cat_nav{max-height:9999px;opacity:1}#gnav ul li:hover .cat_nav .child,#gnav ul li:hover .cat_nav .article{opacity:1;transform:translateY(0)}#gnav ul li .cat_nav{transition:all .2s ease-in;max-height:0;opacity:0;overflow:hidden;width:1030px;left:0;right:0;margin:auto;text-align:center;position:absolute;background:#fcfcfc;z-index:5}#gnav ul li .cat_nav .child{float:left;width:20%;padding:30px;transform:translateY(-10px);opacity:0;transition:opacity 0.3s, transform 0.3s;transition-delay:0s, 0s;z-index:1;transition-delay:0.3s}#gnav ul li .cat_nav .child ul li{display:block;margin-bottom:15px;width:100%;float:none;text-align:left;font-size:.75rem}#gnav ul li .cat_nav .child ul li.parent{font-size:.9375rem;font-weight:700}#gnav ul li .cat_nav .child ul li a,#gnav ul li .cat_nav .child ul li a:hover{border:none;padding:0}#gnav ul li .cat_nav .article{float:right;width:80%;padding:30px;border:none;border-left:solid #eee 1px;transform:translateY(-10px);opacity:0;transition:opacity 0.3s, transform 0.3s;transition-delay:0s, 0s;z-index:1;transition-delay:0.2s}#gnav ul li .cat_nav .article ul{margin-bottom:30px}#gnav ul li .cat_nav .article ul li{width:238px;margin-right:23px;float:left;text-align:left}#gnav ul li .cat_nav .article ul li:last-child{margin-right:0}#gnav ul li .cat_nav .article ul li .img{width:100%;height:165px;background-size:cover;background-position:center;margin-bottom:8px}#gnav ul li .cat_nav .article ul li .title{margin-bottom:3px;font-size:1.03125rem;line-height:1.5}#gnav ul li .cat_nav .article ul li .description{font-size:.75rem;overflow:hidden;margin-bottom:5px;line-height:1.5}#gnav ul li .cat_nav .article ul li .name{font-size:.6875rem}#gnav ul li .cat_nav .article a,#gnav ul li .cat_nav .article a:hover{border:none;padding:0}#gnav ul li .cat_nav .article .more{width:270px;margin:0 auto}#gnav ul li .cat_nav .article .more a{display:block;width:100%;color:#1b1b1b;border:solid #1b1b1b 1px;font-size:1rem;padding:15px 0 10px}#gnav ul li .cat_nav .article .more a:hover{background:#1b1b1b;color:#fff}section.list-type01 .ttl{font-size:1.25rem;font-weight:700;min-height:34px;line-height:1.8;margin:0 0 20px}section.list-type01 .ttl span{color:#999;margin-right:5px}section.list-type01 .ttl .date{display:block;float:right;font-size:1.125rem;color:#888;font-weight:400}section.list-type01 ul.article_list{display:inline-block}section.list-type01 ul.article_list li{float:left;width:221px;word-wrap:break-word;word-break:break-all;display:block;margin-bottom:30px;margin-right:23px}section.list-type01 ul.article_list li a:after{clear:both;content:"";display:table}section.list-type01 ul.article_list li .article_img{margin-bottom:8px;position:relative;top:0;left:0;height:155px;background-size:cover;background-position:center}section.list-type01 ul.article_list li .title{margin-bottom:3px;font-size:1.03125rem;line-height:1.5}section.list-type01 ul.article_list li .description{font-size:.75rem;overflow:hidden;margin-bottom:5px;line-height:1.5;width:216px}section.list-type01 ul.article_list li .name{font-size:.6875rem}section.list-type01 ul.article_list li:nth-child(3n){margin-right:0}section.list-type01 ul.article_list li:nth-child(3n+1){clear:both}section.list-type01 ul.article_list li:after{clear:both;content:"";display:table}section.list-type02 .ttl{font-size:.9375rem;font-weight:700;line-height:1.8;margin:0 0 10px}section.list-type02 ul.article_list li{word-wrap:break-word;word-break:break-all;display:block;margin-bottom:15px}section.list-type02 ul.article_list li a:after{clear:both;content:"";display:table}section.list-type02 ul.article_list li .article_img{margin-bottom:8px;position:relative;top:0;left:0;width:60px;height:60px;background-size:cover;background-position:center;float:left}section.list-type02 ul.article_list li .info{width:calc(100% - 70px);float:right}section.list-type02 ul.article_list li .info .title{line-height:1.5}section.list-type02 ul.article_list li .info .description{font-size:.6875rem;color:#1b1b1b;margin-bottom:5px;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}section.list-type02 ul.article_list li .info .name,section.list-type02 ul.article_list li .info .date{font-size:.6875rem}.top_column{margin-bottom:30px}.top_column ul{margin:0 auto;width:1030px !important}.top_column ul:after{clear:both;content:"";display:table}.top_column ul li{vertical-algin:top;width:33.3%;float:left;height:400px}.top_column ul li a{display:block;position:relative;background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.6) 100%);color:#fff;font-size:1rem;font-weight:700;height:100%}.top_column ul li a:before{background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0.3) 90%);display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.top_column ul li a .img{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center}.top_column ul li a .img img{display:none}.top_column ul li .data{background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0, transparent 55%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0.4) 100%);position:absolute;bottom:0;padding:20px 20px 24px;z-index:2}.top_column ul li .data:after{clear:both;content:"";display:table}.top_column ul li .data .title{color:#fff;line-height:1.6;overflow:hidden;font-size:1.1875rem;font-weight:400}.top_column ul li .data span{display:inline-block;border-radius:20px;padding:6px 18px;margin-bottom:8px;font-size:.84375rem;font-weight:400;color:#fff}.top_column ul li .data span.hot{background-color:#ff4b59}.top_column ul li .data span.new{background-color:#c19f5b}.top_column ul li:first-child .data,.top_column ul li:last-child .data{background-image:linear-gradient(to bottom, rgba(0,0,0,0.4) 0, rgba(0,0,0,0.1) 40%, transparent 45%, rgba(255,255,255,0) 100%);top:0;padding:24px 20px 20px;z-index:2}main#index{padding-top:10px}main#article .info .eyecatch{text-align:center}main#article .info .eyecatch img{width:100%}main#article .info .title{margin:-36px 24px 10px}main#article .info .title h1{display:inline;margin:-30px 0 10px;color:#fff;background-color:rgba(0,0,0,0.7);font-size:1.75rem;line-height:1.8;overflow:hidden;padding:5px}main#article .info .description{margin-bottom:10px;font-size:.8125rem;line-height:1.8;color:#363636;word-wrap:break-word}main#article .writer{background:#e6e6e6;height:90px;padding:20px;margin-bottom:20px}main#article .writer ul{display:table}main#article .writer ul li{display:table-cell;vertical-align:middle}main#article .writer ul li .img{width:48px;height:48px;border-radius:3px;margin-right:10px}main#article .writer ul li .name{color:#1b1b1b;font-size:.875rem;line-height:1.2;margin-bottom:5px}main#article .writer ul li .date{display:inline-block;letter-spacing:normal;color:#363636;font-size:.75rem}main#article .writer ul li a:after{content:"";margin:0}main#article .writer ul li .fb{display:block;padding:5px}main#article .writer ul li:nth-child(2){width:220px}main#article .writer ul li:nth-child(n+3){padding-left:10px}main#article .writer ul li.fb a,main#article .writer ul li.twitter a,main#article .writer ul li.hatena a,main#article .writer ul li.pint a{color:#fff;padding:5px 10px;text-align:center;display:block;width:100%;letter-spacing:-.4em;border-radius:5px}main#article .writer ul li.fb a i,main#article .writer ul li.twitter a i,main#article .writer ul li.hatena a i,main#article .writer ul li.pint a i{display:inline-block;vertical-align:middle;letter-spacing:0;margin-right:5px}main#article .writer ul li.fb a span,main#article .writer ul li.twitter a span,main#article .writer ul li.hatena a span,main#article .writer ul li.pint a span{display:inline-block;vertical-align:middle;letter-spacing:0}main#article .writer ul li.fb a{background:#4267b2}main#article .writer ul li.twitter a{background:#1b95e0}main#article .writer ul li.hatena a{background:#00a4de;padding:0 10px 0 5px}main#article .writer ul li.pint a{background:#e60023}main#article .writer ul li.hatena a img{width:23px;display:inline-block;vertical-align:middle}main#article .toc{background:#e6e6e6;width:auto;min-width:50%}main#article .toc .ttl{text-align:center;line-height:1.4;font-size:1.125rem;font-weight:700}main#article .toc ul li{line-height:1.6}main#article h2,main#article h3{font-weight:700;line-height:1.4}main#article h2{padding:6px 0 0;font-size:1.5rem;display:inline;border-bottom:1px solid #c19f5b}main#article h3{margin-bottom:15px;padding:5px 0;font-size:1.25rem}main#article .article-item.item_heading{padding-bottom:0}main#article .article-item .media .pull-sm-left{margin-bottom:5px}main#article .article-item .media .pull-sm-left .inline-image{width:550px;height:auto}main#article .article-item .media .pull-sm-left .inline-image .item-image{max-width:550px;height:auto}main#article .article-item .media .media-body .media-heading{font-size:.875rem;font-weight:700;line-height:1.6}main#article .article-item .media .media-body .item-comment{border-left:none;padding:0;margin:0;color:#363636;line-height:1.8;word-break:break-all}main#article .article-item .item-body,main#article .article-item .item-body-hbr{line-height:2.2}main#article .item_interview_left,main#article .item_interview_right{line-height:1.7;font-size:1rem}main#article .item_interview_left .img,main#article .item_interview_right .img{width:60px;height:60px;background-size:cover;background-position:center;border-radius:50%;overflow:hidden}main#article .item_interview_left .name,main#article .item_interview_right .name{padding-top:5px;margin-bottom:5px;font-weight:bold}main#article .item_interview_left .text,main#article .item_interview_right .text{width:635px}main#article .item_interview_left .comment,main#article .item_interview_right .comment{position:relative;padding:20px;border:1px solid #dcdcdc;border-radius:2px}main#article .item_interview_left .comment:before,main#article .item_interview_right .comment:before{position:absolute;top:-1px;content:"";border:8px solid transparent;border-top:8px solid #dcdcdc}main#article .item_interview_left .comment:after,main#article .item_interview_right .comment:after{position:absolute;top:0;content:"";border:6px solid transparent;border-top:6px solid #fff}main#article .item_interview_left .img{float:left}main#article .item_interview_left .name{text-align:left;margin-left:5px}main#article .item_interview_left .text{float:right}main#article .item_interview_left .comment:before{left:-9px}main#article .item_interview_left .comment:after{left:-6px}main#article .item_interview_right .img{float:right}main#article .item_interview_right .name{text-align:right;margin-right:5px}main#article .item_interview_right .text{float:left}main#article .item_interview_right .comment:before{right:-9px}main#article .item_interview_right .comment:after{right:-6px}main#article .item_image_rich .img{text-align:center}main#article .item_image_rich .img img{max-width:100%;height:auto}main#article .item_richtext_gray .gray{background-color:#f1f1f1;padding:20px;line-height:1.8}aside{float:left;width:710px;margin-right:50px}aside section.sns{width:100%;height:160px;margin:0 auto 10px;color:#ff4b59;display:table;background-color:#363636;background-size:50% auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}aside section.sns .img{display:table-cell;background-size:cover;background-position:center;width:40%;height:100%}aside section.sns .data{padding:25px 10px 22px;text-align:center;font-size:1.6rem;display:table-cell;vertical-align:middle}aside section.sns .data p.mincho{font-size:3.7rem;transform:rotate(-3deg)}aside section.sns .data .btn{margin:15px auto 0;line-height:0;text-align:center;display:block;padding:0}aside section.sns .data .btn li{display:inline-block;vertical-align:top}aside section.sns .data .btn li a:after{content:"";margin:0}aside section.sns .data .btn li.fb a,aside section.sns .data .btn li.twitter a,aside section.sns .data .btn li.hatena a,aside section.sns .data .btn li.pint a{color:#fff;padding:5px 10px;text-align:center;display:block;width:100%;letter-spacing:-.4em;border-radius:5px}aside section.sns .data .btn li.fb a i,aside section.sns .data .btn li.twitter a i,aside section.sns .data .btn li.hatena a i,aside section.sns .data .btn li.pint a i{display:inline-block;vertical-align:middle;letter-spacing:0;margin-right:5px}aside section.sns .data .btn li.fb a span,aside section.sns .data .btn li.twitter a span,aside section.sns .data .btn li.hatena a span,aside section.sns .data .btn li.pint a span{display:inline-block;vertical-align:middle;letter-spacing:0}aside section.sns .data .btn li.fb a{background:#4267b2}aside section.sns .data .btn li.twitter a{background:#1b95e0}aside section.sns .data .btn li.hatena a{background:#00a4de;padding:0 10px 0 5px}aside section.sns .data .btn li.pint a{background:#e60023}aside section.sns .data .btn li.hatena a img{width:23px;display:inline-block;vertical-align:middle}aside section.report{text-align:right;font-size:.6875rem;margin-bottom:12px}aside section.report a{color:#999}aside section.tags{margin-bottom:20px}aside section.tags ul{background-color:#e6e6e6;padding:15px 20px 8px}aside section.tags ul li{float:left;margin:0 7px 7px 0;padding:5px;font-size:.78125rem;background-color:#fff;vertical-align:middle;border:1px solid #e0e0e0;border-radius:3px}main#category section.category_name,main#category section.tags_name,main#tags section.category_name,main#tags section.tags_name{margin-bottom:27px;padding:20px 23px 22px;color:#fff;background-color:#363636;text-align:center}main#category section.category_name h1,main#category section.tags_name h1,main#tags section.category_name h1,main#tags section.tags_name h1{font-size:1.5rem;line-height:1.6;margin-bottom:10px}main#category section.category_name p,main#category section.tags_name p,main#tags section.category_name p,main#tags section.tags_name p{line-height:1.6;font-size:.8125rem;text-align:center}main#user .user_prof .photo{width:110px;height:110px;float:left}main#user .user_prof .info{width:calc(100% - 130px);float:right}main#user .user_prof .info h1{font-size:1.5rem;padding-top:5px}main#user .user_prof .info p{padding:10px 0 15px;font-size:.9375rem;line-height:1.6;color:#363636;word-wrap:break-word}main#user .utility p{border-left:1px solid #606060;border-right:1px solid #606060;padding:5px 15px;float:left}main#user .utility p .num{font-weight:700;font-size:1rem;margin-left:10px}.container{padding-top:30px}.page-header h1{margin-bottom:10px;padding-bottom:5px}.page-header+p{margin-bottom:15px}#form{margin-bottom:50px}main#page section h1{margin-bottom:10px;padding:10px 0;font-size:1.625rem;border-bottom:3px solid #606060}main#page section ul.cat_list{width:1030px;margin:0 auto;padding:16px}main#page section ul.cat_list li{width:320px;min-height:260px;float:left;margin-bottom:16px;border:1px solid #606060}main#page section ul.cat_list li:nth-child(3n-1){margin:0 16px 16px 16px;background:#efefef}#sidebar{width:270px;float:right}#sidebar section{margin-bottom:30px}#sidebar section .ttl{font-size:1.125rem;font-weight:700;min-height:34px;line-height:1.8}#sidebar section ul.article_list li,#sidebar section ul.user_list li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ddd;line-height:1.4}#sidebar section ul.article_list:first-child,#sidebar section ul.user_list:first-child{border-top:1px dotted #ddd;padding-top:10px}#sidebar section ul.article_list .thumb,#sidebar section ul.user_list .thumb{float:left;margin-right:10px;width:70px;height:70px;background-size:cover;background-position:center}#sidebar section ul.article_list .thumb span,#sidebar section ul.user_list .thumb span{font-size:.9375rem;background:#c19f5b;position:absolute;z-index:1;width:24px;height:24px;line-height:1;padding:5px;text-align:center;color:#1b1b1b}#sidebar section ul.article_list .thumb img,#sidebar section ul.user_list .thumb img{width:100%}#sidebar section ul.article_list .txt .title,#sidebar section ul.user_list .txt .title{height:38px;margin-bottom:16px;overflow:hidden;font-size:.8125rem}#sidebar section ul.article_list .txt .author,#sidebar section ul.user_list .txt .author{font-size:.6875rem}#sidebar section ul.article_list .txt .name,#sidebar section ul.user_list .txt .name{font-size:.9rem;overflow:hidden;margin-bottom:5px}#sidebar section ul.article_list .txt .info,#sidebar section ul.user_list .txt .info{height:48px;font-size:.6875rem;overflow:hidden}#sidebar section ul.tag_list{background:#e6e6e6;padding:15px 20px 8px}#sidebar section ul.tag_list li{float:left;margin:0 7px 7px 0;padding:5px;font-size:.78125rem;background-color:#fff;vertical-align:middle}#sidebar section ul.tag_list li:before{content:"#";margin-right:1px}#sidebar section .more{display:block;color:#666;letter-spacing:.1em;padding:12px 0;font-size:.75rem;text-align:right;margin-bottom:20px}#sidebar section .more a:after{content:"\f105";font-family:FontAwesome;margin-left:5px}.paginate .num-lines{display:none}ul.pagination li{font-size:1.2rem}ul.pagination li a{margin-right:15px;width:40px;height:40px;border:solid #1b1b1b 1px;border-radius:0px !important}ul.pagination li a:hover{border:solid #1b1b1b 1px;background:#1b1b1b;color:#fff}ul.pagination li.disabled a{border:solid #1b1b1b 1px}ul.pagination li.disabled a span{color:#1b1b1b}ul.pagination li.disabled a:hover{border:solid #1b1b1b 1px}ul.pagination .active a,ul.pagination .active a:hover{color:#c19f5b;background:#1b1b1b;border:solid #1b1b1b 1px}#page{padding:15px;line-height:2.2}#page section{margin-bottom:20px}#page .ttl{line-height:1.6;font-size:1.6rem}#page h1{margin-bottom:10px;padding-bottom:5px;border-bottom:solid #606060 3px;width:100%}#page h2{display:inline-block;border-bottom:solid #c19f5b 1px;margin:0 0 8px;padding-top:10px}#page .list-type03{padding-left:30px}#page .decimal,#page .decimal li{list-style:decimal}#page .disc{padding-left:10px}#page .disc li{display:table}#page .disc li:before{content:"●";display:table-cell;width:7px;height:7px;color:#e83929;padding-right:8px;vertical-align:middle;font-size:6px}#page .align-right{text-align:right}.page-header{margin:0 0 20px 0}footer{background-color:#1b1b1b}footer a,footer a:hover{color:#fff}footer .inner{width:1030px;margin:0 auto}footer .inner .top .utility{font-size:.75rem;padding-top:15px}footer .inner .top .utility .link-list{display:inline-block;vertical-align:top;margin:10px 15px}footer .inner .top .utility .link-list .subhead{font-size:.9375rem;font-weight:700;color:#fff;margin-bottom:15px}footer .inner .top .utility .link-list ul{width:138px}footer .inner .top .utility .link-list ul li{margin:0 0 13px 0;line-height:1.4}footer .inner .bottom{padding:15px 0;border-top:1px solid #606060;border-bottom:1px solid #606060}footer .inner .bottom .logo{float:left;width:230px;height:50px;margin:0 60px}footer .inner .bottom .corporate{float:right;font-size:.75rem;margin-top:20px;margin-right:60px}footer .inner .bottom .corporate ul li{float:left;color:#fff;margin:0 20px}footer .inner .bottom .corporate ul li:before{content:"\f054";font-size:.625rem;font-family:FontAwesome;margin-right:2px;color:#ff4b59}footer small{display:block;padding:12px 0;text-align:center;font-size:.75rem;color:#606060;vertical-align:text-bottom}.mb10{margin-bottom:10px !important}.mb20{margin-bottom:20px !important}.clearfix:after{content:" ";display:block;visibility:hidden;clear:both;height:0;line-height:0}.toc ul li:before,a[target="_blank"]:after,footer .inner .bottom .corporate ul li:before,.article-item:not(.item_html) blockquote :before{font-family:"Font Awesome 5 Free";font-weight:900}a[target="_blank"]:after{content:"\f35d"}