body {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 150%;
    color: #000;
    font-weight: 500;
    position: relative;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    transition-duration: 1s;
    opacity: 1;
    color: #000;
}

a:hover {
    opacity: 0.7;
    /*display: block;*/
}

.img_hov img {
    transition: 0.5s;
    news_slider
}

.img_hov img:hover {
    /*transform: scale(1.08);*/
}

.img_hov a:hover {
    opacity: 1;
}

.border_none {
    border: none !important;
}

.text_orange {
    color: #ff5400;
}

.update_work_box {
    min-height: 500px;
}

.category_list li {
    word-break: break-all;
}

.moreEpi {
    display: none;
}

.row .error {
    position: absolute;
}

.search_area input {
    min-height: 21px;
}

_:-ms-fullscreen, :root .hatena-bookmark-button {
    vertical-align: top !important;
    display: inline-block !important;
    /* margin-top: 2px; */
}

_:-ms-fullscreen, :root #contact .phase_box {
    justify-content: flex-start;
}

_:-ms-fullscreen, :root #contact li:nth-child(1) {
    padding: 0;
    padding-right: 20px;
}

_:-ms-fullscreen, :root #contact li:nth-child(2) {
    margin-left: 20%;
}

_:-ms-fullscreen, :root #contact li:nth-child(3) {
    margin-left: auto;
    padding: 0;
    padding-left: 20px;
}

@supports (-ms-ime-align:auto) {
    .hatena-bookmark-button {
        vertical-align: top !important;
    }
}

/*----------------------------------
		メディアクエリ
		@media
----------------------------------*/

@media (max-width: 500px) {
    .banner_slider .slick-list {
        /*padding: 0 90px!important;*/
    }
}

@media (max-width: 1200px) {

    .update_work .update_work_info {
        margin: 0 0 0;
    }
}

@media (min-width: 1201px) {
    .update_work .update_work_info {
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .work_episode h3 {
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .work_story h3 {
        letter-spacing: 1px;
    }

    .work_info h3 {
        letter-spacing: 0;
        margin-bottom: 20px;
    }

    .work_twitter h3 {
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .work_recommended h3 {
        line-height: 130%;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .work_next_update_txt {
        font-size: 12px;
        line-height: 170%;
    }

    .latest_info_news span:last-child {
        letter-spacing: 0;
    }

    .latest_info_link_btn02 {
        width: 66%;
    }

    .work_story_txt {
        font-size: 12px;
    }

    .work_story_video {
        height: 187px;
    }

    .work_story_video iframe {
        height: 187px;
    }

    .work_info_ttl {
        font-size: 12px;
    }

    .work_info_link_btn span {
        width: 15px;
    }

    .work_author_intro_txt {
        font-size: 12px;
    }

    .update_work .update_work_info_img span {
        font-size: 8px !important;
    }

}

@media (min-width: 576px) {
    .latest_info_link_btn02 {
        width: 230px;
    }

    .work_story_video {
        height: 360px;
    }

    .work_story_video iframe {
        height: 360px;
    }

}


@media (max-width: 575px),(min-width: 576px) {
    .contents_work {
        /*padding-bottom: 60px!important;*/
        position: relative;
    }

    .h2_area {
        border-bottom: 2px solid #5eddd4;
    }

    .h2_area_comic {
        border-bottom: 2px solid #000;
    }

    .h2ttl {
        line-height: 115%;
        padding: 14px 0 9px 20px;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .h2ttl span {
        font-size: 10px;
        letter-spacing: 0;
    }

    .h2ttl_comic {
        line-height: 115%;
        padding: 14px 0 9px 20px;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .h2ttl_comic span {
        font-size: 10px;
        letter-spacing: 0;
    }

    /*.h2ttl:before {
		top: 17px;
		left: 18px;
		width: 86px;
		height: 86px;
		border-top: 1px solid #ff5400;
	}*/
    h3 {
        font-size: 18px;
        padding-bottom: 12px;
        margin-bottom: 16px;
        letter-spacing: 3px;
    }

    .latest_info_img {
        padding: 5px 0 0 0;
    }

    .latest_info_news {
        background-color: #fff;
        width: 100%;
        margin-top: 5px;
        font-size: 14px;
    }

    .latest_info_news a {
        padding: 14px 0 15px 21px;
    }

    .latest_info_news a:hover {
        color: #000;
        text-decoration: none;
    }

    .latest_info_news span:first-child {
        border-right: 1px solid #000;
        padding: 1px 9px 1px 0;
        margin-right: 5px;
    }

    .latest_info_box {
        padding: 24px 21px;
    }

    .latest_info_date {
        font-size: 12px;
    }

    .latest_info_ttl {
        padding: 12px 0 23px 0;
        font-size: 18px;
    }

    .latest_info_link_btn01 {
        border-radius: 5px;
    }

    .latest_info_link_btn01 a {
        padding: 13px 0;
    }

    .latest_info_link_btn02 {
        margin: 20px 0 0;
        border-radius: 5px;
    }

    .latest_info_link_btn02 a {
        /* padding: 9px 0 9px 28px; */
        padding: 9px;
    }

    .latest_info_link_btn02 span:first-child {
        padding-right: 10px;
    }

    .latest_info_link_btn02 span:first-child img {
        /*width: 18px;*/
    }

    .latest_info_link_btn02 span:last-child {
        right: -68px;
        padding: 1px 7px;
        border-radius: 3px;
    }

    .work_next_update {
        margin: 15px 20px 0;
    }

    .work_next_update_txt {
        line-height: 170%;
    }

    .work_episode {
        margin: 15px 20px 45px;
    }

    .work_episode_box {
        padding: 19px 15px 11px;
    }

    .work_episode_table {
        padding: 0 0 10px;
        height: 43px;
    }

    .work_episode_table:not(:first-child) {
        margin-top: 14px;
    }

    .moreEpi .work_episode_table:first-child {
        margin-top: 16px;
    }

    .episode_more_first .work_episode_table {
        padding-top: 14px;
    }

    .work_episode_buy_btn_pc {
        display: none !important;
        font-weight: bold;
    }
    .work_episode_buy_btn_sp {
        display: table-cell !important;
        color: #000!important;
        font-weight: bold;
    }

    .work_episode_buy_btn_sp2 {
        margin: 30px auto;
    }

    .work_episode_buy_btn_sp_inner {
        display: inline-block;
        width: 140px !important;
        border-width: 1px;
        border-color: #000;
        border-style: solid;
        cursor: pointer;
        padding-top: 8.75px;
    }

    .work_episode_txt {
        font-size: 14px;
        letter-spacing: 0px;
        min-width: 211px;
    }

    .work_episode_txt span {
        font-size: 12px;
        letter-spacing: 0;
    }

    .work_episode_link_btn {
        width: 26%;
        height: 45px;
        border-radius: 7px;
    }

    .work_episode_link_more {
        font-size: 14px;
        margin: 6px 0 0;
        border-radius: 6px;
    }

    .work_episode_link_more a {
        padding: 11px 0;
    }

    .work_episode_link_more:after {
        width: 7px;
        height: 7px;
        top: 15px;
        right: 22px;
    }

    .work_story {
        margin: 41px 20px 45px;
    }

    .work_story_txt {
        line-height: 180%;
        letter-spacing: 0;
    }

    .work_story_banner {
        margin: 27px 0 0;
    }

    .work_story_banner > div {
        width: 100%;
    }

    .work_story_banner > div:not(:last-child) {
        margin-bottom: 17px;
    }

    .work_story_video_box {
        margin: 35px auto 0;
    }

    .work_story_video_ttl {
        line-height: 140%;
        letter-spacing: 0.5px;
        padding-bottom: 0px;
        font-size: 12px;
    }

    .work_info {
        margin: 41px 20px 9px;
    }

    .work_info_slider {
        margin: 0;
    }

    .work_info_box {
        width: 48%;
        margin: 0 0 28px 0;
    }

    .work_info_box:nth-child(odd) {
        margin-right: 4%;
    }

    .work_info_img {
        border: 1px solid #000;
    }

    .work_info_ttl {
        padding: 6px 0 7px 0;
    }

    .work_info_link_btn {
        font-size: 12px;
        letter-spacing: 0;
        padding-left: 8px;
    }

    .work_info_link_btn a {
        padding: 7px 0 7px;
    }

    .work_info_link_btn span {
        top: 12px;
        left: 11px;
    }

    .work_feature {
        margin: 4px 20px 44px;
    }

    .work_author_intro {
        margin: 41px 20px 47px;
    }

    .work_author_intro h3 {
        letter-spacing: 2px;
    }

    .work_author_intro_img {
        margin: 0;
        width: 24%;
    }

    .work_author_intro_txt_box {
        width: 73%;
    }

    .work_author_intro_name {
        font-size: 14px;
        padding: 0;
    }

    .work_author_intro_txt {
        line-height: 155%;
    }

    .work_author_intro_link_box {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .work_author_intro_link_btn_orange,
    .work_author_intro_link_btn_blue {
        width: 48%;
        font-size: 12px;
        border-radius: 7px;
    }

    .work_author_intro_link_btn_orange a,
    .work_author_intro_link_btn_blue a {
        padding: 7px 0 5px;
    }

    .work_author_intro_link_btn_blue span {
        font-size: 18px;
        top: 10px;
    }

    .work_twitter {
        margin: 41px 20px 0;
    }

    .work_twitter_info > div {
        position: relative;
        background-color: #60b4f0;
        width: 100%;
        font-size: 12px;
        text-align: center;
        transition: 2s;
        opacity: 1;
        border-radius: 6px;
    }

    .work_twitter_info > div:not(:last-child) {
        margin: 0 0 15px;
        0;
    }

    .work_twitter_info > div:hover {
        opacity: .7;
    }

    .work_twitter_info a {
        color: #fff;
        padding: 12px 0;
        display: block;
        font-size: 19px;
    }

    .work_twitter_info a:hover {
        text-decoration: none;
    }

    .work_twitter_info span {
        position: absolute;
        left: 15px;
    }

    .work_twitter .category_link_box {
        margin: 31px 0 0;
    }

    .work_recommended {
        margin: 36px 20px 0;
    }

    .work_recommended h3 {
        margin-bottom: 20px;
    }

    .work_recommended_img {
        width: 31%;
        border-radius: 7px;
    }

}

/*@media (min-width:576px) {*/
@media (min-width: 768px) {
    .contents_work {
        /*padding-bottom: 118px!important;*/
    }

    .h2_area {
        border-bottom: 2px solid #5eddd4;
        /*height: 80px;*/
    }

    .h2_area_comic {
        border-bottom: 2px solid #000;
        /*height: 80px;*/
    }

    .h2ttl {
        line-height: 99%;
        padding: 17px 0 17px 101px;
        font-size: 24px;
        letter-spacing: 0;
    }

    .h2ttl span {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .h2ttl_comic {
        line-height: 99%;
        padding: 17px 0 17px 101px;
        font-size: 24px;
        letter-spacing: 0;
    }

    .h2ttl_comic span {
        font-size: 12px;
        letter-spacing: 1px;
    }

    /*.h2ttl:before {
		top: 22px;
		left: 40px;
		width: 107px;
		height: 107px;
		border-top: 1px solid #ff5400;
	}*/
    h3 {
        font-size: 23px;
        padding: 0 0 17px 16px;
        margin-bottom: 36px;
        letter-spacing: 3px;
    }

    h3:before {
        content: "";
        position: absolute;
        background-color: #5eddde;
        top: 0;
        left: 0;
        width: 5px;
        height: 23px;
        border-radius: 37%;
    }

    .work_next_update {
        margin: 20px auto 0;
    }

    .work_next_update_txt {
        line-height: 190%;
        letter-spacing: 0.5px;
    }

    .work_episode {
        margin: 20px auto 0;
    }

    .work_episode h3 {
        margin-bottom: 41px;
    }

    .work_episode_box {
        padding: 30px 20px;
        border-radius: 10px;
    }

    .work_episode_table {
        padding: 0 12px 12px;
    }

    .work_episode_table:not(:first-child) {
        margin-top: 16px;
    }

    .episode_more_first .work_episode_table {
        padding-top: 23px;
    }

    .work_episode_buy_btn_pc {
        display: table-cell !important;
        font-weight: bold;
    }

    .work_episode_buy_btn_sp {
        display: none !important;
        color: #000!important;
        font-weight: bold;
    }


    .work_episode_txt {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .work_episode_txt span {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .work_episode_link_btn {
        width: 160px;
        height: 44px;
    }

    .work_episode_link_more {
        font-size: 15px;
        margin: 18px 9px 0;
    }

    .work_episode_link_more a {
        padding: 16px 0;
    }

    .work_episode_link_more:after {
        width: 7px;
        height: 7px;
        top: 0;
        bottom: 0;
        right: 40%;
    }

    .work_story {
        margin: 70px auto 0;
    }

    .work_story_txt {
        line-height: 200%;
    }

    .work_story_banner {
        margin: 54px auto 0;
    }

    .work_story_banner > div {
        width: 31%;
    }

    .work_story_banner > div:not(:last-child) {
        /*margin-bottom: 15px;*/
    }

    .work_story_video_box {
        margin: 32px auto 0;
    }

    .work_story_video_ttl {
        letter-spacing: 0.5px;
        line-height: 100%;
        padding-bottom: 17px;
        font-size: 14px;
    }

    .work_story_video {
        height: 358px;
    }

    .work_story_video iframe {
        height: 358px;
    }

    .work_news {
        margin: 70px auto 0;
    }

    .work_news h3 {
        margin-bottom: 31px;
    }

    .work_info {
        margin: 70px auto 0;
    }

    .work_info h3 {
        margin: 0 0 40px 0;
        letter-spacing: 1.5px;
    }

    .work_info_slider {
        max-width: 780px;
        margin: 0 auto;
    }

    .work_info_box {
        width: 23%;
        margin: 0 0 53px 0;
    }

    .work_info_box:not(:nth-child(4n)) {
        margin: 0 15px 53px 0;
    }

    .work_info_img {
        border: 2px solid #000;
    }

    .work_info_ttl {
        padding: 14px 0 20px 0;
    }

    .work_info_link_btn {
        font-size: 12px;
        /*letter-spacing: 2px;*/
        padding-left: 12px;
    }

    .work_info_link_btn a {
        padding: 11px 0 10px;
    }

    .work_info_link_btn span {
        top: 10px;
        left: 16px;
    }

    .work_feature {
        margin: 70px auto 0;
    }

    .work_teature h3 {
        margin-bottom: 40px;
    }

    .work_author_intro {
        margin: 70px auto 0;
    }

    .work_author_intro h3 {
        letter-spacing: 4px;
    }

    .work_author_intro_img {
        margin: 0 33px 0 0;
        width: 150px;
    }

    .work_author_intro_txt_box {
        width: 70%;
    }

    .work_author_intro_name {
        padding: 0 0 10px 0;
    }

    .work_author_intro_txt {
        line-height: 175%;
    }

    .work_author_intro_link_box {
        width: 415px;
        margin: 19px 0 0 0;
    }

    .work_author_intro_link_btn_orange,
    .work_author_intro_link_btn_blue {
        width: 200px;
        font-size: 14px;
    }

    .work_author_intro_link_btn_orange a,
    .work_author_intro_link_btn_blue a {
        padding: 10px 0;
    }

    .work_author_intro_link_btn_blue span {
        font-size: 24px;
        top: 8px;
    }

    .work_twitter {
        margin: 70px 20px 0;
    }

    .work_twitter h3 {
        margin-bottom: 40px;
    }

    .work_twitter_info {
        margin: 0;
    }

    .work_twitter_info > div {
        /*width: 29%;*/
        width: 380px;
        background-color: transparent;
    }

    .work_twitter_info > div:hover {
        opacity: 1;
    }

    .work_recommended {
        margin: 70px auto 0;
    }

    .work_recommended h3 {
        margin-bottom: 40px;
    }

    .work_recommended_img {
        width: 24%;
    }
}

@media (max-width: 767px) {

    .after_btn span:nth-of-type(1) {
        transform: translateY(7px) rotate(-45deg) !important;
    }

    .after_btn span:nth-of-type(2) {
        transform: translateY(0px) rotate(45deg);
    }

    .sns_nav {
        display: none !important;
    }

    .slick-dots li {
        width: 60px;
        height: 12px;
    }

    .slick-dots li button {
        width: 60px;
        height: 12px;
    }

    .slick-dots li button:before {
        width: 60px;
        height: 12px;
    }

    .news {
        font-size: 28px;
        padding: 32px 0;
        margin: 0 !important;
    }

    .news .news_date {
        border-left: 1px solid #000;
        padding-left: 20px;
    }

    .news_name {
        padding-right: 20px;
        padding-left: 20px;
    }

    .news_info {
        text-align: left !important;
    }

    /*.banner_slider .slick-list {
        padding: 0 116px !important;
    }*/

    .update_work .update_work_size {
        width: 31%;
        position: relative;
    }

    .update_work .update_work_size:nth-child(3n+2):last-child {
        margin-left: auto;
        margin-right: calc(31% + 10px);
    }

    .update_work .update_work_info_img {
        margin-bottom: 10px;
    }

    .update_work .update_work_ttl {
        font-size: 40px;
    }

    .update_work .update_work_ttl span:before {
        left: 9%;
    }

    .update_work .update_work_ttl span:after {
        right: -9%;
    }

    .update_work .update_work_icon:before,
    .update_work .update_work_icon:after {
        top: -15px;
    }

    .update_work .update_work_icon:before {
        padding: 0 17px;
        height: 36px;
        font-size: 20px;
        line-height: 193%;
    }

    .update_work .update_work_icon:after {
        border: 8px solid transparent;
        left: 80px;
    }

    .update_work .update_work_info_img span {
        font-size: 20px;
        line-height: 153%;
    }

    .recommended .recommended_ttl {
        font-size: 40px;
    }

    .paperback .paperback_ttl {
        font-size: 40px;
    }

    .paperback_name {
        font-size: 28px;
    }

    .paperback_volume {
        font-size: 28px;
    }

    footer {
        padding-top: 50px;
    }

    .footer_nav {
        max-width: 670px;
    }

    .footer_nav li {
        padding: 0 0 21px 27px;
        font-size: 28px;
    }

    .footer_nav li:before {
        border-top: 2px solid #f2f2f2;
        border-right: 2px solid #f2f2f2;
        position: absolute;
        top: 19%;
        width: 10px;
        height: 10px;
    }

    .copyright {
        font-size: 24px;
        padding: 35px 0;
    }
}

@media (min-width: 768px) {

    .header_hondana {
        background-color: white;
    }

    .header_hondana a {
        display: block;
        margin: auto;
        max-width: 1000px;
    }

    .header_bloginfo {
        background-color: #71DED5;
    }

    .header_bloginfo a {
        display: block;
        margin: auto;
        max-width: 1000px;
    }

    .header_bloginfo a:hover {
        opacity: 1;
    }

    .header_retrieval {
        padding-top: 41px !important;
    }

    .header_txt {
        color: #c0c0c0;
        font-size: 13px;
        font-weight: bold;
        padding-left: 20px;
        padding-top: 10px;
        line-height: 75%;
    }

    form.header_form {
        background-color: #fff;
        margin-right: 10px;
        border-radius: 3px;
        font-size: 13px;
        border-bottom: solid 0.5px #757575;
        margin-bottom: 21px;
    }

    form.header_form button {
        border: none;
        background-color: #fff;
        position: relative;
        width: 21px;
    }

    form.header_form button:before {
        position: absolute;
        content: "";
        width: 9px;
        height: 9px;
        top: calc(50% - 12px);
        left: calc(50% - 11px);
        border-radius: 50%;
        box-shadow: 0 0 0 2px #000;
    }

    form.header_form button:after {
        position: absolute;
        content: "";
        width: 8px;
        height: 8px;
        top: calc(50% - 2px);
        left: calc(50% - 6px);
        border-top: 2px solid #000;
        transform: rotate(45deg);
    }

    form.header_form input {
        border: none;
        width: 240px;
    }

    form.header_form select {
        border: none;
        width: 143px;
        border-left: 1px solid #000;
        padding-left: 15px;
    }

    form.header_form option {
    }

    .after_btn span:nth-of-type(1) {
        transform: translateY(7px) rotate(-45deg);
    }

    .after_btn span:nth-of-type(2) {
        transform: translateY(-1px) rotate(45deg);
    }

    .main_slider .slick-list {
        padding: 0 80px !important;
    }

    .slick-dots {
        display: none;
    }

    .slick-dots li {
        width: 30px;
        height: 6px;
    }

    .slick-dots li button {
        width: 30px;
        height: 6px;
    }

    .slick-dots li button:before {
        width: 30px;
        height: 6px;
    }

    .news {
        padding: 18px 0;
    }

    .news .news_info {
        max-width: 1000px;
        margin: 0 auto;
        line-height: 175%;
    }

    .news .news_date {
        padding-left: 25px;
    }

    .news .news_name {
        font-weight: bold;
        padding: 0 31px 0 39px;
        border-right: 1px solid #000;
    }

    .banner_slider .slick-track {
        display: flex;
        justify-content: space-between;
    }

    .banner_slider .news_slider {
        padding: 0;
        float: none;
    }

    .banner_slider .news_slider a {
        display: block;
        margin: 0 11px;
        background: #fff;
    }

    .banner_slider .news_slider a:hover {
        opacity: 1;
    }

    .banner_slider .news_slider a:hover img {
        opacity: 0.7;
    }

    .banner_slider .news_slider:not(:first-child) {
    }

    .update_work .update_work_info_img {
        margin-bottom: 20px;
    }

    .update_work .update_work_ttl {
        font-size: 28px;
    }

    .update_work .update_work_ttl span:before {
        left: 28%;
    }

    .update_work .update_work_ttl span:after {
        right: 21%;
    }

    .update_work .update_work_icon:before,
    .update_work .update_work_icon:after {
        top: -12px;
    }

    .update_work .update_work_icon:before {
        padding: 0 8px;
        height: 22px;
        font-size: 16px;
        line-height: 156%;
    }

    .update_work .update_work_icon:after {
        border: 6px solid transparent;
        left: 53px;
    }

    .update_work .update_work_size {
        width: 24%;
        position: relative;
    }

    .update_work .update_work_info_img span {
        line-height: 200%;
    }


    .recommended .recommended_ttl {
        font-size: 28px;
        padding: 0 20px;
    }

    .paperback .paperback_ttl {
        font-size: 28px;
        padding: 0 20px;
    }

    /*.banner_box {
		width: 464px;
	}*/
    footer {
        padding-top: 35px;
        position: relative;
    }

    .footer_img {
        position: absolute;
        top: 0;
        right: 0;
    }

    .footer_nav {
        max-width: 590px;
    }

    .footer_nav li {
        padding: 0 0 17px 15px;
        font-size: 12px;
        font-weight: bold;
    }

    .footer_nav li:before {
        border-top: 2px solid #f2f2f2;
        border-right: 2px solid #f2f2f2;
        position: absolute;
        top: 9%;
        width: 7px;
        height: 7px;
    }

    .copyright {
        font-size: 12px;
        padding: 21px 0;
    }

}

@media (min-width: 880px) {
    .main_slider .slick-list {
        padding: 0 150px !important;
    }
}

@media (min-width: 1025px) {
    form.header_form input {
        width: 130px;
    }

    .main_slider .slick-list {
        padding: 0 265px !important;
    }

    .news .news_name {
        font-weight: bold;
        padding: 0 31px 0 0;
        border-right: 1px solid #000;
    }
}


@media (min-width: 1200px) {
    .main_slider .slick-list {
        padding: 0 410px !important;
    }
}

@media (min-width: 1250px) {
    /*.main_slider .slick-list {
		padding: 0 410px!important;
	}*/
    .work_next_update {
        margin: 20px auto 20px;
    }

    .work_episode {
        margin: 20px auto 81px;
    }

    .work_story {
        margin: 66px auto 79px;
    }

    .work_news {
        margin: 66px auto 81px;
    }

    .work_info {
        margin: 66px auto 0;
    }

    .work_info_slider {
        max-width: 100%;
        margin: 0;
    }

    .work_info_box {
        width: 223px;
        margin: 0 0 53px 0;
    }

    .work_info_box:nth-child(5n) {
        margin: 0 21px 53px 0;
    }

    .work_info_box:not(:nth-child(5n)) {
        margin: 0 21px 53px 0;
    }

    .work_feature {
        margin: 15px auto 85px;
    }

    .work_author_intro {
        margin: 66px auto 82px;
    }

    .work_twitter {
        margin: 66px auto 0;
    }

    .work_recommended {
        margin: 57px auto 0;
    }
}

@media (min-width: 1400px) {
    .banner_slider .news_slider {
        padding: 0;
    }
}


/*----------------------------------
		ヘッダー
		header
----------------------------------*/

header {
    background-color: #fff;
    padding: 0 0 21px 0;
}

@media (max-width: 1000px) {
    header {
        padding: 0;
    }
}

h1 {
    margin: 0;
}

.retrieval_icon a:before {
    position: absolute;
    content: "";
    width: 17px;
    height: 17px;
    top: calc(50% - 26px);
    left: calc(50% + 28px);
    border-radius: 50%;
    box-shadow: 0 0 0 4px #fff;
}

.retrieval_icon a:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 11px;
    top: calc(50% - 7px);
    left: calc(50% + 39px);
    border-top: 4px solid #fff;
    transform: rotate(45deg);
}

.after_btn {
    background-color: #000;
    opacity: 0.9;
}

.after_btn span {
    border-bottom: 4px solid #fff;
}

.nav_btn.after_btn span:nth-of-type(1) {
}

.nav_btn.after_btn span:nth-of-type(3) {
    display: none;
}

.g_nav {
    display: none;
    background-color: #000;
    opacity: .9;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.g_nav a {
    color: #fff;
}

.nav_menu {
    max-width: 700px;
    border-bottom: 1px solid #fff;
    margin-top: 120px;
    padding: 0 15px;
}

.g_nav > .nav_menu:first-child {
    max-width: 700px;
    border-bottom: 0;
    font-size: 20px;
}

.g_nav > .nav_menu:nth-child(2) {
    max-width: 700px;
    margin-top: 0;
    font-size: 20px;
}

.g_nav > .nav_menu > .list-inline {
    width: 50%;
}

.g_nav > .nav_icon {
    font-size: 20px;
}

.nav_menu li {
    padding-bottom: 15px;
}

.sns_icon {
    cursor: pointer;
}

.link_btn:hover {
    opacity: 0.7;
}

.link_btn a {
    color: #000;
    display: block;
    padding: 0 56px 0 32px;
}

.link_btn a:hover {
    opacity: 1;
    text-decoration: none;
}

.link_btn_small {
    position: relative;
    background-color: #5eddd4;
    transition: 1s;
    top: -59px;
    bottom: 0;
    right: 2px;
    margin: auto 0;
    height: 30px;
    font-size: 11px;
    /* padding: 0 56px 0 32px; */
    line-height: 290%;
    float: right;
    border-radius: 30px;
}

.link_btn_small a {
    font-size: 12px;
}

.link_btn_small a:before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 12px;
    border-top: 2px solid #102524;
    border-right: 2px solid #102524;
    transform: rotate(45deg);
}

.header_info > h1.text-center > a:hover {
    opacity: 1;
}

@media (max-width: 767px) {
    .link_btn_news {
        position: relative;
        background-color: #5eddd4;
        transition: 1s;
        top: -48px;
        bottom: 0;
        right: 0px;
        margin: auto 0;
        height: 30px;
        font-size: 11px;
        padding: 0 35px 0 15px;
        line-height: 290%;
        float: right;
        border-radius: 30px;
    }

    .link_btn_news a:before {
        position: absolute;
        content: "";
        width: 36px;
        border-top: 2px solid #000;
        top: 29px;
        right: 35px;
        height: 2px;
    }

    .link_btn_news a:after {
        position: absolute;
        content: "";
        width: 14px;
        border-top: 2px solid #000;
        top: 24px;
        right: 33px;
        transform: rotate(45deg);
        height: 2px;
    }
}


.link_btn_middle {
    background-color: #fff;
    text-align: center;
    line-height: 343%;
    transition: 1s;
    position: relative;
    width: 240px;
    height: 48px;
    margin: 30px auto 0;
    border-radius: 30px;
}

.link_btn_middle a {
    font-size: 16px;
    font-weight: bold;
}

#ajax_btn_wrap {
    padding: 6px 6px 0 6px;
}

#ajax_btn a {
    padding: 0;
}

@media (max-width: 767px) {
    #ajax_btn_wrap {
        padding: 10px 6px 6px 6px;
    }
}

#ajax_btn_wrap .link_btn_middle {
    width: auto;
    height: auto;
    font-size: 15px;
    background-color: #fff;
    text-align: center;
    margin: 30px 45px 10px;
    line-height: 48px;
    transition: 1s;
    position: relative;
    /* padding-left: 15px; */
    border-radius: 45px;
}

#ajax_btn_wrap .link_btn_middle a {
    font-size: inherit;
    font-weight: inherit;
}

.link_btn_big {
    font-size: 15px;
    background-color: #5eddd4;
    text-align: center;
    margin: 30px 40px 0;
    line-height: 325%;
    transition: 1s;
    position: relative;
    border-radius: 45px;
}

.link_btn_big a:after {
    content: "+";
    color: #000;
    font-weight: bold;
    font-size: 39px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    margin: auto 0;
}

.sns_ttl {
    font-size: 12px;
    padding-bottom: 15px;
}

.sns_nav ul li {
    font-size: 13px;
}

/*----------------------------------
		メインコンテンツ
		contents
----------------------------------*/

#contents {

}


.main_slider {
    background-color: #000;
}

.main_slider img {
    margin: 0 auto;
}

.slick-dotted.slick-slider {
    margin: 0;
    overflow: hidden;
}

.main_slider .slick-list {
}

.slick-slide {
    padding: 5px 2px;
}

.slick-arrow {
    z-index: 1;
    background-color: #000;
    width: 40px;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.slick-prev {
    left: 0;
    transition: 1s;
}

.slick-prev:hover,
.slick-next:hover {
    background: #000;
    opacity: 0.7;
}

.slick-next {
    right: 0;
}

.slick-prev:before,
.slick-next:before {
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    opacity: 1;
}

.slick-prev:before {
    transform: rotate(-135deg);
    left: 13px;
}

.slick-next:before {
    transform: rotate(45deg);
    right: 16px;
}

.slick-dots {
    position: static;
    background-color: #fff;
    top: 0;
    padding: 11px 0 20px 0;
    display: none !important;
}

.slick-dots li {
}

.slick-dots li button {
}

.slick-dots li button:before {
    content: "";
    border: 1px solid #000;
    opacity: 1;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #000;
}

.news {
    background-color: #5eddd4;
    position: relative;
}

.news .news_info a:hover {
    color: #014c8c;
}

.news_name a:before {
    position: absolute;
    content: "";
    width: 26px;
    border-top: 2px solid #000;
    top: 29px;
    right: 35px;
    height: 2px;
}

.news .news_date {
}

.news .news_ttl {
    padding-left: 20px;
}

.banner_slider_outside {
    width: 100% !important;
    position: relative;
    zoom: 1;
    /* overflow: hidden; [2018/05/24(thu) M.Ryoshita] */
    margin: 0 !important;
    padding: 20px 0;
    /*background: #1f4e4b;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #51b3b4), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #51b3b4),color-stop(.75, #51b3b4), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 5px 5px;*/
    background: #1f4e4b url(../img/banner_bg.png) 0 0 repeat;
    background-size: 10px 10px;
}

.banner_slider {
    width: 100% !important;
    max-width: 1000px !important;
    position: relative;
    zoom: 1;
    overflow: hidden;
    margin: 0 auto !important;
}

.banner_slider .slick-arrow {
    z-index: 1;
    background-color: #000;
    width: 40px;
    height: 40px;
    top: 30px;
    bottom: 0;
    margin: auto 0;
}

@media (max-width: 767px) {
    .news_slider {
        width: 8.3% !important;
    }

    .banner_slider .slick-slide {
        padding: 0;
    }

    .banner_slider .news_slider a {
        display: block;
        margin: 0 5px;
        width: 95%;
        background: #fff;
    }

    .banner_slider .news_slider a:hover {
        opacity: 1;
    }

    .banner_slider .news_slider a:hover img {
        opacity: 0.7;
    }
}

.update_work {
    margin-top: 0px;
}

.update_work .update_work_ttl {
    background: url('../img/ttl_border02.png') repeat-x bottom;
    background-color: #5eddd4;
    color: #fff;
    text-shadow: #3a3a3a 1px 1px 0, #3a3a3a -1px -1px 0,
    #3a3a3a -1px 1px 0, #3a3a3a 1px -1px 0,
    #3a3a3a 0px 1px 0, #3a3a3a 0 -1px 0,
    #3a3a3a -1px 0 0, #3a3a3a 1px 0 0;
    font-weight: bold;
    padding: 46px 0 22px;
    letter-spacing: 4px;
    position: relative;
    overflow: hidden;
    max-width: 1000px;
    margin: 0 auto;
}

.update_work_ttl_top {
    background: url('../img/ttl_border.png') repeat-x bottom;
    color: #fff;
    text-shadow: #3a3a3a 1px 1px 0, #3a3a3a -1px -1px 0,
    #3a3a3a -1px 1px 0, #3a3a3a 1px -1px 0,
    #3a3a3a 0px 1px 0, #3a3a3a 0 -1px 0,
    #3a3a3a -1px 0 0, #3a3a3a 1px 0 0;
    font-weight: bold;
    padding: 40px 0 23px;
    letter-spacing: 4px;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

@media screen and (max-width: 767px) {
    .update_work .update_work_ttl {
        background-color: #5eddd4;
        color: #fff;
        text-shadow: #3a3a3a 1px 1px 0, #3a3a3a -1px -1px 0,
        #3a3a3a -1px 1px 0, #3a3a3a 1px -1px 0,
        #3a3a3a 0px 1px 0, #3a3a3a 0 -1px 0,
        #3a3a3a -1px 0 0, #3a3a3a 1px 0 0;
        font-weight: bold;
        padding: 38px 0;
        letter-spacing: 4px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
    }

    .update_work_ttl_top {
        color: #fff;
        text-shadow: #3a3a3a 1px 1px 0, #3a3a3a -1px -1px 0,
        #3a3a3a -1px 1px 0, #3a3a3a 1px -1px 0,
        #3a3a3a 0px 1px 0, #3a3a3a 0 -1px 0,
        #3a3a3a -1px 0 0, #3a3a3a 1px 0 0;
        font-weight: bold;
        padding: 40px 0 10px;
        letter-spacing: 4px;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
        font-size: 75%;
    }
}

.update_work .update_work_icon {
    overflow: visible;
    position: relative;
}

.update_work .update_work_icon:before,
.update_work .update_work_icon:after {
    position: absolute;
    display: block;
}

.update_work .update_work_icon:before {
    content: "NEW";
    background-color: #ff5400;
    z-index: 86;
    left: 0;
    font-weight: bold;
    color: #000;
    letter-spacing: 0px;
}

.update_work .update_work_icon:after {
    content: "";
    border-bottom-color: #e44c01;
    border-left-color: #e44c01;
}

.update_work .update_work_box {
    background: #5eddd4;
    padding-top: 13px;
    padding-bottom: 10px;
}

.update_work .update_work_info {
    max-width: 1000px;
}

.update_work .update_work_info_img {
    overflow: hidden;
    /*border: 2px solid #000;*/
    position: relative;
    border-radius: 7px;
    margin-top: 9px;
}

_:-ms-lang(x), .update_work .update_work_info_img {
    width: 95%;
    height: 95%;
}

.update_work .update_work_info_img img {
    width: 100%;
}

.update_work .update_work_info_img span {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    left: 0;
    font-weight: bold;
    padding-left: 8px;
    background: rgba(0, 0, 0, 0.5);
}

.recommended {
    background: #f2f2f2;
    padding: 40px 0;
}

.recommended .recommended_ttl {
    font-weight: bold;
    line-height: 100%;
    margin: 0 auto 40px;
    max-width: 1000px;
    position: relative;
}

.paperback {
    background-color: #fff;
    padding: 75px 0 50px 0;
}

.paperback .paperback_ttl {
    font-weight: bold;
    line-height: 100%;
    max-width: 1000px;
    margin: 0 auto 40px;
    position: relative;
}

.banner_info {
    background: #f2f2f2;
    border-top: 2px solid #e1e1e1;
    padding-bottom: 40px;
}

.banner_info .sp_banner li {
    width: 48%;
}

.banner_info .banner_icon {
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    padding-top: 17px;
}

.banner_info .banner_icon:first-child {
    margin-right: 26px;
}

.banner_info .banner_icon a:hover {
    color: #000;
}

.banner_info ul {
    max-width: 672px;
    margin: 30px auto 0;
}

.sp_banner .list-inline-item {
    margin-bottom: 10px;
}

/*----------------------------------
		フッター
		footer
----------------------------------*/

footer {
    background-color: #000;
    color: #c0c0c0;
}

footer a {
    color: #c0c0c0;
}

.footer_nav {
}

.footer_nav li {
    position: relative;
    line-height: 100%;
}

.footer_nav li:before {
    content: "";
    transform: rotate(45deg);
    position: absolute;
    left: 0;
}

.footer_nav li a:hover {
    color: #5eddd4;
    text-decoration: none;
}

.copyright {
    border-top: 1px solid #1b1b1b;
    line-height: 100%;
}

/*----------------------------------
		作品詳細ページ
		work
----------------------------------*/

.topics {
    margin: 0 auto;
    border-top: 1px solid #b7b7b7;
}

.topics ul {
    max-width: 1000px;
    margin: 0 auto;
    padding: 9px 0 10px 10px;
}

.topics ul li {
    font-size: 12px;
    font-weight: 500;
    margin: 0 !important;
}

.topics ul li:last-child {
}

.topics ul li a {
    color: #5eddd4;
}

.topics ul li a:hover {
    display: inline-block;
    text-decoration: none;
}

.topics ul li span {
    padding-left: 5px;
}

.h2_area {
    background-color: #000;
}

.h2ttl {
    font-weight: bold;
    color: #fff;
    position: relative;
    max-width: 1400px;
    margin: 0;
}

.h2ttl span {
}

/*.h2ttl:before {
	content: "";
	position: absolute;
	transform: rotate(-45deg);
}*/

h3 {
    background: url('../img/ttl_border.png') repeat-x bottom;
    font-weight: bold;
    position: relative;
}

.work_next_update {
    max-width: 1000px;
}

.work_next_update .work_next_update_ttl {
    line-height: 160%;
    font-weight: bold;
    font-size: 16px;
}

.work_next_update .work_next_update_txt {
    font-weight: 500;
}

.work_next_update a:hover {
    display: inline-block;
}

.work_episode {
    max-width: 1000px;
}

.work_episode_box {
    background-color: #eee;
}

.work_episode_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 0;
}

.work_episode_table:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.work_episode_table:not(:first-child) {
}

.episode_more_first .work_episode_table {
    border-bottom: none;
}

.work_episode_border {
    border-top: 1px solid #ccc;
}

/*.work_episode_table:not(:last-child) {
	border-bottom: 1px solid #ccc;
}*/

.work_episode_txt {
    font-weight: bold;
    line-height: 150%;
    vertical-align: middle;
}

.work_episode_box span {
    font-weight: 500;
}

.work_episode_link_btn {
    text-align: center;
    max-width: 160px;
    vertical-align: middle;
    color: #fff;
    transition: 1s;
    opacity: 1;
    cursor: pointer;
}

.work_episode_link_btn:hover {
    opacity: .7;
}

.work_episode_link_btn a:hover {
    text-decoration: none;
}

.work_episode_link_orange {
    background-color: #ff5400;
}

.work_episode_link_orange a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 12px;
}


.work_episode_link_black {
    background-color: #5eddd4;
}

.work_episode_link_black a {
    color: #000;
    display: block;
}

.work_episode_link_more {
    text-align: center;
    border: 1px solid #000;
    background-color: #fff;
    font-weight: bold;
    letter-spacing: 0;
    position: relative;
    transition: 1s;
}

.work_episode_link_more:hover {
    opacity: 0.7;
}

.work_episode_link_more:after {
    content: "";
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    position: absolute;
    margin: auto 0;
    transform: rotate(45deg);
}

.work_episode_link_more a {
    display: block;
}

.work_episode_link_more a:hover {
    text-decoration: none;
    color: #000;
    display: block !important;
}

.work_story {
    max-width: 1000px;
    padding: 0;
}

.work_story .work_story_txt {
    font-weight: 500;
}

.work_story .work_story_banner {
    max-width: 960px;
}

.work_story .work_story_banner > div {
    /*background-color: #000;
	height: 148px;*/
    text-align: center;
}

.work_story .work_story_banner img {
    /*width: 100%;*/
}

.work_story .work_story_video_box {
    max-width: 640px;
}

.work_story .work_story_video_ttl {
    font-weight: bold;
}

.work_story .work_story_video {

}

.work_story .work_story_video iframe {
    width: 100%;
}

.work_news {
    max-width: 1000px;
    position: relative;
}

.work_news .link_btn_small {
    position: absolute;
    right: 0;
    margin: 0;
    top: -16px;
}

.work_news .work_news_box {
    padding-top: 6px;
}

.work_news .d-table {
    line-height: 100%;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
}

.work_news .d-table:not(:last-child) {
    padding-bottom: 20px;
}

.work_news .work_news_date {
    vertical-align: middle;
    letter-spacing: 1.5px;
}

.work_news .work_news_date span {
    background-color: #b7b7b7;
    margin: 0 24px 0 15px;
    color: #fff;
    padding: 1px 6px;
    font-size: 12px;
    font-weight: bold;
}

.work_news .work_news_ttl {
    line-height: 130%;
}

.work_news .work_news_ttl a:hover {
    color: #014c8c;
}

.work_news .d-table a {

}

.work_news .d-table a:hover {
    display: inline-block;
    text-decoration: none;
    color: #000;
}

.work_info {
    max-width: 1000px;
    padding: 0;
}

.work_info h3 {
}

.work_info .work_info_box {
}

.work_info .work_info_img {
    overflow: hidden;
}

.work_info .work_info_img img {
    width: 100%;
}

.work_info .work_info_ttl {
    font-weight: bold;
    line-height: 150%;
    letter-spacing: 0;
}

.work_info .work_info_link_btn {
    background-color: #5eddd4;
    width: 100%;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 11px;
    position: relative;
    transition: 1s;
    opacity: 1;
}

.work_info .work_info_link_btn:hover {
    opacity: .7;
}

.work_info .work_info_link_btn a {
    display: block;
    color: #000;
}

.work_info .work_info_link_btn a:hover {
    color: #000;
}

.work_info_link_btn span {
    position: absolute;
}


.work_info a {
}

.work_info a:hover {
    text-decoration: none;
    color: #000;
}

.work_feature {
    max-width: 1000px;
}

.work_feature_box {
    width: 100%;
}

.work_author_intro {
    max-width: 1000px;
    padding: 0;
}


.work_author_intro_box {
    margin: 0;
}

.work_author_intro_box:not(:first-child) {
    margin: 15px 0 0;
}

.work_author_intro_img {
}

.work_author_intro_img img {
    border: 1px solid #000;
    width: 100%;
}

.work_author_intro_name {
    font-weight: bold;
    letter-spacing: 0;
}

.work_author_intro_txt {
    letter-spacing: 0;
}

.work_author_intro_txt a {
    color: #ff5400;
}

.work_author_intro_txt a:hover {
    display: inline-block;
    text-decoration: none;
}

.work_author_intro_link_box {
}

.work_author_intro_link_btn_orange,
.work_author_intro_link_btn_blue {
    transition: 1s;
    text-align: center;
}

.work_author_intro_link_btn_orange:hover,
.work_author_intro_link_btn_blue:hover {
    opacity: 0.7;
}

.work_author_intro_link_btn_orange a:hover,
.work_author_intro_link_btn_blue a:hover {
    text-decoration: none;
    display: block !important;
}

.work_author_intro_link_btn_orange {
    background-color: #5eddd4;
}

.work_author_intro_link_btn_orange a,
.work_author_intro_link_btn_blue a {
    color: #000;
    display: block;
    position: relative;
}

.work_author_intro_link_btn_orange a:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 12px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
}

@media (max-width: 767px) {
    .work_author_intro_link_btn_orange a:before {
        right: 7%;
    }

    .work_author_intro_box .fa-twitter:before {
        position: absolute;
        top: -1px;
        left: -3px;
    }
}

.work_author_intro_link_btn_blue {
    background-color: #60b4f0;
    position: relative;
}

.work_author_intro_link_btn_blue a {
    color: #fff;
}

.work_author_intro_link_btn_blue span {
    position: absolute;
    left: 15px;
}

.work_twitter {
    max-width: 1000px;
    padding: 0;
}

.work_twitter h3 {
}

.work_twitter_box {
    margin: 0;
}

.work_twitter_box > div {
    margin: 0;
}

.work_twitter_box iframe {
    height: 250px !important;
}

.work_recommended {
    max-width: 1000px;
    padding: 0;

}

.work_recommended h3 {
}

.work_recommended_box {
    margin: 0;
}

.work_recommended_img {
    overflow: hidden;
}

.work_recommended_img img {
    width: 100%;
}

.ui-widget.ui-widget-content {
    z-index: 9999;
}

@media (max-width: 575px) {
    .latest_info_link_btn02 span:last-child {
        padding: 2px 8px !important;
    }
}

/*----------------------------------
		pagetop
----------------------------------*/
@media (min-width: 768px) {
    #navi_blog {
        position: fixed;
        right: 0;
        background: url(../img/navi_blog.png) no-repeat left top;
        background-position: 0 0;
        background-size: 90px;
        width: 90px;
        height: 101px;
    }

    #navi_blog:hover {
        background: url('../img/navi_blog.png') no-repeat left top;
        background-position: 0 -140px;
        background-size: 90px;
        width: 90px;
        height: 101px;
    }

    #navi_blog a {
        margin-top: -70px;
        height: 199px;
        display: block;
        text-align: center;
        letter-spacing: 4px;
        color: #FFF;
    }

    #navi_blog a span {
        position: relative;
        background: #5eddd4;
        text-decoration: none;
        border-radius: 47%;
        padding: 10px 12px 9px;
        display: block;
        width: 70px;
        margin: 0 auto;
        color: #FFF;
    }

    #navi_blog a span:after {
        top: 90%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 111, 157, 0);
        border-top-color: #5eddd4;
        border-width: 13px 10px 13px 10px;
        margin-left: -10px;
    }
}

/*----------------------------------
		単行本情報ページ
		paper
----------------------------------*/

.contents_paper a:hover {
    color: #000;
    text-decoration: none;
}

.contents_paper .h2_area {
    height: auto;
}

.contents_paper .h2_area_comic {
    height: auto;
}

.h4_paper {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0 17px;
    margin-bottom: 15px;
}

.h4_paper:before {
    position: absolute;
    background-color: #5eddd4;
    content: "";
    width: 6px;
    height: 18px;
    top: 0;
    left: 0;
    border-radius: 30%;
}

.contents_paper .h2ttl {
    letter-spacing: 2px;
}

.contents_paper .h2ttl_comic {
    letter-spacing: 2px;
}

.paper_box {
    max-width: 1000px;
    padding: 0;
}

.paper_box:not(:first-child) {
}

.paper_img {
    overflow: hidden;
    height: 100%;
}

.paper_img img {
    width: 100%;
}

.paper_ttl {
    font-weight: bold;
    line-height: 100%;
    letter-spacing: 2px;
}

.paper_name {
    font-weight: bold;
    letter-spacing: 2px;
}

.paper_txt {
    line-height: 176%;
}

.paper_link_box {
    margin-left: auto;
}

@media (min-width: 904px) {
    .paper_ttl_area {
        width: 37%;
    }
}

@media (max-width: 903px) {
    .paper_ttl_area {
        width: 30%;
    }
}

.paper_link_box li {
    position: relative;
    font-weight: bold;
    text-align: center;
    border-radius: 30px;
    opacity: 1;
    transition: 1s;
}

.paper_link_box li:not(:last-child) {
}

.paper_link_box li:hover {
    opacity: .7;
}

.paper_link_box li a {
    display: block;
}

.paper_link_box li.paper_trial a:before, .paper_link_box li.paper_work a:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 12px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
}

.paper_link_box li span {
    position: absolute;
}

.paper_link_btn {
}

.paper_trial {
    background-color: #ff5400;
}

.paper_work {
    background-color: #5eddd4;
}

.paper_amazon,
.paper_book {
    background-color: #000;
}

.paper_amazon a,
.paper_book a {
    color: #fff;
}

.paper_book > a {
    margin-right: -1.5em;
}

.paper_amazon a:hover,
.paper_book a:hover {
    color: #fff;
}

.paper_book {

}

.paper_summary {
}

.paper_summary_box {
    background-color: #f2f2f2;
}

.paper_summary_txt {
    letter-spacing: 0;
}

.paper_privilege {
}

.paper_privilege_box {
}

.paper_privilege_info {
}

.paper_privilege_txt {
}

.paper_privilege_img {
}

.paper_privilege_caution {
    font-size: 12px;
    letter-spacing: 0;
}

.paper_ebooklist_link_btn {
    position: relative;
    background-color: #5eddd4;
    max-width: 480px;
    font-weight: bold;
    text-align: center;
    border-radius: 100px;
    opacity: 1;
    transition: 1s;
}

.paper_ebooklist_link_btn:hover {
    opacity: .7;
}

.paper_ebooklist_link_btn a {
    display: block;
}

.paper_ebooklist_link_btn a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transform: rotate(45deg);
}

@media (max-width: 575px),(min-width: 576px) {
    .contents_paper {
        padding-bottom: 60px !important;
    }

    .contents_paper .h2ttl {
        padding: 22px 0 20px 37px;
    }

    .contents_paper .h2ttl_comic {
        padding: 22px 0 20px 37px;
    }

    #paper {
        padding: 0 20px;
    }

    #paper h3 {
        padding: 0 0 13px 12px;
        letter-spacing: 2.5px;
        margin-bottom: 20px;
    }

    #paper h3:before {
        content: "";
        position: absolute;
        background-color: #5eddde;
        top: 0;
        left: 0;
        width: 5px;
        height: 17px;
        border-radius: 37%;
    }

    .paper_box {
        margin: 31px 0 0;
    }

    .paper_box:not(:first-child) {
        margin: 31px 0 0;
    }

    .paper_main_box {
        margin: 0 0 29px 0;
    }

    .paper_img {
        border: solid 2px #000;
        width: 48%;
        margin: 0;
    }

    .paper_link_box {
        width: 48%;
        padding: 0;
    }

    .paper_link_box li {
        font-size: 12px;
        letter-spacing: 0;
    }

    .paper_link_box li:not(:last-child) {
        margin-bottom: 10px;
    }

    .paper_amazon,
    .paper_book {
        letter-spacing: 1px;
        padding-left: 15px;
    }

    .paper_amazon img,
    .paper_book img {
        margin-left: -7px;
    }

    .paper_link_box li a {
        padding: 8px 0 6px;
    }

    .paper_link_box li span {
        width: 18px;
        top: 7px;
        left: 10px;
    }

    .paper_ttl {
        font-size: 18px;
    }

    .paper_name {
        font-size: 15px;
        padding-top: 8px;
    }

    .paper_txt {
        font-size: 12px;
        margin: 12px 0 0 -5px;
    }

    .paper_summary {
        margin: 20px 0 0 0;
    }

    .paper_summary_box {
        padding: 20px 15px 12px 21px;
    }

    .paper_summary_txt {
        font-size: 12px;
        line-height: 180%;
    }

    .paper_privilege {
        margin: 20px 0 0;
    }

    .paper_privilege h4 {
        margin-bottom: 19px;
    }

    .paper_privilege_box {
        margin: 0 0 15px;
    }

    .paper_privilege_info {
        width: 31%;
    }

    .paper_privilege_info:nth-child(3n+1) {
        margin-right: 10px;
    }

    .paper_privilege_info:nth-child(3n) {
        margin-left: auto;
    }

    .paper_privilege_info:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
        margin-top: 20px;
    }

    .paper_privilege_txt {
        font-size: 10px;
        line-height: 100%;
        letter-spacing: 0;
        margin-bottom: 7px;
    }

    .paper_privilege_img {
        border: 1px solid #000;
    }

    .paper_privilege_caution {
        line-height: 150%;
    }

    .paper_ebooklist_link_btn {
        font-size: 12px;
        letter-spacing: 0;
        margin: 39px auto 60px;
    }

    .paper_ebooklist_link_btn a {
        padding: 12px;
    }

    .paper_ebooklist_link_btn a:before {
        right: 12px;
        width: 6px;
        height: 6px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
    }
}

@media (max-width: 767px) {
    h4.h4_paper {
        margin-top: 31px;
    }
}

@media (min-width: 768px) {
    .contents_paper {
        padding-bottom: 120px !important;
    }

    .contents_paper .h2ttl {
        padding: 25px 0 25px 101px;
        letter-spacing: 2px;
    }

    .contents_paper .h2ttl_comic {
        padding: 25px 0 25px 101px;
        letter-spacing: 2px;
    }

    #paper h3 {
        font-size: 24px;
        margin-bottom: 39px;
        padding: 0 0 18px 17px;
        letter-spacing: 3px;
    }

    #paper h3:before {
        height: 24px;
    }

    h4.h4_paper {
        margin-top: 55px;
    }

    .paper_box {
        margin: 55px auto 0;
    }

    .paper_box:not(:first-child) {
        margin: 55px auto 0;
    }

    .paper_img {
        width: 240px;
        margin-right: 45px;
    }

    .paper_link_box {
        background-color: #f2f2f2;
        width: 29%;
        height: 296px;
        padding: 41px 2% 0;
    }

    .paper_link_box li {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .paper_link_box li:not(:last-child) {
        margin-bottom: 16px;
    }

    .paper_amazon,
    .paper_book {
        letter-spacing: 2px;
    }

    .paper_link_box li a {
        padding: 11px 0 10px;
    }

    .paper_link_box li span {
        width: 24px;
        top: 10px;
        left: 21px;
    }

    .paper_ttl {
        font-size: 19px;
    }

    .paper_name {
        font-size: 16px;
        padding-top: 14px;
    }

    .paper_txt {
        font-size: 14px;
        margin: 15px 0 0 -6px;
    }

    .paper_summary {
        margin: 30px 0 0;
    }

    .paper_summary_box {
        padding: 33px 40px;
    }

    .paper_summary_txt {
        font-size: 14px;
        line-height: 200%;
    }

    .paper_privilege {
        margin: 30px 0 0;
    }

    .paper_privilege_box {
        margin: 23px auto 36px;
        max-width: 1000px;
        zoom: 1;
        overflow: hidden;
    }

    .paper_privilege_info {
        width: 31%;
        margin: 0 1% 10px !important;
        padding: 0 !important;
    }

    .paper_privilege_info img {
        width: 100%
    }

    .paper_privilege_side {
        width: 23%;
    }

    .paper_privilege_side img {
        width: 100%
    }

    .paper_privilege_txt {
        font-size: 12px;
        line-height: 160%;
        margin-bottom: 8px;
        letter-spacing: 1px;
    }

    .paper_privilege_img {
        border: 2px solid #000;
    }

    .paper_privilege_caution {
        line-height: 190%;
    }

    .paper_ebooklist_link_btn {
        font-size: 14px;
        letter-spacing: 1px;
        margin: 74px auto 118px;
    }

    .paper_ebooklist_link_btn a {
        padding: 21px;
    }

    .paper_ebooklist_link_btn a:before {
        right: 21px;
        width: 10px;
        height: 10px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
    }
}

/*----------------------------------
		漫画を読むページ
		read_comic
----------------------------------*/
.menu_02 {
    margin-top: 20px;
}

.comic_category_box {
    max-width: 1000px;
}

.comic_category_box:last-child {
}

.category_area {
    display: flex;
    flex-direction: column;
}

.order1 {
    order: 1;
}

.order2 {
    order: 2;
}

.comic_genre {
    background: #5eddd4;
    border-radius: 20px !important;
    display: inline-block !important;
}

.comic_genre:last-child {
    margin: 0 !important;
}

.comic_genre.selected_genre {
    background: #ff60ab;
}

.comic_wrap {
    max-width: 1000px;
    min-height: 330px;
}

#more_book {

}

#update_more {
    display: grid;
    display: -ms-grid;
}

.read_comic_size {

}


.read_comic_info_img {
    border-radius: 7px;
    overflow: hidden;
    max-width: 235px;
    margin-top: 9px;
    position: relative;
}

#leftContent .read_comic_info_img a:hover {
    display: block;
}

.read_comic_info_img img {
    width: 100%;
}

.read_comic_info_img span {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    left: 0;
    font-weight: bold;
    padding-left: 8px;
    background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px) {
    .read_comic_info_img span {
        font-size: 8px;
        line-height: 153%;
    }
}

.update_link_more {
    margin: 40px 0 0;
    text-align: center;
    opacity: 1;
    transition: 1s;
}

.update_link_more:hover {
    opacity: .7;
}

.update_link_more a {
    background-color: #5eddd4;
    display: block;
    padding: 14px 0;
    margin: 0 auto;
    border-radius: 50px;
}

.update_link_more a:hover {
    text-decoration: none;
    color: #000;
    display: block !important;
}

@media (max-width: 575px) {
    #update_more {
        grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3 - 5px), 1fr));
        grid-gap: 5px;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
    }

}

@media (min-width: 576px) {
    #update_more {
        grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3 - 10px), 1fr));
        grid-gap: 10px;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
    }

    .header_logo {
        width: 143px;
    }
}

@media (max-width: 575px),(min-width: 576px) {
    .comic_category_box {
        margin: 20px auto 10;
    }

    .comic_category_box:last-child {
        margin: 20px auto 0;
    }

    .comic_wrap {
        padding: 0 20px;
        min-height: 200px;
    }

    .comic_category_box {
        padding: 0 20px;
    }

    .comic_genre {
        /*padding: 4px 8px!important;*/
        margin: 0 11px 13px 0 !important;
    }

    .comic_genre a {
        text-decoration: none;
        display: block;
        padding: 4px 8px !important;
    }

    .comic_wrap {
        margin: 10px 0;
    }

    .update_link_more a {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .sub h3,
    .comic_box h3 {
        padding: 0 0 12px 12px;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .sub h3:before,
    .comic_box h3:before {
        content: "";
        position: absolute;
        background-color: #5eddde;
        top: 0;
        left: 0;
        width: 5px;
        height: 17px;
        border-radius: 37%;
    }

    .comic_box h3 {
        padding: 0 0 12px 12px;
        letter-spacing: 1px;
        margin-bottom: 16px;
    }

}

@media (min-width: 768px) {
    h3.comic_ttl {
        margin-bottom: 30px;
    }

    .comic_category_box {
        margin: 20px auto 10px;
    }

    .comic_category_box:last-child {
        margin: 20px auto 0;
    }

    .comic_genre {
        /*padding: 7px 25px!important;*/
        margin: 0 16px 16px 0 !important;
    }

    .comic_genre a {
        text-decoration: none;
        display: block;
        padding: 7px 25px !important;
    }

    .comic_wrap {
        margin: 30px auto 30px;
    }

    #update_more {
        grid-gap: 20px;
        grid-template-columns: repeat(auto-fill, minmax(calc(100% / 4 - 20px), 1fr));
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
    }

    .update_link_more a {
        max-width: 240px;
    }
}

@media (min-width: 1200px) {
    #update_more {
        grid-template-columns: repeat(auto-fit, minmax(auto, 235px));
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
    }

    .comic_category_box {
        padding: 0;
    }

    .comic_wrap {
        padding: 0;
    }
}

/*----------------------------------
		新人賞応募フォーム・お問い合わせフォーム
		application・contact
----------------------------------*/

#contact {
    font-weight: bold;
}

#contact span {
    color: #ff7e29;
}

#contact .contact_txt {
}

#contact .phase_box {
    position: relative;
    display: flex;
    justify-content: space-between;
}

#contact .phase_box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
}

#contact .phase_box li {
    background-color: #fff;
    z-index: 1;
}

#contact .phase_box span {
    color: #5eddd4;
}

#contact table {

}

#contact table table {
    margin: 0;
}

#contact tr {
    display: block;
}

#contact th {
    display: block;
}

#contact td {
    display: block;
}

@media (max-width: 575px),(min-width: 576px) {
    #contact {
        padding: 24px 20px 60px;
    }

    #contact .contact_txt {
        letter-spacing: 0;
        line-height: 205%;
    }

    .phase_box {
        margin: 28px 0 0;
    }

    .phase_box02 {
        margin: 0 0 28px !important;
    }

    .phase_box li:nth-child(1) {
        padding: 0 5px 0 0;
        letter-spacing: 2px;
    }

    .phase_box li:nth-child(2) {
        padding: 0 10px;
    }

    .phase_box li:nth-child(3) {
        padding: 0 0 0 10px;
    }

    #contact table {
        width: 100%;
        margin: 51px 0 0;
        padding: 0;
    }

    #contact tr:not(:last-child) {
        margin: 0 0 15px;
    }

    #contact th {
        margin-bottom: 3px;
    }

    #contact input,
    #contact select,
    #contact textarea {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 9px;
    }

    #contact input,
    #contact textarea {
        padding: 8px 12px;
    }

    #contact select {
        height: 39px;
        text-indent: 8px;
        background-color: #fff;
        -webkit-appearance: button; /* chrome,safariのデフォルト設定を解除 */
        -moz-appearance: none; /* firefoxのデフォルト設定を解除 */
        appearance: button;
    }

    #contact select::-ms-expand { /* IE10以上で▼を非表示 */
        display: none;
    }

    .olg_select::after {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-bottom: solid 2px #b4b3b3;
        border-right: solid 2px #b4b3b3;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 66%;
        right: 10px;
        margin-top: -4px;
    }

    #contact .row {
        display: flex;
    }

    #contact .nenrei,
    #contact .gakunen,
    #contact .toukou,
    #contact .keisai,
    #contact .hyoka,
    #contact .asisutant,
    #contact .syokugyo {
        display: inline-block;
        padding: 0;
    }

    #contact .nenrei,
    #contact .gakunen,
    #contact .toukou,
    #contact .keisai {
        width: 47%;
    }

    #contact .nenrei,
    #contact .gakunen,
    #contact .hyoka {
        margin: 0 0 15px;
    }

    #contact .contact_privacy {
        font-weight: 500;
        line-height: 170%;
        letter-spacing: 0.5px;
        margin-top: 33px;
    }

    #contact button {
        position: relative;
        background-color: #5eddd4;
        width: 100%;
        font-weight: bold;
        letter-spacing: 2px;
        border: none;
        border-radius: 40px;
        padding: 10px 0;
        margin-top: 42px;
        opacity: 1;
        transition: 1s;
        color: black;
    }

    #contact button:hover {
        opacity: .7;
    }

    #contact button:before {
        content: "";
        position: absolute;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        width: 5px;
        height: 5px;
        top: 0;
        bottom: 0;
        right: 14px;
        margin: auto 0;
        transform: rotate(45deg);
    }
}

@media (min-width: 768px) {
    #contact {
        padding: 58px 20px 120px;
        max-width: 840px;
    }

    #contact .w_400 {
        width: 400px;
    }

    #contact .contact_txt {
        text-align: center;
        line-height: 205%;
    }

    .phase_box {
        margin: 51px 0 0;
        margin-top: 20px;
    }

    .phase_box02 {
        margin: 0 0 51px;
    }

    .phase_box li:nth-child(1) {
        padding: 0 20px 0 0;
        letter-spacing: 1px;
    }

    .phase_box li:nth-child(2) {
        padding: 0 20px;
    }

    .phase_box li:nth-child(3) {
        padding: 0 0 0 20px;
    }

    #contact table {
        margin: 73px 0 0;
        margin-top: 30px;
    }

    #contact tr:not(:last-child) {
        margin: 0 0 26px;
    }

    #contact th {
        margin-bottom: 6px;
    }

    #contact input,
    #contact select,
    #contact textarea {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 9px;
    }

    #contact input,
    #contact textarea {
        padding: 20px 12px;
    }

    #contact select {
        height: 63px;
        text-indent: 12px;
    }

    #contact .row {
        display: block;
    }

    #contact .nenrei,
    #contact .gakunen,
    #contact .toukou,
    #contact .keisai,
    #contact .hyoka,
    #contact .asisutant,
    #contact .syokugyo {
        margin: 0;
    }

    #contact .nenrei,
    #contact .gakunen {
        width: 160px;
    }

    #contact .toukou,
    #contact .keisai,
    #contact .hyoka,
    #contact .asisutant {
        width: 200px;
    }

    #contact .syokugyo {
        width: 344px;
    }

    #contact .gakunen,
    #contact .syokugyo,
    #contact .keisai,
    #contact .asisutant {
        margin-left: 2%;
    }

    #contact .contact_privacy {
        line-height: 165%;
        letter-spacing: 0;
        margin-top: 33px;
    }

    #contact button {
        width: 480px;
        margin: 42px auto 0;
        padding: 22px 0;
    }

    #contact button:before {
        width: 10px;
        height: 10px;
        right: 20px;
    }
}

@media (min-width: 880px) {
    #contact {
        margin: 58px auto 120px;
        padding: 0;
        margin-top: 20px;
    }

    #contact li:nth-child(1) {
        padding: 0 20px 0 75px;
    }

    #contact li:nth-child(3) {
        padding: 0 40px 0 20px;
    }
}

/*add taguchi*/

@media (min-width: 768px) {

    .sns_nav {
        display: none;
        position: absolute;
        top: 115px;
        right: -3%;
        background-color: #000;
        z-index: 1;
        padding: 15px;
        color: #fff;
        z-index: 3;
        animation-duration: .3s;
        animation-name: balloon;
    }

    .sns_nav:hover {
        display: block;
    }

    @keyframes balloon {
        0% {
            display: none;
            opacity: 0;
            top: 100px;
        }

        1% {
            display: block;
            opacity: 1;
            top: 100px;
        }

        100% {
            display: block;
            opacity: 1;
            top: 115px;
        }
    }

    .sns_nav:before {
        content: "";
        width: 15px;
        height: 15px;
        transform: rotate(45deg);
        background-color: #000;
        position: absolute;
        top: -8px;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 3;
    }

    .sns_nav ul {
        margin: 0;
    }

    .sns_nav li {
        /*padding: 10px 18px;*/
        /* padding: 10px; */
    }

    .sns_nav li:nth-child(1) {
        background-color: #43439d;
    }

    .sns_nav li:nth-child(2) {
        background-color: #56abe1;
    }

    .sns_nav li:nth-child(3) {
        background-color: #00b900;
    }

    .sns_nav li a {
        color: #fff;
    }

    .sns_nav li a:hover {
        text-decoration: none;
    }

    li.sns_li {
        display: inline-block;
    }

    li.sns_li a {
        display: block;
        width: 100%;
        line-height: 45px;
    }

    .sns_nav li a span:first-child {
        /*padding-right: 18px;*/
        padding-right: 0px;
    }
}

header h1 {
    display: block !important;
}

h1 {
    width: 170px;
    margin: 15px auto 0;
}

h1 img {
    width: 170px !important;
}

@media (max-width: 768px) {
    header h1 {
        display: block !important;
    }

    h1 {
        width: 137px;
        margin: 0 auto;
    }

    h1 img {
        width: 137px !important;
    }
}

/*-
*ヘッダー
*/
@media (min-width: 768px) {
    .sns_nav {
        -moz-transition: all 0.5s ease-in-out; /* Firefox */
        -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
        -o-transition: all 0.5s ease-in-out; /* Opera */
        transition: all 0.5s ease-in-out;
    }

    form.header_form button:before {
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        top: calc(50% - 11px);
        left: calc(50% - 10px);
        border-radius: 50%;
        box-shadow: 0 0 0 2px #000;
    }

    form.header_form button:after {
        position: absolute;
        content: "";
        width: 4px;
        height: 8px;
        top: calc(50% - 3px);
        left: calc(50% - 5px);
        border-top: 2px solid #000;
        transform: rotate(45deg);
    }

    .header_retrieval {
        padding-top: 35px;
    }

    /* header{
		height:120px !important;
		} */
}

.nav_icon {
    max-width: 430px;
    margin-top: 30px;
}

.nav_icon li {
    padding: 0 15px !important;
}

.header_info {
    position: relative;
    width: 100%;
    padding: 12px 0 11px !important;
}

.retrieval_icon a {
    position: absolute;
    top: 40px;
    right: 75px;
    width: 40px;
    height: 40px;
    cursor: default;
}

.retrieval_icon a:before {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    top: calc(50% - 32px);
    left: calc(50% + 44px);
    border-radius: 50%;
    box-shadow: 0 0 0 2px #000;
}

.retrieval_icon a:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 7px;
    top: calc(50% - 19px);
    left: calc(50% + 52px);
    border-top: 2px solid #000;
    transform: rotate(45deg);
}

.nav_btn {
    width: 50px !important;
    height: 50px !important;
    left: 18px !important;
    float: left;
    margin-right: 0;
}

.nav_btn {
    background-color: #5eddd4;
    position: inherit;
    top: -2px;
    left: 39px;
    z-index: 1000;
    transition: .35s ease-in-out;
    border-radius: 50%;
}

@media (min-width: 768px) {
    .nav_btn {
        top: 24px;
        left: 40px;
    }

    .retrieval_icon a {
        position: absolute;
        top: 67px;
        right: 75px;
    }
}

@media (max-width: 768px) {
    .nav_btn {
        top: 0;
    }

    .retrieval_icon a {
        top: 40px;
    }
}

.nav_btn span {
    width: 42%;
    border-bottom: 2px solid #000;
    transition: .35s ease-in-out;
    position: absolute;
    left: 0;
    right: 0px;
    margin: 0 auto;
}

.nav_btn span:nth-child(1) {
    top: 32%;
}

.nav_btn span:nth-child(2) {
    bottom: 46%;
}

.nav_btn span:nth-child(3) {
    bottom: 30%;
}

/*-
*フッター
*/
@media screen and (max-width: 767px) {
    .footer_nav li {
        padding: 6px 0 13px 27px !important;
        font-size: 14px !important;
    }

    .footer_inline {
        margin-left: 7px;
        margin-right: 10px;
        margin-top: -13px;
    }

    .copyright {
        font-size: 13px !important;
        padding: 17px 0 !important;
    }
}

.header_nav_right {
    position: absolute;
    top: 0;
    right: 70px;
    width: 34%;
    vertical-align: top;
    vertical-align: middle;
}

.header_nav_left {
    position: absolute;
    top: 0;
    left: 70px;
    width: 33%;
    vertical-align: top;
    vertical-align: middle;
}

.header_nav_right ul,
.header_nav_left ul {
    position: relative;
    width: 100%;
    margin: 0;
    text-align: center;
}

.header_nav_right li,
.header_nav_left li {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    height: 89px;
    padding-top: 41px;
    padding: 53px 10px 0;
    white-space: nowrap;
}

@media (max-width: 930px) {
    .header_nav_right li,
    .header_nav_left li {
        font-size: 12px;
        padding: 53px 2px 0;
    }
}

.header_nav_right li:last-child a:hover {
    opacity: 1;
}

.header_nav_right li a {
    color: #000;
    display: block;
}

.header_nav_right li a:hover {
    text-decoration: none;
}

.header_nav_left li:last-child a:hover {
    opacity: 1;
}

.header_nav_left li a {
    color: #000;
    display: block;
}

.header_nav_left li a:hover {
    text-decoration: none;
}

@media (max-width: 768px) {
    .header_nav_left,
    .header_nav_right {
        display: none !important;
    }
}

.new_series_slider_out {
    background: #000;
}

/*new_series_slider*/
.new_series_slider {
    background-color: #000;
    position: relative !important;
    margin: 0 auto;
}

.new_series_slider .slick-slide {
    padding: 0;
}

.new_series_slider .clearfix {
    /*width:100%;
	max-width:1000px;*/
    width: 1000px;
    position: relative;
}

@media (max-width: 999px) {
    .new_series_slider .clearfix {
        width: 100%;
        max-width: 1000px;
        position: relative;
    }
}

.new_series_slider .new_series_txt {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 20px;
    color: #fff;
    letter-spacing: 8px;
    font-weight: bold;
    width: 12%;
    line-height: 210%;
    margin: 0 0 0 0 !important;
}

.new_series_slider .new_series_img {

}

@media (max-width: 767px) {
    .new_series_slider .new_series_img_pc {
        display: none;
    }

    .new_series_slider .new_series_img_sp {
        display: block;
        width: 88%;
    }

    .new_series_slider .new_series_txt {
        font-size: 20px !important;
        margin: auto;
        width: 12%;
        height: auto;
        text-align: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
    }
}

@media (min-width: 768px) {
    .new_series_slider .slick-slide {
        position: relative;
    }

    .new_series_slider .clearfix {
        display: table !important;
    }

    .new_series_box {
        display: table-cell !important;
        width: 40%;
        font-weight: bold;
        vertical-align: top;
    }

    .new_series_box_icon {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 6px;
        padding-left: 7px;
        font-weight: bold;
        letter-spacing: 0;
    }

    .new_series_box_icon:after {
        position: absolute;
        content: "";
        border: 35px solid transparent;
        border-top-color: #ff5400;
        border-left-color: #ff5400;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .new_series_box_work {
        color: #fff;
        font-size: 18px;
        padding-top: 59px;
    }

    .new_series_box_ttl {
        color: #ff5400;
        font-size: 18px !important;
        padding-top: 26px;
        padding: 10px 10px 0;
    }

    .new_series_box_name {
        color: #fff;
        padding-top: 26px;
    }

    .new_series_box_link {
        position: relative;
        font-weight: normal;
        max-width: 309px;
        margin: 23px auto;
        background-color: #ff5400;
        height: 50px;
        border-radius: 33px;
        line-height: 385%;
        transition: 1s;
    }

    .new_series_box_link:hover {
        /*opacity: .7;*/
    }

    .new_series_box_link a {
        display: block;
        color: #000;
        font-size: 16px;
        font-weight: bold;
    }

    .new_series_box_link a:hover {
        text-decoration: none;
        opacity: 1;
        color: #000;
    }

    .new_series_box_link a:before {
        position: absolute;
        content: "";
        width: 26px;
        border-top: 2px solid #000;
        top: 29px;
        right: 35px;
        height: 2px;
    }

    .new_series_box_link a:after {
        position: absolute;
        content: "";
        width: 14px;
        border-top: 2px solid #000;
        top: 24px;
        right: 33px;
        transform: rotate(45deg);
        height: 2px;
    }

    .new_series_slider .new_series_img_sp {
        display: none;
    }

    .new_series_slider .new_series_img_pc {
        display: table-cell !important;
        width: 60%;
        height: 100% !important;
        background-color: #fff;
    }

    .new_series_slider .new_series_img_pc a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

    .new_series_slider .new_series_img_pc a img {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 999px) {
    .new_series_box {
        display: table-cell !important;
        width: 40vw;
        font-weight: bold;
        vertical-align: top;
    }

    .new_series_slider .new_series_img_pc {
        display: none !important;
    }

    .new_series_slider .new_series_img_sp {
        display: block !important;
        width: 60vw;
    }

    .new_series_box_work {
        padding-top: 5vw;
    }

    .new_series_box_link {
        margin: 10px auto;
    }

    .new_series_box_name {
        padding-top: 18px;
    }
}

/*paperback*/
.recommended {
    width: 100%;
    overflow-x: hidden !important;
    padding: 0 0 35px 0;
}

.paperback {
    width: 100%;
    overflow-x: hidden !important;
    background-color: #fff;
    padding: 0 0 30px 0;
}

.paperback_box {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    zoom: 1;
    overflow: hidden;
}

.paperback_slider {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    zoom: 1;
    overflow: hidden;
}

.paperback_set {
    float: left !important;
    width: 182px !important;
    margin: 0 5px 0 !important;
    text-align: left;
    white-space: normal !important;
}

.paperback_img {
    overflow: hidden;
    width: 180px;
    margin-bottom: 15px;
    border-radius: 7px;
}

.paperback_set div {
    width: 180px;
}

.paperback_name {
    font-weight: bold;
    line-height: 150%;
    white-space: normal !important;
}

.paperback_volume {
    line-height: 150%;
}

/*recommended*/
.recommended_box {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    zoom: 1;
    overflow: hidden;
}

.recommended_slider {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    zoom: 1;
    overflow: hidden;
}

.recommended_set {
    float: left !important;
    width: 182px !important;
    margin: 0 5px 0 !important;
    text-align: left;
}

.recommended_img {
    overflow: hidden;
    width: 180px;
    border-radius: 7px;
}

.recommended_img img {
    width: 100%;
}

.recommended .recommended_img {
    overflow: hidden;
    position: relative;
}

.recommended_slider .slick-slide {
    /* width: auto !important; */
    margin: 0 10px;
    max-width: 260px;
    padding: 0;
}

@media screen and (max-width: 670px) {
    .recommended_img {
        overflow: hidden;
        width: 140px;
        border-radius: 7px;
    }

    .recommended_set {
        width: 260px !important;
    }

    .recommended_set .img_hov {
        width: 260px !important;
    }

    .recommended_img img {
        width: 100% !important;
    }
}

@media screen and (max-width: 380px) {
    .recommended_img {
        overflow: hidden;
        width: 140px;
        border-radius: 7px;
    }

    .recommended_set {
        width: 140px !important;
    }

    .recommended_set .img_hov {
        width: 140px !important;
        margin: 0 5px;
    }

    .recommended_img img {
        width: 140px !important;
    }
}

.recommended .recommended_img span {
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    left: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: 153%;
    padding-left: 8px;
}

/*banner*/
.banner_wrap {
    max-width: 1000px;
    margin: 40px auto 0;
    display: table;
}

.twitter_box {
    width: 504px !important;
    display: table-cell;
    vertical-align: top;
}

.twitter-timeline {
    width: 504px !important;
}

.banner_box {
    display: table-cell;
    vertical-align: top;
}

.banner_box .set {
    width: 100%;
    margin: 0;
    display: table;
}

.banner_box .set .float {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding-left: 10px;
}

.banner_box .set .float div {
    margin-bottom: 10px;

}

.banner_box .set .float img {
    width: 100%;
    height: auto;
}

/*作品詳細　work_latest*/

.work_latest {
    background-color: #5eddd4;
    padding: 0;
}

.work_latest .col-sm-8 {
    padding: 0;
}

.work_latest_info {
    position: relative;
    display: table;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}

.work_latest_info .latest_info_img {
    width: 68%;
    display: table-cell;
    vertical-align: top;
}

.work_latest_info .latest_r {
    display: table-cell;
    vertical-align: top;
}

@media (max-width: 767px) {
    .work_latest_info {
        position: relative;
        display: block;
        max-width: 1000px;
        margin: 0 auto;
        padding: 0;
    }

    .work_latest_info .latest_info_img {
        width: 100%;
        display: block;
        vertical-align: top;
    }

    .work_latest_info .latest_r {
        width: 100%;
        display: block;
        vertical-align: top;
    }
}

.work_latest_info .latest_info_img img {
    width: 100%;
}

.work_latest_info .latest_info_box {
}

.work_latest_info .latest_info_date {
    color: #000;
    line-height: 100%;
}

.work_latest_info .latest_info_ttl {
    color: #000;
    font-weight: bold;
    line-height: 100%;
}

.work_latest_info a {
    display: block;
}

.work_latest_info a:hover {
    text-decoration: none;
}

/* 作品ページのTwitterなどシェアボタン用 */
.latest_info_link_btn02-2 a {
    display: inline;
}

.work_latest_info .latest_info_link_btn01 {
    background-color: #ff5400;
    line-height: 100%;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    transition: 1s;
    opacity: 1;
}

.work_latest_info .latest_info_link_btn01:hover {
    opacity: .7;
}

.work_latest_info .latest_info_link_btn01 a {
    color: #fff;
}

.work_latest_info .latest_info_link_btn02 {
    background-color: #fff;
    transition: 1s;
    opacity: 1;
    text-align: center;
    font-size: 1.2em;
}

.work_latest_info .latest_info_link_btn02 a span {
    vertical-align: -1px
}

.work_latest_info .latest_info_link_btn02 a span img {
    margin-right: 8px;
    margin-bottom: 3px;
}

.work_latest_info .latest_info_link_btn02:hover {
    opacity: .7;
}

.work_latest_info .latest_info_link_btn02 a {
    color: #000;
    position: relative;
}

/* .work_latest_info .latest_info_link_btn02 span{
	background-color: #09a4e4;
} */

/* .work_latest_info .latest_info_link_btn02 span:last-child:before {
	content: "";
	position: absolute;
	background-color: #09a4e4;
	top: 0;
	bottom: 0;
	left: -2px;
	width: 5px;
	height: 5px;
	margin: auto 0;
	transform: rotate(45deg);
} */

.category_link_box {
    margin: 19px 0 0;
}

.category_link_box li {
    background-color: #69757e;
    margin: 0 5px 5px 0;
    letter-spacing: 0;
    font-size: 12px;
    line-height: 100%;
    border-radius: 2px;
    transition: 1s;
    opacity: 1;
}

.category_link_box li:hover {
    opacity: .7;
}

.category_link_box li a {
    color: #fff;
    padding: 4px 4px;
    display: block;
}

.category_link_box li a:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    .work_latest_info {
        padding: 5px 5px;
    }

    .latest_info_img {
        padding: 0;
    }

    .latest_info_box {
        padding: 15px;
        margin: 0 auto;
        min-width: 317px;
    }

    .latest_info_date {
        font-size: 17px;
    }

    .latest_info_ttl {
        padding: 15px 0 15px 0;
        font-size: 16px;
    }

    .latest_info_link_btn01 a {
        padding: 14px 0;
    }

    .latest_info_link_btn02 {
        /* width: 200px; */
        width: 50%;
        margin: 20px 0 0;
        font-size: 1.2em;
    }

    .latest_info_link_btn02 a {
        /* padding: 5px 0 5px 22px; */
        padding: 5px;
    }

    .latest_info_link_btn02 span:first-child {
        padding-right: 4px;
    }

    .latest_info_link_btn02 span:last-child {
        right: -73px;
        padding: 1px 10px;
    }
}


header {
    max-width: 1000px !important;
    margin: 0 auto !important;
}

#contents,
#footer,
#leftContent,
#topics {
    /*max-width:1000px !important;*/
    overflow: hidden;
    margin: 0 auto !important;
}

#topics ol {
    max-width: 1000px !important;
    overflow: hidden;
    margin: 0 auto !important;
}

/*----------------------------------
		更新予定
		schedule
----------------------------------*/

.comic_wrap a:hover {
    width: 100%;
}

.schedule_text01 {
    max-width: 960px;
}

.schedule_text02 {
    max-width: 960px;
}

@media (max-width: 575px),(min-width: 576px) {
    .schedule_text01 {
        margin: 30px 20px 0;
    }

    .schedule_text02 {
        margin: 20px 20px;
    }
}

@media (min-width: 1000px) {
    .schedule_text01 {
        margin: 30px auto 0;
    }

    .schedule_text02 {
        margin: 0 auto 20px;
    }
}

/* --ハンバーガーメニューの文字の大きさ -- */
@media (max-width: 767px) {
    .g_nav > .nav_menu:nth-child(2) {
        font-size: 14px;
    }

    .g_nav > .nav_menu:first-child {
        font-size: 14px;
    }
}

.contact_info_pc {
    display: block !important;
}

.contact_info_sp {
    text-align: center;
    display: none !important;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .contact_info_pc {
        display: none !important;
    }

    .contact_info_sp {
        text-align: center;
        display: block !important;
    }
}

.h2_area_comic {
    background-color: #5eddd4;
}

.h2ttl_comic {
    font-weight: bold;
    color: #000;
    position: relative;
    max-width: 1400px;
    margin: 0;
}

#history_back {
    margin-bottom: 20px;
    position: relative;
}

#history_back:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 20px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(-135deg);
}

.btn-meteor, .btn-meteor:hover {
    color: #fff !important;
    background-color: #000;
    border-color: #000;
}

.btn-polaris, .btn-polaris:hover {
    color: #000 !important;
    background-color: #5eddd4;
    border-color: #5eddd4;
}

.btn-mysite, .btn-mysite:hover {
    color: #000 !important;
    background-color: #5eddd4;
    border-color: #5eddd4;
}

/* 作品ページAD */
@media screen and (max-width: 479px) {
    .google-ads{max-width:320px}
}
@media only screen and (min-width: 480px) {
    .google-ads{max-width:100%}
}