@charset "utf-8";

/*font*/

@font-face{
  font-family: 'Apple-Chancery';
  src:url('../fonts/logotypejp-b.woff')format('woff'),
    url('../fonts/logotypejp-b.eot')format('oldIE'),
    url('../fonts/logotypejp-b.ttf')format('truetype');
}

/*アイキャッチ*/

h1.page-title,
.page-description {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 0px;
}

/*information*/

section.information{
  /*margin: 30px 0;*/
  line-height: 3rem;
  /* Add border 2019-01-21 M.Ohno */
  margin: 30px auto;
  padding: 20px;
  max-width: 960px;
  border: 3px solid #000000;

}

section.information h2{
  font-size: 2.1rem;
  border-bottom: 1px solid;
  margin: auto;
  width: 100%;
  margin-bottom: 20px;
  line-height: 3rem;
  text-align: center;
}

section.information h2::before{
  content: 'インフォメーション';
  font-size: 2.7rem;
  display: block;
  
}

section.information ul {
  width: 100%;
  text-align: left;
  list-style-type: none;
}

/*ひし形*/

.defaultlist li{
  list-style-type: none;
  list-style-image: none;
  margin: 10px 0px;

  /* Add border 2019-01-21 M.Ohno */
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 10px;
}

.diamond li{
  position: relative;
  padding-left: 20px;
  line-height: 2rem;
}

.diamond li:after{
  content: '';
  display: block;
  position: absolute;
  background-color: #000;
  width: 9px;
  height: 9px;
  top: 5px;
  left: 5px;
  transform: rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
}


/*共通*/


.live_event_title{
  height: 0;
  background-repeat: no-repeat;
  background-position: center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 30px;
}

.inner_2016,
.inner_2017{
  max-width: 591px;
}

.inner_2018{
  max-width: 584px;
}

.inner_2016,
.inner_2017,
.inner_2018{
  width: 100%;
  margin: auto;
}

img{
  height: fit-content;
}

.title_text{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 0;
}

.contents_list{
  margin-bottom: 40px;
}

.live_event2016 img,
.live_event2017 img,
.live_event2018 img{
  margin-right: 60px;
// Add M.Ohno 2019-01-07
  width: 188px;
  height: 125px;
// Add M.Ohno 2019-01-07
}

.contents_title{
  font-size: 2.7rem;
  margin: 15px 0;
  font-family: "logotypejp-b";
  font-weight: bold;
}

.appearance{
  background-color: #000;
  color: #fff;
  width: 57px;
  height: 22px;
  display: inline-block;
  text-align: center;
  margin-right: 20px;
  font-family: "logotypejp-b";
}

.contents_space{
  margin-left: 20px;
}


.next{
  width: 188px;
  height: 64px;
  color: #fff;
  background-color: #000;
  text-align: center;
  font-size: 1.8rem;
  box-sizing: border-box;
  line-height: 6rem;
  margin: 0 0 0 auto;
  cursor: pointer
}

/*2016*/
.live_event2016{
  margin-top: 30px;
  font-size: 1.5rem;
}
.title2016{
  background-image: url(/wp-content/themes/anges/img/past/title2016.jpg);
  padding-top: 29.7%;
}

body{
  background-image: url(/wp-content/themes/anges/img/past/past1200.png);
  background-repeat: no-repeat;
}

/*2017*/

.title2017{
  background-image: url(/wp-content/themes/anges/img/past/title2017.jpg);
  padding-top: 27.2%;
}
.text_adjustment{
  margin-top: -10px;
}

/*2018*/

.title2018{
  background-image: url(/wp-content/themes/anges/img/past/title2018.jpg);
  padding-top: 30.1%;
}
/*comming soon*/

.past{
	font-size: 3.6rem;
}

/* Smart phpne portrait */
@media (max-width: 480px){
  header.entry-header {
    margin: 0px -20px;
  }
  section.information {
    margin-left: 0px;
    margin-right: 0px;
  }

/* Add M.Ohno Infomation SmartPhone対応 */
  section.information{
    margin: 10px auto;
    padding: 10px;
  }
  section.information h2::before{
    display:none;
  }
  section.information h2::after{
    content: ' ～インフォメーション～';
    font-size: 1.3rem;
    display:inline;
  }
  
  section.information h2{
    font-size: 1.3rem;
  }

  .defaultlist li{
    font-size: 1.3rem;
  }
/* Add M.Ohno Infomation SmartPhone対応 */

}

/* Smart phpne landscape */
@media (max-width: 600px){

/* Add M.Ohno Infomation SmartPhone対応 */
  section.information{
    margin: 10px auto;
    padding: 10px;
  }
  section.information h2::before{
    display:none;
  }
  section.information h2::after{
    content: ' ～インフォメーション～';
    font-size: 1.3rem;
    display:inline;
  }
  
  section.information h2{
    font-size: 1.3rem;
  }

  .defaultlist li{
    font-size: 1.3rem;
  }
/* Add M.Ohno Infomation SmartPhone対応 */

}

/* tablet portrait */
@media (max-width: 900px){
  .flex-container{
    display: block;
  }
  .defaultlist, .defaultlist li {
    width: 100%;
    margin: 0px;
  }
  .live_event_title{
    margin-left: 0;
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-top: 33%;
    background-position: center;
    background-size: 120%;
  }
  
  .live_event2016 img,
  .live_event2017 img,
  .live_event2018 img{
    max-width: 900px;
    height: auto;
    width: 100%;
    margin-right: 0;
  }
  
}

/* PC */
@media (min-width: 901px){
  section.information h2 {
    max-width: 1030px;
  }
  section.information ul {
    margin: 0 auto;
    max-width: 960px;
  }
  .live_event2016,
  .live_event2017,
  .live_event2018{
     margin-left: 20px;
     margin-right: 20px;
  }

}