#copyright p {
font-size: 12px;
text-align: center;
}
section#copyright {
margin: 0;
}
.sp-br {
display: none;
}
#copyright a {
font-size: 12px;
}
a {
text-decoration: none;
color: #c0b098;
}
a:hover {
opacity: 0.6;
}
a:focus {
outline: none;
}
body {
background: #8C9CAD;
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
} #tokusho {
background: #fff;
padding: 50px 100px 10px;
max-width: 800px;
margin: 0 auto;
}
section#tokusho-title {
padding-bottom: 1em;
}
p {
letter-spacing: .05em;
color: #333;
font-size: 14px;
line-height: 2;
}
h1 {
font-weight: bold;
letter-spacing: .05em;
font-size: 24px;
text-align: center;
color: #7e8da2;
}
dt {
margin: 0;
letter-spacing: .05em;
font-size: 18px;
font-weight: bold;
color: #7e8da2;
margin-bottom: 1em;
}
dd {
font-size: 14px;
letter-spacing: .05em;
line-height: 2;
word-wrap: break-word;
color: #333;
}
dl {
border-bottom: 1px solid #ccc;
padding-bottom: 1em;
margin-bottom: 2em;
}
.caution {
text-align: center;
color: #bc5e45;
font-size: 14px;
padding-bottom: 2em;
} .page-top {
width: 50px;
position: fixed;
bottom: 30px;
right: 30px;
transition: all 1s;
}
.page-top:hover {
transform: translate(0px, -20px);
}
.page-top img {
width: 100%;
} .footer {
line-height: 1.8;
text-align: center;
padding: 20px 0px;
background: #8C9CAD;
}
.footer span {
display: block;
letter-spacing: .1em;
color: #fff;
font-size: 10px;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif !important;
}
.footer a {
color: #fff;
text-decoration: none;
}
.footer a:hover {
opacity: .6;
}
@media screen and (max-width:1000px) {
#tokusho {
padding: 50px 50px 20px;
}
}
@media screen and (max-width:560px) {
h1 {
font-size: 22px;
}
dd {
padding-left: 0;
font-size: 14px;
}
#tokusho {
padding: 20px 30px 10px;
}
h1 {
line-height: 2;
padding-bottom: 30px;
}
section#tokusho-title {
padding-bottom: 0;
}
.page-top{
display: none;
}
}