@charset "UTF-8";
/* line 5, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../home/ec2-user/.gem/ruby/2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*
Theme Name:		SMART-MINIMUM
Theme URI:		http://rfs.jp/
Description:	デザインありきで制作する際の、最小限必要と思われる構成のテンプレートです。
Author:			rhythmfactory
Author URI:		http://rfs.jp/
Version:		1.0
License:
License URI:
*/
/*#########################################################

要素関連

#########################################################*/
/* line 32, style.scss */
p {

}

/*#########################################################

WordPress必須クラス

#########################################################*/
/* line 42, style.scss */
.wp-caption {
  /**/
}

/* line 43, style.scss */
.wp-caption-text {
  /**/
}

/* line 44, style.scss */
.sticky {
  /**/
}

/* line 45, style.scss */
.gallery-caption {
  /**/
}

/* line 46, style.scss */
.bypostauthor {
  /**/
}

/* line 47, style.scss */
.alignright {
  /**/
}

/* line 48, style.scss */
.alignleft {
  /**/
}

/* line 49, style.scss */
.aligncenter {
  /**/
}

/* line 50, style.scss */
.screen-reader-text {
  /**/
}

/*#########################################################

レイアウト

#########################################################*/

.nt{
    text-indent: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    font-size:1px;
    line-height:0% !important;
    margin:0;
    padding:0;
    text-align:left !important;
    }
.nt *{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size:1px;
    line-height:0% !important;
        text-align:left !important;
    }

.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
 
.cf {
  min-height: 1px;
}
 
* html .cf {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* tips*/
.taC{text-align:center;}
.taR{text-align:right;}
.taL{text-align:left;}

.fwB{font-weight:bold;}
.fwN{font-weight:normal}

.dspB{display:block;}
.dspI{display:inline;}
.dspIb{display:inline-block;}
.dspT{display:table;}
.dspTc{display:table-cell;}
.itemIndent{text-indent:-1.2rem;margin-left:1.2rem;}

.flL{float:left;}
.flR{float:right;}
.flC{margin:0 auto;}

.vaM{vertical-align:middle;}
.vaT{vertical-align:top;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}

html {font-size:62.5%; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
body {font-size:12px;font-size: 1.2rem;line-height:140%;background:url(/wp-content/uploads/bg_body.jpg);background-attachment: fixed;}

.siteFrame{width:1024px;}
#main{margin-top:75px;}

.sectionBox{
	padding:100px 0;
	position:relative;
	z-index:10;
}
.sectionBox--index{background:#fff;}
.sectionBox--gray{background:url(/wp-content/uploads/bg_black.png);}
.sectionTitle{
	font-family: 'Oswald', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size:54px;
	color:#000;
	line-height:1em;
}
.sectionBox--gray .sectionTitle{
	color:#fff;
}

.smallTxt{font-size:70%;}
.oswaldTxt{	font-family: 'Oswald', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;}

.subNav{
    background: #ffae00;
	color:#fff;
	padding:10px 0;
	border-top:1px solid #fff;
}

.organicBtn {
  color: #ffae00;
  background: transparent;
	width: 220px;
	padding:12px;
	font-size:14px;
  border: 3px solid #ffae00;
  position: relative;
  z-index: 1;
  transition: .3s;
	text-decoration:none;
}
.organicBtn:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ffae00;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}
.organicBtn:hover {
  color: #fff;
}
.organicBtn:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

/*ヘッダー*/
#site-header{
	width:100%;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	padding:15px 20px;
	box-sizing:border-box;
	z-index:101;
}
#site-logo{
	background:url(/wp-content/uploads/header_logo.png) no-repeat;
	background-size:100% auto;
	width:315px;
	height:45px;
}
#site-logo a {
    height: inherit;
}

.menu-item{
	display:inline-block;
	padding-left:2em;
}
.menu-item a{
	text-decoration:none;
	color:#000;
	font-family:"Noto Sans JP", sans-serif;
	font-size:18px;
	line-height:1em;
}
.menu-item a span{
	font-size:12px;
	font-weight:normal;
	line-height:1em;
	margin-top:1px;
}
.menu-item a span:before,
.menu-item a span:after{
	content:"-";
}

#pageLabel {
    padding: 80px 0;
    color: #fff;
    position: relative;
    background: #ffae00;
}
.pageLabel--title__eng{font-size:40px;}
.pageLabel--title__japanese{vertical-align:middle;font-size:18px;padding-left:1em;}

/*フッター*/
#site-footer{
	background:#000;
	color:#fff;
}
/*トップページ*/
.indexSlide{
	line-height:0;
	background:url(/wp-content/uploads/TeamMAKIHIKA_3rd_b_240616-2.png) no-repeat;
	background-position:center center;
	background-size:auto 300px;
	position:relative;
	height:507px;
	z-index:0;
}
.indexSlide:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	background:url(/wp-content/uploads/bg_black.png);
}
.indexSlide__list{
	z-index:0;
	position:absolute;
	left:50%;
	top:0;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
}
.indexSlide__list__item{
	animation: bgw 5s ease-out forwards;
	width:142px;
	margin-right:5px;
	box-sizing:border-box;
	z-index:0;
}
@keyframes bgw {
  0% {
	  background:none;
	}
  30% {
	  background:none;
  }
  100% {
     background:#fff;
  }
}
.indexSlide__list__item--upslide img{
	animation: fadein 5s ease-out forwards;
}
@keyframes fadein {
  0% {
	  opacity:0;
     padding-top:20px;
  }
  30%{
		opacity:0;
     padding-top:20px;
	}
  100% {
     padding-top:0;
	  opacity:1;
  }
}
.indexSlide__list__item--downslide img{
	animation: down 5s ease-out forwards;
	position:relative;
}
@keyframes down {
  0% {
	  opacity:0;
		bottom:10px;
  }
  30%{
		opacity:0;
		bottom:10px;
	}
  100% {
	  opacity:1;
     bottom:0px;
  }
}
.indexSlide__list__item--makihika img{
	animation: makihika 5s ease-out forwards;
}
@keyframes makihika {
  0% {
	  opacity:0;
  }
  30%{
		opacity:0;
	}
  100% {
	  opacity:1;
  }
}
.indexSlide__list__item--outside img{
	animation: outside 5s ease-out forwards;
	position:relative;
}
@keyframes outside{
  0% {
	  opacity:0;
		bottom:30px;
  }
  30%{
		opacity:0;
		bottom:30px;
	}
  100% {
	  opacity:1;
     bottom:0px;
  }
}
.indexSlide__list__item:last-child{
	margin-right:0;
}

.bnrIndex__item {
	width:33%;
	margin-right:0.5%;
}
.bnrIndex__item:nth-child(3n){
	margin-right:0;
}

.indexMember__item{
	width:250px;
	margin-right:8px;
	margin-bottom:8px;
	line-height:0;
}
.indexMember__item:nth-child(4n){
	margin-right:0;
}
.indexMember__item{
	position:relative;
	overflow:hidden;
}
.indexMember__item__content{
	position:absolute;
	left:250%;
	bottom:10%;
	transition: all .4s;
	color:#fff;
	font-size:14px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	line-height:1.5em;
}
.indexMember__item:hover .indexMember__item__content{
	left:10%;
}
.indexMember__item__content__name{
	font-size:34px;
}

.indexNews__item,
.eventList__item{
	border-bottom:2px solid #ddd;
	padding-bottom:20px;
	transition:0.5s;
	position:relative;
	overflow:hidden;
}
.indexNews__item i,
.eventList__item i{
	position:absolute;
	right:10px;
	top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	margin-right:-100px;
	transition:0.5s;
	font-size:20px;
}
.indexNews__item:hover{
	border-bottom:2px solid #000;
}
.eventList__item:hover{
	border-bottom:2px solid #ffae00;
}
.indexNews__item:hover i,
.eventList__item:hover i{
	margin-right:0;
}
.indexNews__item a{
	text-decoration:none;
	color:#000;
	font-size:20px;
}
.indexNews__item__content__date{
	line-height:1em;
}
.indexNews__item__content__title{
	font-size:16px;
}

.eventList__item a{
	font-size:20px;
	text-decoration:none;
	color:#fff;
}
.eventList__item i{
	color:#ffae00;
}
.memberIcon{
	font-size:14px;
	line-height:1em;
	padding:5px 12px;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background:#666;
	color:#fff;
	border-radius:4px;
}
.memberIcon--19{background:#f00;}
.memberIcon--20{background:#147f45;}
.memberIcon--21{background:#ff00ff;}
.memberIcon--22{background:#0000ff;}
.memberIcon--23{background:#ffae00;}
.memberIcon--24{background:#244e22;}
.memberIcon--25{background:#000;}
/*メンバー*/
.playerDetail{
	position:relative;
	overflow:hidden;
}
.playerDetail__logo{
	position:absolute;
}
.playerDetail__logo i{
	font-size:40px;
	color:#ffae00;
  /* アニメーションの名前 */
  animation-name:UpDown;
  animation-duration: 1.0s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
@keyframes UpDown{
  /* 開始地点 */
  0%{
  /* Y軸0px */
  transform: translateY(0);
  }
  /* 終了地点 */
  100%{
  /* Y軸50px */
  transform: translateY(12px);
  }
}
.playerDetail__thumb{
	width:55%;
	transition: 1s cubic-bezier(0.75, 0, 0.25, 1);
}
.container{
	overflow: hidden;
}

.slidein{
  justify-content: center;
  align-items: center;
  transition: 1.2s cubic-bezier(0.75, 0, 0.25, 1);
	opacity:0;
}
.playerDetail__logo.slidein{
	opacity:1;
}
.slide_left{
  transform: translateX(calc(-50vw - 50%));
}
.slide_right{
  transform: translateX(calc(50vw - 50%));
}
.slide_up{
	left:50%;
	padding:120px;
	margin:0 auto;
    transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
    -ms-transform: translateY(0) translateX(-50%);
}
.show{
	opacity:1;
  transform: translateX(0) translateY(0);
}
.playerDetail__logo.show{
	opacity:0;
  transform: translateX(-50%) translateY(40%);
}

.playerDetail__box{
	width:42%;
}
.site-header__sns__item{
	font-size:40px;
	text-decoration:none;
	margin-right:0.2em;
}
.site-header__sns__item a{
	color:#000;
}

.playerLink__list__item{
	float:left;
	width:49%;
	box-sizing:border-box;
	margin-bottom:2%;
}

.playerLink__list__item:nth-child(even){
	float:right;
}
.playerLink__list__item img{
	border:1px solid #ddd;
}


/*about*/
.aboutImg{width:70%;}
.aboutTitle{width:28%;color:#fff;font-size:30px;line-height:1.2em;}
.aboutTxt{
	color:#fff;
	font-size:15px;
	line-height:1.4em;
}
.aboutLink{
	text-decoration:none;
	color:#000;
	width:23.5%;
	margin-right:2%;
	margin-bottom:2%;
}
.aboutLink:nth-child(4n){
	margin-right:0;
}
.aboutList__title{font-size:20px;}
.aboutList__title:first-letter{
	font-size:200%;
	color:#fff;
}
.aboutList__title--makihika:first-letter{background:#f00;}
.aboutList__title--umetani_kento:first-letter{background:#147f45;}
.aboutList__title--tatsuya:first-letter{background:#ff00ff;}
.aboutList__title--tsujimoto_ryo:first-letter{background:#0000ff;}
.aboutList__title--enjo_kensuke:first-letter{background:#ffae00;}
.aboutList__title--okishun:first-letter{background:#244e22;}
.aboutList__title--miki_homare:first-letter{background:#000;}
.aboutList__title--karaage_kun:first-letter{background:#666;}