@charset "utf-8";


.txt_small                 {font-size:87.5%;}
.txt_mini                  {font-size:75%;}
.idx                       {padding:1em 0.5em;}
.idx_ttl                   {font-size:150%;margin:0 auto 1em;max-width:1000px;text-align:center;position:relative;}
.idx_ttl span              {display:block;}
.idx_ttl span i            {display:inline-block;font-weight: bold;}
.idx_ttl span:before,
.idx_ttl span:after,
.idx_ttl:before,
.idx_ttl {background:url("../img/ttl_back.png");background-repeat:no-repeat;background-position:center;}
.ttl2 {background:url("../img/ttl_back2.png")!important;background-repeat:no-repeat!important;background-position:center!important;}
/*
.idx_ttl:after             {content:"";display:block;position:absolute;bottom:0;height:2px;}
.idx_ttl:before            {left:0;background:#86064d;width:calc(50% - 13px);}
.idx_ttl:after             {right:0;background:#392b75;width:calc(50% - 13px);}
.idx_ttl span:before       {left:calc(50% - 13px);background:#86064d;width:22px;transform:rotate(50deg);transform-origin:left top 0;}
.idx_ttl span:after        {right:calc(50% - 13px);background:#392b75;width:22px;transform:rotate(-50deg);transform-origin:right top 0;}
*/
@media screen and (min-width: 768px){
	.idx                       {padding:3.5em 0.5em;}
	.idx_ttl                   {font-size:260%;margin-bottom:1.2em;}
}

/* ============================================================== mv */
.mv                        {padding:60px 0.5em;min-height:100vh;background-size:cover;background-image:url("../img/mv_bg.jpg");background-repeat:no-repeat;background-position: bottom;}
.mv_badge                  {margin-bottom:4em;text-align:right;}
.mv_badge span             {color:#86064d;font-weight:bold;padding:0.1em 0.3em;display:inline-block;border:2px solid #86064d;}
.mv_ttl                    {text-align:center;font-size:100%;}
.mv_ttl span               {/*max-width:800px;*/display:inline-block;}
.mv_box                    {padding:0.8em 1em 1em;font-weight:bold;max-width:768px;margin:0 auto;background:rgba(57,43,117,0.6);color:#fff;text-align:center;}
.mv_ttl                    {margin:0 auto 2em;}
.mv_date                   {font-size:140%;}
.mv_date em                {font-size:120%;}
.mv_time span              {display:inline-block;margin:0 0.5em;}
.mv_box dt,
.mv_box dd                 {display:inline-block;margin:0 0.5em;}
@media screen and (min-width: 768px){
	.mv                        {padding-top:100px;}
	.mv_badge                  {font-size:115%;margin-bottom:8em;}
	.mv_ttl                    {margin:100px auto 4em;}
	.mv_date                   {font-size:280%;}
	.mv_time                   {font-size:150%;}
	.mv_box dl                 {font-size:150%;}
}

@media screen and (max-width:768px){
 .mv {min-height:inherit;}
}

/* ============================================================== object */
.idx_object                {background:url("../img/concept_back.png");background-size:100%;background-repeat:no-repeat;background-position:bottom;}
.idx_object .idx_ttl       {letter-spacing:0.3em;padding-left:0.3em;}
.idx_object_lead em        {color:#9f3a72;}
@media screen and (min-width: 768px){
	.idx_object_lead           {line-height:250%;text-align:center;font-weight:bold;}
	.idx_object_lead em        {font-size:125%;}
}
/* ============================================================== cast */
.idx_cast .idx_ttl         {margin-bottom:1.5em;}
.idx_cast .idx_ttl i       {letter-spacing:0.3em;padding-left:0.3em;}
.idx_cast_lst              {margin-bottom:1em;}
.idx_cast_box              {display:flex;padding-bottom:1em;margin-bottom:1em;border-bottom:1px dotted #ccc;}
.idx_cast_fig              {width:25%;}
.idx_cast_txt              {padding-left:1em;flex:1;}
.idx_cast_ttl              {font-size:100%;}
.idx_cast_ttl span         {display:block;}
.idx_cast_tag              {font-size:87.5%;line-height:100%;color:#911c5d;font-weight:bold;}
.idx_cast_name             {font-size:150%;}
.idx_cast_post             {font-size:75%;line-height:150%;padding-bottom:0.5em;margin-bottom:0.5em;}
.idx_cast_post i           {display:block;}
.idx_cast_lst .idx_cast_desc             {display:none;}
.idx_cast_career           {font-size:81.5%;line-height:130%;}
.idx_cast_career p:not(:last-of-type)  {margin-bottom:1em;}
.idx_cast_coordinator      {padding:5px;background:url("../img/bg_slant.png");border-radius:10px;}
.idx_cast_coordinator_wrap {display:flex;background:#fff;padding:0.5em;border-radius:5px;}
@media screen and (min-width: 768px){
	.idx_cast_lst              {margin-bottom:2em;display:flex;flex-wrap:wrap;}
	.idx_cast_lst .idx_cast_box              {display:block;border:1px solid #ccc;width:calc((100% - 4em) / 3);margin-right:2em;margin-bottom:3em;padding:0;box-shadow: 0 10px 20px rgba(0,0,0,0.1);transition:0.3s;cursor:pointer;}
	.idx_cast_lst .idx_cast_box:hover        {opacity:0.7;}
	.idx_cast_lst .idx_cast_box:nth-of-type(3n)   {margin-right:0;}
	.idx_cast_lst .idx_cast_box .idx_cast_fig     {width:100%;margin-bottom:1em;}
	.idx_cast_lst .idx_cast_box .idx_cast_txt     {text-align:center;}

	.idx_cast_coordinator_wrap {padding:1.5em 3em;}
	.idx_cast_coordinator .idx_cast_post     {max-width:300px;margin-bottom:1.5em;}
	.idx_cast_coordinator .idx_cast_fig      {width:40%;max-width:310px;}
}

.idx_cast_popup            {display:none;}
.idx_cast_pop_wrap.idx_cast_box                {display:block;padding:0;border:0 none;margin-bottom:0;padding-bottom:0;}
.idx_cast_pop_wrap.idx_cast_box .idx_cast_fig  {float:left;}
.idx_cast_pop_wrap.idx_cast_box .idx_cast_txt  {padding-left:0;}
.idx_cast_pop_wrap.idx_cast_box .idx_cast_ttl,
.idx_cast_pop_wrap.idx_cast_box .idx_cast_post {margin-left:calc(25% + 1em);}
.idx_cast_pop_wrap.idx_cast_box .idx_cast_post {padding-left:0.5em;margin-bottom:0;}
.idx_cast_pop_wrap.idx_cast_box .idx_cast_desc {font-size:75%;padding-left:0;clear:both;}
.idx_cast_popup_close            {position:absolute;display:block;background:#fff;right:6px;top:6px;width:30px;height:30px;border:2px solid #86064d;z-index:5;}
.idx_cast_popup_close:before,
.idx_cast_popup_close:after      {position:absolute;content:"";display:block;background:#86064d;height:2px;width:20px;left:3px;top:50%;}
.idx_cast_popup_close:before     {transform:rotate(-45deg);}
.idx_cast_popup_close:after      {transform:rotate(45deg);}
.modaal-content-container  {padding:0.5em;}
@media screen and (min-width: 768px){
	.idx_cast_pop_wrap.idx_cast_box:after          {content:"";display:block;height:0;clear:both;}
	.idx_cast_pop_wrap.idx_cast_box .idx_cast_ttl  {font-size:120%;}
	.idx_cast_pop_wrap.idx_cast_box .idx_cast_post {font-size:100%;}
	.idx_cast_pop_wrap.idx_cast_box .idx_cast_post i{display:inline-block;margin-right:1em;}
	.idx_cast_pop_wrap.idx_cast_box .idx_cast_desc {clear:none;margin-left:calc(25% + 1.5em);font-size:87.5%;margin-top:1em;}
	.idx_cast_popup_close            {width:42px;height:42px;top:16px;right:16px;cursor:pointer;}
	.idx_cast_popup_close:before,
	.idx_cast_popup_close:after      {width:30px;left:4px;}
	.modaal-content-container  {padding:2em;}
}

/* ============================================================== outline */
.idx_outline               {/*background:#f9f7ff;*/}
.idx_tbl                   {margin:0 auto;}
.idx_tbl table             {width:100%;}
.idx_tbl th,
.idx_tbl td                {display:block;width:100%;padding:0.5em;}
.idx_tbl th                {/*background:#eddeed;*/}
.idx_tbl td a              {color:#911c5d;}
.idx_tbl i                 {display:inline-block;}
.idx_map                   {margin:0 auto 0.5em;max-width:480px;}
.idx_tbl .idx_map_txt i    {display:inline;}
@media screen and (min-width: 768px){
	.idx_tbl table             {border-top:1px solid #818181;}
	.idx_tbl tr                {border-bottom:1px solid #818181;}
	.idx_tbl th,
	.idx_tbl td                {display:table-cell;width:auto;padding:1em 2em;}
	.idx_tbl th                {font-size:112.5%;/*border-right:1px solid #818181;*/width:30%;text-align:left;margin-left:2em;}
	.idx_tbl_vt                {vertical-align:top;}
	.idx_tbl td                {font-size:112.5%;}
	.idx_map                   {margin-bottom:0.5em;margin-left:0;padding:0.5em 0;}
	.idx_tbl td .idx_map_txt   {font-size:92.5%;}
}

/* ============================================================== program */
.idx_program_box           {display:flex;padding-bottom:1em;position:relative;}
.idx_program_box:before,
.idx_program_box:after     {content:"";display:block;position:absolute;}
.idx_program_box:before    {width:2px;height:calc(100% - 20px);left:30px;top:0;background-size:2px 10px;background-image:linear-gradient(to bottom, rgba(125,125,125,1) 0%, rgba(125,125,125,1) 70%, transparent 70%, transparent 100%);}
.idx_program_box:after     {width:12px;height:12px;transform:rotate(45deg);top:calc(90% - 12px);left:24px;border-right:2px solid rgba(125,125,125,1);border-bottom:2px solid rgba(125,125,125,1);}
.idx_program_box:last-child:before,
.idx_program_box:last-child:after     {display:none;}
.idx_program_time          {width:60px;position:relative;z-index:3;}
.idx_program_time span     {display:block;padding-bottom:0.5em;background:#fff;}
.idx_program_desc          {flex:1;margin-left:1em;padding-top:0.1em;}
.idx_program_desc dt       {font-weight:bold;z-index:3;}
.idx_program_desc dd       {font-size:75%;padding-bottom:1em;}
@media screen and (min-width: 768px){
	.idx_program               {padding-bottom:0;}
	.idx_program_lst           {padding:0 2em;}
	.idx_program_box:before    {left:54px;}
	.idx_program_box:after     {left:48px;}
	.idx_program_time          {width:107px;}
	.idx_program_desc          {margin-left:2em;padding:1em 0 2em;}
	.idx_program_desc dt       {font-size:131.3%;}
	.idx_program_desc dd       {font-size:100%;}
}

/* ============================================================== entry */
.idx_entry                 {background:url("../img/entry_bg.png");background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}
.idx_entry_ttl             {margin-bottom:2em;text-align:center;}
.idx_entry_ttl span        {display:inline-block;max-width:598px;}
.idx_entry_btn             {text-align:center;
    color: #fff;
    background: #392b75;
    padding: 0.5em 1em;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    max-width: 760px;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    max-width: 760px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 260%;}
.idx_entry_btn a           {color:#fff;background:#392b75;padding:0.5em 1em;font-size:125%;text-align:center;display:inline-block;text-decoration:none;font-weight:bold;box-shadow:0 0 10px rgba(0,0,0,0.3);max-width:760px;width:100%;}
@media screen and (min-width: 768px){
	.idx_entry                 {padding-bottom:5em;}
	.idx_entry .idx_ttl        {margin-bottom:1.5em;}
	.idx_entry_ttl             {margin-bottom:4em;}
	.idx_entry_btn a           {font-size:260%;transition:0.3s;}
	.idx_entry_btn a:hover     {background:#86064d;}
}
