@charset "utf-8";

/* ----------------------------------- */
/* ファニーテーブル様サイト用メインCSS */
/* ----------------------------------- */
/* Modified : 2020/06/25 16:51 */

/* Table of Contents:
   ■全環境用のベースCSS
   ■総合モバイル端末（横幅1023px以下）共通の追加・上書きCSS
   ■スマートフォン（横幅599px以下）専用の追加・上書きCSS
   ■やや小型なスマホ（横幅375px以下）専用の追加・上書きCSS
   ■小型スマートフォン（横幅359px以下）専用の追加・上書きCSS
   ■PCサイズ画面（横幅1024px以上）専用の追加・上書きCSS
   ■PCサイズ微調整
*/

/* ＝＝＝～～～～～～～～～～～～＝＝＝ */
/* ＝＝＝ ▼一時的な非表示措置▼ ＝＝＝ */		/* 非表示にする場合は、それぞれのコメントアウト部分を消して、記述を有効にして下さい。 */
/* ＝＝＝～～～～～～～～～～～～＝＝＝ */

	/* ▼画面左下固定の「WEB SHOP」ボタンを非表示にする（以下3行） */
/*	#Link2shop {
	    display: none !important;
	}*/

	/* ▼ドロワーメニューの「WEB SHOP」項目を非表示にする（以下3行） */
/*	#ShopMenu {
	    display: none !important;
	}*/

	/* ▼ボードゲーム詳細ページの「通販で買う」ボタンを非表示にする（以下3行） */
/*	.boardgameActionList li.actionNetShop {
	    display: none !important;
	}*/

	/* ▼ボードゲーム詳細ページの「ルール」ボタンを非表示にする（以下3行） */
	.boardgameActionList li.actionRuleTube {
	    display: none !important;
	}

/* ＝＝＝～～～～～～～～～～～～＝＝＝ */
/* ＝＝＝ ▲　こ　こ　ま　で　▲ ＝＝＝ */
/* ＝＝＝～～～～～～～～～～～～＝＝＝ */


/* ――――――――――― */
/* ■全環境用のベースCSS  */
/* ――――――――――― */

	/* ================== */
	/* ▼ページ全体・汎用 */
	/* ================== */
	body {
		font-family: 'M PLUS Rounded 1c',"メイリオ",Meiryo,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","游ゴシック","Yu Gothic","游ゴシック体","YuGothic",sans-serif;
		margin: 0;
		padding: 0;
		color: #000;
		line-height: 1.4;
		/* 古びた紙っぽい装飾 */
		background: #fff9e7; /* #fef0c3;*/
		box-shadow: inset 0 0 30px #ffdd77; /*#ffe8a2;*/ /*rgba(230,220,190,1);*/
		-webkit-text-size-adjust: 100%;
	}

		/* ▽Lacquerフォントの適用 */
		.moreButton,
		.shopNameAndLogo,
		.confirmbutton,
		.en {
			font-family: 'Lacquer', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
			text-transform: lowercase;	/* 常に小文字で表示 */
		}

		/* ▽Special Eliteフォントの適用 */
		.tel {
			font-family: 'Special Elite', cursive;
		}

		/* ▽消極的な改行制御区間 */
		i {
			font-style: normal;
			display: inline-block;
		}

		/* ▽画面幅に応じて自動縮小する画像 */
		.autoResize {
			max-width: 100%;
		}

		/* ▽リンク配色 */
		a {
			color: #000000;
			text-decoration: none;
		}
		a:visited {
			color: #777777;
		}
		a:hover {
			color: #777777;
			background-color: rgba(166,94,41,0.2);
			box-shadow: 0px 1px 1px rgba(255,255,255,0.3);
		}


	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */

		/* ------ */
		/* ▼ロゴ */
		/* ------ */
		h1 {
			margin: 0;
			padding: 2.4em 0 1.8em;
			text-align: center;
			font-size: 1.1em;
			letter-spacing: 0.2em;
			font-weight: normal;
		}
		h1 img {
			display: inline-block;
			width: 72px;
			height: auto;
		}
		h1 a:hover {
			background-color: transparent;
		}

	/* ==================== */
	/* ▼スライドショー区画 */
	/* ==================== */
	.slideshowCover {
		position: relative;
		margin: 0 auto;
		padding: 0;
		max-width: 1000px;
	}

		/* ---------------- */
		/* ▽スライダー装飾 */
		/* ---------------- */
		.slider {
			width: 90%;
			margin: 0 auto 80px;
		}
		.slick-slide img {
			width: 100%;
			height: auto;
		}
		.mypattern{
			width: 100%;
		}
		.mypattern .slick-slide{
			margin: 0;
		}

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */
	main {
		margin: 0;
		padding: 1px 0 0 0;
	}

		/* ▼メインコンテンツ汎用ボックス */
		.mainBox {
			margin: 0;
			padding: 0;
		}

		/* ▼吹き出し画像枠 */
		.fukidashiImageBox {
			margin: 0;
			padding: 0;
			text-align: center;
		}
			.fukidashiImageBox img {
				display: block;
				margin: 0 auto;
				width: 100%;
				max-width: 18em;
			}

		/* ------------------ */
		/* ▼汎用：見出し関連 */
		/* ------------------ */

		/* ▼サブタイトル */
		.subtitle {
			margin: 2.5em 0 0 0;
			padding: 0;
			text-align: center;
			font-weight: normal;
			font-size: 1.2em;
		}
			/* ▽サブタイトルの文字 */
			.subtitle .jp {
			}
			.subtitle .en {
				letter-spacing: 0.2em;
			}

		/* ▼サブ見出し */
		.subhead {
			text-align: center;
			font-weight: normal;
		}

		/* ▼見出し下部の線 */
		.decoratedLine {
			text-align: center;
		}
		.decoratedLine img {
			height: 14px;
			width: auto;
		}

		/* ---------------- */
		/* ▼汎用：本文関連 */
		/* ---------------- */

		/* ▼メインコンテンツ内部の特定本文段落を含むボックス */
		.mainParagraphs p {
			text-align: justify; /* 両端揃え */
			margin: 1.5em 0;
			padding: 0 1.5em;
			line-height: 1.6;
		}

		/* ▼中央揃えにする短文段落 */
		p.shortSentences {
			text-align: center;
		}

		/* ------------------ */
		/* ▼汎用：ボタン関連 */
		/* ------------------ */

		/* ▼汎用ダイスボタン枠 */
		.moreButtonBox {
			margin: 2.5em 0;
			text-align: center;
		}
			.moreButton {
				display: inline-block;
				letter-spacing: 0.2em;
				font-size: 1.2em;
				line-height: 1.1;
				text-decoration: none;
				margin: 0 2em;
			}
				.moreButton img {
					width: 50px;
					height: auto;
				}

		/* ………………………… */
		/* ▼パンくずリスト領域 */
		/* ………………………… */
		.pankuzuArea {
			margin: 1em;
			padding: 1em;
			font-size: 0.6em;
		}
			/* リンクの配色 */
			.pankuzuArea a {
				text-decoration: none;
				color: #666666;
			}

		/* ……………………… */
		/* ▼ボードゲーム領域 */
		/* ……………………… */
		.boardgamesArea {
			margin: 0;
		}

			/* ＿＿＿＿＿＿＿＿＿ */
			/* ▼１ゲームボックス */
			/* ￣￣￣￣￣￣￣￣￣ */
			.boardgameCover {
				margin: 3em auto;
				padding: 0;
				max-width: 450px;
			}

				/* ゲーム枠上側 */
				.boardgameHead {
					display: flex;
					margin: 1em;
				}

				/* 偶数番目か奇数番目かで画像の配置を逆転させる */
				.boardgameCover:nth-child(2n+1) .boardgameHead {	flex-direction: row-reverse;	}	/* 奇数番目 */
				.boardgameCover:nth-child(2n  ) .boardgameHead {	flex-direction: row;			}	/* 偶数番目 */

					/* ゲーム情報段 */
					.boardgameInfo {
						text-align: center;
						flex: auto;
					}
						/* ゲーム名 */
						.gameName {
							margin: 0;
							font-weight: normal;
						}
							.gameName span { display: block; margin: auto; }
							.gameName .jp {}
							.gameName .en { font-size: 0.9em; letter-spacing: 0.1em; }

						/* ゲーム名リンク */
						.gameName a:hover span {
							background-color: rgba(166,94,41,0.2);
						}

						/* ゲーム名下部の線 */
						.gameName::after {
							content: '';
							display: block;
							height: 1em;
							width: 120px;
							margin: auto;
							background-image: url("/imgs/line_gamename.png");
							background-repeat: no-repeat;
							background-position: bottom;
							background-size: 120px;
						}

						/* ゲーム仕様テーブル */
						.conditions {
							margin: 0.5em auto 0;
							border-collapse: collapse;
						}
							/* 見出し行 */
							.conditions th {
								font-weight: normal;
								font-size: 0.8em;
								line-height: 1.1;
							}
								/* 見出しアイコン */
								.conditions th img {
									height: 32px;
									width: auto;
								}
							/* 中身行 */
							.conditions td {
								font-size: 0.9em;
								padding: 6px 3px 0 3px;
								line-height: 1.1;
							}
								/* 単位 */
								.conditions .unit {
									font-size: 0.7em;
								}

					/* ゲーム画像段 */
					.boardgameImage {
						width: 180px;
						box-sizing: border-box;
						flex: none;
					}

						/* ゲーム画像 */
						.photoBox {
							margin: 0;
							padding: 0;
						}
						.photoBox img {
							display: block;
							width: 180px;
							height: auto;
						}

				/* ゲーム紹介枠 */
				.boardgameBody {
					margin: 0 1.5em;
					padding: 0;
					line-height: 1.6;
					text-align: justify; /* 両端揃え */
				}

			/* ゲーム枠下側の枠線 */
			.boardgameCover::after {
				content: '';
				display: block;
				height: 1.8em;
				width: 50px;
				margin: auto;
				background-image: url("/imgs/line_game.png");
				background-repeat: no-repeat;
				background-position: bottom;
				background-size: 50px;
			}

			/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
			/* ▼１ゲーム詳細ページ用の上書き調整 */
			/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			.gameDetailPage .boardgameCover {
				margin: 2.5em auto;
			}

				/* ゲーム枠上側 */
				.gameDetailPage .boardgameHead {
					display: block;
				}

					/* ゲーム情報段 */
						/* ゲーム仕様テーブル */
							/* 見出し行 */
							.gameDetailPage .conditions th {
								padding: 0 0.5em;
								font-size: 0.9em;
							}
							/* 中身行 */
							.gameDetailPage .conditions td {
								font-size: 1em;
							}

					/* ゲーム画像段 */
					.gameDetailPage .boardgameImage {
						width: 270px;
						margin: 1em auto 0;
						position: relative;
					}

						/* ゲーム画像 */
						.gameDetailPage .photoBox img {
							width: 270px;
						}

						/* スタンプ */
						.gameDetailPage .photoBox img.stamp {
							display: block;
							position: absolute;
							right: -40px;
							bottom: 10px;
							width: 120px;
							height: auto;
						}

			/* ゲーム枠下側の枠線 */
			.gameDetailPage .boardgameCover::after {
				display: none;
			}

			/* ＿＿＿＿＿＿＿＿＿＿＿ */
			/* ▼１ゲームレビュー区画 */
			/* ￣￣￣￣￣￣￣￣￣￣￣ */
			.boardgameReviewCover {
				margin: 3em 1em 0 1em;
			}
				/* レビューボックス */
				.boardgameReview {
					margin: 1em 1.5em 2.5em;
					background-size: 90px;
					background-repeat: no-repeat;
					text-align: left;
					min-height: 2em;
				}

				/* 奇数番目 */
				.boardgameReview:nth-of-type(2n+1) {
					background-image: url("/imgs/img_speech_R.png");
					background-position: top right;
					padding: 50px 60px 0 0;
				}

				/* 偶数番目 */
				.boardgameReview:nth-of-type(2n) {
					background-image: url("/imgs/img_speech_L.png");
					background-position: top left;
					padding: 50px 0 0 60px;
				}

			/* ‥‥‥‥‥‥‥‥ */
			/* ▼購入関連リンク */
			/* ‥‥‥‥‥‥‥‥ */
			.boardgameActionLink {
				margin: 4em 1em 2em 1em;
				padding: 0;
			}
				/* リンクリスト */
				.boardgameActionList {
					margin: 1em auto;
					padding: 0;
					list-style-type: none;
					text-align: center;
				}
					.boardgameActionList li {
						display: inline-block;
						padding: 0 0.5em;
					}
						.boardgameActionList li a {
							display: block;
							min-width: 5em;
							font-size: 0.9em;
						}
							.boardgameActionList img {
								width: 40px;
								height: auto;
							}

		/* …………………………… */
		/* ▼コンテンツリンク領域 */
		/* …………………………… */
		.contentsLinkArea {
		}

			.contentsLinkList {
				list-style-type: none;
				margin: 0;
				padding: 0;
				text-align: center;
			}
			.contentsLinkList li {
				display: inline-block;
			}

			/* リンクボタン(共通) */
			.contentsLink {
				display: block;
				width: 268px;
				height: 181px;
				box-sizing: border-box;
				background-repeat: no-repeat;
				background-size: contain;
				padding: 95px 1em 0 1em;
				margin: 0 0 2em 0;
				text-decoration: none;
			}
				.aboutFT        { background-image: url("/imgs/btn_FT.png"); }
				.aboutEducation { background-image: url("/imgs/btn_child.png"); }
				.aboutBrain     { background-image: url("/imgs/btn_granpa.png"); }

				.contentsLink .jp { font-size: 1.1em; }
				.contentsLink .en { font-size: 1.1em; letter-spacing: 0.2em; }

		/* ……………………… */
		/* ▼お問い合わせ領域 */
		/* ……………………… */
		.contactArea {
		}

			/* iOS独自装飾の拒否 */
			input[type="submit"] {
				-webkit-appearance: none;
			}

			/* 入力フォームフレーム */
			#ContactFormFrame {
				border: 0 none;
				box-sizing: border-box;
				width: 100%;
				height: 510px;
				background-image: url("/imgs/bg_contact.png");
				background-size: cover;
			}

			/* 入力フォーム空間 */
			.contactFormBox {
				background-image: url("/imgs/bg_contact.png");
				background-size: cover;
			}

				/* 入力フォーム */
				.contactFormBox form {
					margin: auto;
					padding: 1em 2em;
					max-width: 500px;
					text-align: left;
				}

					/* 入力ラベル */
					.itemLabel {
						margin: 0.8em 0 0.2em 0;
						padding: 0;
						font-size: 0.9em;
					}
					/* 入力欄枠 */
					.itemForm {
						margin: 0;
						padding: 0;
					}
						/* 各種入力欄 */
						.freetext,
						.itemselect,
						.freeinputbox {
							font-size: 16px;
							width: 100%;
							border: 1px solid #595858;
							border-radius: 0.4em;
							padding: 0.36em 0.25em;
							box-sizing: border-box;
							font-family: 'M PLUS Rounded 1c' , sans-serif;
						}

						/* セレクトボックス */
						.itemselect {
						}

						/* 複数行入力欄 */
						.freeinputbox {
							height: 6.3em;
						}
							/* プレースホルダ */
							.freeinputbox::placeholder {
								font-size: 0.9em;
								font-family: 'M PLUS Rounded 1c' , sans-serif;
								color: #888;
							}

					/* 送信ボタン */
					.formbuttons {
						text-align: center;
					}
						.confirmbutton {
							background-color: black;
							color: white;
							border: 1px solid black;
							border-radius: 1em;
							font-size: 1em;
							padding: 0.6em 0.5em;
							letter-spacing: 0.2em;
						}
						.confirmbutton:hover {
							background-color: #252525;
						}
						.confirmbutton:active {
							background-color: white;
							color: black;
						}

		/* ………………… */
		/* ▼お知らせ領域 */
		/* ………………… */
		.infoBody {
			margin: 1em 1.5em;
		}

			.onelogbox {
				margin: 2em auto;
				max-width: 18em;
				padding: 0;
			}
			.onelogbox + hr {
				width: 50%;
				height: 1px;
				border-width: 1px 0 0 0;
				border-color: #919191;
				border-style: dashed none none none;
			}
			.infoBody hr:last-child {
				display: none;	/* 最後の項目の後には区切り線を引かない */
			}
			.postdate {
				font-weight: normal;
				margin: 0 0.5em 0.4em 0.5em;
				font-size: 1em;
			}
			.comment {
				margin: 0 1.5em;
			}

		/* ………………………… */
		/* ▼インスタグラム領域 */
		/* ………………………… */
		.instagramArea {
		}
			.instagramBox {
				margin: 1em;
				text-align: center;
			}

			/* SnapWidget用(使わない) */
			.instagramBox iframe {
				max-width: 690px;
				max-height: 229px;
				width:100%;
				height: calc( 100vw / 3.02 );
			}

			/* インスタ写真BOX用 */
			.instaPhotoTable {
				max-width: 700px;
				width:100%;
				margin: auto;
				border-collapse: separate;
				border-spacing: 3px;
			}

			.instaPhotoTable td {
				margin: 0;
				padding: 0;
			}

			.instaPhotoTable a {
				display: block;
			}
			.instaPhotoTable img {
				max-width: 100%;
				display: block;
			}

		/* ……………… */
		/* ▼ABOUT 領域 */
		/* ……………… */
		.aboutArea {
			margin: 0;
		}

			.subtitleHeadImage {
				width: auto;
				height: auto;
				max-width: 120px;
				max-height: 80px;
			}

			/* 店主写真区画 */
			.personBox {
				max-width: 600px;
				margin: 0 auto;
			}

				/* 店主写真 */
				.personBox img {
					display: block;
					margin: auto;
				}

				/* ネームプレート */
				.ownerNamePlate {
					display: block;
					max-width: 210px;
					margin: 0 auto;
				}

			/* 本文 */
			.aboutArea .mainParagraphs {
				margin: 2em 1.2em;
			}

			/* リスト */
			.aboutList {
				margin: 2em 1.75em 2em 2.25em;
				padding: 0;
				line-height: 1.6;
				list-style: none;
			}
				.aboutList li {
					display: block;
					margin: 0;
					padding: 0 1em 1em 21px;
					background-image: url("/imgs/ico_circle01.png");
					background-repeat: no-repeat;
					background-size: 16px;
					background-position: left 4px;
				}

		/* …………………………………………… */
		/* ▼BOARDGAME-RANKING:ゲーム詳細領域 */
		/* …………………………………………… */

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
	footer {
		margin: 0;
		padding: 0;
		text-align: center;
	}

		/* ---------------- */
		/* ▼フッタ上部領域 */
		/* ---------------- */
		.upperFooter {
			margin: 0;
			padding: 1em;
		}

		/* ▼フッタ上部の線 */
		.upperFooter::before {
			content: '';
			display: block;
			height: 2em;
			width: 200px;
			margin: auto;
			background-image: url("/imgs/line_foot.png");
			background-repeat: no-repeat;
			background-position: top;
			background-size: 200px;
		}

		/* ………… */
		/* ▼ロゴ枠 */
		/* ………… */
		.shopNameAndLogo {
			margin: 0;
			padding: 2.4em 0 1.8em;
			text-align: center;
			font-size: 1.1em;
			letter-spacing: 0.2em;
			font-weight: normal;
		}
		.shopNameAndLogo img {
			display: inline-block;
			width: 72px;
			height: auto;
		}

		/* ……………… */
		/* ▼アドレス枠 */
		/* ……………… */
		.addressBox {
			max-width: 400px;
			margin: 2em auto;
			padding: 0;
			text-align: center;
		}

			/* 店名等の見出し */
			.addressBox h3 {
				font-weight: normal;
				margin: 0;
				font-size: 1.1em;
			}

			/* 電話番号 */
			p.tel {
				margin: 0.5em 0 0 0;
			}
				a.tel {
					text-decoration: none;
					font-size: 1.2em;
					letter-spacing: 0.2em;
				}

			/* 住所 */
			.address {
				font-size: 1em;
				margin: 1.5em 0 2.5em;
			}

		/* ---------------- */
		/* ▼フッタ中間領域 */
		/* ---------------- */
		.footerMiddleImage {
			margin: 0;
			padding: 0;
		}

			/* フッタ中間配置写真 */
			.footerMiddleImage img {
				width: 100%;
				height: auto;
				display: block;
			}

		/* ---------------- */
		/* ▼フッタ下部領域 */
		/* ---------------- */
		.bottomFooter {
			margin: 0;
			padding: 1px 0 0 0;
			color: #fff;
			/* ▽古びた紙っぽい装飾 */
			background: #5c5a69;
			box-shadow: inset 0 0 30px #3d3d43; /*#494850;*/
		}

			/* …………………… */
			/* ▼サイトマップ枠 */
			/* …………………… */
			.sitemapBox {
				margin: 1em 1em 0;
				padding: 1.2em 1.2em 4.5em 1.2em;	/* リンクが下端すぎるとモバイル版ブラウザのUIとバッティングして操作できなくなるので、下端は多めに余白を確保しておく。 */
				text-align: left;
				line-height: 2;
			}

				.sitemapTitle {
					font-size: 1em;
					text-align: center;
					font-weight: normal;
				}

				/* ▽サイトマップ内のリンク */
				.sitemapBox a {
					color: white;
					text-decoration: none;
					font-size: 0.95em;
				}

					/* ▽サイトマップリスト */
					.sitemapList {
						margin: 0;
						padding: 0;
						list-style-type: none;
					}
					.sitemapList li {
						display: inline-block;
						margin: 0 0.5em 0 0;
					}
					.sitemapList li::after {
						content: '|';
						margin-left: 0.5em;
					}

				/* サイトマップ箱枠 */
				.sitemapBoxList {
					display: flex;
					border: 1px solid #aaa;
					list-style-type: none;
					margin: 2em 0;
					padding: 0;
				}
				.sitemapBoxList li {
					flex: 1;
					border-right: 1px solid #aaa;
				}
				.sitemapBoxList li:last-child {
					border-right: none;
				}
				.sitemapBoxList li a {
					display: block;
					padding: 0.5em 0;
					text-align: center;
				}

				/* 連絡リンク */
				.sitemapBottom {
					text-align: center;
				}

		/* ------------------ */
		/* ▼画面下部固定領域 */
		/* ------------------ */
		.floatFooter {
		}

			/* ……………………………………………… */
			/* ▼SHOPリンクボタン・ TOPへ戻るボタン */
			/* ……………………………………………… */
			.link2shop,
			.scroll2Top {
				margin: 0;
				padding: 0;
				position: fixed;
				bottom: 5px;
				z-index: 30;
			}
			.link2shop  { left : 5px; }
			.scroll2Top { right: 5px; }

				.link2shopButton,
				.scroll2TopButton {
					display: block;
					margin: 0;
					padding: 0;
					text-decoration: none;
					line-height: 1;
				}

				.link2shopButton img,
				.scroll2TopButton img {
					display: block;
					width: 60px;
					height: auto;
				}


/* ========================================================= */
/* ■総合モバイル端末（横幅1023px以下）共通の追加・上書きCSS */
/* ========================================================= */
@media all and (max-width:1023px) {

	.pc-only { display: none !important; }

	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */

		/* -------------------------------- */
		/* ▼ドロワーメニュー(モバイルのみ) */
		/* -------------------------------- */
		.drawerMenu * {
			margin: 0;
			padding: 0;
			outline: none;
			border: none;
			font: inherit;
			font-family: inherit;
			font-size: 100%;
			font-style: inherit;
			font-weight: inherit;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			text-align: left;
			text-decoration: none;
			list-style: none;
		}

			/* 表示ページによる場合分け */
			.top-only { display: none;  }
			.not-top  { display: block; }
			.homePage .top-only { display: block; }
			.homePage .not-top  { display: none;  }

			/* ▼ドロワーボタンの表示と動作 */
			.drawerMenu .drawerBg {
				width: 100%;
				height: 100%;
				position: fixed;
				z-index: 999;
				background-color: rgba(255, 255, 255, 0.5);
				display: none;
				top: 0;
				left: 0;
			}
			.drawerMenu .drawerBtn {
				display: block;
				background: none;
				border: none;
				width: 46px;
				height: 31px;
				letter-spacing: 0.1em;
				cursor: pointer;
				position: fixed;
				top: 0px;		/* ボタンの配置(上) */
				right: 0px;		/* ボタンの配置(右) */
				z-index: 1001;
				text-align: center;
				outline: none;
				border-radius: 50%;
				background-color: rgba(255,255,255,0);		/* 3本線枠の背景色 */
				padding: 3px 0px 6px 6px;					/* 3本線周囲の余白量 */
				box-sizing: content-box;
			}
			.drawerMenu .drawerBtn.active .drawerBar {	width: 23px; transform-origin: left center; }	/* 3本線がクロスする場合の長さ */
			.drawerMenu .drawerBtn.active .drawerBar1 {	transform: rotate(45deg); }
			.drawerMenu .drawerBtn.active .drawerBar2 {	opacity: 0;	}
			.drawerMenu .drawerBtn.active .drawerBar3 {	transform: rotate(-45deg); }
			.drawerMenu .drawerBtn.active .drawerLabelMenu {	display: none;	}
			.drawerMenu .drawerBtn.active .drawerLabelClose {	display: block;	}
			.drawerMenu .drawerBar {
				display: block;
				height: 4px;			/* 3本線の太さ */
				margin: 4px 6px;		/* 3本線の「上下間隔」と「横の長さ」 */
				transition: all 0.2s;
				transform-origin: 0 0;
			}

			/* ▼ドロワーボタンの色 */
			.drawerMenu .drawerBtn { color: #276490; } /* 文字色 */
			.drawerMenu .drawerBtn .drawerBar { background-color: #000; } /* バーの色(元:#276490) */

			/* ▼ドロワーボタン下のラベル */
			.drawerMenu .drawerText {
				text-align: center;
				font-size: 10px;
			}
			.drawerMenu .drawerLabelClose {
				letter-spacing: 0.08em;
				display: none;
			}
			.drawerMenu .drawerLabelMenu {
				display: block;
			}

			/* ▼モバイル用メニュー本体(ラッパー) */
			.drawerMenu .drawerNaviWrapper {
				background-color: rgba(255,255,255,0.9);	/* 重なるメニューの背景色 */
				width: 240px;								/* 重なるメニューの横幅 */
				height: 100%;
				transition: all 0.2s;
				transform: translate(312px);
				position: fixed;
				top: 0;
				right: 0;
				z-index: 1000;	/* 最前面表示 */
			}
			.drawerMenu .drawerNaviWrapper.open {
				transform: translate(0);
			}

			/* ▼モバイル用メニュー本体 */
			.drawerMenu .drawerNaviList {
				padding: 30px 6px;				/* メニューの動的な表示開始位置を調整する際は、padding-topの値を変更する。 */
			}

			/* ▼モバイル用メニュー項目 */
			.drawerMenu a {
				color: inherit;
				text-decoration: none;
				display: block;
				padding: 9px 18px;
				border-bottom: 1px dashed #ccc;
			}
			.drawerMenu a:visited {
			  color: inherit;
			}
			.drawerMenu a:hover {
				background-color: snow;
			}
				/* ▼字下げ項目 */
				.level2nd {
					text-indent: 1em;
				}

		/* ---------------- */
		/* ▽上部案内文章枠 */
		/* ---------------- */
			.tagline {
				font-size: 1.25em;
				letter-spacing: -0.02em;
				margin-top: 1.67em;
			}

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */

}

/* ====================================================== */
/* ■スマートフォン（横幅599px以下）専用の追加・上書きCSS */
/* ====================================================== */
@media all and (max-width:599px) {

	/* ================== */
	/* ▼ページ全体・汎用 */
	/* ================== */
	body {
		font-size: 0.95rem;
	}

	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */

}

/* ======================================================== */
/* ■やや小型なスマホ（横幅375px以下）専用の追加・上書きCSS */
/* ======================================================== */
@media all and (max-width:375px) {

	/* ================== */
	/* ▼ページ全体・汎用 */
	/* ================== */
	body {
		font-size: 0.95rem;
	}

	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
		/* …………………… */
		/* ▼サイトマップ枠 */
		/* …………………… */
		.sitemapBox {
			margin: 1em 0.67em 0;
			padding: 1.2em 0.9em 4.5em 0.9em;
		}

}

/* ========================================================== */
/* ■小型スマートフォン（横幅359px以下）専用の追加・上書きCSS */
/* ========================================================== */
@media all and (max-width:359px) {

	/* ================== */
	/* ▼ページ全体・汎用 */
	/* ================== */
	body {
		font-size: 0.9rem;
	}

	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */

	/* ============ */
	/* ▼メイン区画 */
	/* ============ */
	main {
		width: 100%;
		overflow: hidden;
	}

		/* ……………………… */
		/* ▼ボードゲーム領域 */
		/* ……………………… */
			/* ＿＿＿＿＿＿＿＿＿ */
			/* ▼１ゲームボックス */
			/* ￣￣￣￣￣￣￣￣￣ */
				/* ゲーム枠上側 */
				.boardgameHead {
					margin: 1em 0.5em;
				}
					/* ゲーム画像段 */
					.boardgameImage {
						width: 150px;
					}
						/* ゲーム画像 */
						.photoBox img {
							width: 150px;
						}

	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
		/* …………………… */
		/* ▼サイトマップ枠 */
		/* …………………… */
		.sitemapBox {
			margin: 1em 0.25em 0;
			padding: 1.2em 0.25em 4.5em 0.25em;
		}

}


/* ===================================================== */
/* ■PCサイズ画面（横幅1024px以上）専用の追加・上書きCSS */
/* ===================================================== */
@media screen and (min-width:1024px) {

	.mobile-only { display: none !important; }

	/* ================== */
	/* ▼ページ全体・汎用 */
	/* ================== */
	body {
		font-size: 1rem;
	}

	/* ※Windows環境で日本語Webフォントのシャギーを防ぐ */
	h2,h3,h4,
	.boardgameCover,
	.contentsLink,
	.aboutList li,
	.sitemapList li,
	.sitemapBottom,
	.boardgameReviewCover,
	.boardgameActionList li,

	.menuButton,
	.mainParagraphs,
	.upperFooter {
		transform: rotate(0.03deg);
	}

	/* ============ */
	/* ▼ヘッダ区画 */
	/* ============ */
	.headBox {
		margin: 0;
		padding: 1em 0 0 0;
		text-align: center;
	}

		/* ------ */
		/* ▼ロゴ */
		/* ------ */
		h1 {
			font-size: 1.3em;
			letter-spacing: 0.2em;
		}
		h1 img {
			width: 90px;
		}

		/* ---------------------------- */
		/* ▼グローバルメニュー(PCのみ) */
		/* ---------------------------- */
		.globalMenuArea {
			display: block;
			margin: 1em auto;
		}
		.globalMenuBox {
			position: relative;
			z-index: 50;	/* スライドショーに消されないように、スライドショー関連よりも大きな値を指定する */
			list-style-type: none;
			margin: 0;
			padding: 0;
			*zoom: 1;
		}
		.globalMenuBox:before, .globalMenuBox:after{ content: ""; display: table; }
		.globalMenuBox:after{ clear: both; }

		/* ▽メイン(第1階層)メニュー項目 */
		.globalMenuBox li {
			position: relative;
			display: inline-block;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.globalMenuBox li a {
			display: block;
			margin: 0;
			padding: 0 2.1em;
			font-size: 1.15em;
			line-height: 1.75;
			text-decoration: none;
			text-align: center;
			vertical-align: middle;
		}

		/* ▽Instagramアイコン */
		.instaLinkIcon {
			vertical-align: top;
		}

		/* 表示ページによる場合分け */
		.globalMenuBox li.top-only { display: none;  }
		.globalMenuBox li.not-top  { display: inline-block; }
		.homePage .globalMenuBox li.top-only { display: inline-block; }
		.homePage .globalMenuBox li.not-top  { display: none;  }


	/* ============ */
	/* ▼メイン区画 */
	/* ============ */

		/* ▼吹き出し画像枠 */
		.fukidashiImageBox {
			margin: 0;
			padding: 0;
			text-align: center;
		}
			.fukidashiImageBox img {
				display: block;
				margin: 0 auto;
				width: 18em;
			}

		/* ------------------ */
		/* ▼汎用：見出し関連 */
		/* ------------------ */

		/* ▼サブタイトル */
		.subtitle {
			margin-top: 3.5em;
			font-size: 1.35em;
		}

		/* ▼サブ見出し */
		.subhead {
			margin-top: 3.5em;
		}

		/* ---------------- */
		/* ▼汎用：本文関連 */
		/* ---------------- */

		/* ▼本文 */
		.mainParagraphs {
			margin: 1em 15%;
			line-height: 1.7;
			font-size: 1.2em;
		}

		/* ▼中央揃えにする短文段落 */
		p.shortSentences {
			margin-bottom: 2em;
		}

		/* ………………………… */
		/* ▼パンくずリスト領域 */
		/* ………………………… */
		.pankuzuArea {
			margin: 1em 10%;
			font-size: 0.8em;
		}

		/* ……………………… */
		/* ▼ボードゲーム領域 */
		/* ……………………… */
		.boardgamesArea {
			margin: auto;
			max-width: 1100px;
			text-align: center;
		}

			/* ＿＿＿＿＿＿＿＿＿ */
			/* ▼１ゲームボックス */
			/* ￣￣￣￣￣￣￣￣￣ */
			.boardgameCover {
				margin: 2em 0;
				padding: 0 0.5em;
				display: inline-block;
				max-width: 480px;
				vertical-align: top;
				text-align: left;
			}

					/* ゲーム情報段 */
						/* ゲーム名 */
							.gameName .jp { font-size: 1.15em; }
							.gameName .en { font-size: 1em; }

						/* ゲーム名下部の線 */
						.gameName::after {
							width: 140px;
							background-size: 140px;
						}

						/* ゲーム仕様テーブル */
						.conditions {
						}
							/* 見出し行 */
							.conditions th {
								font-size: 0.95em;
							}
								/* 見出しアイコン */
								.conditions th img {
									height: 40px;
								}
							/* 中身行 */
							.conditions td {
								font-size: 1.05em;
							}
								/* 単位 */
								.conditions .unit {
									font-size: 0.75em;
								}

					/* ゲーム画像段 */
					.boardgameImage {
						width: 220px;
					}

						/* ゲーム画像 */
						.photoBox img {
							width: 220px;
						}

				/* ゲーム紹介枠 */
				.boardgameBody {
					font-size: 1.1em;
					line-height: 1.7;
					min-height: 9em;
				}

			/* ゲーム枠下側の枠線 */
			.boardgameCover::after {
				width: 60px;
				background-size: 60px;
			}

			/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
			/* ▼１ゲーム詳細ページ用の上書き調整 */
			/* ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ */
			.gameDetailPage .boardgameCover {
				max-width: 750px;
				margin-bottom: 0;
			}

					/* ゲーム情報段 */
						/* ゲーム名 */
							.gameDetailPage .gameName .jp { font-size: 1.3em; }
							.gameDetailPage .gameName .en { font-size: 1.2em; }

						/* ゲーム名下部の線 */
						.gameDetailPage .gameName::after {
							width: 160px;
							background-size: 160px;
						}

						/* ゲーム仕様テーブル */
						.gameDetailPage .conditions {
							margin-top: 2.1em;
						}
							/* 見出し行 */
							.gameDetailPage .conditions th {
								padding: 0 1.4em;
								font-size: 1.05em;
							}
								/* 見出しアイコン */
								.gameDetailPage .conditions th img {
									height: 45px;
								}
							/* 中身行 */
							.gameDetailPage .conditions td {
								font-size: 1.2em;
							}

					/* ゲーム画像段 */
					.gameDetailPage .boardgameImage {
						width: 370px;
					}

						/* ゲーム画像 */
						.gameDetailPage .photoBox img {
							width: 370px;
						}

						/* スタンプ */
						.gameDetailPage .photoBox img.stamp {
							right: -120px;
							bottom: 10px;
							width: 240px;
						}

				/* ゲーム紹介枠 */
				.gameDetailPage .boardgameBody {
					margin-top: 3em;
					font-size: 1.2em;
				}

			/* 吹き出し見出し */
			.gameDetailPage .fukidashiImageBox img {
				max-width: 25em;
				width: 100%;
			}

			/* ＿＿＿＿＿＿＿＿＿＿＿ */
			/* ▼１ゲームレビュー区画 */
			/* ￣￣￣￣￣￣￣￣￣￣￣ */
			.gameDetailPage .boardgameReviewCover {
				margin: 3em auto 0 auto;
				max-width: 750px;
			}

				/* レビューボックス */
				.gameDetailPage .boardgameReview {
					font-size: 1.21em;
					background-size: 120px;
					line-height: 1.6;
					max-width: 500px;
				}

				/* 奇数番目 */
				.gameDetailPage .boardgameReview:nth-of-type(2n+1) {
					padding: 70px 80px 0 0;
				}

				/* 偶数番目 */
				.gameDetailPage .boardgameReview:nth-of-type(2n) {
					padding: 70px 0 0 90px;
					margin-left: 140px;
				}

			/* ‥‥‥‥‥‥‥‥ */
			/* ▼購入関連リンク */
			/* ‥‥‥‥‥‥‥‥ */
			.boardgameActionLink {
				margin: 7em 1em 5em 1em;
			}
				/* リンクリスト */
					.boardgameActionList li {
						padding: 0 1.5em;
					}
						.boardgameActionList li a {
							min-width: 5em;
							font-size: 1.1em;
						}
							.boardgameActionList img {
								width: 60px;
							}

		/* …………………………… */
		/* ▼コンテンツリンク領域 */
		/* …………………………… */
		.contentsLinkArea {
			margin: 5em 0 0 0;
			padding: 0 4em;
		}

			/* リンクボタン(共通) */
			.contentsLink {
				width: 324px; /*268px;*/
				height: 219px; /*181px;*/
				padding: 120px 1em 0 1em;
				margin: 0 2em 2em 2em;
			}
				.contentsLink .jp { font-size: 1.2em; }
				.contentsLink .en { font-size: 1.2em; }

		/* ……………………… */
		/* ▼お問い合わせ領域 */
		/* ……………………… */
		.contactArea {
		}

			/* 入力フォームフレーム */
			#ContactFormFrame {
				height: 540px;
			}

		/* ………………… */
		/* ▼お知らせ領域 */
		/* ………………… */
		.infoBody {
		}
			.onelogbox {
				max-width: 500px;
			}

		/* ………………………… */
		/* ▼インスタグラム領域 */
		/* ………………………… */
			/* インスタ写真BOX用 */
			.instaPhotoTable {
				border-spacing: 5px;
			}

		/* ……………… */
		/* ▼ABOUT 領域 */
		/* ……………… */
		.aboutArea {
		}

			.subtitleHeadImage {
				max-width: 150px;
				max-height: 100px;
			}

			/* 店主写真区画 */
			.personCover {
				background-image: url("/imgs/bg_dice_gr.png");
				background-size: contain;
				background-repeat: no-repeat;
			}
			.personBox {
				max-width: 600px;
				margin: 0 auto;
			}

				/* ネームプレート */
				.ownerNamePlate {
					max-width: 270px;
				}

			/* 本文 */
			.aboutArea .mainParagraphs {
				margin: 2em 12%;
			}

			/* リスト */
			.aboutList {
				margin: 2em 10% 2em 14%;
				font-size: 1.2em;
			}
				.aboutList li {
					padding: 0 1em 1em 38px;
					background-size: 24px;
					background-position: left 5px;
				}


	/* ============ */
	/* ▼フッタ区画 */
	/* ============ */
	footer {
		font-size: 1.2em;
	}

		/* ---------------- */
		/* ▼フッタ上部領域 */
		/* ---------------- */

		/* ▼フッタ上部の線 */
		.upperFooter::before {
			width: 300px;
			background-size: 300px;
		}

		/* ………… */
		/* ▼ロゴ枠 */
		/* ………… */
		.shopNameAndLogo {
			font-size: 1.2em;
		}
		.shopNameAndLogo img {
			width: 150px;
		}
		.shopNameAndLogo a:hover {
			background-color: transparent;
		}

		/* ……………… */
		/* ▼アドレス枠 */
		/* ……………… */
		.addressBox {
			max-width: 900px;
		}

		/* ---------------- */
		/* ▼フッタ中間領域 */
		/* ---------------- */
		/* ---------------- */
		/* ▼フッタ下部領域 */
		/* ---------------- */

			/* …………………… */
			/* ▼サイトマップ枠 */
			/* …………………… */
			.sitemapBox {
				margin: 1.2em 1.2em 0;
				padding: 2em;
				text-align: left;
				line-height: 2.5;
			}

}

/* ================ */
/* ■PCサイズ微調整 */
/* ================ */
@media screen and (min-width:1190px) {

		/* ---------------------------- */
		/* ▼グローバルメニュー(PCのみ) */
		/* ---------------------------- */
		.globalMenuBox li a {
			padding: 0 3em;
		}

}