/*----------------------------------------------------------
    写真選択部分のデフォルトは、選択ボタンの横に
    「ファイルが選択されていません」が表示されtるので
    これを表示しないようにする。
------------------------------------------------------------*/
input[type="file"] {
    display: none;
}
#btn_photo1-0, #btn_photo2-0, #btn_photo3-0{
    padding: 2px 3px;
    color: #ffffff;
    background-color: orange;
    cursor: pointer;
}
#btn_photo1-1, #btn_photo2-1, #btn_photo3-1{
    padding: 2px 3px;
    color: #ffffff;
    background-color: orange;
    cursor: pointer;
}
#btn_photo1-2, #btn_photo2-2, #btn_photo3-2{
    padding: 2px 3px;
    color: #ffffff;
    background-color: orange;
    cursor: pointer;
}
#lbl_photo1-0, #lbl_photo2-0, #lbl_photo3-0{
    padding: 2px 16px;
    color: #ffffff;
    background-color: royalblue;
    cursor: pointer;
}
#lbl_photo1-1, #lbl_photo2-1, #lbl_photo3-1{
    padding: 2px 16px;
    color: #ffffff;
    background-color: royalblue;
    cursor: pointer;
}
#lbl_photo1-2, #lbl_photo2-2, #lbl_photo3-2{
    padding: 2px 16px;
    color: #ffffff;
    background-color: royalblue;
    cursor: pointer;
}

/*-----------------------------------------------------------------------
    最近はSUBMITはINPUTよりBUTTONがおすすめということで適当に作ってみた
    検索ボタンで使用（サブは除く）
-----------------------------------------------------------------------*/
button{
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
}

.searchbox button[type="submit"] {
    position: relative;
    display: block;
    padding: 1rem 2rem;
    width: 30rem;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    line-height: 1;
    background: #0070C9;
    text-indent: 0.1em;
    letter-spacing: 0.1em;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-weight: 500;
    font-size: clamp(1.8rem,3vw,2rem);
    border: 0.1rem solid #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
}
/*.searchbox button[type="submit"] {
    position: relative;
    display: block;
    padding: 1rem 2rem;
    width: 30rem;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    line-height: 1;
    background: #5bbee5;
    background: linear-gradient(to right, #5bbee5, #52ddae);
    text-indent: 0.1em;
    letter-spacing: 0.1em;
    border-radius: 1.5em;
    font-family: "Shin Go Bold", "新ゴ B", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-weight: 500;
    font-size: clamp(1.8rem,3vw,2rem);
    border: 0.1rem solid #fff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
}
.searchbox button[type="submit"]:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.5em;
    margin: auto;
    width: 0.5em;
    height: 0.5em;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: rotate(45deg);
    transition: right 0.5s;
}
.searchbox button[type="submit"]:hover:after{
    right: 1em;
}*/

/**/
.display_box {
	margin: 2em 0;
	padding: 0;
}
.display_box label {
	padding: 15px;
	font-weight: bold;
	color: #FFF;
	background-color: #F7823F;
	cursor :pointer;
}
.display_box input {
	display: none;
}
.display_box .hidden_box {
	visibility: hidden;
}
.display_box input:checked ~ .hidden_box {
	padding: 10px 0;
	height: auto;
	visibility: visible;
}