@charset "UTF-8";
body::before {
  background-image:none !important;
}
div#wrapper {
	background-image:none !important;
}
section#main_image {
	width:100%;
	height:700px;
	margin:0px;
	padding:0px;
	background-image:url(http://www.hiroki-abe.com/images/2021gear1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	z-index:100;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}
section#profile {
	width:100%;
	height:100%;
	margin:5% 0px;
	padding:0px;
	position:relative;
	background-color:#FFFFFF;
}
section#profile figure {
	padding:0px;
	margin:0px;
	width:100%;
}
section#profile figure img {
	max-width:25%;
	min-width:250px;
	margin:auto 10%;
	padding:0px;
	vertical-align:bottom;
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	height:auto;
}
section#profile #profile_text {
	padding:0px;
	margin:0px 5%;
	max-width:30%;
	position:relative;
	top:0px;
	bottom:0px;
	right:0px;
	left:50%;
}
section#profile h2#profile_pc {
	color:#25258f;
	font-size:400%;
	margin:0px 0px 10%;
	text-align:center;
	line-height:1.0;
}
section#profile h2#profile_r {
	color:#25258f;
	font-size:400%;
	margin:0px 0px 10%;
	text-align:center;
	line-height:1.0;
	display:none;
}
section#profile p#name {
	font-size:250%;
	color:#333333;
	line-height:1.0;
	margin:0px;
}
section#profile p {
	color:#333333;
	line-height:1.5;
	font-size:160%;
	margin:0px;
}
section#infomation {
	width:100%;
	height:700px;
	margin:0px;
	padding:0px;
	background-image:url(../images/background_drum.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	z-index:100;
}
div#Schedule,div#Works,div#Twitter {
	width:25%;
	height:80%;
	background-color:rgba(255,255,255,0.5);
	margin:4%;
	padding:0px;
	float:left;
	border-radius:10px;
	position:relative;	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#55ffffff,EndColorStr=#55ffffff)
}
div#Schedule h3,div#Works h3,div#Twitter h3 {
	font-size:400%;
	text-align:center;
	color:#25258f;
	padding:0px;
	margin:2% 10px 0px;
	border-bottom:solid 2px #25258f;
}
div#Schedule div#Schedule_box {
	background-color:#FFFFFF;
	width:80%;
	height:62%;
	border-radius:10px;
	margin:5% auto 10px;
	padding:0px;
	overflow:scroll;
}
div#Schedule a {
  text-decoration:none;
}
div#Schedule a#view_all, div#Works a.view_works {
	display:block;
	font-family:"Bree serif";
	font-size:160%;
	text-decoration:none;
	color:#25258f;
	font-weight:700;
	margin:0px;
	padding:0px;
	position:absolute;
	top:auto;
	right:12%;
	bottom:auto;
	left:auto;
	transition-duration:0.5s;
}
div#Schedule a:hover,
div#Works a.view_works:hover {
	color:#3D3DFF;
}
div#Schedule_box p{
	font-size:160%;
	padding:15px 0px 0px;
	margin:0px 5%;
	border-bottom:solid 1px #333333;
	color:#000;
  font-weight:bold;
}
div#Schedule_box p#Schedule_end {
	border-bottom:none;
}
div#Twitter div#Twitter_widget {
	width:80%;
	height:62%;
	margin:5% auto 10px;
	padding:0px;
	overflow:scroll;
	border-radius:10px;
}
div.slider {
	width:80%;
	height:auto;
	margin:5% auto 10px;
}
div.slider div a {
	display:block;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	outline:none;
}
div.slider div img {
	width:100%;
	height:100%;
	outline:none;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
section#contact_area {
	width:100%;
	height:100%;
	margin:3% 0px;
	padding:0px;
	background-color:#FFFFFF;
}
section#contact_area h3 {
	color:#25258f;
	font-size:400%;
	margin:0px 0px 3%;
	padding:0px;
	line-height:1.0;
	text-align:center
}
section#contact_area p {
	color:#333333;
	line-height:1.5;
	font-size:160%;
	margin:0px auto;
	padding:0px;
	max-width:608px;
}
section#contact_area a {
	display:block;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	background-image:url(../images/snare_button_three.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left top;
	margin:20px auto 0px;
	padding:0px;
	width:13vw;
	height:15vw;
	width:130px\9;
	height:150px\9;
}
section#contact_area div#send_mail_button {
	margin:0px auto;
	padding:0px;
}
section#contact_area a:hover {
	background-position:left center;
}
section#contact_area a:active {
	background-position:left bottom;
}
div#works_r {
	display:none;
}

@media screen and (min-width:2000px) {
section#infomation {
	width:100%;
	height:70vh;
	margin:0px;
	padding:0px;
	background-image:url(../images/background_drum.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment:fixed;
	z-index:100;
}
	section#main_image {
	width:100%;
	height:70vh;
	margin:0px;
	padding:0px;
	background-image:url(http://www.hiroki-abe.com/images/2021gear1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	z-index:100;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}
}
.schedule_aside {
  font-weight:normal;
}
