@charset "UTF-8";

/**
*
*	/products/scanner/css/index-lower-new.css
*/

/* スキャナー一覧 202305更新  */


@media screen and (max-width:767px){

  /* タブ */
  #contents .detailSection #tabGroup .tabNav .tab li {
    width:50%;
    font-size: 1.4rem;
    margin-left: 0;
    margin-bottom: 0;
  }


  /* aside */
	.aside {
		display: none;
	}

  /* スキャンリスト */

  #contents .detailSection {
		min-width:100%;
	}

	#contents .detailSection #tabGroup {
		min-width: 100%;
	}

	#contents .detailSection #tabGroup .tabCont {
		width:100%;
	}

	#contents .detailSection #tabGroup .tabNav .tab {
		width: 100%;
	}

	.top_scene_list .top_scene_list_slide {
		display: flex;
		flex-wrap: wrap;
		margin-top: -10px;
		margin-right: 0;
		margin-left: 0;
	}
	.top_scene_list .top_scene_list_slide .top_scene_list_item {
		width: calc(50% - 5px) !important;
		margin-top: 10px;
		padding: 0;
	}
	.top_scene_list .top_scene_list_slide .top_scene_list_item:nth-child(even) {
		margin-left: 10px;
	}

	.top_scene_list .top_scene_list_slide .top_scene_list_item a {
		margin: 0;
	}

	.top_scene_list .top_scene_list_slide .top_scene_list_item.new a::before {
		width: 60px;
		padding: 5px;
		font-size: 1.2rem;
	}
	.top_scene_list .top_scene_list_slide .top_scene_list_item.few a::before {
		width: 60px;
		padding: 5px;
		font-size: 1.2rem;
	}

	.top_scene_list .detail {
		padding: 20px 10px;
	}

	.top_scene_list .thumb {
		margin-top: -10px;
		margin-bottom: -20px;
	}

	.top_scene_list .ttl {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}

	.top_scene_list .lead {
		font-size: 1.2rem;
		bottom: 5px;
		min-height: 30px;
	}

	.top_scene_list .price {
		padding: 30px 5px;
	}

	.top_scene_list .price.col2 {
		flex-wrap: wrap;
	}

	.top_scene_list .price.col2 > *{
		width: 100%;
	}

	.top_scene_list .price p {
		font-size: 1.2rem;
	}

	.top_scene_list .price span {
		margin-top: 5px;
		font-size: 1.2rem;
	}

	.top_scene_list .icon {
		padding: 20px 10px;
	}

	.top_scene_list .icon > ul {
		margin-top: -5px;
		display: flex;
		flex-wrap: wrap;
		margin-right: -2.5px;
		margin-left: -2.5px;
	}
	.top_scene_list .icon > ul > li {
		padding-right: 2.5px;
		padding-left: 2.5px;
		width:calc(100% / 3);
		margin-top: 5px;
		box-sizing: border-box;
		margin-left: 0 !important;
	}

	.top_scene_list .icon > ul > li figure figcaption {
		width: 100%;
		font-size: 1rem;
	}

	.top_scene_list .more_btn {
		display: block;
		width: 160px;
		margin: 20px auto 0;
		text-align: center;
		color: #005AB4;
		font-size: 1.4rem;
		background: #fff;
		padding: 10px;
		border-radius: 20px;
		box-shadow: 0 0 4px rgba(0,0,0,.35);
		cursor: pointer;
	}

	.top_scene_list .more_btn:focus-visible {
		outline: 2px solid #005AB4;
	}
  /* common */
  .pc_only {
    display: none !important;
  }
  .sp_only {
    display: block !important;
  }
}


@media screen and (max-width:374px) {
  /* common */
	.xs_only  {
		display: block !important;
	}
}