@charset "UTF-8";
/*  File Path
-----------------------------------------------*/
/*  Color
-----------------------------------------------*/
/*  Size
-----------------------------------------------*/
/*  Bourbon Settings
-----------------------------------------------*/
/*=== Spritesmith for Retina
==============================================================================================*/
.l-main { background: #fff }

/*********************************************************
リニューアル告知
**********************************************************/
.page-renewal { padding: 0; }

.page-renewal h1 { position: relative; height: 396px; overflow: hidden; }

.page-renewal h1 img { position: absolute; left: 50%; min-width: 680px; margin-left: -340px; }

.page-renewal .other_service { position: relative; height: 405px; overflow: hidden; }

.page-renewal .other_service img { position: absolute; left: 50%; min-width: 680px; margin-left: -340px; }

.page-renewal .end_service { background-image: url("/assets/_old_estar/images/lp/renewal/service_end_bg.png"); background-size: 680px; background-repeat: no-repeat; background-color: #f0f0f0; background-position: center top; text-align: center; padding: 28px 0; }

.page-renewal .end_service p { line-height: 1.5em; margin-top: 1em; }

.page-renewal .end_service a { line-height: 2em; color: #00a0e9; text-decoration: underline; }

/*********************************************************
おめでとうページ
**********************************************************/
.page-congratulation { background: #fef9df; position: relative; margin: 6px; padding: 30px 0 10px; line-height: 1.4; text-align: center; }

.page-congratulation h1.ssheading__label { margin: 15px 0; }

.page-congratulation p { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

.c-box { padding: 30px 30px 0; text-align: center; }

.c-box li { margin: 12px 0; }

.c-box p { margin: 12px 0; line-height: 1.8em; }

/*********************************************************
恋愛本気宣言
**********************************************************/
.page-love_declaration { padding: 0; }

.page-love_declaration .content { overflow: hidden; position: relative; padding: 0 3.125% 41px; background: #fffafb url("/assets/_old_estar/images/lp/love_declaration/main_bg.png") center top repeat-y; background-size: contain; }

.page-love_declaration .content:before { content: ""; display: block; position: absolute; top: 13px; left: 2px; width: 100%; height: 48px; background: url("/assets/_old_estar/images/lp/love_declaration/intro_bg_line.png") no-repeat; background-size: 100%; }

.page-love_declaration .content:after { content: ""; display: block; position: absolute; bottom: 85px; left: -1px; width: 100%; height: 54px; background: url("/assets/_old_estar/images/lp/love_declaration/outro_bg_line.png") no-repeat; background-size: 100%; }

.page-love_declaration .content .intro { text-align: center; }

.page-love_declaration .content .intro h2 { position: relative; padding-top: 13px; z-index: 2; }

.page-love_declaration .content .intro .text { position: relative; padding-top: 10px; }

.page-love_declaration .content .intro .text .link-blog { position: absolute; bottom: 0; right: 129px; display: block; }

.page-love_declaration .content .news .catch { margin-bottom: 12px; padding: 20px 0 3px; text-align: center; }

.page-love_declaration .content .news .item { width: 300px; margin: 27px auto 0; padding-bottom: 20px; background: #fdfcf9 url("/assets/_old_estar/images/lp/love_declaration/item_bg.png") center center repeat; background-size: 30px 30px; box-sizing: border-box; box-shadow: 0px 0px 8px 0px #e7d9dc; }

.page-love_declaration .content .news .item header { position: relative; }

.page-love_declaration .content .news .item header h2 { position: absolute; top: -20px; left: -10px; }

.page-love_declaration .content .news .item .intro { padding: 24px 8px 8px; background: none; text-align: center; }

.page-love_declaration .content .news .item .intro .label { display: block; border-radius: 0; padding: 0 0 15px; background: transparent url("/assets/_old_estar/images/lp/love_declaration/label_bg.png") center bottom no-repeat; background-size: 282px 6px; }

.page-love_declaration .content .news .item .intro .logo { padding-top: 20px; text-align: center; }

.page-love_declaration .content .news .item .intro .catch { margin: 0; padding: 12px 0 0; }

.page-love_declaration .content .news .item .list { padding: 0 8px; }

.page-love_declaration .content .news .item .list .work { position: relative; display: table; margin: 0 auto; border-bottom: 1px solid #e2e0d2; padding: 7px 0; vertical-align: middle; }

.page-love_declaration .content .news .item .list .work:last-child { border-bottom: none; }

.page-love_declaration .content .news .item .list .work:after { content: ""; position: absolute; top: 10px; right: -10px; display: block; width: 52px; height: 48px; background: url("/assets/_old_estar/images/lp/love_declaration/work_ic_new_right.png") center center no-repeat; background-size: 52px 48px; }

.page-love_declaration .content .news .item .list .work.only-text:after { content: ""; position: absolute; top: 10px; left: 1px; display: block; width: 52px; height: 47px; background: url("/assets/_old_estar/images/lp/love_declaration/work_ic_new_left.png") center center no-repeat; background-size: 52px 47px; }

.page-love_declaration .content .news .item .list .work .image { display: table-cell; }

.page-love_declaration .content .news .item .list .work .text { position: relative; display: table-cell; z-index: 2; }

.page-love_declaration .content .news .item .event { margin: 0 20px 0; padding: 0 8px 8px; text-align: center; }

.page-love_declaration .content .news .item .event.frame { margin: 8px 20px 0; background-color: rgba(247, 238, 195, 0.4); }

.page-love_declaration .content .news .item .event.only-text { margin: 10px 20px 0; padding: 10px 0; }

.page-love_declaration .content .news .item .event h3 { padding-top: 10px; }

.page-love_declaration .content .news .item .event .image { padding-top: 8px; }

.page-love_declaration .content .news .item .event .image.coming-soon { padding-bottom: 5px; }

.page-love_declaration .content .news .item .event .button { display: block; border: 0; border-radius: 0; margin: 6px 0 0; padding: 0; background: none; }

.page-love_declaration .content .outro { position: relative; padding: 10px 0 26px; text-align: center; z-index: 2; }

/*********************************************************
作家向けLP用
**********************************************************/
.page-lp-for-writer { font-size: 12px; }

.page-lp-for-writer a img:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.page-lp-for-writer .title h1 { position: relative; margin: 0 auto; background: #fff; }

.page-lp-for-writer .title h1:before { content: ""; display: block; padding-top: 53.33%; background-image: url("/assets/_old_estar/images/lp/for_writer/logo_floating.gif"); background-position: center center; background-repeat: no-repeat; background-size: 50%; }

.page-lp-for-writer .title h1 img { position: absolute; top: 50%; left: 50%; width: 71.6%; max-width: 430px; transform: translate(-50%, -50%); }

.page-lp-for-writer .introduction .list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.page-lp-for-writer .introduction .list .item { width: 50%; padding: 25px 2.67%; background-color: #daf0fb; background-image: url("/assets/_old_estar/images/lp/for_writer/intro_bg_write.png"); background-position: center bottom; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; }

.page-lp-for-writer .introduction .list .item--deep-blue { color: #fff; background-color: #49b2ed; background-image: url("/assets/_old_estar/images/lp/for_writer/intro_bg_read.png"); background-position: center bottom; background-repeat: no-repeat; background-size: cover; }

.page-lp-for-writer .introduction .list .item .title { padding-bottom: 14px; text-align: center; }

.page-lp-for-writer .introduction .list .item .text { line-height: 1.58; letter-spacing: 0.005em; }

.page-lp-for-writer .attractive .title { text-align: center; padding: 20px 10px 38px; background-color: #00a0e9; background-image: url("/assets/_old_estar/images/lp/for_writer/attractive_ttl_bg_star.png"); background-position: center 46px; background-repeat: no-repeat; background-size: 42px 10px; }

.page-lp-for-writer .attractive .item { min-height: 195px; padding: 16px 10px; border-top: 1px solid #fff; text-align: center; }

.page-lp-for-writer .attractive .item:first-child { border-top: 0; }

.page-lp-for-writer .attractive .item--read { background-image: url("/assets/_old_estar/images/lp/for_writer/attractive_01_bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.page-lp-for-writer .attractive .item--contest { background-image: url("/assets/_old_estar/images/lp/for_writer/attractive_02_bg_a.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.page-lp-for-writer .attractive .item--comment { background-image: url("/assets/_old_estar/images/lp/for_writer/attractive_02_bg_b.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.page-lp-for-writer .attractive .item--debut { background-image: url("/assets/_old_estar/images/lp/for_writer/attractive_03_bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.page-lp-for-writer .attractive .item .title { max-width: 243px; margin: 0 auto; background: none; }

.page-lp-for-writer .regist { padding: 30px 10px; background-color: #fff7e4; text-align: center; }

.page-lp-for-writer .regist .catch { text-align: center; }

.page-lp-for-writer .regist .button { padding-top: 12px; text-align: center; }

.page-lp-for-writer .regist .attention { padding-top: 12px; font-size: 0.91em; letter-spacing: 0.005em; }

.page-lp-for-writer .qa .title { padding: 20px 10px 15px; background-color: #00a0e9; text-align: center; }

.page-lp-for-writer .qa .list { padding: 10px; }

.page-lp-for-writer .qa .list .item { margin-top: 5px; border-radius: 4px; background-color: #d8f0fd; }

.page-lp-for-writer .qa .list .item:first-child { margin-top: 0; }

.page-lp-for-writer .qa .list .item .question { padding: 15px 10px 15px 32px; background-image: url("/assets/_old_estar/images/lp/for_writer/qa_question.png"); background-position: 10px center; background-repeat: no-repeat; background-size: 13px 15px; font-size: 1.16em; font-weight: bold; }

.page-lp-for-writer .qa .list .item .answer { padding: 12px 10px 12px 32px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #c5e8fb; background-image: url("/assets/_old_estar/images/lp/for_writer/qa_answer.png"); background-position: 10px 14px; background-repeat: no-repeat; background-size: 13px 15px; line-height: 1.4; letter-spacing: 0.005em; }

.page-lp-for-writer .event .title { padding: 15px 10px; background-color: #d8d8d8; text-align: center; }

.page-lp-for-writer .event .text-link { padding: 10px 10px 15px; text-align: right; letter-spacing: 0.005em; }

.page-lp-for-writer .event .slider__nav { position: absolute; top: 50%; z-index: 2; margin: -20px 0 0; padding: 10px; cursor: pointer; transition-property: margin; }

.page-lp-for-writer .event .slider__nav--prev { left: 0; }

.page-lp-for-writer .event .slider__nav--next { right: 0; }

.page-lp-for-writer .event .slider__nav .ico-slider-prev, .page-lp-for-writer .event .slider__nav .ico-slider-next { height: 26px; width: 26px; }

.page-lp-for-writer .m-share { padding-top: 20px; }

/*********************************************************
文フリ各イベント一覧LP用 /lp/bunfrestar/
**********************************************************/
.page-bunfrestar .gallery ul { margin: -4px; }

.page-bunfrestar .gallery ul:after { clear: both; content: ""; display: table; }

.page-bunfrestar .gallery li { list-style: none; width: 50%; float: left; padding: 4px; }

.page-bunfrestar .heading-about { background: #10479b; color: #fff; padding: 5px; font-size: 14px; font-weight: bold; text-align: center; line-height: 1.8; }

.page-bunfrestar .content-box { background: #e3edf0; padding: 10px; line-height: 1.8; }

.page-bunfrestar .btn-archive { display: block; color: #10479b; border: solid 2px #10479b; border-radius: 4px; text-align: center; font-size: 13px; font-weight: bold; padding: 16px 0; width: 100%; text-decoration: none; }

/*********************************************************
5分シリーズLP用 /promotion/five_minutes/
**********************************************************/
.page-five_minutes { text-align: center; }

.page-five_minutes .sec-title img { padding-top: 8px; }

.page-five_minutes .sec-title .background { background-color: #00a0e9; padding-bottom: 8px; }

.page-five_minutes .sec-title .bg-main { background: url(/assets/_old_estar/images/promotion/five_minutes/bg-main-1.png); border-top: #00a0e9 solid 2px; border-bottom: #00a0e9 solid 2px; padding-bottom: 24px; background-size: cover; background-position: center;}

.page-five_minutes .sec-title .img-main { margin: auto; width: 382px; }

.page-five_minutes .sec-cta { margin-top: 32px; }

.page-five_minutes .sec-cta .btn-cta { margin-top: 8px; padding: 0 8px; }

.page-five_minutes .sec-lineup .bnr-vol { background: url("/assets/_old_estar/images/promotion/five_minutes/vol31_bg.png") no-repeat center center; background-size: 680px 42px; padding-bottom: 8px; margin-bottom: -16px; }

.page-five_minutes .sec-lineup .bnr-title { margin-top: 64px; margin-bottom: 16px; }

.page-five_minutes .sec-lineup .books { padding: 0 8px; }

.page-five_minutes .sec-lineup .books img { width: 139px; }

.page-five_minutes .sec-lineup .books ul:after { clear: both; content: ""; display: table; }

.page-five_minutes .sec-lineup .books li { list-style: none; width: 50%; float: left; margin-bottom: 32px; }

.page-five_minutes .sec-lineup .books li:nth-child(odd) { padding-right: 12px; text-align: right; clear: both; }

.page-five_minutes .sec-lineup .books li:nth-child(even) { padding-left: 12px; text-align: left; }

.page-five_minutes .sec-timeline { padding: 0 8px; }

.page-five_minutes .sec-timeline .bnr-title { margin-top: 32px; margin-bottom: 16px; }

.page-five_minutes .sec-links { padding-bottom: 50px; }

.page-five_minutes .sec-links .btn-sns { margin-top: 40px; padding: 0 8px; }

.page-five_minutes .sec-links .publisher-link { margin-top: 40px; font-size: 14px; }

.page-five_minutes .sec-links .publisher-link a { color: #00a0e9; background: url(/assets/_old_estar/images/promotion/five_minutes/ico_link.svg) no-repeat right center; background-size: 22px; padding-right: 24px; }

/*********************************************************
BL合戦2017 LP用 /lp/bl_kassen2017/
**********************************************************/
.page-bl_kassen2017 { text-align: center; }

.page-bl_kassen2017 .cta { position: relative; margin: 24px 0 0; }

.page-bl_kassen2017 .sec-publisher { padding-top: 24px; min-height: 256px; position: relative; }

.page-bl_kassen2017 .sec-publisher .list-bg { background: url(/assets/_old_estar/images/lp/bl_kassen2017/publisher_bg.png) center top no-repeat; background-size: 307px 227px; height: 227px; }

.page-bl_kassen2017 .sec-publisher .list-bg img { margin-top: 22px; }

.page-bl_kassen2017 .sec-publisher .list-bg_summer { background: url(/assets/_old_estar/images/lp/bl_kassen2017/publisher_bg_sum.png) center top no-repeat; background-size: 312px 256px; height: 256px; margin-top: -24px; }

.page-bl_kassen2017 .sec-publisher .list-bg_summer img { margin-top: 50px; margin-left: 8px; }

.page-bl_kassen2017 .sec-publisher .list-bg_autumn { background: url(/assets/_old_estar/images/lp/bl_kassen2017/publisher_bg_aut.png) center top no-repeat; background-size: 312px 256px; height: 256px; margin-top: -24px; }

.page-bl_kassen2017 .sec-publisher .list-bg_autumn img { margin-top: 52px; margin-left: 8px; }

.page-bl_kassen2017 .sec-summary { margin: -10px auto 30px; z-index: -1; background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary_bg.png) center 104px no-repeat; background-size: 680px 4635px; }

.page-bl_kassen2017 .sec-summary .intro { background: url(/assets/_old_estar/images/lp/bl_kassen2017/title_intro_bg.png) center top no-repeat; background-size: 630px 118px; height: 118px; padding-top: 48px; }

.page-bl_kassen2017 .sec-summary .summary01 { background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary01_bg.png) center top no-repeat; background-size: 670px auto; height: 440px; }

.page-bl_kassen2017 .sec-summary .summary01 p:nth-child(1) { padding-top: 182px; }

.page-bl_kassen2017 .sec-summary .summary02 { background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary02_bg.png) center top no-repeat; background-size: 670px auto; height: 436px; margin-top: 20px; }

.page-bl_kassen2017 .sec-summary .summary02 p:nth-child(1) { padding-top: 182px; }

.page-bl_kassen2017 .sec-summary .summary03 { background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary03_bg.png) center top no-repeat; background-size: 670px auto; height: 410px; margin-top: 16px; }

.page-bl_kassen2017 .sec-summary .summary03 p:nth-child(1) { padding-top: 168px; }

.page-bl_kassen2017 .sec-summary .summary04 { background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary04_bg.png) center top no-repeat; background-size: 670px auto; height: 446px; margin-top: 20px; }

.page-bl_kassen2017 .sec-summary .summary04 p:nth-child(1) { padding-top: 188px; }

.page-bl_kassen2017 .sec-summary .summary05 { background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary05_bg.png) center top no-repeat; background-size: 670px auto; height: 424px; }

.page-bl_kassen2017 .sec-summary .summary05 p:nth-child(1) { padding-top: 186px; }

.page-bl_kassen2017 .sec-summary .summary06 { background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary06_bg.png) center top no-repeat; background-size: 670px auto; height: 410px; }

.page-bl_kassen2017 .sec-summary .summary06 p:nth-child(1) { padding-top: 174px; }

.page-bl_kassen2017 .sec-summary .summary07 { background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary07_bg.png) center top no-repeat; background-size: 670px auto; height: 430px; margin-top: 8px; }

.page-bl_kassen2017 .sec-summary .summary07 p:nth-child(1) { padding-top: 180px; }

.page-bl_kassen2017 .sec-summary .summary08 { background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary08_bg.png) center top no-repeat; background-size: 670px auto; height: 440px; }

.page-bl_kassen2017 .sec-summary .summary08 p:nth-child(1) { padding-top: 220px; }

.page-bl_kassen2017 .sec-summary .summary09 { background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary09_bg.png) center top no-repeat; background-size: 670px auto; height: 450px; margin-top: 20px; }

.page-bl_kassen2017 .sec-summary .summary09 p:nth-child(1) { padding-top: 196px; }

.page-bl_kassen2017 .sec-summary .summary10 { background: url(/assets/_old_estar/images/lp/bl_kassen2017/summary10_bg.png) center top no-repeat; background-size: 670px auto; height: 480px; margin-top: -20px; }

.page-bl_kassen2017 .sec-summary .summary10 p:nth-child(1) { padding-top: 246px; }

.page-bl_kassen2017 .sec-links { padding-bottom: 50px; }

.page-bl_kassen2017 .sec-links .btn-sns { margin-top: 40px; padding: 0 8px; }

/*********************************************************
作品公開した後は… LP用 /lp/guide/work_release/
**********************************************************/
.work_release p { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media screen and (min-width: 650px) { .work_release p .br-pc { display: block; }
  .work_release p .br-sp { display: none; } }

@media screen and (max-width: 650px) { .work_release p .br-pc { display: none; }
  .work_release p .br-sp { display: block; } }

@media screen and (min-width: 650px) { .work_release p .br-pc { display: block; }
  .work_release p .br-sp { display: none; } }

@media screen and (max-width: 650px) { .work_release p .br-pc { display: none; }
  .work_release p .br-sp { display: block; } }

.work_release .nowrap { white-space: nowrap; }

.work_release .txt_red { color: #c62035; }

.work_release .txt_lightgreen { color: #80c145; }

.work_release .txt_yellow { color: #db9b30; }