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

.pro_voice:after{
	content:"";
	clear:both;
	display:block;
}
.pro_point p{
	font-size:1.55em;
	font-weight:bold;
}
.pro_point p img{
	padding:0 0 1% 0;
}
svg{
	width:100%;
	height:20px;
}
svg line{
	fill: none;
	stroke: #000000;
	stroke-width: 4;
	stroke-linecap: round;
	stroke-dasharray: 0, 10;
}
.pro_sugoi{
	line-height:1.5em;
}
.pro_voice li:nth-child(2n-1){
	float:left;
	padding:0 0 5% 0;
}
.pro_voice li:nth-child(2n){
	position: relative;
	background: #fffcef;
	border: 2px solid #ff8068;
	border-radius:10px;
	line-height:1.5em;
	float:left;
	padding:3%;
	box-sizing:border-box;
}
.pro_voice li:nth-child(2n):after, .pro_voice li:nth-child(2n):before{
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.pro_voice li:nth-child(2n):after{
	border-color: rgba(255, 252, 239, 0);
	border-right-color: #fffcef;
}
.pro_voice li:nth-child(2n):before{
	border-color: rgba(255, 128, 104, 0);
	border-right-color: #ff8068;
	border-width: 23px;
	margin-top: -23px;
}
	.pro_point{
		padding:5% 4% 1% 4%;
	}
	.pro_point p img{
		width:30%;
	}
	svg{
		width:92%;
		margin:0 4%;
		box-sizing:border-box;
	}
	.pro_sugoi{
		padding:0 4%;
	}
	.pro_voice{
		padding:1% 4%;
	}
	.pro_voice li:nth-child(2n){
		width:71%;
		margin:2% 0 0 3%;
	}
	.pro_voice li:nth-child(2n):after, .pro_voice li:nth-child(2n):before{
		top: 40%;
	}
	.pro_voice li:nth-child(2n):after{
		border-width: 10px;
		margin-top: -10px;
	}
	.pro_voice li:nth-child(2n):before{
		border-width: 13px;
		margin-top: -13px;
	}
	.pro_voice li:nth-child(2n-1){
		width:25%;
	}


/*****詳細表*****/
.pro_b31{
	padding:0 2% 0 7.1%;
}
h2{
	font-weight:bold;
	line-height:1.5em;
}
	h2{
		font-size:1.1em;
	}
	.rank_b1 li:nth-child(2){
		padding:12% 0 0 0;
	}

.pro_b32{
	width:35%;
}
.pro_b33{
	width:44%;
}
.pro_b32 li, .pro_b33 li{
	font-weight:bold;
	font-size:0.975em;
	line-height:3.02em;
}

	.pro_b2{
		width:100%;
		margin:0 auto;
		padding:2% 4%;
		box-sizing:border-box;
	}


.pro-banner{
	width: 100%;
}

.pro-banner img{
	width: 100%;
}

.repo_b1 {
    width: 100%;
    position: relative;
    padding: 5% 0 0 0;
}

.repo_b1_t {
    width: 32%;
    padding: 0 0 0 3%;
position: absolute;
}

.repo_b1_b {
    background: url(../img/repo_profile_bg_sp.jpg);
    background-size: 10%;
    margin: 4% 0 0 0;
    padding: 2% 4%;
    box-sizing: border-box;
}

.repo_b1_ph {
    float: left;
    width: 26%;
    box-sizing: border-box;
    margin: 6% 1% 2% 0;
}

.repo_b1_b table {
    margin: 8% 0 1% 0;
width: 73%;
}

.repo_b1_b1 table tr td {
    padding: 0.5% 0;
}

.repo_b1_b1 table tr td:nth-child(1) {
    width: 35%;
}

.repo_b1_b1 table tr td:nth-child(2) {
    width: 8%;
}

.repo_b1_b1 table tr td:nth-child(3) {
    width: 69%;
}


.repo_b1_come {
    clear: both;
    width: 100%;
    padding: 5%;
    margin: 0 0 2% 0;
background: #ffffff;
    border-radius: 10px;
    box-sizing: border-box;
}

	.repo_b1_t{
		width:32%;
		padding:0 0 0 3%;
	}
	.repo_b1_ph{
		margin:6% 1% 2% 0;
	}
	.repo_b1_come{
		clear:both;
		width:100%;
		padding:5%;
		margin:0 0 2% 0;
		background: #ffffff;
    border-radius: 10px;
    box-sizing: border-box;
	}
	.repo_b1_b table{
		margin:8% 0 1% 0;
	}
	.repo_b1_b table tr td{
	}
	.repo_b1_b table tr td:nth-child(1){
		width:35%;
	}