/* Minification failed. Returning unminified contents.
(1180,45): run-time error CSS1030: Expected identifier, found ','
(1180,70): run-time error CSS1031: Expected selector, found ')'
(1180,70): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*===============================================
|-	color
===============================================*/
.colorA {
    background-color: #004080 !important;
    color: #fff;
}
.colorB {
    background-color: #60a0e0 !important;
    color: #fff;
}
.colorC {
    background-color: #c0e0f0 !important;
}

@media screen and (min-width: 980px) {
    .colorA-pc {
        background-color: #004080 !important;
        color: #fff;
    }

    .colorB-pc {
        background-color: #60a0e0 !important;
        color: #fff;
    }

    .colorC-pc {
        background-color: #c0e0f0 !important;
    }
}

@media screen and (max-width: 980px) {
    .colorA-sp {
        background-color: #004080;
        color: #fff;
    }

    .colorB-sp {
        background-color: #60a0e0;
        color: #fff;
    }

    .colorC-sp {
        background-color: #c0e0f0;
    }
}
/*===============================================
|-	body
===============================================*/
body {
	background-color: #eef5f5;
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}
.previewNotice {
	background-color: #000588;
	border-bottom: 5px solid #fff;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 15px;
	text-align: center;
	width: 100%;
}
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, body {
		display: block;
	} /* IE11 */
}

/*===============================================
|-	header
===============================================*/
header {
	background-color: #fff;
	width: 100%;
}
.headerBody {
	margin: auto;
	width: 980px;
}
	.headerBody .headerBox {
		width: 100%;
	}
.headerBox_info {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.headerBox_logo {
	font-size: 0;
}
	.style1 .headerBox_logo,
	.style2 .headerBox_logo {
		width: calc(100% - 150px);
	}
	.style3 .headerBox_logo {
		width: 300px;
	}
	.style4 .headerBox_logo {
		text-align: center;
		width: calc(100% - 300px);
	}
	.headerBox_logo img {
		max-width: 300px;
	}
	.style4 .headerBox_logo img {
		max-width: 400px;
		margin-bottom: 5px;
	}
.headerBox_titles {
	width: calc(100% - 450px);
}
.headerBox_titlesItem {
	box-sizing: border-box;
	padding: 3px 10px;
	width: 100%;
}
	.headerBox_titlesItem.titles_main {
		font-size: 21px;
		font-weight: bold;
	}
	.headerBox_titlesItem.titles_sub {
		font-size: 16px;
	}
.headerBox_logout {
	margin-top: 15px;
	text-align: center;
	width: 150px;
}
	.headerBox_logout .button {
		background-color: #aaa;
		background-image: url(/img/icon_logout.png);
		background-position: 15px center;
		background-size: 25px;
		background-repeat: no-repeat;
		border-bottom: solid 4px #777;
		border-radius: 16px;
		font-size: 13px;
		min-width: 130px;
		padding: 12px 0 10px 28px;
	}
.headerBox_title {
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	padding: 7px 5px;
	width: 100%;
}
.headerBox_title-logo {
	padding: 5px;
	text-align: right;
}
	.headerBox_title-logo img {
		/* width: 200px; */
	}
	.style4 .headerBox_title-logo img {
		width: 180px;
	}
.headerBox_titleLogos {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media screen and (max-width: 980px) {
	.headerBody {
		width: 100%;
	}
	.style3 .headerBox_info {
		align-items: initial;
	}
	.style1 .headerBox_logo,
	.style2 .headerBox_logo {
		width: calc(100% - 80px);
	}
	.style3 .headerBox_logo {
		box-sizing: border-box;
		padding: 5px;
		width: 50%;
	}
		.style3 .headerBox_logo img {
			max-width: 100%;
		}
	.style4 .headerBox_logo {
		width: calc(100% - 160px);
	}
		.style4 .headerBox_logo img {
			max-width: 100%;
		}
	.headerBox_logout {
		margin-top: 10px;
		width: 80px;
	}
	.style3 .headerBox_logout {
		box-sizing: border-box;
		text-align: right;
		padding-right: 10px;
		width: 50%;
	}

		.headerBox_logout .button {
			background-position: center center;
			background-size: 30px;
			border-radius: 10px;
			height: 55px;
			min-width: 55px;
			overflow: hidden;
			padding: 0;
			text-indent: 100%;
			white-space: nowrap;
			width: 55px;
		}
	.headerBox_titles {
		padding: 10px 0;
		width: 100%;
	}
	.style4 .headerBox_title-logo img {
		width: 150px;
	}

}

/*===============================================
|-	main
===============================================*/
main {
	flex: 1;
	width: 100%;
}
.mainBody {
	margin: auto;
	width: 980px;
}
@media screen and (max-width: 980px) {
	.mainBody {
		width: 95%;
	}
}
.pageTitle {
	box-sizing: border-box;
	font-size: 120%;
	margin: 20px auto 15px;
	padding: 10px;
	width: 100%;
}

/*===============================================
|-	stepBox
===============================================*/
.stepBox {
	margin: 25px auto;
	width: 95%;
}
.stepStatus {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.stepStatus_item {
	background-color: #fff;
	box-shadow: 2px 2px 5px #ccc;
	box-sizing: border-box;
	border-radius: 20px;
	color: #333;
	font-size: 14px;
	padding: 20px 0;
	text-align: center;
	width: 20%;
}
	.stepStatus_item-now {
		background-color: #187FC4;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
	}
.stepStatus_arrow {
	box-sizing: border-box;
	color: #61C1BE;
	font-size: 20px;
	padding: 0 5px;
	text-align: center;
}
@media screen and (min-width: 980px) {
	.stepStatus-small .stepStatus_item,
	.stepStatus-small .stepStatus_item-now {
		font-size: 12px;
		width: 14%;
	}
	.stepStatus-small .stepStatus_arrow {
		font-size: 16px;
	}
	.stepStatus_arrow-pc {
		display: block;
	}
	.stepStatus_arrow-sp {
		display: none;
	}
}
@media screen and (max-width: 980px) {
	.stepBox {
		margin: 20px auto;
		width: 100%;
	}
	.stepStatus_item {
		margin: 3px 0;
		padding: 10px 0;
		width: 100%
	}
		.stepStatus_item-now {
			font-size: 15px;
		}
	.stepStatus_arrow-pc {
		display: none;
	}
	.stepStatus_arrow-sp {
		display: block;
	}
}

/*===============================================
|-	periodBox
===============================================*/
.periodBox {
	margin: 15px auto;
	width: 95%;
}
.periodBox_items {
	margin: 8px auto;
}
	.periodBox_items dt {
		font-weight: bold;
	}
	.periodBox_items dd {

	}
@media screen and (min-width: 980px) {
	.periodBox_items {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.periodBox_items dt::after {
		content: '：';
	}
}
@media screen and (max-width: 980px) {
	.periodBox {
		width: 100%;
	}
	.periodBox_items {
		text-align: center;
	}
		.periodBox_items dt {
			margin-bottom: 5px;
		}
		.periodBox_items dd {
			margin-bottom: 10px;
		}
}

/*===============================================
|-	listFacilityBox
===============================================*/
.listFacilityBox {
	margin: auto;
	width: calc(100% - 20px);
}
@media screen and (max-width: 980px) {
	.listFacilityBox {
		margin: 20px auto;
		width: 100%;
	}
}

/*===============================================
|-	loginBox
===============================================*/
.loginBox {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 5px #ccc;
	box-sizing: border-box;
	margin: 20px 10px;
	padding: 10px 0;
	width: calc(50% - 20px);
}
.loginBox-wide {
	width: 100%;
}
.loginBox-catalog {
	margin: 20px auto;
}
.loginBox_title {
	align-items: center;
	background: #3236ff; /* Old browsers */
	background: -moz-linear-gradient(top, #3236ff 0%, #1cb0dd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #3236ff 0%,#1cb0dd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #3236ff 0%,#1cb0dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3236ff', endColorstr='#1cb0dd',GradientType=0 ); /* IE6-9 */
	box-sizing: border-box;
	color: #fff;
	display: flex;
	font-size: 23px;
	font-weight: bold;
	justify-content: center;
	margin: 30px 0;
	padding: 18px;
}
.loginBox_title-browsing {
	background: #ff3236; /* Old browsers */
	background: -moz-linear-gradient(top, #ff3236 0%, #ff8c21 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff3236 0%,#ff8c21 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff3236 0%,#ff8c21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3236', endColorstr='#ff8c21',GradientType=0 ); /* IE6-9 */
	margin: 30px 0 5px;
}
.loginBox_title-initial {
	background: #ff2226; /* Old browsers */
	background: -moz-linear-gradient(top, #ff2226 0%, #ff9494 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff2226 0%,#ff9494 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff2226 0%,#ff9494 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2226', endColorstr='#ff9494',GradientType=0 ); /* IE6-9 */
}
	.loginBox_title img {
		width: 30px;
	}
	.loginBox_title span {
		margin: 5px 0 0 10px;
	}
.loginBox-catalog .loginBox_contents {
	margin-top: 15px;
}
.loginBox_contents {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media screen and (min-width: 980px) {
	.loginBox_contents .loginSubTextSp {
		display: none;
	}
}
@media screen and (max-width: 980px) {
	.loginBox_contents .loginSubTextSp {
		display: inline-block;
	}
}
.loginBox_contents .contentsItems {
	margin: 35px 0 60px;
	width: 90%;
}
.loginBox_contents-browsing .contentsItems {
	margin: 20px 0;
}
.contentsItems .contentsItems_button {
	text-align: center;
	margin: 10px 0;
}
	.contentsItems .contentsItems_button .button {
		width: 60%;
	}
.contentsItems .contentsItems_explain {
	margin: 5px 0;
}
.loginBox_contents .inputBox_title {
	text-align: right;
}
.loginBox_contents .inputBox_error {
	margin: auto;
	width: 95%;
}
.loginBox_contents .inputBox_item span {
	padding: 0 3px;
}
.loginBox_contents .linkManual {
	background-color: #3b7100;
	border-radius: 30px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 13px 50px;
	text-decoration: none;
	transition: all .3s;
}
.loginBox_contents .linkManual-startUp {
	background-color: #6d95de;
}
	.loginBox_contents .linkManual:hover {
		background-color: #3eb336;
		outline: none;
	}
	.loginBox_contents .linkManual-startUp:hover {
		background-color: #8faadc;
	}
@media screen and (min-width: 980px) {
	.loginBox_contents .inputBox_title {
		font-size: 15px;
		width: 24%;
	}
		.loginBox_contents .inputBox_title::before {
			width: 0;
		}
	.loginBox_contents .inputBox_item {
		width: 76%;
	}
	.loginBox_contents .inputBox_item-alter {
		margin-left: 24%;
	}
	.loginBox_contents .inputBox_explain {
		width: 74%;
		margin-left: 25%;
	}
	.loginBox_contents .inputBox_explainTop {
		box-sizing: border-box;
		padding: 10px;
		width: 75%;
	}
	.loginBox_contents-browsing .inputBox_title {
		width: 35%;
	}
	.loginBox_contents-browsing .inputBox_item {
		width: 65%;
	}
	.loginBox_contents-browsing .inputBox_explain {
		margin-left: 35%;
		width: 64%;
	}
}
@media screen and (max-width: 980px) {
	.loginBox {
		margin: 20px auto;
		width: 100%;
	}
	.loginBox_contents {
		margin: auto;
		width: 95%;
	}
	.loginBox_contents .contentsItems {
		margin: 15px 0 40px;
		width: 100%;
	}
	.contentsItems .contentsItems_button .button {
		width: 70%;
	}
	.loginBox_contents .inputBox_title {
		text-align: left;
	}
	.loginBox_contents .inputBox_error,
	.loginBox_contents .inputBox_explain {
		width: 100%;
	}
	.loginBox_contents .inputBox_explainTop {
		padding: 10px 0;
		width: 100%;
	}
}

/* ----------------------------------------
    about_cancel_area（仮）
---------------------------------------- */
.aboutBox {
	font-size: 14px;
}
	.aboutBox p {
		margin: 15px 0 5px;
	}
@media screen and (min-width: 980px) {
	.aboutBox p {
		width: 80%;
		margin: 15px auto 5px;
		font-weight: bold;
	}
	.about_table {
		width: 80%;
		margin: auto;
		margin-bottom: 15px;
		border: 1px solid #909090;
	}
		.about_table th {
			padding: 5px;
			font-weight: bold;
			background: #fff;
			border-bottom: 1px solid #909090;
		}
			.about_table th.th-ll {
				width: 125px;
				border-right: 1px solid #909090;
			}
		.about_table td {
			padding: 3px;
			background: #fff;
			border-bottom: 1px solid #909090;
			font-size: 13px;
			line-height: 20px;
		}
			.about_table td.td-m {
				width: 125px;
				vertical-align: middle;
				text-align: center;
				border-right: 1px solid #909090;
			}
}
@media screen and (max-width: 980px) {
	.aboutBox p {
		font-size: 15px;
		font-weight: bold;
	}
	.about_table {
		margin-bottom: 20px;
	}
		.about_table dt {
			color: #fff;
			background-color: #f46ea2;
			padding: 10px;
			box-sizing: border-box;
		}
		.about_table .about_table_th {
			background: #e6e6e6;
			padding: 10px;
			box-sizing: border-box;
		}
		.about_table .about_table_td {
			background: #fff;
			padding: 10px;
			margin-bottom: 15px;
			border: 1px solid #e6e6e6;
			box-sizing: border-box;
		}
}
.about_info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 14px;
	margin-bottom: 25px;
	line-height: 20px;
}
.about_info .about_heading {
	padding: 3px 7px;
	color: #fff;
	background-color: #f46ea2;
}
.about_info .about_schedule {
	padding: 3px 0;
}
.about_info .about_explain {
	width: 100%;
	padding: 3px 0;
}
.about_info .about_explain-btm {
	margin-bottom: 20px;
}
.important_title {
	width: 100%;
	margin-top: 40px;
	padding: 10px 0 5px;
	color: #fff;
	font-weight: bold;
	font-size: 145%;
	text-align: center;
	background-color: #f46ea2;
}
.about_important {
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	border: 2px solid #f46ea2;
	background-color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 25px;
}
	.about_important .about_mark {
		width: 3%;
	}
	.about_important .about_text {
		width: 97%;
	}


/*===============================================
|-	comingSoonBox
===============================================*/
.comingSoonBox {
	margin: 25px auto;
	width: 100%;
}
.comingSoonBox_title {
	background-color: #000;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	margin: 10px auto 0;
	text-align: center;
	padding: 10px 0;
	width: 100%;
}
.comingSoonBox_contents {
	box-sizing: border-box;
	background: rgb(226,233,247);
	background: linear-gradient(0deg, rgba(226,233,247,1) 0%, rgba(206,226,247,1) 100%);
	margin-top: 20px;
	padding: 80px 20px;
}
.comingSoonBox_message {
	font-weight: bold;
	font-size: 26px;
	letter-spacing: 1px;
	line-height: 150%;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.comingSoonBox_title {
		font-size: 20px;
	}
	.comingSoonBox_message {
		font-size: 20px;
		letter-spacing: -1px;
	}
}

/*===============================================
|-	emergencyBox
===============================================*/
.emergencyBox {
	margin: 25px auto;
	width: 100%;
}
.emergencyBox_title {
	box-sizing: border-box;
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	line-height: 25px;
	margin: 10px auto 0;
	padding: 15px;
	width: 100%;
}
.emergencyBox_contents {
	background-color: #fff;
	box-shadow: 2px 2px 5px #ccc;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 20px;
	width: 100%;
}
	.emergencyBox_contents p {
		line-height: 25px;
	}

@media screen and (max-width: 767px) {
	.emergencyBox_title {
		font-size: 20px;
	}
	.emergencyBox_message {
		letter-spacing: -1px;
	}
}

/*===============================================
|-	errorBox
===============================================*/
.errorBox {
	margin: 25px auto;
	padding: 50px 0;
	text-align: center;
	width: 100%;
}
	.errorBox_icon img{
		width: 200px;
	}
.errorBox_heading {
	font-size: 150%;
	font-weight: bold;
	margin: 20px auto;
	width: 80%;
}
.errorBox_message {
	line-height: 20px;
	margin: 30px auto;
	width: 80%;
}

/*===============================================
|-	contentsBox
===============================================*/
.contentsBox {
	margin: 25px auto;
	width: 95%;
}
.contentsBox-full {
	width: 100%;
}
.contentsBox-login,
.contentsBox-plan {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.contentsBox-course {
	background-color: #fff;
	box-shadow: 2px 2px 5px #ccc;
	box-sizing: border-box;
	width: 100%;
}
	.contentsBox-course .contentsBox_title {
		background-color: #b0e8ff;
	}
.contentsBox-shrinkS {
	margin-bottom: 10px;
}
@media screen and (max-width: 980px) {
	.contentsBox {
		width: 100%;
	}
}
.contentsBox_title {
	box-sizing: border-box;
	font-size: 115%;
	margin: 0 auto 10px;
	padding: 10px;
	width: 100%;
}
.contentsBox_title-construct {
	background-color: #ff9d0b;
	color: #fff;
}
.contentsBox_title-flex {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.contentsBox_title_explain {
		font-size: 15px;
	}
.contentsBox_option {
	box-sizing: border-box;
	margin: 5px auto;
	width: 100%;
}
	.contentsBox_option-check {
		background-color: #fff;
		box-shadow: 2px 2px 5px #ccc;
		box-sizing: border-box;
		justify-content: center;
		margin: 20px auto !important;
		padding: 15px;
	}
.contentsBox_input {
	background-color: #fff;
    box-shadow: 2px 2px 5px #ccc;
	box-sizing: border-box;
	padding: 10px;
}
	.contentsBox-status .contentsBox_input {
		background-color: #3c7170;
		padding: 10px 15px;
	}
	.contentsBox-status .inputBox {
		background-color: #fff;
		margin: 5px 0;
	}
	.contentsBox-status .inputBox_title {
		width: 30%;
	}
	.contentsBox-status .inputBox_item {
		width: 70%;
		line-height: 20px;
	}

.contentsBox_scroll {
	background-color: #fff;
	border: 2px solid #ccc;
	box-shadow: 2px 2px 5px #ccc;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 20px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 15px;
	word-break: break-word;
}
	.contentsBox_scroll-hM {
		height: 300px;
	}
	.contentsBox_scroll-hL {
		height: 500px;
	}
.contentsBox_button {
	margin: 20px 0 10px;
	text-align: center;
}
@media screen and (min-width: 980px) {
	.contentsBox_table {
		background-color: #fff;
	    box-shadow: 2px 2px 5px #ccc;
		box-sizing: border-box;
		padding: 10px;
	}
}
@media screen and (max-width: 980px) {
	.contentsBox_title_explain {
		margin-top: 5px;
	}
	.contentsBox-status .inputBox_title {
		width: 100%;
	}
	.contentsBox-status .inputBox_item {
		width: 100%;
		text-align: center;
	}
}

/*===============================================
|-	imageBox
===============================================*/
.imageBox {
	margin: 30px 0;
	text-align: center;
}
@media screen and (max-width: 980px) {
	.imageBox img {
		width: 100%;
	}
}

/*===============================================
|-	myPageBox
===============================================*/
.myPageBlock {
	display: flex;
	flex-wrap: wrap;
}
.myPageBox {
	margin: 25px auto;
	width: 100%;
}
.myPageBox_title {
	background-color: #3c7170;
	background-size: 28px;
	background-repeat: no-repeat;
	background-position-x: 10px;
	background-position-y: center;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	padding: 10px;
	padding-left: 48px;
	width: 100%;
}
	.myPageBox_title.tel {
		background-image: url(../img/icon_tel.png);
	}
	.myPageBox_title.web {
		background-image: url(../img/icon_pc.png);
	}
	.myPageBox_title.catalog {
		background-image: url(../img/icon_catalog.png);
	}
	.myPageBox_title.user {
		background-image: url(../img/icon_user.png);
	}
.myPageBox_title-noIcon {
	padding-left: 10px;
}
.myPageBox_contents {
	background-color: #fff;
	box-shadow: 2px 2px 5px #ccc;
	box-sizing: border-box;
	padding: 15px;
}
	.myPageBox_contents.contents-tel {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
	}
.myPageBox_contentsTitle {
	background-color: #b0e8ff;
	font-size: 15px;
	padding: 10px;
}
.myPageBox_contentsImage {
	margin: 10px 0;
	text-align: center;
}
.myPageBox_button {
	margin: 15px 0 20px;
	text-align: center;
}
.myPageBox_bunner {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	line-height: 20px;
	text-align: center;
}
	.contents-tel .myPageBox_bunner {
		background-color: #354eff;
		color: #fff;
	}
.myPageBox_catalog {
	padding: 12px 5px;
}
.myPageBox_linksItem {
	padding: 12px 5px;
}
.myPageBox_linksItem::before {
	color: #6090ff;
	content: '▶';
}
.myPageBox_input {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	width: 100%;
}
.myPageBox_info {
	line-height: 20px;
}
.myPageBox_explain {
	background-color: #f3f3f3;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	margin-top: 15px;
	padding: 10px;
	width: 100%;
}
.myPageBox_explainTop {
	background-color: #f3f3f3;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	padding: 10px;
	width: 100%;
}
.myPageBox_explain-status {
	background-color: #ff5959;
}
	.myPageBox_explain-status p {
		background-image: url("../img/icon_cautionW.png");
		background-position: 0 center;
		background-repeat: no-repeat;
		background-size: 3%;
		color: #fff;
		font-size: 15px;
		padding: 5px;
		padding-left: 35px;
	}
@media screen and (max-width: 980px) {
	.myPageBox_title.web {
		background-image: url(/img/icon_sp.png);
	}
	.myPageBox_contentsImage img {
		width: 100%;
	}
	.myPageBox_bunners {
		width: 100%;
	}
	.myPageBox_bunner.bunnerPc {
		display: none;
	}
	.myPageBox_bunner.bunnerSp {
		margin: 10px 0 15px;
		width: 100%;
	}
		.myPageBox_bunner.bunnerSp a {
			box-sizing: border-box;
			color: #fff;
			display: inline-block;
			height: 100%;
			text-decoration: none;
			padding: 20px;
			width: 100%;
		}
	.myPageBox_info {
		margin-bottom: 10px;
		width: 100%;
	}
	.myPageBox_explain {
		margin-top: 5px;
	}
}
@media screen and (min-width: 980px) {
	.myPageBlock-half .myPageBox {
		box-sizing: border-box;
		margin: 20px auto;
		width: 50%;
	}
	.myPageBlock-half .myPageBox:nth-child(2n+1) {
		margin-right: 20px;

		margin-left: 0;
		width: calc(50% - 20px);
	}
	.myPageBox_bunner.bunnerPc {
		display: inline-block;
		padding: 20px;
	}
	.myPageBox_bunner.bunnerSp {
		display: none;
	}
	.myPageBox_input .inputBox_title {
		text-align: right;
		width: 25%;
	}
		.myPageBox_input .inputBox_title::before {
			content: '';
			display: inline-block;
			padding: 0;
			width: 0;
		}
	.myPageBox_input .inputBox_item {
		width: 75%;
	}
	.myPageBox_input .inputBox_error {
		margin: 0 25%;
		width: 50%;
	}
	.myPageBox_info {
		box-sizing: border-box;
		padding: 10px;
	}
}

/*===============================================
|-	courseBox
===============================================*/
.courseBox {
	margin: 10px;
	padding-bottom: 10px;
}
.myPageBox .courseBox {
	margin: 10px 0;
}
.courseBox_item {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.courseBox_bunner {
	background-size: cover;
	box-sizing: border-box;
	height: 150px;
	margin: 5px;
	padding: 10px;
	transition: all .3s;
}
.courseBox_bunner-soon,
.courseBox_bunner-close {
	position: relative;
	transition: none;
}
	.courseBox_bunner-soon:before,
	.courseBox_bunner-close:before {
		content: "";
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(143,143,143,0.75);
		border: 5px solid #5d5d5d;
		box-sizing: border-box;
	}
.courseBox_bunner:not(.courseBox_bunner-soon, .courseBox_bunner-close):hover {
	opacity: 0.7;
}
	.courseBox_bunner.bunner-lodging {
		background-image: url("../img/img_course_lodging.jpg");
	}
	.courseBox_bunner.bunner-daytrip {
		background-image: url("../img/img_course_daytrip.jpg");
	}
	.courseBox_bunner.bunner-experience {
		background-image: url("../img/img_course_experience.jpg");
	}
	.courseBox_bunner.bunner-bathing {
		background-image: url("../img/img_course_bathing.jpg");
	}
	.courseBox_bunner.bunner-esthetic {
		background-image: url("../img/img_course_esthetic.jpg");
	}
	.courseBox_bunner.bunner-golf {
		background-image: url("../img/img_course_golf.jpg");
	}
	.courseBox_bunner.bunner-experience_need {
		background-image: url("../img/img_course_experience_need.jpg");
	}	
	.courseBox_bunner.bunner-goods {
		background-image: url("../img/img_course_goods.jpg");
	}
.courseBox_link {
	align-items: center;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	font-size: 22px;
	font-weight: bold;
	height: 100%;
	line-height: 26px;
	justify-content: center;
	text-decoration: none;
	width: 100%;
}
.courseBox_bunner-soon .courseBox_link,
.courseBox_bunner-close .courseBox_link {
	position: relative;
	text-align: center;
	line-height: 30px;
}
	.courseBox_bunner-soon .courseBox_link::after {
		content: "近日公開予定";
		display: contents;
		font-size: 16px;
	}
	.courseBox_bunner-close .courseBox_link::after {
		content: "受付は終了しました";
		display: contents;
		font-size: 16px;
	}
.courseBox_button.button {
	margin-top: 15px;
	width: 30%;
}
	.courseBox_button .courseBox_link {
		font-size: 16px;
	}
@media screen and (min-width: 980px) {
	.courseBox_bunner {
		width: 305px;
	}
}
@media screen and (max-width: 980px) {
	.courseBox_bunner {
		margin: 5px 0;
		width: 100%;
	}
	.courseBox_button.button {
		width: 100%;
	}
	.courseBox_link {
		font-size: 30px;
	}
}

/*===============================================
|-	planBox
===============================================*/
.planBox {
	background-color: #fff;
	box-shadow: 2px 2px 5px #ccc;
	box-sizing: border-box;
	margin: 10px;
	padding: 10px;
}
	.planBox-odd {
		width: calc(33% - 20px);
	}
	.planBox-even {
		width: calc(50% - 20px);
	}
.planBox_title {
	background-color: #366ff1;
	box-sizing: border-box;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0;
	text-align: center;
	padding: 20px;
}
.planBox_contents {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.planBox_contents .contentsItems {
	margin: 20px 0 25px;
	width: 95%;
}
	.planBox_contents .contentsItems .contentsItems_link {
		text-align: center;
		margin: 10px 0 25px;
	}
		.planBox_contents .contentsItems .contentsItems_link .button {
			width: 60%;
		}
	.planBox_contents .contentsItems .contentsItems_explain {
		line-height: 23px;
		margin: 5px 0;
	}
@media screen and (max-width: 980px) {
	.planBox {
		margin: 10px auto;
		width: 100% !important;
	}
	.planBox_contents .contentsItems {
		margin: 15px 0;
		width: 100%;
	}
	.planBox_contents .contentsItems .contentsItems_link {
		margin: 0 0 20px;
	}
	.planBox_contents .contentsItems .contentsItems_explain {
		font-size: 15px;
		line-height: 20px;
		margin: 5px 0;
		padding: 0 5px;
	}
}

/*===============================================
|-	facilityBox
===============================================*/
.facilityBox {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 5px #ccc;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0;
	padding: 10px;
}
	.facilityBox.facilityBox-confirm {
		border: 0;
		margin: 0;
	}
.facilityBox_header {
	margin-bottom: 5px;
	position: relative;
	width: 100%;
}
.facilityBox_headerWebOnly {
	background-color: #fff700;
	box-shadow: 2px 2px 5px #ccc;
	box-sizing: border-box;
	color: #f00;
	display: inline-block;
	font-weight: bold;
	padding: 10px;
}
.facilityBox_headerDistrict {
	padding: 5px;
}
	.facilityBox_headerArea span {
		background-color: #ff0066;
		box-sizing: border-box;
		color: #fff;
		display: inline-block;
		margin-right: 8px;
		min-width: 80px;
		padding: 5px;
		text-align: center;
	}
		.facilityBox_headerTitle {
			font-size: 28px;
			margin: 20px 0;
			word-break: break-all;
		}
		.facilityBox-confirm .facilityBox_headerTitle {
			margin: 15px 0 0;
		}
.facilityBox_headerDetContents {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 19px;
	margin: -5px 0 15px;
	word-break: break-all;
}
.facilityBox_headerHeading {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
	word-break: break-all;
}
		.facilityBox-catalog .facilityBox_headerHeading {
			margin-bottom: 20px;
		}
.facilityBox_options {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
	width: 100%;
}
.facilityBox-catalogActive {
	border: 7px solid #3eb336;
}
	.facilityBox-catalog .facilityBox_options {
		margin-top: 10px;
		margin-bottom: 0;
	}
.facilityBox_optionsR {
	text-align: right;
	width: 100%;
}
.facilityBox_number {
	border: 1px solid #505050;
	box-sizing: border-box;
	display: flex;
	font-size: 15px;
}
.facilityBox_number-noBorder {
	border: 0px;
	margin: 10px 0;
}
	.facilityBox_numberTitle {
		border-right: 1px solid #505050;
		font-size: 14px;
		padding: 10px;
	}
	.facilityBox_numberCode {
		font-weight: bold;
		padding: 10px 20px;
	}
	.facilityBox_numberText {
		font-weight: bold;
		padding: 10px;
	}
.facilityBox_number-noBorder .facilityBox_numberTitle {
	border: 1px solid #505050;
	min-width: 56px;
}
.facilityBox_number-noBorder .facilityBox_numberText {
	border-top: 1px solid #505050;
	border-bottom: 1px solid #505050;
	border-right: 1px solid #505050;
}
@media screen and (max-width: 980px) {
	.facilityBox_number-noBorder .facilityBox_numberTitle {
		min-width: 56px;
	}
}
@media screen and (min-width: 980px) {
	.facilityBox_number-noBorder .facilityBox_numberTitle {
		min-width: 150px;
	}
}
	.facilityBox_icon {
		width: 100%;
	}

		.facilityBox_icon li {
			box-shadow: 2px 2px 5px #ccc;
			box-sizing: border-box;
			display: inline-block;
			font-size: 90%;
			margin: 3px 0;
			padding: 5px;
			text-align: center;
			width: 105px;
		}

	.facilityBox_contents {
		display: flex;
		flex-wrap: wrap;
		margin: 5px 0 10px;
		width: 100%;
	}

	.facilityBox_images {
		margin-right: 10px;
		width: 45%;
	}

		.facilityBox_images .imagesMain {
			width: 100%;
		}

		.facilityBox_images .imagesMain_caption {
			box-sizing: border-box;
			margin: 2px 0 5px;
			padding: 5px;
			padding-left: 0;
		}

		.facilityBox_images .imagesTmb {
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 10px;
			width: 100%;
		}

		.facilityBox_images .imagesTmb_img {
			height: 90px;
			margin-bottom: 10px;
			margin-right: 10px;
			overflow: hidden;
			position: relative;
			width: calc(25% - 10px);
		}

			.facilityBox_images .imagesTmb_img img {
				cursor: pointer;
				height: 100%;
				left: 50%;
				object-fit: cover;
				position: absolute;
				top: 50%;
				transform: translate(-50%, -50%);
				transition: all .3s;
				width: 100%;
			}

				.facilityBox_images .imagesTmb_img img:hover {
					opacity: 0.5;
				}

	.facilityBox_detail {
		font-size: 14px;
		width: calc(55% - 10px);
	}

	.facilityBox_info {
		display: flex;
		flex-wrap: wrap;
	}

		.facilityBox_info .infoTitle {
			align-items: center;
			background-color: #ff0066;
			box-sizing: border-box;
			color: #fff;
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 5px;
			padding: 10px;
			width: 175px;
		}

			.facilityBox_info .infoTitle .infoSubExplain {
				display: inline-block;
				padding-top: 10px;
				line-height: 18px;
			}

		.facilityBox_info .infoContent {
			box-sizing: border-box;
			line-height: 20px;
			margin-bottom: 5px;
			padding: 10px;
			width: calc(100% - 175px);
			word-break: break-word;
		}

		.facilityBox_info.facilityBox_info-daytrip .infoTitle,
		.facilityBox_info.facilityBox_info-daytrip .infoContent,
		.facilityBox_info.facilityBox_info-catalog .infoContent {
			width: 100%;
		}

			.facilityBox_info.facilityBox_info-daytrip .infoTitle .infoSubExplain {
				display: block;
				padding-top: 10px;
				line-height: 100%;
			}

		.facilityBox_info.facilityBox_info-catalog .infoTitle {
			background-color: #8383ff;
			margin-bottom: 0;
			width: 100%;
		}

	.facilityBox_thumbnail {
	}

		.facilityBox_thumbnail .thumbnailList {
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 10px;
			width: 100%;
		}

			.facilityBox_thumbnail .thumbnailList .thumbnail {
				cursor: pointer;
				height: 205px;
				margin-bottom: 10px;
				margin-right: 10px;
				min-width: 215px;
				overflow: hidden;
				position: relative;
				width: calc(25% - 10px);
			}

				.facilityBox_thumbnail .thumbnailList .thumbnail img {
					width: auto;
					height: auto;
					max-width: 100%;
					max-height: 170px;
				}

				.facilityBox_thumbnail .thumbnailList .thumbnail .thumbnail_caption {
					box-sizing: border-box;
					margin: 2px 0 5px;
					padding: 2px;
					padding-left: 0;
					font-size: 14px;
				}

	.facilityBox_spec {
		background-color: #f3f3f3;
		font-size: 14px;
		line-height: 25px;
		margin: 10px 0;
		padding: 10px;
		width: 100%;
	}

	.facilityBox_impossible {
		background-color: #ff0000;
		color: #fff;
		font-size: 15px;
		line-height: 25px;
		margin: 10px 0;
		padding: 15px 10px;
		width: 100%;
	}

	.facilityBox_button {
		margin: 20px 0;
		text-align: center;
		width: 100%;
	}

	.facilityBox_uniqueIcon {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 100%;
	}

		.facilityBox_uniqueIcon li {
			margin-left: 5px;
			max-width: 100px;
		}

		.facilityBox_uniqueIcon img {
			width: 100%;
		}

	@media screen and (max-width: 980px) {
		.facilityBox_headerWebOnly {
			display: block;
			margin-bottom: 10px;
			text-align: center;
		}

		.facilityBox_images .imagesMain_img img {
			width: 100%;
		}

		.facilityBox_optionsR {
			text-align: left;
			width: 100%;
		}

		.facilityBox_icon {
			margin: 10px 0 0;
		}

			.facilityBox_icon li {
				font-size: 85%;
				width: 100px;
			}

		.facilityBox_images {
			margin: 0;
			width: 100%;
		}

		.facilityBox-confirm .facilityBox_images {
			margin-bottom: 10px;
		}

		.facilityBox-catalog .facilityBox_images {
			margin-bottom: 20px;
		}

		.facilityBox_detail {
			width: 100%;
		}

		.facilityBox_info .infoTitle {
			width: 100%;
		}

			.facilityBox_info .infoTitle .infoSubExplain {
				display: block;
				padding-top: 10px;
				line-height: 100%;
			}

		.facilityBox_info .infoContent {
			padding: 5px;
			width: 100%;
		}

		.facilityBox_uniqueIcon li {
			max-width: 120px;
		}

		.facilityBox_thumbnail {
			display: none;
		}
	}

	@media screen and (max-width: 980px) {
		.facilityBox_headerDistrict {
			display: inline-block;
		}

		.facilityBox_headerFreeIconPc {
			display: none;
		}

		.facilityBox_headerFreeIconSp {
			background-color: #fff700;
			box-shadow: 2px 2px 5px #ccc;
			box-sizing: border-box;
			color: #f00;
			display: inline-block;
			font-weight: bold;
			margin-bottom: 10px;
			padding: 10px;
		}
	}

	@media screen and (min-width: 980px) {
		.facilityBox_headerArea {
			display: flex;
			align-items: flex-start;
		}

		.facilityBox_headerWebOnly {
			position: absolute;
			right: 0;
		}

		.facilityBox_headerFreeIconPc {
			background-color: #fff700;
			box-shadow: 2px 2px 5px #ccc;
			box-sizing: border-box;
			color: #f00;
			font-weight: bold;
			padding: 10px;
			max-width: 50%;
			margin: 0 0 0 auto;
			width: fit-content;
		}

		.facilityBox_headerFreeIconSp {
			display: none;
		}

		.facilityBox_images .imagesMain_img img {
			width: auto;
			height: auto;
			max-width: 100%;
			max-height: 280px;
		}

		.facilityBox_images .imagesTmb {
			display: none;
		}
	}

/*===============================================
|-	goodsBox
===============================================*/
	.contentsBox-goods {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.goodsBox {
		background-color: #fff;
		box-shadow: 2px 2px 5px #ccc;
		box-sizing: border-box;
		margin-right: 10px;
		margin-bottom: 20px;
		transition: all .3s;
	}

		.goodsBox a {
			color: #333;
			text-decoration: none;
		}

		.goodsBox:hover {
			opacity: 0.7;
		}

	.goodsBox_image {
		width: 100%;
	}

		.goodsBox_image img {
			width: 100%;
		}

	.goodsBox_goodsNm {
		box-sizing: border-box;
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 10px;
		padding: 10px;
	}

	.goodsBox_number {
		box-sizing: border-box;
		display: flex;
		font-size: 15px;
		margin: 10px 10px 5px;
	}

	.goodsBox_numberTitle {
		border: 1px solid #505050;
		border-right: 0;
		font-size: 13px;
		padding: 5px;
	}

	.goodsBox_numberCode {
		border: 1px solid #505050;
		font-weight: bold;
		padding: 5px 15px;
	}

	@media screen and (max-width: 980px) {
		.goodsBox {
			width: calc((100% - 10px) / 2);
		}

			.goodsBox:nth-of-type(2n) {
				margin-right: 0;
			}

		.goodsBox_goodsNm {
			font-size: 18px;
		}
	}

	@media screen and (min-width: 980px) {
		.goodsBox {
			width: calc((100% - 20px) / 3);
		}

			.goodsBox:nth-of-type(3n) {
				margin-right: 0;
			}
	}

/*===============================================
|-	goodsInfoBox
===============================================*/
	.goodsInfoBox {
		background-color: #fff;
		box-shadow: 2px 2px 5px #ccc;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		margin: 5px 0 10px;
		padding: 10px;
		width: 100%;
	}

	.goodsInfoBox_images .imagesMain {
		width: 100%;
	}

	.goodsInfoBox_images .imagesMain_img img {
		width: 100%;
	}

	.goodsInfoBox_images .imagesTmb {
		display: flex;
		flex-wrap: wrap;
		margin: 10px 0;
		width: 100%;
	}

	.goodsInfoBox_images .imagesTmb_img {
		height: 90px;
		margin-bottom: 10px;
		margin-right: 10px;
		overflow: hidden;
		position: relative;
		width: calc(30% - 10px);
	}

		.goodsInfoBox_images .imagesTmb_img img {
			cursor: pointer;
			height: 100%;
			left: 50%;
			object-fit: cover;
			position: absolute;
			top: 50%;
			transform: translate(-50%, -50%);
			transition: all .3s;
			width: 100%;
		}

			.goodsInfoBox_images .imagesTmb_img img:hover {
				opacity: 0.5;
			}

	.goodsInfoBox_genre {
		margin: 3px 0 5px;
	}

		.goodsInfoBox_genre span {
			background: #000a88;
			color: #fff;
			font-size: 13px;
			padding: 3px 5px;
		}

	.goodsInfoBox_name {
		font-size: 170%;
		margin: 20px 0 10px;
		width: 100%;
	}

	.goodsInfoBox_no {
		border-top: 1px dotted #b5b5b5;
		border-bottom: 1px dotted #b5b5b5;
		font-size: 15px;
		padding: 15px 0;
	}

	.goodsInfoBox_catchcopy {
		font-size: 15px;
		font-weight: bold;
		line-height: 20px;
		margin: 15px 0 20px;
		word-break: break-all;
	}

	.goodsInfoBox_spec {
		border: 1px solid #b5b5b5;
		font-size: 14px;
		margin: 20px 0 10px;
	}

	.goodsInfoBox_spec-title {
		background: #ccc;
		box-sizing: border-box;
		padding: 15px 8px;
	}

	.goodsInfoBox_spec-text {
		background: #fff;
		box-sizing: border-box;
		line-height: 25px;
		padding: 8px;
	}

	.goodsInfoBox_mark {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		margin: 10px 0;
		width: 100%;
	}

	.goodsInfoBox_mark-item {
		margin: 0 5px;
	}

	.goodsInfoBox_brand {
		margin: 15px 0;
	}

	.goodsInfoBox_notes {
		background: #f5bbbb;
		box-sizing: border-box;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-weight: bold;
		line-height: 20px;
		margin: 20px 0;
		padding: 10px;
	}

	@media screen and (min-width: 980px) {
		.goodsInfoBox_images {
			margin-right: 15px;
			width: 48%;
		}

		.goodsInfoBox_detail {
			font-size: 14px;
			margin: 3px 0;
			width: calc(52% - 15px);
		}

		.goodsInfoBox_mark-item .mark_cold,
		.goodsInfoBox_mark-item .mark_frozen {
			height: 25px;
		}

		.goodsInfoBox_mark-item .mark_delivery {
			height: 35px;
		}
	}

	@media screen and (max-width: 980px) {
		.goodsInfoBox_images {
			margin-bottom: 15px;
			width: 100%;
		}

		.goodsInfoBox_detail {
			width: 100%;
		}

		.goodsInfoBox_mark-item .mark_cold,
		.goodsInfoBox_mark-item .mark_frozen {
			height: 28px;
		}

		.goodsInfoBox_mark-item .mark_delivery {
			height: 38px;
		}
	}

/*===============================================
|-	productBox
===============================================*/
	.productBox_remarks {
		width: 100%;
	}

		.productBox_remarks .remarksTitle {
			background-color: #187FC4;
			background-image: url("../img/icon_cautionW.png");
			background-position: 5px center;
			background-repeat: no-repeat;
			background-size: 3%;
			color: #fff;
			margin-top: 5px;
			padding: 10px;
			padding-left: 40px;
		}

		.productBox_remarks .remarksContent {
			background-color: #f3f3f3;
			font-size: 14px;
			line-height: 25px;
			padding: 10px;
		}

	@media screen and (max-width: 980px) {
		.productBox_remarks .remarksTitle {
			background-size: 6%;
			padding-left: 40px;
		}
	}

/*===============================================
|-	messageBox
===============================================*/
	.messageBox {
		margin: 25px auto;
		width: 95%;
	}

		.messageBox.messageBox-free {
			margin: 15px auto;
			width: 95%;
		}

		.messageBox.messageBox-large {
			margin: 15px auto;
			width: 100%;
		}

	.messageBox_title {
		box-sizing: border-box;
		font-size: 115%;
		margin: 0 auto;
		padding: 10px;
		width: 100%;
	}

	.messageBox-caution .messageBox_title {
		background-color: #F2E700;
		background-image: url("../img/icon_cautionB.png");
		background-position: 5px center;
		background-repeat: no-repeat;
		background-size: 3%;
		color: #333;
		padding-left: 40px;
	}

	.messageBox-caution .messageBox_content {
		background-color: #FFF9B1
	}

	.messageBox_content {
		background-color: #fff;
		box-shadow: 2px 2px 5px #ccc;
		font-size: 14px;
		line-height: 28px;
		padding: 10px;
	}

	.messageBox-empty .messageBox_content {
		background-color: #ff0000;
		background-image: url("../img/icon_cautionW.png");
		background-position: 5px center;
		background-repeat: no-repeat;
		background-size: 3%;
		color: #fff;
		font-size: 15px;
		line-height: 25px;
		padding-left: 40px;
	}

	.messageBox-free .messageBox_content {
		background-color: transparent;
		box-shadow: none;
		line-height: 30px;
	}

	.messageBox-large .messageBox_content {
		background-color: transparent;
		box-shadow: none;
		line-height: 30px;
		padding: 10px 0;
	}

	.messageBox-guide .messageBox_content {
		background-color: #e4f7ff;
		border-left: 6px solid #187FC4;
	}

	.messageBox-words .messageBox_content {
		background-color: #e4f7ff;
		border: 4px solid #187FC4;
	}

	.messageBox-frame1 .messageBox_content {
		background-color: #ffcccc;
		border: 5px solid #ff7f7f;
	}

	.messageBox-frame2 .messageBox_content {
		background-color: #b2d8ff;
		border: 5px solid #7f7fff;
	}

	.messageBox-frame3 .messageBox_content {
		background-color: #ffffa8;
		border: 5px solid #ffbf7f;
	}

	.messageBox-frame4 .messageBox_content {
		background-color: #a8ffd3;
		border: 5px solid #54e054;
	}

	.messageBox-frame5 .messageBox_content {
		background-color: #ffcccc;
		border: 5px solid #ffcccc;
	}

	.messageBox-frame6 .messageBox_content {
		background-color: #b2d8ff;
		border: 5px solid #b2d8ff;
	}

	.messageBox-frame7 .messageBox_content {
		background-color: #ffffa8;
		border: 5px solid #ffffa8;
	}

	.messageBox-frame8 .messageBox_content {
		background-color: #a8ffd3;
		border: 5px solid #a8ffd3;
	}

	.messageBox_content .linkButton {
		background-color: #3b7100;
		border-radius: 15px;
		box-sizing: border-box;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		padding: 20px 50px;
		text-align: center;
		text-decoration: none;
		transition: all .3s;
	}

		.messageBox_content .linkButton:hover {
			background-color: #3eb336;
			outline: none;
		}

	@media screen and (max-width: 980px) {
		.messageBox {
			width: 100%;
		}

		.messageBox-caution .messageBox_title {
			background-size: 6%;
			padding-left: 40px;
		}

		.messageBox_content {
			line-height: 25px;
			padding: 10px 3px;
		}

			.messageBox_content .linkButton {
				padding: 20px 30px;
				width: 100%;
			}

		.messageBox-empty .messageBox_content {
			background-size: 6%;
			padding-left: 40px;
		}
	}

/*===============================================
|-	guideIconBox
===============================================*/
	.guideIconBox {
		margin: 25px auto;
		width: 95%;
	}

	.guideIconBox_title {
		background-color: #004080;
		box-sizing: border-box;
		color: #fff;
		font-size: 14px;
		padding: 10px;
		width: 100%;
	}

	.guideIconBox_content {
		background-color: #fff;
		box-shadow: 2px 2px 5px #ccc;
		box-sizing: border-box;
		padding: 5px 10px;
		width: 100%;
	}

	.guideIconBox_item {
		align-items: center;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		padding: 2px;
	}

		.guideIconBox_item:last-child {
			border-bottom: 0;
		}

	.guideIconBox_itemIcons {
		width: 15%;
	}

		.guideIconBox_itemIcons .guideIcon {
			box-shadow: 2px 2px 5px #ccc;
			box-sizing: border-box;
			display: inline-block;
			font-size: 90%;
			margin: 3px 0;
			padding: 5px;
			text-align: center;
			width: 90%;
		}

	.guideIconBox_itemExplain {
		box-sizing: border-box;
		font-size: 15px;
		line-height: 25px;
		padding: 5px;
		width: 85%;
	}

	@media screen and (max-width: 980px) {
		.guideIconBox {
			width: 100%;
		}

		.guideIconBox_itemIcons {
			width: 110px;
		}

		.guideIconBox_itemExplain {
			line-height: 20px;
			width: calc(100% - 110px);
		}
	}

/*===============================================
|-	grandTotalBox
===============================================*/
	.grandTotalBox {
		margin: 0 auto 10px;
		width: 95%;
	}

	.grandTotalBox_item {
		background-color: #ff7f7f;
		box-shadow: 2px 2px 5px #ccc;
		box-sizing: border-box;
		padding: 10px;
	}

		.grandTotalBox_item .totalBox {
			align-items: center;
			background-color: #fff;
			box-sizing: border-box;
			display: flex;
			flex-wrap: wrap;
			font-size: 15px;
			justify-content: flex-end;
			padding: 15px 0;
		}

			.grandTotalBox_item .totalBox li {
				box-sizing: border-box;
				padding: 5px 0;
			}

				.grandTotalBox_item .totalBox li:nth-child(even) {
					padding-right: 3px;
				}

	.grandTotalBox .totalBox li > span {
		color: #ce0f35;
		font-size: 20px;
		font-weight: bold;
		padding-right: 5px;
	}

	@media screen and (max-width: 980px) {
		.grandTotalBox {
			width: 100%;
		}

		.grandTotalBox_item .totalBox {
			padding: 10px 0;
		}
	}

/*===============================================
|-	supplementBox
===============================================*/
	.supplementBox {
		margin: 0 auto 30px;
		width: 95%;
	}
	.supplementBox.supplementBox-talign {
		margin: -10px auto 40px;
	}
		.supplementBox.supplementBox-between {
			margin: 0 auto 15px;
			padding: 5px 10px;
			width: 100%;
			box-sizing: border-box;
		}
	.supplementBox_content {
		font-size: 14px;
		line-height: 20px;
	}

/*===============================================
|-	inputBox
===============================================*/
	.inputBox {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		margin: 15px 0;
		width: 100%;
	}

	.inputBox-search {
		margin: 10px 0;
	}

	.inputBox-emphasis {
		background-color: #ececcb;
		margin: 0;
		padding: 15px 0;
	}

	.inputBox_title {
		box-sizing: border-box;
		line-height: 20px;
		padding: 10px;
		position: relative;
		width: 36%;
		word-break: break-all;
	}

	.inputBox_title-full {
		width: 100%;
	}

	.inputBox-search .inputBox_title {
		width: 30%;
	}

	.inputBox-help .inputBox_title {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.inputBox_title.require {
		padding-left: 60px;
	}

		.inputBox_title.require::before {
			background-color: #ff8080;
			box-sizing: border-box;
			color: #fff;
			content: '必須';
			display: inline-block;
			font-size: 15px;
			left: 10px;
			padding: 5px 0;
			position: absolute;
			text-align: center;
			top: 50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			width: 45px;
		}

	.inputBox_item,
	.inputBox_explainTop {
		box-sizing: border-box;
		padding: 10px;
		width: 64%;
	}

		.inputBox_explainTop.inputBox_explainTop-question {
			padding: 0;
		}

	.inputBox-search .inputBox_item {
		padding: 5px;
		width: 70%;
	}

	.inputBox_item-alter {
		margin-left: 36%;
	}

	.inputBox-search .inputBox_item-alter {
		margin-left: 31%;
	}

	.inputBox_item .itemLabel {
		font-weight: bold;
		padding: 10px 0;
	}

	.inputBox_item span {
		padding-left: 5px;
		padding-right: 10px;
	}

		.inputBox_item span.js-labelBirthday {
			padding: 0;
		}

	.inputBox_item .itemPrice {
		display: flex;
		flex-wrap: wrap;
	}

		.inputBox_item .itemPrice li > span {
			font-size: 20px;
			font-weight: bold;
			padding: 0;
			padding-right: 5px;
		}

		.inputBox_item .itemPrice .itemReception {
			padding: 3px 0;
		}
			.inputBox_item .itemPrice .itemReception span {
				font-weight: normal !important;
				font-size: 100% !important;
			}

	.inputBox_link {
		background-color: #eef5f5;
		border-radius: 3px;
		box-sizing: border-box;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		margin: 30px auto 0;
		padding: 15px;
		width: 90%;
	}

	.inputBox_error,
	.inputBox_explain {
		margin-left: 36%;
		width: 64%;
	}

		.inputBox_explain.inputBox_explain-full {
			margin-top: 10px;
			margin-left: 0;
			width: 100%;
		}

	.inputBox-search .inputBox_error,
	.inputBox-search .inputBox_explain {
		margin-left: 30%;
		width: 70%;
	}

	.inputBox_explain .message,
	.inputBox_explainTop .message {
		background-color: #f3f3f3;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 20px;
		padding: 10px;
	}

	.inputBox_explain .message-explain,
	.inputBox_explainTop .message-explain {
		background-color: #f3f3f3;
	}

	.inputBox_explain .message-announce {
		background-color: #ececcb;
	}

	.inputBox_explain .message-caution {
		background-color: #ffeaea;
		border: 3px solid #ff8282;
		font-size: 13px;
		margin-bottom: 10px;
	}

		.inputBox_explain .message-caution .headsUp {
			margin-top: 15px;
		}

		.inputBox_explain .message-caution .headsUp_title {
			font-weight: bold;
		}

	.itemInput .itemInput_cancel {
		padding: 3px 15px;
		margin-right: 5px;
	}

		.itemInput .itemInput_cancel.cancel-possible {
			background: #c8cde1;
			border-radius: 3px;
			cursor: pointer;
			display: inline-block;
			padding: 0.5rem 1rem;
			transition: all .2s;
			cursor: pointer;
			transition: all .2s;
		}

			.itemInput .itemInput_cancel.cancel-possible:hover {
				background: #748896;
				color: #fff;
			}

	@media screen and (min-width: 980px) {
		.inputBox_title::before {
			content: '';
			display: inline-block;
			padding: 5px 0;
			width: 45px;
		}

		.inputBox_title-long span {
			display: inline-block;
			margin-left: 45px;
		}

		.inputBox_item .itemInput {
			display: inline;
		}

		.inputBox_item .itemCheck {
			display: flex;
			flex-wrap: wrap;
		}

		.inputBox_explain.inputBox_explain-long {
			margin-left: 45px;
			width: 100%;
		}
	}

	@media screen and (max-width: 980px) {
		.inputBox-emphasis {
			margin: 15px 0;
			padding: 0 0 15px;
		}

		.inputBox-search .inputBox_title,
		.inputBox_title {
			width: 100%;
		}

		.inputBox-search .inputBox_item,
		.inputBox_item {
			width: 100%;
		}

			.inputBox_item .itemInput {
				padding: 10px 0;
				width: 100%;
			}

			.inputBox_item .itemCheck {
				padding: 10px 0;
				width: 100%;
			}

			.inputBox_item .itemPrice {
				justify-content: flex-end;
			}

				.inputBox_item .itemPrice > li {
					margin-top: 10px;
				}

					.inputBox_item .itemPrice > li.itemPrice_total {
						text-align: right;
						width: 100%;
					}

		.inputBox_link {
			width: 100%;
		}

		.inputBox_item-alter,
		.inputBox_error,
		.inputBox_explain {
			margin: 10px 0 0;
			width: 100%;
		}

		.inputBox_explainTop {
			margin-top: 10px;
			padding: 0;
			width: 100%;
		}

		.inputBox-search .inputBox_item-alter {
			margin: 10px 0 0;
			width: 100%;
		}
	}

/*===============================================
|-	telConfirmBox
===============================================*/
	.telConfirmBox {
		background-color: #ff7f7f;
		box-sizing: border-box;
		padding: 6px;
	}

	.telConfirmBox_list {
		background-color: #fff;
		box-sizing: border-box;
		padding: 10px;
	}

		.telConfirmBox_list .checkboxItem > span {
			font-size: 15px;
			line-height: 20px;
			width: calc(100% - 56px);
		}

	.telConfirmErrBox {
		margin-top: 10px;
	}

	@media screen and (max-width: 980px) {
		.telConfirmBox_list .checkboxItem > span {
			width: 80%;
		}
	}

/*===============================================
|-	enterpriseBox
===============================================*/
	.enterpriseBox {
		background: #cbe5ff;
		border: 1px solid #3236ff;
		box-sizing: border-box;
		padding: 10px 0;
	}

	.enterpriseBox_title {
		font-size: 17px;
		font-weight: bold;
		line-height: 20px;
		margin: 10px 0 20px;
		text-align: center;
	}

	@media screen and (max-width: 980px) {
		.enterpriseBox {
			background: #fff;
		}
	}

/*===============================================
|-	tableBox / constructBox
===============================================*/
	.tableBox,
	.constructBox {
		align-items: center;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		margin: 15px 0;
	}

		.tableBox .tableTitle,
		.constructBox .tableTitle {
			box-sizing: border-box;
			padding: 15px;
			text-align: center;
		}

		.tableBox .tableItem,
		.constructBox .tableItem {
			box-sizing: border-box;
			line-height: 20px;
			min-height: 40px;
			padding: 10px;
			text-align: center;
		}

		.tableBox .tableItem-left,
		.constructBox .tableItem-left {
			text-align: left;
		}

	.tableBox-explain {
		width: 100%;
	}

	.tableBox_explain .message {
		background-color: #f3f3f3;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 20px;
		padding: 10px;
	}

	.tableBox_explain .message-explain {
		background-color: #f3f3f3;
	}

	@media screen and (min-width: 980px) {
		.tableBox:nth-of-type(1) {
			flex-direction: column;
			max-height: 120px;
		}
	}

	@media screen and (max-width: 980px) {
		.tableBox,
		.constructBox {
			background-color: #fff;
			box-shadow: 2px 2px 5px #ccc;
			flex-direction: row;
			margin-bottom: 30px;
			padding: 10px;
		}

			.constructBox:nth-of-type(1) {
				display: none;
			}

			.tableBox:last-of-type,
			.constructBox:last-of-type {
				margin-bottom: 10px;
			}

			.tableBox .tableTitle,
			.constructBox .tableTitle {
				box-sizing: border-box;
				padding: 10px;
				text-align: left;
				width: 100%;
			}

			.tableBox .tableItem,
			.constructBox .tableItem {
				box-sizing: border-box;
				padding: 10px;
				text-align: left;
				width: 100%;
			}

		.tableBox_explain .message-explain {
			background-color: #dedede;
			box-shadow: 2px 2px 5px #ccc;
		}
	}

/*===============================================
|-	buttonBox
===============================================*/
	.buttonBox {
		display: flex;
		flex-wrap: wrap;
		margin: 40px auto;
		width: 95%;
	}

		.buttonBox.buttonBox-min {
			margin: 10px auto 20px;
		}

		.buttonBox .buttonBox_item {
			text-align: center;
			width: 50%;
		}

		.buttonBox .buttonBox_item-only {
			width: 100%;
		}

		.buttonBox .buttonBox_item-manual {
			margin: 15px auto;
			width: 80%;
		}

		.buttonBox .buttonBox_item-startUp {
			margin-top: 40px;
		}

		.buttonBox .buttonBox_item-explain {
			background-color: #f3f3f3;
			box-sizing: border-box;
			font-size: 14px;
			line-height: 20px;
			margin: 15px auto;
			padding: 10px;
			width: 85%;
		}

	@media screen and (max-width: 980px) {
		.buttonBox {
			margin: 20px auto;
			width: 100%;
		}

			.buttonBox.buttonBox-min {
				margin: 0 auto 10px;
			}

			.buttonBox .buttonBox_item {
				margin: 15px 0;
				width: 100%;
			}

			.buttonBox .buttonBox_item-manual,
			.buttonBox .buttonBox_item-explain {
				margin: 10px 0;
			}

			.buttonBox .buttonBox_item-startUp {
				margin-top: 35px;
			}
	}

/*===============================================
|-	pageMoveBox
===============================================*/
	.pageMoveBox {
		position: fixed;
		right: 0;
		bottom: 50px;
		color: #fff;
		background: #8e8e8e;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		box-sizing: border-box;
	}

		.pageMoveBox .pageLink {
			color: #fff;
			display: block;
			padding: 10px 10px;
			text-decoration: none;
		}

		.pageMoveBox .pageLink-top {
			border-bottom: 1px solid #fff;
		}

		.pageMoveBox .pageLink-btm {
			border-top: 1px solid #fff;
		}

/*===============================================
|-	textbox
===============================================*/
	input[type="text"],
	input[type="password"],
	input[type="file"] {
		border: none;
		border-bottom: 2px solid #004080;
		border-radius: 0;
		box-sizing: border-box;
		color: #333;
		font-size: 16px;
		transition: background-color 0.2s;
		outline: none;
		padding: 10px;
	}

		input[type="text"]:focus,
		input[type="text"]:not([disabled]):hover,
		input[type="password"]:focus,
		input[type="password"]:not([disabled]):hover,
		input[type="file"]:focus,
		input[type="file"]:not([disabled]):hover {
			background-color: #f0f0e0;
		}

		input[type="text"]:disabled,
		input[type="password"]:disabled {
			background-color: #a0a0a0;
		}

		input[type="text"].calendar {
			background-image: url("../img/icon_calendar.png");
			background-position: right center;
			background-repeat: no-repeat;
			cursor: pointer;
		}

	@media screen and (min-width: 980px) {
		input[type="text"].calendar {
			width: 30%;
			background-size: 18%;
		}
	}

	@media screen and (max-width: 980px) {
		input[type="text"].calendar {
			width: 50%;
			background-size: 18%;
		}
	}

/*===============================================
|-	selectbox
===============================================*/
	select {
		border: none;
		border-bottom: 2px solid #004080;
		border-radius: 0;
		box-sizing: border-box;
		color: #333;
		font-size: 16px;
		max-width: 100%;
		transition: background-color 0.2s;
		outline: none;
		padding: 10px;
	}

		select:focus,
		select:not([disabled]):hover {
			background-color: #f0f0e0;
		}

		select:disabled {
			background-color: #a0a0a0;
		}

/*===============================================
|-	radio
===============================================*/
	input[type="radio"] {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
	}

		input[type="radio"] + label {
			background: #f0f0e0;
			border-radius: 3px;
			cursor: pointer;
			display: inline-block;
			margin: 3px 0;
			margin-right: 15px;
			padding: 0.5rem 1rem;
			transition: all .2s;
		}

		input[type="radio"]:checked + label {
			background: #187FC4;
			color: #fff;
			text-shadow: 0 0 1px rgba(0,0,0,.7);
		}

		input[type="radio"]:hover + label,
		input[type="radio"]:focus + label {
			outline-color: #004080;
			outline-offset: -2px;
			outline-style: auto;
			outline-width: 5px;
		}

/*===============================================
|-	checkbox
===============================================*/
	.checkboxItem {
		align-items: center;
		display: flex;
		margin: 5px 0;
	}

		.checkboxItem > span {
			font-size: 16px;
			padding-left: 10px;
		}

	input[type="checkbox"] {
		display: none;
	}

	.checkboxItem > label {
		background-color: #d0d2d9;
		border-radius: 80px;
		cursor: pointer;
		height: 24px;
		position: relative;
		transition: .2s ease;
		width: 56px;
	}

	input[type="checkbox"]:checked + label,
	input[type="checkbox"]:checked + input[type="hidden"] + label {
		background-color: #61C1BE;
	}

	.checkboxItem > label:before {
		background-color: #fff;
		border-radius: 80px;
		content: '';
		left: 2px;
		height: 20px;
		position: absolute;
		top: 2px;
		transition: .2s ease;
		width: 20px;
	}

	input[type="checkbox"]:checked + label:before,
	input[type="checkbox"]:checked + input[type="hidden"] + label:before {
		left: 33px;
	}

/*===============================================
|-	textarea
===============================================*/
	textarea {
		border: none;
		border: 2px solid #004080;
		border-radius: 0;
		box-sizing: border-box;
		color: #333;
		font-size: 16px;
		transition: background-color 0.2s;
		outline: none;
		padding: 10px;
	}

		textarea:focus,
		textarea:not([disabled]):hover {
			background-color: #f0f0e0;
		}

		textarea:disabled {
			background-color: #a0a0a0;
		}

/*===============================================
|-	button
===============================================*/
	.button {
		background-color: #187FC4;
		border: 0;
		border-bottom: solid 4px #004986;
		border-radius: 3px;
		box-sizing: border-box;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 16px;
		min-width: 180px;
		outline: none;
		padding: 15px 10px;
		text-align: center;
		text-decoration: none;
		transition: all .3s;
	}

	.button-middle {
		min-width: 300px;
	}

	.button-wide {
		min-width: 500px;
	}

	.button-cRed {
		background-color: #ff4500;
		border-bottom: solid 4px #bb240c;
	}

	.button-cOrange {
		background-color: #e29200;
		border-bottom: solid 4px #905d00;
	}

	.button-return {
		background: #748896;
		border-bottom: solid 4px #466e8e;
	}

	.button-disabled {
		background-color: #9a9a9a;
		border-bottom: solid 4px #9a9a9a;
		cursor: default !important;
	}

	.button-help {
		background-color: #239000;
		border-bottom: solid 4px #0f4a00;
		font-size: 14px;
		min-width: 130px;
		padding: 5px !important;
		width: 130px !important;
	}

	.button-close {
		background-color: #748896;
		border-bottom: solid 4px #466e8e;
		min-width: 100px !important;
		padding: 5px 0 !important;
		width: 100px;
	}

	.button:not(.button-disabled):hover {
		background-color: #3eb336;
		border: 0;
		border-bottom: solid 4px #2b5002;
		outline: none;
	}

	.button:not(.button-disabled):active {
		border: 0;
		border-bottom: none;
		box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
		outline: none;
		transform: translateY(4px);
		-webkit-transform: translateY(4px);
	}

	@media screen and (max-width: 980px) {
		.button {
			width: 100%;
		}

		.button-middle,
		.button-wide {
			min-width: 100%;
		}
	}

/*===============================================
|-	modal
===============================================*/
	.model-reserve-mail {
		max-width: 900px;
	}

/*===============================================
|-	footer
===============================================*/
	footer {
		background-color: #fff;
		width: 100%;
	}

	.footerBody {
		margin: auto;
		width: 980px;
	}

		.footerBody .copyright {
			font-size: 75%;
			padding: 5px;
			text-align: center;
		}

	@media screen and (max-width: 980px) {
		.footerBody {
			width: 100%;
		}
	}

/*===============================================
|-	error
===============================================*/
	.errorBg {
		background-color: #ffa9a9 !important;
	}

	.field-validation-error {
		background-color: #ffcccc;
		border: 2px solid #ff0000;
		box-sizing: border-box;
		color: #ff0000;
		display: block;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		margin-bottom: 10px;
		padding: 10px;
	}

		.field-validation-error::before {
			content: '※';
		}

/*===============================================
|-	display
===============================================*/
	.dispBlock {
		display: block;
	}

	.dispHide {
		display: none;
	}

	@media screen and (min-width: 980px) {
		.dispPc {
			display: block;
		}

		.dispSp {
			display: none;
		}
	}

	@media screen and (max-width: 980px) {
		.dispPc {
			display: none;
		}

		.dispSp {
			display: block;
		}
	}

/*===============================================
|-	width
===============================================*/
	.c-w5p {
		width: 5% !important;
	}

	.c-w10p {
		width: 10% !important;
	}

	.c-w15p {
		width: 15% !important;
	}

	.c-w20p {
		width: 20% !important;
	}

	.c-w25p {
		width: 25% !important;
	}

	.c-w30p {
		width: 30% !important;
	}

	.c-w35p {
		width: 35% !important;
	}

	.c-w40p {
		width: 40% !important;
	}

	.c-w45p {
		width: 45% !important;
	}

	.c-w50p {
		width: 50% !important;
	}

	.c-w55p {
		width: 55% !important;
	}

	.c-w60p {
		width: 60% !important;
	}

	.c-w65p {
		width: 65% !important;
	}

	.c-w70p {
		width: 70% !important;
	}

	.c-w75p {
		width: 75% !important;
	}

	.c-w80p {
		width: 80% !important;
	}

	.c-w85p {
		width: 85% !important;
	}

	.c-w90p {
		width: 90% !important;
	}

	.c-w95p {
		width: 95% !important;
	}

	.c-w100p {
		width: 100% !important;
	}

	@media screen and (min-width: 980px) {
		.pc-w5p {
			width: 5% !important;
		}

		.pc-w10p {
			width: 10% !important;
		}

		.pc-w15p {
			width: 15% !important;
		}

		.pc-w19p {
			width: 19% !important;
		}

		.pc-w20p {
			width: 20% !important;
		}

		.pc-w25p {
			width: 25% !important;
		}

		.pc-w30p {
			width: 30% !important;
		}

		.pc-w35p {
			width: 35% !important;
		}

		.pc-w40p {
			width: 40% !important;
		}

		.pc-w45p {
			width: 45% !important;
		}

		.pc-w50p {
			width: 50% !important;
		}

		.pc-w55p {
			width: 55% !important;
		}

		.pc-w60p {
			width: 60% !important;
		}

		.pc-w65p {
			width: 65% !important;
		}

		.pc-w70p {
			width: 70% !important;
		}

		.pc-w75p {
			width: 75% !important;
		}

		.pc-w80p {
			width: 80% !important;
		}

		.pc-w85p {
			width: 85% !important;
		}

		.pc-w90p {
			width: 90% !important;
		}

		.pc-w95p {
			width: 95% !important;
		}

		.pc-w100p {
			width: 100% !important;
		}
	}

	@media screen and (max-width: 980px) {
		.sp-w5p {
			width: 5% !important;
		}

		.sp-w10p {
			width: 10% !important;
		}

		.sp-w15p {
			width: 15% !important;
		}

		.sp-w20p {
			width: 20% !important;
		}

		.sp-w25p {
			width: 25% !important;
		}

		.sp-w30p {
			width: 30% !important;
		}

		.sp-w35p {
			width: 35% !important;
		}

		.sp-w40p {
			width: 40% !important;
		}

		.sp-w45p {
			width: 45% !important;
		}

		.sp-w50p {
			width: 50% !important;
		}

		.sp-w55p {
			width: 55% !important;
		}

		.sp-w60p {
			width: 60% !important;
		}

		.sp-w65p {
			width: 65% !important;
		}

		.sp-w70p {
			width: 70% !important;
		}

		.sp-w75p {
			width: 75% !important;
		}

		.sp-w80p {
			width: 80% !important;
		}

		.sp-w85p {
			width: 85% !important;
		}

		.sp-w90p {
			width: 90% !important;
		}

		.sp-w95p {
			width: 95% !important;
		}

		.sp-w100p {
			width: 100% !important;
		}
	}

/*===============================================
|-	margin
===============================================*/
	@media screen and (min-width: 980px) {
		.pc-m15T {
			margin-top: 15px !important;
		}

		.pc-m50B {
			margin-bottom: 50px !important;
		}
	}

	.c-mAuto {
		margin: auto !important;
	}

/*===============================================
|-	padding
===============================================*/
	.c-p0 {
		padding: 0 !important;
	}

/*===============================================
|-	text-align
===============================================*/
	.c-talignR {
		text-align: right !important;
	}

	.c-talignC {
		text-align: center !important;
	}

	.c-talignL {
		text-align: left !important;
	}

/*===============================================
|-	font
===============================================*/
	.c-fBold {
		font-weight: bold;
	}

	.c-fcRed {
		color: #ff0000;
	}