/* マウスオーバーで画像半透明 */
a img {
  filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

a:hover img {
	
  filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.st-name{
	position: relative;
	z-index: 2;
	background-color: #333;
	border: 2px solid #333;
	border-radius:5px;
	color: #fff;
	line-height: 50px;
	padding:5px 5px;
}
.st-name:hover {
	background-color: #fff;
	border-color: #fc92ce;
	color: #fc92ce;
	transition:0.5s;
}
.st-name::before,
.st-name::after {
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #333;
}
.st-name::before {
	top: 0;
}
.st-name::after {
	bottom: 0;
}
.st-name:hover::before,
.st-name:hover::after {
	height: 0;
	background-color: #fc92ce;
}
a{
	text-decoration:none;
}

.mail {
	position: relative;
	z-index: 2;
	background-color: #333;
	border: 2px solid #333;
	color: #fff;
	line-height: 50px;
	padding:10px 10px;
	border-radius:5px;
}
.mail:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}
.mail::before,
.mail::after {
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #333;
}
.mail::before {
	top: 0;
}
.mail::after {
	bottom: 0;
}
.mail:hover::before,
.mail:hover::after {
	height: 0;
	background-color: #59b1eb;
}
.main-image-in-text-box{
	font-size: 1.3vw;
	color:black;
	text-align:center;
	display:block;
}

.section-title{
	text-align:center;
}

.site-title{
	padding:8px 0px;
}

.global-nav-in li a, .global-nav li ul li a{
 background:#000;
}

	
/*-------------------------------------------------サイドウィジットへのtwetter埋め込み修正*/

@media screen and (max-width: 768px) and (min-width: 480px) {
iframe .twitter-timeline-rendered{
width: 490px !important;
}
}

@media screen and (max-width: 480px) {
iframe.twitter-timeline-rendered {
width: 450px !important;
margin:0 auto;/*これを入れないとめっちゃ細く200pxくらいで表示されます。以下イメージあり！*/
}
}

.timeline-Widget {
max-width: 300px!important;
width:200px !important; }
/*サイドウィジットへのtwetter埋め込み修正終わり*/