/*
Theme Name:ITOKO
Template:wp-bootstrap-starter
*/

/*-----bootstrapstarter-----*/
:root{
--orange2: #f52;
}
html{
	background:#111;
}
h1,h2,h3,h4,h5,h6{
	color:#fff;
}
h1.entry-title{
/* 	display:none; */
}
a{
	color:var(--orange2);
}
a:hover{
	color:#f53800;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #fe0;
    text-decoration: none;
    color: #000;
}

header#masthead{
  background:rgba(20,20,20,0.6);
  backdrop-filter:blur(10px);
	-webkit-backdrop-filter: blur(10px);
  position: fixed;
  width: 100%;
  z-index: 100;
}
.navbar-light .navbar-toggler-icon {
  background-image:url(https://itoko.jp/wp-content/uploads/2021/04/toggle.svg);
  width:2.2em;
}
.navbar-brand > a{
  font-size:2rem;
}
.dropdown-menu{
	background:var(--orange2);
}
.dropdown-menu .dropdown-item{
	color:#ddd;
}
.dropdown-menu .dropdown-item:hover{
	background:#f53800;
	color:#fff;
}

h1.entry-title{
	font-size:2.3em;
}
#content.site-content{
  padding-top:6rem;
  min-height:90vh;
}
/* .content-area{
  padding-left:0;
  padding-right:0;
} */
.entry-content{
  margin-top:0.9rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
/* 	font-size:1.6em; */
	font-weight:600;
	color:#bbb;
	text-align:center;
}
body:not(.theme-preset-active) footer#colophon{
	background:#222;
	color:#bbb;
}
/*-----　bootstrapstarter　-----*/

body{
	background:#111;
	color:#eee;
}
h1,h2,h3,h4{
  font-weight:bold;
	color:#eee;
}

.home .site-content::before{
	background:url(https://itoko.jp/wp-content/uploads/2022/03/IMG_2630.jpg?20210830) ;
	background-position:center 15%;
	background-size: 90%;
	background-repeat:no-repeat;
  content: "";
  display: block;
  position: fixed;/* 擬似要素ごと固定 */
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;/* 横幅いっぱい */
  height: 100vh;/* 縦幅いっぱい */
}

.photoby{
	position:absolute;
	bottom:0.5em;
	left:0.5em;
	color:rgba(255,255,255,.6);
}
h2.entry-title{
	font-size:1.7em;
	border-bottom:1px solid #777;
}
.beginning{
	background:#e6e6e6;
	color:#222;
	padding:2em;
}
.beginning h4{
	font-weight:bold;
	padding-top:0.9em;
}
/*-----　news　-----*/
.entry-meta{
	display:none;
}
/*-----　裁判　-----*/
.saiban div{
	margin-top:1em;
	margin-bottom:1em;
}

/*-----　biography　-----*/
.biography .year{
	font-size:2em;
	font-weight:bold;
	margin-top:1em;
}
/*----- article -----*/
.article title{
		display:block;
		font-size:1.1em;
		color:#eee;
	}
.article .date{
	font-size:0.85em;
}
.article p{
	border-bottom:1px solid #444;
}
/*-----　cover the song -----*/
.lyric p{
	line-height:1.8;
	margin-bottom:1.8em;
}
#post-445 a{
	color:#000;
	background:var(--orange2);
	display:inline-block;
	padding:0 0.5em;
}
/*-----　shop　-----*/
.shop{
	display:block;
	text-align:center;
}
.shop img{
	width:500px;
}

@media screen and (min-width:700px){
  .nobr{
    display:none;
  }
}
@media screen and (max-width:1199px){
	.navbar-brand > a{
		font-size:4vw;
	}
}
@media screen and (max-width:575px){
	.navbar-brand > a{
		font-size:6vw;
	}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
		font-size:1.5em;
	}
}
@media screen and (min-width:576px){
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a{
		font-size:1.3rem;
	}
}