@charset "UTF-8";

/*---------------------------------タブレット用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:900px) {

    span.br:before { content: "\A" ; white-space: pre;}
  
    ul.ul02 li {
        display: block;
        width: 100%;
        padding-bottom: 25px;
    }
    ul.ul02 li:nth-child(odd),
    ul.ul02 li:nth-child(even) { padding: 0;}

    

    /*--------------------------------------------------------------------------------
    　▼ mobile_header nav　
    --------------------------------------------------------------------------------*/
    #m_header {
        display: block;
        padding: 20px 0 0;
    }
    #m_header .logo { text-align: right;}
    #m_header .inner_box { position: relative;}
    #m_header #toggle_btn {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 0;
    }
    #m_header #toggle_btn img { width: 45px !important;}

    /*--------------------------------------------------------------------------------
    　▼ 共通　
    --------------------------------------------------------------------------------*/
    .box { padding: 20px 10px;}
    .inner_box { width: 90%; padding: 10px 10px 0;}
    .anchor-point { top: -10px;}
    
    /*--------------------------------------------------------------------------------
    　▼ header　
    --------------------------------------------------------------------------------*/
    #header,
    #fixedBox { display: none;}
    .main { padding: 30px 0 0;}
  
    /*--------------------------------------------------------------------------------
    　▼ INFORMATION TICKET
    --------------------------------------------------------------------------------*/
    .qr-l {
      float: none;
      width: 100%;
    }
    .qr-r {
      float: none;
      text-align: center;
      width: 100%;
    }

    .qr img {
      padding-top: 20px;
    }
    ul.ul04 {
      display: block;
    }
	 ul.ul04 li {
        width: 23.5%;
        padding-bottom: 25px;
        margin-right: 2%;
    }
    ul.ul04 li:last-child {
       margin-right: 0;
    }

    /*--------------------------------------------------------------------------------
    　▼ footer
    --------------------------------------------------------------------------------*/
    #footer { padding: 20px 0;}
}



/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:640px) {

		.pc_block { display: none;}
		.sp_block { display: block;}


    #mobile-bar .inner img { width: auto !important; height: 100px !important;}

    #m_header .main { padding: 30px 0 0;}

    .box_title.pt30 { padding-top: 0 !important;}

    .in_box { padding: 20px 0 0;}

    table,
    table tbody,
    table tr { display: block; width: 100%;}
    table tr th {
        display: block;
        width: 100%;
        padding: 10px 0 0;
        border-bottom: none;
        font-weight: bold;
    }
    table tr td {
        display: block;
        padding: 5px 0 10px;
        width: 100%;
    }
    table tr td a { display: block; word-break:break-all;}
  
    ul.ul03 li {
        display: block;
        width: 100%;
        padding-bottom: 25px;
    }
    ul.ul03 li:nth-child(odd),
    ul.ul03 li:nth-child(even) { padding: 0;}

    ul.ul04 li {
        width: 48%;
        padding-bottom: 25px;
        margin-right: 4%;
    }
    ul.ul04 li:nth-child(2),
    ul.ul04 li:nth-child(4) {
       margin-right: 0;
    }
		
    .event_info {
      width: 100%;
      margin: 0 auto 60px;
    }

		/*--------------------------------------------------------------------------------
    　▼ GOODS
    --------------------------------------------------------------------------------*/
    ul.ul01 { padding: 40px 0 0;}
    ul.ul01 li {
        display: block;
        width: 100%;
        margin: 0 0 30px;
    }
    ul.ul01 li .img_box img { width: 100%;}
    ul.ul01 li .img_box { width: 80%; margin: 0 auto; padding-top: 80%;}
    ul.ul01 li:nth-child(3n - 1) { margin: 0 0 30px;}

}