@charset "UTF-8";

/*================================================================================
個別CSS PC
=================================================================================*/

/* アコーディオン内H2セクションマージン修正 */
.list-accordion-02__item .sec-common-lv2{
	margin-top: 57px;
}

/*==== 年会費情報調整 ====*/

.beta-mod-list-cvn__detail--width-45per--pc {
	width: 49%;
	margin: auto;
}

.beta-mod-list-cvn__detail-title--width-45per--pc {
	width: 41%;
}

.beta-mod-list-cvn__detail-title--width-50per--pc {
	width: 55%;
}

/*==== コンバージョンボタン調整 ====*/

.btn-cvn .btn-cvn__button--olt-blank {
	background:#cc0033;
	color: #fff;
	padding-left: 25px;
}

/* dカードGOLDアイコン設定 */
.btn-cvn .btn-cvn__button--olt-blank.icon__dcard-gold:before {
	background: url("/service/dcard/images/icon_01.png") center no-repeat;
	background-size: contain;
}

/* dカード（通常）アイコン設定 */
.btn-cvn .btn-cvn__button--olt-blank.icon__dcard-normal:before {
	background: url("/service/dcard/images/icon_02.png") center no-repeat;
	background-size: contain;
}

.btn-cvn .btn-cvn__button--olt-blank.icon__dcard-normal:before {
	display: none;
}


/*==== 注記のフォントサイズ調整 ====*/

.list-notes.beta-mod-list__fz-l {
	font-size: 100%;
}

/*==== テーブル内記述の位置調整（共通） ====*/

.table-common__td .beta-mod-img__block {
	display: block;
	margin: auto;
	width: 50%;
	height: auto;
}

/*==== 関連情報（背景） ====*/

/* 背景グレー */
.list-accordion-02__item.beta-mod-list-accordion-02__item--grey {
	background-color: #f2f2f2;
}

/* パディング追加 */
.beta-mod-list-accordion-02__item--grey .list-accordion-02__body {
	padding: 0 22px 22px;
}

/* H3赤縦線と下線を削除 */
.beta-mod-list-accordion-02__item--grey .list-accordion-02__body .tit-common-lv3 {
	padding: 0;
	position: static;
	background: none;
}

/*==== キャンペーンボタン調整 ====*/
.btn-common-pad .btn-common__button--h2-blank{
	padding: 10px 27px 10px 38px;
}


/*---------------------------
floating
----------------------------*/
#reservbtnarea.floating_menu {
	background-color: rgba(0, 0, 0, 0.7);
	left: 0;
	padding: 16px 0;
	margin: 0;
}

#reservbtnarea.floating_menu + .btn-pagetop {
	bottom: 110px;
}

#reservbtnarea.floating_menu + .btn-pagetop.btn-stagger {
	bottom: 10px;
}

/* .dcard-floating-button-area */
.dcard-floating-button-area {
	display: block;
	margin: 0 auto;
}

.dcard-floating-button-area .btn-cvn .btn-cvn__item a {
	border-radius: 50px;
	width: 50%;
	min-width: 350px;
	padding: 10px 3px 10px 0;
}
.dcard-floating-button-area .btn-cvn .btn-cvn__item a:before{
	margin: 0;
	top: 5px;
	left: calc(50% - 18px);
}

/* .sp-board-area */
.sp-board-area {
    background: #F5F3E7;
    width: 100%;
    padding: 28px;
}
.sp-board-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.sp-board-item p {
    margin: 5px 0;
    font-weight: bold;
    color: #363636;
}
.sp-board-item img {
    height: 56px;
}
.sp-board-item {
    text-align: center;
    background: #fff;
    border-radius: 5px;
    margin: 2rem 10px 0;
    width: calc(100%/3 - 20px);
    height: 116px;
    padding: 20px 0;
    position: relative;
    box-shadow: 0 1px 1px #949494;
}
.sp-board-item:nth-of-type(-n+3) {
    margin-top: 0;
}
.sp-board-item a {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    text-decoration: none;
}



/* --- margin control --- */

/* margin top */
.beta-mod-mt0--pc{
	margin-top:0 !important;
}
.beta-mod-mt5--pc{
	margin-top:5px !important;
}
.beta-mod-mt10--pc{
	margin-top:10px !important;
}
.beta-mod-mt15--pc{
	margin-top:15px !important;
}
.beta-mod-mt20--pc{
	margin-top:20px !important;
}
.beta-mod-mt25--pc{
	margin-top:25px !important;
}
.beta-mod-mt30--pc{
	margin-top:30px !important;
}
.beta-mod-mt35--pc{
	margin-top:35px !important;
}
.beta-mod-mt40--pc{
	margin-top:40px !important;
}
.beta-mod-mt45--pc{
	margin-top:45px !important;
}
.beta-mod-mt50--pc{
	margin-top:50px !important;
}
.beta-mod-mt55--pc{
	margin-top:55px !important;
}
.beta-mod-mt60--pc{
	margin-top:60px !important;
}
.beta-mod-mt65--pc{
	margin-top:65px !important;
}
.beta-mod-mt70--pc{
	margin-top:70px !important;
}
.beta-mod-mt75--pc{
	margin-top:75px !important;
}
.beta-mod-mt80--pc{
	margin-top:80px !important;
}
.beta-mod-mt57--pc{
	margin-top:57px !important;
}

/* margin bottom */
.beta-mod-mb0--pc{
	margin-bottom:0 !important;
}
.beta-mod-mb5--pc{
	margin-bottom:5px !important;
}
.beta-mod-mb10--pc{
	margin-bottom:10px !important;
}
.beta-mod-mb15--pc{
	margin-bottom:15px !important;
}
.beta-mod-mb20--pc{
	margin-bottom:20px !important;
}
.beta-mod-mb25--pc{
	margin-bottom:25px !important;
}
.beta-mod-mb30--pc{
	margin-bottom:30px !important;
}
.beta-mod-mb35--pc{
	margin-bottom:35px !important;
}
.beta-mod-mb40--pc{
	margin-bottom:40px !important;
}
.beta-mod-mb45--pc{
	margin-bottom:45px !important;
}
.beta-mod-mb50--pc{
	margin-bottom:50px !important;
}
.beta-mod-mb55--pc{
	margin-bottom:55px !important;
}
.beta-mod-mb60--pc{
	margin-bottom:60px !important;
}
.beta-mod-mb65--pc{
	margin-bottom:65px !important;
}
.beta-mod-mb70--pc{
	margin-bottom:70px !important;
}
.beta-mod-mb75--pc{
	margin-bottom:75px !important;
}
.beta-mod-mb80--pc{
	margin-bottom:80px !important;
}