#top_set_mobile{
	overflow-x			:hidden;
}

.articlePage{
	width					:100%;
}
.articleBox{
	width					:100%;
	display				:flex;
	margin-bottom		:1rem;
	position				:relative;
	border-bottom		:1px solid #888;
}
.articleBox img{
	width					:20%;
	article				:1 / 1;
	border-radius		:5px;
	object-fit			:scale-down;
}
.articleBox_textArea{
	width					:80%;
	padding-left		:0.5rem;
	box-sizing			:border-box;
}
.articleBox_textArea h2{
	font-size			:1.8rem;
	font-weight			:900;
}
.articleBox_textArea p{
	font-size			:1.4rem;
	color					:#888;
}
.articleBox a{
	position				:absolute;
	inset					:0;
}

/*==============================================================================*/

	
/*=== コンテンツ ===============================================================*/

.interview_user_infoBox{
	margin				:1rem 0;
	width					:100%;
	padding				:2rem;
	border				:1px solid #ddd;
	border-radius		:10px;
	box-sizing			:border-box;
}
.interview_user_infoBox h2{
	font-size			:1.6rem;
	font-weight			:900;
}
.interview_user_infoBox h3{
	font-size			:2rem;
	font-weight			:900;
}
.interview_user_infoBox p{
	font-size			:1.6rem;
	margin-bottom		:1rem;
}
.interview_user_infoBox p a{
	color					:#eb1c24;
	text-decoration	:none;
}
.interview_user_infoBox p:nth-of-type(3){
	font-size			:1.4rem;
	font-weight			:900;
}

.introImg{
	width					:100%;
}

.introSection{
	margin-bottom		:3rem;
}
	
.editionContentBody_section{
	width					:100%;
}
.editionContentBody_section h2{
	font-size			:2rem;
	font-weight			:900;
}
.editionContent{}
.editionContent p{
	font-size			:1.6rem;
	line-height			:1.6;
}

.editionContent{
	width					:100%;
}
.editionContent::after {
	content				:"";
   display				:block;
   clear					:both;
}
.editionContent button{
	float					:left;
	border				:none;
	background			:none;
	width					:40%;
	border-radius		:5px;
	margin-right		:15px;
	display				:block;
	position				:relative;
}
@media screen and (min-width: 768px)
{
	.editionContent button:hover
	{
		cursor				:pointer;
	}
}
.editionContent button p{
	font-size			:1.2rem;
	font-weight			:900;
	color					:#555;
	padding				:0.5rem 0.75rem;
	background			:#ddd;
	text-align			:center;
	border-radius		:50%;
	position				:absolute;
	right					:0.5rem;
	bottom				:0.5rem;
}
.InterviewPage_mainArea_img{
	width					:100%;
	height				:auto;
}
.modalWindowBox_outer{
	width					:100vw;
	height				:100vh;
	background			:rgba(31,34,46,0.8);
	position				:fixed;
	top					:0;
	left					:0;
	display				:none;
	z-index				:calc(Infinity);
}
.modalWindowBox_inner{
	width					:100%;
	height				:100%;
	position				:relative;
}
.modalWindowBox{
	position				:absolute;
	top					:50%;
	left					:50%;
	transform			:translate(-50%, -50%);
	width					:80%;
	height				:80%;
}
.modalWindowBoxBody{
	width					:100%;
	position				:relative;
}
.modalWindowBoxBody img{
	width					:100%;
	height				:100%;
	object-fit			:scale-down;
}
.modalWindowBoxBody button{
	position				:absolute;
	top					:-1.5rem;
	right					:-1.5rem;
	width					:3rem;
	height				:3rem;
	font-size			:1.6rem;
	text-align			:center;
	line-height			:3rem;
	font-weight			:900;
	background			:#aaa;
	color					:#1f222e;
	border-radius		:50%;
	
}





	








	

	
.articleContentPage{
	width					:100%;
	background			:#fff;
	margin-top			:-5rem;
	padding-bottom		:25vh;
}
.articleContentPage_thumbnail{
	width					:100%;
	aspect-ratio		:16 / 9;
}
.articleContentPage_thumbnail img{
	width					:100%;
	height				:100%;
	object-fit			:scale-down;
}
.articleContentBody{
	width					:100%;
	padding				:0 1rem;
	box-sizing			:border-box;
}
.articleContentBody_index{
	width					:100%;
}
.articleContentBody_index h1{
	font-size			:1.8rem;
	font-weight			:900;
	line-height			:1.1;
}
.articleContentBody_index_sharArea{
	width					:100%;
}
.articleContentBody_index_sharArea:after{
	content				:"";
	display				:block;
	clear					:both;
}

.articleContentBody_index_sharArea a{
	float					:right;
	display				:block;
	width					:3rem;
	height				:3rem;
}
.articleContentBody_index_sharArea a img{
	width					:100%;
	height				:100%;
}
.articleContentBody_section{
	width					:100%;
	margin-top			:2rem;
}
.articleContentBody_section p{
	font-size			:1.6rem;
	line-height			:1.5;
}
.articleContentBody_adArea{
	width					:100%;
	margin-top			:2rem;
}
.articleContentBody_actionArea{
	width					:100%;
	margin-top			:3rem;
}
.articleContentBody_actionArea_exBox{
	width					:100%;
	background			:rgb(31,34,46);
	border-radius		:15px 0 15px 0;
	padding				:1rem;
	box-sizing			:border-box;
	text-align			:center;
}
.articleContentBody_actionArea_exBox p{
	font-size			:1.4rem;
	color					:#f8f6f1;
}
.articleContentBody_actionBtn{
	width					:100%;
	display				:flex;
	margin-top			:1rem;
}
.articleContentBody_actionBtn input{
	display				:none;
}	
.articleContentBody_actionBtn label{
	display				:block;
	width					:calc(calc(100% / 3) - 2rem);
	margin				:0 1rem;
	background			:none;
	border				:none;
	text-align			:center;
}
.articleContentBody_actionBtn label p{
	font-size			:1.2rem;
	white-space			:nowrap;
}
.articleContentBody_actionBtn label img{
	width					:40%;
	filter				:grayscale(100%);
}
.articleContentBody_actionBtn input:checked + label img{
	filter				:grayscale(0%);
}
.articleContentBody_actionBtn input:checked + label p{
	color					:#eb1c24;
	font-weight			:900;
}
	
.otherArticleArea{
	width					:100%;
	margin-top			:3rem;
}
.otherArticleArea h3{
	font-size			:1.6rem;
	font-weight			:900;
	margin-bottom		:1rem;
	display				:flex;
}
.otherArticleArea h3:before{
	content				:'';
	display				:block;
	width					:5px;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	margin-right		:1rem;
}
.otherArticleBox{
	width					:100%;
	padding-bottom		:1rem;
	margin-bottom		:1rem;
	border-bottom		:1px solid #888;
	display				:flex;
	position				:relative;
}
.otherArticleBox a{
	position				:absolute;
	inset					:0;
}
.otherArticleBox img{
	width					:20%;
	aspect-ratio		:1 / 1;
	object-fit			:cover;
}
.otherArticleBox_textArea{
	width					:80%;
	padding-left		:0.5rem;
	box-sizing			:border-box;
}
.otherArticleBox_textArea p:nth-of-type(1){
	font-size			:1.6rem;
	font-weight			:900;
	line-height			:1.1;
}
.otherArticleBox_textArea p:nth-of-type(2){
	font-size			:1.4rem;
	color					:#888;
}
.popdown{
	position				:fixed;
	top					:0;
	left					:0;
	width					:100%;
	padding				:1rem;
	box-sizing			:border-box;
	z-index				:calc(Infinity);
	transform			:translateY(-100%);
	transition			:.3s;
}
.popdown_inner{
	width					:100%;
	position				:relative;
	background			:rgb(31,34,46);
	border-radius		:10px;
	padding				:1rem;
	box-sizing			:border-box;
}
.popdown_inner p{
	font-size			:1.4rem;
	color					:#f8f6f1;
}
.popdown_inner a{
	position				:absolute;
	inset					:0;
}

.popdown_Active{
	transition			:.3s;
	transform			:translateY(0%);
}
	
.ad_fixedBox{
	position				:fixed;
	bottom				:0;
	left					:0;
	width					:100%;
	height				:20vh;
	background			:#eee;
	transition			:.3s;
}
.ad_fixedBox_inner{
	position				:relative;
	width					:100%;
}
.ad_fixedBox_closedBtn{
	width					:4rem;
	height				:4rem;
	position				:absolute;
	top					:0.5rem;
	right					:0.5rem;
	z-index				:3;
}
.ad_fixedBox_closedBtn button{
	background			:none;
	border				:none;
	line-height			:4rem;
	font-size			:3rem;
	font-weight			:900;
	color					:#1f222e;
}
.ad_fixedBox_main{
	position				:relative;
	z-index				:1;
}


/*=== リザルト =================================================================*/
.resultMessageBox_outer{
	width					:100vw;
	height				:100vh;
	position				:fixed;
	top					:0;
	left					:0;
	z-index				:calc(Infinity);
	background			:rgba(31,34,46,0.5);
	display				:none;
}
.resultMessageBox_inner{
	width					:100%;
	height				:100%;
	position				:relative;
}
.resultMessageBox{
	position				:absolute;
	top					:50%;
	left					:50%;
	transform			:translate(-50%, -50%);
	max-width			:50%;
	min-width			:25%;
	aspect-ratio		:1 / 1;
	background			:#f8f6f1;
	border-radius		:20px;
	padding				:2rem;
	box-sizing			:border-box;
}
.resultMessageBox_index{
	width					:fit-content;
	margin				:0 auto;
	padding				:0.5rem 2rem;
	box-sizing			:border-box;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	border-radius		:10px;	
}
.resultMessageBox_index p{
	font-size			:2rem;
	font-weight			:900;
	color					:#f8f6f1;
}
.resultMessageBox_message{
	width					:100%;
	margin-top			:1rem;
	text-align			:center;
}
.resultMessageBox_message p{
	font-size			:1.6rem;
	font-weight			:900;
}
	
/*==============================================================================*/