@charset "UTF-8";
#tkLinkBlock {
  background: url("../images/tk2021/mark01.svg") left -45px top 30px/150px auto no-repeat, url("../images/tk2021/mark02.svg") right -100px top 30px/190px auto no-repeat, #D0C7BD;
  padding: 8vw 40px 5vw;
  text-align: center;
}
#tkLinkBlock ul {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
}
#tkLinkBlock li {
  flex: 1 1 32%;
}
#tkLinkBlock li:nth-child(3) {
  flex: 1 1 36%;
  margin-top: 9vw;
}
#tkLinkBlock li.logo {
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translate(-50%, 0);
  width: 24%;
}
#tkLinkBlock .c-button {
  margin-top: -1vw;
  color: #BA8A06;
  background: #fff;
}
#tkLinkBlock .c-button-arrow::after {
  background-image: url("../images/tk2021/icon_maru.svg");
  transition: all 0.3s cubic-bezier(0.66, 0, 0, 1);
}
#tkLinkBlock .c-button:hover {
  background: #535353;
  color: #fff;
}
#tkLinkBlock .c-button:hover .c-button-arrow::after {
  filter: brightness(0) invert(1);
}
@media (max-width: 920px) {
  #tkLinkBlock {
    background-size: 12vw, 16vw;
    background-position: left -4vw top 30px, right -9vw top 30px;
    padding: 11vw 15px 5vw;
  }
  #tkLinkBlock li.logo {
    top: -30px;
    width: 28%;
  }
  #tkLinkBlock li:nth-child(3) {
    flex: 1 1 38%;
    margin: 9vw -1vw 0;
  }
}
@media (max-width: 550px) {
  #tkLinkBlock {
    padding: 9vw 7vw 10vw;
    background-size: 30vw, 36vw;
    background-position: left -9vw top 30px, right -20vw bottom 30px;
  }
  #tkLinkBlock ul {
    display: block;
    margin-bottom: 12vw;
  }
  #tkLinkBlock li.logo {
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    width: 56%;
    margin: 0 auto 7vw;
  }
  #tkLinkBlock li:nth-child(2), #tkLinkBlock li:nth-child(4) {
    width: 90%;
    margin: 0 auto;
  }
  #tkLinkBlock li:nth-child(3) {
    margin: 5vw 0;
  }
}

#tkTopMain {
  background: url("../images/tk2021/top_pc.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  height: 50vw;
  max-height: 100vh;
}
#tkTopMain h1 {
  position: absolute;
  left: 3.5vw;
  top: 50%;
  transform: translate(0, -50%);
}
#tkTopMain h1 img {
  width: auto;
  height: 32vw;
  max-height: 68vh;
}
@media (max-width: 920px) {
  #tkTopMain {
    height: calc(50vw + 50px);
  }
  #tkTopMain h1 {
    top: calc(50% + 25px);
  }
}
@media (max-width: 550px) {
  #tkTopMain {
    background: url("../images/tk2021/top_sp.jpg") no-repeat center;
    background-size: cover;
    height: calc(80vw + 50px);
  }
  #tkTopMain h1 {
    left: 5vw;
  }
  #tkTopMain h1 img {
    height: 52vw;
    max-height: none;
  }
}

#tkTopUnder {
  background: #D0C7BD;
  text-align: center;
  position: relative;
}
#tkTopUnder img {
  max-width: 1400px;
  width: 100%;
}
#tkTopUnder .photo {
  position: relative;
  width: 100%;
  z-index: 1;
}
#tkTopUnder .mark {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 1400px;
}
#tkTopUnder .isSP {
  display: none;
}
@media (max-width: 550px) {
  #tkTopUnder .isSP {
    display: block;
  }
  #tkTopUnder .isPC {
    display: none;
  }
}

#tk2021 .topBox {
  background: url("../images/tk2021/000163070001.jpg") no-repeat center bottom 45%;
  background-size: cover;
  padding: 4vw 0 2.2vw;
}
#tk2021 .topBox .topH2 {
  width: 21vw;
  margin: 0 auto;
}
#tk2021 .topBox .txtBox {
  font-weight: bold;
  text-align: center;
  margin-top: 28vw;
}
#tk2021 .topBox .txtBox p {
  color: #000;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
#tk2021 .topBox .txtBox p span {
  display: inline-block;
  background: #FF8258;
  padding: 0.3em 0.3em 0.3em 0.65em;
}
#tk2021 .topBox .txtBox p span:first-child {
  display: inline-block;
  background: #FF8258;
  padding: 0.5em 0.2em 0.1em 0.65em;
}
#tk2021 .topBox .txtBox p.bTxt {
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: 0.08em;
}
#tk2021 .topBox .txtBox p.bTxt span:first-child {
  padding-top: 0.5em;
  padding-bottom: 0.1em;
}
@media (max-width: 1280px) {
  #tk2021 .topBox {
    padding: 5vw 0 3vw;
  }
  #tk2021 .topBox .topH2 {
    width: 26vw;
  }
  #tk2021 .topBox .txtBox {
    margin-top: 32vw;
  }
}
@media (max-width: 920px) {
  #tk2021 .topBox {
    padding: 7vw 0 5vw;
  }
  #tk2021 .topBox .topH2 {
    width: 35vw;
  }
  #tk2021 .topBox .txtBox {
    margin-top: 42vw;
  }
  #tk2021 .topBox .txtBox p.bTxt {
    font-size: 1.8rem;
  }
}
@media (max-width: 550px) {
  #tk2021 .topBox {
    padding: 10vw 0 7vw;
  }
  #tk2021 .topBox .topH2 {
    width: 48vw;
  }
  #tk2021 .topBox .txtBox {
    margin-top: 58vw;
  }
  #tk2021 .topBox .txtBox p {
    font-size: 1.12rem;
    letter-spacing: 0.07em;
  }
  #tk2021 .topBox .txtBox p.bTxt {
    font-size: 1.46rem;
    letter-spacing: 0.05em;
  }
}
#tk2021 .goPS {
  background: url("../images/tk2021/photo_pc_bg.png") no-repeat center top;
  background-size: cover;
  text-align: center;
  position: relative;
  padding: 1vw;
}
#tk2021 .goPS .txt01, #tk2021 .goPS .txt02 {
  display: none;
}
#tk2021 .goPS .c-button-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#tk2021 .goPS .c-button {
  width: 30vw;
  max-width: 360px;
  padding: 20px 0 0;
  height: 98px;
  background: #fff;
  color: #FF8653;
}
#tk2021 .goPS .c-button-arrow {
  font-size: 3.3rem;
  padding-right: 40px;
}
#tk2021 .goPS .c-button-arrow::after {
  background-image: url("../images/common/icn-maru-arrow-orange.svg");
  width: 30px;
  height: 30px;
  top: 4px;
}
#tk2021 .goPS .c-button:hover {
  background: #FF8653;
  color: #fff;
}
#tk2021 .goPS .c-button:hover .c-button-arrow::after {
  background-image: url("../images/common/icn-maru-arrow.svg");
}
@media (max-width: 1100px) {
  #tk2021 .goPS .c-button {
    padding: 20px 0 0;
    height: 98px;
    white-space: nowrap;
  }
  #tk2021 .goPS .c-button-arrow {
    font-size: 2.9rem;
    padding-right: 32px;
  }
  #tk2021 .goPS .c-button-arrow::after {
    width: 26px;
    height: 26px;
    top: 4px;
  }
  #tk2021 .goPS .c-button {
    width: 29vw;
  }
}
@media (max-width: 920px) {
  #tk2021 .goPS {
    padding: 2vw 1vw;
  }
  #tk2021 .goPS .c-button {
    padding: 3.5vw 0 0;
    height: 12vw;
    white-space: nowrap;
  }
  #tk2021 .goPS .c-button-arrow {
    font-size: 2.4rem;
    letter-spacing: 1px;
    padding-right: 26px;
  }
  #tk2021 .goPS .c-button-arrow::after {
    width: 22px;
    height: 22px;
    top: 3px;
  }
  #tk2021 .goPS .c-button {
    width: 28.6vw;
  }
  #tk2021 .goPS .c-button em {
    font-size: 1.2rem;
  }
}
@media (max-width: 550px) {
  #tk2021 .goPS {
    padding: 3vw 1vw;
  }
  #tk2021 .goPS .picture {
    margin: 5vw 0 6vw;
  }
  #tk2021 .goPS .txt01 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #tk2021 .goPS .txt02 {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #tk2021 .goPS .c-button-box {
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    margin-bottom: 3vw;
  }
  #tk2021 .goPS .c-button {
    width: 59vw;
    height: auto;
    padding: 5vw 0;
  }
}

/*tkコラボ 特設ページ*/
#tkspPage {
  padding-top: 0;
}
#tkspPage .topBox {
  background-position: center bottom 65%;
  padding: 6vw 0 32vw;
}
#tkspPage .topBox .topH2 {
  width: 21vw;
}
@media (max-width: 1280px) {
  #tkspPage .topBox {
    background-position: center bottom 75%;
    padding: 8vw 0 35vw;
  }
  #tkspPage .topBox .txtBox {
    margin-top: 28vw;
  }
  #tkspPage .topBox .topH2 {
    width: 24vw;
  }
}
@media (max-width: 920px) {
  #tkspPage .topBox {
    background-position: center top;
    background-size: 108%;
    padding: 13vw 0 38vw;
  }
  #tkspPage .topBox .topH2 {
    width: 30vw;
  }
  #tkspPage .topBox .txtBox {
    margin-top: 32vw;
  }
}
@media (max-width: 550px) {
  #tkspPage .topBox {
    background-position: center top;
    background-size: 158%;
    padding: 21vw 0 56vw;
  }
  #tkspPage .topBox .topH2 {
    width: 43vw;
  }
}
#tkspPage .sliderbox {
  padding: 4vw 6vw;
}
#tkspPage .sliderbox .inner {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}
#tkspPage .sliderbox .time {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 2;
}
#tkspPage .sliderbox .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}
#tkspPage .sliderbox .txt .name {
  font-size: 1.3rem;
  display: block;
  margin-top: 3.5em;
}
#tkspPage .sliderbox .sliderWrap {
  width: 68%;
  margin-left: auto;
  position: relative;
}
#tkspPage .sliderbox .sliderWrap .bg {
  position: absolute;
  z-index: 0;
}
#tkspPage .sliderbox .slider {
  padding: 0 26px;
}
#tkspPage .sliderbox .slick-slide p {
  width: 100%;
  padding-top: 70.59%;
  position: relative;
  overflow: hidden;
}
#tkspPage .sliderbox .slick-slide img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
#tkspPage .sliderbox .slick-arrow {
  border: none;
  display: block;
  font-size: 0;
  padding: 0;
  margin: 0;
  text-indent: -999px;
  overflow: hidden;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background: url("../images/tk2021/slide_arr.svg") no-repeat center center;
  background-size: contain;
  z-index: 1000;
}
#tkspPage .sliderbox .slick-next {
  left: auto;
  right: 0;
  transform: translate(0, -50%) scale(-1, 1);
}
#tkspPage .sliderbox .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 15px 0 0 auto;
}
#tkspPage .sliderbox .slick-dots li {
  flex: 0;
  margin: 0 0 0 8px;
}
#tkspPage .sliderbox .slick-dots button {
  display: block;
  font-size: 0;
  border: none;
  padding: 0;
  margin: 0;
  background: #9E9E9E;
  width: 28px;
  height: 4px;
  overflow: hidden;
}
#tkspPage .sliderbox .slick-dots .slick-active button {
  background: #fff;
}
#tkspPage .sliderbox.right .time {
  left: auto;
  right: 0;
  text-align: right;
}
#tkspPage .sliderbox.right .txt {
  left: auto;
  right: 0;
  text-align: right;
}
#tkspPage .sliderbox.right .sliderWrap {
  margin-left: 0;
  margin-right: auto;
}
@media (max-width: 920px) {
  #tkspPage .sliderbox {
    padding: 6vw 4vw;
  }
  #tkspPage .sliderbox .time {
    font-size: 2.5rem;
    line-height: 2.1;
  }
  #tkspPage .sliderbox .txt {
    font-size: 1.3rem;
    line-height: 1.8;
  }
  #tkspPage .sliderbox .txt .name {
    font-size: 1.1rem;
    margin-top: 3em;
    margin-bottom: -0.8em;
  }
  #tkspPage .sliderbox .sliderWrap {
    width: 63%;
    margin-right: -2vw;
  }
  #tkspPage .sliderbox .slider {
    padding: 0 2vw;
  }
  #tkspPage .sliderbox .slick-arrow {
    width: 4.4vw;
    height: 4.4vw;
  }
  #tkspPage .sliderbox .slick-dots li {
    margin: 0 0 0 5px;
  }
  #tkspPage .sliderbox .slick-dots button {
    width: 2.4vw;
    height: 4px;
  }
  #tkspPage .sliderbox.right .sliderWrap {
    margin-right: 0;
    margin-left: -2vw;
  }
}
@media (max-width: 550px) {
  #tkspPage .sliderbox {
    padding: 6vw 5vw 8vw;
  }
  #tkspPage .sliderbox .time {
    font-size: 2.6rem;
    line-height: 1.5;
    margin-bottom: 1.4em;
    position: relative;
    left: auto;
    top: auto;
  }
  #tkspPage .sliderbox .txt {
    font-size: 1.44rem;
    line-height: 1.7;
    margin-bottom: 2em;
    position: relative;
    left: auto;
    top: auto;
  }
  #tkspPage .sliderbox .txt .name {
    font-size: 1.1rem;
    margin-top: 3em;
    margin-bottom: 0;
  }
  #tkspPage .sliderbox .sliderWrap {
    width: 105%;
    margin: 0 -2.5vw !important;
  }
  #tkspPage .sliderbox .slider {
    padding: 0 4vw;
  }
  #tkspPage .sliderbox .slick-arrow {
    width: 9vw;
    height: 9vw;
  }
  #tkspPage .sliderbox .slick-dots {
    margin-left: -2vw;
  }
  #tkspPage .sliderbox .slick-dots li {
    margin: 0 0 0 1vw;
  }
  #tkspPage .sliderbox .slick-dots button {
    width: 3.8vw;
    height: 3px;
  }
}
#tkspPage #ohayo {
  background: #91CA8E url("../images/tk2021/slide01_bg.svg") no-repeat right 5% center;
  background-size: 75% 90%;
  color: #FF8655;
}
#tkspPage #hinatabokko {
  background: #D0931B url("../images/tk2021/slide02_bg.svg") no-repeat left 20% bottom;
  background-size: 60% 60%;
  color: #008FAA;
}
#tkspPage #sanpo {
  background: #465C92 url("../images/tk2021/slide03_bg.svg") no-repeat right 5% top 5%;
  background-size: 34% auto;
  color: #FFDC7F;
}
#tkspPage #yofukashi {
  background: #000000 url("../images/tk2021/slide04_bg.svg") no-repeat right 46% top 8%;
  background-size: 40% auto;
  color: #FF8655;
}
@media (max-width: 920px) {
  #tkspPage #hinatabokko {
    background-position: left 10% bottom;
    background-size: 50% 50%;
  }
  #tkspPage #yofukashi {
    background-position: right 52% top 8%;
    background-size: 38% auto;
  }
}
@media (max-width: 550px) {
  #tkspPage #ohayo {
    background-position: center bottom 8%;
    background-size: contain;
  }
  #tkspPage #hinatabokko {
    background-position: center bottom 6%;
    background-size: 96%;
  }
  #tkspPage #sanpo {
    background-position: right 3% bottom 30%;
    background-size: 50% auto;
  }
  #tkspPage #yofukashi {
    background-position: left bottom 36%;
    background-size: 50% auto;
  }
}
#tkspPage .bakTopBtn {
  background: #FFA161;
  color: #000;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 70px;
}
#tkspPage .bakTopBtn p {
  display: inline-block;
}
#tkspPage .bakTopBtn a {
  border: #000 1px solid;
  color: inherit;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18em;
  height: 5em;
}
#tkspPage .bakTopBtn a:hover {
  background: #000;
  color: #FFA161;
  transition: all 0.3s cubic-bezier(0.66, 0, 0, 1);
}
@media (max-width: 920px) {
  #tkspPage .bakTopBtn {
    padding: 8vw 5vw;
  }
}
@media (max-width: 550px) {
  #tkspPage .bakTopBtn {
    padding: 12vw 5vw;
  }
  #tkspPage .bakTopBtn a {
    font-size: 1.6rem;
    width: 16em;
    height: 5em;
  }
}/*# sourceMappingURL=tk.css.map */