@charset "UTF-8";

#sample section {
	margin-left: 5%;
}

.outline {
    margin: 1%;
    padding: 2%;
    border-width: 5px;
    border-style: solid;
    border-color:#f8b188;
    border-radius: 10px;
}
h2 a {
    color: white;
}
h3 {
    border-bottom: 2px solid #f8b188;
}
#mokuzi .oya {
    font-size: 1.2rem;
    font-weight: bold;
}

#option .center {
    text-align: center;
}
#hp-structure,
#hp-layout,
#top-sample,
#lower-sample,
#img-sample,
#nav-sample,
#parts-sample,
#portal-sample,
#option-sample,
#opcontact-sample,
#opfaq-sample,
#opmap-sample,
#opslide-sample,
#opec-sample,
#opcal-sample,
#opvote-sample,
#opaccess-sample,
#opwp-sample,
#opsns-sample,
#oputube-sample,
#opdb-sample {
    margin: 1%;
    padding: 2%;
}

/* ########### 480px以上 ########### */
@media screen and (min-width:480px) {
    .outline {
        margin: 15%;
    }
}