﻿body {
 box-sizing: border-box
}
header {
 position: fixed;
 z-index: 100;
 left: 0;
 right: 0;
 top: 0;
 height: 47px;
 background-color: #fff
}
header #logo {
 width: 143px;
 top: 14px;
 left: 10px
}
header #logo img {
 vertical-align: top
}
header #menu {
 display: block;
 position: absolute;
 width: 35px;
 height: 34px;
 top: 8px;
 right: 10px;
 background: url(../images/common/icon_menu.png) no-repeat 0 -2px;
 background-size: 35px 77px
}
header #menu.close {
 background-position: 0 -43px
}
header #menu span {
 visibility: hidden
}
html.hnav-open, html.hnav-open > body {
 overflow: hidden
}
#hNav {
 display: block;
 position: fixed;
 z-index: 90;
 overflow: scroll;
 height: 0;
 box-sizing: border-box;
 margin: 0;
 padding: 0;
 line-height: 1;
 font-size: 14px;
 background: #fff none;
 -webkit-overflow-scrolling: touch;
 transition: height 500ms;
 -webkit-transition: height 500ms
}
#hNav:after {
 content: "";
 display: block;
 height: 50px
}
#hNav.open {
 height: 100%
}
#hNav ul li {
 border-bottom: 1px solid #cbcbcb !important
}
#hNav #hNavTop {
 position: relative;
 top: auto;
 right: auto
}
#hNav #hNavTop li {
 display: block;
 float: left;
 box-sizing: border-box;
 width: 50%;
 padding: 12px 10px 12px 21px;
 margin: 0;
 background-position: 10px center
}
#hNav #hNavTop li:nth-child(odd) {
 border-right: 1px solid #cbcbcb
}
#hNav #hNavTop #lang_navi {
 display: none
}
#hNav #hNavBottom {
 position: relative;
 top: auto;
 right: auto
}
#hNav #hNavBottom li {
 display: block;
 margin: 0;
 padding: 15px 10px;
 border-right: none
}
#hNav #hNavBottom li:nth-child(2) {
 padding-left: 15px
}
#hNav #hNavBottom li:nth-child(2):before {
 margin-right: 14px
}
#hNav #hNavBottom li:nth-child(3) {
 padding-left: 13px
}
#hNav #hNavBottom li:nth-child(3):before {
 margin-right: 12px
}
#hNav #gNav {
 height: auto;
 margin: 0;
 padding: 0;
 background: none !important
}
#hNav #gNav li {
 width: 50%;
 box-sizing: border-box;
 margin: 0;
 border-radius: 0
}
#hNav #gNav li:nth-child(odd) {
 border-right: 1px solid #cbcbcb
}
#hNav #gNav li a {
 width: 145px;
 margin: 0 auto;
 background-color: transparent !important;
 background-position-y: 0 !important
}
#hNav #gNav li a:hover {
 background-color: #fff !important;
 background-position: 0 0 !important
}
#hNav .language_cg, #hNav .language {
 zoom: 1;
 margin-bottom: 10px;
 padding: 15px 3.13% 5px;
 text-align: center;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between
}
#hNav .language_cg {
 margin-bottom: 5px;
 border-bottom: 1px solid #cbcbcb
}
#hNav .language h3 {
 margin-bottom: 10px;
 text-align: center;
 font-size: 14px;
 font-weight: 400;
 width: 100%
}
#hNav .language_cg:after, #hNav .language:after {
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
 line-height: 0;
 content: "."
}
#hNav .language_cg a, #hNav .language a {
 margin-bottom: 10px;
 display: block;
 padding: 12px;
 width: 48.33%;
 box-sizing: border-box;
 border: 1px solid #cbcbcb
}
#hNav .close {
 display: block;
 text-align: center;
 padding-bottom: 20px
}
#hNav .close a {
 padding: 5px 0 5px 30px;
 background: url(../images/common/icon_close.png) no-repeat 0 center;
 background-size: 20px 20px
}
#HOME #hNav #gNav #nav01 a, #FOOD #hNav #gNav #nav03 a {
 background-position: center 0;
 background-color: #fff
}
body:not(#HOME) #bannerBox {
 display: none
}
footer {
 padding: 30px 10px;
 text-align: left
}
footer ul {
 margin: 0 0 30px
}
footer ul li {
 display: inline-block;
 width: 45%;
 font-size: 12px;
 margin-right: 4.08%
}
footer ul li:last-child {
 margin-right: 0
}
footer ul li a {
 color: #fff;
 text-decoration: none
}
footer .copyright {
 line-height: 1.4
}
#breadcrumb {
 margin-top: 20px;
 padding: 20px 3.12% 15px;
 border-top: none
}
#breadcrumb ul li {
 margin-bottom: 5px;
 margin-right: 10px;
 padding-right: 15px;
 line-height: 1.4;
 background-position: right 4px;
 background-size: 5px auto
}
#pageTop {
 bottom: 10px;
 right: 10px
}
#pageTop a {
 display: block;
 width: 100px;
 height: 40px;
 background: url(../images/common/page_top_sp.png) no-repeat 0 0;
 background-size: contain
}
#eventVisual {
 margin: 0;
 padding: 0;
 background-color: #fff
}
#eventVisual #visual .box {
 max-width: 100%
}
#eventVisual #visual .box .txt {
 display: none
}
#eventVisual #visual .box .img {
 padding: 0;
 border-radius: 0
}
#eventVisual #visual .box.active .img a {
 transition: none
}
#eventVisual #visual .box.active .img a:hover {
 border: none
}
#eventVisual #thumbnail {
 display: block;
 position: relative;
 overflow: hidden;
 border-bottom: 1px solid #ededed
}
#eventVisual #thumbnail .box {
 position: relative;
 display: table;
 padding: 3.13% 8.44% 3.13% 3.13%;
 background-image: url(../images/common/icon_arrow-blue.png);
 background-repeat: no-repeat;
 background-position: right 3.13% center;
 background-size: 7px 12px
}
#eventVisual #thumbnail .box:first-child {
 border: 1px solid #194faa
}
#eventVisual #thumbnail .box.gray {
 background-color: #ededed
}
#eventVisual #thumbnail .box .img {
 display: table-cell;
 position: relative;
 box-sizing: border-box;
 width: 20.31%;
 padding-right: 3.13%;
 vertical-align: middle
}
#eventVisual #thumbnail .box .img img {
 width: 100%;
 border-radius: 100px
}
#eventVisual #thumbnail .box .txt {
 display: table-cell;
 vertical-align: middle
}
#eventVisual #thumbnail .box .link {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 text-indent: -9999px
}
.bx-controls {
 display: none
}
.bx-controls .bx-controls-direction {
 display: none
}
#otherEvent {
 padding: 6.25% 3.13% 3.13%
}
#otherEvent > .inner {
 max-width: 100%;
 margin: 0 auto
}
#otherEvent .box {
 width: 46.67%;
 margin: 0 6.5% 6.25% 0
}
#otherEvent .box:nth-child(2n) {
 margin-right: 0
}
#otherEvent .box .time {
 line-height: 1;
 font-size: 10px
}
#otherEvent .box .txt {
 line-height: 1.4;
 font-size: 12px
}
#newsBox {
 width: 100%;
 padding: 40px 0
}
#newsBox #newsTab {
 display: block;
 position: relative;
 height: 42px;
 border-bottom: 1px solid #3970b5
}
#newsBox #newsTab div {
 position: absolute;
 width: 49.5%;
 padding: 10px 0;
 text-align: center;
 background-color: #cdcdcd
}
#newsBox #newsTab div:nth-child(1) {
 left: 0
}
#newsBox #newsTab div:nth-child(1).active {
 border-right: 1px solid #3970b5
}
#newsBox #newsTab div:nth-child(2) {
 left: 50.5%
}
#newsBox #newsTab div:nth-child(2).active {
 border-left: 1px solid #3970b5
}
#newsBox #newsTab div.active {
 margin-bottom: 0;
 padding: 12px 0 11px;
 color: #3970b5;
 border-top: 1px solid #3970b5;
 background-color: #fff
}
#newsBox .news {
 float: none;
 width: 100%
}
#newsBox .info {
 display: none;
 float: none;
 width: 100%
}
#newsBox h2 {
 display: none
}
#newsBox .newsList {
 margin: 0;
 padding: 0;
 list-style-type: none
}
#newsBox .newsList li {
 display: block;
 box-sizing: border-box;
 width: 100%;
 padding: 13px 10px 11px;
 background: url(../images/common/icon_arrow-blue.png) no-repeat right 10px center;
 background-size: 7px 12px
}
#newsBox .newsList li span {
 display: block
}
#newsBox .newsList li .txt {
 padding-right: 20px
}
#newsBox .indexLink {
 padding: 10px 0 0 10px
}
.bgGrayA {
 padding: 0 3.12% 40px
}
.btnStyleA:nth-child(1) {
 margin-bottom: 10px
}
#restaurantTab {
 height: 40px;
 margin: -60px 0 40px;
 padding: 0 3.12%;
 background: url(../images/brand/restaurant_tab_bg_sp.png) repeat-x 0 0;
 background-size: contain
}
#restaurantTab ul {
 margin: 0;
 padding: 0;
 list-style-type: none
}
#restaurantTab ul li {
 height: 40px;
 line-height: 1;
 font-size: 12px
}
#restaurantTab ul li:hover, #restaurantTab ul li.active {
 height: 45px;
 margin-top: -5px
}
#restaurantTab ul li.cafe {
 padding-top: 13px
}
#restaurantTab ul li.cafe:hover, #restaurantTab ul li.cafe.active {
 padding-top: 18px
}
#restaurantTab ul li.cafe:before {
 width: 20px;
 height: 13px
}
#restaurantTab ul li.restaurant {
 padding-top: 9px
}
#restaurantTab ul li.restaurant:hover, #restaurantTab ul li.restaurant.active {
 padding-top: 14px
}
#restaurantTab ul li.restaurant:before {
 width: 12px;
 height: 22px
}
#restaurantBanner {
 padding: 0 3.12%
}
#brandEventList .box {
 width: 47.5%;
 margin: 0 5% 15px 0
}
#brandEventList .box .txt {
 padding: 10px
}
#brandEventList .box .period {
 padding-bottom: 5px;
 line-height: 1.6;
 text-align: left;
 font-size: 10px
}
#brandEventList .box .description {
 padding-right: 0;
 background: none
}
#brandEventList .box .description:after {
 display: inline-block;
 width: 7px;
 height: 12px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: 0 center;
 background-size: cover;
 margin-left: 10px;
 background-image: url(../images/common/icon_arrow-blue.png)
}
#brandEventList .box:nth-child(2n) {
 margin-right: 0
}
.barndList .box {
 float: none;
 width: 100%;
 box-sizing: border-box;
 margin: 0;
 padding: 3.12%;
 border-top: 1px solid #d7d7d7
}
.barndList .box .photo {
 display: inline-block;
 float: none;
 width: 33.33%;
 box-sizing: border-box;
 margin-right: 3.33%;
 vertical-align: middle
}
.barndList .box .info {
 display: inline-block;
 float: none;
 box-sizing: border-box;
 width: 60%;
 vertical-align: middle
}
.barndList .box .info .name a {
 display: block;
 padding-right: 10px;
 background: url(../images/common/icon_arrow-blue.png) no-repeat right center;
 background-size: 8px 12px
}
.barndList .box .info .name a:after {
 display: none
}
.barndList .box .txt {
 display: block;
 clear: both;
 float: none;
 width: 100%;
 padding-top: 0;
 border-top: none
}
.pickupShop {
 margin-bottom: 30px;
 padding-top: 40px
}
#pushSection {
 height: auto !important;
 background: #fff none !important;
 background-size: contain
}
#pushSection > .inner {
 max-width: 100%;
 margin: 0 auto
}
#pushSection .box {
 padding: 20px 3.12% 0 !important
}
#pushSection h2 a {
 line-height: 1;
 font-size: 16px
}
#pushSection h2:after {
 margin: 0 0 0 8px
}
#pushSection .icon {
 margin: 8px 0 13px;
 line-height: 1;
 font-size: 14px
}
#pushSection .txt {
 margin: 10px 0 15px
}
#pushSection .subTxt {
 margin-bottom: 2px;
 line-height: 1;
 font-size: 10px
}
#pushSection .postWarp {
 display: block
}
#pushSection .postWarp h3 {
 display: block;
 padding: 0;
 margin-bottom: 15px;
 line-height: 1
}
#pushSection .postWarp .postList {
 display: block
}
#pushSection .postWarp .postList li {
 display: table;
 width: 100%;
 margin-bottom: 8px;
 border-bottom: 1px solid #ede2e6
}
#pushSection .postWarp .postList li:last-child {
 margin-bottom: 0
}
#pushSection .postWarp .postList li .date {
 width: 90px
}
#pushSection .lineRegistBtn a {
 padding-top: 15px;
 margin: 0 auto
}
#pushSection .lineRegistBtn a:before {
 display: block;
 margin: 0 auto 10px
}
#pushSection .lineRegistBtn a:after {
 background-image: url(../images/brand/item_balloon_sp.png)
}
#brandSection {
 padding: 20px 0 0
}
#brandSection > .inner {
 padding: 0 3.12%
}
#brandSection #brandInfoSection {
 margin-bottom: 15px
}
#brandSection #brandInfoSection #brandLogo {
 display: table;
 table-layout: fixed;
 float: none;
 width: 100%;
 margin-bottom: 20px
}
#brandSection #brandInfoSection #brandLogo .logo {
 display: table-cell;
 width: 33.33%;
 margin-right: 6.66%;
 padding: 0;
 text-align: center;
 vertical-align: middle
}
#brandSection #brandInfoSection #brandLogo .logo span {
 display: inline;
 border: none
}
#brandSection #brandInfoSection #brandLogo .logo img {
 border: none
}
#brandSection #brandInfoSection #brandLogo h1 {
 display: table-cell;
 padding-left: 6.25%;
 vertical-align: middle;
 line-height: 1.4;
 font-size: 20px
}
#brandSection #brandInfoSection #brandInfo {
 float: none;
 width: 100%
}
#brandSection #brandInfoSection #brandInfo .firstBox {
 margin-bottom: 0
}
#brandSection #brandInfoSection #brandInfo .firstBox h1 {
 display: none
}
#brandSection #brandInfoSection #brandInfo .firstBox .txt {
 float: none;
 width: 100%;
 margin-bottom: 20px;
 line-height: 1.4;
 font-size: 14px
}
#brandSection #brandInfoSection #brandInfo .firstBox .photo {
 float: none;
 width: 100%;
 margin-bottom: 20px
}
#brandSection #brandInfoSection #brandInfo .secondBox {
 width: 100%
}
#brandSection #brandInfoSection #brandInfo .secondBox .placeBox {
 margin-bottom: 15px
}
#brandSection #brandInfoSection #brandInfo .secondBox .placeBox .place {
 white-space: nowrap;
 padding: 10px;
 line-height: 1;
 font-size: 12px
}
#brandSection #brandInfoSection #brandInfo .secondBox .placeBox .info {
 width: 90%;
 box-sizing: border-box;
 padding-left: 5%
}
#brandSection #brandInfoSection #brandInfo .secondBox .placeBox .info .name .tag {
 margin-right: 10px;
 padding: 3px 3px 2px;
 line-height: 1;
 font-size: 10px
}
#brandSection #brandInfoSection #brandInfo .secondBox .tel {
 margin-bottom: 15px;
 line-height: 1;
 font-size: 16px
}
#brandSection #brandInfoSection #brandInfo .secondBox .goods {
 display: block
}
#brandSection #brandInfoSection #brandInfo .secondBox .goods .head {
 display: block;
 margin-bottom: 13px;
 line-height: 1;
 font-size: 14px
}
#BANQUET_ROOM .leadTxt, #RECOMMENDED .leadTxt, #BANQUET_PLAN .leadTxt {
 margin-bottom: 25px;
 text-align: left
}
#RECOMMENDED .cautionTxtA, #BANQUET_PLAN .cautionTxtA {
 margin-top: 0;
 padding-bottom: 20px
}
.restaurantBannerSection {
 padding: 40px 0 0
}
.menuList .headline {
 margin-bottom: 20px
}
.menuList .headline .cat {
 display: block;
 padding-bottom: 10px;
 line-height: 1;
 font-size: 12px
}
.menuList .headline .name {
 display: block;
 line-height: 1;
 font-size: 18px
}
#BANQUET_ROOM .guideTable {
 margin-bottom: 30px
}
#BANQUET_ROOM .guideTable tr:nth-child(3) p {
 display: block;
 margin: 5px 0 0
}
#BANQUET_ROOM .guideTable tr th {
 display: block;
 width: 100%;
 padding: 18px 0 7px;
 background-image: none
}
#BANQUET_ROOM .guideTable tr td {
 display: block;
 width: 100%;
 padding: 0 0 17px;
 background-image: none
}
#BANQUET_ROOM .col2Box {
 margin: 30px 0
}
@media screen and(max-width: 600px) {
 #BANQUET_ROOM .shopInfoTable ul {
  display: block;
  text-align: center
 }
 #BANQUET_ROOM .shopInfoTable ul .name {
  display: inline-block;
  width: auto;
  padding-right: 15px
 }
 #BANQUET_ROOM .shopInfoTable ul .cat {
  display: inline-block;
  width: auto
 }
 #BANQUET_ROOM .shopInfoTable ul .tel {
  display: block;
  width: auto;
  padding: 10px 0
 }
 #BANQUET_ROOM .shopInfoTable ul .time {
  display: block
 }
 #BANQUET_ROOM .col2Box {
  margin-bottom: 30px
 }
 #BANQUET_ROOM .col2Box div {
  float: none
 }
 #BANQUET_ROOM .col2Box div:nth-child(1) {
  width: auto;
  margin-bottom: 30px
 }
 #BANQUET_ROOM .col2Box div:nth-child(2) {
  width: auto
 }
 #BANQUET_ROOM .col2Box div h2 {
  margin-bottom: 20px;
  line-height: 1;
  font-size: 14px
 }
}
#BANQUET_ROOM .banquetHead {
 padding: 14px 0 10px;
 background-color: #efe6db
}
#BANQUET_ROOM .banquetHead h2 {
 line-height: 1;
 font-size: 14px
}
#BANQUET_ROOM .banquetHead h2:before {
 width: 21px;
 height: 20px;
 margin-right: 5px
}
#BANQUET_ROOM .banquetHead h2:after {
 display: inline-block;
 width: 10px;
 height: 8px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-size: cover;
 margin-left: 10px;
 background-image: url(../images/brand/cafe-restaurant/icon_arrow_01.png)
}
#BANQUET_ROOM .banquetHead.close h2:after {
 background-position: 0 0
}
#BANQUET_ROOM .banquetHead.open h2:after {
 background-position: 0 -20px
}
#BANQUET_ROOM #banquetCalenderSP .closeBtn {
 height: 30px;
 margin-top: 20px;
 text-indent: -9999px;
 background: #ece3d8 url(../images/brand/cafe-restaurant/icon_arrow_01.png) no-repeat center -10px;
 background-size: 10px auto
}
#BANQUET_ROOM .contactBox h3, #BANQUET_ROOM .contactBox p {
 text-align: left
}
#EVENT .eventInfo .img {
 padding: 10px
}
#EVENT .eventInfo .info {
 padding: 13px 3.12%;
 line-height: 1.4;
 font-size: 14px
}
#EVENT .eventInfo .info .time {
 display: block;
 padding: 0 0 8px
}
#EVENT .eventInfo .info .place {
 display: block
}
#EVENT .eventInfo .info .place span {
 padding-right: 10px
}
#EVENT .eventInfo .info .place span:last-child {
 padding-right: 0
}
#EVENT .eventInfo .info .sale {
 display: block;
 padding: 8px 0 0
}
#EVENT .eventBrandInfo {
 padding: 20px 1.56%
}
#EVENT .eventBrandInfo .img {
 width: 55%;
 max-width: none;
 height: auto;
 padding-right: 3.13%
}
#EVENT .eventBrandInfo .img img {
 width: 100%;
 max-width: none;
 max-height: 100%
}
#EVENT .eventBrandInfo .info {
 width: 45%;
 line-height: 1.4;
 font-size: 14px
}
#EVENT .eventBrandInfo .info h1 {
 line-height: 1;
 font-size: 20px;
 margin-bottom: 15px
}
#EVENT .eventBrandInfo .info .time {
 margin-bottom: 7px
}
#EVENT .eventBrandInfo .info .place span {
 padding-right: 10px
}
#EVENT .eventBrandInfo .info .place span:last-child {
 padding-right: 0
}
#EVENT .eventBrandInfo .info .sale {
 margin-top: 7px
}
#EVENT .eventContent {
 padding: 20px 3.12% 0
}
#EVENT .eventContent.typeSec {
 padding: 20px 0
}
#EVENT .cms {
 margin-bottom: 20px
}
#EVENT .barndList {
 border-bottom: 1px solid #d7d7d7
}
#EVENT .btnStyleA {
 margin-bottom: 40px
}
#brnadSearchKeyword {
 padding: 40px 3.12% 30px
}
#brnadSearchKeyword #keyword {
 width: 100%;
 height: 45px;
 margin-bottom: 20px;
 padding-left: 45px;
 line-height: 1;
 font-size: 14px;
 background: #f4f4f4 url(../images/common/icon_search.png) no-repeat 10px 8px;
 background-size: 26px auto
}
#brnadSearchKeyword .icon {
 display: none
}
#brnadSearchKeyword .formBtn {
 width: 200px;
 height: 40px;
 font-size: 14px;
 border-radius: 0;
 -webkit-appearance: none
}
#brnadSearchForm {
 padding: 30px 0 0
}
#brnadSearchForm .headlineE {
 margin-left: 3.12%
}
#brnadSearchForm .inner {
 padding: 3.12%;
 background-color: transparent
}
#brnadSearchForm .taxSelect label {
 width: 33.33%;
 box-sizing: border-box;
 border-radius: 0;
 border-top: 1px solid #ccc
}
#brnadSearchForm .taxSelect label:not(:last-child) {
 border-right: 1px solid #ccc
}
#brnadSearchForm .termSelect {
 text-align: left
}
#brnadSearchForm .termSelect label {
 width: 49.16%
}
#brnadSearchForm .termSelect label:nth-child(odd) {
 margin-right: 1.66%
}
#brnadSearchForm .termSelect label:nth-child(even) {
 margin-right: 0
}
#brnadSearchForm #initialsBtnAll {
 width: 58.33%;
 background-color: #fff;
 border-radius: 0;
 -webkit-appearance: none
}
#brnadSearchForm .initialsTable.en tr:not(:nth-child(n + 3)) {
 border-right: 1px solid #ccc
}
#brnadSearchForm .initialsTable.en tr:not(:nth-child(n+3)) td {
 border-bottom: none
}
#brnadSearchForm .initialsTable.en tr:nth-child(3) {
 border-right: none
}
#brnadSearchForm .initialsTable.en tr {
 float: none;
 width: 100%
}
#brnadSearchForm .initialsTable.en .none {
 display: table-cell;
 border-bottom: none
}
#brnadSearchForm .btnBox {
 padding-top: 0;
 border-top: none
}
#brnadSearchForm .btnBox input {
 -webkit-appearance: none;
 border-radius: 0
}
#searchHead {
 padding: 20px 3.33% 10px !important
}
#searchHead .inner {
 display: block
}
#searchHead #searchNum {
 width: auto;
 display: inline-block;
 padding-right: 20px;
 line-height: 1
}
#searchHead #searchNum span {
 line-height: 1;
 font-size: 24px
}
#searchHead #categoryFlag {
 display: inline-block;
 padding-top: 6px;
 padding-bottom: 6px;
 vertical-align: top;
 line-height: 1;
 font-size: 12px
}
#searchHead #categoryFlag.food {
 padding-left: 32px;
 background-position: 0 6px;
 background-size: 27px auto
}
#searchHead #categoryFlag.woman {
 padding-left: 27px;
 background-position: 0 1px;
 background-size: 19px auto
}
#searchHead #categoryFlag.child {
 padding-left: 32px;
 background-position: 0 5px;
 background-size: 27px auto
}
#searchHead #categoryFlag.living {
 padding-left: 34px;
 background-position: 0 1px;
 background-size: 26px auto
}
#searchHead #categoryFlag.restaurant {
 padding-left: 32px;
 background-position: 0 3px;
 background-size: 25px auto
}
#searchHead #categoryFlag.man {
 padding-left: 23px;
 background-position: 0 2px;
 background-size: 15px auto
}
#searchHead #reSearchBox {
 display: block;
 padding-top: 10px
}
#searchHead #reSearchBox label {
 margin: 0 0 5px
}
#searchHead #reSearchBox span.label {
 margin-left: 0
}
#searchHead #reSearchBox span.label:before {
 display: block;
 height: 5px;
 content: "\000A"
}
#searchHead #reSearchBtn {
 display: none
}
#searchContent {
 padding: 0 3.33% 5px !important
}
#searchContent #searchList {
 padding: 0
}
#searchContent #searchList li {
 display: block;
 float: none;
 width: auto;
 margin: 0 0 5px
}
#searchContent #searchList li .name {
 line-height: 1.2;
 font-size: 14px
}
#searchContent #searchList li .term {
 line-height: 1.2;
 font-size: 10px
}
#btnMoreBrand {
 padding: 10px 0 0
}
#spReSearchBtn {
 display: block;
 width: 55%;
 margin: 15px auto 0;
 padding: 5px 0 3px;
 border: 1px solid #ccc;
 text-align: center
}
#spReSearchBtn:before {
 display: inline-block;
 width: 13px;
 height: 13px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 margin-top: -4px;
 background-size: cover;
 margin-right: 5px;
 background-image: url(../images/common/icon_search.png)
}
#CATALOG .catalogSection {
 padding: 20px 3.12% 0;
 border-bottom: 1px solid #d8d8d8
}
#CATALOG .catalogSection:last-child {
 border-bottom: none
}
#CATALOG .titleBox {
 margin-bottom: 10px;
 padding: 7px 0 7px 10px
}
#CATALOG .titleBox h2 {
 line-height: 1.2;
 font-size: 16px
}
#CATALOG .titleBox p {
 color: #242424
}
#CATALOG .postBox {
 margin-bottom: 20px
}
#CATALOG .postBox .img {
 padding-bottom: 2px
}
#CATALOG .postBox .zoom {
 margin: 5px 5px 0;
 background: url(../images/common/icon_modal.png) no-repeat right center;
 background-size: 16px 11px
}
#CATALOG .postBox .pdf {
 margin: 8px 5px 1px;
 background: url(../images/common/icon_download.png) no-repeat right center;
 background-size: 12px 13px
}
#CATALOG .postBox .headline {
 margin-bottom: 8px
}
#CATALOG .postBox .zoom {
 background-position: right 3px
}
#CATALOG .postBox .pdf {
 background-position: right 1px
}
#FLOORMAPLIST .pageSectionStyle {
 padding: 20px 0 0
}
#FLOORMAPLIST #floorMap #yamada .skyPark {
 top: 11%
}
#FLOORMAPLIST .iconsBox {
 margin: 20px auto 0
}
#ACCESS .section01 p + p {
 margin-top: auto
}
#ACCESS p + p {
 margin-top: 15px
}
#ACCESS .accessBox {
 display: block;
 padding: 5%
}
#ACCESS .accessBox > div {
 display: block
}
#ACCESS .accessBox .label {
 width: auto;
 margin-bottom: 17px;
 padding-right: 0;
 line-height: 1;
 font-size: 16px
}
#ACCESS .accessBox .label span {
 display: none
}
#ACCESS .accessBox .star {
 padding-left: 19px;
 background: url(../images/access/ster_sp.png) no-repeat 0 1px !important;
 background-size: 14px auto !important
}
#ACCESS .accessBox .star span {
 color: #ea475b
}
#ACCESS .section03 .map {
 float: none;
 width: auto
}
#ACCESS .section03 .txt {
 float: none;
 width: auto
}
#USER_GUIDE .browser .pc {
 float: none;
 width: auto;
 margin-bottom: 20px
}
#USER_GUIDE .browser .sp {
 float: none;
 width: auto
}
#NANA_ROOM h1 {
 height: auto;
 background-image: none
}
#NANA_ROOM .subBox {
 padding: 0 3.12%
}
#NANA_ROOM .subBox .btn {
 margin-top: 10px
}
#NANA_ROOM .termTab {
 padding: 0 3.12%
}
#NANA_ROOM .contentBox {
 padding-right: 0 3.12%;
 padding-left: 0 3.12%
}
#NANA_ROOM .contentBox .postBox {
 margin-bottom: 59px
}
#NANA_ROOM .contentBox .postBox:before {
 width: 62.16%;
 background-size: contain
}
#F_NANA .warp .secWarp {
 background-size: 105% auto
}
#F_NANA .warp .secWarp > .inner {
 padding: 105px 3.12% 100px
}
#F_NANA #breadcrumb {
 margin-top: 0
}
#F_NANA #rightBox {
 width: 60%
}
#F_NANA .todayNanaPhoto .item {
 bottom: 430px
}
#F_NANA .todayNanaPhoto table img {
 max-width: 100%
}
#F_NANA .nanaProfile .inner {
 display: block
}
#F_NANA .nanaProfile .profileList {
 display: block;
 width: 100%
}
#F_NANA .nanaProfile .nana {
 display: block;
 padding: 20px 0 0
}
#COMPANY .LnavBox,
#PARKING .LnavBox {
 float: none;
 width: auto;
 margin-top: 30px
}
#COMPANY .contentsBox,
#PARKING .contentsBox {
 float: none;
 width: auto
}
#PARKING .tableA.bicycle td:first-child {
 width: auto;
 white-space: nowrap
}
#PARKING .mapSupp {
 font-size: 12px
}
#PARKING .mapSupp .head {
 display: block;
 margin-bottom: 10px
}
#PARKING .line {
 width: 30px;
 height: 5px;
 margin: 0 5px 0 0
}
#PARKING h4.headlineI {
 padding: 6px 0 6px 10px;
 border-left: 2px solid #194faa;
 line-height: 1;
 font-size: 16px
}
#PARKING .tableB.bicycle {
 line-height: 1.4;
 font-size: 12px
}
#PARKING .tableB.bicycle tr td:first-child {
 width: 75px
}
#KANKYOU .col2Box {
 max-width: 100%;
 margin-bottom: 0
}
#KANKYOU .col2Box > div:nth-child(1) {
 width: 45%
}
#KANKYOU .adobe {
 display: none
}
#NEWS .nomalSectionStyle {
 padding: 0
}
#NEWS .nomalSectionStyle #newsBox {
 padding: 20px 0 0
}
#NEWS .nomalSectionStyle #newsBox .newsList li {
 background-color: #fff
}
#NEWS .nomalSectionStyle #newsBox .newsList li:nth-child(even) {
 background-color: #ededed
}
#NEWS .nomalSectionStyle #newsFreeSection {
 padding: 20px 3.12% 40px
}
#NEWS .nomalSectionStyle .backBtn {
 margin: 0 3.12%
}
#SITEMAP > .pageSectionStyle {
 padding: 0
}
#SITEMAP > .pageSectionStyle ul li {
 border-bottom: 1px solid #ededed
}
#SITEMAP > .pageSectionStyle a {
 display: block;
 color: #2b2b2b;
 padding: 13px 3.12% 11px;
 background-position: right 3.12% center
}
#SITEMAP > .pageSectionStyle .bgOdd {
 border-top: 16px solid #cbcbcb;
 border-bottom: 16px solid #cbcbcb;
 background-color: transparent
}
#SITEMAP > .pageSectionStyle .sitemapCol3 {
 margin: 0;
 padding: 0
}
#SITEMAP > .pageSectionStyle .sitemapCol3 ul {
 float: none;
 width: auto;
 margin-right: 0
}
#SITEMAP > .pageSectionStyle .sitemapCol3 ul:nth-child(3) {
 margin-right: 0
}
#SITEMAP > .pageSectionStyle .sitemapCol3 ul li {
 margin-bottom: 0;
 border-bottom: 1px solid #cbcbcb
}
#SITEMAP > .pageSectionStyle .sitemapCol3 .sitename {
 margin-bottom: 0
}
#SITEMAP > .pageSectionStyle .sitemapCol3 .sitename span {
 line-height: 1.3;
 font-size: 16px
}
#SITEMAP > .pageSectionStyle .sitemapCol3 .parent {
 font-weight: 400
}
#SITEMAP > .pageSectionStyle .sitemapCol3 .child {
 padding-left: 25px;
 font-size: 12px;
 background-color: #eee
}
#SITEMAP > .pageSectionStyle .sitemapCol3 .parent + .child {
 margin-top: -1px
}
#SITEMAP > .pageSectionStyle .sitemapListCol4.typeA {
 padding: 0;
 border-bottom: none
}
#SITEMAP > .pageSectionStyle .sitemapListCol4.typeB {
 margin: 0
}
#SITEMAP > .pageSectionStyle .sitemapListCol4 li {
 float: none;
 width: inherit;
 margin: 0
}
.pageSectionStyle {
 padding: 20px 3.12% 0
}
.blandEventSectionStyle.bgGrayA {
 padding-bottom: 0
}
#brandEventSection {
 padding: 0
}
.btnSectionStyle {
 margin-right: 3.12%;
 margin-left: 3.12%
}
#brnadSearchSection {
 padding: 40px 3.12%
}
#brnadSearch label {
 width: 49.16%
}
#brnadSearch label:nth-child(odd) {
 margin-right: 1.66%
}
#brnadSearch label:nth-child(even) {
 margin-right: 0
}
#brnadSearch .btn {
 margin-top: 10px
}
#brnadSearch .btn button {
 width: 100%
}
#layerBox .inBox {
 top: 40px;
 width: 90%
}
#layerBox .closeBtn {
 top: 20px;
 left: 85%
}
.col3BoxA > div {
 float: none;
 width: 100%;
 margin-right: auto
}
.col3List li {
 float: none;
 width: 100%;
 margin: 0 0 20px
}
.col3List li:nth-child(3n) {
 margin: 0
}
.headlineA {
 padding: 21px 0 17px;
 line-height: 1;
 font-size: 20px;
 background-repeat: no-repeat;
 background-position: center 20px;
 background-color: #f4f4f4
}
#EVENT_CALENDAR .headlineA {
 padding-top: 67px;
 background: #f4f4f4 url(../images/common/icon_category_event_calenar.png) no-repeat center 15px;
 background-size: auto 36px
}
#FOOD .headlineA {
 padding-top: 67px;
 background: #f4f4f4 url(../images/common/icon_category_food.png) no-repeat center 15px;
 background-size: auto 33px
}
#WOMAN .headlineA {
 padding-top: 67px;
 background: #f4f4f4 url(../images/common/icon_category_woman.png) no-repeat center 15px;
 background-size: auto 45px
}
#CHILD .headlineA {
 padding-top: 67px;
 background: #f4f4f4 url(../images/common/icon_category_child.png) no-repeat center 15px;
 background-size: auto 42px
}
#LIVING .headlineA {
 padding-top: 67px;
 background: #f4f4f4 url(../images/common/icon_category_living.png) no-repeat center 15px;
 background-size: auto 42px
}
#RESTAURANT .headlineA {
 padding-top: 67px;
 background: #f4f4f4 url(../images/common/icon_category_restaurant.png) no-repeat center 15px;
 background-size: auto 41px
}
#MAN .headlineA {
 padding-top: 67px;
 background: #f4f4f4 url(../images/common/icon_category_man.png) no-repeat center 15px;
 background-size: auto 45px
}
.headlineB {
 margin: 0;
 padding: 0 0 20px 10px;
 text-align: left;
 font-size: 18px
}
.headlineC {
 margin-bottom: 20px;
 padding-left: 1.8em;
 line-height: 1.2;
 text-align: left;
 text-indent: -2em
}
.headlineD {
 margin-bottom: 20px;
 line-height: 1;
 font-size: 14px
}
.headlineE {
 line-height: 1;
 font-size: 18px
}
.headlineF {
 margin: 0 -3.34% 18px;
 padding: 0 3.33% 14px;
 line-height: 1.4;
 font-size: 18px
}
.headlineG {
 margin-bottom: 20px
}
.headlineH {
 margin-bottom: 18px;
 line-height: 1;
 font-size: 16px
}
.termSelect label {
 margin-right: 0
}
.termSelect button {
 border-radius: 5px
}
.btnStyleA {
 width: 100%
}
.btnStyleA a {
 padding: 10px
}
.btnStyleA a:before {
 display: inline-block;
 width: 24px;
 height: 23px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 background-position: 0 0;
 background-size: cover;
 vertical-align: sub
}
.btnStyleA.food a:hover:before {
 background-position: 0 -36px
}
.col2Btn.top a {
 height: 50px;
 font-size: 12px
}
.col2Btn.top a img {
 width: 18px
}
.tableA td {
 padding: 10px
}
.tableB td {
 padding: 10px
}
#MAN .headlineA {
 color: #fff;
 background-image: url(../images/common/icon_category_man_white.png), url(../images/common/bg_man_black.png);
 background-repeat: no-repeat, repeat;
 background-position: center 15px, 0 0;
 background-size: auto 45px, contain
}
#MAN #brandEventList {
 color: #e1e1e1
}
#MAN #brandEventList .box .description {
 background-image: none
}
#MAN #brandEventList .box .description:after {
 background-image: url(../images/common/icon_arrow-white.png)
}
#LINE_AT .headlineA, #SNS .headlineA, #SNS .headlineA::after {
 height: 200px
}
#SNS .headlineA {
 background-size: 645px auto
}
#SNS .headlineA::after {
 background-size: auto 60%
}
#LINE_AT .pageSectionStyle {
 padding: 20px 0 0
}
#SNS .pageSectionStyle {
 padding: 0
}
#SNS .pageSectionStyle > .inner, #LINE_AT .pageSectionStyle > .inner {
 padding: 0
}
#SNS .catch, #LINE_AT .catch {
 width: 93.75%;
 margin-bottom: 20px
}
#SNS .sns_nav, #LINE_AT .line_nav {
 text-align: left
}
#SNS .sns_nav ul, #LINE_AT .line_nav ul {
 border-bottom: 1px solid #c3c3c3
}
#SNS .sns_nav ul li, #LINE_AT .line_nav ul li {
 display: block;
 margin: 0;
 padding: 0 3.12%;
 border-top: 1px solid #c3c3c3
}
#SNS .sns_nav ul li a, #LINE_AT .line_nav ul li a {
 display: block;
 padding: 20px 0 18px;
 background: url(../images/line_at/icon_arrow-blue.png) no-repeat right center;
 background-size: 12px auto
}
#SNS .sns_nav ul li a:after, #LINE_AT .line_nav ul li a:after {
 display: none
}
#SNS .sec-line, #LINE_AT .sec-line {
 width: 93.75%;
 margin: 25% auto 0;
 border-width: 3px
}
#SNS .sec-line .sec-icon img, #LINE_AT .sec-line .sec-icon img {
 width: 28.12%;
 margin-top: -15%
}
#SNS .sec-line .inner, #LINE_AT .sec-line .inner {
 text-align: left;
 margin-bottom: 20px
}
#SNS .sec-line .inner h3, #LINE_AT .sec-line .inner h3 {
 margin-bottom: 15px;
 text-align: center;
 line-height: 1;
 font-size: 16px;
 font-weight: 700
}
#SNS .sec-line .inner .txt-present, #LINE_AT .sec-line .inner .txt-present {
 line-height: 1.4;
 font-size: 16px
}
#SNS .sec-line .howto-pc, #LINE_AT .sec-line .howto-pc {
 display: none
}
#SNS .sec-line .howto-smp, #LINE_AT .sec-line .howto-smp {
 display: block;
 margin: 0;
 padding: 20px 0 18px;
 border-top: 2px solid #3eb134
}
#SNS .sec-insta .howto-smp {
 border-top: 2px solid #ff0075
}
#SNS .sec-line .howto-smp h4, #LINE_AT .sec-line .howto-smp h4 {
 color: #3eb134;
 line-height: 1;
 font-size: 20px;
 font-weight: 700;
 text-align: center
}
#SNS .sec-insta .howto-smp h4 {
 color: #ff0075
}
#SNS .sec-line .howto-smp .btn-send, #LINE_AT .sec-line .howto-smp .btn-send {
 width: 120px;
 margin: 8px auto 6px
}
#SNS .caps, #LINE_AT .caps {
 width: 93.75%;
 margin: 40px auto 0
}
#KIDS_CIRCLE .intoro {
 text-align: left
}
#KIDS_CIRCLE .intoro .subCopy {
 width: 50%
}
#KIDS_CIRCLE .intoro h2 {
 margin-bottom: 20px
}
#KIDS_CIRCLE .privilege, #KIDS_CIRCLE .birthday {
 padding: 0 !important
}
#KIDS_CIRCLE .privilege .left, #KIDS_CIRCLE .privilege .right, #KIDS_CIRCLE .birthday .left, #KIDS_CIRCLE .birthday .right {
 float: none !important;
 width: auto !important;
 max-width: 100% !important;
 text-align: center
}
#KIDS_CIRCLE .privilege .left h3, #KIDS_CIRCLE .privilege .right h3, #KIDS_CIRCLE .birthday .left h3, #KIDS_CIRCLE .birthday .right h3 {
 text-align: left;
 line-height: 1.2;
 font-size: 18px
}
#KIDS_CIRCLE .privilege .left h3 em, #KIDS_CIRCLE .privilege .right h3 em, #KIDS_CIRCLE .birthday .left h3 em, #KIDS_CIRCLE .birthday .right h3 em {
 font-size: 14px
}
#KIDS_CIRCLE .privilege .right, #KIDS_CIRCLE .birthday .right {
 width: auto !important;
 max-width: inherit
}
#KIDS_CIRCLE .privilege .catch, #KIDS_CIRCLE .privilege .txt, #KIDS_CIRCLE .birthday .catch, #KIDS_CIRCLE .birthday .txt {
 text-align: left
}
#KIDS_CIRCLE .privilege .item, #KIDS_CIRCLE .birthday .item {
 margin: 10px 0 30px
}
#KIDS_CIRCLE .privilege .txt-other, #KIDS_CIRCLE .birthday .txt-other {
 padding-top: 30px
}
#KIDS_CIRCLE .line {
 display: none
}
#KIDS_CIRCLE .line-sp {
 display: block;
 margin-bottom: 20px
}
#KIDS_CIRCLE .conditions h3 {
 margin-bottom: 20px
}
#KIDS_CIRCLE .conditions .cond-inner {
 padding: 40px 10px
}
#KIDS_CIRCLE .conditions a {
 max-width: 100%;
 margin: 30px 0 0
}
#BUSINESS_INFORMATION {
 min-width: 100%
}
#BUSINESS_INFORMATION .nomalSectionStyle {
 padding: 0
}
#BUSINESS_INFORMATION .headlineA {
 padding: 20px 0
}
#BUSINESS_INFORMATION .pageSectionStyle .inner {
 margin: 0
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .photo {
 display: none
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .photo-smp {
 display: block;
 float: none;
 width: 100%;
 margin: 6% auto 10%;
 text-align: center
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .photo-smp img {
 margin-bottom: 10px
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text {
 float: none;
 width: 100%
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section {
 width: 100%;
 margin: 0 auto 10%;
 text-align: left
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section h2 {
 margin: 0 -3.12%;
 padding: 0 3.12% 10px;
 font-size: 18px;
 font-weight: 400;
 border-bottom: 1px solid #e3e3e3;
 line-height: 40px
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section h2 span img {
 width: 40px;
 margin-right: 5px
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section p {
 margin: 5% auto
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .hours-list {
 padding: 0;
 list-style: none
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .hours-list li {
 display: table;
 width: 100%;
 box-sizing: border-box;
 margin: 0 auto;
 padding: 5%;
 font-size: 14px
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .hours-list li div {
 display: table-cell;
 width: 90%;
 padding: 0;
 vertical-align: middle
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .hours-list li .time {
 float: none;
 width: 60%;
 font-size: 18px;
 font-weight: 700
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .hours-list li .caution {
 display: block;
 font-size: 12px;
 font-weight: 400;
 color: #666
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .hours-list li:nth-child(2) {
 background: #f4f4f4
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .contact {
 margin: 5% auto;
 padding: 0;
 list-style: none
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .contact li {
 position: relative;
 margin-bottom: 10px;
 padding-left: 15px
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .contact li:before {
 position: absolute;
 left: 0;
 width: 12px;
 height: 12px;
 content: "■";
 color: #194faa
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .caps {
 margin: 5% auto 10%;
 padding: 6%;
 background: #fff;
 border: 1px solid #c4352c
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .caps span {
 display: block;
 width: 100%;
 margin-bottom: 3%;
 color: #c4352c;
 font-size: 16px;
 font-weight: 700
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .shop {
 float: none;
 width: 100%;
 margin: 0 auto
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .shop h3 {
 margin-bottom: 5%;
 padding: 1% 0 1% 2%;
 border-left: 3px solid #194faa
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .shop p {
 width: 100%;
 margin: 0 auto
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .shop .tel {
 position: relative;
 width: 95%;
 margin-top: 2%;
 padding-left: 5%;
 font-size: 18px;
 font-weight: 700
}
#BUSINESS_INFORMATION .pageSectionStyle .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 .pageSectionStyle .inner .info-text section .shop .mail {
 position: relative;
 width: 93%;
 margin-top: 10px;
 padding-left: 7%
}
#BUSINESS_INFORMATION .pageSectionStyle .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 .pageSectionStyle .inner .info-text section .delivery {
 float: none;
 width: 100%;
 margin: 10% auto 0
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .delivery h3 {
 margin-bottom: 5%;
 padding: 1% 0 1% 2%;
 border-left: 3px solid #194faa
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .delivery p {
 width: 100%;
 margin: 0 auto
}
#BUSINESS_INFORMATION .pageSectionStyle .inner .info-text section .delivery .tel {
 position: relative;
 width: 95%;
 margin-top: 10px;
 padding-left: 5%;
 font-size: 18px;
 font-weight: 700
}
#BUSINESS_INFORMATION .pageSectionStyle .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 .pageSectionStyle {
 padding: 0
}
#SERVICE_GUIDE .pageSectionStyle > .inner {
 padding: 0
}
#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: 30px 0 20px;
 padding: 0 10px 10px;
 border-bottom: 1px solid #e3e3e3
}
#SERVICE_GUIDE .guide-sec h3 {
 display: table;
 width: 98%;
 margin-bottom: 2%;
 padding: 0 0 2% 2%;
 border-bottom: 1px solid #cbcbcb;
 line-height: 1.4;
 color: #194faa;
 cursor: pointer
}
#SERVICE_GUIDE .guide-sec h3 span {
 float: none;
 display: table-cell;
 width: 82%;
 margin: 0;
 vertical-align: middle
}
#SERVICE_GUIDE .guide-sec h3 span:first-child {
 width: 60px;
 padding-right: 10px
}
#SERVICE_GUIDE .guide-sec h3 span:last-child {
 display: block;
 width: 14px;
 height: 54px;
 padding: 0 0 0 15px;
 background: url(../images/service_guide/ico_open.png) no-repeat center center;
 background-size: 14px auto
}
#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 {
 padding-bottom: 10px;
 border-bottom: 1px dashed #a0a0a0;
 font-weight: 700
}
#SERVICE_GUIDE .guide-sec dl dd {
 margin: 10px 0;
 text-align: left;
 line-height: 25px
}
#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 > ul > li {
 margin: 0 10px 40px;
 float: none;
 width: calc(100% - 20px);
 background: none !important
}
#SERVICE_GUIDE .credit-sec dl {
 margin: 0 0 30px;
 padding: 20px
}
#SERVICE_GUIDE .credit-sec dl dt {
 margin: 0;
 padding: 0 0 0 0;
 border-bottom: none
}
#SERVICE_GUIDE .credit-sec dt h3 {
 margin: 0;
 line-height: 1.4;
 font-weight: bold;
 border: none;
 font-size: 20px;
 color: #242424
}
#SERVICE_GUIDE .credit-sec dt h3 br {
 display: block
}
#SERVICE_GUIDE .credit-sec dl dd {
 margin: 0 0 10px 0;
 padding: 20px;
 display: block;
 text-align: center;
 background: #fff
}
#SERVICE_GUIDE .credit-sec dd:last-child {
 margin: 0;
 padding: 20px;
 border-left: none
}
#SERVICE_GUIDE .credit-sec dd > div {
 display: flex;
 justify-content: center
}
#SERVICE_GUIDE .credit-sec dd figure {
 margin: 0 auto;
 width: 180px
}
#SERVICE_GUIDE .credit-sec dd > div figure:first-child {
 margin-right: 20px
}
#SERVICE_GUIDE .credit-sec dd h4 {
 margin: 15px 0 5px 0;
 font-size: 18px;
 font-weight: bold
}
#SERVICE_GUIDE .credit-sec dd p {
 font-size: 16px
}
#SERVICE_GUIDE .credit-sec dd p a {
 padding-right: 15px;
 background: url('../images/common/icon_arrow-blue_samll.png') no-repeat right center
}
#SERVICE_GUIDE .credit-sec li > h3 {
 margin: 30px 0 15px;
 padding: 0 0 10px 0;
 line-height: 1.4;
 font-size: 20px;
 color: #2b2b2b
}
#SERVICE_GUIDE .credit-sec .card_list {
 flex-wrap: wrap
}
#SERVICE_GUIDE .credit-sec .card_list li, #SERVICE_GUIDE .credit-sec .qr_list li {
 margin: 10px !important;
 transform: none;
 width: auto;
 height: 11vw;
 background: none !important
}
#SERVICE_GUIDE .credit-sec .card_list img, #SERVICE_GUIDE .credit-sec .qr_list img {
 width: auto;
 height: 100%
}
#SERVICE_GUIDE .credit-sec .qr_list {
 margin: 20px 15px 0;
 padding: 25px 0 0 0;
 border-top: 1px solid #e3e3e3
}
#SERVICE_GUIDE .credit-sec .qr_list p {
 margin: 0 0 10px 0
}
#SERVICE_GUIDE .credit-sec .qr_list ul {
 display: flex;
 justify-content: center;
 align-items: center
}
#SERVICE_GUIDE .credit-sec .note {
 margin: -30px 0 0 0;
 font-size: 12px
}
#SERVICE_GUIDE .credit-sec .emoney > div {
 margin: 0 0 40px;
 display: block
}
#SERVICE_GUIDE .credit-sec .manaca li {
 margin: 10px auto;
 background: none !important
}
#SERVICE_GUIDE .credit-sec .manaca li figure {
 margin: 0 30px
}
#SERVICE_GUIDE .credit-sec .manaca li figcaption {
 margin: 5px 0 0 0;
 font-size: 16px
}
#SERVICE_GUIDE .credit-sec .emoney .card_list {
 flex-wrap: wrap;
 justify-content: center;
 align-items: center
}
#SERVICE_GUIDE .credit-sec .emoney .card_list li {
 width: 18vw;
 height: auto
}
#SERVICE_GUIDE .credit-sec .emoney .card_list li.img_redy {
 width: 8vw
}
#SERVICE_GUIDE .credit-sec .emoney .card_list li img, #SERVICE_GUIDE .credit-sec .qrcode .card_list li img, #SERVICE_GUIDE .credit-sec .qrcode .qr_list li img {
 width: 100%;
 height: auto
}
#SERVICE_GUIDE .credit-sec .qrcode .card_list li {
 width: 24vw;
 height: auto
}
#SERVICE_GUIDE .credit-sec .qrcode .qr_list ul {
 flex-wrap: wrap;
 justify-content: space-between
}
#SERVICE_GUIDE .credit-sec .qr_list {
 margin: 10px 10px 0;
 padding: 15px 0 0 0
}
#SERVICE_GUIDE .credit-sec .qrcode .qr_list li {
 width: 23vw;
 height: auto
}
#SERVICE_GUIDE .credit-sec .note {
 margin: -20px 10px 0;
 font-size: 13px
}
#COMPANY .pageSectionStyle,
#PARKING .pageSectionStyle {
 padding: 20px 0 0
}
#PARKING .parking_sec {
 width: 100%;
 margin: 10% auto 0;
 padding: 0;
 text-align: center
}
#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 .headlineA {
 padding: 30px 0
}
#PARKING .parking_cont h2 {
 width: 100%;
 box-sizing: border-box;
 margin: 0 auto;
 padding: 0 0 15px 3%;
 border-bottom: #e3e3e3 1px solid;
 font-size: 18px;
 text-align: left
}
#PARKING .parking_cont h3 {
 width: 92%;
 margin: 5% auto;
 padding: 2px 0 0 10px;
 border-left: 2px solid #002985;
 font-size: 18px
}
#PARKING .parking_cont p {
 width: 92%;
 margin: 0 auto
}
#PARKING .parking_cont ul.need {
 width: 92%;
 margin: 10px auto
}
#PARKING .parking_cont #ymap {
 width: 92%;
 height: 300px;
 margin: 0 auto 10px
}
#PARKING .parking_cont .table {
 width: 92%;
 margin: 0 auto;
 border: #D0D0D0 1px solid
}
#PARKING .parking_cont .table tr:nth-child(even) {
 background: #f4f4f4
}
#PARKING .parking_cont .table th {
 padding: 3%;
 border-right: #D0D0D0 1px solid;
 text-align: left;
 font-size: 10px
}
#PARKING .parking_cont .table td {
 padding: 3%;
 border-right: #D0D0D0 1px solid;
 text-align: center;
 font-size: 10px
}
#PARKING .parking_cont .parking_info {
 display: none
}
#PARKING .parking_cont .reception-guide {
 display: table;
 width: 92%;
 margin: 10px auto;
 padding: 0;
 border: 1px solid #d1d1d1;
 list-style: none;
 font-size: 10px
}
#PARKING .parking_cont .reception-guide li {
 display: table-cell;
 padding: 4%;
 border-right: 1px solid #d1d1d1;
 vertical-align: middle
}
#PARKING .parking_cont .reception-guide li:last-child {
 border-right: none
}
#PARKING .parking_cont .reception-guide li strong {
 color: #bb0202
}
#PARKING .parking_cont .reception-guide li .ico-o {
 width: 22px;
 margin: 0 2px
}
#PARKING .parking_cont p.iconA {
 position: relative;
 padding-left: 25px
}
#PARKING .parking_cont p.iconB {
 position: relative;
 padding-left: 25px
}
#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;
 box-sizing: border-box;
 cursor: pointer
}
#PARKING .parking_cont .parking-list h4:before {
 position: absolute;
 left: 5%;
 top: 43%;
 width: 8px;
 height: 8px;
 content: "";
 border: none;
 border-top: 1px solid #194faa;
 border-right: 1px solid #194faa;
 transform: rotate(45deg)
}
#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)
}
#PARKING .parking_cont .parking-list .tbl-parking {
 width: 92%;
 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: 2%;
 text-align: left;
 font-size: 12px
}
#PARKING .parking_cont .parking-list .tbl-parking td:nth-child(odd) {
 min-width: 250px
}
#PARKING .parking_cont .parking-list .tbl-parking td:nth-child(odd) p {
 padding-left: 12%;
 line-height: 1.4
}
#PARKING .parking_cont .parking-list .tbl-parking td:nth-child(odd) .icon-b:before {
 background: #194faa
}
#PARKING .parking_cont .parking-list .tbl-parking th:nth-child(even), #PARKING .parking_cont .parking-list .tbl-parking td:nth-child(even) {
 width: 30%
}
#PARKING .parking_cont .parking-list .tbl-parking span {
 color: #194faa
}
#PARKING .parking_cont .parking-list .tbl-parking a[target]:after {
 margin: -3px 0 0
}
#PARKING .parking_cont .parking-list .sakae td:nth-child(odd) p:before {
 background: #0fa4c4
}
#PARKING .parking_cont .parking-list .price {
 width: 92%;
 margin: 3% auto;
 padding: 0;
 list-style: none
}
#PARKING .parking_cont .parking-list .price li {
 float: none;
 padding: 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 .tomo-submenu {
 float: none;
 width: 100%;
 margin: 40px 0 0
}
#TOMONOKAI .tomo-submenu p {
 padding: 25px 20px;
 background: url(../images/tomonokai/ico_arrow_bl.png) no-repeat right 10px center
}
#TOMONOKAI .tomo-submenu p:before {
 display: none
}
#TOMONOKAI .pageSectionStyle .headlineA .full {
 display: none
}
#TOMONOKAI .pageSectionStyle .headlineA .sp {
 display: block
}
#TOMONOKAI .pageSectionStyle .inner {
 padding: 40px 0 0
}
#TOMONOKAI .pageSectionStyle .contents {
 float: none;
 width: 100%
}
#TOMONOKAI #tomonokai.pageSectionStyle .headlineA {
 min-height: inherit
}
#TOMONOKAI #tomonokai.pageSectionStyle .inner {
 padding: 40px 0 0
}
#TOMONOKAI #tomonokai .deals {
 position: static;
 width: 100%;
 min-width: 100%;
 height: auto;
 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 img {
 width: 100%;
 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 0;
 background: #f5ede3
}

#TOMONOKAI #tomonokai .nav-tomonokai ul li > a {
  padding-bottom: 10px;
  font-size: 1.6rem;
}

#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:hover {
 box-shadow: none
}
#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: 20px
}
#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)
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li p a:hover {
 color: #6b8bc7;
 text-decoration: none
}
#TOMONOKAI #tomonokai .nav-tomonokai ul li p a:hover::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)
}
#TOMONOKAI .btn-qa, #TOMONOKAI .membership {
 width: 94%;
 height: auto;
 padding: 0
}
#TOMONOKAI .btn-qa a, #TOMONOKAI .membership a {
 height: auto;
 padding: 15px
}
#TOMONOKAI #faq .contents {
 width: auto;
 padding: 0 3.12%
}
#TOMONOKAI #faq .faqBlock {
 margin: 0;
 padding: 0;
 list-style-type: none
}
#TOMONOKAI #faq .faqBlock dd {
 margin-bottom: 40px
}
#TOMONOKAI #faq .membership {
 width: 100%
}
#recommend .contents .sec-tomo h2 {
 padding: 0 0 3% 2%;
 font-size: 18px
}
#recommend .contents .sec-tomo section {
 width: 94%;
 margin: 0 auto 9%
}
#recommend .contents .sec-tomo h3 {
 width: 99%;
 margin: 5% auto;
 padding-left: 1%;
 font-size: 16px
}
#recommend .contents .sec-tomo .catch span {
 display: block;
 font-size: 12px;
 margin-top: 2%;
 color: #666
}
#recommend .contents .sec-tomo .txt {
 font-size: 12px
}
#recommend .contents .sec-tomo .tsumitate {
 margin: 0 auto 10%
}
#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: 7%
}
#recommend .contents .sec-tomo .shopping .img {
 float: none;
 width: 61%;
 margin: 0 auto
}
#recommend .contents .sec-tomo .shopping .catch {
 width: 100%;
 margin: 6% 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: 2%;
 font-size: 12px
}
#recommend .recommend-list li h4 {
 margin: 3.27% 0;
 font-size: 16px;
 font-weight: 700
}
#members .contents .sec-tomo h2 {
 font-weight: 400;
 border-bottom: 1px solid #d3c9b8;
 padding: 20px 0 20px 3%;
 font-size: 18px
}
#members .contents .sec-tomo section {
 width: 94%;
 margin: 0 auto 8%
}
#members .contents .sec-tomo h3 {
 margin: 20px 0;
 padding-left: 10px;
 font-size: 16px
}
#members .contents .sec-tomo .catch span {
 display: block;
 font-size: 12px;
 margin-top: 5px;
 color: #666
}
#members .contents .sec-tomo .txt {
 float: none;
 width: 94%;
 margin-bottom: 0
}
#members .contents .sec-tomo .txt span {
 display: block;
 margin-top: 3%;
 font-size: 12px;
 color: #666
}
#members .contents .sec-tomo .img {
 float: none;
 width: 94%;
 margin: 6% auto 0
}
#members .contents .sec-tomo .btn-pdf {
 margin: 10px auto
}
#members .contents .sec-tomo .box, #members .contents .sec-tomo .box2 {
 padding: 15px 2.5%
}
#members .contents .sec-tomo .box h4, #members .contents .sec-tomo .box2 h4 {
 margin-bottom: 15px
}
#members .contents .sec-tomo .notice {
 width: 100%;
 margin-bottom: 50px
}
#members .contents .sec-tomo .notice h2 {
 font-size: 18px;
 color: #c4352c;
 margin-bottom: 20px;
 padding: 0 0 20px 3%
}
#members .contents .sec-tomo .notice .catch {
 width: 94%;
 margin: 0 auto 29px
}
#members .contents .sec-tomo .notice .shoppingticket {
 width: 94%;
 margin: 0 auto
}
#members .contents .sec-tomo .notice .shoppingticket li {
 height: 390px;
 padding: 0 3.33%
}
#members .contents .sec-tomo .notice .shoppingticket li .text {
 text-align: left
}
#members .contents .sec-tomo .notice .shoppingticket li .titimg {
 font-size: 14px;
 top: -15px;
 margin-bottom: 20px
}
#TOMONOKAI #membership .contents .sec-tomo {
 margin-bottom: 50px
}
#TOMONOKAI #membership .contents .sec-tomo h2 {
 padding: 0 0 20px 3%;
 font-size: 18px
}
#TOMONOKAI #membership .contents .sec-tomo .catch {
 margin: 18px 0 16px 3%
}
#TOMONOKAI #membership .contents .sec-tomo .bonus {
 margin: 0 3% 10px;
 padding: 18px 20px 20px;
 text-align: center !important
}
#TOMONOKAI #membership .contents .sec-tomo .bonus h4 {
 font-size: 18px
}
#TOMONOKAI #membership .contents .sec-tomo .bonus h4 strong {
 display: block;
 font-size: 12px
}
#TOMONOKAI #membership .contents .sec-tomo .bonus .in {
 display: block
}
#TOMONOKAI #membership .contents .sec-tomo .bonus .in p {
 display: block;
 width: 100%
}
#TOMONOKAI #membership .contents .sec-tomo .bonus .in .bonus-txt {
 width: 100%;
 font-size: 12px
}
#TOMONOKAI #membership .contents .sec-tomo .bonus .in .bonus-txt span {
 font-size: 12px
}
#TOMONOKAI #membership .contents .sec-tomo .bonus .in .icon-plus {
 padding: 8px 0 10px;
 line-height: 1
}
#TOMONOKAI #membership .contents .sec-tomo .bonus .in .icon-plus img {
 width: auto;
 height: auto
}
#TOMONOKAI #membership .contents .sec-tomo .bonus .in .bonus-price {
 display: inline-block;
 width: auto;
 font-weight: 400
}
#TOMONOKAI #membership .contents .sec-tomo .bonus .in .bonus-price span {
 font-size: 12px
}
#TOMONOKAI #membership .contents .sec-tomo .membership-info {
 padding: 0 3%
}
#TOMONOKAI #membership .contents .sec-tomo .membership-info ul li .label {
 padding-right: 10px
}
#TOMONOKAI #membership .contents .sec-tomo .membership-info table th {
 padding: 8px 10px 7px
}
#TOMONOKAI #membership .contents .sec-tomo .membership-info table td {
 padding: 10px 10px 8px
}
#TOMONOKAI #membership .contents .sec-tomo .flow {
 width: 94%;
 margin: 6% auto
}
#TOMONOKAI #membership .contents .sec-tomo .flow li {
 position: relative;
 float: none;
 width: 100%;
 height: auto;
 margin: 0 0 25px;
 padding: 20px 20px 18px;
 border: 3px solid #e9e1d2;
 border-radius: 5px;
 box-sizing: border-box;
 text-align: center
}
#TOMONOKAI #membership .contents .sec-tomo .flow li:after {
 display: block;
 position: absolute;
 top: -28px;
 bottom: auto;
 left: 0;
 right: 0;
 height: 24px;
 margin: 0 auto;
 content: '';
 background: url(../images/tomonokai/ico_tomonokai_arrow_sp.png) no-repeat center 0;
 background-size: auto 100%
}
#TOMONOKAI #membership .contents .sec-tomo .flow li:first-child:after {
 display: none
}
#TOMONOKAI #membership .contents .sec-tomo .flow li:nth-child(3):after {
 border: none
}
#TOMONOKAI #membership .contents .sec-tomo .flow li:last-child {
 margin-bottom: 0
}
#TOMONOKAI #membership .contents .sec-tomo .flow li:last-child:after {
 display: block
}
#TOMONOKAI #membership .contents .sec-tomo .flow li .txt-ex {
 display: inline-block;
 width: auto !important;
 padding: 2px 20px 1px;
 border-radius: 90px;
 color: #fff;
 font-weight: 400
}
#TOMONOKAI #membership .contents .sec-tomo .flow li h4 {
 margin: 10px 0 7px;
 font-size: 18px;
 font-weight: 400
}
#TOMONOKAI #membership .contents .sec-tomo .flow li .txt-bns01 {
 color: #5785d3
}
#TOMONOKAI #membership .contents .sec-tomo .flow li .txt {
 float: none;
 width: 90%;
 margin: 0 auto;
 text-align: center
}
#TOMONOKAI #membership .contents .sec-tomo .cation {
 width: 94%;
 margin: 6% auto
}
#TOMONOKAI #membership .contents .sec-tomo .cation li {
 position: relative;
 margin-bottom: 3%;
 padding-left: 5%
}
#TOMONOKAI #membership .contents .sec-tomo .cation li span {
 display: block;
 margin-top: 2%;
 font-size: 12px;
 color: #666
}
#TOMONOKAI #membership .contents .sec-tomo .cation li:before {
 position: absolute;
 left: 0;
 width: 12px;
 height: 12px;
 content: "■";
 color: #194faa
}
#TOMONOKAI #membership .contents .sec-tomo .txt-bns01 {
 color: #4fa4b3
}
#TOMONOKAI #membership .contents .sec-tomo .txt-bns02 {
 color: #8ab34f
}
#TOMONOKAI #membership .contents .sec-tomo .txt-bns03 {
 color: #e67848
}
#TOMONOKAI #membership .contents .sec-tomo .txt-bns04 {
 color: #e64848
}
#TOMONOKAI #membership .contents .sec-tomo .bg-bns01 {
 background: #4fa4b3
}
#TOMONOKAI #membership .contents .sec-tomo .bg-bns02 {
 background: #8ab34f
}
#TOMONOKAI #membership .contents .sec-tomo .bg-bns03 {
 background: #e67848
}
#TOMONOKAI #membership .contents .sec-tomo .bg-bns04 {
 background: #e64848
}
#BRIDAL .warp {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "YuGothic", "ＭＳ Ｐゴシック", sans-serif
}
#BRIDAL .headlineA {
 height: 350px
}
#BRIDAL .headline01 {
 margin: 0 auto 30px;
 padding: 0 0 5px 5px;
 border-bottom: 3px double #8b7e5a;
 background: none;
 font-size: 16px;
 line-height: 1.4;
 font-weight: 400;
 text-align: left
}
#BRIDAL .headline01:before {
 width: 23px;
 height: 24px
}
#BRIDAL .headline02 {
 margin-bottom: 20px
}
#BRIDAL .btnStyle {
 text-align: left;
 line-height: 1.4;
 font-size: 14px;
 margin-bottom: 40px
}
#BRIDAL .btnStyle a {
 padding: 8px 10px 7px
}
#BRIDAL .LnavBox {
 float: none;
 width: 100%
}
#BRIDAL .LnavBox .sidemenu {
 margin: 20px 0 0;
 padding: 0;
 border-top: 2px solid #8b7e5a;
 background: none
}
#BRIDAL .LnavBox .basic {
 margin-bottom: 20px
}
#BRIDAL .LnavBox .basic h3 {
 margin-top: 1px;
 border-top: 1px solid #8b7e5a
}
#BRIDAL .LnavBox .banner {
 padding: 0 10px
}
#BRIDAL .LnavBox .menu-deals {
 margin: 20px 0
}
#BRIDAL .LnavBox .bridalsalon {
 margin: 0 10px
}
#BRIDAL .cont {
 float: none;
 width: 94%;
 margin: 0 auto
}
#BRIDAL .catch {
 width: 94%;
 margin: 27px auto;
 font-size: 14px;
 text-align: left
}
#BRIDAL section .sub-menu {
 padding: 0 3.12% 22px
}
#BRIDAL section .sub-menu li {
 float: none;
 width: 100%;
 margin-bottom: 30px
}
#BRIDAL section .sub-menu li .img {
 width: 53.33%;
 padding-right: 6.66%
}
#BRIDAL section .sub-menu li .img img {
 max-width: 100%
}
#BRIDAL section .sub-menu li div {
 width: 46.66%;
 line-height: 1.4;
 font-size: 12px
}
#BRIDAL section .sub-menu li div strong {
 line-height: 1.3;
 font-size: 16px
}
#BRIDAL .service {
 padding: 0 3.12% 30px;
 margin: 35px auto
}
#BRIDAL .service h2 {
 width: 94%;
 margin: 0 auto 20px;
 font-size: 16px
}
#BRIDAL .service ul {
 width: 100%
}
#BRIDAL .service ul li {
 display: block;
 width: 100%;
 margin: 0 0 20px
}
#BRIDAL .service .caps {
 width: 94%;
 margin: 0 auto;
 color: #337d82
}
#BRIDAL .plan {
 height: auto;
 padding: 30px 20px;
 background-position: center center
}
#BRIDAL .plan:before {
 top: -20px;
 background-size: auto 20px;
 background-position: center 0
}
#BRIDAL .plan #wcb {
 padding: 0
}
#BRIDAL .plan #wcb li {
 display: inline-block;
 width: 100%;
 margin: 0 0 20px
}
#BRIDAL .plan #wcb li:nth-child(odd) {
 margin-right: 0
}
#BRIDAL .plan #wcb li a {
 height: 150px;
 padding-top: 120px;
 background-color: transparent
}
#BRIDAL .plan #wcb li a:hover {
 text-decoration: none
}
#BRIDAL .guide {
 padding-bottom: 100px;
 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 .in {
 background-position: right -100px center;
 background-size: auto 120%
}
#BRIDAL .visual h1 {
 width: 100%;
 height: 120px;
 padding: 50px 0 0 3.12%;
 line-height: 1;
 font-size: 18px;
 font-weight: 400
}
#BRIDAL .bridal_jewelry .cont {
 padding: 30px 0 0
}
#BRIDAL .bridal_jewelry h2, #BRIDAL .choose h2 {
 margin: 0 auto 30px;
 padding: 0 0 5px 5px;
 border-bottom: 3px double #8b7e5a;
 background: none;
 font-size: 16px;
 line-height: 1.4;
 font-weight: 400;
 text-align: left
}
#BRIDAL .bridal_jewelry h2:before {
 width: 23px;
 height: 24px
}
#BRIDAL .choose h2 {
 padding: 10px 0 10px 33px;
 position: relative
}
#BRIDAL .choose h2:before {
 margin: auto 26px auto 0;
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 width: 23px;
 height: 24px
}
#BRIDAL .bridal_jewelry h3 {
 display: none
}
#BRIDAL .bridal_jewelry .brandBox {
 position: relative;
 margin-bottom: 20px;
 padding: 20px 22px
}
#BRIDAL .bridal_jewelry .brandBox:after {
 width: 78px;
 height: 78px
}
#BRIDAL .bridal_jewelry .brandBox .in {
 display: block
}
#BRIDAL .bridal_jewelry .brandBox .in .photo {
 display: table;
 width: 100%
}
#BRIDAL .bridal_jewelry .brandBox .in .photo .img {
 display: table-cell;
 width: 90px;
 height: 90px;
 vertical-align: middle
}
#BRIDAL .bridal_jewelry .brandBox .in .photo .name {
 display: table-cell;
 padding-left: 20px;
 text-align: left;
 vertical-align: middle
}
#BRIDAL .bridal_jewelry .brandBox .in .photo .name a:after {
 display: inline-block;
 width: 8px;
 height: 12px;
 content: "";
 vertical-align: middle;
 background-repeat: no-repeat;
 margin-top: -2px;
 background-size: cover;
 margin-left: 5px;
 background-image: url(../images/bridal/ico_arrow_gr_02.png)
}
#BRIDAL .bridal_jewelry .brandBox .in .info {
 display: block;
 width: 100%;
 margin-top: 10px;
 padding: 0
}
#BRIDAL .bridal_beauty .cont {
 padding-top: 30px
}
#BRIDAL .bridal_beauty h2 {
 margin: 0 auto 30px;
 padding: 0 0 5px 5px;
 border-bottom: 3px double #8b7e5a;
 background: none;
 font-size: 16px;
 line-height: 1.4;
 text-align: left
}
#BRIDAL .bridal_beauty section {
 margin-bottom: 50px
}
#BRIDAL .bridal_beauty section:last-child {
 margin-bottom: 0
}
#BRIDAL .bridal_beauty .spec {
 margin-bottom: 30px;
 font-size: 10px
}
#BRIDAL .bridal_beauty .spec .time {
 color: #a44d82;
 font-size: 18px
}
#BRIDAL .bridal_beauty .spec span {
 font-size: 18px
}
#BRIDAL .bridal_beauty .course-txt {
 float: none;
 width: 100%
}
#BRIDAL .bridal_beauty .course-txt ul li {
 color: #666
}
#BRIDAL .bridal_beauty .course-txt .shop {
 margin-top: 20px;
 padding: 10px;
 border: 3px double #e4e4e4;
 font-size: 12px;
 text-align: center
}
#BRIDAL .bridal_beauty .course-txt .shop p {
 text-align: center
}
#BRIDAL .bridal_beauty .course-txt .shop p span {
 border-left: 1px solid #9f9f9f;
 margin-left: 5px;
 padding-left: 5px
}
#BRIDAL .bridal_beauty .course-txt .shop p:nth-child(2) {
 margin-bottom: 0
}
#BRIDAL .bridal_beauty .course-txt .shop .tel {
 display: table
}
#BRIDAL .bridal_beauty .course-txt .shop .tel span {
 display: table-cell;
 width: 15%;
 padding-right: 10px;
 border: none;
 vertical-align: middle;
 text-align: right
}
#BRIDAL .bridal_beauty .course-txt .shop .tel .num {
 padding-left: 18px;
 background-size: 15px auto;
 font-size: 20px;
 text-align: left
}
#BRIDAL .bridal_beauty .course-img {
 float: none;
 width: 100%;
 margin: 0 auto 30px
}
#BRIDAL .bridal_gift .cont {
 padding: 30px 0 0
}
#BRIDAL .bridal_gift .subHeadline {
 padding-left: 50px;
 line-height: 1;
 font-size: 12px;
 font-weight: 400
}
#BRIDAL .bridal_gift h2 {
 margin: 0 auto 30px;
 padding: 0 0 5px 5px;
 border-bottom: 3px double #8b7e5a;
 text-align: left;
 line-height: 1.4;
 font-size: 16px;
 font-weight: 400;
 background: none
}
#BRIDAL .bridal_gift h2:before {
 margin-right: 10px
}
#BRIDAL .bridal_gift .tel-area {
 border: #E4E4E4 solid 1px;
 margin-top: 20px;
 padding: 1px
}
#BRIDAL .bridal_gift .tel-area .tel_inner {
 border: #E4E4E4 solid 1px;
 text-align: center;
 padding: 10px 5px 7px
}
#BRIDAL .bridal_gift .tel-area .tel_inner dt {
 display: inline-block;
 font-size: 12px;
 font-weight: 400;
 border-right: #9F9F9F solid 1px;
 padding-right: 8px;
 margin: 0
}
#BRIDAL .bridal_gift .tel-area .tel_inner dd {
 display: inline-block;
 font-size: 12px;
 padding-left: 8px;
 margin: 0
}
#BRIDAL .bridal_gift .tel-area .tel_inner .number-area {
 display: table;
 margin: 5px auto 0
}
#BRIDAL .bridal_gift .tel-area .tel_inner .number-area span {
 display: table-cell;
 vertical-align: middle;
 padding: 0 3px
}
#BRIDAL .bridal_gift .tel-area .tel_inner .number-area span.contact {
 display: none
}
#BRIDAL .bridal_gift .tel-area .tel_inner .number-area span.contact-smp {
 font-size: 12px;
 display: table-cell
}
#BRIDAL .bridal_gift .tel-area .tel_inner .number-area span.icon {
 min-width: 14px
}
#BRIDAL .bridal_gift .tel-area .tel_inner .number-area span.icon img {
 max-width: 14px
}
#BRIDAL .bridal_gift .tel-area .tel_inner .number-area span.number {
 color: #3C8387;
 font-size: 20px
}
#BRIDAL .bridal_gift .gift-service {
 margin: 0
}
#BRIDAL .bridal_gift .gift-service > .cfix {
 margin-top: 30px
}
#BRIDAL .bridal_gift .gift-service__left {
 float: none;
 width: 100%
}
#BRIDAL .bridal_gift .gift-service__right {
 float: none;
 width: 100%;
 text-align: center;
 margin-bottom: 20px
}
#BRIDAL .bridal_gift .gift-service__right img {
 max-width: auto
}
#BRIDAL .bridal_gift .gift-service h3 {
 margin-top: 40px;
 font-size: 18px;
 font-weight: 400
}
#BRIDAL .bridal_gift .gift-service .product ul {
 margin-top: 0
}
#BRIDAL .bridal_gift .gift-service .product ul li {
 border-bottom: #E4E4E4 solid 1px;
 font-size: 16px;
 padding: 20px 0
}
#BRIDAL .bridal_gift .gift-service .product ul li span {
 display: block;
 color: #A44D82;
 padding-right: 1em;
 padding-bottom: 10px
}
#BRIDAL .bridal_gift .gift-service .product .notes {
 margin-top: 20px;
 font-size: 12px;
 line-height: 1.6
}
#BRIDAL .bridal_gift .gift-service .product > .cfix {
 margin-top: 30px
}
#BRIDAL .bridal_gift .gift-service .product__left {
 float: none;
 width: 100%;
 margin-right: 0;
 text-align: center
}
#BRIDAL .bridal_gift .gift-service .product__left img {
 width: 100%;
 max-width: none
}
#BRIDAL .bridal_gift .gift-service .product__right {
 float: none;
 width: 100%;
 margin-top: 20px
}
#BRIDAL .bridal_gift .gift-service .product__right dl {
 margin-top: 20px;
 overflow: hidden;
 font-size: 12px
}
#BRIDAL .bridal_gift .gift-service .product__right dl dt {
 float: left;
 margin: 0
}
#BRIDAL .bridal_gift .gift-service .product__right dl dd {
 overflow: hidden;
 margin: 0
}
#BRIDAL .bridal_gift .gift-catalog {
 margin-top: 50px;
 padding-bottom: 0
}
#BRIDAL .bridal_gift .gift-catalog h2 div {
 background: url(../images/bridal/ico_emblem_smp.png) no-repeat left top;
 background-size: 24px 25px;
 padding: 0 0 10px 30px
}
#BRIDAL .bridal_gift .gift-catalog > .cfix {
 margin-top: 30px
}
#BRIDAL .bridal_gift .gift-catalog__left {
 float: none;
 width: 100%;
 margin-right: 0;
 text-align: center
}
#BRIDAL .bridal_gift .gift-catalog__left img {
 max-width: 42.5%
}
#BRIDAL .bridal_gift .gift-catalog__right {
 float: none;
 width: 100%;
 margin-top: 20px
}
#BRIDAL .bridalclub .visual .in {
 background-position: right -70px top;
 background-size: auto 120%
}
#BRIDAL .bridalclub .cont {
 padding: 0
}
#BRIDAL .bridalclub h2 {
 margin: 0 auto 30px;
 padding: 0 0 5px 5px;
 border-bottom: 3px double #8b7e5a;
 background: none;
 font-size: 16px;
 line-height: 1.4;
 font-weight: 400;
 text-align: left
}
#BRIDAL .bridalclub .catch-membership {
 margin: 30px 0 50px
}
#BRIDAL .bridalclub .otoku {
 margin-bottom: 40px
}
#BRIDAL .bridalclub .otoku ul {
 margin-top: -10px
}
#BRIDAL .bridalclub .otoku ul li div {
 display: table-cell;
 vertical-align: middle;
 padding-left: 10px
}
#BRIDAL .bridalclub .otoku ul li div h3 {
 margin-bottom: 6px;
 font-weight: 400
}
#BRIDAL .bridalclub .otoku ul li div p {
 color: #2d2d2d;
 font-size: 14px
}
#BRIDAL .bridalclub .otoku ul li .otoku-icon {
 display: table-cell;
 width: 25%
}
#BRIDAL .bridalclub .membership-guide {
 margin-bottom: 0
}
#BRIDAL .bridalclub .membership-guide .img-guide {
 float: none;
 width: 100%;
 margin: 0 0 20px
}
#BRIDAL .bridalclub .membership-guide div {
 float: none;
 width: 100%
}
#BRIDAL .bridalclub .membership-guide ul {
 margin-top: 40px
}
#BRIDAL .bridalclub .membership-guide ul li {
 padding: 20px 0;
 border-bottom: 1px solid #e4e4e4
}
#BRIDAL .bridalclub .membership-guide ul li:first-child {
 padding-top: 0
}
#BRIDAL .bridalclub .membership-guide ul li a.link {
 display: block;
 padding-right: 0;
 color: #337d82;
 font-weight: 700;
 letter-spacing: -.1em
}
#BRIDAL .bridalclub .membership-guide ul li a.link:after {
 margin-top: 0
}
#BRIDAL .bridalclub .membership-guide ul li a.link:hover {
 text-decoration: none
}
#BRIDAL .bridalclub .membership-guide ul li span {
 width: 35%;
 font-weight: 400
}
#BRIDAL .bridalclub .membership-guide ul li p {
 width: 65%;
 margin-left: 0;
 box-sizing: border-box
}
#BRIDAL .bridalclub .membership-guide ul li p span {
 width: 76.66%;
 font-size: 12px;
 font-weight: 400
}
#BRIDAL .bridalclub .card-caps {
 font-size: 12px
}
#BRIDAL .bridalclub .btn_contact {
 margin-top: 30px
}
#BRIDAL .bridalclub .btn_contact a {
 padding: 8px 10px;
 text-align: left;
 background: url(../images/bridal/ico_arrow_gr.png) no-repeat right center
}
#BRIDAL .bridalclub .btn_contact a:after {
 display: none
}
#BRIDAL .WBtop .cont {
 padding: 30px 0
}
#BRIDAL .WBtop .visual {
 height: 130px
}
#BRIDAL .WBtop .visual .in {
 position: relative
}
#BRIDAL .WBtop .visual .in p {
 float: none;
 position: relative;
 right: auto;
 width: 100%;
 margin: 0;
 height: 130px;
 padding: 55px 0 0 3.12%;
 line-height: 1.2;
 font-size: 22px;
 background-size: 100% auto;
 background-position: center center
}
#BRIDAL .WBsub .cont {
 padding: 30px 0
}
#BRIDAL .WBsub .visual {
 height: 130px
}
#BRIDAL .WBsub .visual .in {
 position: relative;
 padding-top: 0
}
#BRIDAL .WBsub .visual .in p {
 float: none;
 position: relative;
 right: auto;
 width: 100%;
 margin: 0;
 height: 130px;
 padding: 55px 0 0 3.12%;
 line-height: 1.2;
 font-size: 22px;
 background-size: auto 100%;
 background-position: center center
}
#BRIDAL .wedding_ban_content .inner {
 max-width: 100%;
 margin: 0 auto
}
#BRIDAL .wedding_ban_content h2 {
 width: 100%;
 height: auto;
 padding: 0 0 10px 5px;
 background: none;
 border-bottom: 3px double #8b7e5a;
 box-sizing: border-box;
 font-size: 15px;
 font-weight: 700;
 text-align: left
}
#BRIDAL .wedding_ban_content .cont {
 padding: 30px 0 0
}
#BRIDAL .wedding_ban_content .catch {
 width: 100%;
 margin: 30px auto;
 font-size: 14px;
 text-align: left
}
#BRIDAL .wedding_ban_content section {
 margin-bottom: 40px
}
#BRIDAL .wedding_ban_content section:last-child {
 margin-bottom: 0
}
#BRIDAL .wedding_ban_content .spec {
 margin-bottom: 20px;
 font-size: 10px
}
#BRIDAL .wedding_ban_content .spec .time {
 display: block;
 margin-bottom: 5px;
 color: #a44d82
}
#BRIDAL .wedding_ban_content .spec span {
 font-size: 18px
}
#BRIDAL .wedding_ban_content .indexList {
 margin: 0 -3.13%
}
#BRIDAL .wedding_ban_content .indexList li {
 display: table;
 width: 100%;
 margin: 0;
 padding: 10px 3.12%;
 border-bottom: 1px solid #dbd4c3
}
#BRIDAL .wedding_ban_content .indexList li:first-child {
 border-top: 1px solid #dbd4c3
}
#BRIDAL .wedding_ban_content .indexList li:last-child {
 margin-right: 0
}
#BRIDAL .wedding_ban_content .indexList li .photo {
 display: table-cell;
 width: 47.5%;
 vertical-align: middle;
 margin-bottom: 0
}
#BRIDAL .wedding_ban_content .indexList li .txt {
 display: table-cell;
 vertical-align: middle;
 width: 52.5%;
 padding-left: 3.33%;
 padding-right: 15px;
 background: url(../images/bridal/ico_arrow_gr_02.png) no-repeat right center;
 background-size: 8px 12px
}
#BRIDAL .wedding_ban_content .indexList li .txt a:after {
 display: none
}
#BRIDAL .wedding_ban_content .period {
 margin-bottom: 20px;
 font-size: 14px;
 line-height: 28px
}
#BRIDAL .wedding_ban_content .period span {
 float: left;
 display: block;
 width: 74px;
 margin-right: 10px;
 background: #a9a9a9;
 color: #fff;
 text-align: center
}
#BRIDAL .wedding_ban_content .course-txt {
 float: none;
 width: 100%
}
#BRIDAL .wedding_ban_content .course-txt ul {
 margin: 0 0 20px
}
#BRIDAL .wedding_ban_content .course-txt ul li {
 width: 100%;
 font-size: 12px;
 color: #666
}
#BRIDAL .wedding_ban_content .course-img {
 float: none;
 width: 100%;
 margin-bottom: 0
}
#BRIDAL .wedding_ban_content .sp-plan {
 margin-bottom: 20px;
 color: #2d2d2d;
 font-size: 20px;
 text-align: center;
 border-bottom: none
}
#BRIDAL .wedding_ban_content span {
 font-size: 14px;
 color: #8b7e5a
}
#BRIDAL .wedding_ban_content .sup-txt {
 font-size: 12px;
 color: #2d2d2d
}
#BRIDAL .wedding_ban_content .caps {
 font-size: 12px;
 margin-top: 20px
}
#BRIDAL .wedding_ban_content .sp-privilege {
 margin: 40px 0 30px;
 padding-bottom: 10px;
 text-align: center;
 font-size: 20px;
 border-bottom: none
}
#BRIDAL .wedding_ban_content .sp-privilege:before, #BRIDAL .wedding_ban_content .sp-privilege:after {
 width: 85px;
 height: 21px;
 background-size: contain
}
#BRIDAL .wedding_ban_content .privilege-list {
 width: 100%;
 margin: 20px auto
}
#BRIDAL .wedding_ban_content .privilege-list li {
 float: none;
 width: 100%;
 padding: 8px 0 8px 6%;
 background: url(../images/bridal/ico_special_g.png) no-repeat left center;
 font-size: 16px
}
#BRIDAL .wedding_ban_content .bridalclub {
 padding: 20px 3.33% 17px
}
#BRIDAL .wedding_ban_content .bridalclub div {
 display: block;
 text-align: center
}
#BRIDAL .wedding_ban_content .bridalclub div h3 {
 display: block;
 margin-bottom: 20px;
 padding-right: 0
}
#BRIDAL .wedding_ban_content .bridalclub div p {
 display: inline-block;
 padding-left: 22px;
 line-height: 1.2
}
#BRIDAL .wedding_ban_content .howto {
 margin: 0 0 40px;
 padding: 0 0 40px;
 background: url(../images/bridal/line_special.jpg) repeat-x center bottom;
 text-align: center
}
#BRIDAL .wedding_ban_content .howto h2 {
 margin-bottom: 20px;
 text-align: center;
 border: none;
 font-size: 18px;
 font-weight: 400
}
#BRIDAL .wedding_ban_content .howto h3 {
 margin-bottom: 20px;
 font-size: 20px;
 text-align: center
}
#BRIDAL .wedding_ban_content .howto p {
 text-align: left;
 margin-bottom: 30px
}
#BRIDAL .wedding_ban_content .howto .btnStyle {
 margin: 0;
 text-align: center
}
#BRIDAL .wedding_ban_content .howto .btnStyle a {
 margin: 0 auto
}
#BRIDAL .wedding_ban_content .plan-link {
 margin-bottom: 40px
}
#BRIDAL .wedding_ban_content .plan-link a {
 background-position: 0 4px
}
#BRIDAL .about_yuinou .visual .in {
 background-position: right 20% center
}
#BRIDAL .about_yuinou .cont {
 padding-top: 30px
}
#BRIDAL .about_yuinou .in {
 background-image: url(../images/bridal/yuinou_visual.jpg)
}
#BRIDAL .about_yuinou .headline01 {
 margin: 50px 0 30px
}
#BRIDAL .about_yuinou .leadTxt {
 margin-bottom: 0
}
#BRIDAL .about_yuinou .yuinouList li {
 display: block;
 padding: 0
}
#BRIDAL .about_yuinou .yuinouList li p {
 display: block;
 padding: 0
}
#BRIDAL .about_yuinou .yuinouList li .label {
 width: 100%;
 padding: 20px 0 16px 35px
}
#BRIDAL .about_yuinou .yuinouList li .txt {
 padding-bottom: 16px
}
.choose .cont {
 margin-bottom: 0
}
.choose .cont h3 {
 margin-bottom: 25px;
 font-size: 20px;
 font-weight: 400
}
.choose .cont h4 {
 margin: 20px 0 15px;
 font-size: 18px;
 font-weight: 400
}
.choose .cont img.sp {
 display: block
}
.choose .cont .schedule_img {
 margin-bottom: 20px;
 width: 100%;
 height: auto;
 background: none
}
.choose .box_beige {
 margin-bottom: 40px;
 padding: 20px 25px
}
.choose .box_beige h4 {
 margin: 0 0 10px;
 font-size: 16px
}
.choose .box_beige p {
 font-size: 14px;
 line-height: 1.4
}
.choose .choose_line {
 margin: 35px 0
}
.choose .ring_list li {
 margin: 0 0 30px
}
.choose .ring_list li figure {
 margin: 0 15px 0 0;
 width: 120px;
 display: flex;
 align-items: center
}
.choose .ring_list li h4 {
 margin: 0 0 10px
}
.choose .choose_quality h4 {
 margin: 30px 0 10px;
 font-size: 20px
}
.choose .choose_quality h4 span {
 font-size: 14px
}
.choose .choose_quality figure {
 margin: 15px 0
}
.choose .cont p.min {
 font-size: 12px
}
.choose .carat_img, .choose .color_img, .choose .clarity_img, .choose .cut_img {
 width: 100%;
 height: auto;
 background: none
}
#MUSCARD .pageSectionStyle .headlineA .full {
 display: none
}
#MUSCARD .pageSectionStyle .headlineA .sp {
 display: block
}
#MUSCARD .pageSectionStyle .headlineA {
 display: block;
 width: 100%;
 padding: 0;
 background: url(../images/muscard/tit_bg_muscard-smp.jpg) no-repeat center top;
 background-size: 100% auto;
 border-bottom: 10px solid #fede00;
 text-indent: 0;
 font-size: 30px;
 color: #fff
}
#MUSCARD .pageSectionStyle .headlineA p {
 font-size: 20px;
 text-align: center;
 color: #fff
}
#MUSCARD .pageSectionStyle .headlineA p .sub {
 display: block;
 font-size: 10px;
 font-weight: 400
}
#MUSCARD .pageSectionStyle .headlineA p .title {
 display: block;
 padding: 10px 0 20px
}
#MUSCARD .pageSectionStyle .inner {
 max-width: 100%;
 padding: 40px 0 0
}
#MUSCARD .pageSectionStyle .contents {
 float: none;
 width: 100%
}
#MUSCARD .icoPoint {
 padding-top: 14px;
 margin-bottom: 20px
}
#MUSCARD .icoPoint .headline {
 font-size: 16px
}
#MUSCARD .icoPoint .headline span {
 font-size: 10px
}
#MUSCARD .pointbox {
 padding: 20px;
 box-sizing: border-box;
 margin: 0
}
#MUSCARD .pointbox.bg-blue .icoPoint:after {
 display: none !important
}
#MUSCARD .pointbox.bg-pink .icoPoint:after {
 display: none !important
}
#MUSCARD .pointbox ul li {
 padding-top: 10px;
 text-align: center
}
#MUSCARD .pointbox ul li span.label {
 display: block;
 width: auto;
 padding: 0
}
#MUSCARD .pointbox ul li span.point {
 padding: 0
}
#MUSCARD .mus-submenu {
 float: none;
 width: 100%;
 margin-top: 20px
}
#MUSCARD .mus-submenu.sp {
 display: block;
 margin-top: 0
}
#MUSCARD #muscard .full {
 display: none
}
#MUSCARD #muscard .inner {
 padding: 0
}
#MUSCARD #muscard .headlineA {
 border: none
}
#MUSCARD .cont-top {
 float: none;
 width: 100%;
 margin: 20px 0;
 padding: 0;
 border: none;
 box-sizing: border-box
}
#MUSCARD .cont-top .mus-submenu {
 display: none
}
#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: 40px
}
#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
}
#MUSCARD .sec-faq dl dd table td {
 padding: 10px;
 border: 1px solid #d1d1d1
}
#MUSCARD .sec-faq dl dd table td .tel {
 display: inline-block;
 margin-left: 0;
 font-size: 14px
}
#MUSCARD .sec-faq dl dd table td .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 {
 width: 100%;
 padding: 20px;
 border: 1px solid #d1d1d1;
 box-sizing: border-box
}
#MUSCARD .sec-faq .callcenter h3 {
 float: none;
 margin: 0 0 10px;
 font-size: 14px;
 font-weight: 700
}
#MUSCARD .sec-faq .callcenter p {
 margin: 0;
 line-height: 20px
}
#MUSCARD .sec-faq .callcenter span {
 display: inline-block;
 font-size: 12px
}
#MUSCARD .sec-faq .callcenter .tel {
 display: inline-block;
 margin-right: 15px;
 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 .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 .txt-point {
 font-size: 18px
}
#MUSCARD .sec-abp .caution {
 margin-top: 20px
}
#MUSCARD .sec-abp h2 {
 margin-bottom: 40px;
 color: #003d8b;
 font-size: 16px
}
#MUSCARD .sec-abp .img-otoku-smp {
 display: inline-block;
 margin: 10px 0 20px
}
#MUSCARD .sec-abp .img-otoku {
 display: none
}
#MUSCARD .sec-abp .pointbox {
 padding: 20px;
 box-sizing: border-box;
 margin: 0
}
#MUSCARD .sec-abp .pointbox h3 {
 text-align: left;
 font-size: 16px
}
#MUSCARD .sec-abp .pointbox.bg-blue h3:after, #MUSCARD .sec-abp .pointbox.bg-pink h3:after {
 display: none
}
#MUSCARD .sec-abp .pointbox ul li {
 padding-top: 10px;
 text-align: center
}
#MUSCARD .sec-abp .pointbox ul li span.label {
 display: block;
 width: auto;
 padding: 0
}
#MUSCARD .sec-abp .pointbox ul li span.point {
 padding: 0
}
#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: -10px;
 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 h3 {
 padding-top: 17px;
 font-size: 16px
}
#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 .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 .adm-contents {
 float: none;
 width: 94% !important;
 margin: 0 auto
}
#MUSCARD .sel-menu-smp {
 margin: 0 auto 30px;
 padding: 0;
 list-style-type: none;
 display: block;
 width: 100%
}
#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;
 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: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 .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 {
 margin: 0;
 padding: 0;
 list-style-type: none;
 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 80px
}
#MUSCARD .sec-service h2 {
 margin-bottom: 40px;
 font-size: 28px;
 font-weight: 700;
 color: #003d8b
}
#MUSCARD .sec-service .swype {
 display: none
}
#MUSCARD .sec-service table {
 width: 100%;
 margin: 40px auto 20px;
 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 {
 width: 160px;
 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_floor {
 width: 80px
}
#MUSCARD .sec-service .cell_shop {
 width: 43.27% !important;
 font-weight: 700;
 text-align: left;
 color: #2b2b2b
}
#MUSCARD .sec-service .cell_item {
 width: 34.42% !important;
 font-weight: 700;
 text-align: left;
 color: #2b2b2b
}
#MUSCARD .sec-service .cell_discount {
 width: 12.02% !important;
 background: #fff !important;
 border-bottom: 3px solid #6199d8;
 text-align: center
}
#MUSCARD .sec-service .cell_add {
 width: 12.02% !important;
 background: #fff !important;
 border-bottom: 3px solid #d86161;
 text-align: center
}
#MUSCARD .sec-service .cell_use {
 width: 12.02% !important;
 background: #fff !important;
 border-bottom: 3px solid #ebb133;
 text-align: center
}
#MUSCARD .sec-service .cell_performance {
 width: 12.02% !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 .sec-service .floor {
 border-bottom: 3px double #d1d1d1
}
#MUSCARD .caps {
 font-size: 12px;
 color: #666
}
#MUSCARD .tab-shop li {
/* float: left;
 width: 33.11%;*/
 width: calc(50% - 0.16%);
  margin: 0 .32% 30px 0;
 padding: 15px 0;
 background: #a9a9a9;
 border-radius: 5px 5px 0 0;
 text-align: center;
 color: #fff
}
#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: 50%;
 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: 40px 0 30px;
 font-size: 22px;
 font-weight: 700
}
#MUSCARD .conditions ul {
 margin-bottom: 40px
}
#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 ul li span {
 font-size: 12px;
 color: #666
}
#MUSCARD .conditions .box_b {
 padding-bottom: 20px
}
#MUSCARD .conditions .box_b h3 {
 color: #6199d8
}
#MUSCARD .conditions .box_b ul li::before {
 color: #6199d8
}
#MUSCARD .conditions .box_p {
 padding-bottom: 20px
}
#MUSCARD .conditions .box_p h3 {
 color: #d86161
}
#MUSCARD .conditions .box_p ul li::before {
 color: #d86161
}
#MUSCARD .conditions .box_y {
 padding-bottom: 20px
}
#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 .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
}
.mb30 {
 margin-bottom: 15px !important
}
.mb40 {
 margin-bottom: 20px !important
}
.mb60 {
 margin-bottom: 30px !important
}
.mb80 {
 margin-bottom: 40px !important
}
.respView {
 display: block
}
.shop_column {
 margin: 0 0 45px
}
.shop_column > p {
 margin: 0 0 30px
}
.shop_column ul {
 margin: 0 0 30px;
 display: block
}
.shop_column li {
 margin: 0 0 35px;
 width: 100%
}
#BRIDAL .shop_column li h3 {
 margin: 15px 0 10px;
 display: block;
 font-weight: 400
}
/*20200918追加*/
#PARKING .parking_cont .parking-list div {
display: block;
}
#PARKING .parking_cont .parking-list div.anchor {
 padding: 0;
 background: inherit;
}
#PARKING .parking_cont .parking-list .tbl-parking div.anchor{
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}

.premium_site {
  margin-bottom: -20px;
}

.premium_site .sp_img {
	display: block;
}

.premium_site::before,
.premium_site::after {
  display: none;
}

.premium_site .page_logo {
  margin: 0 auto;
  width: 145px;
}

.premium_site .page_logo .pc_img {
	display: none;
}

.premium_site .page_logo .sp_img {
	display: block;
}

.premium_site .inner {
	margin: 0;
	padding: 15px 0 35px;
	height: auto;
	background: url(../images/premium_site/back_sp.png) no-repeat center center;
	background-size: cover;
}

.premium_site h1 {
	margin: 0 0 15px;
	padding: 20px 0 30px;
	font-size: 24px;
	line-height: 1.6;
	font-weight: 600;
	letter-spacing: 0.05em;
	background: url(../images/premium_site/logo_parts.png) no-repeat center bottom;
  background-size: 50px auto;
}

.premium_site p {
	font-size: 14px;
	letter-spacing: 0.05em;
}

.premium_site p.sub {
	font-size: 12px;
}

.premium_site .btn {
	margin: 30px 7%;
	max-width: inherit;
}

.premium_site .btn a {
	padding: 15px 0;
  font-weight: bold;
	font-size: 18px;
}

#brandSection .tel a {
    pointer-events: inherit;
}

#tinymce a[href^="tel:"],
.cms a[href^="tel:"] {
    pointer-events: inherit;
}


#COMPANY .pageSectionStyle .inner {
	display: block;
}

#COMPANY .pageSectionStyle .LnavBox {
	margin: 30px 0 30px;
}

#COMPANY .pageSectionStyle .LnavBox ul {
	display: block;
}

#COMPANY .pageSectionStyle .LnavBox ul li {
  margin-left: 0;
	text-align: inherit;
}

#COMPANY .pageSectionStyle .contentsBox {
  margin: 0 auto;
  width: 92%;
}

#COMPANY .pageSectionStyle.company {
	padding: 5px 0 15px;
}

#COMPANY .pageSectionStyle .inner {
}

#COMPANY .pageSectionStyle.company .inner {
  width: 100%;
}

.company_index {
	width: 100%;
}

.company_index h1 {
	margin: 0 0 10px;
	padding: 20px 0 0 20px;
	font-size: 16px;
	height: 130px;
}

.company_index ul {
	margin: 0 10px;
}

#COMPANY .contentsBox .company_index li {
	margin-bottom: 10px;
	border: 2px solid #0b2e6b;
}

.company_index li h2 {
	padding-right: 25px;
	font-size: 14px;
	background: url(../images/company/index/arrow.png) no-repeat right center;
	background-size: 18px auto;
}

.company_index li h2 span {
	font-size: 10px;
}

.company_index li.about,
.company_index li.philosophy,
.company_index li.policy,
.company_index li.privacy {
	width: calc(50% - 8px);
}

.company_index li.about a,
.company_index li.philosophy a,
.company_index li.policy a,
.company_index li.privacy a {
	height: 80px;
}

.company_index li.csr {
	background: url(../images/company/index/img_csr.jpg) no-repeat -35px center;
	background-size: auto 100%;
}

.company_index li.csr a {
  background: linear-gradient(to right,rgba(255,255,255,0) 20%, rgba(255,255,255,1) 53% 100%);
}

.company_index li.recruit {
	background: url(../images/company/index/img_recruit.jpg) no-repeat -35px center;
	background-size: auto 100%;
}

.company_index li.recruit a {
  background: linear-gradient(to right,rgba(255,255,255,0) 20%, rgba(255,255,255,1) 53% 100%);
}

.company_index li.csr a,
.company_index li.recruit a {
	padding-right: 10px;
	height: 60px;
}

.company_about_img {
  justify-content: space-between;
}

.company_about_img figure {
	margin: 0;
	width: calc(50% - 10px);
}

.company_about_img figcaption {
	margin: 5px 0 0;
  font-size: 11px;
}

#COMPANY .about table th {
	width: 120px;
}

.philosophy_lead {
	margin: 20px 0 30px;
	font-size: 18px;
	line-height: 1.6;
}

.philosophy_lead br.pc {
	display: none;
}

.philosophy_lead br.sp {
	display: block;
}

.philosophy_img {
  margin-bottom: 40px;
	display: block;
}

#COMPANY .contentsBox .philosophy_img li {
	margin: 0 0 20px;
}

.philosophy_img figure {
	margin: 0 0 15px;
  text-align: center;
}

.philosophy_img figcaption {
	text-align: center;
	font-size: 14px;
}

