jscss
pg_storage.css
#syuno section:first-child{
padding-top:0px;
}
#syuno section{
padding:60px 0 60px 0;
width:90%;
margin:0 auto;
box-sizing:border-box;
}
#syuno section h3{
font-weight:bold;
font-size:1.4em;
margin-bottom:20px;
}
#syuno img{
width:100%;
height:auto;
}
#syuno p{
padding:10px 0;
}
.flex {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
-moz-flex-direction: row;
-o-flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
align-content: space-between;
align-items: stretch;
}
.fl_between {
-webkit-justify-content: space-between !important;
justify-content: space-between !important;
}
.fl_right {
flex-direction: row-reverse!important;
}
.fl_leftlarge_l{
width:60%;
}
.fl_leftlarge_r{
width:35%;
}
.page-kugiri{
width:10%;
border: none;
background-color: #fff;
border-width: 1px 0 0 0;
border-top: double;
border-color: black;
}
.bt-block{
display:inline-block;
background:#79a9cc;
color:#fff;
padding:25px 20px;
width:100%;
height:70px;
max-width:400px;
border:1px solid #fff;
position:relative;
}
.bt-block::before{
content:"";
width:50px;
height:1px;
background:#fff;
top:0;
bottom:0;
right:20px;
margin:auto;
z-index:999;
position:absolute;
}
.bt-block::after{
content:"";
width:10px;
height:1px;
background:#fff;
top:-4px;
bottom:0;
right:20px;
margin:auto;
z-index:999;
position:absolute;
transform: rotate(25deg);
}
.bt-block span{
font-size:15px;
}
.bt-block:hover{
border:1px solid #79a9cc;
background:#fff;
color:#79a9cc!important;
}
.bt-block:hover::before{
background:#79a9cc;
}
.bt-block:hover::after{
background:#79a9cc;
}
@media screen and (max-width: 765px) {
#syuno section{
padding:30px 0 20px 0;
width:100%;
}
.fl_leftlarge_l{
width:100%;
margin-bottom:30px;
box-sizing:border-box;
}
.fl_leftlarge_r{
width:100%;
box-sizing:border-box;
}
.fl_leftlarge_r img{
width:100%;
}
.fl_right {
flex-direction: row!important;
}
.page-kugiri{
width:20%;
}
}