@charset "utf-8";

/* 00.USUAL
--------------------------------------------------- */
section#pointWrap * {
	margin: 0;
	padding: 0;
}
section#pointWrap img {
	max-width: 100%;
	height: auto;
}
section#pointWrap .pcNone { display:none; }
section#pointWrap .indent1em { padding-left:1em; text-indent:-1em; }


section#pointWrap {
	background: #e60012 url("../img/bg_top.png") no-repeat center top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	padding-bottom: 7%;
	font-family: "M PLUS 1p";
}
section#pointWrap div.pointInner {
	width: 940px;
	margin: 0 auto;
}
section#pointWrap div.pointInner h1 {
	margin: 0;
	padding: 5% 0;
}
section#pointWrap div.pointInner div.pointContents {
	border: 8px solid #262626;
	box-sizing: border-box;
	margin-bottom: 15px;
	padding: 25px 35px;
	position: relative;
	background: #fff url("../img/bg_dotted.png") repeat;
	background-size: 18px auto;
	-webkit-background-size: 18px auto;
	-moz-background-size: 18px auto;
	-ms-background-size: 18px auto;
	-o-background-size: 18px auto;
	background-size: 18px auto;
}
section#pointWrap div.pointInner div.pointContents div.clearfix{
}
	/* MEMBER */
	section#pointWrap div.pointInner div.pointContents#member div.floL { width:55.5%; }
	section#pointWrap div.pointInner div.pointContents#member div.floR { width:42.5%; }
	/* RELAKARA */
	section#pointWrap div.pointInner div.pointContents#relakara {
		border: none;
		margin-bottom: 15px;
		padding: 25px 35px;
		background: none;
		color: #fff;
	}
	section#pointWrap div.pointInner div.pointContents#relakara h2,
	section#pointWrap div.pointInner div.pointContents#relakara p.catch {
		color: #fff;
	}
	section#pointWrap div.pointInner div.pointContents#relakara div.floL {
		width: 55%;
	}
	section#pointWrap div.pointInner div.pointContents#relakara img.floR {
		display: none;
	}
	section#pointWrap div.pointInner div.pointContents#relakara div.floR {
		width: 43%;
	}
	section#pointWrap div.pointInner div.genericBtn a {
		margin: 0;
	}
    section#pointWrap div.pointInner div.genericBtn.faqBtn {
        width: 350px;
        margin: 2em auto 0;
        font-size: 112%;
    }

	.bx-wrapper {
		margin-bottom: 5% !important;
        max-width: 100% !important;
	}
	/* MACHINE */
	section#pointWrap div.pointInner div.pointContents#machine {
		padding: 10px 0 0;
	}
	section#pointWrap div.pointInner div.pointContents#machine div.floR {
		padding: 25px 35px 25px 0;
	}
	/* DRINK + FOOD */
	section#pointWrap div.pointInner div.pointContents#drink,
	section#pointWrap div.pointInner div.pointContents#food {
		padding: 0;
	}
	section#pointWrap div.pointInner div.pointContents#drink div.dfInner {
		padding: 15px 35px 25px;
	}
	section#pointWrap div.pointInner div.pointContents#food div.dfInner {
		padding: 0 35px 25px;
	}
	/* BRING */
	section#pointWrap div.pointInner div.pointContents#bring div.floL {
		width: 37.5%;
	}
	section#pointWrap div.pointInner div.pointContents#bring div.floR {
		width: 57.5%;
	}


section#pointWrap div.pointInner div.pointContents div.number {
	position: absolute;
	width: 116px;
	height: 133px;
}
	section#pointWrap div.pointInner div.pointContents:nth-of-type(odd) div.number { top:-35px; left:-30px; }
	section#pointWrap div.pointInner div.pointContents:nth-of-type(even) div.number { top:-35px; right:-30px; }

section#pointWrap div.pointInner div.floL,
section#pointWrap div.pointInner div.floR {
	display: block;
	width: 47.5%;
}
section#pointWrap div.pointInner div.floL {
	float: left;
}
section#pointWrap div.pointInner div.floR {
	float: right;
}
section#pointWrap div.pointInner div.pointContents h2 {
	color: #e60012;
	font-weight: 900;
	font-size: 220%;
	line-height: 140%;
	padding: 0.5em 0;
}
section#pointWrap div.pointInner div.pointContents h2 span {
	font-size: 135%;
}
section#pointWrap div.pointInner div.pointContents p,
section#pointWrap div.pointInner div.pointContents ul {
	font-weight: 500;
	font-size: 106%;
}
section#pointWrap div.pointInner div.pointContents ul {
	margin-left: 20px;
}
section#pointWrap div.pointInner div.pointContents p.catch {
	color: #e60012;
	font-size: 168%;
	font-weight: 900;
	line-height: 140%;
	margin-top: 0.5em;
	padding-bottom: 1em;
}
section#pointWrap div.pointInner div.pointContents p.catch a {
	color: #e60012;
}
section#pointWrap div.pointInner div.genericBtn {
	font-weight: 600;
	text-align: center;
}
section#pointWrap div.pointInner div.genericBtn a {
	display: block;
	margin: 1em 0;
	padding: 0.2em 1em 0.3em;
	background-color: #fff13f;
	border-radius: 100px;
	color: #333;
	font-size: 134%;
	box-shadow: 0px 5px 0px #333;
	border: 2px solid #333;
	font-weight: 800;
    transition: 0.3s;
}
section#pointWrap div.pointInner div.genericBtn a:hover {
	text-decoration: none;
    background-color: #f0831e;
}
section#pointWrap div.pointInner div#drinkFood div.floL,
section#pointWrap div.pointInner div#drinkFood div.floR {
	width: 49.2%;
}

/* ==============================================================
 Less than 999px
================================================================= */
@media screen and (max-width: 999px) {
	section#pointWrap div.pointInner { width:90%; }
}


/* ==============================================================
 Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {
	section#pointWrap img { width:100%; }
	section#pointWrap div.pointInner h1 { padding:12% 0; }
	section#pointWrap div.pointInner div.pointContents { padding:5%; }
	section#pointWrap div.pointInner div.pointContents div.number img { max-width:80%; }
	section#pointWrap div.pointInner div.pointContents:nth-of-type(odd) div.number { top:-7%; left:-7%; }
	section#pointWrap div.pointInner div.pointContents:nth-of-type(even) div.number { top:-7%; right:-5%; }
	section#pointWrap div.pointInner div.floL,
	section#pointWrap div.pointInner div.floR { display:block; float:none; width:auto !important; }
	section#pointWrap div.pointInner div.pointContents h2 { font-size:5vw; }
	section#pointWrap div.pointInner div.pointContents:nth-of-type(odd) h2 { padding-left:18%; }
    section#pointWrap div.pointInner div.pointContents div.dfInner h2 { font-size:6vw; }
	
	section#pointWrap div.pointInner div.pointContents#member div.number { top:-8%; }
	section#pointWrap div.pointInner div.pointContents#relakara { padding:4% 2%; }
	section#pointWrap div.pointInner div.pointContents#relakara img.floR { width:50%; float:right; display:block; }
	section#pointWrap div.pointInner div.pointContents#relakara div.floR { display:none; }
	section#pointWrap div.pointInner div.pointContents#relakara div.number { top:15%; }
	section#pointWrap div.pointInner div.pointContents#relakara div.genericBtn { clear:both; }
	section#pointWrap div.pointInner div.pointContents#machine div.floR { padding:5%; }
	section#pointWrap div.pointInner div.pointContents#drink h2 { padding-left:0; }
}

/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	section#pointWrap  .spNone { display:none !important; }
	section#pointWrap  .pcNone { display:block !important; }
	section#pointWrap div.pointInner div.pointContents#relakara div.number { top:-8%; }
    section#pointWrap div.pointInner div.pointContents p.catch { font-size:4.5vw; }
    section#pointWrap div.pointInner div.genericBtn.faqBtn { width:90%; }
}

/* ==============================================================
 SP-LANDSCAPE
================================================================= */
@media screen and (min-width:480px) and (max-width:767px) {
}

/* ==============================================================
 SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
}


/* ==============================================================
 Less than SP-PORTRAIT / iPhone5
================================================================= */
@media screen and (max-width:320px) {
	section#pointWrap div.pointInner div.pointContents#relakara div.number { right:-12%; top:-10%; }
}