@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------

	type　種類から選ぶ

-----------------------------------------------------------------*/

.container .typeCont .yellow_line span {
	background: linear-gradient(transparent 60%, #fffb04 0%);
}

.container .typeCont .hType_oriignal,
.container .typeCont .hType_print {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1em;
	padding: 27px 20px;
	font-size: 26px;
	margin-bottom: 20px;
}
.container .typeCont .hType_oriignal span,
.container .typeCont .hType_print span {
	background: #FFF;
	padding: 5px 30px;
	border-radius: 50px;
	font-size: 24px;
	margin-left: 15px;
}
.container .typeCont .hType_oriignal h3,
.container .typeCont .hType_print h3 { font-weight: bold; }

.container .typeCont .hType_oriignal { background: #d40023; }
.container .typeCont .hType_oriignal span { color: #d40023; }
.container .typeCont .hType_print { background: #09a5bc; }
.container .typeCont .hType_print span { color: #09a5bc; }

@media screen and (max-width: 480px) {
	.container .typeCont .hType_oriignal span,
	.container .typeCont .hType_print span {
		display: block;
		margin: 5px 0 0 0;
	}
}


/*----------------仕様---------------*/
.container .typeCont .itemaboutList { margin-bottom: 40px; }
.container .typeCont .itemaboutList li {
	width: 228px;
	float: left;
	margin: 0 13px 10px 0;
	border: 6px solid #dbdcd5;
	box-sizing: border-box;
}

.container .typeCont .itemaboutList li:last-child { margin-right: 0; }

.container .typeCont .itemaboutList li dt {
	font-weight: bold;
	font-size: 16px;
	color: #2e2424;
	background: #dbdcd5;
	padding: 5px 20px;
}
.container .typeCont .itemaboutList li dt:before {
	color: #FFF;
	background: #2e2424;
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	border-radius: 3px;
	text-align: center;
	margin-right: 10px;
	font-size: 12px;
	vertical-align: middle;
}
.container .typeCont .itemaboutList li:first-child dt:before { content: "1"; }
.container .typeCont .itemaboutList li:nth-child(2) dt:before { content: "2"; }
.container .typeCont .itemaboutList li:nth-child(3) dt:before { content: "3"; }

.container .typeCont .itemaboutList li dd {
	padding: 10px 20px;
	font-size: 12px;
}

.container .typeCont .itemaboutList li dd .red {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}


/*----------------仕立て---------------*/
.container .typeCont .itemshitateList { margin-bottom: 40px; }
.container .typeCont .itemshitateList li {
	width: 230px;
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #002458;
	box-sizing: border-box;
}

.container .typeCont .itemshitateList li:last-child { margin-right: 0; }

.container .typeCont .itemshitateList li dt {
	font-weight: bold;
	font-size: 22px;
	color: #FFF;
	background: #002458;
	padding: 10px 20px;
	text-align: center;
}
.container .typeCont .itemshitateList li dt:before {
	color: #002458;
	background: #FFF;
	width: 24px;
	height: 24px;
	display: inline-block;
	line-height: 24px;
	border-radius: 3px;
	text-align: center;
	margin-right: 14px;
	vertical-align: middle;
	font-size: 14px;
}
.container .typeCont .itemshitateList li:first-child dt:before { content: "1"; }
.container .typeCont .itemshitateList li:nth-child(2) dt:before { content: "2"; }
.container .typeCont .itemshitateList li:nth-child(3) dt:before { content: "3"; }

.container .typeCont .itemshitateList li dd {
	font-size: 13px;
}
.container .typeCont .itemshitateList li p {
	padding: 0 15px 10px;
}
.container .typeCont .itemshitateList li dd img { 
	width: 100%;
	margin-bottom: 10px;
}

@media screen and (max-width: 786px) {
	/*----------------仕様---------------*/
	.container .typeCont .itemaboutList { width: 98%; margin: 0 auto; }
	.container .typeCont .itemaboutList li {
		width: 32%;
		margin: 0 2% 10px 0;
	}
	/*----------------仕立て---------------*/
	.container .typeCont .itemshitateList { width: 98%; margin: 0 auto; }
	.container .typeCont .itemshitateList li {
		width: 32%;
		margin: 0 2% 10px 0;
	}
}
@media screen and (max-width: 480px) {
	/*----------------仕様---------------*/
	.container .typeCont .itemaboutList li {
		width: 100%;
		margin: 0 0 10px 0;
	}
	/*----------------仕立て---------------*/
	.container .typeCont .itemshitateList { width: 90%; margin: 0 auto; }
	.container .typeCont .itemshitateList li {
		width: 100%;
		margin: 0 0 10px 0;
	}
}


/*----制作方法----*/
.container .typeCont .scene_choiceBox {
	margin-bottom: 50px;
}
.container .typeCont .scene_choiceBox > dl {
	width: 340px;
	float: left;
	letter-spacing: .06em;
}
.container .typeCont .scene_choiceBox > dl:first-of-type {
	margin-right: 30px;
}
.container .typeCont .scene_choiceBox > dl > dt {
	font-size: 24px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 20px;
	letter-spacing: .1em;
	position: relative;
}
.container .typeCont .scene_choiceBox > dl.make_original > dt { background: #d40023; }
.container .typeCont .scene_choiceBox > dl.make_print > dt { background: #09a5bc; }

.container .typeCont .scene_choiceBox > dl.recommend > dt { padding-left: 50px; }
.container .typeCont .scene_choiceBox > dl.recommend > dt:before {
	content: "";
	position: absolute;
	background: url(../../_images/scene/school/recommend_icon.webp) no-repeat;
	width: 63px;
	height: 63px;
	display: block;
	top: 0;
	left: -20px;
}


.container .typeCont .scene_choiceBox > dl > dd {
	padding: 10px 0 20px;
}
.container .typeCont .scene_choiceBox > dl.make_original > dd { background: #fde9ec; }
.container .typeCont .scene_choiceBox > dl.make_print > dd { background: #ebf6f7; }
.container .typeCont .scene_choiceBox.saleCont > dl > dd { padding-bottom: 5px; }

.container .typeCont .scene_choiceBox .catch {
	color: #474747;
	font-size: 17px;
	font-weight: bold;
	padding: 5px 20px 15px;
	text-align: center;
}

.container .typeCont .scene_choiceBox .recommend_list {
	background: #FFF;
	border-radius: 3px;
	margin: 0 15px 15px;
	padding: 15px 20px;
}

.container .typeCont .scene_choiceBox .recommend_list dt {
	font-weight: bold;
	font-size: 18px;margin-bottom: 5px;
}
.container .typeCont .scene_choiceBox > dl.make_original .recommend_list dt { color: #d40023; }
.container .typeCont .scene_choiceBox > dl.make_print .recommend_list dt { color: #09a5bc; }
.container .typeCont .scene_choiceBox .recommend_list dd {
	font-size: 15px;
}
.container .typeCont .scene_choiceBox .recommend_list dd li:before {
	content: "";
	width: 6px;
	height: 6px;
	background: #343036;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.container .typeCont .scene_choiceBox .item_table { width: 100%; }
.container .typeCont .scene_choiceBox .item_table tr {
	border-bottom: 1px solid #c9c9c9;
}
.container .typeCont .scene_choiceBox .item_table th {
	width: 125px;
	background: #141516;
	color: #FFF;
	font-weight: bold;
	padding: 7px 0;
	text-align: center;
}
.container .typeCont .scene_choiceBox .item_table td {
	text-align: left;
	padding: 7px 10px;
}
.container .typeCont .scene_choiceBox .make_original .item_table td { background: #fdf4f5; }
.container .typeCont .scene_choiceBox .make_print .item_table td { background: #f5fcfd; }

.container .typeCont .scene_choiceBox .text {
	font-size: 13px;
	padding: 20px 15px;
}

.container .typeCont .linkBtn {
    margin: 10px 0 0 0;
}
.container .typeCont .linkBtn a {
    width: 90%;
	padding: 15px;
	font-size: 25px;
	box-sizing: border-box;
}
.container .typeCont dl.make_original .linkBtn a {
    background-color: #d40023;
	border-bottom: 5px solid #700013;
}
.container .typeCont dl.make_print .linkBtn a {
    background-color: #09a5bc;
	border-bottom: 5px solid #006473;
}


.container .typeCont .linkBtn.estimate_green { margin-bottom: 50px; }


@media screen and (max-width: 786px) {
	.container .typeCont .scene_choiceBox {
		width: 98%;
		margin: 0 auto 30px auto;
	}
	.container .typeCont .scene_choiceBox > dl {
		width: 49%;
	}
	.container .typeCont .scene_choiceBox > dl:first-of-type {
		margin-right: 2%;
	}
}
@media screen and (max-width: 480px) {
	.container .typeCont .scene_choiceBox > dl {
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	.container .typeCont .scene_choiceBox > dl:first-of-type {
		margin: 0 auto 20px;
	}
	.container .typeCont .scene_choiceBox .catch br { display: none; }
}



/*--印刷が可能な範囲--*/
.container .printBox {
	width: 340px;
	float: left;
	margin-bottom: 45px;
}
.container .printBox_under .printBox { margin-bottom: 20px; }
.container .printBox.front { margin-right: 30px; }
.container .printBox > dt {
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 15px;
	font-size: 20px;
	letter-spacing: .08em;
}
.container .printBox.front > dt { background: #60317c; }
.container .printBox.back > dt { background: #14beb0; }

.container .printBox dl.print_number {
	margin: 10px 0;
}
.container .printBox dl.print_number dt {
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	background: #111315;
	padding: 2px 5px;
	width: 135px;
	text-align: center;
	box-sizing: border-box;
	margin-right: 5px;
	vertical-align: top;
}
.container .printBox dl.print_number dd {
	width: 195px;
	display: inline-block;
}
.container .printBox dl.print_number dd span { 
	color: #ff0018;
	font-weight: bold;
}

/*--下層--*/
.container .printBox_under dl.print_number {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #b2b2b2;
}
.container .printBox_under dl.print_number dt {
	color: #FFF;
	font-weight: bold;
	margin-bottom: 10px;
}
.container .printBox_under dl.print_number dt span {
	background: #111315;
	padding: 1px 15px;
	display: inline-block;
}
.container .printBox_under dl.print_number dd {
	display: inline-block;
	margin-right: 20px;
	font-size: 15px;
}
.container .printBox_under dl.print_number dd span { 
	color: #ff0018;
	font-weight: bold;
}

@media screen and (max-width: 786px) {
	.container .printchoiceCont .printchoice_list {
		width: 98%;
		margin: 0 auto 30px auto;
	}
	.container .printchoiceCont .printchoice_list li {
		width: 49%;
	}

	.container .printchoiceCont .printchoice_list li:nth-child(odd) {
		margin: 0 2% 25px 0;
	}

	/*--印刷が可能な範囲--*/
	.container .printBox {
		width: 48%;
	}
	.container .printBox.front,
	.container .printBox.back { margin: 0 1% 35px; }
	
	/*--下層--*/
	.container .printBox_under .printBox.back {
    margin-bottom: 10px;
}
	.container .printBox_under dl.print_number {
		width: 98%;
		margin: 0 auto 15px;
	}
	
}

@media screen and (max-width: 480px) {
	.container .printBox {
		width: 95%;
		float: none;
	}
	.container .printBox.front,
	.container .printBox.back { margin: 0 auto 10px; }
}

/*--サイズ表--*/
.container .sizeBox_itemtable li {
	border-bottom: 1px solid #a3a3a3;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.container .sizeBox_itemtable li:last-child {
	border: none;
	margin: 0;
	padding: 0;
}

.container .imgList li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #a3a3a3;
}
.container .imgList li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}


.container .tit-other {
	font-size: 19px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #191919;
	font-weight: bold;
}


/*----------------------------------------------------------------
  下層共有
------*/

/*--メイン画像--*/
.container .contentHead{
	margin-bottom: 30px;
}
.container .contentHead .h2Box{
	background-color: #002458;
	padding: 20px 40px;
	border-bottom: 4px solid #0b4da0;
}
.container .contentHead .h2Box h2{
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3em;
}

.container .contentHead dl{
	margin: 15px 0;
}
.container .contentHead dl dt{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
.container .contentHead dl dt span{
	background: linear-gradient(to bottom, #fff 0%, #fff 60%,#fffb04 60%,#fffb04 100%);
	padding: 0 10px;
}
.container .contentHead dl dd p{
	font-size: 13px;
}

.container .contentHead .imgBox{
	margin: 0 0 15px;
}

@media screen and (max-width: 786px) {
	.container .contentHead dl{
		margin: 15px 1%;
	}
}



/*-----------------生地-----------------*/

.container .hType_purple {
	color: #332626;
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
	letter-spacing: .1em;
}
.container .hType_purple span {
	background: #dec7e6;
	padding: 5px 20px;
	display: inline-block;
}

.container .kijiBox li {
	width: 230px;
	float: left;
	margin: 0 10px 20px 0;
}
.container .kijiBox li:nth-child(3n) { margin: 0 0 20px 0; }

.container .kijiBox li.recommend .img {
	position: relative;
}
.container .kijiBox li.recommend .img:before {
	content: "";
	background: url(../../_images/scene/_common/recommend_icon.gif) no-repeat;
	display: block;
	width: 50px;
	height: 48px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.container .kijiBox li.teiban .img {
	position: relative;
}
.container .kijiBox li.teiban .img:before {
	content: "";
	background: url(../../_images/scene/_common/teiban_icon.gif) no-repeat;
	display: block;
	width: 50px;
	height: 48px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.container .kijiBox li dl dt {
	font-size: 15px;
	font-weight: bold;
	color: #272420;
	text-align: center;
	padding: 10px 15px;
	background: #b0e3e2;
}
.container .kijiBox li dl dd.graph { margin: 5px 0 10px 0; }
.container .kijiBox li dl dd.text {
	font-size: 13px;
}

@media screen and (max-width: 786px) {
	.container .kijiBox {
		width: 98%;
		margin: 0 auto 20px;
	}
	.container .kijiBox li {
		width: 32%;
		margin: 0 2% 20px 0;
	}
	.container .kijiBox li.recommend .img:before {
		content: "";
		width: 27%;
		height: 32%;
		top: 2%;
		left: 2%;
		background-size: contain;
	}
	.container .kijiBox li.teiban .img:before {
		content: "";
		width: 27%;
		height: 22%;
		top: 2%;
		left: 2%;
		background-size: contain;
	}
}

@media screen and (max-width: 480px) {
	.container .kijiBox li {
		width: 49%;
	}
	.container .kijiBox li:nth-child(3n) { margin: 0 2% 20px 0; }
	.container .kijiBox li:nth-child(even) { margin: 0 0 20px 0; }
}


/*--リンク--*/
.container section .page_link {
	margin-bottom: 60px;
}
.container section .group_box { margin-bottom: 20px; }
.container section .group_box li {
	float: left;
	margin: 0 18px 20px 0;
}
.container section .group_box li:nth-child(4n) { margin: 0 0 10px 0; }

@media screen and (max-width: 786px) {
	.container section .group_box { 
		width: 98%;
		margin: 0 auto 20px auto;
	}
	.container section .group_box li {
		float: left;
		margin: 0 2% 20px 0;
		width: 32%;
	}
	.container section .group_box li:nth-child(4n) { margin: 0 2% 20px 0; }
	.container section .group_box li:nth-child(3n) { margin: 0 0 20px 0; }
}


/*--印刷方法--*/
.container section .yellowBox > li.infoBox { 
	margin-bottom: 20px;;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.container section .yellowBox > li.infoBox:last-child { margin-bottom: 0; }

.container section .yellowBox > li.infoBox .text { width: 370px; float: right; }
.container section .yellowBox > li.infoBox .img { width: 340px; float: left; }

.container section .yellowBox > li.infoBox h4,
.container section .yellowBox > li.infoBox h5 {
	background-color: #e7ee3e;
	color: #2d2523;
	padding: 20px 20px 20px 40px;
	font-size: 22px;
	font-weight: bold;
	position: relative;
}
.container section .yellowBox > li.infoBox h4:before,
.container section .yellowBox > li.infoBox h5:before {
	content: "";
	display: block;
	background-image: url(../../_images/common/icon_arrow.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.container section .yellowBox > li.infoBox dl{
	padding: 20px;
}
.container section .yellowBox > li.infoBox dl dt{
	color: #df2f00;
	padding: 5px 0;
	font-size: 17px;
	font-weight: bold;
}

.container section .yellowBox > li.infoBoxPlus{
	background-color: #f2f9fa;
	padding: 30px;
	border-bottom: 1px solid #d0d0d0;
}
.container section .yellowBox > li.infoBoxPlus:last-child{
	border: none;
}
.container section .yellowBox > li.infoBoxPlus h4,
.container section .yellowBox > li.infoBoxPlus h5 {
	border-bottom: 6px double #002458;
	color: #002458;
	width: 50%;
	margin: 0 auto 15px;
	padding: 5px 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 786px) {
	/*--仕立て--*/
	.container section .yellowBox > li.infoBox { 
		width: 98%;
		margin: 20px auto;
		box-shadow: 0 0 5px rgba(0,0,0,0.3);
	}
	
	.container section .yellowBox > li.infoBox .img { width: 43%; }
	.container section .yellowBox > li.infoBox .text { width: 57%; }
	
	.container section .yellowBox > li.infoBox h4,
	.container section .yellowBox > li.infoBox h5 {
		padding: 10px 10px 10px 40px;
		font-size: 18px;
	}
	.container section .yellowBox > li.infoBox dl{
		padding: 10px 20px 20px;
	}
	
	.container section .yellowBox > li.infoBoxPlus{
		padding: 15px;
	}
	.container section .yellowBox > li.infoBoxPlus h4,
	.container section .yellowBox > li.infoBoxPlus h5 {
		width: 80%;
		margin: 0 auto 15px;
		font-size: 18px;
	}
	.container section .yellowBox > li.infoBoxPlus .imgBox img{
		max-width: 590px;
	}
}
@media screen and (max-width: 480px) {
	/*--仕立て--*/
	.container section .yellowBox > li.infoBox .img { width: 100%; }
	.container section .yellowBox > li.infoBox .text { width: 100%; }
	
	.container section .yellowBox > li.infoBox h4,
	.container section .yellowBox > li.infoBox h5 {
		padding: 10px 10px 10px 40px;
		font-size: 18px;
	}
}