<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

body {
/*   font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic" !important; */
  font-size: 14px;
  line-height: 1.2;
  overflow-x: hidden;
  color: #000;
  padding: 0;
  margin: 0;
}

a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:hover img {
  opacity: .8;
}


main a,
main div {
  display: inline-block;
  vertical-align: bottom;
}
main img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
}



.pos-re {
  position: relative;
}


.purchase,
.recommend_widget&gt;div {
  width: 100%;
}


.between-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
}


.sp-item,
.sp-item-flex {
  display: none !important
}

.mastars-feature&gt;img {
  margin-bottom: 2%;
}

.variety {
  width: 45%;
  margin: 1% 0;
}



.attention {
  width: 100%;
  font-size: 1vw;
  cursor: pointer;
  margin-bottom: 1%;
  padding-left: 4%;
  display: inline-block;
}


.moive .label-img {
  position: absolute;
  z-index: 99;
  width: 70% !important;
  top: 50% !important;
  left: -2% !important;
  right: auto !important;
}
.flex-2 .label-img,
.moive.num-4 .label-img {
  top: 50%;
  opacity: .9;
  left: -2%;
}
.label-img.start-mark {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 25% !important;
  opacity: 1 !important;
  margin: auto !important;
}

.red-font {
  color: red
}

.tour-comment,
span.tour-info {
  font-size: 1vw;
}

.sub-title {
  font-size: 1.3vw;
}

.background-gray {
  margin-top: 5%;
}

img.recommend {
  width: 100%;
  padding: 1% 36%;
  background: #ffd56c;
  margin-bottom: 2%;
}


.tab-lings a {
  width: 32%;
}



.iframe-responsive-size {
  display: block;
}





#content-wrap {
  padding-left: 3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}


#area-live {
  display: block;
}



.featured-video {
  width: 100%;
  min-width: 0;
  margin-top: 3%;
  margin-bottom: 3%;
}
.featured-video&gt;.title-area {
  width: 100%;
  text-align: left;
}
.featured-video&gt;.title-area .cells {
  width: 100%;
  margin-bottom: 1%;
}
.featured-video&gt;.title-area .cells span {
  width: 74%;
  vertical-align: middle;
  display: table-cell;
}
.featured-video&gt;.title-area .cells a {
  vertical-align: middle;
  display: table-cell;
}
.featured-video .title {
  font-size: 2vw;
  color: #010054;
}
.featured-video .tab-lings {
  width: 100%;
  max-width: 100%;
}
.featured-video .tab-lings .moive {
  /* vertical-align: top; */
  width: 25%;
  padding-left: 5px;
  padding-right: 5px;
}
.featured-video .tab-lings .moive+.moive {
  /* margin-left: 1% */
}
.featured-video .tab-lings .moive span.num-3 {
  display: block;
}
.featured-video .tab-lings .moive a {
  width: 100%;
}
.featured-video .tab-lings.flex-2 .moive,
.flex-1,
.flex-2,
.flex-3 {
  font-size: 1.3vw !important;
}
/* ジャンルランダム表示用補正 */
 .genreRandom &gt; .featured-video:first-of-type {
   margin-top: 0;
 }




/* top-main-movie */
.top-main-move {
  position: relative;
  width: 100%;
  /* margin-bottom: 3%; */
  display: inline-block;
}
.top-main-move .move {
  position: relative;
  float: left;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  /* width: 58%; */
  width: 100%;
  background-color: #000;
  background-image: url('https://www.golfnetwork.plus/tv/img/_parts/oval.svg');
  background-position: center center;
  background-repeat: no-repeat;
  min-height: calc((1024px - 260px) * .97 * .5626);
}
.top-main-move .move .obi-img {
  position: absolute;
}
.top-main-move .move-info {
  width: 40%;
  float: right;
  margin-left: 1%;
}
.top-main-move .move-info .title {
  font-size: 1.5vw;
}
.top-main-move .move-info .title_s{
  font-size: 15.5px;
}




.top-schedule-area {
  font-size: 1.3vw;
  width: 100%;
}
.top-schedule-area span {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
}
.top-schedule-area&gt;span {
  margin-bottom: 1%;
  font-size: 1.1vw;
  width: 100%;
  font-weight: 700;
  vertical-align: top;
}
.top-schedule-area&gt;span:nth-of-type(1) {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1%;
  margin-bottom: 1%;
}
.top-schedule-area&gt;span:not(.sp-item):not(.sp) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.top-schedule-area&gt;span .days {
  width: 17%;
  text-align: center;
  display: inline-block;
  font-size: 1.1vw;
  border: 1px solid #000;
  border-radius: 30%;
  padding: 0 1.5%;
  margin-right: 2%;
}
.top-schedule-area&gt;span .icons {
  width: 12%;
  margin-right: 2%;
  float: left;
}




header {
  padding: 5px 0;
  margin-bottom: 25px !important;
  margin: auto auto 10px;
}
header h1#header-logo {
  float: left;
  width: 260px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
header #header-tab {
  float: left;
  padding-top: 5px;
}
header #header-tab ul {
  font-size: 0;
  letter-spacing: -.2em;
}
header #header-tab ul li a {
  display: block;
  background: #9d9d9d;
  width: 180px;
  margin-right: 10px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  letter-spacing: normal;
  color: #fff;
}
.header-buy-select-btn {
  margin-top: 1.3%;
  width: 5%;
  margin-right: 1%;
  float: right;
}


.logo img {
  width: 95px;
}






.menu&gt;li a:hover {
  color: #000;
  text-decoration: none;
}


#spotful ul#spotful-ul li,
.side-content nav#side-nav ul li {
  margin: auto auto 10px;
}

#main-title,
#news .news-left .written .written-photo img,
#news .news-right ul.news-archive li .news-discription .icon-new img,
#news .news-right ul.news-archive li .news-thumb img,
#reccomend ul.reccomend-ul li .reccomend-thumb .reccomend-icon img,
#special ul#special-ul li .special-thumb img,
#top-visual img,
.header-buy-select-btn&gt;img,
.report-text .us-movie span {
  width: 100%;
}


#cv {
  padding: 50px 0;
}
#cv,
#cv .cv-arrow,
#cv .cv-bnr,
#cv .cv-btn a,
#cv .cv-catch,
#cv .cv-red-title,
#cv .cv-title {
  text-align: center;
}
#cv .cv-catch {
  margin: auto auto 30px;
  font-size: 28px;
  font-weight: 700;
}
#cv .cv-btn a:hover {
  color: #000;
  text-decoration: none;
}




footer {
  background: #000;
  padding: 15px 0;
}

#my-footer .content-base {
  display: inline-block !important;
}










.new-content::before {
  content: "NEW";
  color: #fff;
  display: inline-block;
  font-size: 1.2vw;
  line-height: 1.4;
  margin-top: 1.5%;
  background-color: #FF3000;
  background-image: none;
  border-radius: 1em;
  margin-top: 5px;
  margin-bottom: 2%;
  margin-right: 3px;
  padding: 2px .8em;
  width: auto;
  height: auto;
  white-space: nowrap;
  word-break: break-all;
  vertical-align: top;
}




.plan-select-area {
  position: relative;
  background: #000;
  padding: 6% 10%;
  margin-top: 9%;
  text-align: center
}
.plan-select-area::after {
  content: "　";
  position: absolute;
  width: 20%;
  height: 20%;
  background: #000;
  top: -2%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.plan-select-area a {
  width: 80%;
  margin-top: 5%
}



.new-content:defer {
  content: '';
  float: left;
  display: inline-block;
  width: 43.5px;
  height: 16.3px;
  margin-top: 2px;
  margin-right: 3px;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAsCAMAAACDmWyPAAAAbFBMVEUAAAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/MAD/////ppz/1dH/fGv/9fT/bFj/vrj/sqr/mY3/ysX/Ryb/6+n/W0L/4N3/i31GBiTIAAAAFHRSTlMA7fsw8tXPtq+APjYkBgiOnJmPCSqd0jAAAAJaSURBVFjDzZjZlqMgEEDBbGpn6+6KiEvc/v8fR0oRmWNVXkad+2DKE8yFgoqi8LnFUXiSAfwzAnkKo/gmaA7fElZBfh8o5QVW5LKkvT8CWJXg5/6383qG1TlffeeXhA2QX57zCJtwnFmvEjZCThm+n2EzznY1PWBDHmN9BrAhwVCvF1iiTHq8s9IEyZxCQZPgN0jah50LkxSWuOBAYZH3q2ey5v3J2wT1ywMqc1SAJH746mARM9QnLIKX6cae2R4oXzp2DhDlhxqWeQpxO1JSg/ooLc1HBj3Vyw1P91FOFetNxEBLjWlBOs1V1UfV1Koz0aDKTFQCQSwiXqobRoq0drpzvKCeLq6AIBIhLUVaWuoaarfGMNVvvJAiFCdGqm3qOGmKpiGltr3GT4qTkIw0afEHCSlO6WTAJmaEavSnQCFFwEnx6pZevVNFv4dvMo1zaTNOEAjgpOaINk5aoqIyR+xAZ/9KSD5IocVMsdIG56DDcinxWGPBMNKAl2LC6sqT5u6vF0FHbg7YAY29aLj0Sk5qS6egVi9SmI4YczVkpsBypZFsybiEKk7aGcm44oxQGzHQnET4SdpgtXLSatYgHeMOaEIRsVKMeKlbXdlQtQgwRCJmpYjipK5beqpavmAgtrc2TlppX9oqy+jP3P0FSteWvrWJJytFOl9qcYPW7lbW2EyTPOnHFawDN2l2QbaL0nxWmTVmmuFAP5gVSqkCRhplz9Sc2ko7c2ZThE1pLrs8gu73sC1+t9xW/O6xgdpjq7jHpnj/7b8Q95/1X3T8H690tnx5tctruj+3mng5uygwOwAAAABJRU5ErkJggg==)
}

.us-open-min-icon {
  width: 40px
}

.uae_outstreamplayer {
  width: 100% !important;
  display: block
}

.pc-nav {
  padding-left: 0 !important
}

#SPREAD_VIDEO_WRAPPER {
  display: block
}

span.overview-txt {
  font-size: 11px;
  margin-top: 4%;
  font-weight: 700;
  line-height: 20px
}

.pc-item.info-txt {
  display: inline-block !important
}


.cp-info {
  display: none
}


.asugol-golfbu-row .title.bold-text,
.gear-row .bold-text {
  line-height: 2
}
.pga-row .title.bold-text {
  line-height: 1.8
}
.thematch-row .bold-text {
  line-height: 1.4
}
.new-year .bold-text {
  line-height: 2.3
}
.image-swing-row .title.bold-text {
  line-height: 1.5
}
.champion-open .title.bold-text {
  line-height: 2.5
}
.the-open .title.bold-text {
  line-height: 1.7
}
.us-open .title.bold-text {
  line-height: 1.9
}
.lesson-row .title.bold-text {
  line-height: 1.8
}
.lesson-row .free-icon {
  margin-bottom: 1.8%
}
.tiger-row .bold-text {
  line-height: 1.5
}
.tpc-row&gt;.title-area .cells {
  margin-bottom: 1.5%
}
.tpc-row .title.bold-text {
  line-height: 1.5
}
.ryder-row .title.bold-text {
  line-height: 2.6;
}





.moive span {
  word-break: break-all
}

.new-year-pga {
  margin-top: 3%;
  margin-bottom: 3%
}


.fix-video,
.fix-video-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6)
}
.fix-video-background {
  height: 100%;
  width: 100%;
  z-index: 999999999
}
.fix-video {
  width: 50%;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 999999999999999999
}

/* ie11 hack */
_:-ms-lang(x)::-ms-backdrop, .fix-video {
  top: 25%;
  left: 25%;
  right: 25%;
}
/* edge hack */
@supports (-ms-ime-align: auto) {
  .fix-video {
    top: 25%;
  }
}





.leader-board-item .score table .pc {
  display: table-cell
}
.leader-board-item .score table::after {
  content: " ";
  position: absolute;
  height: 1px;
  background: #0c215e;
  width: 100%;
  left: 0;
  top: 46%;
  bottom: 0
}
.leader-board-item .score table td {
  text-align: center
}



.live-reload {
  float: right;
  margin-bottom: 10px;
}
.live-reload ul {
  font-size: 0;
  letter-spacing: -2em
}
.live-reload ul li {
  font-size: 14px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px
}
.live-reload ul li:nth-child(2) a,
.live-reload ul li:nth-child(3) a {
  padding: 2px 5px;
  display: block;
  color: #000;
  background: #ccc;
  font-size: 12px
}
.live-reload ul li:nth-child(2) a.active,
.live-reload ul li:nth-child(3) a.active {
  color: #ccc !important;
  background: #000 !important
}






.overview-txt {
  position: relative;
  width: 100%;
  border: solid 1px #adadad;
  padding: 5% 2% 3%;
  font-weight: 700
}
.overview-txt span.title-area {
  top: -7%;
  width: 20%;
  position: absolute;
  font-size: 12px;
  background: #fff
}
.overview-txt span.title-area img {
  width: 11%;
  float: left;
  margin-right: 4%
}
.overview-txt .matuyama-next-tour br+span {
  font-size: 13px
}

.matuyama-next-tour-schedule .matuyama-next-tour&gt;span.tour-titile-color,
.overview-txt .matuyama-next-tour&gt;span.tour-titile-color {
  color: #103196;
  display: inline !important;
  float: none !important
}








.leader-board {
  position: relative;
  width: 100%;
  padding: 5px 10px 5px;
  border: 1px solid #0c215e;
}
.leader-board&gt;span {
  position: absolute;
  top: -15%;
  left: 0;
  font-size: 15px;
  font-weight: 700;
  background: #fff;
  padding: 0 1%;
  color: #0c215e;
  right: 0;
  margin: auto;
}



.leader-board-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.leader-board-item&gt;img {
  width: 8%;
  margin-left: 0;
}
.leader-board-item .score {
  width: 90%;
  margin-top: 10px;
}
.leader-board-item .score table {
  width: 100%;
  position: relative;
  font-size: 16px;
}




.matuyama-next-tour-schedule {
  position: relative;
  width: 100%;
  border: solid 1px #adadad;
  padding: 2% 2% 1% 3%;
  font-weight: 700;
}
.matuyama-next-tour-schedule&gt;img {
  width: 8%;
  float: left;
}
.matuyama-next-tour-schedule .matuyama-next-tour {
  width: 90%;
  float: right;
  margin-top: 1.2%;
  line-height: 22px;
  font-size: 18px;
}
.matuyama-next-tour-schedule span.title-area {
  top: -11%;
  width: 24%;
  position: absolute;
  font-size: 16px;
  background: #fff
}
.matuyama-next-tour-schedule span.title-area img {
  width: 14%;
  float: left;
  margin-right: 4%;
  margin-top: -3%
}
.matuyama-next-tour-schedule.pc {
  display: inline-block
}





span.overview-txt.pc {
  margin-top: 0;
  display: inline-block;
  position: relative;
  width: 100%;
  border: 0;
  padding: 0 2% 1%;
  font-weight: 700
}
span.overview-txt.sp {
  display: inline-block;
  border: 0;
  border-top: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
  margin-bottom: 0%;
  padding-top: 3%
}



.variety+span {
  width: 100%
}



.attention img {
  width: 2.5%;
  margin-right: 1%;
  float: left
}



.top-main-move .move-info .title_s {
  font-size: 20px
}






.live-score-titile{
  width: 25%;
  top: -23%;
}
.recommend-titile{
  width:100%;
}
.cells{
  position:relative;
}





.main-players-trailer,.main-players-trailer-background{
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  display: none;
}
.main-players-trailer{
  width: 50%;
  height:56.25%;
  margin:auto;
  z-index: 9999999;
}
.main-players-trailer-background{
  width: 100%;
  height: 100%;
  background: black;
  opacity: .7;
  z-index: 999999;
}






.featured-video&gt;.title-area .cells span{
  width:100%;
}
.featured-video&gt;.title-area .cells a{
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 0;
  width: 26%;
  margin: auto 0;
  display: flex;
  align-items: center;
}

.featured-video.background-gray.the-open + img{
  margin-top: 4%;
}
.featured-video.image-swing-row + img{
  margin-top: 3%;
}


.featured-video .tab-lings .moive h3 {
  display: block !important;
  font-size: 1.2vw;
  margin-top: 1.5%;
  font-weight: normal;
}



#day1,
#day2,
#day3,
#day4,
.schedule,
ul.inner span.detals {
  display: none
}
.schedule .featured-video {
  margin-top: 0;
  border-top: #000 7px solid;
  padding-top: 2%
}
.schedule .featured-video+.featured-video {
  border-top: none;
}
#day1:checked~.day1,
#day2:checked~.day2,
#day3:checked~.day3,
#day4:checked~.day4 {
  display: inline-block
}
#day1:checked~.schedule-label .day1,
#day2:checked~.schedule-label .day2,
#day3:checked~.schedule-label .day3,
#day4:checked~.schedule-label .day4 {
  color: #fff;
  background: #000;
  font-weight: 700
}



.schedule-label {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 130%;
}
.schedule-label label {
  width: 24.5%;
  padding: 15px 0px;
  background: silver;
  text-align: center
}

label {
  display: inline-block
}






@media screen and (min-width:1024px) {
  .tour-comment {
    font-size: 11px;
  }

  .attention,
  .live-info {
    font-size: 14px;
  }

  .featured-video .title,
  .recommend_widget&gt;div&gt;span {
    font-size: 19px;
  }



  .pga-icon {
    width: 26px;
    margin-right: 1%;
  }

  .variety {
    width: 75px;
    margin: 1% 0;
  }


  .top-schedule-area {
    font-size: 15px;
    margin-top: 2%;
  }
  .top-schedule-area&gt;span {
    margin-bottom: 1%;
    font-size: 10px;
    width: 100%;
    font-weight: 700;
    vertical-align: top;
  }
  .top-schedule-area&gt;span:nth-of-type(1) {
    margin-top: 1%;
    margin-bottom: 1%;
  }
  .top-schedule-area&gt;span:nth-of-type(5),
  .top-schedule-area&gt;span:nth-of-type(6) {
    margin-top: 1%
  }
  .top-schedule-area&gt;span .days {
    display: inline-block;
    font-size: 11px;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 0 1.5% 0 .5em;
    margin-right: 2%;
    text-indent: -.2em;
  }




  .sub-title {
    font-size: 12px !important;
  }

  .top-main-move .move-info .title {
    font-size: 17px;
  }
  .top-main-move .move-info .title_s {
    font-size: 14px;
  }

  .featured-video .tab-lings .moive span,
  .top-main-move .move-info .bottom-text {
    font-size: 11px;
  }
  .featured-video .tab-lings .moive h3 {
    font-size: 11px;
  }


  .tpc-row .title {
    font-size: 19px
  }


  .height-adjustment,
  .height-adjustment+span {
    margin-top: 5px
  }

  .tokoton-row .pga-icon {
      width: 55px;
      margin-right: 1%;
  }
  .tokoton-row .title.bold-text{
  line-height: 1.7;
  }


  .new-content::before {
    font-size: 11px;
  }
}



@media screen and (max-width: 1023px){
  .top-main-move .move {
    min-height: calc((100vw - 260px) * .97 * .5626);
  }
}



@media (max-width:930px) {
  .overview-txt span.title-area {
    font-size: 11px
  }
  .matuyama-next-tour-schedule span.title-area {
    font-size: 11px
  }
  .matuyama-next-tour-schedule span.title-area{
    width: 25%;
  }
  #content-wrap .matuyama-next-tour-schedule{
    padding: 4% 2% 1%;
  }
  #content-wrap .matuyama-next-tour-schedule .matuyama-next-tour{
    margin-top:0;
  }
}






@media (max-width:860px) {
  nav#gloval-nav {
    margin-bottom: 60px;
  }
}








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

  body,
  html {
    overflow-x: hidden;
  }
  .wrapper {
    overflow-x: hidden;
  }
  .wrapper.clearfix .main-content {
    padding: 0;
  }
  #content-wrap {
    padding: 3%;
    padding-top: 0 !important
  }
  .main-content {
    width: 100%;
    padding: 0;
    float: none;
  }


  .pc-item {
    display: none !important;
  }
  .sp-item {
    display: inline-block !important;
  }


  .icons {
    width: 11% !important;
  }
  .attention {
    width: 92%;
    font-size: 2.9vw;
    margin-left: 3%;
    padding-left: 0;
  }

  .background-gray {
    margin-top: 3%;
  }



  .tour-comment {
    font-size: 3vw;
  }
  .top-main-move {
    border-bottom: 0px solid #d3d3d3;
  }


  img.recommend {
    padding: 3% 29%;
  }
  .label-img {
    left: -1%;
  }
  .sub-title {
    font-size: 2.7vw;
  }








  .recommend_widget&gt;div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .recommend_widget&gt;div span {
    font-size: 2.5vw;
  }




  .move-icons {
    margin-bottom: 0;
  }
  .move-icons .mas_icon {
    float: left;
    width: 25%;
  }


  .masters-title {
    line-height: 10vw !important;
    font-size: 16px !important;
  }

  span.overview-txt {
    margin-top: 1%;
    font-size: 14px;
    line-height: 21px
  }


  header {
    width: 100%;
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #000;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 110000;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  header #header-tab {
    width: calc(100% - 160px);
    padding-top: 5px;
  }
  header #header-tab ul li {
    width: 48%;
    margin: auto 1%;
    vertical-align: top;
  }
  header #header-tab ul li a {
    width: 100%;
    font-size: 10px;
    border-radius: 4px;
    padding: 5px 0;
    min-height: 32px
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  header #header-tab ul li:first-child a {
    line-height: 11px;
  }
  header #header-tab ul li:last-child a {
    line-height: 22px;
  }
  header .header-program img {
    width: 100%;
  }


  .logo {
    height: auto !important;
    width: 65px !important;
    margin-right: 2% !important;
  }
  .logo&gt;a {
    width: 100%;
    display: inline-block;
  }
  .logo&gt;a&gt;img {
    width: 60px !important;
  }




  .menu&gt;li {
    height: 50px;
  }

  nav#main-nav ul li {
    font-size: 14px;
  }





  .top-main-move {
    border-bottom: 0px solid #d3d3d3;
  }
  .top-main-move .move {
    width: 100vw;
    min-height: calc(100vw * .5626);
    margin-left: -3vw;
  }
  .top-main-move .move-info {
    margin-top: 1%;
    width: 100%;
  }
  .top-main-move .move-info .title,
  .top-main-move .move-info .title_s {
    width: 100%;
    font-size: 5.4vw;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 3%;
    padding-bottom: 1%;
  }
  .top-main-move .move-info .title_s {
    font-size: 4.3vw;
  }




  .top-schedule-area,
  .top-schedule-area&gt;span {
    position: relative;
    font-size: 4vw;
    font-weight: 700;
  }
  .top-schedule-area&gt;span {
    display: inline-block;
    margin-bottom: 3% !important;
    font-size: 3.4vw;
    width: 100%;
    vertical-align: top;
  }
  .top-schedule-area&gt;span:nth-of-type(1) {
    display: inline-block;
    margin-top: 1%;
    margin-bottom: 5%;
  }
  .top-schedule-area&gt;span .days {
    width: auto;
    display: inline-block;
    font-size: 3.5vw;
    border: 0;
    border-radius: 30%;
    padding: 0 1.5%;
    margin-right: 0;
  }
  .top-schedule-area&gt;span span:not(.days) {
    display: inline-block !important;
  }



  .featured-video {
    margin-top: 6%;
    margin-bottom: 9%;
    display: block;
  }
  .featured-video&gt;.title-area {
    margin-bottom: 1%;
    width: 100vw;
    margin-left: -3vw;
  }
  .featured-video .more-btn.sp-item {
    width: 60%;
    margin: 0 20% 5%;
  }
  .featured-video .title {
    font-size: 3.5vw;
  }
  .featured-video .tab-lings {
/*     -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    /* margin-bottom: 20px; */
  }
  .featured-video .tab-lings .moive {
    width: 50%;
    /* margin-bottom: 6%; */
    margin-bottom: 20px;
  }
  .featured-video .tab-lings .moive span {
    vertical-align: top;
    font-size: 14px;
    line-height: 18px;
  }
  .featured-video .tab-lings .moive h3 {
    font-size: 14px;
  }

  .featured-video .tab-lings .moive:nth-child(odd) {
    margin-left: 0
  }
  .featured-video a.sp-item {
    width: 75%;
    margin: 3% 13.5% 0;
  }





  nav#side-nav {
    width: 100%;
    position: static;
  }
  nav#side-nav ul {
    list-style: none;
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 50px;
  }
  nav#side-nav ul li {
    width: 100%;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
  }
  nav#side-nav ul li a {
    padding: 10px 20px;
    color: #fff;
    text-align: left;
    font-size: 11px;
  }
  nav#side-nav&gt;ul&gt;li {
    position: relative;
  }
  nav#side-nav a {
    color: #033560;
    text-decoration: none;
    display: block;
    padding: 15px 0;
    -webkit-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
  }
  nav#side-nav ul li span.icon {
    display: none;
  }





  .side-content {
    height: 100%;
    width: 100%;
    left: 0;
    top: -170vh;
    color: #333;
    background: rgba(0, 0, 0, .8);
    z-index: 300;
    position: fixed;
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    float: none;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .side-content nav#side-nav ul li .icon {
    width: 18px;
  }
  .side-content nav#side-nav ul li.nav-search {
    text-align: center;
    width: 100%;
    border-bottom: none;
  }
  .side-content nav#side-nav ul li.nav-search input {
    display: block;
    width: 100%;
    margin: auto;
    border: 1px solid #ccc;
    padding: 9px 5px 8px;
    line-height: 1;
    border-radius: 4px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .side-content nav#side-nav ul li.nav-search button {
    border: 0;
    color: #000;
    position: absolute;
    top: 8%;
    right: 15px;
    width: 30px;
    height: 100%;
    background: 0 0;
  }
  .side-content nav#side-nav ul li.nav-search img {
    width: 20px;
  }






  #nav-toggle {
    top: 0;
    position: fixed;
    right: 0;
    display: block;
    width: 85px;
    height: 50px;
    z-index: 400;
  }
  #nav-toggle span {
    width: 20px;
    height: 2px;
    left: 15px;
    display: block;
    background: #3a3a3a;
    position: absolute;
    -webkit-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }
  #nav-toggle&gt;a {
    margin-top: 11%;
    width: 40%;
    float: left;
  }
  #nav-toggle&gt;a img {
    width: 100%;
  }
  #nav-toggle&gt;div::before {
    content: 'MENU';
    color: #3a3a3a;
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 10px;
  }
  #nav-toggle span:nth-child(1) {
    top: 18px;
  }
  #nav-toggle span:nth-child(2) {
    top: 25px;
  }
  #nav-toggle span:nth-child(3) {
    top: 32px;
  }



  .open {
    overflow: hidden;
  }
  .open .side-content {
    -webkit-transform: translate3d(0, 170vh, 0);
    transform: translate3d(0, 170vh, 0);
  }
  .open #nav-toggle {
    top: 0;
    right: 0;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 25px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }







  nav#gloval-nav {
    margin-bottom: 75px;
  }
  nav#gloval-nav ul.menu {
    height: 50px;
  }


  .nav-global.sp&gt;.sp-nav-trigger,
  .pc {
    display: none !important;
  }

  #sugi .sugi-left .sugi-title img {
    width: 100%;
  }

  .live-schedule-wrapper {
    display: none;
  }

  #overlay {
    top: 0;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    left: 0;
  }

  #spotful .spotful-right {
    width: 100%;
    padding: 0;
    float: none;
  }

  #cv {
    padding: 30px 10px;
  }
  #cv .cv-catch,
  #reccomend .reccomend-main-title {
    font-size: 18px;
  }


  footer {
    background: #fff;
  }
  footer .gotop {
    display: block;
    margin: auto auto 15px;
  }
  footer .footer-copyright {
    font-size: 10px;
    width: 300px;
    margin: auto;
  }
  footer .foot-nav ul.footer-nav li img,
  footer .foot-sp-logo img,
  footer .footer-copyright img,
  footer .gotop img {
    width: 100%;
  }

  .variety::before {
    height: 20px
  }


  .pc-item.info-txt {
    display: none !important
  }



  .attention img {
    width: 4.5%
  }

  .attention a {
    line-height: 22px !important
  }

  .plan-select-area {
    position: relative;
    background: #000;
    padding: 7%;
    margin-top: 10%;
    text-align: center;
    width: 100vw !important;
    margin-left: -3%!important;
  }
  .plan-select-area::after {
    content: "　";
    position: absolute;
    width: 20%;
    height: 20%;
    background: #000;
    top: -2%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  .plan-select-area a {
    width: 80%;
    margin-top: 5%
  }

  .move-info .schedule-cell {
    margin-bottom: 5% !important
  }

/*   .top-program {
    width: 100% !important
  }
 */
  .attention&gt;span {
    margin-bottom: 3%;
    display: inline-block
  }

  span.overview-txt {
    margin-top: 1%;
    font-size: 12px !important;
    line-height: 21px
  }


  .tpc-icon {
    width: 60px
  }
  .tpc-icon .featured-video .title {
    font-size: 10px
  }

  .match-timer-img {
    margin-bottom: 4% !important
  }

  .new-content:defer {
    width: 26%;
    height: 16.3px;
    margin-top: 1%
  }





  .new-year .bold-text {
    line-height: 2.6;
    font-size: 20px
  }
  .tiger-row .bold-text {
    line-height: 1.7;
    font-size: 15.4px
  }
  .kokunai-row .title.bold-text {
    line-height: 2.1;
    font-size: 16.5px
  }
  .asugol-golfbu-row .title.bold-text,
  .gear-row .bold-text {
    line-height: 2;
    font-size: 17px
  }
  .pga-row .title.bold-text {
    line-height: 1.8;
    font-size: 17px
  }
  .pga-row .title.bold-text img {
    margin-right: 1%
  }
  .thematch-row .bold-text {
    line-height: 1.5;
    font-size: 17px
  }
  .image-swing-row .title.bold-text {
    line-height: 2.1;
    font-size: 17px
  }
  .ryder-row .title.bold-text{
    line-height: 3;
    font-size: 17px;
  }
  .ryder-row .title.bold-text img{
    width: 100%;
    margin-right: 1%;
  }
  .champion-open .title.bold-text {
    line-height: 2.2 !important;
    font-size: 17px !important}

  .champion-open .title.bold-text .masters-title {
    line-height: 2.4;
    font-size: 17px
  }
  .champion-open .title.bold-text img {
    margin-right: 1%;
    width: 30px
  }
  .the-open .title.bold-text {
    line-height: 2.1 !important;
    font-size: 4vw !important
  }
  .the-open .title.bold-text img,
  .us-open .title.bold-text img {
    margin-right: 1%
  }
  .us-open .title.bold-text {
    line-height: 2.7;
    font-size: 17px
  }
  .lesson-row .title.bold-text {
    line-height: 2.4
  }
  .lesson-row .free-icon {
    margin-bottom: 3.8%
  }
  .tokoton-row .title.bold-text{
    line-height: 1.9;
    font-size: 17px
  }





  .overview-txt {
    padding-top: 5%
  }
  .overview-txt span.title-area {
    width: 42%;
    font-size: 15px
  }
  .overview-txt span.title-area img {
    width: 12%
  }
  .overview-txt .matuyama-next-tour {
    line-height: 22px
  }
  .overview-txt .matuyama-next-tour br+span {
    font-size: 15px
  }





  .leader-board{
  }
  .leader-board&gt;span{
    width: 37%;
  }
  .leader-board-item&gt;img {
    width: 13%;
  }
  .leader-board-item .score {
    width: 84%;
    margin-top: 0px;
  }
  .leader-board-item .score table {
    font-size: 14px;
  }


  .matuyama-next-tour-schedule {
    padding: 4% 2% 4%: 3%;
  }
  .matuyama-next-tour-schedule .matuyama-next-tour {
    width: 83%;
    line-height: 22px;
    font-size: 15px !important;
  }
  .matuyama-next-tour-schedule .matuyama-next-tour br+span {
    font-size: 15px;
  }
  .matuyama-next-tour-schedule span.title-area {
    width: 40%;
    text-align: center;
    font-size: 15px;
    margin-left: 2%;
    top: -12%;
  }
  .matuyama-next-tour-schedule span.title-area img {
    width: 12%;
    margin-top: 0;
  }
  .matuyama-next-tour-schedule&gt;img {
    width: 13%;
  }


  .tour-schedule .schedule-cell{
    margin-left:1%;
  }



  .top-schedule-area{
    padding: 0% 1% 0 0 !important;
  }
  .top-schedule-area&gt;span .icons {
    margin-right: 1% !important;
  }
  .top-schedule-area&gt;span .days {
    font-size: 20px !important;
    text-align: left;
    padding-left: 0;
  }
  .top-schedule-area&gt;span .days.sp-item {
    width: 21%;
    padding-right: 0;
  }
  .top-schedule-area&gt;span:not(.pc-item):not(.pc) {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .top-schedule-area&gt;span.sp-item.info-txt:not(.pc-item):not(.pc) {
    display: inline-block !important
  }



  .icons {
    margin-top: 0 !important;
  }
  .icons[src="https://www.golfnetwork.plus/tv/img/ondemand_icon_2.png"] {
    margin-top: 6px
  }
  .icons+span {
    width: 75% !important;
    max-height: 100%;
    margin-top: 2px !important;
    font-size: 17px !important
  }




  .pos-re+span {
    width: 100% !important
  }

  .move-icons {
    margin-top: 5px
  }

  .attention img {
    width: 100%
  }






  .tour-comment.sp {
    display: inline
  }



  .featured-video .more-btn.sp-item {
    width: 70%;
    margin: 0px 15% 0px;
  }
  .move-info .icons {
      width: 13%!important;
  }
  .move-info .icons+span {
    width: 82%!important;
  }
  .top-main-move .move-info .title_s {
    font-size: 16px !important;
    margin-top: 2%
  }






  .new-year-pga {
    margin-top: 6%;
    margin-bottom: 9%;
  }
  .fix-video {
    width: 80%
  }




  .main-players-trailer{
    width: 80%;
    height: 26.25%;
  }

/*   .top-program{
    margin-bottom: 6% !important;
  } */
  .top-main-move{
  }






  .schedule-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 100%;
  }
  .schedule-label label {
    width: 24.1%
  }

  .top-main-move .move-info{
    background-size: cover;
  }


  .new-content::before {
    vertical-align: top;
    font-size: 14px;
    line-height: 18px;
  }


}






@media (max-width:425px) {
  .featured-video .tab-lings .moive span {
    font-size: 13px;
  }
  .featured-video .tab-lings .moive h3 {
    font-size: 13px;
  }
  .menu .lesson+ul&gt;:nth-child(3),
  .menu .tokusyuu+ul&gt;:nth-child(3) {
    border-left: 0 !important;
    padding-left: 0 !important;
  }
  .menu ul a {
    font-size: 12px;
  }
  .menu .tokusyuu+ul&gt;:nth-child(2) {
    padding-right: 25px !important;
  }
  nav#gloval-nav {
    margin-bottom: 75px;
  }

  .new-content::before {
    font-size: 13px;
  }

}

@media (max-width:375px) {
  .menu ul a {
    font-size: 10px;
  }
}

@media (max-width:320px) {
  .menu ul a {
    font-size: 8.5px;
  }
}





</pre></body></html>