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


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

	type　種類から選ぶ

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

/*----h要素----*/
.container .hType_under h3,
.container .hType_under h4 {
	font-weight: bold;
}

.container .hType_under {
	font-weight: bold;
	font-size: 24px;
	letter-spacing: .1em;
	text-align: center;
	padding: 22px 25px;
	margin-bottom: 20px;
	color: #FFF;
}
.container .hType_under.orange { background: #fc661d; }
.container .hType_under.green { background: #579926; }
.container .hType_under.purple { background: #54478a; }
.container .hType_under.navy { background: #002458; }

.container .hType_under span {
	background: #FFF;
	padding: 2px 13px;
	margin-right: 10px;
	border-radius: 20px;
}
.container .hType_under.orange span { color: #fc661d; }
.container .hType_under.green span { color: #579926; }
.container .hType_under.purple span { color: #54478a; }
.container .hType_under.navy span { color: #ff0030; }

@media screen and (max-width: 786px) {
	.container .hType_under span {
		border-radius: 0;
	}
}
@media screen and (max-width: 480px) {
	.container .hType_under {
		font-size: 19px;
		padding: 14px 20px;
		line-height: 1.6em;
	}

	.container .hType_under span {
		padding: 2px 10px;
		margin-right: 7px;
	}
}



/*----設置環境----*/
.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_indoor > dt { background: #d40023; }
.container .typeCont .scene_choiceBox > dl.make_outdoor > dt { background: #09a5bc; }
.container .typeCont .scene_choiceBox > dl.make_green > dt { background: #2b9e66; }


.container .typeCont .scene_choiceBox > dl > dd {
	padding-bottom: 20px;
}
.container .typeCont .scene_choiceBox > dl.make_indoor > dd { background: #fde9ec; }
.container .typeCont .scene_choiceBox > dl.make_outdoor > dd { background: #ebf6f7; }
.container .typeCont .scene_choiceBox > dl.make_green > dd { background: #e9fbf2; }
.container .typeCont .scene_choiceBox.saleCont > dl > dd { padding-bottom: 5px; }

.container .typeCont .scene_choiceBox > dl > dd img { width: 100%; }

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

.container .typeCont .linkBtn {
    margin: 15px 0 60px 0;
}
.container .typeCont .scene_choiceBox .linkBtn {
    margin: 15px 0 0;
}
.container .typeCont .linkBtn a {
    width: 90%;
	padding: 15px;
	font-size: 25px;
	box-sizing: border-box;
}
.container .typeCont dl.make_indoor .linkBtn a {
    background-color: #d40023;
	border-bottom: 5px solid #700013;
}
.container .typeCont dl.make_outdoor .linkBtn a {
    background-color: #09a5bc;
	border-bottom: 5px solid #006473;
}
.container .typeCont dl.make_green .linkBtn a {
    background-color: #2b9e66;
	border-bottom: 5px solid #0d5a34;
}

/*--横3つ並び--*/
.container .typeCont .scene_choiceBox.box3 > dl {
	width: 230px;
	float: left;
	letter-spacing: .06em;
	margin-right: 10px;
}
.container .typeCont .scene_choiceBox.box3 > dl:first-of-type {
	margin-right: 10px;
}
.container .typeCont .scene_choiceBox.box3 > dl:last-of-type {
	margin-right: 0;
}

.container .typeCont .scene_choiceBox.box3 .linkBtn a {
    width: 90%;
	padding: 10px;
	font-size: 19px;
}

.container .typeCont .scene_choiceBox.box3 .linkBtn a span:before {
    width: 28px;
    height: 28px;
}
.container .typeCont .scene_choiceBox.box3 .linkBtn a span:after {
    right: 6px;
}


@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%;
	}
	
	/*横3つ並び*/
	.container .typeCont .scene_choiceBox.box3 > dl {
		width: 32%;
		margin-right: 2%;
	}
	.container .typeCont .scene_choiceBox.box3 > dl:first-of-type {
		margin-right: 2%;
	}
	.container .typeCont .scene_choiceBox.box3 > dl:last-of-type {
		margin-right: 0;
	}
	.container .typeCont .scene_choiceBox > dl > dt {
		font-size: 22px;
		padding: 15px;
	}
}
@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;
	}
	
	/*--横3つ並び--*/
	.container .typeCont .scene_choiceBox.box3 > dl {
		width: 90%;
		float: none;
		margin: 0 auto 15px;
	}
	.container .typeCont .scene_choiceBox.box3 > dl:first-of-type {
		margin: 0 auto 15px;
	}
	.container .typeCont .scene_choiceBox.box3 > dl:last-of-type {
		margin: 0 auto;
	}
}

/*----定番サイズ----*/
.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 .sizeBox_itemtable dd {
	border-bottom: 1px solid #a3a3a3;
	margin-bottom: 25px;
	padding-bottom: 15px;
}
.container .sizeBox_itemtable dd:last-of-type {
	border: none;
	margin: 0;
	padding: 0;
}

.container .size_caution {
	text-align: center;
	color: #fe031b;
	margin: 10px 0 20px;
}


/*----生地一覧----*/
.container section li.kijiBox{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #c3c3c3;
}

.container .clothAll section li.kijiBox:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.container section .kijiBox.teiban .img a,
.container section .kijiBox.recommend .img a { display: block;  position: relative; }

.container section .kijiBox.teiban .img a:before,
.container section .kijiBox.recommend .img a:before {
	content: "";
	position: absolute;
 	top: 5px;
	right: 6px;
	display: block;
}
.container section .kijiBox.teiban .img a:before { 
	background: url(../../_images/common/material_icon/teiban.gif) no-repeat;
	width: 75px;
	height: 48px;
}
.container section .kijiBox.recommend .img a:before { 
	background: url(../../_images/common/material_icon/recommend.gif) no-repeat;
	width: 105px;
	height: 48px;
}

.container section .kijiBox div.kijiInfo {
	float: right;
	width: 275px;
}
.container section .kijiBox .clearfix > .img {
	float: left;
	width: 410px;
	position: relative;
}

.container section .kijiBox div.kijiInfo .kijiBox_h{
	background-color: #e9f9ff;
	color: #002458;
	margin-bottom: 10px;
	padding: 13px 0 13px 30px;
	font-size: 18px;
	font-weight: bold;
	border-top: 2px solid #002458;
	border-bottom: 2px solid #002458;
	position: relative;
}
.container section .kijiBox div.kijiInfo .kijiBox_h:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #002458;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.container section .kijiBox div.kijiInfo {
	margin-bottom: 15px;
}

.container section .kijiBox .kijiBox_text dt{
	color: #002458;
	margin-bottom: 10px;
	padding: 5px 0 5px 32px;
	font-size: 15px;
	font-weight: bold;
	position: relative;
}
.container section .kijiBox .kijiBox_text dt:before{
	content: "";
	display: block;
	background-color: #002458;
	background-image: url(../../_images/common/icon_exclamation.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.container section .kijiBox div.kijiInfo dd .color_list li {
	width: 65px;
	float: left;
	margin: 0 5px 5px 0;
}
.container section .kijiBox div.kijiInfo dd .color_list li:nth-child(4n) { margin: 0 0 5px 0; }
.container section .kijiBox div.kijiInfo dd .color_list li img { width: 100%; }

@media screen and (max-width: 786px) {
	/*--生地--*/
	.container section .kijiBox{
		width: 98%;
		margin: 0 auto 20px;
	}
	
	.container section .kijiBox.teiban .img a:before,
	.container section .kijiBox.recommend .img a:before {
		top: 3%;
		right: 2%;
		width: 19%;
		height: 20%;
		background-size: contain;
	}
	.container section .kijiBox.teiban .img a:before { 
		width: 19%;
		height: 20%;
	}
	.container section .kijiBox.recommend .img a:before { 
		width: 24%;
		height: 18%;
	}
	
	.container section .kijiBox div.kijiInfo {
		width: 43%;
	}
	.container section .kijiBox .clearfix > .img {
		width: 55%;
	}
	
	.container section .kijiBox div.kijiInfo .kijiBox_h{
		padding: 5px 0 5px 30px;
		font-size: 16px;
	}
	.container section .kijiBox div.kijiInfo .kijiBox_text dt{
		font-size: 15px;
	}
	.container .clothAll section .kijiBox div.kijiInfo {
		margin-bottom: 0;
	}
	
	.container section .kijiBox div.kijiInfo dd .color_list li {
		width: 22%;
		margin: 0 4% 5px 0;
	}
}
@media screen and (max-width: 480px) {
	/*--生地--*/
	.container section .kijiBox div.kijiInfo {
		width: 100%;
	}
	.container section .kijiBox .clearfix > .img {
		width: 100%;
	}
	.container section .kijiBox div.kijiInfo .kijiBox_h{
		padding: 5px 0 5px 30px;
		font-size: 16px;
	}
	.container section .kijiBox div.kijiInfo dl dt{
		font-size: 15px;
	}
	.container section .kijiBox div.kijiInfo p.graph { 
		width: 80%;
		margin: 0 auto;
	}
	.container section .kijiBox dl{
		width: 90%;

		margin: 0 auto;
		font-size: 12px;
	}

}


/*--生地　アイコン--*/

.container section .kijiBox.icon_plus .img:before {
	content: "";
	position: absolute;
 	top: 3px;
	right: 11px;
	display: block;
}

.container section .kijiBox .img.recommend:before { 
	background: url(../../_images/common/material_icon/recommend.gif) no-repeat;
	width: 120px;
	height: 40px;
	background-size: contain;
}
.container section .kijiBox .img.teiban:before {
	background: url(../../_images/common/material_icon/teiban.gif) no-repeat;
	width: 120px;
	height: 40px;
	background-size: contain;
}

@media screen and (max-width: 786px) {
	.container section .kijiBox.icon_plus .img:before { 
		width: 30%;
		height: 16%;
		background-position: right;
	}
}


/*----仕立てについて----*/

.dblue_box { margin-bottom: 20px; }

.dblue_box li {
	width: 340px;
	border: 1px solid #002458;
	box-sizing: border-box;
	margin: 0 0 20px 0;
	float: left;
	counter-increment: number;
}
.dblue_box li:nth-child(odd) { margin: 0 30px 20px 0; }

.dblue_box li dt {
	color: #FFF;
	font-weight: bold;
	font-size: 23px;
	text-align: center;
	padding: 15px;
	background: #002458;
}
.dblue_box.number li dt:before {
	content: counter(number);
	padding: 3px 9px;
	border-radius: 3px;
	background: #FFF;
	color: #002458;
	margin-right: 15px;
	display: inline;
	font-size: 14px;
	vertical-align: middle;
}

.dblue_box li dd img {
	width: 100%;
}
.dblue_box li dd .text {
	padding: 15px;
	font-size: 13px;
}

/*横3並び*/
.dblue_box.box3 li {
	width: 230px;
	margin: 0 10px 20px 0;
}
.dblue_box.box3 li:nth-child(odd) { margin: 0 10px 20px 0; }
.dblue_box.box3 li:nth-child(3n) { margin: 0 0 20px 0; }
.dblue_box.box3 li dt {
	font-size: 20px;
	padding: 12px;
}

@media screen and (max-width: 786px) {
	.dblue_box { margin-bottom: 20px; }
	.dblue_box {
		width: 95%;
		margin: 0 auto;
	}
	.dblue_box li {
		width: 49%;
	}
	.dblue_box li:nth-child(odd) { margin: 0 2% 20px 0; }
	
	/*横3並び*/
	.dblue_box.box3 li {
		width: 32%;
		margin: 0 2% 20px 0;
	}
	.dblue_box.box3 li:nth-child(odd) { margin: 0 2% 20px 0; }
	.dblue_box.box3 li:nth-child(3n) { margin: 0 0 20px 0; }
}
@media screen and (max-width: 480px) {
	.dblue_box li {
		width: 100%;
		margin: 0 0 15px 0;
	}
	.dblue_box li:nth-child(odd) { margin: 0 0 15px 0; }

	.dblue_box li dt {
		font-size: 19px;
		padding: 10px;
	}
	.dblue_box li dt:before {
		padding: 2px 7px;
		margin-right: 10px;
	}

	.dblue_box li dd .text {
		padding: 12px 15px;
	}
	
	/*横3並び*/
	.dblue_box.box3 li {
		width: 100%;
		margin: 0 0 15px 0;
	}
	.dblue_box.box3 li:nth-child(odd) { margin: 0 0 15px 0; }
	.dblue_box.box3 li:nth-child(3n) { margin: 0 0 15px 0; }
	
}


/*----お任せ下さい----*/
.container .recordCont .record_h {
	text-align: center;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	background: #06b8ce;
	padding: 20px;
	border-top: 5px solid #041938;
	position: relative;
	letter-spacing: .07em;
}
.container .recordCont .record_h.sankaku:before {
	content: "";
	display: block;
	position: absolute;
	top: -19px;
	left: 0;
	right: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5.5px 14px 5.5px;
	border-color: transparent transparent #041938 transparent;
}
.container .recordCont .record_h span {
	background: #FFF;
	color: #ff0030;
	border-radius: 30px;
	padding: 3px 20px;
	margin: 0 10px;
}
.container .recordCont .record_list li {
	float: left;
	margin: 0 10px 10px 0;
}
.container .recordCont .record_list li:nth-child(3n) { margin: 0 0 10px 0; }

.container .recordCont .record_list li figcaption {
	color: #404040;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	margin-top: 5px;
}

.container .recordCont .font_min {
	color: #9c7404;
	text-align: center;
	font-weight: 900;
	font-size: 31px;
	margin: 15px 0;
}

.container .recordCont .back_green {
	background: #99e2b1;
	padding: 8px 15px;
	text-align: center;
	color: #041938;
	font-size: 17px;
	font-weight: bold;
}

.container .h_dblue {
	font-size: 15px;
	text-align: center;
	color: #FFF;
	letter-spacing: .08em;
	background: #051935;
	padding: 7px 15px;
	margin-bottom: 15px;
}
.container .itemform_box {
	margin: 15px 0;
}
.container .itemform_box li {
	width: 220px;
	float: left;
	margin-right: 25px;
}
.container .itemform_box.box4 li {
	width: 170px;
	margin-right: 10px;
}
.container .itemform_box.box2 li {
	width: 340px;
	margin-right: 30px;
}
.container .itemform_box li img { width: 100%; }
.container .itemform_box li:last-child { margin-right: 0; }
.container .itemform_box li .form_tit {
	color: #262d6e;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 10px;
	border-bottom: 2px solid #262d6e;
}

.container .itemform_box li dd {
	margin-top: 5px;
	font-size: 13px;
}

@media screen and (max-width: 786px) {
	.container .recordCont .record_list li {
		float: left;
		width: 32%;
		margin: 0 2% 10px 0;
	}
	.container .recordCont .record_list li:nth-child(3n) { margin: 0 0 10px 0; }
	
	.container .itemform_box ul {
		width: 95%;
		margin: 15px auto;
	}
	.container .itemform_box li {
		width: 32%;
		margin-right: 2%;
	}
	
	.container .itemform_box.box4 li {
		width: 22%;
		margin-right: 4%;
	}
	.container .itemform_box.box2 li {
		width: 49%;
		margin-right: 2%;
	}
	.container .itemform_box li:last-child { margin-right: 0; }
	
}

@media screen and (max-width: 480px) {
	.container .makeCont .kaiketsuCont .kaiketsuList li {
		font-size: 15px;
		padding: 7px 15px 7px 50px;
	}
	.container .recordCont .record_h {
		font-size: 19px;
		padding: 10px 15px;
	}
	.container .recordCont .record_h span {
		display: block;
		margin: 3px 0;
	}
	.container .recordCont .record_list li {
		float: left;
		width: 49%;
		margin: 0 0 10px 0;
	}
	.container .recordCont .record_list li:nth-child(3n) { margin: 0 0 10px 0; }
	.container .recordCont .record_list li:nth-child(odd) { margin: 0 2% 10px 0; }
	.container .recordCont .record_text {
		width: 98%;
		margin: 0 auto;
	}
	.container .recordCont .font_min {
		font-size: 27px;
	}
	
	.container .h_dblue {
		font-size: 14px;
		padding: 7px 10px;
		line-height: 1.4em;
	}
	.container .itemform_box li,
	.container .itemform_box.box2 li {
		width: 85%;
		margin: 0 auto 10px;
		float: none;
	}
	.container .itemform_box.box4 li {
		width: 49%;
		margin: 0 2% 10px 0;
		float: left;
	}
	
	.container .itemform_box li:last-child { margin: 0 auto 10px; }
	.container .itemform_box.box4 li:nth-child(even) { margin: 0 0 10px 0; }
	
	.container .itemform_box li .form_tit {
		font-size: 13px;
		padding: 3px 10px;
		border-bottom: none;
		background: #262d6e;
		color: #FFF;
	}
}

.create_img { margin-bottom: 30px; }

.create_img li:first-child {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #6B6B6B;
}


/*----こんな方にお薦め----*/
.container .type_recommend {
	border: 3px solid;
	box-sizing: border-box;
	padding: 15px 25px;
	border-radius: 3px;
	margin-bottom: 20px;
}
.container .type_recommend.orange { border-color: #fc661d; }
.container .type_recommend.green { border-color: #579926; }
.container .type_recommend.purple { border-color: #54478a; }

.container .type_recommend dt {
	font-size: 18px;
	font-weight: bold;
}
.container .type_recommend.orange dt { color: #fc661d; }
.container .type_recommend.green dt { color: #579926; }
.container .type_recommend.purple dt { color: #54478a; }

.container .type_recommend dd {
	font-size: 15px;
}
.container .type_recommend dd p:before {
	content: "";
	width: 6px;
	height: 6px;
	background: #343036;
	margin: auto 10px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 786px) {
	.container .type_recommend {
		width: 98%;
		margin: 0 auto 20px;
	}
}
@media screen and (max-width: 480px) {
	.container .type_recommend {
		padding: 10px 15px;
		margin-bottom: 15px;
	}
	.container .type_recommend dt {
		font-size: 16px;
	}
	.container .type_recommend dd {
		font-size: 14px;
	}
	.container .type_recommend dd p:before {
		width: 4px;
		height: 4px;
		margin: auto 6px;
	}
}




/*----こんな方にお薦め----*/
.container .typeCont .osusumeList {
	margin-bottom: 30px;
}
.container .typeCont .osusumeList li {
	font-size: 18px;
	font-weight: bold;
	color: #001b3d;
	position: relative;
	padding: 13px 50px;
	border-bottom: 2px solid #d5d5d5;
}
.container .typeCont .osusumeList li:before {
	content: "";
	background: url(../../_images/common/icon_check_on.webp) no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}
@media screen and (max-width: 480px) {
	.container .typeCont .osusumeList li {
		font-size: 15px;
		padding: 7px 15px 7px 50px;
	}
}

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

.container .whatsCheck{
	background: linear-gradient(to top,#e4e4e4 0%,#ffff 100%);
	margin: 0 0 20px 0;
	border: 1px solid #b5b5b5;
	border-top: none;
}
.container .whatsCheck ul{
	min-height: 220px;
	background-image: url(../../_images/top/whats_staff.webp);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 30px;
	box-sizing: border-box;
}
.container .whatsCheck ul li{
	width: 55%;
	color: #001b3d;
	padding: 10px 0 10px 30px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 2px solid #d5d5d5;
	position: relative;
}
.container .whatsCheck ul li:before{
	content: "";
	display: block;
	background-image: url(../../_images/common/icon_check_on.webp);
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 10px;
}

@media screen and (max-width: 786px) {
	.container .whatsCheck ul{
		min-height: 180px;
		background-size: 30%;
		padding: 10px 15px;
	}
	.container .whatsCheck ul li{
		width: 70%;
		padding: 5px 0 5px 30px;
		font-size: 14px;
	}
}
@media screen and (max-width: 480px) {
	.container .whatsCheck ul{
		min-height: 180px;
		background-size: 30%;
		padding: 10px 15px;
	}
	.container .whatsCheck ul li{
		width: 70%;
		padding: 5px 0 5px 30px;
		font-size: 14px;
	}
}




/*----ビッグフラッグ----*/
.container .choice_box li {
	width: 340px;
	float: left;
	margin: 0 0 25px 0;
}
.container .choice_box li:nth-child(odd) {
	margin: 0 30px 25px 0;
}
.container .choice_box li dt {
	background: #002458;
	font-size: 27px;
	font-weight: bold;
	text-align: center;
	padding: 17px;
	color: #FFF;
	letter-spacing: .1em;
}
.container .choice_box li dd .text {
	font-size: 13px;
	margin-top: 15px;
}
@media screen and (max-width: 786px) {
	.container .choice_box { margin: 0 1%; }
	.container .choice_box li {
		width: 49%;
		margin: 0 0 20px 0;
	}
	.container .choice_box li:nth-child(odd) {
		margin: 0 2% 20px 0;
	}
}
@media screen and (max-width: 480px) {
	.container .choice_box { margin: 0 3%; }
	.container .choice_box li {
		width: 100%;
		float: none;
		margin: 0 0 15px 0;
	}
	.container .choice_box li:nth-child(odd) {
		margin: 0 0 15px 0;
	}
	.container .choice_box li dt {
		font-size: 20px;
		padding: 10px 15px;
	}
	.container .choice_box li dd .text {
		font-size: 12px;
		margin-top: 10px;
		line-height: 1.6em;
	}
}


/*----部品一覧----*/

.container .parts_box li {
	width: 230px;
	margin: 0 10px 15px 0;
	box-sizing: border-box;
	float: left;
	counter-increment: number;
}
.container .parts_box li:nth-child(3n) { margin: 0 0 15px 0; }

.container .parts_box li dt {
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	padding: 12px;
	text-align: center;
	background: #002458;
}

.container .parts_box li dd img {
	width: 100%;
}
.container .parts_box li dd.img {
	border: 1px solid #002458;
	border-top: none;
	box-sizing: border-box;
}
.container .parts_box li dd.text {
	margin-top: 10px;
	font-size: 13px;
}

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

	.container .parts_box li dt {
		font-size: 17px;
		padding: 7px;
	}

	.container .parts_box li dd.text {
		margin-top: 7px;
	}
	
}


/*----補足説明----*/
.container .lblue_box {
	background: #e2f1f2;
	padding: 20px 25px;
	margin-bottom: 25px;
}
.container .lblue_box dt {
	font-weight: bold;
	color: #332d2d;
	padding: 0 10px 5px;
	border-bottom: 1px solid #332d2d;
	margin-bottom: 15px;
	font-size: 17px;
}
.container .lblue_box dd {
	font-size: 13px;
}


/*----gray_box----*/
.container .gray_box li {
	counter-increment: number;
	margin-bottom: 10px;
}
.container .gray_box li:last-child {
	margin-bottom: 0;
}
.container .gray_box li dt:before {
	content: counter(number);
	background: #2e2424;
	width: 24px;
	height: 24px;
	text-align: center;
	color: #FFF;
	display: inline-block;
	margin-right: 15px;
	border-radius: 3px;
	font-size: 13px;
}
.container .gray_box li dl dt {
	background: #dbdcd5;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 20px;
}
.container .gray_box li dl dd {
	border: 6px solid #dbdcd5;
	border-top: none;
	box-sizing: border-box;
	padding: 15px 25px;
	font-size: 13px;
}
@media screen and (max-width: 786px) {
	.container .gray_box li {
		margin: 0 1% 10px;
	}
	.container .gray_box li dl dt {
		font-size: 16px;
		padding: 10px 15px;
	}
	.container .gray_box li dl dd {
		padding: 10px 15px;
	}
}


/*----既製品国旗一覧----*/
.container .readymade_list li {
	float: left;
	margin: 0 15px 5px 0;
	width: 130px;
}
.container .readymade_list li:nth-child(5n) { margin: 0 0 10px 0; }

.container .readymade_list li figcaption {
	color: #404040;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
	line-height: 1.4em;
}

.container .openBox.national_list { margin-top: 15px; }

.container section .openBox.national_list .national_cont dd .yellow_line {
	text-align: center;
	font-size: 13px;
	margin-bottom: 15px;
}

@media screen and (max-width: 786px) {
	.container .readymade_list li {
		float: left;
		width: 16%;
		margin: 0 5% 10px 0;
	}
}
@media screen and (max-width: 480px) {
	.container .readymade_list li {
		float: left;
		width: 30%;
		margin: 0 5% 10px 0;
	}
	.container .readymade_list li:nth-child(5n) { margin: 0 5% 10px 0; }
	.container .readymade_list li:nth-child(3n) { margin: 0 0 10px 0; }
}


.container .tit_black {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background: #2e2e2e;
	letter-spacing: .1em;
	font-size: 18px;
	padding: 10px;
}
.container .tit_black span {
	padding: 1px 15px;
	border-radius: 30px;
	color: #d21d00;
	margin: 0 10px;
	background: #FFF;
}
@media screen and (max-width: 786px) {
	.container .tit_black span {
		padding: 1px 5px;
		border-radius: 0;
	}
}


/*----　----*/
@media screen and (max-width: 786px) {
}
@media screen and (max-width: 480px) {
}

/*----　----*/
@media screen and (max-width: 786px) {
}
@media screen and (max-width: 480px) {
}


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

	下層共通

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

/*--メイン画像--*/
.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 .h2Box span {
	color: #002458;
	background: #FFF;
	padding: 1px 20px;
	margin-right: 15px;
	border-radius: 30px;
}

.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 .h2Box{
		padding: 10px 15px;
	}
	.container .contentHead .h2Box h2{
		font-size: 24px;
		line-height: 1.7em;
	}
	.container .contentHead .h2Box span {
		margin-right: 12px;
		border-radius: 3px;
	}
	.container .contentHead dl{
		margin: 15px 1%;
	}
}


/*--印刷方法--*/
.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{
	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{
	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,
.container section .yellowBox > li.infoBox .text_cont {
	padding: 20px;
}
.container section .yellowBox > li.infoBox dl dt{
	color: #0162df;
	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 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{
		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 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{
		padding: 10px 10px 10px 40px;
		font-size: 18px;
	}
}



/*--青BOX--*/
.container section .optionCont{
	margin: 40px 0;
	padding: 25px 30px;
	background-color: #ecfcff;
	border: 4px solid #51addc;
	border-radius: 5px;
	box-sizing: border-box;
}
.container section .optionCont .option_h{
	color: #002458;
	margin: 0 0 15px;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: bold;
	border-left: 8px solid #002458;
}
.container section .optionCont .text {
	width: 250px;
	float: right;
}
.container section .optionCont .img {
	width: 370px;
	float: left;
}

@media screen and (max-width: 786px) {
	.container section .optionCont{
		width: 96%;
		margin: 40px auto;
		padding: 15px;
	}
	.container section .optionCont .option_h{
		margin: 0 0 15px;
		padding: 5px 10px;
		font-size: 18px;
		border-left: 5px solid #002458;
	}
	.container section .optionCont .text {
		width: 40%;
	}
	.container section .optionCont .img {
		width: 55%;
	}
}
@media screen and (max-width: 480px) {
	.container section .optionCont .option_h{
		margin: 0 0 15px;
		padding: 5px 10px;
		font-size: 18px;
		border-left: 5px solid #002458;
	}
	.container section .optionCont dl{
		min-height: auto;
		background-position: center 93%;
		background-size: 280px auto;
		padding: 0 0 170px;
	}
	.container section .optionCont dl dt{
		padding: 5px;
		font-size: 18px;
	}
	.container section .optionCont .text {
		width: 100%;
		float: none;
	}
	.container section .optionCont .img {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
}


/*--リンク--*/
.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; }
}


/*----navy_cont----*/
.navy_cont .navy_img {
	width: 338px;
	float: left;
	margin-right: 32px;
}
.navy_cont .navy_text {
	width: 340px;
	float: left;
}
.navy_cont .navy_text .yellow_line {
	margin-bottom: 10px;
}
.navy_cont .navy_text dt {
	font-size: 20px;
	background: #001b3d;
	padding: 15px 20px;
	margin-bottom: 20px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1em;
}
.navy_cont .clearfix {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #c3c3c3;
}
@media screen and (max-width: 786px) {
	.navy_cont {
		width: 90%;
		margin: 0 auto;
	}
	.navy_cont .navy_img {
		width: 40%;
		margin-right: 3%;
	}
	.navy_cont .navy_text {
		width: 57%;
	}
}
@media screen and (max-width: 480px) {
	.navy_cont .navy_img {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.navy_cont .navy_text {
		width: 100%;
		float: none;
		font-size: 13px;
	}
	.navy_cont .navy_text dt {
		font-size: 18px;
		padding: 12px 20px;
		margin-bottom: 10px;
	}
	.navy_cont .clearfix {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
}


/*--------------------dl開閉-------------------*/

/*クリック開閉*/
	.container section .openBox input{
		display: none;
	}

@media screen and (max-width: 480px) {
	.container section .openBox dl dt{
		padding: 10px 35px 10px 15px;
		box-sizing: border-box;
		font-size: 16px;
		border-radius: 3px;
	}
	.container section .openBox dl dd{
		width: 97%;
		margin: 0 auto;
		max-height: 0;
		padding: 0;
		overflow: hidden;
		transition: 0.35s;
		display: block;
	}
	.container section .recordCont .openBox dl dd p:first-of-type{
		margin-top: 10px;
	}
	.container section .openBox input:checked + label + dd {
		max-height: 400px;
	}
	/*「+-」アイコンと動き*/
	.container section .openBox label{
		display: block;
		position: relative;
	}
	.container section .openBox dt:after{
		content: "";
		display: block;
		width: 25px;
		height: 25px;
		background: none;
		border-radius: 3px;
		position: absolute;
		right: 5px;
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 2;
	}
	.container section .openBox label:before,
	.container section .openBox label:after{
		content: "";
		display: block;
		width: 2px;
		height: 13px;
		background: #FFF;
		position: absolute;
		right: 16px;
		top: 0;
		bottom: 0;
		margin: auto;
		z-index: 5;
		transition: transform 0.2s linear; 
	}
	.container section .openBox label:after{
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 1.0;
	}
	.container section .openBox input:checked + label{
		background: #FFF2B3;
	}
	.container section .openBox input:checked + label:before{
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.container section .openBox input:checked + label:after{
		opacity: 0;
	}
}



/*-------------既製品国旗一覧　開閉------------*/
.container section .openBox.national_list input{
	display: none;
}

.container section .openBox.national_list > dl .button {
	padding: 15px 65px 15px 15px;
	box-sizing: border-box;
	font-weight: bold;
	letter-spacing: .1em;
	font-size: 20px;
	border-radius: 3px;
	background: #06b8ce;
	color: #FFF;
	text-align: center;
	border-bottom: 5px solid #007988;
}
.container section .openBox.national_list > dl > dd{
	margin: 0 auto;
	max-height: 0;
	padding: 0;
	overflow: hidden;
	transition: 0.35s;
	display: block;
}
.container section .openBox.national_list input:checked + label + dd {
	max-height: 9999px;
}
/*「+-」アイコンと動き*/
.container section .openBox.national_list label{
	display: block;
	position: relative;
}
.container section .openBox.national_list > dl > dt:after{
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background: none;
	border-radius: 3px;
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
}
.container section .openBox.national_list label:before,
.container section .openBox.national_list label:after{
	content: "";
	display: block;
	width: 3px;
	height: 20px;
	background: #FFF;
	position: absolute;
	right: 35px;
	top: 35%;
	bottom: 35%;
	z-index: 5;
	transition: transform 0.2s linear; 
}
.container section .openBox.national_list label:after{
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 1.0;
}
.container section .openBox.national_list input:checked + label{
	background: #FFF2B3;
}
.container section .openBox.national_list input:checked + label:before{
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.container section .openBox.national_list input:checked + label:after{
	opacity: 0;
}

.container section .openBox.national_list .national_cont {
	padding: 15px 0;
}
.container section .openBox.national_list .national_cont dt {
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	background: #2e2e2e;
	padding: 15px 20px;
	text-align: center;
	margin-bottom: 15px;
	letter-spacing: .1em;
}

.container section .openBox.national_list .national_cont dd { max-height: 9999px; }

@media screen and (max-width: 786px) {
	.container .openBox.national_list { margin-top: 0; }
	.container section .openBox.national_list > dl .button {
		width: 95%;
		margin: 0 auto 15px;
	}
	.container section .openBox.national_list > dl .national_cont {
		width: 95%;
		margin: 0 auto;
	}
}




/*--製作実績--*/
.container .record_cont {
	background: #f9f9f9;
	padding: 40px 40px 30px;
	border-top: 5px solid #ff4513;
}

.container .record_cont .h_record {
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	color: #292929;
	letter-spacing: .02em;
	margin-bottom: 15px;
}
.container .record_cont .h_record span {
	color: #ff4513;
}

.container .record_cont .h_record + p {
	text-align: center;
	margin-bottom: 20px;
}

.container .record_cont .h_record span {
	color: #ff4513;
}

.container .record_cont .record_list {
	display: flex;
	justify-content: flex-start;
	overflow-x: scroll;
	gap: 0 20px;
	padding: 0 40px 10px;
	width: calc(100% + 80px);
	margin: 0 -40px;
	box-sizing: border-box;
}

.container .record_cont .record_list.dragging {
	user-select: none;
	cursor: grabbing;
}

.container .record_cont .record_list li {
	width: 270px;
	flex-shrink: 0;
	background: #FFF;
	border: 1px solid #d9d9d9;
	display: flex;
	flex-direction: column;
}

.container .record_cont .record_list li img {
	width: 100%;
	height: auto;
	pointer-events: none;
	user-drag: none;
	-webkit-user-drag: none;
}

.container .record_cont .record_list li .inner{
	display:flex;
	flex-wrap:wrap;
	text-align:left;
	padding: 10px 20px;
	font-size:13px;
	line-height: 1.8;
}
.container .record_cont .record_list li .day{
	font-size: 12px;
	color: #27326f;
	font-weight: bold;
	background: #eceef9;
	padding: 5px 15px;
	line-height: 1.7;
	text-align: center;
	margin-top: auto;
}
.container .record_cont .record_list li .inner dt{
	width:35%;
	font-weight:bold;
	color: #464646;
}
.container .record_cont .record_list li .inner dd{
	width:65%;
}


@media screen and (max-width: 480px) {
	.container .record_cont {
		padding: 30px 20px 20px;
	}

	.container .record_cont .record_list {
		width: calc(100% + 40px);
		margin: 0 -20px;
		padding: 0 20px 10px;
	}

	.container .record_cont .h_record {
		font-size: 22px;
	}

	.container .record_cont .h_record span {
		display: block;
	}

	.container .record_cont .h_record + p {
		font-size: 13px;
	}
}