/* Theme Name: マテリアル_child Template: wp_material Description: マテリアルの子テーマ Version: 1.1.0 Author URI: http://wp-material.net */ /***************************************** PC及び全体用 ******************************************/ /* カテゴリーboxの背景色 */ .min-box{ background-color: #ebebeb; } .main { width: 728px; margin-left: 30px; float: right; } .main-side { width: 1100px; } .header-inner { padding-top: 0px; padding-bottom: 0px; margin: 0 auto; } .share, .comments-header { display: none; } .share-buttons { display: none; } .main-color-font { color: #000000!important; font-weight: 500!important; } .side .box a { color: #000000; } .side-share { display: none; } .side .follow-box { display: none; } /***************************************** タブレット(大)用 サイドバーがメインカラムの下に回ります ******************************************/ @media screen and (max-width: 1057px) { .main { width: 100%; margin-right: 0; float: none; } .main { margin-left: 0px; } .main-side { width: 100%; } } /***************************************** タブレット(小)用 記事の並びが2列になります ******************************************/ @media screen and (max-width: 700px) { .main { width: 100%; margin-right: 0; float: none; } .main { margin-left: 0px; } .main-side { width: 100%; } } /***************************************** スマホ用 記事の並びが1列になります ******************************************/ @media screen and (max-width: 450px) { .main { width: 100%; margin-right: 0; float: none; } .main { margin-left: 0px; } .main-side { width: 100%; } }