/*_________________________________________________________________________*/
/*下層のみ*/

/*line*/
hr {
    border-color: #eee;
    opacity: .1;
}

/*img*/
img{
	max-width: 100%;
}

@media only screen and (max-width: 750px) {
    img.w60_sp{
        width: 60%;
    }
	img.w100px_sp{
        width: 100px;
		height:auto;
    }
}

/*margin_bottom sub.css over */
@media only screen and (max-width: 750px) {
    .img_box03{
        margin-bottom: 40px;
    }
}

/*table01*/

table.table01 th {
    font-size: 15px;
    font-weight: bold;
}
table.table01 td {
    padding-bottom: 25px;
}
table.tdm01 td{
    padding-bottom: 50px;
}

@media only screen and (max-width: 750px) {
    table.table01 tr{
        margin-bottom: 0;
        line-height: 2.5;
    }
    table.table01 th {
        line-height: 2.2;
    }
    table.table01 td{
        line-height: 1.9;
    }

}

/*table02*/
table.table02 th{
    width: 200px;
}
@media only screen and (max-width: 750px) {
    table.table02 th{
        width: 100%;
    }
    table.table02 .text{
        width: 100%;
        display: block;
    }
}

/*table04*/
table.table04 {
    width: 100%;
    line-height: 1.54;
    table-layout: fixed;
}
.table04 thead tr {
    border-bottom: solid 1px #000;
}
.table04 th, .table04 td {
    padding: 10px;
    font-weight: normal;
    text-align: center;
    border-right: solid 1px #000;
}
.table04 th:last-child, .table04 td:last-child {
    border-right: none;
}
.table04 th {
    font-size: 17px;
}
.table04 td {
    font-weight: 100;
}
.table04 sup{
    vertical-align: super;
    font-size: 10px;	
}

/*table05*/
table.table05 {
    width: 100%;
    line-height: 2;
}
.table05 th, .table05 td {
    padding: 10px;
    border: solid 1px #eee;
}
.table05 th:last-child, .table05 td:last-child {
    border-right: none;
}
.table05 th {
    font-size: 15px;
    width: 20%;
    font-weight: 100;
}
.table05 td {
    font-weight: 100;
}
.table05 sup{
    vertical-align: super;
    font-size: 10px;	
}

/**/
small {
    font-size: 68%;
}

/*tablescroll*/
@media only screen and (max-width: 690px) {
  .table_wrap{
    margin-bottom: 10px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .table_wrap table{
    width: 1000px;
  }
  tbody td {
    padding: 10px 5px;
  }
/*---------------------------------------*/}

/*img_area,txt_area*/

.imgtxt_area::after, .txtimg_area::after {
    content: "";
    display: block;
    clear: both;
}
    .imgtxt_area .img_area {
    float: left;
    width: 25%;
}

    .imgtxt_area .title, .imgtxt_area .txt_area {
    float: right;
    width: calc(100% - 25% - 30px);
}
.txtimg_area .img_area {
    float: right;
    width: 25%;
}
.txtimg_area .title, .txtimg_area .txt_area {
    float: left;
    width: calc(100% - 25% - 30px);
}

.img_area img {
    height: auto;
}

@media only screen and (max-width: 690px) {
  .imgtxt_area .img_area, .txtimg_area .img_area {
    float: none;
    width: 100%;
    margin-top: 20px;
    -webkit-box-ordinal-group: 2;
  	-ms-flex-order: 1;
  	order: 1;
    }
  .img_area img {
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    }
  .imgtxt_area .title, .imgtxt_area .txt_area, 
  .txtimg_area .title, .txtimg_area .txt_area {
    float: none;
    width: 100%;
    -webkit-box-ordinal-group: 1;
  	-ms-flex-order: 0;
  	order: 0;
    }
}

/*btn*/
.btn01 a{
	background-color: #EA6362;
    border:solid 1px #EA6362;
}
.btn01 a:hover{
    background-color: #FFFFFF;
    color: #EA6362;
}
.btn02 a{
	color: #EA6362;
	background-color: #FFF;
	border: 1px solid #EA6362;
}
.btn02 a:hover{
    color: #FFF;
    background-color: #EA6362;
    border: 1px solid #EA6362;
}

.linkbtn a.pnk {
    color: #FFF;
    border-color: #ea6362;
    background-color: #ea6362;
    padding: 10px 20px;
}
.linkbtn a.pnk:hover {
    background-color: #FFF;
    color: #ea6362;
    text-decoration: none;
}

.linkbtn.btn_c a {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.linkbtn.btn_r a {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: 0px;
}
/*pageTOP*/
.linkbtn a.pageTOP{
    position: relative;
    padding-top: 15px;
    font-size: 12px;
    display: block;
    text-align: center;
    margin: 0 auto;
    border: none;
}
.linkbtn a.pageTOP:hover {
    color: #534ECB;
    background-color: transparent;
}
.linkbtn a.pageTOP::before {
    content: "";
    width: 25px;
    height: 25px;
    margin-right: auto;
    margin-left: auto;
    border-top: solid 1px;
    border-right: solid 1px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
}

@media only screen and (max-width: 750px){
	.area01, .area03, .area03_02, .area04 {
	    margin-bottom: 40px;
	}
}

/*heaf*/
.heaf_Area {
    width: 60%;
}
@media only screen and (max-width: 690px){
	.heaf_Area {
	    width: 100%;
	}
}

/*dot_box*/

.dot_box {
    border: dotted 2px #ea6362;
    padding: 15px;
}

/*pagekey fixed*/

#pagekey_in.fixed {
    position: fixed;
    top: 0;
    z-index: 10;
    margin-top: 95px;
    max-width: 1040px;
    width: 100%;
    padding: 10px 10px 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
}
#pagekey_in.fixed > div {
    margin: 0;
}
@media only screen and (max-width: 1100px){
    #pagekey_in.fixed_sp {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        margin-top: 65px;
        width: 100%;
        padding: 10px 10px 0;
        margin-left: auto;
        margin-right: auto;
        background-color: #FFF;
    }
    #pagekey_in.fixed_sp > div {
        margin-bottom: 0;
    }
}

/*_________________________________________________________________________*/
/*about*/

.overview_area01 .unit{
	padding: 32px 56px;
    border-width: 3px;
    border: solid #EA6362;
}
.overview_area01 .ttarea{
	text-align: center;
    margin-top: -55px;
    position: relative;
    z-index: 2;
    font-size: 23px;
    line-height: 1.4;
    color: #EA6362;
}
.overview_area01 .ttarea_in{
	padding: 0 32px;
    display: inline-block;
    background-color: #ffffff;
}
.overview_area01 .txtarea{
    z-index: 2;
    margin-top: 16px;
}

@media only screen and (max-width:690px) {
	.overview_area01 .unit{
		padding: 32px 15px;
	}
	.overview_area01 .ttarea{
		font-size: 16px;
		margin-top: -45px;
	}
	.overview_area01 .ttarea_in{
		padding: 0 15px;
	}

}

/*_________________________________________________________________________*/
/*ticket*/

table.tableticket th {
    width: 35%;
    letter-spacing: 1px;
    padding: 0 0 10px 0;
}
table.tableticket td {
    width: 65%;
    padding-bottom: 15px;
}

#ticket_box02 .right_box .tel a{
	color: #EA6362;
}
#ticket_box03 .tel a{
	color: #EA6362;
}

.pagename_ticket .h4_title01 {
	color: #EA6362;
}
.faq_box01 dt:before{
	color: #EA6362;
}
.faq_box01 dd:before{
	color: #534ECB;
}
.linkbtn.ticket a {
    padding: 13px 5px;
    font-size: 16px;
    letter-spacing: 2px;
    display: block;
    width: 55%;
    text-align: center;
}
.ticket_about {
    margin: 0 auto;
    width: 100%;
    max-width: 490px;
}

.ticket_about_txt {
    padding-left: 20px;
}

.ticket_unit01 .unit {
    padding: 30px 50px 50px;
    line-height: 1.6;
}
#ticket_box02 dt {
    font-size: 16px;
}

#ticket_box02 dd {
    font-size: 13px;
}

#ticket_box02 .right_box ul li {
    font-size: 13px;
}
.txth_ticket, .faqh_ticket {
    line-height: 2.3;
}
#ticket_box03 dl{
    margin-top: 20px;
}
@media only screen and (max-width: 750px) {
    .h3_title01.ticket {
        margin-bottom: 55px;
    }
    .table01.tableticket tr {
        display: table-row;
    }
    .table01.tableticket th {
        display: table-cell;
        line-height: 1;
        min-width: 140px;
    }
    .table01.tableticket td {
        line-height: 1;
        padding-bottom: 25px;
        width: 100%;
    }

    #ticket_box02 .unit {
        margin-bottom: 40px;
    }
    .ticket_unit01 .unit {
        padding: 30px 20px 50px;
        line-height: 2;
    }
    .ticket_unit01 .unit {
        padding: 30px 10px 50px;
        line-height: 1.6;
        letter-spacing: 0;
        font-size: 12px;
    }
}
/*_________________________________________________________________________*/
/*schedule*/

#schedule_box02 .mousedowna, #schedule_box02 .mousedownb{
	background-color: #EA6362;
}
.ofsrbase{
    overflow-x: hidden;
}
#schedule_box01 a:before{
	border-color: transparent transparent transparent #EA6362;
}
.schedule_box04 .title a {
    color: #EA6362;
}
@media only screen and (min-width: 750px) {
.schedule_unit .date{
    width: 110px;
}
.schedule_unit .time{
    width: 70px;
}
.schedule_unit .title{
    width: calc((100% - 330px) / 10 * 5.5);
}
.schedule_unit .place{
    width: calc((100% - 330px) / 10 * 4.5);
}
}
@media only screen and (max-width: 750px) {
.schedule_unit .date {
    width: 110px;
}
}
/*_________________________________________________________________________*/
/*ftsupporter*/

#join_box01 .right_box {
    width: 44%;
}
#join_box01 .left_box{
	width: 55%;
}
#join_box01 .left_box dl{
	background-color: transparent;
    color: #333;
    padding-left: 0;
}
.flow_area {
    display: flex;
    align-items: center;
}
.flow_area .overview_area01 {
    width: 22%;
    margin-right: 14px;
}
.flow_area .overview_area01:last-child {
    margin-right: 0;
}
.flow_area .unit {
    padding: 20px 15px;
}

.flow_area .unit .ttarea {
    margin-bottom: 0;
}
.flow_area .unit .txtarea {
    margin-top: 7px;
}
.flow_area .flow_step {
    font-size: 12px;
    display: block;
}
.flow_area .ttarea_in {
    padding: 0 10px;
    font-style: italic;
    font-weight: bold;
    font-size: 30px;
}

.flow_area .arr {
    margin-right: 14px;
    display: flex;
    align-items: center;
    position: relative;
    color: #ea6362;
}
.flow_area .arr::after {
    content: "";
    width: 10px;
    height: 10px;
    margin-top: -30px;
    border-top: solid 2px;
    border-right: solid 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slick-initialized .slick-slide{
	margin-bottom: 20px;
}
.slick-initialized .slick-slide img{
	margin: 0 auto;
    padding: 2px;
}
.gallery_area .slick-next:before, 
.gallery_area .slick-prev:before{
	width: 20px;
    height: 20px;
}

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

	#join_box01 {
    	margin-top: 40px;
	}

	.gallery_area .slick-next:before, 
	.gallery_area .slick-prev:before{
		width: 15px;
	    height: 15px;
	}

}
@media only screen and (max-width:790px) {
	#join_box01 {
    	display: block;
	}
	#join_box01 .left_box {
    	width: 100%;
	}
	#join_box01 .right_box {
	    width: 100%;
	    margin: 0 auto;
	    display: block;
	}
    .flow_area {
    flex-wrap: wrap;
    }
	.flow_area .overview_area01{
		width: 100%;
    	margin-right: 0;
    	margin-bottom: 15px;
	}
	.flow_area .arr{
		margin: 0 auto 10px;
		justify-content: center;
		width: 100%;
	}
	.flow_area .arr::after{
    	margin-top: 0;
    	width: 20px;
    	height: 20px;
    	border-bottom: solid 2px;
		border-top: none;
	}
	.gallery_area .slick-next:before, 
	.gallery_area .slick-prev:before{
		width: 15px;
	    height: 15px;
	}
}
/*_________________________________________________________________________*/
/*program > sub*/

.proinkye_area {
    margin-top: 20px;
    font-size: 15px;
}
.proinkye_area .catch_tt {
    font-size: 40px;
}
.proincatch_area {
    font-size: 15px;
}
.proincatch_area .ttarea {
    font-size: 25px;
    margin-bottom: 10px;
    color: #EA6362;
}
.new19pro_submain img {
    height: auto;
}

h4.art_name {
    font-size: 20px;
}
h4.art_position {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}
@media only screen and (max-width:750px) {
    #contents06 .layout_01 h4.art_name{
        font-size: 18px;
    }
    #contents06 .layout_01 h4.art_position{
        font-size: 14px;
    }
    .proincatch_area .ttarea{
        font-size: 18px;
    }
    .proinkye_area .catch_tt {
        font-size: 30px;
    }
}
/*_________________________________________________________________________*/
/*sitemap*/

.sitemap li::before{
	border-color: transparent transparent transparent #EA6362;
}
.sitemap li li::before{
	background-color: #EA6362;
}

/*_________________________________________________________________________*/
/*news*/

.rss_tag.other{
	border: solid 1px #534ECB;
	color: #534ECB;
}

@media only screen and (max-width: 690px) {
	.news .rss_date{
		margin-bottom: 10px;
	}
    .rss .rss_title .rss_tag{
        position: absolute;
        top: -3px;
        left: 80px;
    }
}

/*_________________________________________________________________________*/
/*access*/

@media only screen and (max-width: 690px) {
    .access_unit .left_box {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
    }
    .access_unit .right_box{
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
    }
}

/*_________________________________________________________________________*/
/*lineup*/

@media only screen and (max-width: 690px) {
    .layout_01 dt{
        width: 100%;
        padding: 0;
    }
}


/* table */
/*------------------------------------------------------------------------------*/
table.new_table01,
table.new_table02 {
	width: 100%;
	line-height: 1.54;
}
table.new_table01 th {
	padding: 0 0 20px 0;
	width: 160px;
	font-size: 15px;
	font-weight: bold;
}

table.new_table01.tdm01 th {
	width:130px;
}

table.new_table01 td {
	padding: 0 0 20px 10px;
}
table.new_table01.tdm01 td {
	padding-bottom:50px;
}


table.new_table02 th {
	padding: 0 0 10px 0;
	font-weight: normal;
	width: 280px;
}
table.new_table02 td {
	padding: 0 0 10px 10px;
	width: calc(100% - 280px);
}


table.table02 .name {
	width: 180px;
	padding-right: 10px;
	float: left;
}
table.table02 .text {
	width: calc(100% - 180px);
	display: inline-block;
}
.new_table03 {
	width: 100%;
}
.new_table03 th {
	border-bottom: 2px solid #FFF;
	color: #5E5E5E;
	background-color: #F1F1F1;
	vertical-align: middle;
	padding: 1em 5px;
	width: 5.5em;
}
.new_table03 td {
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
	background-color: #FCFCFC;
	padding: 1em 5px;
	width: calc(100% - 5.5em);
}
.new_table03 tr td:nth-of-type(2) {
	width: 5.5em;
	padding: 1em 5px;
	text-align: right;
	vertical-align: middle;
}
.new_table03 td a {
    color: #E52387;
}
.new_table03 td .sub {
	font-size: 11px;
}



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

	table.new_table01 tr {
		margin-bottom: 25px;
		display: block;
	}
	table.new_table01 th,
	table.new_table02 th,
	table.new_table01.tdm01 th {
		display: block;
		width: 100%;
		font-weight: 700;
		padding: 0;
		/*font-size: 3.2vw;*/
		line-height: 2.2;
	}
	table.new_table01 td,
	table.new_table02 td,
	table.new_table01.tdm01 td {
		display: block;
		width: 100%;
		padding: 0;
	}
	table.new_table02 tr {
		margin-bottom: 20px;
		display: block;
	}
	table.new_table02 th {
		/*margin-bottom: 20px;*/
		padding-top: 10px;
	}
	table.new_table02 tr:first-child th {
		padding-top: 0;
	}
	
	table.table02 .name {
		font-size: 3vw;
		font-weight: 500;
		width: 100%;
		display: block;
		padding-right: 0;
	}
	table.table02 .text{
        width: 100%;
        display: block;
    }
	
	table.new_table02 td {
		/*font-size: 2.4vw;*/
	}
}




