@charset "UTF-8";
/* CSS Document */

#contents{
	font-size:14px;
	line-height:1.6;
}



/*--------- main_content ---------*/
#main_content{
	margin-bottom:32px;
	border-top:solid 5px #000;
}
#main_left{
	width:460px;
	float:left;
	position:relative;
}
#publish_num{
	width:100px;
	height:45px;
	position:relative;
	padding:0 0 0 10px;
	background-color:#000;
	font-size:21px;
	font-weight:bold;
	color:#ffff00;
}
#publish_num:before{
	content:"";
	width:0;
	height:0;
	position:absolute;
	left:110px;
	top:0;
	border-style:solid;
	border-width:0 0 45px 20px;
	border-color:transparent transparent transparent #000;
}
#publish_num span{
	font-size:45px;
	line-height:50px;
	letter-spacing:-0.05em;
}
#publish_date{
	width:330px;
	position:absolute;
	right:0;
	top:0;
	font-size:21px;
	font-weight:bold;
	line-height:58px;
}
#main_left h1{
	position:relative;
	padding:8px 0 3px 10px;
	margin:5px 0 0;
	color:#fff;
	font-size:42px;
	line-height:1.2;
	background-color:#ce2ad0;
}
#main_left h1 span{
	display:inline-block;
	position:absolute;
	right:10px;
	bottom:0;
	text-align:right;
	font-size:16px;
	line-height:42px;
}
#photo_wrap{
	width:460px;
	float:right;
	position:relative;
}
.bx-wrapper{
	border:none;
	box-shadow:none;
	margin-bottom:0;
}
.slider{
	width:460px;
	height:650px;
}
.bx-prev,
.bx-next{
	display:none;
}
.slider_thumb{
	width:460px;
	position:absolute;
	left:-480px;
	top:115px;
}
.slider_thumb.thumb_top_1{
	top:165px;
}
.slider_thumb.thumb_top_2{
	top:215px;
}
.slider_thumb.thumb_top_3{
	top:265px;
}
.slider_thumb a{
	display:block;
	width:150px;
	float:left;
	margin-right:5px;
	position:relative;
}
.slider_thumb a:last-of-type{
	margin-right:0;
}
.slider_thumb a.active:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	box-sizing:border-box;
	border:solid 3px #ce2ad0;
}
.slider_thumb img{
	display:block;
	width:100%;
	height:auto;
}
#credit{
	margin-top:5px;
	text-align:right;
}
#profile{
	width:450px;
	padding:0 5px;
	float:left;
	margin-top:225px;
}
#profile_detail{
	margin-bottom:10px;
}
#profile_detail dt{
	margin-bottom:5px;
	color:#ce2ad0;
	font-size:28px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.2;
}
#profile_detail dd{
	margin-bottom:15px;
}
#profile_detail dd:last-child{
	margin-bottom:0;
}
#profile_links{
	margin-bottom:10px;
}
#profile_links li a{
	color:#ce2ad0;
	text-decoration:underline;
}
#profile_sns{
	text-align:right;
}
#profile_sns li{
	display:inline-block;
	width:48px;
	height:48px;
	margin-left:5px;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:48px 48px;
}
#profile_sns li.twitter{background-image:url(http://www.younganimal.com/img/sns/icon_twitter.png);}
#profile_sns li.instagram{background-image:url(http://www.younganimal.com/img/sns/icon_insta.png);}
#profile_sns li.facebook{background-image:url(http://www.younganimal.com/img/sns/icon_fb.png);}
#profile_sns li.youtube{background-image:url(http://www.younganimal.com/img/sns/icon_youtube.png);}
#profile_sns li a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	white-space:nowrap;
	text-indent:200%;
}



/*-----------------------------------------------------	*/
/*  for - 639px  */
/*-----------------------------------------------------	*/
@media screen and (max-width: 640px){

#main_nav{
	display:none;
}
#contents{
	line-height:1.5;
}



/*--------- main_content ---------*/
#main_content{
	margin-bottom:42px;
	border-top:none;
}
#main_left{
	width:auto;
	float:none;
	padding-top:45px;
}
#publish_num{
	width:30%;
	height:55px;
	position:absolute;
	left:-10px;
	top:-20px;
}
#publish_num:before{
	left:0;
	border-width:0;
}
#publish_num:after{
	content:"";
	width:0;
	height:0;
	position:absolute;
	right:-30px;
	top:0;
	border-style:solid;
	border-width:0 0 55px 30px;
	border-color:transparent transparent transparent #000;
}
#publish_num span{
	line-height:55px;
	letter-spacing:0;
}
#publish_date{
	width:63%;
	top:-20px;
	font-size:15px;
	letter-spacing:-0.05em;
	line-height:70px;
}
#main_left h1{
	margin:0;
	font-size:31px;
}
#main_left h1 span{
	font-size:11px;
}
#photo_wrap{
	width:80%;
	max-width:460px;
	float:none;
	margin:10px auto 0;
	padding-top:20px;
}
.slider{
	width:100%;
	height:auto;
}
.bx-wrapper .bx-controls-direction a{
    margin-top:-50px;
	width:30px;
	height:100px;
	z-index:90;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next{
	display:block;
	width:30px;
	height:100px;
	background:none;
}
.bx-wrapper .bx-prev{
	left:-35px;
}
.bx-wrapper .bx-next{
	right:-35px;
}
.bx-wrapper .bx-prev:before, 
.bx-wrapper .bx-next:before{
	content:"";
	width:2px;
	height:60px;
	position:absolute;
	left:15px;
	opacity:1;
	background-color:#c7c7c7;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.bx-wrapper .bx-prev:before{
	top:0;
}
.bx-wrapper .bx-next:before{
	top:50px;
}
.bx-wrapper .bx-prev:after, 
.bx-wrapper .bx-next:after{
	content:"";
	width:2px;
	height:60px;
	position:absolute;
	left:15px;
	background-color:#c7c7c7;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.bx-wrapper .bx-prev:after{
	top:50px;
}
.bx-wrapper .bx-next:after{
	top:0;
}
.slider_thumb{
	width:100%;
	position:relative;
	left:0;
	top:0;
	margin:15px 0 0;
}
.slider_thumb.thumb_top_1,
.slider_thumb.thumb_top_2,
.slider_thumb.thumb_top_3{
	top:0;
}
.slider_thumb a{
	width:calc((100% - 12px) / 3);
	margin-right:6px;
	overflow:hidden;
}
#credit{
	position:absolute;
	top:0;
	right:-10%;
	margin-top:0;
	font-size:12px;
}
#profile{
	width:auto;
	padding:0;
	float:none;
	margin-top:30px;
}
#profile_sns{
	text-align:left;
	padding-top:10px;
}
#profile_sns li{
	display:inline-block;
	width:48%;
	height:40px;
	position:relative;
	margin:0 1% 10px 1%;
}
#profile_sns li.twitter{
	background-image:none;
	background-color:#4C9ED6;
	border-bottom:solid 4px #2581c6;
}
#profile_sns li.instagram{
	background-image:none;
	background-color:#d028cf;
	border-bottom:solid 4px #b122b0;
}
#profile_sns li.facebook{
	background-image:none;
	background-color:#385691;
	border-bottom:solid 4px #2d4676;
}
#profile_sns li.youtube{
	background-image:none;
	background-color:#e7272a;
	border-bottom:solid 4px #cb2123;
}
#profile_sns li a{
	text-indent:0;
	color:#fff;
	text-align:center;
	line-height:44px;
	font-size:16px;
}


}