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;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

.body_img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 1400px;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	transition-duration: 1s;
	opacity: 1;
	color: #000;
}

.header_nav a {
	transition-duration: 0s;
}
a:hover {
	opacity: 0.7;
	/*display: block;*/
}

.category_list li{
	word-break: break-all;
}

/*.img_hov img {
	transition: 0.5s;
}

.img_hov img:hover {
	transform: scale(1.08);
}

.img_hov a:hover {
	opacity: 1;
}*/

.border_none {
	border: none!important;
}

.text_orange {
	color: #ff5400;
}

.comic_box{
	min-height: 500px;
}

.moreEpi{
	display: none;
}

.row .error{
	position: absolute;
}

.tit_02:first-child{
	margin-top:0 !important;
}

.search_area input{
	min-height: 21px;
}

_:-ms-fullscreen, :root .hatena-bookmark-button {
	vertical-align: top !important;
	display: inline-block !important;

}

@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:575px) {
	.work_episode h3 {
		letter-spacing: 1px;
		margin-bottom: 23px;
	}

	.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: 65%;
	}

	.work_story_txt {
		font-size: 12px;
	}

	.work_story_video {
		height: 190px;
	}

	.work_story_video iframe {
		height: 190px;
	}

	.work_info_ttl {
		font-size: 12px;
	}

	.work_info_link_btn span {
		width: 15px;
	}

	.work_author_intro_txt {
		font-size: 12px;
	}

}

@media (min-width:576px) {
	.work_story_video {
		height: 360px;
	}

	.work_story_video iframe {
		height: 360px;
	}

}


@media (max-width:575px),(min-width:576px) {
	.contents_work {
		/*padding-bottom: 40px;*/
		position: relative;
	}
	.h2_area {
		border-bottom: 1px solid #ff5400;
	}

	.h2ttl {
		line-height: 110%;
		padding: 13px 0 11px 55px;
		font-size: 16px;
		letter-spacing: 1px;
	}

	.h2ttl span {
		font-size: 10px;
	}

	.h2ttl:before {
		top: 17px;
		left: 18px;
		width: 86px;
		height: 86px;
		border-top: 1px solid #ff5400;
	}

	h3 {
		font-size: 18px;
		padding-bottom: 10px;
		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 13px 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 a {
		padding: 13px 0;
	}

	.latest_info_link_btn02 {
		width: 230px;
		margin: 20px 0 0;
	}

	.latest_info_link_btn02 a {
		padding: 9px 0 9px 28px;
	}

	.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: auto;
		left: 250px;
		padding: 1px 7px;
	} */

	.work_next_update {
		margin: 15px 20px 0;
	}

	.work_next_update_txt {
		line-height: 170%;
	}

	.work_episode {
		margin: 15px 20px 45px;
	}

	.work_episode_box {
		padding: 30px 20px;
	}

	.work_episode_table {
		padding: 0 0 10px;
	}

	.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_txt {
		font-size: 14px;
		letter-spacing: 0px;
	}

	.work_episode_txt span {
		font-size: 12px;
		letter-spacing: 0;
	}

	.work_episode_link_btn {
		width: 26%;
		height: 43px;
	}

	.work_episode_link_more {
		font-size: 14px;
		margin: 6px 0 0;
	}

	.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%;
	}

	.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 0;
	}

	.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;
	}

	.work_info_link_btn a {
		padding: 7px 0 7px;
	}

	.work_info_link_btn span {
		top: 6px;
		left: 11px;
	}

	.work_feature {
		margin: 4px 20px 44px;
	}

	.work_author_intro {
		margin: 41px 20px 47px;
	}

	.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: 17px 0 0 0;
	}

	.work_author_intro_link_btn_orange,
	.work_author_intro_link_btn_blue {
		width: 48%;
		font-size: 12px;
	}

	.work_author_intro_link_btn_orange a,
	.work_author_intro_link_btn_blue a {
		padding: 7px 0 7px;
	}

	.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;
	}

	.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 {

	}

	.work_twitter .category_link_box {
		margin: 31px 0 0;
	}

	.work_recommended {
		margin: 38px 20px 0;
	}

	.work_recommended_img {
		width: 31%;
		border: 1px solid #000;
	}
}

/*@media (min-width:576px) {*/
@media (min-width:768px) {
	.h2_area {
		border-bottom: 1px solid #ff5400;
		height: 67px;
	}

	.h2ttl {
		line-height: 99%;
		padding: 15px 0 10px 101px;
		font-size: 24px;
		letter-spacing: 1px;
	}

	.h2ttl span {
		font-size: 12px;
	}

	.h2ttl:before {
		top: 20px;
		left: 19px;
		width: 93px;
		height: 93px;
		border-top: 1px solid #ff5400;
	}

	h3 {
		font-size: 23px;
		padding-bottom: 14px;
		margin-bottom: 36px;
		letter-spacing: 3px;
	}

	.work_next_update {
		margin: 20px auto 0;
	}

	.work_next_update_txt {
		line-height: 190%;
	}

	.work_episode {
		margin: 20px 20px 0;
	}

	.work_episode_box {
		padding: 43px 30px 32px 30px;
	}

	.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_txt {
		font-size: 16px;
		letter-spacing: 2px;
	}

	.work_episode_txt span {
		font-size: 14px;
		letter-spacing: 1px;
	}

	.work_episode_link_btn {
		width: 160px;
		height: 48px;
	}

	.work_episode_link_more {
		font-size: 15px;
		margin: 16px 0 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: 195%;
	}

	.work_story_banner {
		margin: 56px auto 0;
	}

	.work_story_banner > div {
		width: 30%;
	}

	.work_story_banner > div:not(:last-child) {
		/*margin-bottom: 15px;*/
	}

	.work_story_video_box {
		margin: 66px auto 0;
	}

	.work_story_video_ttl {
		letter-spacing: 0.5px;
		line-height: 100%;
		padding-bottom: 15px;
	}

	.work_story_video iframe {
		height: 363px;
	}

	.work_news {
		margin: 70px auto 0;
	}

	.work_info {
		margin: 70px 20px 0;
	}

	.work_info h3 {
		margin: 0 0 32px 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: 1px solid #000;
	}

	.work_info_ttl {
		padding:  14px 0 20px 0;
	}

	.work_info_link_btn {
	}

	.work_info_link_btn a {
		padding: 11px 0 10px;
	}

	.work_info_link_btn span {
		top: 10px;
		left: 16px;
	}

	.work_feature {
		margin: 70px 20px 0;
	}

	.work_author_intro {
		margin: 70px auto 0;
	}

	.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: 30%;
		background-color: transparent;
	}

	.work_twitter_info >div:hover {
		opacity: 1;
	}

	.work_recommended {
		margin: 70px auto 0;
	}

	.work_recommended_img {
		width: 24%;
		border: 1px solid #000;
	}
}

@media (max-width:767px) {
	header {
		border-bottom: 4px solid #ff5400;
	}

	.nav_btn {
		width: 90px;
		height: 90px;
	}

	.after_btn span:nth-of-type(1) {
		transform: translateY(13px) rotate(-45deg);
	}

	.sns_nav {
		display: none;
	}

	.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;
	}

	.news .news_date {
		border-right: 1px solid #000;
		padding-right: 20px;
	}

	.banner_slider .slick-list {
		/*padding: 0 60px!important;*/
	}

	.update_work .update_work_info_img{
		width: 210px;
		height: 210px;
	}

	.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 {
	}

	.footer_nav {
		max-width: 750px;
		padding-top: 50px;
	}

	.footer_nav li {
		padding: 0 0 21px 27px;
		font-size: 28px;
	}

	.footer_nav li:before {
		border-top: 4px solid #ff5400;
		border-right: 4px solid #ff5400;
		position: absolute;
		top: 19%;
		width: 10px;
		height: 10px;
	}

	.copyright {
		font-size: 24px;
		padding: 35px 0;
	}
}
@media (min-width:991px) {
.sns_nav {
		display: none;
		position: absolute;
		top: 115px;
		right: 10%;
		background-color: #000;
		z-index: 1;
		padding: 15px;
		color: #fff;
		z-index: 3;
		animation-duration: .3s;
		animation-name: balloon;
	}
	.news .news_name {
		font-weight: bold;
		padding: 0 15px 0 0;
		border-right: 1px solid #000;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.sns_nav {
		display: none;
		position: absolute;
		top: 115px;
		left: 544px;
		background-color: #000;
		z-index: 1;
		padding: 15px;
		color: #fff;
		z-index: 3;
		animation-duration: .3s;
		animation-name: balloon;
	}
}

@media (min-width:768px) {
	header {
		border-bottom: 2px solid #ff5400;
	}

	.header_hondana {
		background-color: white;
	}

	.header_hondana a {
		display: block;
		margin: auto;
		max-width: 1000px;
	}

	.header_bloginfo {
		background-color: black;
	}

	.header_bloginfo a {
		display: block;
		margin: auto;
		max-width: 1000px;
	}

	.header_bloginfo a:hover {
		opacity: 1;
	}

	.header_retrieval{
		padding: 12px 0 6px;
	}

	.header_txt {
		color: #c0c0c0;
		font-size: 13px;
		font-weight: bold;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 75%;
	}

	form.header_form {
		background-color: #fff;
		margin-right: 10px;
		padding: 7px 15px;
		border-radius: 3px;
		font-size: 13px;
	}

	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 {
	}

	.header_info h1 {
		width: 310px;
	}


	.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;
		}
	}

	.nav_btn {
		width: 90px;
		height: 90px;
	}

	.after_btn span:nth-of-type(1) {
		transform: translateY(7px) rotate(-45deg);
	}

	.main_slider .slick-list {
		padding: 0 80px !important;
	}

	.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: 22px 0;
	}

	.news .news_date {
		padding-left: 15px;
	}

	.news .news_name {
		font-weight: bold;
		padding: 0 15px 0 30px;
		border-right: 1px solid #000;
	}
	.banner_slider .slick-track {
		display: flex;
		justify-content: space-between;
	}

	.banner_slider .news_slider {
		padding: 0 !important;
		margin:0 !important;
		float: none;
	}

	.banner_slider .news_slider a {
		display: block;
		padding: 0 10px !important;
	}

	.banner_slider .news_slider:not(:first-child) {
	}
	.update_work .update_work_info_img{
		/*width: 280px;
		height: 280px;*/
	}

	.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: 23%;
	}

	.update_work .update_work_info_img span {
		line-height: 200%;
	}

	.recommended .recommended_ttl {
		font-size: 28px;
	}

	.paperback .paperback_ttl {
		font-size: 28px;
	}

	footer {
		position: relative;
	}

	.footer_img {
		position: absolute;
		top: 0;
		right: 0;
	}

	.footer_nav {
		max-width: 590px;
		padding-top: 35px;
	}

	.footer_nav li {
		padding: 0 0 17px 15px;
		font-size: 12px;
		font-weight: bold;
	}

	.footer_nav li:before {
		border-top: 2px solid #ff5400;
		border-right: 2px solid #ff5400;
		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: 360px;
	}
	.main_slider .slick-list {
		padding: 0 265px!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 80px;
	}

	.work_story {
		margin: 66px auto 85px;
	}

	.work_news {
		margin: 66px auto 90px;
	}

	.work_info {
		margin: 66px auto 25px;
	}

	.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: 25px auto 81px;
	}

	.work_author_intro {
		margin: 66px auto 84px;
	}

	.work_twitter {
		margin: 66px auto 74px;
	}

	.work_recommended {
		margin: 66px auto 0;
	}
}

/*----------------------------------
		ヘッダー
		header
----------------------------------*/

header {
	background-color: #000;
}

h1 {
	margin: 0;
}

.header_info {
	position: relative;
	width: 100%;
}
.header_info > h1.d-md-table-cell > a:hover{
	opacity: 1;
}
h1.d-md-table-cell > .retrieval_icon a {
	position: absolute;
	top: 25px;
	right: 120px;
	width: 40px;
	height: 40px;
}

h1.d-md-table-cell > .retrieval_icon a:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	top: calc(50% - 8px);
	left: calc(50% + 28px);
	border-radius: 50%;
	box-shadow: 0 0 0 4px #fff;
}

h1.d-md-table-cell > .retrieval_icon a:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 14px;
	top: calc(50% + 3px);
	left: calc(50% + 34px);
	border-top: 4px solid #fff;
	transform: rotate(45deg);
}


.nav_btn {
	background-color: #ff5400;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	transition: .35s ease-in-out;
}

.nav_btn span {
	width: 42%;
	border-bottom: 4px solid #000;
	transition: .35s ease-in-out;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.nav_btn span:nth-child(1) {
	top: 38%;
}

.nav_btn span:nth-child(2) {
	bottom: 38%;
}

.sns_icon {
	cursor: pointer;
}

.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(2) {
	transform: translateY(-10px) rotate(45deg);
}

.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;
}

.link_btn:hover {
	opacity: 0.7;
}

.link_btn a {
	color: #fff;
	display: block;
	padding: 0px 29px 0 15px;
}

#history_back a {
	padding: 15px 29px 15px 15px;
}

.link_btn a:hover {
	opacity: 1;
	text-decoration: none;
}

.link_btn_small {
	position: absolute;
	background-color: #000;
	transition: 1s;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto 0;
	height: 30px;
	font-size: 11px;
	/* padding: 0 35px 0 15px; */
	line-height: 290%;
}

.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 #ff5400;
	border-right: 2px solid #ff5400;
	transform: rotate(45deg);
}

.link_btn_middle {
	background-color: #000;
	text-align: center;
	line-height: 343%;
	transition: 1s;
	position: relative;
	width: 240px;
	height: 48px;
	margin: 30px auto 0;
}

.link_btn_middle a:after {
	content: "+";
	color: #ff5400;
	font-weight: bold;
	font-size: 26px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 14px;
	margin: auto 0;
}

.link_btn_big {
	font-size: 28px;
	background-color: #000;
	text-align: center;
	margin: 30px 40px 0;
	line-height: 325%;
	transition: 1s;
	position: relative;
}

.link_btn_big a:after {
	content: "+";
	color: #ff5400;
	font-weight: bold;
	font-size: 39px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 36px;
	margin: auto 0;
}

/*----------------------------------
		メインコンテンツ
		contents
----------------------------------*/

#contents {
	position: relative;
}

#page_top {
	position: fixed;
	bottom: 42px;
	right: 42px;
	width: 60px;
	height: 60px;
	transition: 1s;
	opacity: 1;
	background-color: #000;
	z-index: 9999;
}

#page_top:hover {
	opacity: .7;
}

#page_top a:before {
	content: "";
	position: absolute;
	top: 27px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-top: 4px solid #ff5400;
	border-left: 4px solid #ff5400;
	width: 17px;
	height: 17px;
	transform: rotate(45deg);
}

.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;
}

.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: #f2f2f2;
	position: relative;
}
.news .news_box{
	position: relative;
	max-width:1000px;
	margin:0 auto;
}
.news .news_info{
	max-width:1000px;
	margin:0 auto;
	overflow: hidden;
}
.news .news_info a:hover {
	color: #014c8c;
	display: inline-block;
}

.news .news_date {
}

.news .news_ttl {
	padding-left: 20px;
}
.banner_slider_outside{
	width:100% !important;
	position:relative;
	zoom:1;
	overflow: hidden;
	margin:0 !important;
	padding:40px 0 0 !important;
	}
.banner_slider{
	width:100% !important;
	max-width:1000px !important;
	position:relative;
	zoom:1;
	overflow: hidden;
	padding:0 !important;
	margin:0 auto 0 !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;
	}
	#contents {
		/*padding-bottom: 40px;*/
	}
	.banner_slider_outside{
	padding:20px 0 0 !important;
	}
	.banner_slider .slick-slide {
		padding: 0;
	}

	.banner_slider .news_slider a {
		display: block;
		padding: 0 5px;
	}
}
.update_work {
	background: url(../img/update_work_bottom_bg.png) no-repeat bottom right;
	margin-top: 40px;
	padding-bottom: 80px;
}

.update_work .update_work_ttl {
	background-color: #000;
	color: #ff5400;
	border-bottom: 2px solid #ff5400;
	font-weight: bold;
	padding: 38px 0;
	letter-spacing: 4px;
	position: relative;
	overflow: hidden;
}

.update_work .update_work_ttl span:before,
.update_work .update_work_ttl span:after {
	position: absolute;
	content: "";
	border-top: 2px solid #ff5400;
	transform: rotate(-45deg);
	width: 139px;
	height: 130px;
	top: 30px;
}

.update_work .update_work_ttl span:before {
}

.update_work .update_work_ttl span:after {
}

.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: url(../img/update_work_top_bg.png) no-repeat top left;
	padding-top: 50px;
}

.update_work .update_work_info {
	max-width: 1000px;
	margin: 0 auto;
}

.update_work .update_work_info_img{
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #000;
	position: relative;
	margin-top: 9px;
}

.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 .recommended_ttl {
	font-weight: bold;
	line-height: 100%;
	margin: 0 auto 40px;
	max-width: 1000px;
	position: relative;
}

.paperback .paperback_ttl {
	font-weight: bold;
	line-height: 100%;
	max-width: 1000px;
	margin: 0 auto 40px;
	position: relative;
}

.paperback_slider {
	margin-left: 40px;
}

.paperback_slider .slick-slide {
	width: auto !important;
	margin:0 10px;
	max-width: 400px;
	padding:0 ;
}
.banner_info {
	border-top: 2px solid #e1e1e1;
	margin-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; [2018/05/24(thu) M.Ryoshita] */
}

.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: #ff5400;
	text-decoration: none;
}

.copyright {
	border-top: 1px solid #1b1b1b;
	line-height: 100%;
}

/*----------------------------------
		作品詳細ページ
		footer
----------------------------------*/

.topics {
	max-width: 1000px;
	margin:0 auto;
}

.topics ul {
	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: #ff5400;
}

.topics ul li a:hover {
	display: inline-block;
}

.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 {
	letter-spacing: 1px;
}

.h2ttl:before {
	content: "";
	position: absolute;
	transform: rotate(-45deg);
}


h3 {
	border-bottom: 1px solid #000;
	font-weight: bold;
	position: relative;
}

h3:before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	border-bottom: 1px solid #ff5400;
	width: 40px;
	height: 1px;
}

.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%;
}

.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;
	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;
}

.work_episode_link_btn:hover {
	opacity: .7;
}

.work_episode_link_btn a:hover {
	text-decoration: none;
}

.work_episode_link_orange {
	background-color: #FD4579;
}

.work_episode_link_orange a {
	color: #fff;
	display: block;
	font-weight: bold;
        padding: 14px;
}

.work_episode_link_orange a span {
	font-weight: bold;
}

.work_episode_link_black {
	background-color: #000;
}

.work_episode_link_black a {
	color: #fff;
	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 {
	right: 0;
	margin: 0;
	top: -12px;
}

.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: 19px;
}

.work_news .work_news_date {
	vertical-align: middle;
	letter-spacing: 1.5px;
}

.work_news .work_news_date span {
	background-color: #ff5400;
	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: #000;
	width: 100%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 11px;
	position: relative;
	transition: 1s;
	opacity: 1;
	padding-left: 8px;
}

.work_info .work_info_link_btn:hover {
	opacity: .7;
}

.work_info .work_info_link_btn a {
	display: block;
	color: #fff;
}

.work_info .work_info_link_btn a:hover {
	color: #fff;
}

.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 h3 {
	letter-spacing: 4px;
}

.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: #ff7e29;
}

.work_author_intro_link_btn_orange a,
.work_author_intro_link_btn_blue a {
	color: #fff;
	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: 20px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    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 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 {
	margin-bottom: 40px;
}

.work_recommended_box {
	margin: 0;
}

.work_recommended_img {
	overflow: hidden;
}

.work_recommended_img img{
	width: 100%;
}

/*----------------------------------
		単行本情報ページ
		paper
----------------------------------*/

.contents_paper a:hover {
	color: #000;
	text-decoration: none;
}

.contents_paper .h2_area {
	height: auto;
}

.h4_paper {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.h4_paper:before {
	position: absolute;
	background-color: #ff7e29;
	content: "";
	width: 6px;
	height: 18px;
	top: 0;
	left: 0;
	border-radius: 30%;
}

.contents_paper .h2ttl {
	letter-spacing: 2px;
}

.paper_box {
	max-width: 1000px;
	padding: 0;
}

.paper_box:not(:first-child) {
}

.paper_img {
	overflow: hidden;
}

.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;
}

.paper_link_box li {
	position: relative;
	font-weight: bold;
	text-align: center;
	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 span {
	position: absolute;
}

.paper_link_btn {
}

.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_trial {
	background-color: #ff7e29;
}

.paper_work {
	background-color: #ff7e29;
}

.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: #000;
	max-width: 480px;
	font-weight: bold;
	text-align: center;
	opacity: 1;
	transition: 1s;
}

.paper_ebooklist_link_btn:hover {
	opacity: .7;
}

.paper_ebooklist_link_btn a {
	display: block;
	color: #fff;
}

.paper_ebooklist_link_btn a:hover {
	color: #fff;
}

.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 56px;
	}

	#paper {
		padding: 0 20px;
	}

	#paper h3 {
		padding: 0 0 13px 0;
		letter-spacing: 2.5px;
		margin-bottom: 20px;
	}

	.h4_paper {
		padding: 0 0 0 13px;
	}

	h4.h4_paper {
		margin-top: 31px;
	}

	.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: 1px solid #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: 21px;
	}

	.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 40px;
	}

	.paper_ebooklist_link_btn a {
		padding: 12px;
	}

	.paper_ebooklist_link_btn a:before {
		right: 12px;
		width: 6px;
		height: 6px;
		border-top: 1px solid #ff7e29;
		border-right: 1px solid #ff7e29;
	}
}


@media (min-width: 904px) {
	.paper_ttl_area{
		width: 37%;
	}
}
@media (max-width: 903px) {
	.paper_ttl_area{
		width: 30%;
	}
}

@media (min-width:768px) {
	.contents_paper {
		padding-bottom: 120px!important;
	}

	.contents_paper .h2ttl {
		padding: 27px 0 27px 75px;
		letter-spacing: 2px;
	}

	#paper h3 {
		font-size: 24px;
		margin-bottom: 39px;
		padding: 0 0 15px 0;
		letter-spacing: 3px;
	}

	.h4_paper {
		padding: 0 0 0 17px;
	}

	h4.h4_paper {
		margin-top:55px;
	}

	.paper_box {
		margin: 55px auto 0;
	}

	.paper_box:not(:first-child) {
		margin: 55px auto 0;
	}

	.paper_img {
		border: 1px solid #000;
		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: 24px;
	}

	.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: 1px solid #000;
	}

	.paper_privilege_caution {
		line-height: 190%;
	}

	.paper_ebooklist_link_btn {
		font-size: 14px;
		letter-spacing: 1px;
		margin: 83px auto 40px;
	}

	.paper_ebooklist_link_btn a {
		padding: 21px;
	}

	.paper_ebooklist_link_btn a:before {
		right: 21px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #ff7e29;
		border-right: 2px solid #ff7e29;
	}
}

/*----------------------------------
		漫画を読むページ
		read_comic
----------------------------------*/

.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: #69757e;
	border-radius: 20px!important;
	display: inline-block!important;
}

.comic_genre:last-child {
	margin: 0!important;
}

.comic_genre a:hover {
	color: #fff;
}

.comic_genre.selected_genre{
	background: #ff5400;
}

.comic_wrap {
	max-width: 1000px;
	min-height: 330px;
}

#more_book {
	padding: 0;
}

#update_more {
	display: grid;
	display: -ms-grid;
}

.read_comic_size {

}

.read_comic_info_img {
	border: 1px solid #000;
	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: #000;
	color: #fff;
	display: block;
	padding: 14px 0;
	margin: 0 auto;
}

.update_link_more a:hover {
	text-decoration: none;
	opacity: 0.7;
	display: block!important;
}

@media (max-width: 575px) {
	#update_more {
		/* grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); */
		grid-template-columns: repeat(auto-fill, minmax(calc(100%/3 - 10px), 1fr));
		grid-gap: 10px;
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
	}

}

@media (min-width: 576px) {
	#update_more {
		/* grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); */
		grid-template-columns: repeat(auto-fill, minmax(calc(100%/3 - 10px), 1fr));
		grid-gap: 10px;
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
	}
}

@media (max-width: 575px),(min-width: 576px) {
	.comic_category_box {
		margin: 20px auto 10px;
	}

	.comic_category_box:last-child {
		margin: 20px auto 0;
	}

	.comic_wrap {
		padding: 0 30px;
		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;
		color: #fff;
		padding: 4px 8px;
	}

	.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%;
	}

}*/

@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;
		color: #fff;
	        padding: 7px 25px;
	}

	.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;
	}
}

@media (max-width: 380px){
	.read_comic_info_img {

	}

	.read_comic_size {

	}
	#update_more {
		/* grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); */
		grid-template-columns: repeat(auto-fill, minmax(calc(100%/3 - 5px), 1fr));
		grid-gap: 5px;
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
	}
	.comic_wrap{
		padding: 0 20px;
	}
}

/*add taguchi*/

	.header_nav {
		border-top: 1px solid #1b1b1b;
		vertical-align: top;
		vertical-align: middle;
	}

	.header_nav li:nth-child(1),
	.header_nav li:nth-child(2),
	.header_nav li:nth-child(3),
	.header_nav li:nth-child(4) {
		border-right: 1px solid #1b1b1b;
	}

	.header_nav li:last-child a:hover {
		opacity: 1;
	}
@media (min-width: 768px) {
	.header_nav li {
		padding:0 5px;
		font-size:11px;
	}
}
@media (min-width: 880px) {
	.header_nav li {
		padding:0 5px;
	}
}
@media (min-width: 991px) {
	.header_nav ul {
		height: 89px;
		margin: 0;
		display:table !important;
		position:relative;
		width:-webkit-calc(100% - 90px) ;
   		width:calc(100% - 90px) ;
	}
	.header_nav li {
		display:table-cell !important;
		vertical-align:middle !important;
		font-weight: bold;
		text-align: center;
		height: 89px;
		/*font-size:1vw;*/
		font-size:-webkit-calc(1.5vw - 6px) ;
		font-size:calc(1.4vw - 5.6px);
		padding-right: 4%;
		padding-left: 4%;
	}
	.header_nav li img{
		width:-webkit-calc(1.5vw - 6px) ;
		width:calc(1.5vw - 6px);
	}
	.header_nav li:nth-child(n+6){
		padding-top:32px !important;
	}
}
	.header_nav li a {
		color: #fff;
		width: 100%;
		height: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
	}
	.header_nav li a:hover {
		text-decoration: none;
	}
.g_nav {
	display: none;
	background-color: #000;
	opacity: .9;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 999;
}

.g_nav a {
	color: #fff;
}
@media (min-width:991px) and (max-width: 1224px) {
	.header_nav li {
		font-size:-webkit-calc(2vw - 8px) ;
		font-size:calc(2vw - 8px);
		padding-right: 2.5%;
		padding-left: 2.5%;
	}
	.header_nav li img{
		width:-webkit-calc(2vw - 8px) ;
		width:calc(2vw - 8px);
	}
}
@media (max-width: 768px) {
	.g_nav {
	width: 100%;
	height: 100%;
}
}

	.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;
	}
	.nav_icon {
	max-width: 430px;
	margin-top: 30px;
	}
	.nav_icon li{
		padding:0 15px !important;
	}

/*new_series_slider*/
.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: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: 40px;
	color: #fff;
	letter-spacing: 8px;
	font-weight: bold;
	width: 12%;
	line-height: 210%;
	height: 150px;
	margin-top: 63px;
}

.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%;
	}
}
@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;
	}

	.new_series_box_link a:hover {
		text-decoration: none;
		opacity: 1;
	}

	.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: 35px 0;
}
.paperback {
	width:100%;
	overflow-x:hidden !important;
	background-color: #f2f2f2;
	padding: 35px 0;
}

.paperback_box {
	position:relative;
	width: 1000px;
	margin: 0 auto;
	padding:0 20px;
	zoom:1;
	overflow:hidden;
	}
.paperback_slider {
	position:relative;
	width: 1000px;
	margin: 0 auto;
	padding:0 20px;
	zoom:1;
	overflow:hidden;
}
.paperback_set{
	float:left;
	width: 182px;
	margin:0 5px 0;
	text-align:left;
}
.paperback_img {
	border: 1px solid #000;
	overflow: hidden;
	width: 180px;
	margin-bottom:15px;
}

.paperback_set div{
	width: 180px;
}

.paperback_name {
	font-weight: bold;
	line-height: 150%;
}

.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;
		width: 182px;
		margin:0 5px 0;
		text-align:left;
		}
.recommended_img {
	border: 1px solid #000;
	overflow: hidden;
	width: 180px;
	}
.recommended .recommended_img {
	overflow: hidden;
	position: relative;
}

.recommended_slider .slick-slide {
	/* width: auto !important; */
	margin:0 10px;
	max-width: 400px;
	padding:0;
}

@media screen and (max-width: 670px){
	.recommended_slider .slick-slide {
		/* width: 210px !important; */
	}

	.recommended_slider .slick-slide img{
		width: 100% !important;
	}
}

@media screen and (max-width: 380px){
	.recommended_slider .slick-slide {
		width: 145px !important;
		margin:0 5px;
	}
}

.recommended .recommended_img {
	overflow: hidden;
	position: relative;
}

.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: 20px;
	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: #000;
	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;
	/* float: left; */
}

.work_latest_info .work_r{
	/* float: right; */
	display: block;
	width: 28%;
}

.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: #fff;
	line-height: 100%;
}

.work_latest_info .latest_info_ttl {
	color: #fff;
	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: #FD4579;
	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;
}

.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 {
	/* background-color: #0C009A; */
	opacity: 0.8;
}

.work_latest_info .latest_info_link_btn02 a {
	color: #000;
	position: relative;
	opacity: 1;
	font-size: 1.2em;
	text-align: center;
}

/* .work_latest_info .latest_info_link_btn02 span {
	background-color: #fff;
	position: absolute;
} */

/* .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: 10px 0 0;
}

.category_link_box li {
	background-color: #69757e;
	margin: 0 5px 5px 0;
	letter-spacing: 0;
	font-size: 12px;
	line-height: 100%;
	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: 13px;
	}

	.latest_info_link_btn02 a {
		padding: 5px;
	}

	.latest_info_link_btn02 span:first-child {
		padding-right: 4px;
	}

	.latest_info_link_btn02 span:last-child {
		right: auto;
		left: 220px;
		padding: 1px 10px;
	}
}
header{
	margin:0 auto !important;
	}

#contents,
#footer,
#leftContent{
	/*max-width:1000px !important;*/
	overflow:hidden;
	margin:0 auto !important;
	}
#topics{
	max-width:1000px !important;
	overflow:hidden;
	margin:0 auto !important;
	}
/*----------------------------------
		新人賞応募フォーム・お問い合わせフォーム
		application・contact
----------------------------------*/

#contact {
	font-weight: bold;
}

#contact span {
	color: #ff7e29;
}

#contact .contact_txt {
}

#contact .phase_box {
	position: relative;
}

#contact .phase_box:before {
}

#contact .phase_box li {
}

#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 {
		width: 180px;
		margin: 32px auto 0;
	}

	.phase_box02 {
		margin: 0 auto 28px!important;
	}

	.phase_box li {
		position: relative;
		width: 196px;
		text-align: center;
	}

	.phase_box li:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #ccc;
		z-index: -1;
		transform: skewX(-45deg);
	}

	.phase_box li:not(:last-child) {
		margin: 0 0 5px;
	}

	.phase_box li div {
		padding: 10px 0;
	}

	.phase_box .bg_black {
		color: #fff;
	}

	.phase_box .bg_black:before {
		background-color: #000;
	}

	#contact table {
		width: 100%;
		margin: 34px 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;
	}

	#contact input,
	#contact textarea {
		padding: 8px 12px;
	}

	#contact select {
		height: 39px;
		text-indent: 8px;
		background-color: #fff;
		/*-webkit-appearance: none;*/
	}

	#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;
	}

	.g-recaptcha {
		margin: 35px 0 0!important;
	}

	#contact button {
		position: relative;
		background-color: #000;
		width: 100%;
		color: #fff;
		font-weight: bold;
		letter-spacing: 2px;
		border: none;
		padding: 10px 0;
		margin-top: 42px;
		opacity: 1;
		transition: 1s;
	}

	#contact button:hover {
		opacity: .7;
	}

	#contact button:before {
		content: "";
		position: absolute;
		border-top: 2px solid #ff5400;
		border-right: 2px solid #ff5400;
		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 {
		width: 593px;
		display: flex;
		justify-content: space-between;
		margin: 57px auto 0;
		margin-top: 20px;
	}

	.phase_box02 {
		margin: 0 auto 51px;
	}

	.phase_box li:not(:last-child) {
		margin: 0;
	}

	.phase_box li div {
		padding: 19px 0;
	}

	#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;
	}

	#contact input,
	#contact textarea {
		padding: 20px 12px;
	}

	#contact select {
		height: 63px;
		text-indent: 12px;
		-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: 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;
	}

	.g-recaptcha {
		margin: 61px 0 0!important;
	}

	#contact button {
		width: 480px;
		margin: 76px 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) {
	}

	#contact li:nth-child(3) {
	}
}

/*----------------------------------
		更新予定
		schedule
----------------------------------*/

.comic_wrap .update_work {
	background: none;
}

.comic_wrap .update_work .update_work_info_img {
	width: 100%!important;
	height: 100%!important;
}

.schedule_text01 {
	max-width: 1000px;
}

.schedule_text02 {
	max-width: 1000px;
}

@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;
	}
}



_:-ms-lang(x), .comic_wrap .update_work .update_work_info_img {
	width: 95%!important;
	height: 95%!important;
}

/* --------------*/
@media (max-width: 1000px) {
	.work_latest_info .latest_info_img{
		float: none;
	}

	.work_latest_info .work_r{
		float: none;
		width: 100%;
	}
}

/* --ハンバーガーメニューの文字の大きさ -- */
@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;
	}
}

#history_back {
    position: relative;
    background-color: #000;
    transition: 1s;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 240px;
    height: 50px;
    font-size: 16px;
    margin-bottom: 50px;
}

#history_back:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 20px;
    border-top: 2px solid #ff5400;
    border-right: 2px solid #ff5400;
    transform: rotate(-135deg);
}

@media (max-width: 768px){
	.header_nav{
		display: none!important;
	}
	.retrieval_icon{
		display: block!important;
	}
	/*.header_retrieval{
		display: block!important;
	}*/
}

.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;
}
