@charset "utf-8";
/**********************************************************************
　paravi_boxB
**********************************************************************/
.wrapper #paravi_boxB *{
box-sizing: border-box;
}
.wrapper #paravi_boxB {
background: #fff;
border: solid 1px rgba(0,0,0,0.1);
}
.wrapper #paravi_boxB .player {
position: relative;
overflow: hidden;
}
.wrapper #paravi_boxB .player_thum {
width: 100%;
height: 50%;
overflow: hidden;
}
.wrapper #paravi_boxB .player_thum .img {
width: 100%;
height: auto;
}
.wrapper #paravi_boxB .player .player_thum:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.1);
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.wrapper #paravi_boxB .player:hover .player_thum:after {
background: rgba(0,0,0,0.40);
}
.wrapper #paravi_boxB .player .player_txt {
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 100%;
padding: 15px;
background: rgba(0,58,134,0.9);
color: rgba(255,255,255,1);
font-size: 18px;
text-align: center;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.wrapper #paravi_boxB .player .player_txt .small {
font-size: 14px;
display: block;
}
.wrapper #paravi_boxB .player:hover .player_txt {
color: rgba(255,255,255,1);
background: rgba(0,58,134,0.9);
text-shadow: 0 0 5px #000000;
}
.wrapper #paravi_boxB .player .link {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.wrapper #paravi_boxB .player .bt_play {
position: absolute;
top: 50%;
left: 50%;
margin-left: -35px;
margin-top: -35px;
}
.wrapper #paravi_boxB .player .bt_play:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
background: rgba(0,0,0,0.50);
border: solid 4px #fff;
border-radius: 43px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.wrapper #paravi_boxB .player:hover .bt_play:before {
width: 90px;
height: 90px;
border-radius: 53px;
top: -10px;
left: -10px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.wrapper #paravi_boxB .player .bt_play:after {
content: "";
position: absolute;
top: 21px;
left: 28px;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 0 18px 26px;
border-color: transparent transparent transparent #fff;
}
.wrapper #paravi_boxB .paravi_banner {
background: #fff;
overflow: hidden;
position: relative;
box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05);
}
.wrapper #paravi_boxB .paravi_banner:hover {
box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
}
.wrapper #paravi_boxB .paravi_banner .link {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
z-index: 100;
}
.wrapper #paravi_boxB .paravi_banner_txt {
    padding: 10px 10px 10px 20px;
}
.wrapper #paravi_boxB .paravi_banner_txt .title {
float: left;
width: calc(100% - 110px);
color: #003a86;
font-size: 26px;
line-height: 1.2;
font-weight: bold;
padding: 10px 0 0 0;
}
.wrapper #paravi_boxB .paravi_banner_txt .logo {
float: right;
width: 100px;
padding: 10px 10px 0 0;
}
.wrapper #paravi_boxB .paravi_banner_txt .logo img {
width: 100%;
}
.wrapper #paravi_boxB .paravi_banner_txt .paravi_txt_small {
clear: both;
font-size: 12px;
color: #6685a5;
padding: 10px 0 0 0;
}
.wrapper #paravi_boxB .paravi_banner_img {
padding: 10px;
overflow: hidden;
}
.wrapper #paravi_boxB .paravi_banner_img li {
width: 49%;
float: left;
position: relative;
}
.wrapper #paravi_boxB .paravi_banner_img li img {
width: 100%;
}
.wrapper #paravi_boxB .paravi_banner_img li:nth-child(1) {
margin-right: 2%;
}
.wrapper #paravi_boxB .paravi_banner_img li .bt_play {
position: absolute;
top: 50%;
left: 50%;
margin-left: -20px;
margin-top: -20px;
}
.wrapper #paravi_boxB .paravi_banner_img li .bt_play:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background: rgba(0,0,0,0.50);
border: solid 3px #fff;
border-radius: 26px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.wrapper #paravi_boxB .paravi_banner_img li .bt_play:after {
content: "";
position: absolute;
top: 12px;
left: 18px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #fff;
}