/*
Theme Name: Yumebanchi
Theme URI:
Author: BeRISE
Author URI: http://www.berse.co.jp/
Description: This is Yumebanchi Theme
Version: 1.0

* 2022/04/05 S.Ohara CHROMATRIBE
#129 メニュー修正

*/
body {
    min-width: 1200px
}
img {
    width: 100%
}
a {
    text-decoration: none;
    color: inherit
}
b, strong {
    font-weight: bold
}

.center { text-align: center}
.right { text-align: right}

.borderBox {
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    border: solid 1px #000;
}
.colorBox {
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.btn, .btn>a {
    display: block;
    cursor: pointer
}
.hover {
    opacity: .6; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=60); /* IE lt 8 */
    -ms-filter: "alpha(opacity=60)"; /* IE 8 */
    -khtml-opacity: .6; /* Safari 1.x */
    -moz-opacity: .6; /* FF lt 1.5, Netscape */
}
.fl {float: left}
.fr {float: right}
.box {
    width: 1190px;
    margin: 0 auto
}
.mini-box {
    width: 580px;
    margin: 0 auto
}
.returnTop {
    font-size: 5.0rem;
    text-align: center
}
.header {
    font-size: 1.4rem;
    color: #fff;
    line-height: 1;
    background-color: #34B2C2;
    position: fixed;
    width: 100%;
    z-index: 1;
}
.header-inner{
    width: 1190px;
    margin: 0 auto;
}
.header .gNav {
    position: relative;
    height: 48px;
}
.header .gNav a {
    text-decoration: none
}
.header .gNav>ul>li {
    position: relative;
    float: left;
    width: 170px;
    padding: 4px 0;
    text-align: center;
}
.gNav>ul>li>h1 {
    display: block;
    padding: 10px 0;
    border-right: solid 1px #fff;
}
.gNav>ul>li>a {
    display: block;
    padding: 13px 0;
    border-right: solid 1px #fff;
}
.header .gNav .logo {
    text-align: left;
}
.header .gNav .logo a {
    padding: 10px 0;
}
.gNav .logo img {
    height: 20px;
    width: auto;
}
.sub-menu {
    position: absolute;
    width: 170px;
    left: 0;
    top:48px;
    display: none
}
.gNav .sub-menu li {
    color: #000;
    padding: 1em 0;
    background-color: #fffafa;
    border-bottom: solid 1px #000;
}

.gNav .navLink {
    position: absolute;
    right: 0;
    top: 14px;
}
.gNav .navLink li {
    float: left;
    width: 45px;
    text-align: right;
}
.gNav .navLink li a {
    padding: 10px 0;
}
.gNav .navLink img {
    width: 20px;
}
.gNav .navLink .menu-trigger {
    display: none;
}

.main {
    padding-top:58px;
}

.footer {
    border-top: solid 1px #000;
    font-size: 1.0rem;
    padding: 1em 0
}
#menu-footer {
    margin-bottom: 1em;
}
#menu-footer li {
    display: inline;
    font-size: 1.2rem;
    padding-right: 2em
}

.footer .copyright {
    text-align: left
}
.main .logo {
    margin-top: 18px
}
.main .logo img {
    width: auto;
    height: 12px
}
.main .searchResult {
    margin-bottom: 30px;
}
.main .searchResult .title {
    font-size: 2.4rem;
    font-weight: bold;
    margin: 1em 0;
}
.searchResult label, .searchResult input {
    font-size: 1.6rem;
}
.searchResult h2 {
    font-size: 1.6rem;
    margin-top: 30px;
}
.searchResult ul {
    margin: 30px 0
}
.searchResult ul li {
    padding: 10px 0;
    border-bottom: dashed 1px #000
}
.searchResult ul li:first-child {
    border-top: dashed 1px #000
}
.searchResult ul li .thumb {
    float: left;
    width: 150px
}
.searchResult ul li .desc {
    font-size: 1.4rem;
    padding: 5px;
    margin-left: 160px
}

.main .archive-page .logo {
    margin-top: 18px
}
.main .archive-page .logo img {
    width: auto;
    height: 12px
}
.archive-page h1 {
    font-size: 2.2rem;
}
.archive-page ul {
    margin: 30px 0
}
.archive-page ul li {
    padding: 10px 0;
    border-bottom: dashed 1px #000
}
.archive-page ul li:first-child {
    border-top: dashed 1px #000
}
.archive-page ul li .thumb {
    float: left;
    width: 150px
}
.archive-page ul li .desc {
    font-size: 1.4rem;
    padding: 5px;
    margin-left: 160px
}
.archive-page .pageNavi {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
}
.archive-page .prevPage {
    float: left;
}
.archive-page .nextPage {
    float: right;
}
#newsList .desc a {
    font-size: 1.6rem;
}
#newsList .desc p {
    font-size: 1.2rem;
}
.howtoget a { text-decoration:underline }
.howtoget h1{
    font-size: 2.4rem;
    margin-top: 52px;
    margin-bottom: 1em
}
.howtoget .typesList h2 {
    font-size: 1.8rem;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #898989
}
.howtoget .typesList ul {
    overflow: hidden;
}
.howtoget .typesList ul li {
    float:left;
    font-size: 1.4rem;
    padding: 1em 1em
}
.howtoget .howtoList h2 {
    font-size: 1.8rem;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #898989
}
.howtoget .howtoList ul li {
    font-size: 1.4rem
}
.howtoget .howtoList ul li>h3 {
    font-size: 1.6rem;
}
.howtoget .howtoList ul li>p {
    padding-left: 1em
}
.playguide a { text-decoration:underline }
.playguide h1{
    font-size: 2.4rem;
    margin-top: 52px;
    margin-bottom: 1em
}
.playguide .shopList h2 {
    font-size: 1.8rem;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #898989
}
.playguide .shopList ul {
    overflow: hidden;
}
.playguide .shopList ul li {
    float:left;
    font-size: 1.4rem;
    padding: 1em 1em
}
.playguide .shopInfoList h2 {
    font-size: 1.8rem;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #898989
}
.playguide .shopInfoList ul li {
    font-size: 1.4rem
}
.playguide .shopInfoList ul li>h3 {
    font-size: 1.6rem;
}
.playguide .shopInfoList ul li>p {
    padding-left: 1em
}
.page404 { font-size: 1.4rem }
.page404 h1 { font-size: 2.6rem }
.page404 .link-topPage {
  text-align: center;
  margin: 2em 1em
}
.page404 .link-topPage a {
  color:#fff;
  padding: 1em;
  background-color:#999
}
.searchResult .pageNavi {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
}
.searchResult .prevPage {
    float: left;
}
.searchResult .nextPage {
    float: right;
}