html, body {
  font-size: 90%; }

@media only screen and (min-width: 40em) {
  .global-header {
    position: relative; }

  .global-header .top-bar .name h1 a {
    color: #3a3a3a; }

  .top-bar-section ul li > a {
    color: #3a3a3a; } }
.column_billboard {
  padding: 0px; }

.column_widget_row > .row {
  margin: 0px; }

/* =====================================
                design
======================================== */
/* menu
-------------------------------------------*/
.global-header {
  background: #FFF;
  font-weight: normal;
  padding: 0.25em 0; }

.top-bar .name h1 {
  font-size: 1.0rem;
  line-height: 1.6rem; }

.global-header .top-bar .name h1 a:hover {
  color: #CCC; }

.global-header .top-bar-section ul a.thin {
  margin-top: 0; }

.top-bar-section ul li > a {
  font-size: 1.0rem;
  line-height: 1.6rem;
  padding-top: 0 !important; }

.top-bar-section ul li > a:hover {
  color: #CCC !important; }

/* home widget
-------------------------------------------*/
body.template .content_body {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

html.f-home body.template header h2 {
  font-size: 1.2rem;
  line-height: 2.0rem; }

body.template header h2 {
  font-size: 1.4rem;
  line-height: 2.0rem; }

body.template header h2 > a {
  color: #000; }

body.template header h2 > a:hover {
  color: #CCC; }

html.f-home body.template .content_body h3 {
  font-size: 0.9rem;
  line-height: 1.6rem; }

html.f-video body.template .content_body h3 {
  font-size: 0.9rem;
  line-height: 1.6rem; }

html.f-video body.template .content_body h2 {
  font-size: 0.85rem;
  line-height: 1.6rem; }

html.f-music body.template .content_body h3 {
  font-size: 0.9rem;
  line-height: 1.6rem; }

html.f-photogallery body.template .content_body h3 {
  font-size: 0.9rem;
  line-height: 1.6rem; }

html.f-store body.template .content_body h3 {
  font-size: 0.9rem;
  line-height: 1.6rem; }

body.template .content_body h3 {
  font-size: 1.0rem;
  line-height: 1.6rem; }

body.template h3 > a:hover {
  color: #CCC; }

body.template h3 {
  font-size: 1.0rem;
  line-height: 1.6rem; }

body.template .content_body p {
  font-size: 0.85rem;
  line-height: 1.4rem;
  font-weight: normal; }

body.template header .right > a {
  font-size: 0.85rem;
  padding: 0.2rem 0.8rem;
  color: #FFF;
  background: #444;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

body.template header .right > a:hover {
  background: #999; }

body.template .widget_fanclub #price_plan_form .markdown p {
  font-size: 0.85rem;
  line-height: 1.0rem;
  margin-bottom: 0px !important; }

body.template time {
  font-size: 0.8rem; }

body.template .label {
  font-size: 0.8rem; }

body.template h3.subheader {
  font-size: 0.9rem; }

body.template .widget_fanclub h3 {
  font-size: 1.0rem; }

body.template .widget_fanclub .complement {
  font-size: 100%; }

body.template .widget_fanclub .complement dl dt {
  font-weight: normal; }

body.template .widget_fanclub .complement dl dd {
  margin-left: 7rem; }

body.template .button {
  padding: 0.875rem 1.5rem 0.9375rem;
  font-size: 0.85rem; }

body.template .widget_feed article h2 {
  display: none; }

body.template .widget_feed p {
  font-size: 0.85rem; }

body.template .widget_feed .feed-date {
  font-size: 0.8rem; }

html.f-home body.template .widget_biography h3 {
  font-size: 0.9rem; }

body.template .widget_biography h3 {
  font-size: 1.0rem; }

body.template .widget_biography .code {
  font-size: 0.85rem;
  line-height: 1.0rem; }

body.template .complement {
  font-size: 0.85rem; }

/* mypage
-------------------------------------------*/
.settings_form h3.mypage_title {
  margin-left: 0.5rem; }

.settings_form .profile_index .caption {
  font-size: 1.0rem;
  line-height: 1.6rem;
  margin-bottom: 1.0rem;
  font-weight: bold; }

.settings_form .profile_index .description {
  font-size: 0.8rem;
  line-height: 1.4rem; }

/* footer
-------------------------------------------*/
.global-footer nav a {
  font-size: 0.8rem;
  line-height: 1.2rem; }

.global-footer nav a:hover {
  color: #CCC !important; }

.global-footer p small {
  font-size: 0.7rem; }

/* =====================================
                smp
======================================== */
@media only screen and (max-width: 40em) {
  .global-header {
    background: none; } }
@media only screen and (min-width: 40em) {
  .global-header {
    position: relative; }

  .global-header .top-bar .name h1 a {
    color: #3a3a3a; }

  .top-bar-section ul li > a {
    color: #3a3a3a; } }
.column_billboard {
  padding: 0px; }

.column_widget_row > .row {
  margin: 0px; }
