::-webkit-scrollbar {
opacity:0;
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  opacity:1;
  background: #555; 
}

* {	
	font-family: 'Ubuntu', sans-serif;	
}
p {
	text-align:left;
	color:black;
	font-size:12pt;
	margin:0;
	padding: 5pt;
	}

iframe {
  display: block;
  width: 100%;
  height: 90%;
  border: 0px;
}

img {
width:60%;
}

.profile {
transition: opacity 1s ease-in-out;
width:100%;
}


.navname {
background:#ffffff00;
color:white;
width:auto;
padding:4pt;
border:0;
border-radius:5pt;
margin:2pt;
transition: width .5s ease;
transition: background-color .5s ease;
font-size:10pt;
}
.navname:hover{background-color:#932498bf; transition: background-color .5s ease; }
.navname:focus{color:white; font-weight:600; transition: background-color .5s ease; }




a {
	text-decoration:underline;
	outline:none;
	color:#fff;
	}
#container{
	background: url("img/pattern.jpg") center 0 repeat;
	color:#333;
	padding:0 0 30px;
	}
#container a {
	color:#7e1083;
	}
#container a:hover {
	color:#e2437a;
	}
a:hover {
	text-decoration:none;}
a img {
	border:0;
	}


.headnav {
background:#540054;
width:70%;
margin:auto;
padding:2pt;
height:auto;
color:black;
border-radius: 0 0 8pt 8pt;
transition: width 1s ease;
}

@media only screen and (max-width: 700px) {
	.headnav {width: 95%; transition: width 1s ease;} 
	}

.head {
	background: #e9e9e9;
	width: 70%;
	margin: auto;
	padding: 10pt;
	height: auto;
	color: #7e1083;
	border-radius: 0pt 0pt 8pt 8pt;
	font-size: 30pt;
	font-weight: 900;
	transition: width 1s ease;
}
@media only screen and (max-width: 700px) {
	.head {width: 95%; transition: width 1s ease;} }

.content {
background:#ffffff;
width:70%;
margin:auto;
padding:10pt;
height:80%;
color:black;
border-radius: 8pt;
transition: width 1s ease;
}
@media only screen and (max-width: 700px) {
	.content {width: 95%; transition: width 1s ease;} 
	}

@import "compass/css3";

.navcategory {
font-size:40pt;
font-weight:900;
text-align:center;
}

.navbutton {
    background: Indigo;
    color: white;
    width: 95%;
    padding: 6pt;
    border: 0;
    border-radius: 5pt;
    margin: auto;
    margin-top: 6px;
    transition: width .5s ease;
    transition: background-color .5s ease;
    display: block;
    text-align: left;
}

.navbutton:hover{background-color:#e3e3e3; color: #540054; transition: background-color .5s ease; }
.navbutton:focus{background-color:MediumOrchid; color: white; font-weight:900; transition: background-color .5s ease; }

.navx {
    background: #e8e8e8;
    color: #4e4e4e;
    width: 95%;
    padding: 6pt;
    border: 0;
    border-radius: 5pt;
    margin: auto;
    margin-top: 6px;
    transition: width .5s ease;
    transition: background-color .5s ease;
    display: block;
    text-align: left;
}

.navx:hover{background-color:#a6a6a6; color: #4e4e4e; transition: background-color .5s ease; }
.navx:focus{background-color:#616161; color: white; font-weight:900; transition: background-color .5s ease; }

@media only screen and (max-width: 700px) {
	.navbutton {width: 100%; transition: width .5s ease;} 
	}

table {
width:100%;
height:100%;
padding:0;
border: 0pt solid black;
}
.navigation {display:block; height:100%; overflow-y:scroll; border: 0pt solid black;
  -webkit-mask-image: linear-gradient(to top, transparent, black),
    linear-gradient(to left, transparent 17px, black 17px);
  -webkit-mask-size: 100% 20000px;
  -webkit-mask-position: left bottom;
  transition: mask-position 0.3s, -webkit-mask-position 0.3s;}

.navigation:hover {
  -webkit-mask-position: left top;
}

/* --- image ---*/
.pictp { width:20%; height:1%; border: 0pt solid black;}
.pict { width:100%; height:auto; border: 0pt solid black;}
.blog { width:80%; height:1%; overflow:scroll; border: 0pt solid black;}

/* ---  ---*/


.navcategory {
color: #540054;
font-size:20pt;
font-weight:900;
text-align:center;
}
element.style {
}
.entrybottom {
    border-top: dashed 1px #7e1083;
    padding: 0.5em 0;
    font-size: 85%;
    text-align: center;
    margin-bottom: 5em;
}

h1 {
    font-size: 100%;
	border: solid 3px #7e1083;
    background: url(https://img.nogizaka46.com/blog/img/datebg.gif) 0 0 repeat-y;
	border-radius: 5pt;
}
.clearfix {
    display: block;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.yearmonth, .daydate {
    display: block;
    font-size: 80%;
}
.yearmonth {
    text-align: left;
    padding: 0 10px;
}

.dd1 {
    font-size: 45px;
}
.date {
    float: left;
    width: 100px;
    background: #7e1083;
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-family: futura,arial;
    font-weight: normal;
    line-height: 1;
    overflow: hidden;
}
.author {
    display: block;
    border-bottom: dashed 1px #7e1083;
    padding: 10px 0 4px 10pt;
    margin: 0 95px;
    font-weight: normal;
    font-size: 80%;
    line-height: 1;
}

.entrytitle {
    display: block;
    padding: 8px 0;
    margin: 0 110px;
    font-size: 120%;
    line-height: 1.2;
	color: #7e1083;
}

.fkd {
    background: url(https://img.nogizaka46.com/blog/img/entrytitlefkd.gif) 0 0 no-repeat;
    width: 12px;
    height: 15px;
    margin-left: 45px;
	margin-top: -11px;