@charset "UTF-8";
/* 基本的に/price/option/のパーツもこちらに格納 */
.container{
	max-width: 100vw;
}
.pdf_link_btn {
	box-shadow: 1px 1.732px 0.71px 0.29px rgba(180, 180, 180, 0.6);
	border-radius: 6px;
	background: #ffffff;
	border: 2px solid #efefef;
}

.pdf_link_btn .-top_block {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #efefef;
}

.pdf_link_btn .-img {
	width: 45%;
	text-align: center;
}

.pdf_link_btn .-title {
	width: 55%;
	font-weight: 700;
	font-size: 2rem;
	color: #008ae1;
	line-height: 1.2;
}

.pdf_link_btn .-bottom_block {
	padding: 6px 5px 6px 20px;
	display: flex;
	align-items: center;
	border-radius: 0 0 6px 6px;
	transition: 0.3s;
}

.pdf_link_btn .-pdf_txt {
	color: #000000;
	flex-grow: 1;
	transition: 0.3s;
}

.pdf_link_btn .-pdf_btn {
	background: #008ae1;
	width: 60px;
	height: 60px;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 4px;
	flex-shrink: 0;
	transition: 0.3s;
}

.pdf_link_btn .-pdf_btn img {
	width: 36px;
}

.pdf_link_btn:hover {
	text-decoration: none;
}

.pdf_link_btn:hover .-bottom_block,
.pdf_link_btn:hover .-pdf_btn {
	background: #07308c;
}
.pdf_link_btn:hover .-pdf_txt{
	color: #ffffff;
}
.option_column {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.option_column .-col {
	background: #ffffff;
	width: calc(50% - 20px);
	background: #ffffff;
	margin-bottom: 40px;
	padding: 20px 35px 40px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.option_btn {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.option_item {
	display: flex;
	flex-wrap: wrap;
	letter-spacing: normal;
}

.option_item .-grow {
	flex-grow: 1;
}

.option_item.-large {
	min-height: 250px;
	margin-bottom: 40px;
}

.option_item.-large .-item {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0 30px;
	width: 100%;
}

.option_item.-large .-img {
	margin-bottom: 0;
	position: absolute;
	left: 30px;
	top: 0;
	padding: 0;
}

.option_item.-large .-data {
	padding-left: 33.6%;
}

.option_item.-large .-data_top {
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-bottom: 40px;
}

.option_item.-large .-data_bottom {
	width: 100%;
	padding-left: 33.6%;
}

.option_item.-double {
	justify-content: space-around;
}

.option_item.-double .-item {
	width: 50%;
	padding: 0 30px;
	display: flex;
	flex-direction: column;
}

.option_item.-single {
	margin-bottom: 40px;
	flex-grow: 1;
}

.option_item.-single .-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.option_item .-img {
	position: relative;
	text-align: center;
	margin-bottom: 40px;
	padding-top: 20px;
}

.option_item .-badge {
	position: absolute;
	display : block;
	font-size : 1.4rem;
	border-radius : 4px;
	padding : 2px 4px;
	line-height : 20px;
	width : 80px;
	top: 0;
	left: 10%;
	font-weight: 700;
}

.option_item .-popular {
	background : #da0000;
	color : #fff;
}

.option_item .-recommend {
	background : #ffd455;
	color : #333;
}

.option_item .-useful {
	background : #00a048;
	color : #fff;
}

/* WSYS-11166 【VMDB・フロント】位置情報確認GPS_オプション追加 20240709 N.Kita */
.option_item .-new,
.option_item .-popularity {
	background : #da0000;
	color : #fff;
}

/* WSYS-12433 【VMDB・サイト】オプション追加_キャンセル補償 20250619 M.Amano */
.option_item .-new_big {
	left: 0;
}

.option_item .-data {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.option_item .-price {
	margin-bottom: 20px;
}

.option_item .-price_column {
	display: flex;
	justify-content: space-between;
}

.option_item .-price_column .-col {
	width: 30%;
}

.option_item .-lead {
	font-size: 1.4rem;
	line-height: 1.85;
	letter-spacing: normal;
}

.content.op_converter .module-price_banner .-col .-title {
	letter-spacing: -0.1em;
}

.cp_price {
	color: #ff205a;
}

.cp_big {
	font-size: 2.4rem;
}

.cp_price.cp_big {
	padding: 5px 0;
}

/*  */

.-transit .option_item .-price_column {
	display: block;
	margin: 40px 0 0;
}

.-transit .option_item .-price_column .module-label_box {
	display: block;
	margin: 0 0 20px;
}

.-transit .module-label_box .-txt .-del {
	text-decoration: line-through;
}


/* tablet scene */

.tablet_scene_area {

}

.tablet_scene_list {
	
}

.tablet_scene_list .-item {
	display: flex;
	flex-direction: column;
	align-items:center;
	text-align: center;
}

.tablet_scene_list  .-item01 .-img_block {
	background: url(../../images/page/price/option/tablet/scene01.jpg) no-repeat center center / cover;
}

.tablet_scene_list  .-item02 .-img_block {
	background: url(../../images/page/price/option/tablet/scene02.jpg) no-repeat center center / cover;
}

.tablet_scene_list  .-item03 .-img_block {
	background: url(../../images/page/price/option/tablet/scene03.jpg) no-repeat center center / cover;
}

.tablet_scene_list  .-item04 .-img_block {
	background: url(../../images/page/price/option/tablet/scene04.jpg) no-repeat center center / cover;
}

.tablet_scene_list .-img_block {
	padding:80px 0 150px 0;
	color:#fff;
	font-weight: 700;
	font-size: 2.4rem;
	width:100%;
}


.tablet_scene_list .-txt_block {
	width:85%;
	height:100%;
	background:#fff;
	box-shadow:1px 1px 2px 0 #b4b4b4;
	transform: translateY(-65px);
	margin:0 0 -65px 0;

}

.tablet_scene_list .-txt_block .-ico {
	transform: translateY(-30px);
}


.tablet_scene_list .-txt_block .-txt {
	margin: -10px 0 40px 0;
}




/* option_list  */


.not_shrink{
	flex-shrink: 0;
	max-width: 100%;
}

/* -------------------------------------
battery
---------------------------------------- */
.battery_balloon{
	padding: 15px 15px 0;
}
.battery_column{
	display: flex;
	align-items: center;
}
.battery_column .-img{
	width: 25%;
	padding: 20px;
	padding-right: 0;
}
.battery_column .-txt{
	width: 75%;
	padding: 20px;
}
.battery_column .-strong{
	font-size: 2.4rem;
	font-weight: 700;
}

/* -------------------------------------
	jQuery
---------------------------------------- */

.js-slickSlider {
	position: relative;
}

.js-slickSlider .slick-arrow {
	position: absolute;
	top:50%;
	transform: translateY(-100%);
	width:40px;
	height:80px;
	z-index: 2;
	cursor: pointer;
}

.js-slickSlider .slick-arrow.prev {
	left:-10px;
}

.js-slickSlider .slick-arrow.next {
	right:-10px;
}

.option_column.op_center {
	align-items: center;
}