@charset "utf-8";

/*=====================================
Top
=====================================*/
#mainContent {width: 1062px;background: white;}
main {width: 1062px;margin: 0 auto;padding-bottom: 80px;}
main *  {color: #333;box-sizing: border-box;}
main a {color: #333;transition: 0.2s linear;}
main a:hover {text-decoration: none;}
.r_seikyu_mv {margin: 20px 0 0;text-align: center;}
.flow {
	background: #EFEFEF;
	text-align: center;
	padding: 60px 0 40px;
	margin-bottom: 64px;
}
/*----- Topマルチ検索 -----*/
#top .searchTbl {height: 70px;}
#top .searchTbl td.cell > div {background-size: 40px;background-position: center left 50px;}
#top .searchTbl td div div {margin-left: 110px;font-size: 18px;height: 45px;}
#top .searchTbl td p {top: -40px;left: 30px;}
#top .searchTbl td p span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	border-radius: 3px;
	padding: 4px 20px 0; 
}
#top .searchTbl td p span::after {border: 8px solid transparent;border-top-color: #00a4d4;bottom: -15px;left: calc(50% - 8px);}
#top .searchTbl td:last-child {width: 180px !important;}
#top .searchTbl td:not(:first-child) > div {border-left-width: 2px;}
.searchArea.all_box .searchTbl td.area_cell {width: 450px;}
#top .ocWrap2021 .searchArea.all_box .pulldownArea .areaInner .listwrap.area {left: 415px;}
#top .searchBtn {font-size: 20px;}
#top .searchBtn span {font-size: 18px;font-weight: normal;color: inherit;}
section {margin-bottom: 70px !important;}
section:last-of-type {margin-bottom: 0 !important;}
section h2.ttl {
	font-size: 28px;
	color: #00A4D4;
	font-family:"ヒラギノ丸ゴ Pro W6","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom: 50px;
	font-weight: bold;
	text-align: center;
}
.mapArea > ul {width: 170px;}
.mapArea ul li ul li a {font-size: 15px;}
.mapArea > ul:nth-child(4) {left: 410px;width: 130px;}
.mapArea > ul:nth-child(5) {left: 390px;width: 130px;}
.mapArea > ul:nth-child(6) {left: 550px;}
.mapArea > ul:nth-child(7) {left: 410px;width: 150px;}
ul.typeLink {display: flex;flex-wrap: wrap;}
ul.typeLink li {width: 230px;height: 60px;margin: 20px 20px 0 0;}
ul.typeLink li:nth-child(4n) {margin-right: 0;}
ul.typeLink li:nth-child(-n+4) {margin-top: 0;}
ul.typeLink li a {
	border: 1px solid #000;
	font-size: 18px;
	display: block;
	text-align: center;
	padding-top: 15px;
	font-weight: bold;
	height: 100%;
}
ul.typeLink li a:hover {background: #00A4D4;color: white;border: 1px solid #00A4D4;}
.mt120 {margin-top: 120px;}
/*=====================================
検索結果
=====================================*/
.r_seikyu_mv2 {margin-bottom: 20px;}
.top_note {font-size: 12px;line-height: 20px;color: #1C1C1C;}
.top_note span {color: #FF0000;}
h2.page_ttl {
	font-size: 26px;
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	margin: 30px 0;
}
/*----- マルチ検索ボックス -----*/
.searchArea.all_box .searchTbl td.scl_cell {width: 320px;}
.searchTbl td div div {margin-left: 60px;}
.searchTbl td.scl_cell div.type_value2 {margin-left: 0;}
.searchArea.all_box .searchTbl td.genre_cell {width: 330px;}
/*----- マルチ検索　プルダウンエリア -----*/
.ocWrap2021 .searchArea.all_box .pulldownArea .areaInner .listwrap.scl > * {width: 162px;}
.ocWrap2021 .searchArea.all_box .pulldownArea .areaInner .listwrap.area {left: 330px;}
.ocWrap2021 .searchArea.all_box .pulldownArea .areaInner .listwrap.genre {left: 640px;}
.ocWrap2021 .pulldownArea .areaInner .listwrap ul.cate li:hover,
.ocWrap2021 .pulldownArea .areaInner .listwrap .detail ul li:hover,
.ocWrap2021 .pulldownArea .areaInner .listwrap .detail2 ul li:hover {background: #00A4D4;}
.type_value2 {position: relative;margin-left: 0;}
.type_value2::before {
	position: absolute;
	top: 12px;
	left: -47px;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #00A4D4;
	border-right: 2px solid #00A4D4;
	transform: rotate(-45deg);
}
input[type="checkbox"] {cursor: pointer;}
.cart_box {display: flex;height: 40px;font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.cart_box > * {display: flex;align-items: center;}
.cart_box .num {font-size: 18px;background: url(../images/cart.png) no-repeat;padding-left: 55px;}
.cart_box .num span {
	font-size: 26px;
	font-weight: bold;
	color: #FF0000;
	padding: 0 5px;
}
.cart_box .bg_red {
	background: #BF0000;
	color: white;
	font-size: 16px;
	border-radius: 2px;
	padding: 0 15px;
	margin: 0 20px;
}
.cart_box .chk {font-size: 15px;}
h3.typeTtl {
	color: #FFB300;
	font-size: 21px;
	font-weight: bold;
	margin: 30px 0 10px;
}
p.pref {
	color: #1C1C1C;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 10px;
}
.spaceBetween {display: flex;justify-content: space-between;}
.fs15 {font-size: 15px;}
.list_inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 10px 0;
}
.list_box {width: calc(50% - 7px);border: 1px solid #E5E5E5;border-top: none;}
.list_box:nth-child(-n+2) {border-top: 1px solid #E5E5E5;}
.list_box table {width: 100%;height: 100%;}
.list_box .check_area {width: 50px;text-align: center;background-color: #f6f6f6;}
.list_box .check_area input[type="checkbox"],
.cart_box input[type="checkbox"] {width: 20px;height: 20px;}
.list_box .data_area {padding: 12px;}
.list_box .data_area h3 a {color: #1981E8;font-size: 16px;font-weight: bold;}
.list_box .data_area .scl_copy {color: #464646;font-size: 12px;margin-bottom: 5px;}
.pager_num {margin: 0 auto;display: table;}
.page_num.sel {border-bottom: 3px solid #3858A0;}
.page_num {
  margin: 10px 0;
  padding: 5px 12px;
  border: 1px solid #c7c7c7;
  color: #333;
  float: left;
}
.page_num a {color: #333;}
.page_num.sel2 {border: unset;font-size: 16px;}
.floatingBox {
	background: rgba(255,255,255,.9);
	text-align: center;
	padding: 30px;
	font-family: "Hiragino Mincho ProN W6", "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
}
.floatingBox .num {font-size: 16px;}
.floatingBox .num span {font-size: 30px;color: #FF0000;margin-right: 5px;}
.floatingBox .bg_red {
	display: inline-block;
	font-size: 20px;
	color: white;
	background: #BF0000;
	width: 460px;
	height: 50px;
	padding-top: 10px;
}