@charset "UTF-8";
/* ============================================================

★ series css

============================================================ */
body {
  font-family: "Meiryo", "メイリオ", "平成明朝", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Verdana", sans-serif;
  font-size: 0.9em;
  letter-spacing: 0.06em;
  line-height: 1.4;
  text-align: center;
  background: url("../../images/bg-special.gif") repeat center 0 #fff;
}

a {
  overflow: hidden;
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

img {
  vertical-align: top;
}

#wrapper {
  width: 960px;
  margin: 0 auto;
  box-shadow: 0px 0px 5px #222;
}

header {
  position: relative;
  height: 1239px;
  background: url(../images/top_bg.jpg) no-repeat top left;
}
header #globalTitle {
  position: absolute;
  top: 0px;
  right: 15px;
}
header #globalTitleNumber {
  position: absolute;
  bottom: 620px;
  left: 20px;
}
header #globalAuthors {
  position: absolute;
  top: 20px;
  left: 16px;
}
header #subCatch {
  position: absolute;
  top: 612px;
  left: 36px;
}
header #buyBtn {
  position: absolute;
  top: 975px;
  left: 25px;
}
header #buyBtn a:hover {
  opacity: 0.7;
}
header #buyNewBtn {
  position: absolute;
  top: 1100px;
  left: 25px;
  /*right: 10px;*/
}
header #buyNewBtn a:hover {
  opacity: 0.7;
}
header #buyArtBtn {
  position: absolute;
  top: 920px;
  right: 10px;
  /*left: 25px;*/
}
header #buyArtBtn a:hover {
  opacity: 0.7;
}
header #topSaleData {
  position: absolute;
  top: 760px;
  left: 25px;
  /*right: 25px;*/
}
header #linkBtn a:hover {
  opacity: 0.7;
}

#container {
  background-color: #fff;
}

.top-link {
  margin: 0 auto;
  text-align: right;
  font-size: 11.52px;
  padding: 0 10px 15px 0;
}

.contents-box .contents {
  font-size: 14.4px;
  line-height: 1.4;
}
.contents-box#special {
  padding: 20px 0;
}
.contents-box#special h2 {
  margin-bottom: 10px;
}
.contents-box#special .sp-pv {
  margin: 20px 0;
}
.contents-box#contents-reserve {
  height: 770px;
  position: relative;
  background: #FFFDF3 url(../images/reserve_bg.png) no-repeat bottom 40px center;
}
.contents-box#contents-reserve .contents-header {
  padding-top: 20px;
  background-color: #fff;
}
.contents-box#contents-reserve .reserveimg01 {
  position: absolute;
  top: 205px;
  right: 85px;
  z-index: 2;
}
.contents-box#contents-reserve .reserveimg02 {
  position: absolute;
  top: 105px;
  left: 20px;
  z-index: 3;
}
.contents-box#contents-reserve .reserveimg03 {
  position: absolute;
  top: 280px;
  right: 85px;
  z-index: 2;
}
.contents-box#contents-reserve .reserveimg04 {
  position: absolute;
  top: 310px;
  right: 65px;
  z-index: 2;
}
.contents-box#contents-reserve .reserveimg05 {
  position: absolute;
  top: 550px;
  right: 150px;
  z-index: 2;
}
.contents-box#contents-reserve .reserveimg06 {
  position: absolute;
  top: 585px;
  right: 100px;
  z-index: 1000;
  z-index: 2;
}

.contents-box#contents-reserve02 {
  height: 530px;
  position: relative;
  background-color: #FFFDF3;
  margin-top: 0px;
  padding-top: 0px;
}
.contents-box#contents-reserve02 .reserveimg01 {
  position: absolute;
  top: 85px;
  left: 105px;
}
.contents-box#contents-reserve02 .reserveimg02 {
  position: absolute;
  top: 275px;
  left: 85px;
}
.contents-box#contents-reserve02 .reserveimg03 {
  position: absolute;
  top: 10px;
  right: 90px;
  /*left: 53px;*/
}
.contents-box#contents-summary {
  height: 940px;
  position: relative;
  background: url(../images/summary_bg.png) no-repeat center bottom 40px;
  background-color: #FFFDF3;
}
.contents-box#contents-summary .contents-header {
  margin-bottom: 50px;
}
.contents-box#contents-summary p {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W5";
  font-size: 20px;
  color: #4F4F4F;
  text-align: left;
  margin: 40px 0 0 445px;
  line-height: 1.7em;
  padding-right: 40px;
}
.contents-box#contents-summary .small {
  font-size: 16px;
}
/* 文字　ピンク 22px */
.contents-box#contents-summary .summary_text01 {
  font-size: 22px;
  color: #E85F9D;
  font-weight: bold;
}
/* 文字　みどり 22px */
.contents-box#contents-summary .summary_text02 {
  font-size: 22px;
  color: #83c25f;
  font-weight: bold;
}
/* 文字　あお 22px */
.contents-box#contents-summary .summary_text04 {
  font-size: 22px;
  color: #009fb9;
  font-weight: bold;
}
/* 文字　24px */
.contents-box#contents-summary .summary_text03 {
  font-size: 24px;
  color: #83c25f;
  font-weight: bold;
}

/* 特典エリア */
.contents-box#contents-tokuten .contents-header {
  margin-bottom: 50px;
}
.contents-box#contents-tokuten {
  background-color: #fffdf3;
}
.contents-box#contents-tokuten h2,
.contents-box#contents-tokuten .freetitle {
  margin-bottom: 60px;
}
.contents-box#contents-tokuten h2,
.contents-box#contents-tokuten h3 {
  margin-bottom: 70px;
}
.contents-box#contents-tokuten .freebenefits .freebenefits01 {
  margin-bottom: 10px;
}
.contents-box#contents-tokuten .freebenefits .freebenefits02 {
  margin-bottom: 90px;
}

/* 特典_SS */
.contents-box#contents-tokuten .benefits_ss {
  margin-bottom: 80px;
  /*padding-top: 65px;*/
}
.contents-box#contents-tokuten .benefits_ss .benefits_ss01 {
  margin-bottom: 50px;
}
.contents-box#contents-tokuten .benefits_ss .benefits_ss02 {
  margin-bottom: 40px;
  margin-top: 0px;	
  padding-top: 0px;
}

/* 特典_法人 */
.contents-box#contents-tokuten .benefits_corporation {
  /*margin-bottom: 100px;*/
  /*padding-top: 65px;*/
  position: relative;
  height: 530px;
}
.contents-box#contents-tokuten .benefits_corporation .benefits_corporation01 {
  margin-bottom: 50px;
}
.contents-box#contents-tokuten .benefits_corporation .benefits_corporation02 {
  position: absolute;
  top: 145px;
  left: 105px;
}
.contents-box#contents-tokuten .benefits_corporation .benefits_corporation03 {
  position: absolute;
  top: 335px;
  left: 85px;
}
.contents-box#contents-tokuten .benefits_corporation .benefits_corporation04 {
  position: absolute;
  top: 440px;
  left: 130px;
}
.contents-box#contents-tokuten .benefits_corporation .benefits_corporation05 {
  position: absolute;
  top: 110px;
  right: 95px;
}

/* アニメイト */
.contents-box#contents-tokuten .animate {
  margin-bottom: 100px;
  padding-top: 65px;
}
.contents-box#contents-tokuten .animate .animate01 {
  margin-bottom: 60px;
}

.contents-box#contents-tokuten .animate .animate02 {
  margin-bottom: 20px;
}
.contents-box#contents-tokuten .animate .animate03 {
  margin-bottom: 70px;
}

.contents-box#contents-tokuten .animate .animate_set01 {
  position: relative;
  height: 570px;
}

.contents-box#contents-tokuten .animate .animate_set01 .set01_contents01 {
  position: absolute;
  top: 0px;
  left: 80px;
}
.contents-box#contents-tokuten .animate .animate_set01 .set01_contents02 {
  position: absolute;
  top: 170px;
  right: 80px;
}
.contents-box#contents-tokuten .animate .animate_set01 .set01_contents03 {
  position: absolute;
  top: 245px;
  right: 90px;
}
.contents-box#contents-tokuten .animate .animate_set02 {
  position: relative;
  height: 800px;
}

.contents-box#contents-tokuten .animate .animate_set02 .set02_contents01 {
  position: absolute;
  top: -25px;
  right: 100px;
}
.contents-box#contents-tokuten .animate .animate_set02 .set02_contents02 {
  position: absolute;
  top: 190px;
  left: 105px;
}
.contents-box#contents-tokuten .animate .animate_set02 .set02_contents03 {
  position: absolute;
  top: 300px;
  left: 75px;
}
.contents-box#contents-tokuten .animate .animate_set02 .set02_contents04 {
  position: absolute;
  top: 530px;
  right: 120px;
}
.contents-box#contents-tokuten .animate .animate_set02 .set02_contents05 {
  position: absolute;
  top: 245px;
  right: 80px;
}
.contents-box#contents-tokuten .animate .animate_set03 {
  position: relative;
  height: 600px;
}

.contents-box#contents-tokuten .animate .animate_set03 .set03_contents01 {
  position: absolute;
  top: 270px;
  left: 85px;
  z-index: 1;
}
.contents-box#contents-tokuten .animate .animate_set03 .set03_contents02 {
  position: absolute;
  top: 35px;
  right: 95px;
}

/* ゲーマーズ */
.contents-box#contents-tokuten .gamers {
  padding-bottom: 90px;
}

.contents-box#contents-tokuten .gamers .gamers01 {
  margin-bottom: 60px;
}
.contents-box#contents-tokuten .gamers .gamers02 {
  margin-bottom: 20px;
}
.contents-box#contents-tokuten .gamers .gamers_set01 {
  position: relative;
  height: 680px;
}

.contents-box#contents-tokuten .gamers .gamers_set01 .set01_contents01 {
  position: absolute;
  top: 0px;
  left: 110px;
}
.contents-box#contents-tokuten .gamers .gamers_set01 .set01_contents02 {
  position: absolute;
  top: 255px;
  right: 100px;
}
.contents-box#contents-tokuten .gamers .gamers_set01 .set01_contents03 {
  position: absolute;
  top: 325px;
  right: 80px;
}
.contents-box#contents-tokuten .gamers .gamers_set02 {
  position: relative;
  height: 450px;
}

.contents-box#contents-tokuten .gamers .gamers_set02 .set02_contents01 {
  position: absolute;
  top: 50px;
  right: 80px;
}
.contents-box#contents-tokuten .gamers .gamers_set02 .set02_contents02 {
  position: absolute;
  top: 170px;
  left: 80px;
}
.contents-box#contents-tokuten .gamers .gamers_set02 .set02_contents03 {
  position: absolute;
  top: 240px;
  left: 50px;
}


/* とらのあな */
.contents-box#contents-tokuten .tora {
  padding-bottom: 30px;
}
.contents-box#contents-tokuten .tora .tora01 {
  margin-bottom: 60px;
}
.contents-box#contents-tokuten .tora .tora02 {
  margin-bottom: 20px;
}
.contents-box#contents-tokuten .tora .tora_set01 {
  position: relative;
  height: 455px;
}
.contents-box#contents-tokuten .tora .tora_set01 .set01_contents01 {
  position: absolute;
  top: 15px;
  left: 90px;
}
.contents-box#contents-tokuten .tora .tora_set01 .set01_contents02 {
  position: absolute;
  top: 120px;
  right: 80px;
}
.contents-box#contents-tokuten .tora .tora_set01 .set01_contents03 {
  position: absolute;
  top: 190px;
  right: 50px;
}
.contents-box#contents-tokuten .tora .tora_set02 {
  position: relative;
  height: 450px;
}

.contents-box#contents-tokuten .tora .tora_set02 .set02_contents01 {
  position: absolute;
  top: 20px;
  right: 80px;
}
.contents-box#contents-tokuten .tora .tora_set02 .set02_contents02 {
  position: absolute;
  top: 170px;
  left: 70px;
}


/* メロンブックス */
.contents-box#contents-tokuten .melon {
  margin-bottom: 0px;
}

.contents-box#contents-tokuten .melon .melon01 {
  margin-bottom: 60px;
}
.contents-box#contents-tokuten .melon .melon02 {
  margin-bottom: 20px;
}
.contents-box#contents-tokuten .melon .melon_set01 {
  position: relative;
  height: 480px;
}
.contents-box#contents-tokuten .melon .melon_set01 .set01_contents01 {
  position: absolute;
  top: 25px;
  left: 80px;
}
.contents-box#contents-tokuten .melon .melon_set01 .set01_contents02 {
  position: absolute;
  top: 135px;
  right: 70px;
}
.contents-box#contents-tokuten .melon .melon_set01 .set01_contents03 {
  position: absolute;
  top: 190px;
  right: 35px;
}
.contents-box#contents-tokuten .melon .melon_set02 {
  position: relative;
  height: 345px;
}

.contents-box#contents-tokuten .melon .melon_set02 .set02_contents01 {
  position: absolute;
  bottom: 0px;
  left: 430px;
}
.contents-box#contents-tokuten .melon .melon_set02 .set02_contents02 {
  position: absolute;
  bottom: 290px;
  left: 145px;
}
.contents-box#contents-tokuten .melon .melon_set02 .set02_contents03 {
  position: absolute;
  bottom: 180px;
  left: 145px;
}

.contents-box#contents-tokuten .melon .melon_set03 {
  position: relative;
  height: 605px;
}

.contents-box#contents-tokuten .melon .melon_set03 .set03_contents01 {
  margin-top: 60px;
  /*position: absolute;
  top: -10px;
  right: 0px;*/

}
.contents-box#contents-tokuten .melon .melon_set03 .set03_contents02 {
  margin-top: 50px;
  /*position: absolute;
  top: 195px;
  left: 130px;*/
}
.contents-box#contents-tokuten .melon .melon_set04 {
  position: relative;
  height: 480px;
}
.contents-box#contents-tokuten .melon .melon_set04 .set04_contents01 {
  position: absolute;
  top: 30px;
  left: 90px;
}
.contents-box#contents-tokuten .melon .melon_set04 .set04_contents02 {
  position: absolute;
  top: 160px;
  right: 95px;
}

/* COMIC ZIN */
.contents-box#contents-tokuten .comiczin {
  margin-bottom: 0px;
}

.contents-box#contents-tokuten .comiczin .comiczin01 {
  margin-bottom: 60px;
}
.contents-box#contents-tokuten .comiczin .comiczin_set01 {
  position: relative;
  height: 540px;
}
.contents-box#contents-tokuten .comiczin .comiczin_set01 .set01_contents01 {
  position: absolute;
  top: 25px;
  right: 175px;
}
.contents-box#contents-tokuten .comiczin .comiczin_set01 .set01_contents02 {
  position: absolute;
  top: 190px;
  left: 160px;
}



/* STORYエリア */
.contents-box#contents-story {
  margin-bottom: 45px;
}
.contents-box#contents-story .contents-story-bg {
  background: url(../images/story_bg.jpg) no-repeat top left;
  height: 1057px;
}
.contents-box#contents-story .contents p {
  text-align: center;
}
.contents-box#contents-story .story-wordballoons {
  text-align: left !important;
}

.contents-box#contents-tokuten .comingsoon {
  font-family: "Kozuka Gothic Pro Regular", "小塚ゴシック Pro R", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "游ゴシック", YuGothic, sans-serif;
  font-size: 40px;
  color: #E85F9D;
  font-weight: bold;
  padding: 30px 0 100px;
}

.story-text,
.story-catch {
  text-align: left !important;
}

.contents-box#contents-story .story-wordballoons {
  padding-top: 50px !important;
}
.contents-box#contents-story .story-catch {
  margin-top: 35px;
}
.contents-box#tw {
  background: #FFFDF3 url(../images/tw-bg.jpg) no-repeat top center;
  height: 630px;
  margin: 0 auto 0;
  padding: 40px 0 0 0;
  width: 960px;
}
.contents-box#tw h2 {
  margin-bottom: 30px;
}
.contents-box#tw p {
  /* background: #fff; */
  border: 1px solid #ccc;
  height: 440px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  width: 780px;
}
.contents-box#contents-comicalize {
  background-color: #FFFDF3;
  padding-top: 15px;
  padding-bottom: 25px;	
  position: relative;
  height: 660px;
}
.contents-box#contents-comicalize .contents-header {
  margin-bottom: 50px;
}

.contents-box#contents-comicalize .btn {
  position: absolute;
  top: 420px;
  left: 490px;
}

.contents-box#contents-animation {
  background-color: #FFFDF3;
  padding-top: 15px;
  padding-bottom: 20px;	
  position: relative;
  height: 616px;
}
.contents-box#contents-animation .anime-info {
  height: 616px;
  background: url("../images/anime_bg.png") no-repeat left center;
}

.contents-box#contents-animation .animation_btn {
  position: absolute;
  top: 70px;
  right: 445px;
}
.contents-box#contents-animation .animation_authors {
  position: absolute;
  top: 550px;
  right: 485px;
}

.contents-box#special_movie {
  background-color: #fffdf3;
  padding-bottom: 120px;
}
.contents-box#special_movie h2 {
  margin-bottom: 75px;
}
.contents-box#special_movie h3 {
  margin-bottom: 40px;
}
.contents-box#special_movie .pv01-02 {
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}
.contents-box#special_movie .pv01-02 .pv01 {
  margin-right: 25px;
}
.contents-box#special_movie .voice {
  position: relative;
}
.contents-box#special_movie .pv01-02 .pv01,
.contents-box#special_movie .pv01-02 .pv02 {
  position: relative;
}
.contents-box#special_movie .cm01,
.contents-box#special_movie .cm02 {
  position: relative;
}
.contents-box#special_movie .pv01-02 .pv01cap,
.contents-box#special_movie .pv01-02 .pv02cap {
  position: absolute;
  bottom: -38px;
  right: 0;
}
.contents-box#special_movie .voice,
.contents-box#special_movie .cm01 {
  margin-bottom: 80px;
}
.contents-box#special_movie .voice .voicecap,
.contents-box#special_movie .cm01 .cm01cap,
.contents-box#special_movie .cm02 .cm02cap {
  position: absolute;
  bottom: -38px;
  right: 48px;
}
.contents-box#contents-voice {
  background-color: #fffdf3;
  padding-bottom: 70px;
}
.contents-box#contents-voice .contents-header {
  margin-bottom: 80px;
}
.contents-box#contents-voice h3,
.contents-box#contents-voice .voice_cv {
  margin-bottom: 40px;
}
.contents-box#contents-voice .contents .toggleWrap {
  margin-bottom: 40px;
}
.contents-box#contents-voice .contents .toggleWrap:nth-of-type(4) {
  margin-bottom: 0px;
}
.contents-box#contents-voice .contents .toggleWrap .toggleTitle {
  cursor: pointer;
}
.contents-box#contents-voice .contents .toggleWrap .toggleContens {
  width: 920px;
  height: 420px;
  margin: 0 auto;
  background: url(../images/bgvoice.png) no-repeat;
  margin-top: 40px;
  display: none;
}
.contents-box#contents-voice .contents .toggleWrap .toggleContens#voice01, .contents-box#contents-voice .contents .toggleWrap .toggleContens#voice02, .contents-box#contents-voice .contents .toggleWrap .toggleContens#voice03, .contents-box#contents-voice .contents .toggleWrap .toggleContens#voice04 {
  position: relative;
}
.contents-box#contents-voice .contents .toggleWrap .toggleContens .voiceitem-l {
  box-sizing: border-box;
  position: absolute;
  bottom: 35px;
  left: 25px;
}
.contents-box#contents-voice .contents .toggleWrap .toggleContens .voiceitem-r {
  box-sizing: border-box;
  position: absolute;
  bottom: 35px;
  right: 25px;
}
.contents-box#contents-voice .contents .toggleWrap .toggleContens video {
  width: 420px;
}
.contents-box#creator-comment {
  background-color: #fffdf3;
  padding-bottom: 70px;
}
.contents-box#creator-comment .contents-header {
  margin-bottom: 40px;
}
.contents-box#creator-comment h3 {
  margin-bottom: 30px;
}
.contents-box#creator-comment .contents .toggleWrap {
  margin-bottom: 70px;
}
.contents-box#creator-comment .contents .toggleWrap:nth-of-type(2) {
  margin-bottom: 0px;
}
.contents-box#creator-comment .contents .toggleWrap .toggleTitle {
  cursor: pointer;
}
.contents-box#creator-comment .contents .toggleWrap .toggleContens {
  width: 860px;
  padding: 30px;
  margin: 0 auto;
  display: none;
  background-color: #ffffff;
}
.contents-box#creator-comment .contents .toggleWrap .toggleContens#creator-comment1, .contents-box#creator-comment .contents .toggleWrap .toggleContens#creator-comment2 {
  position: relative;
}
.contents-box#creator-comment .contents .toggleWrap .comment-img {
  text-align: left;
}
.contents-box#creator-comment .contents .toggleWrap .toggleContens .itemCol01 {
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1.73;
  background: #fff;
  /* fallback */
  width: 55%;
  background: -webkit-linear-gradient(-135deg, transparent 20px, #fff 0);
  background: -o-linear-gradient(-135deg, transparent 20px, #fff 0);
  background: linear-gradient(-135deg, transparent 20px, #fff 0);
  text-align: left;
  position: absolute;
  bottom: 85px;
  right: 145px;
}
.contents-box#creator-comment .contents .toggleWrap .toggleContens .itemCol02 {
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1.73;
  background: #fff;
  /* fallback */
  width: 55%;
  background: -webkit-linear-gradient(-135deg, transparent 20px, #fff 0);
  background: -o-linear-gradient(-135deg, transparent 20px, #fff 0);
  background: linear-gradient(-135deg, transparent 20px, #fff 0);
  text-align: left;
  position: absolute;
  bottom: 45px;
  right: 150px;
}
.contents-box#contents-special {
  position: relative;
  height: 660px;
}
.contents-box#contents-special .contents #specialCatch {
  position: absolute;
  top: 119px;
  right: 0;
  z-index: 20;
}
.contents-box#contents-special .contents #btnTrialComic {
  position: absolute;
  top: 111px;
  left: 37px;
}
.contents-box#contents-special .contents .comics-authors {
  position: absolute;
  bottom: 70px;
  left: 80px;
}
.contents-box#contents-character {
  margin-bottom: 50px;
}
.contents-box#contents-character h2 {
  margin-bottom: 70px;
}
.contents-box#contents-character .contents {
  position: relative;
}
.contents-box#contents-character .contents ul {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.contents-box#contents-character .contents ul li {
  width: 264px;
}
.contents-box#contents-character .contents ul li p {
  padding: 0 10px 0;
  text-align: left;
}
.contents-box#contents-series {
  padding: 0;
  background-color: #ffffff;
}
.contents-box#contents-series .contents-header {
  margin-bottom: 40px;
}
.contents-box#contents-series .contents {
  padding: 0 20px;
}
.contents-box#contents-series .contents .product {
  list-style-type: none;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.contents-box#contents-series .contents .product > * {
  display: inline;
  width: 130px;
  margin-left: 20px;
  font-size: 14px;
  line-height: 1.3;
  padding-bottom: 20px;
}
.contents-box#contents-series .contents .product > * img {
  width: 100%;
  margin-bottom: 5px;
  border: #000000 1px solid;
  box-sizing: border-box;
}
.contents-box#contents-series .contents .product > * h3 {
  text-align: left;
}

.contents-box#contents-ArtBook {
  background-color: #fff;
  margin: 0;
  padding: 0;
}
.contents-box#contents-ArtBook .contents .ArtBookset01 {
  background: url(../images/Artbook_bg.png) no-repeat center bottom 13px;
  /*background-color: #66d7f2;*/
  display: flex;
  justify-content: center;
  margin: -3px 0 0 0;
  padding: 3px;
  height: 660px;
}
.contents-box#contents-ArtBook .contents .ArtBookset01 .ArtBooksetl,
.contents-box#contents-ArtBook .contents .ArtBookset01 .ArtBooksetr {
  width: 50%;
  position: relative;
}
.contents-box#contents-ArtBook .contents .ArtBookset01 .ArtBooksetl {
  margin: 35px 0 0 18px;
}

.contents-box#contents-ArtBook .contents .ArtBookset01 .ArtBooksetl p {
  text-align: center;
}
.contents-box#contents-ArtBook .contents .ArtBookset01 .ArtBooksetl p.ArtbookBtn {
  position: absolute;
	top: 490px;
	left: 40px;
}
.contents-box#contents-ArtBook .contents .ArtBookset01 .ArtBooksetr {
  margin: 18px 0 0 0;
}
.contents-box#contents-ArtBook .contents .ArtBookset02 {
  background-color: #fff;
  display: flex;
  justify-content: center;
  margin: 20px 0 20px 0;
  padding: 0;
}
.contents-box#contents-ArtBook .contents .ArtBookset02 .ArtBooksetl,
.contents-box#contents-ArtBook .contents .ArtBookset02 .ArtBooksetr {
  width: 50%;
  position: relative;
}
.contents-box#contents-ArtBook .contents .ArtBookset02 .ArtBooksetl {
  margin-right: 10px;
  margin-top: 0px;
}
.contents-box#contents-ArtBook .contents .ArtBookset02 .ArtBooksetl h3 {
  position: absolute;
  top: 0px;
  left: 0px;
}
.contents-box#contents-ArtBook .contents .ArtBookset02 .ArtBooksetl p {
  position: absolute;
	top: 115px;
	left: 25px;
}
.contents-box#contents-ArtBook .contents .ArtBookset02 .ArtBooksetr {
  margin-right: 10px;
  margin-top: 0px;
  padding-top: 10px;	
}

/*# sourceMappingURL=extention.css.map */