/* ==========================================================
*
*  商品を探す
*
========================================================== */

@charset "UTF-8";

/******************************************
*
共通
*
******************************************/
.dispVerticalBetween {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_50 {
  margin-bottom: 50px;
}

.ml_50 {
  margin-left: 50px;
}

.dispPcTb {
  display: block;
}

.dispSp {
  display: none;
}

/* for Tb --------------------*/
@media screen and (max-width: 738px) {
  .dispPcTb {
    display: none;
  }
  .dispSp {
    display: block;
  }
}

/******************************************
*
ラインナップバナー
*
******************************************/
.bl_lineupBnr {
  display: flex;
  overflow: hidden;
  width: 100%;
  padding: 25px 25px;
  border: 1px solid #cccccc;
}

.bl_lineupBnr a {
  text-decoration: none;
}

.bl_lineupBnr_title {
  display: inline-block;
  overflow: hidden;
  font-size: 2.6rem;
  line-height: 125%;
}

.bl_lineupBnr_text {
  font-size: 1.6rem;
  font-weight: bold;
}

.orangeLine {
  display: block;
  overflow: hidden;
  content: "";
  width: 2.5em;
  margin-top: 0.5em;
  border-bottom: 2px solid #eb7730;
}

/* for Tb --------------------*/
@media screen and (max-width:980px) {
  .bl_lineupBnr_title {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 738px) {
  .bl_lineupBnr {
    align-items: center;
    padding: 15px;
  }

  .bl_lineupBnr_torutoLogo {
    width: 100px;
  }

  .bl_lineupBnr_torutoImg {
    width: 100px;
  }
}

/******************************************
*
使用するシーンから探す
*
******************************************/
#seneTxt{
	display:block;
	overflow:hidden;
	font-size:1.6rem;
	line-height:155%;
	margin:0 0 45px;
}

.itemThum{
	width:220px;
	height:149px;
}


.memoBox{
	display:block;
	overflow:hidden;
	margin-top:55px;
	border:1px solid #cccccc;

}

.memoBox > a{
	display:block;
	overflow:hidden;
	padding:45px;
	text-decoration:none;
	position:relative;
}

.memoBox > a > h3{
	font-size:1.8rem;
	color:#0c1544;
}

.memoBox > a > p{
	font-size:1.6rem;
	line-height:155%;
	margin-top:1em;
}

.memoBox > a > h3::after{
    font-family: 'ycota_ift';
    content: "\e917";
    color: #eb7730;
    font-weight: normal;
    margin-top:1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding: 3px 0;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;  
}
.pc .memoBox > a:hover > h3::after {
    margin-left: 1.0em;
    margin-right: 0.0em;
}

.memoImg{
	display:inline-block;
	overflow:hidden;
	width:125px;
	height:125px;
	float:right;
	margin-left:50px;
	margin-top:1em;
}

.memoImg > img{
	width:100%;
	height:auto;
}



/* for Tb --------------------*/
@media screen and (max-width:980px) {

}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
	#seneTxt{
		font-size:1.4rem;
		margin:0 0 25px;
	}
	.itemThum{
		width:100%;
		height:auto;
	}


	.memoBox{
		margin-top:25px;
	}

	.memoBox > a{
		padding:20px;
	}

	.memoBox > a > h3{
		font-size:1.6rem;
	}

	.memoBox > a > > p{
		font-size:1.4rem;
	}

	.memoImg{
		width:115px;
		height:115px;
		margin-left:20px;
	}

	.memoImg > img{
		width:auto;
		height:100%;
		margin-left:-15px;
	}
}


/******************************************
*
シーン詳細
*
******************************************/
#spSelecNav{
	margin-bottom:30px;
}

/******************************************
*
電動車いす試乗体験
*
******************************************/
#tryWheelchairArea {
	padding-right: 50px;
	text-align: center;
}

#tryWheelchairArea img {
	width: 100%;
}

#tryWheelchairArea p {
	font-weight: bold;
	margin: 20px 0;
	font-size: 1.6rem;
}

#tryWheelchairArea .supplement {
	font-size: 1.2rem;
}

#tryWheelchairArea .btnArea {
	margin-bottom: 40px;
}

#tryWheelchairArea .doubleBtn {
	display: flex;
	justify-content: center;
}
#tryWheelchairArea .doubleBtn a {
	margin: 0 5px;
}

#tryWheelchairArea .wheelchairArea {
	display: flex;
	justify-content: center;
}
#tryWheelchairArea .wheelchairArea a {
	margin: 0 5px;
}

/* for Tb --------------------*/
@media screen and (max-width: 979px) {
	#tryWheelchairArea {
		padding: 0px;
	}
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {
	#tryWheelchairArea p {
		font-size: 1.4rem;
	}

	#tryWheelchairArea .doubleBtn img {
		width: 90%;
	}
}