@charset "UTF-8";

@media (max-width:1170px) {
.pc-only {
display:none
}
}

@media (min-width:1170px) {
.sp-only {
display:none
}
}

body {
font-family:'メイリオ',serif!important;
height:auto
}

a.hamburger {
display:none
}

@media (max-width:1170px) {
a.hamburger {
display:block
}
}

ul.book_detail li.book {
width:950px;
margin:0 auto 120px;
overflow:hidden
}

@media (max-width:1170px) {
ul.book_detail li.book {
width:auto;
margin:0 auto 70px
}

ul.book_detail li.book#kimitsuki .wpr,
ul.book_detail li.book#fragments .wpr,
ul.book_detail li.book#book_05 .wpr{
	display: flex;
	flex-direction: column;
}

ul.book_detail li.book#kimitsuki .wpr .txt_box,
ul.book_detail li.book#fragments .wpr .txt_box,
ul.book_detail li.book#book_05 .wpr .txt_box{
	order: 1;
	margin-bottom: 20px;
}

ul.book_detail li.book#kimitsuki .wpr .img_box,
ul.book_detail li.book#fragments .wpr .img_box,
ul.book_detail li.book#book_05 .wpr .img_box{
	order: 2;
	margin-bottom: 0;
}
}

ul.book_detail li.book a {
-webkit-transition:.2s;
-moz-transition:.2s;
-o-transition:.2s;
transition:.2s;
text-decoration:none
}

ul.book_detail li.book a:hover {
opacity:.7
}

ul.book_detail li.book .wpr {
overflow:hidden;
margin:0 0 40px
}

@media (max-width:1170px) {
ul.book_detail li.book .wpr {
margin:0 0 30px
}
}

ul.book_detail li.book .wpr .img_box {
float:left
}

@media (max-width:1170px) {
ul.book_detail li.book .wpr .img_box {
text-align:center;
float:none;
margin:0 0 20px
}
}

@media (max-width:1170px) {
ul.book_detail li.book .wpr .img_box img {
width:100%;
max-width:200px
}
}

ul.book_detail li.book#book_06 .wpr .img_box {
	float: none;
	margin: 0 0 50px;
}
@media (max-width:1170px) {
	ul.book_detail li.book#book_06 .wpr .img_box {
		margin: 0 0 20px;
	}
}

ul.book_detail li.book#book_06 .wpr .img_box ul{
	font-size: 0;
	text-align: center;
}

ul.book_detail li.book#book_06 .wpr .img_box ul li{
	display: inline-block;
	margin: 0 15px;
}
@media (max-width:1170px) {
	ul.book_detail li.book#book_06 .wpr .img_box ul li{
		margin: 0 10px 20px;
	}

	ul.book_detail li.book#book_06 .wpr .img_box ul li:last-child{
		margin-bottom: 0;
	}
}

ul.book_detail li.book .wpr .txt_box {
margin:0 0 0 380px;
width:570px
}

@media (max-width:1170px) {
ul.book_detail li.book .wpr .txt_box {
margin:0;
width:auto
}
}

ul.book_detail li.book#book_06 .wpr .txt_box {
	margin: 0;
	width: auto;
}

ul.book_detail li.book .wpr .txt_box ul li.lead {
display:inline-block;
background:#f2233d;
padding:8px 15px;
color:#fff;
font-size:1.2rem;
border-radius:20px;
margin:0 0 15px
}

@media (max-width:1170px) {
ul.book_detail li.book .wpr .txt_box ul li.lead {
line-height:1.3
}
}

ul.book_detail li.book .wpr .txt_box ul li.ttl {
font-size:3.5rem;
font-weight:700;
margin:0 0 10px
}

@media (max-width:1170px) {
ul.book_detail li.book .wpr .txt_box ul li.ttl {
font-size:2.5rem
}
}

ul.book_detail li.book .wpr .txt_box ul li.ttl_sub {
font-size:2.7rem;
font-weight:700;
margin:-5px 0 10px
}

@media (max-width:1170px) {
ul.book_detail li.book .wpr .txt_box ul li.ttl_sub {
font-size:2rem
}
}

ul.book_detail li.book .wpr .txt_box ul li.ttl_sub_p {
font-size:2.7rem;
font-weight:700;
margin:0 0 8px
}

@media (max-width:1170px) {
ul.book_detail li.book .wpr .txt_box ul li.ttl_sub_p {
font-size:2rem
}
}

ul.book_detail li.book .wpr .txt_box ul li.author {
font-size:1.5rem;
line-height:1.75;
margin:0 0 20px
}

ul.book_detail li.book .wpr .txt_box ul li.release {
color:#f2233d;
font-size:2.4rem;
font-weight:700;
margin:0 0 20px;
padding:10px 0 0
}

@media (max-width:1170px) {
ul.book_detail li.book .wpr .txt_box ul li.release {
margin:-10px 0 10px
}
}

ul.book_detail li.book .wpr .txt_box ul li.flame_box {
border:2px solid #0f3085;
padding:15px 20px;
font-size:1.6rem;
line-height:1.5;
color:#0f3085;
display:inline-block;
font-weight:700;
margin:0 0 40px
}

ul.book_detail li.book .wpr .txt_box ul li.story span {
background:#000;
font-weight:15px;
color:#fff;
display:inline-block;
padding:6px 10px;
font-size:1.3rem;
margin:0 0 10px
}

ul.book_detail li.book .wpr .txt_box ul li.story p {
font-size:1.4rem
}

ul.book_detail li.book ul.btn_box {
width:800px;
margin:0 auto
}

@media (max-width:1170px) {
ul.book_detail li.book ul.btn_box {
width:auto
}
}

ul.book_detail li.book ul.btn_box li {
position:relative
}

ul.book_detail li.book ul.btn_box li a {
width:380px;
height:80px;
display:block;
text-indent:-9999px;
border-radius:40px
}

@media (max-width:1170px) {
ul.book_detail li.book ul.btn_box li a {
width:100%;
height:55px;
text-indent:0;
text-align:center;
line-height:55px;
font-size:1.8rem;
font-weight:700;
color:#fff
}
}

ul.book_detail li.book ul.btn_box li:after {
content:"";
width:10px;
height:10px;
width:8px;
height:8px;
display:block;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
-webkit-transform:rotate(-45deg) translate(0,-50%);
-moz-transform:rotate(-45deg) translate(0,-50%);
-ms-transform:rotate(-45deg) translate(0,-50%);
-o-transform:rotate(-45deg) translate(0,-50%);
transform:rotate(-45deg) translate(0,-50%);
position:absolute;
right:25px;
top:37px
}

@media (max-width:1170px) {
ul.book_detail li.book ul.btn_box li:after {
right:22px;
top:26px
}
}

ul.book_detail li.book ul.btn_box li:first-child {
float:left;
margin:0 40px 0 0
}

@media (max-width:1170px) {
ul.book_detail li.book ul.btn_box li:first-child {
margin:0 0 15px;
float:none
}
}

ul.book_detail li.book ul.btn_box li:first-child a {
background:url(../images/special/kimitsuki/btn_read.png) no-repeat #f52a4d center
}

@media (max-width:1170px) {
ul.book_detail li.book ul.btn_box li:first-child a {
background:url(../images/special/kimitsuki/icon_btn_read.png) no-repeat #f52a4d 25px center;
background-size:26px 29px
}
}

ul.book_detail li.book ul.btn_box li.aoharu,ul.book_detail li.book ul.btn_box li:nth-child(2) {
float:right
}

@media (max-width:1170px) {
ul.book_detail li.book ul.btn_box li.aoharu,ul.book_detail li.book ul.btn_box li:nth-child(2) {
float:none
}
}

ul.book_detail li.book ul.btn_box li.aoharu a,ul.book_detail li.book ul.btn_box li:nth-child(2) a {
background:url(../images/special/kimitsuki/btn_buy.png) no-repeat #582dd2 center
}

@media (max-width:1170px) {
ul.book_detail li.book ul.btn_box li.aoharu a,ul.book_detail li.book ul.btn_box li:nth-child(2) a {
background:url(../images/special/kimitsuki/icon_btn_buy.png) no-repeat #582dd2 20px center;
background-size:33px 32px
}
}

ul.book_detail li.book ul.btn_box li.aoharu {
float:left
}

@media (max-width:1170px) {
ul.book_detail li.book ul.btn_box li.aoharu {
float:none
}
}

@media (max-width:1170px) {
ul.book_detail li.book ul.btn_box li.btn_buy {
float:none
}
}

ul.book_detail li.book ul.btn_box li.btn_buy a {
background:url(../images/special/kimitsuki/btn_buy.png) no-repeat #582dd2 center
}

@media (max-width:1170px) {
ul.book_detail li.book ul.btn_box li.btn_buy a {
background:url(../images/special/kimitsuki/icon_btn_buy.png) no-repeat #582dd2 20px center;
background-size:33px 32px
}
}

ul.book_detail li.book#book_06 ul.btn_box li.btn_buy:nth-child(1) a {
	background:url(../images/special/kimitsuki/icon_btn_buy_comic_zyou.png) no-repeat #582dd2 20px center;
}
@media (max-width:1170px) {
	ul.book_detail li.book#book_06 ul.btn_box li.btn_buy:nth-child(1) a {
		background:#582dd2;
		text-indent: 0;
	}
}

ul.book_detail li.book#book_06 ul.btn_box li.btn_buy:nth-child(2) a {
	background:url(../images/special/kimitsuki/icon_btn_buy_comic_ge.png) no-repeat #582dd2 20px center;
}
@media (max-width:1170px) {
	ul.book_detail li.book#book_06 ul.btn_box li.btn_buy:nth-child(2) a {
		background:#582dd2;
		text-indent: 0;
	}
}

#contents {
background:#bccdfb;
position:relative;
z-index:0
}

header.pc {
width:100%;
height:80px;
background:#1322bd;
border-top:3px solid #061186;
position:absolute;
z-index:10;
-webkit-transition:.2s;
-moz-transition:.2s;
-o-transition:.2s;
transition:.2s
}

@media (max-width:1170px) {
header.pc {
display:none
}
}

header.pc.slide {
position:fixed;
top:0;
z-index:11
}

header.pc .inr {
width:1000px;
margin:0 auto
}

header.pc .inr>ul>li {
float:left;
width:200px;
height:80px;
text-align:center;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-right:1px solid #061186;
position:relative
}

@media (max-width:1170px) {
header.pc .inr>ul>li {
float:none;
height:auto;
border:none;
width:auto
}
}

header.pc .inr>ul>li:first-child {
border-left:1px solid #061186
}

header.pc .inr>ul>li a {
display:block;
width:100%;
height:100%;
color:#fff;
line-height:70px;
font-size:1.6rem;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s
}

header.pc .inr>ul>li :hover {
text-decoration:none!important;
color:#1322bd;
background:#fff
}

header.pc .inr>ul>li:after {
content:"";
width:8px;
height:8px;
display:block;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
-webkit-transform:rotate(45deg) translate(-50%,0);
-moz-transform:rotate(45deg) translate(-50%,0);
-ms-transform:rotate(45deg) translate(-50%,0);
-o-transform:rotate(45deg) translate(-50%,0);
transform:rotate(45deg) translate(-50%,0);
position:absolute;
left:50%;
bottom:15px;
opacity:.5
}

header.pc .inr>ul>li:hover:after {
border-right:2px solid #1322bd;
border-bottom:2px solid #1322bd
}

header.pc .inr>ul>li:nth-child(4) a {
cursor:pointer
}

header.pc .inr>ul>li:nth-child(4) ul {
position:absolute;
top:75px;
opacity:0;
visibility:hidden;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s
}

header.pc .inr>ul>li:nth-child(4) ul li a {
display:none
}

header.pc .inr>ul>li:nth-child(4):hover a {
background:#fff;
color:#1322bd!important
}

header.pc .inr>ul>li:nth-child(4):hover {
background:#fff;
color:#1322bd!important
}

header.pc .inr>ul>li:nth-child(4):hover ul {
top:80px;
opacity:1;
visibility:visible
}

header.pc .inr>ul>li:nth-child(4):hover ul li {
width:200px;
height:65px;
background:#fff
}

header.pc .inr>ul>li:nth-child(4):hover ul li:last-child {
border-bottom:none
}

header.pc .inr>ul>li:nth-child(4):hover ul li a {
display:block;
color:#1322bd;
font-size:1.4rem
}

header.pc .inr>ul>li:nth-child(4):hover ul li a:hover {
background:#eff0ff
}

header.sp>div ul li a:active,header.sp>div ul li a:hover {
background:none;
text-decoration:none
}

header.sp>div>ul {
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
text-align:center
}

header.sp>div>ul>li a {
font-size:1.6rem;
color:#1322bd;
display:block;
padding:2.5rem 0;
font-weight:700
}

header.sp>div>ul>li:nth-child(4)>a {
padding:2.5rem 0 1.5rem
}

header.sp>div>ul>li ul {
text-align:center
}

header.sp>div>ul>li ul li a {
font-size:1.4rem;
padding:1.5rem 0;
font-weight:400
}

#main {
background:url(../images/special/kimitsuki/main.png) no-repeat center 83px;
height:983px
}

@media (max-width:1170px) {
#main {
background:url(../images/special/kimitsuki/main_sp.png) no-repeat center 0;
height:0;
padding-top:118.666%;
background-size:contain
}
}

#main .inr {
width:1000px;
margin:0 auto;
text-indent:-9999px
}

@media (max-width:1170px) {
#main .inr {
width:auto
}
}

#sns {
margin:-180px 0 20px
}

@media (max-width:1170px) {
#sns {
margin:-20px 0 30px
}
}

#bnr_area {
text-align:center;
margin:0 0 40px
}

@media (max-width:1170px) {
#bnr_area {
margin:0 10px 20px
}
}

@media (max-width:1170px) {
#bnr_area img {
width:100%
}
}

#news_twitter_wpr {
width:1000px;
margin:0 auto 80px;
overflow: hidden;
}

@media (max-width:1170px) {
#news_twitter_wpr {
width:auto;
margin:0 auto 40px;
padding:0 10px
}
}

@media (max-width:1170px) {
#news_twitter_wpr iframe#twitter-widget-0 {
width:100%!important
}
}

#news_twitter_wpr #news {
width:100%;
height:250px;
float:left;
margin:0 40px 0 0;
background:#fff;
border-radius:7px;
padding:20px 25px 30px;
-webkit-box-sizing:border-box;
box-sizing:border-box
}

@media (max-width:1170px) {
#news_twitter_wpr #news {
width:auto;
float:none;
margin:0 0 20px
}
}

#news_twitter_wpr #news h3 {
width:auto;
color:#4264da;
font-size:2.5rem;
position:relative;
margin:0 0 15px;
padding:0;
background:none
}

#news_twitter_wpr #news h3:before {
content:"";
display:block;
width:19px;
height:26px;
background:url(../images/special/kimitsuki/icon_news.png) no-repeat;
position:absolute;
left:75px;
top:-2px
}

#news_twitter_wpr #news h3:after {
content:"";
display:block;
height:2px;
-webkit-box-shadow:0 0 5px 0 #1123d1;
box-shadow:0 0 5px 0 #1123d1;
margin:10px 0 0
}

#news_twitter_wpr #news ul {
max-height:135px;
overflow-y:scroll
}

#news_twitter_wpr #news ul li {
font-size:1.3rem;
line-height:1.75;
border-bottom:1px solid #ddd;
padding:0 0 10px;
margin:0 20px 10px 0
}

#news_twitter_wpr #news ul li:last-child {
margin-bottom:0;
padding-bottom:0;
border:none
}

#news_twitter_wpr #news ul li span {
color:#4264da;
margin:0 0 3px;
display:block;
line-height:1
}

@media (max-width:1170px) {
#news_twitter_wpr #news ul li span {
float:none;
margin:0;
display:block
}
}

#news_twitter_wpr #news ul li p {
margin:0 0 0 80px
}

@media (max-width:1170px) {
#news_twitter_wpr #news ul li p {
margin:0
}
}

#news_twitter_wpr #news ul li a {
color:#4264da;
text-decoration:underline
}

#news_twitter_wpr #news ul li a:hover {
text-decoration:none
}

#book_infro {
margin:0 0 80px
}

@media (max-width:1170px) {
#book_infro {
padding:0 10px;
margin:0 0 40px
}
}

#book_infro h2 {
width:300px;
height:146px;
background:url(../images/special/kimitsuki/h2_book_info.png) no-repeat;
text-indent:-9999px;
margin:0 auto 40px
}

@media (max-width:1170px) {
#book_infro h2 {
width:182px;
height:86px;
background:url(../images/special/kimitsuki/h2_book_info_sp.png) no-repeat;
background-size:contain;
margin:0 auto 20px
}
}

#book_infro #comic {
background:#d5e0ff;
padding:25px 0
}

@media (max-width:1170px) {
#book_infro #comic {
margin:0 -10px;
padding:30px 10px
}
}

#book_infro #comic .inr {
width:650px;
margin:0 auto;
overflow:hidden
}

@media (max-width:1170px) {
#book_infro #comic .inr {
width:auto
}
}

#book_infro #comic .inr .img_box {
float:left
}

@media (max-width:1170px) {
#book_infro #comic .inr .img_box img {
width:120px
}
}

#book_infro #comic .inr .txt_box {
margin:0 0 0 200px
}

@media (max-width:1170px) {
#book_infro #comic .inr .txt_box {
margin:0 0 0 140px
}
}

#book_infro #comic .inr .txt_box ul li.lead {
display:inline-block;
background:#f2233d;
padding:8px 15px;
color:#fff;
font-size:1.2rem;
border-radius:20px;
margin:0 0 15px
}

@media (max-width:1170px) {
#book_infro #comic .inr .txt_box ul li.lead {
line-height:1.3
}
}

#book_infro #comic .inr .txt_box ul li.ttl_sub_p {
font-size:2rem;
font-weight:700;
margin:0 0 10px
}

@media (max-width:1170px) {
#book_infro #comic .inr .txt_box ul li.ttl_sub_p {
font-size:1.5rem;
margin:0 0 5px
}
}

#book_infro #comic .inr .txt_box ul li.ttl {
font-size:2.9rem;
font-weight:700;
margin:0 0 15px
}

@media (max-width:1170px) {
#book_infro #comic .inr .txt_box ul li.ttl {
font-size:2rem;
line-height:1.3;
margin:0 0 10px
}
}

#book_infro #comic .inr .txt_box ul li.author {
font-size:1.4rem;
line-height:1.75;
margin:0 0 10px
}

#book_infro #comic .inr .txt_box ul li.release {
font-size:2rem;
font-weight:700;
color:#ff0020;
line-height:1.3
}

#book_infro #comic .inr .txt_box ul li.release span {
font-size:80%;
font-weight:700
}

#character {
margin:0 0 100px
}

@media (max-width:1170px) {
#character {
margin:0 0 40px;
padding:0 10px
}
}

#character .inr {
width:1000px;
margin:0 auto
}

@media (max-width:1170px) {
#character .inr {
width:auto
}
}

#character .inr h2 {
width:197px;
height:68px;
background:url(../images/special/kimitsuki/h2_chara.png) no-repeat;
text-indent:-9999px
}

@media (max-width:1170px) {
#character .inr h2 {
width:119px;
height:37px;
background:url(../images/special/kimitsuki/h2_chara_sp.png) no-repeat;
background-size:contain;
margin:0 auto 20px
}
}

#character .inr ul.main {
overflow:hidden;
margin:0 0 35px
}

@media (max-width:1170px) {
#character .inr ul.main {
margin:0 0 10px;
text-align:center
}
}

#character .inr ul.main li {
float:left
}

@media (max-width:1170px) {
#character .inr ul.main li {
float:none
}
}

#character .inr ul.main li:first-child {
margin:0 40px 0 0
}

@media (max-width:1170px) {
#character .inr ul.main li:first-child {
margin:0;
margin:0 0 10px
}
}

@media (max-width:1170px) {
#character .inr ul.main li img {
width:100%;
max-width:640px
}
}

#character .inr ul.sub {
overflow:hidden;
text-align:center
}

#character .inr ul.sub li {
float:left;
margin:0 8px 0 0
}

@media (max-width:1170px) {
#character .inr ul.sub li {
float:none;
margin:0 0 10px
}
}

#character .inr ul.sub li:last-child {
margin:0
}

@media (max-width:1170px) {
#character .inr ul.sub li img {
width:100%;
max-width:640px
}
}

#recommend_author {
margin:0 auto 60px
}

@media (max-width:1170px) {
#recommend_author {
padding:0 5px;
margin:0 auto 40px
}
}

#recommend_author h2 {
width:754px;
height:69px;
background:url(../images/special/kimitsuki/h2_reco_author.png) no-repeat;
text-indent:-9999px;
margin:0 auto 40px
}

@media (max-width:1170px) {
#recommend_author h2 {
width:271px;
height:85px;
background:url(../images/special/kimitsuki/h2_reco_author_sp.png) no-repeat;
background-size:contain;
margin:0 auto 20px
}
}

#recommend_author ul {
width:1000px;
margin:0 auto
}

@media (max-width:1170px) {
#recommend_author ul {
width:auto;
text-align:center
}
}

@media (max-width:1170px) {
#recommend_author ul li img {
width:100%;
max-width:640px
}
}

#recommned_bookstore {
margin:0 0 80px
}

@media (max-width:1170px) {
#recommned_bookstore {
margin:0 0 40px;
padding:0 10px
}
}

#recommned_bookstore h2 {
width:593px;
height:69px;
background:url(../images/special/kimitsuki/h2_reco_bookstore.png) no-repeat;
text-indent:-9999px;
margin:0 auto 40px
}

@media (max-width:1170px) {
#recommned_bookstore h2 {
width:289px;
height:84px;
background:url(../images/special/kimitsuki/h2_reco_bookstore_sp.png) no-repeat;
background-size:contain;
margin:0 auto 20px
}
}

#recommned_bookstore ul {
width:1000px;
margin:0 auto;
overflow:hidden
}

@media (max-width:1170px) {
#recommned_bookstore ul {
width:auto
}
}

#recommned_bookstore ul li {
width:315px;
height:300px;
position:relative;
padding:20px 20px 80px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:1.4rem;
background:#feffc8;
float:left;
-webkit-box-shadow:8px 8px #a9b8e1;
box-shadow:8px 8px #a9b8e1;
margin:0 27.5px 25px 0
}

@media (max-width:1170px) {
#recommned_bookstore ul li {
width:100%;
max-width:640px;
height:auto;
margin:0 auto 15px;
float:none
}
}

#recommned_bookstore ul li:nth-child(3n) {
margin-right:0
}

@media (max-width:1170px) {
#recommned_bookstore ul li:nth-child(3n) {
margin-right:auto
}
}

#recommned_bookstore ul li span.name {
background:#f3f5a1;
width:100%;
height:50px;
display:block;
line-height:50px;
font-size:1.3rem;
padding:0 20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
left:0;
bottom:0
}

#recommned_bookstore ul li p {
background:url(../images/special/kimitsuki/bg_border.png) repeat-y center 25px;
height:100%;
line-height:1.8
}

#recommned_bookstore ul li p span {
font-weight:700;
font-size:120%
}

#reader_impressions {
margin:0 0 80px
}

@media (max-width:1170px) {
#reader_impressions {
margin:0 0 30px;
padding:0 5px
}
}

#reader_impressions h2 {
width:752px;
height:68px;
background:url(../images/special/kimitsuki/h2_reader_impressions.png) no-repeat;
text-indent:-9999px;
margin:0 auto 40px
}

@media (max-width:1170px) {
#reader_impressions h2 {
width:266px;
height:83px;
background:url(../images/special/kimitsuki/h2_reader_impressions_sp.png) no-repeat;
background-size:contain;
margin:0 auto 20px
}
}

#reader_impressions ul {
width:1030px;
margin:0 auto
}

@media (max-width:1170px) {
#reader_impressions ul {
width:auto;
text-align:center
}
}

#reader_impressions ul li:not(:first-child) {
margin:-35px 0 0
}

@media (max-width:1170px) {
#reader_impressions ul li:not(:first-child) {
margin:0
}
}

@media (max-width:1170px) {
#reader_impressions ul li img {
width:100%;
max-width:640px
}
}

#public_info {
margin:0 0 80px
}

@media (max-width:1170px) {
#public_info {
padding:0 10px
}
}

#public_info h2 {
width:388px;
height:146px;
background:url(../images/special/kimitsuki/h2_public_info.png) no-repeat;
text-indent:-9999px;
margin:0 auto 40px
}

@media (max-width:1170px) {
#public_info h2 {
width:238px;
height:86px;
background:url(../images/special/kimitsuki/h2_public_info_sp.png) no-repeat;
background-size:contain;
margin:0 auto 20px
}
}

#author_profile {
margin:0 0 80px
}

@media (max-width:1170px) {
#author_profile {
margin:0 0 40px;
padding:0 10px
}
}

#author_profile h2 {
width:439px;
height:146px;
background:url(../images/special/kimitsuki/h2_author_profile.png) no-repeat;
text-indent:-9999px
}

@media (max-width:1170px) {
#author_profile h2 {
width:269px;
height:86px;
background:url(../images/special/kimitsuki/h2_author_profile_sp.png) no-repeat;
background-size:contain;
margin:0 auto 20px
}
}

#author_profile .wpr {
width:850px;
margin:0 auto;
overflow:hidden
}

@media (max-width:1170px) {
#author_profile .wpr {
width:auto
}
}

#author_profile .wpr .img_box {
float:left
}

@media (max-width:1170px) {
#author_profile .wpr .img_box {
float:none;
text-align:center;
margin:0 0 25px
}
}

#author_profile .wpr .img_box img {
width:220px
}

#author_profile .wpr .img_box p {
font-size:1.2rem;
margin:5px 0 0
}

#author_profile .wpr .txt_box {
margin:0 0 0 270px
}

@media (max-width:1170px) {
#author_profile .wpr .txt_box {
margin:0
}
}

#author_profile .wpr .author {
font-size:3.5rem;
font-weight:700;
margin:0 0 15px
}

@media (max-width:1170px) {
#author_profile .wpr .author {
float:none;
text-align:center;
font-size:3rem;
margin:0 0 10px
}
}

#author_profile .wpr p {
font-size:1.4rem
}

@media (max-width:1170px) {
#author_profile .wpr p {
width:auto;
margin:0
}
}

#sns_bottom {
background:#dae3f3
}

#sns_bottom .inr {
padding:50px 0 60px;
text-align:center
}

@media (max-width:1170px) {
#sns_bottom .inr {
padding:50px 0
}
}

#sns_bottom .inr h2 {
background:none;
text-align:center;
height:auto;
display:inline-block;
line-height:1;
margin:0 0 30px;
text-indent:0;
font-size:3rem;
color:#1322bd
}

@media (max-width:1170px) {
#sns_bottom .inr h2 {
font-size:2.5rem
}
}

#sns_bottom .inr ul {
overflow:hidden;
font-size:0;
text-align:center
}

#sns_bottom .inr ul li {
display:inline-block;
width:60px;
height:60px;
border-radius:50%;
margin:0 10px;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s
}

#sns_bottom .inr ul li:hover {
opacity:.8
}

#sns_bottom .inr ul li a {
width:100%;
height:100%;
display:block;
color:#fff;
text-align:center;
line-height:60px;
font-size:2.6rem
}

#sns_bottom .inr ul li a:hover {
text-decoration:none
}

#sns_bottom .inr ul li:first-child {
background:#4267b2
}

#sns_bottom .inr ul li:nth-child(2) {
background:#1b95e0
}

#sns_bottom .inr ul li:nth-child(3) {
background:#00b833
}

#sns_bottom .inr img {
width:50px;
vertical-align:middle
}
