@charset "utf-8";
/* ======================================================
 * home.css
====================================================== */

@keyframes pattern01 {50%{right: 6px;}}

@media print, screen and (min-width: 768px) {
	
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	#home {
		position: relative;
	}
	#home .Header {
		height: 80px;
	}
	#home .HeaderBody {
		width: 100%;
		background: none;
	}
	#home .header-identity a {
		width: 200px;
		height: 24px;
		background-position: 0 -143px;
	}
	#home .Gnav,
	#home .HeaderUtility {
		display: none;
	}
	#home .container {
		position: relative;
		width: 100%;
		padding-top: 0;
	}
	#home .Assist {
		margin-top: 0;
	}
	#home .trade-text {
		position: relative;
		padding-bottom: 20px;
		background-color: #fff;
	}	
	#home .licence-text {
		position: relative;
		padding-bottom: 20px;
		background-color: #fff;
	}
	#home .Footer {
		position: relative;
		margin-top: 0;
	}
	.home-link-button {
		margin-top: 30px;
	}
	.home-link-button > li > a {
		min-width: 170px;
	}
	
	/* in-view */
	.home-banner-layout,
	.home-glance-layout,
	.home-sponsor-layout,
	.home-newsrelease,
	.home-information {
		opacity: 0;
		-webkit-transform: translate(0, 60px);
		transform: translate(0, 60px);
		transition-property: opacity, transform;
		transition-duration: .4s;
	}
	.home-banner-layout.is-inview,
	.home-glance-layout.is-inview,
	.home-sponsor-layout.is-inview,
	.home-newsrelease.is-inview,
	.home-information.is-inview {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	
	/* ----- home-hero-layout ----- */

	/* 静止画版ここから
	.home-hero-layout {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #000;
	}
	.home-hero_image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: url(/images/index_main01.png) no-repeat 50% 0;
		background-size: cover;
	}
	.home-hero_heading {
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
	}
	.home-hero_heading {
		position: absolute;
		top: 32%;
		left: 0;
		width: 100%;
		height: 240px;
		background: url(/images/index_h01.png) no-repeat 50% 0;
		text-align: center;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
	}
	静止画版ここまで */

	/* 動画版ここから */
	.home-hero-layout {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #000;
	}
	.home-hero_image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
	}
	.home-hero_movie {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.home-hero_heading {
		display: none;
	}
	/* 動画版ここまで */
	
	/* ----- home-tab-layout ----- */
	.home-tab-layout {
		position: relative;
		margin: calc(95vh - 180px) auto 0;
		/* ウィンドウ高さ95% - ヘッダ高さ - タブ高さ - 追従フッタ高さ */
	}
	.home-tab_navi .home-tab_list {
		max-width: 1800px;
		margin: 0 auto;
		padding: 0 50px;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.home-tab_navi .home-tab_list > li {
		width: calc((100% - 1%) / 3);
		margin-top: 10px !important;
		margin-left: 1px;
	}
	.home-tab_navi .home-tab_list > .is-current {
		margin-top: 0 !important;
	}
	.home-tab_navi .home-tab_list > li > a {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
		height: 90px;
		padding-top: 0;
		background-color: rgba(0, 173, 169, 0.7);
		color: #fff;
		font-size: 1.8rem;
		transition-property: background-color;
		transition-duration: .4s;
	}
	.home-tab_navi .home-tab_list > li > a:hover {
		background-color: rgba(0, 173, 169, 1);
	}
	.home-tab_navi .home-tab_list > .is-current > a {
		padding-top: 10px;
		height: 100px;
		background-color: #fff;
		color: #333;
	}
	.home-tab_navi .home-tab_list > .is-current > a:hover {
		background-color: #fff;
	}
	.home-tab_navi .home-tab_list > li > a > .tab_label {
		display: block;
		line-height: 25px;
	}
	.home-tab_navi .home-tab_list > li > a > .tab_label::before {
		content: "";
		display: inline-block;
		height: 25px;
		background: url(/images/index_sprite01.png) no-repeat 0 0;
		margin-right: 15px;
		vertical-align: -5px;
	}
	.home-tab_navi .home-tab_list > .is-consumer > a > .tab_label::before {
		width: 222px;
		background-position: 0 0;
	}
	.home-tab_navi .home-tab_list > .is-business > a > .tab_label::before {
		width: 187px;
		background-position: 0 -50px;
	}
	.home-tab_navi .home-tab_list > .is-company > a > .tab_label::before {
		width: 194px;
		background-position: 0 -100px;
	}
	.home-tab_navi .home-tab_list > .is-consumer.is-current > a > .tab_label::before {
		background-position: 0 -25px;
	}
	.home-tab_navi .home-tab_list > .is-business.is-current > a > .tab_label::before {
		background-position: 0 -75px;
	}
	.home-tab_navi .home-tab_list > .is-company.is-current > a > .tab_label::before {
		background-position: 0 -125px;
	}
	.home-tab_inner {
		background-color: #fff;
	}
	
	.home-tab_inner #tab-business,
	.home-tab_inner #tab-company{
		display: none;
	}
	
	.home-tab_inner .home-tab_panel {
		max-width: 1800px;
		padding: 50px 90px;
		margin: 0 auto;
	}
	.home-tab_inner .home-tab_heading {
		display: none;
	}
	.home-tab_inner .index-layout-v3 {
		margin-top: 0;
	}
	.home-tab_inner .index-layout-v3 .index-layout-v3_item > .block {
		background-color: transparent;
	}
	.home-tab_inner .index-layout-v3 .index-layout-v3_item {
		width: calc((100% - 36px) / 4);
		margin-top: 12px;
		margin-left: 12px;
	}
	.home-tab_inner .index-layout-v3 .index-layout-v3_label {
		padding: 15px 30px 15px 15px;
		font-size: 1.8rem;
	}
	.home-tab_inner .box-layout-v2 + .home-attention-block{
		margin-top:40px;
	}
		/* ----- home-attention-block ----- */

	.home-attention-block {
		margin-bottom: 40px;
	}

	.home-attention-inner {
		margin: 0 auto;
	}
	
	/* ----- home-attention-block (index-layout)----- */
	.home-attention-block .index-layout{
		margin-top:0;
	}
	

	.home-attention-block .index-layout .icon_attention{
		display: inline-block;
		padding:6px 3px 5px;
		line-height: 18px;
		text-align: center;
		color: #fff;
		background-color:#CC0000;
		margin-right:10px;
		font-size:2.4rem;
		width:28px;
		height:28px;
		border-radius:28px;
		font-weight:bold;
	}
	.home-attention-block .index-layout .index-layout_label{
		display: inline-block;
		font-size:1.6rem;
		paddng-bottom:1px;
	}	
	.home-attention-block .index-layout .index-layout_item:nth-child(n+2) {
		margin-top: 0;
	}
	.home-attention-block .index-layout .index-layout_item:nth-child(n + 2) > .block{
		border-top:none;		
	}

	
	/* ----- home-banner-layout ----- */
	.home-banner-layout {
		position: relative;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
		background: linear-gradient(90deg, #f4f4f4 0%, #f4f4f4 50%, #fff 50%, #fff 100%);
	}
	.home-banner-layout::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 10px;
		background: linear-gradient(rgba(234, 234, 234, .5) 0%, rgba(255, 255, 255, 0) 100%);
	}
	.home-pickup > *:first-child,
	.home-banner_side > *:first-child {
		margin-top: 0;
	}
	.home-pickup {
		width: 75%;
		max-width: 1300px;
		padding: 50px 36px 50px 58px;
		background-color: #f4f4f4;
	}
	.home-pickup_heading {
		text-align: center;
	}
	.home-pickup_heading_label {
		display: inline-block;
		width: 166px;
		height: 26px;
		background: url(/images/index_sprite01.png) no-repeat 0 -150px;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
	}
	.home-pickup_slider {
		max-width: 1206px;
		margin-top: 30px;
	}
	.home-pickup_slider .slick-slide {
		margin-right: 0;
	}
	
	.home-pickup_slider .slick-slide img {
		display: inline-block;
	}
	.home-pickup_slider .slick-list {
		margin-right: 0;
	}
	.home-banner_side {
		width: 25%;
		max-width: 435px;
		padding: 60px 60px 60px 35px;
		background-color: #fff;
		text-align: center;
	}
	
	.home-banner_side_text {
		margin-top:10px;
	}
	.home-banner_side_text > span {
		display: inline-block;
	}
	
/*オリパラ2年前バナー　180930以降削除　ここから*/

/*	.home-banner_side_image_layout{
		margin-top:20px;
	}
		
	.home-banner_side_text-v2{
		font-size:1.3rem;
		margin-top:20px;
	}	
		
	.home-banner_side_text-v2  > span {
		display: inline-block;
	}*/

/*オリパラ2年前バナー　180930以降削除　ここまで*/	
	
	
	/* ----- home-glance-layout ----- */
	.home-glance-layout {
		position: relative;
		height: 400px;
		padding-top: 50px;
		background: #3b609a url(/images/index_bg01.png) no-repeat 50% 50%;
		text-align: center;
	}
	.home-glance_heading > a {
		position: relative;
		display: inline-block;
		padding-right: 35px;
		font-size: 3.8rem;
		color: #fff;
		line-height: 1.4;
	}
	.home-glance_heading > a::before {
		content: "";
		position: absolute;
		bottom: -3px;
		left: 0;
		width: calc(100% - 35px);
		height: 3px;
		background-color: #fff;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
  }
	.home-glance_heading > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 12px;
		width: 16px;
		height: 16px;
		margin-top: -10px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
		transition-property: right;
		transition-duration: .2s;
	}
	.home-glance_heading > a:hover::before {
		transform: scaleX(1);    
	}
	.home-glance_heading > a:hover::after {
		animation: pattern01 .4s;
	}
	.home-glance_image {
		margin-top: 22px;
		text-align: center;
	}
	
	/* ----- home-sponsor-layout ----- */
	.home-sponsor-layout {
		position: relative;
		height: 515px;
		padding-top: 50px;
		background: #00ada9 url(/images/index_bg02.png) no-repeat left 50% bottom 60px;
		text-align: center;
	}
	.home-sponsor_heading > a {
		position: relative;
		display: inline-block;
		padding-right: 35px;
		font-size: 3.8rem;
		color: #fff;
		line-height: 1.4;
	}
	.home-sponsor_heading > a::before {
		content: "";
		position: absolute;
		bottom: -3px;
		left: 0;
		width: calc(100% - 35px);
		height: 3px;
		background-color: #fff;
		transform: scaleX(0);
		transform-origin: bottom left;
		transition: transform .2s;
  }
	.home-sponsor_heading > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 12px;
		width: 16px;
		height: 16px;
		margin-top: -10px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
		transition-property: right;
		transition-duration: .2s;
	}
	.home-sponsor_heading > a:hover::before {
		transform: scaleX(1);    
	}
	.home-sponsor_heading > a:hover::after {
		animation: pattern01 .4s;
	}
	
	/* ----- home-topics-layout ----- */
	.home-topics-layout {
		position: relative;
		z-index: 1;
	}
	.home-newsrelease,
	.home-information {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
		background: linear-gradient(90deg, #f4f4f4 0%, #f4f4f4 50%, #fff 50%, #fff 100%);
		border-bottom: solid 1px #ddd;
	}
	.home-newsrelease {
		position: relative;
		z-index: 2;
	}
	.home-newsrelease_head,
	.home-information_head {
		width: 25%;
		min-width: 360px;
		padding: 15px 40px 15px 80px;
		background-color: #f4f4f4;
		text-align: center;
	}
	.home-newsrelease_head .home-link-button_topics,
	.home-information_head .home-link-button_topics {
		margin-top: 20px;
	}
	.home-newsrelease_head .home-link-button_topics > li > a,
	.home-information_head .home-link-button_topics > li > a {
		min-width: 170px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.home-newsrelease_heading::before {
		content: "";
		display: inline-block;
		width: 99px;
		height: 22px;
		background: url(/images/index_sprite01.png) no-repeat 0 -176px;
		text-align: center;
	}
	.home-information_heading::before {
		content: "";
		display: inline-block;
		width: 239px;
		height: 22px;
		background: url(/images/index_sprite01.png) no-repeat 0 -198px;
		text-align: center;
	}
	.home-newsrelease_heading_label,
	.home-information_heading_label {
		display: block;
		margin-top: 5px;
	}
	.home-newsrelease_heading_label::before,
	.home-information_heading_label::before {
		content: "-";
		display: inline-block;
		margin-right: 8px;
	}
	.home-newsrelease_heading_label::after,
	.home-information_heading_label::after {
		content: "-";
		display: inline-block;
		margin-left: 8px;
	}
	.home-newsrelease_body,
	.home-information_body {
		width: 75%;
		padding: 0;
		background-color: #fff;
	}
	.home-newsrelease_body > *:first-child,
	.home-information_body > *:first-child,
	.home-newsrelease_body > .news-layout,
	.home-information_body > .news-layout {
		margin-top: 0;
	}
	.home-newsrelease_body .news-layout > .news_article > .block,
	.home-information_body .news-layout > .news_article > .block {
		position: relative;
		padding: 25px 70px 25px 50px;
		border-bottom: none;
	}
	.home-newsrelease_body .news-layout > .news_article > .block::before,
	.home-information_body .news-layout > .news_article > .block::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 30px;
		width: calc(100% - 60px);
		height: 1px;
		background-color: #eee;
	}
	.home-newsrelease_body .news-layout > .news_article > a.block:hover::before,
	.home-information_body .news-layout > .news_article > a.block:hover::before,
	.home-newsrelease_body .news-layout > .news_article:last-child > .block::before,
	.home-information_body .news-layout > .news_article:last-child > .block::before {
		display: none;
	}
	
	/* ----- home-official-layout ----- */
	.home-official-layout {
		position: relative;
		width: 100%;
		padding: 50px;
		background-color: #fff;
		text-align: center;
	}
	.home-official_account {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.home-official_account_text {
		font-size: 1.6rem;
	}
	.home-official_account_logo {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		margin-left: 50px;
	}
	.home-official_account_logo > li {
		margin-left: 30px;
	}
	.home-official_account_logo > li:first-child {
		margin-left: 0;
	}
	.home-official_account_guide {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top:20px;
		font-size:1.4rem;
	}
	.home-official_account_guide > li {
		margin-left: 30px;
		margin-top:0;
	}
	.home-official_account_guide > li:first-child {
		margin-left: 0;
	}
	
	.home-official_account_guide > li a{
	color:#333
	}
	.home-official_account_guide > li a::before{
	background-color: #333;
	}
}
	
/* ------------------静止画版　ここから-------------------------- */

/*@media print, screen and (min-width: 768px) and (max-width: 1380px) {
	.home-hero_heading {
		top: 28%;
		height: 300px;
		background-image: url(/images/index_h02.png);
	}
}

/* ------------------静止画版　ここまで-------------------------- */


@media print, screen and (min-width: 768px) and (max-width: 1260px) {
	.home-newsrelease_head,
	.home-information_head {
		min-width: 315px;
		padding: 15px 0;
	}
	.home-tab_navi .home-tab_list > li > a > .tab_label {
		text-align: center;
	}
	.home-tab_navi .home-tab_list > li > a > .tab_label::before {
		display: block;
		margin-bottom: 10px;
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	#home .Header {
		box-shadow: none;
	}
	#home .HeaderBody {
		background-color: transparent;
		border: none;
	}
	#home .is-Header-open .HeaderBody {
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}
	#home .Gnav,
	#home .sp-HeaderBody .sp-gnavList {
		display: none;
	}
	#home .header-identity a {
		background-position: 0 -130px;
	}
	#home .is-Header-open .header-identity a {
		background-position: 0 0;
	}
	#home .headerUtility-global .headerUtility-global_title > span {
		background-position: 0 -164px;
	}
	#home .is-Header-open .headerUtility-global .headerUtility-global_title > span {
		background-position: -79px -137px;
	}
	#home .container {
		padding-top: 0;
	}
	#home .Assist {
		margin-top: 0;
	}
	#home .trade-text {
		position: relative;
		padding-bottom: 10px;
	}	
	#home .licence-text {
		position: relative;
		padding-bottom: 10px;
	}
	#home .Footer {
		position: relative;
		margin-top: 0;
	}
	
	/* ----- home-hero-layout ----- */
	
	.home-hero-layout {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #000;
	}
	.home-hero_image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: url(/images/index_main01.jpg) no-repeat 50% 0;
		background-size: auto 70vh;
	}
	.home-hero_movie {
		display: none;
	}
	.home-hero_heading {
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
	}
	.home-hero_heading {
		position: absolute;
		top: 20%;
		left: 0;
		width: 100%;
		height: 142px;
		background: url(/images/index_h01_sp.png) no-repeat 50% 50%;
		background-size: auto 142px;
		text-align: center;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
	}
	
	/* ----- home-tab-layout ----- */
	.home-tab-layout {
		position: relative;
		margin: calc(70vh - 115px) auto 0;
		/* ウィンドウ高さ70% - ヘッダ高さ - タブ高さ */
	}
	.home-tab_navi .home-tab_list {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
		height: 65px;
	}
	.home-tab_navi .home-tab_list > li {
		width: calc((100% - 2px) / 3);
		margin-top: 5px !important;
		margin-left: 1px;
	}
	.home-tab_navi .home-tab_list > li:first-child {
		margin-left: 0;
	}
	.home-tab_navi .home-tab_list > .is-current {
		margin-top: 0 !important;
	}
	.home-tab_navi .home-tab_list > li > a {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
		height: 60px;
		padding-top: 0;
		background-color: rgba(0, 173, 169, 0.7);
		color: #fff;
		font-size: 1.1rem;
		transition-property: background-color;
		transition-duration: .4s;
	}
	.home-tab_navi .home-tab_list > li > a:hover {
		background-color: rgba(0, 173, 169, 1);
	}
	.home-tab_navi .home-tab_list > .is-current > a {
		padding-top: 5px;
		height: 65px;
		background-color: #fff;
		color: #333;
	}
	.home-tab_navi .home-tab_list > .is-current > a:hover {
		background-color: #fff;
	}
	.home-tab_navi .home-tab_list > li > a > .tab_label {
		display: block;
		text-align: center;
	}
	.home-tab_navi .home-tab_list > li > a > .tab_label::before {
		content: "";
		display: block;
		margin-bottom: 5px;
		margin-right: 0;
		height: 12px;
		background: url(/images/index_sprite01_sp.png) no-repeat 0 0;
		background-size: 194px auto;
	}
	.home-tab_navi .home-tab_list > .is-consumer > a > .tab_label::before {
		width: 101px;
		background-position: 0 0;
	}
	.home-tab_navi .home-tab_list > .is-business > a > .tab_label::before {
		width: 84px;
		background-position: 0 -24px;
	}
	.home-tab_navi .home-tab_list > .is-company > a > .tab_label::before {
		width: 88px;
		background-position: 0 -48px;
	}
	.home-tab_navi .home-tab_list > .is-consumer.is-current > a > .tab_label::before {
		background-position: 0 -12px;
	}
	.home-tab_navi .home-tab_list > .is-business.is-current > a > .tab_label::before {
		background-position: 0 -36px;
	}
	.home-tab_navi .home-tab_list > .is-company.is-current > a > .tab_label::before {
		background-position: 0 -60px;
	}
	.home-tab_inner {
		background-color: #fff;
	}
	.home-tab_inner #tab-business,
	.home-tab_inner #tab-company{
		display: none;
	}
	.home-tab_inner .home-tab_panel {
		padding: 30px 15px;
	}
	.home-tab_inner .home-tab_heading {
		display: none;
	}
	.home-tab_inner .index-layout-v3 {
		margin-top: 0;
	}
	.home-tab_inner .index-layout-v3[data-row-sp="2"] > .index-layout-v3_item {
		width: calc((100% - 15px) / 2);
		margin: 15px 0 0 15px;
	}
	.home-tab_inner .index-layout-v3 .index-layout-v3_item > .block {
		display: block;
		padding: 0;
		border: none;
		background-color: transparent;
		text-align: center;
	}
	.home-tab_inner .index-layout-v3 .index-layout-v3_item > .block::after {
		display: none;
	}
	.home-tab_inner .index-layout-v3 .index-layout-v3_item > .block > .index-layout-v3_image {
		margin-right: 0;
	}
	.home-tab_inner .index-layout-v3 .index-layout-v3_item > .block > .index-layout-v3_text {
		margin-top: 8px;
		-webkit-justify-content: center;
		justify-content: center;
		font-size: 1.3rem;
	}
	.home-tab_inner .index-layout-v3 .index-layout-v3_item > .block > .index-layout-v3_text .index-layout-v3_label {
		line-height: 1.2;
	}
	.home-tab_inner .box-layout-v2 p {
		text-align:left !important;
	}
	.home-tab_inner .box-layout-v2 + .home-attention-block{
		margin-top:20px;
	}
	
	/* ----- home-attention-block ----- */
	.home-attention-block {
		padding-bottom: 20px;
		background: #fff;
	}
	
	/* ----- home-attention-block (index-layout)----- */
	.home-attention-block .index-layout_inner{
		display:flex;
	}
	.home-attention-block .index-layout .icon_attention	{
		display: inline-block;
		font-size: 1.6rem;
		line-height: 14px;
		text-align: center;
		color: #fff;
		background-color:#cc0000;
		padding:4px 2px;
		margin-right:10px;
		width:20px;
		height:20px;
		border-radius:20px;
		font-weight:bold;
	}
	.home-attention-block .index-layout{
		margin-top:0px;
	}
	.home-attention-block .index-layout .index-layout_label	{
		margin-top:3px;
		font-size:1.2rem;
		displayo:inline-block;
	}
	.home-attention-block .index-layout .index-layout_item:nth-child(n + 2){
		margin-top:0;
	}	
	.home-attention-block .index-layout .index-layout_item:nth-child(n + 2) > .block{
		border-top:none;
	}
	
	/* ----- home-banner-layout ----- */
	.home-banner-layout {
		position: relative;
		width: 100%;
	}
	.home-banner-layout::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 10px;
		background: linear-gradient(rgba(234, 234, 234, .5) 0%, rgba(255, 255, 255, 0) 100%);
	}
	.home-pickup > *:first-child,
	.home-banner_side > *:first-child {
		margin-top: 0;
	}
	.home-pickup {
		padding: 25px 0 20px;
		background-color: #f4f4f4;
	}
	.home-pickup_heading {
		text-align: center;
	}
	.home-pickup_heading_label {
		display: inline-block;
		width: 105px;
		height: 16px;
		background: url(/images/index_sprite01_sp.png) no-repeat 0 -72px;
		background-size: 194px auto;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100%;
	}
	.home-pickup_slider {
		margin-top: 15px;
	}
	.home-pickup_slider .slick-slide {
		margin-right: 0;
	}
	
	.home-pickup_slider .slick-slide img {
		display: inline-block;
	}
	.home-pickup_slider .slick-list {
		margin-right: 0;
	}
	.home-pickup_slider .slick-dots {
		margin-top: 5px;
	}
	.home-pickup_slider .slick-next{
		right:20px;		
	}
	.home-pickup_slider .slick-prev{
		left:20px;		
	}
	
	.home-banner_side {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 15px;
		background-color: #fff;
	}
	.home-banner_side > * {
		width: calc((100% - 16px) / 2);
	}
	.home-banner_side_text {
		font-size: 1.3rem;
		line-height: 1.4;
	}
	.home-banner_side_text br {
		display: none;
	}
	.home-pickup_slider > .slider_item:not(:first-child){
		display:none;
	}

	/*オリパラ2年前バナー　180930以降削除　ここから*/
/*	.home-banner_side{
		display: block;
	}
	.home-banner_side > * {
		width: 100%;
	}
	
	.home-banner_side > .home-banner_side_image-v2{
		text-align:center;
	}
	
	.home-banner_side > .home-banner_side_image_layout{
		display: -webkit-flex;
		display:flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-top:15px;
	}
	.home-banner_side > .home-banner_side_image_layout > *{
		width: calc((100% - 16px) / 2);
	}
	.home-banner_side_text-v2 {
		font-size: 1.3rem;
		line-height: 1.4;
	}*/
	
/*オリパラ2年前バナー　180930以降削除　ここまで*/	
	
	/* ----- home-glance-layout ----- */
	.home-glance-layout {
		position: relative;
		height: 230px;
		padding: 25px 0;
		background: #3b609a url(/images/index_bg01_sp.png) no-repeat 50% 50%;
		background-size: cover;
		text-align: center;
	}
	.home-glance_heading > a {
		position: relative;
		display: inline-block;
		padding: 0 30px;
		font-size: 2.1rem;
		color: #fff;
		line-height: 1.2;
	}
	.home-glance_heading > a::after {
		content: "";
		position: absolute;
		top: 75%;
		right: 12px;
		width: 12px;
		height: 12px;
		margin-top: -8px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
		transition-property: right;
		transition-duration: .2s;
	}
	.home-glance_heading > a:hover::after {
		animation: pattern01 .4s;
	}
	.home-glance_image {
		margin-top: 10px;
		padding: 0 10px;
		text-align: center;
	}
	.home-glance_image img {
		max-height: 121px;
	}
	
	/* ----- home-sponsor-layout ----- */
	.home-sponsor-layout {
		position: relative;
		height: 230px;
		padding: 25px 15px;
		background: #00ada9 url(/images/index_bg02.png) no-repeat left 50% bottom 30px;
		background-size: auto 130px;
		text-align: center;
	}
	.home-sponsor_heading > a {
		position: relative;
		display: inline-block;
		padding: 0 30px;
		font-size: 2.1rem;
		color: #fff;
		line-height: 1.4;
	}
	.home-sponsor_heading > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 12px;
		width: 12px;
		height: 12px;
		margin-top: -8px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
		transition-property: right;
		transition-duration: .2s;
	}
	.home-sponsor_heading > a:hover::after {
		animation: pattern01 .4s;
	}
	
	/* ----- home-topics-layout ----- */
	.home-topics-layout {
		position: relative;
		z-index: 1;
	}
	.home-newsrelease,
	.home-information {
		padding: 25px 15px;
		background-color: #fff;
		border-bottom: solid 1px #ddd;
	}
	.home-newsrelease {
		position: relative;
		z-index: 2;
	}
	.home-newsrelease_head,
	.home-information_head {
		text-align: center;
		line-height: 1.4;
	}
	.home-newsrelease_head .home-link-button_topics,
	.home-information_head .home-link-button_topics {
		margin-top: 20px;
	}
	.home-newsrelease_heading::before {
		content: "";
		display: inline-block;
		width: 73px;
		height: 16px;
		background: url(/images/index_sprite01_sp.png) no-repeat 0 -88px;
		background-size: 194px auto;
		text-align: center;
		vertical-align: middle;
	}
	.home-information_heading::before {
		content: "";
		display: inline-block;
		width: 194px;
		height: 17px;
		background: url(/images/index_sprite01_sp.png) no-repeat 0 -104px;
		background-size: 194px auto;
		text-align: center;
		vertical-align: middle;
	}
	.home-newsrelease_heading_label,
	.home-information_heading_label {
		display: block;
		margin-top: 8px;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.home-newsrelease_heading_label::before,
	.home-information_heading_label::before {
		content: "-";
		display: inline-block;
		margin-right: 8px;
	}
	.home-newsrelease_heading_label::after,
	.home-information_heading_label::after {
		content: "-";
		display: inline-block;
		margin-left: 8px;
	}
	.home-newsrelease_body,
	.home-information_body {
		margin-top: 5px;
	}
	.home-newsrelease_body > *:first-child,
	.home-information_body > *:first-child,
	.home-newsrelease_body > .news-layout,
	.home-information_body > .news-layout {
		margin-top: 0;
	}
	.home-newsrelease_body .news-layout > .news_article,
	.home-information_body .news-layout > .news_article {
		border-top: solid 1px #eee;
	}
	.home-newsrelease_body .news-layout > .news_article:first-child,
	.home-information_body .news-layout > .news_article:first-child {
		border-top: none;
	}
	.home-newsrelease_body .news-layout > .news_article > .block,
	.home-information_body .news-layout > .news_article > .block {
		position: relative;
		padding: 15px 0;
		border-bottom: none;
	}
	.home-newsrelease .home-link-button_topics,
	.home-information .home-link-button_topics {
		margin-top: 5px;
	}
	.home-newsrelease .home-link-button_topics > li > a,
	.home-information .home-link-button_topics > li > a {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	/* ----- home-official-layout ----- */
	.home-official-layout {
		position: relative;
		width: 100%;
		padding: 25px 15px;
		background-color: #fff;
		text-align: center;
	}
	.home-official_text {
		text-align: left;
	}
	
	.home-official_account{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.home-official_account_logo {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		margin-top:15px;
	}
	.home-official_account_logo > li {
		margin-left: 15px;
	}
	.home-official_account_logo > li:first-child {
		margin-left: 0;
	}
	.home-official_account_guide {
		text-align: left;
		margin-top:10px;
	}
	.home-official_account_guide > li a{
	color:#333
	}
	
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
	.home-hero_image {
		background-size: 100% auto;
	}
}
@media only screen and (max-device-width: 667px) and (orientation:landscape){
	
	/* ----- home-hero-layout ----- */
	.home-hero_image {
		background-size: cover;
	}
	.home-hero_heading {
		top: 22%;
	}
	
	/* ----- home-tab-layout ----- */
	.home-tab-layout {
		margin: calc(100vh - 171px) auto 0;
		/* ウィンドウ高さ - ヘッダ高さ - タブ高さ - 追従フッタ高さ */
	}
	.home-tab_inner .index-layout-v3[data-row-sp="2"] > .index-layout-v3_item {
		width: calc((100% - 30px) / 3);
		margin: 15px 0 0 15px !important;
	}
	.home-tab_inner .index-layout-v3[data-row-sp="2"] > .index-layout-v3_item:nth-child(-n+3) {
		margin-top: 0 !important;
	}
	.home-tab_inner .index-layout-v3[data-row-sp="2"] > .index-layout-v3_item:nth-child(3n+1) {
		margin-left: 0 !important;
	}
	
}

@media print {
	.home-banner-layout.is-inview,
	.home-glance-layout.is-inview,
	.home-sponsor-layout.is-inview,
	.home-newsrelease.is-inview,
	.home-information.is-inview {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}