@charset "utf-8";

/* General----------------------------------------------------------------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.pc_only{display: block;}
.sp_only{display: none;}


/* Base ----------------------------------------------------------------------------------------------------------------------------- */
#content.renga{
    background-color: #201211;
    background-image:url("../images/redbrick/bg_top.png"),url("../images/redbrick/bg_bottom.png");
    background-position: left top, bottom -30% right;
    background-repeat: no-repeat;
    background-size:100%;
    color:white;
    margin: 0px auto 30px;
    max-width:100%;
    overflow:hidden;
    padding-bottom: 180px;
    width:100%;
}
@media screen and (max-width:1023px) {
  .pc_only{display: none;}
  .sp_only{display: block;}

  #content.renga{
    background-image:url("../images/redbrick/bg_top_sp.png"),url("../images/redbrick/bg_bottom_sp.png");
        background-position: left top, bottom 0 right;

    padding-bottom:calc(145 / 768 * 100vw);;
  }
}
#content.renga section{
    max-width:1080px;
    margin:auto;
}
.renga .infomation h2 {
  margin: 124px auto 75px;
  width:100%;
  padding: 0;
  border-bottom: none;
  background: none;
}
.renga .infomation h2 img{
  margin:auto;
}


/* unique ----------------------------------------------------------------------------------------------------------------------------- */
.spslide-wrapp{
  display:none;
}
.img-slider{
    display:flex;
    margin-bottom:75px;
}

.subheading{
    text-align:center;
    margin-bottom: 40px;
}
.subheading p{
    display:inline-block;
}
.subheading p:nth-child(1){
    border:3px double #908988;
    font-size:32px;
    font-family :YuMincho,    /* Mac用 */'Yu Mincho', /* Windows用 */serif;
    padding:0px 14px;
    margin:0;
    line-height: 1.4!important;
}

.subheading p:nth-child(2){
    font-size:43px;
    font-weight: 500;
    margin:0 0 0 24px;
    font-family: 'Noto Sans Japanese', serif;
    position: relative;
}
.subheading p:nth-child(2) span{
  font-size: 18px;
  position: absolute;
  top: -32px;
  left: 16px;
}
.subheading p:nth-child(3){
    font-size:20px;
    margin:0 0 0 21px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.renga p{
    font-size:18px;
}

.subheading + p{
  margin-bottom:80px!important;
  line-height:2.4!important;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;

}

@media screen and (max-width:1023px) {
  .renga .infomation h2 {
    margin: calc(280 / 768 * 100vw) auto calc(60 / 768 * 100vw);
  }
  .img-slider{
    display:none;
  }
  .spslide-wrapp{
      margin-bottom:calc(75 / 768 * 100vw);
      display: block;
  }
  .spslide-wrapp img{
    width: 100%;
  }
  .subheading{
    margin-bottom:calc(62 / 768 * 100vw);
  }
  .subheading p:nth-child(1){
    font-size:calc(54 / 768 * 100vw);
    margin-bottom:calc(54 / 768 * 100vw);
    padding:0 calc(28 / 768 * 100vw) 0;
    line-height: 1.4!important;
    vertical-align:middle;
  }
  .subheading p:nth-child(2){
    font-size:calc(54 / 768 * 100vw);
    margin: 0 0 calc(20 / 768 * 100vw) 0;
    line-height: 1;
  }
  .subheading p:nth-child(2) span{
    font-size: calc(22 / 768 * 100vw);
    position: absolute;
    top: calc(-28 / 768 * 100vw);
    left:calc(20 / 768 * 100vw);
  }
  .subheading p:nth-child(3){
    font-size:calc(32 / 768 * 100vw);
    margin-left:0;
    line-height: 0;
  }
  .subheading + p{
    font-size:calc(28/ 768 * 100vw);
    padding:0 calc(50/ 768 * 100vw);
    margin-bottom: calc(80/ 768 * 100vw)!important;
    line-height: 2.1!important;
  }
}

.video-wrapp {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border:1px solid #fff;
  border-bottom:2px solid #fff;
  margin-bottom: 40px;
}
.video-wrapp iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video-wrapp + p{
  font-size:20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  text-align:center;
}

@media screen and (max-width:1023px) {
  .video-wrapp{
    width:100%;
    margin:0 auto calc(50 / 768 * 100vw);
    border-left:0;
    border-rght:0;
  }

  .video-wrapp + p{
    font-size:calc(32 / 768 * 100vw);
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    text-align:center;
    line-height:2!important;
    padding:0 calc(50 / 768 * 100vw);
  }
}