@charset "utf-8"; @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css); /* Scss Document */ html,body,div,main,header,footer,section,article,aside,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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 { color:#333; margin:0; padding:0; word-wrap:break-word; box-sizing:border-box; border:0; outline:0; font-size:100%; font-weight:normal; vertical-align:baseline; background:transparent; }

 body { height:auto; font-family:'Noto Sans JP', "メイリオ", Meiryo, Osaka, sans-serif; font-size:13px; }

 a { text-decoration:none; }

 #top_container #pickup { position:relative; background:url(../new-img/common-img/bg.png) repeat; padding:10px 0 20px; margin-bottom:20px; }

 #top_container #pickup .coverbox { position:absolute; top:0; left:0; background:#fff; width:100%; height:50%; }

 #top_container #pickup .coverbox2 { position:absolute; top:50%; left:0; width:100%; height:50%; }

 #top_container #pickup .slidebox { width:100%; height:auto; padding:0 20px; overflow:hidden; }

 #top_container #pickup .slidebox .mainbox .slick-arrow { display:none; }

 #top_container #pickup .slidebox .mainbox .draggable { max-width:1200px; margin:auto; overflow:hidden; }

 #top_container #pickup .slidebox .mainbox .draggable li { position:relative; }

 #top_container #pickup .slidebox .mainbox .draggable li a { position:relative; }

 #top_container #pickup .slidebox .mainbox .draggable li a .imgbox { position:relative; width:100%; height:auto; }

 #top_container #pickup .slidebox .mainbox .draggable li a .imgbox:before { content:""; display:block; padding-top:95%; }

 #top_container #pickup .slidebox .mainbox .draggable li a .imgbox img { position:absolute; width:80%; height:auto; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; }

 #top_container #pickup .slidebox .mainbox .draggable li.slick-active a .imgbox img { width:80%; opacity:0.5; }

 #top_container #pickup .slidebox .mainbox .draggable li.slick-active.slick-current { z-index:9998; }

 #top_container #pickup .slidebox .mainbox .draggable li.slick-active.slick-current a .imgbox img { display:block; width:140%; opacity:1; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; -ms-transition:0.4s; transition:0.4s; }

 #top_container #pickup .slidebox .mainbox .draggable li.slick-active.slick-current a .imgbox img:hover { -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; -ms-transition:0.4s; transition:0.4s; -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); }

 #top_container #pickup .slidebox .subbox { margin:20px 20px 0; }

 #top_container #pickup .slidebox .subbox .slick-arrow { z-index:1000; }

 #top_container #pickup .slidebox .subbox .slick-prev { left:-30px; }

 #top_container #pickup .slidebox .subbox .slick-next { right:-30px; }

 #top_container #pickup .slidebox .subbox .draggable { max-width:1200px; margin:auto; }

 #top_container #pickup .slidebox .subbox .draggable li a { display:block; }

 #top_container #pickup .slidebox .subbox .draggable li a dl { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 #top_container #pickup .slidebox .subbox .draggable li a dl dt span { display:inline-block; color:#a48036; line-height:40px; margin-right:10px; margin-bottom:3px; background:#fefefe; border:1px solid #a48036; padding:0 10px; text-align:center; }

 @media screen and (max-width:970px) { #top_container #pickup .slidebox .subbox .draggable li a dl dt span { line-height:30px; }

 }

 #top_container #pickup .slidebox .subbox .draggable li a dl dd { flex:1; }

 #top_container #pickup .slidebox .subbox .draggable li a dl dd h3 { color:#fff; line-height:40px; padding:0 10px; font-size:22px; text-shadow:0 0 2px #000; }

 @media screen and (max-width:970px) { #top_container #pickup .slidebox .subbox .draggable li a dl dd h3 { font-size:16px; line-height:30px; }

 }

 #top_container .rankbox { max-width:1200px; margin:0 auto 30px; }

 @media screen and (max-width:1240px) { #top_container .rankbox { padding:0 20px; }

 }

 #top_container .rankbox .headlinebox { padding:15px; }

 #top_container .rankbox .headlinebox h3 { text-align:center; font-size:200%; font-family:"Times New Roman", Times, "serif"; }

 #top_container .rankbox .headlinebox p { text-align:center; }

 #top_container .rankbox .wpp-list { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; }

 #top_container .rankbox .wpp-list .ranking_box { position:relative; width:18%; padding-bottom:30px; border:2px solid rgba(0, 0, 0, 0); }

 #top_container .rankbox .wpp-list .ranking_box a { display:block; width:100%; height:100%; }

 #top_container .rankbox .wpp-list .ranking_box a .imgbox { position:relative; width:100%; height:auto; overflow:hidden; }

 #top_container .rankbox .wpp-list .ranking_box a .imgbox:before { content:""; display:block; padding-top:62.5%; }

 #top_container .rankbox .wpp-list .ranking_box a .imgbox img { position:absolute; width:100%; height:auto; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; }

 #top_container .rankbox .wpp-list .ranking_box a .textbox { padding:10px; }

 #top_container .rankbox .wpp-list .ranking_box a .textbox span.date { position:absolute; bottom:0; left:0; width:100%; height:30px; line-height:30px; padding:0 10px; box-sizing:border-box; }

 #top_container .rankbox .wpp-list .ranking_box:hover { border:2px solid #bb282b; }

 @media screen and (max-width:1060px) { #top_container .rankbox .wpp-list .ranking_box { width:31%; }

 #top_container .rankbox .wpp-list .ranking_box:nth-child(4),#top_container .rankbox .wpp-list .ranking_box:nth-child(5) { display:none; }

 }

 #top_container2 .centerbox { max-width:1240px; margin:0 auto 30px; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 #page_container { margin-top:148px; padding-top:20px; }

 @media screen and (max-width:1060px) { #page_container { margin-top:62px; }

 }

 #page_container h1 { font-size:150%; padding:20px; margin-bottom:20px; border:1px solid rgba(138, 138, 138, 1.00); color:#fefefe; font-weight:bold; background:url(../new-img/common-img/bg.png) repeat; }

 @media screen and (max-width:970px) { #page_container h1 { padding:10px; }

 }

 #page_container .centerbox { max-width:1240px; margin:0 auto 30px; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 #page_container .centerbox main { flex:1; margin-right:30px; }

 @media screen and (max-width:1060px) { #page_container .centerbox main { margin:0; }

 }

 #page_container.company .dlbox { margin-bottom:30px; border:1px solid rgba(138, 138, 138, 1.00); }

 #page_container.company .dlbox dl { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 #page_container.company .dlbox dl dt,#page_container.company .dlbox dl dd { padding:15px; }

 #page_container.company .dlbox dl dt { width:100px; color:#fefefe; background:url(../new-img/common-img/bg.png) repeat; border-top:1px solid #494848; border-bottom:1px solid #212121; }

 #page_container.company .dlbox dl dd { flex:1; border-bottom:1px dotted rgba(138, 138, 138, 1.00); }

 #page_container.company .dlbox dl:nth-child(1) dt,#page_container.company .dlbox dl:nth-child(1) dd { border-top:none; }

 #page_container.company .dlbox dl:last-child dt,#page_container.company .dlbox dl:last-child dd { border-bottom:none; }

 #list_container { background:#eee; }

 #list_container .centerbox { max-width:1200px; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 @media screen and (max-width:1240px) { #list_container .centerbox { padding:0 20px; }

 }

 #single_container { background:#eee; }

 #single_container .centerbox { max-width:1240px; margin:0 auto 30px; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 #single_container .centerbox main { flex:1; margin-right:30px; background:#fefefe; padding:0 10px 10px; }

 @media screen and (max-width:1060px) { #single_container .centerbox main { margin:0; }

 }

 #single_container .centerbox main .article_body #headlinebox .databox { border-bottom:1px solid rgba(220, 220, 220, 1.00); margin-bottom:5px; padding-bottom:5px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 #single_container .centerbox main .article_body #headlinebox .databox .leftbox { flex:1; }

 #single_container .centerbox main .article_body #headlinebox .databox .leftbox span.s_tag { display:inline-block; background:#bb282b; color:#fefefe; line-height:24px; padding:0 5px; text-align:center; border-radius:1px; margin-right:5px; }

 #single_container .centerbox main .article_body #headlinebox .databox .rightbox p { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }

 #single_container .centerbox main .article_body #headlinebox .databox .rightbox time { margin-right:10px; }

 #single_container .centerbox main .article_body #headlinebox .databox .rightbox span { color:#bb282b; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }

 #single_container .centerbox main .article_body #headlinebox .databox .rightbox span img { margin-right:5px; }

 #single_container .centerbox main .article_body #headlinebox h1 { font-size:26px; padding:10px 0 20px; border-bottom:1px solid rgba(220, 220, 220, 1.00); }

 #single_container .centerbox main .article_body .snsbox { margin-bottom:10px; }

 #single_container .centerbox main .article_body .snsbox ul { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; }

 #single_container .centerbox main .article_body .snsbox ul li { margin-left:10px; margin-bottom:10px; height:20px; line-height:20px; }

 #single_container .centerbox main .article_body .snsbox ul li a img { width:auto; height:21px; }

 #single_container .centerbox main .article_body .snsbox ul li.sns_countbox { position:relative; padding-right:46px; }

 #single_container .centerbox main .article_body .snsbox ul li.sns_twitter a { display:block; }

 #single_container .centerbox main .article_body .snsbox ul li.sns_twitter a span.twitter_text { display:block; width:64px; height:20px; }

 #single_container .centerbox main .article_body .snsbox ul li.sns_twitter span.twitter_count { display:block; position:absolute; top:0; right:0; width:40px; height:20px; text-align:center; width:43px; text-indent:5px; background:url(../new-img/single-img/twitter-balloon.png) no-repeat; background-position:center center; background-size:cover; color:#55a0d7; }

 #single_container .centerbox main .article_body .snsbox ul li.sns_pocket { padding-right:46px; }

 #single_container .centerbox main .article_body .snsbox ul li.sns_pocket span { display:block; position:absolute; top:0; right:0; width:40px; height:20px; text-align:center; width:43px; text-indent:5px; background:url(../new-img/single-img/pocket-balloon.png) no-repeat; background-position:center center; background-size:cover; color:#ee4256; }

 #single_container .centerbox main .article_body .snsbox ul li.sns_hatena { padding-right:46px; }

 #single_container .centerbox main .article_body .snsbox ul li.sns_hatena span { display:block; position:absolute; top:0; right:0; width:40px; height:20px; text-align:center; width:43px; text-indent:5px; background:url(../new-img/single-img/hatena-balloon.png) no-repeat; background-position:center center; background-size:cover; color:#008fde; }

 #single_container .centerbox main .article_body .snsbox ul li.sns_g_plus { padding-right:46px; }

 #single_container .centerbox main .article_body .snsbox ul li.sns_g_plus span { display:block; position:absolute; top:0; right:0; width:40px; height:20px; text-align:center; width:43px; text-indent:5px; background:url(../new-img/single-img/google-balloon.png) no-repeat; background-position:center center; background-size:cover; color:#dd4b39; }

 #single_container .centerbox main .article_body .article_content { margin-bottom:30px; }

 #single_container .centerbox main .article_body .article_content h2 { padding:20px; background:#f4f4f4; font-size:22px; margin-bottom:20px; color:#000; }

 #single_container .centerbox main .article_body .article_content p { font-size:16px; margin-bottom:30px; line-height:160%; color:#474747; }

 #single_container .centerbox main .article_body .article_content p a { text-decoration:underline; color:rgba(120, 120, 120, 1.00); }

 #single_container .centerbox main .article_body .article_content p a:hover { color:rgba(80, 80, 180, 1.00); }

 #single_container .centerbox main .article_body .article_content img { max-width:100%; height:auto; }

 #single_container .centerbox main .article_body .article_content img.aligncenter { display:block; margin:auto; max-width:100%; height:auto; }

 #single_container.common_article .centerbox main .prefatory { margin-bottom:40px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 #single_container.common_article .centerbox main .prefatory .imgbox { max-width:40%; margin:0 20px 20px 0; }

 #single_container.common_article .centerbox main .prefatory .imgbox img { display:block; max-width:100%; height:auto; }

 #single_container.common_article .centerbox main .prefatory .pre_text { flex:1; }

 #single_container.common_article .centerbox main .prefatory .pre_text p { line-height:160%; font-size:14px; margin-bottom:20px; color:#474747; }

 #single_container.common_article .centerbox main .prefatory .pre_text p a { text-decoration:underline; color:rgba(120, 120, 120, 1.00); }

 #single_container.common_article .centerbox main .prefatory .pre_text p a:hover { color:rgba(80, 80, 180, 1.00); }

 #single_container.common_article .centerbox main .article_body #headlinebox { padding-bottom:15px; }

 #single_container.common_article .centerbox main #twitter_gather_tweet h5 { padding:1%; width:100%; font-weight:400; background:#fff; box-shadow:#000 0px 0px 3px; margin:10px 0px 0; margin-bottom:15px; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article { background:#fff; box-shadow:0 0 3px #333; box-sizing:border-box; padding:8px; border-radius:3px; margin-bottom:10px; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article a { color:#1b95e0; text-decoration:none; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .leftbox { width:50px; height:auto; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .leftbox img.twitter_user_img { width:100%; height:auto; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox { padding-left:10px; -webkit-box-flex:1; -ms-flex:1; flex:1; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox p { margin-bottom:5px; line-height:120%; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox .twitter_user_name { font-weight:bold; margin-right:5px; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox .twitter_user_screen_name { color:#555; font-size:75%; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox .twitter_user_coment { margin:10px auto; line-height:150%; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox .twitter_created_at { font-size:75%; float:left; margin-right:15px; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox ul { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox ul li { margin-right:10px; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox ul .heart { width:20px; height:20px; cursor:pointer; background:url(../new-img/single-img/heart.png) no-repeat; background-position:0 0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox ul .heart:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox ul .retweet { width:20px; height:20px; cursor:pointer; background:url(../new-img/single-img/retweet.png) no-repeat; background-position:0 0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox ul .heart:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox ul .reply { width:20px; height:20px; cursor:pointer; background:url(../new-img/single-img/reply.png) no-repeat; background-position:0 0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_user_data .rightbox ul .heart:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

 #single_container.common_article .centerbox main #twitter_gather_tweet article .twitter_reaction { width:100%; }

 #single_container .recommend { width:100%; max-width:1240px; padding:0 20px; margin:0 auto 40px; }

 #single_container .recommend h2 { margin-bottom:20px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }

 #single_container .recommend h2 span.times_new_roman { font-size:32px; margin-right:30px; font-style:italic; }

 #single_container .recommend h2 hr { flex:1; border:none; box-shadow:none; border-bottom:2px solid #bb282b; margin-left:30px; }

 #single_container .recommend .recommend_center { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; }

 #single_container .recommend .recommend_center article { width:18%; }

 #single_container .recommend .recommend_center article a { display:block; width:100%; height:auto; }

 #single_container .recommend .recommend_center article a .imgbox { position:relative; width:100%; height:auto; overflow:hidden; margin-bottom:5px; }

 #single_container .recommend .recommend_center article a .imgbox:before { content:""; display:block; padding-top:62.5%; }

 #single_container .recommend .recommend_center article a .imgbox img { position:absolute; width:100%; height:auto; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; }

 #single_container .recommend .recommend_center article a .textbox h3 { font-size:12px; }

 #single_container.interview .centerbox main .article_body #headlinebox h1 { border-bottom:none; }

 #single_container.interview .centerbox main .article_body #headlinebox .c_data { border-bottom:1px solid rgba(220, 220, 220, 1.00); padding-bottom:20px; margin-bottom:20px; }

 #single_container.interview .centerbox main .article_body #headlinebox .c_data span { font-weight:bold; font-size:18px; margin-right:10px; }

 #single_container.interview .centerbox main .article_body #headlinebox .c_data span.p_name,#single_container.interview .centerbox main .article_body #headlinebox .c_data span.p_company { margin-right:0; }

 #single_container.interview .centerbox main .article_body .imgbox { margin-bottom:20px; }

 #single_container.interview .centerbox main .article_body .imgbox img { display:block; max-width:100%; height:auto; margin:auto; }

 #single_container.interview .centerbox main .article_body .article_content .interviewerbox { margin-bottom:50px; }

 #single_container.interview .centerbox main .article_body .article_content .interviewerbox dl { margin-top:30px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }

 #single_container.interview .centerbox main .article_body .article_content .interviewerbox dl:nth-child(1) { margin-top:0; }

 #single_container.interview .centerbox main .article_body .article_content .interviewerbox dl dt { border-radius:50%; overflow:hidden; }

 #single_container.interview .centerbox main .article_body .article_content .interviewerbox dl dt img { display:block; max-width:100px; height:auto; }

 #single_container.interview .centerbox main .article_body .article_content .interviewerbox dl dd { padding-left:15px; -webkit-box-flex:1; -ms-flex:1; flex:1; }

 #single_container.interview .centerbox main .article_body .article_content .interviewerbox dl dd p { margin-bottom:0; }