@charset "UTF-8";

/*------------------------------------------------------------
CSS Document


2022 WRC ラリー・スペイン LP

MAKING 220523 sim_ishizone
-------------------------------------------------------------*/


/*------------------------------------------------------------
CSSの構造

・基本構造
・メインビジュアル

-------------------------------------------------------------*/


/*--------------------------------------------------------
リセット
--------------------------------------------------------*/
#tgr_2019 .tmp_column_right{
  display: none;
}

#contents-body .tmp_column_bottom{
  display: none;
}

.has-head_round{
  padding-top: 0;
}

a:hover {
  opacity: 1;
}


/*--------------------------------------------------------
基本構造
--------------------------------------------------------*/
#tgr_2019 {
background: #4F4F4F;
}

#contents_wrapper{
margin: 0 auto;
width: 100%;
max-width: 1600px;
background: #c60e1a;
text-align: center;
font-family: YuGothic, '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴシック ProN', Meiryo, 'メイリオ', sans-serif;
}

#tgr_2019 .tmp_column_right{
display: none;
}

.bottom_link{
display: none;
}

/* サイドバー非表示 */
.side.wec{
display: none !important;
}


#contents_wrapper h1{
padding: 0;
font-size: 36px;
font-weight: bold;
font-style: oblique;
}

#contents_wrapper h1 img {
  width: 100%;
}

#contents_wrapper h1 span{
font-size: 16px;
font-weight: normal;
display: block;
line-height: 1.5;
padding-bottom: 10px;
}

.tgr-promotion {
margin-top: 0;
}

.linkbutton a {
width: 60%;
font-size: 13px;
}

.date-text {
  font-size: 0.8rem;
  color: #8c8c8c;
}

.pc-1030, .pc-1260 {
display: block;
}
.sp-1030, .sp-1260 {
display: none;
}
.pc-768 {
display: block;
}
.sp-768 {
display: none;
}
.br-1240 {
display: none;
}

@media screen and (min-width: 768px){
.br_sp{
  display: none;
}
}

@media screen and (max-width: 1260px){
.sp-1260 {
  display: inline;
}
.pc-1260 {
  display: none;
}
}

@media screen and (max-width: 1250px){
.br-1240 {
  display: block;
}
}

@media screen and (max-width: 1030px){
.pc-1030 {
  display: none;
}
.sp-1030 {
  display: block;
}
}

@media screen and (max-width: 768px){
.pc-768 {
  display: none;
}
.sp-768 {
  display: block;
}
.sp-1260 {
  display: none;
}
.pc-1260 {
  display: block;
}
}

.contents-onbord .comingsoon {
  font-size: 1.5rem;
  line-height: 0.65;
  color: #ff0000;
  font-weight: bold;
}
#columnWrap .comingsoon {
  margin: 0;
  padding: 30px 0;
  font-size: 1.5rem;
  line-height: 1;
  color: #fff;
  font-weight: bold;
}

#columnWrap .column-item{
  
}



/* #twitter-widget-0 iframe { width: 740px !important; } */
/*------------------------------------------------------------
Youtubeレスポンシブ対応
-------------------------------------------------------------*/

.YoutubeWrapper{
position: relative !important;
margin-top: 1.2em  !important;
margin-bottom: 1.2em  !important;
padding-top: 69px  !important;
padding-bottom: 50%  !important;
overflow: hidden  !important;
}


.YoutubeWrapper iframe {
position: absolute  !important;
top: 0  !important;
left: 0  !important;
height: 100%  !important;
width: 100%  !important;
}

/*------------------------------------------------------------
ティザーページ
-------------------------------------------------------------*/
#mainVidual{
  position: relative;
}

#rally-spain_for_partners{
  position: relative;
}

.teaser_mainVidual{
  width: 100%;
  height: 1060px;
}

.teaser_mainVidual img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contents_teaser{
  position: absolute;
  top: 7%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-family: YuGothic, '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴシック ProN', Meiryo, 'メイリオ', sans-serif;
}

.teaser_title_h2{
  font-size: 26px;
  font-weight: bold;
  color: #fff;
}

.teaser_title_h3{
  font-size: 39px;
  font-weight: bold;
  line-height: 47px;
  margin-top: 13px;
  color: #fff;
}

.teaser_img img{
  width: 400px;
}

.teaser_text_live{
  font-size: 61px;
  color: #fff;
  font-weight: bold;
  margin-top: -10px;
}

.teaser_text_from{
  font-size: 47px;
  color: #fff;
  font-weight: bold;
  margin-top: -28px;
}

.teaser_text_comingsoon{
  font-size: 34px;
  color: #fff;
  font-weight: bold;
  margin-top: 10px;
}

.receReport_text_comingsoon{
  font-size: 34px;
  color: #000;
  font-weight: bold;
  margin-top: 10px;
}

@media screen and (max-width: 700px) {
  .teaser_mainVidual{
    height: 900px;
  }

  .teaser_title_h2{
    font-size: 20px;
  }

  .teaser_title_h3{
    font-size: 31px;
    line-height: 40px;
    margin-top: 10px;
  }

  .teaser_img img{
    width: 370px;
  }

  .teaser_text_live{
    font-size: 46px;
  }

  .teaser_text_from{
    font-size: 36px;
  }

  .teaser_text_comingsoon{
    font-size: 25px;
  }
}

@media screen and (max-width: 490px) {
  .teaser_mainVidual{
    height: 670px;
  }

  .teaser_title_h2{
    font-size: 17px;
  }

  .teaser_title_h3{
    font-size: 23px;
    line-height: 32px;
    margin-top: 8px;
  }

  .teaser_img img{
    width: 300px;
  }

  .teaser_text_live{
    font-size: 33px;
  }

  .teaser_text_from{
    font-size: 26px;
    margin-top: -16px;
  }

  .teaser_text_comingsoon{
    font-size: 18px;
  }
}

/*------------------------------------------------------------
mainvidual
-------------------------------------------------------------*/
#main_visual_img{
  width: 100%;
}

#main_visual_img img{
  width: 100%;
}

#mainVidual{
  padding: 0 0 130px 0;
    background-color: #fff;
    border-bottom: solid 2px #4F4F4F;
}

@media screen and (max-width: 800px) {
  #mainVidual{
  padding: 0 0 0 0;
}
}

/*------------------------------------------------------------
コンテンツ
-------------------------------------------------------------*/
.contentsItem-inner {
  padding: 0 20px 0;
}

.scroll-arrow {
  margin: 0 0 35px 0;
  width: 35px;
  animation: scroll 2.0s ease infinite;
}

@keyframes scroll {
  0% { transform:translateY(0) }
  14% { transform:translateY(5px) }
  28% { transform:translateY(0) }
  42% { transform:translateY(5px) }
  56% { transform:translateY(0) }
  100% { transform:translateY(0) }
}

#scrollContents .scroll-arrow {
  margin: 20px 0 30px 0;
}

#receReport .scroll-arrow {
  margin: 20px 0 30px 0;
}

@media screen and (max-width: 1300px){
  #receReport {
      margin: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  #receReport .scroll-arrow {
    margin: 20px 0 0 0;
  }
}


#onbordWrap a:hover {
	opacity: 0.75 ;
}

#columnWrap a:hover {
	opacity: 0.75 ;
}

#specialContents a:hover {
	opacity: 0.75 ;
}

.report-item:hover {
	opacity: 0.75 ;
}

.nolink:hover {
	opacity: 1 !important;
}

  
a:hover .link-text {
  
}
  
a:hover .link-text::before {
  transform: translateX(0);
}

a:hover .link-text::after {
  border-color: #ff0000 #ff0000 transparent transparent;
}

.background_white{
  background-color: #fff;
}

/*------------------------------------------------------------
パートナー向け動画エリア
-------------------------------------------------------------*/
#specialVideo {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2022/24h-lemans_for_partners/images/specialvideo_back.jpg) no-repeat;
  background-size: cover;
}

#specialVideo .contentsItem-inner {
  padding: 0;
  position: relative;
}

#specialVideo .pattern{
min-width: 100%;
min-height: 100%;
background:url(/-/media/TMC/tgr/jpn/contents/wec/special/2022/24h-lemans_for_partners/images/line.png); 
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

#specialVideo .video {
  width: 100%;
  height: 367px;
  object-fit: cover;
}

.live-tag{
  background-color: #000;
  color: #ff0000 !important;
  font-size: 10px;
  font-weight: bold;
  width: 120px;
  text-align: left !important;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 93% 100%);
  margin: -8px 0 0 15px;
  padding: 0 0 0 7px !important;
  line-height: normal !important;
  font-style: italic;
}
@media screen and (max-width: 1024px){
  #specialVideo .video {
    height: 670px;
  }
}
@media screen and (max-width: 768px){
  #specialVideo .contentsItem-inner {
    padding: 0 20px;
  }
  #specialVideo .pattern, #specialVideo .video {
    display: none;
  }
}

.specialVideo-list {
  margin: 0 auto;
  padding: 100px 20px 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.specialVideo-item {
  margin: 0 20px 0 0;
  width: 100%;
  max-width: 310px;
}

.specialVideo-item:last-child {
  margin: 0 0 0 0;
}

@media screen and (max-width: 1024px){
  .specialVideo-list {
    padding: 80px 0 30px;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .specialVideo-item, .specialVideo-item:last-child {
    margin: 0 10px 40px;
    max-width: 350px;
  }
}
@media screen and (max-width: 768px){
  .specialVideo-list {
    padding: 80px 0 50px;
    display: block;
    position: relative;
  }
  .specialVideo-item {
    margin: 0 auto 40px;
  }
  .specialVideo-item:last-child {
    margin: 0 auto 0;
  }
}

.specialVideo-item img {
  width: 100%;
  border: 1px solid transparent;
  transition: .5s;
}

.specialVideo-item:hover img {
  width: 100%;
  border: 1px solid #fff;
}

.specialVideo-item p {
  padding: 10px 0 0 0;
  line-height: 1.2;
  color: #FFF;
  text-align: left;
}

.specialVideo-item p span {
  font-size: 0.8rem;
  display: block;
}

@media screen and (max-width: 768px){
  .specialVideo-item p {
    font-size: 1rem;
  }
}

.specialVideo-item a {
  width: 100%;
  height: 100%;
  position: relative;
}

.specialVideo-item a::before {
  content: '';
  width: 80px;
  height: 51px;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2022/24h-lemans_for_partners/images/icon_play.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .4s;
}

.specialVideo-item a:hover::before {
  opacity: 1;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2022/24h-lemans_for_partners/images/icon_play_hover.png) no-repeat;
  background-size: contain;
}

.specialVideo-item a:hover img {
  opacity: 1;
}

#specialContentsPartner {
  padding: 100px 0 30px 0;
  background-color: #fff;
}

#specialContentsPartner .specialCP-subtitle{
  margin-bottom: 0;
}

.specialCP-title {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #000;
  font-family: "Nobel-Bold", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: italic;
}

.specialCP-subtitle {
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  font-style: italic;
  margin-bottom: 60px;
}

@media screen and (max-width: 768px){
  #specialContentsPartner {
    padding: 70px 0 50px 0;
    background-size: auto 100%;
    background-position: center;
  }
  .specialCP-title {
    font-size: 5.5rem;
  }
  .specialCP-subtitle {
    font-size: 1.8rem;
    margin-top: 24px;
  }
}

.specialCP-list {
  margin: 0 auto;
  padding: 0 0 90px;
  width: 100%;
  max-width: 1300px;
  display: flex;
  justify-content: center;
}

.specialCP-item {
  margin: 40px 0 0 0;
  padding: 20px;
  width: 100%;
  max-width: 420px;
  background: #fff;
}

.specialCP-text{
  color: #000;
}

@media screen and (max-width: 1340px){
  .specialCP-item {
    max-width: 370px;
  }
}

@media screen and (max-width: 1020px){
  .specialCP-list {
    display: grid;
    grid-template-columns: 50% 50%;
}
.specialCP-item {
    margin: 41px auto 0 auto;
}
}

@media screen and (max-width: 1189px){
  .specialCP-item {
    /* margin: 20px 0 10px;
    padding: 20px 20px 10px; */
  }
}

@media screen and (max-width: 768px){
  .specialCP-list {
    margin: 0 auto;
    padding: 0 0 50px;
    display: block;
  }
  .specialCP-item {
    padding: 20px 20px 10px;
    max-width: 100% !important;
    margin: 20px auto 0 auto !important;
  }
  #specialContentsPartner .contentsItem-inner {
    padding: 0;
}
}

.specialCP-item img {
  width: 100%;
}

.specialCP-text {
  padding: 8px 0 0 0;
  line-height: 1.2;
  color: #000;
  text-align: left;
  font-weight: bold;
  margin-top: 0 !important;
}

.specialCP-item p span {
  font-size: 0.8rem;
  display: block;
}

@media screen and (max-width: 768px){
  .specialCP-item p {
    line-height: 1.5;
    font-size: 1.2rem;
  }
  .specialCP-item p span {
    font-size: 1.0rem;
  }
  .live-tag{
    font-size: 1.0rem !important;
    width: 178px;
    margin: -14px 0 0 15px;
  }
}

.specialCP-item a {
  width: 100%;
  height: 100%;
  position: relative;
}
.specialCP-item a.nolink::before {
  display: none;
}

.specialCP-item a::before {
  content: '';
  width: 80px;
  height: 51px;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2022/24h-lemans_for_partners/images/icon_play.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .4s;
}

.specialCP-item a:hover::before {
  opacity: 1;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2022/24h-lemans_for_partners/images/icon_play_hover.png) no-repeat;
  background-size: contain;
}

.specialCP-item a:hover img {
  opacity: 1;
}

.specialCP-banner {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 100%;
  max-width: 1300px;
}

/*------------------------------------------------------------
インフォメーション Twitterエリア
-------------------------------------------------------------*/
#onbordWrap{
  background: url(/-/media/TMC/tgr/jpn/contents/wrc/special/2022/rally-spain_for_partners/images/specialcontentspartner_back.jpg) no-repeat;
  background-size: cover;
}

#onbordWrap .specialContents-item {
	background-color: #fff;
}

#onbordWrap .contentsItem-inner {
  margin: 0 auto;
  padding: 80px 20px 0;
  width: 100%;
  max-width: 1340px;
}

.informationWrap-contents01{
  display: flex;
}

.contents-informationSite{
  margin-right: 25px;
  width: 50%;
}

.information-backimg{
  position: relative;
  
}

.information-backimg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.information-backimg-h{
  position: relative;
  
  margin-top: 25px;
}

.information-backimg-h img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.information-item{
  position: relative;
}

.information-item-text{
  text-align: left;
  position: absolute;
  top: 8%;
  left: 4%;
}

.information-title{
  color: #fb4b01;
  font-size: 19px;
  font-weight: bold;
}

.information-subtitle{
  color: #fb4b01;
  font-size: 37px;
  font-weight: bold;
  margin-top: 0;
  line-height: 36px;
}

.information-text{
  color: #fb4b01;
  margin-top: 0;
  font-size: 12px;
  margin: 11px 0 44px 0;
}

.information-item-text-h{
  text-align: left;
  position: absolute;
  top: 10%;
  left: 4%;
}

.information-item-text-h .information-title{
  color: #fff;
  font-size: 19px;
  font-weight: bold;
}

.information-item-text-h .information-subtitle{
  color: #fff;
  font-size: 37px;
  font-weight: bold;
  margin: 0 0 42px 0;
  line-height: 43px;
}

.information-item-text-h .information-text{
  color: #fff;
  margin-top: 0;
  font-size: 12px;
}

.link-button{
  display: flex;
  height: 18px;
  margin-top: 20px;
}

.infolink-list{
  display: flex;
}

.link-text{
  color: #fff;
  margin: 0 0 0 4px;
  font-weight: bold;
}

.link-button-arrow{
  width: 43px;
  height: 5px;
  margin: 11px 0 0 11px;
}

.informationContents-list {
  margin: 25px auto 0;
  padding: 0 0 150px;
  width: 100%;
  max-width: 1300px;
  display: flex;
}

.informationContents-list .specialContents-item{
  margin: 0 25px 0 0;
}

.contents-onbord, .contents-twitter {
  width: calc(98% / 2);
}

.contents-onbord {
  margin: 0 2% 80px 0;
  padding: 0 0 20px;
  background: #fff;
}

.contents-twitter {
  margin: 0 0 0 0;
  background: #000;
  color: #fff;
}
@media screen and (max-width: 768px){
  .contents-onbord, .contents-twitter {
    width: 100%;
  }
  .contents-onbord {
    margin: 0 60px 40px 0;
    padding: 0 0 20px;
  }
  .contents-twitter {
    margin: 0 0 30px 0;
  }
}

.onbord-title {
  margin: 30px auto;
  font-size: 2.3rem;
  line-height: 0.65;
  color: #ff0000;
  font-family: "Nobel-Bold", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}
.onbord-title span {
  font-size: 1rem;
  font-weight: bold;
}

.onbord-text {
  padding: 0 0 15px;
}
@media screen and (max-width: 768px){
  .onbord-title {
    margin: 30px auto 15px;
  }
  .onbord-text {
    padding: 0 0 15px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

.twitter {
  padding: 20px;
}

.twitter p {
  color: #fff;
}

.twitter-title {
  margin: 0 auto 20px;
  width: 140px;
}
@media screen and (max-width: 768px){
  .twitter {
    padding: 20px 10px;
  }
  .twitter p {
    font-size: 1rem;
  }
  .twitter-title {
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 450px){
  .twitter p {
    font-size: 3.4666vw;
  }
}

.twitter a {
  color: #fff;
}

.twitter .twitter-link {
  margin: 10px auto;
  padding: 6px 10px;
  width: 170px;
  background: #1ea1f0;
  display: flex;
  font-size: 0.9rem;
  position: relative;
  transition: .3s;
}
@media screen and (max-width: 768px){
  .twitter .twitter-link {
    width: 210px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 450px){
  .twitter .twitter-link {
    width: 180px;
    font-size: 1.0rem;
  }
}

.twitter .twitter-link::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2022/24h-lemans_for_partners/images/icon_twitter.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  transition: .3s;
}

.twitter a:hover {
  opacity: 0.7;
  text-decoration: underline;
}

.twitter .twitter-link:hover {
  opacity: 1;
  background: #fff;
  color: #1ea1f0 !important;
  text-decoration: none;
}

.twitter .twitter-link:hover::after {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2022/24h-lemans_for_partners/images/icon_twitter_h.png) no-repeat;
  background-size: contain;
}

.twitsterLive {
  margin: 20px 0 0;
}

@media screen and (max-width: 1345px){
.twitsterLive iframe {
  max-height: calc(100vw / 6) !important;
}
}


/*------------------------------------------------------------
スペシャルコンテンツ
-------------------------------------------------------------*/
#scrollContents {
  position: relative;
}

#scrollContents::before {
  content: '';
  width: 100%;
  position: absolute;
  border: 1px solid #000;
  left: 0;
  top: 23%;
}

.specialC-img {
  margin: 0 auto;
  width: 100%;
  max-width: 700px;
  display: block;
}

.specialC-title {
  margin: 10px auto 10px;
  width: 100%;
  display: block;
  font-size: 4.2rem;
  line-height: 1;
  font-family: "Nobel-Bold", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}
@media screen and (max-width: 768px){
  .specialC-title {
    margin: 10px auto 10px;
    font-size: 9vw;
  }
}
@media screen and (max-width: 500px){
  .specialC-title {
    font-size: 3rem;
  }
}

#columnWrap {
  margin: 100px auto;
  width: 100%;
  max-width: 1300px;
}

#columnWrap .contentsItem-inner{
  background: #99000a;
}

#columnWrap .specialCP-title, #columnWrap .specialCP-subtitle{
  color: #fff;
}

.column-title {
  margin: 0 auto;
  padding: 40px 0 0;
  max-width: 600px;
  font-size: 3rem;
  font-weight: bold;
  color: #fff;
}

.column-title:before, .column-title::after {
  content: '';
  width: 50px;
  height: 1px;
  border: 1px solid #fff;
  position: absolute;
  bottom: 41px;
}
.column-title:before {
  left: 0;
}
.column-title:after {
  right: 0;
}

.column-title span {
  display: block;
  line-height: 1.2;
  font-size: 1.3rem;
  font-weight: bold;
}

.column-text {
  color: #fff;
  font-size: 1rem;
}

.column-text-bottom,.specialContents-text-bottom{
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media screen and (max-width: 768px){
  .column-title {
    padding: 30px 0 5px;
    width: 100%;
    max-width: 350px;
    font-size: 1.7rem;
  }
  .column-title span {
    font-size: 1rem;
  }
  .column-text {
    font-size: 0.8rem;
  }
  .column-title:before, .column-title::after {
    width: 25px;
    bottom: 27px;
  }
  .column-title:before {
    left: 0;
  }
  .column-title:after {
    right: 0;
  }
}

.column-text .date-text {
  color: #8c8c8c;
}

.column-list {
  padding: 40px 20px 40px;
  display: flex;
  justify-content: space-around;
}

.column-item {
  margin: 0 30px 0 0;
  width: calc((100% - 30px) / 2);
  text-align: left;
}

.column-item:last-child {
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px){
  .column-list {
    padding: 30px 0 40px;
    display: block;
  }
  .column-item {
    margin: 0 0 40px;
    width: 100%;
  }
  .column-item:last-child {
    margin: 0 0 0 0;
  }
}

.column-item h3 {
  padding: 0 0 16px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
}

.column-text p{
  color: #fff;
  padding: 0 0 20px;
}

.column-item .column-text {
  padding: 30px 0 55px 0;
}

.column-item .column-text .link-button{
  justify-content: end;
}

.special-tag{
  background-color: #ffff00;
  color: #ff0000 !important;
  font-size: 10px;
  font-weight: bold;
  width: 100px;
  text-align: center;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 93% 100%);
  margin: -42px 0 18px 15px;
  padding: 0 !important;
  font-style: italic;
}

.mainVidual-hr{
  color: #000;
}
@media screen and (max-width: 768px){
  .column-item .column-text {
    padding: 10px 20px 30px;
  }
  .column-item p {
    font-size: 1rem;
  }
  .special-tag {
    background-color: #ffff00;
    color: #ff0000 !important;
    font-weight: bold;
    width: 150px;
    text-align: center;
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 93% 100%);
    margin: -28px 0 18px 15px;
    padding: 0 !important;
    font-style: italic;
}
.column-text-bottom, .specialContents-text-bottom {
    position: inherit;
}
.column-text p {
    padding: 0 0 33px;
}
.informationContents-list .link-button-arrow {
    margin: 13px 0 0 11px;
}
#columnWrap .link-button-arrow,#specialContents .link-button-arrow {
    margin: 13px 0 0 11px;
}
}
@media screen and (max-width: 450px){
  .column-item h3 {
    font-size: 1rem;
    line-height: 1.4;
  }
  .column-item p {
    font-size: 0.8rem;
  }
}

.column-item .link-text {
  
}
@media screen and (max-width: 450px){
  .column-item .link-text {
    font-size: 1rem;
  }
}

#readItemWrap {
  margin: 50px auto;
  width: 100%;
  max-width: 1340px;
}

.readItem-list {
  display: flex;
  background: #000;
}

.readItem-item {
  width: 55%;
  position: relative;
}

.readItem-item:first-child {
  padding: 30px;
  width: 45%;
  text-align: left;
}
@media screen and (max-width: 1125px){
  .readItem-item:last-child {
    display: flex;
    align-items: center;
    justify-self: left;
  }
  .readItem-item:last-child img {
    width: 98%;
  }
}
@media screen and (max-width: 768px){
  #readItemWrap {
    margin: 40px auto;
    width: 100%;
    max-width: 1340px;
  }
  .readItem-list {
    flex-wrap: wrap;
  }
  .readItem-item {
    width: 100%;
    order: 0;
  }
  .readItem-item:first-child {
    padding: 10px 20px 30px;
    width: 100%;
    order: 1;
  }
  .readItem-item:last-child img {
    width: 100%;
  }
}

.readItem-item h2 {
  padding: 10px 0;
  color: #ff0000;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
}

.readItem-item p {
  color: #fff;
}

.readItem-item .date-text {
  color: #8c8c8c;
}

.readItem-item .link-text {
  position: absolute;
  bottom: 30px;
}
@media screen and (max-width: 1125px){
  .readItem-item .link-text {
    margin: 20px 0 0;
    position: relative;
    bottom: 0;
  }
}
@media screen and (max-width: 768px){
  .readItem-item h2 {
    padding: 5px 0 10px;
    font-size: 1.2rem;
  }
  .readItem-item p {
    font-size: 1rem;
  }
  .readItem-item .link-text {
    margin: 20px auto 0;
    font-size: 1rem;
  }
}
@media screen and (max-width: 450px){
  .readItem-item h2 {
    font-size: 1rem;
    line-height: 1.4;
  }
  .readItem-item p {
    font-size: 0.8rem;
  }
}

/*------------------------------------------------------------
歴史コンテンツ
-------------------------------------------------------------*/
#specialContents {
  background: #000;
}

#specialContents .specialCP-title,#specialContents .specialCP-subtitle{
  color: #fff;
}

#specialContents .specialCP-title{
  padding: 100px 0 0 0;
}

#specialContents .link-button {
  justify-content: end;
}

#specialContents hr{
  color: #fff;
}

.pickup-tag{
  background-color: #ff0000;
  color: #ffff00 !important;
  font-size: 10px;
  font-weight: bold;
  width: 100px;
  text-align: center;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 93% 100%);
  margin: -31px 0 14px 15px;
  font-style: italic;
}

.history-title {
  margin: 0 auto;
  padding: 80px 0 10px;
  font-size: 3.5rem;
  line-height: 1;
  color: #fff;
  font-family: "Nobel-Bold", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}

.history-text {
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
}

.specialContents-list {
  margin: 50px auto 0;
  padding: 0 0 150px;
  width: 100%;
  max-width: 1300px;
  display: flex;
}

.specialContents-item {
  margin: 0 50px 0 0;
  width: calc((100% - 15px) / 3);
  position: relative;
}

.specialContents-item:last-child {
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px){
  .specialContents-list {
    margin: 40px auto 0;
    padding: 0 0 40px;
    width: 100%;
    display: block;
  }
  .specialContents-item {
    margin: 0 0 30px;
    width: 100%;
  }
  .specialContents-item:last-child {
    margin: 0 0 0 0;
  }
}

.specialContents-item p {
  
}

.specialContents-text {
  padding: 0 0 20px;
  color: #fff;
  text-align: left;
}

.specialContents-title {
  padding: 5px 0 17px 0;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
}
@media screen and (max-width: 768px){
  .specialCP-title{
    line-height: 97px;
  }
  #specialContents .link-text {
    margin: 20px auto 0;
    position: relative;
    bottom: 0;
    left: 0;
    transform: translateX(0);
    font-size: 1rem;
  }
  .history-title {
    margin: 0 auto;
    padding: 60px 0 10px;
    font-size: 2.5rem;
  }
  .history-text {
    font-size: 0.85rem;
  }
  .pickup-tag {
    background-color: #ff0000;
    color: #ffff00 !important;
    font-size: 1rem;
    font-weight: bold;
    width: 150px;
    text-align: center;
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 93% 100%);
    margin: -28px 0 18px 15px;
    padding: 0 !important;
    font-style: italic;
}
.specialContents-title {
    font-size: 1.5rem;
}
#specialContents .specialContents-item p {
    font-size: 1rem;
}
.specialContents-text {
    padding: 0 0 33px;
}
#specialContents .link-text {
    margin: 0;
}
}
@media screen and (max-width: 450px){
  .specialContents-title {
    font-size: 1rem;
    line-height: 1.4;
  }
}

.spc-text {
  padding: 20px 0 0 0;
  margin-bottom: 55px;
}
@media screen and (max-width: 768px){
  .spc-text {
    padding: 10px 20px 30px;
  }
}

/*------------------------------------------------------------
アーカイブ
-------------------------------------------------------------*/
#archiveWrap {
  border-bottom: 2px solid #000;
}

.archive-list {
  margin: 100px auto 130px;
  width: 100%;
  max-width: 1300px;
  display: flex;
  background: #000;
}

.archive-item {
  width: 70%;
  position: relative;
}

.archive-item:last-child {
  padding: 20px 10px 10px 20px;
  width: 30%;
  text-align: left;
}
@media screen and (max-width: 1060px){
  .archive-item:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 900px){
  .archive-item:first-child img {
    width: 99%;
  }
}
@media screen and (max-width: 820px){
  .archive-list {
    margin: 50px auto 50px;
  }
}
@media screen and (max-width: 768px){
  .archive-list {
    margin: 40px auto 40px;
    width: 100%;
    display: block;
  }
  .archive-item {
    width: 100%;
  }
  .archive-item:first-child img {
    width: 100%;
  }
  .archive-item:last-child {
    padding: 20px 20px 30px;
    width: 100%;
  }
}

.archive-item h2 {
  padding: 0 0 5px;
  color: #ff0000;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
}

.archive-item p {
  color: #fff;
}

.archive-item .link-text {
  position: absolute;
  bottom: 30px;
}
@media screen and (max-width: 1125px){
  .archive-item .link-text {
    margin: 20px 0 0;
    position: relative;
    bottom: 0;
  }
}
@media screen and (max-width: 1065px){
  .archive-item .link-text {
    display: none;
  }
}
@media screen and (max-width: 768px){
  .archive-item h2 {
    padding: 0 0 10px;
    font-size: 1.2rem;
  }
  .archive-item p {
    font-size: 1rem;
  }
  .archive-item .link-text {
    margin: 20px auto 0;
    position: relative;
    bottom: 0;
    display: flex;
  }
}
@media screen and (max-width: 450px){
  .archive-item h2 {
    font-size: 1rem;
    line-height: 1.4;
  }
  .archive-item p {
    font-size: 0.8rem;
  }
  .archive-item .link-text {
    font-size: 1rem;
  }
}


/*------------------------------------------------------------
infoWrap
-------------------------------------------------------------*/
#infoWrap .info-item a {
  height: 100%;
  display: flex;
  position: relative;
}

.info-list {
  margin: 100px auto 70px;
  width: 100%;
  max-width: 1300px;
  display: flex;
}

.info-item {
  margin: 0 40px 0 0;
  width: calc((100% - 40px)/ 2);
  background: #fff;
  position: relative;
}

.info-item:last-child {
  margin: 0 0 0 0;
}
@media screen and (max-width: 820px){
  .info-list {
    margin: 50px auto 70px;
  }
}
@media screen and (max-width: 768px){
  .info-list {
    margin: 40px auto 40px;
    display: block;
  }
  .info-item {
    margin: 0 0 20px 0;
    width: 100%;
  }
  .info-item:last-child {
    margin: 0 0 0 0;
  }
}

.infolink-list {
  display: flex;
}

.infolink-item {
  width: 55%;
  position: relative;
  background-color: #c60e1a;
}

.infolink-item:last-child {
  width: 45%;
  display: flex;
  flex-wrap: wrap;
}

.infolink-item:last-child img {
  width: 100%;
}

.infolink-text {
  width: 100%;
  color: #fff;
  font-size: 24px;
  font-family: "Nobel-Regular", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  text-align: left;
  line-height: 1;
  margin: 38px 0 0 18px;
}
.infolink-texts {
  margin: 0;
  width: 100%;
  font-size: 11px;
  color: #fff;
  font-family: "Nobel-Regular", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
  text-align: left;
  font-weight: bold;
  margin: 0 0 0 18px;
}

.infolink-item .link-button{
  margin: 21px 0 0 18px;
}
@media screen and (max-width: 1260px){
  .information-title,.information-item-text-h .information-title {
    font-size: 15px;
  }
  .information-subtitle,.information-item-text-h .information-subtitle {
    font-size: 29px;
  }
  .information-subtitle{
    line-height: 29px;
  }
  .information-item-text-h .information-subtitle {
    line-height: 33px;
    margin: 0;
  }
  .infolink-text {
    font-size: 19px;
    margin: 26px 0 0 18px;
  }
  .infolink-texts {
    font-size: 10px;
  }
  .information-text {
    font-size: 10px;
    margin: 4px 0 0 0;
  }
  .information-item .link-button{
    margin-top: 20px;
  }
  .infolink-item .link-button {
    margin: 12px 0 0 18px;
  }
}

@media screen and (max-width: 1040px){
.information-title, .information-item-text-h .information-title {
    font-size: 12px;
}
.information-subtitle, .information-item-text-h .information-subtitle {
    font-size: 23px;
}
.information-subtitle {
    line-height: 14px;
}
.information-item-text-h .information-subtitle {
    line-height: 26px;
}
.information-item .link-button {
    margin-top: 12px;
}
.information-text {
    margin: 0 0 0 0;
}
.infolink-list {
    display: block;
    display: flex;
    flex-direction: column;
}
.infolink-item {
    order: 2;
    width: 100%;
}
.infolink-item:last-child {
    order: 1;
    width: 100%;
}
.infolink-item .link-button {
    padding-bottom: 48px;
}
.twitter p {
    font-size: 10px;
}
.twitsterLive iframe {
    max-height: calc(100vw / 8.5) !important;
}
}

@media screen and (max-width: 768px){
  #onbordWrap .contentsItem-inner {
    padding: 80px 20px 0;
    display: block;
  }
  .informationWrap-contents01{
    display: block;
  }
  .contents-informationSite{
    width: 100%;
  }
  .information-title, .information-item-text-h .information-title {
    font-size: 23px;
}
  .information-subtitle, .information-item-text-h .information-subtitle {
    font-size: 44px;
}
.information-text {
    font-size: 16px;
    margin: 14px 0 0 0;
}
.information-subtitle {
    line-height: 41px;
}
.information-item-text-h .information-subtitle {
    line-height: 53px;
}
.information-item .link-button {
    margin-top: 30px;
}
.information-item .link-button .link-button-arrow{
  margin: 10px 0 0 11px;
}
.contents-twitter {
    margin: 30px 0 30px 0;
}
.twitsterLive iframe {
    max-height: calc(100vw / 3) !important;
}
.contents-informationSite .link-text {
    padding: 0 0 0 4px;
    width: auto;
    height: auto;
    font-size: 14px;
}
.twitter p {
    font-size: 1rem;
}
.informationContents-list {
    display: block;
    margin-top: 45px;
    padding: 0 0 100px;
}
.infolink-list {
    flex-direction: row-reverse;
}
.infolink-item {
    order: 2;
    width: 55%;
}
.infolink-item:last-child {
    order: 1;
    width: 45%;
}
.link-text {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 22px;
}
.link-button-arrow {
    width: 43px;
    height: 5px;
    margin: 22px 0 0 11px;
}
#onbordWrap .specialContents-item {
    margin-top: 25px;
}
.infolink-text {
    font-size: 39px;
    margin: 72px 0 0 18px;
}
.infolink-texts {
    font-size: 18px;
}
.infolink-item .link-button {
    margin: 32px 0 0 18px;
}
}

.info-item .link-text {
  position: absolute;
  right: 20px;
  bottom: 30px;
}
@media screen and (max-width: 700px){
  #specialContentsPartner {
    padding: 70px 0 0 0;
}
  #rally-spain_for_partners .specialCP-text{
    font-size: 1rem;
  }
  .information-title, .information-item-text-h .information-title {
    font-size: 14px;
}
  .information-subtitle, .information-item-text-h .information-subtitle {
    font-size: 28px;
}
.information-text {
    font-size: 10px;
    margin: 8px 0 0 0;
    line-height: 13px;
}
.information-subtitle {
    line-height: 25px;
}
.information-item-text-h .information-subtitle {
    line-height: 28px;
    margin-bottom: 14px;
}
.contents-informationSite .link-text {
    padding: 0 0 0 4px;
    width: auto;
    height: auto;
    font-size: 10px;
    line-height: 11px;
}
.site-button-arrow{
  width: 10px;
  height: 10px;
}
.information-item .link-button .link-button-arrow {
    margin: 5px 0 0 6px;
}
.link-button-arrow{
  width: 33px;
    height: 3px;
}
.information-item-text .link-button{
  margin-top: 16px;
}
.information-item .link-button {
    margin-top: 24px;
}
.specialCP-title {
    font-size: 2.8rem;
}
.specialCP-title {
    line-height: 48px;
}
.specialCP-subtitle {
    font-size: 1rem;
    margin-top: 15px;
    margin-bottom: 30px;
}
#onbordWrap .contentsItem-inner {
    padding: 50px 20px 0;
    display: block;
}
.twitter p {
    font-size: 0.8rem;
}
.twitsterLive iframe {
    max-height: calc(100vw / 2) !important;
}
.infolink-item .link-button {
    margin: 30px 0 0 18px;
}
.link-button-arrow {
    margin: 11px 0 0 11px;
}
.infolink-text {
    font-size: 25px;
    margin: 27px 0 0 18px;
}
.infolink-texts {
    font-size: 10px;
}
.link-text {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 12px;
}
.infolink-item .link-button {
    padding-bottom: 0;
}
.column-item .column-text {
    padding: 10px 0px 30px;
}
.spc-text {
    padding: 10px 0px 30px;
}
.informationContents-list {
    padding: 0 0 50px;
}
#receReport {
    margin: 50px 20px 0;
    padding: 50px 0 50px !important;
}
#columnWrap {
    margin: 50px auto;
}
#specialContents .specialCP-title {
    padding: 50px 0 0 0;
}
.link-text,.column-item .link-text,#specialContents .specialContents-item p {
    font-size: 0.8rem;
}
.special-tag,.pickup-tag {
    width: 102px;
    font-size: 11px !important;
    margin: -21px 0 18px 15px;
}
.live-tag{
  width: 129px;
    font-size: 11px !important;
}
}
@media screen and (max-width: 450px){
.information-title, .information-item-text-h .information-title {
    font-size: 12px;
}
  .information-subtitle, .information-item-text-h .information-subtitle {
    font-size: 23px;
}
.information-subtitle {
    line-height: 20px;
}
.information-item-text-h .information-subtitle {
    line-height: 23px;
    margin-bottom: 14px;
}
.infolink-text {
    font-size: 19px;
    margin: 27px 0 0 18px;
}
.infolink-item .link-button {
    margin: 18px 0 0 18px;
}
.information-item .link-button {
    margin-top: 9px;
}
}
@media screen and (max-width: 1260px){
  .info-item .link-text {
    transform: translateX(-50%);
    right: 50%;
    left: 50%;
  }
}
@media screen and (max-width: 1110px){
  .info-item .link-text {
    bottom: 15px;
  }
}
@media screen and (max-width: 768px){
  .info-item .link-text {
    display: none;
  }
}



/*------------------------------------------------------------
receReport
-------------------------------------------------------------*/

#receReport {
padding: 110px 20px 130px;
background-color: #fff;
}

#receReport h2 {
margin: 0 auto;
width: 100%;
}

#receReport h2 p {
line-height: 1;
font-size: 3rem;
font-family: "Nobel-Bold", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}

.link-report {
margin: 0 auto;
max-width: 1200px;
}

.report-list {
display: flex;
flex-wrap: wrap;
}

.report-item {
margin: 0 1% 1% 0;
width: calc(96% / 5);
text-align: left;
background: #000;
transition-duration: .3s;
}

.report-item:nth-of-type(5n) {
margin: 0 0 1% 0;
}

.report-item a {
padding: 10px 10px;
height: 60px;
display: block;
position: relative;
font-weight: bold;
overflow: hidden;
color: #fff;
font-size: 1rem;
}

.report-item a.nolink {
  background: #a3a2a2;
  color: #000;
}

.report-item a::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
transform: translateX(-100%);
transition: .3s;
z-index: 0;
}

.report-item a:hover::after {
transform: translateX(0);
}

.report-item a.nolink:hover::after {
  transform: translateX(-100%);
}

.report-item span {
width: 90%;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
z-index: 1;
}

.report-item span::after {
  content: '';
  width: 11px;
  height: 11px;
  border: 3px solid;
  border-color: #ff0000 #ff0000 transparent transparent;
  position: absolute;
  right: 10px;
  border-radius: 3px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.report-item a.nolink span::after {
  content: '';
  width: 11px;
  height: 11px;
  border: 3px solid;
  border-color: #000 #000 transparent transparent;
  position: absolute;
  right: 10px;
  border-radius: 3px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 1300px){
#receReport {
  margin: 150px 20px 0;
}
.report-item, .report-item:nth-of-type(5n) {
  margin: 0 2% 2% 0;
  width: calc(94% / 4);
}
.report-item:nth-of-type(4n) {
  margin: 0 0 2% 0;
}
}
@media screen and (max-width: 820px){
#receReport {
  margin: 50px 20px 0;
}
}
@media screen and (max-width: 768px){
#receReport {
  margin: 50px 20px 0;
  padding: 80px 0 80px;
}
#receReport h2 {
  margin: 0 auto;
}
#receReport h2 p {
font-size: 2.3rem;
}
.link-report {
  margin: 30px 20px 0;
  max-width: 1200px;
}
.report-item, .report-item:nth-of-type(5n) {
  margin: 0 4% 4% 0;
  width: calc(96% / 2);
}
.report-item:nth-of-type(2n) {
  margin: 0 0 4% 0;
}
.report-item a:hover p::after {
  transform: translate(3px, -50%);
}
.report-item a {
  height: 55px;
  font-size: 0.9rem;
  }
#receReport .specialCP-subtitle {
  margin-bottom: 0;
}
}

.mscat-partner {
  background: #fff;
}


/*--------------------------------------------------------
wallpaperWrap
--------------------------------------------------------*/
#wallpaperWrap {
  margin: 0 auto 150px;
}

#wallpaperWrap .link-text {
  background: transparent;
  border: 1px solid;
  height: 35px;
  font-family: "Nobel-Bold", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}

#wallpaperWrap .link-text::after {
  content: '';
  width: 13px;
  height: 11px;
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2022/24h-lemans_for_partners/images/icon_wallpaper.png) no-repeat;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
}
#wallpaperWrap a:hover .link-text::after {
  background: url(/-/media/TMC/tgr/jpn/contents/wec/special/2022/24h-lemans_for_partners/images/icon_wallpaper_h.png) no-repeat;
  background-size: contain;
}

#wallpaperWrap .contentsItem-inner {
  margin: 0 auto;
  padding: 0 20px 80px;
  width: 100%;
  max-width: 1200px;
  background: #99000a;
}

.wallpaper-title {
  margin: 0 auto;
  padding: 80px 0 10px;
  font-size: 3.5rem;
  line-height: 1;
  color: #fff;
  font-family: "Nobel-Bold", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}

.wallpaper-text {
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  font-family: "Nobel-Regular", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}
@media screen and (max-width: 768px){
  #wallpaperWrap .link-text {
    margin: 20px auto 0;
    position: relative;
    bottom: 0;
    left: 0;
    transform: translateX(0);
    font-size: 1rem;
  }
  #wallpaperWrap {
    margin: 0 auto 50px;
  }
  #wallpaperWrap .contentsItem-inner {
    padding: 0 20px 50px;
  }
  .wallpaper-title {
    margin: 0 auto;
    padding: 60px 0 10px;
    font-size: 2.5rem;
  }
  .wallpaper-text {
    font-size: 0.85rem;
  }
}

.wallpaper-list {
  margin: 0 auto;
  padding: 100px 0 50px;
  width: 100%;
  max-width: 900px;
  display: flex;
  justify-content: center;
}

.wallpaper-item {
  margin: 0 10px 0 0;
  width: calc((100% - 30px) / 4 );
}

.wallpaper-item:last-child {
  margin: 0 0 0 0;
}
@media screen and (max-width: 768px){
  .wallpaper-list {
    padding: 50px 0 0;
    flex-wrap: wrap;
  }
  .wallpaper-item {
    margin: 0 30px 30px 0;
    width: calc((100% - 30px) / 2 );
  }
  .wallpaper-item:last-child, .wallpaper-item:nth-of-type(2n) {
    margin: 0 0 30px 0;
  }
}
@media screen and (max-width: 640px){
  .wallpaper-list {
    max-width: 400px;
  }
  .wallpaper-item {
    margin: 0 0 50px 0;
    width: 100%;
    max-width: 400px;
  }
  .wallpaper-item:last-child, .wallpaper-item:nth-of-type(2n) {
    margin: 0 0 50px 0;
  }
}

.wallpaper-item p {
  margin: 10px auto 15px;
  color: #fff;
}

.wallpaper-explain, .wallpaper-explain p {
  margin: 0 auto;
  max-width: 900px;
  text-align: left;
  color: #fff;
}
.wallpaper-explain h3, .wallpaper-explain h4 {
  margin: 20px 0 0;
  font-weight: bold;
}
@media screen and (max-width: 768px){
  .wallpaper-item p, .wallpaper-explain, .wallpaper-explain p {
    font-size: 0.85rem;
  }
  .wallpaper-explain h3, .wallpaper-explain h4 {
    font-size: 1rem;
  }
}

/*--------------------------------------------------------
AOS
--------------------------------------------------------*/

/* アニメーションAOS */
[data-aos][data-aos][data-aos-duration='50'],body[data-aos-duration='50'] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay='50'],body[data-aos-delay='50'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='50'].aos-animate,body[data-aos-delay='50'] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration='100'],body[data-aos-duration='100'] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay='100'],body[data-aos-delay='100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='100'].aos-animate,body[data-aos-delay='100'] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration='150'],body[data-aos-duration='150'] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay='150'],body[data-aos-delay='150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='150'].aos-animate,body[data-aos-delay='150'] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration='200'],body[data-aos-duration='200'] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay='200'],body[data-aos-delay='200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='200'].aos-animate,body[data-aos-delay='200'] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration='250'],body[data-aos-duration='250'] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay='250'],body[data-aos-delay='250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='250'].aos-animate,body[data-aos-delay='250'] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration='300'],body[data-aos-duration='300'] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay='300'],body[data-aos-delay='300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='300'].aos-animate,body[data-aos-delay='300'] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration='350'],body[data-aos-duration='350'] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay='350'],body[data-aos-delay='350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='350'].aos-animate,body[data-aos-delay='350'] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration='400'],body[data-aos-duration='400'] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay='400'],body[data-aos-delay='400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='400'].aos-animate,body[data-aos-delay='400'] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration='450'],body[data-aos-duration='450'] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay='450'],body[data-aos-delay='450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='450'].aos-animate,body[data-aos-delay='450'] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration='500'],body[data-aos-duration='500'] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay='500'],body[data-aos-delay='500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='500'].aos-animate,body[data-aos-delay='500'] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration='550'],body[data-aos-duration='550'] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay='550'],body[data-aos-delay='550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='550'].aos-animate,body[data-aos-delay='550'] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration='600'],body[data-aos-duration='600'] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay='600'],body[data-aos-delay='600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='600'].aos-animate,body[data-aos-delay='600'] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration='650'],body[data-aos-duration='650'] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay='650'],body[data-aos-delay='650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='650'].aos-animate,body[data-aos-delay='650'] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration='700'],body[data-aos-duration='700'] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay='700'],body[data-aos-delay='700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='700'].aos-animate,body[data-aos-delay='700'] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration='750'],body[data-aos-duration='750'] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay='750'],body[data-aos-delay='750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='750'].aos-animate,body[data-aos-delay='750'] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration='800'],body[data-aos-duration='800'] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay='800'],body[data-aos-delay='800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='800'].aos-animate,body[data-aos-delay='800'] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration='850'],body[data-aos-duration='850'] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay='850'],body[data-aos-delay='850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='850'].aos-animate,body[data-aos-delay='850'] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration='900'],body[data-aos-duration='900'] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay='900'],body[data-aos-delay='900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='900'].aos-animate,body[data-aos-delay='900'] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration='950'],body[data-aos-duration='950'] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay='950'],body[data-aos-delay='950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='950'].aos-animate,body[data-aos-delay='950'] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration='1000'],body[data-aos-duration='1000'] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay='1000'],body[data-aos-delay='1000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1000'].aos-animate,body[data-aos-delay='1000'] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration='1050'],body[data-aos-duration='1050'] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay='1050'],body[data-aos-delay='1050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1050'].aos-animate,body[data-aos-delay='1050'] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration='1100'],body[data-aos-duration='1100'] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay='1100'],body[data-aos-delay='1100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1100'].aos-animate,body[data-aos-delay='1100'] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration='1150'],body[data-aos-duration='1150'] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay='1150'],body[data-aos-delay='1150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1150'].aos-animate,body[data-aos-delay='1150'] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration='1200'],body[data-aos-duration='1200'] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay='1200'],body[data-aos-delay='1200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1200'].aos-animate,body[data-aos-delay='1200'] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration='1250'],body[data-aos-duration='1250'] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay='1250'],body[data-aos-delay='1250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1250'].aos-animate,body[data-aos-delay='1250'] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration='1300'],body[data-aos-duration='1300'] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay='1300'],body[data-aos-delay='1300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1300'].aos-animate,body[data-aos-delay='1300'] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration='1350'],body[data-aos-duration='1350'] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay='1350'],body[data-aos-delay='1350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1350'].aos-animate,body[data-aos-delay='1350'] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration='1400'],body[data-aos-duration='1400'] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay='1400'],body[data-aos-delay='1400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1400'].aos-animate,body[data-aos-delay='1400'] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration='1450'],body[data-aos-duration='1450'] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay='1450'],body[data-aos-delay='1450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1450'].aos-animate,body[data-aos-delay='1450'] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration='1500'],body[data-aos-duration='1500'] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay='1500'],body[data-aos-delay='1500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1500'].aos-animate,body[data-aos-delay='1500'] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration='1550'],body[data-aos-duration='1550'] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay='1550'],body[data-aos-delay='1550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1550'].aos-animate,body[data-aos-delay='1550'] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration='1600'],body[data-aos-duration='1600'] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay='1600'],body[data-aos-delay='1600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1600'].aos-animate,body[data-aos-delay='1600'] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration='1650'],body[data-aos-duration='1650'] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay='1650'],body[data-aos-delay='1650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1650'].aos-animate,body[data-aos-delay='1650'] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration='1700'],body[data-aos-duration='1700'] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay='1700'],body[data-aos-delay='1700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1700'].aos-animate,body[data-aos-delay='1700'] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration='1750'],body[data-aos-duration='1750'] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay='1750'],body[data-aos-delay='1750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1750'].aos-animate,body[data-aos-delay='1750'] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration='1800'],body[data-aos-duration='1800'] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay='1800'],body[data-aos-delay='1800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1800'].aos-animate,body[data-aos-delay='1800'] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration='1850'],body[data-aos-duration='1850'] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay='1850'],body[data-aos-delay='1850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1850'].aos-animate,body[data-aos-delay='1850'] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration='1900'],body[data-aos-duration='1900'] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay='1900'],body[data-aos-delay='1900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1900'].aos-animate,body[data-aos-delay='1900'] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration='1950'],body[data-aos-duration='1950'] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay='1950'],body[data-aos-delay='1950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='1950'].aos-animate,body[data-aos-delay='1950'] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration='2000'],body[data-aos-duration='2000'] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay='2000'],body[data-aos-delay='2000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2000'].aos-animate,body[data-aos-delay='2000'] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration='2050'],body[data-aos-duration='2050'] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay='2050'],body[data-aos-delay='2050'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2050'].aos-animate,body[data-aos-delay='2050'] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration='2100'],body[data-aos-duration='2100'] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay='2100'],body[data-aos-delay='2100'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2100'].aos-animate,body[data-aos-delay='2100'] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration='2150'],body[data-aos-duration='2150'] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay='2150'],body[data-aos-delay='2150'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2150'].aos-animate,body[data-aos-delay='2150'] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration='2200'],body[data-aos-duration='2200'] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay='2200'],body[data-aos-delay='2200'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2200'].aos-animate,body[data-aos-delay='2200'] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration='2250'],body[data-aos-duration='2250'] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay='2250'],body[data-aos-delay='2250'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2250'].aos-animate,body[data-aos-delay='2250'] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration='2300'],body[data-aos-duration='2300'] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay='2300'],body[data-aos-delay='2300'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2300'].aos-animate,body[data-aos-delay='2300'] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration='2350'],body[data-aos-duration='2350'] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay='2350'],body[data-aos-delay='2350'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2350'].aos-animate,body[data-aos-delay='2350'] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration='2400'],body[data-aos-duration='2400'] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay='2400'],body[data-aos-delay='2400'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2400'].aos-animate,body[data-aos-delay='2400'] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration='2450'],body[data-aos-duration='2450'] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay='2450'],body[data-aos-delay='2450'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2450'].aos-animate,body[data-aos-delay='2450'] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration='2500'],body[data-aos-duration='2500'] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay='2500'],body[data-aos-delay='2500'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2500'].aos-animate,body[data-aos-delay='2500'] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration='2550'],body[data-aos-duration='2550'] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay='2550'],body[data-aos-delay='2550'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2550'].aos-animate,body[data-aos-delay='2550'] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration='2600'],body[data-aos-duration='2600'] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay='2600'],body[data-aos-delay='2600'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2600'].aos-animate,body[data-aos-delay='2600'] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration='2650'],body[data-aos-duration='2650'] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay='2650'],body[data-aos-delay='2650'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2650'].aos-animate,body[data-aos-delay='2650'] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration='2700'],body[data-aos-duration='2700'] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay='2700'],body[data-aos-delay='2700'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2700'].aos-animate,body[data-aos-delay='2700'] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration='2750'],body[data-aos-duration='2750'] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay='2750'],body[data-aos-delay='2750'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2750'].aos-animate,body[data-aos-delay='2750'] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration='2800'],body[data-aos-duration='2800'] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay='2800'],body[data-aos-delay='2800'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2800'].aos-animate,body[data-aos-delay='2800'] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration='2850'],body[data-aos-duration='2850'] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay='2850'],body[data-aos-delay='2850'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2850'].aos-animate,body[data-aos-delay='2850'] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration='2900'],body[data-aos-duration='2900'] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay='2900'],body[data-aos-delay='2900'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2900'].aos-animate,body[data-aos-delay='2900'] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration='2950'],body[data-aos-duration='2950'] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay='2950'],body[data-aos-delay='2950'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='2950'].aos-animate,body[data-aos-delay='2950'] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration='3000'],body[data-aos-duration='3000'] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay='3000'],body[data-aos-delay='3000'] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay='3000'].aos-animate,body[data-aos-delay='3000'] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/*# sourceMappingURL=aos.css.map*/

/*------------------------------------------------------------
Youtube ポップアップ
-------------------------------------------------------------*/

/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}



/* -----------------------------------------------------------
Nobel Font
------------------------------------------------------------ */


@font-face {
  font-family: "Nobel-Regular";
  src: url("font/Nobel-Regular.eot");
  src: url("font/Nobel-Regular.eot?") format("embedded-opentype"),
  url("font/Nobel-Regular.woff") format("woff"),
  url("font/Nobel-Regular.ttf") format("truetype"),
  url("font/Nobel-Regular.svg#Nobel-Regular") format("svg");
  font-style: normal;
  font-weight: normal; /* 400 */
  }
  
  @font-face {
  font-family: "Nobel-Bold";
  src: url("font/Nobel-Bold.eot");
  src: url("font/Nobel-Bold.eot?") format("embedded-opentype"),
  url("font/Nobel-Bold.woff") format("woff"),
  url("font/Nobel-Bold.ttf") format("truetype"),
  url("font/Nobel-Bold.svg#Nobel-Bold") format("svg");
  font-weight: normal;
  font-style: normal; /* 700 */
  }