@charset "utf-8";


/*layout*/
.top_about{
	background:url(/img/about/bg_04_sp.png) top center repeat;
	background-size: cover;
	padding: 0 0 80px;
}
.about_txt01{
	margin-bottom: 50px;
}
.place_map{
	margin: -30px 5vw 0;
	position: relative;
}
.place_map ul li a{
	position: absolute;
	width: 20%;
	height: 20%;
	display: block;
	text-indent: -9999px;
}
.place_map ul li a.map01{
	background:url(/img/about/no1_off.png) 0 0 no-repeat;
	background-size:100%;
	top:66.5%;
	left: -2%;
	margin-left: -3%;
}
.place_map ul li a.map02{
	background:url(/img/about/no2_off.png) 0 0 no-repeat;
	background-size:100%;
	top:53%;
	left: 54%;
}
.place_map ul li a.map03{
	background:url(/img/about/no3_off.png) 0 0 no-repeat;
	background-size:100%;
	top:11.5%;
	left: 33%;
}
.place_map ul li a.map04{
	background:url(/img/about/no4_off.png) 0 0 no-repeat;
	background-size:100%;
	top:89%;
	left: 81%;
}
.place_map ul li a.map05{
	background:url(/img/about/no5_off.png) 0 0 no-repeat;
	background-size:100%;
	top:23%;
	left: 54%;
}
.place_map ul li a.map06{
	background:url(/img/about/no6_off.png) 0 0 no-repeat;
	background-size:100%;
	top:82%;
	left: 21%;
}
.place_map ul li a.map07{
	background:url(/img/about/no7_off.png) 0 0 no-repeat;
	background-size:100%;
	top:74.5%;
	left: 52.5%;
}
.place_map ul li a.map08{
	background:url(/img/about/no8_off.png) 0 0 no-repeat;
	background-size:100%;
	top:97%;
	left: 54%;
}
.place_map ul li a.map09{
	background:url(/img/about/no9_off.png) 0 0 no-repeat;
	background-size:100%;
	top:58%;
	left: 12%;
}
.place_map ul li a.map10{
	background:url(/img/about/no10_off.png) 0 0 no-repeat;
	background-size:100%;
	top:46.5%;
	left: 35%;
}
.place_map ul li a.map11{
	background:url(/img/about/no11_off.png) 0 0 no-repeat;
	background-size:100%;
	top:69%;
	left: 90%;
	z-index: 9;
}
.place_map ul li a.map12{
	background:url(/img/about/no12_off.png) 0 0 no-repeat;
	background-size:100%;
	top: 32%;
	left: 24%;
}
.place_map ul li a.map13{
	background:url(/img/about/no13_off.png) 0 0 no-repeat;
	background-size:100%;
	top:55%;
	left: 84%;
}

.placein_img{
	overflow: hidden;
	margin-bottom: 20px;
}
.placein_img>div:nth-child(2){
	margin-top: 15px;
}
.placein_txt{
	margin-bottom: 15px;
	background: #fff;
}
.placein_txt h3{
	margin-bottom: 15px;
	border-bottom: 1px solid #314a35;
	font-size: 1.5rem;
	color: #314a35;
	letter-spacing: 1px;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.placein_txt h3 span{
	font-size: 1.7rem;
	margin-right: 10px;
}
.placein_txt p{
	line-height: 2;
}
.placein_txt .info_more{
	margin-top: 15px;
	margin-bottom: 10px;
}

.gray_wrap{
	margin-top: 60px;
	background:#fff url(/img/about/bg01_sp.png) center top no-repeat;
	background-size:100%;
	padding: 140px 0 0;
}
.gray_wrap_in{
	width: 100%;
	background:#f5f3ee;
	z-index: 99;
	padding-top: 0;
	padding-bottom: 30px;
}
.gray_wrap_in h2{
	margin-bottom: 50px;
}
.gray_wrap_in h3{
	font-size: 1.4rem;
	line-height: 2.6rem;
	color: #551900;
	margin-bottom: 10px;
}

.about_his_wp{
	padding: 10vw 7vw;
	background: #fff;
}
.about_his_wp .ui_title_S{
	margin-bottom: 20px;
}
.about_his_col02{
	padding-top: 40px;
}
.about_his_pic{
	display: flex;
	justify-content: space-between;
}
.about_his_pic li{
	width: 47%;
}
.about_his_pic li:nth-child(1){
	margin-top: -20px;
}
.about_his_col02 li{
	width: 100%;
}
.about_place_mb{
	margin: 15vw 0 80px;
}
.about_photo_list{
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
}
.about_photo_list li{
	margin-right: 25px;
	margin-bottom: 40px;
	width: calc((100% - 25px)/2.001);
}
.about_photo_list li:nth-child(2n){
	margin-right: 0;
}
.about_photo_list li h4{
	padding-top: 15px;
	font-size: 1.06rem;
	text-align: center;
}
.about_photo_pic{
	position: relative;
}
.about_photo_at{
	position: absolute;
	left: 0;
	top: 0;
	padding: 2px 10px 1px;
	background: #314a35;
	color: #fff;
	line-height: 1.4;
	font-size: 0.75rem;
}
.about_photo_modal{
	cursor: pointer;
	transition: 0.3s;
	opacity: 1;
}
.about_photo_modal:hover{
	transition: 0.3s;
	opacity: 0.6;
}
.about_photo_modal::after{
	content: '';
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 20px;
	height: 21px;
	background: url(/img/photo_zoom.png) no-repeat;
	background-size: 100%;
}
#anc_snav3{
	padding-top: 60px;
	margin-top: -60px;
}
.ui_snav{
	margin-bottom: 80px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.ui_snav li{
	width: 31%;
	background: #314a35;
}
.ui_snav li a{
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;	
	color: #fff;
	font-size: 1.06rem;
	line-height: 1.2;
	background: url(/img/arr_snav.png) no-repeat center bottom 15px;
	background-size: 5px auto;
}
.ui_snav li a span{
	padding: 35px 0 60px;
	width: 20px;
}


/* noukotsudo */
.sub_mainimg{
	margin-bottom: 50px;
}
.nou_info h2{
	margin-bottom: 140px;
}
.tit_line_l{
	text-align: left;
}
.tit_line_l span{
	left: 0;
}
.tit_h3{
	font-size: 1.5rem;
    line-height: 2.8rem;
	color: #314a35;
	margin-bottom: 60px;
}
.nou_boxin .nou_img{
	margin-bottom: 50px;
}
.nou_boxin .nou_img li{
	width: 47.3%;
	overflow: hidden;
}
.nou_boxin .nou_img li:last-child{
	margin-top: -60px;
}
.nou_boxin.change .nou_img li:last-child{
	margin-top: 60px;
}
.nou_info{
	margin-bottom: 90px;
}
.price_info{
	margin-bottom: 90px;
}
.price_list li h3{
	text-align: center;
	border-bottom: 2px #314a35 solid;
}
.price_list li h3 span{
	background: #fff;
	padding: 0 20px;
	display: inline-block;
	position: relative;
	bottom: -24px;
}
.price_dl{
	display: flex;
	align-items: center;
	justify-content:center;
	color: #314a35;
	margin:0 auto 30px;
}
.price_dl02 dt{
	padding-top: 8px;
}
.price_dl dt{
	margin-right: 15px;
	width: 55px;
}
.price_dl dd{
	margin-right: -10px;
	line-height: 2.6em;
	font-size: 0.75rem;
	width: 220px;
}
.price_dl dd span{
	font-size: 1.25rem;
}
.price_dl dd .price_big{
	font-size: 2.1rem;
}
.price_dl dd p{
	line-height: 1;
}
.price_dl_text01{
	margin-right: -25px;
}
.price_txt{
	font-size: 1.1rem;
	line-height: 2rem!important;
	margin-bottom: 30px;
}
.price_dl dd .noteS{
	margin-left: 1em;
	text-indent: -1em;
	line-height: 1.1rem;
}
.tel_info{
	background: #f5f5f5;
	padding: 15px 0;
	text-align: center;
	margin-bottom: 90px;
}
.tel_info p{
	line-height: 1.6rem;
}
.tel_txt01{
	font-size: 1.87rem;
	color: #314a35;
	letter-spacing: 2px;
}
.tel_txt01 a{
	color: #314a35;
}
.dot_line{
	border-bottom: 3px #314a35 dotted;
	padding-bottom: 60px!important;
	margin-bottom: 50px;
}
.tit_floor{
	vertical-align: middle;
	margin-bottom: 30px;
}
.tit_floor p{
	font-size: 1.5rem;	
	display: inline-block;
	margin-bottom: 10px;
	border-left: 2px #314a35 solid;
	border-right: 2px #314a35 solid;
	padding: 3px 15px;
	color: #314a35;
}
.tit_floor p span{
	font-size: 1.7rem;
}
.floor_info h3{
	font-size: 1.2rem;
}
.floor_img02{
	max-width: 140px;
}
.floor_01{
	padding-left: 12%;
}
.floor_02{
	width: 233px;
	margin-top: -99px;
	margin-bottom: 30px;
}
.floor_03{
	justify-content: flex-end;
	align-items: flex-end;
	padding-left: 10%;
}
.floor_03 .floor_img01{
	width: 47%;	
	max-width: 140px;
}
.floor_01 h3{
	margin-bottom: 0;
}
.floor_01 h3 span{
	font-size: 1rem;
}
.floor_01 p{
	line-height: 1.6rem;
}
.floor_01 .floor_img02{
	margin-bottom: 12px;
}
.floor_img01{
	max-width: 350px;
}
.floor_txt{
	width: 115px;
	display: flex;
	align-items:flex-start;
	flex-wrap: wrap;
	line-height: 1.6;
}
.floor_txt dt{
	max-width:10px ;
	margin-right: 5px;
	margin-top: -3px;
}
.floor_txt dd{
	line-height: 1.6rem;
	margin-left: 0.5em;
	text-indent: -0.5em;
	font-size: 0.9rem;
}
.nou_btn01 {
	text-align: center;
	margin-bottom: 90px;
}
.nou_btn01 a{
	background: #314a35 url(/img/about/noukotsudo/ico_arrow_l.png) 15% 43% no-repeat;
	padding: 20px 50px 20px 80px;
	color: #fff;
	width: 275px;
	border-radius: 30px;
	margin: 0 auto;
	box-shadow:5px 5px 16px rgba(13,33,8,0.45); 
}
.mb_01{
	margin-bottom: 90px;
}
.tel_info h3{
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.floor_box02 .floor_01{
	padding-left: 0;
}
.floor_box02 .floor_02{
	width: 170px;
	margin: 20px auto 30px;
}
.tit_h2_02{
	color: #551900;
}

.placein_box{
	margin-bottom: 55px;
	display: flex;
	flex-wrap: wrap;
	flex-direction:column-reverse;
}
.placein_box>*{
	width: 100%;
}
.nou_info .tit_h2,.price_info .tit_h2{
	letter-spacing: 2px;
}
.nou_info .tit_h3{
	letter-spacing: 2px;
}
.tip_box{
	position: relative;
	top: -35px;
	text-align: center;
	color: #f00;
	line-height: 1.6 !important;
}
.tip_bottom{
	position: relative;
	top: -5px;
	margin-bottom: 10px;
	text-indent: -0.5em;
	color: #f00;
	line-height: 1.6 !important;
}

/*shop*/
.shop_info_wp{
	margin-top: 60px;
}
.shop_info{
	color: #314a35;
	text-align: center;
	line-height: 1.6;
}
.shop_info dt{
	margin-bottom: -3px;
	font-size: 0.875rem;
}
.shop_info dd{
	font-size: 1.9rem;
}
.shop_time_note{
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 1.5rem !important;
}
.shop_list_wp .about_photo_list li{
	margin-right: 10px;
	width: calc((100% - 10px)/2.001);
}
.shop_list_wp .about_photo_list li:nth-child(2n){
	margin-right: 0;
}
.shop_list_wp .about_photo_list li h4{
	margin-right: -0.5em;
	font-size: 0.8rem;
	line-height: 1.7;
}
.shop_col{
	position: relative;
	top: 1px;
	display: inline-block;
	margin: 0 -0.25em;
}

/*season*/
.season_snav{
	margin: 60px 0 10px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.season_snav li{
	width: calc((100% - 30px)/4.001);
}
.season_snav li a{
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;	
	font-size: 1.06rem;
	line-height: 1.2;
}
.season_snav li a span{
	display: block;
	padding: 40px 0 80px;
	width: 20px;
}
.season_snav li:nth-child(1) a{
	background: url(../img/season/bg_snav01_sp.png);
	background-size: 100% 100%;
}
.season_snav li:nth-child(2) a{
	background: url(../img/season/bg_snav02_sp.png);
	background-size: 100% 100%;
}
.season_snav li:nth-child(3) a{
	background: url(../img/season/bg_snav03_sp.png);
	background-size: 100% 100%;
}
.season_snav li:nth-child(4) a{
	background: url(../img/season/bg_snav04_sp.png);
	background-size: 100% 100%;
}
.season_snav li a:after{
	content: '';
	position: absolute;
	left: calc(50% - 1px);
	bottom: 25px;
	width: 5px;
	height: 17px;
	background: url(/img/season/arr_snav_b_sp.png) no-repeat;
	background-size: 100%;
}
#anc_spring .ui_title,#anc_summer .ui_title,#anc_autumn .ui_title,#anc_winter .ui_title{
	color: #000;
}
#anc_spring .ui_title span{
	border-color: #d4b4bf;
}
#anc_summer .ui_title span{
	border-color: #a4c3c3;
}
#anc_autumn .ui_title span{
	border-color: #d1bfb3;
}
#anc_winter .ui_title span{
	border-color: #c9d3ff;
}
.season_photo_wp{
	position: relative;
	padding-top: 10px;
	padding-bottom: 40px;
}
.season_photo_bg{
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 80px);
}
.bg_spring{
	background: url(/img/season/bg_spring_sp.png) center bottom;
	background-size: 100% 100%;
}
.bg_summer{
	background: url(/img/season/bg_summer_sp.png) center bottom;
	background-size: 100% 100%;
}
.bg_autumn{
	background: url(/img/season/bg_autumn_sp.png) center bottom;
	background-size: 100% 100%;
}
.bg_winter{
	background: url(/img/season/bg_winter_sp.png) center bottom;
	background-size: 100% 100%;
}
.pic_left{
	position: relative;
	z-index: 2;
}
.pic_left ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 10vw;
}
.pic_left ul li{
	position: relative;
	margin-right: 15px;
	margin-bottom: 15px;
	width: calc((100% - 15px)/2.001);
}
.pic_left ul li:nth-child(2n){
	margin-right: 0;
}
.pic_left ul li::after {
  content: '';
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 20px;
	height: 21px;
	background: url(/img/photo_zoom.png) no-repeat;
	background-size: 100%;
}
/*manekineko*/
.gray_wrap{
	margin-top: 60px;
	background:#fff url(/img/manekineko/bg01_sp.png) center top no-repeat;
	background-size:100%;
	padding: 140px 0 0;
}
.gray_wrap_in{
	width: 100%;
	background:#f5f3ee;
	z-index: 99;
	padding-top: 0;
	padding-bottom: 30px;
}
.gray_wrap_in h2{
	margin-bottom: 50px;
}
.gray_wrap_in h3{
	font-size: 1.4rem;
	line-height: 2.6rem;
	color: #551900;
	margin-bottom: 10px;
}
.bg_footsp{
	background: url(/img/manekineko/bg02.png) 0 bottom no-repeat;
	background-size:20%;
	padding-bottom: 80px;
}
.gray_wrap_in .catfoot{
	margin-bottom: 60px;
}
.cat_box{
	margin-bottom: 70px;
}
.cat_box .cat_img{
	overflow: hidden;
}
.cat_box .cat_txt{
	background: #fff;
	padding: 30px 20px 5px;
}
.cat_box .cat_txt h3{
	font-size:1.5rem ;
}
.cat_box.change .cat_img{
}
.cat_box.change .cat_txt{
	padding-bottom: 30px;
}
.cat_img_b{
	margin-top: 30px;
	text-align: right;
}
.cat_img_b img{
	width: 142px;
}
.cat_con{
	padding-top: 40px;
	position: relative;
}
#cat01{
	position: relative;
	z-index: 9;
}
.cat_pic01{
	position: absolute;
	z-index: 2;
	left: -10px;
	top: -45px;
	width: 89px;
}
.cat_pic02{
	position: absolute;
	z-index: 2;
	right: -5px;
	top: 160px;
	width: 73px;
}
.cat_title{
	color: #551900;
}
.cat_title span{
	border-color: #551900;
}
.ui_title_noBor.cat_title{
	margin-bottom: 0;
}

.cat_con .tit_line span{
	border-color: #551900;
}
.cat_klg{
	padding: 10px 0 60px;
}
.cat_klg_img{
	margin-bottom: 35px;
}
.cat_klg_text{
	margin-right: -1em;
	padding-left: 3%;
}
.cat_klg_text h3{
	margin-bottom: 15px;
	font-size: 1.5rem;
	color: #551900;
}
.cat_klg_text p{
	font-size: 1.06rem;
	line-height: 2.1;
}

.cat_map_wp{
	margin-top: 80px;
	padding-bottom: 170px;
	position: relative;
	background: #f5f3ee url(/img/manekineko/cat_map_bg_sp.png) no-repeat center bottom 60px;
	background-size: 80vw auto;
}
.cat_pic03{
	position: absolute;
	left: calc(50% - 40px);
	top: -51px;
	width: 90px;
	height: 51px;
	overflow: hidden;
}
.cat_map_wp .ui_title{
	margin-bottom: 70px;
}
.cat_map_wp .ui_sec{
	padding-top: 90px;
}
.cat_font01{
	margin-left: -0.3em;
	margin-right: -0.5em;
}
.cat_map_tit{
	padding: 16% 0 10%;
	display: flex;
	align-items: center;
	font-size: 0.8rem;
}
.cat_map_tit>div{
	margin-right: 10px;
	width: 38px;
}
.cat_map{
	position: relative;
	margin: 0 auto;
}
.cat_pic05{
	display: none;
}
.cat_mbtn_wp{
	position: relative;
	margin-top: 60px;
}
.cat_mbtn{
	position: absolute;
	z-index: 3;
	left: calc(50% - 100px);
	top: -68px;
	width: 195px;
	height: 75px;
}
.cat_btn{
	position: absolute;
	left: 0;
	top: 0;
	width: 17%;
	height: 16%;
	background: url(/img/manekineko/btn_cat_off.png);
	background-size: 100% 100%;
}
.cat_btn:hover{
	opacity:1;
	background-image: url(/img/manekineko/btn_cat_on.png);
}
.cat_btn_a{
	top: 51.5%;
	left: 28.5%;
}
.cat_btn_b{
	top: 65%;
	left: 38%;
}
.cat_btn_c{
	top: 41.5%;
	left: 61%;
}
.cat_btn_d{
	top: 63.5%;
	left: 64%;
}
.cat_btn_e{
	top: 77.5%;
	left: 42.5%;
}
.cat_pic02_02{
	display: none;
}
.placein_font_11{
	align-items: flex-start !important;
}
.placein_font_11 p{
	padding-top: 4px;
	line-height: 1.4;
	margin-bottom: 8px;
}
.nou_font_L{
	margin-bottom: 15px;
	display: inline-block;
	padding: 8px 15px 6px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6;
	background: #fff;
	color: #314a35;
}
.shop_noteS{
	font-size: 0.68rem;
	line-height: 1.6;
	margin: 5px 0 -5px;
}

@media only screen and (min-width: 0) and (max-width: 349px) {
	.price_dl{
		margin-left: -10px;
		margin-right: -20px;
	}
	.price_dl dd .price_big{
		font-size: 1.8rem;
	}
	.price_dl dd span{
		font-size: 1.1rem;
	}
	.price_dl dt{
		width: 60px;
		margin-right: 10px;
	}
	.floor_03{
		padding-left: 0;
	}
	
}