/*
 Theme Name:   Twenty Seventeen Child Theme
 Description:  A child theme of the Twenty Seventeen
 Author:       Ants Inc
 Template:     twentyseventeen
*/



/*ナビゲーションメニューのデザイン*/
.navigation-top {
	background: #0964b7;
}

.navigation-top .current-menu-item > a {
	color: #999;
}

.main-navigation a {
	color: white;
}


.main-navigation ul#top-menu {
	background: #0964b7;
}

.menu-toggle   {
		color: rgb(255, 255, 255);
	}
	

.main-navigation li {
    font-family: serif;
    text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
	border-right: 1px solid #4989e1;
	position: relative;
}
	
/*画面スクロールボタンのデザイン*/
.menu-scroll-down {
	border-radius: 50%;
	color: #fff;
	width: 47px;
	height: 47px;
	margin-right: 50px;
}
.menu-scroll-down >.icon-arrow-right {
	color: #fff;
}

.site-description{
    font-family: serif;
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
    
}
	
/* 画面スクロールボタンの点滅アニメーション */
.menu-scroll-down {
	background-color: #e74c3c;
  	animation: bg-color 20s infinite;
  	-webkit-animation: bg-color 20s infinite;
}
	@-webkit-keyframes bg-color {
 		0% { background-color: #e74c3c; }
  		20% { background-color: #f1c40f; }
  		40% { background-color: #1abc9c; }
 	 	60% { background-color: #3498db; }
  		80% { background-color: #9b59b6; }
  		100% { background-color: #e74c3c; }
	}
	@keyframes bg-color {
  		0% { background-color: #e74c3c; }
  		20% { background-color: #f1c40f; }
  		40% { background-color: #1abc9c; }
  		60% { background-color: #3498db; }
  		80% { background-color: #9b59b6; }
  		100% { background-color: #e74c3c; }
	}
	
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(102, 102, 102, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 rgba(102, 102, 102, 1);
}
 
/* ボタンの黒色が強いので弱める #222 -> #444 */
button,
input[type="button"],
input[type="submit"],
.entry-footer .edit-link a.post-edit-link {
	background-color: #0964b7;
}



.widget ul li{
	border-bottom: 1px dotted #dddddd !important;
}


.site-info{
    display: none;
}

@media screen and (max-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/

    
    .main-navigation li {
	border-right: none;
	border-bottom: 1px solid #4776a0;
    font-family: serif;
    text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
	position: relative;
    }

   .site-info{
    display: none;
    }

    
}