// ==================================================
// General Style Setting
// ==================================================
.general_frame {
	padding-top: 20px;
	padding-bottom: 40px;
	// base
	// ----------------------------------------
	h3 {
		@include fs(20);
		border-left: 1rem solid $lightgrey;
		border-bottom: 1px solid $lightgrey;
		padding-left: 1rem;
		margin-bottom: 10px;
	}
	h4 {
		@include fs(18);
		font-weight: bold;
		color: $midgrey;
		margin-bottom: 5px;
		@include fontAwesome('\f00c',LightSeaGreen,30px);
	}
	p {
		@include fs(14);
		margin-bottom: 1em;
	}
	table {
		margin-bottom: 10px;
		border: 4px solid $lightgrey;
		&.label_table {
			border: none;
			border-radius: 10px;
			th,td {
				background: $white;
				padding: 0;
				&:first-child {
					background: $silver;
				}
			}
			label {
				display: block;
				padding: 0.5em;
				&:hover {
					cursor: pointer;
					background: $silver;
				}
			}
		}
	}
	th {
		background: $silver;
	}
	td {
		strong {
			color: LightSeaGreen;
			@include fontAwesome('\f07a',inherit,30px);
			&:before {
				@include opacity(0.5);
			}
		}
	}
	a {
		font-weight: bold;
	}
	a,input[type=submit] {
		&:hover {
			@include hoverAction;
		}
	}
	textarea {
		width: 100%;
		border-color: $lightgrey;
	}
	// module
	// ----------------------------------------
	.title {
		@include fs(24);
		color: $midgrey;
		@include fontAwesome('\f07a',LightSeaGreen,2.4rem);
		border-bottom: 2px solid LightSeaGreen;
		margin-top: 1em;
		margin-bottom: 1em;
		&_mypage {
			&::before {
				content: '\f023';
			}
		}
	}
	.price {
		color: #F00;
		font-weight: bold;
	}
	.btn_area {
		text-align: center;
		a, input[type=submit] {
			display: inline-block;
			background: $lightgrey;
			color: $white;
			@include fs(20);
			border: none;
			border-radius: 4px;
			padding: .1em 2em;
			font-weight: bold;
		}
		a.btn_submit, input[type=submit] {
			background: LightSeaGreen;
			@include fontAwesome('\f002',rgba($white,0.5),1.8rem);
		}
		a.btn_choice01 {
			background: Coral;
		}
		a.btn_choice02 {
			background: LightSeaGreen;
		}
	}
	.quantity_level {
		a {
			display: inline-block;
			border-radius: 4px;
			color: $white;
			padding: 0 .2em;
		}
	}
	.attentionSt,.attention,.error,.message {
		border: 4px solid #fcc;
		padding: 10px 20px;
		color: Red;
		font-weight: bold;
		.btn {
			border: none;
			display: inline-block;
			// background: Coral;
			background: Red;
			border-radius: 4px;
			padding: 0.2em 1em;
			color: $white;
			font-weight: bold;
		}
	}
	.scrl_box250 {
		max-height: 250px;
		overflow-y: scroll;
	}
	form .attention {
		margin-bottom: 0.5em;
	}
	span.attentionSt,span.attention,span.error {
		border: none;
		padding: 0;
	}
	.inputtext {}
	.empty {
		margin-bottom: 40px;
	}
	.inputbox {
		background: $silver;
		padding: 10px 20px;
		margin-bottom: 10px;
	}
	.formlist {
		@include clearfix;
		dt {
			width: 15%;
			float: left;
			clear: both;
			text-align: right;
			font-weight: bold;
			color: $darkgrey;
		}
		dd {
			float: left;
			input[type=text],
			input[type=password] {
				width: 100%;
			}
		}
	}
	// mynavi_list
	// ----------------------------------------
	.mynavi_list {
		@include clearfix;
		border: 1px solid $silver;
		margin-bottom: 1em;
		li {
			float: left;
			width: 16.6666%;
			width: calc(100%/6);
			text-align: center;
			padding: 0.4em;
			a {
				display: block;
				padding: 0.4em 0 0.3em;
				background: LightSeaGreen;
				color: $white;
				@include fs(16);
				@include opacity(0.8);
			}
		}
	}
	// flow area
	// ----------------------------------------
	.flow_area {
		text-align: center;
	}
}
@include ltMD {};
@include ltSM {};
@include ltXS {};
@include ltXXS {};