@charset "utf-8";

/* ======================================================
 * agecheck.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Override
 * - Parts
 * - Clearfix
 * PC Media Queries
 * @media only screen and (min-width: 768px) and (max-width: 1004px) {
 * - Override
 * - Parts
 * @media only screen and (max-width: 767px)
 * - Override
 * - Parts
 * SP Media Queries
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	#header {
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}
	#header #headerInner {
		max-width: 1004px;
		margin: 0 auto;
		padding: 0 15px;
	}
	body:not(#english) #header #logoBlock {
		width: 100%;
		padding: 29px 0;
	}
	body:not(#english) #header #logoBlock .logo {
		margin-top: 0;
	}
	#container {
		background: none;
	}
	#contents {
		width: 100%;
		max-width: 1004px;
		padding: 0 15px;
	}
	#bodyArea {
		box-shadow: none;
	}
	#bodyArea.noNavi {
		padding: 0;
	}
	#footer {
		background-color: #fff;
	}
	#footContents {
		width: 100%;
		max-width: 1004px;
		padding: 38px 15px 25px;
	}
	#footContents .copy {
		margin-top: 0;
		font-size: 1.4rem;
		text-align: center;
		line-height: 1.5;
		color: #333;
	}
	
	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
	/* ----- agecheckContents ----- */
	.agecheckContents {
		padding-top: 45px;
	}
	
	/* ----- agecheckHeading ----- */
	.agecheckHeading {
	}
	.agecheckHeading .headingLead {
		font-size: 1.6rem;
		text-align: center;
	}
	.agecheckHeading .headingTitle {
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
		color: #2640a3;
	}
	.agecheckHeading .headingTitle > .titleLabel {
		display: block;
		font-size: 2.8rem;
	}
	.agecheckHeading .headingTitle > .titleCaption {
		display: block;
		font-size: 2.0rem;
	}
	.agecheckHeading .headingLead + .headingTitle {
		margin-top: 2.0em;
	}
	.agecheckHeading .headingSub {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.agecheckHeading .headingTitle + .headingSub {
		margin-top: 1.0em;
	}
	
	/* ----- agecheckListNote ----- */
	.agecheckListNote > li {
		position: relative;
		padding-left: 1.3em;
	}
	.agecheckHeading .headingSub .agecheckListNote > li {
		text-align: center;
	}
	.agecheckListNote > li > .list_mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/* ----- agecheckInputArea ----- */
	.agecheckInputArea {
		position: relative;
		padding-top: 25px;
	}
	.agecheckInputArea::before,
	.agecheckInputArea::after {
		position: absolute;
		top: -60px;
		height: 245px;
		content: "";
	}
	.agecheckInputArea::before {
		left: 12px;
		width: 160px;
		background: url(/agecheck/img/index_bg01.png) no-repeat;
	}
	.agecheckInputArea::after {
		right: 6px;
		width: 196px;
		background: url(/agecheck/img/index_bg02.png) no-repeat;
	}
	
	/* ----- agecheckInputLayout ----- */
	.agecheckInputLayout {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		padding: 0 220px;
	}
	.agecheckInputLayout .agecheckInputBlock {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		z-index: 1;
	}
	.agecheckInputLayout .agecheckInputBlock + .agecheckInputBlock {
		margin-left: 20px;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput {
		height: 60px;
		border: 3px solid #2640a3;
		border-radius: 4px;
		font-size: 3.0rem;
		text-align: center;
		color: #2640a3;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[disabled] {
		background-color: #fff;
		border-color: #dbdbdb;
		color: #f1f1f1;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput.is-disabled[disabled] {
		color: #bbb;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput::placeholder {color: #bbb;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput:-ms-input-placeholder {color: #bbb;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput::-ms-input-placeholder {color: #bbb;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[disabled]::placeholder {color: #f1f1f1;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[disabled]:-ms-input-placeholder {color: #f1f1f1;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[disabled]::-ms-input-placeholder {color: #f1f1f1;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[data-item="year"] {
		width: 190px;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[data-item="month"] {
		width: 110px;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[data-item="date"] {
		width: 110px;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInputText {
		display: inline-block;
		margin-left: 8px;
		font-size: 2.0rem;
		font-weight: bold;
		color: #2640a3;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[disabled] + .agecheckInputText {
		color: #dbdbdb;
	}
	
	/* ----- agecheckSwitchArea ----- */
	.agecheckSwitchArea {
		margin-top: 30px;
	}
	.agecheckSwitchArea .agecheckSwitchPanel[data-agecheck-type="less"] {
		display: none;
	}
	.agecheckSwitchArea .agecheckLinkButton {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 1.5em;
	}
	.agecheckSwitchArea .agecheckSwitchPanel:not([data-agecheck-type="over"]),
	.agecheckSwitchArea .agecheckSwitchPanel:not([data-agecheck-type="less"]) .agecheckLinkButton {
		padding: 0 220px;
	}
	.agecheckSwitchArea .agecheckLinkButton > .block {
		display: block;
	}
	.agecheckSwitchArea .agecheckLinkButton > a {
		position: relative;
		min-width: 240px;
		padding: 18px 35px 16px 35px;
		background-color: #2640a3;
		border: none;
		border-radius: 5px;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		color: #fff;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
	}
	.agecheckSwitchArea .agecheckLinkButton > button {
		position: relative;
		min-width: 240px;
		padding: 19px 35px 17px 35px;
		background-color: #2640a3;
		border: none;
		border-radius: 5px;
		font-size: 2.0rem;
		font-family: inherit;
		font-weight: bold;
		text-align: center;
		color: #fff;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
	}
	.agecheckSwitchArea .agecheckLinkButton > button::-moz-focus-inner {
		border: 0;
	}
	.agecheckSwitchArea .agecheckLinkButton > button.is-disabled {
		background-color: #ccc;
		pointer-events: none;
		cursor: none;
	}
	.agecheckSwitchArea .agecheckLinkButton > a:hover,
	.agecheckSwitchArea .agecheckLinkButton > button:hover {
		background-color: #5166b5;
		text-decoration: underline;
	}
	.agecheckSwitchArea .agecheckLinkButton > a::before,
	.agecheckSwitchArea .agecheckLinkButton > button::before {
		position: absolute;
		top: 50%;
		left: 20px;
		width: 8px;
		height: 12px;
		margin-top: -6px;
		background: url(/common_renew/images/com_ic58.png) no-repeat;
		content: "";
	}
	.agecheckSwitchArea .agecheckErrorLead {
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		color: #cc0000;
	}
	
	/* ----- agecheckCookieBox ----- */
	.agecheckCookieBox {
		margin-top: 38px;
		padding: 25px;
		background-color: #f4f6ff;
	}
	.agecheckCookieBox.is-disabled {
		background-color: #f4f4f4;
		color: #999;
	}
	.agecheckCookieBox .agecheckCheckBlock {
		text-align: center;
	}
	.agecheckCookieBox .agecheckCheckBlock + * {
		margin-top: 1.5em;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckInput {
		opacity: 0.0;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckLabel {
		position: relative;
		margin-left: -17px;
		padding-left: 30px;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.5;
		cursor: pointer;
	}
	.agecheckCookieBox.is-disabled .agecheckCheckBlock > .agecheckCheckLabel {
		cursor: default;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckLabel::before,
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckLabel::after {
		position: absolute;
		box-sizing: border-box;
		content: "";
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckLabel::before {
		top: 0;
		left: 0;
		width: 20px;
		height: 20px;
		background-color: #fff;
		border: 2px solid #ddd;
		border-radius: 4px;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckLabel::after {
		display: none;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckInput:checked + .agecheckCheckLabel::after {
		display: block;
		top: -2px;
		left: 8px;
		width: 11px;
		height: 17px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		border-bottom: 3px solid #9e9e9e;
		border-right: 3px solid #9e9e9e;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckInput[disabled] + .agecheckCheckLabel::after {
		display: none;
	}
	.agecheckCookieBox .agecheckCookieCaption {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.agecheckCookieBox .agecheckCookieCaption > .agecheckListNote > li {
		text-align: center;
	}
	
	.pc-hidden {display: none;}
	
	/* ------------------------------------------------------
	 * Clearfix
	------------------------------------------------------ */
	DUMMY::after {
		display: block;
		clear: both;
		content: "";
	}
}

/* ======================================================
 * PC Media Queries
====================================================== */
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
}
@media screen and (min-width: 768px) and (max-width: 1680px) {
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
}
@media screen and (min-width: 768px) and (max-width: 1536px) {
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
}
@media screen and (min-width: 768px) and (max-width: 1366px) {
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
}
@media screen and (min-width: 768px) and (max-width: 1112px) {
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}

/* ======================================================
 * TB
====================================================== */
/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
@media screen and (min-width: 768px) and (max-width: 1004px) {
	#header #headerInner {
		padding: 0 20px;
	}
	#header #logoBlock .logo {
		width: auto;
		margin-top: 0;
	}
}
/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
@media only screen and (min-width: 768px) and (max-width: 974px) {
	.agecheckInputArea::before,
	.agecheckInputArea::after {
		display: none;
	}
	.agecheckInputLayout {
		padding: 0;
	}
	.agecheckSwitchArea .agecheckSwitchPanel:not([data-agecheck-type="over"]),
	.agecheckSwitchArea .agecheckSwitchPanel:not([data-agecheck-type="less"]) .agecheckLinkButton {
		padding: 0;
	}
	.agecheckSwitchArea .agecheckLinkButton {
		position: relative;
	}
	.agecheckSwitchArea .agecheckLinkButton::before,
	.agecheckSwitchArea .agecheckLinkButton::after {
		position: absolute;
		bottom: 0;
		height: 245px;
		content: "";
	}
	.agecheckSwitchArea .agecheckLinkButton::before {
		left: 0;
		width: 160px;
		background: url(/agecheck/img/index_bg01.png) no-repeat;
	}
	.agecheckSwitchArea .agecheckLinkButton::after {
		right: 0;
		width: 196px;
		background: url(/agecheck/img/index_bg02.png) no-repeat;
	}
	.agecheckSwitchArea .agecheckLinkButton > .block {
		display: block;
		z-index: 1;
	}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.agecheckSwitchArea .agecheckLinkButton::before {
		left: -21px;
	}
	.agecheckSwitchArea .agecheckLinkButton::after {
		right: -28px;
	}
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	#header {
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}
	#header #headerInner {
		padding: 10px 10px 9px;
		border-bottom: none;
	}
	#header #logoBlock {
		padding: 0;
	}
	#header #logoBlock .logo {
		margin: 0;
		padding: 0;
		min-height: inherit;
	}
	#container {
		background: none;
	}
	#contents {
		padding: 0 10px;
	}
	#bodyArea {
		box-shadow: none;
	}
	#bodyArea.noNavi {
		padding: 0;
	}
	#footer {
		background-color: #fff;
	}
	#footContents {
		padding: 13px 0;
	}
	#footContents .copy {
		margin-top: 0;
		font-size: 1.1rem;
		text-align: center;
		line-height: 1.5;
		color: #333;
	}
	
	/* ------------------------------------------------------
	 * Parts
	------------------------------------------------------ */
	/* ----- agecheckContents ----- */
	.agecheckContents {
		padding-top: 15px;
	}
	
	/* ----- agecheckHeading ----- */
	.agecheckHeading {
	}
	.agecheckHeading .headingLead {
		font-size: 1.3rem;
		text-align: center;
		line-height: 1.5;
	}
	.agecheckHeading .headingTitle {
		font-weight: bold;
		text-align: center;
		line-height: 1.4;
		color: #2640a3;
	}
	.agecheckHeading .headingTitle > .titleLabel {
		display: block;
		margin-top: .3em;
		font-size: 1.8rem;
	}
	.agecheckHeading .headingTitle > .titleCaption {
		display: block;
		font-size: 1.4rem;
	}
	.agecheckHeading .headingLead + .headingTitle {
		margin-top: .9em;
	}
	.agecheckHeading .headingSub {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.agecheckHeading .headingTitle + .headingSub {
		margin-top: .4em;
	}
	
	/* ----- agecheckListNote ----- */
	.agecheckListNote > li {
		position: relative;
		padding-left: 1.0em;
		font-size: 1.1rem;
	}
	.agecheckHeading .headingSub .agecheckListNote > li {
		font-size: 1.1rem;
		text-align: center;
	}
	.agecheckListNote > li > .list_mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/* ----- agecheckInputArea ----- */
	.agecheckInputArea {
		padding-top: 15px;
	}
	
	/* ----- agecheckInputLayout ----- */
	.agecheckInputLayout {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		max-width: 500px;
		margin: 0 auto;
		padding-left: 3px;
	}
	.agecheckInputLayout .agecheckInputBlock {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		z-index: 1;
	}
	.agecheckInputLayout .agecheckInputBlock[data-input-type="year"] {
		width: 40%;
	}
	.agecheckInputLayout .agecheckInputBlock[data-input-type="month"],
	.agecheckInputLayout .agecheckInputBlock[data-input-type="date"] {
		width: 30%;
	}
	.agecheckInputLayout .agecheckInputBlock + .agecheckInputBlock {
		margin-left: 10px;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput {
		width: 100%;
		height: 45px;
		border: 3px solid #2640a3;
		border-radius: 4px;
		font-size: 1.8rem;
		text-align: center;
		color: #2640a3;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[disabled] {
		background-color: #fff;
		border-color: #dbdbdb;
		color: #bbb;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput::placeholder {color: #bbb;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput:-ms-input-placeholder {color: #bbb;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput::-ms-input-placeholder {color: #bbb;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[disabled]::placeholder {opacity: .2;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[disabled]:-ms-input-placeholder {opacity: .2;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[disabled]::-ms-input-placeholder {opacity: .2;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[data-item="year"] {min-width: 95px;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[data-item="month"] {min-width: 55px;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[data-item="date"] {min-width: 55px;}
	.agecheckInputLayout .agecheckInputBlock .agecheckInputText {
		display: inline-block;
		margin-left: 8px;
		font-size: 1.6rem;
		font-weight: bold;
		color: #2640a3;
	}
	.agecheckInputLayout .agecheckInputBlock .agecheckInput[disabled] + .agecheckInputText {
		color: #dbdbdb;
	}
	
	/* ----- agecheckSwitchArea ----- */
	.agecheckSwitchArea {
		margin-top: 15px;
	}
	.agecheckSwitchArea .agecheckSwitchPanel[data-agecheck-type="less"] {
		display: none;
	}
	.agecheckSwitchArea .agecheckSwitchPanel > *:first-child {
		margin-top: 0;
	}
	.agecheckSwitchArea .agecheckLinkButton {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 1.0em;
		padding-bottom: 40px;
	}
	.agecheckSwitchArea .agecheckLinkButton::before,
	.agecheckSwitchArea .agecheckLinkButton::after {
		position: absolute;
		bottom: 0;
		height: 98px;
		content: "";
	}
	.agecheckSwitchArea .agecheckLinkButton::before {
		left: 0;
		width: 64px;
		background: url(/agecheck/img/index_bg01.png) no-repeat;
		background-size: auto 98px;
	}
	.agecheckSwitchArea .agecheckLinkButton::after {
		right: 0;
		width: 79px;
		background: url(/agecheck/img/index_bg02.png) no-repeat;
		background-size: auto 98px;
	}
	.agecheckSwitchArea .agecheckLinkButton > .block {
		display: block;
		z-index: 1;
	}
	.agecheckSwitchArea .agecheckLinkButton > a {
		position: relative;
		min-width: 200px;
		padding: 12px 20px 10px 30px;
		background-color: #2640a3;
		border-radius: 5px;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		color: #fff;
	}
	.agecheckSwitchArea .agecheckLinkButton > button {
		position: relative;
		min-width: 200px;
		padding: 12px 20px 11px 30px;
		background-color: #2640a3;
		border: none;
		border-radius: 5px;
		font-size: 1.8rem;
		font-family: inherit;
		font-weight: bold;
		text-align: center;
		color: #fff;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
	}
	.agecheckSwitchArea .agecheckLinkButton > button::-moz-focus-inner {
		border: 0;
	}
	.agecheckSwitchArea .agecheckLinkButton > button.is-disabled {
		background-color: #ccc;
		pointer-events: none;
	}
	.agecheckSwitchArea .agecheckLinkButton > a::before,
	.agecheckSwitchArea .agecheckLinkButton > button::before {
		position: absolute;
		top: 50%;
		left: 15px;
		width: 5px;
		height: 9px;
		margin-top: -5px;
		background: url(/common_renew/images/com_ic58_sp.png) no-repeat;
		background-size: 5px 9px;
		content: "";
	}
	.agecheckSwitchArea .agecheckErrorLead {
		margin: 0 -2px;
		font-size: 1.3rem;
		font-weight: bold;
		text-align: center;
		color: #cc0000;
	}
	
	/* ----- agecheckCookieBox ----- */
	.agecheckCookieBox {
		margin-top: 10px;
		padding: 20px 10px;
		background-color: #f4f6ff;
	}
	.agecheckCookieBox.is-disabled {
		background-color: #f4f4f4;
		color: #999;
	}
	.agecheckCookieBox .agecheckCheckBlock {
		text-align: center;
	}
	.agecheckCookieBox .agecheckCheckBlock + * {
		margin-top: .8em;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckInput {
		opacity: 0.0;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckLabel {
		position: relative;
		margin-left: -17px;
		padding-left: 30px;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.5;
		cursor: pointer;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckLabel::before,
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckLabel::after {
		position: absolute;
		box-sizing: border-box;
		content: "";
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckLabel::before {
		top: -3px;
		left: 0;
		width: 20px;
		height: 20px;
		background-color: #fff;
		border: 2px solid #ddd;
		border-radius: 4px;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckLabel::after {
		display: none;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckInput:checked + .agecheckCheckLabel::after {
		display: block;
		top: -2px;
		left: 8px;
		width: 11px;
		height: 17px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		border-bottom: 3px solid #9e9e9e;
		border-right: 3px solid #9e9e9e;
	}
	.agecheckCookieBox .agecheckCheckBlock > .agecheckCheckInput[disabled] + .agecheckCheckLabel::after {
		display: none;
	}
	.agecheckCookieBox .agecheckCookieCaption {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.agecheckCookieBox .agecheckCookieCaption > .agecheckListNote > li {
	}
	
	.sp-hidden {display: none;}
	
	/* ------------------------------------------------------
	 * Clearfix
	------------------------------------------------------ */
	DUMMY::after {
		display: block;
		clear: both;
		content: "";
	}
}


/* ======================================================
 * SP Media Queries
====================================================== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (min-width: 620px) and (max-width: 767px) {
	.agecheckSwitchArea .agecheckLinkButton::before,
	.agecheckSwitchArea .agecheckLinkButton::after {
		height: 140px;
		background-size: auto 140px;
	}
	.agecheckSwitchArea .agecheckLinkButton::before {
		left: 20px;
		width: 91px;
	}
	.agecheckSwitchArea .agecheckLinkButton::after {
		right: 20px;
		width: 112px;
	}
}
@media only screen and (min-width: 620px) and (max-width: 670px) {
	.agecheckSwitchArea .agecheckLinkButton::before {
		left: 0;
	}
	.agecheckSwitchArea .agecheckLinkButton::after {
		right: 0;
	}
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 368px) {
}
@media only screen and (max-width: 320px) {
}


/* ======================================================
 * Print
====================================================== */
@media print {
}