@charset "UTF-8";

/* ------------
(1)時点ではmediaqueryを使用しない
@media screen and (max-width: 768px) {
------------ */
/* start media query (target SP size) */

.pdf_link_btn {
}

.pdf_link_btn .-top_block {
	padding: 0;
}

.pdf_link_btn .-img {
	width: 40%;
	text-align: center;
	padding: 4vw;
}

.pdf_link_btn .-title {
	font-size: 1.4rem;
}

.pdf_link_btn .-bottom_block {
	padding: 2vw 2vw 2vw 4vw;
}

.pdf_link_btn .-pdf_txt {
}

.pdf_link_btn .-pdf_btn {
	width: 10vw;
	height: 10vw;
	padding-right: 2vw;
	padding-left: 2.5vw;
}

.pdf_link_btn .-pdf_btn img {
	width: 100%;
}

.pdf_link_btn:hover {
}

.pdf_link_btn:hover .-pdf_btn {
}

.option_column {
	display: flex;
	flex-direction: row;
}

.option_column .-col {
	width: 100%;
	padding: 4vw;
	flex-direction: row;
	margin-bottom: 4vw;
}

.option_btn {
}

.option_item {
}

.option_item .-grow {
}

.option_item.-large {
	min-height: 0;
	margin-bottom: 6vw;
}

.option_item.-large .-item {
	padding: 0;
}

.option_item.-large .-img {
	position: static;
	width: 35%;
}

.option_item.-large .-data {
	padding: 0 0 0 4vw;
	width: 65%;
}

.option_item.-large .-data_top {
	margin-bottom: 4vw;
}

.option_item.-large .-data_bottom {
	padding-left: 0;
}

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

.option_item.-double .-item {
	padding: 0;
	width: 48%;
}

.option_item.-single {
	margin-bottom: 4vw;
}
.option_item.-single:last-child {
	margin-bottom: 0;
}
.option_item.-single .-item {
	display: flex;
	flex-direction: row;
}

.option_item .-img {
	padding: 2vw 5.5vw 0;
	margin-bottom: 4vw;
}
.option_item.-single .-img{
	padding: 0;
	width: 35%;
}
.option_item .-badge {
	font-size: 1.0rem;
	width: 16vw;
	left: 15%;
	top: -4px;
	line-height : 12px;
	transform: translateX(-50%);
}

.option_item.-single .-data {
	width: 65%;
	padding-left: 4vw;
}

.option_item .-price {
	margin-bottom: 4vw;
}
.option_item .-price.-two_line {
	margin-bottom: 9.5vw;
}
.option_item .-price_column {
}

.option_item .-price_column .-col {
}

.option_item .-lead {
	font-size: 1.1rem;
	line-height: 1.4;
}

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

.cp_big {
	font-size: 1.5rem;
}

/*  */

.layout-content_inner.-transit .module-inner {
	padding: 4vw;
}

.-transit .option_item.-large .-item {
	display: flex;
	flex-direction: row;
}

.-transit .option_item .-price_column {
	margin: 0 0 0;
}

.-transit .option_item.-large .-data_bottom {
	width: 65%;
	padding-left: 4vw;
}

.-transit .option_item.-large .-img {
	width: 35%;
}

.-transit .option_item .-price_column .module-label_box {
	margin: 0 0 4vw;
}


/* -------------------------------------
battery
---------------------------------------- */
.battery_balloon{
	padding: 3vw;
}

.battery_column{
	flex-direction: column;
}
.battery_column .-img{
	width: 60%;
	margin: 0 auto;
	padding: 4vw 4vw 0;
}
.battery_column .-txt{
	width: 100%;
	padding: 4vw 3vw;
}

.battery_column .-strong{
	font-size: 1.4rem;
}


/* -------------------------------------
	tablet
---------------------------------------- */



/* tablet scene */


.tablet_scene_list {
	background:#008ae1;
}

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

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


.tablet_scene_list .-txt_block {
	width:100%;
	height:100%;
	background:#008ae1;
	color:#fff;
	text-align: left;
	box-shadow:none;
	transform: translateY(0px);
	margin:0;
}

.tablet_scene_list .-txt_block .-ico {
	display: none;
}

.tablet_scene_list .-txt_block .-txt {
	margin: 0;
	height: 100%;
	padding: 4vw;
}

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


.js-slickSlider .slick-arrow {
	width:20px;
	height:40px;
	transform: translateY(-50%);
}



.js-spOnlySlider {
	position: relative;
}

.js-spOnlySlider .slick-arrow {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	width:20px;
	height:40px;
	z-index: 2;
}

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

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



/* end media query */
/* -----------
}
------------ */