/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* 目次 */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* HEADER */
/* FOOTER */
/* TOTALBOX */
/* PANKUZU */
/* INFOBAR */
/* ALLBOX : ページの全体を覆う幅の母体設定 */
	/* SOLO BASE : 投稿記事などのシングル系 クラスなので多用可能 */
	/* PAGE BASE : 主に固定ページ系 */
	/* LIST BASE : アイテムなど陳列系 */
/* SWIPER */

/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* Z-INDEX 整理 */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/*
スマホ用
050 : .bssp_sch
100 : #bshd
110 : #bsspbtbox
200 : .bsmask
210 : .bsspnav
220 : .bsspnav_tog_sub
300 : .bsspbt_cl
パソコン用
999 : header
100 : .bshd02_nav_mo_area
*/

/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* カラー設定 */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/*
黒：#333333
赤：#f56363
*/



/* ---------------------------------------------------------------------------------------------- */
/* ※テスト設定含むので差し替えはしっかりチェック */
/* ※最終的に、現状を差し替える方針 */
/* ---------------------------------------------------------------------------------------------- */
body {
	background-color:#FFFFFF;
}

/* ボタンに関する全設定：BASECSSに移動かも？ */
button {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border: none;
  padding: 0;
}

/* スマホでのタップ時ハイライトを抑制（全体に適用） */
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; /* 長押しでのメニュー抑制（必要に応じて） */
}

/* ボタンやリンクの見た目が変わらない場合の補助スタイル */
a, button {
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
}


/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* HEADER */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */

/* ---------------------------------------------------------------------------------------------- */
/* HEADINFO */
/* ---------------------------------------------------------------------------------------------- */

@media (max-width: 600px) {
	.headinfo {
		margin: 0 0 10px 0;
		padding-top:80px;
	}
	.headinfo1,
	.headinfo2,
	.headinfo3,
	.headinfo4,
	.headinfo5 {
		width:100%;
		height:50px;
		margin:0;
		text-align:center;
		background-repeat:no-repeat;
		background-size:auto 100%;
		background-position:center;
	}
		.headinfo1 a,
		.headinfo2 a,
		.headinfo3 a,
		.headinfo4 a,
		.headinfo5 a {
			display:inline-block;
			width:100%;
			height:50px;
			margin: 0 auto;
		}
}
@media (min-width: 601px) and (max-width: 1000px) {
	.headinfo {
		margin: 0 0 10px 0;
		padding-top:80px;
	}
	.headinfo1,
	.headinfo2,
	.headinfo3,
	.headinfo4,
	.headinfo5 {
		width:100%;
		height:50px;
		margin:0;
		text-align:center;
		background-repeat:no-repeat;
		background-size:auto 100%;
		background-position:center;
	}
		.headinfo1 a,
		.headinfo2 a,
		.headinfo3 a,
		.headinfo4 a,
		.headinfo5 a {
			display:inline-block;
			width:100%;
			height:50px;
			margin: 0 auto;
		}
}
@media (min-width: 1001px) {
	.headinfo {
		margin: 0 0 20px 0;
		padding-top:0;
	}
	.headinfo1,
	.headinfo2,
	.headinfo3,
	.headinfo4,
	.headinfo5 {
		width:100%;
		height:50px;
		margin:0;
		text-align:center;
		background-repeat:no-repeat;
		background-size:auto 100%;
		background-position:center;
	}
		.headinfo1 a,
		.headinfo2 a,
		.headinfo3 a,
		.headinfo4 a,
		.headinfo5 a {
			display:inline-block;
			width:800px;
			height:50px;
			margin: 0 auto;
		}
}


/* ---------------------------------------------------------------------------------------------- */
/* SP */
/* ---------------------------------------------------------------------------------------------- */
@media (max-width: 1000px) {
	#bshd {
    z-index:100;
    position:fixed;
    top:0;
    left:0;
		width:100%;
    background-color:#FFFFFF;
    border-bottom:1px solid #DDDDDD;
	}
		#bshd01 {
			position:relative;
			width:100%;
			height:70px;
			margin: 0 auto;
			padding:0;
		}
		#bshd01::after {
			content:"";
			clear:both;
			height:0;
			display:block;
			visibility:hidden;
		}
			#bshd01_l {
				float:none;
				position:absolute;
				top:25px;
				left:50%;
				width:130px;
				margin-left:-65px;
			}
				#bshd01_l img {
					width:100%;
				}
			#bshd01_r {
				float:none;
				position:absolute;
				top:5px;
				right:10px;
				padding:0;
				text-align:right;
			}
			#bshd01_r::after {
				content:"";
				clear:both;
				height:0;
				display:block;
				visibility:hidden;
			}
				#bshd01_r a p {
					display:none;
				}
				.bshd01_about,
				.bshd01_guide {
					display:none;
				}
				.bshd01_fav,
				.bshd01_cart {
					float:left;
					width:36px;
					height:60px;
					text-align:center;
				}
					.bshd01_fav a,
					.bshd01_cart a {
						display:block;
					}
					.bshd01_fav img,
					.bshd01_cart img {
						width:30px;
						margin: 0 auto;
						padding:16px 0 0 0;
					}
		#bshd02 {display:none;}


/* ---------------------------------------------- */
/* スマホメニューボタン：閉じるボタン */
/* ---------------------------------------------- */
#bsspbtbox {
  position: fixed;
  width:100px;
  height: 70px;
  z-index: 110;
  cursor: pointer;
}
#bsspbtbox::after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
	.bsspbt {
		position: relative;
		float:left;
		width: 20px;
		height: 18px;
		margin: 26px 10px 26px 20px;
	}
	.bsspbt div::before,
	.bsspbt div::after,
	.bsspbt div span {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #333;
		border-radius: 1px;
	}
	.bsspbt div::before {
		top: 0;
	}
	.bsspbt div span {
		top: 8px;
	}
	.bsspbt div::after {
		top: 16px;
	}

	.bssp_schbt {
		float:left;
		width:32px;
		height:70px;
		text-align:center;
	}
		.bssp_schbt a {
			display:block;
		}
		.bssp_schbt img {
			width:30px;
			padding:19px 0 0 0;
		}

.bsspbt_cl {
  display: none;
  position: fixed;
  top: 20px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  z-index: 300;
  cursor: pointer;
}
.bsspbt_cl::before,
.bsspbt_cl::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #333;
  transform-origin: center;
}

.bsspbt_cl::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.bsspbt_cl::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.bsspbt_cl.open {
  display: block;
}


/* ---------------------------------------------- */
/* スマホメニュー母体設定 */
/* ---------------------------------------------- */

	.bsspnav {
		max-width:400px;
		height:100%;
		padding-top:60px;
		background-color:#333;
		position: fixed;
		top:0;
		left:0;
		right:50px;
		z-index: 210;
		transform: translateX(-120%);
		transition: all .3s;
	}
	.bsspnav.open {
		transform: translateX(0);
	}
		.bsspnav ul {
			overflow-y:scroll;
			height:100%;
			border-top: 1px dashed #626262;
			padding-bottom:100px;
		}
			.bsspnav li {
				display:block;
				font-family: 'Noto Sans JP';
				font-weight:700;
				font-size:14px;
				line-height:18px;
				color: #FFFFFF;
				text-align:left;
			}
				.bsspnav li a {
					display: block;
				}

/* ---------------------------------------------- */
/* 通常テキストボタン */
/* ---------------------------------------------- */
			.bsspnav li.bsspnav_txt {
				border-bottom: 1px dashed #626262;
			}
				.bsspnav li.bsspnav_txt a,
				.bsspnav li.bsspnav_txt a:visited {
					position:relative;
					color: #FFFFFF;
					padding: 16px 20px;
				}
				.bsspnav li.bsspnav_txt a:hover {
				}
				.bsspnav li.bsspnav_txt a::after {
					content:"";
					position:absolute;
					top:50%;
					right:24px;
					width: 5px;
					height: 5px;
					margin-top:-2px;
					border-top: 1px solid #FFFFFF;
					border-right: 1px solid #FFFFFF;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
				}


/* ---------------------------------------------- */
/* マスク処理：一層目と二層目 */
/* ---------------------------------------------- */

.bsmask {
	content:"";
	z-index:200;
	display:block;
	width:0;
	height:0;
	background-color:rgba(0, 0, 0, 0.7);
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	transition: opacity .5s;
}
.bsmask.open {
	width: 100%;
	height: 100%;
	opacity: 1;
}


/* ---------------------------------------------- */
/* 二層目ありの場合 */
/* ---------------------------------------------- */

.bsspnav li.bsspnav_tog {
	border-bottom: 1px dashed #626262;
}
	.bsspnav_tog_main {
		position: relative;
		cursor: pointer;
		padding: 16px 20px;
	}
	/* 横棒（常に表示） */
	.bsspnav_tog_main::after {
		content: "";
		position: absolute;
		right: 20px;
		top: 50%;
		width: 11px;
		height: 1px;
		background: #fff;
		transform: translateY(-50%);
		transition: all 0.2s ease;
	}
	/* 縦棒（＋の時のみ表示） */
	.bsspnav_tog_main::before {
		content: "";
		position: absolute;
		right: 25px;
		top: 50%;
		width: 1px;
		height: 11px;
		background: #fff;
		transform: translateY(-50%);
		transition: all 0.2s ease;
	}

	.bsspnav_tog_sub {
		position: fixed;
		top: 0;
		left: 0;
		width:100%;
		max-width:400px;
		height:100%;
		padding-top: 60px;
		background-color:#444444;
		transform: translateX(-100%);
		transition: transform 0.3s;
		z-index: 220;
	}
	.bsspnav_tog_sub.open {
		transform: translateX(0);
	}
		.bsspnav_tog_sub a {
			position:relative;
			display:block;
			border-bottom: 1px dashed #626262;
			color: #FFFFFF;
			font-size:12px;
			line-height:16px;
			padding: 14px 20px 14px 43px;
		}
		.bsspnav_tog_sub a:visited,
		.bsspnav_tog_sub a:hover {
		}
		.bsspnav_tog_sub a::after {
			content:"";
			position:absolute;
			top:50%;
			right:24px;
			width: 5px;
			height: 5px;
			margin-top:-2px;
			border-top: 1px solid #AAAAAA;
			border-right: 1px solid #AAAAAA;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		.bsspnav_tog_sub a.bsspnav_tog_sub_afternone::after {
			content:none;
		}
		.bsspnav_tog_sub a:last-child {
			margin-bottom: 150px;
		}

		/* 鳥さん用 */
		.bsspnav_tog_sub a.bsspnav_tog_sub_bird {
			font-size:12px;
			line-height:16px;
			padding: 10px 20px 10px 20px;
		}
			.bsspnav_tog_sub a.bsspnav_tog_sub_bird span {
				vertical-align: -10px;
				margin-right: 3px;
			}

		/* カテゴリー用 */
		.bsspnav_tog_sub a.bsspnav_tog_sub_type {
			font-family: 'Noto Sans JP';
			font-weight:700;
			font-size:14px;
			line-height:18px;
			padding: 10px 20px 10px 20px;
		}
			.bsspnav_tog_sub a.bsspnav_tog_sub_type span {
				vertical-align: -5px;
				margin-right: 3px;
			}

			.bsspnav_tog_sub a img {
				width:100%;
			}
			.bsspnav_tog_subscroll {
				overflow-y:scroll;
				height:100%;
				border-top: 1px dashed #626262;
			}

.bsspnav_tog_sub_backbt {
	position:fixed;
	top:20px;
	left:20px;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 50%;
	z-index: 300;
	cursor: pointer;
}
.bsspnav_tog_sub_backbt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 54%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-left: 2px solid #333;
  transform: translate(-50%, -50%) rotate(-45deg);
}


/* ---------------------------------------------- */
/* バナーの場合 */
/* ---------------------------------------------- */
.bsspnav li.bsspnav_ban {
}
	.bsspnav li.bsspnav_ban a {
		padding: 20px 20px 0 20px;
		text-align:center;
	}
	.bsspnav li.bsspnav_ban a::after {
		display:none;
	}
	.bsspnav li.bsspnav_ban img {
		width:100%;
		max-width:300px;
	}

.bsspnav li.bsspnav_sns {
	padding: 30px 20px 0px 20px;
	text-align: center;
}
	.bsspnav li.bsspnav_sns a {
		display:inline-block;
		padding: 0 5px;
	}

/* ---------------------------------------------- */
/* 検索部分 */
/* ---------------------------------------------- */
	.bssp_sch {
		width:100%;
		height:auto;
		padding:86px 0 15px 0;
		background-color:#333333;
    border-bottom:1px solid #333333;
		position: fixed;
		top:0;
		left:0;
		z-index:50;
		transform: translate(0,-200px);
		transition: all .3s;
	}
	.bssp_sch.open {
		transform: translateZ(0);
	}

	.bssp_schbox {
		width:90%;
		max-width:300px;
		margin:0 auto;
		padding:0;
		text-align:center;
	}
	.bssp_schbox::after {
		content:"";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}
		.bssp_schbox_l {
			float:left;
			width:88%;
		}
		.bssp_schbox_r {
			float:left;
			width:12%;
		}
			.bssp_schbox input {
				font-size:85%;
				width:100%;
				height:35px;
				padding:0 1%;
				border:none;
				box-sizing:border-box;
				outline:none;
				vertical-align:middle;
				-webkit-border-radius:3px 0 0 3px;
				-moz-border-radius:3px 0 0 3px;
				border-radius:3px 0 0 3px;
			}
			.bssp_schbox button {
				font-size:90%;
				width:100%;
				height:35px;
				color:#FFFFFF;
				border:none;
				box-sizing:border-box;
				outline:none;
				background-color:#FFF;
				vertical-align:middle;
				-webkit-border-radius:0 3px 3px 0;
				-moz-border-radius:0 3px 3px 0;
				border-radius:0 3px 3px 0;
			}

}/* end @media (max-width: 1000px) */


/* ---------------------------------------------------------------------------------------------- */
/* PC */
/* ---------------------------------------------------------------------------------------------- */

/* ---------------------------------------------- */
/* 幅部分のみ抽出 */
/* ---------------------------------------------- */
@media (min-width: 1001px) and (max-width: 1200px) {
	#bshd01 {
		width:1000px;
	}
	.bshd02_nav {
		width:1000px;
	}
}
@media (min-width: 1201px) {
	#bshd01 {
		width:1200px;
	}
	.bshd02_nav {
		width:1200px;
	}
}
/* ---------------------------------------------- */

@media (min-width: 1001px) {
	header {
		position: sticky;
		top:-100px;
		z-index: 999;
		display:block;
		will-change: transform;
	}
	#bshd {
		width:100%;
		margin: 0 auto;
	}
		#bshd01 {
			height:90px;
			margin: 0 auto 10px auto;
		}
		#bshd01::after {
			content:"";
			clear:both;
			height:0;
			display:block;
			visibility:hidden;
		}
			#bshd01_l {
				float:left;
				width:230px;
				padding: 40px 0 0 0;
			}
				#bshd01_l a {
					display:block;
				}
					#bshd01_l img {
						width:100%;
					}
			#bshd01_r {
				float:right;
				width:600px;
				padding: 29px 0 0 0;
				text-align:right;
			}
				#bshd01_r div {
					display:inline-block;
					width:62px;
					text-align:center;
				}
				.bshd01_search {display:none !important;}

					#bshd01_r a {
						display:block;
						color:#333333;
						padding: 5px 0;
					}
					#bshd01_r a:hover {
						color:#333333;
					}
						#bshd01_r img {
							width:36px;
						}
						#bshd01_r a p {
							overflow:hidden;
							height:11px;
							font-size:11px;
							line-height:11px;
						}
						#bshd01_r a:hover p {
							color:#999999;
						}

		#bshd02 {
			width:100%;
			margin: 0 0 10px 0;
			padding:0;
			background-color:#333333;
		}
			.bshd02_nav {
				position:relative;
				overflow:visible;/*マウスオーバー時の表示のため*/
				height:auto;
				margin: 0 auto;
			}
			.bshd02_nav::after {
				content:"";
				clear:both;
				height:0;
				display:block;
				visibility:hidden;
			}
				.bshd02_nav li {
					float:left;
					width:auto;
					margin:0;
				}


/* ---------------------------------------------- */
/* マウスオーバー母体ボタン部分 */
/* ---------------------------------------------- */

.bshd02_nav_mo_bt,
.bshd02_nav_mo_bt_no {
	display:block;
	margin:0;
	padding:23px 10px 23px 14px;
	font-family: 'Noto Sans JP';
	font-weight:700;
	font-size:16px;
	line-height:15px;
	color:#FFFFFF;
	cursor:pointer;
}
.bshd02_nav_mo_bt_no a {
	display:block;
	color:#FFFFFF;
}
.bshd02_nav_mo_bt:hover,
.bshd02_nav_mo_bt_no a:hover {
	color:#FFCC00;
}
.bshd02_nav li.bshd02_nav_mo:first-child .bshd02_nav_mo_bt {
	padding:23px 10px 23px 1px;
}

.bshd02_nav_mo_bt::after {
	content: "";
	display: inline-block;
	position: relative;
	top: -4px;
	margin-left:5px;
	width: 5px;
	height: 5px;
	border: solid #FFFFFF;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.bshd02_nav_mo_bt:hover::after {
	top: -3px;
	border-color:#FFCC00;
	color:#FFFFFF;
}



/* ---------------------------------------------- */
/* マウスオーバー開閉エリア部分 */
/* ---------------------------------------------- */
.bshd02_nav_mo_area {
	display:none; /* 初期は非表示 */
	z-index:100;
	position:absolute;
	top:100%;
	left:0;
	background-color:#333333;
	border-top:2px solid #FFFFFF;
}
.bshd02_nav_mo:hover .bshd02_nav_mo_area {
	display:block; /* マウスオーバー時に表示 */
}
.bshd02_nav_mo_area::after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}



/* ---------------------------------------------- */
/* 鳥さんの種類部分 */
/* ---------------------------------------------- */
.moarea_bird {
	width:96%;
	padding:2%;
}
.moarea_bird a {
	display:block;
	float:left;
	overflow: hidden;
	font-family: 'Noto Sans JP';
	font-weight:700;
	font-size:16px;
	color:#333333;
	background-color:#FFFFFF;
	width:17.2%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding:10px 1%;
	border-radius:3px !important;
	-webkit-border-radius:3px !important;
	-moz-border-radius:3px !important;
}
.moarea_bird a:hover {
	background-color:#FFCC00;
}
.moarea_bird a:nth-child(5n) {
	margin-right: 0% !important;
}
.moarea_bird a:nth-child(n+11) {
	margin-bottom: 0% !important;
}
	.moarea_bird a span {
		vertical-align:-20px;
		margin-right:0;
	}



/* ---------------------------------------------- */
/* カテゴリー部分 */
/* ---------------------------------------------- */
.moarea_type {
	width:96%;
	padding:2%;
}
	.bshd02_nav_mo_area_type01,
	.bshd02_nav_mo_area_type02,
	.bshd02_nav_mo_area_type03 div.typelist {
		background-color:#FFFFFF;
		border-radius:3px !important;
		-webkit-border-radius:3px !important;
		-moz-border-radius:3px !important;
	}
	.bshd02_nav_mo_area_type01 {
		float:left;
		width:39.4%;
		margin-right: 1%;
	}
	.bshd02_nav_mo_area_type02 {
		float:left;
		width:19.2%;
		margin-right: 1%;
	}
	.bshd02_nav_mo_area_type03 {
		float:left;
		width:19.2%;
		margin-right: 0%;
	}
		.bshd02_nav_mo_area_type01 div,
		.bshd02_nav_mo_area_type02 div,
		.bshd02_nav_mo_area_type03 div.typelist div {
			padding: 10px 10px 10px 10px;
		}
		.bshd02_nav_mo_area_type03 div.typelist {
			margin-bottom: 10px;
		}
		.bshd02_nav_mo_area_type03 div.typesingle {
			padding:5px 10px;
			margin-bottom: 10px;
			background-color:#FFFFFF;
			border-radius:3px !important;
			-webkit-border-radius:3px !important;
			-moz-border-radius:3px !important;
		}
		.bshd02_nav_mo_area_type01 div a,
		.bshd02_nav_mo_area_type02 div a,
		.bshd02_nav_mo_area_type03 div a {
			position:relative;
			display:block;
			font-family: 'Noto Sans JP';
			font-weight:700;
			padding: 5px 5px;
		}
			.bshd02_nav_mo_area_type01 div a span,
			.bshd02_nav_mo_area_type02 div a span,
			.bshd02_nav_mo_area_type03 div a span {
				vertical-align:-10px;
				margin-right:3px;
			}

		.bshd02_nav_mo_area_type01 ul {
			border-top: 1px dashed #AAAAAA;
			padding: 15px 20px 20px 20px;
		}
		.bshd02_nav_mo_area_type01 ul::after {
			content:"";
			clear:both;
			height:0;
			display:block;
			visibility:hidden;
		}
		.bshd02_nav_mo_area_type02 ul,
		.bshd02_nav_mo_area_type03 ul{
			border-top: 1px dashed #AAAAAA;
			padding: 15px 15px 20px 15px;
		}
			.bshd02_nav_mo_area_type01 li {
				float:left;
				width:49%;
				margin-left:0%;
				margin-right:1%;
			}
			.bshd02_nav_mo_area_type01 li:nth-child(2n) {
				width:49%;
				margin-left:1%;
				margin-right:0%;
			}
			.bshd02_nav_mo_area_type02 li,
			.bshd02_nav_mo_area_type03 li{
				float:none;
				width:100%;
				margin:0;
			}
				.bshd02_nav_mo_area_type01 li a,
				.bshd02_nav_mo_area_type02 li a,
				.bshd02_nav_mo_area_type03 li a {
					position:relative;
					display:block;
					font-family: 'Noto Sans JP';
					font-weight:normal;
					padding: 5px 10px;
				}

/* 共通装飾 */
	.bshd02_nav_mo_area_type01 div a:hover,
	.bshd02_nav_mo_area_type01 li a:hover,
	.bshd02_nav_mo_area_type02 div a:hover,
	.bshd02_nav_mo_area_type02 li a:hover,
	.bshd02_nav_mo_area_type03 div a:hover,
	.bshd02_nav_mo_area_type03 li a:hover{
			color:#333;
			background-color:#FFCC00;
			border-radius:2px !important;
			-webkit-border-radius:2px !important;
			-moz-border-radius:2px !important;
		}
	.bshd02_nav_mo_area_type01 div a::after,
	.bshd02_nav_mo_area_type01 li a::after,
	.bshd02_nav_mo_area_type02 div a::after,
	.bshd02_nav_mo_area_type02 li a::after,
	.bshd02_nav_mo_area_type03 div ::after,
	.bshd02_nav_mo_area_type03 li a::after {
		content:"";
		position:absolute;
		top:50%;
		right:0.8em;
		width:0.3em;
		height:0.3em;
		margin-top:-0.14em;
		border-top: 1px solid #888;
		border-right: 1px solid #888;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

/* フォントサイズまとめ */
@media (min-width: 1001px) and (max-width: 1200px) {
	.bshd02_nav_mo_area_type01 div a,
	.bshd02_nav_mo_area_type02 div a,
	.bshd02_nav_mo_area_type03 div a {
		font-size:13px;
	}
	.bshd02_nav_mo_area_type01 li a,
	.bshd02_nav_mo_area_type02 li a,
	.bshd02_nav_mo_area_type03 li a {
		font-size:12px;
	}
}
@media (min-width: 1201px) {
	.bshd02_nav_mo_area_type01 div a,
	.bshd02_nav_mo_area_type02 div a,
	.bshd02_nav_mo_area_type03 div a {
		font-size:16px;
	}
	.bshd02_nav_mo_area_type01 li a,
	.bshd02_nav_mo_area_type02 li a,
	.bshd02_nav_mo_area_type03 li a {
		font-size:14px;
	}
}


/* ---------------------------------------------- */
/* 特集部分 */
/* ---------------------------------------------- */
.moarea_special {
	width:96%;
	padding:2%;
}
.moarea_special a {
	display:block;
	float:left;
	overflow: hidden;
	font-family: 'Noto Sans JP';
	font-weight:700;
	font-size:14px;
	line-height:1em;
	color:#333333;
	text-align:center;
	background-color:#FFFFFF;
	width:17.2%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding:1%;
	border-radius:3px !important;
	-webkit-border-radius:3px !important;
	-moz-border-radius:3px !important;
}
.moarea_special a:hover {
	box-shadow: inset 0 0 0 3px #FFCC00;
}
.moarea_special a:nth-child(5n) {
	margin-right: 0% !important;
}
	.moarea_special a img {
		display:block;
		width:100%;
		margin: 0 0 7px 0;
		border-radius:2px;
	}
	.moarea_special a:hover img {
		opacity:1.0 !important;
		filter:alpha(opacity=100) !important;
	}
	.moarea_special a span {
		display:block;
		margin: 0 0 2px 0;
	}
.moarea_special a.topsp {
	color:#ffffff;
	text-align:right;
	background-color:transparent;
	width:30%;
	margin: 0 0 0 70%;
	padding:0 0 0 0;
}
.moarea_special a.topsp:hover {
	box-shadow:none;
	color:#FFCC00;
}


/* ---------------------------------------------- */
/* 検索部分 */
/* ---------------------------------------------- */
@media (min-width: 1001px) and (max-width: 1200px) {
	.bshd02_nav li.bshd_sch {
		width:210px;
	}
}
@media (min-width: 1201px) {
	.bshd02_nav li.bshd_sch {
		width:350px;
	}
}
.bshd02_nav li.bshd_sch {
	float:right;
	margin:0;
	padding: 16px 0 0 0;
}
.bshd_schbox {
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}
.bshd_schbox::after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
	.bshd_sch_l {
		float:left;
		width:88%;
		margin:0;
		padding:0;
	}
	.bshd_sch_r {
		float:left;
		width:12%;
		margin:0;
		padding:0;
	}
		.bshd_schbox input {
			font-size:85%;
			width:100%;
			height:30px;
			margin:0;
			padding:0 3%;
			border:none;
			outline:none;
			vertical-align:middle;
			-webkit-border-radius:3px 0 0 3px;
			-moz-border-radius:3px 0 0 3px;
			border-radius:3px 0 0 3px;
		}
		.bshd_schbox button {
			font-size:90%;
			width:100%;
			height:30px;
			margin:0;
			padding:0;
			border:none;
			outline:none;
			background-color:#FFFFFF;
			vertical-align:middle;
			box-shadow: inset 0 0 0 1px white;
			-webkit-border-radius:0 3px 3px 0;
			-moz-border-radius:0 3px 3px 0;
			border-radius:0 3px 3px 0;
		}
		.bshd_schbox button:hover {
			background-color:#ffb400;
		}

	.bsmask {display:none;}
	#bsspbtbox {display:none;}
	.bsspbt {display:none;}
	.bsspnav {display:none;}
	.bssp_sch {display:none;}
	.bssp_schbox {display:none;}
}



/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* FOOTER */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */

#bsft {
	width:100%;
	background-color:#333333;
	color:#FFFFFF;
}
	#bsft #copy {
		text-align:center;
		font-size:85%;
		padding: 50px 0 10px 0;
	}
/* ---------------------------------------------- */
/* bsft01 bsft02 */
/* ---------------------------------------------- */
@media (max-width: 600px) {
	#bsft01 {
		width:90%;
		margin: 0 auto;
		padding: 50px 0 0 0;
	}
	#bsft02 {
		width:81%;
		margin: 0 auto;
		padding: 0 0 0 0;
	}
}
@media (min-width: 601px) and (max-width: 1000px) {
	#bsft01 {
		width:90%;
		margin: 0 auto;
		padding: 50px 0 0 0;
	}
	#bsft02 {
		width:90%;
		margin: 0 auto;
		padding: 50px 0 0 0;
	}
}
@media (min-width: 1001px) and (max-width: 1200px) {
	#bsft01 {
		width:1000px;
		margin: 0 auto;
		padding: 50px 0 0 0;
	}
	#bsft02 {
		width:1000px;
		margin: 0 auto;
		padding: 50px 0 0 0;
	}
}
@media (min-width: 1201px) {
	#bsft01 {
		width:1200px;
		margin: 0 auto;
		padding: 50px 0 0 0;
	}
	#bsft02 {
		width:1200px;
		margin: 0 auto;
		padding: 50px 0 0 0;
	}
}

/* ---------------------------------------------- */
/* bsft01_box */
/* ---------------------------------------------- */

@media (max-width: 600px) {
	.bsft01_box::after {
	}
		.bsft01_logo,
		.bsft01_nav {
			overflow:hidden;
			display:block;
			float:none;
		}
		.bsft01_logo {
			width:100%;
			text-align:center;
			margin:0 0 10px 0;
		}
			.bsft01_logo .bsft01_logoimg {
				display:block;
				width:150px;
				margin: 0 auto 30px auto;
			}
			.bsft01_logo .bsft01_sns {
				display:inline-block;
				width:145px;
				margin: 0 3px 10px 3px;
			}
			.bsft01_logo .bsft01_sns::after {
				content:"";
				clear:both;
				height:0;
				display:block;
				visibility:hidden;
			}
				.bsft01_sns_l {
					float:left;
					width:50px;
				}
					.bsft01_sns_l img {
						width:100%;
						border-radius:50%;
					}
				.bsft01_sns_r {
					float:left;
					margin:0;
					padding: 5px 0 0 2px;
					text-align:left;
				}
					.bsft01_sns_r p {
						font-size:10px;
						line-height:10px;
						margin: 0 0 5px 0
					}
					.bsft01_sns_r li {
						display:inline-block;
						width:25px;
					}
					.bsft01_sns_r img {
						width:100%;
					}

		.bsft01_nav {
			width:90%;
			margin:0 5%;
			padding: 0;
		}
			.bsft01_nav p {
				position: relative;
				font-family: 'Noto Sans JP';
				font-weight:700;
				font-size:14px;
				margin: 0 0 0 0;
				padding: 12px 5px;
				border-bottom:1px solid #626262;
			}
			.bsft01_nav_first p {
				border-top:1px solid #626262;
			}
				.bsft01_nav p .icon {
					position: absolute;
					right: 5px;
					top: 50%;
					transform: translateY(-50%);
					font-weight:normal;
				}
				.bsft01_nav p .icon::before {
					content: "+";
				}

				.bsft01_nav p.active .icon::before {
					content: "−";
				}

			.bsft01_nav ul {
				padding:0;
			}
			.bsft01_nav li {
				margin: 0;
				padding:7px 5px 7px 7px;
				border-bottom:1px dashed #626262;
			}
			.bsft01_nav li.title03 {
				font-size:18px;
			}
			.bsft01_nav a {
				font-size:13px;
				color:#FFFFFF;
			}
			.bsft01_nav a:hover {
				color:#FF9900;
			}
			.bsft01_nav a::before {
				content: "−";
				margin-right:5px;
			}
}
@media (min-width: 601px) and (max-width: 1000px) {
	.bsft01_box::after {
		content:"";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}
		.bsft01_logo {
			display:block;
			float:none;
		}
		.bsft01_nav {
			display:block;
			float:left;
		}
		.bsft01_logo {
			width:100%;
			text-align:center;
		}
			.bsft01_logo .bsft01_logoimg {
				display:block;
				width:200px;
				margin: 0 auto 40px auto;
			}
			.bsft01_logo .bsft01_sns {
				display:inline-block;
				margin: 0 10px 20px 10px;
			}
			.bsft01_logo .bsft01_sns::after {
				content:"";
				clear:both;
				height:0;
				display:block;
				visibility:hidden;
			}
				.bsft01_sns_l {
					float:left;
					width:70px;
				}
					.bsft01_sns_l img {
						width:100%;
						border-radius:50%;
					}
				.bsft01_sns_r {
					float:left;
					margin:0;
					padding:12px 0 0 7px;
					text-align:left;
				}
					.bsft01_sns_r p {
						font-size:12px;
						line-height:12px;
						margin: 0 0 5px 0;
					}
					.bsft01_sns_r li {
						display:inline-block;
						width:30px;
					}
					.bsft01_sns_r img {
						width:100%;
					}

		.bsft01_nav {
			width:33%;
			margin:0 0.5% 0 0;
		}
		.bsft01_nav:last-child {
			margin: 0;
		}
			.bsft01_nav p {
				font-family: 'Noto Sans JP';
				font-weight:700;
				font-size:16px;
				margin: 0 0 3px 0;
			}
			.bsft01_nav li {
				margin: 0;
				padding:0 0 0 2px;
			}
			.bsft01_nav li.title03 {
				font-size:15px;
			}
			.bsft01_nav a {
				font-size:13px;
				line-height:16px;
				color:#FFFFFF;
			}
			.bsft01_nav a:hover {
				color:#FF9900;
			}
}
@media (min-width: 1001px) {
	.bsft01_box::after {
		content:"";
		clear:both;
		height:0;
		display:block;
		visibility:hidden;
	}
		.bsft01_logo,
		.bsft01_nav {
			display:block;
			float:left;
		}
		.bsft01_logo {
			width:34%;
		}
			.bsft01_logo .bsft01_logoimg {
				width:200px;
				margin: 0 0 40px 0;
			}
			.bsft01_logo .bsft01_sns {
				margin: 0 0 20px 0;
			}
			.bsft01_logo .bsft01_sns::after {
				content:"";
				clear:both;
				height:0;
				display:block;
				visibility:hidden;
			}
				.bsft01_sns_l {
					float:left;
					width:70px;
				}
					.bsft01_sns_l img {
						width:100%;
						border-radius:50%;
					}
				.bsft01_sns_r {
					float:left;
					margin:0;
					padding: 12px 0 0 5px;
				}
					.bsft01_sns_r p {
						font-size:14px;
						line-height:14px;
						margin: 0 0 5px 0;
					}
					.bsft01_sns_r li {
						display:inline-block;
						width:30px;
					}
					.bsft01_sns_r img {
						width:100%;
					}

		.bsft01_nav {
			width:22%;
		}
			.bsft01_nav p {
				font-family: 'Noto Sans JP';
				font-weight:700;
				font-size:20px;
				margin: 0 0 5px 0;
			}
			.bsft01_nav li {
				margin: 0;
				padding:0 0 0 2px;
			}
			.bsft01_nav a {
				font-size:14px;
				line-height:18px;
				color:#FFFFFF;
			}
			.bsft01_nav a:hover {
				color:#FF9900;
			}
}

/* ---------------------------------------------- */
/* bsft02_box */
/* ---------------------------------------------- */
@media (max-width: 600px) {
	.bsft02_box {
		font-size:85%;
	}
		.bsft02_box li {
			display:block;
			font-family: 'Noto Sans JP';
			font-weight:700;
			font-size:12px;
			margin: 0 0 0 0;
			padding: 7px 5px;
			border-bottom:1px solid #626262;
		}
			.bsft02_box li a {
				display:inline-block;
				padding:0;
				margin:0;
				color:#FFFFFF;
			}
			.bsft02_box li a:hover {
				color:#FF9900;
			}
}

@media (min-width: 601px) {
	.bsft02_box {
		text-align:center;
		font-size:85%;
	}
		.bsft02_box li {
			display:inline-block;
			padding:0;
			margin:0;
		}
		.bsft02_box li:after {
			content:"|";
			display:inline-block;
			padding:0;
			margin:0;
		}
		.bsft02_box li:last-child:after {
			content:"";
			display:inline-block;
			padding:0;
			margin:0;
		}
			.bsft02_box li a {
				display:inline-block;
				padding:0 10px;
				margin:0;
				color:#FFFFFF;
			}
			.bsft02_box li a:hover {
				color:#FF9900;
			}
}



/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* TOTALBOX */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */

#totalbox {
	width:100%;
	margin:0 auto;
}
#totalbox_top {
	width:100%;
	margin:0 auto 0 auto;
}
	.titlebox {
		width:auto;
	}
	.sortbox {
		width:auto;
	}

@media (max-width: 600px) {
  #totalbox {}
  #totalbox_top {}
		.titlebox {
			margin:0 auto 30px auto;
			padding:30px 0 0 0;
			text-align:center;
		}
		.sortbox {
			margin:0 auto;
			padding:0 0 30px 0;
			text-align:center;
		}
}
@media (min-width: 601px) and (max-width: 1000px) {
  #totalbox {}
  #totalbox_top {}
		.titlebox {
			margin:0 auto 30px auto;
			padding:30px 0 0 0;
			text-align:center;
		}
		.sortbox {
			margin:0 auto;
			padding:0 0 40px 0;
			text-align:center;
		}
}
@media (min-width: 1001px) {
  #totalbox,
  #totalbox_top {}
		.titlebox {
			margin:0 auto 40px auto;
			padding:40px 0 0 0;
			text-align:center;
		}
		.sortbox {
			margin:0 auto;
			padding:0 0 40px 0;
			text-align:center;
		}
}


/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* PANKUZU */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */

/* ---------------------------------------------- */
/* 幅部分のみ抽出 */
/* ---------------------------------------------- */
@media (min-width: 601px) and (max-width: 1000px) {
	#pk #pkbox {
		width:90%;
	}
}
@media (min-width: 1001px) and (max-width: 1200px) {
	#pk #pkbox {
		width:1000px;
	}
}
@media (min-width: 1201px) {
	#pk #pkbox {
		width:1200px;
	}
}
/* ---------------------------------------------- */

@media (max-width: 600px) {
  #pk {
    width:100%;
    padding: 5px 0 8px 0;
    margin: 0 0 5px 0;
  }
    #pk #pkbox {
      overflow-x:scroll;
      -webkit-overflow-scrolling:touch;
      display:flex;
      display:-ms-flexbox;
      display:-webkit-box;
      display:-webkit-flex;
      margin:0 5%;
      font-size:75%;
      white-space:nowrap;
    }
      #pk #pkbox li {
        display:inline-block;
        margin: 0 5px 0 0;
      }
      #pk #pkbox:before {
        display:none !important;
      }
      #pk .next:before {
        content:">";
        display:inline-block;
        margin: 0 5px 0 0;
      }
        #pk #pkbox li a {
          display:inline-block;
        }
        #pk #pkbox li span {
          display:inline-block;
        }
}

@media (min-width: 601px) {
  #pk {
    width:100%;
    margin: 0 0 20px 0;
    padding: 5px 0 8px 0;
  }
    #pk #pkbox {
      position:relative;
      margin:0 auto;
      font-size:80%;
    }
      #pk #pkbox li {
        display:inline-block;
        margin: 0 7px 0 0;
      }
      #pk #pkbox:before {
        position:relative;
        top:1px;
      }
      #pk .next:before {
        content:">";
        display:inline-block;
        margin: 0 7px 0 0;
      }
        #pk #pkbox li a {
          display:inline-block;
        }
        #pk #pkbox li span {
          display:inline-block;
        }
}



/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* INFOBAR */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */

@media (max-width: 1000px) {
  #infobar_pc {
    display:none;
  }
  #infobar_sp {
    width:100%;
  }
    #infobar_sp a {
      display:block;
      width:100%;
      padding:5px 0;
      margin:0 0 10px 0;
      background-color:#a3a3a3;
      color:#FFFFFF;
      text-align:center;
      font-size:10px;
    }
    #infobar_sp a:hover {
      background-color:#FFCC00;
      color:#FFFFFF;
    }
}

@media (min-width: 1001px) {
  #infobar_pc {
    width:100%;
  }
    #infobar_pc a {
      display:block;
      width:100%;
      padding:5px 0;
      margin:0 0 10px 0;
      background-color:#a3a3a3;
      color:#FFFFFF;
      text-align:center;
      font-size:14px;
    }
    #infobar_pc a:hover {
      background-color:#FFCC00;
      color:#FFFFFF;
    }
  #infobar_sp {
    display:none;
  }
}



/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* ALLBOX : ページの全体を覆う幅の母体設定 */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */

/* ---------------------------------------------------------------------------------------------- */
/* TOP BASE : トップページのメインイメージ以下 */
/* ---------------------------------------------------------------------------------------------- */

.top_all {
	margin: 0 auto;
}
@media (max-width: 600px) {
	.top_all {
		width:90%;
	}
}
@media (min-width: 601px) and (max-width: 1000px) {
	.top_all {
		width:90%;
	}
}
@media (min-width: 1001px) {
	.top_all {
		width:80%;
		min-width:1000px;
	}
}
@media (min-width: 1201px) {
	.top_all {
		min-width:1200px;
	}
}


/* ---------------------------------------------------------------------------------------------- */
/* SOLO BASE : 投稿記事などのシングル系 クラスなので多用可能 */
/* ---------------------------------------------------------------------------------------------- */

.solo_all {
	margin: 0 auto;
}

@media (max-width: 600px) {
	.solo_all {
		width:100%;
	}
}
@media (min-width: 601px) and (max-width: 1000px) {
	.solo_all {
		width:100%;
	}
}
@media (min-width: 1001px) {
	.solo_all {
		width:800px;
	}
}


/* ---------------------------------------------------------------------------------------------- */
/* PAGE BASE : 主に固定ページ系 */
/* ---------------------------------------------------------------------------------------------- */

#page_all {
	width:100%;
	margin: 0 auto;
}
	.bspage01 {
		margin: 0 auto 60px auto;
	}
	.bspage02 {
		margin: 0 auto;
		padding:20px 0px;
	}
	.bspage03 {
		margin: 0 auto;
		padding:40px 0;
	}

@media (max-width: 600px) {
	.bspage01 {
		width:100%;
	}
	.bspage02 {
		width:auto;
	}
	.bspage03 {
		width:90%;
	}
}
@media (min-width: 601px) and (max-width: 1000px) {
	.bspage01 {
		width:100%;
	}
	.bspage02 {
		width:auto;
	}
	.bspage03 {
		width:80%;
	}
		.bspage03 img {
			max-width:800px !important;
		}
}
@media (min-width: 1001px) {
	.bspage01 {
		width:100%;
	}
	.bspage02 {
		width:auto;
	}
	.bspage03 {
		width:800px;
	}
		.bspage03 img {
		}
		/* 強制的に画像中央寄せ：全てにかかるので注意 */
		.bspage01 img {
			max-width:800px !important;
			display:block;
		}
		.bspage03 img {
			display:inline;
		}
}


/* ---------------------------------------------------------------------------------------------- */
/* LIST BASE : アイテムなど陳列系 */
/* ---------------------------------------------------------------------------------------------- */

.list_all {
	margin: 0 auto;
}
@media (max-width: 600px) {
	.list_all {
		width:100%;
	}
}
@media (min-width: 601px) and (max-width: 1000px) {
	.list_all {
		width:100%;
	}
}
@media (min-width: 1001px) {
	.list_all {
		width:90%;
		min-width:1000px;
	}
}
@media (min-width: 1201px) {
	.list_all {
		min-width:1200px;
	}
}



/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* SWIPER */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */

/* ---------------------------------------------------------------------------------------------- */
/* SWIPER：トップメインイメージ */
/* ---------------------------------------------------------------------------------------------- */

.swiper_top_all {
	position: relative;
	width: 100%;
}
	.swiper_top_all .swiper_top {
		position: relative;
		overflow: hidden;
		width: 100%;
	}

@media (max-width: 600px) {
	.swiper_top_all {
		padding-top:85px;
		margin-bottom:50px;
	}
	.swiper_top_all .swiper-slide {
		width: 250px;
		height: 375px;
	}
	/* 左右ナビなし */
	.swiper_top_all .swiper-button-prev,
	.swiper_top_all .swiper-button-next {
		display: none;
	}
	.swiper_top_all .swiper-slide a:hover img {
		opacity:1.0 !important;
		filter:alpha(opacity=100) !important;
	}
}
@media (min-width: 601px) and (max-width: 1000px) {
	.swiper_top_all {
		padding-top:90px;
		margin-bottom:50px;
	}
	.swiper_top_all .swiper-slide {
		width: 300px;
		height: 450px;
	}
	.swiper_top_all .swiper-button-prev,
	.swiper_top_all .swiper-button-next {
		top: 320px !important;
	}
}
@media (min-width: 1000px) {
	.swiper_top_all {
		padding-top:20px;
		margin-bottom:50px;
	}
	.swiper_top_all .swiper-slide {
		width: 400px;
		height: 600px;
	}
}

.swiper_top_all .swiper-slide a {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.swiper_top_all .swiper-slide img {
	width: 100%;
	height: auto;
	display: block;
}

.swiper_top_all .swiper-pagination {
	position: relative!important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	text-align: center;
}
	.swiper_top_all .swiper-pagination-bullet-active {
		background: #e95763 !important;
	}


/* ---------------------------------------------------------------------------------------------- */
/* SWIPER：商品詳細メイン */
/* ---------------------------------------------------------------------------------------------- */

@media (max-width: 600px) {
	.swiper_bsitem_thumb {
		width: 90%;
	}
}
@media (min-width: 601px) and (max-width: 1000px) {
	.swiper_bsitem_thumb {
		width: 90%;
	}
}
@media (min-width: 1000px) {
	.swiper_bsitem_thumb {
		width: 100%;
	}
}

/* Swiper初期化前にスライダーを非表示にする */
.swiper {
	opacity: 0;
}
/* Swiper初期化後にスライダーを表示する */
.swiper.swiper-initialized {
	opacity: 1;
}

/* 全体のラッパー：メインとサムネ両方をまとめる枠 */
.swiper_bsitem_all {
	position: relative;
	width: 100%;
}

/* メイン画像スライダー本体 */
.swiper_bsitem_main {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 8px 0;
}
	/* メインスライダーの中身ラッパー（横並び用） */
	.swiper_bsitem_main .swiper-wrapper {
	}
	/* メイン画像の1枚ごとの枠（1枚ずつ表示） */
	.swiper_bsitem_main .swiper-slide {
		width: 100%;
		flex-shrink: 0;
		border-radius: 0;
		background: none;
	}

/* サムネイルスライダー本体 */
.swiper_bsitem_thumb {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
	/* サムネイルの横並びラッパー */
	.swiper_bsitem_thumb .swiper-wrapper {
		display: flex;
		transition: none;
	}
	/* サムネイル1枚分のスライド枠（自然なサイズ・クリック可能） */
	.swiper_bsitem_thumb .swiper-slide {
		width: auto;
		flex-shrink: 0;
		border-radius: 0;
		background: none;
		opacity: 1;
		cursor: pointer;
		box-sizing: border-box;
	}
	/* 選択中のサムネイルにだけ付くクラス（装飾ベース） */
	.swiper_bsitem_thumb .swiper-slide-thumb-active {
		background: #000000;
	}
		.swiper_bsitem_thumb .swiper-slide-thumb-active img {
			opacity: 0.7;
		}

/* スライド内の画像すべてに共通で当てる（サイズとリセット） */
.swiper_bsitem_main .swiper-slide img,
.swiper_bsitem_thumb .swiper-slide img {
	width: 100%;
	height: auto;
	display: block;
	border: none;
	margin: 0;
	padding: 0;
}


/* ---------------------------------------------------------------------------------------------- */
/* SWIPER：商品詳細メイン：キャプション */
/* ---------------------------------------------------------------------------------------------- */
.swiper_bsitem_main .swiper_bsitem_main_text {
	position: absolute;
	background-color:rgba(0, 0, 0, 0.7);
	color: #fff;
	z-index: 10;
	border-radius:3px !important;
	-webkit-border-radius:3px !important;
	-moz-border-radius:3px !important;
}

@media (max-width: 600px) {
	.swiper_bsitem_main .swiper_bsitem_main_text {
		left: 3%;
		bottom: 3%;
		width: 84%;
		padding: 10px 5%;
	}
		.swiper_bsitem_main_text01 {
			font-size:15px;
			line-height:20px;
			font-weight:bold;
			margin-bottom:5px;
		}
		.swiper_bsitem_main_text02 {
			font-size:12px;
			line-height:16px;
		}
}
@media (min-width: 601px) {
	.swiper_bsitem_main .swiper_bsitem_main_text {
		left: 3%;
		bottom: 3%;
		width: 90%;
		padding: 10px 2%;
	}
		.swiper_bsitem_main_text01 {
			font-size:16px;
			line-height:22px;
			font-weight:bold;
			margin-bottom:5px;
		}
		.swiper_bsitem_main_text02 {
			font-size:14px;
			line-height:20px;
		}
}


/* ---------------------------------------------------------------------------------------------- */
/* SWIPER：オリジナルカラー共通設定 */
/* ---------------------------------------------------------------------------------------------- */

.swiper-button-prev,
.swiper-button-next {
	width: auto !important;
	height: auto !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
	content: none !important;
}
.swiper-button-prev span,
.swiper-button-next span {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	position: relative;
}
.swiper-button-prev span::after,
.swiper-button-next span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5px;
	height: 5px;
	border: solid #333;
	border-width: 0 2px 2px 0;
	transform: translate(-50%, -50%);
}
.swiper-button-prev span::after {
	transform: translate(-50%, -50%) rotate(135deg);
}
.swiper-button-next span::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.swiper-button-prev span:hover,
.swiper-button-next span:hover {
	background: #FFCC00;
}



/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */
/* 検索ページ */
/* ▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼▽▼ */

@media (max-width: 600px) {
	.bsschset {
		width: 90%;
	}
}
@media (min-width: 601px) {
	.bsschset {
		width: 300px;
	}
}

.bsschset {
	margin:0 auto;
	padding:0;
	text-align:center;
}
.bsschset::after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
	.bsschset_l {
		float:left;
		width:88%;
		margin:0;
		padding:0;
	}
	.bsschset_r {
		float:left;
		width:12%;
		margin:0;
		padding:0;
	}
		.bsschset input {
			font-size:85%;
			width:100%;
			height:30px;
			margin:0;
			padding:0 3%;
			border:none;
			outline:none;
			vertical-align:middle;
			-webkit-border-radius:3px 0 0 3px;
			-moz-border-radius:3px 0 0 3px;
			border-radius:3px 0 0 3px;
		}
		.bsschset button {
			font-size:90%;
			width:100%;
			height:30px;
			margin:0;
			padding:0;
			border:none;
			outline:none;
			background-color:#FFFFFF;
			vertical-align:middle;
			box-shadow: inset 0 0 0 1px white;
			-webkit-border-radius:0 3px 3px 0;
			-moz-border-radius:0 3px 3px 0;
			border-radius:0 3px 3px 0;
		}
		.bsschset button:hover {
			background-color:#ffb400;
		}
