.searchforbooks_content{
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.searchforbooks_box{
    margin-top: min(1.2svw,15px);
    margin-bottom: min(1.2svw,15px);
    background-color: white;
    width: min(96svw, 1200px);
    border-radius: min(2svw, 25px);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.searchforbooks_subtitle{
    width: min(88.88svw, 1111px);
    height: min(6.4svw,80px);
    background-image: url(../images/searchforbooks_title_background.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: min(2.4svw, 30px);
}

.searchforbooks_subtitle h2 {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0;
    margin-inline: 0;
    margin-block: 0;
    font-size: min(2.88svw, 36px);
    color: #a66e0b;
    margin-bottom: min(0.4svw, 5px);
}

.searchforbooks_form{
    width: min(89.28svw, 1116px);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: min(2.4svw, 30px);
}

.titleandauthor_fieldset{
    width: min(89.28svw, 1116px);
    border-radius: min(5.5svw, 65px);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #fff7e1;
    border: 1px solid #d5d5d5;
    margin: 0;
    padding: 0;
    margin-top: min(0.8svw,10px);
    overflow: hidden;
}

.titleandauthor_legend{
    text-align: center;
    font-weight: bold;
    font-size: min(2svw, 25px);
    padding-right: min(1.6svw,20px);
    padding-left: min(1.6svw,20px);
}

.titleandauthor_inputbox{
    margin-top: min(1.6svw,20px);
    width: 100%;
    display: flex;
    padding-bottom: min(2.4svw,30px);
}

.title_inputbox{
    width: min(38.64svw,483px);
    display: flex;
    flex-direction: column;
    padding-left: min(5.2svw,65px);
    padding-right: min(0.8svw,10px);
}

.title_inputbox label{
    font-weight: bold;
    font-size: min(1.28svw, 16px);
}

.title_inputbox input{
    margin-top: min(0.4svw,5px);
    width: min(38.4svw,480px);
    aspect-ratio: 480/60;
    border-radius: min(4.8svw,60px);
    border: 1px solid #d5d5d5;
    font-size: min(1.44svw,18px);
    text-indent: min(2.4svw,30px);
}

.author_inputbox{
    width: min(38.64svw,483px);
    display: flex;
    flex-direction: column;
    padding-right: min(5.2svw,65px);
    padding-left: min(0.8svw,10px);
}

.author_inputbox label{
    font-weight: bold;
    font-size: min(1.28svw, 16px);
}

.author_inputbox input{
    margin-top: min(0.4svw,5px);
    width: min(38.4svw,480px);
    aspect-ratio: 480/60;
    border-radius: min(4.8svw,60px);
    border: 1px solid #d5d5d5;
    font-size: min(1.44svw,18px);
    text-indent: min(2.4svw,30px);
}

.addconditions_fieldset{
    width: 100%;
    background-color: white;
    border: 0;
    border-top: 1px solid #d5d5d5;
    padding: 0;
    margin: 0;
}

.addconditions_legend{
    text-align: center;
    font-weight: bold;
    font-size: min(2svw, 25px);
    padding-right: min(1.6svw,20px);
    padding-left: min(1.6svw,20px);
}

.keywordandpublisher_inputbox{
    padding-top: min(1.6svw, 20px);
    width: 100%;
    display: flex;
    padding-bottom: min(2.4svw, 30px);
    justify-content: center;
}

.keyword_inputbox{
    width: min(38.64svw, 483px);
    display: flex;
    flex-direction: column;
    padding-left: min(5.2svw, 65px);
    padding-right: min(0.8svw, 10px);
}

.keyword_inputbox label {
    font-weight: bold;
    font-size: min(1.28svw, 16px);
}

.keyword_inputbox input {
    margin-top: min(0.4svw, 5px);
    width: min(38.4svw, 480px);
    aspect-ratio: 480 / 60;
    border-radius: min(4.8svw, 60px);
    border: 1px solid #d5d5d5;
    font-size: min(1.44svw, 18px);
    text-indent: min(2.4svw, 30px);
}

.publisher_inputbox{
    width: min(38.64svw, 483px);
    display: flex;
    flex-direction: column;
    padding-right: min(5.2svw, 65px);
    padding-left: min(0.8svw, 10px);
}

.publisher_inputbox label{
    font-weight: bold;
    font-size: min(1.28svw, 16px);
}

.publisher_inputbox input{
    margin-top: min(0.4svw, 5px);
    width: min(38.4svw, 480px);
    aspect-ratio: 480 / 60;
    border-radius: min(4.8svw, 60px);
    border: 1px solid #d5d5d5;
    font-size: min(1.44svw, 18px);
    text-indent: min(2.4svw, 30px);
}

.releasedate_inputbox{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.releasedate_fieldset{
    width: min(53.6svw,670px);
    padding: 0;
    margin: 0;
    border: 0;
    border-top: 1px solid #d5d5d5;
    display: flex;
    flex-direction: column;
}

.releasedate_title{
    font-weight: bold;
    margin-top: min(2svw,25px);
    font-size: min(1.28svw,16px);
}

.releasedate_content{
    display: flex;
    align-items: center;
    height: min(3.2svw,40px);
    font-size: min(1.28svw, 16px);
}

.afterreleasedate_fieldset,.beforereleasedate_fieldset{
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border: 0;
}
.afterreleasedate_fieldset legend,.beforereleasedate_fieldset legend{
    transform: scale(0);
    height: 0;
    width: 0;
}
.year_inputbox{
    display: flex;
    flex-direction: row-reverse;
}
.year_inputbox label{
    display: flex;
    font-size: min(1.28svw, 16px);
    align-items: center;
}
.year_inputbox input{
    box-sizing: border-box;
    padding: 0;
    padding-block: 0;
    padding-inline: 0;
    width: min(8.8svw,110px);
    aspect-ratio: 110/40;
    font-size: min(1.28svw,16px);
    border-radius: min(1.6svw,20px);
    border: 1px solid #d5d5d5;
    text-indent: min(1.28svw, 16px);
}
.month_inputbox{
    display: flex;
    flex-direction: row-reverse;
}
.month_inputbox label{
    display: flex;
    font-size: min(1.28svw, 16px);
    align-items: center;
}
.month_inputbox input{
    box-sizing: border-box;
    padding: 0;
    padding-block: 0;
    padding-inline: 0;
    width: min(5.6svw,70px);
    aspect-ratio: 70/40;
    font-size: min(1.28svw,16px);
    border-radius: min(1.6svw,20px);
    border: 1px solid #d5d5d5;
    text-indent: min(1.28svw, 16px);
}
.day_inputbox{
    display: flex;
    flex-direction: row-reverse;
}
.day_inputbox label{
    display: flex;
    font-size: min(1.28svw, 16px);
    align-items: center;
}
.day_inputbox input{
    box-sizing: border-box;
    padding: 0;
    padding-block: 0;
    padding-inline: 0;
    width: min(5.6svw,70px);
    aspect-ratio: 70/40;
    font-size: min(1.28svw,16px);
    border-radius: min(1.6svw,20px);
    border: 1px solid #d5d5d5;
    text-indent: min(1.28svw, 16px);
}

.easilyspecifyreleasedate{
    width: min(30.8svw, 385px);
    padding: 0;
    margin: 0;
    border: 0;
    border-top: 1px solid #d5d5d5;
    display: flex;
    flex-direction: column;
}

.easilyspecifyreleasedate_title{
    font-weight: bold;
    margin-top: min(2svw, 25px);
    font-size: min(1.28svw, 16px);
}

.easilyspecifyreleasedate_content{
    display: flex;
    justify-content: space-between;
}

.easilyspecifyreleasedate_content button{
    font-size: min(1.28svw, 16px);
    box-sizing: border-box;
    width: min(5.6svw,70px);
    aspect-ratio: 70/40;
    border-radius: min(3.2svw,40px);
    border: 1px solid #d5d5d5;
}
@media (hover: hover){
    .easilyspecifyreleasedate_content button:hover{
        background-color: #fff7e1;
    }
}

.easilyspecifyreleasedate_content button:focus-visible{
    background-color: #fff7e1;
}

.alert-text-date{
    width: min(86.84svw, 1085.5px);
    font-size: min(1.28svw, 16px);
    background-color: white;
    color: #ca2525;
    padding-left:min(2.44svw, 30.5px);
}

.publishtype{
    margin-top: min(1.2svw,15px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.publishtype_box{
    width: min(84.4svw,1055px);
    padding: 0;
    margin: 0;
    border: 0;
    border-top: 1px solid #d5d5d5;
}

.publishtype_fieldset{
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

.publishtype_title{
    transform: translateY(min(2svw, 25px));
    font-size: min(1.28svw, 16px);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 0px;
    font-weight: bold;
}

.publishtype_cancel{
    margin-left: min(5.6svw,70px);
}

.publishtype_cancel button{
    font-size: min(1.04svw,13px);
    width: min(6.4svw,80px);
    aspect-ratio: 80/26;
    border-radius: min(1.04svw,13px);
}
@media (hover: hover){
    .publishtype_cancel button:hover{
        background-color: #fff7e1;
    }
}

.publishtype_cancel button:focus-visible{
    background-color: #fff7e1;
}

.publishtype_checkboxs{
    margin-top: min(0.4svw,5px);
    display: flex;
}

.publishtype_checkbox{
    position: relative;
    box-sizing: border-box;
    width: min(16.32svw,204px);
    margin-right: min(0.8svw,10px);
    aspect-ratio: 204/42;
    border-radius: min(1.68svw,21px);
    border: 1px solid #d5d5d5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(1.28svw,16px);
    cursor: pointer;
}

input[type="checkbox"]:focus-visible + .publishtype_checkbox{
    border: 3px solid black;
    background-color: #fff7e1;
}

@media (hover: hover){
    .publishtype_checkbox:hover{
        background-color: #fff7e1;
    }
}

.publishtype_checkboxs input[type="checkbox"]{
    outline: none;
    display: flex;
    width: 0;
    height: 0;
    margin: 0;
    position: absolute;
    left: min(1.6svw,20px);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

input[type="checkbox"]:checked + .publishtype_checkbox{
    background-color: #fff7e1;
}

input[type="checkbox"]:checked + .publishtype_checkbox:before {
    position: absolute;
    transform-origin: 50% 25%;
    left: 0;
    transform: translateX(min(1.28svw, 16px)) rotate(50deg);
    width: min(0.64svw,8px);
    height: min(1.28svw,16px);
    border-right: min(0.32svw,4px) solid #a66e0b;
    border-bottom: min(0.32svw,4px) solid #a66e0b;
    content: '';
}

.alert-text-publishtype{
    width: min(86.84svw, 1085.5px);
    font-size: min(1.28svw, 16px);
    background-color: white;
    color: #ca2525;
    padding-left:min(2.44svw, 30.5px);
}

.genretype{
    margin-top: min(1.2svw,15px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.genretype_box{
    width: min(84.4svw,1055px);
    padding: 0;
    margin: 0;
    border: 0;
    border-top: 1px solid #d5d5d5;
}

.genretype_fieldset{
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    margin-top: min(2svw, 25px);
}

.genretype_title{
    margin-top: min(2svw, 25px);
    font-size: min(1.28svw, 16px);
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin: 0px;
    font-weight: bold;
}

.genretype_cancel button{
    font-size: min(1.04svw,13px);
    width: min(6.4svw,80px);
    aspect-ratio: 80/26;
    border-radius: min(1.04svw,13px);
}

.genretype_checkboxs{
    margin-top: min(0.4svw,5px);
    display: flex;
    flex-wrap: wrap;
}

.genretype_checkbox{
    position: relative;
    box-sizing: border-box;
    margin-right: min(0.8svw,10px);
    margin-bottom: 0;
    height: min(3.36svw,42px);
    border-radius: min(1.68svw,21px);
    border: 1px solid #d5d5d5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(1.12svw,14px);
    line-height: min(1.28svw,16px);
    text-align: center;
    flex-direction: column;
}

.genretype_checkbox:nth-child(2),.genretype_checkbox:nth-child(4),.genretype_checkbox:nth-child(6),.genretype_checkbox:nth-child(8),.genretype_checkbox:nth-child(10),.genretype_checkbox:nth-child(12),.genretype_checkbox:nth-child(14){
    margin-bottom: min(0.8svw,10px);
}

.genretype1{
    width: min(10.88svw,136px);
}

.genretype2{
    width: min(13.12svw,164px);
}

.genretype3{
    width: min(18.4svw,230px);
}

.genretype4{
    width: min(10.88svw,136px);
}

.genretype5{
    width: min(10.88svw,136px);
}

.genretype6{
    width: min(10.88svw,136px);
}

.genretype7{
    width: min(10.88svw,136px);
}

.genretype8{
    width: min(10.88svw,136px);
}

.genretype9{
    width: min(14.24svw,178px);
}

.genretype10{
    width: min(10.88svw,136px);
}

.genretype11{
    width: min(12.48svw,156px);
}

.genretype12{
    width: min(12.48svw,156px);
}

input[type="checkbox"]:focus-visible + .genretype_checkbox{
    border: 3px solid black;
    background-color: #fff7e1;
}

@media (hover: hover){
    .genretype_checkbox:hover{
        background-color: #fff7e1;
    }
}

.genretype_checkboxs input[type="checkbox"]{
    outline: none;
    display: flex;
    width: 0;
    height: 0;
    margin: 0;
    position: absolute;
    left: min(1.6svw,20px);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

input[type="checkbox"]:checked + .genretype_checkbox{
    background-color: #fff7e1;
}

input[type="checkbox"]:checked + .genretype_checkbox:before {
    position: absolute;
    transform-origin: 50% 25%;
    transform: translateX(min(1.28svw, 16px)) rotate(50deg);
    width: min(0.64svw,8px);
    height: min(1.28svw,16px);
    border-right: min(0.32svw,4px) solid #a66e0b;
    border-bottom: min(0.32svw,4px) solid #a66e0b;
    left: 0;
    content: '';
}

.alert-text-genre {
    width: 100%;
    font-size: min(1.28svw, 16px);
    background-color: white;
    color: #ca2525;
}

.searchforbooks_form_post_section{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: min(1.2svw, 15px);
}

.searchforbooks_form_postbox{
    width: min(84.4svw, 1055px);
    padding: 0;
    margin: 0;
    border: 0;
    border-top: 1px solid #d5d5d5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchforbooks_search_button{
    margin-top: min(1.36svw,17px);
    margin-bottom: min(1.36svw,17px);
    width: min(16svw,200px);
    font-size: min(1.6svw,20px);
    aspect-ratio: 200/60;
    border-radius: min(4.8svw,60px);
    background-color: #ca2525;
    color: white;
    transition: transform 0.1s linear;
}
@media (hover: hover){
    .searchforbooks_search_button:hover{
        transform: scale(1.2);
    }
}

.searchforbooks_search_button:focus-visible{
    transform: scale(1.2);
}

.searchforbooks_search_button:before{
    position: absolute;
    content: "";
    box-sizing: border-box;
    width: min(2.32svw, 29px);
    height: min(2.325svw, 29px);
    transform: translateX(max(-6svw,-75px));
    background-size: 99%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/magnifyingglass_icon.png");
}

.searchforbooks_search_clear_button{
    position: absolute;
    transform: translateX(max(-16svw,-200px));
    border: 0;
    text-decoration: underline;
    font-size: min(1.6svw,20px);
    text-underline-offset: min(0.32svw,4px);
}
@media (hover: hover){
    .searchforbooks_search_clear_button:hover{
        background-color: #fff7e1;
    }
}

.searchforbooks_search_clear_button:focus-visible{
    background-color: #fff7e1;
}

@media screen and (max-width: 480px) {
    .searchforbooks_box {
        border-radius: min(4.5svw, 225px);
        margin-top: min(5.6svw, 35px);
    }
    .searchforbooks_subtitle {
        width: min(92.64svw, 579px);
        height: min(14.08svw,88px);
        background-image: url(../images/searchforbooks_title_background_sp.png);
        margin-top: min(3svw, 55px);
    }
    .searchforbooks_subtitle h2 {
        font-size: min(4.5svw, 36px);
        line-height: min(4.5svw, 36px);
        color: #a66e0b;
        margin-bottom: min(1.44svw,9px);
        text-align: center;
    }
    .searchforbooks_form{
        width: min(92svw, 576px);
        margin-top: min(3svw, 55px);
    }
    .titleandauthor_fieldset {
        border-radius: min(11svw, 130px);
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .titleandauthor_legend {
        font-size: min(4svw, 50px);
        padding-right: min(3.2svw, 40px);
        padding-left: min(3.2svw, 40px);
    }
    .titleandauthor_inputbox {
        margin-top: min(3.2svw, 40px);
        flex-direction: column;
        align-items: center;
        padding-bottom: 0;
    }
    .title_inputbox {
        width: min(76.8svw, 480px);
        padding-left:min(5.2svw,32.5px);
        padding-right:min(5.2svw,32.5px);
        padding: 0;
    }
    .title_inputbox label {
        font-size: min(2.88svw, 36px);
    }
    .title_inputbox input {
        margin-top: min(1.2svw, 15px);
        width: min(76.8svw, 480px);
        border-radius: min(4.8svw, 60px);
        font-size: min(2.88svw, 36px);
        text-indent: min(4.8svw, 60px);
    }
    .author_inputbox {
        margin-top: min(2.4svw, 15px);
        width: min(76.8svw, 480px);
        padding-left:min(5.2svw,32.5px);
        padding-right:min(5.2svw,32.5px);
        padding: 0;
    }
    .author_inputbox label {
        font-size: min(2.88svw, 36px);
    }
    .author_inputbox input {
        margin-top: min(1.2svw, 15px);
        width: min(76.8svw, 480px);
        border-radius: min(4.8svw, 60px);
        font-size: min(2.88svw, 36px);
        text-indent: min(4.8svw, 60px);
    }
    .addconditions_legend {
        font-size: min(4svw, 50px);
        padding-right: min(3.2svw, 40px);
        padding-left: min(3.2svw, 40px);
    }
    .keywordandpublisher_inputbox {
        margin-top: min(3.2svw, 40px);
        flex-direction: column;
        align-items: center;
        padding-bottom: min(2.4svw, 15px);
    }
    .keyword_inputbox{
        width: min(76.8svw, 480px);
        padding: 0;
        padding-left:min(5.2svw,32.5px);
        padding-right:min(5.2svw,32.5px);
    }
    .keyword_inputbox label {
        font-size: min(2.88svw, 36px);
    }
    .keyword_inputbox input {
        margin-top: min(1.2svw, 25px);
        width: min(76.8svw, 480px);
        border-radius: min(4.8svw, 60px);
        font-size: min(2.88svw, 36px);
        text-indent: min(4.8svw, 60px);
    }
    .publisher_inputbox {
        margin-top: min(2.4svw, 15px);
        width: min(76.8svw, 480px);
        padding: 0;
        padding-left:min(5.2svw,32.5px);
        padding-right:min(5.2svw,32.5px);
        border-top: 1px solid #d5d5d5;
    }
    .publisher_inputbox label {
        margin-top: min(2svw, 25px);
        font-size: min(2.88svw, 36px);
    }
    .publisher_inputbox input {
        margin-top: min(2.4svw, 15px);
        width: min(76.8svw, 480px);
        border-radius: min(4.8svw, 60px);
        font-size: min(2.88svw, 36px);
        text-indent: min(4.8svw, 60px);
    }
    .releasedate_inputbox {
        flex-direction: column;
    }
    .releasedate_fieldset {
        width: min(76.8svw, 480px);
        padding-left:min(5.2svw,32.5px);
        padding-right:min(5.2svw,32.5px);
    }
    .releasedate_title {
        margin-top: min(2svw, 25px);
        margin-bottom: min(1.6svw,10px);
        font-size: min(2.56svw, 16px);
        font-weight: bold;
    }
    .releasedate_content {
        flex-wrap: wrap;
        height: auto;
        font-size: min(2.56svw, 16px);
        font-weight: bold;
    }
    .afterreleasedate_fieldset, .beforereleasedate_fieldset {
        width: 83.333%;
    }
    .year_inputbox label {
        font-size: min(2.56svw, 16px);
        margin-right: min(1.6svw,10px);
        margin-bottom: min(1.6svw,10px);
    }
    .year_inputbox input {
        width: min(20.8svw, 130px);
        aspect-ratio: 130/50;
        font-size: min(2.56svw, 16px);
        border-radius: min(4svw, 25px);
        text-indent: min(2.56svw, 16px);
        margin-right: min(1.6svw,10px);
        margin-bottom: min(1.6svw,10px);
    }
    .month_inputbox label {
        font-size: min(2.56svw, 16px);
        margin-right: min(1.6svw,10px);
        margin-bottom: min(1.6svw,10px);
    }
    .month_inputbox input {
        width: min(14.4svw, 90px);
        aspect-ratio: 90/50;
        font-size: min(2.56svw, 16px);
        border-radius: min(4svw, 25px);
        text-indent: min(2.56svw, 16px);
        margin-right: min(1.6svw,10px);
        margin-bottom: min(1.6svw,10px);
    }
    .day_inputbox label {
        font-size: min(2.56svw, 16px);
        margin-bottom: min(1.6svw,10px);
    }
    .day_inputbox input {
        width: min(14.4svw, 90px);
        aspect-ratio: 90/50;
        font-size: min(2.56svw, 16px);
        border-radius: min(4svw, 25px);
        text-indent: min(2.56svw, 16px);
        margin-right: min(1.6svw,10px);
        margin-bottom: min(1.6svw,10px);
    }
    .releasedate_content >div{
        margin-bottom: min(1.6svw,10px);
        height: min(8svw,50px);
        display: flex;
        align-items: center;
    }
    .easilyspecifyreleasedate {
        width: min(76.8svw, 480px); padding-left:min(5.2svw,32.5px);padding-right:min(5.2svw,32.5px);
        border: 0;
    }
    .easilyspecifyreleasedate_title {
        margin-top: 0;
        margin-bottom: min(1.6svw, 10px);
        font-size: min(2.56svw, 16px);
        font-weight: bold;
    }
    .easilyspecifyreleasedate_content {
        justify-content: flex-start;
    }
    .easilyspecifyreleasedate_content button {
        font-size: min(2.56svw, 16px);
        width:  min(12.8svw, 80px);
        aspect-ratio: 80 / 50;
        border-radius: min(4svw, 25px);
        margin-right: min(1.28svw,8px);
    }
    .alert-text-date{
        text-align: center;
        padding-top: min(1.2svw, 15px);
        width: 100%;
        font-size: min(3.2svw, 20px);
        background-color: white;
        color: #ca2525;
        padding-left:0;
    }
    .publishtype_fieldset {
        padding-top: min(1.6svw, 10px);
    }
    .publishtype_box {
        width: min(76.8svw, 480px); padding-left:min(5.2svw,32.5px);padding-right:min(5.2svw,32.5px);
    }
    .publishtype_title {
        margin-top: 0;
        font-size: min(2.56svw, 16px);
        font-weight: bold;
    }
    .publishtype_cancel {
        margin: 0;
        display: flex;
        justify-content: flex-end;
        transform: translateY(max(-3.52svw,-22px));
        margin-bottom: max(-1.6svw,-10px);
    }
    .publishtype_cancel button {
        font-size: min(2.56svw, 16px);
        width: min(16svw, 100px);
        aspect-ratio: 100 / 44;
        border-radius: min(3.52svw, 22px);
    }
    .publishtype_checkboxs {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .publishtype_checkbox {
        margin: 0;
        width: min(37.44svw, 234px);
        aspect-ratio: 234 / 70;
        border-radius: min(5.6svw, 35px);
        font-size: min(2.56svw, 32px);
        margin-bottom: min(2.4svw,15px);
    }
    .publishtype_checkbox:nth-child(n+5){
        margin-bottom: 0;
    }
    input[type="checkbox"]:checked + .publishtype_checkbox:before {
        transform-origin: 50% 25%;
        transform: translateX(min(2.56svw, 16px)) rotate(50deg);
        width: min(1.28svw, 16px);
        height: min(2.56svw, 32px);
        border-right: min(0.64svw, 8px) solid #a66e0b;
        border-bottom: min(0.64svw, 8px) solid #a66e0b;
    }
    .alert-text-publishtype {
        text-align: center;
        width: 100%;
        padding-top: min(1.2svw, 15px);
        font-size: min(3.2svw, 20px);
        background-color: white;
        color: #ca2525;
        padding-left:0;
    }
    .genretype_fieldset {
        padding-top: min(1.6svw, 10px);
    }
    .genretype_box {
        width: min(76.8svw, 480px); padding-left:min(5.2svw,32.5px);padding-right:min(5.2svw,32.5px);
    }
    .genretype_title {
        margin-top: 0;
        font-size: min(2.56svw, 16px);
        font-weight: bold;
    }
    .genretype_cancel {
        margin: 0;
        display: flex;
        justify-content: flex-end;
        transform: translateY(max(-3.52svw,-22px));
        margin-bottom: max(-1.6svw,-10px);
    }
    .genretype_cancel button {
        font-size: min(2.56svw, 16px);
        width: min(16svw, 100px);
        aspect-ratio: 100 / 44;
        border-radius: min(3.52svw, 22px);
    }
    .genretype_checkboxs {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .genretype_checkbox {
        margin: 0;
        width: min(37.44svw, 234px);
        height: min(11.2svw,70px);
        border-radius: min(5.6svw, 35px);
        font-size: min(2.56svw, 16px);
        margin-bottom: min(2.4svw,15px);
        line-height: min(3.2svw, 20px);
    }

    .genretype_checkbox:nth-child(22),.genretype_checkbox:nth-child(24){
        margin-bottom: 0;
    }
    input[type="checkbox"]:checked + .genretype_checkbox:before {
        transform-origin: 50% 25%;
        transform: translateX(min(2.56svw, 16px)) rotate(50deg);
        width: min(1.28svw, 16px);
        height: min(2.56svw, 32px);
        border-right: min(0.64svw, 8px) solid #a66e0b;
        border-bottom: min(0.64svw, 8px) solid #a66e0b;
    }
    .alert-text-genre {
        text-align: center;
        width: 100%;
        padding-top: min(1.2svw, 15px);
        font-size: min(3.2svw, 20px);
        background-color: white;
        color: #ca2525;
        padding-left: 0;
    }
    .searchforbooks_form_postbox {
        width: min(76.8svw, 480px); padding-left:min(5.2svw,32.5px);padding-right:min(5.2svw,32.5px);
        padding-top:min(6.4svw,40px);
        padding-bottom:min(6.4svw,40px);
    }
    .searchforbooks_search_button {
        margin: 0;
        width: min(38.4svw, 240px);
        font-size: min(4.8svw, 60px);
        aspect-ratio: 240 / 72;
        border-radius: min(5.76svw, 36px);
        background-color: #ca2525;
        color: white;
    }
    .searchforbooks_search_button:before {
        width: min(4svw, 25px);
        height: min(4svw, 25px);
        transform: translateX(max(-14.4svw, -90px));
        background-size: 99%;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../images/magnifyingglass_icon.png);
    }
    .searchforbooks_search_clear_button {
        position: absolute;
        transform: translateX(max(-28.8svw, -180px));
        border: 0;
        text-decoration: underline;
        font-size: min(2.56svw, 32px);
        text-underline-offset: min(0.64svw, 4px);
    }
}
