@charset "UTF-8";.textRed{color: #f00;}#boothLink{position:fixed;top: 30%;right: 10px;background-color:orange;width: 165px;height: auto;padding: 10px 1vw;border-radius: 3px;box-shadow: #555 0 0 5px;z-index:999;}#boothLink a{color: #fff;text-decoration:underline;}.downloadBtn{display:inline-block;font-size:1.5rem;background-color: #f0ede4ff;padding: 10px 1vw;border-radius: 3px;vertical-align:middle;}#boothOrder{width: 1200px;margin: 50px auto;}#boothOrder p a{text-decoration: underline;color: rgb(0, 113, 188);}#boothOrder p a:hover{color: #009be5;transition: 0.5s;}#boothOrder h2 {margin-top: 50px;margin-bottom: 23px;padding-top: 1px;padding-bottom: 1px;padding-left: 18px;border-left: 8px solid #019be5;border-bottom: 0 none;background-color: inherit;}#boothWorkflow{display:flex;justify-content:space-between;align-items:center;}#boothWorkflow .flow_box {position: relative;width: 15.5%;box-shadow: #999 0 0 4px;padding: 10px 1vw;margin: 0 0 10px 0;text-align: center;}#boothWorkflow .flow_box::after {display: block;position: absolute;right: -85px;top: 35%;content: " ";width: 0;height: 0;border: 30px solid transparent;border-top-color: #999;transform: rotate(-90deg);}#boothWorkflow .flow_box:nth-of-type(5)::after {border: hidden;}#boothOrder section {box-shadow: #999 0 0 4px;padding: 10px 1.5vw;margin: 0 auto 20px;max-width: 900px;}#boothOrder section h3 {border-bottom: #eee 1px solid;padding-bottom: 5px;font-weight: bold;text-align: center;}#boothOrder section p {text-align: center;}#boothOrder input[type="number"]{width: 8em;font-size: 1.2rem;}/* カスタムラベルの基本スタイル */#boothOrder section > div{display: flex;justify-content: center;margin-bottom:20px;}#boothOrder section > p{width: 100%;margin-bottom: 5px;}#boothOrder label{display: flex;margin-bottom:10px;}#boothOrder .fx-col{flex-direction:column;}#boothOrder label + label{margin-left: 1vw;}/* ホバー効果 */#boothOrder label:hover {background-color: #f0f0f0;cursor: pointer;}#boothOrder label .custom-style {display: inline-block;padding: 10px;border: 2px solid #ccc;border-radius: 5px;cursor: pointer;transition: 0.3s;font-size: 1em;color: #666;text-align: center;}#boothOrder label span img {max-width: 200px;height: auto;}/* 選択時の装飾（背景色、ボーダー色、文字色を変更） */#boothOrder input[type="number"]{margin-right: 0.5vw;}#boothOrder .custom-style:has(input[type="radio"]:checked),#boothOrder .custom-style:has(input[type="checkbox"]:checked){border: #E50000 2px solid;color: #E50000;font-weight: bold;box-sizing: border-box;}#submitButton{margin: 30px auto;padding: 10px 2vw;text-align: center;background-color: #ccc;display: block;border: hidden;}#submitButton:hover{cursor: pointer;background-color: #bbb;}#calcResult{width: 50%;}#calcResult table {width: 80%;margin: 0 auto;}#calcResult table th {background-color: rgba(0, 154, 255, 0.1);padding: 5px 0.5vw;border: #fff 2px solid;text-align: center;}#calcResult table td {background-color: rgba(0, 154, 255, 0.05);padding: 5px 0.5vw;border: #fff 2px solid;}#optionsSection table{margin: 20px auto;}#optionsSection table th {border: #fff 2px solid;background-color: rgba(1, 155, 229, .1);font-weight: normal;text-align: left;padding: 5px 24px;}#optionsSection table td {border: #fff 2px solid;background-color: #f6f6f6;padding: 5px 24px;}.sizeImg{display:block;margin:0 auto 5px;max-width:150px;height:auto;}#resultTableBox{display:flex;align-items:center;margin: 10px auto;}.sizeBox{margin-right: 3vw;}#errorTextBox{display:none;text-align:center;}#sizeError p,#errorTextBox p{display:block;margin-bottom:5px;color:#f00;}@media (max-width: 767px) {#boothLink{top: inherit;bottom: 10%;}.downloadBtn{font-size:1rem;padding: 5px 1.5vw;}#boothOrder{width: inherit;max-width: 100%;margin: 0 auto;padding: 0 4vw;}#boothOrder h2 {margin-top: 0;}#boothWorkflow{flex-direction: column;}#boothWorkflow .flow_box {width: 80%;padding: 5px 1.5vw;margin-bottom: 50px;}#boothWorkflow .flow_box::after {left: 40%;bottom: -30%;right: inherit;top: inherit;transform: rotate(0deg);}#boothWorkflow .flow_box:nth-of-type(5)::after {border: hidden;}#boothOrder section {max-width: 90%;}#boothOrder section > div{flex-direction: column;align-items: center;}#resultTableBox{display:flex;align-items:center;margin: 10px auto;flex-direction: column-reverse;}#calcResult{width: 100%;}#calcResult table {width: 100%;margin: 0 auto;}}