@charset "utf-8";

.gopro .mv_area {
	position: relative;
}

.gopro .mv_area .mv_ttl {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 2.6rem;
	color: #fff;
}

.gopro .option_item {
	margin: auto;
	text-align: center;
	justify-content: space-around;
}

.gopro .module-option_product .-info {
	width: 100%;
}

.gopro .module-base_table th {
	width: 40%;
}

.gopro .module-indent_list li.not_indent,
.gopro .module-indent_list .-item.not_indent {
	text-indent: 0;
	margin-left: -1em;
}
/* WSYS-11412 【フロント】オプションページ修正_GoPro (ゴープロ) 20240912 J.Young */
.inner_item .price {
	background:#404040;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
	margin-top: 20px;
	padding: 15px 40px;
}
.inner_item .price .price_title {
	padding-bottom: 5px;
	font-size: 1.8rem;
}
.inner_item .price .txt .num {
	font-size: 2.3rem;
}
.inner_item .t_title {
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
	display: inline-flex;
}
.inner_item .t_title.t_title12 {
	margin-left: -70px;
}
.inner_item .newmark {
	background: red;
	color: #ffffff;
	font-weight: 700;
	font-size: 13px;
	padding: 5px 20px;
	margin-right: 10px;
}
.txt_title{
	font-weight: 700;
	font-size: 34px;
	margin-bottom: 30px;
	display: block;
	line-height: 1;
	text-align: center;
}
.qa_area{
	padding: 60px 0;
}
.qa_list dl{
	margin-bottom: 20px;
	position: relative;
}
.qa_list dt,
.qa_list dd{
	display: table;
}
.qa_list dt > *,
.qa_list dd > *{
	display: table-cell;
}
.qa_list dt .mark{
	background: #000000;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	width: 40px;
	vertical-align: middle;
	text-align: center;
}
.qa_list dt .txt{
	padding: 10px 15px;
	width: 940px;
}
.qa_list dt{
	cursor: pointer;
	position: relative;
}
.qa_list dt:after{
	color: #ffffff;
	content: "\f078";
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.qa_list dt.active:after{
	content: "\f077";
}
.qa_list dd .mark{
	font-size: 20px;
	font-weight: 700;
	padding: 30px 0 35px 35px;
}
.qa_list dd .txt{
	vertical-align: top;
	padding: 35px 35px 35px 20px;
	font-size: 1.4rem;
}
.qa_ili dt .txt{
	background: #008ae1;
	color: #ffffff;
}
.qa_pocketalk dt .txt{
	background: #008ae1;
	color: #ffffff;
}
.qa_ili dd .mark{
	color: #008ae1;
}
.qa_pocketalk dd .mark{
	color: #008ae1;
}
.qa_list dd{
	display: none;
	background: #ffffff;
}
.qa_title{
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
}
.step {
	display: flex;
	justify-content: space-evenly;
	padding: 30px 0 60px 0;
	text-align: center;
}
.step p {
	padding: 10px;
	font-weight: 600;
}
.step1-imgbox {
	display: inline-block;
	padding-top: 20px;
}
.step1-imgbox img {
	width: 35%;
}
.step2-img {
	padding-top: 20px;
}
.step3-img {
	padding-top: 20px;
}
.step > div {
	flex: 1;
	position: relative;
}
.step2::after,
.step3::before {
	content: '';
	position: absolute;
	top: 18%;
	width: 50px;
	height: 85px;
	background-image: url(/common/images/page/price/option/gopro/braket.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(-50%);
	left: -25px;
}
.step3::before {
	right: -25px;
}
.bg_blue{
	background: #008ae1;
}
.font-wh{
	color: #ffffff;
}
.module-inner .red_box {
	padding: 40px 35px;
}
.rental_set_box {
	border: solid 5px #008ae1;
	border-radius: 20px;
}
.product .blue_reborn {
	background: #008ae1;
	color: #ffffff;
	font-size: 2.6rem;
	font-weight: 700;
	padding: 10px 15px;
	text-align: center;
}
.gopro-video {
	display: none;
}
.product_point_etc {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 20px 80px;
	box-sizing: border-box;
}
.product_point_etc .point_square {
	background: #008ae1;
	color: #fff;
	padding: 10px 15px;
	text-align: center;

	width: calc((100% - 40px)/3);
	border-radius: 10px;
	box-sizing: border-box;
}
.item .img30 {
	width: 30%;
}
.product_point .img50 {
	width: 50%;
}
.red_inner {
	width: 980px;
	margin: 0 auto;
}
.product_info_img img {
	width: 70%;
	padding-top: 20px;
}
.product_info_box {
	display: flex;
	padding: 0 30px 30px;
}
.product_info_table .td_info_list {
	background-color: #D9D9D9;
	text-align: center;
	width: 300px;
	vertical-align: middle;
}
.product_info_table .td_info_list2 {
	text-align: left;
	padding-left: 15px;
	width: 360px;
	font-size: smaller;
}
.product_info_table tr {
	padding: 3px 10px;
}
.td_info_list,
.td_info_list2 {
	border: 1px solid #bebcbc;
	padding: 3px 12px;
	text-align: left;
}
.product_info_table table,
.gopro_compensation_table table {
	border-spacing: 0;
	width: 100%;
	border-collapse: collapse;
}
.option_gopro_area .module-inner-box {
	display: flex;
	background: #e0f2fe;
	width: 980px;
	margin: 0 auto;
	padding: 30px;
}
.module-inner-box .box-pd {
	padding: 0 5px;
}
.gopro_compensation_table th,
.gopro_compensation_table td {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}
.gopro_compensation_table th {
	background-color: #f2f2f2;
	font-weight: bold;
	color: #fff;
}
.gopro_compensation_table th.rentals {
	background-color: #D0D0D0;
	color: #000;
}
.gopro_compensation_table th.max {
	background-color: #e30000;
}
.gopro_compensation_table td.max {
	background-color: #fdeff2;
}
.gopro_compensation_table th.full {
	background-color: #f9962b;
}
.gopro_compensation_table td.full {
	background-color: #ffe6c8;
}
.gopro_compensation_table th.mini {
	background-color: #008ae1;
}
.gopro_compensation_table td.mini {
	background-color: #c2e2f8;
}
.gopro_compensation_table th.none {
	background-color: #333333;
}
.gopro_compensation_table th {
	vertical-align: middle;
}
.gopro_compensation_table td.left-align {
	text-align: left;
}
.module-base_btn.pk-base_btn {
    background: #FF0066;
    color: #ffffff;
    border: solid 1px #FF0066;
    font-size: 2.3rem;
	box-shadow: none;
}
.rental_btn_area {
    text-align: center;
    padding: 30px 0;
}
a.rental_btn, .rental_btn {
    background: #ff205a;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    width: 430px;
    border-radius: 65px;
    line-height: 63px;
    height: 65px;
    display: inline-block;
    border: 2px solid #ff205a;
    position: relative;
	transition: .3s;
}
a.rental_btn:hover,
.rental_btn:hover{
	color: #ff205a;
	background: #ffffff;
	text-decoration: none;
}
.rental_btn:after{
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	position: absolute;
	right: 35px;
	top: 0;
	color: #ffffff;
}
.rental_btn:hover:after{
	color: #ff205a;
}
.rental_btn_area .btn_txt{
	font-size: 12px;
	margin-top: 20px;
}
.rental_btn_area.sp_pd {
	margin: 40px 0;
}
/* mp4 */
.gopro_area .-vid_contents {
	width: 515px;
	text-align: center;
	margin: auto;
	padding: 2%;
	background: #000;
	border-radius: 14px;
}
.gopro_area .-vid_contents.-bg_white {
	background: #fff;
}
.gopro_area .vid_main {
	width: 100%;
	max-width: 520px;
}
/* レンタル品セット内容 */
.gopro_area .rental-list::before,
.gopro_area .rental-list::after {
	display: none;
}
.gopro_area .rental-list {
	padding: 40px 20px;
	border-radius: 20px;
	border: 2px solid #008ae1;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.gopro_area .rental-item {
	width: calc((100% - 40px)/3);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.gopro_area .rental-item p {
	font-size: 1.4rem;
	padding: 5px;
	background: #e0f2fe;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 3px;
}
.gopro_area .rental-item img {
	width: 80%;
	margin: 0 auto;
}
.gopro_area .module-centering_title {
	border-top: none;
}
.gopro_battery_img {
	width: 40%;
}
.gopro_download_area .logo_size img {
	width: 100px;
}