/*
Theme Name: accesspress-parallax-vw
Template: accesspress-parallax
*/
@charset "UTF-8";
@import url('../accesspress-parallax/style.css'); /*親テーマのスタイルシートを読み込み*/



body {
	background: none;
}


/*--------------------------------------------------------------
color
--------------------------------------------------------------*/

@font-face {
    font-family: 'フォント名';
    src: url('フォント名.eot');
    src: url('フォント名.eot?iefix') format('eot'),
         url('フォント名.woff') format('woff'),
         url('フォント名.ttf') format('truetype'),
         url('フォント名.svg#webfontjSpbZQRv') format('svg');
}



button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #4F4F60;
}

a {
	color: #4F4F60;
}

#secondary h2.widget-title{
	border-bottom: 1px solid #4F4F60;
}

.posted-on{
	position: absolute;
	left: 20px;
	top: -14px;
	background: #4F4F60;
	width: 60px;
	text-align: center;
	color: #FFF;
	font-family: "Oxygen",sans-serif;
	font-size: 14px;
	padding: 10px;
	line-height: 1.2;
	text-transform: uppercase;
}

.page-header{
	background: #FFF;
	padding: 10px;
	margin-bottom: 30px;
	border-bottom: 3px solid #4F4F60;
}

#masthead{
	width: 100%;
	z-index: 99999;
	background: #FFF;
	padding: 10px 0;
	border-bottom: 3px solid #4F4F60;
	position: relative;
}

.main-navigation > ul > li.current a{
	color: #4F4F60;
}

.main-navigation li:hover > a {
	color: #4F4F60;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
	color: #4F4F60;
}

.testimonial-listing .bx-wrapper .bx-controls-direction a:hover{
    background: #4F4F60;
    border: 1px solid #4F4F60;
    color:#FFF;
}

.testimonial-listing .bx-wrapper .bx-controls-direction a:hover{
    background: #4F4F60;
    border: 1px solid #4F4F60;
    color:#FFF;
}

.portfolio-list .portfolio-overlay span{
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #4F4F60;
	border-radius: 50%;
	font-size: 30px;
	text-align: center;
	line-height: 60px;
	color: #FFF;
}

.team-image:hover, .team-image.active{
	border: 2px solid #4F4F60;
}

.blog-list .blog-excerpt{
	padding: 0 15px 50px;
	border-bottom: 3px solid #4F4F60;
	position: relative;
}

.blog-list .blog-excerpt .posted-date{
	font-size: 14px;
	font-style: italic;
	margin-bottom: 5px;
	color: #4F4F60;
}

.blog-list .blog-excerpt span{
	background: #4F4F60;
	color: #FFF;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 10px;
	padding: 8px 15px;
	font-size: 14px;
}

#go-top{
	position: fixed;
	right: 30px;
	bottom: 30px;
	display: none;
	height: 50px;
	width: 50px;
	background: #4F4F60;
	text-align: center;
	line-height: 50px;
	z-index: 9999;
}

.social-icons a:hover{
	background:#4F4F60
}


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.header-content{
	height: px;
	padding-left: 10%;
	padding-top: 50px;
}

/*--------------------------------------------------------------
Section-area
--------------------------------------------------------------*/
.section-area-top{
	height: 500px;
}

.section-area{
	height: 350px;
	text-align: center;
}

.section-area h2{
	text-align: center;
}

.section-area-bottom{

}

.section-area-bottom img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.section-area h2.words{
	font-size: 40px;
	margin-left: auto;
	margin-right: auto;
}

.wisdom {

}

.wisdom H2 {
	 font-size: 36px;
}

.wisdom H2 span {
	font-size: 80%;
}

.wisdom H4 {
	font-size: 14px;
}

.wisdom H4 span {
	font-size: 80%;
}

/*--------------------------------------------------------------
Team Section
--------------------------------------------------------------*/


.team-content{
	
}
.team-list{
	display: inline-block;
	width: 100%;
}
.team-big-image{
	display: inline-block;
	border-radius: 0%;
}
.team-big-image img{
	border-radius: 0%;
	padding: 3px;

}
.team-detail{
	display: inline-block;
}

.team-detail h3{
        padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.team-detail h4{
        font-size: ;
	padding-bottom: 0.3em;
}

.team-detail h4.word{
	font-style: normal;
}

.team-detail h4.span{
	font-size: 12px;
}

.team-detail span{
	font-size: 11px;
}


/*--------------------------------------------------------------
Team Section
--------------------------------------------------------------*/

.story {
	width: 500px;
	padding: 20px;
	position: realative;
	float: right;
}

/*--------------------------------------------------------------
Contact us
--------------------------------------------------------------*/

.wrapper {
  height: 100vh;
  padding: 0 oem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.section- {
  position: absolute;
  top: 1em;
}
.section-radio {
  display: none;
}
.section-name {
font-size: 80%;
  padding: 0.5em 1em;
  position: relative;
  top: 1px;
  z-index: 10;
  background: #5a5a5a;
  color: #fff;
  border: 1px solid #7a7a7a;
  display: inline-block;
  text-align: center;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -ms-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  cursor: pointer;
}
.section-name:hover {
  background: #7c7c7c;
}
.section-two {
  margin-left: 80px;
}

.section-content {
  display: none;
  /*height: 15em;*/
  width: 50em;
  /*text-align: center;*/
  padding: 1em 0em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
.section-inner {
  -webkit-animation: fade-out 0.3s ease-out;
  -webkit-animation-fill-mode: both;
  -moz-animation: fade-out 0.3s ease-out;
  -moz-animation-fill-mode: both;
  -ms-animation: fade-out 0.3s ease-out;
  -ms-animation-fill-mode: both;
  animation: fade-out 0.3s ease-out;
  animation-fill-mode: both;
}
.section-radio:checked + .section-name {
  color: #2b2b2b;
  background: #fefefe;
  border-color: #535353 #535353 transparent;
  cursor: default;
}
.section-radio:checked ~ .section-content {
  display: block;
}
.section-radio:checked ~ .section-content .section-inner {
  -webkit-animation: fade-in 0.3s ease-in;
  -webkit-animation-fill-mode: both;
  -moz-animation: fade-in 0.3s ease-in;
  -moz-animation-fill-mode: both;
  -ms-animation: fade-in 0.3s ease-in;
  -ms-animation-fill-mode: both;
  animation: fade-in 0.3s ease-in;
  animation-fill-mode: both;
}


button, input[type="button"], input[type="reset"], input[type="submit"] {
  background: #5c5c5c;
}

/*--------------------------------------------------------------
*****Custom CSS *****
--------------------------------------------------------------*/

.menu-toggle{
	background-color: #7f7f7f!important;
}

.main-navigation > ul > li {
	border-bottom: 1px solid #f5f5f5!important;
}

.main-navigation > ul{
	background-color: #7f7f7f!important;
}


	.team-big-image{
		display: block!important;
}


@media screen and (max-width: 480px){
	.team-big-image{
		display: block!important;
		float: none!important;
		width: 80%!important;
	}
	.team-detail{
		float: none;
		width: auto;
	}
	.team-image{
		height: auto;
	}
	.team-tab .bx-wrapper .bx-viewport{
		border-radius: 0;
}

/* social icon */

.sbox {width: 100%; margin:0; padding:0; text-align: center;}
.social-icon { list-style-type:none;   margin-right: auto;　margin-left: auto; text-align: center;}

.social-icon li{
    display:inline-block;
    /*margin-right:5px;*/
    vertical-align:bottom;
    *display: inline;  
    zoom: 1;      
}