#wrapper {
  padding-left: 250px;
  transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
  margin-left: -250px;
  left: 250px;
  width: 250px;
  background: #5daf37;
  position: fixed;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  transition: all 0.4s ease 0s;
}

#page-content-wrapper {
  width: 100%;
}



.sidebar-nav {
/*  position: absolute;
  top: 0;*/
  width: 250px;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
}

.sidebar-nav li a {
  color: #fff;
  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  color: #030;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  min-height: 63px;
  line-height: 60px;
  font-size: 18px;
  text-indent: 0;
}

.sidebar-nav > .sidebar-brand a {
  color: #fff;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
  opacity: 0.8;
}

.content-header {
  height: auto; /* old-65 - 105 */
  /*line-height: 105px;*/
}

.content-header h1
{
  margin: 0;
  margin-left: 20px;
  line-height: 1.5em;
  display: inline-block;
}
.snsArea{
    padding-top: 1em;
    padding-left: 20px;
  display: inline-block;
  min-height: 25px;
  position: fixed;
  top:0;
  z-index: 990;
      background-color: white;
      opacity: 0.95;
      width: 100%;
      border-bottom: 1px solid #fefefe;
}


#menu-toggle {
  display: none;
}

.inset {
  padding: 20px;
}


.sideAd1{
    float: left;
    text-align: center;
    width: 100%;
    margin: 2em auto 10em auto;
}



#page-content-wrapper h1{
    border-bottom: 1px dotted #5daf37;
    color: #5daf37;
    width:96.5%;
    
}
h2.lead{
        color: #5daf37;

}
/*------------spec------*/
.babySpecList{
    float: left;
}

div.babySpec{
    float: left;
    width: 100%;
}


dl.babySpecList{
    font-size: 0.85em;
}

dl.babySpecList dt{
margin-top: 0.5em;
float: left;
clear: both;
width: 6em;
text-align: center;
white-space: nowrap;
background-color: #FFFFFF;
border: 1px dotted #133006;
line-height: 1.5em;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
dl.babySpecList dt:before{
    content: "★";
}


dl.babySpecList dd{
    margin-top: 0.5em;
    padding-left: 6.5em;
    line-height: 1.5em;
    padding-top:0.25em;
    padding-bottom:0.25em;
}


.well{
    background-color: #F1F7EC !important;
}


/*----------sns---------------*/
iframe.twitter-share-button {
	width: 95px!important;
}
div.fb_iframe_widget{
   margin-right: 10px; 
}

/*--------------------------------*/


@media (max-width:767px) {

#wrapper {
  padding-left: 0;
}

#sidebar-wrapper {
  left: 0;
}

#wrapper.active {
  position: relative;
  left: 250px;
}

#wrapper.active #sidebar-wrapper {
  left: 250px;
  width: 250px;
  transition: all 0.4s ease 0s;
}

#menu-toggle {
  display: inline-block;
}

.inset {
  padding: 15px;
}

}

.fb_iframe_widget{
    vertical-align: top;
}

#footAdArea{
    background-color: black;
    margin: 0 auto;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    opacity: 0.8;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
    z-index: 1000;
}



#page-content-wrapper{
    padding-top: 45px;
    padding-bottom: 100px;
}

#footAmazon{
    float: right;
    vertical-align: middle;
    margin-right: 1em;
    margin-top: 15px;
}

ul#babyNameList{
    padding-left: 0.85em;
}

#babyNameList li{
list-style-type: none;
line-height: 1.2em;
font-size: 1.2em;
    letter-spacing: -0.15px;
}

#babyNameList li a{
    color: white;
    text-decoration: none;
}

#babyNameList li a:hover{
    text-decoration: underline;
    color:red;
}

.efont{ font-family:Arial,sans-serif; } 
.txl{ text-align:left; }
.txc{ text-align:center; }
.txr{ text-align:right; }
.txbold { font-weight:bold; }
.wspc2{ padding-left:2px;padding-right:2px; }
.wspc4{ padding-left:4px;padding-right:4px; }
.vspc3{ margin-top:3px;margin-bottom:3px; }

.topspc35{ margin-top:35px !important; }
.topspc30{ margin-top:30px !important; }
.topspc25{ margin-top:25px !important; }
.topspc20{ margin-top:20px !important; }
.topspc15{ margin-top:15px !important; }
.topspc10{ margin-top:10px !important; }
.topspc5{ margin-top:5px; }
.topspc3{ margin-top:3px; }
.lefspc10{ margin-left:10px !important; }
.lefspc15{ margin-left:15px !important; }
.lefspc25{ margin-left:25px !important; }
.lefspc5{ margin-left:5px !important; }
.lefspc7{ margin-left:7px !important; }
.tb5px{ margin-top:5px;margin-bottom:5px; }
.em09{ font-size:0.9em; }
.grytx2{ color:#a2a2a2; }
.btmspc10{ margin-bottom:10px; }
.btmspc15{ margin-bottom:15px; }
.floatleft{ float:left; }
.vmid{ vertical-align:middle; }
.vtop{ vertical-align:top; }
.txuline{ text-decoration:underline; }

#topRandomList{
    
}


#topYtList li,
#topRandomList li{
    /*width:33%;*/
    list-style-type: none;
/*    border: 1px solid #ccc;
    border-radius: 2%;*/
    text-align: center;
    margin-bottom: 1em;
}
/*
#topRandomList li > p,
#topRandomList li > img{
    margin: 1em;
    text-align: center;
    width: auto;
}*/

#topRandomList li > a> p{
position: absolute;
background-color: black;
color: white;
opacity: 0.8;
text-align: center;
padding-top: 0.25em;
padding-bottom: 0.25em;
bottom: 15px;
margin-bottom: 0px;
max-width: 100%;
min-width: 50%;
left: 8px;
box-shadow: 6px 2px 3px 1px rgba(0, 0, 0, 0.4);
    font-weight: bold;
    font-size: 1.2em;
}

#topYtList{
    position: relative;
    float: left;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
}

#topYtList li > a > p{
    position: absolute;
    background-color: #FFD400;
    color: #003FFF;
    opacity: 0.8;
    text-align: center;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    bottom: 15px;
    margin-bottom: 0px;
    max-width: 100%;
    min-width: 50%;
    left: 8px;
    box-shadow: 6px 2px 3px 1px rgba(0, 0, 0, 0.9);
    font-weight: bold;
    font-size: 1.2em;
}


#topRandomList li > a>  p:after, #topRandomList li > a>  p:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
#topRandomList li > a>  p:after {
    left: 0;
    border-right: 5px solid #333;
}
/*#topRandomList li > p:before {
    right: 0;
    border-left: 5px solid #333;
}*/

#topRandomList li > a>  img{
    border-radius: 2%;

    
}

#movTitleLeft{
    background-color: white;
    color: green;
    font-weight: bold;
    border-radius: 0.5em;
    padding: 0.75em;
    margin: 1em 1em;
    position: relative;
    display: block;
    height: 3em;
}

#movTitleLeft a{
    display: inline-table;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}


/*-------for lean modal-------*/
#lean_overlay {
    display: none;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;

}

.modal {
    display: none;
    
    padding: 10px 20px;
    background: #FFF;
}

div#closeBtn{
        position: fixed;
    background-color: red;
    
    color: white;
    font-size: 2em;
    right: 0;
    top: 2em;
}

div#closeBtn a{
    color: white;
    display: block;
    padding: 0.25em 0.5em;
}
/*-------for lean modal-------*/
#result{
    left: 35%;
}

#typeWrap{
    margin: auto;
    line-height: 2em;
    
    text-align: center;
}

#typeWrap button{
    font-size: 2.5em;
    margin: 0.5em auto;
    min-width: 10em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.latestWrap {
    width: 96%;
    clear: both;
    float: left;
    padding: 1%;
    margin: 1% 1% 3em 1%;
    border: 1px solid #fcfcff;
    background-color: aliceblue;
    border-radius: 1em;
    position: relative;
}

.latestWrap li{
    width: 15%;
    float: left;
}

#topYtList div.latestWrap li.latestTip{
    margin-bottom: 0;
}

.latestTip p.movTitle{
    display: none;
}
li.latestTip a{
    display: block;
    border: 1px solid transparent;
}

li.latestTip a:hover{
    border: 1px solid red;
}

.latestWrap p.latestTitle{
    background-color: #FFBF0A;
    color: #333;
    font-weight: bold;
    position: absolute;
    top:-1em;
    left: -0.5em;
    border-radius: 0.25em;
    padding: 0.25em 1em;
 }
 
 #typeWrap li.latestTip{
     position: relative;
 }
 
 .latestTip p.movTitle{
 }
 
 #topYtList li:hover > a > p {
         display: inline;

    position: absolute;
    background-color: #040404;
    color: #FFFFFF;
    opacity: 0.8;
    text-align: center;
     padding-top: 0em; 
     padding-bottom: 0em; 
    bottom: 0;
    margin-bottom: 0px;
    max-width: 103%;
    min-width: auto;
    left: 50%;
    box-shadow: 6px 2px 3px 1px rgba(0, 0, 0, 0.9);
    font-weight: bold;
    font-size: 0.5em;
    margin-left: -50%;
}
.mvDate,
.mvCmt{
    font-size: 1.5em;
    color: white;
}

#ytNameList,
#ytNameList a{
    color: white;
}

#ytNameList{
    margin-left: 0.5em;
    padding-left: 1em;
}

#result{
    -webkit-transition: all 150ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
   -moz-transition: all 150ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -o-transition: all 150ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
        transition: all 150ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */


}

.more{
    list-style-type: none;
    text-align: center;
    background-color: #006600;
    border-radius: 0.25em;
    margin: 0.25em;
}

span.indivDate{
        font-size: 0.5em;
    display: -webkit-box;
}

li.title{
    list-style-type: none;
    color: #004400;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.15em;
    padding-bottom: 0.25em;
}