@charset "utf-8";
/*
User-MypageSide
Responsive_Layout
*/

/*--------------
INDEX
----------------
-0 General
-1 login


--------------*/


/*--------------
0 General
--------------*/
/* Utilyty */

.u-pc_block{display: block;}
.u-pc_inline{display: inline;}
.u-sp_block{display: none;}
.u-sp_inline{display: none;}
@media screen and (max-width: 768px){
  .u-pc_block{display: none;}
  .u-pc_inline{display: none;}
  .u-sp_block{display: block;}
  .u-sp_inline{display: inline;}
}

.tokyo_wrap header .mvimg,
.osaka_wrap header .mvimg {
  margin-bottom: -6px;
}

@media screen and (max-width: 768px){
  .tokyo_wrap header .mvimg,
  .osaka_wrap header .mvimg {
    margin-bottom: 0;
  }
}


/* add PC_layout */

.tokyosec #gotop a{
margin-right: 15px;
}

.osaka_wrap #gotop a{
margin-right: 15px;
}

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

  /* Header */
  .header_box_in{
    max-width: 100%;
    padding: 15px 20px 0;
    box-sizing: border-box;
  }
  .mvimg img{
    width: 100%;
    height: auto;
  }
}

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

  /* Header */
  #article {
    padding: 30px 20px;
    box-sizing: border-box;
  }

  #article #articleInner {
    width: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    background: #fff url('../img/bg_session_sub.jpg') no-repeat center center !important;
    -webkit-background-size: contain !important	;
    background-size: contain !important	;
  }

  #article p#gotop{
    width: 100%;
  }
  #container{
    margin: 0 auto;
  }


  }/*@media screen and (max-width: 1100px)*/

  /*PC用*/
  .sp_gotop{
    display: none;
  }


  @media screen and (max-width: 768px){
    .sp_gotop{
      display: block;
      position: fixed;
      bottom: 55px;
      right: 20px;
      z-index: 200;
    }
    }/*@media screen and (max-width: 768px)*/

    @media screen and (max-width: 950px){
      #container{
        width: 100%;
      }
    }
    @media screen and (max-width: 768px){

      /* Header */
      header .mvBox {
        margin-top: 60px;
      }
      .header_box{
      }
      .header_box_in{
        height: 60px;
        padding: 0 0 0 20px;
        margin-bottom: 0;
        /* position: relative; */
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .header_box_in h1 a{
        line-height: 1;
      }
      .header_box_in h1 img{
        width: 100%;
        height: auto;
      }
      .header_box_in_r{
        display: none;
      }
      .header_menuBtnSp{
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0;
      }
      .header_menuBtnSp .menuBtnSp_item{
        display: inline-block;
        width: 60px;
      }
      .header_menuBtnSp .menuBtnSp_item img{
        width: 100%;
      }


      .scheduleBoxSp{
        display: none;
        position: absolute;
        bottom: -101px;
        right: 20px;
        background: #fff;
        border: 1px solid #b61d41;
        padding: 5px 6px;
        box-sizing: border-box;
        animation: scheduleBoxSp .3s;
      }
      .scheduleBoxSp.js-active{
        display: flex;
      }
      @keyframes scheduleBoxSp {
        0% {
          bottom: -90px;
          opacity: 0;     /* 背景色指定 */
        }
        100% {
          top: auto;
          bottom: -101px;
          background: #fff;
          opacity: 1;   /* 背景色指定 */
        }
      }
      .scheduleBoxSp::before{
        content: "";
        position: absolute;
        top: -9px;
        right: 59px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #ffffff transparent;
      }

      .scheduleBoxSp ul{
        border-bottom: 1px solid #ccc;
      }
      .scheduleBoxSp li span{
        display: block;
        padding: 5px 0;
        text-align: center;
        color: #fff;
        font-size: 12px;
        line-height: 1;
      }
      .scheduleBoxSp li a{
        display: block;
        border: 1px solid #ccc;
        border-bottom: none;
        padding: 3px 5px;
      }
      .scheduleBoxSp a img{
        vertical-align: bottom;
      }
      .scheduleBoxSp .schedule_tokyo{
        margin-right: 5px;
      }
      .scheduleBoxSp .schedule_tokyo li span{
        background: #b61d41;
      }
      .scheduleBoxSp .schedule_tokyo li a{
        background: #f0f3f8;
      }
      .scheduleBoxSp .schedule_osaka{

      }
      .scheduleBoxSp .schedule_osaka li span{
        background: #05357f;
      }
      .scheduleBoxSp .schedule_osaka li a{
        background: #f0f3f8;
      }

      /* Gotop */
      #article p#gotop{
        display: none;
      }

      }/*@media screen and (max-width: 768px)*/

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

        .header_box_in h1{
          width: 52.1%;
        }
        #article {
          padding:  15px 10px;
        }
        #article #articleInner {
          padding:  15px 10px;
        }
        #container .head1 {
          min-height: auto;
          padding-bottom: 0;
          margin-bottom: 10px;
          background: none;
          border-bottom: 1px solid #000;
        }
        #container .head1 {
        }
        #container .head1 h3{
          font-size: 14px;
          padding-bottom: 8px;
        }
        }/*@media screen and (max-width: 640px)*/

        @media screen and (max-width: 330px){
          header .mvBox {
            margin-top: 50px;
          }
          .header_box_in{
            height: 50px;
            padding: 0 0 0 10px;
          }
          .header_box_in h1{
            width: 63%;
          }
          .header_menuBtnSp .menuBtnSp_item{
            width: 50px;
          }

          }/*@media screen and (max-width: 640px)*/

          /*--------------
          1 login
          --------------*/

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

            }/*@media screen and (max-width: 1100px)*/

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

              }/*@media screen and (max-width: 768px)*/

              @media screen and (max-width: 640px){
                #login {
                  width: 100%;
                }
                #sessionInfo{
                }
                }/*@media screen and (max-width: 640px)*/


                /*--------------
                osakaform pc_scc
                --------------*/
                .osaka_wrap .table_flex {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                }

                .osaka_wrap .checkIcon_osakaTop {
                  top:-11px;
                  right: 6px !important;
                }
                section#sessionInfo.osakaSession .checkIcon {
                  top: -9px;
                  right: 10px !important;
                }

                .osaka_wrap .div2.flex_time_sp {
                  position: relative;
                }

                .osaka_wrap .sec_time {
                  background: #333333;
                }

                .osaka_wrap .sec_time_pix {
                  height: 100%;
                  position: relative;
                  width: 49px;
                }

                .osaka_wrap .sec_time img.time {
                  position: absolute;
                  top: 50%;
                  transform: translate(0, -50%);
                }

                .osaka_wrap .wrap2 {
                  padding: 25px 25px 5px 25px;
                }

                .osaka_wrap .sec_msg_p {
                  margin-left: 141px;
                }

                .osaka_wrap .formsec_flex {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                  align-items: center;
                  width: 1100px;
                }

                .osaka_wrap .flex_font {
                  font-size: 16px;
                  font-weight: bold;
                  margin-left: 30px;
                }

                .osaka_wrap .msg_text {
                  margin-left: 30px;
                }

                .osaka_wrap .breakTime {
                  background: url('../img/breaktime_td_bg.gif') 0 0 repeat;
                }

                .osaka_wrap .breakTime .height_large {
                  text-align: center;
                  font-size: 13px;
                  line-height: 1.8;
                  padding: 12px 0;
                  color: #666;
                  border-top: 1px solid #d1d1d1;
                }

                .osaka_wrap .cont_flex {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                  border-bottom: 1px solid #d1d1d1;
                }

                .osaka_wrap .sessionWrap {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                }

                .osaka_wrap .sessionParts {
                  padding: 8px 10px;
                  width: 267px;
                  border-right: 1px solid #d1d1d1;
                }

                .osaka_wrap .sessionParts:nth-child(5) {
                  border-right: 0px;
                }

                .osaka_wrap .th_col2 {
                  width: 51px;
                  height: 30px;
                  background-color: #0A0A0A;
                }

                .osaka_wrap .sessionTitle {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                }

                .time_img {
                  background: #333333;
                }

                .time_img_pix {
                  height: 100%;
                  position: relative;
                  width: 49px;
                }

                .osaka_wrap .time_img img {
                  position: absolute;
                  top: 50%;
                  transform: translate(0, -50%);
                }

                .osaka_wrap .title_img {
                  width: 100%;
                }

                .title_img_text {
                  background-color: #333;
                  color: #fff;
                  text-align: center;
                  padding: 3px 0;
                  font-size: 16px;
                  font-weight: bold;
                  line-height: 1.5;
                }

                /* .osaka_wrap .titleArea_text_link_title {
                  font-size: 12px;
                  font-weight: bold;
                  color: #333333;
                } */

                .osaka_wrap .titleArea_text_link {
                  border-bottom: 1px dotted #999;
                  padding: 5px 0 5px;
                  margin-bottom: 5px;
                  line-height: 1.6;
                  min-height: 90px;
                  font-size: 12px;
                  font-weight: bold;
                  color: #333333;
                }

                .osaka_wrap .titleArea_text {
                  font-size: 12px;
                  line-height: 1.6;
                  padding: 5px 0px;
                }

                .osaka_wrap .timeCona_text {
                  text-align: center;
                  padding: 4px;
                  color: #666666;
                  line-height: 1.8;
                  font-size: 13px;
                }

                section#sessionCategory ul {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                  flex-wrap: wrap;
                  width: 924px;
                  margin: 20px auto;
                }

                section#sessionCategory ul li {
                  position: static;
                  margin-top: 10px;
                  margin-left: 20px;
                }

                section#sessionCategory ul li img {
                  width: 270px;
                }

                .osaka_wrap .osaka_btn_pix {
                  width: 564px;
                }

                .osaka_wrap .width200 {
                  width: 220px;
                  height: 30px;
                }

                .osaka_wrap .width49 {
                  width: 49px;
                }

                .osaka_wrap .category_icon {
                  width: 103px;
                  height: 25px;
                }

                .osaka_wrap .width110 {
                  width: 110px;
                }

                .osaka_wrap .width1151 {
                  width: 100%;
                  height: 30px;
                }

                img#width1068 {
                  width: 1068px;
                }


                /*--------------
                tokyoform pc_css
                --------------*/

                .tokyo_wrap .table_flex {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                }

                .tokyo_wrap .sec_time {
                  background: #333333;
                }

                .tokyo_wrap .sec_time_pix {
                  height: 100%;
                  position: relative;
                  width: 49px;
                }

                .tokyo_wrap .sec_time img.time {
                  position: absolute;
                  top: 50%;
                  transform: translate(0, -50%);
                }

                .tokyo_wrap .wrap2 {
                  padding: 25px 25px 5px 25px;
                }

                .tokyo_wrap .sec_msg_p {
                  margin-left: 141px;
                }

                .tokyo_wrap .formsec_flex {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                  align-items: center;
                }

                .tokyo_wrap .flex_font {
                  font-size: 16px;
                  font-weight: bold;
                  margin-left: 30px;
                }

                .tokyo_wrap .msg_text {
                  margin-left: 30px;
                }

                .tokyo_wrap .breakTime .height_large {
                  text-align: center;
                  font-size: 13px;
                  line-height: 1.8;
                  padding: 12px 0;
                  color: #666;
                  border-top: 1px solid #d1d1d1;
                }

                .tokyo_wrap .cont_flex {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                  border-bottom: 1px solid #d1d1d1;
                }

                .tokyo_wrap .sessionWrap {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                  flex-wrap: wrap;
                }

                .tokyo_wrap .sessionParts {
                  border-bottom : 1px solid #d1d1d1;
                }

                .tokyo_wrap .sessionParts:nth-child(10) {
                  border-right: 0px;
                }

                .tokyo_wrap .sessionParts:nth-child(5) {
                  border-right: 0px;
                }

                .tokyo_wrap .sessionParts:nth-child(6),
                .tokyo_wrap .sessionParts:nth-child(7),
                .tokyo_wrap .sessionParts:nth-child(8),
                .tokyo_wrap .sessionParts:nth-child(9),
                .tokyo_wrap .sessionParts:nth-child(10) {
                  border-bottom : 0px;
                }

                .tokyo_wrap .th_col3 {
                  width: 53px;
                  height: 30px;
                  background-color: #0A0A0A;
                }

                .tokyo_wrap .sessionTitle {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                }

                .tokyo_wrap .time_img {
                  background: #333333;
                }

                .tokyo_wrap .time_img_pix {
                  height: 100%;
                  position: relative;
                  width: 49px;
                }

                .tokyo_wrap .time_img img {
                  position: absolute;
                  top: 50%;
                  transform: translate(0, -50%);
                }

                .tokyo_wrap .title_img {
                  height: 30px;
                  width: 100%;
                }

                .tokyo_wrap .titleArea_text_link_title {
                  font-size: 12px;
                  font-weight: bold;
                  color: #333333;
                }

                .tokyo_wrap .titleArea_text_link {
                  border-bottom: 1px dotted #999;
                  padding: 5px 0 5px;
                  margin-bottom: 5px;
                  line-height: 1.4;
                  height: 110px;
                }

                .tokyo_wrap .titleArea_text {
                  font-size: 11px;
                  line-height: 1.6;
                  padding: 5px 0px;
                }

                .tokyo_wrap .timeCona_text {
                  text-align: center;
                  padding: 4px;
                  color: #666666;
                  line-height: 1.8;
                  font-size: 13px;
                  background: url('../img/breaktime_td_bg.gif') 0 0 repeat;
                }


                section#sessionCategory ul {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                  flex-wrap: wrap;
                  width: 924px;
                  margin: 20px auto;
                }

                section#sessionCategory ul li {
                  position: static;
                  margin-top: 15px;
                  margin-left: 20px;
                }

                section#sessionCategory ul li img {
                  width: 285px;
                }

                .tokyo_wrap .osaka_btn_pix {
                  width: 564px;
                }

                .tokyo_wrap .sotosec_flex_time {
                  background: #333333;
                }

                .tokyo_wrap .sotosec_flex_time_pix {
                  height: 100%;
                  position: relative;
                  width: 49px;
                }

                .tokyo_wrap .sotosec_flex_time_pix_img {
                  position: absolute;
                  top: 50%;
                  transform: translate(0, -50%);
                }

                .tokyo_wrap .sotosec_title {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                }

                .tokyo_wrap .sotosec_flex_cont {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                }

                .tokyo_wrap .sotosecTop_flex {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                  width: 428px;
                  border-right:0px;
                  padding: 8px 0 0 3px;
                }

                .tokyo_wrap .sotosecTop_item {
                  width: 144px;
                  padding-left: 6px;
                  padding-right: 6px;
                  border-right: 1px solid #d1d1d1;
                }

                .tokyo_wrap .sotosecTop_item:nth-child(3) {
                  border-right: 0px;
                }

                .tokyo_wrap .div2 {
                  position: relative;
                }

                .tokyo_wrap .checkIcon {
                  top:-8px;
                  right: 1px;
                }

                .tokyo_wrap .checkIcon.checkIcon_tokyoTop {
                  top:-13px;
                  right: 1px;
                }

                .tokyo_wrap .sotosecTosp_flex {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                  width: 432px;
                  padding: 8px 0 0 0;
                }

                .tokyo_wrap .width1152 {
                  width: 1151px;
                  height: 30px;
                }

                .tokyo_wrap .th_col2 {
                  width: 51px;
                  height: 30px;
                  background-color: #0A0A0A;
                }

                .tokyo_wrap .titleArea3clm_text_link {
                  border-bottom: 1px dotted #999;
                  padding: 5px 0 5px;
                  margin-bottom: 5px;
                  line-height: 1.4;
                  height: 90px;
                }

                .tokyo_wrap .titleArea3clm_text_link_title {
                  font-size: 12px;
                  font-weight: bold;
                }

                .tokyo_wrap .titleArea3clm_text {
                  font-size: 11px;
                  line-height: 1.6;
                  padding: 5px 0px;
                }

                .tokyo_wrap li.sessionParts {
                  width: 221px;
                  padding: 15px 4px;
                  border-right: 1px solid #CBCBCB;
                }

                .tokyo_wrap .sessionParts_cont {
                  padding: 0 3px;
                }

                .tokyo_wrap .checkIcon {
                  right: 10px;
                }

                .tokyo_wrap .sessionParts1clm {
                  width: 100%;
                  padding: 10px;
                }

                .tokyo_wrap .titleArea1clm {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                  margin-top: 10px;
                }

                .tokyo_wrap .titleArea1clm_text_link a {
                  font-size: 17px;
                  font-weight: bold;
                  line-height: 1.8;
                  margin-bottom: 10px;
                }

                .tokyo_wrap .sessionParts1clm_gl {
                  width: 100%;
                  border-bottom: 1px dotted #CBCBCB;
                }

                .tokyo_wrap .titleArea1clm_text {
                  font-size: 17px;
                  font-weight: bold;
                  line-height: 2;
                  margin-left: 20px;
                }

                .tokyo_wrap .checkIcon1clm {
                  left: 105px;
                }

                .tokyo_wrap .SometimeCheck1clm {
                  width: calc(100% - 49px);
                }

                .tokyo_wrap .formsec_2clmflex {
                  display: -webkit-flex;
                  display: -ms-flex;
                  display: flex;
                }

                .tokyo_wrap .formsec_flex {
                  width: 1100px;
                }

                .tokyo_wrap .top_text_s {
                  font-weight: normal;
                }

.header_box_in_linefr {
  position: absolute;
top: -4px;
left: -130px;
}

.sp_snsbox iframe.line-it-button {
  width: 40px !important;
  height: 40px !important;
}