@charset "UTF-8";
/*******************************
Default Mixin
*******************************/
/*----------------------
Clearfix
----------------------*/
/*----------------------
Opacity
----------------------*/
/*----------------------
天地中央
----------------------*/
/*----------------------
box-shadow
----------------------*/
 /*----------------------
フォントサイズ「rem」の使用
----------------------*/
/*----------------------
aタグマウスオーバーデフォルトアクションの打ち消し
----------------------*/
/*----------------------
マウスオーバーでふわっと色が反転するボタン
margin,font-size,padding-topは適宜調整
----------------------*/
/*******************************
Customized Mixin
*******************************/
/*******************************
Style Start
*******************************/
@media screen and (max-width: 1000px) {
  #header #logo {
    width: 12.2%; } }
@media screen and (max-width: 640px) {
  .pc, #main.top #sliderWrap #slider .slick-slide .pc {
    display: none; }

  .sp, #main.top #sliderWrap #slider .slick-slide .sp {
    display: inline-block; }

  .wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto; } }
  @media screen and (max-width: 640px) and (max-width: 640px) {
    .wrapper {
      max-width: 90.625%; } }

@media screen and (max-width: 640px) {
  #header .wrapper {
    max-width: 100%; }
  #header #logo {
    width: 59.68%;
    margin-left: 4.68%;
    padding-top: 4.68%;
    padding: 4.68% 0 4.37%; }
    #header #logo span,
    #header #logo a {
      background: none;
      padding: 0; }
  #header .fb {
    display: block;
    float: left;
    width: 7.96%;
    margin: 5.93% 0 0 7.18%; }
  #header #navBtn {
    display: block;
    float: right;
    width: 7.96%;
    padding: 6.09% 0 0;
    margin-right: 6.4%;
    text-align: center; }
  #header #volumeBtn {
    top: 11%;
    top: 14vw;
    right: 0;
    width: 21.25%;
    height: auto;
    padding-left: 5%; }
    #header #volumeBtn i {
      color: #fff;
      font-size: 75px;
      font-size: 12vw; }
  #header .nav {
    zoom: 1;
    display: none;
    position: absolute;
    top: 20%;
    top: 20.6vw;
    clear: both;
    float: none;
    width: 100%;
    font-size: 0;
    z-index: 9999; }
    #header .nav:before, #header .nav:after {
      content: "";
      display: table; }
    #header .nav:after {
      clear: both; }
    #header .nav ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    #header .nav li {
      display: block;
      border-bottom: 1px solid #e0e0e0;
      width: 50%;
      text-align: left; }
      #header .nav li:nth-child(even) {
        border-left: 1px solid #e0e0e0; }
      #header .nav li a {
        background: #fff;
        height: auto;
        padding: 5.55% 0 5.15% 5.95%;
        padding: 6.87% 0 6.56% 7.8%;
        color: #252525;
        font-size: 3.5vw; }
        #header .nav li a::after {
          content: '';
          display: inline-block;
          float: right;
          background: url(../img/arrow02.png) no-repeat;
          background-size: 100%;
          width: 1.995%;
          padding-top: 3.325%;
          margin: 4.6% 6.25%; }
    #header .nav li:nth-child(15) {
      pointer-events: none; }
      #header .nav li:nth-child(15) a {
        background: #f6f6f6;
        color: #cbcbcb; }
    #header .nav .sp, #header .nav #main.top #sliderWrap #slider .slick-slide .sp, #main.top #sliderWrap #slider .slick-slide #header .nav .sp {
      display: block; }
    #header .nav #volumeBtn {
      top: auto;
      right: 50%;
      bottom: -12.5%;
      transform: translateX(50%);
      background: rgba(0, 0, 0, 0.6);
      width: 100%;
      padding-left: 0;
      text-align: center; }

  #header.second {
    display: none; }
    #header.second #nav {
      display: block;
      position: static; }
      #header.second #nav ul {
        width: 100%; }
        #header.second #nav ul li a {
          border-bottom-color: #c0c0c0; }

  #main {
    padding-bottom: 0; }

  #fContent {
    display: block;
    background: #fff;
    padding-bottom: 17.5%; }
    #fContent #pagetop {
      padding: 0 4.68% 4.37% 0;
      text-align: right; }
      #fContent #pagetop a {
        display: block;
        width: 12.4%;
        margin-left: auto; }

  #footer {
    height: auto;
    padding: 3.9% 0 3.12%; }
    #footer .clearfix::after {
      content: none; }
    #footer #fLogo {
      float: none;
      width: 86.4%;
      margin: 0 auto 2.03%; }
      #footer #fLogo img {
        width: 100%; }
    #footer #fInfo {
      float: none;
      text-align: center; }
      #footer #fInfo #copyright {
        font-size: 17px;
        font-size: 3.4vw;
        text-align: center; }
      #footer #fInfo .music {
        font-size: 17px;
        font-size: 3.4vw; }

  #linkList {
    display: none; }

  .ttlArea1 .title {
    font-size: 5.7vw; }

  .junbi {
    padding: 25% 0;
    font-size: 24px;
    font-size: 3.8vw; }

  .comingsoon {
    padding: 25% 0; }
    .comingsoon p {
      font-size: 48px;
      font-size: 7.5vw; }
    .comingsoon small {
      font-size: 22px;
      font-size: 3.4vw; }

  /*******************************
  トップ
  *******************************/
  #main.top #sliderWrap {
    overflow: visible; }
    #main.top #sliderWrap .wrapper {
      max-width: 100%; }
    #main.top #sliderWrap h2 {
      top: 4.53%;
      left: 4.68%;
      width: 41.4%; }
      #main.top #sliderWrap h2 img {
        width: 100%; }
    #main.top #sliderWrap .sliderPray {
      top: 23.23%;
      left: 4.68%;
      width: 32.2%; }
      #main.top #sliderWrap .sliderPray img {
        width: 100%; }
    #main.top #sliderWrap #slider::before, #main.top #sliderWrap #slider::after {
      content: none; }
    #main.top #sliderWrap #slider .slick-list {
      overflow: hidden; }
    #main.top #sliderWrap #slider .slick-dots {
      position: absolute;
      z-index: 100;
      bottom: -32%;
      width: 100%;
      text-align: center; }
      #main.top #sliderWrap #slider .slick-dots li {
        display: inline-block;
        position: relative;
        width: 2.5%;
        height: 0;
        margin: 0 2%;
        font-size: 0;
        cursor: pointer; }
        #main.top #sliderWrap #slider .slick-dots li button {
          display: block;
          width: 100%;
          padding: 0;
          padding-top: 100%;
          font-size: 0; }
          #main.top #sliderWrap #slider .slick-dots li button::before {
            content: '';
            display: block;
            background: #656565;
            border-radius: 50%;
            width: 100%;
            padding-top: 100%;
            font-size: 20px; }
      #main.top #sliderWrap #slider .slick-dots li.slick-active button::before {
        background: #ba0000; }
    #main.top #sliderWrap .fb {
      display: none; }
    #main.top #sliderWrap .franckmuller {
      right: 4.68%;
      bottom: 24%;
      left: auto;
      width: 33.43%; }
    #main.top #sliderWrap .text {
      position: relative;
      background: #d41a1a;
      padding: 2.8% 0 1.71%;
      text-align: center; }
      #main.top #sliderWrap .text img {
        width: 84.75%; }
      #main.top #sliderWrap .text .jbl img {
        width: 7%; }
  #main.top .linkList {
    padding: 0; }
    #main.top .linkList .wrapper {
      max-width: 100%;
      padding: 0; }
    #main.top .linkList .right {
      display: block;
      float: none;
      background: #252525;
      width: 100%;
      padding: 4.25% 0;
      text-align: center; }
      #main.top .linkList .right li {
        margin: 0 1.56%; }
        #main.top .linkList .right li:nth-child(1) {
          transform: none; }
        #main.top .linkList .right li:nth-child(2) {
          width: 27.18%; }
        #main.top .linkList .right li:nth-child(3) {
          width: 27.18%; }
    #main.top .linkList .left {
      float: left;
      width: 100%; }
      #main.top .linkList .left ul {
        margin-top: 0; }
      #main.top .linkList .left li {
        display: block;
        border-bottom: 1px solid #c0c0c0;
        margin-left: 0; }
        #main.top .linkList .left li:nth-child(1) {
          margin-bottom: 0; }
        #main.top .linkList .left li:nth-child(2) {
          position: relative;
          transform: none;
          width: 100%;
          margin-left: 0; }
          #main.top .linkList .left li:nth-child(2) p {
            position: absolute;
            bottom: 9%;
            left: 7%; }
        #main.top .linkList .left li a {
          display: block;
          padding: 30px 0 28px 30px;
          font-size: 23px !important;
          font-size: 3.6vw !important;
          line-height: 1; }
          #main.top .linkList .left li a::before {
            width: 6.06%;
            padding-top: 5.73%;
            margin-right: 1.63%; }
  #main.top .banner {
    padding-top: 12%; }
  #main.top #news {
    padding: 12% 0 3%; }
    #main.top #news h2 {
      margin-bottom: 4.48%;
      font-size: 36px;
      font-size: 5.6vw; }
    #main.top #news li {
      padding: 2.75% 0 1.72%;
      padding: 13px 0 7px; }
      #main.top #news li .date {
        width: 100%;
        padding-left: 0;
        font-size: 19px;
        font-size: 2.9vw; }
        #main.top #news li .date span {
          width: 8.62%;
          padding: 0;
          margin-left: .86%;
          font-size: 16px;
          font-size: 2.5vw; }
      #main.top #news li .text {
        width: 100%;
        font-size: 22px;
        font-size: 3.4vw; }

  /*******************************
  ご挨拶
  *******************************/
  #main.aisatsu #content {
    padding: 5% 0; }
  #main.aisatsu .ttlArea1 {
    margin-bottom: 6.03%; }
  #main.aisatsu .box {
    display: flex;
    margin-bottom: 11.2%; }
    #main.aisatsu .box .left,
    #main.aisatsu .box .right {
      float: none; }
    #main.aisatsu .box .left {
      width: 36.89%;
      margin: 0 5% 0 0; }
    #main.aisatsu .box .right {
      border-top: 1px dashed #a0a0a0;
      border-bottom: 1px dashed #a0a0a0;
      width: 58.27%;
      height: auto;
      padding-top: 5%; }
      #main.aisatsu .box .right p {
        font-size: 2.8vw;
        letter-spacing: normal; }
        #main.aisatsu .box .right p b,
        #main.aisatsu .box .right p .name {
          font-size: 4vw; }
  #main.aisatsu .text {
    font-size: 22px;
    font-size: 3.4vw; }

  /*******************************
  開催概要
  *******************************/
  #main.shushi #content {
    padding: 9.37% 0 12.5%; }
  #main.shushi .ttlArea1 {
    margin-bottom: 7.75%; }
  #main.shushi .entry {
    margin-bottom: 9.48%; }
    #main.shushi .entry .image {
      margin-bottom: 6.89%; }
    #main.shushi .entry li {
      display: block;
      width: 100%;
      margin: 0 0 3.27% 0; }
      #main.shushi .entry li a {
        padding: 3.62% 0 3.44%;
        font-size: 3.5vw;
        font-weight: 500; }
        #main.shushi .entry li a img {
          width: 3.275%; }
  #main.shushi h2 {
    font-size: 30px;
    font-size: 4.7vw;
    text-align: center; }
  #main.shushi .shushi {
    margin-bottom: 12.06%; }
    #main.shushi .shushi h2 {
      margin-bottom: 6.03%; }
    #main.shushi .shushi .read {
      margin-bottom: 5.17%;
      font-size: 3.8vw;
      text-align: left; }
    #main.shushi .shushi .text {
      font-size: 3.1vw; }
  #main.shushi .other {
    margin-bottom: 5%; }
    #main.shushi .other .text {
      font-size: 3.1vw; }
  #main.shushi .summary h2 {
    border-bottom: 1px dotted #000;
    padding-bottom: 5px;
    margin-bottom: 6.89%; }
  #main.shushi .summary .box {
    margin-bottom: 6.89%; }
  #main.shushi .summary .summary1 tr:first-child th {
    font-size: 3.5vw; }
  #main.shushi .summary .summary1 th {
    width: 24.13%;
    padding: 2.06% 2.58% 1.89%;
    color: #000;
    font-size: 3.9vw;
    text-align: left; }
  #main.shushi .summary .summary1 td {
    padding: 2.06% 2.58% 1.89%;
    font-size: 3.8vw;
    line-height: 1.2; }
    #main.shushi .summary .summary1 td small {
      font-size: 3.1vw; }
  #main.shushi .summary .summary1 tr:last-child td p,
  #main.shushi .summary .summary1 tr:last-child td small {
    display: block;
    font-size: 2.5vw; }
  #main.shushi .summary .summary1 tr:last-child td p {
    margin: 0 0 1.95% 0;
    font-size: 24px;
    font-size: 3.8vw; }
  #main.shushi .summary .summary2 table th,
  #main.shushi .summary .summary2 table td {
    font-size: 3.5vw; }
  #main.shushi .summary .summary2 table th {
    width: 29.31%; }
  #main.shushi .summary .summary2 table td {
    padding-left: 2%; }

  /*******************************
  COURSE＆SCHEDULE
  *******************************/
  #main.schedule #content {
    padding: 9.37% 0 12.5%; }
    #main.schedule #content .map {
      margin-bottom: 11.2%; }
    #main.schedule #content .left {
      margin-bottom: 8%; }
    #main.schedule #content .leg1 {
      padding: 0; }
    #main.schedule #content .leg2 {
      padding: 0; }
      #main.schedule #content .leg2 .left + .left {
        margin-left: 0; }
        #main.schedule #content .leg2 .left + .left div + div {
          margin-top: 15px; }
      #main.schedule #content .leg2 + .leg2 {
        margin-top: 0; }

  /*******************************
  SPONSOR
  *******************************/
  #main.sponsor #content {
    padding: 9.37% 0 12.5%; }
    #main.sponsor #content .ttlArea1 {
      margin-bottom: 8.62%; }
    #main.sponsor #content .ttl::before {
      top: 50%; }
    #main.sponsor #content .ttl h2 {
      padding: 0 2.58%;
      font-size: 4.6vw; }
    #main.sponsor #content ul li {
      max-width: 90%; }
    #main.sponsor #content .first {
      padding: 12.06% 0 14.65%; }
    #main.sponsor #content .second {
      padding: 5% 0 8.62%; }
      #main.sponsor #content .second li {
        display: block;
        width: 100%;
        max-width: 55%;
        margin: 20px auto 0; }
    #main.sponsor #content .third {
      padding: 5% 0 8.62%; }
      #main.sponsor #content .third li {
        display: block;
        max-width: 55%;
        margin: 20px auto 0;
        padding: 0; }
    #main.sponsor #content .fourth {
      padding: 5% 0; }
      #main.sponsor #content .fourth li {
        width: 33.33%;
        max-height: 60px; }
        #main.sponsor #content .fourth li a {
          padding: 0 3%; }
        #main.sponsor #content .fourth li img {
          width: auto;
          max-height: 80%; }

  /*******************************
  PAST TOURS
  *******************************/
  #main.pasttours #content {
    padding: 9.37% 0 12.5%; }

  /*******************************
  OKAYAMA SMART DRIVER
  *******************************/
  #main.okayamasmartdriver #content {
    padding: 9.37% 0 12.5%; }

  /*******************************
  PHOTO GALLERY
  *******************************/
  #main.photo #content {
    padding: 9.37% 0 12.5%; }

  /*******************************
  ENTRY LIST
  *******************************/
  #main.entrylist #content {
    padding: 9.37% 0 12.5%; }
  #main.entrylist .entryTbl thead th {
    font-size: 2.7vw; }
  #main.entrylist .entryTbl thead th:nth-child(2) {
    width: 28%; }
  #main.entrylist .entryTbl thead th:nth-child(3) {
    width: 47.41%; }
  #main.entrylist .entryTbl tbody td {
    font-size: 2.8vw; }
  #main.entrylist .entryTbl tbody td:nth-child(3) {
    padding-right: 3%; }

  /*******************************
  PC競技Results
  *******************************/
  #main.results #content {
    padding: 9.37% 0 12.5%; }
  #main.results .resultTbl caption {
    font-size: 25px;
    font-size: 3.9vw; }
  #main.results .resultTbl thead th:nth-child(3),
  #main.results .resultTbl tbody td:nth-child(3) {
    display: none; }
  #main.results .resultTbl thead th {
    padding: 3% 0 2.5%;
    font-size: 3.4vw;
    line-height: 1.4;
    vertical-align: middle; }
    #main.results .resultTbl thead th:nth-child(1) {
      padding-left: 1.7%;
      text-align: left; }
    #main.results .resultTbl thead th:nth-child(2) {
      width: 45%; }
  #main.results .resultTbl tbody td {
    font-size: 3.1vw;
    vertical-align: middle; }
  #main.results .resultTbl tbody .name {
    padding-left: 3%; }
  #main.results object,
  #main.results .text1 {
    display: none; }

  /*******************************
  絵画コンテスト
  *******************************/
  #main.kaiga #content {
    padding: 9.37% 0 12.5%; }
  #main.kaiga .ttlArea1 {
    margin-bottom: 7.03%; }
  #main.kaiga .title2 {
    max-width: 100%;
    margin-bottom: 6%;
    font-size: 4.7vw; }
  #main.kaiga .recruitBox {
    max-width: 100%;
    margin-bottom: 10%; }
    #main.kaiga .recruitBox .ecc {
      margin-bottom: 5.17%; }
    #main.kaiga .recruitBox p {
      font-size: 3.4vw; }
    #main.kaiga .recruitBox .u-rin {
      margin: 10% 0 8.6%; }
  #main.kaiga .resultBox {
    max-width: 100%; }
    #main.kaiga .resultBox .box {
      margin-bottom: 10.34%; }
      #main.kaiga .resultBox .box h3 {
        margin-bottom: 9.48%;
        font-size: 30px;
        font-size: 4.7vw;
        text-align: center; }
        #main.kaiga .resultBox .box h3::before {
          content: none; }
      #main.kaiga .resultBox .box li {
        margin: 0 0 6.89%; }
  #main.kaiga .igarashiJudging {
    max-width: 100%;
    margin-bottom: 50px; }
  #main.kaiga .igarashi {
    max-width: 100%;
    margin-bottom: 13.79%;
    padding: 5.17%; }
    #main.kaiga .igarashi .name {
      margin-bottom: 4.31%;
      font-size: 15px; }
      #main.kaiga .igarashi .name b {
        font-size: 17px;
        font-size: 1.7rem; }
    #main.kaiga .igarashi .detail {
      width: 100%; }
      #main.kaiga .igarashi .detail .photo {
        float: none;
        width: 54%;
        margin: 0 auto 5.17%; }
        #main.kaiga .igarashi .detail .photo img {
          width: 100%; }
      #main.kaiga .igarashi .detail .text {
        float: none;
        width: 100%;
        font-size: 24px;
        font-size: 3.7vw; }

  /*******************************
  チャリティレポート
  *******************************/
  #main.report #content {
    padding: 9.37% 0 15.62%; }
  #main.report .ttlArea1 {
    margin-bottom: 3.44%; }
  #main.report .box1 {
    margin-bottom: 7.75%; }
    #main.report .box1 p {
      padding: 3.44% 6.03%;
      font-size: 3.4vw; }
  #main.report .box2 {
    margin-bottom: 4.65%; }
    #main.report .box2 h2 {
      padding-bottom: 1.72%;
      margin-bottom: 4.31%;
      font-size: 4.7vw;
      line-height: 1.4; }
    #main.report .box2 li {
      margin-bottom: 4.31%; }
      #main.report .box2 li .left,
      #main.report .box2 li .right {
        display: block;
        width: 100%;
        height: auto !important; }
      #main.report .box2 li .right {
        padding: 4.06% 6.55%; }
        #main.report .box2 li .right::before {
          content: none; }
        #main.report .box2 li .right p {
          width: 100%;
          padding-left: 0;
          font-size: 3.4vw;
          text-indent: 0; }
          #main.report .box2 li .right p i {
            display: none; }
  #main.report .box3 {
    padding: 5.17% 5.68%; }
    #main.report .box3 p {
      font-size: 3.4vw; }

  /*******************************
  競技規則
  *******************************/
  #main.rule #content {
    padding: 9.37% 0 15.62%; }
  #main.rule .ttlArea1 {
    margin-bottom: 5%; } }
@media screen and (max-width: 375px) {
  #main.sponsor #content .third li a {
    padding: 0 5%; } }

/*# sourceMappingURL=smart.css.map */