@charset "utf-8";
/* CSS Document */

/*common*/
.sp {
	display: block;
}
.pc {
	display: none;
}
.bk_img {
	width: 100%;
	height: auto;
	display: block;
}
.bktext {
	font-size: 4vw;
	line-height: 1.7em;
	color: #000;
}
.bktext.b {
	font-weight: bold;
}
/*font*/
.f-jgu {
	font-family: ab-j-gu, sans-serif;
}
.f-kakugo_w3 {
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 300;
}
.f-kakugo_w6 {
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 600;
}
.wf-loading {
	opacity: 0;
}
#header {
	background-color: #fff;
}
#bkikuchiyo {
	padding-bottom: 2em;
	position: relative;
}
#bkikuchiyo + #footer {
	margin-top: 0;
}

.bkhead_wrap {
	overflow: hidden;
	background: url(c1_bg_compress.jpg) 50% 50% no-repeat;
	background-size: auto 100%;
	width: 100%;
	aspect-ratio: 1 / 1.645;
	position: relative;
}
.bkhead {
	position: absolute;
	width: 100%;
	height: 100%;
}
.bkhead_inner {
	position: relative;
	width: 100%;
	height: 100%;
}
.link_90th,
.logo_bk,
#bkc1 .title_bk {
	position: absolute;
}
.link_90th {
	width: 15.2vw;
	top: 1.5vw;
	right: 2vw;
	z-index: 1;
}
.link_90th .link_90th_btn {
	display: block;
	width: 15.2vw;
	transition: 0.3s;
}
.link_90th .link_90th_btn:hover .bk_img {
	animation: logo90thhover 0.8s;
}
@keyframes logo90thhover {
	0% {
		transform: rotateY(360deg);
	}
	100% {
		transform: rotateY(0deg);
	}
}
.logo_bk {
	width: 48vw;
	top: 1.5vw;
	left: 0;
	right: 0;
	margin: auto;
}
#bkc1 .title_bk {
	width: 42vw;
	height: 20vw;
	bottom: 1.5vw;
	left: 0;
}

/* #bkc1 */
.bkcontents {
	position: relative;
	width: 100%;
	height: 100%;
}
/*.c1_top*/
.c1_top {
	width: 100%;
	height: 100%;
	position: relative;
	transition: 0.4s;
}
.c1_top.hide {
	transform: translateX(-100vw) scale(20);
}
.c1_top .bkf {
	position: absolute;
}
/*フキダシ座標*/
.c1_f01 { top: 31.6vw; left: 28.8vw; }
.c1_f02 { top: 14.4vw; left: 74.1vw; }
.c1_f03 { top: 17vw; left: 1vw; }
.c1_f04 { top: 32.6vw; left: 55.7vw; }
.c1_f05 { top: 50vw; left: 73vw; }
.c1_f06 { top: 40vw; left: 1vw; }
.c1_f07 { top: 56vw; left: 38vw; }
.c1_f08 { top: 74vw; left: 17vw; }
.c1_f09 { top: 93vw; left: 2vw; }
.c1_f10 { top: 89vw; left: 40vw; }
.c1_f11 { top: 74vw; left: 68vw; }
.c1_f12 { top: 105vw; left: 59vw; }
.c1_f13 { top: 133vw; left: 49vw; }
.c1_f14 { top: 124vw; left: 74vw; }

/*フキダシサイズ*/
.c1_f01, .c1_f02, .c1_f03, .c1_f12 { width: 24.8vw; }
.c1_f06, .c1_f07 { width: 32vw; }
.c1_f11, .c1_f13 { width: 30vw; }
/* .c1link */
.c1_f04, .c1_f05, .c1_f08, .c1_f09, .c1_f10 { width: 23.2vw; }
.c1_f14 { width: 25.6vw; }

.c1link {
	display: block;
	animation: c1linkyet 1s alternate infinite;
}
@keyframes c1linkyet {
	0% {
		transform: scale(1.0);
	}
	100% {
		transform: scale(0.55);
	}
}
.c1link.visit,
.c1link:hover {
	animation: none;
	transform: scale(0.95);
}

/*c1_slide*/
.c1_slide {
	/*display: none;*/
	position: absolute;
	width: 100%;
	height: 108.8vw;
	top: 0;
	right: -100vw;
	transition: 0.4s;
	background: url(c1_slide_hukidashi_compress.png) 0 0 no-repeat;
	background-size: 100% auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	z-index: 1;
}
.c1_slide.view {
	right: 0;
}
.c1_f_body {
	width: 90%;
	padding: 5% 5% 0;
	margin: 0 auto;
}
.c1_f_h {
	padding: 0.5em 0 1em;
}
.c1_f_body .bktext {
	font-size: 4.6vw;
	font-weight: 300;
	line-height: 1.7em;
	margin: auto;
}
.c1_f_body .bktext .s {
	font-size: 3.6vw;
}
.c1_f_body p.bktext {
	text-align: left;
	width: 14em;
	margin-bottom: 1em;
}
.c1_f_body p.bktext:last-of-type {
	margin-bottom: 0;
}
.c1_f_body .bk_img_zoom_btn {
	display: block;
	width: 8em;
	margin: 1em auto 0;
	transition: 0.2s;
	overflow: visible;
	position: relative;
}
.c1_f_body .bk_img_zoom_btn:hover {
	transform: scale(1.05);
}
.c1_f_body .bk_img_zoom_btn::after {
	content: "";
	display: block;
	width: 8vw;
	height: 8vw;
	position: absolute;
	bottom: -1vw;
	right: -1vw;
	background: url(magnifying-glass-plus-solid_compress.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.c1_f_body .bk_img_zoom_btn .bk_img {
	border: 1px #e6393c solid;
}
.c1_f_close {
	display: block;
	width: 24.8vw;
	height: 40px;
	margin: 0 auto 7vw;
	background-color: #e6393c;
	border-radius: 20px;
	transition: 0.2s;
}
.c1_f_close:hover {
	transform: scale(1.05);
}
#f08 .c1_f_body p.bktext,
#f10 .c1_f_body p.bktext,
#f14 .c1_f_body p.bktext {
	text-align: center;
	width: 16em;
}
#f10 .c1_f_body dl.bktext {
	display: flex;
	flex-wrap: wrap;
	width: 18em;
	margin: 0 auto;
}

/*swiper*/
.swiper {
	width: 98%;
	height: 100%;
	margin: 0 auto;
	padding-bottom: 2em;
}
.swiper-slide {
	text-align: center;
	font-size: 4vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.swiper-slide:last-of-type {
	padding-right: 3vw;
}
.swiper-slide {
	width: 80px;
}
.swiper-pagination-bullet {
	background: #ccc;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	background: #000;
}

/* #bkc2 */
#bkc2 .title_bk {
	position: relative;
	padding-top: 10px;
	background-color: #ff9999;
}
.c2_read {
	position: absolute;
	width: 52vw;
	left: 0;
	bottom: 0;
}
.c2_body {
	background-color: #ff8080;
	padding: 2px;
	box-sizing: border-box;
}
.c2_body table.bktext {
	font-size: 3.6vw;
	width: 100%;
}
.c2_body table.bktext tr {

}
.c2_body table.bktext th,
.c2_body table.bktext td {
	padding: 0.6em 0.3em;
	border: 1px #ff9191 solid;
	text-align: left;
}
.c2_body table.bktext th {
	background-color: #ffe5e5;
	font-weight: 600;
}
.c2_body table.bktext tr:nth-child(odd) th {
	background-color: #ffcccc;
}
.c2_body table.bktext td {
	margin-left: 0;
	background-color: #fff;
}

/* #bkc3 */
#bkc3 .title_bk {
	width: 76vw;
	margin: 0.5em 0;
}
.bkc3_h {
	text-align: left;
	display: flex;
	margin: 0.5em 0 0.5em 1em;
}
.bkc3_h em {
	padding: 0 1em;
	font-size: 20px;
	line-height: 32px;
	height: 32px;
	background-color: #000;
	color: #fff;
	border-radius: 16px;
	white-space: nowrap;
}
.bkc3_h::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: #000;
	margin-top: 15px;
}
.bkc3_li {
	margin: 3px 5px 0;
	border: 1px #ddd solid;
	text-align: left;
	padding: 20px;
	box-sizing: border-box;
	width: calc(100% - 10px);
}
.bkc3_h4 {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	height: 20px;
	background-color: #ddd;
	padding-left: 0.5em;
}
.bkc3_body {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.bkc3_body .bktext {
	font-size: 12px;
}
.bkc3_body .bktext em {
	font-size: 16px;
	font-weight: 600;
	margin: 0.5em 0;
	display: inline-block;
}
.bkc3_body a.anchor,
.bkc3_body a.books_link {
	width: 110px;
	transition: 0.2s;
}
.bkc3_body a.anchor:hover,
.bkc3_body a.books_link:hover {
	transform: scale(1.05);
}
.bkc3_books {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.bkc3_books .book_img {
	width: 30vw;
	margin-right: 20px;
}
.bkc3_books .bkc3_body {
	flex-direction: column;
	width: calc(100% - (30vw + 20px));
	align-items: unset;
}
.bkc3_books .bkc3_body .bkc3_body {
	align-self: flex-start;
}
.bkc3_books .bkc3_body .anchor,
.bkc3_books .bkc3_body .books_link {
	align-self: flex-end;
	margin-top: 1em;
}
.bkc3_books .bkc3_body a.books_link {
	width: 129px;
}

/* #bkc4 */
#bkc4 {
	margin-top: 1em;
	padding: 1em 0;
	background-color: #231815;
	color: #fff;
}
#bkc4 .title_bk {
	width: 44vw;
	margin: 0 0 0.5em 0;
}
.bkc4_hr {
	border: none;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 100%;
	padding-top: 22%;
}
.bkc4_hr.hr1 {
	background-image: url(hr1_compress.png);
}
.bkc4_hr.hr2 {
	background-image: url(hr2_compress.png);
}
.bkc4_h {
	font-size: 12px;
	text-align: center;
	margin: 0 auto 1em;
}
.bkc4_h em {
	font-size: 16px;
	font-weight: 600;
}
.bkc4_h .s {
	font-size: 10px;
}
.bkc4_manga_main {
	
}
.bibi-wrap {
	width: 64vw;
	height: 110vw;
	margin: 0 auto;
}
.swiper-pagination-extra {
	font-size: 20px;
	margin-bottom: 0.5em;
}
.bkc4_manga_main .swiper .swiper-slide {
		background-color: #fff;
}
.manga4koma_img {
	width: auto;
	height: 80vh;
	min-height: 675px;
}
.manga4koma_nav {
	margin: 1em auto;
	position: relative;
	width: 88vw;
	height: 40px;
	background-color: #fff;
	border-radius: 20px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: none;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: none;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '〉';
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
	content: '〈';
}
.swiper-button-next:after,.swiper-button-prev:after {
	font-family: ab-j-gu, sans-serif;
	font-size: 20px;
}
.swiper-button-next,.swiper-button-prev {
	color: #ff0000;
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	color: #9e9e9e;
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 0;
}
.swiper-pagination-bullet {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #ff0000;
	opacity: 1;
	background: transparent;
}
.swiper-pagination-bullet-active {
	color: #000;
	background: transparent;
}

/* フキダシ */
.speechBubble_wrap {
	margin: 0 12px 0 0;
}
.speechBubble {
	position: relative;
	display: inline-block;
	width: 15em;
	margin-bottom: 20px;
	padding: 10px 12px;
	border-radius: 8px;
	background-color: #d200ff;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	color: #ffffff;
}

.speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 15px 0 0;
  border-color: #d200ff transparent transparent;
  translate: -50% 60%;
  transform: skew(-15deg);
  transform-origin: top;
}

/* #bkc5 */
#bkc5 {
	padding: 1em 0 6em;
}
#bkc5 .title_bk,
#bkc6 .title_bk {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 0.5em;
}
#bkc5 .title_bk_img {
	width: 44vw;
}
.bkc5_album_main {
	width: 93.6vw;
	background: url(album_base_compress.png) 50% 50% no-repeat;
	background-size: 100% auto;
	margin: auto;
}
.bkc5_album_main .swiper {
	width: 100%;
	padding-bottom: 0;
	aspect-ratio: 702 / 535;
}
.albumnya {
	width: 100%;
	height: 100%;
	position: relative;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.album01 { background-image: url(album01_compress.png); }
.album02 { background-image: url(album02_compress.png); }
.album03 { background-image: url(album03_compress.png); }
.album04 { background-image: url(album04_compress.png); }
.album05 { background-image: url(album05_compress.png); }
.album06 { background-image: url(album06_compress.png); }
.album07 { background-image: url(album07_compress.png); }
.album08 { background-image: url(album08_compress.png); }
.album09 { background-image: url(album09_compress.png); }
.album10 { background-image: url(album10_compress.png); }
.album11 { background-image: url(album11_compress.png); }
.album12 { background-image: url(album12_compress.png); }
.album13 { background-image: url(album13_compress.png); }
.album14 { background-image: url(album14_compress.png); }
.album15 { background-image: url(album15_compress.png); }
.album16 { background-image: url(album16_compress.png); }
.album17 { background-image: url(album17_compress.png); }

.al_bt {
	display: block;
	position: absolute;
	width: 29vw;
	height: 24vw;
	cursor: pointer;
	/*background-color: rgba(255,0,0,0.33);*/
}
.al_inner {
	width: 100%;
	height: 36px;
	position: relative;
	transition: 0.1s;
	opacity: 0;
}
.al_inner::before,
.al_inner::after {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0;
	background: url(album_icon_on_compress.png) 50% 50% no-repeat;
	background-size: 18px auto;
}
.al_inner::before {
	left: 0;
	transform: scale(-1, 1);
}
.al_inner::after {
	right: 0;
}
.al_bt:hover .al_inner {
	opacity: 1;
}

.al_l { left: 6vw; }
.al_r { right: 6vw; }

/*album01*/
.p_001 { top: 6vw; }
.p_002 { top: 31vw; }
.p_003 { top: 0vw; }
.p_004 { top: 25vw; height:20vw; }
.p_005 { top: 46vw; right: 3vw; }

/*album02*/
.p_006 { top: 4vw; width: 33vw; height: 25vw; }
.p_007 { top: 31vw; width: 33vw; height: 25vw; }
.p_008 { top: 8vw; right: 4vw; width: 37vw; height: 29vw; }

/*album03*/
.p_009 { top: 4vw; width: 34vw; height: 26vw; }
.p_010 { top: 32vw; width: 34vw; height: 26vw; }
.p_011 { top: 11vw; right: 3vw; width: 39vw; height: 31vw; }

/*album04*/
.p_012 { top: 2vw; left: 5vw; height: 22vw; }
.p_013 { top: 24vw; left: 7vw; height: 22vw; }
.p_014 { top: 46vw; left: 7vw; height: 22vw; }
.p_015 { top: 5vw; right: 8vw; width: 27vw; height: 42vw; }

/*album05*/
.p_016 { top: 1vw; left: 7vw; height: 22vw; }
.p_017 { top: 24vw; left: 8vw; height: 22vw; }
.p_018 { top: 46vw; left: 8vw; height: 22vw; }
.p_019 { top: 7vw; right: 10vw; width: 29vw; height: 45vw; }

/*album06*/
.p_020 { top: 26vw; left: 4vw; height: 40vw; }
.p_021 { top: 5vw; right: 3vw; width: 40vw; height: 32vw; }

/*album07*/
.p_022 { top: 6vw; width: 31vw; }
.p_023 { top: 31vw; width: 31vw; }
.p_024 { top: 16vw; width: 37vw; height: 29vw; }

/*album08*/
.p_025 { top: 11vw; width: 31vw; }
.p_026 { top: 36vw; width: 31vw; }
.p_027 { top: 6vw; width: 33vw; height: 50vw; }

/*album09*/
.p_028 { top: 4vw; left: 7vw; }
.p_029 { top: 28vw; left: 8vw; }
.p_030 { top: 17vw; right: 9vw; width: 26vw; height: 36vw; }

/*album10*/
.p_031 { top: 7vw; left: 7vw; width: 36vw; height: 27vw; }
.p_032 { top: 35vw; left: 7vw; width: 36vw; height: 28vw; }
.p_033 { top: 11vw; right: 10vw; width: 32vw; height: 49vw; }

/*album11*/
.p_034 { top: 6vw; left: 8vw; width: 34vw; height: 27vw; }
.p_035 { top: 34vw; left: 8vw; width: 34vw; height: 27vw; }
.p_036 { top: 4vw; height: 21vw; }
.p_037 { top: 25vw; height: 21vw; }
.p_038 { top: 46vw; right: 5vw; }

/*album12*/
.p_039 { top: 2vw; width: 28vw; height: 22vw; }
.p_040 { top: 24vw; height: 22vw; }
.p_041 { top: 46vw; height: 22vw; }
.p_042 { top: 34vw; right: 3vw; width: 40vw; height: 31vw; }

/*album13*/
.p_043 { top: 2vw; left: 9vw; width: 28vw; height: 22vw; }
.p_044 { top: 24vw; left: 9vw; width: 28vw; height: 22vw; }
.p_045 { top: 46vw; left: 9vw; width: 28vw;height: 22vw; }
.p_046 { top: 4vw; width: 30vw; height: 23vw; }
.p_047 { top: 28vw; width: 30vw; }

/*album14*/
.p_048 { top: 5vw; left: 8vw; width: 25vw; height: 20vw; }
.p_049 { top: 23vw; left: 25vw; width: 19vw; height: 29vw; }
.p_050 { top: 27vw; left: 1vw; width: 24vw; height: 19vw; }
.p_051 { top: 46vw; left: 4vw; width: 25vw; height: 20vw; }
.p_052 { top: 6vw; width: 35vw; height: 53vw; }

/*album15*/
.p_053 { top: 5vw; left: 13vw; width: 30vw; height: 23vw; }
.p_054 { top: 28vw; left: 16vw; height: 22vw; }
.p_055 { top: 35vw; left: 0vw; width: 20vw; height: 30vw; }
.p_056 { top: 4vw; width: 30vw; }
.p_057 { top: 29vw; right: 5vw; width: 30vw; }

/*album16*/
.p_058 { top: 2vw; left: 14vw; width: 24vw; height: 38vw; }
.p_059 { top: 41vw; width: 35vw; height: 26vw; }
.p_060 { top: 4vw; width: 30vw; height: 23vw; }
.p_061 { top: 27vw; right: 7vw; width: 29vw; }

/*album17*/
.p_062 { top: 7vw; left: 3vw; width: 32vw; }
.p_063 { top: 32vw; left: 1vw; width: 44vw; height: 34vw; }
.p_064 { top: 7vw; width: 36vw; height: 30vw; }

/* #bkc6 */
#bkc6 {
	padding: 1em 0 4em;
}
#bkc6 .title_bk_img {
	width: 34vw;
}
.iframe-wrap {
	position: relative;
	width: 98%;
	padding: calc(1125 / 750 * 100%) 0 0;
	margin: auto;
}
 
.iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#bkc6 .bkc4_h {
	width: 94%;
	text-align: right;
	margin: 0 auto;
}

/* #bkc7 */
#bkc7 {
	padding: 1em 0 4em;
}
#bkc7 .title_bk {
	width: 38vw;
	margin-bottom: 0.5em;
}
.youtube {
	width: 100%;
	aspect-ratio: 4 / 3;
}
.youtube iframe {
	width: 100%;
	height: 100%;
}

/* bkmenu */
.bkmenu {
	width: 100%;
	position: relative;
}
.bkmenu_ul {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-direction: column;
	position: relative;
	padding: 1em 0;
}
.bkmenu_ul::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url(menu_photo_compress.png) 0 0 no-repeat;
	background-size: cover;
}
.bkmenu_li {
	height: 40px;
	text-align: right;
	z-index: 3;
}
.bkmenu_li a {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	color: #e6393c;
	position: relative;
	padding-right: 1em;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	z-index: 1;
}
.bkmenu_li a::before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url(menu_li_icon_compress.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.bkmenu_li a::after {
	content: "";
	display: block;
	background-color: #fff;
	transition: 0.4s;
	width: 100%;
	height: 40px;
	border-radius: 20px 0 0 20px;
	position: absolute;
	z-index: -1;
	opacity: 1;
}
.bkmenu_li a:hover {
	color: #00e6ac;
}
.bkmenu_li a:hover::before {
	background-image: url(menu_li_icon_on_compress.png);
}
.bkmenu_li a:hover::after {
	opacity: 0.66;
}
a.anchorbtn_menu {
	display: block;
	position: fixed;
	top: 10px;
	left: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	padding: 0;
	width: 5em;
	height: 30px;
	line-height: 30px;
	border: 1px #fff solid;
	border-left: none;
	border-radius: 0 15px 15px 0;
	transition: 0.4s;
	background-color: rgba(197,116,150,0.5);
	z-index: 2;
}
a.anchorbtn_menu:hover {
	padding-left: 0.5em;
	background-color: rgba(197,116,150,0.9);
}


@media (min-width: 768px) {
	
	/*common*/
	#bkikuchiyo {
		margin: auto;
		font-size: 18px;
		background: url(c1_bg_wrap_pc_compress.jpg) 50% 50% no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
	.bk_img {
		width: auto;
	}

	/* 100% width images */
	.logo_bk .bk_img,
	#bkc1 .title_bk .bk_img,
	.bkf .bk_img,
	.c1_f_h .bk_img,
	.c1_f_close .bk_img,
	.bk_img_zoom_btn .bk_img,
	#bkc2 .title_bk .bk_img:not(.c2_read),
	.bkc3_body a.anchor .bk_img,
	.bkc3_body a.books_link .bk_img {
		width: 100%;
	}

	#bkikuchiyo + #footer {
		padding-bottom: 100px;
	}

	.bkhead_wrap {
		height: 640px;
		aspect-ratio: auto;
		overflow: hidden;
	}
	.bkhead_bg {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 1150px;
		height: 900px;
		background: url(c1_bg_pc_compress.jpg) no-repeat center top;
		background-size: cover;
		z-index: 1;
	}
	.bkhead {
		top: 0;
		left: 0;
		height: auto;
		margin: 0 auto;
		z-index: 2;
	}
	.bkhead_inner {
		max-width: 1150px;
		height: 640px;
		margin: 0 auto;
		/* padding-top: 100px; お好みで調整 */
	}
	.link_90th {
		width: 100px;
		padding: 0;
		justify-content: center;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.link_90th .link_90th_btn,
	.link_90th .link_90th_btn .bk_img {
		width: 100px;
	}

	.logo_bk {
		width: 21.21%; /*244px*/
		top: 10px;
		left: 10px;
		right: auto;
	}
	#bkc1 .title_bk {
		width: 252px;
		height: 120px;
		bottom: 10px;
		left: auto;
		right: 20px;
	}

	.bkhead_wrap .bkcontents {
		/*position: fixed;
		top: 0;
		left: 50%;
		transform: translateX(-50%);*/
		max-width: 1150px;
		height: 640px;
		z-index: 3;
		pointer-events: none; /* クリック不可の場合 */
		margin: 0 auto;
	}
	/*リンク重なりの場合*/
	.c1link,
	.c1_f_close,
	.bk_img_zoom_btn {
		pointer-events: auto;
		cursor: pointer;
	}
	/*フキダシ座標*/
	.c1_f01 { top: 7px; left: 30.7%; } /*353px*/
	.c1_f02 { top: 29px; left: 76.4%; } /*879px*/
	.c1_f03 { top: 172px; left: 11.1%; } /*128px*/
	.c1_f04 { top: 21px; left: 50%; } /*575px*/
	.c1_f05 { top: 133px; left: 55.3%; } /*636px*/
	.c1_f06 { top: 102px; left: 21.4%; } /*246px*/
	.c1_f07 { top: 160px; left: 66.9%; } /*770px*/
	.c1_f08 { top: 88px; left: 40.8%; } /*470px*/
	.c1_f09 { top: 222px; left: 1.5%; } /*17px*/
	.c1_f10 { top: 35px; left: 62.9%; } /*723px*/
	.c1_f11 { top: 150px; left: 82.3%; } /*946px*/
	.c1_f12 { top: 290px; left: 87.8%; } /*1010px*/
	.c1_f13 { top: 420px; left: 85.2%; } /*980px*/
	.c1_f14 { top: 320px; left: 75.5%; } /*868px*/
	/*フキダシサイズ*/
	.c1_f01, .c1_f02, .c1_f03, .c1_f12 { width: 9.7%; } /*112px*/
	.c1_f06, .c1_f07 { width: 12.3%; } /*142px*/
	.c1_f11, .c1_f13 { width: 11.6%; } /*134px*/
	/* .c1link */
	.c1_f04, .c1_f05, .c1_f08, .c1_f09, .c1_f10 { width: 9%; } /*104px*/
	.c1_f14 { width: 9.8%; }/*113px*/

	/*c1_slide*/
	.c1_slide {
		width: 440px;
		height: 480px;
		top: 40px;
		right: -100%;
	}
	.c1_f_body p.bktext {
		width: 18em;
	}
	.c1_f_body .bktext {
		font-size: 18px;
	}
	.c1_f_body .bktext .s {
		font-size: 14px;
	}
	.c1_f_body .bk_img_zoom_btn::after {
		width: 40px;
		height: 40px;
		bottom: -10px;
		right: -10px;
	}
	.c1_f_close {
		width: 93px;
		margin: 0 auto 50px;
	}
	.c1_slide.view {
		right: 10.4%; /*120px*/
		transform: scale(-1, 1);
	}
	.c1_slide.view .c1_f_body,
	.c1_slide.view .c1_f_close {
		transform: scale(-1, 1);
	}

	/* bkmenu */
	.bkmenu {
		width: 100%;
		height: 60px;
		background-color: rgba(210,180,140,0.9);
		margin: 0 auto;
		z-index: 10;
		position: fixed;
		bottom: 0;
	}
	.bkmenu_ul {
		width: 1150px;
		height: 40px;
		padding: 10px 0;
		margin: 0 auto;
		flex-direction: row;
		align-items: center;
	}
	.bkmenu_ul::after {
		width: 90px;
		height: 130px;
		background: url(menu_photo_pc_compress.png) 0 0 no-repeat;
		background-size: 100% auto;
		top: -110px;
		left: 5px;
	}
	.bkmenu_li {
		text-align: left;
		margin: 0 5px;
	}
	.bkmenu_li a {
		font-size: 14px;
	}
	.bkmenu_li a::before {
	}
	.bkmenu_li a::after {
		border-radius: 20px;
	}
	a.anchorbtn_menu {
		display: none;
	}

	/*c2*/
	#bkc2 {
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #ff9999;
	}
	#bkc2 .title_bk {
		width: 550px;
		background-color: transparent;
		padding-top: 0;
		margin-top: -90px;
		z-index: 1;
	}
	.c2_read {
		width: 312px;
	}
	.c2_body {
		margin-left: 20px;
		width: 540px;
		box-sizing: border-box;
	}
	.c2_body table.bktext {
		font-size: 17px;
	}

	/*c3*/
	#bkc3 {
		background-color: #fff;
		padding-bottom: 1.5em;
	}
	#bkc3 .title_bk {
		width: 100%;
		margin: 0 auto;
		padding: 1.5em 0 0.5em;
	}
	#bkc3 .title_bk .bk_img {
		width: 456px;
		margin: 0 auto;
	}
	.bkc3_h {
		max-width: 1150px;
		margin: 0 auto;
	}
	.bkc3_ul {
		max-width: 1150px;
		margin: 0.5em auto 0;
		padding-bottom: 2em;
		display: flex;
		justify-content: flex-start;
		align-items: normal;
		flex-wrap: wrap;
	}
	.bkc3_li {
		padding: 20px 10px 10px;
		width: 277.5px;
	}
	.bkc3_h4 {
		font-size: 15px;
		height: 24px;
		line-height: 24px;
		font-weight: 300;
	}
	.bkc3_body {
		flex-direction: column;
	}
	.bkc3_body .bktext {
		font-size: 15px;
		width: 100%;
	}
	.bkc3_body .bktext em {
		font-size: 18px;
		margin: 1em 0;
	}
	.bkc3_body a.anchor, .bkc3_body a.books_link {
		margin-top: 0.5em;
	}
	.bkc3_books {
		flex-direction: column;
		justify-content: center;
	}
	.bkc3_books .book_img {
		height: 340px;
		width: auto;
		margin: 0 auto;
	}
	.bkc3_books .bkc3_body {
		width: 100%;
	}

	/*c4*/
	#bkc4 {
		margin-top: 0;
	}
	#bkc4 .title_bk {
		width: 100%;
		margin: 0 auto 0.5em;
	}
	#bkc4 .title_bk .bk_img {
		width: 264px;
		margin: 0 auto;
	}
	.bkc4_hr {
		height: 82px;
		background-repeat: repeat-x;
		background-size: auto 82px;
		padding-top: 0;
		margin: 1em auto;
	}
	.bkc4_h {
		font-size: 16px;
	}
	.bkc4_h em {
		font-size: 18px;
		line-height: 2em;
	}
	.bkc4_h .s {
		font-size: 12px;
	}
	.bkc4_manga_wrap {
		overflow: hidden;
	}
	.bibi-wrap {
		width: 320px;
		height: 550px;
	}
	.bkc4_manga_main {
		width: 100%;
		margin: auto;
	}
	.bkc4_manga_main .swiper {
		width: 320px;
		overflow: visible;
	}
	.bkc4_manga_main .swiper .swiper-slide {
		opacity: 0;
		transition: 0.4s;
	}
	.bkc4_manga_main .swiper .swiper-slide.swiper-slide-active {
		opacity: 1;
	}
	.bkc4_manga_main .swiper .swiper-slide:last-of-type {
		padding-right: 0;
	}
	.bkc4_manga_main .swiper .swiper-pagination-extra {
		font-size: 80px;
		letter-spacing: -0.25em;
		margin-bottom: 0;
		position: absolute;
		top: 380px;
		left: -3em;

	}
	.manga4koma_img {
		height: 768px;
	}
	.manga4koma_nav_wrap {
		width: 320px;
		height: 40px;
		position: absolute;
		right: -340px;
		bottom: 380px;
	}
	.bkc4_manga_main .manga4koma_nav {
		width: 320px;
		margin: 0;
	}

	/*c5*/
	#bkc5 {
		background-color: #fff;
	}
	#bkc5 .title_bk {
		width: 702px;
		margin: auto;
	}
	#bkc5 .title_bk_img {
		width: 264px;
	}
	.speechBubble {
		font-size: 18px;
	}
	.bkc5_album_main,
	.bkc5_album_main .manga4koma_nav {
		width: 702px;
	}
	.bkc5_album_main {
		background: url(album_base_compress.png) 50% top no-repeat;
		background-size: 100% auto;
  }
	.al_bt {
		width: 218px; /*29vw;*/
		height: 180px; /*24vw;*/
		/*background-color: rgba(255,0,0,0.33);*/
	}
	.al_inner::before,
	.al_inner::after {
		background: url(album_icon_on_compress.png) 50% 50% no-repeat;
		background-size: 36px auto;
	}

	.al_l { left: 45px; } /*6vw;*/
	.al_r { right: 45px; }

	/*album01*/
	.p_001 { top: 45px; }
	.p_002 { top: 233px; } /*31vw*/
	.p_003 { top: 20px; height: 150px; }
	.p_004 { top: 188px; height: 150px; } /*25vw, 20vw*/
	.p_005 { top: 345px; right: 23px; } /*46vw, 3vw*/
	
	/*album02*/
	.p_006 { top: 30px; width: 248px; height: 188px; } /*4vw,33vw, */
	.p_007 { top: 233px; width: 248px; height: 188px; } /*31vw, , */
	.p_008 { top: 60px; right: 30px; width: 278px; height: 218px; } /*8vw, ,37vw,29vw*/

	/*album03*/
	.p_009 { top: 30px; width: 255px; height: 195px; } /* ,34vw,26vw*/
	.p_010 { top: 240px; width: 255px; height: 195px; } /*32vw, , */
	.p_011 { top: 83px; right: 23px; width: 293px; height: 233px; } /*11vw,3vw,39vw, */

	/*album04*/
	.p_012 { top: 15px; left: 38px; height: 165px; } /*2vw,5vw,22vw*/
	.p_013 { top: 180px; left: 53px; height: 165px; } /* ,7vw, */
	.p_014 { top: 345px; left: 53px; height: 165px; } /*46vw, , */
	.p_015 { top: 38px; right: 60px; width: 203px; height: 315px; } /* , ,27vw,42vw*/

	/*album05*/
	.p_016 { top: 8px; left: 53px; height: 165px; } /*1vw, , */
	.p_017 { top: 180px; left: 60px; height: 165px; }
	.p_018 { top: 345px; left: 60px; height: 165px; }
	.p_019 { top: 53px; right: 75px; width: 218px; height: 338px; } /* ,10vw, ,45vw*/

	/*album06*/
	.p_020 { top: 195px; left: 30px; height: 300px; } /* , ,40vw*/
	.p_021 { top: 38px; right: 23px; width: 300px; height: 240px; }

	/*album07*/
	.p_022 { top: 45px; width: 233px; } /*6vw, */
	.p_023 { top: 233px; width: 233px; }
	.p_024 { top: 120px; width: 278px; height: 218px; } /*16vw, , */

	/*album08*/
	.p_025 { top: 83px; width: 233px; }
	.p_026 { top: 270px; width: 233px; }
	.p_027 { top: 45px; width: 248px; height: 375px; } /* , ,50vw*/

	/*album09*/
	.p_028 { top: 30px; left: 53px; }
	.p_029 { top: 210px; left: 60px; } /*28vw, */
	.p_030 { top: 128px; right: 68px; width: 195px; height: 270px; } /*17vw,9vw, ,36vw*/

	/*album10*/
	.p_031 { top: 53px; left: 53px; width: 270px; height: 203px; }
	.p_032 { top: 263px; left: 53px; width: 270px; height: 210px; } /*35vw, , , */
	.p_033 { top: 83px; right: 75px; width: 240px; height: 368px; } /* , , ,49vw*/

	/*album11*/
	.p_034 { top: 45px; left: 60px; width: 255px; height: 203px; }
	.p_035 { top: 255px; left: 60px; width: 255px; height: 203px; }
	.p_036 { top: 30px; height: 158px; } /* ,21vw*/
	.p_037 { top: 188px; height: 158px; }
	.p_038 { top: 345px; right: 38px; }

	/*album12*/
	.p_039 { top: 15px; width: 210px; height: 165px; }
	.p_040 { top: 180px; height: 165px; }
	.p_041 { top: 345px; height: 165px; }
	.p_042 { top: 255px; right: 23px; width: 300px; height: 233px; }

	/*album13*/
	.p_043 { top: 15px; left: 68px; width: 210px; height: 165px; }
	.p_044 { top: 180px; left: 68px; width: 210px; height: 165px; }
	.p_045 { top: 345px; left: 68px; width: 210px;height: 165px; }
	.p_046 { top: 30px; width: 225px; height: 173px; } /* ,30vw,23vw*/
	.p_047 { top: 205px; width: 225px; }

	/*album14*/
	.p_048 { top: 38px; left: 60px; width: 188px; height: 150px; } /* , , ,20vw*/
	.p_049 { top: 169px; left: 188px; width: 143px; height: 218px; } /* , ,19vw, */
	.p_050 { top: 203px; left: 8px; width: 180px; height: 143px; }
	.p_051 { top: 345px; left: 30px; width: 188px; height: 150px; }
	.p_052 { top: 45px; width: 263px; height: 398px; } /* , ,53vw*/

	/*album15*/
	.p_053 { top: 38px; left: 98px; width: 225px; height: 173px; } /* ,13vw, , */
	.p_054 { top: 210px; left: 120px; height: 165px; } /* ,16vw, */
	.p_055 { top: 263px; left: 0vw; width: 150px; height: 225px; }
	.p_056 { top: 30px; width: 225px; }
	.p_057 { top: 218px; right: 38px; width: 225px; }

	/*album16*/
	.p_058 { top: 15px; left: 105px; width: 180px; height: 285px; } /* ,14vw, ,38vw*/
	.p_059 { top: 304px; width: 263px; height: 195px; } /*41vw, , */
	.p_060 { top: 30px; width: 225px; height: 173px; }
	.p_061 { top: 203px; right: 53px; width: 218px; }

	/*album17*/
	.p_062 { top: 53px; left: 23px; width: 240px; }
	.p_063 { top: 240px; left: 8px; width: 330px; height: 255px; } /* , ,44vw, */
	.p_064 { top: 53px; width: 270px; height: 225px; }

	.fancybox__caption {
		font-size: 18px;
	}

	/*c6*/
	#bkc6 {
		background-color: #fff;
	}
	#bkc6 .title_bk {
		width: 702px;
		margin: auto;
	}
	#bkc6 .title_bk_img {
		width: 204px;
	}
	.iframe-wrap {
		width: 800px;
		/*padding: calc(100vh - 90px) 0 0;*/
		padding: 0;
		height: calc(100vh - 90px);
		max-height: 800px;
	}
	#bkc6 .bkc4_h {
		width: 750px;
		margin: 0.25em auto 0;
	}

	/*c7*/
	#bkc7 {
		background-color: #fff;
	}
	#bkc7 .title_bk {
		width: 702px;
		margin: auto;
	}
	#bkc7 .title_bk_img {
		width: 228px;
	}
	.youtube {
		width: 750px;
		margin: auto;
	}

}