﻿@charset "UTF-8";
.engraving-detail-container {
	display: none
}
.customForm input#engravedcheck{
	transition: all 0.3s ease-in-out 0;
	-webkit-transition: all 0.3s ease-in-out 0
}
.customForm input[type="checkbox"]#engravedcheck {
	display: none!important;
}
.customForm label#spec_engraved_label {
	vertical-align: middle;
	cursor: pointer;
	margin: 0;
	display: block;
	padding-left: 31px;
	line-height: 22px;
}
.customForm label#spec_engraved_label:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	width: 21px;
	height: 21px;
	background-color: #fff;
	border-radius: 0;
	cursor: pointer;
	border: 1px solid #000;
	box-sizing: border-box
}
.customForm input[type="checkbox"]#engravedcheck:checked + label#spec_engraved_label:after {
content: "";
display: block;
position: absolute;
top: -4px;
left: 8px;
width: 8px;
height: 17px;
transform: rotate(40deg);
border-bottom: 2px solid #000;
border-right: 2px solid #000;
cursor: pointer;
}
.engraving-detail-container {
	margin: 35px 0 0
}
.engraving-detail-container .engraving-detail-description-img {
	margin: 0 0 20px;
	max-width: 550px
}
.engraving-detail-container .engraving-detail-description-img img {
	width: 100%
}
.engraving-detail-container .engraving-select-form * {
	box-sizing: border-box
}
.engraving-detail-container .engraving-select-form {
	margin: 20px 0 0;
	padding: 20px;
    color: #FFFFFF;
	background-color: #000000
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item {
	margin: 25px 0 0;
	overflow: hidden
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item.engraving-text, .customForm .engraving-detail-container .engraving-select-form .engraving-select-form-inner-item.engraving-color, .customForm .engraving-detail-container .engraving-select-form .engraving-select-form-inner-item.engraving-motif {
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item.engraving-text textarea {
margin: 0!important;
padding: 15px!important;
width: 100%!important;
/* --▼--heightに!importantをつけると、自動拡張が行われず、処理落ちするため、!importantはつけない*/
height: 76px;
/* --▲-- */
border-radius: 0!important;
line-height: 46px!important;
font-size: 42px!important;
border: none!important;
background: #fff;
color: #000;
box-sizing: border-box
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item:first-child {
	margin-top: 0
}
.engraving-detail-container .engraving-select-form label {
	font-size: 13px!important;
	font-weight: bold;
	margin: 0;
	padding: 0
}
.engraving-detail-container .engraving-select-form label:before, .customForm .engraving-detail-container .engraving-select-form label:after {
	display: none!important
}
.engraving-detail-container .engraving-select-form input {
	font-family: inherit!important;
	border: none!important;
	border-radius: 0!important;
	height: inherit!important;
	padding: .5em!important;
	margin: 0!important
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item.engraving-text input {
	width: 420px;
	border: none;
	height: 76px;
	font-size: 42px;
	line-height: 76px;
	padding: 15px;
	box-sizing: border-box
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item-motif li {
	display: block;
	float: left;
margin-top:calc((100% - (((50 / 420) * 100%) * 6)) / 5);
margin-left:calc((100% - (((50 / 420) * 100%) * 6)) / 5);
width:calc((50 / 420) * 100%);
	max-width: 50px
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item-motif li:first-of-type, .customForm .engraving-detail-container .engraving-select-form .engraving-select-form-inner-item-motif li:nth-child(6n + 1) {
	margin-left: 0
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item-motif li:nth-child(-n + 6) {
	margin-top: 0
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item-motif li a {
	display: block
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item-motif li a img {
    color: #FFFFFF;
	margin: 0;
	width: 100%;
	height: auto
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item select {
	width: 273px;
	height: 33px;
	line-height: 33px;
	border: none
}
.engraving-detail-container .engraving-select-form .engraving-select-form-inner-item .engraving-select-form-inner-item-ttl {
	display: block;
	margin-bottom: 5px!important;
	padding: 0!important;
	font-size: 13px!important;
	font-weight: bold
}
.engraving-detail-container ul.engraving-notes {
	list-style-type: none;
	margin: 35px 0 0;
	padding: 0
}
.engraving-detail-container ul.engraving-notes li {
	line-height: 23px;
	margin-left: 1em;
	text-indent: -1em
}
/*.customForm input:checked ~ .engraving-detail-container{margin-bottom:45px!important}*/
