/*=== 共通 =====================================================================*/
*{
	margin				:0;
	padding				:0;
}
	
html{
	font-size			:10px;
}
	
body{
	margin				:0;
	padding				:0;
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
	background			:#fff;
	overflow-x			:hidden;
}
	
#owner_dashboard{
	background			:#1f222e!important;
}
	
p{
	margin				:0;
	padding				:0;
	color					:#1f222e;
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
}
input{
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
}
button{
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
}

	
/*■レスポンシブル*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap&subset=japanese');
@media screen and (max-width: 414px)
{
	body
	{
		font-family			:‘Noto Serif JP’, serif;
		background			:#f8f6f1;
	}

	p
	{
		font-family			:‘Noto Serif JP’, serif;
	}
	input
	{
		font-family			:‘Noto Serif JP’, serif;
	}
	button
	{
		font-family			:‘Noto Serif JP’, serif;
	}
}

.mainBody{
	width					:calc(100% - 10%);
	display				:flex;
	margin				:0 5%;
	padding				:0;
	background			:#f8f6f1;
}
.saidColumn{
	width					:calc(calc(100% / 10) - 0.5%);
	box-sizing			:border-box;
	background			:rgba(235, 128, 136, 0.5);
}

#back-to-top{
	position				:fixed;
   bottom				:50px;
   right					:30px;
   display				:none;
   background-color	:#007BFF;
   color					:white;
   border				:none;
   border-radius		:50%;
   width					:50px;
   height				:50px;
   font-size			:3rem;
	font-weight			:900;
   cursor				:pointer;
   transition			:opacity 0.3s ease-in-out;
}

.centerColumn{
	width					:calc(calc(100% / 10) * 8);
	margin				:0 .5%;
	box-sizing			:border-box;
	background			:#f8f6f1;
}
#mobile_page{
	display				:none;
}

#top_set_pc{}
#top_set_mobile{
	display				:none;
}
	
/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	#top_set_pc
	{
		display				:none;
	}
	#top_set_mobile
	{
		display				:block;
	}
	#mobile_page
	{
		display			:block!important;	
	}
	#pc_page
	{
		display			:none;
	}
	
	.mainBody
	{
		width					:100%;
		display				:block;
		margin				:0;
		padding				:0;
		background			:#f8f6f1;
	}
	.saidColumn, #back-to-top
	{
		display				:none;
	}
	
	.centerColumn
	{
		width					:100%;
	}
	
}
	
/*==============================================================================*/

	
/*=== ヘッダー =================================================================*/
header{
	position				:relative!important;
	width					:100%!important;
	height				:12rem;
	padding				:1rem 0!important;
	box-sizing			:border-box!important;
}
	
.header_pc{
	position				:relative!important;
	width					:100%!important;
	height				:12rem;
	padding				:1rem 0!important;
	box-sizing			:border-box!important;
}

.header_topArea{
	width					:100%;
	position				:relative;
	height				:2.5rem;
}
.header_topAreaLanguageSelectBtn{
	position				:absolute;
	right					:0;
	top					:50%;
	transform			:translateY(-50%);
	display				:flex;
}
.header_topAreaLanguageSelectBtn p{
	font-size			:1.6rem;
	line-height			:2.5rem;
}
.header_topAreaLanguageSelectBtn option{
	font-size			:1.4rem;
	height				:2.5rem;
	padding				:0 1rem;
	box-sizing			:border-box;
}

.topPage_headerInner{
	width					:100%;
	height				:100%;
	display				:flex;
}
.topPage_headerInner_ikonArea{
	width					:calc(calc(100% - 10rem - 10%) / 2);
	height				:100%;
	padding				:1rem 0;
	box-sizing			:border-box;
	display				:flex;
}
.topPage_headerInner_ikonArea:nth-of-type(1){
	margin-left			:5%;
}
.topPage_headerInner_ikonArea:nth-of-type(3){
	margin-right		:5%;
}
.topPage_headerInner_log{
	position				:relative;
	width					:10rem;
	height				:10rem;
}
.topPage_headerInner_log img{
	width					:100%;
	height				:100%;
}
.topPage_headerInner_log a{
	position				:absolute;
	inset					:0;
}
	
.topPage_headerInner_serviceIkon{
	width					:calc(100% / 3);
	height				:100％;
	position				:relative;
	text-align			:center;
}
.topPage_headerInner_serviceIkon img{
	height				:calc(100% - 2rem);
	width					:auto;
	margin				:0 auto;
}
.topPage_headerInner_serviceIkon p{
	line-height			:2rem;
	font-size			:1.6rem;
}
.topPage_headerInner_serviceIkon a{
	position				:absolute;
	inset					:0;
}
.topPage_headerInner_serviceIkon:hover p{
	text-decoration	:underline;
}

.mobile_header{
	display				:none;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{	
	.header_pc{
		display				:none;
	}
	.mobile_header
	{
		display				:block;
		height				:auto;
		width					:100%;
		z-index				:9998;
		padding-bottom		:.75rem;
		border-top			:1px solid #eb1c24;
		border-bottom		:1px solid #eb1c24;
		background			:linear-gradient(180deg,#f8f6f1,#f2bbbc,#eea0a2);
 		background-size	:180% 180%;
  		animation			:gradient-animation 3s ease infinite;
	}
	@keyframes gradient-animation
	{
		0%
		{
			background-position: 0% 50%;
  		}
		50%
		{
			background-position: 100% 50%;
		}
  
		100%
		{
			background-position: 0% 50%;
		}
	}
	
	
	.headerSift
	{
		position				:fixed!important;
		top					:0;
		left					:0;
		background			:#fff;
	}
	.header_topArea
	{
		height				:4rem;
		padding				:0 2%;
		box-sizing			:border-box;
		margin-bottom		:.25rem;
		margin-top			:.5rem;
	}
	.header_topArea:after
	{
		content				:"";
		display				:block;
		clear					:both;
	}

	.header_topArea_logArea
	{
		float					:left;
		position				:relative;
		height				:100%;
		display				:flex;
	}
	.header_topArea_log img
	{
		height				:4rem;
		width					:4rem;
	}
	.header_topArea_logArea a
	{
		position				:absolute;
		inset					:0;
	}

	.header_topArea_nameArea
	{
		height				:4rem;
	}
	.header_topArea_copy
	{
		border-bottom		:1px solid #eb1c24;
		box-sizing			:border-box;
		height				:2rem;
	}
	.header_topArea_copy p
	{
		font-size			:1.2rem;
		color					:#eb1c24;
		padding-top			:0.8rem:
		box-sizing			:border-box;
	}
	.header_topArea_name
	{
		height				:2rem;
	}
	.header_topArea_name p
	{
		font-size			:2rem;
		line-height			:2rem;
		font-weight			:900;
		color					:#eb1c24;
	}
	
	
	.login_mypageBtn
	{
		float					:right;
		position				:relative;
	}
	.login_mypageBtn p
	{
		line-height			:4rem;
		font-size			:1.2rem;
		font-weight			:900;
	}
	.login_mypageBtn a
	{
		position				:absolute;
		inset					:0;
	}
		
	.alert_btn
	{
		float					:right;
		position				:relative;
		width					:4rem;
		height				:100%;
	}
	.alert_btn input
	{
		display				:none;
	}
	.alert_btn label
	{
		display				:block;
		width					:100%;
		height				:100%;
	}
	.alert_btn label img
	{
		width					:80%;
		aspect-ratio		:1 / 1;
		margin				:10%;
	}
	

	.menuBtn
	{
		float					:right;
		width					:4rem;
		height				:100%;
	}
	.menuBtn input
	{
		display				:none;
	}
	.menuBtn label
	{
		display				:block;
		width					:4rem;
		height				:100%;
	}
	.menuBtn label img
	{
		width					:80%;
		aspect-ratio		:1 / 1;
		margin				:10%;
	}
	
	.recommendBox
	{
		display				:none;
		position				:absolute;
		bottom				:0;
		left					:calc(2% + 2px);
		transform			:translateY(80%);
		width					:calc(80% - 4% - 2px);
		height				:fit-content;
		z-index				:calc(Infinity);
		background			:#ddd;
	}
	.recommendBox_open
	{
		display				:block;
	}
	.recommendBox_textBox
	{
		width					:100%;
		display				:flex;
		border-bottom		:1px solid #eee;
		padding				:.5rem 0;
		height				:1.5rem;
	}
	.recommendBox_textBox form
	{
		display				:flex;
		width					:100%;
	}
	.recommendBox_textBox img
	{
		width					:1.5rem;
		height				:1.5rem;
		margin				:0 .25rem;	
	}
	.recommendBox_textBox input[type=submit]
	{
		width					:calc(100% - 2rem);
		margin-left			:2rem;
		font-size			:1.2rem;
		line-height			:1.5rem;
		font-weight			:400;
		color					:#888;
		border				:none;
		padding				:0;
		padding-left		:.5rem;
		background			:none;
		box-sizing			:border-box;
		text-align			:left!important;
	}
	.trendWord input[type=submit]
	{
		margin				:0;
	}

	.noOpen
	{
		display				:none!important;	
	}

	.trendLink_area
	{
		width					:calc(100% + 2%);
		margin-left			:-2%;
		display				:flex;
		overflow-x			:hidden;
		scrollbar-width	:none;
		-ms-overflow-style:none;
		flex-wrap			:nowrap;
		background			:none;
		height				:calc(1.5rem + calc(.5rem * 2));
		display				:none;
	}
	.trendLink_area::-webkit-scrollbar
	{
		display				:none;
	}
	
	.trendLink_area a
	{
		display				:block;
		width					:fit-content;
		margin-right		:1.5rem;
		padding				:.5rem 0;
		font-size			:1.5rem;
		color					:#eb1c24;
		line-height			:1.5rem;
		white-space			:nowrap;
	}

	.trendLink_area p
	{
		display				:block;
		width					:fit-content;
		margin-right		:1.5rem;
		padding				:.5rem 0;
		font-size			:1.5rem;
		color					:#1f222e;
		line-height			:1.5rem;
		white-space			:nowrap;
	}
}
	
/*==============================================================================*/


/*=== モバイル版サイドエリア ===================================================*/
.mobile_side_area{
	display				:none;
	z-index				:999;
	width					:100%;
	height				:auto;
	background			:rgba(0,0,0,0.8);
	position				:fixed;
	top					:0;
	left					:0;
	overflow-y			:auto;
	max-height			:100vh;
	transition			:left 0.3s ease;
}
.mobile_side_area_all{
	position				:relative;
	width					:100%;
	height				:100%;
}
.mobile_side_area_clothBtn{
	position				:fixed;
	top					:2rem;
	left					:20%;
}
.mobile_side_area_clothBtn label{
	font-size			:3rem;
	font-weight			:900;
	color					:#f8f6f1;
}

.mobile_side_area_inner{
	width					:70%;
	min-height			:100vh;
	margin-left			:30%;
	padding-top			:.5rem;
	background			:#fff;
}
.mobile_side_area_block{
	width					:100%;
}
.mobile_side_area_block_index{
	width					:100%;
	height				:1.5rem;
	padding				:.5rem 0;
	background			:#777;
}
.mobile_side_area_block_index p{
	font-size			:1rem;
	color					:#aaa;
	margin-left			:.5rem;
}

.mobile_side_area_block_body{
	width					:100%;
	position				:relative;
	padding-left		:1rem;
	box-sizing			:border-box;
}
.mobile_side_area_block_body a{
	position				:absolute;
	inset					:0;
}
.mobile_side_area_block_body_text{
	width					:100%;
	padding				:1rem 0;
	border-bottom		:1px solid #ddd;
}
.mobile_side_area_block_body_text:after{
	content				:"";
	display				:block;
	clear					:both;
}

.mobile_side_area_block_body_text p:nth-of-type(1){
	float					:left;
	font-weight			:900;
	font-size			:1.6rem;
	line-height			:1;
}
.mobile_side_area_block_body_text p:nth-of-type(2){
	float					:right;
	margin-right		:.5rem;
	font-size			:1rem;
	line-height			:2rem;
}

.mobile_side_area_copy{
	width					:100%;
	text-align			:center;
	margin-top			:2rem;
	padding-bottom		:3rem;
}
.mobile_side_area_copy p{
	font-size			:1.1rem;
	color					:#888;
}
	
/*==============================================================================*/


/*=== モバイル版アラートエリア =================================================*/
.mobile_alert_area{
	display				:none;
	position				:fixed;
	top					:0;
	left					:0;
	width					:100%;
	min-height			:100vh;
	background			:#ddd;
	z-index				:999;
}
.mobile_alert_area_titleArea{
	position				:fixed;
	top					:0;
	left					:0;
	width					:100%;
	height				:4rem;
	background			:#fff;
}
.mobile_alert_area_titleArea_inner{
	position				:relative;
	width					:100%;
	height				:2rem;
}
.mobile_alert_area_title{
	height				:4rem;
	width					:100%;
	text-align			:center;
	padding				:absolute;
	top					:0;
	left					:0;
}
.mobile_alert_area_title p{
	line-height			:4rem;
	font-size			:1.6rem;
	font-weight			:900;
}
.mobile_alert_area_titleArea_cloth{
	position				:absolute;
	top					:0;
	left					:2rem;
	height				:4rem;
}
.mobile_alert_area_titleArea_cloth label{
	display				:block;
	font-size			:2rem;
	line-height			:4rem;
	font-weight			:900;
}


.mobile_alert_area_block{
	width					:100%;
	padding				:0 4%;
	box-sizing			:border-box;
	margin-top			:7rem;
}
.mobile_alert_area_block_date{
	width					:100%;
	margin-bottom		:1rem;
	margin-top			:2rem;
}
.mobile_alert_area_block_date p{
	font-size			:1.2rem;
	font-weight			:900;
}
.mobile_alert_area_block_body{
	width					:100%;
	padding				:1rem;
	box-sizing			:border-box;
	position				:relative;
	background			:#fff;
	margin-bottom		:.5rem;
	box-shadow			:0 1px 5px rgba(0,0,0,.1);
}
.mobile_alert_area_block_body p{
	font-size			:1.4rem;
	font-weight			:900;
}
.reed p{
	font-weight			:400;
	color					:#888;
}
.mobile_alert_area_block_body a{
	position				:absolute;
	inset					:0;
}
	
/*==============================================================================*/
	
		
/*=== 検索BOX ==================================================================*/
.searchArea{
	width					:100%;
	margin				:0;
	margin-top			:2rem;
	padding				:2rem 0;
	border				:1px solid #eb1c24;
	background			:rgba(235, 128, 136, 0.1);
}
.header_searchBox{
	width					:70%;
	margin				:0 15%;
}

.header_searchBox_linkList{
	width					:calc(100% - 2rem);
	margin				:0 1rem;
	margin-bottom		:0.5rem;
}
.header_searchBox_linkList:after{
	content				:"";
	display				:block;
	clear					:both;
}

.header_searchBox_linkList a{
	display				:block;
	float					:left;
	margin-right		:2rem;
	color					:#1f222e;
	font-size			:1.4rem;
	font-weight			:900;
	text-decoration	:none;
}
.header_searchBox_linkList a:hover{
	text-decoration	:underline;
}
	
	
.header_searchBox form{
	width					:100%;
	display				:flex;
}
.header_searchBox input[type=text]{
	width					:80%;
	border				:1px solid #eb1c24;
	border-radius		:10px 0 0 10px;
	padding				:1.5rem 0;
	padding-left		:1em;
	background			:#fff;
	font-size			:1.6rem;
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
}
.header_searchBox input[type=submit]{
	width					:20%;
	text-align			:center;
	padding				:1.5rem 0;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	border				:1px solid #eb1c24;
	border-radius		:0 10px 10px 0;
	color					:#f8f6f1;
	font-weight			:900;
	font-size			:1.6rem;
	font-family			:"MS PMincho", "ＭＳ Ｐ明朝";
}
.header_searchBox input[type=text]:focus{
	outline				:none;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.header_searchBox
	{
		width					:100%;
		padding				:0 2%;
		padding-top			:.25rem;
		padding-bottom		:.5rem;
		margin				:0;
		box-sizing			:border-box;
		position				:relative;
	}
	.header_searchBox form
	{
		width					:100%;
		display				:flex;
	}
	.header_searchBox input[type=text]
	{
		display				:block;
		width					:80%;
		font-size			:1.6rem;
		padding				:.5rem 0;
		padding-left		:1rem;
		border-radius		:5px 0 0 5px;
		border				:2px solid #eb1c24;
		box-sizing			:border-box;
	}
	.header_searchBox input[type=text]:focus
	{
		outline				:none;
	}
	.header_searchBox input[type=submit]
	{
		display				:block;
		width					:20%;
		font-size			:1.6rem;
		font-weight			:900;
		background			:#eb1c24;
		color					:#f8f6f1;
		border				:2px solid #eb1c24;
		box-sizing			:border-box;
		text-align			:center;
		padding				:.5rem 0;
		border-radius		:0 5px 5px 0;
	}
}

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


/*=== トレンド情報 =============================================================*/
.trendArea{
	width					:100%;
	overflow				:hidden;
	padding				:1rem 0;
	display				:flex;
	background-color	:rgb(242, 187, 188);
	margin-bottom		:1rem;
}

.trendArea p, .trendArea a{
	flex-shrink			:0;
	margin-right		:0.5rem;
	font-size			:1.6rem;
	color					:#000b44;
	text-transform		:uppercase;
	letter-spacing		:2px;
   white-space			:nowrap;
	animation			:blink 1s step-end infinite;
	text-decoration	:none;
}


@keyframes blink 
{  
	0% { opacity: 1;}
   50%{ opacity: 0.5;}
   100%{ opacity: 1;}
}
	
/*==============================================================================*/
	
/*=== テキスト広告 =============================================================*/
.textAd{
	width					:80%;
	margin				:1.5rem 10%;
	text-align			:center;
}
.textAd a{
	font-size			:1.6rem;
	margin-right		:2rem;
	color					:#eb1c24;
	text-decoration	:none;
}
.textAd a:before{
	content				:'\300B';
	font-size			:1.6rem;
	margin-left			:0.5em;
}
.textAd a:hover{
	text-decoration	:underline;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.textAd
	{
		width					:100%;
		display				:flex;
		margin				:0;
		text-align			:left;
		overflow-X			:scroll;
		background			:#fff;
	}
	.textAd a
	{
		font-size			:1.4rem;
		margin-right		:1rem;
		display				:block;
		flex-shrink			:0;
	}
	.textAd a:before
	{
		font-size			:1.4rem;
	}
	.textAd a:hover
	{
		text-decoration	:none;
	}
	
}
	
/*==============================================================================*/


/*=== パンくずリスト ===========================================================*/
.breadcrumb{
	position				:absolute;
	width					:100%;
	margin				:0 auto;
	padding				:0;
  	list-style			:none;
}


.breadcrumb li{
  	display				:inline;
  	list-style			:none;
  	font-weight			:bold;
}

.breadcrumb li:after{
  	content				:'>';
  	padding				:0 0.2em;
  	color					:#eb1c24;
	font-size			:1.2rem;
}

.breadcrumb li:last-child:after{
  	content				:'';
}

.breadcrumb li a{
  	text-decoration	:none;
  	color					:#2b2b2b;
	font-size			:1.2rem;
}
.breadcrumb li span{
  	text-decoration	:none;
  	color					:#2b2b2b;
	font-size			:1.2rem;
}

.breadcrumb li a:hover{
  	text-decoration	:underline;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.breadcrumb
	{
		display				:none!important;
	}
}
/*==============================================================================*/
	
	
/*=== メインコンテンツ =========================================================*/
.mainArea{
	width					:100%;
	display				:flex;
}
/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.mainArea
	{
		display				:block;
	}
}

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

	
/*=== 左カラム =================================================================*/
.mainArea_serviceColumn_listBox{
	width					:calc(calc(100% / 18) * 3);
	margin-right		:0.5%;
}
/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.mainArea_serviceColumn_listBox
	{
		display			:none;
	}
}
	
/*==============================================================================*/

/*=== サービスBOX(左カラム) ====================================================*/
.serviceList{
	width					:100%;
	padding				:1rem;
	box-sizing			:border-box;
	border				:1px solid #eb1c24;
	background			:rgba(235, 128, 136, 0.1);
}
.serviceList_box{
	width					:100%;
	background			:none;
	display				:flex;
	position				:relative;
	margin-bottom		:2rem;
}
.serviceList_box img{
	width					:2rem;
	height				:2rem;
	aspect-ratio		:1 / 1;
	background			:#f8f6f1;
}
.serviceList_box p{
	padding-left		:1rem;
	box-sizing			:border-box;
	font-size			:1.6rem;
	line-height			:2rem;
	color					:#eb1c24;
}
.serviceList_box a{
	position				:absolute;
	inset					:0;
}

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

	
/*=== ビジネス案内 =============================================================*/
.businessBox{
	margin-top			:2rem;
	width					:100%;
	padding				:1rem;
	box-sizing			:border-box;
	border				:1px solid #eb1c24;
	background			:rgba(235, 128, 136, 0.1);
}
.businessBox_index{
	width					:100%;
	text-align			:center;
	margin-bottom		:1rem;
}
.businessBox_index p{
	font-size			:1.6rem;
	font-weight			:900;
	color					:#eb1c24;
}
.businessBox_linkBox{
	width					:100%;
	margin-bottom		:1rem;
	position				:relative;
}
.businessBox_linkBox:last-of-type{
	margin-bottom		:0;
}
	
.businessBox_linkBox p{
	font-size			:1.4rem;
}
.businessBox_linkBox a{
	position				:absolute;
	inset					:0;
}
.businessBox_linkBox:hover p{
	text-decoration	:underline;
}
/*==============================================================================*/

	
/*=== 中央カラム ===============================================================*/
.mainArea_centerColumn{
	width					:calc(calc(100% / 18) * 10);
	height				:auto;
}
.notTopPage{
	width					:calc(calc(100% / 18) * 13);
}
	
/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.mainArea_centerColumn
	{
		width					:100%;
	}
	.notTopPage
	{
		width					:100%;
	}
}
	
/*==============================================================================*/


/*=== 右カラム =================================================================*/
.mainArea_rightColumn{
	width					:calc(calc(100% / 18) * 5);
	margin-left			:0.5%;
	margin-bottom		:50vh;
	position				:sticky;
	top					:-150%;
	align-self			:flex-start;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.mainArea_rightColumn
	{
		display			:none;
	}
}

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

/*=== レコメンドBOX ============================================================*/
.mainArea_suggestArea{
	width					:100%;
	border				:1px solid #eb1c24;
	background			:#fff;
	padding				:1rem;
	box-sizing			:border-box;
}
.mainArea_suggestArea img{
	margin				:0 auto;
}
.mainArea_suggestArea p{
	font-size			:1.6rem;
}
.mainArea_suggestArea p span{
	font-size			:1.5em;
	background			:linear-gradient(transparent 60%, #ffff66 60%);
	font-weight			:900;
}

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

	
/*=== 情報BOX ==================================================================*/
.mainArea_InfoBox{
	width					:100%;
	padding				:1rem;
	border				:1px solid #eb1c24;
	background			:rgba(235, 128, 136, 0.1);
	box-sizing			:border-box;
	margin-top			:2rem;
}
.mainArea_InfoBox_Index{
	width					:100%;
}
.mainArea_InfoBox_Index p{
	font-size			:1.4rem;
	line-height			:2;
}
.mainArea_InfoBox_Index p a{
	color					:#eb1c24;
	text-decoration	:none;
	font-weight			:900;
}
	
.mainArea_InfoBox_Index p span{
	font-size			:0.8em;
}
	
/*==============================================================================*/

	
/*=== ユーザー情報 ============================================================*/
.mainArea_userInfoBox_commandArea{
	width					:100%;
	background			:#fff;
	border				:1px solid #eb1c24;
	display				:flex;
}
.mainArea_userInfoBox_commandBox{
	width					:calc(100% / 3);
	height				:10vh;
	box-sizing			:border-box;
	text-align			:center;
	position				:relative;
}
.mainArea_userInfoBox_commandBox:after{
	content				:'';
	display				:block;
	width					:1px;
	height				:80%;
	background			:#eb1c24;
	position				:absolute;
	right					:0;
	top					:10%;
}
.mainArea_userInfoBox_commandBox:last-of-type::after{
	display				:none;
}
.mainArea_userInfoBox_commandBox img{
	width					:auto;
	height				:calc(100% - 3rem);
	margin				:auto;
}
.mainArea_userInfoBox_commandBox p{
	font-size			:1.2rem;
	line-height			:3rem;
}
.noReedNum{
	padding				:0 0.5rem;
	box-sizing			:border-box;
	border-radius		:50%;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	color					:#f8f6f1;
	font-weight			:900;
}

.stone{
	font-size			:2rem!important;
	font-weight			:900;
	width					:100%;
	height				:calc(100% - 3rem);
	display				:flex;
	align-items			:center;
	justify-content	:center;
}
.stone2{
	font-size			:1.4rem!important;
	font-weight			:900;
	width					:100%;
	height				:calc(100% - 3rem);
	display				:flex;
	align-items			:center;
	justify-content	:center;
}
	
.lotteryBox img{
	animation			:swing_left 2s infinite ease-in-out;
}
@keyframes swing_left 
{
	0% { transform: rotate(-5deg); }
	50% { transform: rotate(5deg); }
	100% { transform: rotate(-5deg); }
}
	
.mainArea_userInfoBox_commandBox a{
	position				:absolute;
	inset					:0;
}
.mainArea_userInfoBox_commandBox:hover p{
	color					:#eb1c24;
	text-decoration	:underline;
}

#stoneRateBox{
	margin-top			:3rem;
	position				:relative;
}
.mainArea_userInfoBox_stoneBox{
	width					:calc(100% / 3 - 2rem);
	height				:6rem;
	padding				:1rem 0;
	margin				:0 1rem;
}

.stoneBox_center{
	position				:relative;
}
.stoneBox_center:before{
	content				:'';
	position				:absolute;
	width					:1px;
	height				:80%;
	top					:10%;
	left					:-1.5rem;
	background			:#eb1c24;
}
.stoneBox_center:after{
	content				:'';
	position				:absolute;
	width					:1px;
	height				:80%;
	top					:10%;
	right					:-1.5rem;
	background			:#eb1c24;
}

.mainArea_userInfoBox_stoneBox_index{
	width					:100%;
	text-align			:center;
}
.mainArea_userInfoBox_stoneBox_index p{
	font-size			:1.2rem;
}
.mainArea_userInfoBox_stoneBox_rateBox{
	width					:100%;
	height				:calc(100% - 1.2rem);
	display				:flex;
}
.mainArea_userInfoBox_stoneBox_rateBox_text{
	width					:calc(1.1rem * 2.5);
	line-height			:5.5rem;
	text-align			:center;
}
.mainArea_userInfoBox_stoneBox_rateBox_text p{
	font-size			:1.1rem;
}
.mainArea_userInfoBox_stoneBox_rateBox_rate{
	width					:calc(100% - calc(1.1rem * 2.5 * 2));
	leine-height		:5rem;
	text-align			:center;
}
.mainArea_userInfoBox_stoneBox_rateBox_rate p{
	font-size			:2.5rem;
	font-weight			:900;
}

.mainArea_userInfoBox_stoneBox_mark{
	position				:absolute;
	top					:50%;
	transform			:translate(-50%, -50%);
	background			:#ccc;
	border-radius		:50%;
	text-align			:center;
	padding				:0.25rem 0.5rem;
	box-sizing			:border-box;
	z-index				:1;
}
.mainArea_userInfoBox_stoneBox_mark p{
	font-size			:1.2rem;
}
#all{
	left					:calc(100% / 3 - 2rem + 1.5rem);
}
#plas{
	right	 				:calc(100% / 3 - 2rem);
}
	
.mainArea_userInfoBox_stoneBox_targetBox{
	width					:100%;
	text-align			:center;
}
.mainArea_userInfoBox_stoneBox_targetBox p:nth-of-type(1){
	font-size			:1.2rem
	font-weight			:900;
}
.mainArea_userInfoBox_stoneBox_targetBox p:nth-of-type(2){
	font-size			:2rem;
	font-weight			:900;
}
.mainArea_userInfoBox_stoneBox_targetBox p span{
	font-size			:1rem;
	font-weight			:400;
}

.changeBox{
	position				:relative;
}
.changeBox a{
	position				:absolute;
	inset					:0;
}
.mainArea_userInfoBox_stoneBox_changeIkon{
	position				:absolute;
	top					:0;
	right					:-1rem;
	transform			:translateY(-50%);
	background			:#aaa;
	padding				:0.5rem;
	border-radius		:50%;
	text-align			:center;
	z-index				:1;
}
.mainArea_userInfoBox_stoneBox_changeIkon p{
	font-size			:1.1rem;
	line-height			:1;
	color					:#f8f6f1;
}
.changeBox:hover{
	background			:#eee;
}

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

	
/*=== 今日の情報 ===============================================================*/
.mainArea_InfoBox_IndexArea{
	display				:flex;
	width					:100%;
}
.mainArea_InfoBox_area{
	width					:50%;
	text-align			:right;
	box-sizing			:border-box;
}
.mainArea_InfoBox_area a{
	color					:#eb1c24;
	font-size			:1.4rem;
}
.mainArea_InfoBox_taskArea{
	width					:100%;
	background			:#fff;
	padding				:1rem;
	box-sizing			:border-box;
}
.mainArea_InfoBox_taskArea p:nth-of-type(1){
	font-size			:1.4rem;
}
.mainArea_InfoBox_taskArea a{
	display				:block;
	width					:100%;
	font-size			:4.5rem;
	font-weight			:900;
	text-align			:center;
	line-height			:3;
	text-decoration	:none;
	color					:#1f222e;
	line-height			:2;
}
.mainArea_InfoBox_taskArea a span{
	font-size			:0.8em;
	font-weight			:400;
}
.mainArea_InfoBox_taskArea a:hover{
	color					:#eb1c24;
	text-decoration	:underline;
}

.mainArea_InfoBox_mainBox{
	width					:100%;
	padding				:1rem 0;
	border-bottom		:1px solid #eb1c24;
	display				:flex;
	background			:#fff;
}
.mainArea_InfoBox_mainBox_index{
	width					:50%;
	display				:flex;
}
.mainArea_InfoBox_mainBox_index img{
	width					:20%;
	height				:auto;
}
.mainArea_InfoBox_mainBox_index p{
	font-size			:1.3rem;
}
.mainArea_InfoBox_mainBox_text{
	width					:50%;
	height				:2rem;
	overflow				:hidden;
  	position				:relative;
}
.mainArea_InfoBox_mainBox_text p{
	font-size			:1.4rem;
	position				:absolute;
  	width					:100%;
	transform			:translateY(100%);
	opacity				:0;
	transition			:transform 1s ease-in-out, opacity 1s ease-in-out;
}
.mainArea_InfoBox_mainBox_text p a{
	color					:#1f222e;
}
.mainArea_InfoBox_mainBox_text p a:hover{ 
	color				:#eb1c24;
}

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

	
/*=== 広告 =====================================================================*/
.mainArea_rightColumn_ad{
	width					:100%;
	margin-top			:2rem;
}

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


/*=== 現在見られているページ ===================================================*/
.trendBox{
	width					:100%;
	margin-top			:2rem;
	padding				:1rem;
	box-sizing			:border-box;
	border				:1px solid #eb1c24;
	background			:#fff;
}
.trendBox_index{
	width					:100%;
}
.trendBox_index p{
	font-size			:1.6rem;
	font-weight			:900;
	line-height			:2rem;
}
.trendBox_index p span{
	font-size			:0.7em;
	font-weight			:400;
	line-height			:2rem;
	color					:#888;
}

.trendBox_mainBox{
	width					:100%;
	margin-bottom		:1rem;
	position				:relative;
}
.trendBox_mainBox:last-of-type{
	margin-bottom		:0;
}
.trendBox_mainBox_num{
	position				:absolute;
	top					:50%;
	left					:0;
	transform			:translateY(-50%);
	width					:2rem;
	height				:2rem;
	text-align			:center;
	border				:1px solid #eb1c24;
}
.trendBox_mainBox_num p{
	font-size			:1.6rem;
	font-weight			:900;
	line-height			:2rem;
}
.trendBox_mainBox_title{
	width					:calc(100% - 3rem);
	margin-left			:3rem;
}
.trendBox_mainBox_title p{
	line-height			:2rem;
	font-size			:1.6rem;
}
.trendBox_mainBox_text{
	width					:calc(100% - 3rem);
	margin-left			:3rem;
}
.trendBox_mainBox_text p{
	font-size			:1.2rem;
	color					:#888;
}
.trendBox_mainBox a{
	position				:absolute;
	inset					:0;
}
.trendBox_mainBox:hover .trendBox_mainBox_title p{
	color					:#eb1c24;
	text-decoration	:underline;
}

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

	
/*=== 会社情報 =================================================================*/
.mainArea_rightColumn_CompanyInfoBox{
	width					:100%;
	padding				:1rem;
	box-sizing			:border-box;
}
.mainArea_rightColumn_CompanyInfoBox_name{
	width					:100%;
	margin-bottom		:1rem;
	text-align			:center;
}
.mainArea_rightColumn_CompanyInfoBox_name p{
	font-size			:1.6rem;
	font-weight			:900;
}

.mainArea_rightColumn_CompanyInfoBox_linkArea{
	width					:100%;
}
.mainArea_rightColumn_CompanyInfoBox_linkArea:after{
	content				:"";
	display				:block;
	clear					:both;
}
	
.mainArea_rightColumn_CompanyInfoBox_linkBox{
	position				:relative;
	float					:left;
	margin-right		:1rem;
	margin-bottom		:1rem;
}
.mainArea_rightColumn_CompanyInfoBox_linkBox p{
	font-size			:1.4rem;
}
.mainArea_rightColumn_CompanyInfoBox_linkBox a{
	position				:absolute;
	inset					:0;
}
.mainArea_rightColumn_CompanyInfoBox_linkBox:hover p{
	color					:#eb1c24;
	text-decoration	:underline;
}
.mainArea_rightColumn_CompanyInfoBox_Copyright{
	width					:100%;
	margin-top			:2rem;
	text-align			:center;
}
.mainArea_rightColumn_CompanyInfoBox_Copyright p{
	font-size			:1.2rem;
}

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


/*=== 規約関連 =================================================================*/
.terms_index{
	width						:100%;
	text-align				:center;
}
.terms_index h1{
	font-size				:3rem;
	font-weight				:900;
}
.terms_section_0{
	width						:80%;
	margin					:0 10%;
	margin-top				:2rem;
}
.terms_section_0 p{
	font-size				:2rem;
	line-height				:1.5;
}
.terms_section{
	width						:80%;
	margin					:0 10%;
	margin-top				:4rem;
}
.terms_section h2{
	font-size				:2.5rem!important;
	font-weight				:900;
	text-align				:left!important;
}
.terms_section_body{
	width						:100%;
	margin-bottom			:2rem;
}
.terms_section_body_1{
	width						:100%;
	display					:flex;
}
.terms_section_body_1 h3{
	width						:5rem;
	font-size				:2.5rem;
}
.terms_section_body_1 p{
	font-size				:2rem;
	line-height				:1.5;
	margin-left				:2rem;
}
.terms_section_body_2{
	width						:calc(100% - 7rem);
	margin-left				:7rem;
}
.terms_section_body_2 h4{
	font-size				:2.5rem;
}
.terms_section_body_2 p{
	font-size				:2rem;
	line-height				:1.5;
}


.terms_date{
	width						:80%;
	margin					:0 10%;
	margin-top				:6rem;
	text-align				:right;
}
.terms_date p{
	font-size				:1.6rem;
}
.terms_date time{
	font-size				:1.6rem;
	display					:block;
}
.teams_date_openDate:before{
	content					:'制定日：';
}
.teams_date_modDate-1:before{
	content					:'改定日：';
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.terms_index h1
	{
		font-size				:2rem;
	}	
	.terms_section_0
	{
		width						:96%;
		margin					:0 2%;
		margin-top				:1rem;
	}
	.terms_section_0 p
	{
		font-size				:1.4rem;
		line-height				:1.5;
	}
	.terms_section
	{
		width						:96%;
		margin					:0 2%;
		margin-top				:2rem;
	}
	.terms_section h2
	{
		font-size				:1.6rem;
	}
	.terms_section_body_1 h3
	{
		width						:3rem;
		font-size				:1.6rem;
	}
	.terms_section_body_1 p
	{
		font-size				:1.4rem;
		margin-left				:.5rem;
	}
	.terms_section_body_2
	{
		width						:calc(100% - 3rem);
		margin-left				:3rem;
	}
	.terms_section_body_2 h4
	{
		font-size				:1.6rem;
	}
	.terms_section_body_2 p
	{
		font-size				:1.4rem;
	}
	.terms_date p
	{
		font-size				:1.4rem;
	}
	.terms_date time
	{
		font-size				:1.4rem;
	}
}

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


/*=== 特商法 ===================================================================*/
.tokusyo_page_table{
	width					:calc(100% - 3rem);
	margin-left			:3rem;
}
.tokusyo_page_table table{
	font-size			:1.6rem;
	border-spacing		:0;
	border-collapse	:collapse;
	background			:#fff;
}
.tokusyo_page_table table tr{
	border-bottom		:1px solid #1f222e;
}
.tokusyo_page_table table th{
	padding				:2rem 1rem;
	box-sizing			:border-box;
	text-align			:center;
}
.tokusyo_page_table table td{
	padding				:2rem 0;
	padding-left		:1rem;
	box-sizing			:border-box;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.tokusyo_page_table
	{
		width					:96%;
		margin-left			:2%;
	}
	.tokusyo_page_table table
	{
		font-size			:1.2rem;
		background			:#fff;
	}
}
	
/*==============================================================================*/


/*=== エラーページ =============================================================*/
.forbidden_page{
	width					:70%;
	margin				:0 15%;
	margin-top			:18rem;
	display				:flex;
}
.forbidden_page_ikon{
	width					:40%;
	aspect-ratio		:1 / 1;
}
.forbidden_page_ikon img{
	width					:100%;
	height				:100%;
}

.forbidden_page_messageArea{
	width					:60%;
}
.forbidden_page_messageArea h1{
	font-size			:4rem;
	font-weight			:900;
}
.forbidden_page_messageArea p{
	font-size			:1.6rem;
	line-height			:2;
}
.forbidden_page_messageArea p span{
	display				:inline-block;
}


.forbidden_page_btnArea{
	width					:100%;
	margin-top			:2rem;
}
.forbidden_page_btn{
	width					:40%;
	padding				:1rem 0;
	height				:3rem;
	background			:#fff;
	border				:2px solid #eb1c24;
	text-align			:center;
	position				:relative;
	margin-bottom		:2rem;
	overflow				:hidden;
}
.forbidden_page_btn p{
	position				:relative;
	font-size			:1.6rem;
	color					:#eb1c24;
	font-weight			:900;
	line-height			:3rem;
	height				:3rem;
	transition			:.5s;
	z-index				:1;
}
.forbidden_page_btn a{
	position				:absolute;
	inset					:0;
	z-index				:2;
}

.forbidden_page_btn:before{
	display				:block;
	content				:'';
	width					:100%;
	height				:100%;
	background			:#eb1c24;
	position				:absolute;
	top					:0;
	left					:0;
	transform			:translateX(-100%);
	transition			:.5s;
}
.forbidden_page_btn:hover:before{
	transform			:translateX(0%);
	transition			:.5s;
}
.forbidden_page_btn:hover p{
	color					:#f8f6f1;
	transition			:.5s;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.forbidden_page
	{
		width					:96%;
		margin				:0 2%;
		margin-top			:10rem;
	}
	.forbidden_page_ikon
	{
		width					:40%;
		height				:calc(100vw * 0.96 * 0.4);
	}

	.forbidden_page_messageArea
	{
		width					:60%;
	}
	.forbidden_page_messageArea h1
	{
		font-size			:2rem;
	}
	.forbidden_page_messageArea p
	{
		font-size			:1.4rem;
	}

	.forbidden_page_btn
	{
		width					:100%;
	padding				:1rem 0;
	height				:3rem;
	background			:#fff;
	border				:2px solid #eb1c24;
	text-align			:center;
	position				:relative;
	margin-bottom		:2rem;
	overflow				:hidden;
}
	.forbidden_page_btn p
	{
	position				:relative;
	font-size			:1.6rem;
	color					:#eb1c24;
	font-weight			:900;
	line-height			:3rem;
	height				:3rem;
	transition			:.5s;
	z-index				:1;
}
	.forbidden_page_btn:before
	{
		display				none;
	}
	
}
	
/*==============================================================================*/


/*=== ページ選択ボタン =========================================================*/
.selectBtn_area{
	width					:100%;
	margin-top			:2rem;
	margin-bottom		:10rem;
	display				:flex;
  	flex-wrap			:wrap;
}
.selectBtn{
	flex-basis			:calc(calc(100% / 14) - 1rem);
	aspect-ratio		:1 / 1;
	margin-right		:1rem;
	border-radius		:5px;
	position				:relative;
}
.selectBtn:last-child{
	margin-raight		:0;
}
.selectBtn p{
	font-size			:1.6rem;
	font-weight			:900;
	position				:absolute;
	top					:50%;
	left					:50%;
	transform			:translate(-50%, -50%);
}
.selectBtn a{
	position				:absolute;
	inset					:0;
}
.numBtn{
	border				:1px solid #eb1c24;
	box-sizing			:border-box;
	background			:#fff;
}
.numBtn p{
	color					:#eb1c24;
}
.moreBtn p{
	white-space			:nowrap;
}

.selectBtn_Active{
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
}
.selectBtn_Active p{
	color					:#f8f6f1;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.selectBtn_area
	{
		width					:96%;
		margin				:0 2%;
		margin-top			:2rem;
	}
	.selectBtn
	{
		flex-basis			:calc(calc(100% / 14) - .5rem);
		flex-basis			:calc(calc(calc(100vw * 0.96) / 14) - .5rem);
		margin-right		:.5rem;
	}
	.selectBtn:last-child
	{
		margin-raight		:0;
	}
	.selectBtn p
	{
		font-size			:1.2rem;
	}	
}
	
/*==============================================================================*/


/*=== メンテナンス中 ===========================================================*/
#maintenance_page{
	width					:70%;
	margin				:0 15%;
}
#maintenance_page img{
	width					:60%;
	aspect-ratio		:1 / 1;
	margin				:0 20%;
	margin-bottom		:2rem;
}
#maintenance_page p span{
	display				:inline-block;
}
#maintenance_page p:nth-of-type(1){
	text-align			:center;
	font-size			:4rem;
	font-weight			:900;
}
#maintenance_page p:nth-of-type(2){
	text-align			:center;
	font-size			:2rem;
	font-weight			:900;
	color					:#888;
	margin-bottom		:3rem;
}
#maintenance_page p:nth-of-type(3){
	text-align			:center;
	font-size			:2rem;
}
#maintenance_page p:nth-of-type(4){
	text-align			:center;
	font-size			:2rem;
	margin-bottom		:3rem;
}
#maintenance_page p:nth-of-type(5){
	font-size			:2rem;
	font-weight			:900;
}
#maintenance_page p:nth-of-type(6){
	font-size			:2rem;
	font-weight			:900;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	#maintenance_page
	{
		width					:96%;
		margin				:0 2%;
		margin-top			:3rem;
	}
	#maintenance_page img
	{
		width					:40%;
		aspect-ratio		:1 / 1;
		margin				:0 30%;
		margin-bottom		:2rem;
	}
		
	#maintenance_page p:nth-of-type(1)
	{
		font-size			:2rem;
		font-weight			:900;
	}
	#maintenance_page p:nth-of-type(2)
	{
		font-size			:1.6rem;
	}
	#maintenance_page p:nth-of-type(3)
	{
		font-size			:1.4rem;
	}
	#maintenance_page p:nth-of-type(4)
	{
		font-size			:1.4rem;
	}
	#maintenance_page p:nth-of-type(5)
	{
		font-size			:1.4rem;
	}
	#maintenance_page p:nth-of-type(6)
	{
		font-size			:1.4rem;
	}
}
	
/*==============================================================================*/

	
/*=== 各ページに単語リンク(Wiki機能) ===========================================*/
.season_link_wrod{
	color					:#1f222e;
	font-weight			:900;
}
.season_link_wrod:after{
	content				:'';
}
.dictionary_link_wrod{
	color					:#eb1c24;
}
.dictionary_link_wrod:after{
	content				:'※用語解説';
	font-size			:0.7em;
}
	
/*==============================================================================*/


/*=== ツアーガイド =============================================================*/
.tourBtn{
	position				:fixed;
	right					:1rem;
	bottom				:1rem;
	z-index				:calc(Infinity);
}
.tourBtn button{
	background			:none;
	border				:none;
}
.tourBtn button img{
	width					:4rem;
	height				:4rem;
	border-radius		:50%;
	border				:1px solid #1f222e;
	background			:#fff;
}
.tourBtn button p{
	font-size			:1.2rem;
	font-weight			:900;
}

.tourGuideArea{
	z-index				:calc(Infinity);
	position				:fixed;
  	top					:0;
  	left					:0;
  	width					:100vw;
  	height				:100%;
	background			:rgba(0,0,0,0.4);
	display				:none;
}
.tourGuideArea_inner{
	width					:100%;
	height				:100%;
	position				:relative;
}

.tourGuideBox{
  	position				:absolute;
  	width					:70vw;
  	height				:fit-content;
	padding				:1rem;
	box-sizing			:border-box;
  	border-radius		:20px;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
}
.tourGuideBox_index{
	width					:100%;
}
.tourGuideBox_index p{
	font-size			:1.6rem;
	font-weight			:900;
	color					:#f8f6f1;
}
.tourGuideBox_body{
	width					:100%;
	margin-top			:.5rem;
}
.tourGuideBox_body p{
	font-size			:1.4rem;
	color					:#f8f6f1;
}

.tourGuideBox_pageNum{
	width					:100%;
	text-align			:right;
}
.tourGuideBox_pageNum p{
	font-size			:1.2rem;
	color					:#f8f6f1;
}

.tourGuideBox_btnArea{
	width					:100%;
	margin-top			:.5rem;
}
.tourGuideBox_btnArea:after{
	content				:"";
	display				:block;
	clear					:both;
}

.tourGuideBox_btn{
	width					:fit-content;
}
.tourGuideBox_btn button{
	padding				:.25rem 1rem;
	font-size			:1.4rem;
	font-weight			:900;
	border				:1px solid #eb1c24;
	background			:#FFF;
	color					:#eb1c24;
	font-weight			:900;
	border-radius		:10px;
}
	
.tourGuideBox_btn:nth-of-type(1){
	float					:left;
}
.tourGuideBox_btn:nth-of-type(2){
	float					:right;
}
	
/*==============================================================================*/


/*=== ページネーション =========================================================*/
.pageNationArea{
	width					:80%;
	margin				:0 10%;
	margin-top			:2rem;
	margin-bottom		:3rem;
	display				:flex;
}

.pageNationArea_inner{
	display				:flex;
	overflow-x			:scroll;
	-ms-overflow-style:none;
  	scrollbar-width	:none;
}
.pageNationArea_inner::-webkit-scrollbar
{
  	display				:none;
}
	
.pageBtn{
	flex-shrink			:0;
	position				:relative;
	width					:6rem;
	height				:6rem;
	box-sizing			:border-box;
	border				:2px solid #eb1c24;
	margin-right		:1rem;
	background			:#fff;
	border-radius		:20px;
	overflow				:hidden;
}
.pageBtn p{
	font-size			:2rem;
	color					:#eb1c24;
	position				:absolute;
	top					:50%;
	left					:50%;
	transform			:translate(-50%, -50%);
}

#nowPage{
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
}
#nowPage p{
	color					:#f8f6f1;
	font-weight			:900;
}
#noLinkActive{
	background			:#ddd;
	border				:2px solid #888; 
}
#noLinkActive p{
	color					:#888;
}
	
.pageBtn a{
	position				:absolute;
	inset					:0;
}

/*■レスポンシブル*/
@media screen and (max-width: 414px)
{
	.pageNationArea
	{
		width					:98%;
		margin				:0 1%;
		margin-bottom		:3rem;
	}
		
	.pageBtn
	{
		width					:4rem;
		height				:4rem;
		border-radius		:10px;
	}
	.pageBtn p
	{
		font-size			:1.6rem;
	}	
}

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


/*=== 閲覧制限モーダル =========================================================*/
.limit_modalArea{
	width					:100vw;
	height				:100vh;
	background			:rgba(31,34,46,0.9);
	position				:fixed;
	top					:0;
	left					:0;
	z-index				:calc(Infinity);
	display				:none;
}
	
.limit_modalBox{
	display				:none;
	position				:fixed;
	top					:50%;
	left					:50%;
	transform			:translate(-50%, -50%);
	z-index				:calc(Infinity);
	padding				:2rem;
	box-sizing			:border-box;
	background			:#f8f6f1;
	border-radius		:20px;
}
.limit_modalBox_log{
	width					:5rem;
	height				:5rem;
	margin				:0 auto;
}
.limit_modalBox_log img{
	width					:100%;
	height				:100%;
}
.limit_modalBox_name{
	width					:100%;
	text-align			:center;
}
.limit_modalBox_name p{
	font-size			:1.6rem;
	font-weight			:900;
	color					:#eb1c24;
	line-height			:1;
}
.limit_modalBox_body{
	width					:100%;
	margin-top			:2rem;
	text-align			:center;
}
.limit_modalBox_body p{
	font-size			:1.4rem;
	line-height			:1.5;
	white-space			:nowrap;
}
.limit_modalBox_body p:nth-of-type(1){}
.limit_modalBox_body p:nth-of-type(2){}
.limit_modalBox_body p:nth-of-type(3){}

.limit_modalBox_btnArea{
	width					:100%;
	margin-top			:1rem;
}
.limit_modalBox_btn{
	width					:80%;
	margin				:0 10%;
	border-radius		:10px;
	border				:1px solid #eb1c24;
	padding				:.5rem 0;
	box-sizing			:border-box;
	text-align			:center;
	position				:relative;
}
.limit_modalBox_btn:nth-of-type(1){
	margin-bottom		:1rem;
}
.limit_modalBox_btn p{
	font-size			:1.6rem;
	font-weight			:900;
}
.limit_modalBox_btn a{
	position				:absolute;
	inset					:0;
}

.limit_adsBtn{
	background			:#eb1c24;
}
.limit_adsBtn p{
	color					:#f8f6f1;
}
.limit_registerBtn{
	background			:#fff;
}
.limit_registerBtn p{
	color					:#eb1c24;
}
	
/*==============================================================================*/


/*=== 記事評価ボタン ===========================================================*/
.articleEvaluationArea{
	width					:100%;
	margin				:2rem 0;
	display				:flex;
}
.articleEvaluationArea_left{
	width					:40%;
}
.articleEvaluationArea_left_textBox{
	width					:100%;
	padding				:2rem 1rem;
	box-sizing			:border-box;
	border-radius		:20px;
	background			:rgb(25,35,73);
}
.articleEvaluationArea_left_textBox p{
	color					:#f8f6f1;
	font-size			:1.6rem;
	line-height			:1.1;
}

.articleEvaluationArea_left_reportBtn{
	width					:100%;
	display				:none;
}
.articleEvaluationArea_left_reportBtn button{
	width					:100%;
	background			:none;
	border				:none;
	font-size			:1.4rem;
	font-weight			:900;
	color					:rgb(25,35,73);
	line-height			:1;
	text-align			:left;
	margin-top			:1rem;
}
.articleEvaluationArea_left_reportBtn button:hover{
	cursor				:pointer;
	filter				:opacity(60%);
}

.articleEvaluationArea_right{
	width					:60%;
}
.articleEvaluationArea_right_btnArea{
	width					:100%;
	display				:flex;
}
.articleEvaluationArea_right_btn{
	width					:calc(100% / 3);
	text-align			:center;
}
.articleEvaluationArea_right_btn input{
	display				:none;
}
.articleEvaluationArea_right_btn label{
	width					:100%;
}
.articleEvaluationArea_right_btn label img{
	width					:50%;
	height				:auto;
	margin				:0 25%;
	filter				:grayscale(100%);
}
.articleEvaluationArea_right_btn label p{
	font-size			:1.6rem;
	font-weight			:900;
	color					:rgb(125,135,173);
	line-height			:1;
}
.articleEvaluationArea_right_btn input:checked + label img{
	filter				:grayscale(0%)!important;
}
.articleEvaluationArea_right_btn input:checked + label p{
	color					:rgb(25,35,73);
}
.articleEvaluationArea_right_btn label:hover{
	cursor				:pointer;
	filter				:opacity(60%);
}


.articleEvaluation_reportBox{
	display				:none;
}
.articleEvaluation_reportBox_btn{}
.articleEvaluation_reportBox_btn input{
	display				:none;
}
.articleEvaluation_reportBox_btn label{}

.articleEvaluation_reportBox_closedBtn{}
.articleEvaluation_reportBox_closedBtn button{}

.articleEvaluation_resultBox{
	position				:fixed;
	top					:50%;
	left					:50%;
	transform			:translate(-50%, -50%);
	border-radius		:20px;
	background			:rgb(25,35,73);
	z-index				:calc(Infinity);
	padding				:3rem;
	box-sizing			:border-box;
	text-align			:center;
	display				:none;
}
.articleEvaluation_resultBox p{
	color					:#f8f6f1;
	font-weight			:900;
	font-size			:2rem;
}
.articleEvaluation_resultBox p span{
	display				:inline-block;
}
	
/*==============================================================================*/


/*=== COOKIE ===================================================================*/
.cookieAgreeBox{
	position				:fixed;
	bottom				:0;
	left					:0;
	background			:#FFF;
	border				:3px solid #eb1c24;
	padding				:1rem;
	box-sizing			:border-box;
	border-radius		:10px 10px 0 0;
	width					:100%;
	z-index				:calc(Infinity);
	transform			:translateY(100%);
}

.cookiesActive{
	animation			:cookie_popUp 1s forwards;
}

@keyframes cookie_popUp {
   0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0%);
    }
}

.cookieAgreeBox_inner{
	width					:100%;
	position				:relative;
}
	
.cookieAgreeBox_body{
	width					:100%;
}
.cookieAgreeBox_body p{
	font-size			:1.4rem;
	line-height			:1.5;
	color					:#1f222e;
}
.cookieAgreeBox_body p a{
	color					:#eb1c24;
	font-weight			:900;
}

.cookieAgreeBox_btnArea{
	width					:100%;
	display				:flex;
	margin-top			:1rem;
}
.cookieAgreeBox_btn{
	width					:45%;
}
.cookieAgreeBox_btn:nth-of-type(1){
	margin-right		:2.5%;
}
.cookieAgreeBox_btn:nth-of-type(2){
	margin-left			:2.5%;
}
.cookieAgreeBox_btn button{
	width					:100%;
	border				:none;
	background			:none;
	border-radius		:20px;
	padding				:.5rem 0;
	text-align			:center;
	box-sizing			:border-box;
	font-size			:1.6rem;
	font-weight			:900;
}
.cookieAgreeBox_btn button:hover{
	cursor				:pointer;
	filter				:opacity(60%);
}

#cookiesRejection{
	background			:#fff;
	color					:#eb1c24;
	border				:1px solid #eb1c24;
}
#cookiesAgree{
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	color					:#f8f6f1;
}
	
/*==============================================================================*/


/*=== モーダルウィンドウ =======================================================*/
.modal_window_outer{
	width					:100vw;
	height				:100vh;
	position				:fixed;
	top					:0;
	left					:0;
	z-index				:calc(Infinity);
	background			:rgba(31,34,46,0.8);
	display				:none;
}
.modal_window_inner{
	width					:100%;
	height				:100%;
	position				:relative;
}
.modal_windowBox{
	position				:absolute;
	top					:50%;
	left					:50%;
	transform			:translate(-50%, -50%);
	min-width			:50vw;
}
.modal_window{
	background			:#f8f6f1;
	position				:relative;
	padding				:2rem;
	box-sizing			:border-box;
	border-radius		:20px;
	box-shadow			:2px 2px 4px #c8c8c8;
}

.modal_window img{
	width					:100%;
}
.modal_window p{
	font-size			:1.6rem;
}

.modal_window_btn{
	width					:100%;
	position				:relative;
	padding				:0.5rem 0;
	text-align			:center;
	background			:linear-gradient(to right bottom, #eb1c24, rgb(207,0,8));
	border-radius		:15px;
}
.modal_window_btn p{
	font-size			:1.6rem;
	font-weight			:900;
	color					:#f8f6f1;
}
.modal_window_btn a{
	position				:absolute;
	inset					:0;
}

.modal_window_index{
	width					:100%;
	margin-bottom		:1rem;
	text-align			:center;
}
.modal_window_index p{
	line-height			:6rem;
	font-size			:3rem;
	font-weight			:900;
}

.modal_window_closedBtn{
	position				:absolute;
	top					:-1.5rem;
	right					:-1.5rem;
	width					:3rem;
	height				:3rem;
}
.modal_window_closedBtn button{
	width					:100%;
	height				:100%;
	border-radius		:50%;
	border				:none;
	background			:none;
	overflow				:hidden;
	background			:#f8f6f1;
	padding				:0.5rem;
}
.modal_window_closedBtn button img{
	width					:100%;
	height				:100%;
}
	
/*==============================================================================*/