/* :root {
  --color-red: red;
  --color-teal: #378694;
  --color-yellow: #ebbe00;
  --color-black900: #1b1b1b;
  --color-white: #fff;
  --color-gray500: #7d7d7d;
  --color-gray350: #ababab;
  --color-gray150: #dadada;
  --color-gray050: #f4f4f4;
  --color-men: #000082;
  --color-kids: #50b4f0;
  --color-baby: #96c800;
  --color-boys: #0091d7;
  --color-girls: #eb64a5;
  --sp-v-xxs: 3px;
  --sp-v-xs: 6px;
  --sp-v-s: 9px;
  --sp-v-m: 15px;
  --sp-v-l: 21px;
  --sp-v-xl: 24px;
  --sp-v-xxl: 36px;
  --pc-v-xxs: 4px;
  --pc-v-xs: 8px;
  --pc-v-s: 12px;
  --pc-v-m: 20px;
  --pc-v-l: 28px;
  --pc-v-xl: 40px;
  --pc-v-xxl: 52px;
  --pc-v-xxxl: 64px;
  --sp-h-xxs: 1px;
  --sp-h-05g: 2vw;
  --sp-h-1g: 4vw;
  --sp-h-2g: 8vw;
  --pc-h-s: 12px;
  --pc-h-m: 24px;
  --pc-h-l: 80px;
  --pc-h-xl: 160px;
  --pc-device-width: 1176px;
  --pc-device-widthHalf: 588px;
  --pc-device-width-include-margin: 1224px;
  --transition-speed-fast: 0.4s;
  --transition-speed-normal: 0.6s;
  --transition-speed-slow: 0.8s
} */
img{
  width: 100%;
}
body > img{
  height: 0;
}
.Hero{
  position: relative;
}
.Hero_Video {
  width: 100%;
  height: 100%;
}
.Hero_Play_CheckBox {
  display: none;
}
.Hero_Play_Label, .Hero_Play_CheckBox:checked+.Hero_Play_Label {
  display: block;
  width: 44px;
  height: 44px;
  padding: 19px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 2;
  cursor: pointer;
}
.Hero_Play_Label, .Hero_Play_CheckBox:checked+.Hero_Play_Label {
  width: 25px;
  height: 25px;
  padding: 0;
  right: 15px;
  bottom: 15px;
}
.Hero_Play_Label {
  background: url(/template/kv_movie/default/img/pause.svg) 50%/25px 25px no-repeat;
}
.Hero_Play_CheckBox:checked+.Hero_Play_Label {
  background: url(/template/kv_movie/default/img/play.svg) 50%/25px 25px no-repeat;
}

[data-aspect-ratio-sp="3:4"]::before{
    padding-top: calc((4/3)*100%);
}
[data-sp-aspect-ratio="75:11"]:before {
  padding-top: calc((11 / 75) * 100%)
}

[data-aspect-ratio="750:355"]:before {
  padding-top: calc((355 / 750) * 100%)
}

[data-aspect-ratio="62:50"]:before {
  padding-top: calc((50 / 62) * 100%)
}

[data-aspect-ratio="126:90"]:before {
  padding-top: calc((90 / 126) * 100%)
}

[data-aspect-ratio="83:90"]:before {
  padding-top: calc((90 / 83) * 100%)
}

[data-aspect-ratio="120:105"]:before {
  padding-top: calc((105 / 120) * 100%)
}

[data-aspect-ratio="345:259"]:before {
  padding-top: calc((259 / 345) * 100%)
}
[data-aspect-ratio="690:518"]:before {
  padding-top: calc((518 / 690) * 100%)
}

a:hover, a:hover img, a:hover p, a[href]:hover, a[href]:hover img, a[href]:hover img, a[href]:hover span {
  cursor: pointer;
  opacity: 0.8;
  text-decoration: none;
}

html.en body,
html.en .fr-anchorButton_item,
html.en .fixedAnchor_itemLink,
html.en .fr-heading,
html.de body,
html.de .fr-anchorButton_item,
html.de .fixedAnchor_itemLink,
html.de .fr-heading,
html.es body,
html.es .fr-anchorButton_item,
html.es .fixedAnchor_itemLink,
html.es .fr-heading,
html.id body,
html.id .fr-anchorButton_item,
html.id .fixedAnchor_itemLink,
html.id .fr-heading,
html.it body,
html.it .fr-anchorButton_item,
html.it .fixedAnchor_itemLink,
html.it .fr-heading,
html.th body,
html.th .fr-anchorButton_item,
html.th .fixedAnchor_itemLink,
html.th .fr-heading{
  font-family: HelveticaNeue-Light, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN, meiryo, sans-serif;
}

html.zh body,
html.zh .fr-anchorButton_item,
html.zh .fixedAnchor_itemLink,
html.zh .fr-heading{
    font-family: PingFang, 方正兰亭黑, Arial, Helvetica, simsun, sans-serif
}

html.fr body,
html.fr .fr-anchorButton_item,
html.fr .fixedAnchor_itemLink,
html.fr .fr-heading{
    font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Segoe UI, Noto Sans, Roboto, Arial, Arial Unicode MS, sans-serif
}

html.ru body,
html.ru .fr-anchorButton_item,
html.ru .fixedAnchor_itemLink,
html.ru .fr-heading{
    font-family: verdana, arial, sans-serif
}

html.ko body,
html.ko .fr-anchorButton_item,
html.ko .fixedAnchor_itemLink,
html.ko .fr-heading{
    font-family: HelveticaNeue-Light, Apple SD Gothic Neo, MS P Gothic, sans-serif
}

html.vn-vi body,
html.vn-vi .fr-anchorButton_item,
html.vn-vi .fixedAnchor_itemLink,
html.vn-vi .fr-heading,
html.vn-vi .u-uqFont-b{
    font-family: arial, sans-serif
}

html.ja .award-ranking,
html.ja .utgp-heading.-h1,
html.ja .utgp-heading.-h4,
html.ja .award-ranking-s,
html.ja .comment-block_inner__box,
html.ja .product-title,
html.ja .product-country,
html.ja .rogerTtl,
html.ja .judge-block_inner__name{
  font-family: "ヒラギノ角ゴ Pro W6",sans-serif;
}

.fr-bff-product_imgWrapper .u-imgAdjustBox,
.fr-bff-product_content {
  display: none;
}
.award-block_inner__img .fr-bff-product_imgWrapper{
  position: static;
}

.fr-pagetop{
  background-color: #F5F4EF;
}

/*Header*/
.Header {
  background-color: #fff;
  background-color: var(--color-white);
  border-bottom: 1px solid #dadada;
  border-bottom: 1px solid var(--color-gray150);
  padding: 14.5px 4vw;
  padding: 14.5px var(--sp-h-1g);
  width: 100%;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 2
}

.Header_Logo {
  width: 140px;
  height: 23px;
}
.Header_Inner {
  position: relative;
}

.Header_LogoLink {
  display: inline-block
}

.Header_UqLogoLink {
  position: absolute;
  left: 12px;
  width: 65px;
  top: 50%;
  transform: translateY(-50%)
}

.Header_UqSingleLogo {
  width: 35px;
}

.Header_UqLogoImg {
  width: 100%;
  height: auto
}

/*Hero*/
.Hero {
  overflow: hidden;
  position: relative;
  line-height: 0;
}

.Hero_Img_noMovie{
  display: none;
}
.iOS_9 .Hero_Img_noMovie{
  display: block;
}

.iOS_9 .Hero_Video,.iOS_9 .Hero_Play_CheckBox,.iOS_9 .Hero_Play_Label{
  display: none;
}

.Hero_logo {
  position: absolute;
  transform: translateX(calc(-50%)) translateY(-50%);
  top: 36%;
  left: 50%;
  width: calc((250/375)*100vw);
  z-index: 3;
}

.Hero_Video {
  width: 100%;
  height: 100%;
}

.Hero_Play_CheckBox {
  display: none;
}

.Hero_Play_Label,
.Hero_Play_CheckBox:checked+.Hero_Play_Label {
  display: block;
  padding: 19px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}

.Hero_Play_Label,
.Hero_Play_CheckBox:checked+.Hero_Play_Label {
  width: 22px;
  height: 22px;
  padding: 0;
  right: 13px;
  bottom: 10px;
}

.Hero_Play_Label {
  background: url(/jp/ja/contents/utgp/2022/common/img/pause.svg) 50%/22px 22px no-repeat;
}

.Hero_Play_CheckBox:checked+.Hero_Play_Label {
  background: url(/jp/ja/contents/utgp/2022/common/img/play.svg) 50%/22px 22px no-repeat;
}

/* anchor */
.anchorAdjustBox{
  margin-top: -70px;
  padding-top: 70px;
}
.fr-anchorButton_item {
  background-color: #F5F4EF;
}

.fr-anchorButton_itemLink {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  font-size: 12px;
  line-height: 1.5;
  min-height: 71px;
  padding: var(--sp-v-m) var(--sp-h-05g);
  text-align: center;
}

.fixedAnchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  margin-top: -71px;
  flex-wrap: nowrap;
  border-width: 0 0 1px 1px;
  width: 100%;
  transition: initial;
  min-height: 71px;
}

.fixedAnchor.is-fixed {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0px;
  transition: initial;
  z-index: 11;
}

.fixedAnchor_item {
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  width: 50%;
  height: 71px;
  background-color: #F5F4EF;
  min-height: 71px;
  cursor: pointer;
}

.fixedAnchor_item:first-child {
  border-left: 1px solid #dadada;
}

.fixedAnchor_itemLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  border-bottom: 2px solid transparent;
  font-weight: 700;
  font-family: "ヒラギノ角ゴ Pro W6",sans-serif;
}

.fixedAnchor_itemLink[data-anchor-current="true"] {
  border-bottom-color: #1b1b1b;
}

.fixedAnchor_item:last-child {
  border-right: 1px solid #dadada;
}

/* main-common */
#main {
  background-color: #F5F4EF;
}

.section_award,
.section_styling,
.section_ceremony,
.section_about {
  background-image: url(/jp/ja/contents/utgp/2022/common/img/zigzag.png);
  background-repeat: repeat-x;
  background-position: right 0px top 60px;
  background-size: auto 80px;
}

.fw600{
  font-weight: 600;
}

.utgp-heading.-h1 {
  font-size: 21px;
  line-height: 1.3;
}

.utgp-heading.-h2 {
  font-size: 22px;
  line-height: 1.2;
}

.utgp-heading.-h3 {
  font-size: 20px;
  line-height: 1.2;
}

.utgp-heading.-h4{
  font-size: 14px;
  line-height: 1.2;
}

.utgp-body {
  font-size: 13px;
  line-height: 1.5;
}

html.ko #section01 .utgp-body,
html.ko .ceremony_inner .fr-body{
  text-align: center;
}

.utgp-uph1 {
  font-size: 22px;
  line-height: 1.2rem;
}

.utgp-uph4 {
  font-size: 18px;
  line-height: 1.2;
}

.-dot {
  background-image: url(/jp/ja/contents/utgp/2022/common/img/dot_pattern.png);
  background-repeat: repeat;
  background-size: 12px;
}


.totalnumber-box{
  position: relative;
}

.totalnumber-txt{
  position: absolute;
  max-width: calc((190/375)*100vw);
  top: 50%;
  left: 50%;
  transform: translateX(calc(-50% + 15px)) translateY(-50%);
  z-index: 5;
  font-size: calc((30/750)*100vw);
    line-height: 1.3;
    padding-left: 1vw;
    padding-right: 1vw;
}

.totalnumber-img{
  width: 100vw;
}

.award-block {
  position: relative;
  overflow: hidden;
}

.award-block:first-of-type{
  overflow: visible;
}

.award-block.-woodstock{
  overflow: visible;
}

/* character-animation */
.character_img.js-bouce {
  position: absolute;
  width: calc((90/375)*100vw);
  top: -12%;
  z-index: 1;
}

html.ja .character_img.js-bouce {
  top: -14%;
}

.animation-bouce {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  animation-name: anim_one;
}

@keyframes anim_one {
  0% {
    transform: translate(0, 0px);
  }

  100% {
    transform: translate(0, 15px);
  }
}

.character_img.js-rightrotate {
  position: absolute;
  right: -60px;
  top: 0;
  width: calc((84/375)*100vw);
  z-index: 1;
  transform-origin: center bottom;
}

.animation-rightrotate {
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-name: anim_two;
}

.animation-rightrotate_return {
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-name: anim_two_returen;
}

@keyframes anim_two {
  0% {
    transform: rotate(0deg);
    right: -60px;
  }

  100% {
    transform: rotate(-25deg);
    right: -50px;
  }
}

@keyframes anim_two_returen {
  0% {
    transform: rotate(-25deg);
    right: -36px;
  }

  100% {
    transform: rotate(35deg);
    right: -70px;
  }
}

.character_img.js-leftrotate {
  position: absolute;
  top: 20px;
  left: -60px;
  width: calc((72/375)*100vw);
  z-index: 1;
  transform-origin: center bottom;
}

.animation-leftrotate {
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-name: anim_three;
}

.animation-leftrotate_return {
  animation-timing-function: ease-in-out;
  animation-direction: normal;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-name: anim_three_return;
}

@keyframes anim_three {
  0% {
    transform: rotate(0deg);
    left: -60px;
  }

  100% {
    transform: rotate(15deg);
    left: -25px;
  }
}

@keyframes anim_three_return {
  0% {
    transform: rotate(15deg);
    left: -35px;
  }

  100% {
    transform: rotate(-35deg);
    left: -60px;
  }
}

/*award*/

.award-ranking {
  font-size: 16px;
  line-height: 1.35;
  font-weight: bold;
}

.award-block_inner {
  display: flex;
  flex-direction: column;
  position: relative;
}

.award-block_inner__img {
  position: relative;
}

.award-block_inner__link {
  text-decoration: underline;
  position: absolute;
  transform: translateX(-50%);
  bottom: 15px;
  left: 50%;
}

.comment-block{
  word-break: break-word;
}

.comment-block_inner,
.judge-block_inner {
  display: flex;
  align-items: center;
}

.judge-block_inner {
  align-items: flex-start;
  word-break: break-word;
}

.comment-block_inner__img,
.judge-block_inner__img {
  width: calc((75/375)*100vw);
  margin-right: calc((15/375)*100vw);
}

.comment-block_inner__box,
.judge-block_inner__box {
  width: calc((255/375)*100vw);
}

.comment-block_inner__name,
.comment-block_inner__country {
  font-size: 13px;
  line-height: 1.5;
  font-weight: bold;
}

.judge-block_inner__name {
  font-weight: bold;
  font-size: 13px;
  line-height: 1.5;
}

.col {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.col-gender-icon {
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  padding: 4px;
  border: 1px solid #000;
  text-align: center;
  margin-right: 4vw;
}

.col-price {
  font-size: 18px;
  line-height: 1.2;
}

.award-grand_img {
  width: calc((36/375)*100vw);
  margin: 0 auto;
}

.award-wrapper {
  display: flex;
  width: calc((305/375)*100vw);
  margin: 0 auto;
}

.award-wrapper-inner__img {
  position: absolute;
  left: 7%;
  top: 20px;
  width: 126px;
}

.award-wrapper-inner__imgunder {
  position: absolute;
  top: -21px;
  right: 15%;
  width: 83px;
  margin-left: 16px;
}

.award-wrapper-inner__txt {
  width: calc((183/375)*100vw);
  text-align: center;
  transform: translateX(calc((126/375)*100vw));
}

.award-wrapper-inner__txtunder {
  width: calc((163/375)*100vw);
  text-align: center;
}

.award-ranking-s {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}

.rogercomment-block_inner {
  display: flex;
  align-items: flex-start;
}

.rogercomment-block_inner__img {
  width: calc((120/375)*100vw);
  margin-right: calc((16/375)*100vw);
}

.rogercomment-block_inner__txt {
  width: calc((209/375)*100vw);
  word-break: break-word;
}

.rogerTtl{
  font-size: 13px;
  line-height: 19.6px;
  font-weight: bold;
}

.award-special-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.product-title {
  font-weight: bold;
}

.product-country {
  font-weight: bold;
}

.styling-list {
  display: flex;
  flex-wrap: wrap;
}
.ceremony_inner{
  word-break: break-word;
}

.about_inner{
  margin-bottom: 60px;
  word-break: break-word;
}

.award_comment {
  width: 345px;
  margin: 0 auto;
}


/*breadcrumbs*/

.LanguageSwitch,
.Sns_Inner {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  margin-top: var(--sp-v-xl);
}

.LanguageSwitch_Item {
  line-height: 18px
}

.LanguageSwitch_Item+.LanguageSwitch_Item {
  border-left: 1px solid #1b1b1b;
  border-left: 1px solid var(--color-black900);
  margin-left: 9px;
  margin-left: var(--sp-v-s);
  padding-left: 9px;
  padding-left: var(--sp-v-s)
}

.Breadcrumbs_Item {
  display: inline
}

.Breadcrumbs_Item+.Breadcrumbs_Item:before {
  content: " / "
}

.Breadcrumbs_ItemLink {
  text-decoration: underline
}

.Breadcrumbs {
  margin-left: 4vw;
  font-size: 14px;
  line-height: 21px
}


/*footer*/
.Footer_Copyright {
  color: #ababab;
  color: var(--color-gray350);
  display: block;
  font-family: UniqloPro Light, sans-serif;
  font-size: 11px;
  line-height: 1
}

.Footer {
  background-color: #f4f4f4;
  background-color: var(--color-gray050);
  border-top: 1px solid #dadada;
  border-top: 1px solid var(--color-gray150);
  margin-top: 24px;
  margin-top: var(--sp-v-xl);
  padding: 15px 4vw;
  padding: 15px var(--sp-h-1g)
}

.Button,
.Footer {
  text-align: center
}

.OtherNavigation {
  text-align: center;
  border-top: 1px solid #dadada;
  border-top: 1px solid var(--color-gray150);
}

.OtherNavigation_Logo {
  margin-top: 24px;
  margin-top: var(--sp-v-xl)
}

.aside .OtherNavigation_LogoImg {
  width: auto;
  height: 36px
}

.OtherNavigation_ListItem {
  font-size: 14px;
  line-height: 19.5px;
  margin-top: 24px;
  margin-top: var(--sp-v-xl)
}

/*SNS*/
.Sns_Icon+.Sns_Icon {
  margin-left: 31px
}

.Sns_IconImg {
  border-radius: 5px;
  width: 24px;
  height: 24px
}

.Sns_IconImg.-tiktok  {
  width: 24px;
  height: auto;
  vertical-align: middle;
}


.Sns_Inner {
  padding-right: 4vw;
  padding-right: var(--sp-h-1g);
  padding-left: 4vw;
  padding-left: var(--sp-h-1g)
}

.about-block_inner{
  display: flex;
}
.about-block_inner__img{
  width: calc((165/375)*100vw);
}
.about-block_inner__box{
  width: calc((210/375)*100vw);
  padding-left: 4vw;
}
.about-block_inner__name{
  font-weight: bold;
  font-size: 13px;
  line-height: 1.5;
}
.award-block_about__link{
  text-decoration: underline;
  font-weight: bold;
}

.utgp-body.-annotation{
  padding-left: 1.3em;
  position: relative;
}
.utgp-body.-annotation:before{
  content: "※";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
}

.award-block_inner__img .fr-bff-products{
  z-index: 10;
  position: absolute;
  bottom: 44px;
  right: 0;
}
.award-special-list-item{
  position: relative;
}
.award-special-list-item .fr-bff-products {
  z-index: 10;
  position: absolute;
  right: 0;
}

@media screen and (max-width:812px) {
  .award-special-list-item {
    width: calc((165/375)*100vw);
    width: calc(50% - ((15/375)*100vw / 2));
    box-sizing: content-box;
    margin-left: calc((15/375)*100vw);
  }

  .award-special-list-item:not(:nth-of-type(2n)) {
    margin-left: 0;
  }

  .award-special-list-item:nth-child(n+3) {
    margin-top: 21px;
  }

  .sunglasses {
    width: calc((127/375)*100vw);
    object-fit: contain;
    margin: 0 auto;
  }
}


@media screen and (min-width:813px) {
  [data-aspect-ratio-pc="1176:588"]::before{
    padding-top: calc((588/1176)*100%);
  }
  [data-pc-aspect-ratio="380:80"]:before {
    padding-top: calc((80 / 380) * 100%)
  }
  .pc-align-center {
    text-align: center;
  }


  /*Header*/
  .Header {
    padding: 0;
    height: 71px
  }

  .Header_Logo {
    width: 223px;
    height: 29px;
  }

  .Header_Inner {
    height: 100%
  }

  .Header_LogoLink {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .6s;
    transition: opacity var(--transition-speed-normal)
  }

  .Header_UqLogoLink {
    left: 0;
    margin-left: 15px;
    transition: opacity .6s;
    transition: opacity var(--transition-speed-normal);
  }

  /*main*/
  /* maincommon */
  .utgp-heading.-h1 {
    font-size: 36px;
  }

  .utgp-heading.-h2 {
    font-size: 33px;
  }

  .utgp-heading.-h3 {
    font-size: 29px;
    line-height: 1.4;
  }

  .utgp-heading.-h3.-roger{
    white-space: nowrap;
  }

  .utgp-heading.-h4{
    font-size: 22.5px;
    line-height: 1.4;
  }

  .utgp-body {
    font-size: 13px;
    line-height: 19.6px;
  }

  .utgp-uph1 {
    font-size: 40px;
    line-height: 1.3;
  }

  .utgp-uph4 {
    font-size: 27px;
    line-height: 1.4;
  }
  .-dot {
    background-size: 16px;
  }

  .fr-pagetop{
    bottom: 56px;
  }

  /*Hero*/
  .Hero {
    /* display: flex;
    max-width: 588px;
    max-width: var(--pc-device-widthHalf); */
    width: 100%;
    height: auto;
  }
  .Hero_logo {
    top: 30%;
    width: calc((320/1226)*100%);
  }



  /*anchor*/
  .fr-anchorButton_item.-pc-two {
    width: 50%;
  }

  .fr-anchorButton_item.-pc-three {
    width: 33.33%;
  }

  .fr-anchorButton_itemLink {
    font-size: 17px;
    line-height: 23.8px;
    min-height: 82px;
  }

  .fixedAnchor {
    min-height: 82px;
    margin-top: -82px;
  }

  .fixedAnchor_item {
    height: 82px;
    min-height: 82px;
  }

  .fixedAnchor_itemLink {
    font-size: 17px;
    line-height: 23.8px;
  }

  .fixedAnchor.is-fixed {
    margin-top: 0px;
  }

  .anchorAdjustBox{
    margin-top: -81px;
    padding-top: 81px;
  }

  .section_award,
  .section_styling,
  .section_ceremony,
  .section_about {
    background-position: right 0px top 64px;
    background-size: auto 110px;
  }

  .character_img.js-bouce {
    width: 145px;
    top: -26%;
    left: 25px;
  }

  html.ja .character_img.js-bouce {
    top: -120px;
  }

  .character_img.js-rightrotate {
    width: 135px;
    right: -60px;
  }

  @keyframes anim_two {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(-25deg);
      right: -60px;
    }
  }
  .character_img.js-leftrotate {
    width: 120px;
    left: -60px;
  }

  @keyframes anim_three {
    0% {
      transform: rotate(0deg);
      left: -60px;
    }
  
    100% {
      transform: rotate(15deg);
      left: -35px;
    }
  }

  /*受賞作品*/
  .award-grand_img {
    width: calc((50/1226)*100%);
  }

  .totalnumber-txt{
    max-width: calc((270/800)*100%);
    font-size: 17px;
    line-height: 1.4;
    transform: translateX(calc(-50% + 40px)) translateY(-50%);
  }

  .totalnumber-img {
    width: 380px;
    margin: 28px auto 0;
  }

  .anniversary-img {
    width: calc((375/800)*100%);
    margin: 28px auto 0;
  }

  .summary-inner {
    margin: 0 auto;
    max-width: 800px;
  }

  .award-ranking {
    font-size: 20px;
    line-height: 1.4;
  }

  .award-block_inner.-row-reverse {
    flex-direction: row-reverse;
  }

  .award-block_inner {
    flex-direction: row;
    max-width: 951px;
    margin: 28px auto 0;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    box-sizing: content-box;
  }

  .award-block_inner__link{
    font-size: 16px;
    line-height: 1.5;
    bottom: 28px;
  }

  .col-gender-icon {
    margin-right: 24px;
    padding: 3px 15px;
    font-size: 24px;
    line-height: 24px;
  }

  .col-price {
    font-size: 24px;
    line-height: 1.2;
  }

  .comment-block_inner {
    margin: 0 auto;
  }

  .award-block_inner__img {
    width: calc((501/951)*100%);
    margin-right: calc((75/951)*100%);
  }

  .award-block_inner.-row-reverse .award-block_inner__img{
    margin-left: calc((75/951)*100%);
    margin-right: 0;
  }

  .comment-block_inner__img {
    width: calc((100/375)*100%);
    margin-right: 25px;
  }

  .comment-block_inner__box {
    width: calc((250/375)*100%);
  }

  .comment-block {
    width: calc((375/951)*100%);
    margin: 0;
  }

  .judge-block_wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 1075px;
    margin: 28px auto 0;
    padding-right: 25px;
    padding-left: 25px;
  }

  .judge-block_inner {
    width: calc(50% - (25px / 2));
    margin-left: 25px;
  }

  .judge-block_inner__box {
    width: calc((375/500)*100%);
  }

  .judge-block_inner__img {
    width: calc((100/500)*100%);
    margin-right: calc((25/500)*100%);
  }

  .judge-block_inner:not(:nth-last-of-type(2n)) {
    margin-left: 0;
  }

  .judge-block_inner__name {
    line-height: 1.4;
  }

  .award-wrapper {
    justify-content: center;
    width: auto;
  }

  .award-wrapper-inner__img {
    width: 153px;
    position: initial;
    margin-right: -8px;
  }

  .award-wrapper-inner__txt {
    width: 296px;
    transform: translateX(0);
  }

  .award-wrapper-inner__imgunder {
    width: 108px;
    right: calc(50% - 240px);
  }

  .rogercomment-block_inner {
    max-width: 950px;
    width: calc((950/1226)*100%);
    margin: 28px auto 0;
  }

  .rogercomment-block_inner__img {
    width: calc((200/950)*100%);
    margin-right: calc((24/950)*100%);
  }

  .rogercomment-block_inner__txt {
    width: calc((726/950)*100%);
  }

  .rogercomment-block_inner {
    justify-content: center;
  }

  .rogerTtl{
    font-size: 14px;
  }

  .award-special-list {
    max-width: 1226px;
    margin: 40px auto 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .award-special-list-item {
    width: calc(25% - 18px);
    margin-right: 24px;
  }

  .award-special-list-item:nth-of-type(4n) {
    margin-right: 0;
  }

  .award-special-list-item:nth-child(n+5) {
    margin-top: 20px;
  }

  .sunglasses {
    object-fit: contain;
    width: calc((255/(1176/3)*100%));
    margin: 0 auto;
  }

  .styling-list {
    max-width: 1226px;
    margin: 52px auto 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .styling-list-item {
    width: calc((100% - 2px) / 3);
    margin-right: 1px;
  }
  .styling-list-item:nth-of-type(3n){
    margin-right: 0;
  }
  .styling-list-item:nth-child(n + 4){
    margin-top: 1px;
  }

  .ceremony_inner,
  .about_inner {
    /* width: calc((800/1226)*100%); */
    width: 800px;
    margin: 0 auto 0;
  }

  .award_comment {
    width: 651px;
  }

  /*Footer*/
  .OtherNavigation {
    border-top: 1px solid #dadada;
    border-top: 1px solid var(--color-gray150)
  }

  .OtherNavigation_Inner {
    max-width: 1224px;
    /* max-width: var(--pc-device-width-include-margin); */
    width: 100%;
    padding-top: 28px;
    padding-top: var(--pc-v-l);
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding-left: 24px;
    padding-left: var(--pc-h-m);
    padding-right: 24px;
    padding-right: var(--pc-h-m)
  }

  .OtherNavigation_Logo {
    margin-top: 0;
    transition: opacity .6s;
    transition: opacity var(--transition-speed-normal)
  }

  .OtherNavigation_Logo:hover {
    opacity: .6
  }

  .OtherNavigation_ListItem {
    margin-top: 0;
    margin-left: 31px;
    transition: opacity .6s;
    transition: opacity var(--transition-speed-normal)
  }

  .OtherNavigation_ListItem:hover {
    opacity: .6
  }

  .OtherNavigation_List {
    display: flex;
    justify-content: center
  }

  .Sns_Icon {
    transition: opacity .6s;
    transition: opacity var(--transition-speed-normal)
  }

  .Sns_Icon:hover {
    opacity: .6
  }

  .Sns_Inner {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    /* position: absolute;
    top: 50%;
    right: 190px; */
    /* transform: translate(-50%, -50%); */
  }

  .LanguageSwitch {
    margin-top: 0;
    margin-left: auto;
  }

  .LanguageSwitch_Item {
    line-height: 15.6px;
    transition: opacity .6s;
    transition: opacity var(--transition-speed-normal)
  }

  .LanguageSwitch_Item:hover {
    opacity: .6
  }

  .Breadcrumbs_ItemLink {
    transition: opacity .6s;
    transition: opacity var(--transition-speed-normal)
  }

  .Breadcrumbs_ItemLink:hover {
    opacity: .6
  }

  .Breadcrumbs {
    max-width: 1224px;
    /* max-width: var(--pc-device-width-include-margin); */
    margin: 64px auto 0;
    width: 100%;
    padding-left: 24px;
    padding-left: var(--pc-h-m);
    padding-right: 24px;
    padding-right: var(--pc-h-m)
  }

  .Footer_Copyright {
    font-size: 11px;
    display: inline-block
  }

  .Footer {
    padding: 28px 0;
    padding: var(--pc-v-l) 0;
    text-align: left;
    position: relative;
  }

  .Footer_Inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    max-width: 1224px;
    /* max-width: var(--pc-device-width-include-margin); */
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 24px;
    padding-left: var(--pc-h-m);
    padding-right: 24px;
    padding-right: var(--pc-h-m)
  }
  .about-block_inner{
    width: 651px;
    margin: 40px auto 0;
  }
  .about-block_inner__img{
    width: 276px;
  }
  .about-block_inner__box{
    padding-left: 24px;
    width: 375px;
  }
  .about-block_inner__name{
    font-weight: bold;
    font-size: 14px;
    line-height: 19.6px;
  }
  .utgp-body.-annotation:before{
    left: 140px;
  }
}

@media screen and (max-width: 375px){
  .Header_LogoLink{
  margin-left: calc(375px - 100vw);
  max-width: 375px;
  }
  html.kr .Header_LogoLink{
    margin-left: calc(355px - 100vw);
  }
  .award_comment {
    width: calc((345/375)*100vw);
}
}


@media screen and (min-width:571px) and (max-width: 813px){
  .totalnumber-txt {
    transform: translateX(calc(-50% + 25px)) translateY(-50%);
  }
}