@charset "utf-8";
/* CSS Document */
@import url('https://use.fontawesome.com/releases/v5.0.10/css/all.css');




/* =============================================================================
   Reset
   ========================================================================== */

*{
	padding:0px;
	margin:0px;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
	overflow:hidden;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
img{
	vertical-align:bottom;
}
form {
	margin: 0px;
	padding: 0px;
}

/* =============================================================================
   Base
   ========================================================================== */

body {
	/*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	font-family:/* "kozuka-mincho-pro",*/"Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
	font-size: 14px;
	line-height:1.8;
	color:#fff;
	background-color:#000;
	border-top: 1px solid #997947;
}

#wrapper {
}

#container {
	/*background:url(/img/contents_bg.jpg) no-repeat center top;*/
  background:#000;
	width:100%;
	height:auto;
	min-height:1213px;
}

#main {
}

.container{
	max-width:1400px;/*1080px*/
	margin:0 auto;
	overflow:hidden;
}
.title_container{
  text-align: center;
}

.wrapper{
}

.photo{
	text-align:center;
  position: relative;
  background: #000;
}
.photo img{
	transition: all 0.5s ease 0s;
}
.photo img:hover{
	opacity: 0.6;
}
.thum{
	float:left;
}

.thumr{
	float:right;
}

#gnavi {
    background-color: rgba(1,1,1,0.85);
}
#gnavi .container {
}
#gnavi ul {
	/*padding:5px 0;*/
}
#gnavi li a{
	text-decoration: none;
	padding:10px 0;
	display:block;
	transition: all 0.5s ease 0s;
}
#gnavi li {
	float: left;
	font-size:1rem;
	text-align: center;
	line-height: 1.4;
	/*font-family: "EB Garamond",sans-serif;font-weight: bold;*/
	font-family: 'Roboto Slab', serif;
	letter-spacing: 0.05em;
}
#gnavi li span{
	display:block;
	font-size:0.7rem;
	color:#fff;
	font-weight:normal;
	font-family: "kozuka-mincho-pro","Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
}

#gnavi li img {
}

/*初期状態*/
#gnavi li{
	width:calc(100% / 11)
}

#gnavi li.nv_01{
	display:none;
}

/*スクロール後状態*/
#gnavi.fixed li.nv_01{
	display:block;
	width:19%;
	text-align:left;
}
#gnavi.fixed li.nv_01 a{
	padding:0;
}
#gnavi.fixed li.nv_01 img {
	width:240px;
}
#gnavi.fixed li{
	width:7.36%;
}
#gnavi.fixed li a{
	padding:15px 0;
}

/*最後2つ*/
#gnavi li.nv_09{
	background-color:#3C5E50;
}
#gnavi li.nv_10{
	background-color:#997947;
}
#gnavi li.nv_09 a,
#gnavi li.nv_10 a{
	color:#fff
;}


#gnavi li a:hover{background: #333;}
#gnavi li.nv_01 a:hover{background: none;}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#base_data {
    background-color: rgba(25,25,25,0.85);
    /*border-bottom: 1px solid #333;*/
    font-size: 10px;
    padding: 7px 0;
}
#base_data .container {
}
#base_data h1 {
    float: right;
}
#base_data ul {
	overflow:hidden;
}
#base_data li {
	float:left;
}
#base_data li a{
}
#base_data .crumb {
	color:#fff;
}
#base_data a {
    text-decoration: none;
}
.main_title {
    font-family: "Roboto Slab",serif;
    text-align: center;
    letter-spacing: 0.25em;
    font-size: 1.8rem;
    padding: 25px 0;
    line-height: 1.5;
    margin-bottom: 2%;
}
.main_title span {
    display: block;
    font-size: 0.8rem;
    color:#fff;
    letter-spacing: 0.15em;
    font-weight: bold;
}

.letter-text{
  background: linear-gradient(90deg, #8e6c37, #f6e2b0, #ffe9b7, #a47a3e);/*#EDD3A1,#B48131*/
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}



/* =============================================================================
   Header
   ========================================================================== */

#header {
    padding: 3px 0;
		background-color: #222;
}

#header .container {
	position: relative;
}

#header #logo {
    float: left;
}
#header #logo img{
    width:250px;
}


#header #bn_tel {
}

#header .container a {
}

#bn_tel {
    float: right;
		color:#fff;
		font-family: "Roboto Slab",serif;
		font-size: 1.7rem;
		line-height: 1.3;
		letter-spacing: 0.04em;
}
#bn_tel span{
    font-size:1rem;
		display: block;
		letter-spacing: 0.25em;
		color:#ccc;
}
#header_sub_contents {
	  display: none;
    left: 555px;
    position: absolute;
    top: 25px;
}

#header_sub_contents ul {
}

#header_sub_contents ul li {
    float: left;
    margin: 0 15px 0 0;
	font-family: "kozuka-mincho-pro","Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
	text-indent: 10px;
	font-size: 15px;
}

#header_sub_contents ul li a {
    text-decoration: none;
}

/* =============================================================================
   Effect
   ========================================================================== */

/*.btn_more a:link, .btn_more a:hover, .btn_more a:visited{
	text-decoration:none;
	color:#111;
}*/

.button {
    color: #fff;
    display: inline-block;
    font-family: "kozuka-mincho-pro","Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
    padding: 0.6em 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 14em;
    font-size: 14px;
}

.button--border {
  transition: all 0.4s;
  border: none;
  background-repeat: no-repeat;
  background-image: linear-gradient(to left, #cfaf7a 0%, #997947 100%), linear-gradient(to bottom, #cfaf7a 0%, #cfaf7a 100%), linear-gradient(to right, #997947 0%, #cfaf7a 100%), linear-gradient(to top, #997947 0%, #997947 100%);
  overflow: hidden;
  z-index: 1;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-size: 0% 3px, 3px 0%, 0% 3px, 3px 0%;
}
.button--border.in {
  background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
}
.button--border.in:after {
  opacity: 0;
  transition: 0s all;
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: linear-gradient(to left, #cfaf7a 0%, #997947 100%), linear-gradient(to bottom, #cfaf7a 0%, #cfaf7a 100%), linear-gradient(to right, #997947 0%, #cfaf7a 100%), linear-gradient(to top, #997947 0%, #997947 100%);
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
}
.button--border.ready:after {
  opacity: 1;
}
.button--border:before {
  content: '';
  position: absolute;
  height: 400%;
  width: 0%;
  transform-origin: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-image: linear-gradient(to left, #cfaf7a 0%, #997947 100%);
  transition: all 0.4s;
  z-index: -1;
}
.button--border:hover {
  letter-spacing: 0.1em;
  cursor: pointer;
}
.button--border:hover:before {
  width: 100%;
}

.button--svg {
  color: #fff;
  padding: 1em 3em;
  border: none;
  position: relative;
  display: inline-block;
}
.button--svg:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 200;
  stroke-dashoffset: 48;
}
.button--svg svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.button--svg rect {
  stroke-width: 6px;
  stroke-dasharray: 700, 0;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

@keyframes enter {
  0% {
    stroke-dashoffset: 700;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

/* ------- */

.effect  img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.effect :hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* ------- */


.btn-fr {
	position: relative;
	display: inline-block;
	border: 1px solid #000;
	/*color: #fff;*/
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all .2s;
}
.btn-fr::before,
.btn-fr::after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 1px solid transparent;
}
.btn-fr::before {
	top: -1px;
	left: -1px;
}
.btn-fr::after {
	bottom: -1px;
	right: -1px;
}
.btn-fr:hover {
	color: #000;
}
.btn-fr:hover::before,
.btn-fr:hover::after {
	width: 100%;
	height: 100%;
}
.btn-fr:hover::before {
	border-bottom-color:#997947;
	border-left-color: #997947;
	transition: height .3s, width .3s .3s;
}
.btn-fr:hover::after {
	border-top-color: #997947;
	border-right-color: #997947;
	transition: height .3s, width .3s .3s;
}


/* ------- */

.moved img {
	vertical-align: bottom;
}
.moved figure {
	width: 240px;
	height: 240px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: #C60103;
}
.moved figcaption p {
	font-size: 12px;
}
.moved {
	color: #fff;
}
.moved a{
	color: #fff !important;
}
.moved figure:after {
	position: absolute;
	background: #fff;
	content: "";
	display: block;
	width: 90%;
	height: 1px;
	left: 5%;
	top: 50%;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.moved figure:hover:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.moved figcaption p,
.moved figcaption h3 {
	position: absolute;
	text-align: center;
	width: 100%;
	opacity: 0;
	-webkit-transition: all .3s ease-out .4s;
	-moz-transition: all .3s ease-out .4s;
	transition: all .3s ease-out .4s;
}
.moved figcaption h3 {
	bottom: 51%;
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	transform: translateY(-30px);
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	width: 92%;
	left:12px;
}
.moved figcaption p {
	top: 52%;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	transform: translateY(30px);
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	width: 92%;
	left:12px;
}
.moved figure:hover figcaption p,
.moved figure:hover figcaption h3 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.moved figure img {
	-webkit-transition: all 1.2s ease-out;
	-moz-transition: all 1.2s ease-out;
	transition: all 1.2s ease-out;
}
.moved figure:hover img {
	opacity: .4;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
}

/* ------- */

.main_effect {
	position: relative;
	overflow: hidden;
}
.main_effect figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 100%;
  background: rgba(1,1,1,0.7) url("/img/dot01.png") repeat;
	/*background: rgba(153,121,71,0.9);
  background:linear-gradient(90deg, rgba(48,48,48,0.85) 60%, rgba(31,30,30,0.85));*/
	-webkit-transform: rotate(90deg) scale(0);
	transform: rotate(90deg) scale(0);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
  display:none;
}
.main_effect:hover figcaption {
	-webkit-transform: rotate(360deg) scale(1);
	transform: rotate(360deg) scale(1);
	opacity: 1;
}
.main_effect .comment {
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	border-top: 1px solid rgba(255, 255, 255, 0.8);*/
    color: #fff;
    font-family:"Lato",serif;
    font-size: 14px;
    /*font-style: italic;*/
    letter-spacing: 0.08em;
    line-height: 1.2;
    margin: 65% auto 0;
    padding: 10px 0;
    text-align: center;
    width: 70%;
}

/* =============================================================================
   Footer
   ========================================================================== */

#footer {
    background: #000;
    font-size: 12px;
    /*height: 348px;*/
    width: 100%;
}

#footer_logo{
padding:10px;
text-align:center;
}

#footer_logo img{
width:66.6%;
}

#footer_logo a{
transition: 0.5s;
}

#footer_logo a:hover {
	filter:Alpha(opacity=60) ;
	opacity:0.6 ;
	-moz-opacity:0.6;
}

.contact_box{background: #222222;padding:2% 0 3%;
}

.contact_box .contact_box_tbl{
  display: table;
  width:800px;
  margin:auto;
  letter-spacing: 0.05em;
  text-align: center;
}
.contact_box .contact_box_tbl .tel_tbl,
.contact_box .contact_box_tbl .form_tbl
{
  display: table-cell;
  width:50%;
  font-size:2.2rem;
	font-family: 'Roboto Slab', serif;
}
.contact_box .contact_box_tbl .tel_tbl{
  border-right:1px solid #393939;
	color:#fff;
}

.contact_box .contact_box_tbl i{
  font-size: 2rem;
  color:#dbc28f;
}
.contact_box .contact_box_tbl span{
  display:block;
  font-size:0.8rem;
  color:#CCCCCC;
}

.footer_menu {
    padding:2% 0;
    text-align: center;
}
.footer_menu li{
    display:inline;
    padding:0 5px;
    border-left:1px solid #666;
    letter-spacing: 0.05em;
}
.footer_menu li:first-child{
    border-left:none;
}
.footer_menu li a {
    text-decoration: none;
    color:#fff;
}
#footer .footer_menu a::after, .texteffect a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #997947;
	transition: .3s;
}

.shop_name {
    font-size: 13px;
    font-weight: bold;
}
.shop_detaile {
}
address {
	text-align:center;
	color:#fff;
  /*padding:1% 0;*/
  background: url("/img/bg_ivy.jpg") repeat;
  letter-spacing: 0.1em;
	height:58px;
	line-height: 58px;
}
address a {
	text-decoration:none;
}


#scrollUp {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 98;
}

#scrollUp {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 98;
}
#scrollUp i {
    font-size: 1.5rem;
		line-height:2.2;
}
#scrollUp a {
    border: medium none;
    display: block;
    height: 58px;
    text-align: center;
    width: 60px;
    z-index: 11;
}
#scrollUp a {
    background: #997947;
    color: #fff;
}
#scrollUp a:hover {
    background: rgba(255, 255, 255, 0.5) ;
    color: #000;
}



/* =============================================================================
   Link
   ========================================================================== */

a {
	transition: color .3s;
}

#footer a, .texteffect a {
	position: relative;
	display: inline-block;
	transition: .3s;
}

#footer a:hover::after, .texteffect a:hover::after {
	width: 100%;
}

a:link, a:hover ,a:visited{
	/* text-decoration:underline; */
	color:#dbc28f;
}
a:hover, a:hover img {
	filter:Alpha(opacity=100) ;
	opacity:1.0 ;
	-moz-opacity:1.0;
}



/*btn*/

.btn_more{
	text-align:center;
}
.btn_more2 {
}
.btn_more2 a {
    padding: 15px 25px;
    /*width: 240px;*/
	background-color:#000;
	color:#FFF;
	/*font-family: Lato,sans-serif;font-family: "Roboto Slab",serif;*/
	letter-spacing: 0.1em;
	font-size: 0.9rem;
	font-weight: bold;
	transition: all 0.5s ease 0s;
}
.btn_more2 a:hover{
	background:rgba(1,1,1,0.8);
}

.btn_more_hotel {
}
.btn_more_hotel a {
    padding: 0px 0px;
    /*width: 240px;*/
	background-color:#000;
	color:#FFF;
	/*font-family: Lato,sans-serif;font-family: "Roboto Slab",serif;*/
	letter-spacing: 0.1em;
	font-size: 0.9rem;
	font-weight: bold;
	transition: all 0.5s ease 0s;
}
.btn_more_hotel a:hover{
	background:rgba(1,1,1,0.8);
}



/*今すぐ設定*/

.realtime span {
    font-size: 12px;
    letter-spacing: 0.05em;
}
.realtime_01 {/*今すぐ*/
    background-color: #3C5E50;/*rgba(255, 0, 127, 0.6)*/
}
.realtime_02 {/*残りわずか*/
    background-color: rgba(0, 105, 140, 0.6);/* rgba(252, 104, 32, 0.6)*/
    /*font-size: 15px;
    height: 45px;
    line-height: 1.1;
    padding-top: 15px;*/
}
.realtime_03 {/*残り1枠*/
    background-color: rgba(0, 105, 140, 0.6);
    /*font-size: 15px;
    height: 45px;
    line-height: 1.1;
    padding-top: 15px;*/
}
.realtime_04 {/*要確認*/
    background-color:#303030 ;/*rgba(163, 0, 217, 0.6)*/
}

.realtime_05 {/*完売*/
    background-color: #303030;/*rgba(51, 51, 51, 0.6)*/
    /*font-family: "Cookie",cursive;
    font-size: 20px;
    height: 44px;
    line-height: 0.8;
    padding-top: 16px;*/
}
.realtime_06 {/*案内まで〇〇分*/
    background-color: #303030;
    line-height: 1.2;
}
.realtime_06 span{
    font-size:0.7rem;
    display:block;
    letter-spacing: -0.05em;
}


/*font*/
#schedule_box table,#icon li,.sche_data,.main_title span,#newface li .icon,.types,.footer_menu li,.today,.date,#main .icon li,
#main .thum .icon_schedule,.line_01,.btn_more2 a  {
  font-family: "Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}

#base_data .crumb,.pr{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}


/*落ち着いたカーキ #997947*/
#main h3 .en{
  color:#997947;
}

/*明るめカーキ　#dbc28f*/

.btn_more2 a:hover,#btn_box li a:hover,#personal_data dt,#fee,#mens .tel,#contact .tel,
.enr_course h3,#option .free span,#credit h4,#flow h4,#rule h4,#rule .frame,#price tbody td:first-child,
#price thead td,#price dd,.box .title,#mainv .galdata .pickup,#topics .title,
#gnavi li a ,#notice .attention, .caution span,.box h3,#rule .frame,.rec_type{
  color:#dbc28f;
}

/*リスト名前枠の背景*/
#schedule .box,#newface li .box,#main .box{/**/
  background:linear-gradient(to bottom, rgba(1, 1, 1, 0), rgb(1, 1, 1)) repeat;
}


/*斜めグラデーション*/
.half_con,#main .thumr,.nfsort a,#diary_box,#schedule_box,#credit .cardcom .thum,#credit .cardcom .thumr,#topics,#diary,#notice,#error{
  background:linear-gradient(90deg, #303030, 60%, #1f1e1e);}


/*LINE*/
.line_01{
  font-size:2rem;
  color:#00C300;
  letter-spacing: 0.2em;
	font-weight: bold;
  /*display: inline;*/
}
.line_01 i{
  font-size:3rem;
  margin-right:5px;
    vertical-align: middle;
		font-weight:normal;
}


/*タイプアイコン*/
.types {
    background-color: rgba(1, 1, 1, 0.7);
    border: 1px solid #997947;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.5% 2%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
}
/*新人＆指名料*/
.icons {
    bottom: 30px;
    position: absolute;
    right: 0;
    width: 70px;
    z-index: 11;
}
.icons img{
	width:70px;
	display:block;
}

.today {
    background:linear-gradient(135deg, #8e6c37,#ffe9b7, #a47a3e);
    color: #000;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    width:50px;
    padding:3% 0;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.2;
    z-index: 11;
}