@charset "UTF-8";
@media all and (min-width: 767px) {
  .only_pc {
    display: block;
  }
  .only_sp {
    display: none;
  }
  header {
    padding: 20px 0 0;
  }
  header .header-logo {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    height: 40px;
    position: relative;
  }
  header .header-logo a {
    position: absolute;
  }
  header .header-logo a.logo1 {
    width: 115px;
    left: 15px;
    top: 0px;
  }
  header .header-logo a.logo2 {
    width: 170px;
    left: 150px;
    top: 0px;
  }
  header .header-logo a.logo3 {
    width: 135px;
    right: 15px;
    left: auto;
    top: 0px;
  }
  header .header-text1 {
    padding: 7px 15px;
    font-size: 18px;
    border-radius: 16px;
    margin-top: 20px;
  }
  header h1 {
    margin-bottom: 30px;
  }
  header h1 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 55px;
  }
  header h1 span {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    margin: 0 15px 0 0;
    font-size: 22px;
  }
  header h1 p {
    font-size: 20px;
  }
  header h1 p.header-subtitle {
    text-align: center;
  }
  header h1 img {
    margin: 10px;
  }
  header .header-date {
    margin-bottom: 30px;
    font-size: 26px;
  }
  header .header-date span {
    margin-top: 5px;
    font-size: 16px;
  }
  header .boxWrap {
    max-width: 620px;
    padding: 20px;
  }
  header .boxWrap p {
    text-align: center;
  }
  header .boxWrap .__group {
    max-width: 420px;
  }
  header .boxWrap .__group span {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 15px;
    width: 110px;
  }
  header .boxWrap .__group > div {
    font-size: 15px;
    text-align: left;
    width: auto;
  }
  a.linkbutton {
    display: block;
    max-width: 440px;
    margin: 0 auto 15px;
    padding: 15px 0;
    font-size: 30px;
    transition: .3s;
    cursor: pointer;
  }
  a.linkbutton.sub {
    font-size: 20px;
    line-height: 30px;
  }
  a.linkbutton:hover {
    filter: brightness(0.7);
  }
  section {
    max-width: 1200px;
    margin: 0 auto 60px;
    padding: 50px 0;
    border-radius: 30px;
  }
  section h2 {
    margin-bottom: 10px;
    padding-bottom: 30px;
    font-size: 32px;
  }
  section h2::after {
    height: 6px;
  }
  .pickup {
    margin: 0 auto;
  }
  .pickup section {
    padding: 30px 20px 5px;
    max-width: 850px;
  }
  .pickup h3 {
    margin-bottom: 30px;
    font-size: 36px;
  }
  .pickup ul {
    width: auto;
    max-width: 960px;
    justify-content: center;
  }
  .pickup ul li {
    width: 30%;
    text-align: center;
    margin: 0 10px 20px;
  }
  .pickup ul li h4 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .pickup ul li > span img {
    max-width: 180px;
    margin: 0 auto;
    border-radius: 10px;
  }
  .pickup ul li p {
    font-size: 18px;
  }
  .pickup ul li p small {
    font-size: 14px;
  }
  .pickup ul li p span {
    margin-top: 5px;
    font-size: 13px;
  }
  .pickup.yonin section {
    max-width: 960px;
  }
  .pickup.yonin ul li {
    width: 22%;
  }
  .pickup.gonin section {
    max-width: 960px;
  }
  .pickup.gonin ul li {
    width: 17%;
  }
  .pickup.gonin ul li.pair {
    width: calc(34% + 20px);
    max-width: 390px;
  }
  .pickup.gonin ul li.pair .pairBox {
    width: calc(50% - 10px);
  }
  .pickup.gonin ul li.three {
    width: calc(51% + 30px);
    max-width: 580px;
  }
  .pickup.gonin ul li.three .pairBox {
    width: calc(33.333% - 10px);
  }
  .pickup.sannin section {
    max-width: 960px;
  }
  .outline {
    max-width: 1080px;
  }
  .outline p {
    max-width: 780px;
    font-size: 15px;
  }
  .outline .outline_inner {
    margin-top: 30px;
  }
  .outline table {
    width: 90%;
    max-width: 900px;
    border-spacing: 5px 5px;
  }
  .outline table th {
    display: table-cell;
    width: 22%;
    padding: 15px 0;
    font-size: 16px;
  }
  .outline table td {
    display: table-cell;
    padding: 15px;
    font-size: 16px;
  }
  .outline table td span {
    font-size: 14px;
  }
  .timetable {
    margin-bottom: 100px;
  }
  .timetable .timetable-date {
    width: 90%;
    max-width: 1100px;
    margin: 50px auto 30px;
    text-align: left;
    font-size: 36px;
  }
  .timetable .timetable-date span {
    display: inline-block;
    margin-top: 0;
    margin-left: 20px;
    font-size: 24px;
  }
  .timetable ul li {
    width: 90%;
    max-width: 1100px;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 auto 30px;
  }
  .timetable ul li.current .starttime::after {
    display: block;
    content: 'LIVE\A配信中';
    white-space: pre;
    margin: 10px 0 0;
    padding: 5px 5px 5px 40px;
    border-radius: 5px;
    background-image: url(../images/onair.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 30px 30px;
  }
  .timetable ul li a {
    display: flex;
    padding-left: 100px;
  }
  .timetable ul .starttime {
    position: absolute;
    left: 10px;
    top: 10px;
    margin: 0;
    font-size: 30px;
  }
  .timetable ul .speaker {
    width: 42%;
    max-width: 380px;
    flex-shrink: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 20px;
    border-bottom: none;
    border-right: solid 1px #ccc;
  }
  .timetable ul .speaker .flexColum {
    flex-direction: column;
  }
  .timetable ul .speaker .flexColum .speaker-photo {
    margin-bottom: 20px;
  }
  .timetable ul .speaker .flexColum.add {
    margin-top: 25px;
  }
  .timetable ul .speaker-photo {
    width: 39%;
    max-width: 100px;
    height: auto;
    margin-right: 20px;
  }
  .timetable ul .speaker-name {
    margin-bottom: 5px;
    font-size: 20px;
  }
  .timetable ul .speaker-position {
    font-size: 12px;
  }
  .timetable ul .speaker-position.palt {
    font-feature-settings: 'palt';
  }
  .timetable ul .session-contents {
    padding-left: 20px;
  }
  .timetable ul .session-name {
    font-size: 15px;
  }
  .timetable ul .session-title {
    margin: 10px 0 15px;
    font-size: 18px;
  }
  .timetable ul .session-text {
    display: block;
    margin-top: 15px;
    font-size: 13px;
  }
  .timetable ul .session-btn {
    display: none;
  }
  .timetable ul .book {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .timetable ul .book img {
    max-width: 130px;
    height: auto;
    margin: 15px;
  }
  .timetable ul .book p {
    font-size: 16px;
    line-height: 1.7;
  }
  .timetable ul .endtime {
    position: absolute;
    left: 10px;
    bottom: 10px;
    margin: 0;
    font-size: 18px;
  }
  .timetable ul .break {
    font-size: 25px;
    margin: 0 auto;
  }
  #buttonWrap {
    bottom: 15px;
    justify-content: center;
  }
  #buttonWrap a.linkbutton {
    margin: 0 5px;
    font-size: 24px;
    line-height: 30px;
  }
  #buttonWrap a.linkbutton.sub {
    font-size: 22px;
  }
  .linkArea {
    max-width: 700px;
    margin: 0 auto 80px;
  }
  .linkArea a.banner {
    margin: 30px auto 50px;
  }
  .linkArea a.link {
    max-width: 600px;
  }
  .linkArea a.link span {
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 15px;
  }
  .linkArea a.link > div {
    font-size: 22px;
  }
  .linkArea a {
    transition: .3s;
  }
  .linkArea a:hover {
    opacity: .7;
  }
  .linkArea a.nolink {
    pointer-events: none;
  }
  /* ---------------------------
アクセスエリア
--------------------------- */
  .accessArea {
    padding: 60px 0 60px 0;
  }
  /* accessArea */
  .footerArea {
    padding: 10px 0 90px;
  }
  .footerArea a {
    width: 100px;
  }
  /* ---------------------------
ナビ
--------------------------- */
  nav {
    width: 100%;
  }
  nav ul {
    width: 70%;
    max-width: 500px;
    margin: 0 auto;
  }
  nav ul li {
    font-size: 16px;
    padding: 25px 0;
  }
  nav ul a {
    position: relative;
    display: inline-block;
  }
  nav ul a::after {
    position: absolute;
    bottom: 2px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
  }
  nav ul a:hover::after {
    bottom: -4px;
    opacity: 1;
    visibility: visible;
  }
}

@media all and (min-width: 1000px) {
  header h1 div br.sp {
    display: none;
  }
  header .header-main {
    margin-top: 20px;
  }
  #buttonWrap a.linkbutton {
    font-size: 27px;
  }
  #buttonWrap br {
    display: none;
  }
  nav {
    margin: 0;
  }
  nav ul {
    max-width: 500px;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 50%;
    margin-right: -250px;
  }
}
/*# sourceMappingURL=style_pc.css.map */