@charset "UTF-8";
@import url("/css/initialize.css");
@import url("/css/general.css?v=2");
@import url("/css/parts.css");
@import url("/css/margin.css");

/* 2021.07.20 up */
.f-gray_tbl .cos,
.sp-flow-box .cos { background-color: #113f91; color: #fff; }
.f-gray_tbl .cos_m,
.sp-flow-box .cos_m { background-color: #ebf1fc; color: #333; }


/* 選択エリア */
#course-detail-box {
	margin: 30px 0 20px;
}
#main .detail-s-normal,
#main .detail-s-rakuraku,
#main .detail-s-omakase {
	font-size: 142.71%;
	text-align: center;
	padding: 10px;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";

	background-color: #fce5e7;
	color: #aa0b18;
}
#main .detail-s-rakuraku { background-color: #e8f7eb; color: #1b7f2b; }
#main .detail-s-omakase { background-color: #e5ebf4; color: #08306c; }

.detail-title-normal,
.detail-title-rakuraku,
.detail-title-omakase {
	font-size: 168.71%;
	text-align: center;
	padding: 10px;
	margin: 10px 0;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";

	background-color: #e60012;
	color: #fff;
}
.detail-title-rakuraku { background-color: #22ac38; }
.detail-title-omakase { background-color: #003c96; }
.t-back {
	background-color: yellow;
}
.normal-title {
	color: #e60012;
	border-bottom: 2px solid #e60012;
}
.rakuraku-title {
	color: #22ac38;
	border-bottom: 2px solid #22ac38;
}



/* 質問タイトル */
.question-title {
	font-size: 168.71%;
	background-color: #0f489c;
	color: #fff;
	text-align: center;
	padding: 20px;
}
.simulation-title {
	font-size: 224.71%;
	text-align: center;
	padding: 30px 0 10px;
	font-family: "新ゴ R", "Shin Go Regular";
}

.f-gray_tbl {
	font-size: 98.71%;
}
.f-gray_tbl th,
.f-gray_tbl td {
	width: 14%;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #fff;
	vertical-align: middle;
	line-height: 1.5;
	text-align: center;
}
.f-gray_tbl th { color: #fff; }
.normal th { background-color: #e60012; }
.normal td { background-color: #fce5e7; }
.rakuraku th { background-color: #22ac38; }
.rakuraku td { background-color: #e8f7eb; }
.omakase th { background-color: #003c96; }
.omakase td { background-color: #e5ebf4; }

.f-gray_tbl .ng { background-color: #eee; color: #333; }






.f-gray_tbl th.voice {
	width: 20%;
}
.f-gray_tbl th.message {
	width: 45%;
}
.f-gray_tbl th.course {
	width: 10%;
}
.f-gray_tbl th.price {
	width: 15%;
}
.f-gray_tbl th.track {
	width: 10%;
}
/* --------------------------------
	links-btn 枠ボタン
-------------------------------- */
.b-links-btn a {
	display:block; /*ブロック化*/
	padding: 20px 40px 20px 15px; /*a要素の領域を拡大*/
	text-decoration:none;
	font-size: 148.71%;
	background-color: #e60012;
	color: #fff;
	text-align: center;
	position:relative;
}
.b-links-btn a:hover {
	background: #cf0001;
	color: #fff;
}
.b-links-btn a:hover:after {
	border-top: #fff 2px solid;
	border-right: #fff 2px solid;
}
.b-links-btn a:after {
	content:"";
	display:block;

	width: 15px;
	height: 15px;
	border-top: #fff 2px solid;
	border-right: #fff 2px solid;

	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);

	position:absolute;
	right: 25px;

	top:0;
	bottom:0;
	margin:auto;
}
#estimate .b-links-btn a {
	font-size: 168.71%;
	padding: 30px 40px 30px 15px; /*a要素の領域を拡大*/
}
#estimate .b-links-btn a:hover:after {
	border-top: #fff 4px solid;
	border-right: #fff 4px solid;
}
#estimate .b-links-btn a:after {
	width: 15px;
	height: 15px;
	border-top: #fff 4px solid;
	border-right: #fff 4px solid;
}
.simulation-tel {
	width: 573px;
	margin: 0 auto;
}
.track-box {
	border: 1px solid #fba1a1;
	background-color: #fef8f8;
}

/* --------------------------------
	foot-service-bn-block
-------------------------------- */
#foot-service-bn-block {
	overflow: hidden;
	margin-bottom: 40px;
}
#foot-service-bn-block li:first-child { margin-left: 0; }
#foot-service-bn-block li {
		margin-top: 0px;
}
#foot-service-bn-block .content-title {
	font-size: 198.71%;
}
#foot-service-bn-block .en-title {
	margin-bottom: 20px;
}
p.btn-voice {
	background-color: #0068b7;
}
.btn-voice a {
	color: #fff;
	font-size: 78.71%;
	display: block;
	padding: 8px 20px;
}
.select-now-box {
	border: 1px solid #e60012;
	font-size: 118.71%;
	color: #e60012;
	text-align: center;
	padding: 20px 10px;
	margin-top: 10px;
}

/* PC SIZE */
@media screen and (min-width: 980px){
		
	#course-detail-box li {
		width: 320px;
		margin-left: 10px;
		float: left;
	}
	#course-detail-box li:first-child { margin-left: 0; }

	#foot-service-bn-block li {
		width: 488px;
		margin-left: 4px;
		float: left;
	}
	#foot-service-bn-block li:nth-child(odd) {
		margin-left: 0px;
	}
}

/* SMARTPHONES SIZE */
@media screen and (max-width: 980px){
	#main .detail-s-rakuraku,
	#main .detail-s-omakase {
		margin-top: 40px;
	}
	.sp-flow-box li {
		text-align: center;
	}
	.sp-flow-box div {
		padding: 20px;
		background-color: #e60012;
		color: #fff;
		margin-top: 1px;
	}
	ul.rakuraku div { background-color: #22ac38; }
	div.rp { background-color: #fce5e7; color: #333; }
	ul.rakuraku div.gp { background-color: #e8f7eb; color: #333; }
	ul.omakase div { background-color: #003c96; }
	ul.omakase div.bp { background-color: #e5ebf4; color: #333; }

	div.ng,
	ul.rakuraku div.ng,
	ul.omakase div.ng { background-color: #eee; color: #333; }
	.arrow { width: 13px; }

	img.none {
	    opacity: 0.5;
	    filter: alpha(opacity=50);
	    /* ie lt 8 */
		 -ms-filter: "alpha(opacity=50)";
	    /* ie 8 */
		 -moz-opacity: 0.5;
	    /* FF lt 1.5, Netscape */
		 -khtml-opacity: 0.5;
	    /* Safari 1.x */
	}

}
@media screen and (max-width: 480px){
	.select-now-box {
		font-size: 138.71%;
	}
	.red-line-title {
		font-size: 138.71%;
	}
	.simulation-title {
		font-size: 188.71%;
		padding: 30px 0 10px;
	}
	/* --------------------------------
		links-btn 枠ボタン
	-------------------------------- */
	.b-links-btn a {
		padding: 18px 50px 18px 15px; /*a要素の領域を拡大*/
		font-size: 128.71%;
	}
	.b-links-btn a:after {
		width: 10px;
		height: 10px;
	}
	.select-now-box {
		font-size: 108.71%;
		padding: 20px 10px;
	}
	.f-gray_tbl th {
		padding: 10px;
	}
	.f-gray_tbl td {
		padding: 10px;
	}
}