a:link img {border-color:#ffffff;}
a:visited img {border-color:#ffffff;}
a:hover img {border-color:#ffffff;}
a:active img {border-color:#ffffff;}

body{	
	text-align: center;
	font-size: 100%; 
	background-image:url("./images/backgroundimage.png")}

#all{	background-color:#ffffff;
	text-align: left;
	width:device-width;
	margin: 0 auto;
	font-family: "ＭＳ ゴシック",sans-serif;}

h1{	 font-size:150%; }
h2{	 font-size:150%; }
h3{	 font-size:150%; }
h4{	 font-size:150%; }
h5{	 font-size:150%; }	
h6{	 font-size:150%; }

#sitemap{
	text-align:right;}

#site-descriptio{	
	border-bottom:2px solid #9a9a9a;
	text-size:90%;
	margin-left:0px;
	padding:0 0 0 20px;}

#open{	
	background-color:#e4e4e4;
	}

#block{	font-size:90%;}


	
.menu li{	
	font-weight:bold;
	font-size:110%;
	list-style-type:none;}

.menu2 li{
	font-weight:bold;
	font-size:110%;
	list-style-type:none;}

.wide-title{
	font-weight:bold;
	font-size:145%;
	border-left:10px solid #e4e4e4;
	border-bottom:2px solid #ff8c00;
	color:#555555;}
.2ndtitle{
	font-size:100%;
	border-left:5px solid #e4e4e4;}

p{	font-size:130%;}

#boxab{	margin: 0 auto; width: 700px;}

#boxa{	width:400px;
	margin-top:40px;
	margin-right:40px;
	margin-left:20px;
	padding:0 0 0 0 ;
	float:left;}
#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f139';
  font-size: 50px;
  color: #ff6928;
}

ul {
  list-style: none;
}

/* ボタン全体 */
.flowbtn7{
border-radius:50%;
position:relative;
display:inline-block;
width:50px;
height:50px;
font-size:30px;
color:#fff!important;
text-decoration:none;
transition:.5s;			
}
/* アイコンをど真ん中に*/
.flowbtn7 i{
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
/* ulタグの内側余白を０にする */
ul.snsbtniti{
padding:0!important;
}
/* ボタン全体の位置 */
.snsbtniti{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
}
/* ボタン同士の余白 */
.snsbtniti li{
flex:0 0 10%;
text-align:center !important;
}
/* ボタンにマウスを乗せた時 */
.flowbtn7:hover{
-webkit-transform:translateY(-5px);
-ms-transform:translateY(-5px);
transform:translateY(-5px);
}
/* Twitter */
.fl_tw7{
background:linear-gradient(135deg, #13f1fc 0%,#0470dc 100%);
}
/* Instagramアイコン位置 */
.insta_btn7 .fa-instagram{
font-size:35px;	
}
/* Instagram紫グラデ背景 */
.insta_btn7{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;	
}
/* Instagramオレンジグラデ背景 */
.insta_btn7:before{
content: '';
position:absolute;
top:27px;
left:-12px;
width:59px;
height:40px;
background:-webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
/* Facebook */
.fl_fb7{
background: linear-gradient(135deg, #6699ff 0%,#3b5998 100%);
}
/* Feedly */
.fl_fd7{
background:linear-gradient(135deg, #b1ea4d 0%,#459522 100%);
font-size:28px;
}
/* Pocket */
.fl_pk7{
background:linear-gradient(135deg, #f36265 0%,#dd4f68 100%);
}
/* はてブ */
.fl_hb7{
background: linear-gradient(to bottom, #1fbccd 0%, #1c91d4 84%);
font-size:25px;
}
/* YouTube */
.fl_yu7{
background:linear-gradient(135deg, #f5515f 0%,#c9293c 100%);
font-size:26px;
}
/* LINE */
.fl_li7{
background: linear-gradient(135deg, #3a9278 0%,#00c300 100%);
}
/* メールボタン */
.fl_ma7{
background:linear-gradient(135deg, #fad961 0%,#f76b1c 100%);
font-size:26px;	
}


nav{
text-align: center;
		
	padding-left:1px 0 0 5px;
}
nav ul{
margin: 0 ;
padding: 0 ;
}
nav li{
	flex:0 0 10%;
text-align:center !important;
	
list-style: none;
display: inline-block;
width: 10%;
min-width: 80px;
}
nav li:not(:last-child){
border-right:2px solid #ddd;
	flex:0 0 10%;
text-align:center !important;
}
nav a{
text-decoration: none;
color: #333;
}
nav a.current{
color: #FF4500;
border-bottom:2px solid #FF4500;
}
nav a:hover{
color:#FF4500;
border-bottom:2px solid #FF4500;
}

.ani-marker.active{
    background-position: -100% .5em;
}
.ani-marker {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255,102,201,0.3) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgba(255,102,201,0.3) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgba(255,102,201,0.3) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgba(255,102,201,0.3) 50%);
    background-image: linear-gradient(left, transparent 50%, rgba(255,102,201,0.3) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 7s ease;
    font-weight: bold;
}

.wrap{
display: flex;
justify-content: center;

}