@charset "utf-8";

/** --------------------------------------------------------------------------------
 * 共通
 */
body {
  font-size: 87.5%;/* 14px相当 */
  line-height: 1.43;
}

strong {
  color: #00acee;
}

/** --------------------------------------------------------------------------------
 * ヘッダー
 */
header div {
  display: table;
  width: 100%;
}

header div h1,
header div h1 + p {
  display: table-cell;
  vertical-align: middle;
}

header div h1 {
  padding: 10px 10px 0 10px;
  font-family: serif;
  font-size: 18px;
}

header div p {
  padding: 10px 10px 0 0;
  text-align: right;
  font-size: 85.8%;
}

header div p a {
  display: inline-block;
}

header div p.mypage a img,
header div p.login a img {
  display: inline-block;
  height: 32px;
}

/** --------------------------------------------------------------------------------
 * メインコンテンツ
 */
div#contents {
}

header+#contents>section:first-of-type>h1:first-of-type,
header+#contents>article:first-of-type>h1:first-of-type {
  margin-top: 10px;
}



/** --------------------------------------------------------------------------------
 * タイトル
 */

.heading_type5 {
margin: 13px 0 8px -10px!important;
padding: 2px 0 2px 42px!important;
color: #3693c9 !important;
background: url("/assets/images/sp/contents/common/headingBg.png") no-repeat 6px 50% !important;
-webkit-background-size: 60px auto!important;
-moz-background-size: 60px auto!important;
background-size: 60px auto!important;
font-size: 16px !important;
font-weight: bold !important;
}


.heading_type1.newIcon {
padding-left: 32px;
border-bottom: none;
background-image: url("/assets/images/sp/contents/icon/new.png"), -webkit-gradient(linear, left top, left bottom, from(#c0bef9), to(#4693e6)) !important;
background-image: url("/assets/images/sp/contents/icon/new.png"), -webkit-linear-gradient(#c0bef9, #4693e6) !important;
background-image: url("/assets/images/sp/contents/icon/new.png"), -moz-linear-gradient(#c0bef9, #4693e6) !important;
background-image: url("/assets/images/sp/contents/icon/new.png"), linear-gradient(#c0bef9, #4693e6) !important;
background-repeat: no-repeat, no-repeat;
background-position: 2px 50%, 0 0;
-webkit-background-size: 28px 28px, auto auto;
-moz-background-size: 28px 28px, auto auto;
background-size: 28px 28px, auto auto;
} 

.heading_type1.notebookIcon {
border-bottom: none !important;
background-image: url("/assets/images/sp/contents/icon/notebook.png") !important;
background-color: #3693c9 !important;
}


.heading_type1.paymentIcon {

border-bottom: none !important;
background-image: url("/assets/images/sp/contents/icon/payment.png") !important;
background-color: #3693c9 !important;
}


.heading_type1.noteIcon {
border-bottom: none;
background-image: url("/assets/images/sp/contents/icon/note.png");
background-color: #3693c9 !important;
}

.heading_type1.rankingIcon{
border-bottom: none;
background-image: url("/assets/images/sp/contents/icon/ranking.png") !important;
background-color: #3693c9 !important;
}

 
 
 .heading_type1.mailIcon {
border-bottom: none !important;
background-image: url("/assets/images/sp/contents/icon/mail.png") !important;
background-color: #3693c9 !important;
}


.heading_type1.penIcon {

border-bottom: none;
background-image: url("/assets/images/sp/contents/icon/pen.png") !important;
background-color: #3693c9 !important;
}


.heading_type1.questionIcon {

border-bottom: none !important;
background-image: url("/assets/images/sp/contents/icon/question.png") !important;
background-color: #3693c9 !important;
}


.heading_type1.memoIcon {

border-bottom: none;
background-image: url("/assets/images/sp/contents/icon/memo.png") !important;
background-color: #3693c9 !important;
}


.heading_type1.folderIcon {

border-bottom: none;
background-image: url("/assets/images/sp/contents/icon/folder.png") !important;
background-color: #3693c9 !important;
}

.heading_type1.companyIcon {

border-bottom: none;
background-image: url("/assets/images/sp/contents/icon/pen.png") !important;
background-color: #3693c9 !important;
}


.heading_type1.lockIcon {

border-bottom: none !important;
background-image: url("/assets/images/sp/contents/icon/pen.png") !important;
background-color: #3693c9 !important;
}


.heading_type6 {
border-left: 5px solid #406498 !important;
color: #406498  !important;
font-weight: bold !important;
}




/** ----------------------------------------
 * 該当なし
 */
.notApplicable {
  margin: 20px;
  padding: 50px 10px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 1px rgba(255,255,255,1) inset, -2px -2px 1px rgba(255,255,255,1) inset;
  -moz-box-shadow: 2px 2px 1px rgba(255,255,255,1) inset, -2px -2px 1px rgba(255,255,255,1) inset;
  box-shadow: 2px 2px 1px rgba(255,255,255,1) inset, -2px -2px 1px rgba(255,255,255,1) inset;
  color: #3c457e;
  background-color: #d5d7e0;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255,255,255,1)
}

/** ----------------------------------------
 * ランキング
 */
.ranking {
  margin-bottom: 0 !important;
}

.tabBlock_type2.ranking ul.tabList li.active {
  color: #4aac45;
}

.ranking .weekly {
  background: url("/assets/images/sp/contents/icon/calendar_date.png") no-repeat 4px 3px;
  -webkit-background-size: 34px auto;
     -moz-background-size: 34px auto;
          background-size: 34px auto;
}

.ranking .monthly {
  background: url("/assets/images/sp/contents/icon/calendar.png") no-repeat 4px 3px;
  -webkit-background-size: 34px auto;
     -moz-background-size: 34px auto;
          background-size: 34px auto;
}

.rankingList {
  margin: -10px -10px -11px;
}

.rankingList article {
  border-top: 1px solid #ddd;
  display: table;
  width: 100%;
  color: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: -moz-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
  counter-increment: section;
}

.rankingList article:before {
  content: counter(section);
  display: table-cell;
  width: 2.5em;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
  background-image: -webkit-linear-gradient(#444, #000);
  background-image: -moz-linear-gradient(#444, #000);
  background-image: linear-gradient(#444, #000);
  vertical-align: middle;
  text-align: center;
}

.rankingList article:nth-of-type(1):before {
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"), -webkit-gradient(linear, left top, left bottom, from(#e8bf00), to(#c29200));
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"), -webkit-linear-gradient(#e8bf00, #c29200);
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"),    -moz-linear-gradient(#e8bf00, #c29200);
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"),         linear-gradient(#e8bf00, #c29200);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 35%, 0 0;
  -webkit-background-size: 29px auto, auto;
     -moz-background-size: 29px auto, auto;
          background-size: 29px auto, auto;
}

.rankingList article:nth-of-type(2):before {
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"), -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"), -webkit-linear-gradient(#ccc, #999);
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"),    -moz-linear-gradient(#ccc, #999);
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"),         linear-gradient(#ccc, #999);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 35%, 0 0;
  -webkit-background-size: 29px auto, auto;
     -moz-background-size: 29px auto, auto;
          background-size: 29px auto, auto;
}

.rankingList article:nth-of-type(3):before {
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"), -webkit-gradient(linear, left top, left bottom, from(#c08957), to(#996130));
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"), -webkit-linear-gradient(#c08957, #996130);
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"),    -moz-linear-gradient(#c08957, #996130);
  background-image: url("/assets/images/sp/contents/music/rankingBg.png"),         linear-gradient(#c08957, #996130);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 35%, 0 0;
  -webkit-background-size: 29px auto, auto;
     -moz-background-size: 29px auto, auto;
          background-size: 29px auto, auto;
}

.rankingList article:nth-of-type(-n+3) h1:after {
  margin-left: 5px;
  padding: 0 5px;
  content: "HOT!";
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  color: #fff;
  background-color: #4aac45;
  font-size: 10px;
}

.rankingList article:hover,
.rankingList article:active {
  background: #fff;
}

.rankingList article a {
  padding: 7px 10px;
  display: table-cell;
  color: #000;
  text-decoration: none;
}

/* アーティスト名 */
.rankingList article .name {
  color: #999;
  font-size: 71.5%;
  letter-spacing: -0.01px;
}

/** ----------------------------------------
 * ログイン
 */
#loginButton {
  padding: 10px;
  background-color: #eee;
  text-align: center;
}

#loginButton div {
  padding: 0 10px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #fff;
}

#loginButton>div form {
  padding: 20px 0;
}

#loginButton>div form:not(:last-of-type) {
  border-bottom: 1px dashed #999;
}

#loginButton form input[type="image"] {
  width: 150px;
}

/** ----------------------------------------
 * シンプルテキスト
 */
.simpleText {
  padding: 10px;
  background-color: #eee;
  text-align: center;
  font-size: 12px;
}

.simpleText>* {
  padding: 35px 10px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #fff;
}

.simpleText #exceptionMessage {
  margin-top: 10px;
  padding: 10px;
  color: #900;
  background-color: #fcc;
  text-align: left;
}

.simpleText.downloadFrame p.flashMessage {
  margin: 0 15px 7px;
  padding: 15px 10px;
  border: 3px solid #40c5e8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  color: #3a74a3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.7, #fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff 70%, #ddd);
  background-image: -moz-linear-gradient(#fff 70%, #ddd);
  background-image: linear-gradient(#fff 70%, #ddd);
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
  font-size: 12px;
}

.simpleText.downloadFrame p.flashMessage::after,
.simpleText.downloadFrame p.flashMessage::before {
  border-style: solid;
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  content: "";
  pointer-events: none;
}

.simpleText.downloadFrame p.flashMessage::after {
  margin-left: -15px;
  border-color: rgba(221,221,221,0);/* 表示させる線と同じ色を、完全な透明にして指定 */
  border-top-color: #ddd;
  border-width: 15px;
  left: 50%;
}

.simpleText.downloadFrame p.flashMessage::before {
  margin-left: -19px;
  border-color: rgba(187,187,187,0);/* 表示させる線と同じ色を、完全な透明にして指定 */
  border-top-color: #40c5e8;
  border-width: 19px;
  left: 50%;
}

.editedMessage {
  margin: 0 10px 20px;
  padding: 30px 15px;
  border: 1px solid #ff5a00;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  color: #ff5a00;
  background-color: #fff99c;
  text-align: center;
}

/** ----------------------------------------
 * 文字位置
 */
.center {
  text-align: center;
}

/** ----------------------------------------
 * 間隔制御
 */
.space {
  margin: 15px 10px;
}

/** ----------------------------------------
 * 区切り線
 */
.bottomLine {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #999;
}

/** ----------------------------------------
 * 基本のリスト
 */
ol.basic {
  padding: 10px;
  margin-left: 2em;
}

ol.basic li:not(:last-of-type) {
  margin-bottom: 0.5em;
}

ul.basic {
  padding: 10px;
  list-style-type: none;
}

ul.basic li {
  padding-left: 10px;
  background: url("/assets/images/sp/contents/common/icon/list.gif") no-repeat  0 0.4em;
  -webkit-background-size: 7px auto;
     -moz-background-size: 7px auto;
          background-size: 7px auto;
}

/** ----------------------------------------
 * ボックス
 */
.box {
  margin: 10px 0;
  padding: 5px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #f6f6f6;
}

.titleBox {
  margin: 10px 0;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #f6f6f6;
}

.space.titleBox {
  margin: 15px 10px;
}

.titleBox dt {
  border: 1px solid #999;
  border-style: solid none;
  padding: 5px 10px;
  color: #357f91;
  background-color: #abe6f5;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.titleBox dt:before {
  content: "◆";
}

.titleBox dt:first-of-type {
  border-top-style: none;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.titleBox dd {
  padding: 15px 10px 20px;
  font-size: 12px;
}

/** ----------------------------------------
 * サイン
 */
.signature {
  margin-top: 10px;
  text-align: right;
}

/** ----------------------------------------
 * エラーメッセージ
 */
#sbl_errmsg {
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 0 10px 10px;
  border: 2px solid #ffbdbd;
  background-color: #fee;
  position: relative;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  text-shadow: none;
}

#sbl_errmsg h1 {
  margin-top: -2px;
  padding: 0.2em 10px;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
  position: absolute;
  top: -1.4em;
  color: #900;
  background-color: #ffbdbd;
  line-height: 1.2em;
  font-weight: bold;
}

#sbl_errmsg ul {
  padding-top: 10px;
  padding-left: 1.6em;
  color: #900;
  line-height: 1.4;
  font-size: 12px;
  list-style-type: square;
}

/** ----------------------------------------
 * ゲーム詳細
 */
#showGame {
  padding-bottom: 10px;
}

.mainImage {
  border-bottom: 1px solid #999;
  background: #ccc;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
          box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
  text-align: center;
}

#showGame .download a {
  width: 250px;
}

#showGame .screenShot ul {
  padding-left: 5px;
  padding-right: 15px;
  list-style-type: none;
}

#showGame .screenShot ul::after {
  content: "";
  display: block;
  clear: both;
}

#showGame .screenShot ul li {
  padding: 10px 0 10px 10px;
  float: left;
}

#showGame .screenShot ul li img {
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
          box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

#showGame .gameMessage {
  margin: 10px;
}

#showGame div.point {
  margin: 20px auto 0;
  width: 300px;
  text-align: center;
}

#showGame div.point dd {
  text-align: left;
}

#showGame p.download {
  padding: 5px 0;
}

#showGame p.download img {
  width: 300px;
}

#showGame .audio {
  text-align: center;
}

#showGame .audio+p.download {
  margin-top: 15px;
}

#showGame .audio audio {
  width: 300px;
}

#showGame .audio h1 {
  color: #2b577d;
}

#showGame+section>h1.heading_type3 {
  margin-top: 0;
}

.list_type1.pay {
  background-color: #eee;
}

/** ----------------------------------------
 * リスト
 */
dl.compact {
  margin-top: 5px;
}

dl.compact dt,
dl.compact dd {
  margin-bottom: 5px;
  padding: 3px 10px;
}

dl.compact dt {
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  float: left;
  color: #fff;
  background-color: #437aa8;
  text-shadow: none;
}

dl.compact dt.musicPoint {
  padding-left: 28px;
  background-image: url("/assets/images/sp/contents/common/icon/musicPoint.png");
  background-repeat: no-repeat;
  background-position: 7px 40%;
}

dl.compact dt.selfPoint {
  padding-left: 28px;
  background-color: #43a896;
  background-image: url("/assets/images/sp/contents/common/icon/selfPoint.png");
  background-repeat: no-repeat;
  background-position: 7px 40%;
}

dl.compact dd {
  overflow: hidden;
}

/** ----------------------------------------
 * 注意書き
 */
.notes {
  margin: 10px 10px 10px 2em;
  color: #900;
  font-size: 12px;
  text-indent: -1em;
  text-align: left;
  text-shadow: 0 1px 1px #fff;
}

.notes:before {
  content: "※";
}

/** ----------------------------------------
 * 注意書き
 */
.artistShow h1 {
  padding: 8px 10px 2px;
  color: #fff;
  background-color: #000;
  text-align: center;
}

.artistShow p.photo {
  padding: 3px 10px 8px;
  text-align: center;
  background-color: #000;
}

.artistShow p.photo img {
  width: 200px;
  height: 200px;
}

/** ----------------------------------------
 * 強調文
 */
.emphasisMessage {
  margin: 10px;
  padding: 10px;
  border: 2px solid #ff9600;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #fffea4;
}

/** ----------------------------------------
 * 画像リンク
 */
.imageButton {
  margin: 10px;
  text-align: center;
}

.imageButton img {
  width: 100%;
  max-width: 300px;
  height: auto;
}

/* 会員登録ボタン */
.entryButton {
  margin-top: -5px;
}

/** ----------------------------------------
 * TOP
 */
/* 新着 */
.newGame {
  padding: 5px 0;
  border-bottom: 1px solid #999;
  background: #ccc;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
          box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
  text-align: center;
}

.newGame a {
  display: inline-block;
}

.newGame a img {
  margin-bottom: 5px;
  border-bottom: 1px solid #999;
  background: #ccc;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
          box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.newGame p span {
  padding: 1px 15px;
  display: inline-block;
  color: #fff;
  background: #305f02;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
}

/* オススメ */
.recommendGame {
  padding: 5px 0;
  list-style-type: none;
}

.recommendGame::after {
  display: block;
  clear: both;
  content: "";
}

.recommendGame li {
  float: left;
  width: 50%;
  height: 120px;
  text-align: center;
}

.recommendGame li a {
  padding: 5px;
  display: block;
  text-align: center;
}

.recommendGame li a p.text {
  margin-top: 5px;
}

/* ゲーム一覧 */
.gameList {
  list-style-type: none;
}

.gameList li:nth-of-type(n+11) {/* 表示数制限 */
  display: none;
}

.gameList li>a,
.gameList li>p {
  border-top: 1px solid #ccc;
  display: table;
  width: 100%;
  background-image: url("/assets/images/sp/contents/icon/arrow.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: url("/assets/images/sp/contents/icon/arrow.png"), -webkit-linear-gradient(#fff, #ddd);
  background-image: url("/assets/images/sp/contents/icon/arrow.png"),    -moz-linear-gradient(#fff, #ddd);
  background-image: url("/assets/images/sp/contents/icon/arrow.png"),         linear-gradient(#fff, #ddd);
  background-repeat: no-repeat, no-repeat;
  background-position: 100% 50%, 0 0;
  -webkit-background-size: 19px 17px, auto auto;
     -moz-background-size: 19px 17px, auto auto;
          background-size: 19px 17px, auto auto;
}

.gameList li>p {
  padding: 10px;
}

.gameList li>a div,
.gameList li>a p {
  padding: 10px 0;
  display: table-cell;
  vertical-align: middle;
}

.gameList li>a p {
  padding-right: 20px;
}

.gameList li>a div {
  width: 140px;
  text-align: center;
}

.gameList li a {
  color: #333;
  text-decoration: none;
}

.gameList+section>h1:first-of-type {
  margin-top: 0;
}

/** ----------------------------------------
 * マイページ
 */
#mypage section {
  margin: 15px 0 5px;
  padding: 0 10px;
  background: no-repeat 98% 100%;
}

#mypage section:not(:first-of-type) {
  padding-top: 10px;
  border-top: 1px solid #999;
}

#mypage #course {
  padding-top: 0;
}

#mypage section.selfPoint,
#mypage section.expiredPoint {
  margin: 10px 0;
  display: table;
  width: 100%;
}

#mypage section.expiredPoint {
  margin-bottom: 0;
}

#mypage section.selfPoint h1,
#mypage section.expiredPoint h1 {
  margin: 0;
  padding: 8px 0;
  border: 1px solid #357f91;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  display: table-cell;
  width: 10em;
  color: #357f91;
  background: #bdd8ee;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}

#mypage section.selfPoint p,
#mypage section.expiredPoint p {
  padding: 15px 0 15px 20px;
  display: table-cell;
  color: #ff9000;
  font-size: 17px;
  font-weight: bold;
  vertical-align: middle;
}

#mypage section h1 {
  margin-bottom: 10px;
  padding: 5px 10px;
  border: 1px solid #999;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
  color: #fff;
  background: #173b5a;
  text-align: center;
}

#mypage section ul.list_type5 a {
  border-right: 1px solid;
  border-left: 1px solid;
  border-color: #999 !important;
  font-size: 12px;
}

#mypage section ul.list_type5 li:first-of-type a {
  -webkit-border-top-left-radius: 5px;
     -moz-border-top-left-radius: 5px;
          border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
     -moz-border-top-right-radius: 5px;
          border-top-right-radius: 5px;
}

#mypage section ul.list_type5 li:last-of-type a {
  border-bottom: 1px solid;
  -webkit-border-bottom-left-radius: 5px;
     -moz-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
     -moz-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
}

/* 購入メニュー */
.paymentMenu {
  margin: 0 -10px -5px;
  background-color: #173b5a;
}

.paymentMenu div {
  display: table;
  table-layout: fixed;
  border-collapse: separate;/* セルの間隔を空ける */
  border-spacing: 10px;/* セルの間隔値 */
  width: 100%;
  text-align: center;
  font-size: 13px;
}

.paymentMenu div a {
  padding: 2.7em 2px 0.2em;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  display: table-cell;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#447ba9), to(#40c8ea));
  background-image: -webkit-linear-gradient(#447ba9, #40c8ea);
  background-image: -moz-linear-gradient(#447ba9, #40c8ea);
  background-image: linear-gradient(#40c8ea, #447ba9);
  text-decoration: none;
}

.paymentMenu div a.note {
  background-image: url("/assets/images/sp/contents/user/paymentMenu/note.png"), -webkit-gradient(linear, left top, left bottom, from(#447ba9), to(#40c8ea));
  background-image: url("/assets/images/sp/contents/user/paymentMenu/note.png"), -webkit-linear-gradient(#40c8ea, #447ba9);
  background-image: url("/assets/images/sp/contents/user/paymentMenu/note.png"),    -moz-linear-gradient(#40c8ea, #447ba9);
  background-image: url("/assets/images/sp/contents/user/paymentMenu/note.png"),         linear-gradient(#40c8ea, #447ba9);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0.2em, 0 0;
  -webkit-background-size: 32px, auto;
     -moz-background-size: 32px, auto;
          background-size: 32px, auto;
}

.paymentMenu div a.cross {
  background-image: url("/assets/images/sp/contents/user/paymentMenu/cross.png"), -webkit-gradient(linear, left top, left bottom, from(#447ba9), to(#40c8ea));
  background-image: url("/assets/images/sp/contents/user/paymentMenu/cross.png"), -webkit-linear-gradient(#40c8ea, #447ba9);
  background-image: url("/assets/images/sp/contents/user/paymentMenu/cross.png"),    -moz-linear-gradient(#40c8ea, #447ba9);
  background-image: url("/assets/images/sp/contents/user/paymentMenu/cross.png"),         linear-gradient(#40c8ea, #447ba9);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0.2em, 0 0;
  -webkit-background-size: 32px, auto;
     -moz-background-size: 32px, auto;
          background-size: 32px, auto;
}

.paymentMenu div a.check {
  background-image: url("/assets/images/sp/contents/user/paymentMenu/check.png"), -webkit-gradient(linear, left top, left bottom, from(#447ba9), to(#40c8ea));
  background-image: url("/assets/images/sp/contents/user/paymentMenu/check.png"), -webkit-linear-gradient(#40c8ea, #447ba9);
  background-image: url("/assets/images/sp/contents/user/paymentMenu/check.png"),    -moz-linear-gradient(#40c8ea, #447ba9);
  background-image: url("/assets/images/sp/contents/user/paymentMenu/check.png"),         linear-gradient(#40c8ea, #447ba9);
  background-repeat: no-repeat, no-repeat;
  background-position: 50% 0.2em, 0 0;
  -webkit-background-size: 32px, auto;
     -moz-background-size: 32px, auto;
          background-size: 32px, auto;
}

/* マイメニュー */
.myMenu {
  margin: 15px 10px 10px !important;
  padding: 0 !important;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.myMenu ul {
  list-style-type: none;
}

.myMenu li a {
  padding: 15px 5px 15px 40px;
  display: block;
  color: #333;
  text-decoration: none;
}

.myMenu li:not(:last-of-type) a {
  border-bottom: 1px solid #999;
}

.myMenu li:nth-of-type(1) a {
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
  background-image: url("/assets/images/sp/contents/mypage/list.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdedff));
  background-image: url("/assets/images/sp/contents/mypage/list.png"), -webkit-linear-gradient(#fff, #cdedff);
  background-image: url("/assets/images/sp/contents/mypage/list.png"),    -moz-linear-gradient(#fff, #cdedff);
  background-image: url("/assets/images/sp/contents/mypage/list.png"),         linear-gradient(#fff, #cdedff);
  background-repeat: no-repeat, no-repeat;
  background-position: 5px 50%, 0 0;
  -webkit-background-size: 30px 30px, auto auto;
     -moz-background-size: 30px 30px, auto auto;
          background-size: 30px 30px, auto auto;
}

.myMenu li:nth-of-type(2) a {
  background-image: url("/assets/images/sp/contents/mypage/ranking.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdedff));
  background-image: url("/assets/images/sp/contents/mypage/ranking.png"), -webkit-linear-gradient(#fff, #cdedff);
  background-image: url("/assets/images/sp/contents/mypage/ranking.png"),    -moz-linear-gradient(#fff, #cdedff);
  background-image: url("/assets/images/sp/contents/mypage/ranking.png"),         linear-gradient(#fff, #cdedff);
  background-repeat: no-repeat, no-repeat;
  background-position: 5px 50%, 0 0;
  -webkit-background-size: 30px 30px, auto auto;
     -moz-background-size: 30px 30px, auto auto;
          background-size: 30px 30px, auto auto;
}

.myMenu li:nth-of-type(3) a {
  background-image: url("/assets/images/sp/contents/mypage/pencilBox.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdedff));
  background-image: url("/assets/images/sp/contents/mypage/pencilBox.png"), -webkit-linear-gradient(#fff, #cdedff);
  background-image: url("/assets/images/sp/contents/mypage/pencilBox.png"),    -moz-linear-gradient(#fff, #cdedff);
  background-image: url("/assets/images/sp/contents/mypage/pencilBox.png"),         linear-gradient(#fff, #cdedff);
  background-repeat: no-repeat, no-repeat;
  background-position: 5px 50%, 0 0;
  -webkit-background-size: 30px 30px, auto auto;
     -moz-background-size: 30px 30px, auto auto;
          background-size: 30px 30px, auto auto;
}

.myMenu li:nth-of-type(4) a {
  background-image: url("/assets/images/sp/contents/mypage/favourite.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdedff));
  background-image: url("/assets/images/sp/contents/mypage/favourite.png"), -webkit-linear-gradient(#fff, #cdedff);
  background-image: url("/assets/images/sp/contents/mypage/favourite.png"),    -moz-linear-gradient(#fff, #cdedff);
  background-image: url("/assets/images/sp/contents/mypage/favourite.png"),         linear-gradient(#fff, #cdedff);
  background-repeat: no-repeat, no-repeat;
  background-position: 5px 50%, 0 0;
  -webkit-background-size: 30px 30px, auto auto;
     -moz-background-size: 30px 30px, auto auto;
          background-size: 30px 30px, auto auto;
}

.myMenu li:last-of-type a {
  -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}

/** ----------------------------------------
 * よくある質問
 */
#question ol {
  margin-left: 3em;
}

#question ol li a {
  margin-left: -3em;
  padding: 10px 10px 10px 3em;
  border-bottom: 1px dotted #ccc;
  display: block;
  color: #2ea5c3;
}

#contents .answer {
  margin: -1px 0 20px;
  padding: 0 10px 10px;
  border-top: 1px solid #ccc;
}

.answer h1 {
  margin: 0 -10px 20px;
  padding: 6px 10px;
  border-bottom: 3px solid #3693c9;
  color: #3693c9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdedff));
  background-image: -webkit-linear-gradient(#fff, #cdedff);
  background-image:    -moz-linear-gradient(#fff, #cdedff);
  background-image:         linear-gradient(#fff, #cdedff);
}

.answer h1:before {
  content: "◆";
}

.answer p {
  font-size: 88%;
  line-height: 1.8;
}

.answer a.totop {
  margin-top: 10px;
  display: block;
  text-align: right;
}

/** ----------------------------------------
 * ゲーム一覧
 */
table.myGame {
  width: 100%;
  font-size: 13px;
}

table.myGame th,
table.myGame td {
  padding: 10px 4px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

table.myGame th {
  color: #305f02;
  background-color: #d9eea9;
}

table.myGame td {
  text-align: center;
}

table.myGame td:first-of-type {
  width: 120px;
  text-align: left;
}

/** ----------------------------------------
 * ゲームランキング
 */
table.ranking {
  width: 100%;
  font-size: 13px;
}

table.ranking th,
table.ranking td {
  padding: 10px 4px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

table.ranking th {
  color: #305f02;
  background-color: #d9eea9;
}

table.ranking td {
  text-align: center;
}

table.ranking td:first-of-type {
  width: 70%;
  text-align: left;
}

table.ranking td:first-of-type span {
  margin-right: 4px;
  color: #956c00;
  font-size: 18px;
}

table.ranking tr:nth-of-type(2) td:first-of-type span {
  padding-left: 37px;
  background: url("/assets/images/sp/contents/common/ranking/1.png") no-repeat 0 46%;
}

table.ranking tr:nth-of-type(3) td:first-of-type span {
  padding-left: 37px;
  background: url("/assets/images/sp/contents/common/ranking/2.png") no-repeat 0 46%;
}

table.ranking tr:nth-of-type(4) td:first-of-type span {
  padding-left: 37px;
  background: url("/assets/images/sp/contents/common/ranking/3.png") no-repeat 0 46%;
}

/** ----------------------------------------
 * 月額コース
 */
.course {
  display: table;
  table-layout: fixed;
  border-collapse: separate;/* セルの間隔を空ける */
  border-spacing: 10px;/* セルの間隔値 */
  width: 100%;
  font-size: 12px;
}

.course p {
  display: table-cell;
}

.course p.button {
  width: 170px;
  text-align: center;
}

.course:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}

.course .button>* {
  margin: 0;
  padding: 10px 7px;
  border: 1px solid #949494;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  color: #173b5a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #ebebeb), color-stop(0.5, #dbdbdb), to(#b5b5b5));
  background-image: -webkit-linear-gradient(#fff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
  background-image: -moz-linear-gradient(#fff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
  background-image: linear-gradient(#fff, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
          box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 2px rgba(255,255,255,1) inset;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.2), 0 1px 1px rgba(255,255,255,1);
}

.course .button>span {
  color: #888;
  background: #d6d6d6;
  text-shadow: none;
}

.course p:nth-of-type(2) {
  vertical-align: middle;
}

.course p:nth-of-type(2) span {
  color: #447ba9;
  font-weight: bold;
}

/** ----------------------------------------
 * 月額コース解除
 */
.courseLog {
  padding: 10px;
  background-color: #eee;
  text-align: center;
}

.courseLog div {
  padding: 0 10px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #fff;
}

.courseLog>div p {
  margin: 0;
  padding: 20px 0;
}

.courseLog>div p:not(:last-of-type) {
  border-bottom: 1px dashed #999;
}

.courseLog>div p input[type="image"],
.courseLog>div p a {
  width: 80%;
}

/* ポイント */
.unregister .selfPoint {
  margin: 10px;
  text-align: center;
}

.unregister .selfPoint h1 {
  padding: 5px 10px;
  border: 1px solid #999;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
  color: #fff;
  background: #447dad;
}

.unregister .selfPoint h1+div {
  padding: 15px 10px 0;
  border: 1px solid #999;
  border-top-style: none;
  -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}

.unregister .selfPoint h1+div p.point {
  color: #f00;
  font-size: 20px;
}

/** ----------------------------------------
 * アイコン付きリンク
 */
a.boxarrowIcon {
  padding-left: 20px;
  background: url("/assets/images/sp/contents/music/boxarrowIcon.png") no-repeat 0 50%;
  -webkit-background-size: 16px auto;
     -moz-background-size: 16px auto;
          background-size: 16px auto;
}

/** ----------------------------------------
 * 検索（上書き）
 */
ul.horizontalMenuBlock_type3 li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: table-cell;
  border: 1px solid #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#457dac), to(#173b5a));
  background: -webkit-linear-gradient(#457dac, #173b5a);
  background: -moz-linear-gradient(#457dac, #173b5a);
  background: linear-gradient(#457dac, #173b5a);
  vertical-align: middle;
}

ul.horizontalMenuBlock_type3 li:hover,
ul.horizontalMenuBlock_type3 li:active {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: table-cell;
  border: 1px solid #999;
  background: -webkit-gradient(linear, left top, left bottom, from(#457dac), to(#173b5a));
  background: -webkit-linear-gradient(#457dac, #173b5a);
  background: -moz-linear-gradient(#457dac, #173b5a);
  background: linear-gradient(#457dac, #173b5a);
  vertical-align: middle;
}

/** ----------------------------------------
 * オススメ
 */
.bestRecommended li {
  border-top: 1px solid #ddd;
  font-size: 12px;
  text-align: center;
  list-style-type: none;
}

.bestRecommended li:last-of-type {
  border-bottom: 1px solid #ddd;
}

.bestRecommended li img {
  margin: 0 auto 5px;
  display: block;
  width: auto;
}

.bestRecommended li a {
  padding: 10px;
  display: block;
  color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image:    -moz-linear-gradient(#fff, #ddd);
  background-image:         linear-gradient(#fff, #ddd);
  text-decoration: none;
}

.bestRecommended li a:hover,
.bestRecommended li a:active {
  background: #fff;
}

.unregisterButton {
  padding: 250px 10px 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset;
}
.unregisterButtondo {
  padding: 20px 10px 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset;
}

.unregisterButton p * {
  width: 80%;
}

.unregisterButtondo p * {
  width: 80%;
}

/** ----------------------------------------
 * 吹き出し
 */
.balloon {
  margin: 0 auto 20px;
  padding: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 3px 1px rgba(255,255,255,0.5);
  -moz-box-shadow: 0 1px 3px 1px rgba(255,255,255,0.5);
  box-shadow: 0 1px 3px 1px rgba(255,255,255,0.5);
  position: relative;
  width: 260px;
  color: #f00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd), to(#fcc));
  background-image: -webkit-linear-gradient(#fdd, #fcc);
  background-image: -moz-linear-gradient(#fdd, #fcc);
  background-image: linear-gradient(#fdd, #fcc);
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  text-align: center;
}

.balloon::after {
  position: absolute;
  bottom: -20px;
  left: 48%;
  content: "";
  display: block;
  border: 10px solid;
  border-color: #fcc transparent transparent;
}

/** ----------------------------------------
 * auかんたん決済
 */
#easy {
  margin: 15px 10px;
  padding: 15px 10px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #eee;
  text-align: center;
}

#easy img {
  margin-bottom: 10px;
}


/** ----------------------------------------
 * 退会クッション
 */
.buttonMenu {
  margin-top: 15px;
  padding: 8px 0;
  background-color: #ddd;
  list-style-type: none;
}

.buttonMenu li a {
  margin: 8px 15%;
  padding: 10px 20px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  display: block;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a3a3a3), color-stop(0.5, #3b3b3b), color-stop(0.5, #242424), to(#000000));
  background-image: -webkit-linear-gradient(#a3a3a3, #3b3b3b 50%, #242424 50%, #000000);
  background-image:    -moz-linear-gradient(#a3a3a3, #3b3b3b 50%, #242424 50%, #000000);
  background-image:         linear-gradient(#a3a3a3, #3b3b3b 50%, #242424 50%, #000000);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,255,255,0.6) inset;
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,255,255,0.6) inset;
          box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 1px rgba(255,255,255,0.6) inset;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0,0,0,1), 0 1px 1px rgba(255,255,255,0.2);
  text-align: center;
}

/** --------------------------------------------------------------------------------
 * フッター
 */
footer {
  border-top: 1px solid #cdedff;
  background: #cdedff;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
          box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
}

footer ul {
  margin: 10px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  list-style-type: none;
  font-size: 71.5%;
  letter-spacing: -0.01px;
}

footer ul::after {
  content: "";
  display: block;
  clear: both;
}

footer ul li {
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 50%;
  background-repeat: no-repeat, no-repeat;
  background-position: 5px 50%, 0 0;
  -webkit-background-size: 30px 30px, auto;
     -moz-background-size: 30px 30px, auto;
          background-size: 30px 30px, auto;
}


footer ul li:nth-of-type(odd) {
  border-left-style: none;
}

footer ul li:first-of-type {
  margin-bottom: 5px;
  border-left-style: solid;
  float: none;
  width: auto;
  color: #fff;
  background-image: url("/assets/images/sp/footer/menu/home.png"), -webkit-gradient(linear, left top, left bottom, from(#c0bef9), to(#4693e6));
  background-image: url("/assets/images/sp/footer/menu/home.png"), -webkit-linear-gradient(#c0bef9, #4693e6);
  background-image: url("/assets/images/sp/footer/menu/home.png"),    -moz-linear-gradient(#c0bef9, #4693e6);
  background-image: url("/assets/images/sp/footer/menu/home.png"),         linear-gradient(#c0bef9, #4693e6);
}

footer ul li:first-of-type a {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

footer ul li:nth-of-type(2) {
  background-image: url("/assets/images/sp/footer/menu/agreement.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b5def6));
  background-image: url("/assets/images/sp/footer/menu/agreement.png"), -webkit-linear-gradient(#fff, #b5def6);
  background-image: url("/assets/images/sp/footer/menu/agreement.png"),    -moz-linear-gradient(#fff, #b5def6);
  background-image: url("/assets/images/sp/footer/menu/agreement.png"),         linear-gradient(#fff, #b5def6);
}

footer ul li:nth-of-type(3) {
  background-image: url("/assets/images/sp/footer/menu/privacy.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b5def6));
  background-image: url("/assets/images/sp/footer/menu/privacy.png"), -webkit-linear-gradient(#fff, #b5def6);
  background-image: url("/assets/images/sp/footer/menu/privacy.png"),    -moz-linear-gradient(#fff, #b5def6);
  background-image: url("/assets/images/sp/footer/menu/privacy.png"),         linear-gradient(#fff, #b5def6);
}

footer ul li:nth-of-type(4) {
  background-image: url("/assets/images/sp/footer/menu/overview.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b5def6));
  background-image: url("/assets/images/sp/footer/menu/overview.png"), -webkit-linear-gradient(#fff, #b5def6);
  background-image: url("/assets/images/sp/footer/menu/overview.png"),    -moz-linear-gradient(#fff, #b5def6);
  background-image: url("/assets/images/sp/footer/menu/overview.png"),         linear-gradient(#fff, #b5def6);
}

footer ul li:nth-of-type(5) {
  background-image: url("/assets/images/sp/footer/menu/contact.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b5def6));
  background-image: url("/assets/images/sp/footer/menu/contact.png"), -webkit-linear-gradient(#fff, #b5def6);
  background-image: url("/assets/images/sp/footer/menu/contact.png"),    -moz-linear-gradient(#fff, #b5def6);
  background-image: url("/assets/images/sp/footer/menu/contact.png"),         linear-gradient(#fff, #b5def6);
}

footer ul li:nth-of-type(n+2) {
  border-bottom-style: none;
}

footer ul li:first-of-type {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

footer ul li:nth-of-type(2) {
  -webkit-border-top-left-radius: 5px;
     -moz-border-top-left-radius: 5px;
          border-top-left-radius: 5px;
}

footer ul li:nth-of-type(3) {
  -webkit-border-top-right-radius: 5px;
     -moz-border-top-right-radius: 5px;
          border-top-right-radius: 5px;
}

footer ul li:nth-of-type(4) {
  -webkit-border-bottom-left-radius: 5px;
     -moz-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px;
            border-bottom-style: solid;
}

footer ul li:nth-of-type(5) {
  -webkit-border-bottom-right-radius: 5px;
     -moz-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
            border-bottom-style: solid;
}

footer ul li a {
  padding: 15px 5px 15px 40px;
  display: block;
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px 1px #fff;
}


/** ----------------------------------------
 * コース解除
 */
p.courseButton {
  margin: 10px;
  font-size: 71.5%;
  letter-spacing: -0.01px;
}

p.courseButton a {
  padding: 15px 15px 15px 40px;
  border: 1px solid #999;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  display: block;
  color: #333;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#b5def6));
  background-image: -webkit-linear-gradient(#fff, #b5def6);
  background-image:    -moz-linear-gradient(#fff, #b5def6);
  background-image:         linear-gradient(#fff, #b5def6);
  text-decoration: none;
  text-shadow: 0 1px 1px #fff;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
          box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

/** ----------------------------------------
 * コピーライト
 */
footer #copyright {
  padding: 3px 10px;
  color: #fff;
  background-color: #215b8c;
  font-size: 64.3%;
  text-align: center;
  letter-spacing: -0.01px;
}