@charset "UTF-8";
/*
// 変数設定
*/
/* フォント */
/* サイズ */
/* カラー */
/**********************************
//			リセット
**********************************/
html, body { width: 100%; height: auto; margin: 0; padding: 0; }

html { font-size: 13px; }

body { background: #f1f1f1; font-family: "Robot Condensed", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1rem; color: #000000; text-align: center; }

a { color: #000000; text-decoration: none; }
a:hover { color: #0075a9; text-decoration: underline; }

/**********************************
//			共通クラス
**********************************/
.content { width: 100%; max-width: 1640px; margin: 0 auto; background: #fff; }

.content-inner { position: relative; overflow: hidden; width: 100%; max-width: 1200px; margin: auto; }

img.button:hover { opacity: 0.6; }

/* スライダー */
.sp-next-arrow:before, .sp-previous-arrow:before { content: ' ' !important; display: block; background: url(../images/common/slide-arrow-left.png) no-repeat left top; background-color: transparent !important; text-indent: -9999px; width: 39px !important; height: 39px !important; transform: none !important; }

.sp-next-arrow:after, .sp-previous-arrow:after { background-color: transparent !important; }

.sp-arrow:before, .sp-arrow:after { -ms-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); }

.slider-content img { width: 100%; height: auto; }

/**********************************
//			レイアウト
**********************************/
#wrap { width: 100%; text-align: center; }

#header { position: relative; width: 100%; }

.header-top { position: relative; width: 100%; margin: 0 auto; background: #434343; }

.header-top-inner { position: relative; width: 100%; max-width: 1640px; margin: 0 auto; padding: 10px 0; }

.header-bottom { position: relative; width: 100%; background: #0075a9; }

.header-bottom-inner { position: relative; width: 100%; max-width: 1640px; margin: 0 auto; padding: 10px; }

#contents { position: relative; overflow: hidden; width: 100%; max-width: 1640px; margin: auto; padding: 50px 10px; background: #fff; }

#gototop { position: relative; overflow: hidden; width: 100%; margin: 0 auto; padding: 10px; background: #434343; }

#footer { position: relative; overflow: hidden; width: 100%; margin: 0 auto; padding: 10px 10px 25px; background: #0075a9; }

.footer-inner { position: relative; overflow: hidden; width: 100%; max-width: 1640px; }

/**********************************
//			個別スタイル
**********************************/
/*
//ヘッダー
*/
#header .malibu-logo { width: 31.1%; margin: 4px 0; }
#header .btn-member, #header .btn-entry { display: inline-block; width: 23.2%; margin-left: 15px; }
#header .btn-member img, #header .btn-entry img { width: 100%; }
#header .header-logo { display: block; float: left; }
#header .global-navi { position: relative; float: left; width: auto; padding: 0; }
#header .global-navi ul { list-style-type: none; width: 100%; margin: 0; }
#header .global-navi ul li { float: left; height: auto; margin: 0 10px; }
#header .global-navi ul li img { width: 100%; }
#header .global-navi ul.nav-child { width: 300px; padding: 10px 0 0; background: url(../images/common/bg-nav-child.png) center top no-repeat; }
#header .global-navi ul.nav-child li { float: none; width: auto; margin: 0; padding: 5px 15px; background: #fff; }
#header .global-navi ul.nav-child li:last-child { box-shadow: 0 1px 0 #999; }
#header .global-navi ul.nav-child li:hover { background: #ccc; }
#header .global-navi ul.nav-child li a { display: block; }
#header .global-navi ul.nav-child li a:hover { text-decoration: none; }
#header .global-navi .close { display: none; }
#header .global-navi .open { display: block; position: absolute; left: 0; z-index: 999; }

/*
// コンテンツ
*/
#contents a { color: #000000; }
#contents a.btn { color: #fff; }
#contents a:hover { color: #0075a9; }
#contents a img.button { width: 100%; }
#contents .page-title { margin-bottom: 50px; font-size: 1.31rem; font-weight: bold; color: #555; }
#contents .sub-menu { max-width: 1200px; margin: 50px auto; padding: 20px 0; border-top: 3px solid #000; border-bottom: 3px solid #000; list-style-type: none; }
#contents .sub-menu-item { display: inline-block; margin: 0 15px; font-size: 13px; font-weight: bold; }
#contents .sub-menu-item a:hover { text-decoration: none; color: #0075a9; }
#contents .page-navi { padding: 50px 0 0; }
#contents .page-navi .wp-pagenavi a { padding: 10px 15px; }
#contents .page-navi .wp-pagenavi .current { padding: 10px 15px; }
#contents .page-navi .wp-pagenavi .extend { display: none; }

/*
// フッター
*/
#footer .footer-top-inner, #footer .footer-bottom-inner { width: 100%; max-width: 1200px; margin: auto; padding: 40px 0 0; }
#footer .footer-navi { position: relative; overflow: hidden; margin: 0 0 50px; padding: 25px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#footer .footer-navi ul { width: auto; margin: 0 auto; padding: 0; list-style-type: none; }
#footer .footer-navi ul li { display: inline-block; width: auto; margin: 0 10px; }
#footer .footer-navi ul li.news { width: 3.2%; }
#footer .footer-navi ul li.event { width: 3.6%; }
#footer .footer-navi ul li.ranking { width: 5.0%; }
#footer .footer-navi ul li.member { width: 8.2%; }
#footer .footer-navi ul li.about { width: 7.3%; }
#footer .footer-navi ul li.rule { width: 6.2%; }
#footer .footer-navi ul li.judge { width: 3.7%; }
#footer .footer-navi ul li.instruction { width: 7.3%; }
#footer .footer-navi ul li.shop { width: 3.1%; }
#footer .footer-navi ul li a { display: block; padding: 0; }
#footer .footer-navi ul li a img { width: 100%; }
#footer .footer-navi .facebook { display: block; position: absolute; width: 41px; height: 41px; top: 0; right: 10px; bottom: 0; margin: auto; }
#footer .footer-navi .facebook img { width: 80%; height: auto; }
#footer .footer-navi .instagram { display: block; position: absolute; width: 41px; height: 41px; top: 0; right: 50px; bottom: 0; margin: auto; }
#footer .footer-navi .instagram img { width: 80%; height: auto; }
#footer .footer-navi .twitter { display: block; position: absolute; width: 41px; height: 41px; top: 0; right: 90px; bottom: 0; margin: auto; }
#footer .footer-navi .twitter img { width: 80%; height: auto; }
#footer .footer-navi .youtube { display: block; position: absolute; width: 41px; height: 41px; top: 0; right: 130px; bottom: 0; margin: auto; }
#footer .footer-navi .youtube img { width: 80%; height: auto; }
#footer .footer-bottom { padding-top: 30px; }
#footer .footer-link { width: auto; margin: 0 auto; list-style-type: none; }
#footer .footer-link li { display: inline-block; width: auto; border-right: 1px solid #fff; }
#footer .footer-link li:last-child { border-right: none; }
#footer .footer-link li a { display: block; width: 100%; padding: 0 10px; line-height: 1; color: #fff; }
#footer .copyrights { margin: 0; color: #fff; }

/*
// 変数設定
*/
/* フォント */
/* サイズ */
/* カラー */
@media screen and (max-width: 991px) and (min-width: 768px) { #header .header-logo { width: 9%; }
  #header .globalNavi { width: 91%; }
  #header .globalNavi ul li.nav-news { width: 3.2%; }
  #header .globalNavi ul li.nav-event { width: 4.5%; }
  #header .globalNavi ul li.nav-ranking { width: 4.6%; }
  #header .globalNavi ul li.nav-prorider { width: 5.4%; }
  #header .globalNavi ul li.nav-about { width: 6.6%; }
  #header .globalNavi ul li.nav-rule { width: 5.6%; }
  #header .globalNavi ul li.nav-judge { width: 3.7%; }
  #header .globalNavi ul li.nav-instruction { width: 6.6%; }
  #header .globalNavi ul li.nav-shop { width: 3.1%; }
  #footer { font-size: 0.85rem; } }
/*
// 変数設定
*/
/* フォント */
/* サイズ */
/* カラー */
@media screen and (max-width: 767px) { #header .header-logo { width: 35%; }
  #header .menu-button { position: absolute; top: 0; right: 15px; bottom: 0; width: 25px; height: 20px; margin: auto; }
  #header .menu-button img { width: 100%; }
  #contents { margin: 0; padding: 0; }
  #contents .page-title { margin: 30px auto; }
  #contents .page-sub-title { margin-right: 10px; margin-left: 10px; }
  #footer { font-size: 0.85rem; }
  #footer .footer-top-inner, #footer .footer-bottom-inner { padding: 0; }
  #footer .footer-navi-sp { margin: 20px 10px 0; }
  #footer .footer-navi-sp ul { margin: 0 0 20px; padding: 0; list-style-type: none; }
  #footer .footer-navi-sp ul li { display: inline-block; margin: 0 0 10px; padding: 0 10px; border-right: 1px solid #fff; }
  #footer .footer-navi-sp ul li:last-child { border-right: none; }
  #footer .footer-navi-sp ul li a { color: #fff; }
  #footer .footer-navi-sp .follow { font-size: 0.69rem; color: #fff; }
  #footer .footer-bottom-left-box { margin-bottom: 20px; }
  #footer .footer-link { padding: 0; }
  #footer .footer-box-sp { margin-bottom: 20px; }
  #footer .footer-box-sp .footer-logo { width: 50%; } }

/*# sourceMappingURL=base.css.map */