@charset "utf-8"; html { margin:0; padding:0; }

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,span,select,blockquote,th,td,a,img,article,.searchbutton { color:#333; }

 body { background:#fff; position:relative; font-size:16px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

 body img.head_thumbnail.none { display:none; }

 h1 span.none { display:none; }

 a { text-decoration:none; color:#555; }

 a:hover { color:rgba(115, 115, 115, 1.00); }

 li,dt,dd { float:left; }

 #wap { margin-top:12px; width:100%; }

 .rightbox { float:right; }

 .leftbox { float:left; }

 .centerbox { margin:auto; }

 #layer,#layer2 { position:fixed; z-index:100000; background:#000; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=0); opacity:0; display:none; color:#fff; z-index:150; }

 #search-form { visibility:hidden; position:fixed; top:50%; left:50%; width:420px; height:80px; margin-top:-40px; margin-left:-200px; z-index:200; }

 #search-form h3 { color:#fff; font-style:italic; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

 #search-form dl.search2 { position:relative; height:60px; }

 #search-form dl.search2 dt { padding:3px; }

 #search-form dl.search2 dt input { width:350px; height:42px; line-height:30px; background:#fff; padding:3px; border:none; font-size:110%; }

 #search-form dl.search2 dd { position:absolute; top:0; right:0; }

 #search-form dl.search2 dd button { display:block; padding:6px; background:none; border:none; }

 #search-form #image-btn { border:0px; width:55px; height:55px; text-indent:-9999px; background:url(../svg/search-black.svg) left top no-repeat; }

 #loader { left:50%; position:absolute; width:40px; height:40px; border-radius:30px; /*CSS3で円を書く*/ border:8px solid #d95457; /*円に枠	をつける*/ border-right-color:transparent; /*円の右にC状の空きをつける*/ -webkit-animation:spin 1s infinite linear; /*回転のアニメーションをつける*/ -moz-animation:spin 1s infinite linear; }

 /*キーフレームのアニメーションをつける*/ @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); opacity:0.4; }

 50% { -webkit-transform:rotate(180deg); opacity:1; }

 100% { -webkit-transform:rotate(360deg); opacity:0.4; }

 }

 @-moz-keyframes spin { 0% { -moz-transform:rotate(0deg); opacity:0.4; }

 50% { -moz-transform:rotate(180deg); opacity:1; }

 100% { -moz-transform:rotate(360deg); opacity:0.4; }

 }

 footer { width:100%; min-width:1080px; padding:23px 0; font-size:80%; background:url(../img/footerimg.jpg) #000; background-position:top; background-size:100% 5px; background-repeat:no-repeat; }

 footer #footer { width:1080px; margin-left:auto; margin-right:auto; color:#fff; }

 footer #footer .footerleft { width:25%; float:left; }

 footer #footer .footerleft ul.information .footerlogo { margin-bottom:20px; }

 footer #footer .footerleft ul.information .footerlogo img { width:230px; }

 footer #footer .footerleft ul.information li.sns-icon { width:15%; }

 footer #footer .footerleft ul.information li { color:#fff; width:100%; font-size:110%; margin-bottom:5px; }

 footer #footer .footerleft ul.information li a { color:#fff; }

 footer #footer .footerright { padding-top:20px; width:75%; float:right; }

 footer #footer .footerright .ultitle p { display:inline-block; width:23%; margin-right:2%; font-size:110%; color:#fff; padding-bottom:3px; margin-bottom:7px; border-bottom:0.5px solid #fff; font-weight:bold; float:left; }

 footer #footer .footerright .ultitle p a { color:#fff; }

 footer #footer .footerright .ultitle p.ma { width:48%; }

 footer #footer .footerright ul { width:23%; float:left; margin-right:2%; }

 footer #footer .footerright ul li { color:#fff; width:100%; margin-bottom:5px; }

 footer #footer .footerright ul li a { color:#fff; }

 footer #footer .footerright ul.ma { width:48%; }

 footer #footer .footerright ul.ma li { width:50%; float:left; }

 footer .copyright { text-align:left; margin-left:auto; margin-right:auto; width:1080px; color:#fff; padding-top:15px; padding-bottom:10px; }

 #head_menu { width:100%; min-width:1080px; box-shadow:0 0 3px #333; height:45px; position:relative; margin-top:85px; background:#3d3737; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,000000+51,111111+76,131313+100 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d3737+0,444444+100 */ /* Old browsers */ background:-moz-linear-gradient(top, rgba(61, 55, 55, 1) 0%, rgba(68, 68, 68, 1) 100%); /* FF3.6-15 */ background:-webkit-linear-gradient(top, rgba(61, 55, 55, 1) 0%, rgba(68, 68, 68, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom, rgba(61, 55, 55, 1) 0%, rgba(68, 68, 68, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3737', endColorstr='#444444',GradientType=0); /* IE6-9 */ z-index:99; }

 #head_menu .head_menubar { width:1080px; margin:0px auto; }

 #head_menu .head_menubar ul { font-size:85%; }

 #head_menu .head_menubar ul li { color:#fff; border-left:1px #555 solid; font-weight:bold; padding:10px 5px 0px 5px; }

 #head_menu .head_menubar ul li:last-child { border-right:1px #888 solid; }

 #head_menu .head_menubar ul a { position:relative; display:inline-block; padding:5px 5px 10px 3px; color:#fff; text-decoration:none; font-size:84%; }

 #head_menu .head_menubar ul a::after { position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:red; content:''; transform:scaleX(0); transition:all 0.3s ease; }

 #head_menu .head_menubar ul a:hover::after { transform:scaleX(1); }

 .cat_names { float:left; color:#bb282b; font-size:100%; margin:10px 0; font-weight:bold; height:15px; margin-right:10px; }

 .cat_names a { color:#bb282b; }

 /*sns*/ .facebook { background:#385197; border-radius:1px; color:#fff; margin-bottom:5px; font-weight:bold; font-size:80%; padding:5px 5px; border-bottom:#2d417f 4px solid; }

 .facebook:before { position:relative; top:-1px; display:inline-block; width:25px; height:25px; vertical-align:middle; background:url(../../common/img/fbicon.png) no-repeat; background-size:contain; margin:0 5px 0 0; content:" "; }

 .facebook_single { background:#385197; border-radius:1px; color:#fff; margin-bottom:5px; font-weight:bold; font-size:80%; padding:5px 5px; border-bottom:#2d417f 4px solid; }

 .facebook_single:before { position:relative; top:-1px; display:inline-block; width:25px; height:25px; vertical-align:middle; background:url(../../common/img/fbicon.png) no-repeat; background-size:contain; margin:0 5px 0 0; right:40%; content:" "; }

 .linkedin { background:#006eaa; padding:8px 3px; border-radius:1px; color:#fff; margin-bottom:5px; font-weight:bold; font-size:80%; padding:5px 5px; border-bottom:#005b8f 4px solid; }

 .linkedin:before { position:relative; top:-1px; display:inline-block; width:25px; height:25px; vertical-align:middle; background:url(../../common/img/liicon.png) no-repeat; background-size:contain; margin:0 5px 0 0; content:" "; }

 .twitter { background:#54a1d9; padding:8px 3px; border-radius:1px; color:#fff; margin-bottom:5px; font-weight:bold; font-size:80%; padding:5px 5px; border-bottom:#4586b5 4px solid; }

 .twitter:before { position:relative; top:-1px; display:inline-block; width:25px; height:25px; vertical-align:middle; background:url(../../common/img/twicon.png) no-repeat; background-size:contain; margin:0 5px 0 0; content:" "; }

 .hatebu { background:#008fde; padding:8px 3px; border-radius:1px; color:#fff; margin-bottom:5px; font-weight:bold; font-size:80%; padding:5px 5px; border-bottom:#21759b 4px solid; }

 .hatebu:before { background:url(../../common/img/bicon.png) no-repeat; margin:0 5px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; position:relative; }

 span.social-score { font-size:110%; float:right; padding-right:15px; color:#fff; font-weight:bold; }

 /*top*/ #top_container { width:1080px; margin:10px auto; }

 #top_container p { margin-bottom:30px; line-height:205%; }

 #top_container .top_box { margin:0px 0px; position:relative; height:440px; overflow:hidden; width:650px; float:left; }

 #top_container .top_box .imgbox { position:relative; width:100%; overflow:hidden; /* 高さを幅の75%に固定 */ }

 #top_container .top_box .imgbox:before { content:""; display:block; padding-top:440px; }

 #top_container .top_box .imgbox img { width:auto; height:100%; position:absolute; top:0%; left:-10%; }

 #top_container .top_box .textbox { position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(255, 255, 255, 0.0); }

 #top_container .top_box .textbox .titlebox { position:absolute; bottom:0; left:0; width:100%; height:auto; padding-top:5px; background:rgba(255, 255, 255, 0.90); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+42,0.69+100 */ }

 #top_container .top_box .textbox .titlebox h2 { box-sizing:border-box; width:100%; margin:auto; color:rgba(0, 0, 0, 1.00); font-size:160%; letter-spacing:2px; padding:0 5px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; }

 #top_container .top_box .textbox .titlebox ul { float:left; padding:0px 5px 15px; width:100%; box-sizing:border-box; }

 #top_container .top_box .textbox .titlebox ul li { color:#000; }

 #top_container .top_box .textbox .titlebox ul li.score { margin-top:12px; }

 #top_container .top_box .textbox .titlebox ul li.score:before { margin:-4px 11px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; position:relative; top:0px; content:url(../../common/img/count-red.png); }

 #top_container .top_box .textbox .titlebox ul li.link { color:#000; margin:12px 11px 0 0; }

 #top_container .top_box .textbox .titlebox ul li.link:before { background:url(../../common/img/external_link.png) no-repeat; margin:-4px 11px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; position:relative; }

 #top_container .top_box .textbox .titlebox ul li.date { margin:12px 0 0 15px; }

 #top_container .top_box .textbox:hover { background:rgba(0, 0, 0, 0.5); }

 #top_container .top_box .textbox:hover .titlebox { background:rgba(255, 255, 255, 1.0); }

 #top_container .top_box2 { margin:0px auto; position:relative; height:220px; overflow:hidden; float:right; width:430px; }

 #top_container .top_box2 .imgbox { position:relative; width:100%; overflow:hidden; /* 高さを幅の75%に固定 */ }

 #top_container .top_box2 .imgbox:before { content:""; display:block; padding-top:220px; }

 #top_container .top_box2 .imgbox img { width:128%; height:auto; position:absolute; top:0%; left:0%; }

 #top_container .top_box2 .imgbox ul { padding:0px 10px 5px; box-sizing:border-box; position:absolute; top:10px; right:5px; z-index:2; color:#fff; }

 #top_container .top_box2 .imgbox ul li { color:rgba(0, 0, 0, 1.00); font-size:80%; height:28px; line-height:28px; font-weight:900; }

 #top_container .top_box2 .imgbox ul li.score:before { position:relative; top:0px; margin:0; margin-right:10px; content:url(../../common/img/scorebtn.png); }

 #top_container .top_box2 .imgbox ul li.score_number { margin:0 0 0 5px; color:#fff; font-weight:900; text-shadow:0 0 2px #000; font-size:100%; }

 #top_container .top_box2 .imgbox ul li.date { margin:0 0 0 15px; }

 #top_container .top_box2 .textbox { width:100%; height:100%; position:absolute; top:0; left:0; }

 #top_container .top_box2 .textbox .titlebox { position:absolute; bottom:0; left:0; height:auto; width:100%; padding-top:5px; background:rgba(255, 255, 255, 0.80); }

 #top_container .top_box2 .textbox .titlebox h2 { box-sizing:border-box; width:100%; margin:auto; font-size:90%; color:rgba(0, 0, 0, 1.00); letter-spacing:2px; padding:0 10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; }

 #top_container .top_box2 .textbox .titlebox h3 { box-sizing:border-box; width:100%; margin:auto; font-size:75%; color:rgba(0, 0, 0, 1.00); letter-spacing:2px; padding:0 10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; display:inline; }

 #top_container .top_box2 .textbox .titlebox p.date { margin:0; margin-left:10px; font-size:75%; }

 #top_container .top_box2:hover .textbox { background:rgba(0, 0, 0, 0.50); }

 #top_container .top_box2:hover .textbox .titlebox { background:rgba(255, 255, 255, 1.0); }

 #top_container .top_box2.interview_box .imgbox img { width:100%; left:0; }

 #top_container .content { width:590px; }

 #top_container .sns-box { width:460px; float:right; }

 #top_container .sns-box div { float:left; width:46.5%; }

 #top_container .sns-box .facebook { float:left; }

 #top_container .sns-box .twitter { float:right; }

 #top_container .sns-box .linkedin { float:left; }

 #top_container .sns-box .hatebu { float:right; }

 #top_container #top_recommend article { width:350px; margin-right:14px; float:left; }

 #top_container #top_recommend article .imgbox { overflow:hidden; width:100%; display:block; position:relative; height:200px; }

 #top_container #top_recommend article .imgbox img { width:350px; height:250px; position:relative; }

 #top_container #top_recommend article .imgbox .score { position:absolute; top:20px; right:0; font-weight:900; color:#fff; background:rgba(50, 50, 50, 0.6); padding:4px 10px; }

 #top_container #top_recommend article .imgbox .score:before { display:inline-block; vertical-align:middle; width:25px; height:25px; background:url(../../common/img/scorebtn.png) no-repeat; background-size:contain; margin:0 10px 0 0; content:" "; }

 #top_container #top_recommend article .date { font-size:75%; padding:0 2%; }

 #top_container #top_recommend article h5 { font-weight:bold; font-size:110%; width:96%; padding:2%; }

 #top_container #top_ranking { width:350px; }

 #top_container #top_ranking H5 { font-weight:bold; font-size:110%; text-align:center; background:#333; color:#fff; margin-bottom:5px; }

 #top_container #top_ranking .defaultlist,#top_container #top_ranking .defaultlist li { padding:0px; margin:0px; }

 #top_container #top_ranking .defaultlist li { list-style-type:none !important; list-style-image:none !important; margin:1px 0px 1px 0px !important; }

 #top_container #top_ranking .list8 { counter-reset:li; margin-left:20px !important; }

 #top_container #top_ranking .list8 li { position:relative; display:block; padding:1px 0px 1px 30px; }

 #top_container #top_ranking li.list8-count:after { position:absolute; left:-16px; top:9px; background:#a22022; color:#fff; height:30px; width:30px; line-height:32px; border:2px solid #770204; text-align:center; font-weight:bold; border-radius:30px; counter-increment:li; content:counter(li); }

 #top_container #top_ranking li.list8-count:before { content:''; display:block; position:absolute; box-shadow:0 0 2px 2px rgba(255, 255, 255, 0.2) inset; top:11px; left:15px; height:0; width:0; }

 /* #top_container */ #guide-container { width:100%; }

 #search_container { width:100%; background:#e2a8a9; }

 #search_container .searchbox { width:1080px; margin:0 auto; }

 /* #top_container2 */ #top_container2 { width:1080px; margin:0 auto; /* #big */ /* #normal_arc */ /* #normal_arc */ /* #interview_arc */ }

 #top_container2 p { margin-bottom:21px; margin-top:11px; line-height:205%; }

 #top_container2 article { border-bottom:solid 1px #888; padding-bottom:20px; }

 #top_container2 .big_arc .sns-box { width:23.6%; }

 #top_container2 .big_arc .sns-box div { float:left; width:100%; box-sizing:border-box; margin-bottom:1px; }

 #top_container2 .big_arc .sns-box .facebook { float:left; }

 #top_container2 .big_arc .sns-box .twitter { float:left; }

 #top_container2 .big_arc .sns-box .linkedin { float:left; }

 #top_container2 .big_arc .sns-box .hatebu { float:left; }

 #top_container2 .big_arc .content { width:780px; }

 #top_container2 .big_arc .top_box { margin:0px auto; position:relative; height:300px; overflow:hidden; margin-bottom:20px; margin-top:20px; }

 #top_container2 .big_arc .top_box img { width:1080px; height:auto; position:absolute; top:-10%; }

 #top_container2 .big_arc .top_box .titlebox { position:absolute; bottom:0; height:100%; width:100%; background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.69) 100%); /* FF3.6-15 */ background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.69) 100%); /* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.69) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b0000000',GradientType=0); /* IE6-9 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+42,0.69+100 */ }

 #top_container2 .big_arc .top_box .titlebox h3 { width:1040px; margin:auto; color:rgba(253, 253, 253, 1.00); font-size:160%; padding-bottom:40px; text-shadow:1px 1px 1px rgba(0, 0, 0, 1.00); letter-spacing:2px; padding:20px; position:absolute; bottom:20px; left:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; }

 #top_container2 .big_arc .top_box .titlebox ul { position:absolute; bottom:0; float:left; padding:10px 20px; }

 #top_container2 .big_arc .top_box .titlebox ul li.score { color:#fff; }

 #top_container2 .big_arc .top_box .titlebox ul li.score:before { background:url(../../common/img/scorebtn.png) no-repeat; margin:0 10px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #top_container2 .big_arc .top_box .titlebox ul li.date { color:#fff; margin-left:15px; }

 #top_container2 .normal_arc { padding:10px; }

 #top_container2 .normal_arc .img_box { margin:0px auto; position:relative; width:300px; overflow:hidden; margin-bottom:0px; float:left; }

 #top_container2 .normal_arc .img_box img { width:300px; height:auto; }

 #top_container2 .normal_arc h3 { font-size:170%; font-weight:bold; width:100%; padding:35px 0px 10px 0px; position:relative; }

 #top_container2 .normal_arc .content { width:750px; float:right; }

 #top_container2 .normal_arc .content .sns-box { width:100%; float:right; }

 #top_container2 .normal_arc .content .sns-box div:last-child { margin-right:0px; }

 #top_container2 .normal_arc .content .sns-box div { float:left; width:22.9%; margin-right:1%; }

 #top_container2 .normal_arc .content .sns-box .facebook { float:left; }

 #top_container2 .normal_arc .content .sns-box .twitter { float:left; }

 #top_container2 .normal_arc .content .sns-box .linkedin { float:left; }

 #top_container2 .normal_arc .content .sns-box .hatebu { float:left; }

 #top_container2 .normal_arc .content ul { bottom:0; padding:0px 0px; height:30px; }

 #top_container2 .normal_arc .content ul li.score { color:#333; }

 #top_container2 .normal_arc .content ul li.score:before { background:url(../../common/img/count-red.png) no-repeat; margin:0 10px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #top_container2 .normal_arc .content ul li.date { color:#333; margin-left:15px; }

 #top_container2 .normal_arc .content ul li.link { color:#333; }

 #top_container2 .normal_arc .content ul li.link:before { background:url(../../common/img/external_link.png) no-repeat; margin:-4px 11px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #top_container2 .normal_arc:hover { background:rgba(0, 0, 0, 0.10); }

 #top_container2 .normal_arc:hover h3 a { color:#bb282b; }

 #top_container2 .normal_arc:hover .textbox p a { color:#bb282b; }

 #top_container2 .normal_arc:hover .textbox ul li.score { color:#bb282b; }

 #top_container2 .normal_arc:hover .textbox ul li.date { color:#bb282b; }

 #top_container2 .interview_arc { border-bottom:solid 1px #888; padding-bottom:40px; padding-top:10px; }

 #top_container2 .interview_arc .img_box { margin:0px auto; position:relative; width:380px; overflow:hidden; margin-bottom:0px; float:right; width:480px; }

 #top_container2 .interview_arc .img_box img { width:480px; height:auto; }

 #top_container2 .interview_arc h3 { font-size:170%; font-weight:bold; width:100%; padding:20px 0px; width:590px; }

 #top_container2 .interview_arc .sns-box { width:480px; margin-top:10px; }

 #top_container2 .interview_arc .sns-box div { float:left; width:46.5%; }

 #top_container2 .interview_arc .sns-box .facebook { float:left; }

 #top_container2 .interview_arc .sns-box .twitter { float:right; }

 #top_container2 .interview_arc .sns-box .linkedin { float:left; }

 #top_container2 .interview_arc .sns-box .hatebu { float:right; }

 #top_container2 .interview_arc .content { width:580px; float:left; }

 #top_container2 .interview_arc .content ul { bottom:0; padding:10px 0px; height:30px; }

 #top_container2 .interview_arc .content ul li.score { color:#333; }

 #top_container2 .interview_arc .content ul li.score:before { background:url(../../common/img/count-red.png) no-repeat; margin:0 10px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #top_container2 .interview_arc .content ul li.date { color:#333; margin-left:15px; }

 /* #top_container 2ここまで*/ #page_container { width:1080px; margin:auto; margin-top:30px; /* aside */ }

 #page_container img.logo { height:60px !important; }

 #page_container p { margin-bottom:30px; line-height:205%; letter-spacing:1px; }

 #page_container .content { width:750px; /***** コンタクトフォーム *****/ }

 #page_container .content img { max-width:100%; height:auto; }

 #page_container .content h1 { font-size:150%; padding:2% 1% 1% 1%; margin:0% 0 4% 0; width:98%; box-shadow:0 0 2px #333; font-weight:bold; background:url(../img/footerimg.jpg); background-position:top center; background-repeat:no-repeat; background-size:100% 8%; letter-spacing:1.5px; }

 #page_container .content h2 { font-size:150%; padding:2% 1% 1% 1%; margin:0% 0 4% 0; width:98%; box-shadow:0 0 2px #333; font-weight:bold; background:url(../img/footerimg.jpg); background-position:top center; background-repeat:no-repeat; background-size:100% 8%; letter-spacing:1.5px; }

 #page_container .content ol { list-style-type:upper-roman; }

 #page_container .content pre { font-size:100%; line-height:200%; margin-bottom:30px; }

 #page_container .content .sns-content { margin-top:15px; }

 #page_container .content .sns-content div { width:23.6%; float:left; margin-right:0; height:25px; }

 #page_container .content form#single_login { display:flex; justify-content:center; -webkit-flex-wrap:wrap; /* Safari */ flex-wrap:wrap; width:550px; margin:auto; padding:10px 10px 20px; box-shadow:1px 1px 10px rgba(100, 100, 100, 1.00); border-radius:5px; }

 #page_container .content form#single_login input { width:100%; box-sizing:border-box; padding:0 10px; margin:0 1% 10px; height:35px; line-height:35px; background:rgba(255, 255, 255, 1.00); border:1px solid rgba(227, 227, 227, 1.00); box-shadow:none; }

 #page_container .content form#single_login input[type="submit"] { width:98%; margin:1%; font-size:90%; cursor:pointer; }

 #page_container .content form#single_login p,#page_container .content form#single_login a { width:98%; margin:0 1%; text-align:center; height:35px; line-height:35px; box-sizing:border-box; }

 #page_container .content form#single_login div.or { display:flex; justify-content:center; align-items:center; width:98%; height:auto; line-height:none; margin:0 auto 15px; }

 #page_container .content form#single_login div.or span,#page_container .content form#single_login div.or hr { width:33%; padding:0; margin:0; }

 #page_container .content form#single_login div.or span { background:none; color:rgba(170, 170, 170, 1.00); text-align:center; }

 #page_container .content form#single_login div.or hr { height:1px; border:none; border-top:1px solid rgba(170, 170, 170, 1.00); }

 #page_container .content form#single_login a.small { font-size:70%; }

 #page_container .content form#single_login a.new_registration { background:linear-gradient(#67ae55, #578843); background-color:#69a74e; box-shadow:inset 0 1px 1px #a4e388; border-color:#3b6e22 #3b6e22 #2c5115; color:#fff; }

 #page_container .content form#single_login #wpg-login { width:98%; margin:0 1% 20px; }

 #page_container .content form#single_login #wpg-login a { width:49%; height:35px; line-height:35px; padding:0; margin:0; box-sizing:border-box; background:#59adec; color:#fff; border:none; }

 #page_container .content form#single_login #wpg-login a i { display:none; }

 #page_container .content form#single_login #wpg-login a:first-child { margin-right:2%; background:#385197; }

 #page_container .content .wpcf7-submit { width:100%; background:#d5292c; color:#fff; box-shadow:1px 1px 2px #8e8e8e; padding:10px 0px; }

 #page_container .content .table-contactform7 { font-size:90%; overflow:hidden; }

 #page_container .content .table-contactform7 tr { height:60px !important; width:30%; }

 #page_container .content .table-contactform7 th { width:30%; }

 #page_container .content .table-contactform7 .required-contactform7 { padding:5px; background:#de8686; color:#fff; border-radius:3px; margin-right:3px; }

 #page_container .content .table-contactform7 .wpcf7-form-control-wrap { padding:10px; }

 #page_container .content .table-contactform7 .menu-983 { max-width:90% !important; font-size:110%; }

 #page_container .content .table-contactform7 .unrequired-contactform7 { padding:5px; background:#bdbdbd; color:#fff; border-radius:3px; margin-right:3px; }

 #page_container .content .table-contactform7 .table-contactform7 th { font-weight:bold; width:30%; }

 #page_container .content .table-contactform7 .table-contactform7 tr { font-weight:bold; height:60px !important; }

 #page_container .content .table-contactform7 .wpcf7-form-control { height:30px; }

 #page_container .content .table-contactform7 .table-contactform7 input,#page_container .content .table-contactform7 .table-contactform7 textarea { max-width:90% !important; padding:10px; }

 #page_container .content .table-contactform7 .address-100 input { max-width:90% !important; }

 #page_container .content .table-contactform7 .message-100 textarea { width:90%; height:150px; }

 @media screen and (min-width:900px) { #page_container .content .table-contactform7 .table-contactform7 th { width:28%; }

 }

 @media screen and (max-width:900px) { #page_container .content .table-contactform7 .table-contactform7 { display:block; }

 #page_container .content .table-contactform7 .table-contactform7 tbody,#page_container .content .table-contactform7 .table-contactform7 tr { display:block; width:100%; }

 #page_container .content .table-contactform7 .table-contactform7 th { width:100%; display:block; margin:0 auto; border:none; }

 #page_container .content .table-contactform7 .table-contactform7 td { display:list-item; list-style-type:none; margin:0; padding:0; width:100%; border-top:none !important; }

 }

 #page_container .content .company table { margin:0 auto; width:100%; border:none; border-top:solid 1px #666; border-bottom:solid 1px #666; border-collapse:separate; border-spacing:0 10px; background:#f5f5f5; margin-bottom:10px; }

 #page_container .content .company th { vertical-align:middle; height:53px; width:30%; border-right:solid 1px #666; margin:0; text-align:center; color:#333; font-size:80%; font-weight:bold; }

 #page_container .content .company td { padding:0; margin:0; height:53px; width:70%; padding-left:10px; border:none; color:#333; font-size:90%; line-height:16px; text-align:left; vertical-align:middle; white-space:nowrap; overflow:hidden; padding-top:5px; }

 #page_container .content .company td p { line-height:205%; margin-bottom:0px; padding-top:5px; padding-bottom:5px; }

 #page_container .content .company td:fst-child { padding:0 0 0 10px; vertical-align:middle; }

 #page_container .content .company h2 { padding-bottom:5px; border-bottom:1px #333 solid; margin-bottom:10px; width:100%; font-size:110%; margin-top:15px; font-weight:bold; }

 #page_container aside { width:300px; float:right; }

 #page_container aside h5 { padding:1%; width:98%; font-weight:400; background:#fff; box-shadow:#000 0px 0px 3px; margin:70px 0px 10px 0px; }

 #page_container aside dl.dealdata { font-size:75%; width:100%; line-height:1.5; background-color:#f5f5f5; overflow:hidden; }

 #page_container aside dl.dealdata dt { background:#555; color:#fff; float:left; width:25%; margin-bottom:10px; }

 #page_container aside dl.dealdata dd { margin-left:110px; padding:10px; background-color:#fff; }

 #page_container aside .aside-ad { margin-top:15px; margin-bottom:10px; }

 #page_container aside .aside-ad0 { margin-top:5px; margin-bottom:15px; }

 /* #single_container */ /*single*/ #single_container { width:1080px; margin:auto; margin-top:0px; /* aside */ }

 #single_container p { margin-bottom:30px; line-height:205%; letter-spacing:1px; }

 #single_container .fb-comments { min-height:180px; }

 #single_container .readmore { margin:14px auto; width:80%; text-align:center; display:block; font-size:14px; padding:10px; border:1px solid #920a0d; background-color:#fff; color:#920a0d; border-radius:2px; transition:all 0.1s linear; }

 #single_container .readmore a { background:#920a0d; color:#fff; }

 #single_container .content_container .leftbox.content .article_content { padding-bottom:20px; }

 #single_container .content_container .leftbox.content .article_content p a { border-bottom:1px solid rgba(108, 108, 108, 1.00); }

 #single_container .content_container .leftbox.content .article_content p a:hover { color:rgba(0, 69, 255, 1.00); border-bottom:none; }

 #single_container .content_container .leftbox.content .article_content p img.aligncenter { display:block; margin:10px auto; max-width:100%; }

 #single_container .content_container .leftbox.content .article_content form#single_login { display:flex; justify-content:center; -webkit-flex-wrap:wrap; /* Safari */ flex-wrap:wrap; width:550px; margin:auto; padding:10px 10px 20px; box-shadow:1px 1px 10px rgba(100, 100, 100, 1.00); border-radius:5px; }

 #single_container .content_container .leftbox.content .article_content form#single_login input { width:48%; box-sizing:border-box; padding:0 10px; margin:0 1% 10px; height:35px; line-height:35px; background:rgba(255, 255, 255, 1.00); border:1px solid rgba(227, 227, 227, 1.00); box-shadow:none; }

 #single_container .content_container .leftbox.content .article_content form#single_login input[type="submit"] { width:98%; margin:1%; font-size:90%; cursor:pointer; }

 #single_container .content_container .leftbox.content .article_content form#single_login p,#single_container .content_container .leftbox.content .article_content form#single_login a { width:98%; margin:0 1%; text-align:center; height:35px; line-height:35px; box-sizing:border-box; }

 #single_container .content_container .leftbox.content .article_content form#single_login div.or { display:flex; justify-content:center; align-items:center; width:98%; height:auto; line-height:none; margin:0 auto 15px; }

 #single_container .content_container .leftbox.content .article_content form#single_login div.or span,#single_container .content_container .leftbox.content .article_content form#single_login div.or hr { width:33%; padding:0; margin:0; }

 #single_container .content_container .leftbox.content .article_content form#single_login div.or span { background:none; color:rgba(170, 170, 170, 1.00); text-align:center; }

 #single_container .content_container .leftbox.content .article_content form#single_login div.or hr { height:1px; border:none; border-top:1px solid rgba(170, 170, 170, 1.00); }

 #single_container .content_container .leftbox.content .article_content form#single_login a.small { font-size:70%; }

 #single_container .content_container .leftbox.content .article_content form#single_login a.new_registration { background:linear-gradient(#67ae55, #578843); background-color:#69a74e; box-shadow:inset 0 1px 1px #a4e388; border-color:#3b6e22 #3b6e22 #2c5115; color:#fff; }

 #single_container .content_container .leftbox.content .article_content form#single_login #wpg-login { width:98%; margin:0 1% 20px; }

 #single_container .content_container .leftbox.content .article_content form#single_login #wpg-login a { width:49%; height:35px; line-height:35px; padding:0; margin:0; box-sizing:border-box; background:#59adec; color:#fff; border:none; }

 #single_container .content_container .leftbox.content .article_content form#single_login #wpg-login a i { display:none; }

 #single_container .content_container .leftbox.content .article_content form#single_login #wpg-login a:first-child { margin-right:2%; background:#385197; }

 #single_container .content { width:750px; }

 #single_container .content img { max-width:100%; height:auto; }

 #single_container .content .top_box { position:relative; width:100%; overflow:hidden; margin-bottom:30px; }

 #single_container .content .top_box:before { content:""; display:block; padding-top:300px; /* 高さを幅の75%に固定 */ }

 #single_container .content .top_box .thumbnail_imgbox { position:absolute; width:100%; overflow:hidden; top:0%; left:0; }

 #single_container .content .top_box .thumbnail_imgbox:before { content:""; display:block; padding-top:300px; /* 高さを幅の75%に固定 */ }

 #single_container .content .top_box .thumbnail_imgbox img { position:absolute; width:100%; height:auto; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; }

 #single_container .content .top_box .titlebox { position:absolute; bottom:0; height:auto; width:100%; padding-top:90px; background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 37%, rgba(0, 0, 0, 0.35) 54%, rgba(0, 0, 0, 0.55) 100%); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+37,000000+100&0+0,0.85+54 */ /* FF3.6-15 */ background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 37%, rgba(0, 0, 0, 0.35) 54%, rgba(0, 0, 0, 0.55) 100%); /* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 37%, rgba(0, 0, 0, 0.35) 54%, rgba(0, 0, 0, 0.55) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000',GradientType=0); /* IE6-9 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+42,0.69+100 */ }

 #single_container .content .top_box .titlebox h1 { width:710px; margin:auto; color:rgba(253, 253, 253, 1.00); font-size:160%; text-shadow:1px 1px 1px rgba(0, 0, 0, 1.00); letter-spacing:2px; padding:20px 20px 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; }

 #single_container .content .top_box .titlebox ul { float:left; padding:10px 20px; }

 #single_container .content .top_box .titlebox ul li.score { color:#fff; }

 #single_container .content .top_box .titlebox ul li.score:before { background:url(../../common/img/scorebtn.png) no-repeat; margin:0 10px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #single_container .content .top_box .titlebox ul li.date { color:#fff; margin-left:15px; }

 #single_container .content .top_box .titlebox ul li.link { color:#fff; }

 #single_container .content .top_box .titlebox ul li.link a { color:#fff; }

 #single_container .content .top_box .titlebox ul li.link a:hover { color:rgba(200, 65, 65, 0.90); }

 #single_container .content .top_box .titlebox ul li.link:before { background:url(../../common/img/wt-external_link.png) no-repeat; margin:-4px 11px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #single_container .content .top_box_interview { margin:0px auto 15px; position:relative; overflow:hidden; width:100%; }

 #single_container .content .top_box_interview:before { content:""; display:block; padding-top:62.5%; /* 高さを幅の75%に固定 */ }

 #single_container .content .top_box_interview .thumbnail_imgbox { position:absolute; width:100%; overflow:hidden; top:0; left:0; }

 #single_container .content .top_box_interview .thumbnail_imgbox:before { content:""; display:block; padding-top:62.5%; /* 高さを幅の75%に固定 */ }

 #single_container .content .top_box_interview .thumbnail_imgbox img { position:absolute; top:0; left:0; width:100%; height:auto; }

 #single_container .content .top_box_interview .titlebox { position:absolute; bottom:0; height:auto; width:100%; background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%); /* FF3.6-15 */ background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%); /* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b0000000',GradientType=0); /* IE6-9 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+42,0.69+100 */ }

 #single_container .content .top_box_interview .titlebox h1 { width:710px; margin:0 auto 10px; color:rgba(253, 253, 253, 1.00); font-size:160%; text-shadow:1px 1px 1px rgba(0, 0, 0, 1.00); letter-spacing:2px; padding:20px 20px 0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; }

 #single_container .content .top_box_interview .titlebox p { color:rgba(253, 253, 253, 1.00); margin:0 auto; padding:0 20px; font-size:120%; line-height:150%; }

 #single_container .content .top_box_interview .titlebox ul { float:left; padding:10px 20px; }

 #single_container .content .top_box_interview .titlebox ul li.score { color:#fff; }

 #single_container .content .top_box_interview .titlebox ul li.score:before { background:url(../../common/img/scorebtn.png) no-repeat; margin:0 10px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #single_container .content .top_box_interview .titlebox ul li.date { color:#fff; margin-left:15px; }

 #single_container .content .hatenablogcard { width:100%; }

 #single_container .content h2 { font-size:150%; padding:2% 1% 1% 1%; margin:0% 0 4% 0; width:98%; box-shadow:0 0 2px #333; font-weight:bold; background:url(../img/footerimg.jpg); background-position:top center; background-repeat:no-repeat; background-size:100% 8%; letter-spacing:1.5px; }

 #single_container .content strong { font-weight:bold; }

 #single_container .content pre { font-size:100%; line-height:200%; margin-bottom:30px; }

 #single_container .content .sns-content { margin-top:5px; margin-bottom:15px; }

 #single_container .content .sns-content div { width:23.6%; float:left; margin-right:0; height:25px; }

 #single_container .content .sns-content .iine { padding-left:30px; padding-top:2px; }

 #single_container .content .sns-content #u_0_6 { display:none; }

 #single_container .content .sns-content .fwb { color:#fff; }

 #single_container .content .recommend { margin-bottom:10px; }

 #single_container .content .recommend h5 { padding:1%; width:98%; font-weight:400; background:#fff; box-shadow:#000 0px 0px 3px; margin:10px 0px 0; }

 #single_container .content .recommend .yarpp-related { clear:both; }

 #single_container .content .recommend .yarpp-related .recommend-box { position:relative; background:#fff; box-shadow:0 0 2px #888; padding:0%; float:left; width:47%; margin:1% 0; padding:1%; }

 #single_container .content .recommend .yarpp-related .recommend-box:before { content:""; display:block; padding-top:75%; /* 高さを幅の75%に固定 */ }

 #single_container .content .recommend .yarpp-related .recommend-box a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }

 #single_container .content .recommend .yarpp-related .recommend-box .imgbox { position:relative; width:100%; height:100%; }

 #single_container .content .recommend .yarpp-related .recommend-box .imgbox:before { content:""; display:block; padding-top:62.5%; /* 高さを幅の75%に固定 */ }

 #single_container .content .recommend .yarpp-related .recommend-box .imgbox img { position:absolute; top:0; left:0; width:100%; height:auto; }

 #single_container .content .recommend .yarpp-related .recommend-box .textbox { position:absolute; bottom:0; height:auto; width:100%; background:rgba(255, 255, 255, 1.00); box-sizing:border-box; padding:5px; }

 #single_container .content .recommend .yarpp-related .recommend-box .textbox h4 { height:auto; }

 #single_container .content .recommend .yarpp-related .recommend-box:first-child { margin-right:2%; }

 #single_container aside { width:300px; float:right; }

 #single_container aside .professional-ad { width:100%; height:250px; margin-bottom:20px; background:url(http://ma-times.jp/professional/cms/wp-content/themes/professional-search/common/img/recommend/adback.png) no-repeat; border:1px solid #000; box-sizing:border-box; }

 #single_container aside .professional-ad a { display:block; height:100%; }

 #single_container aside .professional-ad a p { color:#e3373a; font-size:95%; line-height:120%; font-weight:bold; margin:0; padding-top:53px; padding-left:10px; }

 #single_container aside h5 { padding:1%; width:98%; font-weight:400; background:#fff; box-shadow:#000 0px 0px 3px; margin:20px 0px 10px 0px; }

 #single_container aside dl.dealdata { font-size:80%; width:100%; line-height:1.5; overflow:hidden; }

 #single_container aside dl.dealdata dt { float:left; width:30%; text-align:center; background:#444; color:#fff; font-size:90%; }

 #single_container aside dl.dealdata hr.dotline { border-top:1px dashed #bbb; }

 #single_container aside dl.dealdata dd { width:65%; margin-left:15px; margin-bottom:5px; }

 #single_container aside dl.dealdata dd a { border-bottom:1px solid rgba(108, 108, 108, 1.00); }

 #single_container aside .aside-ad { margin-top:25px; margin-bottom:10px; visibility:visible; }

 #single_container aside .aside-ad0 { padding-top:25px; padding-bottom:20px; background:#f0f0f0; margin-bottom:15px; }

 /* #single_container */ /* #cat_container */ #cat_index { padding:40px 0; background-image:url(../img/adspaceback.jpg); background-size:contain; text-align:left; }

 #cat_index h1 { color:#fff; font-weight:900; font-size:200%; line-height:120%; width:1080px; margin-left:auto; margin-right:auto; }

 #cat_index h1 span { font-size:65%; width:100%; color:#fff; margin-left:20px; }

 #cat_container { width:1080px; margin:0 auto; /* #big */ /* #normal_arc */ /* #normal_arc */ /* #interview_arc */ }

 #cat_container p { margin-bottom:10px; line-height:205%; }

 #cat_container article { border-bottom:solid 1px #888; padding-bottom:20px; }

 #cat_container .big_arc .sns-box { width:23.6%; }

 #cat_container .big_arc .sns-box div { float:left; width:100%; box-sizing:border-box; margin-bottom:1px; }

 #cat_container .big_arc .sns-box .facebook { float:left; }

 #cat_container .big_arc .sns-box .twitter { float:left; }

 #cat_container .big_arc .sns-box .linkedin { float:left; }

 #cat_container .big_arc .sns-box .hatebu { float:left; }

 #cat_container .big_arc .content { width:780px; }

 #cat_container .big_arc .top_box { margin:0px auto; position:relative; height:300px; overflow:hidden; margin-bottom:20px; margin-top:20px; }

 #cat_container .big_arc .top_box a { display:block; width:auto; height:100%; }

 #cat_container .big_arc .top_box img { width:1080px; height:auto; position:absolute; top:0%; }

 #cat_container .big_arc .top_box .textbox { position:absolute; bottom:0; height:auto; width:100%; padding:15px 0; background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 42%, rgba(0, 0, 0, 0.69) 100%); /* FF3.6-15 */ background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 42%, rgba(0, 0, 0, 0.69) 100%); /* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 42%, rgba(0, 0, 0, 0.69) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b0000000',GradientType=0); /* IE6-9 */ }

 #cat_container .big_arc .top_box .textbox .titlebox { width:100%; height:auto; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+42,0.69+100 */ }

 #cat_container .big_arc .top_box .textbox .titlebox h3 { margin:auto; color:rgba(253, 253, 253, 1.00); font-size:160%; padding-bottom:40px; text-shadow:1px 1px 1px rgba(0, 0, 0, 1.00); letter-spacing:2px; padding:0 20px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; }

 #cat_container .big_arc .top_box .textbox .titlebox ul { padding:5px 20px; }

 #cat_container .big_arc .top_box .textbox .titlebox ul li.score { color:#fff; }

 #cat_container .big_arc .top_box .textbox .titlebox ul li.score:before { position:relative; top:3px; margin:0; margin-right:10px; display:inline-block; width:auto; height:auto; background-size:contain; vertical-align:middle; content:url(../../common/img/scorebtn.png); }

 #cat_container .big_arc .top_box .textbox .titlebox ul li.date { color:#fff; margin-left:15px; height:36px; line-height:36px; }

 #cat_container .big_arc .top_box .textbox .titlebox ul li.cat_name_big { color:#fff; margin-left:15px; height:36px; line-height:36px; }

 #cat_container .big_arc .top_box .textbox .titlebox ul li.link { color:#333; }

 #cat_container .big_arc .top_box .textbox .titlebox ul li.link:before { background:url(../../common/img/external_link.png) no-repeat; margin:-4px 11px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #cat_container .normal_arc { padding-top:10px; }

 #cat_container .normal_arc h3 { font-size:160%; font-weight:bold; width:100%; padding:35px 0px 10px 0px; position:relative; }

 #cat_container .normal_arc .img_box { position:relative; width:339px; overflow:hidden; float:right; }

 #cat_container .normal_arc .img_box:before { content:""; display:block; padding-top:62.5%; /* 高さを幅の75%に固定 */ }

 #cat_container .normal_arc .img_box img { position:absolute; top:0; right:0; width:100%; height:auto; }

 #cat_container .normal_arc .img_box a { display:block; }

 #cat_container .normal_arc .content { width:730px; float:left; }

 #cat_container .normal_arc .content a { display:block; }

 #cat_container .normal_arc .content .sns-box { width:100%; float:right; }

 #cat_container .normal_arc .content .sns-box div:last-child { margin-right:0px; }

 #cat_container .normal_arc .content .sns-box div { float:left; width:22.9%; margin-right:1%; }

 #cat_container .normal_arc .content .sns-box .facebook { float:left; }

 #cat_container .normal_arc .content .sns-box .twitter { float:left; }

 #cat_container .normal_arc .content .sns-box .linkedin { float:left; }

 #cat_container .normal_arc .content .sns-box .hatebu { float:left; }

 #cat_container .normal_arc .content ul { bottom:0; padding:0px 0px; height:30px; }

 #cat_container .normal_arc .content ul li.score { color:#333; }

 #cat_container .normal_arc .content ul li.score:before { background:url(../../common/img/count-red.png) no-repeat; margin:0 10px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #cat_container .normal_arc .content ul li.date { color:#333; margin-left:15px; }

 #cat_container .normal_arc .content ul li.link { color:#333; }

 #cat_container .normal_arc .content ul li.link:before { background:url(../../common/img/external_link.png) no-repeat; margin:-4px 11px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #cat_container .interview_arc { border-bottom:solid 1px #888; padding-bottom:10px; padding-top:10px; }

 #cat_container .interview_arc .leftbox { width:590px; float:left; }

 #cat_container .interview_arc .leftbox a { display:block; }

 #cat_container .interview_arc .rightbox { width:480px; float:right; }

 #cat_container .interview_arc .rightbox a { display:block; }

 #cat_container .interview_arc .img_box { margin:0px auto; position:relative; height:280px; overflow:hidden; margin-bottom:10px; float:right; width:480px; }

 #cat_container .interview_arc .img_box img { width:100%; height:auto; }

 #cat_container .interview_arc h2 { font-size:170%; font-weight:bold; padding:40px 0px 0px; width:580px; }

 #cat_container .interview_arc h3 { font-size:120%; font-weight:bold; width:590px; margin:2px 0px; float:left; }

 #cat_container .interview_arc .sns-box { width:480px; margin-top:10px; }

 #cat_container .interview_arc .sns-box div { float:left; width:46.5%; }

 #cat_container .interview_arc .sns-box .facebook { float:left; }

 #cat_container .interview_arc .sns-box .twitter { float:right; }

 #cat_container .interview_arc .sns-box .linkedin { float:left; }

 #cat_container .interview_arc .sns-box .hatebu { float:right; }

 #cat_container .interview_arc .content { width:590px; }

 #cat_container .interview_arc .content ul { bottom:0; padding:10px 0px; height:30px; }

 #cat_container .interview_arc .content ul li.score { color:#333; }

 #cat_container .interview_arc .content ul li.score:before { background:url(../../common/img/count-red.png) no-repeat; margin:0 10px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 #cat_container .interview_arc .content ul li.date { color:#333; margin-left:15px; }

 /* #cat_container */ #follow { width:750px; margin:10px auto; }

 #follow .sns-follow-btn-txt { font-weight:900; font-size:110%; text-align:center; margin-bottom:5px; color:#fff; }

 #follow .fbfollowbtn { padding:10px 20px; width:340px; background-color:#305097; text-align:center; float:left; height:60px; }

 #follow .twfollowbtn { background-color:#00aced; text-align:center; float:right; padding:10px 10px; width:340px; height:60px; }

 .ad_pad { background-image:url(../img/adspaceback.jpg); background-size:contain; text-align:center; width:100%; padding:20px 10px; box-sizing:border-box; }

 .ad_pad a:hover { opacity:0.8; }

 .recommend-box { background:#fff; box-shadow:0 0 2px #888; padding:1%; float:left; width:47%; margin:0.5%; }

 .recommend-box .score { color:#333; font-weight:bold; }

 .recommend-box .score:before { background:url(../../common/img/count-red.png) no-repeat; margin:0 10px 0 0; content:" "; display:inline-block; width:25px; height:25px; background-size:contain; vertical-align:middle; }

 .recommend-box H4 { font-size:100%; font-weight:bold; height:75px; }

 .recommend-box p { font-size:100%; }

 .recommend-box .imgbox { overflow:hidden; width:100%; height:150px; }

 .recommend-box .imgbox img { width:110%; }

 aside .press { margin:25px auto 0; }

 aside .press a { display:block; padding:5px 10px; text-align:center; border:2px solid #444; border-radius:3px; }

 aside .press a:hover { background:#444; color:#fefefe; }

 #mailmagazine { width:300px; background:rgba(240, 240, 240, 1.00); box-sizing:border-box; text-align:center; padding-top:20px; box-shadow:0px 0px 3px #555; background:url(../img/footerimg.jpg); background-position:top center; background-repeat:no-repeat; margin-top:15px; }

 #mailmagazine h4 { font-size:140%; font-weight:900; color:#000; }

 #mailmagazine div.icon { width:70px; height:auto; margin:10px auto; }

 #mailmagazine div.icon img { width:70px; height:auto; }

 #mailmagazine .canapign { font-size:80%; color:#bf0003; }

 #mailmagazine .canapign2 { font-size:100%; color:#000; margin-top:15px; }

 #mailmagazine .wysija-input { border-radius:5px; font-size:14px; height:37px; padding:0 2%; color:#333; line-height:40px; border:solid 2px #ddd; width:85%; margin-left:-5px; }

 #mailmagazine .wysija-paragraph label { font-size:80%; }

 #mailmagazine .wysija-paragraph select.wysija-select { position:relative; width:90%; padding:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #999; background:#eee; background:-webkit-linear-gradient(top, #fff 0%, #efebe1 100%); background:linear-gradient(to bottom, #fff 0%, #efebe1 100%); }

 #mailmagazine .wysija-paragraph input.unsubscribe { display:none; }

 #mailmagazine .wysija-paragraph input.wysija-submit { background:#ef6f24; border-radius:3px; font-size:15px; width:89%; height:37px; cursor:pointer; color:#fff; border:none; box-shadow:0px 0px 3px #555; margin:5px auto; margin-bottom:10px; }

 #mailmagazine .wysija-select-label { font-size:80%; }

 #mailmagazine p { color:#000; margin-bottom:10px; line-height:150%; }

 #mailmagazine input.unsubscribe { display:none; }

 #mailmagazine input.wysija-submit { background:#ef6f24; border-radius:3px; font-size:15px; width:89%; height:37px; cursor:pointer; color:#fff; border:none; box-shadow:0px 0px 3px #555; margin:5px auto; margin-bottom:10px; }

 #mailmagazine2 { width:800px; box-sizing:border-box; padding:25px; margin:0px auto; text-align:left; padding-top:20px; box-shadow:0px 0px 3px #555; background:rgba(240, 240, 240, 1.00) url(../img/footerimg.jpg); background-position:top center; background-repeat:no-repeat; margin-top:15px; }

 #mailmagazine2 h4 { font-size:140%; font-weight:900; color:#000; width:450px; margin-left:10px; position:relativel; padding-top:10px; }

 #mailmagazine2 div.icon { width:70px; height:auto; margin:10px auto; float:left; padding:10px; }

 #mailmagazine2 div.icon img { width:70px; height:auto; }

 #mailmagazine2 .canapign { font-size:80%; color:#bf0003; width:450px; }

 #mailmagazine2 .canapign2 { font-size:100%; color:#000; margin-top:15px; width:450px; }

 #mailmagazine2 .wysija-input { border-radius:5px; font-size:14px; height:37px; padding:0 2%; color:#333; line-height:40px; border:solid 2px #ddd; box-sizing:border-box; width:300px; margin-left:-5px; }

 #mailmagazine2 .wysija-paragraph label { font-size:80%; }

 #mailmagazine2 .wysija-paragraph select.wysija-select { position:relative; width:300px; padding:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #999; background:#eee; background:-webkit-linear-gradient(top, #fff 0%, #efebe1 100%); background:linear-gradient(to bottom, #fff 0%, #efebe1 100%); }

 #mailmagazine2 .wysija-select-label { font-size:80%; }

 #mailmagazine2 p { color:#000; margin-bottom:10px; line-height:150%; }

 #mailmagazine2 input.unsubscribe { display:none; }

 #mailmagazine2 input.wysija-submit { background:#ef6f24; border-radius:3px; font-size:15px; width:300px; height:37px; cursor:pointer; color:#fff; border:none; box-shadow:0px 0px 3px #555; margin:5px auto; margin-bottom:10px; }

 /*ブログカード*/ /************************************
 ** ブログカードのスタイル
 ************************************/ .blog-card { padding:17px 12px 12px; margin:10px 0; border:1px solid #ddd; word-wrap:break-word; max-width:100%; width:720px; background:url(../img/footerimg.jpg); background-position:top center; background-repeat:no-repeat; background-size:100% 5px; }

 .blog-card-thumbnail { float:left; }

 .blog-card-content { margin-left:160px; line-height:120%; }

 .blog-card-title { margin-bottom:5px; font-size:120%; line-height:1.5em; }

 .blog-card-title a { font-weight:bold; text-decoration:none; color:#111; }

 .blog-card-excerpt { color:#333; font-size:90%; line-height:180%; }

 .blog-card-footer { font-size:70%; color:#777; margin-top:5px; }

 .clear { clear:both; }

 #breadcrumb { margin-bottom:20px; color:#777; font-size:13px; }

 div#breadcrumb div { display:inline; }

 #breadcrumb span.sp { margin:0 10px; }

 #breadcrumb a { text-decoration:none; color:#777; }

 /*ツイッター埋め込み*/ #twitter_gather_tweet h5 { padding:1%; width:98%; font-weight:400; background:#fff; box-shadow:#000 0px 0px 3px; margin:10px 0px 0; margin-bottom:15px; }

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

 #twitter_gather_tweet article a { color:#1b95e0; text-decoration:none; }

 #twitter_gather_tweet article .twitter_user_data .leftbox { width:10%; float:left; }

 #twitter_gather_tweet article .twitter_user_data .leftbox img.twitter_user_img { height:50px; width:50px; }

 #twitter_gather_tweet article .twitter_user_data .rightbox { width:90%; float:right; }

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

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

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

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

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

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

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

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

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

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

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

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

 #twitter_gather_tweet article .twitter_reaction { width:100%; }