@charset "UTF-8";

#wrap{
	margin-top: 30vw;
	position: relative;
	width: 100vw;
	overflow: hidden;

}

.inner{
	width: 90vw;
	margin: 0 auto 0;
}

.pro_left{
	margin-top: 24px;
	margin-left: -10vw;
	overflow:hidden;
	width: 110vw;
}
.block2 .pro_left {
	width: 90vw;
	margin-left: 0vw;
}

.pro_left img{
	width: 100%;
	margin-bottom: 4vw
}

.pro_right{
	margin-top: 0;
	width: 90vw;
}

.pro_right h2{
	color: #f06c15;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.5;
}

.pro_right h2 span{
	color: #f06c15;
	font-size: 14px;
	display: block;
}
.pro_right p{
	font-size: 14px;
	margin-top: 24px;
}

.pro_right strong{
	font-weight: 700;
}

.pro_right p span{
    line-height: 0.5;
    display: block;
}

.pro_right .annotation{
	font-size: 13px;
	margin-top: 16px;
}
.pro_right .annotation strong{
	color: #f06c15;
	display: block;
}

.block{
	width: 100vw;
	background: #fff7e6;
	margin: 16vw auto;
	border-radius: 16px;
	color: #fff;
	padding: 8vw 5vw;

}

.block h3{
	font-size: 24px;
	font-weight: 700;
	margin:0;
	text-align: left;
	color: #f06c15;
}

.block ul li{
	font-size: 13.5px;
	display: inline-block;
	color: #333;
	letter-spacing: -0.02em;
}
.block ul li:not(:last-child):after{
	content: "/";
	display: inline-block;
	margin:0 12px;
}

.block .comment{
	font-size: 14px;
	width: 90vw;
	margin: 24px auto;
	background: url(../img/profile/fri_bg_pat.png);
	border-radius: 16px;
	color: #333;
	border: 2px solid #fff;
}

.block .comment .com_left{
	width: 50vw;
	margin: 4vw auto;
}

.block .comment .com_left img{
	width: 100%;
}

.block .comment .com_right{
	margin: 8vw auto;
	width: 80vw;
}

.pro_right .annotation li{
	display: inline-block;
}

.pro_right .annotation li:not(:last-child):after{
	margin-left: 0.5em;
	margin-right: 0.25em;
	content: " / ";
	display: inline-block;
}

/*dog 
------------------------*/

.dog{
	width: 90vw;
	margin: 12vw auto 8vw;
}
.block2 .block_left{
	margin-top: 16vw;
}
.block_left{
	widt: 100%;	
}
.block_left img{
	width: 100%;
}

.block_right{
	width: 90vw;
	margin: 0 auto;
}
.block_right img{
	width: 90vw;
}
.block_right p{
	margin-top: 4vw;
	color: #333;
}

.block_right h3{
	margin: 8vw 0 8vw;
	font-weight: 400;
	line-height: 1.5;
	font-size: 14px;
	color: #333;}

.block_right h3 strong{
	font-size:34px;
	font-weight: 600;
	color: #333;
}

.block_right h3 span{
	font-weight: 600;
	display: block;
	margin-bottom: -12px;
	color:#f06c15;}

.block_right h3 strong{
	font-size: 22px;
	font-weight: 600;
}

.prof_tab{
	width: 75vw;
	font-size: 16px;
	margin: 0 auto 0;
	position: fixed;
	left: -2px;
	bottom: 16px;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.05);
	border-radius: 0 20px 20px 0;
	border: #fff solid 2px;
}

.prof_tab .active a,.prof_tab a:hover{
	color: #fff;
	opacity: 1.0;
	transition: 0.3s;
}

.prof_tab .active{
	background: #f06c15;
	color: #fff;
}

.prof_tab li:hover{
	background: #f06c15;
	transition: 0.3s;
	color: #fff;
}

.prof_tab li a{
	color: #333;
	display: block;
	height: 56px;}

.prof_tab li{
	width: 50%;
	height: 56px;
	line-height: 1.2;
	padding-top: 7px;
	text-align: center;
	background: #f0f0f0;
	float: left;
	transition: 0.3s;
	color: #333;
	cursor: pointer;
}

.prof_tab li:last-child{
	border-radius: 0 16px 16px 0;
}

.prof_tab span{
	font-size: 11px;
}