@charset "UTF-8";

/*--------------------------------------------------------------------
/- file   : natsuyasumiroom210824.css
/- admin  : TAAP
/- update : 210708
/- desc   : css for publications.asahi.com
/--------------------------------------------------------------------*/


body{
	font-family: "ヒラギノ角ゴシック";
}

#homeContentHolder{
  background-color:#010101;
}

/* header */
#top{
background-color: #154260;
color: #fff;
padding: 16px 0;
margin-bottom: 24px;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}

@media screen and (max-width: 640px) {
#top{
padding: 8px 0;
}
}

#top .h1__heading{
display: flex;
justify-content: center;
gap: clamp(8px, 1.6vw, 16px);
background:none;
}

@media screen and (max-width: 640px) {
#top .h1__heading{
flex-direction: column;
align-items: center;
}
}

#top .h1__author{
font-size: clamp(10px, 1.8vw, 18px);
background-color: #fff;
padding: clamp(4px, 0.8vw, 8px) ;
color: #000;
border-radius: 10px;
letter-spacing: 0.25rem;
display: inline-block;
}
@media screen and (max-width: 640px) {
#top .h1__author{
padding-right: 8px ;
padding-left: 8px ;
}
}

#top .h1__title{
display: inline-block;
display: flex;
align-items: flex-end;
column-gap: 8px;
}

#top .h1__series{
font-family: Noto Serif JP, serif;
font-size: clamp(18px, 2.4vw, 24px);
line-height: 1;
}

#top small{
font-size: clamp(8px, 1.6vw, 16px);
}
/* header */

.header__hayamine{
display: flex;
justify-content: center;
align-items: center;
column-gap: 10px;
margin-bottom: 24px;
padding: 0 16px;
margin-top: clamp(100px,9vw,90px); /* 固定ヘッダーの高さに合わせて調整 */
width: fit-content;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 640px) {
header .h1__heading{
flex-direction: column;
align-items: center;
}
}

.hayamine__icon{
display: flex;
flex-direction: column;
max-width: 50px;
width: 100%;
align-items: center;
}
.hayamine__icon img{
    width: 100%;
}

.hayamine__icon span{
font-size: 10px;
display: inline-block;
width: fit-content;
}

.hayamine__speech{
  position: relative;
}

.hayamine__text{
font-size: clamp(13px, 1.4vw, 14px);
position: absolute;
top: 48%;
left: 57%;
transform: translate(-50%, -50%);
width: 100%;
line-height:1.5;
color:#fff!important;
}

@media screen and (max-width: 640px) {
.hayamine__speech img{
height: 60px;
}
}

/* コンテンツ背景 */
.natsuyasumiroomContentsWrap{
	background-color: #000;
	position: relative;
}

.natsuyasumiroomCenterTable{
	width: 740px;
	border: none;
	padding: 0;
	border-spacing: 0;
}

.natsuyasumiroomCenterTableTr{
	vertical-align: top;
}

/*NavArea*/
.natsuyasumiroomNavWrap{
	background-image: url("/design_items/pc/img/natsuyasumiroom/bg_nav.png");
	width:650px;
	height: 75px;
	position: relative;
	/* margin-bottom:-75px; */
}

/* ナビボタン共通 */
#natsuyasumiroomNavLnk01 > a, #natsuyasumiroomNavLnk02 > a, #natsuyasumiroomNavLnk03 > a, #natsuyasumiroomNavLnk04 > a{
	display: block;
	height: 44px;
	width: 135px;
	color: #000;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 2.6;
	border: 3px solid #fff;
	background : linear-gradient(180deg, rgba(0, 166, 255, 1) 0%, rgba(9, 169, 246, 1) 8.49%, rgba(35, 178, 220, 1) 22.63%, rgba(77, 193, 178, 1) 40.66%, rgba(134, 213, 121, 1) 61.88%, rgba(207, 238, 48, 1) 85.52%, rgba(255, 255, 0, 1) 100%);
}
#natsuyasumiroomNavLnk01 > a:hover, #natsuyasumiroomNavLnk02 > a:hover, #natsuyasumiroomNavLnk03 > a:hover, #natsuyasumiroomNavLnk04 > a:hover {
	background : linear-gradient(180deg, rgba(0, 166, 255, 1) 0%, rgba(27, 175, 228, 1) 4.73%, rgba(80, 194, 175, 1) 15.16%, rgba(126, 210, 129, 1) 26.01%, rgba(166, 224, 89, 1) 37.07%, rgba(198, 235, 57, 1) 48.38%, rgba(223, 244, 32, 1) 60.03%, rgba(241, 250, 14, 1) 72.14%, rgba(252, 254, 3, 1) 85.02%, rgba(255, 255, 0, 1) 100%);
	background-position: 0 bottom;
}

/* ナビボタン1 */
#natsuyasumiroomNavLnk01{
	display:block;
	position: absolute;
	width: 141px;
	top: 12px;
	left: 20px;
	z-index: 2;
}

/* ナビボタン2 */
#natsuyasumiroomNavLnk02{
	display:block;
	position: absolute;
	width: 141px;
	top: 12px;
	left: 176px;
	z-index: 2;
}

/* ナビボタン3 */
#natsuyasumiroomNavLnk03{
	display:block;
	position: absolute;
	width: 141px;
	top: 12px;
	left: 332px;
	z-index: 2;
}

/* ナビボタン4 */
#natsuyasumiroomNavLnk04{
	display:block;
	position: absolute;
	width: 141px;
	top: 12px;
	left: 488px;
	z-index: 2;
}

.fixed {
	/* position: fixed; */
	top: 0;
	width:650px;
	z-index: 10000;
}


#natsuyasumiroomNav1{
	padding-top: 75px;
	margin-top: -75px;
}

#natsuyasumiroomNav2{
	padding-top: 75px;
	margin-top: -75px;
}

#natsuyasumiroomNav3{
	padding-top: 125px;
	margin-top: -75px;
}

#natsuyasumiroomNav4{
	padding-top: 75px;
	margin-top: -75px;
}


/* コンテンツ画像 */

/*
section h2{
	visibility: hidden;
	margin: 0;
	padding: 0;
	
}
*/

/*
.natsuyasumiroomEvent{
	display: block;
	width: 650px;
	height: 1954px;
	background: url("/design_items/pc/img/natsuyasumiroom/img_event.png") no-repeat 0 0;
	background-size: contain;
}
*/

/* ヘッダー画像 */
.natsuyasumiroomBackgroundImg{
	display: block;
	width: 650px;
	background: url("/design_items/pc/img/natsuyasumiroom/img_bg210714.jpg") no-repeat 0 0;
	background-size: contain;
	position: relative;
	padding: 0 0 30px 0;
}

.natsuyasumiroomHeaderImg{
	display: block;
	width: 650px;
	position: relative;
}

.natsuyasumiroomHeaderAuthorTxt{
	position: absolute;
	top: 95px;
	left: 53px;
	color: #fff000;
	font-size: 54px;
	font-weight: bold;
	letter-spacing: 0.5em;
}

.natsuyasumiroomHeaderDescriptionTxt{
	position: absolute;
	top: 153px;
	left: 53px;
	color: #fff000;
	font-size: 28px;
	font-weight: bold;
}

.natsuyasumiroomHeaderArtistTxt{
	position: absolute;
	top: 519px;
	left: 428px;
	color: #fff000;
	font-size: 21px;
	font-weight: bold;
}

.natsuyasumiroomHeaderIssueTxt{
	position: absolute;
	top: 737px;
	left: 49px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.natsuyasumiroomHeaderPriceTxt{
	position: absolute;
	top: 764px;
	left: 49px;
	color: #fff;
	font-size: 18px;
}

.natsuyasumiroomHeaderPriceTxt{
	position: absolute;
	top: 764px;
	left: 49px;
	color: #fff;
	font-size: 18px;
}

.natsuyasumiroomHeaderKitanTxt{
	position: absolute;
	top: 764px;
	left: 414px;
	color: #ff32a6;
	font-size: 16px;
	text-align: center;
}

/* イベント */
.natsuyasumiroomEventBackgroundImg{
	display: block;
	width: 650px;
	height: 1954px;
	background: url("/design_items/pc/img/natsuyasumiroom/img_event_bg.jpg") no-repeat 0 0;
	background-size: contain;
}

.natsuyasumiroomEventImg{
	display: block;
	width: 650px;
	height: 1954px;
	background: url("/design_items/pc/img/natsuyasumiroom/img_event_210706.png") no-repeat 0 0;
	background-size: contain;
}

.natsuyasumiroomEventImg > h2{
	visibility: hidden;
	margin: 0;
	padding:0;
}

.natsuyasumiroomEventDateTxt{
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}

.natsuyasumiroomEventAnniversaryTxt{
	color: #fff000;
	font-size: 48px;
	font-weight: bolder;
	text-align: center;
}

.natsuyasumiroomEventOnlineImg{
	display: block;
	margin: 0 auto;
	width: 552px;
	height: 45px;
	background: url("/design_items/pc/img/natsuyasumiroom/img_online_210707.png") no-repeat 0 0;
	background-size: contain;
}

.natsuyasumiroomEventInnerWrap{
	display: block;
	margin: 28px 48px 28px;
	font-feature-settings: "palt";
}

.natsuyasumiroomEventDescriptionTxt{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.75;
}

.natsuyasumiroomEventH3Txt{
	color: #fff;
	font-size: 18px !important;
	margin: 25px 0 0 0;
	line-height: 1.75;
}

.natsuyasumiroomEventLTxt{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.75;
}

.natsuyasumiroomEventSTxt{
	color: #fff;
	font-size: 18px;
	line-height: 1.75;
}

ul.natsuyasumiroomEventSTxt{
	text-indent: -0.75em;
	list-style: none;
	line-height: 1.75;
}

.natsuyasumiroomEventSTxt li{
	font-size: 18px !important;
	line-height: 1.75;
}

a.natsuyasumiroomEventURLTxt{
	color: #0099ff;
	font-size: 18px;
	line-height: 1.75;
}

.natsuyasumiroomEventCautionTxt{
	color: #ff0033;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.75;
}

.natsuyasumiroomEventSBoldTxt{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.75;
}

/* 作品紹介 */
.natsuyasumiroomIntroductionImg{
	display: block;
	width: 650px;
	height: 640px;
	background: url("/design_items/pc/img/natsuyasumiroom/img_introduction_210708.png") no-repeat 0 0;
	background-size: contain;
	position: relative;
}

h2.natsuyasumiroomIntroductionH2Wrap{
	display: block;
	width: 200px;
	height: 60px;
	background-color: #fff100 !important;
	text-align: center !important;
	transform: rotate(-10deg);
	margin: 30px 0 0 40px !important;
	position: absolute;
	padding: 0 !important;
}

.natsuyasumiroomIntroductionH2Txt{
	font-size: 24px !important;
	font-weight: bold;
	display: block;
	margin: 16px 0 0 0 !important;
}

.natsuyasumiroomIntroductionSpeechbubbleTxt{
	font-size: 30px;
	position: absolute;
    top: 129px;
    left: 85px;
}

.natsuyasumiroomIntroductionDescriptionTxt{
	font-size: 18px;
	color: #fff;
	position: absolute;
	top:300px;
	left:85px;
	line-height: 1.75;
}

/* 登場人物 */
.natsuyasumiroomCharacterImg{
	display: block;
	width: 650px;
	height: 966px;
	background: url("/design_items/pc/img/natsuyasumiroom/img_character_210708.png") no-repeat 0 0;
	background-size: contain;
	position: relative;
}

h2.natsuyasumiroomCharacterH2Wrap{
	display: block;
	width: 200px;
	height: 60px;
	background-color: #fff100 !important;
	text-align: center !important;
	transform: rotate(-10deg);
	margin: 30px 0 0 40px !important;
	padding: 0 !important;
	position: absolute;
}

.natsuyasumiroomCharacterH2Txt{
	font-size: 24px !important;
	font-weight: bold;
	display: block;
	margin: 16px 0 0 0 !important;
}

section.natsuyasumiroomCharacterImg ul li{
	list-style: none;
}

.natsuyasumiroomShirokumaNameTxt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:230px;
	left:69px;
	line-height: 1.75;
	text-align: center;
}

.natsuyasumiroomShirokumaSpeechbubbleTxt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:150px;
	left:205px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomBokuSpeechbubbleTxt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:310px;
	left:68px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomBokuNameTxt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:385px;
	left:516px;
	line-height: 1.75;
	text-align: center;
}

.natsuyasumiroomRobotNameTxt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:530px;
	left:70px;
	line-height: 1.75;
	text-align: center;
}

.natsuyasumiroomRobotSpeechbubbleTxt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:465px;
	left:203px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomZombieSpeechbubbleTxt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:590px;
	left:68px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomZombieNameTxt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:650px;
	left:524px;
	line-height: 1.75;
	text-align: center;
}

.natsuyasumiroomFairyNameTxt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:780px;
	left:80px;
	line-height: 1.75;
	text-align: center;
}

.natsuyasumiroomFairySpeechbubbleTxt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:710px;
	left:204px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomMarionetteSpeechbubbleTxt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:835px;
	left:69px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomMarionetteNameTxt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:910px;
	left:508px;
	line-height: 1.75;
	text-align: center;
}

/* 試し読み */
.natsuyasumiroomTrialImg{
	/* display: block;
	width: 650px;
	height: 446px;
	background: url("/design_items/pc/img/natsuyasumiroom/img_trial_210708.png") no-repeat 0 0;
	background-size: contain;
	position: relative; */
	border: dashed 1.5px #fff;
    margin: 0 20px;
    padding-bottom: 40px;
	position: relative;
}

.book__inner {
    display: flex;
    gap: 24px;
    justify-content: center;
    padding-top: 70px;
}

.book__img {
    width: 34%;
    position: relative;
    left: 0;
    text-align: center;
}

.book__img img {
    width: 100%;
}

.book__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: clamp(12px, 1.6vw, 16px);
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    color: #000 !important;
    background-color: #FFF100;
    padding: 8px;
    border-radius: 16px;
    text-decoration: none;
    border: 2px solid #000;
    max-width: 170px;
    width: 100%;
    box-shadow: 6px 6px 0 #fff;
    transition: all 0.1s ease;
    text-decoration: none !important;
    margin-top: 8px;
}

.book__btn:hover {
    box-shadow: 0 0 0 #fff;
}

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

.book__info{
color: #fff;
}

.book__info div {
    margin-bottom: clamp(16px, 3.2vw, 32px);
}

.book__info h3 {
    font-size: 24px !important;
    letter-spacing: 0.25rem;
    margin-bottom: clamp(4px, 0.8vw, 8px);
}

.book__info p {
    margin-bottom: clamp(8px, 1.6vw, 16px);
    line-height: 1.8;
}

.detail__btn {
    display: inline-block;
    text-decoration: none;
    color: #000 !important;
    width: 180px;
    height: 36px;
    text-align: center;
    line-height: 2.3;
    border-radius: 10px;
    border: solid 1px #000;
    font-weight: bold;
    margin-inline: auto;
    background: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    text-decoration: none !important;
}

.detail__btn:hover {
    background: linear-gradient(to bottom, #fff 0%, #dbdbdb 80%);
}

h2.natsuyasumiroomTrialH2Wrap{
	display: block;
	width: 200px;
	height: 60px;
	background-color: #fff100 !important;
	text-align: center !important;
	transform: rotate(-10deg);
	margin: 30px 0 0 40px !important;
	padding: 0 !important;
	position: absolute;
	top: -40px;
    left: -20px;
}

.natsuyasumiroomTrialH2Txt{
	font-size: 24px !important;
	font-weight: bold;
	display: block;
	margin: 16px 0 0 0 !important;
}

/* 試し読みボタン */
.natsuyasumiroomTrialImgBtn{
	display: block;
    position: absolute;
    width: 250px;
    height: 70px;
    top: 350px;
    left: 71px;
}
    
.natsuyasumiroomTrialImgBtn > a {
	display: block;
    width: 250px;
    height: 70px;
	background: url("/design_items/pc/img/natsuyasumiroom/btn_trial.png") no-repeat 0 0;
	background-size: 250px 140px;
	position: absolute;
}

.natsuyasumiroomTrialImgBtn > a:hover {
	background-position: 0 bottom;
}

/* 詳細ページボタン */
.natsuyasumiroomDetailBtn{
    display: block;
    position: absolute;
    width: 181px;
    height: 37px;
    top: 373px;
    left: 381px;
}
    
.natsuyasumiroomDetailBtn > a {
	display: block;
    width: 181px;
    height: 37px;
	background: url("/design_items/pc/img/natsuyasumiroom/btn_detail.png") no-repeat 0 0;
	background-size: 181px 74px;
	position: absolute;
}

.natsuyasumiroomDetailBtn > a:hover {
	background-position: 0 bottom;
}

/* スペシャルインタビュー */
.natsuyasumiroomInterviewImg{
	display: block;
	width: 650px;
	height: 2818px;
	background: url("/design_items/pc/img/natsuyasumiroom/img_interview_210715.png") no-repeat 0 0;
	background-size: contain;
	position: relative;
}

h2.natsuyasumiroomInterviewH2Wrap{
	display: block;
	width: 300px;
	height: 70px;
	background-color: #fff100 !important;
	text-align: center !important;
	transform: rotate(-5deg);
	margin: 30px 0 0 40px !important;
	padding: 0 !important;
	position: absolute;
}

.natsuyasumiroomInterviewH2Txt{
	font-size: 22px !important;
	font-weight: bold;
	display: block;
	margin: 24px 0 0 0 !important;
}

.natsuyasumiroomInterviewDescriptionTxt{
	font-size: 24px !important;
	font-weight: bold;
	color: #fff;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
	text-align: center;
	position: absolute;
	top: 140px;
	left: 110px;
}

.natsuyasumiroomInterviewDetailTxt{
	font-size: 14px !important;
	color: #fff;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
	position: absolute;
	top: 238px;
	left: 55px;
	display: block;
	width: 537px;
	height: 54px;
}

section.natsuyasumiroomInterviewImg ul li{
	list-style: none;
}

.natsuyasumiroomInterviewEditorNameQ1Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:438px;
	left:72px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorQ1Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:360px;
	left:180px;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorA1Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:504px;
	left:66px;
	display: block;
	width: 369px;
	height: 158px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorNameA1Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:582px;
	left:516px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorNameQ2Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:836px;
	left:72px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorQ2Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:750px;
	left:201px;
	display: block;
	width: 369px;
	height: 66px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorA2Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:920px;
	left:66px;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorNameA2Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:984px;
	left:516px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorNameQ3Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:1154px;
	left:72px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorQ3Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:1068px;
	left:201px;
	display: block;
	width: 374px;
	height: 65px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorA3Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:1226px;
	left:66px;
	display: block;
	width: 369px;
	height: 103px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorNameA3Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:1308px;
	left:516px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorNameQ4Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:1500px;
	left:72px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorQ4Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:1426px;
	left:204px;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorA4Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:1574px;
	left:69px;
	display: block;
	width: 369px;
	height: 156px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorNameA4Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:1650px;
	left:516px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorNameQ5Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:1910px;
	left:72px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorQ5Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:1822px;
	left:201px;
	display: block;
	width: 369px;
	height: 148px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorA5Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:2078px;
	left:66px;
	display: block;
	width: 372px;
	height: 87px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorNameA5Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:2154px;
	left:516px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorNameQ6Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:2346px;
	left:72px;
	text-align: center;
}

.natsuyasumiroomInterviewEditorQ6Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:2274px;
	left:201px;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorA6Txt{
	font-size: 18px !important;
	color: #fff;
	position: absolute;
	top:2428px;
	left:66px;
	display: block;
	width: 369px;
	height: 122px;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
}

.natsuyasumiroomInterviewAuthorNameA6Txt{
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top:2502px;
	left:516px;
	text-align: center;
}

.natsuyasumiroomInterviewJunioraeraTxt{
	font-size: 14px !important;
	color: #fff;
	font-weight: bold;
	line-height: 1.75;
	font-family: "ヒラギノ丸ゴ ProN W4";
	position: absolute;
	top: 2602px;
	left: 42px;
}

.natsuyasumiroomInterviewAuthorNameTxt{
	font-size: 18px !important;
	color: #fff;
	font-weight: bold;
	line-height: 1.75;
	position: absolute;
	top: 2648px;
	left: 42px;
}

.natsuyasumiroomInterviewAuthorDescriptionTxt{
	font-size: 14px !important;
	color: #fff;
	line-height: 1.75;
	display: block;
	width: 550px;
	height: 115px;
	position: absolute;
	top: 2680px;
	left: 42px;
}

/* 終了ワッペン　*/
.campaign_wrap{
    position: relative;
	background: #bfbfbf;
}
    
.shuuryo_txt{
    background: #fff000;
    box-shadow: 0px 0px 0px 15px #fff000,5px 5px 30px 5px rgba(0, 0, 0, 0.9);
    border: dashed 5px #000;
    color: #000;
    font-size: 250%;
    font-weight: bold;
    padding: 0.2em 0.5em;
    text-align: center;
    position: absolute;
    width: 80%;
    top: 20%;
    left: 10%;
    z-index: 10;
    transform: rotate(-10deg);
}
        
.shuuryo_wrap{
    opacity: 0.3;
}

ruby {
ruby-position: over; /* 通常はデフォルトでOK */
line-height: 1.7;
}

ruby rt {
font-size: 0.55em;
position: relative;
top: -0.2em;  /* ルビの上下位置を微調整 */
line-height: 1;
}

footer {
position: relative;
padding: 40px 16px;
text-align: center;
background: #fff;
font-size: 12px;
margin-top:0!important;
}

.copyright {
margin-bottom: 16px;
color: #000;
}