main{
	min-height: 800px;
	position: relative;
}
main:before {
    content: "Proccessing\a0...";
    color: #fff;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}


header.headMain01, footer.footMain01 {
	z-index: 1;
}

.wrap_code {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 1em 1.5em 2em;
	background: #E4E4E4;
	box-sizing: border-box;
}
.wrap_code form {
	margin: 0;
}
.wrap_code ul {
	width: 100%;
	max-width: 520px;
	margin: 0 auto 2em;
}
.wrap_code ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.wrap_code ul li:not(:last-child) {
	margin-bottom: .5em;
}
.wrap_code ul li p {
	width: 7em;
	text-align: left;
	font-weight: bold;
}
.wrap_code input[type=text] {
	width: calc(100% - 20em);
	margin: 0 1em 0 0;
	padding: .2em .3em;
}
.wrap_code input[type=button] {
	display: block;
	width: 12em;
	padding: .2em 1em;
	background: #14469B;
	color: white;
	border: solid 1px black;
	border-radius: 0px;
	box-shadow: 0 -.8em 1em black inset;
	cursor: pointer;
	border-radius: 300px;
}
.wrap_code input[name="edit"] {
	width: 9em;
	padding: .5em 1em .5em 2em;
	position: relative;
    }
.wrap_code .wrap_btn_edit{
	position:relative;
}
.wrap_code .wrap_btn_edit:before {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 45%;
    left: 13px;
    transform: translate(0, -50%);
    background-image: url(../_image/deckrecipe/icon_edit.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;

}
.wrap_code .wrap_btn {
	display: flex;
	justify-content: center;
}
.wrap_code .wrap_btn a {
	display: block;
	width: 9em;
	margin-right: 1em;
	padding:.5em .5em .5em 2em;
	text-decoration: none;
	background: #14469B;
	color: white;
	border: solid 1px black;
	box-shadow: 0 -.8em 1em black inset;
	cursor: pointer;
	line-height: 1.3;
	position: relative;
	border-radius: 300px;
}
.wrap_code .wrap_btn a:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translate(0, -50%);
    background-image: url(../_image/deckrecipe/icon_top.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.wrap_code .wrap_btn a[name="download"]:before {
    background-image: url(../_image/deckrecipe/icon_save.png);
}

article#deckrecipe .build_area .wrap_deck .col_right .wrap_card,article#deckrecipe .build_area .wrap_deck .col_left > div {
    cursor: unset !important;
}

article#deckrecipe {
	z-index: 2;
}
.wrap_alert {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 13000;
	display: none;
	width: 100vw;
	height: 100vh;
	background: rgb(0 0 0 / 50%);
}
.wrap_alert .copy_alert {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 13000;
	width: 80%;
	max-width: 400px;
	padding: 30px;
	background: white;
	border-radius: 5px;
}
.wrap_alert .copy_alert p {
	margin: 1.5em 0;
}
.copy_alert button {
	width: 70px;
	padding: .5em;
	background: #203957;
	color: white;
	border: none;
	cursor: pointer;
}

.version {
    color: #fff;
    position: absolute;
    left: 4%;
    bottom: 24px;
    font-size: .8rem;
}
.copyright {
    color: #fff;
    position: absolute;
    right: 4%;
    bottom: 24px;
    font-size: .8rem;
/*    font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif;*/
}


article#deckrecipe.capture {
/*	width: 3840px;
	height: 2160px;*/
	width:4800px;
	height: 2700px;
	max-width:unset;
	min-height:unset;
	background: url('../_image/deckrecipe/bg_capture.jpg')no-repeat;
	background-size: contain;
    position: fixed;
    top: -10000px;
    left: 10000px;
}
article#deckrecipe.capture .build_area {
	padding: 8.6% 4% 3%;
}
article#deckrecipe.capture .build_area .wrap_data {
	display: none;
}
article#deckrecipe.capture::before,
article#deckrecipe.capture .build_area,
article#deckrecipe.capture .build_area::before {
	background: none;
}
article#deckrecipe.capture .build_area .wrap_deck {
	align-items: center;
}
article#deckrecipe.capture .build_area .wrap_deck .col_left {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 13%;
	padding-bottom: 30px;
}
article#deckrecipe.capture .build_area .wrap_deck .col_left .partner {
	position: static;
	margin: 0 0 20px;
}
article#deckrecipe.capture .build_area .wrap_deck .col_left .incident {
	position: static;
}
article#deckrecipe.capture .build_area .wrap_deck .col_right {
	width: 85%;
}
article#deckrecipe.capture .build_area .wrap_deck .col_right .container {
	padding: 0;
}
article#deckrecipe.capture .build_area .version {
    color: #fff;
    position: absolute;
    left: 3%;
    bottom: 2.5%;
    font-size: 3rem;
}
article#deckrecipe.capture .build_area .copyright {
    font-size: 3rem;
    bottom: 2.5%;
}

.footMain01 .footerPageTop01{
	display:none;
}

@media screen and (max-width:600px){
	.wrap_code {
		font-size: .75rem;
	}
}