@charset "utf-8";

/*=========================================*/
/* DIARY */
/*=========================================*/


/*-- FRAME --*/

.contents_diary_area{
	position:relative;
	padding:90px 0px 0px 0px;
	width:100%;
	background-color:rgba(175,200,75,1.0);
	overflow:hidden;
}

.contents_diary_img_area{
	position:relative;
	padding:0px 0px 90px 0px;
	width:100%;
	background-color:rgba(175,200,75,1.0);
	border-bottom:1px solid rgba(25,25,25,0.5);
	box-sizing:border-box;
	overflow:hidden;
}

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

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

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

}

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

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

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

}

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

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

.contents_diary_img_area{
	padding:0px 0px 55px 0px;
}

}


/*-- DIARY NAV --*/

.contents_diary_nav_area{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(25,25,25,0.5);
	box-sizing:border-box;
}

.contents_diary_nav_frame{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 55px 0px 55px;
	max-width:1280px;
	display:flex;
	align-items:center;
}

.contents_diary_nav_left{
	position:relative;
	margin:25px 25px 25px 0px;
	text-decoration:none;
}

.contents_diary_nav_left img{
	max-width:180px;
	width:100%;
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	transition:0.25s ease-out;
	filter:grayscale(1.0);
}

.contents_diary_nav_left:hover img{
	filter:grayscale(0.0);
}

.contents_diary_nav_left .name{
	position:absolute;
	bottom:15px;
	left:-5px;
	padding:5px 10px 5px 10px;
	background-color:rgba(200,200,200,1.0);
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	font-size:100%;
	line-height:125%;
	letter-spacing:-0.05em;
	font-family:"Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	color:rgba(0,0,0,1.0);
	font-weight:normal;
	transition:0.25s ease-out;
	z-index:1;
}

.contents_diary_nav_left:hover .name{
	background-color:rgba(150,180,15,1.0);
}

.contents_diary_nav_left .name span{
	padding:0px 0px 0px 3px;
}

.contents_diary_nav_right{
	position:relative;
	margin:25px 0px 25px 25px;
	text-decoration:none;
}

.contents_diary_nav_right img{
	max-width:180px;
	width:100%;
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	transition:0.25s ease-out;
	filter:grayscale(1.0);
}

.contents_diary_nav_right:hover img{
	filter:grayscale(0.0);
}

.contents_diary_nav_right .name{
	position:absolute;
	bottom:15px;
	left:-5px;
	padding:5px 10px 5px 10px;
	background-color:rgba(200,200,200,1.0);
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	font-size:100%;
	line-height:125%;
	letter-spacing:-0.05em;
	font-family:"Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	color:rgba(0,0,0,1.0);
	font-weight:normal;
	transition:0.25s ease-out;
	z-index:1;
}

.contents_diary_nav_right:hover .name{
	background-color:rgba(150,180,15,1.0);
}

.contents_diary_nav_right .name span{
	padding:0px 0px 0px 3px;
}

.contents_diary_nav_on{
	position:relative;
	padding:25px 25px 25px 25px;
	background-color:rgba(175,200,75,1.0);
	border-top:1px solid rgba(25,25,25,0.5);
	border-left:1px solid rgba(25,25,25,0.5);
	border-right:1px solid rgba(25,25,25,0.5);
	box-sizing:border-box;
}

.contents_diary_nav_on::before{
	position:absolute;
	bottom:-20px;
	left:0px;
	right:0px;
	margin:auto;
	width:100%;
	height:25px;
	background-color:rgba(175,200,75,1.0);
	content:'';
}

.contents_diary_nav_on img{
	max-width:180px;
	width:100%;
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
}

.contents_diary_nav_on .name{
	position:absolute;
	bottom:40px;
	left:20px;
	padding:5px 10px 5px 10px;
	background-color:rgba(150,180,15,1.0);
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	font-size:100%;
	line-height:125%;
	letter-spacing:-0.05em;
	font-family:"Yu Mincho", "YuMincho", "游明朝体", "游明朝", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "Noto Serif JP", serif;
	color:rgba(0,0,0,1.0);
	font-weight:normal;
}

.contents_diary_nav_on .name span{
	padding:0px 0px 0px 3px;
}

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

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

.contents_diary_nav_left{
	margin:20px 20px 20px 0px;
}

.contents_diary_nav_left img{
	max-width:150px;
}

.contents_diary_nav_left .name{
	font-size:93.75%;
}

.contents_diary_nav_right{
	margin:20px 0px 20px 20px;
}

.contents_diary_nav_right img{
	max-width:150px;
}

.contents_diary_nav_right .name{
	font-size:93.75%;
}

.contents_diary_nav_on{
	padding:20px 20px 20px 20px;
}

.contents_diary_nav_on img{
	max-width:150px;
}

.contents_diary_nav_on .name{
	bottom:35px;
	left:15px;
	font-size:93.75%;
}

}

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

.contents_diary_nav_frame{
	padding:0px 3.5% 0px 3.5%;
}

}

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

.contents_diary_nav_frame{
	padding:0px 3.5% 0px 3.5%;
}

.contents_diary_nav_left{
	margin:15px 15px 15px 0px;
}

.contents_diary_nav_left img{
	max-width:120px;
	transition:0s ease-out;
}

.contents_diary_nav_left:hover img{
	filter:grayscale(1.0);
}

.contents_diary_nav_left .name{
	font-size:75%;
	transition:0s ease-out;
}

.contents_diary_nav_left:hover .name{
	background-color:rgba(200,200,200,1.0);
}

.contents_diary_nav_left .name span{
	padding:0px 0px 0px 2px;
}

.contents_diary_nav_right{
	margin:15px 0px 15px 15px;
}

.contents_diary_nav_right img{
	max-width:120px;
	transition:0s ease-out;
}

.contents_diary_nav_right:hover img{
	filter:grayscale(1.0);
}

.contents_diary_nav_right .name{
	font-size:75%;
	transition:0s ease-out;
}

.contents_diary_nav_right:hover .name{
	background-color:rgba(200,200,200,1.0);
}

.contents_diary_nav_right .name span{
	padding:0px 0px 0px 2px;
}

.contents_diary_nav_on{
	padding:15px 15px 15px 15px;
}

.contents_diary_nav_on img{
	max-width:120px;
}

.contents_diary_nav_on .name{
	bottom:30px;
	left:10px;
	font-size:75%;
}

.contents_diary_nav_on .name span{
	padding:0px 0px 0px 2px;
}

}

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

.contents_diary_nav_frame{
	padding:0px 2.75% 0px 2.75%;
	justify-content:center;
}

.contents_diary_nav_left{
	margin:2.5% 2.5% 2.5% 0%;
}

.contents_diary_nav_left img{
	max-width:auto;
}

.contents_diary_nav_left .name{
	position:relative;
	bottom:auto;
	left:auto;
	padding:5px 5px 4px 5px;
	border-top:none;
	font-size:3.0vw;
}

.contents_diary_nav_right{
	margin:2.5% 0% 2.5% 2.5%;
}

.contents_diary_nav_right img{
	max-width:auto;
}

.contents_diary_nav_right .name{
	position:relative;
	bottom:auto;
	left:auto;
	padding:5px 5px 4px 5px;
	border-top:none;
	font-size:3.0vw;
}

.contents_diary_nav_on{
	padding:2.5% 2.5% 2.5% 2.5%;
}

.contents_diary_nav_on img{
	max-width:auto;
}

.contents_diary_nav_on .name{
	position:relative;
	bottom:auto;
	left:auto;
	padding:5px 5px 4px 5px;
	border-top:none;
	font-size:3.0vw;
}

}


/*-- NAME --*/

.contents_diary_name{
	position:relative;
	padding:15px 0px 0px 10px;
	font-size:137.5%;
	line-height:150%;
	letter-spacing:-0.025em;
	color:rgba(0,0,0,1.0);
	font-weight:400;
	text-align:left;
}

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

.contents_diary_name{
	font-size:131.25%;
}

}

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

.contents_diary_name{
	font-size:125%;
}

}

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

.contents_diary_name{
	padding:12px 0px 0px 8px;
	font-size:118.75%;
}

}

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

.contents_diary_name{
	padding:9px 0px 0px 6px;
	font-size:112.5%;
}

}

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

.contents_diary_name{
	font-size:106.25%;
}

}


/*-- MEMBER --*/

.crosstalk_member{
	position:relative;
	margin:25px 10px 10px 0px;
	width:fit-content;
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	display:flex;
	align-items:center;
	/* shadow */
	box-shadow:10px 10px rgba(25,25,25,0.15);
}

.member_icon{
	position:relative;
	width:100px;
	height:65px;
	border-right:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

.member_icon.bg_green{
	background-color:rgba(150,180,15,1.0);
}

.member_icon.bg_orange{
	background-color:rgba(250,165,35,1.0);
}

.member_icon.bg_blue{
	background-color:rgba(115,190,225,1.0);
}

.member_icon.bg_pink{
	background-color:rgba(245,150,180,1.0);
}

.member_icon .name{
	font-size:162.5%;
	line-height:125%;
	letter-spacing:-0.01em;
	color:rgba(25,25,25,1.0);
	font-weight:700;
}

.member_icon .san{
	padding:0px 0px 0px 2px;
	font-size:62.5%;
	font-weight:600;
}

.member_text{
	padding:0px 30px 0px 25px;
	font-size:125%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	color:rgba(25,25,25,1.0);
	font-weight:400;
	text-align:left;
	display:flex;
	align-items:center;
}

.member_text br{
	display:none;
}

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

.member_icon{
	width:90px;
	height:60px;
}

.member_icon .name{
	font-size:150%;
}

.member_text{
	padding:0px 28px 0px 23px;
	font-size:118.75%;
}

}

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

.crosstalk_member{
	margin:20px 8px 8px 0px;
	/* shadow */
	box-shadow:8px 8px rgba(25,25,25,0.15);
}

.member_icon{
	width:80px;
	height:55px;
}

.member_icon .name{
	font-size:137.5%;
}

.member_text{
	padding:0px 26px 0px 21px;
	font-size:112.5%;
}

}

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

.crosstalk_member_area{
	margin:0px 0px 45px 0px;
}

.crosstalk_member{
	margin:15px 6px 6px 0px;
	/* shadow */
	box-shadow:6px 6px rgba(25,25,25,0.15);
}

.member_icon{
	width:70px;
	height:70px;
}

.member_icon .name{
	font-size:125%;
}

.member_text{
	padding:0px 22px 0px 17px;
	font-size:106.25%;
}

.member_text br{
	display:block;
}

}

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

.member_text{
	padding:0px 17px 0px 12px;
	font-size:100%;
}

}

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

.member_icon{
	width:65px;
}

.member_text{
	padding:0px 15px 0px 10px;
	font-size:93.75%;
}

}


/*-- DATE --*/

.contents_diary_date{
	position:relative;
	padding:15px 18px 15px 18px;
	background-color:rgba(150,180,15,1.0);
	border-bottom:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	font-size:137.5%;
	line-height:125%;
	letter-spacing:-0.025em;
	color:rgba(0,0,0,1.0);
	font-weight:500;
	text-align:left;
}

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

.contents_diary_date{
	padding:13px 16px 13px 16px;
	font-size:131.25%;
}

}

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

.contents_diary_date{
	padding:11px 14px 11px 14px;
	font-size:125%;
}

}

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

.contents_diary_date{
	padding:9px 12px 9px 12px;
	font-size:118.75%;
}

}

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

.contents_diary_date{
	padding:8px 11px 8px 11px;
	font-size:112.5%;
}

}


/*-- SWIPER SET --*/

.diary_swiper_area{
	padding:0px 0px 0px 0px;
	overflow:hidden;
}

.diary_swiper_inner{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 55px 0px 55px;
	max-width:1280px;
}

.diary_swiper_area .swiper{
	overflow:visible;
	padding:0px 0px 65px 0px;
}

.diary_swiper_area .diary_swiper_list{
	position:relative;
	width:max-content;
	width:-webkit-max-content;
	width:-moz-max-content;
}

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

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

.diary_swiper_area .swiper{
	padding:0px 0px 60px 0px;
}

}

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

.diary_swiper_inner{
	padding:0px 3.5% 0px 3.5%;
}

.diary_swiper_area .swiper{
	padding:0px 0px 55px 0px;
}

}

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

.diary_swiper_inner{
	padding:0px 3.5% 0px 3.5%;
}

.diary_swiper_area .swiper{
	padding:0px 0px 50px 0px;
}

}

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

.diary_swiper_inner{
	padding:0px 2.75% 0px 2.75%;
}

.diary_swiper_area .swiper{
	padding:0px 0px 45px 0px;
}

}


/*-- SWIPER LIST --*/

.swiper .swiper-slide{
	height:auto;
}

.swiper .list_box{ 
	height:100%;
}

.diary_swiper_list .list_box{
	position:relative;
	margin:0px 35px 0px 0px;
	width:400px;
	background-color:rgba(255,255,255,1.0);
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	/* shadow */
	box-shadow:10px 10px rgba(25,25,25,0.15);
}

.swiper-wrapper .diary_swiper_list:last-child .list_box{
	margin:0px 10px 0px 0px;
}

.diary_swiper_list .list_box .img_box{
	position:relative;
	overflow:hidden;
	border-bottom:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
}

.diary_swiper_list .list_box .img_box::before{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
	width:100%;
	height:1px;
	background-color:rgba(25,25,25,1.0);
	content:'';
}

.diary_swiper_list .list_box .img_box .img{
	position:relative;
	width:100%;
	height:100%;
	aspect-ratio:3/3.95;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.diary_swiper_list .list_box .text_box{
	position:relative;
	margin:20px 25px 20px 25px;
}

.diary_swiper_list .list_box .text_box .text{
	position:relative;
	font-size:112.5%;
	line-height:162.5%;
	letter-spacing:0.01em;
	color:rgba(25,25,25,1.0);
	font-weight:500;
	text-align:left;
}

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

.diary_swiper_list .list_box{
	margin:0px 30px 0px 0px;
	width:370px;
}

}

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

.diary_swiper_list .list_box{
	margin:0px 30px 0px 0px;
	width:340px;
}

.diary_swiper_list .list_box .text_box{
	margin:18px 22px 18px 22px;
}

.diary_swiper_list .list_box .text_box .text{
	font-size:106.25%;
}

}

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

.diary_swiper_list .list_box{
	margin:0px 23px 0px 0px;
	width:310px;
	/* shadow */
	box-shadow:8px 8px rgba(25,25,25,0.15);
}

.swiper-wrapper .diary_swiper_list:last-child .list_box{
	margin:0px 8px 0px 0px;
}

.diary_swiper_list .list_box .text_box{
	margin:16px 19px 16px 19px;
}

.diary_swiper_list .list_box .text_box .text{
	font-size:100%;
}

}

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

.diary_swiper_list .list_box{
	margin:0px 16px 0px 0px;
	width:280px;
	/* shadow */
	box-shadow:6px 6px rgba(25,25,25,0.15);
}

.swiper-wrapper .diary_swiper_list:last-child .list_box{
	margin:0px 6px 0px 0px;
}

.diary_swiper_list .list_box .text_box{
	margin:14px 16px 14px 16px;
}

.diary_swiper_list .list_box .text_box .text{
	font-size:93.75%;
}

}


/*-- SWIPER SCROLL BAR --*/

.diary_swiper_area .swiper-scrollbar{
	background:var(--swiper-scrollbar-bg-color, rgba(0,0,0,0.25));
}

.diary_swiper_area .swiper-scrollbar-drag{
	background:var(--swiper-scrollbar-drag-bg-color, rgba(25,25,25,1.0));
}


/*-- NEXT NAV --*/

.contents_diary_next_nav{
	position:relative;
	padding:90px 0px 100px 0px;
	width:100%;
}

.contents_diary_next_nav a{
	position:relative;
	margin:0px auto 0px auto;
	max-width:600px;
	display:flex;
	justify-content:center;
	text-decoration:none;
}

.contents_diary_next_nav .img{
	position:relative;
	border:1px solid rgba(25,25,25,1.0);
	box-sizing:border-box;
	width:150px;
	height:100%;
	aspect-ratio:1/1;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.contents_diary_next_nav .nav{
	position:relative;
	background-color:rgba(150,180,15,1.0);
	border:1px solid rgba(25,25,25,1.0);
	border-left:none;
	box-sizing:border-box;
	width:450px;
	display:flex;
	align-items:center;
}

.contents_diary_next_nav .nav::after{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	content:'';
	transform-origin:left top;
	transform:scale(0, 1);
	transition:0.25s transform;
}

.contents_diary_next_nav .nav::after{
	background-color:rgba(25,25,25,0.075);
}

.contents_diary_next_nav a:hover .nav::after{
	transform-origin:left top;
	transform:scale(1, 1);
}

.contents_diary_next_nav .nav p{
	position:relative;
	padding:0px 74px 0px 25px;
	width:100%;
	background-image:url(../images/svg/icon_side_nav_black.svg);
	background-repeat:no-repeat;
	background-position:right 25px center;
	background-size:24px auto;
	font-size:125%;
	line-height:137.5%;
	letter-spacing:-0.01em;
	color:rgba(25,25,25,1.0);
	font-weight:500;
	z-index:1;
}

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

.contents_diary_next_nav{
	padding:75px 0px 85px 0px;
}

.contents_diary_next_nav a{
	max-width:525px;
}

.contents_diary_next_nav .img{
	width:125px;
}

.contents_diary_next_nav .nav{
	width:400px;
}

.contents_diary_next_nav .nav p{
	padding:0px 68px 0px 23px;
	background-position:right 23px center;
	background-size:22px auto;
	font-size:118.75%;
}

}

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

.contents_diary_next_nav{
	padding:75px 0px 70px 0px;
}

.contents_diary_next_nav a{
	max-width:475px;
}

.contents_diary_next_nav .nav{
	width:350px;
}

.contents_diary_next_nav .nav p{
	font-size:112.5%;
}

}

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

.contents_diary_next_nav{
	padding:60px 0px 55px 0px;
}

.contents_diary_next_nav a{
	max-width:400px;
}

.contents_diary_next_nav .img{
	width:100px;
}

.contents_diary_next_nav .nav{
	width:300px;
}

.contents_diary_next_nav a:hover .nav::after{
	display:none;
}

.contents_diary_next_nav .nav p{
	padding:0px 54px 0px 18px;
	background-position:right 18px center;
	background-size:18px auto;
	font-size:106.25%;
}

}

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

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

.contents_diary_next_nav a{
	max-width:355px;
}

.contents_diary_next_nav .img{
	width:80px;
}

.contents_diary_next_nav .nav{
	width:275px;
}

.contents_diary_next_nav .nav p{
	font-size:100%;
}

}

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

.contents_diary_next_nav a{
	max-width:275px;
}

.contents_diary_next_nav .img{
	display:none;
}

.contents_diary_next_nav .nav{
	width:275px;
	border-left:1px solid rgba(25,25,25,1.0);
}

.contents_diary_next_nav .nav p{
	padding:15px 54px 15px 18px;
}

}