@-webkit-keyframes fadein {

        0%      {
                opacity: 0;
                background-color: black;
                }

        100%    {
                opacity: 1;
                background-color: black;
                }

        }

@-webkit-keyframes bordin {

    0%{border-image:linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,212,255,0.7469362745098039) 50%, rgba(0,0,0,1) 75%);}    
    
    30%      {
                border-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(0,212,255,1) 50%, rgba(0,0,0,1) 75%);
                }

    100%    {
                border-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(0,212,255,1) 60%, rgba(0,0,0,1) 85%);
                }

        }




body    {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	background-color: #000;
	letter-spacing: 0.1em;
	color: #bba;
        }

img {
            max-width: 100%;
        }
address{font-style: normal;}

.mannaka{margin-left: auto;margin-right: auto;width: -webkit-fit-content;}

main{
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    margin-left: auto;margin-right: auto; padding-left: 48px;padding-right: 48px;max-width: 1260px;
}


@media screen and (min-width: 480px) {
    #fle_p{display: flex;
    width: 80%;
    margin-right: auto;
    margin-left: auto;}
            #main {
                width: 550px;
                padding-left: 20px;
                padding-right: 20px;
                transition: all 1s linear;}
    #pez{opacity: 1;
    height: 100%;
    transition: all 1s linear;
    }
        }
@media screen and ( max-width:960px) {
    #fle_p{display: flex;
        flex-direction:column;
    width: 80%;
    margin-right: auto;
    margin-left: auto;}
            #main {
    width: 80%;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    /*background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("image/0s_t1.jpg");*/
    transition: all 1s linear;
}
    #pez{opacity: 15%;
    height: 0;
    transition: all 1s linear;
    }
            }



/* 横幅を指定するための要素 */
.map-wrap {
  max-width: 80%;
    margin-right: auto;
    margin-left: auto;
}
 
/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.mail{font-size: 1.2rem;}

.title {
	color: #999;
    font-size: 1.333rem;
    border-bottom: solid 3px;
    border-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(0,212,255,1) 60%, rgba(0,0,0,1) 85%);
    /*border-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 25%, rgba(0,212,255,0.7469362745098039) 50%, rgba(0,0,0,1) 75%);*/
    border-image-slice: 1;
}
.copyright {
	font-size: x-small;
	text-indent: 1em;
	line-height: 1.5em;
}
h1 {
	font-size: medium;
}
.houbun_a{color: darkturquoise;font-size: 1rem;text-decoration: underline;}
a:link {
	color: darkturquoise;
    ont-size: 1.77rem;
	text-decoration: none;
    transition: all 1s linear;
}
a:visited {
	color:#7B1256;
	text-decoration: none;
}
a:hover {
	color: #67a;
	text-decoration: underline;
    transition: all 1s linear;
}
a:active {
	color: #740000;
	text-decoration: none;
}