@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark A
*/

/*-------------------------------------------------
	Reset
-------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
    vertical-align:baseline;
    background:transparent;
}
body {
	line-height:1;
	-webkit-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}
ins {
    background-color:#fff;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
	font-size:inherit;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
img {
   vertical-align:top;
   font-size:0;
   line-height:0;
}

/*-------------------------------------------------
	Clearfix
-------------------------------------------------*/

.clearfix:after {
	content    : ".";
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
	line-height: 0;
	}
.clearfix { display : inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height : 1%; }
.clearfix { display : block; }
/* End hide from IE-mac */

/*-------------------------------------------------
	Base
-------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Gothic Medium BBB", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 100%;
	font-weight: 500;
	font-style: normal;
	line-height: 1;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #000;
}

/* loading */
.loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.bg-bk {
	background: #000;
}
.bg-wt {
	background: #fff;
}
.loading-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;
	width: auto;
	line-height: 0;
	text-align: center;
	z-index: 9999;
}
.loading-icon {
	display: block;
	animation: rotation 1s infinite linear;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin: auto;
}
.bg-bk .loading-icon {
	border: 2px solid rgba(255, 255, 255, .2);
	border-top-color: rgba(255, 255, 255, .6);
}
.bg-wt .loading-icon {
	border: 2px solid rgba(0, 0, 0, .2);
	border-top-color: rgba(0, 0, 0, .6);
}
@keyframes rotation {
	to {
		transform: rotate(360deg);
	}
}

a:link, a:visited {
	color: #3c3c3c;
	text-decoration: none;
	outline: none;
	opacity: 1;
	transition: all 360ms;
	-webkit-transition: all 360ms;
	-ms-transition: all 360ms;
	-moz-transition: all 360ms;
}
a:hover, .active {
	text-decoration: none;
	opacity: .7;
	cursor: pointer;
}

h1, h2, h3, h4, p {
	font-weight: normal;
	font-feature-settings: "palt";
}
p {
	padding-bottom: .75em;
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: .1em;
}

.w100 {
	width: 100%;
}
.f-l {
	float: left;
}
.f-r {
	float: right;
}
.pc-dn, .pc-dn-ib {
	display: none;
}
.sp-dn {
	display: block;
}
.sp-dn-ib {
	display: inline-block;
}
span.ib {
	display: inline-block;
}

@media screen and (max-width: 1150px) {
	.pc-dn {
		display: block;
	}
	.pc-dn-ib {
		display: inline-block;
	}
	.sp-dn, .sp-dn-ib {
		display: none;
	}
	.f-l, .f-r {
		float: none;
	}
}
@media screen and (max-width: 320px) {
  html {
    font-size: 50.5%;
  }
}
	

/*-------------------------------------------------
	Header
-------------------------------------------------*/
.header h1, #btn-vg, #btn-ca {
	position: fixed;
	z-index: 100;
}
.header h1 {
	top: 10%;
}
.header h1 img {
	width: 14px;
	height: 154px;
}
.header h1, #btn-vg {
	left: 6.875%;
}
#btn-ca {
	right: 6.875%;
}
#btn-vg, #btn-ca {
	top: 50%;
	transform : translateY(-50%);
	-webkit-transform : translateY(-50%);
	-ms-transform: translateY(-50%);
}
#btn-vg img {
	width: 92px;
	height: 106px;
}
#btn-ca img {
	margin-right: -3px;
	width: 81px;
	height: 60px;
}
.btn {
	cursor: pointer;
	opacity: 1;
}
.btn, .btn:hover {
	transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	-moz-transition: all .5s;
}
.btn:hover {
	opacity: .6;
}

@media screen and (max-width: 1023px) {
	.header h1 {
		top: 8vw;
	}
	.header h1, #btn-vg {
		left: 8vw;
	}
	#btn-ca {
		right: 8vw;
	}
	.header h1 img {
		width: 3.25vw;
		max-width: 14px;
		min-width: 10px;
	}
	#btn-vg img {
		width: 22.2vw;
		max-width: 92px;
		min-width: 71px;
	}
	#btn-ca img {
		width: 18.44vw;
		max-width: 81px;
		min-width: 59px;
	}
	.header h1 img, #btn-vg img, #btn-ca img {
		height: auto;
	}
}


/*-------------------------------------------------
	Slide
-------------------------------------------------*/
#slide-pc, #slide-sp, #slide-fv, #slide-vg, #slide-ca {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}
#slide-sp {
	display: none;
}
#slide-vg, #slide-ca,
body.vg #slide-ca, body.ca #slide-vg {
	opacity: 0;
	z-index: 0 !important;
}
#slide-fv, body.vg #slide-vg, body.ca #slide-ca {
	opacity: 1;
	z-index: 1 !important;
}
body.vg #slide-fv, body.ca #slide-fv {
	opacity: 0;
	z-index: -9999999 !important;
}
#slide-fv, #slide-vg, #slide-ca,
body.vg #slide-vg, body.vg #slide-c,
body.ca #slide-vg, body.ca #slide-ca {
	transition: opacity 1.5s, visibility 1.5s;
	-webkit-transition: opacity 1.5s, visibility 1.5s;
	-ms-transition: opacity 1.5s, visibility 1.5s;
	-moz-transition: opacity 1.5s, visibility 1.5s;
}

@media screen and (max-width: 750px) {
	#slide-pc {
		display: none;
	}
	#slide-sp {
		display: block;
	}
	#slide_wrapp {
		position: relative;
		overflow: hidden;
	}
	#slide_wrapp .slide_item {
		width: 100%;
		height: 100%;
		opacity: 0;
		transform: scale(1);
		transition: opacity 2s linear, transform 7.5s linear;
		position: relative;
		z-index: 1;
	}
	#slide_wrapp .slide_item:not(:first-child) {
		position: absolute;
		top: 0;
		left: 0;
	}
	#slide_wrapp .slide_item.show_ {
		opacity: 1;
	}
	#slide_wrapp .slide_item.zoom_ {
		transform: scale(1.1);
	}
	#slide_wrapp .slide_item img {
		display: block;
		position: relative;
		left: 50%;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: auto;
		height: 100%;
	}
}

/*-------------------------------------------------
	Sub-Menu
-------------------------------------------------*/
#menu-vg, #menu-ca {
	position: absolute;
	bottom: 10%;
	z-index: 100;
}
#menu-vg {
	left: 6.875%;
}
#menu-ca {
	right: 6.875%;
}
.menu ul li {
	display: block;
	font-size: 1.65rem;
}
.menu ul li.btn-order {
	padding-bottom: 23px;
}
.menu ul li.btn-info {
	padding-bottom: 26px;
}
.menu ul li.btn-insta {
	padding-bottom: 40px;
}
.btn-order img {
	height: 13px;
	width: 39px;
}
.btn-info img {
	height: 13px;
	width: 80px;
}
.btn-insta img {
	width: 24px;
	height: 24px;
}
#menu-ca ul {
	width: 78px;
	text-align: left;
}
ul.pc {
	display: block;
}
ul.sp {
	display: none;
}

@media screen and (max-width: 1023px) {
	ul.pc {
		display: none;
	}
	ul.sp {
		display: block;
	}
	#menu-vg, #menu-ca {
		bottom: 8vw;
	}
	#menu-vg {
		left: 8vw;
	}
	#menu-ca {
		right: 8vw;
	}
	.menu ul li.btn-order {
		padding-bottom: 19px;
	}
	.menu ul li.btn-info {
		padding-bottom: 21px;
	}
	.menu ul li.btn-insta {
		padding-bottom: 37px;
	}
	.btn-order img {
		width: 9.1vw;
		max-width: 39px;
		min-width: 29px;
	}
	.btn-info img {
		width: 18.9vw;
		max-width: 80px;
		min-width: 60px;
	}
	.btn-insta img {
		width: 5.76vw;
		max-width: 24px;
		min-width: 18px;
	}
	.btn-order img, .btn-info img, .btn-insta img {
		height: auto;
	}
	#menu-ca ul {
		margin-right: -3px;
		width: 18.44vw;
		max-width: 81px;
		min-width: 59px;
	}
}

/*-------------------------------------------------
	Modal
-------------------------------------------------*/
.modal {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 60%;
	max-width: 720px;
	height: 90%;
	max-height: 585px;
	text-align: center;
	background-color: rgba(255,255,255,0.6);
	z-index: 9999;
}
.modal-inner {
	position: relative;
	margin: 60px 37px 0 90px;
	height: calc(100% - 120px);
}
.modal-inner h3:before {
	content: "■";
	display: inline-block;
	margin-right: .25em;
}
.modal-inner h3, .modal-inner p {
	letter-spacing: .09em;
	text-align: left;
	color: #3c3c3c;
}
.order .modal-inner h3, .modal-inner p:last-child {
	padding-bottom: 0 !important;
}
.order .modal-inner h3, .order .modal-inner p, .text-indent-2 {
	padding-bottom: 2em;
	font-size: 1.2rem;
	line-height: 1.875;
}
.order .modal-inner p.daihyo {
	padding-bottom: 0;
	text-align: right;
}
.order a.btn, .order p.kakomi {
	margin: 20px 30px 20px 0;
	padding: 10px 14px;
	border: 1px solid #3c3c3c;
	background: rgba(255,255,255,0);
}
.order a.btn:last-child, .order p.kakomi {
	margin-right: 0;
}
/*
.order p.kakomi {
	margin-bottom: 35px;
}
*/
.order a.btn:hover {
	background: rgba(255,255,255,.6);
	opacity: 1;
}
.order a.mail img {
	padding-top: 6px;
}
.info .modal-inner p {
	padding-bottom: 1.75em;
	font-size: 1.3rem;
	line-height: 1.777;
}
#map {
	margin-bottom: 55px;
	width: 100%;
/*	max-width: 540px;*/
	height: 270px;
}
.gm-fullscreen-control, .gm-svpc {
	display: none !important;
}
span.mark {
	margin-right: .5em;
}
span.nakaguro {
	margin: 0 .1em;
}
span.nakaguro-sento {
	margin: 0 .25em;
}
.text-indent-1 {
	padding-left: 1.5em;
}
.order .modal-inner .text-indent-1 p {
	text-indent: -1.5em;
	padding-bottom: 0;
}
.order .modal-inner .text-indent-1 p:last-child {
	padding-bottom: 2em !important;
}
.text-indent-2 {
	padding-left: 1em;
}
.text-indent-2 p {
	text-indent: -1em;
}
.btn-close {
	display: none;
}
.close-area-pc, .close-area-sp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 9;
}
.close-area-pc {
	display: block;
}
.close-area-sp {
	display: none;
}

@media screen and (max-width: 1023px) {
	.modal {
		width: calc(100% - 8vw);
		max-width: 720px;
		height: calc(100% - 8vw);
		max-height: 585px;
	}
	.modal-inner {
		margin: 60px 7px 0 30px;
		height: calc(100% - 90px);
	}
	.modal-inner p {
		text-align: justify;
	}
	.btn-close {
		display: block;
		position: absolute;
		top: 15px;
		right: 15px;
	}
	.btn-close img {
		width: 15px;
		height: 15px;
	}
	.order .modal-inner p.daihyo {
		padding-bottom: 1.5em;
	}
	.order a.btn, .order p.kakomi {
		display: block;
		margin: 0;
		text-align: center;
	}
	.order a.btn:not(:last-child) {
		margin: 0 0 1em;
	}
	.order p.kakomi {
		margin: 1em 0 2.5em;
		text-align: left;
	}
	#map {
		margin-bottom: 2em;
	}
	.close-area-pc {
		display: none;
	}
	.close-area-sp {
		display: block;
	}
}

/*-------------------------------------------------
	Scroll-Bar
-------------------------------------------------*/
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #5a5a5a !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #787878 !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_draggerRail {
	border-radius: 0 !important;
}
.mCSB_inside > .mCSB_container {
	margin-right: 53px !important;
}

@media screen and (max-width: 1023px) {
	.mCSB_inside > .mCSB_container {
		margin-right: 23px !important;
	}
}

/*-------------------------------------------------
	Footer
-------------------------------------------------*/
.footer {
	position: fixed;
	bottom: 10%;
	left: 6.875%;
	z-index: 100;
}
.footer p {
	padding-bottom: 0;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: .05em;
	color: #fff;
}

@media screen and (max-width: 1023px) {
	.footer {
		bottom: 8vw;
		left: 8vw;
	}
}