@charset "UTF-8";
/* -------------------------------------------------------------------------
-- This CSS is generated by Sass. Please do not never be edited directly. --
------------------------------------------------------------------------- */
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/* Reset & Default Setting ----------------------*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
https://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body {
  -webkit-text-size-adjust: 100%; }

body {
  font: 13px/1.333 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small; }

select, input, button, textarea, button {
  font: 99% arial,helvetica,clean,sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 130%; }

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

body {
  position: relative;
  width: 640px;
  margin: 0 auto;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  background: #ffcc00;
  color: #663300; }

@media only screen and (max-width: 640px) {
  body {
    width: 100%; } }
@media only screen and (max-width: 320px) {
  body {
    width: 320px; } }
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
  display: block; }

img {
  border: 0;
  vertical-align: bottom; }

ul, ol {
  list-style: none; }

table {
  border-spacing: 0;
  empty-cells: show; }

a, a:link, a:visited, a:hover, a:active {
  color: #663300;
  text-decoration: none; }

/*-----------------------------------------------*/
/*-----------------------------------------------*/
/* Common ---------------------------------------*/
/* GlobalHeader ---------------------------------*/
#globalHeader {
  padding: 7px 0 8px 10px; }
  #globalHeader h1 {
    line-height: 10px; }
  #globalHeader #corporateLogo {
    position: absolute;
    right: 8px;
    top: 13px;
    line-height: 0; }

/*-----------------------------------------------*/
/* Contents -------------------------------------*/
#container {
  margin: 0 5px; }

.contents {
  width: 100%;
  overflow: hidden; }

/*-----------------------------------------------*/
/* Global Footer --------------------------------*/
.pagetop {
  margin-bottom: 10px; }
  .pagetop a {
    background-color: #ff7c00;
    display: block;
    text-align: center;
    border-radius: 5px;
    color: #fffdd4;
    line-height: 25px; }
    .pagetop a:after {
      content: "";
      width: 30px;
      height: 17px;
      display: inline-block;
      position: relative;
      top: 4px;
      background: url(../images/icon_pagetop.png) no-repeat right top;
      -moz-background-size: 17px 17px;
      -webkit-background-size: 17px 17px;
      background-size: 17px 17px; }

.pageback a {
  width: 126px;
  margin: 0 auto;
  display: block;
  background: url(../images/btn_pageback.png) no-repeat center top;
  background-size: 126px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.social {
  text-align: center;
  padding-bottom: 5px; }
  .social li {
    display: inline-block;
    margin: 0 2px; }
  .social .mixi {
    display: none; }

#globalFooter {
  padding-top: 10px; }
  #globalFooter .utilityNav li {
    margin-bottom: 5px; }
    #globalFooter .utilityNav li a {
      color: #ff7c00;
      text-align: center;
      display: block;
      border: #ffff99 solid 1px;
      border-radius: 5px;
      line-height: 23px;
      position: relative; }
      #globalFooter .utilityNav li a:after {
        content: "";
        width: 19px;
        height: 19px;
        display: block;
        position: absolute;
        top: 2px;
        right: 11px;
        background: url(../images/mark_03.png) no-repeat 0 0;
        -moz-background-size: 19px 19px;
        -webkit-background-size: 19px 19px;
        background-size: 19px 19px; }

.copyRight {
  text-align: center;
  padding-bottom: 4px; }

#backToTop {
  padding-bottom: 10px; }
  #backToTop a {
    background-color: #ffff99;
    border-radius: 5px;
    padding: 12px 8px;
    display: block;
    position: relative; }
    #backToTop a .navTxt {
      background: url(../images/btn_top_page.png) no-repeat;
      -moz-background-size: 156px 22px;
      -webkit-background-size: 156px 22px;
      background-size: 156px 22px;
      width: 156px;
      height: 22px;
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
    #backToTop a:after {
      content: "";
      width: 20px;
      height: 22px;
      display: block;
      position: absolute;
      top: 14px;
      right: 10px;
      background: url(../images/mark_01.png) no-repeat center -50px;
      -moz-background-size: 20px 90px;
      -webkit-background-size: 20px 90px;
      background-size: 20px 90px; }

.titleHeader #backParentPage {
  position: absolute;
  padding: 0 0 0 10px;
  top: 10px; }
  .titleHeader #backParentPage img {
    width: 32px;
    height: 42px; }

.none {
  display: none !important; }

#topGlobalHeader {
  padding: 7px 0 8px 10px; }
  #topGlobalHeader h1 {
    line-height: 10px; }

#top #keyVisual {
  height: 110px;
  border: #663311 solid 1px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  padding-top: 30px;
  margin-bottom: 5px; }
#top #corporateLogo {
  position: absolute;
  right: 8px;
  top: 8px;
  line-height: 0; }
#top .newsInfo {
  background-color: #ff7c00;
  border-radius: 5px;
  padding: 8px 7px 7px;
  margin-bottom: 5px; }
  #top .newsInfo h2 {
    line-height: 10px;
    padding-bottom: 4px; }
  #top .newsInfo .newsInner {
    background-color: #ffff99;
    border-radius: 3px; }
  #top .newsInfo ul {
    padding: 0 6px; }
  #top .newsInfo li {
    border-top: #ffc23d dashed 1px;
    padding: 8px 0 7px;
    font-size: 12px; }
    #top .newsInfo li li.non_link,
    #top .newsInfo li a {
      display: block; }
      #top .newsInfo li li.non_link:before,
      #top .newsInfo li a:before {
        content: "";
        display: inline-block;
        padding-right: 8px;
        height: 8px;
        width: 8px;
        background: url(../images/mark_01.png) no-repeat center -77px;
        -moz-background-size: 20px 90px;
        -webkit-background-size: 20px 90px;
        background-size: 20px 90px; }
    #top .newsInfo li:first-child {
      border: none; }
#top .contentsNav01 .navTxt {
  background: url(../../images/img_nav.png?2011) no-repeat left top;
  -moz-background-size: 270px auto;
  -webkit-background-size: 270px auto;
  background-size: 270px auto;
  width: 270px;
  height: 30px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
#top .contentsNav01 p a {
  background-color: #ffff99;
  border-radius: 5px;
  padding: 10px 8px;
  margin-bottom: 5px;
  display: block;
  position: relative; }
  #top .contentsNav01 p a:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    background: url(../images/mark_01.png) no-repeat center -50px;
    -moz-background-size: 20px 90px;
    -webkit-background-size: 20px 90px;
    background-size: 20px 90px; }
#top .contentsNav01 .nav01 .navTxt {
  background-position: 0 0; }
#top .contentsNav01 .nav01_01 .navTxt {
  background-position: 0 -30px; }
#top .contentsNav01 .nav01_02 .navTxt {
  background-position: 0 -60px; }
#top .contentsNav01 .nav02 .navTxt {
  background-position: 0 -90px; }
#top .contentsNav01 .nav03 .navTxt {
  background-position: 0 -120px; }
#top .contentsNav01 .nav03_01 .navTxt {
  background-position: 0 -150px; }
#top .contentsNav01 .nav03_02 .navTxt {
  background-position: 0 -180px; }
#top .contentsNav01 .nav03_03 .navTxt {
  background-position: 0 -270px; }
#top .contentsNav01 .nav03_04 .navTxt {
  background-position: 0 -300px; }
#top .contentsNav01 .nav04 .navTxt {
  background-position: 0 -210px; }
#top .contentsNav01 .nav05 .navTxt {
  background-position: 0 -240px; }
#top .contentsNav01 .nav06 .navTxt {
  background-position: 0 -330px; }
#top .contentsNav01 .nav07 .navTxt {
  background-position: 0 -362px; }
#top .contentsNav01 .nav08 .navTxt {
  background-position: 0 -392px; }
#top .contentsNav01 .nav09 .navTxt {
  background-position: 0 -422px; }
  #top .contentsNav01 .nav10 .navTxt {
    background-position: 0 -453px; }

/* アコーディオン部分 */
.accordionMenu {
  background-color: #ffff99;
  border-radius: 5px;
  padding: 0 8px;
  margin-bottom: 5px;
  overflow: hidden; }
  .accordionMenu .list a {
    display: block;
    border-top: #ff9900 dashed 1px;
    padding: 6px 0 6px 0;
    position: relative; }
    .accordionMenu .list a:after {
      content: "";
      width: 20px;
      height: 20px;
      display: block;
      position: absolute;
      top: 11px;
      right: 2px;
      background: url(../images/mark_01.png) no-repeat center -50px;
      -moz-background-size: 20px 90px;
      -webkit-background-size: 20px 90px;
      background-size: 20px 90px; }
  .accordionMenu .category {
    padding: 10px 0 10px 0;
    position: relative; }
    .accordionMenu .category a {
      background-color: #ffff99;
      border-radius: 5px;
      padding: 10px 8px;
      margin-bottom: 5px;
      display: block;
      position: relative; }
      .accordionMenu .category a:after {
        content: "";
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        top: 15px;
        right: 10px;
        background: url(../images/mark_01.png) no-repeat center -50px;
        -moz-background-size: 20px 90px;
        -webkit-background-size: 20px 90px;
        background-size: 20px 90px; }
    .accordionMenu .category:after {
      content: "";
      width: 20px;
      height: 20px;
      display: block;
      position: absolute;
      top: 15px;
      right: 2px;
      background: url(../images/mark_01.png) no-repeat center top;
      -moz-background-size: 20px 90px;
      -webkit-background-size: 20px 90px;
      background-size: 20px 90px; }
  .accordionMenu .open:after {
    background-position: center -25px; }
  .accordionMenu .listBox {
    display: none; }

#uranai #contents .txt {
  padding: 10px 20px 0px;
  font-size: 9px; }
#uranai #contents #contentsWrapper {
  border: #663311 solid 1px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  background-image: url(/bazar/sp/uranai/images/bg_left.png), url(/bazar/sp/uranai/images/bg_right.png), url(/bazar/sp/uranai/images/bg_uranai_title.png);
  background-repeat: no-repeat,no-repeat,no-repeat;
  background-position: top left,top right,center 3px;
  background-size: 82px 282px,82px 282px,218px 72px;
  padding: 3px 9px 9px; }
  #uranai #contents #contentsWrapper #titleUranai {
    padding-top: 15px;
    padding-bottom: 5px; }
    #uranai #contents #contentsWrapper #titleUranai #title_txt_1 {
      padding-bottom: 3px; }
  #uranai #contents #contentsWrapper #contentsWrapper2 {
    zoom: 1;
    padding: 5px 9px 0px 10px;
    background: #ffff99;
    border: 1px solid #663311;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
    #uranai #contents #contentsWrapper #contentsWrapper2:before, #uranai #contents #contentsWrapper #contentsWrapper2:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #uranai #contents #contentsWrapper #contentsWrapper2:after {
      clear: both; }
    #uranai #contents #contentsWrapper #contentsWrapper2 #seizaLabel {
      height: 40px;
      line-height: 40px;
      font-size: 140%;
      padding-bottom: 5px; }
      #uranai #contents #contentsWrapper #contentsWrapper2 #seizaLabel img {
        width: 40px;
        height: 40px;
        padding-right: 5px; }
    #uranai #contents #contentsWrapper #contentsWrapper2 #banana {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      padding: 4px 4px;
      background: #ff9900;
      font-size: 11px; }
      #uranai #contents #contentsWrapper #contentsWrapper2 #banana #inlineDate {
        color: #fffdd4;
        font-weight: bold; }
      #uranai #contents #contentsWrapper #contentsWrapper2 #banana #bananaCountWrapper {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #ffffff;
        margin: 0 auto;
        width: 100%; }
        #uranai #contents #contentsWrapper #contentsWrapper2 #banana #bananaCountWrapper .bananaCount {
          margin: 0 auto;
          width: 85%;
          padding: 5px 0px;
          display: table;
          table-layout: fixed;
          height: 25px; }
          #uranai #contents #contentsWrapper #contentsWrapper2 #banana #bananaCountWrapper .bananaCount li {
            display: table-cell;
            padding: 0;
            margin: 0; }
            #uranai #contents #contentsWrapper #contentsWrapper2 #banana #bananaCountWrapper .bananaCount li img {
              width: 27px; }
    #uranai #contents #contentsWrapper #contentsWrapper2 #date {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      padding: 3px 0;
      background: #ff9900;
      color: #fffdd4;
      height: 16px;
      line-height: 18px;
      font-size: 11px;
      font-weight: bold; }
    #uranai #contents #contentsWrapper #contentsWrapper2 .starList {
      text-align: left !important;
      zoom: 1;
      width: 270px;
      margin: 0 auto; }
      #uranai #contents #contentsWrapper #contentsWrapper2 .starList:before, #uranai #contents #contentsWrapper #contentsWrapper2 .starList:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #uranai #contents #contentsWrapper #contentsWrapper2 .starList:after {
        clear: both; }
      #uranai #contents #contentsWrapper #contentsWrapper2 .starList li {
        padding-right: 5px;
        padding-bottom: 10px;
        float: left;
        height: 91px; }
        #uranai #contents #contentsWrapper #contentsWrapper2 .starList li a {
          display: block;
          width: 61px;
          height: 61px;
          padding: 0px;
          background: #feda61;
          border: 1px solid #663311;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px; }
        #uranai #contents #contentsWrapper #contentsWrapper2 .starList li p {
          padding-top: 4px;
          text-align: center; }
          #uranai #contents #contentsWrapper #contentsWrapper2 .starList li p img {
            vertical-align: middle; }
    #uranai #contents #contentsWrapper #contentsWrapper2 #uranaiResultWrapper {
      margin: 15px 0; }
      #uranai #contents #contentsWrapper #contentsWrapper2 #uranaiResultWrapper .uranaiResult {
        margin-bottom: 10px; }
        #uranai #contents #contentsWrapper #contentsWrapper2 #uranaiResultWrapper .uranaiResult h3 {
          text-align: left; }
        #uranai #contents #contentsWrapper #contentsWrapper2 #uranaiResultWrapper .uranaiResult p {
          padding-top: 8px;
          line-height: 1.6;
          text-align: left; }
    #uranai #contents #contentsWrapper #contentsWrapper2 .starList:nth-of-type(1) {
      padding-top: 10px; }
#uranai .newsInfo {
  background-color: #ff7c00;
  border-radius: 5px;
  padding: 8px 7px 7px;
  margin-bottom: 5px; }
  #uranai .newsInfo h2 {
    line-height: 10px;
    padding-bottom: 4px; }
  #uranai .newsInfo .newsInner {
    background-color: #ffff99;
    border-radius: 3px; }
  #uranai .newsInfo ul {
    padding: 0 6px; }
  #uranai .newsInfo li {
    border-top: #ffc23d dashed 1px;
    padding: 8px 0 7px;
    font-size: 12px; }
    #uranai .newsInfo li a {
      display: block; }
      #uranai .newsInfo li a:before {
        content: "○";
        font-weight: bold;
        text-shadow: 0 0 1px #ff9900;
        display: inline;
        color: #ff9900;
        padding-right: 5px; }
    #uranai .newsInfo li:first-child {
      border: none; }
#uranai .contentsNav01 .navTxt {
  background: url(../../images/img_nav.png) no-repeat left top;
  -moz-background-size: 200px 270px;
  -webkit-background-size: 200px 270px;
  background-size: 200px 270px;
  width: 200px;
  height: 30px;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
#uranai .contentsNav01 dl {
  background-color: #ffff99;
  border-radius: 5px;
  padding: 0 8px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden; }
#uranai .contentsNav01 p a {
  background-color: #ffff99;
  border-radius: 5px;
  padding: 10px 8px;
  margin-bottom: 5px;
  display: block;
  position: relative; }
  #uranai .contentsNav01 p a:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    background: url(../images/mark_01.png) no-repeat center -50px;
    -moz-background-size: 20px 70px;
    -webkit-background-size: 20px 70px;
    background-size: 20px 70px; }
#uranai .contentsNav01 .hideMenu {
  height: 50px; }
#uranai .contentsNav01 .showMenu {
  height: 136px; }
#uranai .contentsNav01 dt {
  padding: 10px 0 10px 0;
  position: relative; }
  #uranai .contentsNav01 dt:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 15px;
    right: 2px;
    background: url(../images/mark_01.png) no-repeat center top;
    -moz-background-size: 20px 70px;
    -webkit-background-size: 20px 70px;
    background-size: 20px 70px; }
#uranai .contentsNav01 .showMenu dt:after {
  background-position: center -25px; }
#uranai .contentsNav01 dd a {
  display: block;
  border-top: #ff9900 dashed 1px;
  padding: 6px 0 6px 0;
  position: relative; }
  #uranai .contentsNav01 dd a:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 11px;
    right: 2px;
    background: url(../images/mark_01.png) no-repeat center -50px;
    -moz-background-size: 20px 70px;
    -webkit-background-size: 20px 70px;
    background-size: 20px 70px; }
#uranai .contentsNav01 .nav01 .navTxt {
  background-position: 0 0; }
#uranai .contentsNav01 .nav01_01 .navTxt {
  background-position: 0 -30px; }
#uranai .contentsNav01 .nav01_02 .navTxt {
  background-position: 0 -60px; }
#uranai .contentsNav01 .nav02 .navTxt {
  background-position: 0 -90px; }
#uranai .contentsNav01 .nav03 .navTxt {
  background-position: 0 -120px; }
#uranai .contentsNav01 .nav03_01 .navTxt {
  background-position: 0 -150px; }
#uranai .contentsNav01 .nav03_02 .navTxt {
  background-position: 0 -180px; }
#uranai .contentsNav01 .nav04 .navTxt {
  background-position: 0 -210px; }
#uranai .contentsNav01 .nav05 .navTxt {
  background-position: 0 -240px; }
#uranai .contentsNav01 .nav05 a:after {
  content: "";
  width: 75px;
  height: 20px;
  display: block;
  position: absolute;
  top: 15px;
  right: 10px;
  background: url(../images/mark_02.png) no-repeat 0 0;
  -moz-background-size: 75px 20px;
  -webkit-background-size: 75px 20px;
  background-size: 75px 20px; }

/*---------------------------

占いアイコン　数調整

----------------------------*/
@media screen and (min-width: 447px) {
  #uranai #contents #contentsWrapper #contentsWrapper2 .starList {
    width: 403px; }
    #uranai #contents #contentsWrapper #contentsWrapper2 .starList li {
      padding-right: 5px; }
    #uranai #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(6), #uranai #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(12) {
      padding-right: 0px !important; } }
@media screen and (min-width: 370px) and (max-width: 446px) {
  #uranai #contents #contentsWrapper #contentsWrapper2 .starList {
    width: 335px; }
    #uranai #contents #contentsWrapper #contentsWrapper2 .starList li {
      padding-right: 5px; }
    #uranai #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(5), #uranai #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(10) {
      padding-right: 0px; } }
@media screen and (max-width: 369px) {
  #uranai #contents #contentsWrapper #contentsWrapper2 .starList {
    width: 271px; }
    #uranai #contents #contentsWrapper #contentsWrapper2 .starList li {
      padding-right: 5px; }
    #uranai #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(4), #uranai #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(8), #uranai #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(12) {
      padding-right: 0px; } }
#family #contents .txt {
  padding: 10px 20px 0px;
  font-size: 9px; }
#family #contents #contentsWrapper {
  border: #663311 solid 1px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  background-repeat: no-repeat,no-repeat,no-repeat;
  background-position: top left,top right,center 3px;
  background-size: 82px 282px,82px 282px,218px 72px;
  padding: 3px 9px 9px; }
  #family #contents #contentsWrapper #titleFamily {
    padding-top: 15px;
    padding-bottom: 10px; }
  #family #contents #contentsWrapper #contentsWrapper2 {
    zoom: 1; }
    #family #contents #contentsWrapper #contentsWrapper2:before, #family #contents #contentsWrapper #contentsWrapper2:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #family #contents #contentsWrapper #contentsWrapper2:after {
      clear: both; }
    #family #contents #contentsWrapper #contentsWrapper2 #seizaLabel {
      height: 63px;
      line-height: 63px;
      font-size: 120%; }
      #family #contents #contentsWrapper #contentsWrapper2 #seizaLabel img {
        width: 63px;
        height: 63px; }
    #family #contents #contentsWrapper #contentsWrapper2 #banana {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      padding: 5px 0;
      background: #ff9900;
      font-size: 11px; }
      #family #contents #contentsWrapper #contentsWrapper2 #banana .inlineDate {
        color: #fffdd4;
        font-weight: bold; }
      #family #contents #contentsWrapper #contentsWrapper2 #banana .bananaCount {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #ffffff;
        margin: 0 auto;
        padding: 5px 5px;
        display: table;
        width: 90%;
        table-layout: fixed; }
        #family #contents #contentsWrapper #contentsWrapper2 #banana .bananaCount li {
          display: table-cell;
          padding: 0;
          margin: 0; }
          #family #contents #contentsWrapper #contentsWrapper2 #banana .bananaCount li img {
            width: 25px;
            height: 25px; }
    #family #contents #contentsWrapper #contentsWrapper2 #date {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      padding: 3px 0;
      background: #ff9900;
      color: #fffdd4;
      height: 16px;
      line-height: 18px;
      font-size: 11px;
      font-weight: bold; }
    #family #contents #contentsWrapper #contentsWrapper2 .starList {
      text-align: left !important;
      zoom: 1;
      width: 270px;
      margin: 0 auto; }
      #family #contents #contentsWrapper #contentsWrapper2 .starList:before, #family #contents #contentsWrapper #contentsWrapper2 .starList:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #family #contents #contentsWrapper #contentsWrapper2 .starList:after {
        clear: both; }
      #family #contents #contentsWrapper #contentsWrapper2 .starList li {
        padding-right: 5px;
        padding-bottom: 10px;
        float: left;
        height: 91px; }
        #family #contents #contentsWrapper #contentsWrapper2 .starList li a {
          display: block;
          width: 61px;
          height: 61px;
          padding: 0px;
          background: #feda61;
          border: 1px solid #663311;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px; }
        #family #contents #contentsWrapper #contentsWrapper2 .starList li p {
          padding-top: 4px;
          text-align: center; }
          #family #contents #contentsWrapper #contentsWrapper2 .starList li p img {
            vertical-align: middle; }
    #family #contents #contentsWrapper #contentsWrapper2 #familyResultWrapper {
      margin: 15px 0; }
      #family #contents #contentsWrapper #contentsWrapper2 #familyResultWrapper .familyResult {
        margin-bottom: 10px; }
        #family #contents #contentsWrapper #contentsWrapper2 #familyResultWrapper .familyResult h3 {
          text-align: left;
          padding-left: 10px; }
        #family #contents #contentsWrapper #contentsWrapper2 #familyResultWrapper .familyResult p {
          padding-top: 8px;
          line-height: 1.6; }
#family .newsInfo {
  background-color: #ff7c00;
  border-radius: 5px;
  padding: 8px 7px 7px;
  margin-bottom: 5px; }
  #family .newsInfo h2 {
    line-height: 10px;
    padding-bottom: 4px; }
  #family .newsInfo .newsInner {
    background-color: #ffff99;
    border-radius: 3px; }
  #family .newsInfo ul {
    padding: 0 6px; }
  #family .newsInfo li {
    border-top: #ffc23d dashed 1px;
    padding: 8px 0 7px;
    font-size: 12px; }
    #family .newsInfo li a {
      display: block; }
      #family .newsInfo li a:before {
        content: "○";
        font-weight: bold;
        text-shadow: 0 0 1px #ff9900;
        display: inline;
        color: #ff9900;
        padding-right: 5px; }
    #family .newsInfo li:first-child {
      border: none; }
#family .contentsNav01 .navTxt {
  background: url(../../images/img_nav.png) no-repeat left top;
  -moz-background-size: 200px 270px;
  -webkit-background-size: 200px 270px;
  background-size: 200px 270px;
  width: 200px;
  height: 30px;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
#family .contentsNav01 dl {
  background-color: #ffff99;
  border-radius: 5px;
  padding: 0 8px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden; }
#family .contentsNav01 p a {
  background-color: #ffff99;
  border-radius: 5px;
  padding: 10px 8px;
  margin-bottom: 5px;
  display: block;
  position: relative; }
  #family .contentsNav01 p a:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    background: url(../images/mark_01.png) no-repeat center -50px;
    -moz-background-size: 20px 70px;
    -webkit-background-size: 20px 70px;
    background-size: 20px 70px; }
#family .contentsNav01 .hideMenu {
  height: 50px; }
#family .contentsNav01 .showMenu {
  height: 136px; }
#family .contentsNav01 dt {
  padding: 10px 0 10px 0;
  position: relative; }
  #family .contentsNav01 dt:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 15px;
    right: 2px;
    background: url(../images/mark_01.png) no-repeat center top;
    -moz-background-size: 20px 70px;
    -webkit-background-size: 20px 70px;
    background-size: 20px 70px; }
#family .contentsNav01 .showMenu dt:after {
  background-position: center -25px; }
#family .contentsNav01 dd a {
  display: block;
  border-top: #ff9900 dashed 1px;
  padding: 6px 0 6px 0;
  position: relative; }
  #family .contentsNav01 dd a:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 11px;
    right: 2px;
    background: url(../images/mark_01.png) no-repeat center -50px;
    -moz-background-size: 20px 70px;
    -webkit-background-size: 20px 70px;
    background-size: 20px 70px; }
#family .contentsNav01 .nav01 .navTxt {
  background-position: 0 0; }
#family .contentsNav01 .nav01_01 .navTxt {
  background-position: 0 -30px; }
#family .contentsNav01 .nav01_02 .navTxt {
  background-position: 0 -60px; }
#family .contentsNav01 .nav02 .navTxt {
  background-position: 0 -90px; }
#family .contentsNav01 .nav03 .navTxt {
  background-position: 0 -120px; }
#family .contentsNav01 .nav03_01 .navTxt {
  background-position: 0 -150px; }
#family .contentsNav01 .nav03_02 .navTxt {
  background-position: 0 -180px; }
#family .contentsNav01 .nav04 .navTxt {
  background-position: 0 -210px; }
#family .contentsNav01 .nav05 .navTxt {
  background-position: 0 -240px; }
#family .contentsNav01 .nav05 a:after {
  content: "";
  width: 75px;
  height: 20px;
  display: block;
  position: absolute;
  top: 15px;
  right: 10px;
  background: url(../images/mark_02.png) no-repeat 0 0;
  -moz-background-size: 75px 20px;
  -webkit-background-size: 75px 20px;
  background-size: 75px 20px; }

/*---------------------------

占いアイコン　数調整

----------------------------*/
@media screen and (min-width: 447px) {
  #family #contents #contentsWrapper #contentsWrapper2 .starList {
    width: 403px; }
    #family #contents #contentsWrapper #contentsWrapper2 .starList li {
      padding-right: 5px; }
    #family #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(6), #family #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(12) {
      padding-right: 0px !important; } }
@media screen and (min-width: 370px) and (max-width: 446px) {
  #family #contents #contentsWrapper #contentsWrapper2 .starList {
    width: 335px; }
    #family #contents #contentsWrapper #contentsWrapper2 .starList li {
      padding-right: 5px; }
    #family #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(5), #family #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(10) {
      padding-right: 0px; } }
@media screen and (max-width: 369px) {
  #family #contents #contentsWrapper #contentsWrapper2 .starList {
    width: 271px; }
    #family #contents #contentsWrapper #contentsWrapper2 .starList li {
      padding-right: 5px; }
    #family #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(4), #family #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(8), #family #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(12) {
      padding-right: 0px; } }
/*---------------------------

topページ

----------------------------*/
.topIndex #contents #contentsWrapper {
  padding-bottom: 0 !important; }
  .topIndex #contents #contentsWrapper #contentsWrapper2 {
    zoom: 1;
    padding: 9px 9px 0px 10px;
    background: #ffff99;
    border: 1px solid #663311;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px; }

/*---------------------------

detailページ

----------------------------*/
.familyInnerPage #contents #contentsWrapper #contentsWrapper2 section {
  zoom: 1;
  padding: 15px 9px 0px 10px;
  background: #ffff99;
  border: 1px solid #663311;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px; }
  .familyInnerPage #contents #contentsWrapper #contentsWrapper2 section .titleCaraName {
    padding-bottom: 10px; }
  .familyInnerPage #contents #contentsWrapper #contentsWrapper2 section .titleBar {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 3px 0;
    background: #ff9900;
    color: #ffffff;
    font-weight: bold; }
  .familyInnerPage #contents #contentsWrapper #contentsWrapper2 section p {
    padding-bottom: 10px; }
.familyInnerPage #contents #contentsWrapper #contentsWrapper2 section:last-child {
  margin-bottom: 0px; }
.familyInnerPage #contents #contentsWrapper #contentsWrapper2 .anchor {
  margin-top: -10px;
  padding-top: 10px;
  display: block; }
.familyInnerPage #contents #navPager {
  padding-top: 10px;
  height: 50px; }
  .familyInnerPage #contents #navPager ul {
    position: relative; }
    .familyInnerPage #contents #navPager ul li a {
      display: block; }
    .familyInnerPage #contents #navPager ul .topBtn {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -30px; }
    .familyInnerPage #contents #navPager ul .nextBtn {
      position: absolute;
      top: 0;
      right: 0; }
    .familyInnerPage #contents #navPager ul .prevBtn {
      position: absolute;
      top: 0;
      left: 0; }

#sub #contents .txt {
  padding: 10px 20px 0px;
  font-size: 9px; }
#sub #contents #contentsWrapper {
  border: #663311 solid 1px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  background-repeat: no-repeat,no-repeat,no-repeat;
  background-position: top left,top right,center 3px;
  background-size: 82px 282px,82px 282px,218px 72px;
  padding: 3px 9px 9px; }
  #sub #contents #contentsWrapper #titleFamily {
    padding-top: 15px;
    padding-bottom: 10px; }
  #sub #contents #contentsWrapper #contentsWrapper2 {
    zoom: 1; }
    #sub #contents #contentsWrapper #contentsWrapper2:before, #sub #contents #contentsWrapper #contentsWrapper2:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    #sub #contents #contentsWrapper #contentsWrapper2:after {
      clear: both; }
    #sub #contents #contentsWrapper #contentsWrapper2 #seizaLabel {
      height: 63px;
      line-height: 63px;
      font-size: 120%; }
      #sub #contents #contentsWrapper #contentsWrapper2 #seizaLabel img {
        width: 63px;
        height: 63px; }
    #sub #contents #contentsWrapper #contentsWrapper2 #banana {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      padding: 5px 0;
      background: #ff9900;
      font-size: 11px; }
      #sub #contents #contentsWrapper #contentsWrapper2 #banana .inlineDate {
        color: #fffdd4;
        font-weight: bold; }
      #sub #contents #contentsWrapper #contentsWrapper2 #banana .bananaCount {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #ffffff;
        margin: 0 auto;
        padding: 5px 5px;
        display: table;
        width: 90%;
        table-layout: fixed; }
        #sub #contents #contentsWrapper #contentsWrapper2 #banana .bananaCount li {
          display: table-cell;
          padding: 0;
          margin: 0; }
          #sub #contents #contentsWrapper #contentsWrapper2 #banana .bananaCount li img {
            width: 25px;
            height: 25px; }
    #sub #contents #contentsWrapper #contentsWrapper2 #date {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      padding: 3px 0;
      background: #ff9900;
      color: #fffdd4;
      height: 16px;
      line-height: 18px;
      font-size: 11px;
      font-weight: bold; }
    #sub #contents #contentsWrapper #contentsWrapper2 .starList {
      text-align: left !important;
      zoom: 1;
      width: 270px;
      margin: 0 auto; }
      #sub #contents #contentsWrapper #contentsWrapper2 .starList:before, #sub #contents #contentsWrapper #contentsWrapper2 .starList:after {
        display: block;
        height: 0;
        visibility: hidden;
        content: "\0020"; }
      #sub #contents #contentsWrapper #contentsWrapper2 .starList:after {
        clear: both; }
      #sub #contents #contentsWrapper #contentsWrapper2 .starList li {
        padding-right: 5px;
        padding-bottom: 10px;
        float: left; }
        #sub #contents #contentsWrapper #contentsWrapper2 .starList li a {
          display: block;
          width: 61px;
          height: 61px;
          padding: 0px;
          background: #feda61;
          border: 1px solid #663311;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px; }
        #sub #contents #contentsWrapper #contentsWrapper2 .starList li p {
          padding-top: 4px;
          text-align: center; }
          #sub #contents #contentsWrapper #contentsWrapper2 .starList li p img {
            vertical-align: middle; }
    #sub #contents #contentsWrapper #contentsWrapper2 #subResultWrapper {
      margin: 15px 0; }
      #sub #contents #contentsWrapper #contentsWrapper2 #subResultWrapper .subResult {
        margin-bottom: 10px; }
        #sub #contents #contentsWrapper #contentsWrapper2 #subResultWrapper .subResult h3 {
          text-align: left;
          padding-left: 10px; }
        #sub #contents #contentsWrapper #contentsWrapper2 #subResultWrapper .subResult p {
          padding-top: 8px;
          line-height: 1.6; }
#sub .newsInfo {
  background-color: #ff7c00;
  border-radius: 5px;
  padding: 8px 7px 7px;
  margin-bottom: 5px; }
  #sub .newsInfo h2 {
    line-height: 10px;
    padding-bottom: 4px; }
  #sub .newsInfo .newsInner {
    background-color: #ffff99;
    border-radius: 3px; }
  #sub .newsInfo ul {
    padding: 0 6px; }
  #sub .newsInfo li {
    border-top: #ffc23d dashed 1px;
    padding: 8px 0 7px;
    font-size: 12px; }
    #sub .newsInfo li a {
      display: block; }
      #sub .newsInfo li a:before {
        content: "○";
        font-weight: bold;
        text-shadow: 0 0 1px #ff9900;
        display: inline;
        color: #ff9900;
        padding-right: 5px; }
    #sub .newsInfo li:first-child {
      border: none; }
#sub .contentsNav01 .navTxt {
  background: url(../../images/img_nav.png) no-repeat left top;
  -moz-background-size: 200px 270px;
  -webkit-background-size: 200px 270px;
  background-size: 200px 270px;
  width: 200px;
  height: 30px;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
#sub .contentsNav01 dl {
  background-color: #ffff99;
  border-radius: 5px;
  padding: 0 8px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden; }
#sub .contentsNav01 p a {
  background-color: #ffff99;
  border-radius: 5px;
  padding: 10px 8px;
  margin-bottom: 5px;
  display: block;
  position: relative; }
  #sub .contentsNav01 p a:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    background: url(../images/mark_01.png) no-repeat center -50px;
    -moz-background-size: 20px 70px;
    -webkit-background-size: 20px 70px;
    background-size: 20px 70px; }
#sub .contentsNav01 .hideMenu {
  height: 50px; }
#sub .contentsNav01 .showMenu {
  height: 136px; }
#sub .contentsNav01 dt {
  padding: 10px 0 10px 0;
  position: relative; }
  #sub .contentsNav01 dt:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 15px;
    right: 2px;
    background: url(../images/mark_01.png) no-repeat center top;
    -moz-background-size: 20px 70px;
    -webkit-background-size: 20px 70px;
    background-size: 20px 70px; }
#sub .contentsNav01 .showMenu dt:after {
  background-position: center -25px; }
#sub .contentsNav01 dd a {
  display: block;
  border-top: #ff9900 dashed 1px;
  padding: 6px 0 6px 0;
  position: relative; }
  #sub .contentsNav01 dd a:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 11px;
    right: 2px;
    background: url(../images/mark_01.png) no-repeat center -50px;
    -moz-background-size: 20px 70px;
    -webkit-background-size: 20px 70px;
    background-size: 20px 70px; }
#sub .contentsNav01 .nav01 .navTxt {
  background-position: 0 0; }
#sub .contentsNav01 .nav01_01 .navTxt {
  background-position: 0 -30px; }
#sub .contentsNav01 .nav01_02 .navTxt {
  background-position: 0 -60px; }
#sub .contentsNav01 .nav02 .navTxt {
  background-position: 0 -90px; }
#sub .contentsNav01 .nav03 .navTxt {
  background-position: 0 -120px; }
#sub .contentsNav01 .nav03_01 .navTxt {
  background-position: 0 -150px; }
#sub .contentsNav01 .nav03_02 .navTxt {
  background-position: 0 -180px; }
#sub .contentsNav01 .nav04 .navTxt {
  background-position: 0 -210px; }
#sub .contentsNav01 .nav05 .navTxt {
  background-position: 0 -240px; }
#sub .contentsNav01 .nav05 a:after {
  content: "";
  width: 75px;
  height: 20px;
  display: block;
  position: absolute;
  top: 15px;
  right: 10px;
  background: url(../images/mark_02.png) no-repeat 0 0;
  -moz-background-size: 75px 20px;
  -webkit-background-size: 75px 20px;
  background-size: 75px 20px; }

/*---------------------------

占いアイコン　数調整

----------------------------*/
@media screen and (min-width: 447px) {
  #sub #contents #contentsWrapper #contentsWrapper2 .starList {
    width: 403px; }
    #sub #contents #contentsWrapper #contentsWrapper2 .starList li {
      padding-right: 5px; }
    #sub #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(6), #sub #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(12), #sub #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(18) {
      padding-right: 0px !important; } }
@media screen and (min-width: 370px) and (max-width: 446px) {
  #sub #contents #contentsWrapper #contentsWrapper2 .starList {
    width: 335px; }
    #sub #contents #contentsWrapper #contentsWrapper2 .starList li {
      padding-right: 5px; }
    #sub #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(5), #sub #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(10), #sub #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(15) {
      padding-right: 0px; } }
@media screen and (max-width: 369px) {
  #sub #contents #contentsWrapper #contentsWrapper2 .starList {
    width: 271px; }
    #sub #contents #contentsWrapper #contentsWrapper2 .starList li {
      padding-right: 5px; }
    #sub #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(4), #sub #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(8), #sub #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(12), #sub #contents #contentsWrapper #contentsWrapper2 .starList li:nth-of-type(16) {
      padding-right: 0px; } }
/*---------------------------

topページ

----------------------------*/
.topIndex #contents #contentsWrapper {
  padding-bottom: 0 !important; }
  .topIndex #contents #contentsWrapper #contentsWrapper2 {
    zoom: 1;
    padding: 9px 9px 0px 10px;
    background: #ffff99;
    border: 1px solid #663311;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px; }

/*---------------------------

detailページ

----------------------------*/
.subInnerPage #contents #contentsWrapper #contentsWrapper2 section {
  zoom: 1;
  padding: 15px 9px 0px 10px;
  background: #ffff99;
  border: 1px solid #663311;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px; }
  .subInnerPage #contents #contentsWrapper #contentsWrapper2 section .titleCaraName {
    padding-bottom: 10px; }
  .subInnerPage #contents #contentsWrapper #contentsWrapper2 section .titleBar {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 3px 0;
    background: #ff9900;
    color: #ffffff;
    font-weight: bold; }
  .subInnerPage #contents #contentsWrapper #contentsWrapper2 section p {
    padding-bottom: 10px; }
  .subInnerPage #contents #contentsWrapper #contentsWrapper2 section .notice {
    font-size: 8px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 section:last-child {
  margin-bottom: 0px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara04 {
  padding-top: 20px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara05 {
  padding-top: 25px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara06 {
  padding-top: 30px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara07 {
  padding-top: 30px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara09 {
  padding-top: 30px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara11 {
  padding-top: 20px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara12 {
  padding-top: 30px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara13 {
  padding-top: 30px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara14 {
  padding-top: 30px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara15 {
  padding-top: 25px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara16 {
  padding-top: 30px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara17 {
  padding-top: 15px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .chara18 {
  padding-top: 25px; }
.subInnerPage #contents #contentsWrapper #contentsWrapper2 .anchor {
  margin-top: -10px;
  padding-top: 10px;
  display: block; }
.subInnerPage #contents #navPager {
  padding-top: 10px;
  height: 50px; }
  .subInnerPage #contents #navPager ul {
    position: relative; }
    .subInnerPage #contents #navPager ul li a {
      display: block; }
    .subInnerPage #contents #navPager ul .topBtn {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -30px; }
    .subInnerPage #contents #navPager ul .nextBtn {
      position: absolute;
      top: 0;
      right: 0; }
    .subInnerPage #contents #navPager ul .prevBtn {
      position: absolute;
      top: 0;
      left: 0; }

#gameIndex #contentsBox {
  border: #663311 solid 1px;
  border-radius: 5px;
  position: relative;
  padding: 0 9px 9px; }
  #gameIndex #contentsBox .titleBox {
    text-align: center;
    padding-top: 4px;
    padding-bottom: 5px; }
    #gameIndex #contentsBox .titleBox h1 {
      line-height: 10px; }
#gameIndex #keyVisual {
  border: #663311 solid 1px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  margin-bottom: 12px;
  overflow: hidden; }
  #gameIndex #keyVisual img {
    max-width: 500px;
    width: 100%;
    height: auto;
    border-radius: 4px; }
#gameIndex .expTxt {
  font-size: 12px;
  line-height: 1.4; }
#gameIndex .downloadLink {
  padding: 16px 0 0; }
  #gameIndex .downloadLink p {
    text-align: center;
    padding: 5px 0 3px; }
  #gameIndex .downloadLink ul {
    overflow: hidden;
    text-align: center;
    padding: 10px 0;
    vertical-align: top; }
  #gameIndex .downloadLink li {
    display: inline-block;
    vertical-align: top;
    margin: 0 7px;
    width: 40%; }
    #gameIndex .downloadLink li a, #gameIndex .downloadLink li span {
      padding: 7px 5px;
      background-color: #663300;
      display: block;
      border-radius: 5px; }
    #gameIndex .downloadLink li span {
      background-color: #959595;
      padding: 7px 5px 4px; }

#downloadIndex #contentsBox {
  border: #663311 solid 1px;
  border-radius: 5px;
  position: relative;
  padding: 15px 9px 9px; }
  #downloadIndex #contentsBox .titleBox {
    text-align: center;
    padding-bottom: 12px; }
    #downloadIndex #contentsBox .titleBox h1 {
      line-height: 10px; }
#downloadIndex .leadTxt {
  padding-top: 8px;
  display: inline-block;
  line-height: 1.4;
  font-size: 12px;
  padding-left: 2px; }
#downloadIndex .contentsInner {
  border: #663311 solid 1px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  background-color: #ffff99;
  padding: 16px 9px 5px; }
#downloadIndex .wallThumb {
  text-align: center; }
  #downloadIndex .wallThumb img {
    min-width: 130px;
    height: auto;
    width: 40%; }
#downloadIndex .downloadLink {
  padding: 10px 0 15px; }
  #downloadIndex .downloadLink ul {
    overflow: hidden;
    text-align: center;
    padding: 5px 0; }
  #downloadIndex .downloadLink li {
    display: inline-block;
    margin: 0 4px;
    width: 44%;
    line-height: 5px; }
    #downloadIndex .downloadLink li a, #downloadIndex .downloadLink li span {
      padding: 7px 5px;
      background-color: #ff7c00;
      display: block;
      border-radius: 5px; }
    #downloadIndex .downloadLink li span {
      background-color: #959595; }

/*--------------------------------------------

calendarページ

--------------------------------------------*/
.calendar img {
  vertical-align: middle; }

.dlBox {
  zoom: 1;
  margin-bottom: 20px; }
  .dlBox:before, .dlBox:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .dlBox:after {
    clear: both; }
  .dlBox .dlBox__cell .dlBox__ttl {
    width: 98px;
    margin: 0 auto 15px; }

.dlBox__cell.imgCalendar {
  width: 127px;
  padding-left: 5px;
  float: left; }

.dlBox__cell.data {
  margin-left: 127px;
  padding: 5px 5px 0px 15px; }

.dlBtnList .dlBtnList__btn {
  border-radius: 4px;
  background-color: #ff7c00;
  margin-bottom: 5px;
  line-height: 2.4;
  padding-top: 2px; }
  .dlBtnList .dlBtnList__btn a {
    display: block;
    color: #fffdd4;
    letter-spacing: 0.025em; }

.iconBanana {
  background-image: url(../../calendar/images/banana.png), url(../../calendar/images/banana.png);
  background-repeat: no-repeat,no-repeat;
  background-position: left center,right center;
  background-size: 20px 17px; }

#printIndex #contentsBox {
  border: #663311 solid 1px;
  border-radius: 5px;
  position: relative;
  padding: 15px 9px 9px;
  background: url(../../print/images/bg_frame_01.png) repeat-x center top;
  -moz-background-size: 28px 6px;
  -webkit-background-size: 28px 6px;
  background-size: 28px 6px; }
  #printIndex #contentsBox .titleBox {
    text-align: center;
    padding-bottom: 12px; }
    #printIndex #contentsBox .titleBox h1 {
      line-height: 10px; }
#printIndex .leadTxt {
  padding-top: 8px;
  display: inline-block;
  line-height: 1.4;
  font-size: 12px;
  padding-left: 2px; }
#printIndex .contentsInner {
  border: #663311 solid 1px;
  border-radius: 5px;
  position: relative;
  text-align: center;
  background-color: #ffff99;
  padding: 16px 4px 5px; }
#printIndex .linkList {
  width: 414px;
  margin: 0 auto;
  padding-left: 5px; }
  #printIndex .linkList ul {
    overflow: hidden; }
  #printIndex .linkList li {
    padding-right: 5px;
    padding-bottom: 10px;
    float: left;
    height: 91px; }
  @media only screen and (max-width: 466px) {
    #printIndex .linkList {
      width: 345px; } }
  @media screen and (max-width: 397px) {
    #printIndex .linkList {
      width: 276px; } }
  #printIndex .linkList .note01 {
    text-align: left;
    font-size: 9px;
    padding-bottom: 5px; }
#printIndex .note02 {
  padding: 10px 15px 0px;
  font-size: 9px; }