p {
    font-family: sans-serif;
    color: #6a3906;
}

#backstretch {
    display: block;
    /*    width: 1203px;*/
    width: 89.24332%;
    height: 589px;
    margin: 0 auto;
}
/*******************************
　bxスライダー ここから
*******************************/
/* フェードで始まるアニメーション */
.slider {
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/* 幅 */
.bx-wrapper, .slider li img {
    width: 1203px;  /* ここは％にしなくてOK（bxsliderは元々レスポンシブ対応になっている為）*/
    height: auto;
}

/* bxsliderのデフォルトの見た目を変更 */
.bx-wrapper {
    border: none !important;
    box-shadow: none !important;
}

/*******************************
　bxスライダー ここまで
*******************************/



h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    color: #2d3d77;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.hp {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
}

.gollira {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.gollira:hover {
    opacity: 0.5;
}

article h1 {
    letter-spacing: 2px;
}

/*resuponsive*/
@media screen and (max-width:1200px) {
}

@media screen and (max-width:900px) {
}

@media screen and (max-width:768px) {
}
@media screen and (max-width:480px) {
}