@charset "UTF-8";
/* CSS Document */

/*===== for SP ======*/

/*==================================================
                    wall paper
====================================================*/
#special {
	background-image: url("../../soar/images/tnd_bg_pc.jpg");
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
	transform: translateZ(0);
}

/*==================================================
                    main
====================================================*/
#design {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}


/*==================================================
                    main visual
====================================================*/

#design #mv {
    display: block;
    width: 100%;
   height: 100%;
    margin: 0;
}


#design #main_visual {
	display: block;
    width: 100%;
    height: 0;
    padding-top: 100%;
	background-image: url("../images/main_visual_sp.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

#special #design #caption h1 {
    margin: 0;
}

/*==================================================
                    design
====================================================*/
/* header text  */
#special #design #caption #header_text {
	display: block;
	width: 100%;
    color: #fff;
    margin: 5% auto 0;
    border: none;
    text-align: center;
}

#special #design #caption #header_text p{
    display: inline;
    border: none;
    margin: 0;
    padding: 0;
}

#special #design #caption #header_text a{
    display: inline;
    margin: 0;
    padding: 0;
    border-top: none;
}


/* schedule */
#special #design #tour_schedule {
	display: block;
	width: 100%;
	margin: -5% auto 0 auto;
}

#special #design #tour_schedule ul {
	list-style: none;
	margin: 0;
}


#special #design #tour_schedule #list {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#special #design #tour_schedule #list h1 {
	display: block;
	width: 100%;
	margin: 2% auto;
	padding: 2% 2% ;
    color: #222;
    font-weight: bold;
    font-size: 24px;
    background-color: rgba(255,255,255,0.5);
}

#special #design #tour_schedule .field {
	display: block;
	width: 89%;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding: 2% 0 3% 5%;
	margin: 0 3%;
}

#special #design #tour_schedule #list ul {
	display: block;
	margin: 0;
	padding: 0;
}

#special #design #tour_schedule #list .date {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 2%;
}

#special #design #tour_schedule #list .hall {
	font-size: 1.3em;
	font-weight: bold;
}

#special #design #tour_schedule #list .time {
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 3%;
}

#special #design #tour_schedule #list .place {
	display: block;
	font-size: 1em;
	margin-bottom: 2%;
}

#special #tour_schedule #list .url {
    font-size: 0.8em;
}

#special #tour_schedule #list .toiawse {
    font-size: 0.8em;
    background-color: rgba(255,255,255,0.2);
    margin: 0 0 0 -5%;
    padding: 1% 5% 0 5%;
}

#special #design #tour_schedule #list .eventer {
	display: block;
	font-size: 1em;
    background-color: rgba(255,255,255,0.2);
    margin: 0 0 -1% -5%;
    padding: 0 5% 2% 5%;
}

#special #tour main #tour_schedule .field section {
	margin: 0;
	padding: 0;
}

#special #tour main #tour_schedule .field section h2 {
	font-size: 25px;
	margin: 0;
	padding: 0;
}

#special #tour main #tour_schedule .field section h3 {
	font-size: 22px;
	margin: 0;
	padding: 0;
}

#special #design #tour_schedule h4 {
	font-size: 1.4em;
    width: 100%;
    margin: 3% 0 3% 2%;
    padding: 0;
}

#special #design #tour_schedule h5 {
	font-size: 1.2em;
    margin: 0 0 3% 2%;
    padding: 0;
}

#special #tour_schedule p {
    width: 100%;
    margin: 3% 0 3% 0;
    padding: 0 0 0 5%;
    font-size: 0.8em
}

/* 先行予約=================　*/
#special #design #reservation {
    display: block;
    width: 95%;
    margin: 1% auto;
    padding: 0 0 5% 0;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

#special #design #reservation h2 {
    margin: 0 0 0 0;
    font-size: 1.2em
}

#special #design #reservation h3 {
    margin: 0;
    font-size: 1em
}

#special #design #reservation h4 {
    margin: 5% 0 0 0;
    font-size: 0.9em;
}

#special #design #reservation h5 {
    margin: 2% 0 1% 0;
}

#special #design #reservation p {
    margin: 3% 0 10% 0;
    line-height: 1.7em;
}

#special #design #reservation .font14p {
    font-size: 0.8em;
}



#special #design #reservation a {
    text-decoration: underline;
}


/* Soar　====================　*/
#special #design #inclination4 {
    display: block;
    width: 90%;
    margin: 5% auto 0 auto;
    padding: 0 0 0 0;
}

#special #inclination4 h1 {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #907bd9;
}

#special #inclination4 h2 {
    display: block;
    width: 100%;
    margin: 0 auto 4%;
    text-align: center;
}

#special #inclination4 h3 {
    display: block;
    width: 100%;
    margin: 0 auto 4%;
    text-align: center;
}

#special #inclination4 #jacket {
    display: block;
    width: 80%;
    margin: 0 auto;
}

#special #inclination4 #jacket #inclination4_1st {
    display: block;
    width: 100%;
}

#special #inclination4 #jacket #inclination4_1st .jacket_image {
    display: block;
    width: 100%;
    height: 0;
    background-image: url("../../inclination4/images/inc4_1st_sp.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    padding-top: 85%;
}

#special #inclination4 #jacket #inclination4_reg {
    display: block;
    width: 100%;
}

#special #inclination4 #jacket #inclination4_reg .jacket_image {
    display: block;
    width: 100%;
    height: 0;
    background-image: url("../../inclination4/images/inc4_reg_sp.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    margin: 7% auto 0;
    padding-top: 100%;
}

#special #inclination4 #jacket .caption {
    font-size: 0.7em;
    text-align: center;
    margin: 1% 0 0 0;
}

#special #inclination4 #inclination4_text {
    display: block;
    width: 80%;
    margin: 3% auto 10%;
}

#special #inclination4 #inclination4_text p {
    margin: 0 0 4% 0;
    font-size: 0.8em;
}

#special #inclination4 #link_btn {
    display: block;
    width: 268px;
    margin: 0 auto;
    background-color: #000;
}

#special #inclination4 #link_btn a {
    display: block;
    width: 100%;
    height: 0;
    padding: 18% 0 0 0;
    text-indent: -9999px;
}

#special #inclination4 #special_btn {
    display: block;
    background-image: url("../../../discography/images/btn/btn_special_sp.png");
    background-repeat: no-repeat;
    background-size: cover;
}

#special #inclination4 .btn {
    
}