@charset "shift_jis";
/* CSS Document */
#container {width: 1075px;} /* article:728px, 空間:47px, sidebar:300px */
/* ヘッダー */
header {width: 1075px; height: 60px; display: flex; justify-content: space-between;} /* 全体 1075px, ロゴ 238px, 空間 27px, メニュー 810px */
#logo {width: 238px;}
#header-menu {width: 810px; height: 60px; display: flex; justify-content: space-between;}
#header-menu a {height: 100%; flex-basis: 20%; padding-top: 4px; font-size: 1rem;}
#header-breadcrumb {height: 4.85rem; font-size: 0.85rem; line-height: 1; padding-top: 2rem; padding-bottom: 2rem;}
#column-set {width: 1075px; display: flex; justify-content: space-between;}
article {width: 728px;}
#sidebar {width: 300px;}
h1 {font-size: 1.4rem; line-height: 2rem; padding: 0.7rem 1.2rem;}
#download, #date{font-size: 0.9rem;}
.operate {display: flex;}
.operate p {margin-left: 1rem;}
/* サイドバー */
#category-menu {margin-top: 0; font-size: 0.98rem;}
/* カテゴリーメニュー */
#category-menu summary {cursor: pointer; padding: 0.5rem;}
#category-menu li {padding: 0 0.5rem 1rem 0.8rem; line-height: 1;}
#category-menu li:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: contain;
  position: relative;
  top: 10px;
  background-image: url(https://www.becoolusers.com/img/icon-right.svg);
}
#side-membership {margin-top: 7rem;}
/* AdSense */
.ad-text {font-size: 0.8125rem; font-weight: bold; line-height: 1; margin-bottom: 0.2rem;}
#area-article-top {margin-top: 3rem; margin-bottom: 3rem;}
#ad-side-top {margin-top: 4rem;}