@charset "UTF-8";


:root
{
	--header       : 65px;
	--header2      : 100px;

	scroll-padding : var(--header2);

	scroll-behavior: smooth;

	--colorMainRed : #ed7d85;
	--colorMainBlue: #8eb4df;
}


/*-------------------------------*/


main
{
	min-width      : 1200px;
	
	font-family    : "Zen Maru Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif;
	color          : #000;
	font-size      : 16pt;
	line-height    : 2.0;
}

img { height: auto; }

.content_area
{
	margin         : 0 auto;
	padding-bottom : 0px;
}

.page-top { z-index: 9999!important; }


/*-------------------------------*/


.section_title
{
	margin         : 0 auto;
	margin-bottom  : 70px;

	font-family    : "Dela Gothic One", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif;
	color          : #000;
	font-size      : 240%;
	font-weight    : normal;
	text-align     : center;
	line-height    : 1.0;
}

.section_title span
{
	display        : block;

	margin-top     : 20px;
	
	color          : var(--colorMainBlue);
	font-size      : 60%;
	text-align     : center;
}


/*-------------------------------*/





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

　MAIN_VISUAL

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



#MAIN_VISUAL
{
	position       : relative;

	margin-top     : 65px;
	padding        : 0px 0 0;
}

#MAIN_VISUAL::after
{
	content: "";

	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 40px; 

	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 60'%3E%3Cpath fill='%23ffffff' d='M0,0 L600,0 L600,30 Q450,60 300,30 T0,30 Z'/%3E%3C/svg%3E");*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 60'%3E%3Cpath fill='%23ffffff' d='M0,30 Q150,60 300,30 T600,30 L600,60 L0,60 Z'/%3E%3C/svg%3E");
	
	background-position: bottom center;
	background-repeat: repeat-x;

	z-index: 1; 
}



@media (max-width: 1400px)
{

	#MAIN_VISUAL .mv
	{
		width          : 100%;

		position       : relative;
		overflow       : hidden;
	}

	#MAIN_VISUAL .mv img
	{
		display        : block;
		
		width          : calc( 100% + 520px ); 
		height         : auto;
		
		margin-left    : -260px; 
	}

}

@media (min-width: 1401px) and (max-width: 1919px)
{

	#MAIN_VISUAL .mv
	{
		margin         : 0 auto;

		width          : 100%;

		text-align     : center;

		position       : relative;
		overflow       : hidden;
	}
	
	#MAIN_VISUAL .mv img
	{
		width          : 1920px;
		height         : 1540px;

		object-fit     : cover;

		position       : relative;
		left           : 50%;
		transform      : translateX(-50%);

	}

}

@media (min-width: 1920px)
{

	#MAIN_VISUAL .mv
	{
		width          : 100%;
	}

	#MAIN_VISUAL .mv img
	{
		width          : 100%;
		height         : auto;
	}

}





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

　MENU

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



#MENU
{
	padding        : 40px 0;

	background     : #fff;
}

#MENU .nav_list
{
	display        : flex;
	justify-content: center;
	align-items    : center;
	gap            : 70px;

	margin         : auto;

	width          : 1100px;
}

#MENU .nav_list li
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	position       : relative;
}

#MENU .nav_list li a
{
	font-family    : "Dela Gothic One", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif;
	color          : #000;
	font-size      : 140%;
	font-weight    : normal;
	line-height    : 1.0;
	text-decoration: none;

	transition     : 0.3s;
}

#MENU .nav_list li a span
{
	display        : block;

	margin-top     : 10px;
	
	color          : var(--colorMainBlue);
	font-size      : 60%;
	text-align     : center;

	transition     : 0.3s;
}

#MENU .nav_list li a:hover,
#MENU .nav_list li a:hover span
{
	color          : var(--colorMainRed)!important;
}





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

　NEWS

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



#NEWS
{
	padding        : 80px 0 100px;

	background     : #f7f6f4;

	overflow       : hidden;
}

#NEWS .inner
{
	position       : relative;

	margin         : 0 auto;

	width          : 1100px;
/*
	background-image: 
	url('/asset/img/setonaikai_mystery/news_back_01.png'), 
	url('/asset/img/setonaikai_mystery/news_back_02.png'), 
	url('/asset/img/setonaikai_mystery/news_back_03.png'), 
	url('/asset/img/setonaikai_mystery/news_back_04.png');

	background-position: left -60px top -30px, right -90px top -40px, left bottom, right bottom;
	background-repeat: no-repeat;
	*/
}


/*-------------------------------*/


#NEWS .news_image_01
{
	position       : absolute;
	top            : 0;
    left           : 50%;
    transform      : translateX(calc(-50% - 200px)); 

}

#NEWS .news_image_02
{
	position       : absolute;
	top            : 0;
    left           : 50%;
    transform      : translateX(calc(-50% + 210px)); 
}


#NEWS .news_back_01
{
	position       : absolute;
	top            : -30px;
    left           : -65px;
}

#NEWS .news_back_02
{
	position       : absolute;
	top            : -30px;
    right          : -90px;
}

#NEWS .news_back_03
{
	position       : absolute;
	bottom         : -100px;
    left           : -140px;
}

#NEWS .news_back_04
{
	position       : absolute;
	bottom         : -100px;
    right          : -130px;
}


/*-------------------------------*/



.news_list
{

}

.news_list li
{
	display: flex;
	align-items: flex-start;
	padding: 20px 20px;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 3'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' fill='%23a3a099'/%3E%3C/svg%3E");
	background-size: 10px 3px;
	background-repeat: repeat-x;

}
.news_list li:last-child
{
	background-image: 
	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 3'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' fill='%23a3a099'/%3E%3C/svg%3E"),
	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 3'%3E%3Ccircle cx='1.5' cy='1.5' r='1.5' fill='%23a3a099'/%3E%3C/svg%3E");

	background-size: 10px 3px, 10px 3px;
	background-repeat: repeat-x, repeat-x;
	background-position: top, bottom;
}

#NEWS .news_list .news_date
{
	flex-shrink    : 0;

	width          : 140px;

	font-size      : 100%;
	font-weight    : bold;
	letter-spacing : 0.05em;
}

#NEWS .news_list .news_text
{
	flex-grow      : 1;
}





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

　INTRO

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



.intro_wrap
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : 120px;
	
	background     : url(/asset/img/setonaikai_mystery/intro_back_01.jpg) top center no-repeat #fff;
	
}

#INTRO
{
	
}
/*
#INTRO .inner
{
	margin         : 0 auto;

	width          : 1100px;
}
*/

#INTRO .section_title
{
	margin-bottom: 90px;
}


/*-------------------------------*/


#INTRO .intro_container
{
	margin         : 0 auto;

	width          : 100%;
}

#INTRO .intro_box_01,
#INTRO .intro_box_02
{
	display        : flex;
	align-items    : center;
	gap            : 60px;

	box-sizing     : border-box;
}

#INTRO .intro_box_01
{
	padding-right  : 60px;
}

#INTRO .intro_box_02
{
	flex-direction : row-reverse;

	position       : relative;

	margin-top     : 90px;
	padding-left   : 60px;
}

#INTRO .text_box
{
	flex-grow      : 1;
	flex-shrink    : 0;
	flex-basis     : 640px;
}

#INTRO .text_box p + p
{
	margin-top     : 30px;
}

#INTRO .photo_box
{
	flex-grow      : 1;
	flex-shrink    : 1;
	flex-basis     : 640px;

	position       : relative;

	/*height         : 480px;*/
	height         : 560px;

	/*overflow       : hidden;*/
}

#INTRO .photo_box .intro_photo
{
	width          : 100%;
	height         : 100%;
	object-fit     : cover; 
}




/*-------------------------------*/


.intro_image_01
{
	position       : absolute;
	top            : -62px;
	right          : 150px;
}

.intro_image_02
{
	position       : absolute;
	bottom         : -100px;
	left           : 130px;
}

.intro_image_03
{
	position       : absolute;
	bottom         : -15px;
	left           : 720px;
	right          : 0;
	margin         : auto;
    z-index        : 5;
}





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

　TRAILER

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



#TRAILER
{
	margin-top     : 160px;
	padding-bottom : 200px;
}

#TRAILER .inner
{
	margin         : 0 auto;

	width          : 1100px;
}

#TRAILER .movie_box
{
	margin         : 0 100px;
}

#TRAILER .movie_box .mb_inner
{
	position       : relative;
	height         : 0;
	padding-bottom : 56.25%;
	overflow       : hidden;
}

#TRAILER .movie_box iframe
{
	position       : absolute;
	top            : 0;
	left           : 0;

	width          : 100%;
	height         : 100%;
}





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

　GALLERY

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



#GALLERY
{
	margin-top     : 0px;
	margin-top     : 0px;
}


/*-------------------------------*/


.slick-slider
{
    padding-bottom: 30px!important;
}

.slider img
{
	width:100%!important;
}

.slick-prev,
.slick-next
{
    width: 20px!important;
    height: 40px!important;
}

.slick-prev::before
{
	content:" "!important;
	display:inline-block;
	width:20px!important;
	height:40px!important;
	background:url(/asset/js/setonaikai_mystery/slick/images/arrow_01_prev.png) no-repeat;    
	background-size:contain;
	vertical-align:middle;
}
.slick-next::before
{
	content:" "!important;
	display:inline-block;
	width:20px;
	height:40px;
	background:url(/asset/js/setonaikai_mystery/slick/images/arrow_01_next.png) no-repeat;     
	background-size:contain;
	vertical-align:middle;
}

.slick-prev::before img,
.slick-next::before img
{
	width:100%!important;
}

.slick-next
{
	right: 20px!important;
	right: 29.5%!important;
	z-index: 1!important;
}
.slick-prev
{
	left: 20px!important;
	left: 29.5%!important;
	z-index: 1!important;
}

.slick-slide
{
	margin: 0 40px;
}

.slick-slide img
{
	display: inline!important;
}








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

　CAST

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



#CAST
{
	position       : relative;

	padding-top    : 140px;
	padding-bottom : 160px;

	background-image: 
		url('/asset/img/setonaikai_mystery/cast_back_01.png'), 
		url('/asset/img/setonaikai_mystery/cast_back_02.png'), 
		linear-gradient(to bottom, #9bdae1, #bbe6e9);

	background-position: right top, left bottom;
	background-repeat: no-repeat, no-repeat;
}

#CAST::before
{
	content: "";

	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 40px; 

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 60'%3E%3Cpath fill='%23ffffff' d='M0,0 L600,0 L600,30 Q450,60 300,30 T0,30 Z'/%3E%3C/svg%3E");
	
	background-position: top center;
	background-repeat: repeat-x;

	z-index: 1; 
}


#CAST .inner
{
	position       : relative;

	margin         : 0 auto;

	width          : 1100px;
}


/*-------------------------------*/


#CAST .cast_box
{
	display        : flex;
	align-items    : center;

	margin         : 0 auto;

	width          : 1100px;
}

#CAST .cast_box .photo_box
{
	flex-shrink    : 0;
}

#CAST .cast_box .photo_box img
{
	width          : 100%;
}

#CAST .cast_box .text_box .name_box .cast_title
{
	display        : block;

	font-family    : "Dela Gothic One", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif;
	color          : #000;
	font-weight    : normal;
	line-height    : 1.0;
}

#CAST .cast_box .text_box .name_box .cast_name
{
	display        : block;
	
	margin-top     : 10px;
	
	font-family    : "Dela Gothic One", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif;
	color          : #000;
	font-weight    : normal;
	line-height    : 1.0;
}

#CAST .cast_box .text_box .name_box .cast_name .text_sub
{
	font-size      : 70%;
}

/*-------------------------------*/


#CAST .cast_box[data-num="c02"]
{
	flex-direction : row-reverse;

	margin-top     : 20px;
}

#CAST .cast_box[data-num="c01"] .photo_box,
#CAST .cast_box[data-num="c02"] .photo_box
{
	position       : relative;
	z-index        : 1;
	
	width          : 580px;
}

#CAST .cast_box[data-num="c01"] .photo_box
{
	margin-right   : -60px;
}

#CAST .cast_box[data-num="c02"] .photo_box
{
	margin-left    : -60px;
}

#CAST .cast_box .text_box
{
	
}

#CAST .cast_box[data-num="c01"] .text_box .name_box
{
	padding        : 0 0px 35px 100px;

	border-bottom  : 5px dotted #fff;
}

#CAST .cast_box[data-num="c02"] .text_box .name_box
{
	padding        : 0 0px 35px 30px;
	
	border-bottom  : 5px dotted #fff;
}

#CAST .cast_box[data-num="c01"] .text_box .name_box .cast_title,
#CAST .cast_box[data-num="c02"] .text_box .name_box .cast_title
{
	font-size      : 120%;
}

#CAST .cast_box[data-num="c01"] .text_box .name_box .cast_name,
#CAST .cast_box[data-num="c02"] .text_box .name_box .cast_name
{
	font-size      : 230%;
}

#CAST .cast_box[data-num="c01"] .text_box .cast_text
{
	padding        : 30px 30px 0 100px;
	
	font-size      : 100%;
}

#CAST .cast_box[data-num="c02"] .text_box .cast_text
{
	padding        : 30px 100px 0 30px;
	
	font-size      : 100%;
}


/*-------------------------------*/


#CAST .cast_box[data-num="c03"]
{
	margin-top     : 140px;
	padding        : 60px;

	border         : 7px solid #fff;
	border-radius  : 40px;
	box-sizing     : border-box;
}

#CAST .cast_box[data-num="c03"] .photo_box
{
	width          : 310px;
}

#CAST .cast_box[data-num="c03"] .text_box .name_box
{
	padding        : 0 0px 30px 40px;
	
	border-bottom  : 5px dotted #fff;
}

#CAST .cast_box[data-num="c03"] .text_box .name_box .cast_title
{
	font-size      : 95%;
}

#CAST .cast_box[data-num="c03"] .text_box .name_box .cast_name
{
	font-size      : 190%;
}

#CAST .cast_box[data-num="c03"] .text_box .cast_text
{
	padding        : 25px 30px 0 40px;
	
	font-size      : 90%;
}


/*-------------------------------*/


#CAST .cast_head_01
{
	display        : flex;
	justify-content: center;
	align-items    : center;

	margin         : 0 auto;
	margin-top     : 140px;
	margin-bottom  : 30px;

	width          : 280px;
	height         : 100px;

	font-family    : "Dela Gothic One", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", arial, "Lucida Sans", "メイリオ", Meiryo, "Osaka", sans-serif;
	color          : #000;
	font-size      : 180%;
	font-weight    : normal;
	line-height    : 1.0;

	background     : url(/asset/img/setonaikai_mystery/cast_head_01.png) center center no-repeat;
	background-size: 280px;
}

#CAST .cast_head_01 span
{
	margin-bottom  : 5px;
}

#CAST .cast_box[data-num="c05"]
{
	margin-top     : 60px;
}

#CAST .cast_box[data-num="c04"] .photo_box,
#CAST .cast_box[data-num="c05"] .photo_box
{
	width          : 240px;
}

#CAST .cast_box[data-num="c04"] .text_box,
#CAST .cast_box[data-num="c05"] .text_box
{
	width          : 860px;
}

#CAST .cast_box[data-num="c04"] .text_box .name_box,
#CAST .cast_box[data-num="c05"] .text_box .name_box
{

	padding        : 30px 0px 0 40px;
	
	border-top     : 5px dotted #fff;
}

#CAST .cast_box[data-num="c04"] .text_box .name_box .cast_title,
#CAST .cast_box[data-num="c05"] .text_box .name_box .cast_title
{
	font-size      : 95%;
}

#CAST .cast_box[data-num="c04"] .text_box .name_box .cast_name,
#CAST .cast_box[data-num="c05"] .text_box .name_box .cast_name
{
	font-size      : 160%;
}

#CAST .cast_box[data-num="c04"] .text_box .cast_text,
#CAST .cast_box[data-num="c05"] .text_box .cast_text
{
	padding        : 0 30px 25px 40px;
	
	font-size      : 120%;
	font-weight    : bold;
	line-height    : 1.8;
}


/*-------------------------------*/


#CAST .cast_image_01
{
	position       : absolute;
	bottom         : 0;
	right          : 100px;
}





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

　KNOWLEDGE

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



#KNOWLEDGE
{
	position       : relative;

	padding-top    : 100px;
	padding-bottom : 120px;

	clip-path      : inset(0 0 0 0);
	overflow       : hidden;
}

#KNOWLEDGE::before
{
	content        : "";

	position       : fixed;
	top            : 0;
	left           : 0;

	width          : 100vw;
	height         : 100dvh;
	
	background     : url(/asset/img/setonaikai_mystery/knowledge_back_01.jpg) center center no-repeat;
	background-size: cover;
	
	z-index        : -1;
	
	will-change    : transform;
}

#KNOWLEDGE .inner
{
	margin         : 0 auto;

	width          : 80%;
	min-width      : 1100px;
}

#KNOWLEDGE .section_title
{
	margin-bottom  : 90px;
}


/*-------------------------------*/


#KNOWLEDGE .blog_box
{
	padding        : 70px 70px 70px;
	
	background      : repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(127, 140, 158, 0.08) 19px, rgba(127, 140, 158, 0.08) 20px, transparent 20px, transparent 39px, rgba(127, 140, 158, 0.08) 39px, rgba(127, 140, 158, 0.08) 40px) 0% 0% / 40px 40px, repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(127, 140, 158, 0.08) 19px, rgba(127, 140, 158, 0.08) 20px, transparent 20px, transparent 39px, rgba(127, 140, 158, 0.08) 39px, rgba(127, 140, 158, 0.08) 40px) 0% 0% / 40px 40px, radial-gradient(circle at 20px 20px, rgba(55, 65, 81, 0.12) 2px, transparent 2px) 0% 0% / 40px 40px, radial-gradient(circle at 40px 40px, rgba(55, 65, 81, 0.12) 2px, transparent 2px) 0% 0% / 40px 40px rgb(255, 255, 255);
	background-color: rgba( 255, 255, 255, 0.9);
	box-shadow      : rgba(14, 66, 117, 0.2) 0px 8px 50px;
}

#KNOWLEDGE .blog_box + .blog_box
{
	margin-top     : 80px;
}

/*
#BLOG .blog_box .title_box
{
	margin-bottom  : 60px;
	padding-bottom : 40px;

	width          : 100%;

	border-bottom  : 4px dotted #36a66f;
}

#BLOG .blog_box[data-type="typeB"] .title_box
{
	margin-bottom  : 60px;
}

#BLOG .blog_box .title_box .b_title
{
	font-size      : 140%;
	font-weight    : bold;
	line-height    : 1.6;
}

#BLOG .blog_box .title_box .b_date
{
	margin-top     : 15px;

	color          : #b3b3b3;
	font-size      : 80%;
	line-height    : 1.0;
}
*/

#KNOWLEDGE .blog_box .text_box
{
	width          : 100%;
}

#KNOWLEDGE .blog_box * + .text_box
{
	margin-top     : 40px;
}

#KNOWLEDGE .blog_box .text_box p
{
	
}

#KNOWLEDGE .blog_box .text_box p.text_name
{
	font-size      : 90%;
	text-align     : right;
}

/*
#BLOG .blog_box .photo_box img
{
	width          : 100%;
}
*/


/*-------------------------------*/








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

　SONG

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



#SONG
{
	padding        : 100px 0 120px;

	background     : url(/asset/img/setonaikai_mystery/song_back.png) center center no-repeat #c7e8fa;
	background-size: cover;
}

#SONG .inner
{
	margin         : 0 auto;
}

#SONG .section_title
{
	margin-bottom  : 90px;
}



/*-------------------------------*/


#SONG .song_box
{
	margin         : 0 auto;
	padding        : 70px;

	width          : 1100px;

	background     : #fff;
	border-radius  : 40px;
	box-shadow     : rgba(149, 157, 165, 0.2) 0px 8px 24px;

	box-sizing     : border-box;
}


/*-------------------------------*/


#SONG .title_box
{
	text-align     : center;
}

#SONG .title_box .text_title_01
{
	font-size      : 110%;
	font-weight    : bold;
	line-height    : 1.0;
}

#SONG .title_box .text_title_02
{
	margin-top     : 25px;

	font-size      : 200%;
	font-weight    : bold;
	line-height    : 1.0;
}


/*-------------------------------*/


#SONG .movie_box
{
	margin         : 0 120px;
	margin-top     : 60px;

	border         : 10px solid #ebe9e6;
}

#SONG .movie_box .mb_inner
{
	position       : relative;
	height         : 0;
	padding-bottom : 56.25%;
	overflow       : hidden;
}

#SONG .movie_box iframe
{
	position       : absolute;
	top            : 0;
	left           : 0;

	width          : 100%;
	height         : 100%;
}


/*-------------------------------*/


#SONG .song_text
{
	margin-top     : 50px;
	
	font-size      : 100%;
}


/*-------------------------------*/


#SONG .btn_box
{
	margin-top     : 80px;

	text-align     : center;
}

#SONG .btn_box .text_01
{
    display        : inline-block;

	margin-bottom  : 90px;
    padding-bottom : 10px;

    font-size      : 110%;
	text-align     : center;
	
    border-bottom  : 5px dotted #fff;
}

#SONG .btn_box a
{
	position       : relative;
	display        : block;

	margin         : 0 auto;
	padding        : 30px 0;

	width          : 580px;

	color          : #fff;
	font-size      : 110%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;

	background     : #004da0;
	border-radius  : 100px;

	transition     : 0.3s;
}

#SONG .btn_box a::after
{
	content        : "";

	position       : absolute;
	right          : 30px;
	top            : 50%;
	transform      : translateY(-50%);

	display        : block;
	width          : 0;
	height         : 0;

	border-style   : solid;
	border-width   : 8px 0 8px 10px;
	border-color   : transparent transparent transparent #fff;

	transition     : 0.3s;
}

#SONG .btn_box a:hover
{
	color          : #004da0;
	background     : #fdf573;
}

#SONG .btn_box a:hover::after
{
	border-color   : transparent transparent transparent #004da0;
}

#SONG .btn_box a .btn_txt
{
	margin-left    : 30px;
}

#SONG .btn_box a .btn_img
{
	position       : absolute;
	left           : 40px;
	bottom         : 0;
}





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



.paddent { display: block; }

br.compact { display: block; content: ""; margin-top: 20px; }
br.compact2{ display: block; content: ""; margin-top: 15px; }

span.compact { display: block; content: ""; margin-top: 20px; }
span.compact2{ display: block; content: ""; margin-top: 15px; }