@charset "utf-8";

body {
	line-height: 1.46;
}

#footerArea {
	margin-top: 0 !important;
}

/************************************************
Parts
************************************************/
.btnRead{
  font-size: 20px;
}
.mvArea{
  background:url(../img/mv_bg.svg) no-repeat center top;
  margin: 0 auto 40px;
}
.mvArea .image{
  width: auto;
  order: inherit;
}
.mvArea .image img{
  display: block;
  margin: 0 auto;
  width: auto;
  height: auto;
  max-width: 550px;
  max-height: 370px;
}
.mvArea .text{
  width:calc(100% - 550px);
  font-size: 30px;
  padding: 0 50px;
  text-align: left;
}
.mvArea .text h1{
  font-size: 30px;
  text-align: left;
}
.mvArea .text h2{
  font-size: 26px;
  text-align: left;
}

.breadPath{
  padding: 13px 0 6px;
}
.contentsWrapper{
  width: 1120px;
  margin: 0 auto;
  padding: 0;
}
.contentsWrapper.bgPink{
  width: 100%;
  padding: 70px 0 30px;
}
.contentsWrapper .contents{
  margin: 0 auto 50px;
}
.contentsWrapper .contents h2{
  font-size: 26px;
}
.contentsWrapper .contents h3{
  font-size: 20px;
  margin-bottom: 50px;
}
.contentsWrapper .contents h3 span{
  padding: 0 40px 10px 40px;
}


/*manga*/
.contentsWrapper .contents.manga .itemList a{
  max-width: 540px;
}
.contentsWrapper .contents.manga .itemList dl dt{
  height: 112px;
  padding: 0 20px;
  font-size: 22px;
}
.contentsWrapper .contents.manga .itemList a:first-of-type{
  margin-bottom: 0;
}

/*movie*/
.contentsWrapper .contents.movie iframe{
  max-height: none;
}

/*article*/
.contentsWrapper .contents.article {
  width: 1280px;
  padding: 0 80px;
  margin-left: auto;
  margin-right: auto;
}
.contentsWrapper .contents.article .itemList div{
  max-width: 540px;
}
.contentsWrapper .contents.article .itemList .image{
  margin-bottom: 0;
}
.contentsWrapper .contents.article .itemList .title h3{
  font-size: 20px;
}
.contentsWrapper .contents.article .itemList .title a{
  margin: auto 0 0;
}

/*articleDetail*/
.contentsWrapper .contents.articleIntro .inner{
  padding: 0 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.contentsWrapper .contents.articleIntro .inner .image{
  max-width: 353px;
}
.contentsWrapper .contents.articleIntro .inner .text{
  max-width: calc(100% - 353px);
  padding-left: 30px;
  line-height: 36px;
}
.contentsWrapper .contents.articleMenu{
  padding: 40px 20px 20px;
}
.contentsWrapper .contents.articleMenu h3{
  margin-bottom: 30px;
}
.contentsWrapper .contents.articleMenu .inner ul{
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: bold;
  margin-left: 20px;
}
.contentsWrapper .contents.articleMenu .inner ul li{
  margin-right: 75px;
  margin-bottom: 20px;
}
.contentsWrapper .contents.articleDetail{
  margin-bottom: 100px;
}
.contentsWrapper .contents.articleDetail h3{
  background: #FCF4F4;
  margin-bottom: 20px;
  padding: 14px 20px;
  text-align: left;
}
.contentsWrapper .contents.articleDetail .text{
  padding: 0 20px;
}
.contentsWrapper .contents.articleDetail .text h4{
  font-size: 17px;
}
.contentsWrapper .contents.articleDetail .text.withIllust{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.contentsWrapper .contents.articleDetail .text.withIllust div{
  width: 100%;
  max-width: calc(100% - 250px);
}
.contentsWrapper .contents.articleDetail .text.withIllust img{
  margin-top: -40px;
}
.contentsWrapper .contents.articleDetail .image.sizeL img{
  max-width: 880px;
}
.contentsWrapper .contents.articleDetail .image.sizeM img{
  max-width: 680px;
}
.contentsWrapper .contents.articleDetail .link a{
  width: 80%;
  font-size: 18px;
  max-width: 700px;
}
.contentsWrapper .contents.articleDetail .text.authorProfile{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contentsWrapper .contents.articleDetail .text.authorProfile h4{
  width: 100%;
}
.contentsWrapper .contents.articleDetail .text.authorProfile div{
  width: 100%;
  max-width: calc(100% - 270px);
}
.contentsWrapper .contents.articleDetail .text.authorProfile img{
  width: 100%;
  max-width: 220px;
  margin: 0;
}

/*serviceLink*/
.contentsWrapper .contents.serviceLink{
  margin: 90px auto 70px;
}
.contentsWrapper .contents.serviceLink .itemList{
  padding: 15px 20px;
}
.contentsWrapper .contents.serviceLink .itemList .services{
  max-width: 250px;
}
.contentsWrapper .contents.serviceLink .itemList .services h4{
  font-size: 17px;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.contentsWrapper .contents.serviceLink .itemList .services h4 .arrowRed{
  height: 55px;
  align-items: center;
}
.contentsWrapper .contents.serviceLink .itemList .services dl{
  font-size: 16px;
}
.contentsWrapper .contents.serviceLink .itemList .services dl dt{
  font-size: 18px;
}

/*一覧に戻る*/
.returnLink .btnRead{
  max-width: 640px;
}