@charset "utf-8";

/*=========================================*/
/* TOPページ */
/*=========================================*/


/*-- VOICE BANNER --*/

#voice_bnr_area{
	position:absolute;
	top:100px;
	left:10px;
	width:320px;
	height:95px;
	background-color:rgba(255,255,255,1.0);
	display:block;
	text-decoration:none;
	z-index:50;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.voice_bnr_title{
	margin:8px 5px 0px 5px;
	display:flex;
	justify-content:center;
}

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

.voice_bnr_title .text{
	padding:4px 0px 0px 5px;
	font-size:112.5%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:700;
	text-align:center;
}

@media print{

#voice_bnr_area{
	display:none;
}

}

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

#voice_bnr_area{
	top:90px;
}

}

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

#voice_bnr_area{
	top:90px;
	width:300px;
	height:85px;
}

.voice_bnr_title{
	margin:6px 5px 0px 5px;
}

.voice_bnr_title .date{
	font-size:162.5%;
}

.voice_bnr_title .text{
	font-size:106.25%;
}

}

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

#voice_bnr_area{
	top:80px;
}

}


/*-- SWIPER SET --*/

.voice_swiper_inner{
	position:relative;
	margin:5px auto 0px auto;
	max-width:300px;
}

.voice_swiper_area{
	overflow:hidden;
}

.voice_swiper_area .swiper{
	overflow:hidden;
	max-width:100%;
	height:45px;
}

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

.voice_fukidashi_left{
	position:relative;
	width:calc(100% - 55px);
	height:45px;
	background-color:rgba(245,225,235,1.0);
	display: flex;
    align-items: center;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.voice_fukidashi_left::before{
	position:absolute;
	top:12px;
	right:-7px;
	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:'';
}

.voice_fukidashi_left p{
	margin:0px 10px 0px 10px;
	font-size:87.5%;
	line-height:135%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:left;
}

/* 文字数制限 */
.voice_fukidashi_left p{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

.voice_icon_right{
	position:relative;
	width:45px;
	height:45px;
	background-color:rgba(245,225,235,1.0);
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.voice_icon_right img{
	width:45px;
	height:45px;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.voice_fukidashi_right{
	position:relative;
	width:100%;
	height:45px;
	background-color:rgba(225,235,245,1.0);
	display: flex;
    align-items: center;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.voice_fukidashi_right p{
	margin:0px 10px 0px 10px;
	font-size:87.5%;
	line-height:135%;
	letter-spacing:-0.01em;
	color:rgba(10,10,10,1.0);
	font-weight:500;
	text-align:left;
}

/* 文字数制限 */
.voice_fukidashi_right p{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

.voice_icon_left{
	position:relative;
	width:45px;
	height:45px;
	background-color:rgba(225,235,245,1.0);
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.voice_icon_left img{
	width:45px;
	height:45px;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

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

.voice_swiper_inner{
	max-width:280px;
}

.voice_swiper_area .swiper{
	height:40px;
}

.voice_fukidashi_left{
	width:calc(100% - 50px);
	height:40px;
}

.voice_fukidashi_left::before{
	top:10px;
}

.voice_fukidashi_left p{
	margin:2px 10px 0px 10px;
	font-size:81.25%;
}

.voice_icon_right{
	width:40px;
	height:40px;
}

.voice_icon_right img{
	width:40px;
	height:40px;
}

.voice_fukidashi_right{
	height:40px;
}

.voice_fukidashi_right p{
	margin:2px 10px 0px 10px;
	font-size:81.25%;
}

.voice_icon_left{
	width:40px;
	height:40px;
}

.voice_icon_left img{
	width:40px;
	height:40px;
}

}


/*-- SIDE BANNER --*/

#side_fixed_banner_area{
	position:absolute;
	bottom:10px;
	left:10px;
	width:270px;
	height:60px;
	background-color:rgba(255,255,255,0.65);
	z-index:50;
	/* radius */
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

#side_fixed_banner img{
	width:100%;
}

@media print{

#side_fixed_banner_area{
	display:none;
}

}

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

#side_fixed_banner_area{
	width:240px;
	height:64px;
}

}

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

#side_fixed_banner_area{
	width:225px;
	height:50px;
}

}

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

#side_fixed_banner_area{
	width:180px;
	height:40px;
}

}


/*-- ITEM BANNER --*/

.main_item_banner_area{
	position:absolute;
	top:85%;
	left:65%;
	margin:auto;
	width:250px;
	height:40px;
	z-index:10;
}

.main_item_banner_area .nav{
	position:relative;
	width:100%;
	animation:Catch_nav 10s ease-in-out alternate;
}

.main_item_banner_area .nav img{
	width:100%;
}

@keyframes Catch_nav{
	0%{ transform:translate3d(0px,0,0); opacity:0; }
	75%{ transform:translate3d(0px,0,0); opacity:0; }
	100%{ transform:translate3d(0px,0,0); opacity:1; }
}

@media print{

.main_item_banner_area{
	display:none;
}

}

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

.main_item_banner_area{
	top:85%;
	left:62.5%;
}

}

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

.main_item_banner_area{
	top:85%;
	left:57.5%;
	width:220px;
	height:35px;
}

}

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

.main_item_banner_area{
	top:auto;
	left:auto;
	right:15px;
	bottom:15px;
	width:160px;
	height:25px;
}

}


/*-- 年末年始 --*/

.news_kokuchi_251225{
	position:relative;
	padding:45px 0px 45px 0px;
	width:100%;
	background-color:rgba(255,255,255,1.0);
}

.news_kokuchi_251225 .img{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 45px 0px 45px;
	max-width:840px;
}

.news_kokuchi_251225 .img img{
	width:100%;
}

@media print{

.news_kokuchi_251225{
	display:none;
}

}

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

.news_kokuchi_251225{
	padding:35px 0px 35px 0px;
}

.news_kokuchi_251225 .img{
	padding:0px 35px 0px 35px;
}

}

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

.news_kokuchi_251225{
	padding:25px 0px 25px 0px;
}

.news_kokuchi_251225 .img{
	padding:0px 25px 0px 25px;
}

}

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

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

.news_kokuchi_251225 .img{
	padding:0px 15px 0px 15px;
}

}