@charset "utf-8";

/*-----------------------------------------------------------------------*/
/*【item table】*/
/*-----------------------------------------------------------------------*/
table.item {
	margin-top:1rem;
	width:100%;
}

table.item input[type="radio"] + span::before {
    position: absolute;
    top: 20px;
    width: 16px;
    height: 16px;
    border-radius: 16px;
}
table.item input[type="radio"] + span {
    padding-left: 24px;
    line-height: 1.2em;
    font-size: 1.0rem;
}


table.item th,
table.item td {
	display:table-cell;
	padding:0.3rem;
	vertical-align:middle;
	border-bottom:1px dashed #cccccc;
}
table.item th {
	white-space:nowrap;
	font-weight:normal;
	width:auto;
	text-align:center;
}
table.item td.image img {
	width:80px;
}
table.item td.price div.price {
	text-align:right;
}
table.item td.price div.name {
	text-align:left;
}
table.item td.price em {
	font-size:1rem;
}
table.item td.num {
	white-space:nowrap;
	text-align:center;
}
table.item td.num input[type="number"] {
	width:3rem;
	margin-right:3px;
}
table.item td.num select {
	margin-right:3px;
}

table.item td.kingaku {
	white-space:nowrap;
	text-align:right;
}
table.item td.subtotal {
	padding:0.5rem;
	text-align:right;
}

table#confirm {
	width:100%;
}

p.ordermode em {
	color:#cc0000;
}

/*-----769px以上-----*/
@media print,screen and (min-width:769px) {

table.item th,
table.item td {
	padding:1rem;
}
table.item td.image {
	width:150px;
}
table.item td.image img {
	width:120px;
}

table.item td.num {
	width:120px;
}


}/*-----769px以上-----*/


/*-----------------------------------------------------------------------*/
/*【fileselect】*/
/*-----------------------------------------------------------------------*/
.fileselect {
	margin-bottom:1rem;
}
.fileselect h2 {
	margin:0;
	padding:0;
	font-size:1rem;
	font-weight:bold;
	text-align:left;
}
.canvas {
	display:none;
}
.canvasdisp {
	display:block;
	margin-top:10px;
}
.inner img.fileselectimage {
	max-width:350px;
}


/*-----------------------------------------------------------------------*/
/*【agree】*/
/*-----------------------------------------------------------------------*/
#agree {
	padding:0.5rem;
}
#agree h3 {
	font-size:1rem;
	margin:0;
	margin-bottom:0.5rem;
	padding:0;
}
#agree ul {
	margin:0;
	margin-bottom:1rem;
	padding:0;
}
#agree ul li {
	margin:0;
	padding:0;
	list-style:none;
	padding-left:1.18em;
	text-indent:-1.18em;
}
#agree ul li:before {
	color:#34d293;
	font-size:0.6em;
	content:"●";
	vertical-align:middle;
	margin-right:0.8em;
}
#agreecheck {
	text-align:center;
}
#agree .fas {
	color:#34d293;
}

/*-----769px以上-----*/
@media print,screen and (min-width:769px) {

#agree {
	width:95%;
	max-width:830px;
	margin:auto;
	margin-top:1rem;
}

}/*-----769px以上-----*/

#sns {
	display: none;
}

/* アコーディオン処理 */
.more_button {
	margin-top: 45px;
}
.more_button a {
    font-size: min(1.4rem, 3.4vw);
    line-height: min(2.2rem, 3.4vw);
    width: 67%;
    max-width: 505px;
    display: block;
    padding: 15px 10px;
    color: white;
    margin: 0 auto;
    border: #000 solid 2px;
    text-decoration: none;
    cursor: pointer;
	text-align: center;
}
.more_button .arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 32px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
.more_button .arrow::before,
.more_button .arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.more_button .arrow::before {
    top: 24px;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    border: 10px solid transparent;
    border-top: 10px solid #000;
}
.more_button .arrow::after {
    top: 4px;
	left: 5px;
    width: 8px;
    height: 12px;
    border-top: 16px solid #000;
}
.more_button_text {
	color: #00f;
	text-align: center;
}

.acd_check {
    display: none;
}
.acd_content {
    display: none;
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
}
.acd_check:checked + .acd_label.click_hide {
    display: none;
}
.acd_check:checked + .acd_label + .acd_content {
    display: table;
    height: auto;
    opacity: 1;
    visibility: visible;
}