@charset "UTF-8";
/* CSS Document */


/*全体のスタイル*/
*{
	margin: 0px;
	padding: 0px;
	
}

body{
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	/*font-family: 'Noto Sans JP', sans-serif;*/
  font-family: 'M PLUS 1p', sans-serif;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat;
}

#wrap{
	width:100%;
	overflow:hidden;
}

p,h1,h2,h3,h4,h5{
	margin-top:0;
}

img{
	max-width:100%;
	vertical-align:bottom;
	height:auto;
	width:auto;
	display:block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all  0.3s ease-in-out;
}

ul{
	margin:0;
	padding:0;
	list-style:none;
}

li{
	list-style:none;
}

a{
	text-decoration:none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all  0.3s ease-in-out;
}

a :visited{
	text-decoation:none;  
}

a :hover{
	text-decoration:none;
}


.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 3s;
}

@keyframes fadein {
    100% {  opacity: 1;}
}

/*.fadeUp{
animation-name:fadeUpAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}*/


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeInTrigger,
.fadeUpTrigger{
    opacity: 0;
}


/*以下遅延の指定*/
.box01 {animation-delay: 1s;}
.box02 {animation-delay: 1.3s;}
.box03 {animation-delay: 1.6s;}
.box04 {animation-delay: 1.9s;}
.box05 {animation-delay: 3s;}
.box06 {animation-delay: 3.5s;}
.box07 {animation-delay: 4s;}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.tb { display: none !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 800px) {
  .pc { display: none !important; }
  .tb { display: block !important; }
  .sp { display: none !important; }
}
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 500px) {
  .pc { display: none !important; }
  .tb { display: none !important; }
  .sp { display: block !important; }
}




/*:::::::::::::::*ココからヘッダー*:::::::::::::::*/

#main_contents{
  width: 100%;
  height: auto;
  z-index:0;
  
}

.header_inner{
  max-width:1100px;
	margin:0 auto;
	height:auto;
}


.inner,
.footer_inner{
	/*width:1000px;*/
  max-width:1000px;
	margin:0 auto;
	height:auto;
}
	

/*ココからナビ*/
#top_line{
	width:100%;
	background-color:#000;
	fisplay:flex;
	position:fixed;
	top:0;
	left:0;
	height:40px;
	z-index:99;
	opacity:0.8;
	padding:1rem 0;
	line-height:2;
}

#rogo{
	float:left;
	max-width:190px;
  width: 19%;
	margin:2px 0px 3px 2%;
}

@media screen and (max-width: 1200px){
  #rogo{
	float:none;
  max-width:180px;
  width: 30%;
/*	margin:3px 0px 3px 4%;*/
    margin: 2px auto;
}
  
}
  
#rogo a:hover{
	/*opacity:0.8;*/
}
	
.gnav{
	float:right;
	max-width:750px;
	width:75.0%;
	height:auto;
	margin:4px 0px ;

}

.gnav_wrap{
	float:left;
	width:460px;
	height:auto;
	margin:5px auto;
	overflow:hidden;
	
}
	
.gnav_wrap ul{
	list-style:none;
}

.gnav_wrap li{
	float:left;
}

.gnav_wrap li a{
	width:90px;
	text-align:center;
	height:1.0em;
	line-height:1.0em;
	padding:6px 0px 3px;
	display:block;
	color:#fff;
	font-size:1em;
	border-left:solid 0.5px #fff;
}


.gnav_wrap .nav_cont{
	border-right:solid 0.5px #fff;
}

.gnav_wrap .disp a,
.gnav_wrap .disp a{
  color: #F9C;
}

.contact{
	float:right;
	width:250px;
	height:2em;
	margin:3px 0 3px;
	overflow:hidden;
}

/*.contact .instagram{
	width:30px;
	height:auto;
	float:left;
	margin:-1px 5px 6px 5px;
}*/
.sns{
  width:82px;
  float:left;
	height:auto;
  margin:0;
}
.sns a{
  width:30px;
	height:auto;
  margin:-1px 5px 6px;
}

.sns a:hover{
	opacity:0.8;
}

.insta_pink{
	color:#F9C;
}

/*.contact .line{
	width:30px;
	float:left;
	margin:-1px 5px 6px 5px;
}*/

.line_green{	
	color:#3C3;
}

.contact .tel a{
	width:160px;
	float:right;
	text-align:right;
	height:3em;
	line-height:1.8em;
	font-size:1.1em;
	color:#fff;
	padding:0px 5px 0 0;
  letter-spacing: 0.2px;
}


.contact .tel a{
		color:#fff;
}


.gnav_wrap li a:hover,
.contact a:hover{
	color:#F9C;
}

.gnav_wrap > li:hover,
.contact > :hover{
	-webkit-transition:all .5s;
	transition:all .5s;
}

.header_inner:after{
	content:"";
	clear:both;
	display:block;
}

/*ココ迄ナビ*/


#title{
	position:absolute;
	top: 300px;
	left: 25%;
	-ms-transform: translate(-50%,-20%); /* IE*/
	-webkit-transform: translate(-50%,-20%); /* Safari, Chrome, Opera */
	transform: translate(-50%,-20%); /*Firefox, Edge*/
	max-width: 60px;
	height: 300px;
  z-index: 0;
}

.main_read{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.2em;
	color: #f99;
	line-height: 2em;
	letter-spacing:0.2em;
	 -ms-writing-mode: tb-rl; /* IE */
	 -webkit-writing-mode:vertical-rl; /* Safari, Chrome, Opera */
  	writing-mode: vertical-rl;
  	padding: 10px;
}
	
.obj{
  width: 19%;
	position:fixed;
	left:0;
	top:0;
	z-index:999;
}

/*ここから本文*/
#common{
	clear:both;
	height:auto;
	margin:0 auto;
	position:relative;
}

.coupon_right{
  max-width:80px;
  /*max-width: 4.5%;*/
  width:8%;
	position:fixed;
	top:240px;
	right:0;
	z-index:999;  
}

.coupon_right a:hover{
  opacity: 0.8;
}


@media screen and (min-width: 501px){
#bottom_btn{
  display: none;
}
}
#bottom_btn{
  position: fixed;
  bottom: 0;
  left: 0;
  max-width: 500px;
  width: 100%;
  height: 40px;
  z-index: 99;
  background: #93278F;
}

#bottom_btn p{
  font-size: 0.9em;
  color: #fff;
text-align: center;
  padding: 2.0%;
}

.obj_right{
	/*max-width:240px;*/
  max-width: 24%;
	position:fixed;
	top:570px;
	right:0;
	z-index:999;
}

.obj_right02{
	/*max-width:240px;*/
  max-width: 24%;
	position:fixed;
	top:550px;
	right:0;
	z-index:999;
}

/*見出し部分*/
#comcept,
#menu,
#news{
	width:100%;
	margin:0px auto 90px;
	position:relative;
  z-index:9;
}

#recomm{
	max-width:100%;
	margin:0px auto 90px;
	position:relative;
	background-image:url(../images/recomm_base.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-attachment:scroll;
	height:420px;
}

#shop{
	width:100%;
	margin:0px auto 100px;
	position:relative;
	height:auto;
}

.comcept_title{
  -webkit-animation: fadeIn 8s ease 0s 1 normal;
    animation: fadeIn 8s ease 0s 1 normal; 
}

.comcept_title img,
.menu_title img,
.news_title img{
	max-width:200px;
  width: 20%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
  padding-top:40px;
}

.recomm_title img{
	max-width:340px;
  width: 34%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	margin-bottom:30px;
}

.shop_title img{
	max-width:270px;
  width: 27%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.comcept_contents{
  max-width:1000px;
	padding:40px 0;
}

.comcept_left{
	max-width:460px;
  width:46%;
	/*float:left;*/
	margin:70px 2% 0;
}

.comcept_left h2{
	font-family: 'Noto Serif JP', serif;
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:20px;
	color:#F99;
	letter-spacing:0.1em;
}
.comcept_left h2 span{
	font-family: 'Noto Serif JP', serif;
	font-size:1.4em;
	line-height:1.5em;
	margin-bottom:20px;
	color:#F99;
	letter-spacing:0.1em;
}

.comcept_left p{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:0.9em;
	line-height:2em;
	color:#960;
}

.migiyose01{
	max-width:820px;
  width:50%;
  /*max-height:100px;*/
	position: absolute;
	top: 230px;
	right:0;
  display: block;
}

/*ここからsab*/
.sab_title{
	position:absolute;
	top:250px;
	left:80px;	
}

.sab_title02{
	position:absolute;
	top:400px;
	right:100px;	
}

.sab_title03{
	position:absolute;
	top:130px;
	left:80px;	
}

.sab_title04{
	position:absolute;
	top:160px;
  right:100px;	
/*	z-index:999;*/
}

.sab_title05{
	position:absolute;
	top:230px;
	left:80px;	
}
@media screen and (max-width: 1200px){
.sab_title,
.sab_title02,
.sab_title03,
.sab_title04,
.sab_title05{
 	display: none;   
  }  
}


.sab_title p,
.sab_title02 p,
.sab_title03 p,
.sab_title04 p,
.sab_title05 p{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "serif";
	font-size:1.3em;
	color:tan;
	writing-mode: vertical-rl;
	letter-spacing:0.3em;
}

/*menu*/	
.menu_index{
	max-width:1000px;
/*  width:100%;*/
	height:auto;
	margin:40px auto;
}

.menu_cont{
	float:left;
	max-width:230px;
  width: 23.0%;
	display:block;
/*	overflow:hidden;*/
	margin:5px 1% 30px;
}

.clear_box{
	clear:both;
}

.menu_index h2{
	max-width:230px;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:1.1em;
	color:#F99;
	text-align:center;
	margin:5px auto;
  line-height: 1.1em;
}

.menu_index p{
	max-width:230px;
	height:auto;
	font-size:0.9em;
	line-height:1.4em;
	padding-top:5px;
	margin:5px auto 10px;
	text-align:center;
	color:#960;
}

.menu_index h2 span{
	font-size:0.8em;
}

.menu_cont a:hover{
	opacity:0.8;
}

.menu_index li.menu_img{
	margin-right: 0;
}
	
.inner:after{
	content:"";
	clear:both;
	display:block;
}

/*ここからnews&shop*/	
.topics_info{
	width:710px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:40px;
	font-size:0.9em;
	line-height:1.5em;
	color:#960;
}

.info{
	max-width:1000px;
  width:100%;
	margin:40px 2%;
	height:auto;
}
	
.shop_info{
	max-width:470px;
  width:47%;
	float:left;
	font-size:0.9em;
	line-height:1.8em;
	color:#960;
	height:auto;
  padding-left: 1.7%;
}

.shop_info span{
	font-size:0.8em;
}

.shop_spec ul{
	float:left;
	margin:0;
}

.topics_spec dl{
	padding:20px 0 25px;
	border-bottom:dotted 1px #960;
}

.shop_spec dl{
	padding:20px 0 43px;
	border-bottom:dotted 1px #960;
}

.shop_spec .add{
	padding:20px 0 16%;
	border-bottom:dotted 1px #960;
}

.shop_spec .add02{
	padding:20px 0 16%;
	border-bottom:dotted 1px #960;
}


.shop_spec .add a,
.shop_spec a{
	color:#F99;
}

.shop_spec .add a:hover,
.shop_spec a:hover{
	color:#960;
}

.topics_spec dt{
	float:left;
	width:100px;
	padding-left:10px;
  padding-right: 20px;
}

.shop_spec dt{
	float:left;
	max-width:50px;
  width:50%;
  padding-left: 2%;
}

.topics_spec .txt{
	/*float:left;*/
	max-width:600px;
	text-align:left;
}

.topics_spec .txt span{
  padding-left: 15px;
  color: #f69;
	
}

.topics_spec .txt a{
  color: #960;
  
}

.topics_spec .txt a:hover{
  color: #F99;
}

.shop_spec .txt{
	float:right;
	max-width:790px;
  width:79%;
	text-align:left;
	/*padding-left:2px;*/
  padding-left: 2%;
}

.topics dl:after,
.shop dl:after{
	content:"";
	display:block;
	clear:both;
}

.shop_info_right{
	float:right;
	max-width:430px;
  width:43%;
	margin-right: 5%;
}

.time img{
  max-width: 380px;
	height:auto;
	display:block;
  margin: 0 0 0 20px;
}

.sns_info{
	max-width:320px;
  width:100%;
  height:auto;
	margin:40px 10px 40px 50px;
}

.sns_info p{
	font-family:"Times New Roman", Times, serif;
	font-size:1.0em;
	color:#960;
/*	margin-left:15px;*/
	letter-spacing:0.2em;
	text-align:center;
	
}

.insta_info{
	background-image:url(../images/btn_insta.png);
	background-size:310px;
  background-position: center center;
	height:70px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:solid 0.5px #960;
	margin:10px 0;
}

.line_info{
	background-image:url(../images/btn_line.png);
	background-size:310px;
  background-position: center center;
  height:70px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:solid 0.5px #960;
	margin:20px 0;
}

.blog_info{
	background-image:url(../images/btn_blog.png);
	background-size:310px;
  background-position: center center;
  height:70px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:solid 0.5px #960;
	margin:20px 0;
}
	
.insta_info:hover{
	background-image:url(../images/btn_insta_on.png);
	background-size:310px;
  background-position: center center;
}

.line_info:hover{
	background-image:url(../images/btn_line_on.png);
	background-size:310px;
  background-position: center center;
}

.blog_info:hover{
	background-image:url(../images/btn_blog_on.png);
	background-size:310px;
  background-position: center center;
}

/*ここまでSNS*/

.access{
  clear: both;
  padding: 60px 40px 20px 0;
  max-width: 920px;
  width: 92%;
  margin: 0 auto;
}

.access_map h3{
  font-family:Verdana, Geneva, "sans-serif";
  color: #FD96BF;
}
.access_map p{
  font-size: 0.9em;
  color:#996600;
  margin: 10px 0 30px;  
}

.access_map img{
  display: block;
  width: 920px;
  margin: 0 auto;
  border: solid 1px #960;
}

/*ここからリンク*/
.link{
  clear: both;
  max-width: 1000px;
  margin: 0 auto;
  padding-top:60px;
}

.link_title img{
	max-width:260px;
  width: 26%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}


.link ul{
	list-style:none;
}

.link li{
  max-width:310px;
  width: 31%;
	float:left;
  color:#960;
  font-size: 0.9em;
  text-align: center;
  margin:10px 1% 10px 1.3%;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.link li a{
	max-width:300px;
	height:auto;
  margin-bottom: 5px;
	display:block;
	border:solid 1px #fff;
}

.link li a:hover{
  opacity: 0.8;
  
}

#cont_form{
	clear:both;
	width:100%;
	background-image:url(../images/contact_img.jpg);
	height:auto;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
  opacity: 0.9;
}	

.cont_tel{
	width:460px;
	margin:0px auto 20px;
	height:auto;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.1em;
	color:#fff;
	letter-spacing:0.1em;
	padding-top:70px;
}

.number{
	font-size:1.0em;
	padding-top:15px;
}

.number span{
	font-family:"Times New Roman", Times, serif;
	font-size:1.8em;
	letter-spacing:0.1em;
}

.cont_tel a{
  color: #fff;
}

.cont_tel a:hover{
  color: #F99;
}

.button{
	/*clear:both;*/
	max-width:800px;
	margin:0px auto;
	padding:0px 0;
}

.button ul{
	list-style:none;
}

.button li{
	float:left;
}

.button li a{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display:inline-block;
	width:340px;
	height:1.1em;
	font-size:1.1em;
	color:#fff;
	padding:30px 0px 40px;
	border:solid 0.8px #fff;
	text-align:center;
  background-color: hsla(0,0%,100%,0.2);
  margin:0px 28px 20px;
}

.button li a:hover{
	opacity:0.8;
}

.cont_line{
  clear: both;
	width:500px;
	margin:0px auto;
	height:auto;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
	padding:10px 0 25px;
}

.cont_line p{
  color:#fff;
  font-size:1.1em;
	letter-spacing:0.1em;
}

/*.cont_line_cont p{
  color:#960;
  font-size:1.2em;
	letter-spacing:0.1em;
}*/

.cont_line :hover{
  color: #960;
}


/*ここからrecomm*/
.info_recomm{	
	max-width:1000px;
	height:auto;
}

.info_recomm:after{
	content:"";
	display:block;
	clear:both;
}
	

.recomm_img{
	max-width:260px;
  width:26%;
	float:right;
	height:auto;
	display:block;
	margin-right:80px;
}

.comcept_left02{
	max-width:520px;
  width:52%;
	float:left;
	margin-left:18px;
	margin-top:0px;
	padding-bottom:18px;
	height:auto;
}

.comcept_left02 h2{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.5em;
	margin-bottom:9px;
	color:#F99;
	letter-spacing:0.1em;
	border-bottom:dotted 1.5px #F99;
	padding-bottom:12px;
}	
	
.info_recomm span{
  font-size: 0.7em;
}

.comcept_left02  p{
	font-size:0.9em;
	padding-top:5px;
	line-height:2em;
	color:#960;
}

.more{
	text-align:right;
	padding-top:8px;	
}

.more :hover{
	color:#F99;
}







/*ここからfooter*/
footer{
	margin:0 auto;
	background-color:#000;
	height:auto;
}

.footer_sns{
	max-width:120px;
	height:50px;
	margin:0 auto;
	padding-top:30px;
}

.instagram{
	width:30px;
	float:left;
	margin:0px 15px 0 15px;
}

.line{
	width:30px;
	float:left;
	margin:0px 10px 0 15px;
}

.instagram a:hover,
.line a:hover{
	opacity:0.8;
}



#footer_rogo{
	width:180px;
	height:auto;
/*	float:left;*/
	margin:0px auto;
	padding:20px 0;
}


address{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:0.7em;
	font-style:normal;
	color:#8c6239;
	margin:0 auto;
	padding:15px 0 15px;
  background-color: #F8D7E2;
}

.footer_inner:after{
	content:"";
	display:block;
	clear:both;
	
}