@charset "utf-8";

.scrollbar_wrap {

}

.scrollbar_wrap.bg_drag {
	/*background: rgba(255,255,255,0.5);*/
	position: absolute;
	width: 100%;
	height: 0;
	z-index: 100000;
	cursor: pointer;
	top: 0;
}
.scrollbar_y {
	background: rgba(204,204,204,0.5);
	position: absolute;
	width: 8px;
	height: calc(100vh - 80px);
	margin-right: 10px;
	border-radius: 4px;
	top: 72px;
	right: 0;
	z-index: 100000;
}
.scrollbar_set {
	position: absolute;
	height: 0;
	width: 8px;
	background: #919191;
	border-radius: 4px;
	cursor: pointer;
	top: 0;
	z-index: 100000;
}
.scrollbar_wrap.bg_drag:hover .scrollbar_y {
	width: 12px;
	border-radius: 6px;
	margin-right: 8px;
}
.scrollbar_wrap.bg_drag:hover  .scrollbar_set {
	width: 12px;
	border-radius: 6px;
}

.scrollbar_y:hover {
	width: 12px;
	border-radius: 6px;
	margin-right: 8px;
}
.scrollbar_y:hover .scrollbar_set {
	width: 12px;
	border-radius: 6px;
}

.scrollbar_set:hover {
	background: #919191;
}
.scrollbar_set.drag {
	background: #b9b9b9;
}




/*-----

   base_box CSS

-----------------------------*/
.content_base {
	position: absolute;
	width: 100%;
	z-index: 100;
	top: 0;
}
.content__wrap {
	width: 100%;
}
#home {
	/*background: #000;*/
	height: 100vh;
}
#about {
	background: #000;
	padding: 0 0 40px 0;
}
#mission {
	background: #000;
}
#news {
	background: #fff;
}


/*-----

   home CSS

-----------------------------*/
.home__content {
	background: #000;
	position: relative;
}
.home__content i {
	color: #fff;
}
.home__bg_pattern {
	position: absolute;
	background: url(../images/home/home_bg_pattern.png);
	height: 100vh;
	width: 100%;
	z-index: 90;
	opacity: 0.5;
}
.home__box_wrap {
	position: relative;
	height: 100vh;
	z-index: 110;
}
.home__box {
	position: relative;
	height: 564px;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	-ms-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.home__box div {
	position: absolute;
	left: 50%;
}
.home__box .hinomaru {
	width: 564px;
	margin-left: -282px;
	top: 0;
}
.home__box .copy {
	width: 564;
	margin-left: -282px;
	top: 0;
}
.youtube {
	position: absolute;
	display: block;
	bottom: 20px;
	right: 30px;
	z-index: 110;
}
.youtube:hover {
	opacity: 0.8;
}

/*-----

   about CSS

-----------------------------*/
.about__content {
	position: relative;
	top: 0;
}
.about__list {
	height: 100vh;
}
.about__box_wrap {
	background: #fff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#about__slide {
	width: 100%;
	height: 100%;
}
#about__slide .item {
	display: block;
	width: 100%;
	height: 100vh;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #fff;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}
#item_1 {
	/*background: #abb;*/
	background: #000 url(../images/about/about_xprize_bg.jpg) no-repeat center top;
	background-size: cover;
}
#item_2 {
	/*background: #aee;*/
	background: #000 url(../images/about/about_cemedine_bg.jpg) no-repeat center top;
}
#item_3 {
	/*background: #acc;*/
	background: #000 url(../images/about/about_hakuto_bg.jpg) no-repeat center top;
}

.about__item {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	-ms-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.about__item div {
	position: absolute;
	left: 50%;
}
.pos_nav {
	position: absolute;
	background: #fff;
	height: 3px;
	width: 33.33%;
	bottom: 0;
}

.pos_nav.position_left {
	left: 0;
}
.pos_nav.position_center {
	margin: 0 33.33% 0 33.33%;
}
.pos_nav.position_right {
	right: 0;
}


/*--xprize--*/
.about__item_1 {
	height: 364px;
}
.about__item_1 .ttl {
	width: 474px;
	margin-left: -237px;
	top: 0px;
}
.about__item_1 .logo {
	width: 851px;
	margin-left: -426px;
	top: 82px;
}
.about__item_1 .logo_eclipse {
	background: url(../images/about/about_xprize_h_logo_moon_eclipse.png) no-repeat;
	width: 423px;
	height: 423px;
	margin-left: -212px;
	top: -36px;
}
.about__item_1 .copy {
	width: 752px;
	margin-left: -376px;
	top: 324px;
}


/*--cemedine--*/
.about__item_2 {
	height: 546px;
}
.about__item_2 .ttl {
	width: 392px;
	margin-left: -196px;
	top: 0;
}
.about__item_2 .logo_moon {
	width: 423px;
	margin-left: -212px;
	top: 55px;
}
.about__item_2 .logo {
	position: relative;
	width: 274px;
	height: 246px;
	margin-left: -137px;
	top: 152px;
}
.about__item_2 .logo span {
	position: absolute;
	display: block;
	top: 0;
}
.about__item_2 .logo .crescent {
	top: 100px;
	left: 127px;
}
.about__item_2 .copy {
	width: 691px;
	margin-left: -346px;
	top: 506px;
}

/*--hakuto--*/
.about__item_3 {
	height: 546px;
}
.about__item_3 .ttl {
	width: 282px;
	margin-left: -141px;
	top: 0;
}
.about__item_3 .logo {
	width: 423px;
	margin-left: -212px;
	top: 56px;
}
.about__item_3 .logo_eclipse {
	background: url(../images/about/about_xprize_h_logo_moon_eclipse.png) no-repeat;
	background-size: 100% 12690px;
	width: 423px;
	height: 423px;
	margin-left: -212px;
	top: 56px;
}
.about__item_3 .copy {
	width: 618px;
	margin-left: -309px;
	top: 507px;
}

.owl-nav {
	width: 100%;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	width:56px;
	height:56px;
}
.owl-carousel .owl-nav .owl-prev{
	position: fixed;
	background: url(../images/about/btn_arrow_left.png) no-repeat;
	top: 47%;
	left: 56px;
	pointer-events : auto;
}
.owl-carousel .owl-nav .owl-next{
	position: fixed;
	background: url(../images/about/btn_arrow_right.png) no-repeat;
	top: 47%;
	right: 56px;
	pointer-events : auto;
}

/*-----
   about xprize CSS
-----------------------------*/
#xprize {
	/*background: #cbb;*/
	background: #1f1f1f url(../images/about/about_xprize_contents_bg.jpg) no-repeat center top;
	/*height: 1420px;*/
	height: 1610px;
	/*text-align: center;*/
}
.xprize__box_wrap {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	padding: 128px 0 0 0;
}
.xprize__head {
	position: relative;
	width: 1px;
	z-index: 30;
}
.xprize__head .logo {
	margin: 0 0 40px 0;
}
.xprize__head .copy {
	margin: 0 0 20px 0;
}
.xprize__textarea {
	width: 620px;
}

.xprize__txt {
	position: relative;
	color: #fff;
	line-height: 1.77;
	margin: 0 0 12px 0;
	z-index: 20;
}
.xprize__team_logo {
	position: absolute;
	background: url(../images/about/about_hakuto_team_logo.png) no-repeat;
	width: 520px;
	height: 671px;
	top: 123px;
	right: -111px;
	z-index: 0;
}
.xprize__table {
	position: relative;
	width: 768px;
	margin: 72px auto 0;
	color: #fff;
	font-size: 16px;
	z-index: 10;
}
.xprize__table th,
.xprize__table td {
	padding: 24px 0 24px 0;
}
.xprize__table th {
	text-align: left;
}
.xprize__table .top th {
	padding: 0 0 12px 0;
}
.xprize__table .th_1 {
	width: 168px;
}
.xprize__table .th_2 {
	width: 446px;
}
.xprize__table ul li:first-child {
	margin: 0;
}
.xprize__table ul li {
	margin: 12px 0 0 0;
}
.xprize__table .top {
	border-bottom: solid 1px #c70808;
}
.xprize__table .boder_glay {
	border-bottom: solid 1px #8f8f8f;
}
.xprize__table .boder_red {
	border-bottom: solid 1px #c70808;
}
.xprize__table .btm td {
	padding-left: 616px;
}


/*-----
   about cemedine CSS
-----------------------------*/
#cemedine {
	/*background: #cee;*/
	background: #1f1f1f url(../images/about/about_cemedine_contents_bg.jpg) no-repeat center top;
	/*height: 1220px;*/
	height: 1090px;
/*	text-align: center;*/
}
.cemedine__box_wrap {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 128px 0 0 0;
}
.cemedine__box {
	text-align: center;
}
.cemedine__head {
	position: relative;
	z-index: 30;
}
.cemedine__head .logo {
	margin: 0 0 20px 0;
}
.cemedine__head .copy {
	margin: 0 0 20px 0;
}
.cmedine__txt {
	position: relative;
	color: #fff;
	line-height: 1.77;
	margin: 0 0 12px 0;
	z-index: 20;
}
.cemedine__photo {
	position: absolute;
	top: 170px;
	left: 50%;
	margin-left: -685px;
	z-index: 0;
}


/*-----
   about hakuto CSS
-----------------------------*/
#hakuto {
	/*background: #ccc;*/
	background: #1f1f1f;
	/*height: 1200px;*/
	height: 1390px;
	/*text-align: center;*/
}
.hakuto__box_wrap {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	padding: 128px 0 0 0;
}
.hakuto__box {
	float: right;
	width: 524px;
}
.hakuto__head {
	position: relative;
	z-index: 30;
}
.hakuto__head .logo {
	margin: 0 0 50px 0;
}
.hakuto__head .copy {
	margin: 0 0 20px 0;
}
.hakuto__txt {
	position: relative;
	color: #fff;
	line-height: 1.77;
	margin: 0 0 12px 0;
	z-index: 20;
}
.hakuto__photo {
	position: absolute;
	top: 90px;
	left: -171px;
	z-index: 0;
}



/*-----

   mission CSS

-----------------------------*/
.mission__content{
	position: relative;
	background: #000 url(../images/mission/mission_bg.jpg) no-repeat center top;
	height: 1214px;
	margin: 0 0 0 0;
	top: 0;
}
.mission__box_wrap {
	position: relative;
	width: 1024px;
	padding: 125px 0 0 0;
	margin: 0 auto;
}
.mission__head .ttl {
	margin: 0 0 0 -53px;
}
.mission__head .copy {
	margin: -17px 0 24px 0;
}
.mission__txt {
	width: 490px;
	color: #fff;
	line-height: 1.77;
	margin: 0 0 12px 0;
}
.mission__rover {
	position: absolute;
	top: 720px;
	right: -120px;
}
.mission__content i {
	color: #fff;
}

/*-----

   news_wp CSS

-----------------------------*/
.content_wp__base {
	width: 100%;
}

.news_wp__head {
	position: relative;
	width: 100%;
	background: #000 url(../images/news/news_wp_ttl_bg.jpg) no-repeat center top;
	height: 220px;
	top: 64px;
	z-index: 999;
	text-align: center;
	padding: 86px 0 81px 0;
}

.news_wp__content{
	position: relative;
	background: #fff;
	background-size: cover;
	height: auto;
	/*min-height: 100vh;*/
	margin: 0 0 0 0;
	top: 0;
}
.news_wp__box_wrap {
	position: relative;
	max-width: 1367px;
	min-width: 1024px;
	padding: 132px 30px 0 30px;
	margin: 0 auto;
}
.footer_wp__over_wrap {
	width: 100%;
	min-width: 1024px;
	height: 150px;
	border-top: solid 1px #cccccc;
}

.hentry {

}

.entry-meta {
	font-size: 15px;
	margin: 0 0 20px 0;
}
.entry-header h1 {
	font-size: 28px;""
	color: #000000;
	line-height: 1.28;
}
.wp_social_bookmarking_light {
	width: 400px;
	margin: 56px auto 0 !important;
	padding: 0px 0 20px 0 !important;
	overflow: hidden;
	height: 20px;
}
.wp_social_bookmarking_light:first-child {
	width: 400px;
	margin: 0 0 16px 0 !important;
}
.page-content, .entry-content, .entry-summary {
	margin: 16px 0 20px 0;
}

.edit-link a {
	display: block;
	width: 120px;
	font-size: 15px;
	font-weight: bold;
	border: solid 1px #ccc;
	padding: 8px 36px 9px 43px;
	margin: 0 auto;
	border-radius: 17px;
}
.edit-link a:hover {
	background: #ccc;
	color: red;
}


.entry-content {
	line-height: 1.6;
}
.entry-content p {
	margin-bottom: 1.5em;
}

.entry-content ul,
.entry-content ol {
	margin: 0 0 1.5em 3em;
}

.entry-content ul {
	list-style: disc;
}
.entry-content a {
	color: #f00;
}
.entry-content a:hover {
	text-decoration: underline;
}

.wsbl_hatena_button iframe {
	width: 50px !important;
}

.wsbl_google_plus_one #___plusone_0 {
	width: 32px !important;
	height: 20px !important;
}
.wsbl_google_plus_one iframe {
	width: 32px !important;
	height: 20px !important;
}

.wsbl_twitter {
	width: 72px !important;
}

/*-----

   news CSS

-----------------------------*/
.news__content{
	position: relative;
	background: #000 url(../images/news/news_bg.jpg) no-repeat center center;
	background-size: cover;
	height: 1582px;
	margin: 0 0 0 0;
	top: 0;
}
.news__box_wrap {
	position: relative;
	max-width: 1367px;
	min-width: 1024px;
	padding: 165px 30px 0 30px;
	margin: 0 auto;
}
.news__head {
	text-align: center;
}
.news__head .ttl {
	margin: 0 -51px 24px 0;
}
.news__head .caption {
	color: #000;
	line-height: 1.77;
	margin: 0 0 68px 0;
	font-weight: normal;
}

.news__release_box {
	margin: 0;
	list-style: none;
}

.news__release_box li:nth-child(3n+1) {
	margin-left: 0;
}
.news__release_box li {
	position: relative;
	background: #000;
	overflow: hidden;
	width: 28%;
	float: left;
	/*height: 300px;*/
	margin: 0 0 2% 2%;
}
.news__release_box li:before {
	content:"";
	display: block;
	padding-top: 93.6%;
}

.wp_news__release_box li {
	width: 32%;
}
.wp_news__release_box li:before {
	padding-top: 61.5%;
}


.news__release_box li.long {
	width: 40%;
}
.news__release_box li.long:before {
	content:"";
	display: block;
	padding-top: 65.5%;
}
.news__release_box a {
	position: absolute;
	display: block;
	background: #000;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.news__release_box a.no-image {
	background: #000 url(../images/news/news_no_image.png) no-repeat center 38%;
}

.news__release_box a
.news__release_box .thumb {
	display: block;
	position: relative;
	text-align: center;
}
.news__release_box .thumb img {
	width: auto;
	height: 100%;
}
.news__release_box .thumb img {
	position: relative;
	max-width : none;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
}
.news__release_box li:hover img {
	opacity: 0.8;
}
.news__release_box li:hover a.no-image {
	background: #333 url(../images/news/news_no_image.png) no-repeat center 38%;
}


.news__release_box .thumb:after {
	position: absolute;
	content: '';
	display: block;
	background: url(../images/news/release_elements.png) no-repeat;
	width: 30px;
	height: 30px;
	top: 0;
	right: 0;
	z-index: 110;
}
.news__release_box .rack {
	position: absolute;
	background: url(../images/news/release_gradation.png) repeat-x bottom;
	width: 100%;
	padding: 150px 20px 17px 20px;
	bottom: 0;
}
.news__release_box .time {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.news__release_box .time:after {
	content: '';
	display: block;
	background: #f00;
	margin: 12px 0 10px 0;
	width: 25px;
	height: 3px;
	bottom: -14px;
}
.news__release_box .ttl {
	color: #fff;
	font-size: 15px;
	line-height: 1.66;
}
.news__btn_return {
	margin-top: 28px;
}
.news__btn_return a {
	display: block;
	background: url(../images/news/icon_link_arrow_9x14.png) no-repeat 74px 13px #fff;
	width: 240px;
	padding: 13px 50px 11px 72px;
	margin: 0 auto;
	border: solid 3px #ff0000;
	border-radius: 24px;
	color: #ff0000;
	font-size: 16px;
	font-weight: bold;
	-webkit-transition: background-color .2s ease-out;
	-ms-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
	text-align: center;
}
.news__btn_return a:hover {
 background: url(../images/news/icon_link_arrow_9x14_hover.png) no-repeat 74px 13px #ff0000;
	color: #fff;
	border: solid 3px #ff0000;
}


/*-- footer
-----------------------------*/
.footer__over_wrap {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-width: 1024px;
	height: 150px;
	border-top: solid 1px #cccccc;
}
.footer__top {
	background: #fff;
	height: 70px;
	padding: 17px 0 0 0px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: .6s ease-out;
	-o-transition: .6s ease-out;
	transition: .6s ease-out;
}
.footer__top:hover {
	background: #eee;
	padding: 12px 0 0 0px;
}
.footer__btm {
	background: #000;
	height: 80px;
	border-top: solid 1px #ff0000;
	padding: 0 0 0 0;
}
.footer__btm img {
	float: left;
	margin: 22px 0 0 30px;
}
.footer__btm small {
	float: right;
	color: #fff;
	font-size: 16px;
	margin: 31px 30px 0 0;
}

/*#hover_scroll {
	position: fixed;
	bottom: 0;
	width: 128px;
	height: 48px;
	z-index: 10000;
}*/

@media screen and (max-width: 1024px) {

.xprize__box_wrap {
	padding: 128px 0 0px 30px;
	font-size: 16px;
}

.hakuto__box_wrap {
	padding: 128px 20px 0px 0px;
	font-size: 16px;
}

.mission__box_wrap {
	padding: 125px 0px 0px 30px;
	font-size: 16px;
}

.xprize__team_logo {
	background: url(../images/about/about_hakuto_team_logo_small.png) no-repeat;
	width: 342px;
	height: 675px;
	right: 72px;
}
.xprize__table {
	margin-top: 120px !important;
}

}