﻿#bannerBox {
 padding: 20px 3.13% 0
}
#bannerBox > .inner {
 max-width: 100%;
 margin: 0 auto
}
#bannerBox .large, #bannerBox .large.-col4 {
 margin: 0;
 padding: 0;
 list-style-type: none
}
#bannerBox .large li, #bannerBox .large.-col4 li {
 float: none;
 width: 100%;
 margin: 0 0 20px
}
#bannerBox .small {
 display: block
}
#bannerBox .small .btn {
 display: none
}
#bannerBox .small .box {
 display: block
}
#bannerBox .small .box .inner {
 overflow: visible;
 width: auto
}
#bannerBox .small .box #js-banner li {
 width: 46.67%;
 height: auto;
 margin: 0 0 20px
}
#bannerBox .small .box #js-banner li:nth-child(odd) {
 float: left
}
#bannerBox .small .box #js-banner li:nth-child(even) {
 float: right
}
#EVENT .eventInfo .img {
 padding: 0
}
#EVENT .eventInfo .info {
 padding: 8px 3.12%;
 line-height: 1.4;
 font-size: 12px
}
#EVENT .eventInfo .info .time {
 display: block;
 padding: 0 0 5px
}
#EVENT .eventBrandInfo {
 padding: 20px 1.56%
}
#EVENT .eventBrandInfo > .inner {
 display: block
}
#EVENT .eventBrandInfo .img {
 display: block;
 width: 100%;
 margin-bottom: 20px;
 padding-right: 0
}
#EVENT .eventBrandInfo .info {
 display: block;
 width: 100%;
 line-height: 1.4;
 font-size: 12px
}
#EVENT .eventBrandInfo .info .time {
 margin-bottom: 5px
}
#brandEventList .box .period span {
 display: block
}
#brnadSearchForm .termSelect {
 text-align: left
}
#brnadSearchForm .termSelect label {
 width: 100%;
 height: 40px;
 margin-bottom: 5px;
 padding: 13px 0 0 37px;
 background-position: 9px -26px
}
#brnadSearchForm .termSelect label:hover {
 padding: 11px 0 0 35px;
 background-position: 7px -28px
}
#brnadSearchForm .termSelect label.check {
 background-position: 9px 13px
}
#brnadSearchForm .termSelect label.check:hover {
 background-position: 7px 11px
}
#brnadSearchForm .termSelect label:nth-child(odd) {
 margin-right: 0
}
#brnadSearchForm #initialsBtnAll {
 line-height: 1;
 font-size: 14px
}
#brnadSearchForm .initialsTable.left {
 float: none;
 width: 100%
}
#brnadSearchForm .initialsTable.right {
 float: none;
 width: 100%
}
#brnadSearchForm .initialsTable.right tr:nth-child(1) td {
 border-top: none
}
#searchHead #reSearchBox label {
 padding: 3px 5px 3px 17px;
 line-height: 1;
 font-size: 12px;
 background-position: 3px -14px;
 background-size: 10px auto
}
#searchHead #reSearchBox label.check {
 background-position: 3px 5px
}
#BANQUET_ROOM .photo img {
 width: 100%
}
#BANQUET_ROOM .photo img:first-child {
 margin-right: 0
}
.menuList {
 display: block
}
.menuList li {
 float: none;
 width: 100%;
 padding: 20px 6.66%
}
.menuList .description {
 margin-bottom: 6px
}
.menuList .courseContent .label {
 line-height: 1;
 font-size: 10px
}
.menuList .courseContent .item {
 font-size: 12px
}
#USER_GUIDE .browser > div {
 padding: 20px 6.66% 17px
}
#USER_GUIDE .browser > div .content {
 display: block
}
#USER_GUIDE .browser > div .content > div {
 display: block
}
#USER_GUIDE .browser > div .content .img {
 margin: 0 auto 20px;
 padding: 0
}
#USER_GUIDE .browser .pc {
 float: none;
 width: auto;
 margin-bottom: 20px
}
#USER_GUIDE .browser .sp {
 float: none;
 width: auto
}
#USER_GUIDE .squareList li .unorderedListA {
 padding: 15px 15px 13px 30px
}
#NANA_ROOM .termTab {
 padding: 0
}
#NANA_ROOM .termTab ul li a {
 line-height: 1.4;
 font-size: 10px
}
#NANA_ROOM .subBox .lineRegistBtn {
 display: none
}
#NANA_ROOM .subBox .txt {
 font-size: 12px
}
#NANA_ROOM .subBox .btn a {
 padding: 5px 10px 4px;
 font-size: 10px
}
#NANA_ROOM .subBox .btn a:before {
 width: 5px;
 height: 8px;
 margin-right: 3px;
 background-size: contain
}
#NANA_ROOM .contentBox {
 padding: 49px 3.12% 1px
}
#NANA_ROOM .contentBox .postBox {
 margin-bottom: 49px;
 padding: 20px 6.66%
}
#NANA_ROOM .contentBox .postBox .headBox {
 display: block;
 margin-bottom: 10px;
 padding-bottom: 20px;
 background-size: auto 2px
}
#NANA_ROOM .contentBox .postBox .headBox .term {
 display: block;
 margin-bottom: 5px;
 line-height: 1;
 font-size: 10px
}
#NANA_ROOM .contentBox .postBox .headBox .term:before, #NANA_ROOM .contentBox .postBox .headBox .term:after {
 width: 9px;
 height: 9px;
 margin-top: -4px
}
#NANA_ROOM .contentBox .postBox .headBox .headline {
 display: block;
 padding-left: 0;
 font-size: 16px
}
#NANA_ROOM .contentBox .postBox .info {
 display: block;
 margin-bottom: 15px;
 line-height: 1;
 font-size: 10px
}
#NANA_ROOM .contentBox .postBox .info .time {
 display: block;
 margin-bottom: 7px
}
#NANA_ROOM .contentBox .postBox .info .place {
 display: block
}
#NANA_ROOM .contentBox .postBox .info .place span {
 margin: 0 5px 5px 0;
 padding: 3px 5px 2px
}
#NANA_ROOM .contentBox .postBox .cms {
 padding-bottom: 20px
}
#NANA_ROOM .contentBox .postBox a.more-link {
 margin: 15px 0;
 padding: 10px 0 9px;
 line-height: 1;
 font-size: 12px
}
#NANA_ROOM .contentBox .postBox a.more-link:after {
 width: 7px;
 height: 12px;
 margin-top: -2px;
 background-size: contain
}
#NANA_ROOM .contentBox .postBox .relationBrand {
 display: block
}
#NANA_ROOM .contentBox .postBox .relationBrand .label {
 display: block;
 margin-bottom: 5px;
 padding: 0;
 border: none
}
#NANA_ROOM .contentBox .postBox .relationBrand .brand {
 display: block;
 padding: 0;
 line-height: 1;
 font-size: 10px
}
#F_NANA .warp .secWarp > .inner {
 padding: 25px 3.12%
}
#F_NANA #leftBox {
 float: none;
 margin-top: 0;
 width: auto;
 max-width: none
}
#F_NANA #leftBox #Lnav {
 display: none
}
#F_NANA #rightBox {
 float: none;
 width: auto
}
#F_NANA .headlineNana {
 margin-bottom: 20px;
 line-height: 1;
 font-size: 18px
}
#F_NANA .spNav {
 display: block
}
#F_NANA .spNav #Lnav {
 margin: 20px 0 0;
 padding: 0;
 list-style-type: none
}
#F_NANA .spNav #Lnav a {
 display: block;
 padding: 13px 0 10px 10px;
 color: #a13746;
 background: url(../images/f_nana/icon_arrow_01.png) no-repeat right 15px;
 background-size: 7px auto
}
#F_NANA .spNav #Lnav dt, #F_NANA .spNav #Lnav dd {
 margin: 0;
 padding: 0;
 background-color: #fff
}
#F_NANA .spNav #Lnav dt {
 padding: 10px 0 8px 10px;
 line-height: 1;
 color: #3a4e68;
 font-size: 12px;
 background-color: #f2ecea
}
#F_NANA .spNav #Lnav dt:after {
 display: inline-block;
 width: 7px;
 height: 4px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 margin-top: -2px;
 background-size: cover;
 margin-left: 5px;
 background-image: url(../images/f_nana/icon_down_arrow.png)
}
#F_NANA .spNav #Lnav dd {
 padding-right: 10px;
 border-bottom: 1px solid #d7c2bf
}
#F_NANA .spNav #Lnav dd.visit a {
 color: #8c8583;
 background-position: right -24px
}
#F_NANA .todayNanaPhoto {
 height: 210px;
 padding: 3.33% 3.33% 15px !important;
 margin-top: 22% !important
}
#F_NANA .todayNanaPhoto h2 {
 bottom: 200px
}
#F_NANA .todayNanaPhoto .item {
 bottom: 230px
}
#F_NANA .todayNanaPhoto table img {
 max-width: 100%;
 height: 180px
}
#F_NANA .todayNanaPhoto table td {
 height: inherit
}
#F_NANA .todayNanaHeadline {
 margin-bottom: 20px;
 padding-bottom: 15px
}
#F_NANA .todayNanaHeadline .date {
 line-height: 1;
 font-size: 12px
}
#F_NANA .todayNanaHeadline .headline {
 line-height: 1;
 font-size: 14px
}
#F_NANA .nanaProfile {
 padding: 30px 3.9% !important;
 margin: 40px -3.13% 0 !important;
 border: none
}
#F_NANA .nanaProfile .nana {
 width: 78.33%;
 margin: 0 auto
}
#F_NANA #nanaArchiveList li {
 width: 46.66%;
 margin-right: 6.66%
}
#F_NANA #nanaArchiveList li:nth-child(3n) {
 margin-right: 6.66%
}
#F_NANA #nanaArchiveList li:nth-child(2n) {
 margin-right: 0
}
#PARKING .tableA.bicycle td {
 line-height: 1.4;
 font-size: 10px
}
#KANKYOU .col2Box > div {
 float: none;
 width: auto !important
}
#KANKYOU .col2Box > div:nth-child(1) {
 margin-bottom: 20px
}
#KANKYOU .col2Box > div:nth-child(2) .pdfBtn {
 margin-bottom: 10px
}
#KANKYOU .pageList th {
 text-align: center
}
#NEWS .nomalSectionStyle .inner #newsBox {
 display: block
}
#NEWS .nomalSectionStyle .inner #newsBox .newsList li {
 padding: 10px
}
#NEWS .nomalSectionStyle .inner #newsBox .newsList li .time {
 display: block
}
#NEWS .nomalSectionStyle .inner #newsBox .newsList li .txt {
 display: block
}
#SNS .headlineA, #SNS .headlineA::after, #LINE_AT .headlineA {
 height: 140px
}
#SNS .headlineA {
 background-size: 645px auto
}
#KIDS_CIRCLE .headlineA {
 height: 185px;
 background: url(../images/kids_circle/tit_kids-circle_sp.png) no-repeat center center;
 background-size: 100% auto
}
#KIDS_CIRCLE .intoro {
 padding: 40px 0 0
}
#KIDS_CIRCLE .intoro .subCopy {
 top: -20px;
 width: 200px
}
#BUSINESS_INFORMATION {
 min-width: 100%
}
#BUSINESS_INFORMATION .nomalSectionStyle {
 padding: 0
}
#BUSINESS_INFORMATION .headlineA {
 padding: 20px 0
}
#BUSINESS_INFORMATION .inner {
 margin: 0
}
#BUSINESS_INFORMATION .inner .photo {
 display: none
}
#BUSINESS_INFORMATION .inner .info-text {
 float: none;
 width: 100%
}
#BUSINESS_INFORMATION .inner .info-text section {
 width: 100%;
 margin: 0 auto 10%;
 text-align: left
}
#BUSINESS_INFORMATION .inner .info-text section h2 {
 padding: 0 0 10px 10px;
 font-size: 18px;
 font-weight: 400;
 border-bottom: 1px solid #f4f4f4;
 line-height: 40px
}
#BUSINESS_INFORMATION .inner .info-text section h2 span img {
 width: 40px;
 margin-right: 5px
}
#BUSINESS_INFORMATION .inner .info-text section p {
 margin: 5% auto
}
#BUSINESS_INFORMATION .inner .info-text section .hours-list {
 padding: 0;
 list-style: none
}
#BUSINESS_INFORMATION .inner .info-text section .hours-list li {
 display: table;
 margin: 0 auto;
 padding: 5%;
 font-size: 14px
}
#BUSINESS_INFORMATION .inner .info-text section .hours-list li div {
 display: table-cell;
 width: 90%;
 padding: 0;
 vertical-align: middle
}
#BUSINESS_INFORMATION .inner .info-text section .hours-list li .time {
 float: none;
 width: 60%;
 font-size: 18px;
 font-weight: 700
}
#BUSINESS_INFORMATION .inner .info-text section .hours-list li .caution {
 display: block;
 font-size: 12px;
 font-weight: 400;
 color: #666
}
#BUSINESS_INFORMATION .inner .info-text section .hours-list li:nth-child(2) {
 background: #f4f4f4
}
#BUSINESS_INFORMATION .inner .info-text section .contact {
 margin: 5% auto;
 padding: 0;
 list-style: none
}
#BUSINESS_INFORMATION .inner .info-text section .contact li {
 position: relative;
 margin-bottom: 10px;
 padding-left: 15px
}
#BUSINESS_INFORMATION .inner .info-text section .contact li:before {
 position: absolute;
 left: 0;
 width: 12px;
 height: 12px;
 content: "■";
 color: #194faa
}
#BUSINESS_INFORMATION .inner .info-text section .caps {
 margin: 5% auto 10%;
 padding: 6%;
 background: #fff;
 border: 1px solid #c4352c
}
#BUSINESS_INFORMATION .inner .info-text section .caps span {
 display: block;
 width: 100%;
 margin-bottom: 3%;
 color: #c4352c;
 font-size: 16px;
 font-weight: 700
}
#BUSINESS_INFORMATION .inner .info-text section .shop {
 float: none;
 margin: 0 auto
}
#BUSINESS_INFORMATION .inner .info-text section .shop h3 {
 margin-bottom: 5%;
 padding: 1% 0 1% 2%;
 border-left: 3px solid #194faa
}
#BUSINESS_INFORMATION .inner .info-text section .shop p {
 width: 100%;
 margin: 0 auto
}
#BUSINESS_INFORMATION .inner .info-text section .shop .tel {
 position: relative;
 width: 95%;
 margin-top: 2%;
 padding-left: 5%;
 font-size: 18px;
 font-weight: 700
}
#BUSINESS_INFORMATION .inner .info-text section .shop .tel:before {
 position: absolute;
 left: 0;
 top: 1px;
 width: 22px;
 height: 22px;
 content: "";
 background: url(../images/business_information/ico_tel.png) no-repeat center left
}
#BUSINESS_INFORMATION .inner .info-text section .shop .mail {
 position: relative;
 width: 93%;
 margin-top: 10px;
 padding-left: 7%
}
#BUSINESS_INFORMATION .inner .info-text section .shop .mail:before {
 position: absolute;
 left: 0;
 width: 22px;
 height: 22px;
 content: "";
 background: url(../images/business_information/ico_mail.png) no-repeat center left
}
#BUSINESS_INFORMATION .inner .info-text section .delivery {
 float: none;
 margin: 10% auto 0
}
#BUSINESS_INFORMATION .inner .info-text section .delivery h3 {
 margin-bottom: 5%;
 padding: 1% 0 1% 2%;
 border-left: 3px solid #194faa
}
#BUSINESS_INFORMATION .inner .info-text section .delivery p {
 width: 100%;
 margin: 0 auto
}
#BUSINESS_INFORMATION .inner .info-text section .delivery .tel {
 position: relative;
 width: 95%;
 margin-top: 10px;
 padding-left: 5%;
 font-size: 18px;
 font-weight: 700
}
#BUSINESS_INFORMATION .inner .info-text section .delivery .tel:before {
 position: absolute;
 left: 0;
 top: 1px;
 width: 22px;
 height: 22px;
 content: "";
 background: url(../images/business_information/ico_tel.png) no-repeat center left
}
#SERVICE_GUIDE .headlineA {
 padding: 30px 0
}
#SERVICE_GUIDE .guide-nav {
 display: none
}
#SERVICE_GUIDE .guide-sec {
 width: 100%;
 margin: 0 auto
}
#SERVICE_GUIDE .guide-sec h2 {
 margin: 20px 0;
 padding: 0 10px 10px;
 border-bottom: 1px solid #e3e3e3
}
#SERVICE_GUIDE .guide-sec h3 {
 display: table;
 width: 100%;
 margin: 10px auto;
 padding: 0 0 20px 2%;
 border-bottom: 1px solid #cbcbcb;
 box-sizing: border-box;
 line-height: 1.4;
 font-size: 14px;
 color: #194faa
}
#SERVICE_GUIDE .guide-sec h3 span {
 float: none;
 display: table-cell;
 width: 72%;
 margin: 0;
 vertical-align: middle
}
#SERVICE_GUIDE .guide-sec h3 span:first-child {
 width: 55px;
 padding-right: 10px
}
#SERVICE_GUIDE .guide-sec h3 span:last-child {
 display: table-cell;
 width: 14px;
 height: 32px;
 padding: 0 0 0 15px;
 background: url(../images/service_guide/ico_open.png) no-repeat center center;
 background-size: 14px auto;
 vertical-align: middle
}
#SERVICE_GUIDE .guide-sec h3.open {
 border: none;
 color: #2b2b2b
}
#SERVICE_GUIDE .guide-sec h3.open span:last-child {
 background: url(../images/service_guide/ico_close.png) no-repeat center center;
 background-size: 14px auto
}
#SERVICE_GUIDE .guide-sec .list {
 display: none;
 margin-bottom: 10%
}
#SERVICE_GUIDE .guide-sec .last.list {
 margin-bottom: 0
}
#SERVICE_GUIDE .guide-sec ul {
 padding: 0;
 list-style: none
}
#SERVICE_GUIDE .guide-sec ul li {
 float: none;
 width: 96%;
 margin: 0 auto 10px
}
#SERVICE_GUIDE .guide-sec ul li:nth-child(odd) {
 background: #f4f4f4
}
#SERVICE_GUIDE .guide-sec ul li:nth-child(2n) {
 margin-right: auto
}
#SERVICE_GUIDE .guide-sec ul .gray {
 background: #fff
}
#SERVICE_GUIDE .guide-sec ul .r-txt {
 float: left;
 width: 68%
}
#SERVICE_GUIDE .guide-sec dl {
 padding: 20px 20px 10px
}
#SERVICE_GUIDE .guide-sec dl dt {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom: 1px dashed #a0a0a0;
 font-weight: 700
}
#SERVICE_GUIDE .guide-sec dl dd {
 margin: 0 0 10px;
 text-align: left;
 line-height: 25px
}
#SERVICE_GUIDE .guide-sec dl dd:last-child {
 margin-top: 0
}
#SERVICE_GUIDE .guide-sec dl dd span {
 display: block;
 float: left;
 width: 60px;
 height: 18px;
 margin-right: 10px;
 text-align: center;
 background: #9f9f9f;
 color: #fff;
 font-size: 12px;
 line-height: 18px
}
#SERVICE_GUIDE .guide-sec .last {
 display: block
}
#SERVICE_GUIDE .guide-sec .caps {
 display: none
}
#SERVICE_GUIDE .guide-sec .info {
 display: block;
 width: 96%;
 min-width: 80%;
 margin: 3% auto;
 padding: 3%;
 border: 1px solid #e3e3e3;
 font-size: 16px
}
#SERVICE_GUIDE .guide-sec .info div {
 display: block;
 width: 100%;
 line-height: 1.8
}
#SERVICE_GUIDE .guide-sec .info div:last-child {
 width: 100%
}
#SERVICE_GUIDE .guide-sec .info div a {
 font-size: 14px;
 color: #194faa
}
#SERVICE_GUIDE .credit-sec dl dd {
 text-align: center
}
#SERVICE_GUIDE .direct_mail_sec {
    margin-top: 65px;
}
#SERVICE_GUIDE .direct_mail_sec h3 {
	margin: 25px 2% 15px;
    padding: 0 0 10px;
	border-bottom: 1px dashed #a0a0a0;
	font-weight: 700;
    font-size: 20px;
    color: #2b2b2b;
}
#SERVICE_GUIDE .direct_mail_sec p {
    margin: 0 2%;
}
#PARKING .matb20 {
 margin: 20px auto
}
#PARKING #map-canvas {
 width: 100%;
 height: auto;
 margin-bottom: 20px
}
#PARKING .parking_sec {
 width: 100%;
 margin: 5% auto 0;
 padding: 0;
 text-align: center
}
#PARKING .parking_sec .headlineA {
 padding: 30px 0
}
#PARKING .parking_sec a {
 color: #194faa;
 text-decoration: underline
}
#PARKING .parking_sec a:hover {
 color: #194faa;
 text-decoration: none
}
#PARKING .parking_cont {
 float: none;
 width: 100%;
 height: auto;
 margin: 0 auto;
 text-align: left
}
#PARKING .parking_cont h3 {
 width: 92%;
 margin: 20px auto;
 padding: 2px 0 0 10px;
 border-left: 2px solid #002985;
 font-size: 18px
}
#PARKING .parking_cont h3:first-child {
 margin-top: 20px
}
#PARKING .parking_cont p {
 width: 92%;
 margin: 0 auto
}
#PARKING .parking_cont .txt-parking {
 margin-bottom: 40px
}
#PARKING .parking_cont ul.need {
 width: 92%;
 margin: 10px auto
}
#PARKING .parking_cont .parking_info {
 display: none
}
#PARKING .parking_cont .reception-guide {
 display: table;
 width: 90%;
 margin: 10px auto;
 padding: 0;
 border: 1px solid #d1d1d1;
 list-style: none;
 font-size: 10px
}
#PARKING .parking_cont .reception-guide li {
 display: table-cell;
 width: auto;
 padding: 3%;
 border-right: 1px solid #d1d1d1;
 vertical-align: middle
}
#PARKING .parking_cont .reception-guide li:first-child {
 width: 30%;
 min-width: 20%
}
#PARKING .parking_cont .reception-guide li:nth-child(3) {
 width: 24%;
 border-right: none
}
#PARKING .parking_cont .reception-guide li:last-child {
 width: auto
}
#PARKING .parking_cont .reception-guide li strong {
 color: #bb0202
}
#PARKING .parking_cont .reception-guide li .ico-o {
 width: 18px;
 margin: 0 2px
}
#PARKING .parking_cont .reception-guide .iconA {
 padding: 30% 0 0 30%;
 background-position: left top;
 text-indent: -30%
}
#PARKING .parking_cont .reception-guide .iconB {
 padding: 30% 0 0 30%;
 background-position: left top;
 text-indent: -30%
}
#PARKING .parking_cont .parking-list {
 margin-top: 40px
}
#PARKING .parking_cont .parking-list h4 {
 position: relative;
 width: 100%;
 margin: 0 auto;
 padding: 3% 2% 3% 8%;
 border-top: 1px solid #cbcbcb;
 color: #194faa;
 font-weight: 700;
 cursor: pointer
}
#PARKING .parking_cont .parking-list h4:before {
 left: 15px;
 top: 16px
}
#PARKING .parking_cont .parking-list div {
 display: none;
 padding: 19px 0;
 background: #f4f4f4
}
#PARKING .parking_cont .parking-list .open:before {
 border: none;
 border-left: 1px solid #194faa;
 border-bottom: 1px solid #194faa;
 transform: rotate(-45deg);
 top: 16px
}
#PARKING .parking_cont .parking-list .iconA {
 display: block;
 width: 100%;
 padding: 42% 0 0;
 background-position: left top;
 text-align: left;
 line-height: 20px
}
#PARKING .parking_cont .parking-list .iconB {
 display: block;
 width: 100%;
 padding: 42% 0 0;
 background-position: left top;
 text-align: left;
 line-height: 20px
}
#PARKING .parking_cont .parking-list .tbl-parking {
 width: 90%;
 margin: 0 auto;
 background: #fff
}
#PARKING .parking_cont .parking-list .tbl-parking th {
 padding: 2%;
 text-align: center;
 font-weight: 700;
 font-size: 12px
}
#PARKING .parking_cont .parking-list .tbl-parking td {
 padding: 5% 3%;
 text-align: left;
 font-size: 12px
}
#PARKING .parking_cont .parking-list .tbl-parking td:nth-child(odd) {
 min-width: 30%
}
#PARKING .parking_cont .parking-list .tbl-parking td:nth-child(odd) p {
 position: relative;
 padding-left: 8%;
 line-height: 1.2;
 background-size: 16px auto
}
#PARKING .parking_cont .parking-list .tbl-parking th:nth-child(even), #PARKING .parking_cont .parking-list .tbl-parking td:nth-child(even) {
 width: 8%
}
#PARKING .parking_cont .parking-list .tbl-parking span {
 color: #194faa
}
#PARKING .parking_cont .parking-list .price {
 width: 92%;
 margin: 3% auto 0;
 padding: 0;
 list-style: none
}
#PARKING .parking_cont .parking-list .price li {
 float: none;
 padding: 5px 0;
 border-right: none;
 font-size: 12px
}
#PARKING .parking_cont .parking-list .price li:last-child {
 border-right: none
}
#PARKING .parking_cont .parking-list .price li strong {
 font-weight: 700
}
#TOMONOKAI #tomonokai.pageSectionStyle .inner {
 padding: 30px 0 0
}
#TOMONOKAI #tomonokai .deals {
 position: static;
 width: 100%;
 min-width: 100%;
 min-height: 100%;
 margin: 0 auto;
 padding-bottom: 12%
}
#TOMONOKAI #tomonokai .deals ul {
 position: static;
 width: 94%;
 margin: 0 auto;
 padding: 0;
 list-style: none
}
#TOMONOKAI #tomonokai .deals ul li {
 float: none;
 width: 100%;
 margin: 0 0 10%;
 text-align: center
}
#TOMONOKAI #tomonokai .deals ul li:last-child {
 margin-bottom: 0
}
#TOMONOKAI #tomonokai .deals ul li:hover {
 border: none
}
#TOMONOKAI #tomonokai .deals ul li img {
 width: 90%;
 margin: 0 auto
}
#TOMONOKAI #tomonokai .deals ul li .smp {
 display: block
}
#TOMONOKAI #tomonokai .deals ul li .pc {
 display: none
}
#TOMONOKAI #tomonokai .deals ul li p {
 text-align: left;
 font-size: 14px;
 line-height: 20px
}
#TOMONOKAI #tomonokai .nav-tomonokai {
 width: 100%;
 padding: 40px 10px;
 background: #f5ede3
}

#TOMONOKAI #tomonokai .nav-tomonokai ul {
 width: 100%;
 max-width: inherit;
 min-width: inherit;
 margin: 0 auto;
 padding: 0;
 list-style: none
}

#TOMONOKAI #tomonokai .nav-tomonokai ul li {
 min-width: inherit;
 width: 100%;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

#TOMONOKAI #tomonokai .nav-tomonokai ul li > a {
  font-size: 1.4rem;
}

#TOMONOKAI #tomonokai .nav-tomonokai ul li:nth-child(3), #TOMONOKAI #tomonokai .nav-tomonokai ul li:nth-child(4) {
 margin-bottom: 0
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li:first-child .img {
 background: none
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li:nth-child(2) .img {
 background: none
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li:nth-child(3) .img {
 background: none
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li:last-child .img {
 background: none
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li .img {
 width: 100%;
 height: auto;
 margin-bottom: 0
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li .img img {
 display: block
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li .img a {
 display: inline;
 width: 100%;
 height: auto
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li p {
 margin-bottom: 4%;
 text-align: center;
 font-size: 14px
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li p a {
 display: block;
 color: #7f5d37
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li p a::after {
 display: inline-block;
 width: 20px;
 height: 20px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: 0 -2px;
 background-size: cover;
 margin-left: 0;
 background-image: url(../images/tomonokai/ico_arrow_br.png)
}
#recommend .contents {
 float: none;
 width: 100%
}
#recommend .contents .sec-tomo h2 {
 padding: 0 0 5% 3%;
 font-size: 18px
}
#recommend .contents .sec-tomo section {
 width: 94%;
 margin: 0 auto 12%
}
#recommend .contents .sec-tomo h3 {
 width: 94%;
 margin: 7% auto;
 padding-left: 3%;
 font-size: 16px
}
#recommend .contents .sec-tomo .catch span {
 display: block;
 font-size: 12px;
 margin-top: 7%;
 color: #666
}
#recommend .contents .sec-tomo .txt {
 font-size: 12px
}
#recommend .contents .sec-tomo .tsumitate {
 margin: 0 auto 10%
}
#recommend .contents .sec-tomo .tsumitate h3 {
 margin: 20px auto
}
#recommend .contents .sec-tomo .tsumitate .img {
 float: none;
 width: 100%
}
#recommend .contents .sec-tomo .tsumitate .catch {
 width: 100%;
 margin-bottom: 6%
}
#recommend .contents .sec-tomo .tsumitate .img {
 margin: 0 auto
}
#recommend .contents .sec-tomo .tsumitate a::after {
 display: inline-block;
 width: 20px;
 height: 20px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: 0 -2px;
 background-size: cover;
 margin-left: 0;
 background-image: url(../images/tomonokai/ico_arrow_bl.png)
}
#recommend .contents .sec-tomo .shopping h3 {
 margin-bottom: 6%
}
#recommend .contents .sec-tomo .shopping .img {
 float: none;
 width: 61%;
 margin: 0 auto
}
#recommend .contents .sec-tomo .shopping .catch {
 width: 100%;
 margin: 7% auto
}
#recommend .contents .sec-tomo .shopping .txt {
 float: none;
 margin: 0 auto;
 color: #666
}
#recommend .contents a {
 color: #194faa;
 text-decoration: none
}
#recommend .recommend-list {
 width: 94%;
 margin: 7% auto
}
#recommend .recommend-list li {
 float: none;
 width: 100%;
 margin: 0 auto 10%;
 border-radius: 10px;
 line-height: 1.6
}
#recommend .recommend-list li:last-child {
 margin: 0
}
#recommend .recommend-list li span {
 display: block;
 margin-top: 6%;
 font-size: 12px
}
#recommend .recommend-list li h4 {
 margin: 3.27% 0;
 font-size: 16px;
 font-weight: 700
}
#recommend .membership {
 width: 94%;
 margin: 0 auto;
 padding: 10px;
 color: #6b8bc7;
 font-size: 14px;
 text-align: center;
 box-sizing: border-box
}
#recommend .membership a {
 display: block;
 width: 100%;
 height: auto
}
#recommend .membership a::after {
 display: inline-block;
 width: 20px;
 height: 20px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: 0 -2px;
 background-size: cover;
 margin-left: 0;
 background-image: url(../images/tomonokai/ico_arrow_bl.png)
}
#recommend .membership:hover {
 background: #6b8bc7
}
#recommend .membership:hover a {
 color: #fff
}
#recommend .membership:hover a::after {
 display: inline-block;
 width: 20px;
 height: 20px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: 0 -2px;
 background-size: cover;
 margin-left: 0;
 background-image: url(../images/tomonokai/ico_arrow_w.png)
}
#members .contents .sec-tomo .notice .shoppingticket li {
 float: none;
 width: auto;
 height: auto;
 padding: 0 3.33% 20px
}
#members .contents .sec-tomo .notice .shoppingticket li:first-child {
 margin-bottom: 30px
}
#BRIDAL .headlineA {
 height: auto
}
#BRIDAL .headlineA img {
 display: block
}
#BRIDAL .cont {
 float: none;
 width: 94%;
 margin: 0 auto;
 padding: 30px 0
}
#BRIDAL .inner {
 margin: 0 auto;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "YuGothic", "ＭＳ Ｐゴシック", sans-serif
}
#BRIDAL .catch {
 width: 94%;
 margin: 27px auto;
 font-size: 14px;
 text-align: left
}
#BRIDAL section .sub-menu li .img {
 vertical-align: top
}
#BRIDAL .service {
 margin: 35px auto
}
#BRIDAL .service .caps {
 width: 94%;
 margin: 0 auto;
 color: #337d82
}
#BRIDAL .guide {
 padding-bottom: 0;
 background: url(../images/bridal/bg_shikitari_smp.png) no-repeat center bottom;
 background-size: 100% auto
}
#BRIDAL .guide div {
 float: none;
 width: 94%;
 margin: 40px auto;
 font-size: 14px;
 text-align: left
}
#BRIDAL .guide div span {
 font-size: 12px
}
#BRIDAL .guide div h2 {
 margin: 10px 0 20px;
 text-align: left;
 font-size: 16px;
 color: #b50000
}
#BRIDAL .guide div h2 a {
 color: #b50000
}
#BRIDAL .guide div h2:after {
 display: inline-block;
 width: 18px;
 height: 18px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: 0 -2px;
 background-size: cover;
 margin-left: 0;
 background-image: url(../images/bridal/ico_arrow_r.png)
}
#BRIDAL .visual h1 {
 height: 90px;
 padding-top: 40px
}
#BRIDAL .bridal_jewelry h2:before {
 float: left;
 margin-top: 8px
}
#BRIDAL .bridal_beauty h2 {
 padding-bottom: 10px
}
#BRIDAL .bridal_beauty h2:before {
 display: block;
 float: left
}
#BRIDAL .bridal_beauty .course-txt .shop {
 padding: 5px
}
#BRIDAL .bridal_beauty .course-txt .shop .tel span {
 padding: 0 5px 0 0
}
#BRIDAL .bridal_beauty .course-txt .shop .tel .num {
 padding: 0 0 0 18px
}
#BRIDAL .bridal_gift h2 {
 padding-bottom: 10px
}
#BRIDAL .bridal_gift h2:before {
 display: block;
 float: left
}
#BRIDAL .wedding_ban_content .plan-list {
 display: block;
 border-bottom: 1px solid #d3c9b8;
 font-size: 0
}
#BRIDAL .wedding_ban_content .plan-list tbody, #BRIDAL .wedding_ban_content .plan-list tr {
 display: inline;
 width: 100%
}
#BRIDAL .wedding_ban_content .plan-list td {
 display: block;
 padding: 10px 10px 8px;
 box-sizing: border-box;
 border-bottom: none;
 line-height: 1;
 font-size: 12px
}
#BRIDAL .wedding_ban_content .bridalclub div h3, #BRIDAL .wedding_ban_content .bridalclub div p {
 font-size: 16px
}
#BRIDAL .about_yuinou .preparationBox {
 display: block
}
#BRIDAL .about_yuinou .preparationBox + .preparationBox {
 margin-top: 20px
}
#BRIDAL .about_yuinou .preparationBox p {
 display: block
}
#BRIDAL .about_yuinou .preparationBox p span {
 color: #666;
 padding-top: 15px
}
#BRIDAL .about_yuinou .preparationBox .label {
 width: 100%;
 padding: 0 0 17px
}
#BRIDAL .about_yuinou .preparationBox .txt {
 padding-bottom: 20px
}
#MUSCARD .cont-top {
 float: none;
 width: 100%;
 margin: 20px 0;
 padding: 0;
 border: none;
 box-sizing: border-box
}
#MUSCARD h2 {
 position: relative;
 padding-bottom: .5em;
 border-bottom: 2px solid #003d8b
}
#MUSCARD h2::after {
 display: none
}
#MUSCARD .sec-faq {
 width: 94%;
 margin: 0 auto 50px
}
#MUSCARD .sec-faq:last-child {
 padding-bottom: 0
}
#MUSCARD .sec-faq h2 {
 color: #003d8b;
 font-size: 16px
}
#MUSCARD .sec-faq dl {
 width: 100%;
 margin: 0 auto
}
#MUSCARD .sec-faq dl dt {
 position: relative;
 margin-top: 30px;
 padding: 15px 10px 15px 40px;
 background: #f4f4f4;
 font-size: 16px
}
#MUSCARD .sec-faq dl dt:before {
 position: absolute;
 left: 30px;
 top: 25%;
 width: 26px;
 height: 26px;
 content: "Q";
 color: #003d8b;
 font-size: 26px
}
#MUSCARD .sec-faq dl dd {
 margin: 0
}
#MUSCARD .sec-faq dl dd p {
 margin: 20px 0;
 font-size: 12px
}
#MUSCARD .sec-faq dl dd .ans-txt {
 font-size: 14px
}
#MUSCARD .sec-faq dl dd .caps {
 color: #666
}
#MUSCARD .sec-faq dl dd table {
 width: 100%;
 border: 1px solid #d1d1d1
}
#MUSCARD .sec-faq dl dd table th {
 width: 45%;
 padding: 10px;
 background: #f4f4f4;
 border: 1px solid #d1d1d1;
 font-weight: 700;
 text-align: left;
 font-size: 10px
}
#MUSCARD .sec-faq dl dd table td {
 padding: 10px;
 border: 1px solid #d1d1d1;
 font-size: 10px
}
#MUSCARD .sec-faq dl dd table td .tel {
 display: block;
 margin: 10px 0 0;
 font-size: 10px
}
#MUSCARD .sec-faq dl dd table td .tel::before {
 float: left;
 display: inline-block;
 width: 12px;
 height: 12px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
 margin: 2px 0 0 -2px;
 background-image: url(../images/muscard/ico_tel.jpg);
 background-size: contain
}
#MUSCARD .sec-faq .callcenter {
 width: 100%;
 padding: 15px 10px;
 border: 1px solid #d1d1d1;
 box-sizing: border-box
}
#MUSCARD .sec-faq .callcenter h3 {
 float: none;
 margin: 10px 0;
 font-size: 14px;
 font-weight: 700
}

#MUSCARD .sec-faq .callcenter span {
 float: left;
 display: block;
 font-size: 12px;
 line-height: 20px
}
#MUSCARD .sec-faq .callcenter .tel {
 display: inline-block;
 margin-right: 10px;
 font-size: 20px
}
#MUSCARD .sec-faq .callcenter .tel::before {
 float: left;
 display: inline-block;
 width: 18px;
 height: 18px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
 margin: 0 0 0 -2px;
 background-image: url(../images/muscard/ico_tel.jpg);
 background-size: contain
}

#MUSCARD .sec-faq .callcenter_smbc,
#MUSCARD .sec-faq .callcenter_mufg {
	border-radius: 8px;
}

#MUSCARD .sec-faq .callcenter_smbc > figure,
#MUSCARD .sec-faq .callcenter_mufg > figure {
	margin: 0 15px 0 0;
    width: 25%;
    flex-shrink: 0;
}

#MUSCARD .sec-faq .callcenter_smbc h3,
#MUSCARD .sec-faq .callcenter_mufg h3 {
	margin: 5px 0 0;
	font-size: 16px;
}

#MUSCARD .sec-faq .callcenter_smbc p,
#MUSCARD .sec-faq .callcenter_mufg p {
	margin: 5px 0 0;
	font-size: 14px;
	display: block;
    clear: both;
}

#MUSCARD .sec-faq .callcenter_mufg .tel {
    margin: 3px 0;
    display: block;
}

#MUSCARD .sec-faq .callcenter_mufg p span {
    font-size: 12px;
}

#MUSCARD .sec-faq .pattern-smp {
 display: block;
 width: 100%;
 max-width: 100%;
 margin: 0 auto
}
#MUSCARD .sec-faq .pattern {
 display: none
}
#MUSCARD .sec-abp {
 width: 94%;
 margin: 0 auto 50px;
 box-sizing: border-box
}
#MUSCARD .sec-abp:last-child {
 margin-bottom: 0
}
#MUSCARD .sec-abp a {
 color: #003d8b
}
#MUSCARD .sec-abp a:hover {
 text-decoration: none
}
#MUSCARD .sec-abp a::after {
 display: inline-block;
 width: 18px;
 height: 18px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
 margin: -6px 0 0 -2px;
 background-image: url(../images/bridal/ico_arrow_gr.png);
 background-size: contain
}
#MUSCARD .sec-abp .pointbox.bg-pink .icoPoint {
 padding-top: 0
}
#MUSCARD .sec-abp .icon {
 width: 40px;
 margin: 10px auto
}
#MUSCARD .sec-abp .bg-blue {
 background: #f0f7ff
}
#MUSCARD .sec-abp .bg-pink {
 background: #fbf0ee
}
#MUSCARD .sec-abp .bg-pink h3:after {
 background-image: url(../images/muscard/img_card.png)
}
#MUSCARD .sec-abp .pt-use {
 margin-bottom: 10px;
 padding: 20px;
 border: 2px solid #fede00;
 border-radius: 10px;
 box-sizing: border-box
}
#MUSCARD .sec-abp .pt-use h3 {
 position: relative;
 padding-left: 50px;
 font-size: 16px;
 font-weight: 700
}
#MUSCARD .sec-abp .pt-use h3:before {
 position: absolute;
 left: 0;
 top: 10%;
 display: inline-block;
 width: 40px;
 height: 40px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
 background-image: url(../images/muscard/ico_point.png);
 background-size: contain
}
#MUSCARD .sec-abp .pt-use h3 .txt-fl {
 display: inline-block;
 margin: 0;
 font-size: 14px;
 font-weight: 700;
 color: #c51a1a
}
#MUSCARD .sec-abp .pt-use h3 .txt-fl:first-letter {
 font-size: 26px
}
#MUSCARD .sec-abp .pt-use p {
 margin-top: 20px;
 padding-left: 0;
 font-size: 14px
}
#MUSCARD .sec-abp .otoku-point li {
 margin-bottom: 20px;
 padding: 20px;
 border: 2px solid #f1f1f1;
 border-radius: 10px;
 background: #fff;
 box-sizing: border-box
}
#MUSCARD .sec-abp .otoku-point li:nth-child(2) > div {
	float: none;
	width: auto;
}
#MUSCARD .sec-abp .otoku-point li:nth-child(4) h3 {
 padding-top: 7px
}
#MUSCARD .sec-abp .otoku-point li:nth-child(5) h3 {
 padding-top: 7px
}

#MUSCARD .sec-abp .otoku-point li:nth-child(4) > p {
    padding: 0 55px;
    text-align: center;
}

#MUSCARD .sec-abp .otoku-point li:nth-child(4) > p.caps {
    padding: 0;
    text-align: left;
}

#MUSCARD .sec-abp .otoku-point li:nth-child(4) > p .txt-point {
    display: block;
}

#MUSCARD .sec-abp .otoku-point li .txtL {
 float: none;
 width: 100%
}
#MUSCARD .sec-abp .otoku-point li .caps {
 display: inline-block;
 margin-top: 10px;
 font-size: 12px;
 color: #666
}
#MUSCARD .sec-abp .otoku-point li .img-manaca {
 float: none;
 width: 100%;
 margin: 0 auto
}
#MUSCARD .sec-abp .otoku-point li .img-nenkaihi {
 display: none
}
#MUSCARD .sec-abp .otoku-point li .img-nenkaihi-smp {
 display: inline-block;
 width: 100%;
 margin: 20px auto 0
}
#MUSCARD .sec-abp .otoku-point li .img-limit {
 display: none
}
#MUSCARD .sec-abp .otoku-point li .img-limit-smp {
 display: inline-block;
 width: 100%;
 margin: 20px auto 0
}

#MUSCARD .sec-abp .otoku-point .fee_column {
	margin: 20px -5px 0;
    display: flex;
    justify-content: space-between;
}

#MUSCARD .sec-abp .otoku-point .fee_column li {
	display: block;
    padding: 15px 5px;
    text-align: center;
    width: calc(50% - 5px);
}

#MUSCARD .sec-abp .otoku-point .fee_column figure {
	margin: 0 20px 15px;
	width: calc(100% - 40px);
}

#MUSCARD .sec-abp .otoku-point .fee_column li > div {
    text-align: left;
}

#MUSCARD .sec-abp .otoku-point .fee_column h4 {
	margin: 5px 0 10px;
	font-size: 13px;
    text-align: center
}

#MUSCARD .sec-abp .otoku-point .fee_column p {
	font-size: 12px;
}

#MUSCARD .sec-abp .otoku-point .fee_column p br {
    display: none;
}

#MUSCARD .sec-abp .otoku-point .fee_column p em {
	font-size: 13px;
}

#MUSCARD .sec-abp .btn-site {
 position: relative;
 width: 100%;
 margin: 0 auto;
 padding: 10px 30px 10px 10px;
 font-size: 16px;
 font-weight: 700;
 background: #fede00;
 box-sizing: border-box
}
#MUSCARD .sec-abp .btn-site::after {
 position: absolute;
 right: 2%;
 top: 40%;
 display: inline-block;
 width: 14px;
 height: 14px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
 background-image: url(../images/muscard/ico_link.png);
 background-size: contain
}
#MUSCARD .sec-abp .btn-site a {
 color: #003d8b
}
#MUSCARD .sec-abp .btn-site a::after {
 display: none
}

#MUSCARD .sec-abp .card-column {
	margin: 30px 0 20px;
    justify-content: space-between;
}

#MUSCARD .sec-abp .card-column li {
    margin: 0 0 30px;
	padding: 15px 10px 20px;
	width: calc(50% - 3px);
    position: relative;
}

#MUSCARD .sec-abp .card-column .card-smbc {
	margin-right: 0;
	border-top: 6px solid #246852;
}

#MUSCARD .sec-abp .card-column .card-mufg {
	border-top: 6px solid #e60000;
}

#MUSCARD .sec-abp .card-column li h3 {
	padding: 0 0 15px;
	font-size: 12px;
}

#MUSCARD .sec-abp .card-column li h3 em {
	font-size: 14px;
}

#MUSCARD .sec-abp .card-column li figure {
	margin: 0 10px 15px;
}

#MUSCARD .sec-abp .card-column li p {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto 10px;
    padding: 5px 0;
	border-radius: 8px;
	font-size: 12px;
}

#MUSCARD .sec-abp .card-column li p em {
    display: block;
}

#MUSCARD .sec-abp .card-column li p::after {
	top: -6px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 6px solid #fede00;
}

#MUSCARD .adm-contents {
 width: 94% !important;
 margin: 0 auto
}
#MUSCARD .sel-menu-smp {
 display: block;
 width: 100%;
 margin: 0 auto 30px
}
#MUSCARD .sel-menu-smp li {
 float: left;
 width: 32%;
 margin-right: 2%
}
#MUSCARD .sel-menu-smp li:last-child {
 margin-right: 0
}
#MUSCARD .sel-menu {
 display: none
}
#MUSCARD .sec-adm h2 {
 margin-bottom: 30px;
 padding-bottom: 15px;
 color: #003d8b;
 font-size: 16px
}
#MUSCARD .sec-adm .web::before {
 float: left;
 display: inline-block;
 width: 60px;
 height: 25px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
 margin: -3px 5px 0 -2px;
 background-image: url(../images/muscard/ico_web.png);
 background-size: contain
}
#MUSCARD .sec-adm .shop::before {
 float: left;
 display: inline-block;
 width: 50px;
 height: 35px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
 margin: -3px 10px 0 -2px;
 background-image: url(../images/muscard/ico_shop.png);
 background-size: contain
}
#MUSCARD .sec-adm .post::before {
 float: left;
 display: inline-block;
 width: 50px;
 height: 35px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
 margin: -10px 10px 0 -2px;
 background-image: url(../images/muscard/ico_post.png);
 background-size: contain
}
#MUSCARD .sec-adm .txt-point {
 color: #c51a1a;
 font-size: 18px;
 font-weight: 700
}
#MUSCARD .sec-adm .card-kind {
 widows: 94%;
 margin: 20px auto 50px
}
#MUSCARD .sec-adm .card-kind li {
 float: none;
 width: 100%;
 margin: 0 auto 20px;
 padding: 20px 40px 40px;
 box-sizing: border-box;
 border-radius: 10px
}
#MUSCARD .sec-adm .card-kind li .btn-req {
 width: 100%;
 padding: 15px 0;
 font-size: 14px;
 font-weight: 700
}
#MUSCARD .sec-adm .card-kind li .btn-req a {
 color: #fff
}
#MUSCARD .sec-adm .card-kind li .btn-req a:hover {
 text-decoration: none
}
#MUSCARD .sec-adm .card-kind li .img-card01-smp {
 display: inline-block
}
#MUSCARD .sec-adm .card-kind li .img-card01 {
 display: none
}
#MUSCARD .sec-adm .card-kind li .img-card02-smp {
 display: inline-block
}
#MUSCARD .sec-adm .card-kind li .img-card02 {
 display: none
}
#MUSCARD .sec-adm .card-kind li:first-child {
 background: #e2efff
}
#MUSCARD .sec-adm .card-kind li:first-child .btn-req {
 margin: 20px auto 10px;
 background: #003d8b;
 text-align: center
}
#MUSCARD .sec-adm .card-kind li:first-child .btn-req:last-child {
 margin: 0 auto
}
#MUSCARD .sec-adm .card-kind li:nth-child(2) {
 background: #f4f1ea
}
#MUSCARD .sec-adm .card-kind li:nth-child(2) .btn-req {
 margin: 20px auto 0;
 padding: 15px 0;
 background: #bca253;
 font-size: 14px;
 text-align: center
}
#MUSCARD .sec-adm .card-kind li:last-child {
 margin-bottom: 0
}

#MUSCARD .sec-adm .card-column {
	margin: 10px 0 50px;
    justify-content: space-between;
}

#MUSCARD .sec-adm .card-column li {
    margin: 0;
	width: calc(50% - 3px);
}

#MUSCARD .sec-adm .card-column .card-smbc {
	margin-right: 0;
}

#MUSCARD .sec-adm .card-column li h3 {
	margin: 10px 0 6px;
	padding: 10px 0;
	font-size: 16px;
}

#MUSCARD .sec-adm .card-column .card-smbc h3 {
	border-top: 5px solid #246852;
}

#MUSCARD .sec-adm .card-column .card-mufg h3 {
	border-top: 5px solid #e60000;
}

#MUSCARD .sec-adm .card-column li > div {
	padding: 15px 15px 20px;
}

#MUSCARD .sec-adm .card-column li > div p {
	border-radius: 8px;
	font-size: 12px;
}

#MUSCARD .sec-adm .card-column li > div p em {
    display: block;
}

#MUSCARD .sec-adm .card-column li > div p::after {
	bottom: -6px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #fede00;
}

#MUSCARD .sec-adm .card-column li figure {
	margin: 0 0 15px;
}

#MUSCARD .sec-adm .card-column li figcaption {
	margin: 5px 0 0;
	font-size: 14px;
}

#MUSCARD .sec-adm .card-column .btn_basic a,
#MUSCARD .sec-adm .card-column .btn_gold a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	font-size: 13px;
}

#MUSCARD .sec-adm .card-column .card-smbc .btn_basic {
    margin-bottom: 45px;
}

#MUSCARD .sec-adm .card-column .card-mufg .btn_basic {
	margin: 5px 0 0;
}

#MUSCARD .sec-adm .card-column .card-mufg .btn_basic a {
	height: 45px;
	font-size: 13px;
}

#MUSCARD .sec-adm .txt-flow {
 font-size: 16px
}
#MUSCARD .sec-adm .img-flow {
 display: none
}
#MUSCARD .sec-adm .img-flow-smp {
 display: block;
 margin: 20px auto 15px
}
#MUSCARD .sec-adm .caps {
 font-size: 12px;
 color: #666
}
#MUSCARD .sec-adm .caps a {
 color: #003d8b
}
#MUSCARD .sec-adm .caps a:hover {
 text-decoration: none
}
#MUSCARD .sec-adm .caps a::after {
 display: inline-block;
 width: 18px;
 height: 18px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
 margin: -6px 0 0 -2px;
 background-image: url(../images/bridal/ico_arrow_bl.png);
 background-size: contain
}
#MUSCARD .sec-adm .mus-counter {
 margin: 20px auto 50px;
 padding: 20px 15px;
 background: #f5f5f5;
 border-radius: 10px
}
#MUSCARD .sec-adm .mus-counter h3 {
 margin-bottom: 16px;
 font-size: 16px;
 color: #003d8b;
 text-align: center
}
#MUSCARD .sec-adm .mus-counter p {
 font-size: 14px;
 font-weight: 700;
 text-align: center
}
#MUSCARD .sec-adm .mus-counter ul {
 width: 100%;
 margin: 20px auto 0;
 border-top: 1px solid silver
}
#MUSCARD .sec-adm .mus-counter ul li {
/* float: left;
 width: 60%;*/
 padding: 20px;
 border-right: 1px solid silver;
 font-size: 12px;
 text-align: center;
 box-sizing: border-box
}
#MUSCARD .sec-adm .mus-counter ul li:last-child {
/* width: 40%;*/
 border: none
}
#MUSCARD .sec-adm .mus-counter ul li span {
 font-size: 12px
}
#MUSCARD .sec-adm .btn-post {
 width: 100%;
 margin: 30px auto 10px;
 padding: 10px 40px 10px 10px;
 background: #fede00;
 text-align: left;
 font-weight: 700;
 font-size: 14px;
 box-sizing: border-box
}
#MUSCARD .sec-adm .btn-post a {
 color: #003d8b
}
#MUSCARD .sec-adm .btn-post a::after {
 display: none
}
#MUSCARD .sec-adm .btn-post a:hover {
 text-decoration: none
}
#MUSCARD .sec-adm .btn-post::after {
 float: right;
 display: inline-block;
 width: 14px;
 height: 14px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: cover;
 margin: -5px -30px 0 0;
 background-image: url(../images/muscard/ico_link.png);
 background-size: contain
}
#MUSCARD .sec-service {
 width: 94%;
 margin: 0 auto 50px
}
#MUSCARD .sec-service h2 {
 margin-bottom: 0;
 padding-bottom: 15px;
 font-size: 16px;
 font-weight: 700;
 color: #003d8b
}
#MUSCARD .sec-service .swype {
 display: inline-block;
 float: right;
 width: 30%
}
#MUSCARD .sec-service div {
 width: 94%;
 margin: 0 auto;
 overflow-x: scroll
}
#MUSCARD .sec-service table {
 width: 200%;
 margin: 35px auto 0;
 border: 1px solid #d1d1d1
}
#MUSCARD .sec-service table tr:nth-child(odd) {
 background: #f4f4f4
}
#MUSCARD .sec-service table th {
 width: 8.74% !important;
 padding: 7px 0;
 background: #fff;
 border: 1px solid #d1d1d1;
 vertical-align: middle;
 text-align: center;
 font-weight: 400;
 box-sizing: border-box;
 color: #003d8b
}
#MUSCARD .sec-service .cell_title {
 width: 18%;
 background: #fff;
 color: #003d8b;
 vertical-align: top
}
#MUSCARD .sec-service .cell_stripe {
 background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, #fff), color-stop(0.5, #fff), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, #fff), to(#fff));
 background: -moz-linear-gradient(-45deg, #ddd 25%, #fff 25%, #fff 50%, #ddd 50%, #ddd 75%, #fff 75%, #fff);
 background: linear-gradient(-45deg, #ddd 25%, #fff 25%, #fff 50%, #ddd 50%, #ddd 75%, #fff 75%, #fff);
 background-size: 4px 4px
}
#MUSCARD .sec-service .cell_shop {
 width: 40%;
 font-weight: 700;
 text-align: left;
 color: #2b2b2b
}
#MUSCARD .sec-service .cell_item {
 width: 30%;
 font-weight: 700;
 text-align: left;
 color: #2b2b2b
}
#MUSCARD .sec-service .cell_discount {
 width: 12% !important;
 background: #fff !important;
 border-bottom: 3px solid #6199d8;
 text-align: center
}
#MUSCARD .sec-service .cell_add {
 width: 12% !important;
 background: #fff !important;
 border-bottom: 3px solid #d86161;
 text-align: center
}
#MUSCARD .sec-service .cell_use {
 width: 12% !important;
 background: #fff !important;
 border-bottom: 3px solid #ebb133;
 text-align: center
}
#MUSCARD .sec-service .cell_performance {
 width: 12% !important;
 background: #fff !important;
 border-bottom: 3px solid #649e5c;
 text-align: center
}
#MUSCARD .sec-service .box_add {
 background: url(../images/muscard/bg_circle.png) no-repeat center center #f7dddd;
 font-size: 12px;
 font-weight: 400;
 text-align: center;
 color: #2b2b2b
}
#MUSCARD .sec-service .box_use {
 background: url(../images/muscard/bg_circle.png) no-repeat center center #ffebbf;
 font-size: 12px;
 font-weight: 400;
 text-align: center;
 color: #2b2b2b
}
#MUSCARD .sec-service .box_performance {
 background: url(../images/muscard/bg_circle.png) no-repeat center center #deeed6;
 font-size: 12px;
 font-weight: 400;
 text-align: center;
 color: #2b2b2b
}
#MUSCARD .caps {
 font-size: 12px;
 color: #666
}
#MUSCARD .tab-shop {
 margin: 30px auto 0;
 display: flex;
}
#MUSCARD .tab-shop li {
/* float: left;
 width: 33%;*/
 width: calc(50% - 1px);
 margin: 0 1px 0 0;
 padding: 15px 10px;
 background: #a9a9a9;
 border-radius: 5px 5px 0 0;
 text-align: center;
 color: #fff;
 box-sizing: border-box
}
#MUSCARD .tab-shop li:last-child {
 margin-right: 0
}
#MUSCARD .tab-shop li a {
 color: #fff
}
#MUSCARD .tab-shop li a:hover {
 text-decoration: none
}
#MUSCARD .tab-shop .cr {
 position: relative;
 background: #fff;
 border: 1px solid #a9a9a9;
 border-bottom: none;
 box-sizing: border-box;
 color: #2b2b2b;
 font-weight: 700
}
#MUSCARD .tab-shop .cr::after {
 position: absolute;
 left: 38%;
 bottom: 0;
 display: inline-block;
 width: 14px;
 height: 14px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 margin: 0 0 0 6px;
 background-image: url(../images/muscard/ico_arrow_bl.png);
 background-size: contain;
 transform: rotate(90deg)
}
#MUSCARD .tab-shop .cr a {
 color: #2b2b2b
}
#MUSCARD .tab-shop .cr a:hover {
 text-decoration: none
}
#MUSCARD .conditions {
 margin-bottom: 0
}
#MUSCARD .conditions section {
 border-bottom: 1px solid #ddd
}
#MUSCARD .conditions h3 {
 margin: 30px 0;
 font-size: 16px;
 font-weight: 700
}
#MUSCARD .conditions ul {
 margin-bottom: 30px
}
#MUSCARD .conditions ul li {
 margin-bottom: 10px;
 padding-left: 25px;
 font-size: 14px;
 line-height: 20px
}
#MUSCARD .conditions ul li::before {
 width: 20px;
 height: 20px;
 margin: 0 10px 0 -25px;
 content: "■"
}
#MUSCARD .conditions .box_b h3 {
 color: #6199d8
}
#MUSCARD .conditions .box_b ul li::before {
 color: #6199d8
}
#MUSCARD .conditions .box_p h3 {
 color: #d86161
}
#MUSCARD .conditions .box_p ul li::before {
 color: #d86161
}
#MUSCARD .conditions .box_y h3 {
 color: #f8b626
}
#MUSCARD .conditions .box_y ul li::before {
 color: #f8b626
}
#MUSCARD .conditions .box_g {
 border: none
}
#MUSCARD .conditions .box_g h3 {
 color: #649e5c
}
#MUSCARD .conditions .box_g ul {
 margin-bottom: 0
}
#MUSCARD .conditions .box_g ul li::before {
 color: #649e5c
}
#MUSCARD .service {
 margin-top: 10px
}
#MUSCARD .service ul li {
 margin: 0 2px 10px 0 !important;
 padding-right: 10px !important
}
#MUSCARD .sec-mem {
 margin: 0 auto 50px;
 width: 94%
}
#MUSCARD .sec-mem.mb0 {
 margin: 0 auto
}
#MUSCARD .sec-mem h2 {
 color: #003d8b;
 font-size: 16px;
 margin-bottom: 25px
}
#MUSCARD .sec-mem .point-info {
 overflow: hidden;
 margin-bottom: 50px
}
#MUSCARD .sec-mem .point-info .img-point {
 width: 100%;
 margin-top: 20px;
 margin-right: 0;
 float: none;
 text-align: center
}
#MUSCARD .sec-mem .point-info .img-point img {
 width: 81.25%
}
#MUSCARD .sec-mem .point-info__main {
 float: none;
 width: 100%;
 margin-top: 20px
}
#MUSCARD .sec-mem .point-info__main .other-title {
 font-size: 14px;
 margin-bottom: 20px
}
#MUSCARD .sec-mem__list {
 line-height: 1
}
#MUSCARD .sec-mem__list li {
 margin-top: 15px;
 padding-left: 1.2em;
 line-height: 1.4;
 position: relative
}
#MUSCARD .sec-mem__list li:first-child {
 margin-top: 0
}
#MUSCARD .sec-mem__list li:before {
 content: "■";
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 color: #194FAA;
 padding-right: 5px
}
#MUSCARD .sec-mem__list li .note {
 display: block;
 color: #666;
 font-size: 12px
}
#MUSCARD .sec-mem__list li .ti-05 {
 display: inline-block;
 text-indent: -.5em
}
#MUSCARD .sec-mem__table {
 border: #D1D1D1 solid 1px;
 text-align: left;
 margin-bottom: 20px;
 font-size: 10px
}
#MUSCARD .sec-mem__table tr {
 overflow: hidden
}
#MUSCARD .sec-mem__table tr th span {
 display: inline-block;
 padding-left: 30px;
 line-height: 1.4;
 padding-top: .5em
}
#MUSCARD .sec-mem__table tr th p {
 display: inline-block
}
#MUSCARD .sec-mem__table tr:nth-child(1) th p {
 background: url(../images/muscard/img_member-num1.png) no-repeat left center
}
#MUSCARD .sec-mem__table tr:nth-child(2) th p {
 background: url(../images/muscard/img_member-num2.png) no-repeat left center
}
#MUSCARD .sec-mem__table tr:nth-child(3) th p {
 background: url(../images/muscard/img_member-num3.png) no-repeat left center
}
#MUSCARD .sec-mem__table tr:nth-child(4) th p {
 background: url(../images/muscard/img_member-num4.png) no-repeat left center
}
#MUSCARD .sec-mem__table tr:nth-child(5) th p {
 background: url(../images/muscard/img_member-num5.png) no-repeat left center
}
#MUSCARD .sec-mem__table tr:nth-child(6) th p {
 background: url(../images/muscard/img_member-num6.png) no-repeat left center
}
#MUSCARD .sec-mem__table tr:nth-child(7) th p {
 background: url(../images/muscard/img_member-num7.png) no-repeat left center
}
#MUSCARD .sec-mem__table tr:nth-child(8) th p {
 background: url(../images/muscard/img_member-num8.png) no-repeat left center
}
#MUSCARD .sec-mem__table th, #MUSCARD .sec-mem__table td {
 padding: 10px
}
#MUSCARD .sec-mem__table th {
 width: 43.33%;
 border-right: #D1D1D1 solid 1px;
 line-height: 25px
}
#MUSCARD .sec-mem__table th img {
 display: none
}
#MUSCARD .sec-mem__table .bg th, #MUSCARD .sec-mem__table .bg td {
 background: #F4F4F4
}
#MUSCARD .sec-mem__table.spec-table th, #MUSCARD .sec-mem__table.spec-table td {
 padding: 10px 5px 10px 8px
}
#MUSCARD .sec-mem__table.spec-table th {
 width: 40%
}
#MUSCARD .sec-mem .sec-mem-spec {
 margin-top: 40px;
 padding: 20px;
 border: #F1F1F1 solid 2px;
 border-radius: 5px
}
#MUSCARD .sec-mem .sec-mem-spec.mb80 {
 margin-bottom: 50px
}
#MUSCARD .sec-mem .sec-mem-spec h3 {
 font-size: 16px;
 font-weight: 400;
 margin-bottom: 30px;
 color: #194faa
}
#MUSCARD .sec-mem .sec-mem-spec h4 {
 font-size: 14px;
 font-weight: 700;
 margin: 30px 0 20px;
 padding-top: 37px;
 border-top: #DADADA solid 1px;
 line-height: 1
}
#MUSCARD .sec-mem .sec-mem-spec h4 span {
 display: inline-block;
 border-left: none;
 padding-left: 10px;
 position: relative;
 line-height: 1.4
}
#MUSCARD .sec-mem .sec-mem-spec h4 span:before {
 content: "";
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 5px;
 height: 1em;
 background: #194faa;
 margin-top: .2em
}
#MUSCARD .sec-mem .sec-mem-spec h4.caution {
 font-size: 14px;
 color: #DA3D3D;
 margin: 30px 0 20px;
 padding-top: 0;
 border-top: none
}
#MUSCARD .sec-mem .sec-mem-spec .img-point {
 margin: 20px 0
}
#MUSCARD .sec-mem .contact-info {
 display: block;
 font-size: 12px;
 margin-bottom: 20px;
 text-align: center
}
#MUSCARD .sec-mem .contact-info span {
 display: inline-block;
 vertical-align: middle
}
#MUSCARD .sec-mem .contact-info span.to {
 font-size: 14px
}
#MUSCARD .sec-mem .contact-info span.tel {
 display: inline-block;
 margin-left: 0;
 padding: 0 10px 0 18px;
 font-size: 25px;
 font-weight: 700;
 background: url(../images/muscard/ico_tel_blue.png) no-repeat left center
}
#MUSCARD .sec-mem .note {
 font-size: 12px;
 color: #666
}
#brnadSearch label {
 width: 100%;
 margin-bottom: 5px
}
#brnadSearch label:nth-child(odd) {
 margin-right: 0
}
.btnStyleA.typeCalendar a {
 font-size: 14px
}
/*20200918追加*/
#PARKING .parking_cont .parking-list div {
 display: block;
}
