@charset "UTF-8";
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; }

/* CSS Document */
/* =====================================
                simple
======================================== */
/* body
-------------------------------------------*/
body, .content-wrap, .contents {
  background: #FFF !important; }

.column_billboard {
  background: #FFF !important; }

.widget-banner {
  background: #FFF !important; }

.content_body {
  background: #FFF;
  border-radius: 0px !important; }

.column_footer {
  background: #FFF !important; }

/* font
-------------------------------------------*/
body {
  color: #333; }

h1, h2, h3, h4, h5, h6 {
  color: #333; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #333; }

table tr th, table tr td {
  color: #333; }

label {
  color: #333; }

button, .button {
  background: #F00;
  color: #FFF !important; }

button a, .button a {
  background: #F00;
  color: #FFF !important; }

button:hover, button:focus, .button:hover, .button:focus {
  background: #eee;
  color: #F00 !important; }

button.secondary, .button.secondary {
  background: #aaa;
  color: #FFF !important; }

/* menu
-------------------------------------------*/
.global-header {
  background: #FFF !important;
  font-family: "Open Sans","Helvetica Neue","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Tahoma,Arial,sans-serif !important; }

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

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

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

.top-bar-section ul li > a {
  font-size: 1.0rem;
  line-height: 1.8rem;
  padding-top: 0;
  color: #000; }

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

.top-bar-section ul.dropdown {
  background: #999; }

.top-bar .toggle-topbar.menu-icon a {
  background: #333 !important; }

/* contents-title
-------------------------------------------*/
.widget_header {
  background: #FFF; }

.widget_header h2 {
  color: #000 !important; }

.widget_header h2 a {
  color: #000 !important; }

.widget_header h2 a:hover {
  color: #ccc !important; }

body.template .content_body h3 a {
  color: #000; }

body.template .content_body h3 a:hover {
  color: #ccc; }

body.template .content_body .subheader {
  color: #666; }

body.template .content_body header .right > a {
  color: #FFF;
  background: #333;
  border: 1px solid #333;
  border-radius: 0px !important; }

body.template .content_body header .right > a:hover {
  color: #333;
  background: #FFF;
  border: 1px solid #333;
  border-radius: 0px !important; }

body.template .content_body header .right .ion-ios7-arrow-right {
  color: #333;
  border-radius: 0px !important; }

.label.secondary {
  background: #ff0000;
  color: #FFF; }

body.template .content_body a {
  color: #000; }

body.template .content_body a:hover {
  color: #ccc; }

/* mypage and enquete
-------------------------------------------*/
.settings_form {
  background: none !important;
  border: 1px solid #FFF;
  border-radius: 5px; }

.settings .medium-12 .settings_form {
  background: none !important;
  border: none; }

.settings .medium-12 .settings_form a {
  color: #000 !important; }

.settings .medium-12 .settings_form a:hover {
  color: #ccc !important; }

.settings_form a {
  color: #000; }

.settings_form a:hover {
  color: #ccc !important; }

#settings_nav {
  background: #FFF;
  padding: 0.46875rem 0; }

#settings_nav {
  color: #000; }

#settings_nav a {
  color: #000; }

#settings_nav a:hover {
  color: #ccc; }

.settings_form .table_form th {
  background: #eee;
  color: #000; }

.settings_form .table_form td {
  background: none;
  color: #000; }

.widget_enquete article li a {
  color: #000; }

.widget_enquete article li a:hover {
  color: #ccc; }

/* footer
-------------------------------------------*/
.global-footer .bottombar {
  color: #000 !important; }

.global-footer nav a {
  color: #000; }

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