Written by Anonymous
ul {
list-style: none;
}
/*以下固定ページスカイcss*/
.checkbox-label {
cursor: pointer;
display: inline-block;
position: relative;
padding-left: 30px; /* Space for the "checkbox" */
margin-bottom: 10px;
}
.checkbox-label::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #ff0000;
position: absolute;
left: 0;
top: 1px;
background-color: #fff;
}
.checkbox-label::after {
content: "";
width: 11px;
height: 6px;
border-bottom: 3px solid red;
border-left: 3px solid red;
position: absolute;
top: 6px;
left: 5px;
transform: rotate(-45deg);
opacity: 0;
}
/* Show the "checkbox" as checked when the label is clicked */
.checkbox-label.checked::after {
opacity: 1;
}
.label_frame {
border: 1px solid red;
width: 95%;
height: 228px;
padding: 20px;
border-radius: 5px;
}
/*詳細を開く・閉じる*/
.naibu {
width:100%;
padding: 1px 0px 0px 0px;
background-color: #fff;
/*border-bottom: 2px solid;*/
overflow: hidden;
margin-top: 10px;
}
.actab-content {
width:100%;
/*border-bottom: 2px solid;*/
padding: 10px 10px 10px 10px;
margin: 10px 0px 0px 0px;
text-align: center;
}
.button {
width: 600px;
border: 1px solid #bd193f;
border-radius:5px;
box-sizing: border-box;
/*border-color: #bd193f;*/
text-align: center;
margin: 0px 0px 10px 0px;
color: #fff;
background-color: #d91945;
}
.button a {
display: block;
padding:5px 0;
color: #fff;
text-decoration: none;
background-color:#d91945;
border: 1px solid #bd193f;
border-radius: 5px;
}
/* マウスホバー時のカラー*/
.button :hover {
color: #d91945;
background-color: #fff;
}
#syousai_bt {
background-color: #d91945;
/*#878787;*/
margin: 0px 0px 10px 0px;
border-radius:5px;
border-color: #bd193f;
height: 40px;
color:#fff;
cursor:pointer;
font-size: 24px;
width: 600px;
}
#syousai_bt a {
/*display: block;*/
color: #fff;
text-decoration: none;
background-color: #d91945;
border-color: #bd193f;
border-radius: 5px;
}
/* マウスホバー時のカラー*/
#syousai_bt a:hover {
color: #d91945;
background-color: #fff;
border-color: #bd193f;
}
/*#syousai_bt ::after {
background-color: #fff;
border-color: #bd193f;
color:#d91945;
}*/
@media screen and (max-width:650px){
.kashikiri_fuukei02 img {
width: 80%;
margin: 0px 10% 0px 10%;
}
.busirekobox {
width: 94%;
}
}
@media screen and (max-width:450px){
.kashikiri_info{
display: block;
overflow-x: auto;
white-space: nowrap;
}
}