/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
margin-top: 50px;
  padding-bottom: 40px;
  color: #000000;/* #5a5250 */
  margin-bottom: 60px;
  
}
h1{font-size: 24px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 13px;}

a{color: black;}
a:hover{color: black;}

#topcontrol{width: 20px;height: 20px; background:url(../img/topcontrol-img.png) no-repeat;background-size: cover;}

.home-title{height: 0;text-indent: -99999px;margin-top: -10px;}

.header-logo2{margin-top: 20px;}
.header-logo2 .logo-info{position: absolute; top: 60px; left: 50px; display: block; font-size: 40px; margin-top: -40px;color: white;}

/* /////////////////////////////////////////////////////////////////random-logo */

.ra-logo-w{width: 235px; height: 23px; list-style: none;text-align: right;}
.ra-logo{float: right;display: block; margin-right: 1px;}
.ra-tokyo{margin-top: 6px;float: right;display: block;}

@media (max-width:480px){
.ra-tokyo{margin-left: -15px;}
.ra-logo{margin-left: -4px;}
.ra-logo img{width: 70%;}
.ra-tokyo img{width: 70%;margin-top: -6px;}
}

.menu-lab{width: 205px; height: 23px; background: url(../img/memorandom_logo.png);}
@media (max-width:480px){.menu-lab{background: url(../img/memorandom_logo.png) no-repeat;background-size: 130px auto;
	width: 130px;
}}

.header-logo{position:fixed; right: 20px; top:40px;}

.header-s{margin-bottom: 100px;}

.bg-w{background: #ffffff;border-bottom: none;}

hr{margin-bottom: 10px;}

.line-2{border-bottom: 2px solid #d3d3d4;margin-top: 20px;margin-bottom: 5px;}

.home-pager a{color: #d8d8d8;}

.pager-sing a{color: #d8d8d8;}

.pager-sing-nex{float: right;}
.pager-sing-pre{float: left;}

.ent-footer{font-family:'Noto Sans JP' !important; color: black !important;}
.ent-footer .e-f-link{float: left;}
.ent-footer .e-f-tex{float: left;}

.content-area{margin-top: 100px;}

@media (max-width:480px){.content-area{margin-top: 80px;}}

@media (max-width:480px){ .ent-footer{font-size: 11px;} }


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}

.navbar-nav{font-size: 12px;}

/* ナビバーアクテブバックグランド色 */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background: #dcdddd;}



.navbar-header{float: right ; margin-left: 30px !important; }

#search-2{width: 260px;margin-top: 10px;}

#searchsubmit{font-size: 12px; height: 22px;}

.form-control{height: 22px;}

.copy-t{color: #757575;}



@media (min-width: 768px) {
.copy-t{font-size: 12px;margin-top: 14px;margin-bottom: 0px;text-align: right;margin-right: 0px;}

.search-w{width: 220px; margin-top: 5px; float: right;margin-left: 10px;}
#searchsubmit{float: right;}

.form-control{float:left; width: 150px;}
}
@media (max-width: 767px) {/* 768以下の場合 */
.copy-t{font-size: 10px;margin-top: -2px;margin-bottom: 2px;text-align: right;width: 246px;display: block;float: right;margin-right: 10px;}

.search-w{width: 255px; margin-top: 5px;/* float: right; */}
#searchsubmit{float: right;}

.form-control{float: left; width: 150px;}
}

@media (max-width: 480px){
.copy-t{font-size: 10px;margin-top: -5px;margin-bottom: 2px;text-align: right;width: 246px;display: block;float: right;margin-right: 10px;}
.search-w{width: 215px; margin-top: 5px;float: right;margin-bottom: 0px;}
#searchsubmit{float: right;}
.form-control{float: left; width: 150px;}
}


/* 中央寄せ */
/*
.sitename{
    margin:15px 0 15px;
}
.sitename a{
    font-size: 1.6em;
    color: inherit;
}
 
i{
    font-size: 1.3em;
    color: inherit;
}
 
.navbar .navbar-inner {
    padding: 0;
}
 
.navbar .nav {
    margin: 0;
    display: table;
    width: 100%;
}
 
.navbar .nav li {
    display: table-cell;
    float: none;
}
 
.navbar .nav li a {
    font-weight: bold;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, .75);
    border-right: 1px solid rgba(0, 0, 0, .1);
}
 
.navbar .nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}
*/



/* CUSTOMIZE THE fotrama
-------------------------------------------------- */

.fotorama-w{max-width: 1140px; max-height: 430px; margin: 0px auto 20px auto;
background-color: #f1f1f1;
	/* padding-right: 20px; padding-left: 20px; */
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-right: 15px;
  padding-left: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-md-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-md-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-right: 0;
    padding-left: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

/* #footer */

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  /* background-color: #9d9d9d; */
  color: white;
}

.site-info{text-align: center;padding-top: 20px;}

/* //////////////////////////////////////////////////////sidbar */

#searchform input{float:left;max-width: 180px; margin-right: 5px; font-size: 12px;}


h3.widget-title.list-group-item{background: #f6f6f6;}/* タイトルバック */

.widget-title{font-size: 14px;font-weight: 600;}
.widget-area{margin-top: 20px;}
.widget ul{list-style: none; padding-left: 0px;padding-right: 0px;}
.widget ul li{list-style: none;}
.widget li.list-group-item a{display: block; text-decoration: none;}
.widget li.list-group-item:hover{background: #f6f6f6;}/* リストホバー色 */

/* //////////////////////////////////////////////////////20210903 */
img {
    -webkit-backface-visibility : hidden!important;
}
img {image-rendering: -webkit-optimize-contrast;}

.eael-grid-post-holder{
    border: none;
}

.eael-grid-post-holder {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{
padding-left: 20px;
padding-right: 20px;
}

.eael-load-more-button{margin: 20px;}

@media (min-width: 1025px) {
  .eael-grid-post-holder{
    max-width: 220px;
}  
}
/* //////////////////////////////////////////////////////20210904 */

.lab-img-1 {
margin-bottom: 30px;
padding-left: 31px;
padding-right: 31px;
}

@media (min-width: 1025px){
	.lab-img-1 img{
/* 		max-width: 220px; */
	}
	
	figure {

	}
}

figcaption h3{color: #ffffff;}
figcaption p{color: #ffffff;}
figcaption {padding: 10px;}



figure {
  position: relative;
  overflow: hidden;
  width: 100%;
}
figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(112, 112, 112, 0.34);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}
figure:hover figcaption {
  opacity: 1;
}

/*  */

.row-eq-height {
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap: wrap;
}

/*  */
@media (max-width: 990px){
	
	.lab-img-1 {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
}
/* //////////////////////////////////////////////////////20210905 */
.ht{font-size: 1.6rem; margin-bottom: 2px;}
.ht-dat{font-size: 1.6rem;}

/* //////////////////////////////////////////////////////20210906 */

/*.bg1{background-color: #A7A7A7;}*/
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.cnt-12{
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
.inner{padding: 20px; margin-bottom: -30px;}

/* //////////////////////////////////////////////////////20210906 */

.search-f{margin-left: 0;margin-right: auto; padding-left: 0px; }
.search-f a{margin-right: 10px;}
.pa-0{padding: 0;}

/* //////////////////////////////////////////////////////202109010サーチアーカイブ */
.s-box{
    margin-top: -10px;
    margin-bottom: 0px;
    font-family: ipa;
}
.s-box h2{font-size: 1.5rem!important; margin-bottom: .5rem;}
.s-box .entry-footer{font-size: 1.3rem;}
.s-box .entry-header{margin-bottom: 1rem;}
.search .page-header{margin-bottom: 0px;}
.s-box .line-2{border-bottom: 1px solid #E6E6E6; margin-bottom: 0px;}
.s-box .line-3{border-bottom: 1px solid #E6E6E6; margin-bottom: -20px; margin-top: 20px;}
.search .page-header{margin-bottom: 10px; margin-left: 20px;margin-right: 20px;}
.search .page-title{margin-bottom: -10px;font-size: 18px;font-family: ipa;}


.cat-t-a{font-family: ipa;font-size: 18px;}
.archive .page-header{margin-bottom: 10px; margin-left: 20px;margin-right: 20px; border-bottom: 1px solid #E6E6E6;}
.archive .entry-header{margin-top: 0px!important;}

/* //////////////////////////////////////////////////////ハッシュタグ位置パッチ */
.hash{}
.hash-f{}
.category-random-diary .hash-f{max-width: 777px!important; margin-left: auto; margin-top: 0px;}
.category-ide-takeru .hash-f{max-width: 795px!important; margin-left: auto; margin-top: 0px;}
.category-aragon3 .hash-f{max-width: 500px!important; margin-left: auto; margin-top: 0px;}
.category-random-library .hash-f{max-width: 795px!important; margin-left: auto; margin-top: 0px;}

/* //////////////////////////////////////////////////////三角パッチ */
.icon_tri {
    position:relative;
    display:block;
    padding-left:17px;
}
 
.icon_tri:before {
    content: "";
    display:inline-block;
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #ffffff;
    position: absolute;
    top: 50%;
    left:2px;
    margin-top:-5px;
}