@charset "utf-8";li.ama_btn:before{content:"＼スマイルSALE開催中！／";white-space:pre-wrap;text-align:center;width:100%;display:block;font-size:12px}li.yah_btn,li.rak_btn{margin-top:21px}@media screen and (max-width:768px){li.yah_btn,li.rak_btn{margin-top:0}}.pr{margin-top:15px;font-size:13px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,figure,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0}.cf{zoom:1}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}img{vertical-align:middle}li{list-style-type:none}input[type=text],input[type=password],textarea,select{outline:none}html{font-family:"Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif";font-size:13px;line-height:1.5}body{color:#333;background-color:#efefef}a,i{color:#333}.box{margin:0 auto;width:100%;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.key{font-size:85% !important;padding:3px 8px !important}.p_top{margin-top:15px}.mt15{margin-top:15px}.mt25{margin-top:25px}.img_txt_unit{margin-top:30px}.ttl_unit{margin-top:50px}#header{width:100%;border-top:10px solid #333;padding-top:10px}.sns_box{padding:10px 0;border-top:1px solid #333;border-bottom:1px solid #333}.sns_box .box li{float:right;margin-left:10px}.logo a:hover,.sns_box .box li a:hover{filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )";-moz-opacity:.7;opacity:.7}.header_box{border-bottom:1px solid #333;padding:22px 0}.logo{float:left}.search_txt:hover,.search_btn:hover{cursor:pointer}.searchform{padding:10px 0 0;float:right;margin-top:10px}.search_txt{font-size:12px;padding:5px 8px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;border-right:0;display:block;float:left}.search_btn{padding:7px 10px 5px;-webkit-border-radius:0px 3px 3px 0;-moz-border-radius:0px 3px 3px 0;border-radius:0 3px 3px 0;-o-border-radius:0px 3px 3px 0;-ms-border-radius:0px 3px 3px 0;font-size:12px;background:#333;border:0;display:block;float:left}.menu-category_menu-container{padding:17px 0 12px;border-bottom:1px solid #333}#menu-category_menu{margin:0 auto;width:100%;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#menu-category_menu:before,#menu-category_menu:after{content:"";display:table}#menu-category_menu:after{clear:both}#menu-category_menu:before,#menu-category_menu:after{content:"";display:table}#menu-category_menu li{float:left;margin:0 15px 5px 0}#menu-category_menu .current-menu-item a,#menu-category_menu li a:hover{border-bottom:3px solid #333;font-size:15px;padding-bottom:0;margin-bottom:2px}#menu-category_menu li a{color:#333;text-decoration:none;font-size:15px}@media screen and (max-width:768px){#header{padding-top:0}.header_box{padding:15px 0}.logo{float:none;text-align:center}.sns_box{padding:8px 0 30px;border-top:none}.sns_box .box{width:155px;position:absolute;z-index:9999;right:0}.searchform{float:none;text-align:center;margin-top:0}.search_txt,.search_btn{float:none;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border:1px solid #333}.search_btn{padding:5px 8px 3px}.menu-category_menu-container{padding:10px 0 5px}#menu-category_menu li{margin:0 10px 3px 0}#menu-category_menu li a{font-size:14px}#menu-category_menu .current-menu-item a,#menu-category_menu li a:hover{border-bottom:2px solid #333;font-size:14px;padding-bottom:0;margin-bottom:2px}}#content{margin:20px 0 0}#pagetop{position:fixed;bottom:50px;right:50px;width:72px;height:72px;z-index:999}#pagetop a:hover{filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )";-moz-opacity:.7;opacity:.7}@media screen and (max-width:768px){#content{margin:10px 0 0}}#footer{padding:40px 30px 30px;margin-top:60px;background-color:#666}#footer a{color:#fff}#footer>ul.footer_link_box{margin-bottom:15px;padding-bottom:10px}#footer>ul.footer_link_box>li{float:left;width:24%;margin-right:1%}#footer>ul.footer_link_box>li>a{font-size:14px;border-bottom:1px solid #fff;display:block;padding-bottom:10px;margin-bottom:20px;font-weight:700}#footer>ul.footer_link_box>li>ul li{margin-bottom:20px}#footer>ul.footer_link_box>li>ul>li>a{font-size:14px}.footer_link a{padding-left:12px;background:url(//designmagazine.jp/wp-content/themes/webdesingmagazine/img/common/icon_arrow.png) no-repeat left center;background-size:19px 10px}#footer ul li a{text-decoration:none}#footer ul li a:hover{text-decoration:underline}.footer_bottom{border-top:1px solid #fff;padding-top:30px}.copyright{font-size:11px;text-align:center;display:block;color:#fff}.footer_bottom_left{float:left;width:50%;text-align:center}.footer_bottom_right{float:right;width:50%}.footer_bottom_left li{display:inline-block;margin:0 5px}.footer_bottom_left li a{font-size:11px}@media screen and (max-width:768px){#footer{margin-top:0;padding:30px 10px 15px 15px}#footer>ul.footer_link_box>li{width:47%;margin-right:3%}#footer>ul.footer_link_box>li>a,#footer>ul.footer_link_box>li>ul>li>a{font-size:13px}.footer_bottom{padding-top:15px}.footer_bottom_left,.footer_bottom_right{float:none;width:100%}.copyright{margin-top:10px}}.top_article_boxs{width:100%;padding:0 0 0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.top_article_box{float:left;margin-right:20px;margin-bottom:20px;z-index:1;width:290px}.top_article_img{-webkit-border-radius:3px 3px 0px 0px/3px 3px 0px 0px;-moz-border-radius:3px 3px 0px 0px/3px 3px 0px 0px;border-radius:3px 3px 0 0/3px 3px 0px 0px;-o-border-radius:3px 3px 0px 0px/3px 3px 0px 0px;-ms-border-radius:3px 3px 0px 0px/3px 3px 0px 0px;overflow:hidden}.top_article_img img{width:290px;height:auto;-moz-transition:-moz-transform .5s linear;-webkit-transition:-webkit-transform .5s linear;-o-transition:-o-transform .5s linear;-ms-transition:-ms-transform .5s linear;transition:transform .5s linear}.top_article_img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.top_article_content{width:270px;background:#fff;padding:10px;-webkit-border-radius:0 0 3px 3px/0 0 3px 3px;-moz-border-radius:0 0 3px 3px/0 0 3px 3px;border-radius:0 0 3px 3px/0 0 3px 3px;-o-border-radius:0 0 3px 3px/0 0 3px 3px;-ms-border-radius:0 0 3px 3px/0 0 3px 3px}.top_article_category{float:left;font-size:12px;color:#fff}.top_article_category a{color:#333;text-decoration:none;border:2px solid #333;padding:0 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;margin-bottom:5px;display:inline-block;*display:inline;*zoom:1;}.top_article_category a:hover{background:#333;color:#fff}.top_article_day{float:right}.top_article_ttl{font-size:20px;margin:5px 0 10px}.top_article_ttl a{color:#333;text-decoration:none}.top_article_ttl a:hover{text-decoration:underline}.top_article_txt{font-size:15px;margin-bottom:10px}.top_article_btn a{display:block;color:#333;text-decoration:none;border:2px solid #333;width:80px;text-align:center;float:right;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;padding:2px 0}.top_article_btn a:hover{background:#333;color:#fff}.pager{text-align:center;margin:0 0 50px}.wp-pagenavi{display:inline-block;*display:inline;zoom:1}.pager span{float:left;margin-left:5px;margin-top:5px}.pager .current{margin-top:5px;display:inline-block;*display:inline;zoom:1;font-size:15px;color:#fff;border:2px solid #333;text-decoration:none;padding:0 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;background:#333}.pager a{float:left;margin-left:5px;margin-top:5px;display:inline-block;*display:inline;zoom:1;font-size:15px;color:#333;border:2px solid #333;text-decoration:none;padding:0 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px}.newMark{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;background-color:gold;color:#fff;font-size:11px;padding:3px;vertical-align:middle;line-height:1.5}.content_box{width:1100px;margin:30px auto 0 auto}.breadcrumbs{margin-bottom:15px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.main{float:left;width:760px;margin:0 40px 0 0}.side{float:left;width:300px}.side_box{margin-bottom:30px}.side_ttl{text-align:center;border-top:1px solid #333;border-bottom:1px solid #333;padding:10px 0;margin:0 0 15px;font-size:17px;font-weight:700}.bottom_ttl{text-align:center;border-top:1px solid #333;border-bottom:1px solid #333;padding:10px 0;margin:0 0 15px;font-size:18px;font-weight:700}.tagcloud a{border:2px solid #333;margin:5px 3px;padding:3px 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;display:inline-block;*display:inline;*zoom:1;font-size:1em !important;margin-bottom:5px;text-decoration:none}.tagcloud a:hover{background:#333;color:#fff}.side_post_img{float:left;display:block;width:100px}.side_post_right{float:right;display:block;width:185px}.side_post_category{background:#03ecfb;color:#fff;padding:2px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;display:inline-block;*display:inline;zoom:1;font-size:12px;margin-bottom:5px}.side_post_txt{display:block;color:#333}.side_post a{text-decoration:none}.side_post li{margin-bottom:15px}.banner{margin-bottom:15px;width:100%;text-align:center}.banner img,.banner iframe{max-width:100%;hieght:auto!important}.wpp-list li:before,.wpp-list li:after,#npcatch li:before,#npcatch li:after{content:"";display:table}.wpp-list li:after,#npcatch li:after{clear:both}.wpp-list li,#npcatch li{margin-bottom:15px}.wpp-list li a:first-child,#npcatch li img{width:80px;display:block;float:left}.wpp-thumbnail{margin-right:15px!important}#npcatch li img{height:auto;width:80px}.wpp-post-title,#npcatch span.title{float:right;width:205px}.wpp-post-title,#npcatch span.title a{width:205px;text-decoration:none}.wpp-post-title:hover,#npcatch span.title:hover{text-decoration:underline}.widget_archive ul:before,.widget_archive ul:after{content:"";display:table}.widget_archive ul:after{clear:both}.widget_archive ul{margin-left:-26px;clear:both}.widget_archive li{float:left;margin-left:26px;width:55px}.widget_archive li a{font-size:14px;line-height:1.5em;color:#333;text-decoration:none}.widget_archive li a:hover{text-decoration:underline}.side_box li a{font-size:14px;line-height:1.5em;color:#333}.side_box li a img:hover{filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )";-moz-opacity:.7;opacity:.7}#npcatch span.date{display:block;color:#999;font-size:13px}.hikaku{overflow-x:auto}body .hikaku table{border-collapse:collapse;font-size:12px;margin:10px 0 20px;width:720px}.hikaku th,td{border-top:1px #333 solid;border-bottom:1px #333 solid;padding:10px}.hikaku th{width:50%;background:#efefef;text-align:center;font-weight:700}.hikaku td .hikaku_img{width:80px;max-width:80px !important;height:auto}.rak_btn_s a{text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;color:#fff;background:#ea7373;border:2px solid #ea7373;padding:13.3px 8px;word-break:break-all;display:block;text-align:center;line-height:1.3em}.hikaku td li{float:left;width:98px;margin:5px 10px 5px 0}.hikaku td li:last-child{margin-right:0}.rak_btn_s a:hover{color:#ea7373;background:#fff}.ama_btn_s a{text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;color:#fff;background:#ffb36b;border:2px solid #ffb36b;padding:13.3px 8px;word-break:break-all;display:block;text-align:center;line-height:1.3em}.ama_btn_s a:hover{color:#ffb36b;background:#fff}.yah_btn_s a{text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;color:#fff;background:#51a7e8;border:2px solid #51a7e8;padding:5px 8px;word-break:break-all;display:block;text-align:center;line-height:1.3em}.yah_btn_s a:hover{color:#51a7e8;background:#fff}@media screen and (max-width:768px){body .hikaku table{width:100%;min-width:630px}.hikaku th:first-child{width:40%}.hikaku th:last-child{width:60%}}.detail_post_box{background:#fff;margin:0 0 50px;padding:20px}.detail_post_ttl{font-size:25px;margin:0 0 10px;font-weight:700;border-top:5px solid #333;border-bottom:1px solid #333;padding:10px 0}.detail_post_img{margin:15px 0}.detail_post_category{color:#fff;display:inline-block;*display:inline;zoom:1;font-size:12px;float:left}.detail_post_category a{border:2px solid #333;padding:0 5px;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;display:inline-block;*display:inline;zoom:1;font-size:12px;float:left;margin-right:5px}.detail_post_category a:hover{background:#333;color:#fff}.detail_post_head{border-bottom:1px solid #333;padding-bottom:10px}.detail_post_category a{color:#333;text-decoration:none;font-size:14px}.detail_post_day{float:right;font-size:15px}.detail_post_content{margin:30px 0;font-size:16px;line-height:1.7}.detail_post_content p,.detail_post_content figure{margin-bottom:15px}.detail_post_content h2{font-size:22px;margin:50px 0 30px;border-top:1px solid #333;border-bottom:1px solid #333;padding:10px 0;font-weight:700}.detail_post_content h3{font-size:19px;margin-bottom:20px;font-weight:700;border-bottom:1px solid #333;display:inline-block;*display:inline;zoom:1}.detail_post_content h3.first{margin-top:30px}.detail_post_content h3 span{color:#999}.detail_post_content h4{font-size:17px;margin-bottom:0;font-weight:700}.detail_post_content dl{margin-bottom:10px}.detail_post_content dl dt{font-weight:700}.detail_post_content blockquote{padding:30px 20px;border-top:1px solid #333;border-bottom:1px solid #333;margin-bottom:10px;clear:both;background:url(//designmagazine.jp/wp-content/themes/webdesingmagazine/img/common/icon_blockquote1.png) no-repeat left 20px top 10px,url(//designmagazine.jp/wp-content/themes/webdesingmagazine/img/common/icon_blockquote2.png) no-repeat right 20px bottom 10px}.detail_post_content blockquote p{margin-bottom:0}.detail_post_content .cite_p{text-align:right}.detail_post_content iframe{width:100%}.detail_post_content a:hover{text-decoration:none}.link,.link_p a{word-break:break-all;padding-right:20px;background:url(//designmagazine.jp/wp-content/themes/webdesingmagazine/img/common/icon_link.png) no-repeat right center}a.link:hover,.link_p a:hover{text-decoration:none}div>.btn{float:left;margin-right:10px}.btn{border:2px solid #333;padding:3px 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;display:inline-block;*display:inline;zoom:1;text-decoration:none}.btn:hover{background:#333;color:#fff}.spec{margin-bottom:30px;background-color:#efefef;padding:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px}.spec h4{font-size:14px}.spec li{font-size:14px}.link_box{margin-bottom:50px}.detail_sns{margin:10px 0}.detail_sns li{float:left;margin-right:10px}.detail_pager{text-align:center;margin:20px 0 0}.detail_pager ul{display:inline-block;*display:inline;zoom:1}.detail_pager ul li a{display:block;font-size:15px;color:#333;text-decoration:none}.detail_next a{padding-left:15px;background:url(//designmagazine.jp/wp-content/themes/webdesingmagazine/img/common/next.png) no-repeat left 3px}.detail_prev a{padding-right:15px;background:url(//designmagazine.jp/wp-content/themes/webdesingmagazine/img/common/prev.png) no-repeat right 3px}.related_box{padding:15px;background:#fff}.related_box .yarpp-related h3{text-align:center;border-top:1px solid #333;border-bottom:1px solid #333;padding:10px 0;margin:0 0 15px;display:block;font-size:17px}.related_box .yarpp-thumbnails-horizontal .yarpp-thumbnail{width:169.7px;height:auto;border:none;margin:5px 10.1px 5px 0}.related_box .yarpp-thumbnails-horizontal .yarpp-thumbnail img{width:100%;height:auto;margin:0}.related_box .yarpp-thumbnails-horizontal .yarpp-thumbnail-title{width:auto;height:auto;margin:0;padding:5px;max-height:100em;font-weight:400;font-size:14px}.related_box .attachment-yarpp-thumbnail:hover{filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )";-moz-opacity:.7;opacity:.7}.related_box .yarpp-thumbnail-title:hover{text-decoration:underline}.btn_box{width:100%;margin-bottom:50px}.btn_box p{margin-bottom:5px}.btn_box li{float:left;width:32%;margin-right:2%}.btn_box li.btn2{width:66%}.btn_box li a{font-size:14px}li.rak_btn{width:32%}.btn_box li.rak_btn,.btn_box li.ama_btn,.btn_box li.yah_btn{margin-bottom:15px}.btn_box li:last-child{margin-right:0}.raku_btn{margin-bottom:80px}.raku_btn a{text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;color:#fff;background:#ea7373;border:2px solid #ea7373;padding:10px 8px;word-break:break-all;max-width:250px;display:block;text-align:center}.rak_btn a{text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;color:#fff;background:#ea7373;border:2px solid #ea7373;padding:10px 8px;word-break:break-all;display:block;text-align:center}.rak_btn a:hover{color:#ea7373;background:#fff}.ama_btn a{text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;color:#fff;background:#ffb36b;border:2px solid #ffb36b;padding:10px 8px;word-break:break-all;display:block;text-align:center}.ama_btn a:hover{color:#ffb36b;background:#fff}.yah_btn a{text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;color:#fff;background:#51a7e8;border:2px solid #51a7e8;padding:10px 8px;word-break:break-all;display:block;text-align:center}.yah_btn a:hover{color:#51a7e8;background:#fff}.nor_btn a{text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;color:#333;background:#fff;border:2px solid #333;padding:10px 8px;word-break:break-all;display:block;text-align:center}.detail_sns li a:hover,.nor_btn a:hover{filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )";-moz-opacity:.7;opacity:.7}.raku_box table{width:320px}.raku_box table td p{margin:0!important}.raku_box table td img{margin:2px 0!important}.linkcard{margin:0!important}.linkcard-internal-wrapper{max-width:720px!important}.tags{border-top:1px solid #333;border-bottom:1px solid #333;padding:10px 0 10px 40px;font-size:14px;display:block;background:url(//designmagazine.jp/wp-content/themes/webdesingmagazine/img/common/icon_tag.png) no-repeat 10px center}.tags a{margin:5px}.tags a:hover{text-decoration:none}.about_unit{width:405px;margin:0 auto}.about_img{text-align:center;margin:20px 0}.about_txt{text-align:center;margin-bottom:30px;font-size:15px;line-height:1.7}.wpcf7-form{margin:20px auto 0 auto;width:440px}.wpcf7-form input,.wpcf7-form textarea{width:100%;margin:0 0 15px;font-size:14px;line-height:1.5;padding:8px;border:none}.wpcf7-form textarea{margin-bottom:20px;font-family:"Helvetica Neue","Helvetica","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana","sans-serif"}.wpcf7-form .wpcf7-submit{border:2px solid #333;padding:10px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;font-size:14px;background:0 0}.books{margin-left:-80px}.books li{float:left;width:200px;margin:0 0 0 80px;height:350px;text-align:center}.create_list li{float:left;width:25%;margin:0 0 30px;text-align:center}.create_list li a{font-size:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;text-decoration:none;border:2px solid #333;padding:5px 0;width:80%;display:inline-block}.create_list li a:hover{background:#333;color:#fff}.privacy_content{font-size:16px;line-height:1.7}.privacy_content h2{font-size:19px;margin-bottom:20px;font-weight:700;border-bottom:1px solid #333;display:inline-block;*display:inline;zoom:1}.privacy_content h3{font-size:17px;margin-bottom:0;font-weight:700}.privacy_content P{margin-bottom:15px}@media screen and (max-width:768px){body{width:100%}.sp_none{display:none}.mt25sp{margin-top:25px}#content{width:100%}#pagetop{position:fixed;bottom:15px;right:0;width:72px;height:72px}.breadcrumbs{padding:0 10px;margin-bottom:10px}.content_box{width:100%;margin:0}.main{float:none;width:100%;margin:0}.side{float:none;width:100%;margin:40px 0 0}.side_box{margin-bottom:30px}.advertisement p,.recommend_list{padding:0 10px}.banner{padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.tagcloud{padding:0 10px}.side_post ul{padding:0 10px}.side_post_img{width:30%}.side_post_img img{width:100%}.wpp-list,#npcatch{padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.wpp-list li a:first-child,#npcatch li img{width:30%}.wpp-thumbnail{width:100%;height:auto}#npcatch a img{height:auto}.wpp-post-title,#npcatch span.title{width:65%}#npcatch span.title a{width:100%}.side_post_right{width:65%}.side .widget_archive ul{padding:0 10px}.top_article_boxs{width:100%!important;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:auto!important}.top_article_ttl{font-size:18px}.top_article_txt{font-size:14px}.top_article_box{float:none;width:100%!important;margin:0 0 30px 0!important;position:static!important}.top_article_img img{width:100%!important;height:auto}.top_article_content{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.pager{margin-bottom:20px}.related_box{padding-bottom:10px}.related_box .yarpp-thumbnails-horizontal .yarpp-thumbnail{width:48.4%;margin-left:0;margin:0 0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.related_box .yarpp-thumbnails-horizontal a:nth-child(even){margin-left:2%}.detail_post_box{margin:0 0 30px;padding:10px}.detail_post_box img{max-width:100%;height:auto}.detail_post_box table{width:100%}.detail_post_box table div{width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.detail_post_box .no_img{width:auto}.detail_post_ttl{font-size:22px}.detail_post_category a{font-size:13px}.detail_post_day{font-size:14px}.detail_post_content{margin-bottom:20px;font-size:16px}.detail_post_box iframe{width:100%}.detail_post_content h2{font-size:20px;margin:50px 0 20px}.detail_post_content h3{font-size:18px;margin-bottom:15px}.btn_box li,.btn_box li.btn2{width:100%;margin-right:0}.about_unit{width:auto}.about_logo img{width:70%;max-width:305px}.about_txt{padding:0 10px;font-size:14px}.wpcf7-form{width:100%;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.books{margin-left:0}.books li{float:none;width:200px;margin:0 auto 50px auto;height:auto}.create_list li{width:50%;margin:0 0 20px}.create_list li a{font-size:14px}.privacy_content{width:100%!important;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;height:auto!important}}@media screen and (min-width:768px){.pc_none{display:none}}@media screen and (min-width:768px) and (max-width:1130px){#content{width:100%}.yarpp-related{width:100%}.yarpp-thumbnails-horizontal{margin-left:-2.3%}.yarpp-thumbnail{width:22%;margin-left:2.3%}.content_box{width:100%;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.main{width:68%;margin-right:0}.detail_post_box iframe{width:100%}.detail_post_box img{max-width:100%;height:auto}.side{width:30%;float:right}.side_post_img{width:30%}.side_post_img img{width:100%}.side_post_right{width:65%}.wpp-list li a:first-child,#npcatch li img{width:30%}.wpp-thumbnail{width:100%;height:auto}.wpp-post-title,#npcatch span.title{width:65%}#npcatch span.title a{width:100%}.wpcf7-form,#npcatch{width:100%}.create_list li{width:33.333333%;margin:0 0 20px}.create_list li a{font-size:14px}}#toc_container{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-top:25px;margin-bottom:40px;padding:15px 20px;background:#fff;border:5px solid #efefef;border-radius:2px;color:#666}#toc_container .toc_title{text-align:center;margin-bottom:35px;margin-top:0;padding-top:0;padding-bottom:0;font-size:1.5em;border-bottom:2px solid #efefef}#toc_container .toc_list{list-style-type:none !important;counter-reset:li}#toc_container .toc_list>li{position:relative;margin-bottom:15px;margin-left:6px;line-height:1.5em;font-size:.9em}#toc_container .toc_list>li a{text-decoration:none !important;padding-left:20px;background:url(//designmagazine.jp/wp-content/themes/webdesingmagazine/img/common/icon_arrow2.png) no-repeat left center;display:block}#toc_container .toc_list>li a:hover{text-decoration:underline !important}#toc_container .toc_list>li ul{list-style-type:disc;margin-top:15px;padding-left:20px;color:#999}#toc_container .toc_list>li>ul li{font-size:.9em;margin-bottom:8px}