@charset "utf-8";

/**********************************************************************************/
/* PC */
/**********************************************************************************/

/* 画像 */
#main_body .detail_free img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
#main_body .detail_free img.is_float_left {
	margin: 0 50px 0 0;
}
#main_body .detail_free img.is_float_right {
	margin: 0 0 0 50px;
}

/* リンク */
#main_body .link_l {
	text-align: right;
}
#main_body .link_l a {
	color: inherit;
	text-decoration: none;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1;
	position: relative;
	display: inline-block;
	text-align: left;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	min-width: 220px;
	padding: 21px calc(30px + 20px) 21px 30px;
	border-radius: 30px;
	background: #fff;
	-webkit-box-shadow: 0 0 6px rgba(9, 10, 10, .2);
	        box-shadow: 0 0 6px rgba(9, 10, 10, .2);
	-webkit-transition: .3s box-shadow;
	-o-transition: .3s box-shadow;
	transition: .3s box-shadow;
}
#main_body .link_l a::before {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	-webkit-transition: .3s transform;
	-o-transition: .3s transform;
	transition: .3s transform;
	right: 30px;
	display: block;
	width: 20px;
	height: 14px;
	background: url(/img/site/lifeoftamano/arrow_link.png) no-repeat center;
	background-size: contain;
}
#main_body .link_l a:hover {
	-webkit-box-shadow: 0 0 1px rgba(9, 10, 10, .4);
	        box-shadow: 0 0 1px rgba(9, 10, 10, .4);
}
#main_body .link_l a:hover::before {
	-webkit-transform: translate(5px, -50%);
	    -ms-transform: translate(5px, -50%);
	        transform: translate(5px, -50%);
}

/**********************************************************************************/
/* スマートフォン */
/**********************************************************************************/
@media screen and (max-width: 670px) {

	/* 画像 */
	#main_body .detail_free img.is_float_left {
		margin-right: 25px;
		max-width: 50%;
	}
	#main_body .detail_free img.is_float_right {
		margin-left: 25px;
		max-width: 50%;
	}

	/* リンク */
	#main_body .link_l a {
		font-size: 1.6rem;
		min-width: 194px;
		padding: 20px calc(25px + 20px) 20px 25px;
		border-radius: 28px;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	#main_body .link_l a::before {
		right: 25px;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}
	#main_body .link_l a:hover {
		-webkit-box-shadow: 0 0 6px rgba(9, 10, 10, .2);
		        box-shadow: 0 0 6px rgba(9, 10, 10, .2);
	}
	#main_body .link_l a:hover::before {
		-webkit-transform: translate(0, -50%);
		    -ms-transform: translate(0, -50%);
		        transform: translate(0, -50%);
	}

}