/*----------**********
///// 表示設定 /////
*----------**********/

/*タブレット2カラム*/
@media screen and (min-width: 768px) and (max-width:1023px){
.tab2calam{display: none;}
}


@media screen and (max-width: 767px) {
.pc{display:none!important;}
}

@media screen and (min-width: 768px) {
.sma{display:none!important;}
}


@media screen and (min-width: 450px) {
.sma450{display:none!important;}
}


@media screen and (max-width: 449px){
.pc450{display:none;}
}


@media screen and (min-width: 380px) {
.sma380{display:none!important;}
}

@media screen and (max-width: 379px) {
.pc380{display:none!important;}
}

@media screen and (max-width: 1023px) {
.tab1024{display:none!important;}
}

@media screen and (max-width: 1439px) {
.laptop1440{display:none!important;}
}




/*----------**********
///// PC /////
*----------**********/

/*上部全体の枠*/
#index_top{
margin           : 0 auto!important;
max-width        : 1150px;
display          : -webkit-box;
display          : -ms-flexbox;
display          : flex;
/*
width            : 100%;
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
justify-content  : space-between;
*/
}

/*index_topの中 左カラム＋中央カラムの枠*/
#index_left{
background-color:;
display          : -webkit-box;
display          : -ms-flexbox;
display          : flex;
max-width        : 850px;
width            : 100%;
/*
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
margin           : 0 0 0 auto;
text-align       : center;
height           : 100%;
position         : relative;
z-index          : 1;
overflow         : hidden;
*/
}

/*index_top＞index_leftの中の左側枠｜開催一覧*/
#index_left_in_left{
background-color:;
margin           : 0 5px 0 auto!important;
text-align       : center;
width            : 500px;
height           : 100%;
}

/*index_top＞index_leftの中の右側枠｜メインビジュアル*/
#index_left_in_center{
background-color : ;
margin           : 0 0 0 auto;
text-align       : center;
max-width        : 550px;
width            : 100%;
height           : 100%;
}

/*index_topの中 右カラムの枠*/
#index_right{
background-color:;
max-width        : 275px;
width            : 100%;
/*
display          : -webkit-box;
display          : -ms-flexbox;
display          : flex;
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
margin           : 0 auto;
text-align       : center;
height           : 100%;
position         : relative;
z-index          : 1;
overflow         : hidden;

padding-right: 2px!important;
*/
}



/*----------**********
///// タブレット /////
*----------**********/

@media screen and (min-width: 768px) and (max-width:1023px){
/*上部全体の枠*/
#index_top{
background-color:;
margin    : 0 auto!important;
max-width : 1023px;
width     : 100%;
display   : -webkit-box;
display   : -ms-flexbox;
display   : block;
/*
width            : 100%;
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
justify-content  : space-between;
*/
}

/*index_topの中 左カラム＋中央カラムの枠*/
#index_left{
background-color:;
margin           : 0 auto!important;
display          : -webkit-box;
display          : -ms-flexbox;
display          : flex;
max-width        : 1023px;
width            : 100%;
/*
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
margin           : 0 0 0 auto;
text-align       : center;
height           : 100%;
position         : relative;
z-index          : 1;
overflow         : hidden;
*/
}

/*index_top＞index_leftの中の左側枠｜開催一覧*/
#index_left_in_left{
background-color : ;
margin           : 0 0 0 auto;
text-align       : center;
width            :initial;
max-width        : 400px;
min-width        : 350px;
height           : 100%;
}

/*index_top＞index_leftの中の右側枠｜メインビジュアル*/
#index_left_in_center{
background-color : ;
margin           : 0 0 0 auto;
text-align       : center;
max-width        : 604px;
min-width        : auto;
width            : 100%;
height           : 100%;
}

/*index_topの中 右カラムの枠*/
#index_right{
background-color:;
max-width        : 1023px;
width            : 100%;
/*
display          : -webkit-box;
display          : -ms-flexbox;
display          : flex;
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
margin           : 0 auto;
text-align       : center;
height           : 100%;
position         : relative;
z-index          : 1;
overflow         : hidden;

padding-right: 2px!important;
*/
}


}


/*----------**********
///// タブレット小 /////
*----------**********/

@media screen and (min-width: 450px) and (max-width:767px){
.pc450{display:none;}
/*上部全体の枠*/
#index_top{
margin    : 0 auto!important;
max-width : 767px;
width     : 100%;
display   : -webkit-box;
display   : -ms-flexbox;
display   : block;
/*
width            : 100%;
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
justify-content  : space-between;
*/
}

/*index_topの中 左カラム＋中央カラムの枠*/
#index_left{
background-color:;
margin           : 0 auto!important;
display          : -webkit-box;
display          : -ms-flexbox;
display          : block;
max-width        : 767px;
width            : 100%;
/*
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
margin           : 0 0 0 auto;
text-align       : center;
height           : 100%;
position         : relative;
z-index          : 1;
overflow         : hidden;
*/
}

/*index_top＞index_leftの中の左側枠｜開催一覧*/
#index_left_in_left{
background-color : ;
margin           : 0 0 0 auto;
text-align       : center;
width            : 100%;
max-width        : 767px;
min-width        : 0px;
height           : 100%;
}

/*index_top＞index_leftの中の右側枠｜メインビジュアル*/
#index_left_in_center{
background-color : ;
margin           : 0 0 0 auto;
text-align       : center;
max-width        : 767px;
min-width        : 0px;
width            : 100%;
height           : 100%;
}

/*index_topの中 右カラムの枠*/
#index_right{
background-color:;
max-width        : 767px;
width            : 100%;
/*
display          : -webkit-box;
display          : -ms-flexbox;
display          : flex;
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
margin           : 0 auto;
text-align       : center;
height           : 100%;
position         : relative;
z-index          : 1;
overflow         : hidden;

padding-right: 2px!important;
*/
}


}

/*----------**********
///// スマホ /////
*----------**********/

@media screen and (max-width:449px){
/*上部全体の枠*/
#index_top{
margin    : 0 auto!important;
max-width : 450px;
width     : 100%;
display   : -webkit-box;
display   : -ms-flexbox;
display   : block;
/*
width            : 100%;
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
justify-content  : space-between;
*/
}

/*index_topの中 左カラム＋中央カラムの枠*/
#index_left{
background-color:;
margin           : 0 auto!important;
display          : -webkit-box;
display          : -ms-flexbox;
display          : block;
max-width        : 450px;
width            : 100%;
/*
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
margin           : 0 0 0 auto;
text-align       : center;
height           : 100%;
position         : relative;
z-index          : 1;
overflow         : hidden;
*/
}

/*index_top＞index_leftの中の左側枠｜開催一覧*/
#index_left_in_left{
background-color : ;
margin           : 0 0 0 auto;
text-align       : center;
width            : 100%;
max-width        : 450px;
min-width        : 0px;
height           : 100%;
}

/*index_top＞index_leftの中の右側枠｜メインビジュアル*/
#index_left_in_center{
background-color : ;
margin           : 0 0 0 auto;
text-align       : center;
max-width        : 450px;
min-width        : 0px;
width            : 100%;
height           : 100%;
}

/*index_topの中 右カラムの枠*/
#index_right{
background-color:;
max-width        : 450px;
width            : 100%;
/*
display          : -webkit-box;
display          : -ms-flexbox;
display          : flex;
-webkit-box-pack : justify;
-ms-flex-pack    : justify;
margin           : 0 auto;
text-align       : center;
height           : 100%;
position         : relative;
z-index          : 1;
overflow         : hidden;

padding-right: 2px!important;
*/
}


}



/*----------**********
///// 右カラムのグリッドレイアウト /////
*----------**********/

.right_grid {
  margin: 0 auto;
  text-align:center;
  padding: 5px;
  width: 95%;
  background-color: #fff;
  column-count: 1;
  column-gap: 0;
}

.right_grid_contents {
  padding: 2px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

@media screen and (min-width: 768px) and (max-width:1023px){
.right_grid {column-count: 5;}
}

@media screen and (min-width: 450px) and (max-width:767px){
.right_grid {column-count: 3;}
}

@media screen and (max-width:449px){
.right_grid {column-count: 2;}
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーー
▼▼▼　各エリア（section）　▼▼▼
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.section {
  margin:0 auto;
  width: 100%;
}

.section-content {
  max-width  : 1024px;
  width      : 100%;
  margin     : 0 auto;
  padding    : 50px 10px 50px 10px;
  text-align : center;
}

.section-content_dj2020 {
  max-width  : 1024px;
  width      : 100%;
  margin     : 0 auto;
  padding    : 50px 10px 50px 10px;
  text-align : center;
}




@media screen and (max-width: 1000px){
.section-content {
  padding: 50px 10px 50px 10px;
}
}

@media screen and (max-width: 767px){
.section-content {
  padding: 50px 10px auto 10px!important;
}
}



.section-content_footer {
  max-width: 100%;
  padding: 30px 0px 50px 0px;
}


@media screen and (max-width: 1000px){
.section-content_footer {
padding: 30px 0px 50px 0px;
}
}



.item_box_line3{margin: 0px auto 5px auto; padding:0px; width:auto;background-color:;border:1px solid #b3b3b3; word-wrap:break-word;}



/** =======================
 * アコーディオン
 * 左
 ===========================*/

 .accordion02 li{
    list-style-type: none;
}

 .accordion02 {
    width: 98%;
    margin: 10px auto;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 5px solid tomato;
    text-align: left;
 }

.accordion02 .link {
    display            : block;
    padding            : 15px;
    color              : #4D4D4D;
    font-size          : 16px;
    font-weight        : 700;
    border-bottom      : 1px solid #CCC;
    position           : relative;
    -webkit-transition : all 0.4s ease;
    -o-transition      : all 0.4s ease;
    transition         : all 0.4s ease;
}

.accordion02 li:last-child .link {
    border-bottom: 0;
}



.accordion02 li i {
    position: absolute;
    top: 16px;
    left: -16px;
    font-size: 16px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}



.accordion02 li i.fa-chevron-down {
    right: 12px;
    left:0;
    font-size: 14px;
}

.accordion02 li.open .link {
    color: #b63b4d;
}

.accordion02 li.open i {
    color: #b63b4d;
}
.accordion02 li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion02 li.default .submenu02 {display: block;}
/**
 * Submenu
 -----------------------------*/
 .submenu02 {
    display: none;
    background: #444359;
    font-size: 14px;
    margin-left: -40px;
 }
 .submenu02 li {
    border-bottom: 1px solid #4b4a5e!important;
 }




 .submenu02 a {
    display: block;
    text-decoration: none!important;
    color: #d9d9d9;
    padding: 12px;
    padding-left: 12px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    margin-left: -40px;
 }


 .submenu02 a:before {
  content      : " \f138";
  font-weight  : 700!important;
  font-family  : "Font Awesome 5 Free";
  margin-right : 3px;
  margin-left  : 15px;
  color        : #FFF!important;
 }


 .submenu02 a:hover {
    background: #b63b4d;
    color: #FFF;
 }

 .submenu02 a:visited {color:pink}