@charset "utf-8";

a:link { text-decoration:none }
a:visited { text-decoration:none }
a:hover { text-decoration:none }
a:active { text-decoration:none }

.bodycss {
	font-family:Meiryo,Hiragino Kaku Gothic Pro,sans-serif;
	font-size:1em;
	background-color:#ede6cc;
	margin:0;
}

/* --------------------------------- */
/* トップスライドショーCSS           */
/* --------------------------------- */
.photo-show { 
    height: 256px; /*表示したい大きさ*/
    margin: 0px auto;
    /* max-width: 100%; */
    position: relative;
    width: 960px;
}

.photo-show img { 
    animation: show 48s infinite;
    -webkit-animation: show 48s infinite;
    height: auto;
    /* max-width: 100%; */
    opacity: 0;
    position: absolute; /*画像を全て重ねる*/
}

/*アニメーション*/

@keyframes show {
    0% {opacity:0}
    5% {opacity:1}
    10% {opacity:1}
    20% {opacity:0}
 }
@-webkit-keyframes show {
    0% {opacity:0}
    5% {opacity:1}
    10% {opacity:1}
    20% {opacity:0}
}

/*各画像のアニメーションの開始時間をずらす*/

.photo-show img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
.photo-show img:nth-of-type(2) {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}
.photo-show img:nth-of-type(3) {
    animation-delay: 12s;
    -webkit-animation-delay: 12s;
}
.photo-show img:nth-of-type(4) {
    animation-delay: 18s;
    -webkit-animation-delay: 18s;
}
.photo-show img:nth-of-type(5) {
    animation-delay: 24s;
    -webkit-animation-delay: 24s
}
.photo-show img:nth-of-type(6) {
    animation-delay: 30s;
    -webkit-animation-delay: 30s;
}
.photo-show img:nth-of-type(7) {
    animation-delay: 36s;
    -webkit-animation-delay: 36s;
} 
.photo-show img:nth-of-type(8) {
    animation-delay: 42s;
    -webkit-animation-delay: 42s;
}
/* --------------------------------- */
/* トップスライドショーCSS ここまで  */
/* --------------------------------- */

/* --------------------------------- */
/* 上部ボタン                        */
/* --------------------------------- */
.btn01 {
    float:left;
    background-color: #203359;
    color: #ffffff;
    height:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
}
.btn01 a:visited {
    color:#ffffff;
}
.btn01:hover {
    background-color: #ff8800;
}
/* --------------------------------- */
/* 上部ボタン ここまで               */
/* --------------------------------- */
/* --------------------------------- */
/* サイドバー                        */
/* --------------------------------- */
.btn02 {
    margin: 5px 0px;
    background-color: #ffffff;
    color: #203359;
    width: 210px;
    height: 40px;
    border: solid 2px #203359;
    box-sizing: border-box;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
}
.btn02 a:link {
    color: #203359;
}
.btn02 a:visited {
    color: #203359;
}
.btn02:hover {
    background-color: #ff8800;
    color: #ffffff;
}
/* --------------------------------- */
/* サイドバー ここまで               */
/* --------------------------------- */
/* --------------------------------- */
/* サイドバー リンク枠               */
/* --------------------------------- */
.btn03 {
    margin: 5px 0px;
    padding: 5px;
    background-color: #ffffff;
    color: #203359;
    width: 210px;
    height: auto;
    overflow:hidden;
    border: solid 2px #203359;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
}
/* --------------------------------- */
/* サイドバー リンク枠 ここまで      */
/* --------------------------------- */

/* --------------------------------- */
/* メイン記事部分                    */
/* --------------------------------- */
.box01{
    padding: 0.5em 1em;
    margin: 1em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box01 p {
    margin: 0;
    padding: 0;
}
/* --------------------------------- */
/* メイン記事部分 ここまで           */
/* --------------------------------- */

/* --------------------------------- */
/* マウスオーバー時のリンク画像の色  */
/* --------------------------------- */
a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
/* --------------------------------- */
/* マウスオーバー時のリンク画像の色  */
/* --------------------------------- */

/* --------------------------------- */
/* レスポンシブ対応                  */
/* --------------------------------- */
@media screen and (max-width: 670px){
.none {display:none}
}