/*--------------------------
	MOO Multilingual Guide
	moo946.com
	2021-06-18	update
	2017-03-01
----------------------------*/



/*--------------
	Adjust
--------------*/
#wrapper	{
	width: 1000px;
	margin:0 auto;
	padding: 0;
	font-family: sans-serif;
	background-color: #fff;
}
#footer		{ padding: 1em; text-align: center; font-family: sans-serif; }
#footer		{ color: #fff; background-color: #369; }
#footer	a	{ color: #fff; }

h2,
h3,
h4	{ margin:1rem 0; text-align: center; }
h3	{ margin:2rem 0 1rem; padding:.3em; }

h2	{ color: #169969; font-size: 1em; }
h3	{ color:#fff; background-color:#1e90ff; font-size: 1.6em; border: none; border-radius: 10px; }
h4	{ color:#fff; background-color: #36c; background-image: none; }
h5	{ margin-left: 0; }

h2 .fa,
h2 .fa-2x	{ font-size: 4em; color: #36b989; display: block; margin-bottom: .3rem; }


table.solid		{ font-size: .8em; font-family: sans-serif; }
table.solid		{ margin: 1rem 10px; width: calc(100% - 20px); }
table.solid tr	{ line-height: 1.5; }
table.solid td	{ padding: .75em; vertical-align: middle; }
table.solid .d	{ white-space:nowrap; background-color:#fff8c8; }
table.solid .dd	{ white-space:nowrap; background-color:#ffd; }
table.solid .h	{ color: #fff; background-color: #36c; }

.ph		{ width: 30%; padding: .5rem; box-shadow: 0px 0px 9px rgba(000,000,000,0.2); }
.ph img	{ width:100%; display: block; margin: 0; }

.fl	{ margin-bottom: 2rem; margin-right: 2rem; }
.fr	{ margin-bottom: 2rem; margin-left: 2rem; }

.clr	{ clear: both; }

/* スクロール動作を無効 */
.map_wrapper{}
iframe	{
	margin: 10px;
	width: calc(100% - 20px);
    height: 400px;
	border:0;
}






/*--------------
	Original
--------------*/
/*
.langs		{ height: 40px; padding: 1rem 30px 0 0; color: #333; font-size: .8rem; text-align: right; }
.langs ul	{ float: right; margin: 0; padding: 0; }
.langs li	{ float: left;  margin: 0; padding: 0; list-style: none; transition: .2s; }
.langs li		{ color: #06c; box-shadow: 0px 0px 9px rgba(000,000,000,0.2); }
.langs li:hover	{ color: #fff; background-color: #ff4e74; }
.langs li+li{ margin-left: 1rem; }
.langs a {
	display: block;
	height: 25px;
	padding: 0 .5rem;
	color: inherit;
	line-height: 25px;
	text-decoration: none;
}
*/
.langs		{ height: 40px; padding: 1rem 30px 0 0; text-align: right; }
.langs a 	{ display: block; color: inherit; text-decoration: none; }
.langs ul	{ margin: 0; padding: 0; display: inline-flex; }
.langs li	{
	list-style: none;
	margin: 0;
	height: 25px;
	padding: 0 .5rem;
	line-height: 25px;
	color: #06c;
 	font-size: .8rem;
	transition: .2s;
	background-color: rgba(0,32,64,.1);
/*
 	border:1px solid #36c;
	box-shadow: 0px 0px 9px rgba(000,000,000,0.2);
*/
}
.langs li:hover	{ color: #fff; background-color: #ff4e74; border-color: #ff4e74; }	/* rgba(255,255,0,.3); */
.langs li.current	{ color: #fff; background-color: #36c; border-color: #36c; }
.langs li+li{ margin-left: 1px; }
/*
.langs a:after	{
	margin-left: .3rem;
	color: #c00;
	font-family: FontAwesome;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content:"\f138";
}
*/

/* Container */
.container	{
	margin: 0;
	padding: 0 30px;
	line-height: 1.6;
}

/* floor map */
.snam	{ font-size: .9rem; font-weight: 600; padding: .5rem; }
#boxer .tpbox {
	position: absolute;	/* #boxer 幅指定必須 */
	width: 60vw;		/* #boxer 幅指定必須 */
	max-width: 640px;
	margin: auto;
	text-align: left;
	background-color: #fff;
}
#boxer .tpbox	{ display: block; }
#boxer .tpbox h4	{ margin: 0 0 10px; font-size:.8rem; font-weight: normal; text-align: center; background-color: #36c; }
#boxer .tpbox img	{ display: block; width: 100%; }

.flexbox	{
	margin: 1rem 10px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flexbox li	{
	list-style: none;
	margin-bottom: 1rem;
	padding: .5rem 0;
	min-height: 2rem;
	text-align: center;
	font-size: .9em;
	background-color: #fcfae0;
	box-shadow: 0px 0px 9px rgba(000,000,000,0.2);
}
.flexbox li.none	{ background-color: transparent; box-shadow: none; }

.clm2 li	{ width: calc((100% - 1rem) / 2); }
.clm3 li	{ width: calc((100% - 2rem) / 3); }
.clm4 li	{ width: calc((100% - 3rem) / 4); }


/* default .tpbox */
.tpbox	{ display: none; }




/* --
For Smartphone
画面の横幅が728px以下
-- */
@media only screen and (max-width: 728px) {
	html	{ font-size: 1rem; }
	#wrapper	{ width: auto; }
	#container	{ padding: 0 10px; }
	#footer a	{ display: block; }

	img	{ max-width: 100%; }
	h2  { font-size: 1rem; }
	h3  { padding: .5rem; font-size: 1.1rem; border-radius: 0; }

	h2 .fa,
	h2 .fa-2x	{ font-size: 3em; }

	table.solid		{ margin: 1rem 0; width: auto; display: block; overflow-x: auto; border: none; }
	table.solid th,
	table.solid td	{ padding: .3em; border:1px solid #abc; }
	table.solid .d,
	table.solid .dd	{ white-space: normal; }

	.langs	{ padding-right: 1rem; }

	.container	{ padding: 0 1rem; line-height: 1.5; }

	.ph	{ width: auto; }

	.fl,
	.fr	{ float: none; margin: 0; }

	.sep { margin-top: 20px; padding-top: 20px; }

	.flexbox	{ margin: 1rem 0; }
	.flexbox li	{ font-size: .8rem; }
	.snam	{ font-size: 1.1rem; }

	.clm2 li,
	.clm3 li,
	.clm4 li	{ width: 100%; }

	#boxer .tpbox {
		left: 0; right: 0;	/* #boxer モバイル表示のみ */
		margin-top: 1rem;
		width: 80vw;
		border: 1rem solid #fff;
	}
}