/* ---------------

pc(CSS)

--------------- */

@charset "UTF-8";

/* ------------------------------------------------------

	共通

--------------------------------------------------------- */
body {
	width: 1000px;
	margin: auto;
	font-family: "メイリオ", Meiryo, sans-serif, "游ゴシック", YuGothic,
		"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
	font-size: 14px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #40609a;
}

p {
	margin: 5px 0;
}

a:hover {
	opacity: 0.7;
}

i {
	font-family: "Font Awesome 5 Free";
}

/* ------------------------------------------------------

	スクロールバー

--------------------------------------------------------- */
::-webkit-scrollbar {
	width: 15px;
}

::-webkit-scrollbar-track {
	background: #ffffff;
	border-left: solid 1px #ececec;
}

::-webkit-scrollbar-thumb {
	background: #efc68a;
	border-radius: 6px;
	box-shadow: inset 0 0 0 2px #fff;
}

	.scrollBox {
		overflow:auto;
		width:680px; height:500px;
		padding:5px;
		border:2px;
		background-color:#FFFFFF;
		line-height:1.5em;
	}

/* ------------------------------------------------------

	ヘッダー

--------------------------------------------------------- */
header {
	margin: 10px auto 0 auto;
}

.header-row-1 {
	display: flex;
	justify-content: space-between;
	margin: 10px 0 0 0;
	align-items: center;
	border-bottom: dashed 1px #afafaf;
}

.header-row-2 {
	display: flex;
	justify-content: space-between;
	margin: 10px 0 0 0;
	align-items: center;
}

/* ロゴ */
.logo-area {
	margin: 0 5px;
	width: 250px;
}

.logo-area img {
	width: 100%;
}

/* メニュー */
.header-menu-bar {
	display: none;
}

.header-menu-ber-checkbox {
	display: none;
}

.header-menu-list {
	display: flex;
	align-items: center;
	margin: 0;
}

.header-menu-list li {
	margin: 0px 0px 0px 20px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}

.header-menu-list a {
	display: block;
	color: #333333;
}

.header-menu-list i {
	font-size: 30px;
	display: block;
}

/* 検索フォーム */
.search-area {
	background: #f2f0fb;
	padding: 10px;
	border-radius: 5px;
	width: 550px;
	border: 1px solid #b7a8d2;
}

.search-form {
	padding: 5px;
	font-size: 16px;
	width: 450px;
	margin: 0 5px 0 0;
}

.search-button {
	padding: 4px 18px;
	background: #9162a5;
	color: white;
	border-radius: 5px;
	border: none;
	position: relative;
	top: -2px;
	border-bottom: solid 2px #43215d;
}

/* 人気のワード */
.header-recommend-word-area {
	font-size: 13px;
	margin: 5px 0 0 0;
}

.header-reccomend-title {
	display: inline-block;
}

.header-recommend-word-area ul {
	display: inline-block;
}

.header-recommend-word-area li {
	display: inline-block;
}

.header-recommend-word-area a {
	display: inline-block;
	background: white;
	padding: 0 6px;
	margin: 0 5px 0 0;
	border: 1px solid #b7a8d2;
	border-radius: 5px;
}

/* スライドバナー */
.header-bunner-area {
	width: 400px;
	height: 80px;
}

.header-bunner-list img {
	width: 100%;
}

/* スライドバナー初期非表示→読込後表示 */
.bxslider li {
	display: none;
}

.bx-viewport .bxslider li {
	display: block !important;
}

/* お知らせ */
.header-caution-area {
	border: solid 3px #ff9f9f;
	border-radius: 5px;
	text-align: center;
	margin-top: 10px;
	padding: 5px;
}

.header-caution-area h1 {
	color: red;
	font-size: 20px;
	margin-top: 5px;
}

.header-caution-area h2 {
	color: red;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 0;
}

/* ------------------------------------------------------

	メインコンテンツ

--------------------------------------------------------- */
.main-wrap {
	display: flex;
	justify-content: space-between;
	margin: 15px 0 0 0;
	padding-bottom: 15px;
}

.main-contents-area {
	width: 760px;
}

.item-title {
	margin: 0 0 10px 0;
	padding: 8px;
	border-radius: 5px;
	color: #656565;
	font-size: 16px;
	text-align: center;
	border: solid 1px white;
	background-color: #e6e6e6;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #F9F9F9),
		color-stop(.25, transparent), color-stop(.5, transparent),
		color-stop(.5, #F9F9F9), color-stop(.75, #F9F9F9),
		color-stop(.75, transparent), to(transparent));
	-webkit-background-size: 7px 7px;
}

.item-list {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.2em;
	font-size: 12px;
	margin: 0 5px 20px 5px;
	padding: 5px 0 5px 11px;
	overflow-y: scroll;
	height: 418px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
}

.item-list a {
	margin: 5px;
	padding: 5px;
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	width: 132px;
	height: 200px;
	box-sizing: border-box;
}

.item-list img {
	width: 120px;
	height: 120px;
}

.item-name {
	height: 40px;
	overflow: hidden;
}

.item-price {
	text-align: right;
	color: #525252;
	margin: 0;
}

.more-button {
	display: block;
	margin: 0 5px 20px 5px;
	padding: 10px;
	border: solid 3px #83b0ce;
	border-radius: 8px;
	text-align: center;
	font-weight: bold;
	color: #3890c3;
}

.more-button i {
	display: inline-block;
	margin: 0 7px 0 0;
	font-size: 18px;
	position: relative;
	top: 2px;
	color: #ea9c9c;
}

/* 一覧ボタン */
.btn-flat-border {
  display: inline-block;
  padding: 0.6em 17em;
  text-decoration: none;
  color: #66CCFF;
  border: solid 3px #66CCFF;
  border-radius: 3px;
  transition: .4s;
  font-weight:bold;
  white-space: nowrap;
  width: 200px;
  height: 20px;
}

.btn-flat-border:hover {
  background: #66CCFF;
  color: white;
}

.arrow_r_b {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #66CCFF;
  text-decoration: none;
}
.arrow_r_b:before {
  content: '';
  width: 18px;
  height: 18px;
  background: #afeeee;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -3px;
  margin-top: -9px;
}
.arrow_r_b:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  transform: rotate(45deg);
}

/* ------------------------------------------------------

	サイドコンテンツ

--------------------------------------------------------- */
.sub-contents-area {
	width: 220px;
	font-size: 13px;
}

/* カテゴリ */
.category-area {
	background: #fff4e0;
	border-radius: 6px;
	padding: 10px;
	border: 1px solid #cca07e;
}

.category-link {
	display: block;
	background: #e2a433;
	text-align: center;
	color: white;
	width: 100%;
	line-height: 40px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	margin: 0 0 10px 0;
}

.categoryTitle {
	margin: 0;
	text-align: center;
	font-weight: bold;
	color: #484848;
}

.categoryWrap {
	background: white;
	padding: 5px;
	margin: 5px 0 10px 0;
}

.categoryList {
	border-bottom: 1px dashed #c7c7c7;
	margin: 0 0 5px 0;
}

/* バナー */
.bunner-area a {
	display: block;
	width: 218px;
	margin: 0 0 5px;
}

.bunner-area img {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #d2d2d2;
}

/* 営業日カレンダー */
.calendar-area {
	background: #fff4e0;
	border-radius: 6px;
	padding: 10px;
	border: 1px solid #cca07e;
	margin: 10px 0 0 0;
	text-align: center;
}

.calendar-area iframe {
	width: 200px;
	height: 280px;
	border: solid 1px gray;
	border-radius: 5px;
}

.calendar-title {
	text-align: center;
	color: #5f5f5f;
	font-size: 14px;
	margin: 0 0 8px 0;
}

/* ------------------------------------------------------

	フッター

--------------------------------------------------------- */

/* ガイド */
footer {
	padding: 0 0 20px 0;
}

.footer-guide-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 0 0 20px 0;
	border-bottom: dashed 1px #afafaf;
}

.footer-section {
	width: 420px;
	margin: 10px;
	font-size: 13px;
	line-height: 1.3em;
}

.footer-title {
	color: #846f8e;
	text-align: center;
	background: #e7e2f1;
	margin: 0px 0 10px 0;
	padding: 6px;
	border-radius: 5px;
}

.footer-section ul {
	list-style: disc;
	padding-left: 25px;
}

/* ナビ */
.footer-nav-area {
	text-align: center;
	margin: 20px 0 10px 0;
	font-size: 13px;
}

.footer-nav {
	display: inline-block;
	margin: 0 10px 10px;
}

.footer-copyright {
	font-size: 11px;
}



















/* ------------------------------------------------------

	sma(CSS)

--------------------------------------------------------- */




/* ------------------
	メインコンテンツ
------------------- */

.main-wrap {
	display: flex;
	flex-direction: column-reverse;
}

.main-contents-area {

}

.special-area {
	padding: 10px;
}

.special-area img {
	width: 100%;
}

.item-title {
	margin: 20px 0 0 0;
	padding: 8px;
	border-radius: 5px;
	color: #bf8d61;
	font-size: 16px;
	text-align: center;
	border: solid 1px white;
	background-color: #F9F2B3;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #F9F9F9),
		color-stop(.25, transparent), color-stop(.5, transparent),
		color-stop(.5, #F9F9F9), color-stop(.75, #F9F9F9),
		color-stop(.75, transparent), to(transparent));
	-webkit-background-size: 7px 7px;
}

.item-list {
	display: flex;
	font-size: 12px;
	line-height: 1.2em;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 10px 0;
	overflow-y: hidden;
}

.item-list a {
	margin: 5px;
	padding: 5px;
	border: 1px solid #bfbfbf;
	border-radius: 5px;
	height: 190px;
}

.item-list img {
	width: 120px;
	height: 120px;
}

.item-name {
	height: 42px;
	overflow: hidden;
}

.item-price {
	text-align: right;
	color: #525252;
	margin: 0;
}

.more-button {
	display: block;
	margin: 20px 10px 30px 10px;
	padding: 8px;
	border: solid 3px #62bfcc;
	border-radius: 8px;
	text-align: center;
	font-weight: bold;
	color: #3dacb7;
}

.more-button i {
	display: inline-block;
	margin: 0 7px 0 0;
	font-size: 18px;
	color: #8cd4d4;
}

/* カテゴリー */
.category-link {
	display: block;
	background: #54c7c7;
	text-align: center;
	padding: 10px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	margin: 10px;
	border-radius: 10px;
}

.categoryWrap {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.categoryTitle {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	margin: 20px 0 0 0;
	padding: 5px;
	background: #dddddd;
	color: #5d5d5d;
}

.categoryList {
	/* 	border: 1px solid #dddddd;
	padding: 10px;
	font-weight: bold; */

}

.categoryList a {
	color: #25b1c7;
	display: block;
	border: 1px solid #dddddd;
	padding: 10px;
	font-weight: bold;
}

/* バナー */
.bunner-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.bunner-area a {
	display: block;
	width: 45%;
	margin: 5px;
}

.bunner-area img {
	width: 100%;
	border-radius: 5px;
}

/* 営業日カレンダー */
.calendar-area {
	text-align: center;
}

.calendar-title {
	color: #577d98;
	background: #d3ebf3;
	padding: 6px;
	border-radius: 5px;
	margin: 20px 10px;
}

.calendar-area iframe {
	width: 200px;
	height: 260px;
	border: solid 1px gray;
	border-radius: 5px;
}

/* フッターガイド */
.footer-guide-area {
	margin: 20px 10px;
	padding: 0 0 20px 0;
	border-bottom: dashed 1px gray;
}

.footer-title {
	color: #577d98;
	text-align: center;
	background: #d3ebf3;
	margin: 20px 0px 10px 0px;
	padding: 6px;
	border-radius: 5px;
}

.footer-section ul {
	list-style: disc;
	padding-left: 25px;
}

/* フッターナビ */
.footer-nav-area {
	margin: 20px 0 10px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

.footer-nav {
	display: block;
	margin: 5px;
	padding: 5px;
	width: 70%;
	max-width: 300px;
	border-radius: 5px;
	border: solid 1px gray;
}

.footer-copyright {
	font-size: 11px;
	margin: 10px;
}

/* テーブル(ボーダーなし) */
.NB {font-size: 10px;
border: 0px none;
text-align:center;
}

.NB a{
color:#000000
}

/* 文字(bold) */
.just-bold {
  font-weight: bold;
  text-align:center;
}