@charset "utf-8";

/*=========================================*/
/* お客様のお声 */
/*=========================================*/


/*-- CONTENTS --*/

.voice_area{
	position:relative;
	margin:0px auto 0px auto;
	padding:45px 40px 0px 40px;
	max-width:1280px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.voice_left_area{
	position:relative;
	padding:0px 0px 125px 0px;
	width:calc(100% - 360px);
}

.voice_right_area{
	position:relative;
	padding:0px 0px 125px 0px;
	width:320px;
}

@media screen and (max-width:1120px){

.voice_area{
	padding:35px 25px 0px 25px;
	max-width:640px;
}

.voice_left_area{
	padding:0px 0px 75px 0px;
	width:100%;
}

.voice_right_area{
	padding:0px 0px 125px 0px;
	width:100%;
}

}

@media all and (max-width:960px), print{

.voice_area{
	padding:25px 25px 0px 25px;
	max-width:640px;
}

.voice_left_area{
	padding:0px 0px 75px 0px;
	width:100%;
}

.voice_right_area{
	padding:0px 0px 100px 0px;
	width:100%;
}

}

@media screen and (max-width:640px){

.voice_area{
	padding:15px 15px 0px 15px;
}

.voice_left_area{
	padding:0px 0px 50px 0px;
}

.voice_right_area{
	padding:0px 0px 75px 0px;
}

}


/*-- DATE FRAME --*/

.date_frame{
	position:relative;
	padding:0px 0px 75px 0px;
	width:100%;
}

.date_title{
	position:relative;
	padding:0px 0px 25px 0px;
	width:100%;
	border-bottom:1px solid rgba(200,200,200,1.0);
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
}

.date_title .month{
	padding:0px 0px 0px 10px;
	font-size:350%;
	line-height:100%;
	letter-spacing:-0.05em;
	font-family:"Reddit Sans", sans-serif;
	color:rgba(175,0,0,1.0);
	font-weight:700;
	text-align:center;
}

.date_title .slash{
	padding:0px 5px 0px 10px;
	font-size:250%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(175,0,0,1.0);
	font-weight:400;
	text-align:center;
}

.date_title .date{
	font-size:350%;
	line-height:100%;
	letter-spacing:-0.05em;
	font-family:"Reddit Sans", sans-serif;
	color:rgba(175,0,0,1.0);
	font-weight:700;
	text-align:center;
}

.date_title .text{
	padding:12px 0px 0px 10px;
	font-size:175%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:900;
	text-align:center;
}

@media screen and (max-width:1120px){

.date_frame{
	padding:0px 0px 60px 0px;
}

.date_title{
	padding:0px 0px 20px 0px;
}

.date_title .month{
	font-size:300%;
}

.date_title .slash{
	padding:0px 4px 0px 8px;
	font-size:200%;
}

.date_title .date{
	font-size:300%;
}

.date_title .text{
	padding:10px 0px 0px 8px;
	font-size:150%;
}

}

@media all and (max-width:960px), print{

.date_frame{
	padding:0px 0px 60px 0px;
}

.date_title{
	padding:0px 0px 20px 0px;
}

.date_title .month{
	font-size:300%;
}

.date_title .slash{
	padding:1px 4px 0px 8px;
	font-size:200%;
}

.date_title .date{
	font-size:300%;
}

.date_title .text{
	padding:10px 0px 0px 8px;
	font-size:150%;
}

}

@media screen and (max-width:640px){

.date_frame{
	padding:0px 0px 45px 0px;
}

.date_title{
	padding:0px 0px 15px 0px;
}

.date_title .month{
	font-size:250%;
}

.date_title .slash{
	padding:2px 3px 0px 6px;
	font-size:150%;
}

.date_title .date{
	font-size:250%;
}

.date_title .text{
	padding:8px 0px 0px 6px;
	font-size:125%;
}

}

@media screen and (max-width:375px){

.date_title .month{
	font-size:225%;
}

.date_title .slash{
	padding:4px 2px 0px 5px;
	font-size:125%;
}

.date_title .date{
	font-size:225%;
}

.date_title .text{
	padding:7px 0px 0px 5px;
	font-size:112.5%;
}

}


/*-- TALK FRAME --*/

.talk_frame{
	position:relative;
	padding:25px 0px 25px 0px;
	width:100%;
	border-bottom:1px solid rgba(200,200,200,1.0);
	box-sizing:border-box;
}

.talk_guest_frame{
	position:relative;
	display:flex;
	justify-content:space-between;
}

.talk_guest_frame .text{
	position:relative;
	margin:7px 0px 7px 0px;
	width:100%;
	background-color:rgba(225,235,245,1.0);
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.talk_guest_frame .text p{
	padding:25px 25px 25px 25px;
	font-size:112.5%;
	line-height:150%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:left;
}

.talk_nature_frame{
	position:relative;
	display:flex;
	justify-content:space-between;
}

.talk_nature_frame .text{
	position:relative;
	margin:7px 0px 7px 0px;
	width:calc(100% - 90px);
	background-color:rgba(245,225,235,1.0);
	/* radius */
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	        border-radius:10px;
}

.talk_nature_frame .text::before{
	position:absolute;
	top:27px;
	right:-10px;
	width:0;
	height:0;
	border-left:10px solid rgba(245,225,235,1.0);
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	display:block;
	content:'';
}

.talk_nature_frame .text p{
	padding:25px 25px 25px 25px;
	font-size:112.5%;
	line-height:150%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:left;
}

.talk_nature_frame .icon{
	position:relative;
	margin:7px 0px 7px 0px;
	width:77px;
	height:77px;
	background-color:rgba(245,225,235,1.0);
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.talk_nature_frame .icon img{
	width:77px;
	height:77px;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

@media screen and (max-width:1120px){

.talk_frame{
	padding:20px 0px 20px 0px;
}

.talk_guest_frame .text{
	margin:6px 0px 6px 0px;
}

.talk_guest_frame .text p{
	padding:20px 20px 20px 20px;
	font-size:106.25%;
}

.talk_nature_frame .text{
	margin:6px 0px 6px 0px;
	width:calc(100% - 80px);
}

.talk_nature_frame .text::before{
	top:22px;
}

.talk_nature_frame .text p{
	padding:20px 20px 20px 20px;
	font-size:106.25%;
}

.talk_nature_frame .icon{
	margin:6px 0px 6px 0px;
	width:66px;
	height:66px;
}

.talk_nature_frame .icon img{
	width:66px;
	height:66px;
}

}

@media all and (max-width:960px), print{

.talk_frame{
	padding:20px 0px 20px 0px;
}

.talk_guest_frame .text{
	margin:6px 0px 6px 0px;
}

.talk_guest_frame .text p{
	padding:20px 20px 20px 20px;
	font-size:106.25%;
}

.talk_nature_frame .text{
	margin:6px 0px 6px 0px;
	width:calc(100% - 80px);
}

.talk_nature_frame .text::before{
	top:22px;
}

.talk_nature_frame .text p{
	padding:20px 20px 20px 20px;
	font-size:106.25%;
}

.talk_nature_frame .icon{
	margin:6px 0px 6px 0px;
	width:66px;
	height:66px;
}

.talk_nature_frame .icon img{
	width:66px;
	height:66px;
}

}


/*-- CALENDAR --*/

#top_page_calendar{
	margin:0px auto 75px auto;
	width:100%;
	overflow:hidden;
}

#top_page_calendar_table{
	padding:0px 0px 0px 0px;
	background-color:rgba(255,255,255,1.0);
	overflow:hidden;
}

#top_page_calendar_table table{
	width:100%;
	white-space:normal;
	border-collapse:collapse;
	border-spacing:0;
}

#top_page_calendar_table table td{
	width:14.28571%;
	border:1px solid rgba(200,200,200,1.0);
	box-sizing:border-box;
}

#top_page_calendar_table .week{
	padding:15px 0px 15px 0px;
	font-size:87.5%;
	color:rgba(100,100,100,1.0);
	text-align:center;
}

#top_page_calendar_table .bg_sun{ background-color:rgba(255,245,245,1.0); }
#top_page_calendar_table .bg_day{ background-color:rgba(250,250,250,1.0); }
#top_page_calendar_table .bg_sat{ background-color:rgba(245,255,255,1.0); }
#top_page_calendar_table .bg_hol{ background-color:rgba(255,245,245,1.0); }

#top_page_calendar_table .text{
	padding:0px 0px 0px 0px;
}

#top_page_calendar_table .date{
	padding:15px 0px 15px 0px;
	font-size:87.5%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	font-family:'Quicksand', sans-serif;
	color:rgba(100,100,100,1.0);
	text-align:center;
}

#top_page_calendar_table .txt_sun{ color:rgba(225,100,125,1.0); }
#top_page_calendar_table .txt_day{ color:rgba(100,100,100,1.0); }
#top_page_calendar_table .txt_sat{ color:rgba(80,180,230,1.0); }
#top_page_calendar_table .txt_hol{ color:rgba(225,100,125,1.0); }

#top_page_calendar_table a{
	background-color:rgba(225,100,125,0.25);
	display:block;
}

#top_page_calendar_table a:hover{
	background-color:rgba(225,100,125,0.5);
	display:block;
}

#top_page_calendar_table a:link{ color:rgba(10,10,10,1.0); text-decoration:underline; }
#top_page_calendar_table a:visited{ color:rgba(10,10,10,1.0); text-decoration:underline; }
#top_page_calendar_table a:hover{ color:rgba(10,10,10,1.0); text-decoration:none; }
#top_page_calendar_table a:active{ color:rgba(10,10,10,1.0); text-decoration:none; }

#top_page_calendar_table a .txt_sun{ color:rgba(10,10,10,1.0); }
#top_page_calendar_table a .txt_day{ color:rgba(10,10,10,1.0); }
#top_page_calendar_table a .txt_sat{ color:rgba(10,10,10,1.0); }
#top_page_calendar_table a .txt_hol{ color:rgba(10,10,10,1.0); }


/*-- CALENDAR MONTH --*/

#top_page_month_pager{
	padding:0px 0px 12px 0px;
	overflow:hidden;
}

#top_page_month_pager table{
	width:100%;
	white-space:normal;
	border-collapse:collapse;
	border-spacing:0;
}

#top_page_month_pager .month{
	width:70%;
	font-size:112.5%;
	color:rgba(10,10,10,1.0);
	font-weight:800;
	text-align:center;
}

#top_page_month_pager .prev{
	width:15%;
	font-size:112.5%;
	color:rgba(100,100,100,1.0);
	font-weight:800;
	text-align:center;
}

#top_page_month_pager .prev a:link{ color:rgba(10,10,10,1.0); text-decoration:none; }
#top_page_month_pager .prev a:visited{ color:rgba(10,10,10,1.0); text-decoration:none; }
#top_page_month_pager .prev a:hover{ color:rgba(175,0,0,1.0); text-decoration:none; }
#top_page_month_pager .prev a:active{ color:rgba(175,0,0,1.0); text-decoration:none; }

#top_page_month_pager .next{
	width:15%;
	font-size:112.5%;
	color:rgba(100,100,100,1.0);
	font-weight:800;
	text-align:center;
}

#top_page_month_pager .next a:link{ color:rgba(10,10,10,1.0); text-decoration:none; }
#top_page_month_pager .next a:visited{ color:rgba(10,10,10,1.0); text-decoration:none; }
#top_page_month_pager .next a:hover{ color:rgba(175,0,0,1.0); text-decoration:none; }
#top_page_month_pager .next a:active{ color:rgba(175,0,0,1.0); text-decoration:none; }