/*
Theme Name: nearme Theme
Theme URI: http://www.www.www/
Description: This is my nearme theme.
*/
@import "css/form.css";
/* --------------------------------------------------
	ベース
-------------------------------------------------- */
html {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 16px;
	font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;
	line-height: 1.7;
    word-break: break-all;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 　
	-webkit-text-size-adjust: 100%;
	background-color: #000!important;
	-webkit-overflow-scrolling: touch;
	} 
	
html.osMac body, body.osMac {
    font-family: Myriad, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	}

* {
	margin: 0;
	padding: 0;
	}
h1 { color: #fff; font-size: 320%; text-align: center; font-weight: normal;font-family: 'Julius Sans One', sans-serif; margin: 0 0 80px; line-height: 1.2;}
h2 { color: #fff; font-size: 200%; text-align: left; font-weight: normal;font-family: 'Julius Sans One', sans-serif; margin: 0 0 25px;line-height: 1.2; font-weight:normal;}

h4, h5, h6 {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	}
	
span { font-size: 11px; margin: 0 0 0 0px;}

span.yellow { color: #ff0;}

span.price {font-size: 180%;font-family: 'Julius Sans One', sans-serif; font-weight: bold; border-bottom: 2px solid #fff;}


a, p { color: #fff; text-decoration:none;}
a:visited { color: #fff; }
a:hover { color: #ff0; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
p {
	margin: 0 0 50px;
}

p.copy {
	font-size: 12px;
	display:blocl;
	text-align: center;
	color:#fff!important;
	z-index:999999999999999999999999999999;
	position:fixed:
	bottom:10px;
}

.floor-3 p{
	font-size:18px;
	margin-bottom:20px;
}
h2,p{
	text-shadow:2px 2px 0 #000, -2px -2px 0 #000,
              -2px 2px 0 #000, 2px -2px 0 #000,
              0px 2px 0 #000,  0 -2px 0 #000,
              -2px 0 0 #000, 2px 0 0 #000;
}
/* --------------------------------------------------
	リスト
-------------------------------------------------- */
ul {
	margin: 0;
	padding: 0;
	}

li {
	list-style: none;
	}

/* --------------------------------------------------
	イメージ
-------------------------------------------------- */
img {
	border: none;
	margin: 0;
	padding: 0;
	}

.insta{
	position:fixed;
	top:10px;
	right:70px;
	margin:0 auto;
	text-align:center;
	width:40px;
	height:auto;
}

.insta img{
	width:100%;
	height:auto;
	text-align:center;
	vertical-align:center;
}

header{
	z-index:99999999999999999;
}

.logo{
	width:120px;
	height:auto;
	float:left;
	position:fixed;
	top:10px;
	left:10px;
	z-index:999999999999999999999;
}

.logo img{
width:100%;
height:auto;
vertical-align:middle;
}

.lang p{
	position:fixed;
	color:#fff;
	font-size:20px;
	top:15px;
	right:120px;
	font-weight:900!important;
}

.lang a{
font-weight:normal!important;
}

section {
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}

section video {
	width:100%;
	height:auto;
	z-index:99999999999999999;
	background-color:#000;
}

section article {
	margin-top: 120px;
	margin-bottom: 70px;
	padding: 20px;
}

.container_top {
	margin: 0;
	padding: 0;
	width: 100%;
}

.container_top h1 {
	margin: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	top: 48%;
	left: 50%;
	width: 300px;
	height: 280px;
	margin-left: -150px;
	margin-top: -140px;
}

.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	width: 80%;
	-webkit-overflow-scrolling: touch;
}

.inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
	width: 80%;
}

#mail{
	position: fixed;
	right:35px;
	top: 22px;
	width: 28px;
	height: 18px;
	z-index: 999;
}

nav {
	width: 100%;
	height: 60px;
	position: fixed;
	left:0;
	top: 0;
	background-image: url(image/overlay.png);
	background-repeat: repeat;
}

nav ul.links-to-floor {
	width: auto;
	z-index: 999;
}

nav ul.links-to-floor li{
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
}

nav ul.links-to-floor li a {
	font-size: 110%;
	font-family: 'Julius Sans One', sans-serif;
	cursor: pointer;
	background: none;
	margin: 0 0 0 20px;
	padding: 0;
	line-height: 1.0;
	color: #fff;
}

nav ul.links-to-floor li.selected a{
	padding: 0 0 2px;
	border-bottom: 2px solid #fff;
	}
	
nav ul.links-to-floor li a:hover{
	padding: 0 0 2px;
	border-bottom: 2px solid #fff;
	}

.floor-1{
}

.floor-2{
	color: #fff;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

.floor-2 h1 {
	color: #fff;
}

.floor-2{
	background-image:url(image/about.jpg);
	background-size:cover;
	background-position:50% 30px;
	height:100%;
}

.floor-3{	
	background-image:url(image/price.jpg);
	background-size:cover;
	height:100%;
}

.floor-4{
	background-color:#333;
	height:100%;
}

.floor-5{
	background-image:url(image/contact.jpg);
	background-size:cover;
	height:100%;
}

.floor-6{
	background: #333;	
}

.floor-7{
	background: #333;	
}

div.box {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 35px;
	padding: 0;
}

div.text {
	float: left;
	width: 60%;
	height: auto;
	margin: 0;
	padding: 0;
}

div.image {
	float: right;
	width: 35%;
	height: auto;
	margin: 0;
	padding: 0;
}

div.image img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.space {
	clear: both;
	width: 100%;
	height: 1px;
	}

p.type {
	clear: both;
	border: 2px solid #fff;
	height: 44px;
	font-size: 135%;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	line-height: 44px;
	font-family: 'Julius Sans One', sans-serif;
}

ul.caution {
	margin: 0;
	padding: 0;
}

ul.caution li {
	list-style: inside;
	margin: 0;
	padding: 0;
}

div.box-price {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 50px;
	padding: 0;
}

div.box-price div.text {
	float: left;
	width: 60%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

div.box-price div.image {
	float: right;
	width: 35%;
	height: auto;
	margin: 0;
	padding: 0;
}

div.box-price h4 {
	margin: 0 0 15px;
	padding: 3px 0 2px;
	text-indent: 5px;
	line-height: 1.2;
	background-color: #fff;
	color: #4682B4;
}

div.box-price p {
	clear: both;
	margin: 0 0 25px;
	padding: 0;
	line-height: 1.2;
}

div.box-caution {
	border-top: 1px dotted #fff;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 0;
}

div.box-price-tour {
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 50px;
	padding: 0;
}

div.box-price-tour div.text {
	float: left;
	width: 60%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

div.box-price-tour div.image {
	float: right;
	width: 35%;
	height: auto;
	margin: 0;
	padding: 0;
	border-radius: 10px;
}

div.box-price-tour h4 {
	margin: 0 0 15px;
	padding: 3px 0 2px;
	text-indent: 5px;
	line-height: 1.2;
	background-color: #fff;
	color: #d4ab4c;
}

div.box-price-tour p {
	clear: both;
	margin: 0 0 25px;
	padding: 0;
	line-height: 1.2;
}

div.image img {
	border-radius: 10px;
}


nav .links-to-floor{position: absolute;bottom: 20px;left: 20px;}

.prev-next-links{width:100%;position: absolute;bottom: 50%;left:10px;font-size:22px;font-weight:bold;}
.prev-next-links .prev{
	float:left;
	padding-left:10px:
}

.prev-next-links .next{
	float:right;
	padding-right:20px;
}

/* --------------------------------------------------
	BLOG-LIST
-------------------------------------------------- */	
.post-box {
	float: left;
	width: 30.13%;
	height: auto;
	margin: 0 1.6% 30px;
}

.post-box .image {
	width: 100%;
	height: 150px;
	margin: 0 0 15px;
	overflow: hidden;
	position: static;
	background-color: #fff;
}

.post-box .image img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	position: relative;
	 top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

p.kata {
	font-size: 85% !important;
	font-weight: normal;
	line-height: 1.5;
	margin: 0 0 25px;
	padding: 0;
	}