@charset "Shift_JIS";
.clear {
    clear: both;
}
.clear hr {
    display: none;
}
.nodis {
    display: none;
}
body {
    font-size: 13px;
    background: #fff;
    color: #000;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    transform: rotate(.03deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden
}
hr {
    height: 1px;
    border: none;
    border-top: 1px #ea359a dotted;
    margin: 15px 0px 5px 0px;
}
#wrapper {
    margin: 0px auto;
    padding: 0px;
    background: url(../img/bg_side.jpg) center top repeat-y;
}
#side {
    margin: 0px auto;
    padding: 0px;
}
/* ========== header ========== */
header {
    width: 100%;
    height: 340px;
}
header h1 {
    margin: 0px auto;
    padding: 8px 0px;
    background: #fddce9;
    font-size: 12px;
    font-weight: normal;
    text-align: center
}
.header-wrapper {
    max-width: 1500px;
    margin: 0px auto;
    padding: 0px;
}
/* ========== footer ========== */
footer {
    width: 100%;
    height: 143px;
    background: url(../img/footer-bg.png) left top repeat;
    margin: 0px;
}
.footer-wrapper {
    width: 1085px;
    margin: 0px auto;
    padding: 0px;
}
.footer-wrapper .left {
    float: left;
    width: 185px;
    margin: 0px;
    padding-top: 30px;
}
.footer-wrapper .right {
    float: right;
    width: 900px;
    margin: 0px;
    color: #000;
    padding-top: 35px;
    text-align: right;
    line-height: 2em;
}
.link a {
    color: #000;
}
.copyright {
    margin: 0px;
    padding-top: 10px;
    color: #fff;
}
/* ========== nav ========== */
nav.main-nav {
    height: 69px;
    margin: 0px auto;
    margin-top: -4px;
    padding: 0px;
    background: url(../img/navi-bg.png) center top repeat-x;
}
nav.main-nav ul {
    width: 1269px;
    margin: 0px auto;
    padding: 0px;
}
nav.main-nav li {
    float: left;
    margin: 0px;
    padding: 0px;
}
/* ========== contents ========== */
.contents {
    width: 1148px;
    margin: 0px auto;
    margin-top: -6px;
    padding: 0px;
    background: url(../img/contents-bg.png) center top repeat-y;
    position: relative;
    display: block;
}
.main-contents {
    width: 1085px;
    margin: 0px auto;
    padding: 0px;
}
.left-contents {
    display: table-cell;
    vertical-align: top;
    width: 285px;
    margin: 0px;
    padding-top: 10px;
}
.right-contents {
    display: table-cell;
    vertical-align: top;
    width: 800px;
    margin: 0px;
    padding-top: 25px;
}
.right-contents-sub {
    display: flex;
    flex-wrap: wrap;
}
.right-contents-sub .info {
    width: 500px;
}
.right-contents-sub .info .tit {
    width: 500px;
    overflow: hidden
}
.right-contents-sub .info .tit img {
    width: 710px
}
.right-contents-sub .pickup {
    width: 280px;
    margin-left: 20px
}
.pickup .tit {
    padding-bottom: 15px
}
.pickup .image img {
    border-radius: 20px;
}
.pickup .data {
    margin-top: 10px;
    padding: 15px 0;
    background: #dc4679;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    text-align: center
}
.pickup .data .name {
    padding-bottom: 5px;
    color: #ff0;
    font-size: 18px
}
.pickup .size {
    font-size: 14px
}
.pickup .comment {
    width: auto;
    margin-top: 10px;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.pickup .comment .inner {
    height: 270px;
    overflow-y: auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5
}
.pickup .comment strong {
    font-weight: bold
}
/* ========== pickupevent ========== */
.pickupevent {
    margin-top: 0px;
    padding: 0px;
}
.banner-contents {
    margin: 0px;
    padding-top: 10px;
}
.twitter-contents {
    width: 265px;
    height: 730px;
    margin-top: 15px;
    padding: 0px;
    background: url(../img/twitter.png) center top no-repeat;
}
.twitter-contents .box {
    margin: 0px;
    padding: 80px 10px 0px 10px;
}
/* ========== info ========== */
.info2 {
    width: 500px;
    margin-top: 20px;
    padding: 5px 0;
    background: url(../img/schedule_bg.jpg) center top repeat-y;
    background-size: 100% auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.5)
}
.info2 .area {
    margin: 20px;
    padding: 20px 0;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.4);
}
.info2 .box {
    height: 625px;
    margin: 0px;
    padding: 20px;
    overflow: auto;
}
.info2 .detail {
    margin: 0px;
    padding: 0px;
    color: #000;
}
.info2 .title {
    margin-top: -20px;
    padding: 0px;
}
.info2 .title p {
    margin: 0px;
    padding: 0px;
    color: #e45782;
    font-size: 20px;
    font-weight: bold;
}
.info2 .title p span {
    font-size: 12px;
}
.info2 .come {
    margin: 0px;
    padding: 0px;
    font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;
    line-height: 1.3;
}
.info2 .come strong {
    font-weight: bold
}
.info2 .image {
    float: left;
    margin-right: 10px;
    padding: 0px;
}
.info2 .image img {
    border: 2px solid #a70e6a;
}
.topbanner {
    width: 800px;
    margin: 0px;
    padding-top: 16px;
}
.topbanner_left {
    float: left;
    width: 410px;
    margin: 0px;
    padding: 0px;
}
.topbanner_right {
    float: right;
    width: 390px;
    margin: 0px;
    padding: 0px;
}
/* ========== mailmagazine ========== */
.mailmagazine {
    width: 780px;
    height: 203px;
    margin-top: 20px;
    padding-left: 20px;
    background: url(../img/mailmagazine.png) no-repeat;
}
.mailmagazine p {
    margin: 0px;
    padding-top: 160px;
    font-size: 12px;
}
.mailmagazine-form {
    width: 250px;
    height: 25px;
    background: #000;
    color: #fff;
    border: 1px solid #9c8450;
}
.mailmagazine-sent {
    width: 70px;
    padding: 5px;
    border: 1px solid #aaa;
}
.mailmagazine-bg {
    width: 780px;
    height: 295px;
    background: url(../img/mailmagazine-bg.jpg) no-repeat;
    background-size: 100% auto;
    margin-top: 16px;
    padding-left: 20px;
}
.mailmagazine-bg .inner {
    margin: 0px;
    padding-top: 165px;
    font-size: 12px;
    font-weight: bold
}
.mailmagazine-bg .text {
    padding-top: 5px;
    font-weight: bold;
    line-height: 1.3;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.mailmagazine-side {
    padding: 10px 0 0;
    font-weight: bold;
}
.mailmagazine-side .text {
    width: 270px;
    padding: 10px 0 0;
    font-size: 12px;
    line-height: 1.3;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
/* ========== coverevent ========== */
.cover-event {
    margin: 0px;
    padding-top: 20px;
}
.cover-event img {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
/* ========== today ========== */
.today {
    margin: 0px;
    padding-top: 20px;
}
.day {
    width: 1085px;
    height: 32px;
    margin: 0px;
    padding: 0px;
    background: url(../img/day-tit.png) no-repeat;
}
.day p {
    margin: 0px;
    padding: 8px 0px 0px 35px;
    color: #d54374;
    font-size: 16px;
    font-weight: bold;
}
.spanbox_bg {
    margin: 0px;
    padding: 0px;
}
.spanbox {
    float: left;
    width: 151px;
    margin: 10px 1px 10px 1px;
    padding: 0px;
    background: #e77ca0;
    border: 1px dotted #d54374;
}
.spanbox p {
    margin: 0px;
    padding: 10px 0;
    font-size: 16px;
    text-align: center;
}
a .spanbox {
    background-color: #e77ca0;
    color: #fff;
    font-weight: bold;
}
a:hover .spanbox {
    background-color: #d54374;
    color: #fff;
}
/* ========== schedule ========== */
.schedule-bg {
    width: auto;
    margin: 0px auto;
    margin-top: 15px;
    padding: 20px 15px;
    background: url(../img/schedule_bg.jpg) center top repeat-y;
    background-size: 100% auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.5)
}
.schedule {
    margin: 0px auto;
    padding: 0px;
}
.schedule ul {
    display: flex;
    flex-wrap: wrap;
    width: 1040px;
    margin: 0px auto;
    padding-top: 10px;
}
.schedule li {
    width: calc(100% / 4);
    padding-bottom: 20px
}
.schedule .detail {
    width: 240px;
    height: 585px;
    margin: auto;
    font-weight: bold;
    background: url(../img/schedule-01.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    border-radius: 6px
}
.schedule .detail .type {
    width: 150px;
    height: 30px;
    margin: auto;
    padding: 10px 0 5px;
}
.schedule .detail .type img {
    width: 100%;
}
.schedule .detail .image {
    margin: 0px;
    padding: 0px 0px 5px 0px;
}
.schedule .detail .image img {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
}
.schedule .detail .name {
    margin: 5px 8px 0px 8px;
    padding: 8px;
    background: #ef82a4;
    font-size: 16px;
    color: #fff;
}
.schedule .detail .size {
    margin: 0px 8px 2px 8px;
    padding: 8px;
    background: #fff;
    color: #000;
    font-size: 13px;
}
.schedule .detail .icon_l {
    margin-bottom: 5px
}
.schedule .detail .icon {
    width: 95%;
    height: 35px;
    margin: auto;
    padding: 5px 0
}
.schedule .detail .icon img {
    width: 100%
}
.schedule .detail .icon p {
    padding: 1px
}
.schedule .detail .icon .left {
    float: left;
    width: 50%
}
.schedule .detail .icon .right {
    float: left;
    width: 50%
}
.schedule .detail .deli {
    position: absolute;
    top: 320px;
    right: 10px
}
.schedule .detail .time {
    padding: 6px 0px;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.schedule .detail .icon_newface {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -5px;
}
.schedule .detail .icon_24 {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -8px;
    left: 108px;
}
.schedule .detail .ranking-icon {
    width: 160px;
    margin: auto
}
.schedule .detail2 {
    float: left;
    width: 240px;
    height: 545px;
    margin: auto;
    font-weight: bold;
    background: url(../img/schedule-02.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    border-radius: 6px
}
.schedule .detail2 .image {
    margin: 0px;
    padding: 0px 0px 5px 0px;
}
.schedule .detail2 .image img {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
}
.schedule .detail2 .name {
    margin: 5px 8px 0px 8px;
    padding: 8px;
    background: #ef82a4;
    font-size: 16px;
    color: #fff;
}
.schedule .detail2 .size {
    margin: 0px 8px 2px 8px;
    padding: 8px;
    background: #fff;
    color: #000;
    font-size: 13px;
}
.schedule .detail2 .icon {
    width: 95%;
    height: 35px;
    margin: auto;
    padding: 5px 0
}
.schedule .detail2 .icon img {
    width: 100%
}
.schedule .detail2 .icon p {
    padding: 1px
}
.schedule .detail2 .icon .left {
    float: left;
    width: 50%
}
.schedule .detail2 .icon .right {
    float: left;
    width: 50%
}
.schedule .detail2 .deli {
    position: absolute;
    top: 310px;
    right: 5px
}
.schedule .detail2 .time {
    padding: 6px 0px;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.schedule .detail2 .icon_newface {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -5px;
}
.schedule .detail2 .icon_24 {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -8px;
    left: 108px;
}
.schedule .detail2 .ranking-icon {
    width: 160px;
    margin: auto
}
.schedule .detail3 {
    float: left;
    width: 240px;
    height: 545px;
    margin: auto;
    font-weight: bold;
    background: url(../img/schedule-03.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    border-radius: 6px
}
.schedule .detail3 .image {
    margin: 0px;
    padding: 0px 0px 5px 0px;
}
.schedule .detail3 .image img {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
}
.schedule .detail3 .name {
    margin: 5px 8px 0px 8px;
    padding: 8px;
    background: #ef82a4;
    font-size: 16px;
    color: #fff;
}
.schedule .detail3 .size {
    margin: 0px 8px 2px 8px;
    padding: 8px;
    background: #fff;
    color: #000;
    font-size: 13px;
}
.schedule .detail3 .icon {
    width: 95%;
    height: 35px;
    margin: auto;
    padding: 5px 0
}
.schedule .detail3 .icon img {
    width: 100%
}
.schedule .detail3 .icon p {
    padding: 1px
}
.schedule .detail3 .icon .left {
    float: left;
    width: 50%
}
.schedule .detail3 .icon .right {
    float: left;
    width: 50%
}
.schedule .detail3 .deli {
    position: absolute;
    top: 310px;
    right: 5px
}
.schedule .detail3 .time {
    padding: 6px 0px;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.schedule .detail3 .icon_newface {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -5px;
}
.schedule .detail3 .icon_24 {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -8px;
    left: 108px;
}
.schedule .detail3 .ranking-icon {
    width: 160px;
    margin: auto
}
.schedule .twitter-icon {
    position: absolute;
    top: 280px;
    left: 15px;
}
.schedule .diary-icon {
    position: absolute;
    top: 280px;
    left: 70px;
}
.schedule .soldout {
    position: absolute;
    top: 225px;
    right: 0px;
}
.schedule .soldout img {
    width: 120px;
    height: 120px
}
.schedule .detail .icon-av {
    margin: 0px;
    padding: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
/* ========== index ========== */
.index h1 {
    margin: 0px auto;
    padding: 8px 0px;
    background: #fddce9;
    font-size: 12px;
    font-weight: normal;
    text-align: center
}
/* ========== ranking ========== */
.ranking-bg {
    width: 1085px;
    margin: 0px auto;
    margin-top: 15px;
}
.ranking {
    margin: 0px auto;
    padding: 0px;
}
.ranking .box {
    width: 1090px;
    margin: 0px auto;
    padding-top: 10px;
}
.ranking .box .detail {
    float: left;
    width: 206px;
    margin: 0px 5px 16px 5px;
    padding: 0px;
    background: url(../img/ranking-bg.png) center top no-repeat;
    border: 1px solid #9c0a62;
    text-align: center;
    position: relative;
}
.ranking .box .detail .image {
    margin: 0px;
    padding: 10px 0px 5px 0px;
}
.ranking .box .detail .name {
    margin: 0px;
    padding: 8px;
    background: #292929;
    font-size: 16px;
    color: #fff;
    font-weight: bold
}
.ranking .box .detail .size {
    margin: 0px 0px 5px 0px;
    padding: 8px 0;
    background: #d6d1b4;
    color: #6a6443;
    font-size: 13px;
    font-weight: bold;
}
.ranking .box .detail .icon {
    position: absolute;
    top: -15px;
    left: 140px;
}
.ranking .box .detail .time {
    width: 205px;
    height: 37px;
    margin-left: 20px;
    padding-top: 9px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    background: url(../img/schedule-time.png) no-repeat;
    position: absolute;
    top: 300px;
}
.ranking .box .detail .icon_newface {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -5px;
}
.ranking2 {
    margin: 0px auto;
    padding: 0px;
}
.ranking2 .box {
    width: 1000px;
    margin: 0px auto;
    padding-top: 10px;
}
.ranking2 .box .detail {
    float: left;
    width: calc(100% / 3);
}
.ranking2 .box .detail .frame {
    width: 206px;
    margin: 0px auto;
    padding: 0px;
    background: url(../img/ranking-bg.png) center top no-repeat;
    border: 1px solid #9c0a62;
    text-align: center;
    position: relative;
}
.ranking2 .box .detail .image {
    margin: 0px;
    padding: 10px 0px 5px 0px;
}
.ranking2 .box .detail .name {
    margin: 0px;
    padding: 8px;
    background: #292929;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.ranking2 .box .detail .size {
    margin: 0px 0px 5px 0px;
    padding: 8px;
    background: #d6d1b4;
    color: #6a6443;
    font-size: 13px;
    font-weight: bold;
}
.ranking2 .box .detail .icon {
    position: absolute;
    top: -15px;
    left: 140px;
}
.ranking2 .box .detail .time {
    width: 205px;
    height: 37px;
    margin-left: 20px;
    padding-top: 9px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    background: url(../img/schedule-time.png) no-repeat;
    position: absolute;
    top: 300px;
}
.ranking2 .box .detail .icon_newface {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -5px;
}
.ranking3 {
    margin: 0px auto;
    padding: 0px;
}
.ranking3 .box {
    width: 1080px;
    margin: 0px auto;
    padding-top: 10px;
}
.ranking3 .box .detail {
    float: left;
    width: calc(100% / 5);
}
.ranking3 .box .detail .frame {
    width: 206px;
    margin: 5px;
    padding: 0px;
    background: url(../img/ranking-bg.png) center top no-repeat;
    border: 1px solid #9c0a62;
    text-align: center;
    position: relative;
}
.ranking3 .box .detail .image {
    margin: 0px;
    padding: 10px 0px 5px 0px;
}
.ranking3 .box .detail .name {
    margin: 0px;
    padding: 8px;
    background: #292929;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.ranking3 .box .detail .size {
    margin: 0px 0px 5px 0px;
    padding: 8px;
    background: #d6d1b4;
    color: #6a6443;
    font-size: 13px;
    font-weight: bold;
}
.ranking3 .box .detail .icon {
    position: absolute;
    top: -15px;
    left: 140px;
}
.ranking3 .box .detail .time {
    width: 205px;
    height: 37px;
    margin-left: 20px;
    padding-top: 9px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    background: url(../img/schedule-time.png) no-repeat;
    position: absolute;
    top: 300px;
}
.ranking3 .box .detail .icon_newface {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -5px;
}
.dendouiri {
    width: 300px;
    margin: auto;
    background: url(../img/fame_bg.jpg);
    background-size: cover;
}
.dendouiri ul {
    padding: 15px;
}
.dendouiri .image {
    width: 100%;
    margin: auto;
}
.dendouiri .image img {
    width: 100%
}
.dendouiri .data {
    padding: 20px 0 0;
    font-weight: bold;
    text-align: center
}
.dendouiri .name {
    font-size: 23px;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.dendouiri .size {
    padding: 10px 0 10px 5px;
    font-size: 16px;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.dendouiri .comment {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
}
.dendouiri .comment .inner {
    overflow-y: auto;
    height: 540px;
    font-size: 16px;
}
/* ========== guide ========== */
.guide {
    padding-bottom: 35px
}
.guide dl {
    display: flex;
    flex-wrap: wrap;
    width: 560px;
    margin: auto;
    padding-bottom: 20px
}
.guide .arrow i {
    display: block;
    padding-top: 10px;
    color: #ff2da0;
    font-size: 30px;
    text-align: center
}
.guide-btn {
    display: inline-block;
    background-color: #e05b87;
    color: #FFF;
    width: 260px;
    margin: 10px;
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 1px #000;
    border-radius: 6px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -webkit-tap-highlight-color: transparent;
    transition: .2s ease-out;
    text-align: center
}
.guide-btn:hover {
    cursor: pointer;
    text-decoration: none;
    transform: translateY(-4px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 7px -2px rgba(0, 0, 0, 0.2);
}
.guide-btn span {
    color: #ff0;
    font-size: 22px
}
.guide-step {
    padding: 5px;
    text-align: center;
}
.guide-text {
    width: auto;
    margin: 0 10px;
    padding: 10px;
    border: 1px solid #ff2da0;
    font-size: 1.1rem;
    font-weight: bold;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 1.5;
}
.guide-text a {
    color: #ff2da0;
}
.guide-text span {
    color: #00b0ff;
    font-size: 16px;
}
.guide-text .staff {
    color: #00e826;
    font-size: 18px;
}
.guide-text .hissu {
    color: #f00;
    font-size: 20px
}
.matter {
    font-size: 14px;
    line-height: 1.5
}
.tousatsu {
    width: 750px;
    padding: 25px;
    background: #ed78a1
}
.tousatsu .inner {
    background: #fff;
    padding: 25px;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    line-height: 1.5;
}
.tousatsu .inner span {
    display: block;
    color: #de2c6a;
    font-size: 20px
}
.kinshi {
    width: auto;
    margin: 20px 0;
    padding: 30px;
    border: 1px solid #ff2da0;
    font-size: 12px;
    font-weight: bold;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 1.5;
}
.kinshi li {
    padding: 5px 0;
    border-bottom: 1px dotted #fbd4e1;
}
.kinshi li:last-child {
    border-bottom: 0px dotted #fbd4e1;
}
.nyukaikin {
    width: 800px;
    margin: auto
}
.nyukaikin img {
    width: 800px
}
.areamap {
    width: 760px;
    margin: auto;
}
.areamap ul {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    padding: 20px;
    background: #fff;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 5px 5px rgba(235, 108, 165, 0.5)
}
.areamap .text {
    width: 100%;
    padding-top: 10px;
    font-size: 1rem;
    line-height: 1.3
}
.areamap .text small {
    font-size: 13px
}
.areamap .image {
    width: 50%;
    padding-top: 30px
}
.areamap .image img {
    width: 360px;
    margin-left: 10px
}
.areamap .text-01 {
    color: #f00;
    font-weight: bold;
    font-size: 1.2rem
}
.areamap .text-02 {
    color: #00c4ff;
    font-weight: bold;
    font-size: 1.1rem
}
.areamap .text-03 {
    color: #ff00ff;
    font-weight: bold;
    font-size: 1.1rem
}
.areamap .text-04 {
    color: #e3d600;
    font-weight: bold;
    font-size: 1.1rem
}
.areamap .text-05 {
    color: #8ad900;
    font-weight: bold;
    font-size: 1.1rem
}
.option {
    position: relative;
}
.option .cos-click {
    position: absolute;
    top: 5px;
    left: 7px
}
.option .cos-click img {
    width: 50%
}
.costume {
    width: 800px;
    margin: auto;
    padding: 30px 0px;
}
.costume ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.costume li {
    width: calc(100% / 3);
    padding-bottom: 20px;
    text-align: center;
}
.costume li .detail {
    width: 95%;
    margin: auto;
    border: 1px solid #e46686
}
.costume li .detail img {
    width: 100%
}
.costume .name {
    padding: 12px 0;
    background: #e46686;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center
}
/* ========== discount ========== */
.discount-text {
    line-height: 2em;
}
.discount-banner {
    text-align: center;
}
/* ========== pagetop ========== */
.page-top {
    width: 1050px;
    margin: 0ox auto;
    margin-bottom: -15px;
    padding-top: 20px;
    text-align: right;
}
/* ========== profile ========== */
.profile {
    width: 1085px;
    margin: 0px auto;
    padding-top: 20px;
}
.profile_left {
    float: left;
    width: 640px;
    margin: 0px;
    padding: 0px;
}
.profile_center {
    float: left;
    width: 135px;
    margin: 0px;
    padding: 0px;
}
.profile_right {
    float: left;
    width: 445px;
    margin: 0px;
    padding: 0px;
}
.profile_right h2 {
    display: block;
    padding: 5px 0;
    font-size: 28px;
    font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif
}
.profile_right h3 {
    font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;
}
.profile-middle {
    width: 1085px;
}
.profile-middle ul {
    display: flex;
    flex-wrap: wrap;
}
.profile-middle .comment {
    width: 775px
}
.profile-middle .douga {
    width: 310px;
}
.profile_photo {
    width: 600px;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.3)
}
.profile_photo img {
    border: 1px solid #ff51b2;
}
.photo_s {
    float: left;
    margin: 15px 9px 0px 0px;
    border: 1px solid #ff51b2;
}
.profile_name_age {
    margin: 0px;
    padding: 0px;
    width: 470px;
    height: 51px;
    margin: 0px;
    padding: 0px;
    background: url("../img/profile_name_age.png") no-repeat;
}
.profile_name_age .left {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 300px;
}
.profile_name_age .left p {
    margin: 0px;
    padding: 18px 0px 0px 60px;
    color: #fff;
    font-size: 25px;
    font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;
}
.profile_name_age .right {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 170px;
}
.profile_name_age .right p {
    margin: 0px;
    padding: 18px 0px 0px 55px;
    color: #ff6a72;
    font-size: 25px;
    font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;
}
.profile_size {
    margin: 0px;
    padding: 0px;
    width: 470px;
    height: 43px;
    margin: 0px;
    padding: 0px;
    background: url("../img/profile_size.png") no-repeat;
}
.profile_size .left {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 300px;
}
.profile_size .left p {
    margin: 0px;
    padding: 15px 0px 0px 58px;
    color: #fff;
    font-size: 18px;
    font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;
}
.profile_size .right {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 170px;
}
.profile_size .right p {
    margin: 0px;
    padding: 24px 0px 0px 50px;
    color: #fff;
    font-size: 13px;
    font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;
}
.profile-come {
    width: 725px;
    margin: 10px 0px 20px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    line-height: 1.8em;
    box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.3)
}
.profile-come-sub {
    width: 100%;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.3)
}
.profile-come-sub .inner {
    height: 300px;
    overflow-y: auto;
    padding: 15px;
    line-height: 1.8em;
}
.profile-come-sub .inner strong {
    font-weight: bold
}
.profile_contents {
    width: 445px;
    margin-bottom: 0px;
    padding: 10px 0;
    border-bottom: 1px dotted #fff;
    font-weight: bold
}
.profile_contents-left {
    padding-bottom: 3px;
    color: #e45782;
    line-height: 1.8em;
    font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif
}
.profile_contents-right {}
.profile_ok {
    float: left;
    width: 150px;
    margin: 0px 1.5px 3px 1.5px;
    padding: 10px 0;
    text-align: center;
    background: -moz-linear-gradient(top, #fb5a80, #fa315f);
    background: -webkit-linear-gradient(top, #fb5a80, #fa315f);
    background: linear-gradient(to bottom, #fb5a80, #fa315f);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
}
.profile_ng {
    float: left;
    width: 150px;
    margin: 0px 1.5px 3px 1.5px;
    padding: 10px 0;
    text-align: center;
    background: -moz-linear-gradient(top, #a3a3a3, #8e8e8e);
    background: -webkit-linear-gradient(top, #a3a3a3, #8e8e8e);
    background: linear-gradient(to bottom, #a3a3a3, #8e8e8e);
    font-size: 16px;
    font-weight: bold;
    color: #d9d9d9;
    border-radius: 3px;
}
.profile_sp {
    float: left;
    width: 150px;
    margin: 0px 1.5px 3px 1.5px;
    padding: 10px 0;
    text-align: center;
    background: #eab92d;
    background: -moz-linear-gradient(top, #eab92d 0%, #c69100 100%);
    background: -webkit-linear-gradient(top, #eab92d 0%, #c69100 100%);
    background: linear-gradient(to bottom, #eab92d 0%, #c69100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eab92d', endColorstr='#c69100', GradientType=0);
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
}
.option-text {
    padding: 15px 0;
    font-size: 20px;
    font-weight: bold;
}
.color-01 {
    color: #fa315f;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.color-02 {
    color: #8e8e8e;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.color-03 {
    color: #c69100;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
/* ========== map ========== */
.map {
    width: 800px;
    margin: 0px;
    padding: 0px;
}
.map .left {
    float: left;
    width: 288px;
    margin: 0px;
    padding: 0px;
}
.map .right {
    float: right;
    width: 512px;
    margin: 0px;
    padding: 0px;
}
.way p {
    padding: 10px;
    font-size: 1.3rem;
    font-weight: bold;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
    line-height: 1.5
}
.way span {
    color: #ff2da0;
    font-size: 1.6rem
}
.ikebus {
    padding: 20px 0;
    text-align: center
}
.ikebus .text {
    padding: 20px;
    color: #dc0000;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6
}
.ikebus .text_02 {
    padding: 20px;
    color: #dc0000;
    font-size: 30px;
    font-weight: bold;
}
.ikebus .image_02 {
    width: 800px;
    margin: auto
}
.ikebus .price {
    background: #dc0000;
    padding: 30px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    ;
    line-height: 1.2;
    text-align: center
}
.ikebus .price span {
    display: block
}
/* ========== recruit ========== */
.recruit-tit {
    margin-top: -5px;
    padding-left: 6px;
}
.recruit-text {
    padding: 10px;
    font-size: 13px;
    line-height: 1.8em;
}
.recruit-tab td {
    padding: 5px;
}
.recruit {
    width: 740px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.3)
}
.recruit h2 {
    padding-bottom: 20px;
    color: #a61d56;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2
}
.recruit .text {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6
}
.recruit .text span {
    color: #a61d56;
    font-size: 18px;
}
.recruit .text_en {
    padding-bottom: 20px;
    font-size: 13px;
    line-height: 1.5
}
.recruit .text_jp {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5
}
.recruit .recruit_movie {
    float: left;
    margin-right: 15px
}
.recruit_table {
    margin-top: 20px
}
.recruit_table table {
    border-collapse: collapse;
    border-top: 1px solid #e25387;
    border-left: 1px solid #e25387;
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.5
}
.recruit_table th {
    width: 150px;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e25387;
    border-right: 1px solid #e25387;
    background: rgb(255, 229, 238);
    background: linear-gradient(0deg, rgba(255, 229, 238, 1) 0%, rgba(255, 241, 246, 1) 100%);
    color: #e4145f;
    font-size: 15px;
    font-weight: bold;
    text-align: center
}
.recruit_table td {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #e25387;
    border-right: 1px solid #e25387;
}
.recruit_table td a {
    color: #a70e6a;
    font-weight: bold;
    text-decoration: underline
}
.recruit_table .list {
    float: left;
    width: auto;
    background: rgb(255, 128, 0);
    background: linear-gradient(0deg, rgba(255, 128, 0, 1) 0%, rgba(255, 156, 0, 1) 100%);
    margin: 2px;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center
}
.grad-wrap {
    position: relative;
}
.grad-wrap + .grad-wrap {
    margin-top: 40px;
}
.grad-btn {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 148px;
    margin: auto;
    padding: 10px 0;
    border-radius: 2px;
    background: #e44881;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.grad-btn::after {
    content: "続きを読む"
}
.grad-btn:hover {
    background: #fff;
    color: #e44881;
}
.grad-btn .fa {
    margin-right: .5em;
}
.grad-item {
    position: relative;
    overflow: hidden;
    height: 380px;
}
.grad-item p + p {
    margin-top: 1em;
}
.grad-item::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 40px; /*グラデーションで隠す範囲*/
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
}
.grad-trigger {
    display: none;
}
.grad-trigger:checked ~ .grad-btn {
    bottom: -1em;
}
.grad-trigger:checked ~ .grad-btn::after {
    content: "閉じる"
}
.grad-trigger:checked ~ .grad-btn .fa {
    transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item {
    height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
    display: none;
}
.btn, a.btn, button.btn {
    width: 150px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    text-shadow: 0px 1px 1px #000;
    border-radius: 0.25rem;
}
a.btn_tel {
    color: #fff;
    background-color: #f74d99;
    border-bottom: 5px solid #d21569;
}
a.btn_tel:hover {
    margin-top: 3px;
    color: #fff;
    background: #f74d99;
    border-bottom: 2px solid #d21569;
}
a.btn_line {
    color: #fff;
    background-color: #19bc03;
    border-bottom: 5px solid #119000
}
a.btn_line:hover {
    margin-top: 3px;
    color: #fff;
    background: #19bc03;
    border-bottom: 2px solid #119000
}
a.btn_line i {
    font-weight: normal
}
a.btn_mail {
    color: #fff;
    background-color: #fff100;
    border-bottom: 5px solid #ccc100;
}
a.btn_mail:hover {
    margin-top: 3px;
    color: #fff;
    background: #fff20a;
    border-bottom: 2px solid #ccc100;
}
/* ========== card ========== */
.card-text {
    width: auto;
    margin: 10px;
    padding: 20px;
    background: #fff;
    font-size: 1.1rem;
	color: #b43274;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.4);
    line-height: 1.5
}
.card-text h2 {
	display: block;
	margin: 25px 0 10px;
    padding: 0.25em 0em;
	color: black;
    font-size: 1.5rem;
    font-weight: bold;
    background: transparent;
    border-left: solid 5px #f67ea6;
}
.card-text-sub {
    padding-bottom: 25px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5
}
.card-table {
    width: auto;
    margin: 7px;
    font-size: 1.1rem;
    font-weight: bold;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
    line-height: 1.5
}
.card-table th {
    color: #ff2da0;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left
}
.color01 {
    color: #f2286b;
    font-size: 1.6rem
}
.color02 {
    color: #cc4297;
    font-size: 1.4rem
}
.color03 {
	display: block;
	margin-top: 10px;
    color: #f2286b;
    font-size: 1.2rem
}
.color04 {
	display: block;
	margin-top: 10px;
    color: #f2286b;
    font-size: 1.2rem
}
.manga {
    width: 800px;
    margin: auto;
    padding: 30px 0px;
}
.manga ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.manga li {
    width: calc(100% / 2);
    text-align: center;
}
.manga li img {
    width: 95%;
    margin: auto
}
.note {
    width: 740px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 13px;
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.3);
}
.note h2 {
    padding: 20px 0;
    color: #a61d56;
    font-size: 18px;
    font-weight: bold;
}
.note h3 {
    padding: 0 0 10px;
    color: #df4176;
    font-size: 18px;
    font-weight: bold;
}
.note span {
    display: block;
    color: #f00;
    font-size: 16px;
    font-weight: bold;
}
.note strong {
    display: block;
    padding-top: 10px;
    font-size: 14px;
    font-weight: bold;
}
.note ol {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
}
.note li {
    margin-bottom: 10px;
    padding-left: 50px;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    line-height: 2
}
.note li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #df4176;
    color: #fff;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 35px;
    margin-left: -50px;
    margin-right: 10px;
    text-align: center;
    height: 35px;
    width: 35px;
    border-radius: 50%;
}
.ease {
    font-family: ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, ＭＳ Ｐ明朝, MS PMincho, serif;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.ease .text-01 {
    color: #00bacb;
    font-size: 20px
}
.ease .text-02 {
    color: #3aa500;
    font-size: 20px
}
.ease .text-03 {
    color: #b400ff;
    font-size: 20px
}
.ease .text-04 {
    color: #f80;
    font-size: 20px
}
.ease .ease-01 {
    background: url(../img/ease-01.png) no-repeat;
    background-size: 100% auto;
    font-weight: bold;
    line-height: 2;
    text-align: center
}
.ease .ease-01 p {
    padding: 120px 0 20px
}
.ease .ease-01 span {
    display: block;
    padding: 10px 0;
    color: #f33583;
    font-size: 20px
}
.ease .ease-02 {
    background: url(../img/ease-02.png) no-repeat;
    background-size: 100% auto;
    font-weight: bold;
    line-height: 2;
    text-align: center
}
.ease .ease-02 p {
    padding: 100px 0 20px
}
.ease .ease-02 span {
    color: #f00;
    font-size: 20px
}
.ease .ease-03 {
    background: url(../img/ease-03.png) no-repeat;
    background-size: 100% auto;
    font-weight: bold;
    line-height: 2;
    text-align: center
}
.ease .ease-03 p {
    padding: 110px 0 20px
}
.ease .ease-04 {
    background: url(../img/ease-04.png) no-repeat;
    background-size: 100% auto;
    font-weight: bold;
    line-height: 2;
    text-align: center
}
.ease .ease-04 p {
    padding: 110px 0 20px
}
.ease .ease-05 {
    background: url(../img/ease-05.png) no-repeat;
    background-size: 100% auto;
    font-weight: bold;
    line-height: 2;
    text-align: center
}
.ease .ease-05 ul {
    padding: 110px 0 20px
}
.ease .ease-05 li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ff008e
}
.ease .ease-05 li:last-child {
    border-bottom: 0px
}
.ease .ease-05 li p {
    text-align: left
}
.ease .ease-05 li span {
    color: #f00;
    font-size: 20px
}
.ease .ease-05 .text {
    padding-bottom: 80px
}
/* 点滅 */
.blinking {
    font-size: 22px;
    -webkit-animation: blink 1.0s ease-in-out infinite alternate;
    -moz-animation: blink 1.0s ease-in-out infinite alternate;
    animation: blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes blink {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.button-wrapper {
    width: 700px;
    margin: 0px auto;
    padding: 0;
}
.button-wrapper-large {
    width: 700px;
    margin: 0 auto;
    padding: 0;
    height: 80px;
}
.button-wrapper .box {
    float: left;
    width: 350px;
    margin: 0px;
    padding: 0px;
}
.coder {
    border-spacing: 0;
    width: 100%;
}
.coder th, .coder td {
    width: 14%;
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #000;
    text-align: center;
}
.coder th {
    background: #ffd8e6;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color: #df4a81;
}
.coder th:last-child, .coder td:last-child {
    border-right: none;
    x
}
.coder tr:last-child td {
    border-bottom: none;
}
.coder-wrapper {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 1px 1px #ccc;
    border: 1px solid #ccc;
    width: 1085px;
    overflow: hidden;
}
p.marquee {
    -webkit-animation-name: marqueeAnimation;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: marqueeAnimation;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: marqueeAnimation;
    -ms-animation-timing-function: linear;
    -ms-animation-duration: 10s;
    -ms-animation-iteration-count: infinite;
    -o-animation-name: marqueeAnimation;
    -o-animation-timing-function: linear;
    -o-animation-duration: 10s;
    -o-animation-iteration-count: infinite;
    animation-name: marqueeAnimation;
    animation-timing-function: linear;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}
@-webkit-keyframes marqueeAnimation {
    0% {
        text-indent: 100%;
    }
    100% {
        text-indent: -50%;
    }
}
@-ms-keyframes marqueeAnimation {
    0% {
        text-indent: 100%;
    }
    100% {
        text-indent: -50%;
    }
}
@-moz-keyframes marqueeAnimation {
    0% {
        text-indent: 100%;
    }
    100% {
        text-indent: -50%;
    }
}
@-o-keyframes marqueeAnimation {
    0% {
        text-indent: 100%;
    }
    100% {
        text-indent: -50%;
    }
}
@keyframes marqueeAnimation {
    0% {
        text-indent: 100%;
    }
    100% {
        text-indent: -50%;
    }
}
.yoyaku-text {
    padding: 10px;
    color: #f00;
    font-size: 20px;
    font-weight: bold;
    line-height: 2
}
input[type="radio"], input[type="checkbox"] {
    position: relative;
    top: 3px;
}
input {
    border: 1px solid #bbb;
}
textarea {
    border: 1px solid #bbb;
}
.radio-plain {
    width: 20px;
    height: 20px;
    position: relative;
}
.hotel_title {
    font-size: 1.9rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6c669), to(#a36f12));
    height: 55px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
    border-top: 1px solid #f3dd8e;
    border-bottom: 1px solid #a65c1c;
}
.hotel_title small {
    display: block;
    margin-top: -22px;
    font-size: 13px;
}
.system-point {
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-shadow:
        #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.sort-choice {
    display: flex;
    justify-content: center;
    margin: 30px 0 40px;
    overflow: hidden;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
}
@media screen and (max-width: 767px) {
    .sort-choice {
        margin: 10px 0 20px;
        padding: 0 10px;
    }
}
.sort-choice input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.sort-choice label {
    width: 110px;
    background-color: #fff;
    color: #f2286b;
    text-align: center;
    font-size: 17px;
    line-height: 1;
    padding: 15px 0;
    margin-right: -1px;
    border: 1px solid #f2286b;
    transition: all 0.2s ease-in;
}
.sort-choice input:checked + label {
    background: linear-gradient(176deg, rgba(247, 66, 126, 1) 0%, rgba(242, 40, 107, 1) 100%);
    color: white;
}
.sort-choice:hover {
    cursor: pointer;
}
.sort-choice label:first-of-type {
    border-radius: 5px 0 0 5px;
}
.sort-choice label:last-of-type {
    border-radius: 0 5px 5px 0;
}