.paymentMethod a{
	text-decoration: underline;
}
.paymentMethod__section {
	padding-bottom: 52px;
}
.paymentMethod__title {
	font-size: 1.6rem;
	font-weight: bold;
	padding: 20px 0;
}
.paymentMethod__body {
	border-top: solid 1px #EAEAEA;
	padding-top:14px;
	font-size: 1.4rem;
}
.paymentMethod__body p:not(:first-of-type) {
	margin-top: 20px;
}
.paymentMethod__subTitle {
	display:block;
	width: 100%;
	margin-top: 0;
	text-align: left;
	font-weight: 600;
}
.paymentMethod__subTitle.-border{
	padding-bottom: 10px;
	border-bottom: solid 1px #EAEAEA;
	margin-bottom: 12PX;
}
.paymentMethod__image {
	height: 74px;
}
.paymentMethod__image.-large{
	height: 200px;
	width: 640px;
	margin-bottom: 20px;
}
.paymentMethod__image.-small{
	height: 42px;
	margin-bottom: 20px;
}
.paymentMethod__image img {
	height: 100%;
}
.paymentMethod__attention {
	color: #CB053A;
	font-size: 1.6rem;
}
.paymentMethod__attention span{
	color: #555555;
	font-size: 1.2rem;
	margin-left: 10px;
	padding-left: 14px;
	position:relative;
	display: inline-block;
}
.paymentMethod__attention span::before{
	content: '＊';
	position: absolute;
	left: 0;
}
.paymentMethod .styledList{
	color: #555555;
}
.paymentMethod ul{
	margin-top: 14px;
}
.paymentMethod__note {
	padding: 20px;
	background: #F9F9F9;
	font-size: 1.2rem;
	margin-top: 20px;
}
.paymentMethod__note div{
	font-weight: bold;
	color: #0D0D0D;
}
.paymentMethod__note p {
	margin-top: 14px;
}
.paymentMethod__flow {
	display: flex;
	margin: 32px 0;
}
.paymentMethod__flow .paymentMethod__subTitles{
	width: 160px;
}
.paymentMethod__flow .paymentMethod__subTitle{
	width: 200px;
}
.paymentMethod__atonenote {
	padding-left: 14px;
	position: relative;
	font-size: 1.2rem;
	color: #555555;
}
.paymentMethod__atonenote::before {
	content: '＊';
	position: absolute;
	left: 0;
}

.flowItems {
	width: 600px;
	position: relative;
	font-size: 1.6rem;
	margin-top: 0px !important;
}
.flowItems::before{
	content: '';
	width: 100px;
	height: calc(100% - 20px);
	position: absolute;
	left: 0;
	background-image :linear-gradient(to bottom, transparent , transparent 8px, #CB053A 8px, #CB053A 10px);
	background-size: 2px 10px;
	background-position: left top;
	background-repeat: repeat-y;
}
.flowItems li {
	position: relative;
	padding-left: 20px;
	margin-top: 50px;
}
.flowItems li:first-child {
	margin-top: 0;
}
.flowItems li:nth-child(3) {
	margin-top:32px;
}

.flowItems li::before{
	background: #CB053A;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: -9px;
	font-size: 1.4rem;
	line-height: 2rem;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.flowItems li:nth-child(1)::before{
	content: '1';
}
.flowItems li:nth-child(2)::before{
	content: '2';
}
.flowItems li:nth-child(3)::before{
	content: '3';
}
.flowItems li:nth-child(4)::before{
	content: '4';
}
.flowItems li:nth-child(5)::before{
	content: '5';
}
.flowItems li:nth-child(6)::before{
	content: '6';
}
.flowItems li:nth-child(7)::before{
	content: '7';
}

.flowItems__image {
	width: 480px;
	margin-top: 20px;
}
.flowItems__image img{
	width: 100%;
}
.flowItems__note {
	margin-top: 12px;
	padding-left: 14px;
	position: relative;
	font-size: 1.2rem;
	color: #555555;
}
.flowItems__note::before {
	content: '＊';
	position: absolute;
	left: 0;
}


/* TODO:221004 - START */
.userGuide-tab{
	display: flex;
	justify-content: center;
	z-index: 1;
	padding: 0 5px;
}
.userGuide-tab-item{
	display: flex;
	background-color: #f9f9f9;
	width: 33%;
	height: 50px;
	text-align: center;
	align-items: center;
	justify-content: center;
	border-radius: 5px 5px 0 0;
	border: 1px solid #dddddd;
	margin: 0 2px;
}
.anchor__item.-down.-userGuide{
	margin-top: 0;
	width: 45%;
}
@media screen and (max-width: 834px) {
	.anchor__item.-down.-userGuide {
		width: calc( ( 100% - 5px * 3 ) / 2);
		margin-right: 5px;
		margin-top: 0;
	}
}
/* 一番初めはデフォルトでios,androidモバイル版は非表示にしておく */
.btn._check._sp{
	display: none;
}
/* 検証端末がiosだった場合非表示だったiosモバイルボタンを表示pcボタンを非表示に */
.-ios .btn._check._sp{
	display: block;
}
.-ios .btn._check._pc{
	display: none;
}
/* 検証端末がandroidだった場合非表示だったandroidモバイルボタンを表示pcボタンを非表示に */
.-android .btn._check._sp{
	display: block;
}
.-android .btn._check._pc{
	display: none;
}
.Chrome .-ios .btn._check._sp{
	display: none;
}
.Chrome .-ios .btn._check._pc{
	display: block;
}
.userGuide._check{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0;
}
.userGuide-item{
	width: 47%;
	padding-bottom: 25px;
}
.userGuide-item.-app{
	width: 47%;
}
.userGuide-item p{
	font-weight: normal;
	color: #555555;
	margin-bottom: 5px;
}
.userGuide-btnArea{
	display: flex;
	justify-content: space-between;
}
.btn._check{
	color: #fff;
	background:#6d6d6d;
	width: 150px!important;
	height: 45px!important;
	border: none;
	border-radius: 5px;
	opacity: 1;
	-webkit-transition: opacity .2s ease, background-color .2s ease;
	transition: opacity .2s ease, background-color .2s ease;
}
.userGuide-tab-item.is-active{
	pointer-events: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-bottom-color: #fff;
	z-index: 2;
}
.userGuide-tabItem {
    display:none;
}
.userGuide-tabItem.is-show {
    display:block;
		border-top:solid 1px #dddddd;
		margin-top: -1px;
}
/* TODO:221004 - END */

/* TODO:221005 - START */
.userGuide__shipping dd{
	padding-left: 10px;
}
.mr_indent{
	margin-left: 28px;
}
.mb_none{
	margin-bottom: none;
}
.userGuide__btn.btnArea.-userGuide{
	flex-direction: column;
	align-items: center;
	margin-top: 42px;
}
.btn-frame.-m-sp.-userGuide{
	width: 240px;
	margin: 10px auto;
}
.button-spacing{
	margin: 15px 0;
}
.textArea{
	margin-bottom: 10px;
}
.grayText{
	color: #555555;
	font-size: 14px;
}
.grayText._bottom{
	margin-bottom: 10px;
}
.grayText._small{
	font-size: 12px;
	line-height: 1.5;
}
.strongText {
	color: #111111;
}
.anchor__list.-userGuide{
	width: 70%;
}
.anchor__list{
	margin-bottom: 20px;
}
.anchor__list.-app{
	margin-bottom: 60px;
}
.onlineStore-content{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-top: 1px solid #eaeaea;
}
.onlineStore-content._list._top{
	margin-top:50px;
}
.heading-1.-userGuide{
	padding-top:15px!important;
}
.heading-1.-member._center{
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
.heading-1.-member._center.-member{
	text-align: center;
	margin: 50px auto 30px;
	padding: 0;
}
.btn._check._pc{
	background-image: url(../../../images/user-guide/app-store-btn.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.btn._check._pc._small{
	width: 130px!important;
	height: 40px!important;
}
.btn._check._pc._android{
	background-image: url(../../../images/user-guide/google-play-btn.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.btn._check._sp._shimamura{
	background-image: url(../../../images/user-guide/shimamura-btn_sp.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.btn._check._sp._birthday{
	background-image: url(../../../images/user-guide/birthday-btn_sp.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.btn._check._sp._avail{
	background-image: url(../../../images/user-guide/avila-btn_sp.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.btn._check._sp._chambre{
	background-image: url(../../../images/user-guide/chambre-btn_sp.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.btn._check._pc._android._small{
	width: 130px!important;
	height: 40px!important;
}
/* appについて */
.imageWrapper-app{
	position: relative;
}
.imageWrapper-app p{
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	position: absolute;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.5;
}
.imageWrapper-app p span{
	color: #CB053A;
}
.imageWrapper-app._01 p{
	left: 45px;
	bottom: 35px;
}
.imageWrapper-app._02 p{
	font-size: 12px;
	left: 100px;
	bottom: 120px;
}
.imageWrapper-app._02 p:last-child{
	left: 100px;
	bottom: 60px;
	font-size: 20px;
}
.imageWrapper-app._03 p{
	font-size: 12px;
	left: 100px;
	bottom: 110px;
}
.imageWrapper-app._03 p:last-child{
	left: 100px;
	bottom: 75px;
	font-size: 20px;
}

.contentAPPBox{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.appImgcont01{
	margin-bottom: 30px;
}
.appImgcont01 img{
	width: 100%;
}
.appCont{
	margin: 30px 0 0;
	padding: 0 30px;
}
.appCont._last {
	padding: 0 30px 50px;
	border-bottom: 1px solid #EAEAEA;
}
.appcont-text{
	color: #555555;
}
.appcont-text._black{
	color: #000000;
}
.appcont-text._bottom{
	margin-bottom: 30px;
}
.userGuide._check.-app{
	border: none;
	margin: 40px 0 60px 0;
}
.appContBox-item-text{
	font-size: 14px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #0D0D0D;
}

/* オンラインTAB */
.onlineStore-text{
	padding-bottom: 15px;
	line-height: 1.5;
}
.onlineStore-text a{
	color: #111111;
	text-decoration:underline;
}
.heading-1.-userGuide.-listTitle{
	font-size: 1.2rem;
	font-weight: normal;
	color: #555555;
}
a.link.-arw.-userGuide{
	color: #111111;
}
/* TODO:221107 - START */
@media screen and (min-width: 834px) {
	.userGuide .userGuide__list {
		align-items: flex-start !important;
	}
}
/* TODO:221107 - END */
/* 会員と特典tabスタート */
#customer-q01{
	margin-top: 60px;
	margin-bottom: 35px;
}
#customer-q02{
	margin:30px 0 60px 0
}
.userGuide._check.-customer{
	padding-bottom: 50px;
}
.anchor__list.-customer{
	padding-top: 50px;
	margin-bottom: 60px;
}
.customerTitleBox{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 15px;
}
.customerTitleBox ul{
	width: 185px;
}
.customerContBox{
	margin-bottom: 60px;
}
.customerContBox._last{
	margin-bottom: 0;
	padding-bottom: 50px;
	border-bottom: 1px solid #EAEAEA;
}
.customerContBox-item{
	margin: 35px 35px 0 35px;
	position: relative;
}
.customerContBox-item._relative{
	padding-bottom: 125px;
	position: relative;
}
.customerContBox-item img{
	position: absolute;
	right: 0;
	bottom: 0;
}
.anchor__item.-down.-userGuide.-title{
	margin-top: 0;
	width: 185px;
}
.customerFlexBox{
	display: flex;
	justify-content: space-between;
}
.customerFlexBox-content{
	width: 180px;
	text-align: center;
}
.customerFlexBox-content p{
	margin: 20px 0 45px;
}
.customerContBox-item-text{
	font-size: 14px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #0D0D0D;
}
.customerContBox-cont01{
	margin-bottom: 25px;
}
.customerContBox-cont02{
	margin-bottom: 40px;
}
.imageWrapper-customer{
	position: relative;
}
.imageWrapper-customer p{
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-style: normal;
	position: absolute;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.5;
}
.imageWrapper-customer p span{
	color: #CB053A;
}
.imageWrapper-customer._01 p{
	left: 45px;
	bottom: 35px;
}
.imageWrapper-customer._02 p{
	font-size: 12px;
	left: 95px;
	bottom: 110px;
}
.imageWrapper-customer._02 p:last-child{
	font-size: 20px;
	left: 95px;
	bottom: 75px;
}
.imageWrapper-customer._03 p{
	font-size: 12px;
	left: 95px;
	bottom: 110px;
}
.imageWrapper-customer._03 p:last-child{
	font-size: 20px;
	left: 95px;
	bottom: 75px;
}
.imageWrapper-customer._04 p{
	font-size: 12px;
	left: 95px;
	bottom: 130px;
}
.imageWrapper-customer._04 p:last-child{
	font-size: 20px;
	left: 95px;
	bottom: 70px;
}
.imageWrapper-customer._05 p{
	font-size: 12px;
	left: 95px;
	bottom: 130px;
}
.imageWrapper-customer._05 p:last-child{
	font-size: 20px;
	left: 95px;
	bottom: 65px;
}
.imageWrapper-customer._06 p{
	font-size: 12px;
	left: 95px;
	bottom: 110px;
}
.imageWrapper-customer._06 p:last-child{
	font-size: 20px;
	left: 95px;
	bottom: 80px;
}
.pcImg{
	display: block;
}
.pcImg._01{
	width:149px
}
.pcImg._02{
	width:148px
}
.spImg{
	display: none;
}
.spImg._01{
	width: 39.733vw;
	max-width: 150px;
}
.spImg._02{
	width: 39.466vw;
	max-width: 150px;
}
.sp_block{
	display: none;
}
/* TODO:221005 - END */

/* TODO:240416 - START */
.heading-1:first-child.userGuide-ttl{
	margin: 0;
}
/* TODO:240416 - END */

@media screen and (max-width: 834px) {
	.btn._check {
    width: 161px!important;
    height: 48px!important;
}
	.pcImg{
		display: none;
	}
	.spImg{
		display: block;
		margin: 0 auto;
	}
	.none{
		display: none;
	}
	.sp_block{
		display: block;
	}
	.anchor._app{
		padding: 50px 20px;
	}
	.anchor__list.-app{
		margin-bottom: 0;
	}
	.btn-frame.-m-sp.-userGuide{
		width: 100%;
		margin: 0 auto;
	}
	.grayText{
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.grayText._large{
		font-size: 1.4rem;
	}
	.grayText._none{
		margin:0 0 30px 0;
	}
	.grayText.-member{
		margin: 25px 20px;
	}
	.userGuide._check.-customer{
		padding: 0 20px 20px;
	}
	.customerContBox._last .customerContBox-item{
		padding-bottom: 0;
	}
	.customerContBox-item{
		margin:20px 20px 0 20px;
		padding-bottom: 70px;
	}
	.customerContBox-item.-member{
		margin-bottom: 70px;

	}
	/* app */
	.userGuide-item {
    	width: auto;
	}
	.userGuide-item.-app {
		width: auto;
	}
	#app-q01{
		margin-top: 50px;
	}
	.imageWrapper-app{
		padding: 0 5px;
	}
	.imageWrapper-app p{
		font-family: dnp-shuei-mgothic-std, sans-serif;
		font-weight: 600;
		font-style: normal;
		position: absolute;
		font-size: 5.3333vw;
		font-weight: 600;
		line-height: 1.7;
		letter-spacing: 0.1rem;
	}
	.imageWrapper-app p span{
		color: #CB053A;
	}
	.imageWrapper-app._01 p{
		left: 6.9%;
		bottom: 5.722%;
	}
	.imageWrapper-app._02 p{
		font-size: 2.666vw;
		left: 9.72222%;
		bottom: 58.777%;
	}
	.imageWrapper-app._02 p:last-child{
		font-size: 4.8vw;
		left: 9.72222%;
		line-height: 1.7;
		bottom: 22.777%;
	}
	.imageWrapper-app._03 p{
		font-size: 2.666vw;
		left: 9.72222%;
		bottom:  62.777%;
	}
	.imageWrapper-app._03 p:last-child{
		font-size: 4.8vw;
		left: 9.72222%;
		line-height: 1.7;
		bottom: 27.777%;
	}
	#customer-q01{
		text-align: left;
		margin: 50px 20px 30px;
		line-height: 2;
	}
	#customer-q02{
		margin:40px 0 10px 0;
		text-align: left;
	}
	.customerFlexBox{
		flex-flow: column;
	}
	.customerTitleBox ul{
		margin-right: 20px;
	}
	.customerFlexBox-content{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 10px;
	}
	.customerFlexBox-content p{
		margin: auto 0;
		width: 50vw;
		text-align: left;
	}
	.customerFlexBox-content .spImg{
		width: 37.333vw;
	}
	.customerContBox-item._relative{
		padding-bottom: 70px;
		margin-bottom: 60px;
	}
	.customerContBox{
		margin: 0;
	}
	.imageWrapper-customer{
		padding: 0 5px;
	}
	.imageWrapper-customer p{
		font-family: dnp-shuei-mgothic-std, sans-serif;
		font-style: normal;
		position: absolute;
    font-size: 5.3333vw;
		line-height: 1.7;
    font-weight: 600;
    letter-spacing: 0.1rem;
	}
	.imageWrapper-customer p span{
		color: #CB053A;
	}
	.imageWrapper-customer._01 p{
		left: 6.9%;
    bottom: 8.8869%;
	}
	.imageWrapper-customer._02 p{
		font-size: 2.666vw;
    left: 9.72222%;
    bottom: 58.333%;
	}
	.imageWrapper-customer._02 p:last-child{
		font-size: 4.8vw;
    left: 9.72222%;
    bottom: 36.333%;
	}
	.imageWrapper-customer._03 p{
		font-size: 2.666vw;
		left: 9.72222%;
		bottom: 52%;
	}
	.imageWrapper-customer._03 p:last-child{
		font-size: 4.8vw;
		left: 9.72222%;
		bottom: 33.888%;
	}
	.imageWrapper-customer._04 p{
		font-size: 2.666vw;
		left: 9.72222%;
		bottom: 64.777%;
	}
	.imageWrapper-customer._04 p:last-child{
		font-size: 4.8vw;
		left: 9.72222%;
		line-height: 1.7;
		bottom: 28.333%;
	}
	.imageWrapper-customer._05 p{
		font-size: 2.666vw;
		left: 9.72222%;
		bottom: 65.222%;
	}
	.imageWrapper-customer._05 p:last-child{
		font-size: 4.8vw;
		left: 9.72222%;
		line-height: 1.7;
		bottom: 26.333%;
	}
	.imageWrapper-customer._06 p{
		font-size: 2.666vw;
		left: 9.72222%;
		bottom: 64.333%;
	}
	.imageWrapper-customer._06 p:last-child{
		font-size: 4.8vw;
		left: 9.72222%;
		line-height: 1.7;
		bottom:26%;
	}
	.heading-1{
		background:#ffffff!important;
		font-size: 1.4rem!important;
	}
	.heading-1.-member._center.-member{
		text-align: left;
		margin: 50px auto 30px;
		padding-left: 20px;
	}
	.onlineStore-content._list{
		flex-flow: column;
		border-top: none;
	}
	.onlineStore-text{
		padding: 0 20px 15px;
	}
	.onlineStore-text._sp{
		padding: 0 20px;
	}
	.onlineStore-content._list{
		margin-top:50px;
	}
	.heading-1.-userGuide.-listTitle{
		font-size: 1.4rem;
		font-weight: bold;
		color: #0D0D0D;
		padding-top: 0;
		padding-bottom: 25px;
	}
	.anchor__list.-userGuide{
		width: 89%;
		margin: 0 auto;
	}
	.anchor.-payment {
		padding:32px 20px 20px ;
	}
	.paymentMethod {
		padding: 0 20px;
	}
	.paymentMethod__title {
		font-size: 1.4rem;
		padding: 16px 0;
	}
	.paymentMethod__body {
		font-size: 1.2rem;
	}
	.paymentMethod__body p:not(:first-of-type) {
		margin-top: 24px;
	}
	.paymentMethod__note {
		padding: 20px 12px 12px;
	}
	.paymentMethod__note p {
		margin-top: 14px;
	}
	.paymentMethod__subTitle {
		font-size: 1.4rem;
	}
	.paymentMethod__flow {
		flex-direction: column;
	}
	.paymentMethod__atonenote {
		padding-left: 18px;
	}
	.paymentMethod__atonenote::before {
		left: 4px;
	}
	.flowItems {
		width: 100%;
		font-size: 1.4rem
	}
	.flowItems::before {
		left: 7px;
		height: calc(100% - 16px);
	}
	.flowItems li {
		padding-left: 22px;
		margin-top: 28px;
	}
	.flowItems li:nth-child(3) {
		margin-top: 28px;
	}
	.flowItems li::before {
		width: 16px;
		height: 16px;
		left: 0;
		top:4px;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	.flowItems__image {
		max-width: 360px;
		width: 100%;
		padding-left: 4px;
	}
	.flowItems__note {
		padding-left: 18px;
	}
	.flowItems__note::before {
		left: 4px;
	}
	.paymentMethod__attention span {
		margin-left: 0;
	}
	.appCont{
		margin: 20px 0 0;
		padding: 0 20px;
	}
	.appCont._last {
		padding: 0 20px 50px;
	}
	.userGuide__btn.btnArea.-userGuide {
		margin-top: 52px;
	}
}

@media screen and (max-width: 374px) {
	.flowItems::before{
		height: calc(100% - 32px);
	}
}
