@charset "UTF-8";

#membership .lineRed {border: double 3px #cc0000; padding:20px;}
#membership .lineRed .linkBtn_560_g li a {background-color: #cc0000; border:#cc0000;}
#membership .lineRed .linkBtn_560_g li a:hover {background-color:#f83939 !important;}

#membership .h4Ptn01 {font-size:16px;}

#membership .linkBox_col3_04.top li {width:100%; background-image:none; margin-bottom:20px;}
#membership .linkBox_col3_04 .photo {width:90px;}
#membership .linkBox_col3_04 .lead {display: block; font-size:14px;}
#membership .linkList_col4_01 li a {font-size:13px;}
#membership .linkList_col4_01 li span {background:none; padding-left:0;}

#membership .topLink li {margin-bottom:10px;}
#membership .topLink li dt span {display:inline-block;}

#membership .topLink li dt span.icon11 {display:inline-block; background:url(../../../membership/img/img_membership_icon_11.png) 0 50% no-repeat; background-size:17px; padding-left:23px;}
#membership .topLink li dt span.icon12 {display:inline-block; background:url(../../../membership/img/img_membership_icon_12.png) 0 50% no-repeat; background-size:17px; padding-left:23px;}
#membership .topLink li dt span.icon13 {display:inline-block; background:url(../../../membership/img/img_membership_icon_13.png) 0 50% no-repeat; background-size:17px; padding-left:23px;}
#membership .topLink li dt span.icon14 {display:inline-block; background:url(../../../membership/img/img_membership_icon_14.png) 0 50% no-repeat; background-size:50px; padding-left:57px;}
#membership .topLink li dt span.icon15 {display:inline-block; background:url(../../../membership/img/img_membership_icon_15.png) 0 50% no-repeat; background-size:17px; padding-left:23px;}


#membership .topLink li dt a {display:block; background:#ac9151; padding:10px 5px 10px 10px; font-weight:bold; color:#fff; font-size:14px;}
#membership .topLink li dt a:hover,#membership .topLink li dt .active {background:#9b7e40;}
#membership .topLink li dd {border-bottom:1px solid #d2d2d2;}
#membership .topLink li dd:nth-child(5n) {margin-right:0;}
#membership .topLink li dd:last-child {border-bottom:none;}
#membership .topLink li dd a {display:block;color:#777;padding:10px 10px 10px 30px; background:url(../img/ico_keyword_01.png) 10px center no-repeat; text-decoration:none !important;}

#membership .tabWrap{position:relative; margin-bottom:50px;}
#membership .tabBody{display:none;}
#membership .tabBody .wrap{position:relative;}
#membership .tabBody.current{display:block;}
#membership .tabBody .mapBox{margin-bottom:20px;}
#membership .rootTtl{background-color:#555; padding:15px 40px 15px 50px; color:#fff; position:relative;}
#membership .rootTtl.select{background-color:#888; margin-bottom:0;}
#membership .rootTtl::before{content:""; width:20px; height:20px; position:absolute; top:33%; left:20px; background-size: contain;}

/* index */


/* benefits */
#membership .rootTtl.icon01::before {background-image: url(../../../membership/img/img_membership_icon_01.png);}
#membership .rootTtl.icon02::before {background-image: url(../../../membership/img/img_membership_icon_02.png);}
#membership .rootTtl.icon03::before {background-image: url(../../../membership/img/img_membership_icon_03.png);}
#membership .rootTtl.icon04::before {background-image: url(../../../membership/img/img_membership_icon_04.png);}
#membership .rootTtl.icon05::before {background-image: url(../../../membership/img/img_membership_icon_05.png);}
#membership .rootTtl.icon06::before {background-image: url(../../../membership/img/img_membership_icon_06.png);}
#membership .rootTtl.icon07::before {background-image: url(../../../membership/img/img_membership_icon_07.png);}

/* acquisition */
#membership .rootTtl.icon08::before {background-image: url(../../../membership/img/img_membership_icon_08.png);}
#membership .rootTtl.icon09::before {background-image: url(../../../membership/img/img_membership_icon_09.png);}
#membership .rootTtl.icon10::before {background-image: url(../../../membership/img/img_membership_icon_10.png); width:25px; height:20px; left:15px;}



/* exchange */
#membership .table_exchange {width:100%;}
#membership .table_exchange tr {border:1px solid #d8d8d8;}
#membership .table_exchange td {padding:5px 10px 5px 10px; max-width:100%; display:block;}
#membership .table_exchange td:nth-child(odd) {padding:10px 10px 3px 10px;}
#membership .table_exchange td:nth-child(even) {padding:3px 10px 10px 10px;}
#membership .table_exchange tr:nth-child(odd) td {background-color:#f8f8f8;}



#membership .rootTtl::after{content:""; width:10px; height:10px; border:solid 3px #fff; border-width:0 0 3px 3px; position:absolute; top:45%; right:20px; -webkit-transform:translateY(-50%)rotate(-45deg); transform:translateY(-50%)rotate(-45deg);}
#membership .rootTtl.select::after{border-width:3px 3px 0 0; top:52%;}
#membership  .rootBox{background:#fff; padding:20px 10px; border:solid 1px #e6e6e6; display:none; margin:0 auto;}
#membership .rootBox + .rootTtl{margin-top:20px;}
#membership .rootBox .rootList{}
#membership .rootBox .rootList > li{display:flex; justify-content:flex-start; align-items:flex-start; padding:15px 0;}
#membership .rootBox .rootList > li~li{border-top:solid 1px #e6e6e6; font-size:15px;}
#membership .rootBox .rootList > li .listStyle{background:#000; color:#fff; padding:0 5px; margin-right:10px; font-size:14px; width:50px; text-align:center; }
#membership .rootBox .rootList > li .detailBox{width:calc(100% - 65px);}
#membership .rootBox .rootList > li .busBox{width:100%;}
#membership .rootBox .rootList > li .name{}
#membership .rootBox .rootList > li .timeT{font-weight:bold; margin-bottom:10px;}
#membership .rootBox .rootList > li .timeT span{/*font-weight:400;*/ margin-left:1em;}
#membership .rootBox .rootList > li .name .time{margin-left:1em;}
#membership .rootBox > .infoFlex{padding-top:20px;}

#membership .contentBox03.card-box .headline{font-size:18px; text-align:center; font-weight: bold;}

#membership .tablePtn13 td.circle {font-size:1.8em;}


#membership .tablePtn03.ms_card th {padding: 10px;}
#membership .tablePtn03.ms_card td {padding: 10px;}
#membership .tablePtn03.ms_card th.card {width:94%; display:block; border-bottom:none; padding-bottom:0;}
#membership .tablePtn03.ms_card th.name {width:94%; display:block; border-top:none; border-bottom:none;}
#membership .tablePtn03.ms_card td {width:94%; display:block; margin-bottom:30px; text-align:center;}

#membership .detailTable dl {margin-bottom:10px;}
#membership .detailTable dd {padding-left:15px;}

#membership.cmp43th .topAppealBlock{border: 1px solid #ac9151;}
#membership.cmp43th .boxLink a{display: block; background: #ac9151; text-align: center; padding: 8px; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none !important;}
#membership.cmp43th .boxLink.yoyaku a:before{content:url("../../img/ico_stay_reserve01.png"); position:relative; top:2px; margin-right:10px;}
#membership.cmp43th .cmpBox{}
#membership.cmp43th .cmpBox .floatL{float:initial;}
#membership.cmp43th .cmpBox .floatR{float:initial;}

.benefitWrap{position:relative; color:#fff;}
#particlesF{background:rgba(0, 0, 0, 0.9); margin-bottom:20px; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0;}
#particlesF {background: linear-gradient(45deg, #0f0000 65%, #b97300 88%, #ebcd9b 99%);}
.premium_benefitList{margin-bottom:40px; padding:20px 10px 10px; position:relative; z-index:1;}
.premium_benefitList li{}
.premium_benefitList li + li{margin-top:40px;}
.premium_benefitList .boxL{}
.premium_benefitList .boxR{margin-top:10px;}
.premium_benefitList .imgBox{text-align:center; width:80%; margin:auto;}
.premium_benefitList .txtBox{}
.premium_benefitList .txtBox .catch{font-size:14px;}
.premium_benefitList .txtBox .catch span{font-size:12px;}
.premium_benefitList .txtBox .benefitTtl{font-size:20px; margin:5px auto;}
.premium_benefitList .txtBox .detail{}
.premium_benefitList .txtBox .note{font-size:14px; text-align:right; display:block;}
.premium_benefitList .txtBox .note a{color:inherit;}
.premium_benefitList .txtBox .linkBtn_380_g{margin-top:20px; }
.premium_benefitList .txtBox .linkBtn_380_g li{background:transparent;}
.premium_benefitList .txtBox .inBox{margin:24px auto 0; padding:10px; border:solid 1px #ac9151; box-sizing:border-box;/* background:rgba(255, 255, 255, 0.6)*/}
.premium_benefitList .imgBox a img{border:1px solid #fff;}

#membership .h3Ptn01 .subTtl.ms_original {font-family: auto; float:right; font-weight: normal;}
#membership .linkBtn_560_g.toppage.info {margin-bottom:10px !important;}

.tablePtn03.ms_card th.card img { width: 50%;}

/*=========== MEDIA QUERIES(for PC) ===========*/

@media screen and (min-width:768px) {

	#membership .lineRed {margin-bottom:60px; text-align:center;}
    #membership .topLead {text-align: center;}
    #membership .linkBox_col3_04.top li {width:278px;}
    #membership .linkBox_col3_04 .lead {font-size:16px; line-height:1.5;}
    #membership .linkBox_col3_04 .photo {width:264px;}
    #membership .linkBox_col3_04.top li {margin-bottom:0;}

	#membership .topLink {margin-bottom:10px; padding:0 10px;}
	#membership .topLink li {float:left; display:block; background:#fff; width:447px; margin:10px 45px 0 0;}
	#membership .topLink li:nth-child(-n+2) {margin-top:0;}
	#membership .topLink li:nth-child(2n) {margin-right:0;}
	#membership .topLink li:nth-child(2n+1) {clear:both;}
	#membership .topLink li dt {margin-bottom:10px;}
	#membership .topLink li dt a {font-size:14px; text-align:center;}
	#membership .topLink li dd {background:url(../../banquet/img/index/ico_banquet_index_01.png) 15px 6px no-repeat; border-bottom:none;}
	#membership .topLink li dd a {display:inline-block; color:#777; margin-left:30px; padding-right:10px; background:none; padding:0;}
	#membership .topLink li dd a:hover {text-decoration:underline !important;}

	#membership .contentBox03.card-box {padding:20px;}
    #membership .contentBox03.card-box .lead {text-align: center;}
	#membership .rootTtl{border-radius:3px;}
	#membership .rootTtl.select{border-radius:3px 3px 0 0;}
	#membership .rootBox{border-radius:0 0 3px 3px;}
	#membership .rootBox{padding:30px;}
	#membership .contentBlock08{padding:40px 0;}
	#membership .footBtnBox{margin:50px auto 80px;}
	#membership .tabBody .mapBox{margin-bottom:50px; text-align:center;}
	#membership .tabBody .mapBox img{margin:auto;}
	#membership .cautionBox01{margin:0; padding:15px 20px;}
	#membership .btnGrn{width:500px; padding:25px 35px;}
	#membership .sp_br{display:inline; margin-left:1em;}
	#membership .rootBox .rootList > li.bus{padding-left:95px; background-position:15px 0;}

    #membership .linkBox_col2_05 li {margin: 25px 30px 0 0;}
    #membership .linkBox_col2_05 li.leftBox {width:320px;}
    #membership .linkBox_col2_05 li.rightBox {width:450px;}

    #membership .linkBox_col2_03 li {width:409px;}

    #membership .linkBtn_560_g.toppage {margin-left:170px;}
    #membership .linkBtn_560_g.toppage a {text-align:center; background-image:none; padding:15px;}

    #membership .linkBtn_560_g.toppage.info {margin-bottom:10px !important;}
    #membership .linkBtn_560_g.toppage.info a {text-align:center; background-image:none; padding:15px; background-color:#361601; border:1px solid #361601;}
    #membership .linkBtn_560_g.toppage.info a:hover {background-color:#a26e01 !important; border:solid 1px #a26e01 !important;}

    #membership .tablePtn03.ms_card td {margin-bottom:0; text-align:left;}

    #membership .tablePtn03.ms_card th.card {width:10%; text-align:center; border-right:none; display:table-cell; border-bottom:1px solid #d8d8d8; padding-bottom:10px;}
    #membership .tablePtn03.ms_card th.name {width:22%; text-align:left; border-left:none; display:table-cell; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
    #membership .tablePtn03.ms_card td {width:65%; border-left:none; display:table-cell;}

    #membership .detailTable {margin-bottom:20px;}
    #membership .detailTable dl {display: flex; margin-bottom:5px;}
    #membership .detailTable dt {width:290px;}
    #membership .detailTable dd {width:100px;}
    #membership .detailTable dd.point {width:110px; text-align: right;}


    /* exchange */
    #membership.cmp43th .topAppealBlock .boxL{width: 320px; margin-left: 60px;}	    #membership .table_exchange td {width:25%; display:table-cell;}
    #membership.cmp43th .topAppealBlock .boxR{margin-right: 60px;}	#membership .table_exchange td:nth-child(odd),#membership .table_exchange td:nth-child(even) {padding:10px 8px;}
    #membership.cmp43th .cmpBox .floatL{float: left; width:450px;}
    #membership.cmp43th .cmpBox .floatR{float: right;width:450px;}	    #membership .table_exchange tr td:first-child {width:75%;}
    #membership.cmp43th .plan .topAppealBlock .boxL{width: 320px; margin-left: 0px;}	#membership .table_exchange tr td:nth-child(even) {text-align:right;}
    #membership.cmp43th .plan .topAppealBlock .boxR{margin-right: 0;}
    #membership.cmp43th .plan .topAppealBlock .boxR{margin-right: 0; width:570px;}	#membership .table_exchange.stay td {width:65%; display:table-cell;}
    #membership.cmp43th .plan .cmpBox .floatL{float: left; width:320px;}	#membership .table_exchange.stay tr td:first-child {width:35%;}


    /* campaign43th */
	#membership.cmp43th .topAppealBlock .boxL{width: 320px; margin-left: 60px;}
	#membership.cmp43th .topAppealBlock .boxR{margin-right: 60px;}
	#membership.cmp43th .cmpBox .floatL{float: left; width:450px;}
	#membership.cmp43th .cmpBox .floatR{float: right;width:450px;}

	#membership.cmp43th .plan .topAppealBlock .boxL{width: 320px; margin-left: 0px;}
	#membership.cmp43th .plan .topAppealBlock .boxR{margin-right: 0;}
	#membership.cmp43th .plan .topAppealBlock .boxR{margin-right: 0; width:570px;}
	#membership.cmp43th .plan .cmpBox .floatL{float: left; width:320px;}
	#membership.cmp43th .plan .cmpBox .floatR{float: right; width:570px;}

	/* premium_benefitList */
	.premium_benefitList{margin:0 auto 40px; padding:20px;}
	.premium_benefitList li{display:flex;}
	.premium_benefitList li + li{margin-top:40px;}
	.premium_benefitList .boxL{}
	.premium_benefitList .boxR{margin:0 0 0 30px;}
	.premium_benefitList .imgBox{text-align:center; width:310px; margin:0;}/*width:300px;*/
	.premium_benefitList .imgBox img{width:100%;}
	.premium_benefitList .imgBox a{display:block;}
	.premium_benefitList .imgBox a:hover{opacity:0.7;}
	.premium_benefitList .txtBox{width:calc(100% - 270px);}
	.premium_benefitList .txtBox .catch{font-size:14px;}
	.premium_benefitList .txtBox .catch span{font-size:12px;}
	.premium_benefitList .txtBox .benefitTtl{font-size:28px; margin:10px auto 10px;}
	.premium_benefitList .txtBox .detail{}
	.premium_benefitList .txtBox .note{font-size:14px; text-align:left; display:inline-block;}
	.premium_benefitList .txtBox .linkBtn_380_g{margin-top:20px;}
	.premium_benefitList .txtBox .linkBtn_380_g li{/*justify-content:flex-end;*/ width:100%;}
	.premium_benefitList .txtBox .inBox{display:flex; width:100%;}
	.premium_benefitList .txtBox .inBox > .imgBox{width:120px;}
	.premium_benefitList .txtBox .inBox > .txtBox{margin:0 0 0 20px; width:calc(100% - 140px)}
	.premium_benefitList .txtBox .note.alignR{display:block;}
	.premium_benefitList .txtBox .inBox > .txtBox .benefitTtl{font-size:22px; margin:5px 0;}

	#membership .h3Ptn01 .subTtl.ms_original {margin-top: 0.1em; font-size:85% !important;}

	.tablePtn03.ms_card th.card {width:10%; text-align: center; border-right: none; display: table-cell; border-bottom: 1px solid #d8d8d8; padding-bottom: 10px;}
	.tablePtn03.ms_card th.card img {width:100%;}
	.tablePtn03.ms_card th.name {width:22%; text-align: left; border-left: none; display: table-cell; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;}



}