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

body:not(.theme-preset-active) #masthead .navbar-nav > li > a{
  font-weight:600;
  font-size:1.2rem;
  color:#222;
  padding:1rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a{
  color:#c00;
}

h1.entry-title{
  display:none;
}
#content.site-content{
/*  padding-top:60px; */
}
.content-area{
  padding-left:0;
  padding-right:0;
}
.entry-content{
  margin-top:0.9rem;
}

h1,h2,h3{
  font-weight:bold;
}

h1{
  color:#fff!important;
}
h2{
  /*border-left:3px solid #f00;*/
  border-bottom:1px solid #ccc;
  font-size: 1.8rem;
}
h2:before{
  content:"";
  background:#f00;
  position:absolute;
  width:20px;
  margin-top:0.2em;
  margin-bottom:0.2em;
  border-radius:10px;
}
h3{
  font-size: 1.5rem;
}
h4{
  font-size: 1.3rem;
}
/* footer{
  background:#778;
  color:#fff;
  text-align: center;
  padding:1em;
} */
dt,dd{
  display: inline-block;
  vertical-align: top;
}
dt{
  width: 5.5em;
}
.mt-6{
  margin-top: 4rem;
}
.nobr{
  display:none;
}
ul{
	padding-left:30px;
}

/*header*/
header#masthead{
  background:#f0f0f0;
  position: fixed;
  width: 100%;
  z-index: 100;
  padding-bottom:10px;
}
.navbar-light .navbar-toggler-icon {
  background-image:url(https://xn--n8jafi9cve0d49cka.com/wp-content/uploads/2021/04/toggle.svg);
}

.navbar-brand > a{
  font-size:2rem;
  color:#222;
  padding-left:80px;
}
.header-illust{
  width:72px;
  height:72px;
  background-image:url(https://xn--n8jafi9cve0d49cka.com/wp-content/uploads/2021/04/ino-illust.svg);
  background-repeat:no-repeat;
  position:absolute;
  bottom:-20px;
}
.navbar-nav{
  text-align:center;
}

/* footer  */
footer#colophon{
  text-align: center;
  font-size: 0.9rem;
  color: #888;
  background-color: #f6f6f6;
  border-top: 1px solid #e6e6e6;
}

a.detail{
  background:#fd3;
  color:#222;
  font-size:12px;
  font-weight:bold;
  display:inline-block;
  padding:0.3em 1em 0.3em;
	border:1px solid #fc0;
  border-radius:1em;
}
a.amazon{
  background:#232F3E;
  color:#f90;
  font-size:12px;
  display:inline-block;
  padding:0.3em 0.6em 0.3em;
  border-radius:1em;
  border:1px solid #435367;
}
a.amazon:after{
  content: "amazonで購入";
}

/*carousel*/
.slider-image1{
  background:#c88;
  background:url(https://xn--n8jafi9cve0d49cka.com/wp-content/uploads/2022/06/slide1.jpg);
  background-size:cover;
  background-position:center 20%;
  width:100%;
  height:500px;
}
.slider-image2{
  background:#ee8;
  background:url(https://xn--n8jafi9cve0d49cka.com/wp-content/uploads/2021/04/img_2939_l.jpg);
  background-size:cover;
  background-position:center;
  width:100%;
  height:500px;
}
.slider-image3{
  background:#89c;
  background:#b8d1ba url(https://xn--n8jafi9cve0d49cka.com/wp-content/uploads/2024/01/carousel_porsche.jpg);
/*  background-blend-mode: color-burn;*/
  background-size:cover;
  background-position:center top;
  width:100%;
  height:500px;
}
.slider-image4{
  background:#b8d1ba url(https://xn--n8jafi9cve0d49cka.com/wp-content/uploads/2022/03/slide_syozo.jpg);
  background-size:cover;
  background-position: left 80%;
  width:100%;
  height:500px;
}

.slider-text{
  padding:1em 2.5em;
  position:absolute;
  bottom:2.5em;
  left:1.5em;
  background:#000;
  color:#fff;
  font-weight:bold;
  font-size:1rem;
   -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border-radius:3.5em;
  min-width:250px;
}
.slider-text h3{
  color:#fff;
  margin-bottom:0;
}
.slider-text-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:1rem;
}
.slider-text-box p{
  margin-bottom:0;
}

.publish{
  border:1px solid #ddd;
  border-radius: 0.25em;
  padding:0;
  background:#fff;
  margin-bottom:1em;
	overflow:hidden;
	box-shadow:0 4px 8px rgba(0,0,0,0.3);
}
.publish .img-box{
  background:#eee;
}
.publish .text-box{
	padding:0.5em 0.5em 0.8em;
}
.modalwrapper img{
	cursor:pointer;
}

.unei-site{
  width:100%;
  box-sizing: border-box;
  border:1px solid #ddd;
  border-radius: 0.25em;
  margin-bottom:1em;
  padding:0.5em;
  background:#fff;
}
.publish:hover,.unei-site:hover{
  background: #f9f9f9;
}
.unei-site a{
	color:#333;
}
.unei-site a:hover{
	text-decoration: none;
}
.unei-site .title{
  font-size:2em;
  font-weight:bold;
  line-height:1.4;
}
.unei-site .subtitle{
  font-size:1.2em;
  font-weight:bold;
  color:#853;
}
.unei-site button{
  background:#444;
  color:#fff;
  border-radius: 0.2em;
  border:none;
  padding:0.2em 1em;
}
.unei-site button:hover{
  background:#000;
}
.unei-site h3{
  font-size: 2em;
}
.unei-site h3 small{
  font-size:0.5em;
  vertical-align: top;
}
/* .unei-site.kuruma img{
  background:#9df;
  background-size:cover;
  background-position:center;
}
.unei-site.syumi img{
  background:#ce0;
  background-size:cover;
  background-position:center;
} */


.message{
  color:#555;
  background:#fff; 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  width: 100%;
}
.message .box{
  font-family: sans-serif;
  font-weight:bold;
  line-height: 2;
  margin:4em 0 0;
}

.staticmap{
  width:100%;
  height:25vw;
  background:url(/wp-content/uploads/2021/03/staticmap.png);
  background-position: center;
  background-size:auto;
}

@media screen and (min-width:700px){
  body:not(.theme-preset-active) #masthead .navbar-nav > li > a{
    font-size:1rem;
  }
  .nobr{
    display:block;
  }
  .message{
    background:#fff;
    background-size:cover;
    background-position:center;
/*  height:20vw; */
  }
  .message p{
    font-size:1.1em;
  }
}

@media screen and (max-width:600px){
	.col-4,.col-6{
		padding-right:5px;
		padding-left:5px;
	}
	.text-box h4{
		font-size:1.1rem;
		font-weight:bold;
	}
}