@charset "utf-8";

/* reset.css
----------------------------------------- */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
ul,
ol,
li,
dl,
dt,
dd,
table,
caption,
th,
td,
form,
button,
label,
address,
blockquote,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
}

body {
	line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

nav ul {
	list-style: none;
}

hr {
	display: none;
}

img,
abbr {
	border: none;
	vertical-align: bottom;
}

ul,
ol,
li {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	text-align: left;
}


/* apply a natural box layout model to all elements, but allowing components to change */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

a:link,
a:visited,
a:active,
a:hover {
	overflow: hidden;
	outline: none;
}

/* IE8+, Chrome */
input,
button {
	outline: 0;
}

/* Firefox */
input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
}

/*------base-------------------------------------*/
html {
	font-size: 62.5%;
	/* 1 */
	-ms-text-size-adjust: 62.5%;
	/* 2 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


html,
body {
	margin: 0;
	/* 余白の削除 */
	padding: 0;
	/* 余白の削除 */
	width: 100%;
	height: 100%;
}






html {
	overflow-y: scroll;
}


body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: normal;
	letter-spacing: 0.1em;
	-webkit-text-size-adjust: 100%;
}


a {
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease-in 0s;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

.tab,
.pc,
.pc_tab {
	display: none;
}

.sp,
.tab_sp {
	display: block;
}


section {
	position: relative;
	z-index: 200;
}

#wrapper {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* 共通パーツ
----------------------------------------- */
.container {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

.inner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	height: 100%;
	text-align: center;
}


.inner-area {
	padding: 0 20px;
}

.main {
	margin-top: 30px;
}




/* Home */

.topimg {
	position: relative;
	text-align: center;
	margin: 100px auto 0;

}


.menu{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	}

ul.menulist{
	display: flex;
	flex-wrap: nowrap;
	 -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

ul.menulist li{

}

ul.menulist li a{
	display: block;
		cursor:pointer;
	font-size: 1.7rem;
	font-family: 'Lato', sans-serif;
	margin: 460px 30px 0; 
	min-width: 40px;
}


/* 2 */

.image-area {
	margin-top: 100px;
	font-family: 'Lato', sans-serif;
/*	text-shadow: 1px 1px 1px #666;*/
	text-align: center;
	color: #fff;
	position: relative;
}



.image-area .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
}

/*
.text-box{
	 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
}
*/

.image-area img {
	
}

.open,
.instagram,
.online,
.address {
	font-size: 1.8rem;
	font-weight: 700;
	font-weight: bold;
	line-height: 1.4;
}

.open,
.online,
.contact,
.address {
	margin-bottom: 20px;
}

.contact,
.tel {
	font-size: 1.8rem;
	font-weight: 700;
	font-weight: bold;
}

/* タブレット向け：760px～980px ---------------------------------- */

@media only screen and (min-width: 760px) {

	.sp,
	.pc {
		display: none;
	}

	.tab,
	.pc_tab,
	.tab_sp {
		display: block;
	}


	/* 共通パーツ
	----------------------------------------- */


	.topimg {
		margin: 200px auto 0;

	}

	.image-area {
		margin-top: 200px;
	}

/*
	.open,
	.instagram,
	.online,
	.address {
		font-size: 1.5rem;
		letter-spacing: .1.25rem;
		font-weight: 700;
		font-weight: bold;
		line-height: 1.65;
	}

	.open,
	.online,
	.contact,
	.address {
		margin-bottom: 20px;
	}

	.address {
		line-height: 1.3 !important;
	}

	.contact,
	.tel {
		font-size: 1.5rem;
		letter-spacing: .2rem;
		font-weight: 700;
		font-weight: bold;
	}
*/




	/* タブレット向けここまで */


	/* PC向け：981px～ ---------------------------------- */

	@media only screen and (min-width: 981px) {

		.sp,
		.tab,
		.tab_sp {
			display: none;
		}

		.pc,
		.pc_tab {
			display: block;
		}




	}


	/* PC向けここまで */


	/* widePC向けレイアウトの指定：1420px～ ---------------------------------- */

	@media only screen and (min-width: 1401px) {}


	/* widePC向けここまで */