/*
Name: Salon de le Ciel HP
Author: S.Fukushima
*/

/* 基本 */
body{
	background: #fff;
	padding:0;
	margin:0;
}
body,input,textarea{
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
a{
	text-decoration:none;
	color:#000;
}
a .hover{
	display: none;
}
a:hover .nomal{
	display: none;
}
a:hover .hover{
	display: inline;
}
ul{
	list-style-position:inside;
	list-style-type:none;
}
li{
	list-style: none;
}
img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100%;
}

/* ゴシック体 */
.gothic{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

/* ローディング画面 */
#loading {
	width: 100%;
	height: 100%;
	transition: all 1s;
	background-color: #fff;
	position: fixed;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.spinner,
.spinner:before,
.spinner:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: loading 1.8s infinite ease-in-out;
}
.spinner {
	color: #fff6ef;
	font-size: 5px;
	margin: 100px auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.spinner:before,
.spinner:after {
	content: '';
	position: absolute;
	top: 0;
}
.spinner:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner:after {
	left: 3.5em;
}
.loaded {
	opacity: 0;
	visibility: hidden;
}

/* ローディングアニメーション */
@-webkit-keyframes loading {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
@keyframes loading {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}

/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: block;
}

/* header */
header{
	background: #fff;
	padding: 0px;
	margin:1em auto 0;
}
.header_area{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1030px;
	width:100%;
	margin:0 auto 2%;
	padding-left: 2%;
}
.site_logo img{
	width: 92%;
	padding-top: 14%;
}
.site_logo{
	width: 40%;
	margin:0 auto;
}
.header_info{
	width: 65%;
	display:flex;
	justify-content: flex-end;
	align-items: center;
	list-style-position:inside;
	list-style-type:none;
	margin: auto 0 0 5%;
	padding:0;
}
.shop-detail{
	text-align: right;
    padding-left: 2%;
	margin:0;
}
.tel-fontsize{
	font-size: 2rem;
}
.open-close{
	font-size: 0.8rem;
}
.sns-wrap{
	width: 9%;
	margin-top: 5%;
}
.header_info ul li img{
	width: 50%;
}

/* 電話番号 */
.header_info ul li p{
	font-size:1.9em;
	font-style: oblique;
	font-weight:bold;
	margin:0;
}
.header_info ul li span{
	display:inline-block;
	font-size:0.7em;
	margin:0;
}

/* globalnav */
.globalnav{
	font-size:1.3em;
	max-width: 1000px;
	width:100%;
	margin:-2% auto;
}
.globalnav ul{
	display: flex;
	justify-content: space-between;
	list-style-type:none;
	padding:0;
}
.globalnav ul li{
	flex-grow: 1;
	text-align:center;
	flex-basis:10%;
	font-size: 1rem;
	padding: 0.9% 0;
}

.globalnav ul li a{
	padding: 1.6em 0;
	color: #333;
	text-decoration: none;
	display:block;
	width:100%;
	margin: 0 auto;
}
.globalnav ul li a:hover{
	color:#998c5f;
	text-decoration: none;
	width: 100%;
	margin: 0 auto;
	padding: 1.6em 0;
}

/* スクロール後メニュー */
.header_change{
	opacity:0.8;
	display: flex;
	justify-content: space-between;
	padding: 0px;
	position: fixed;
	top: -157px;
	transition: .5s;
	margin: -28px auto;
	width:80%;
	padding:0 10%;
	z-index:1000;
	display: none;
}
.header_change.show{
	top: 0;
}
.header_change .globalnav ul{
	margin:0;
}
.header_change .globalnav ul li a{
	color: #333;
	text-decoration: none;
}

/* TOP */
/* TOPシングル */
.salon-img{
	width: 100%;
}
.topphoto{
	max-width: 1000px;
	width:100%;
	margin: 0 auto 4%;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.topphoto-mb{
	width: 100%;
	margin: 0 auto 4%;
}

/* TOPスライドショー */
.topimg,
.topimg_sp{
	max-width: 1000px;
	width:100%;
	height:auto;
	margin:0 auto 4%;
	position: relative;
	overflow: hidden;
	display: none;
}
.topimg img,
.topimg_sp img{
	height: auto;
	width: 100%;
}
#topphoto1 img,#topphoto2 img,#topphoto3 img{
	position: absolute;
	width:100%;
	top:0;
	left:100%;
	-moz-animation: topimgTrans 12s infinite;
	-webkit-animation: topimgTrans 12s infinite;
	animation: topimgTrans 12s infinite;
	border:none;
}
#topphoto1 img {
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
#topphoto2 img {
	-moz-animation-delay: 4s;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
#topphoto3 img {
	-moz-animation-delay: 8s;
	-webkit-animation-delay: 8s;
	animation-delay: 8s;
}
#topframe {
	max-width: 1040px;
	width:100%;
	height: 480px;
	position: relative;
	overflow: hidden;
}
@-webkit-keyframes topimgTrans {
	0% { left:0%; opacity:0;}
	5% { left:0%;opacity:1; }
	40% { left:0%;opacity:1; }
	45% { left:0%;opacity:0; }
	55% { left:0%;opacity:0; }
	100% { left:100%; opacity:0;}
}
@-moz-keyframes topimgTrans {
	0% { left:0%; opacity:0;}
	5% { left:0%;opacity:1; }
	40% { left:0%;opacity:1; }
	45% { left:0%;opacity:0; }
	55% { left:0%;opacity:0; }
	100% { left:100%; opacity:0;}
}
@keyframes topimgTrans {
	0% { left:0%; opacity:0;}
	5% { left:0%;opacity:1; }
	40% { left:0%;opacity:1; }
	45% { left:0%;opacity:0; }
	55% { left:0%;opacity:0; }
	100% { left:100%; opacity:0;}
}

/* 内容枠 */
.contents{
	max-width: 1000px;
	width:100%;
	line-height: 1.6;
	margin: 0 auto;
	overflow:hidden;
}

/* クーポン */
.couponbanner-space{
	margin:0 auto 2%;
	width: 100%;
	clear: both;
}

.couponbanner-space a:hover {
    display: block;
    width: 100%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.137);
    opacity: 0.8;
    text-decoration: none;
}

.couponbanner{
	margin:0 auto 4%;
	width: 100%;
	clear: both;
} 

.couponbanner img{
	height: auto;
	width: 100%;
	margin:1em 0;
}



/* TOPメニュー一覧 */
.contents ul.topmenu{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	list-style-position:inside;
	list-style-type:none;
	margin:0 auto 8%;
	padding:0;
	width:100%;
}
.contents ul.topmenu li{
	flex-basis:30%;
	margin:0.5em 0;
}
.contents ul.topmenu li a{
	display:block;
	line-height:0;
}
.contents ul.topmenu li a:hover{
	background-color: #fae9dc;
	opacity:0.5;
	text-decoration: none;
}
.contents ul.topmenu li img{
	max-width:315px;
	width:100%;
	height:auto;
	vertical-align:baseline;;
}

/* クチコミ */
.result,.qa,.review{
	margin:0 auto 10%;
	text-align:center;
}
.result img{
	margin:1em auto;
	width: 60%;
}

.result a,.qa a,.review a{
	display:inline-block;
	padding:0.8em 6em;
	background-color:#e8bd78;
	color:#fff;
	text-decoration:none;
	margin:1.5em;
	font-size:1.2em;
	font-weight: 200;
}

.none{
	display: none;
}

.review img{
	width: 30%;
    margin: 0 auto 4%;
}

.review-dwrap img.fukidashi {
	width: 74%;
	margin: 0 auto;
}

.bottom-space{
	display: flex;
	width: 70%;
	margin: 0 auto;
	align-items: center;
	padding-left: 10%;
}

.review-dwrap img.stars{
	width: 34%;
	margin: 0 auto;
	vertical-align: -8%;
	padding-left: 2%;
}

.review-comment{
	text-align: left;
	margin: 0 auto 6%;
	padding: 0 0.5%;
	font-weight: 200;
}

.sejyutunaiyo{
	text-align: left;
	background-color:#8c642098;
	color: #fff;
	width: 96%;
	margin: 0 auto;
	padding: 1.2% 1.4%;
	font-size: 1.2em;
	font-weight: 200;
}

.review-dwrap{
	display:flex;
	justify-content: space-between;
	width:100%;
	margin: 0 auto 2%;
	border-bottom: 1px solid #826650;
	align-items: center;
	text-align: left;
	letter-spacing: -0.04em;
}

.review-dwrap p{
	width: 50%;
	margin: 0 auto;
	padding-left: 10%;
}

.review-square{
    padding: 4% 2%;
    margin: 0 auto 6%;
    background-color:#fff;
    border:3px solid  #DAAF08;
	border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
	border-image-slice: 1;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    color:#333;
}

.yoyaku-button-review{
	width: 96%;
	margin: 0 auto 8%;
	padding-left: 2%;
}

.review-hover a:hover {
    display: block;
    width: 100%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.137);
    opacity: 0.8;
    text-decoration: none;
}

/* クチコミ詳細 */
.hpb2022{
	text-align: right;
	width: 98%;
	margin: 0 auto 4%;
	color: #aaa9a9;
}

.hb-total-point{
	width: 88%;
	margin: 0 auto;background-image: url("./img/menu/subtitlebg.jpg");
	background-size:100% 100%;
	font-size:1.8em;
	padding: 2% 4%;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    letter-spacing: 0.9em;
}

.hb-total-point span{
	font-size: 1.9em;
}

.review-ditail{
    margin: 0 auto 10%;
    text-align: center;
	width: 95%;
}

.display-none{
	display:  none;
}

.review-yoyaku{
    width: 100%;
}


/* 実績詳細 */
.background-tittle{
	font-size:2em;
	font-weight: lighter;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    background-image: url("./img/menu/subtitlebg.jpg");
	background-size:100% 100%;
	width:100%;
	padding: 2%;
	color: rgb(31, 7, 7);
	letter-spacing: 0.2em;
}

.hydra-fwrap,.hydra-dwrap{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 2%;
}

.hydra-fwrap p{
	width: 46%;
	margin: 0 auto;
}

.hydra-dwrap p{
	width: 50%;
	padding: 0 2.4%;
	margin: 0 auto 6%;
	font-weight: 200;
}

.catch-copy{
	width: 100%;
	margin: 0 auto 8%;
	padding-top: 2%;

}

.ba-bottun{
   background-color: #222;
   color: #fff;
   width: 100%;
   padding: 2.4% 16%;
   font-weight: 200;
   margin: 0 auto;
}

.center{
  text-align: center;
  width: 100%;
  margin: 0 auto 16%;
}

/* カルーセルスライダー */
.swiper {
	width: 100%;
	margin-bottom:5em;
	box-sizing:border-box;
	padding:0 1.5vw!important;
	height:100%!important;
}
.swiper-wrapper {
	width: 80%;
	margin: 0 auto;
}
.swiper-slide {
	color: #000;
	width: 100%;
	height: 100%;
	text-align: center;
}
.swiper-slide img{
	width: 80%;
}

.swiper-slide p{
	text-align:left;
	width:80%;
	margin:auto;
}

.swiper-slide span{
	background-color:#000;
	color:#fff;
	width:100%;
	padding:0.5em;
	margin-right:1em;
}
.swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}
.swiper-button-prev {
	background: center / contain no-repeat url("./img/top/button_prev.png");
	width: 5vw!important;
	max-width: 44px;
	min-width: 22px;
	height: 5vw!important;
	max-height: 44px;
	min-height: 22px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}
.swiper-button-next {
	background: center / contain no-repeat url("./img/top/button_next.png");
	width: 5vw!important;
	max-width: 44px;
	min-width: 22px;
	height: 5vw!important;
	max-height: 44px;
	min-height: 22px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}

/* Q&A */
.qa img{
	margin:1em auto;
	width: 30%;
}

.qa ul{
	list-style-position:inside;
	list-style-type:none;
	margin:1.5em 0;
	padding:1.2em 1.2em 0 1.2em;
	border:solid 2px #f2f2f2;
	text-align:left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}

/* Q */
.qa ul li:first-child{
	font-size:1.3em;
	padding:0 0 0.7em 0;
	line-height:1.8em;
	color:#635741;
}
.qa ul li:first-child:before {
	content: url("./img/icon_q.png");
	vertical-align: bottom;
	width: 40px;
	height: 40px;
	position:relative;
	margin-right: 0.8em;
	float: left;
}

/* A */
.qa ul li:last-child:before {
	content: url("./img/icon_a.png");
	align-self:center;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	position:relative;
	margin-left: -3.6em;
	float: left;
}
.qa ul li:last-child{
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size:1em;
	padding:0.8em 0 0.8em 3.6em;
	line-height:1.5em;
	border-top:solid 1px #f2f2f2;
	min-height:40px;
	vertical-align: middle;
	color: #333;
}
.main .qa,.main .qa ul{
	margin-top:0;
}
.main .qa ul li:first-child{
	cursor:pointer;
	scroll-behavior: smooth;
	line-height:2em;
}
.main .qa ul li span{
	display:block;
	float:right;
	line-height:2em;
}
.main .qa ul li:last-child:before {
	margin-left: -3.8em;
}
.main .qa ul li:last-child{
	padding:0.8em 0 0.8em 3.8em;
}

/* ACCESS */
.access{
	margin-bottom:3em;
}
.access img{
	width:28%;
	margin:0 auto 6%;
}
.access_map{
	float:left;
	width:50%;
}
.access_map iframe{
	width:100%;
}
.access_info{
	font-size: 1em;
	line-height:1.5em;
	float:right;
	width:45%;
	padding:0;
	letter-spacing: 0.1em;
}
.access_info p{
	margin-top:0.5em;
	margin-bottom:1.5em;
}

/* 各ページ */
/* タイトル */
.titleimg{
	max-width: 1000px;
	width:100%;
	margin:-28px auto 3%;
}
.titleimg img{
	height: auto;
	width: 100%;
}

/* 枠組み */
.main{
	float:left;
	width:730px;
	font-size:0.9em;
}
.side{
	float:right;
	width:231px;
}

/* main */
.mainimg{
	margin:0 0 2em 0;
}

/* CONCEPT */
.concept p.c-tittle{
	font-size:1.4rem;
	font-weight: 600;
	color:#6c5729b6;
	margin: 0 auto;
    padding: 0;
    letter-spacing: 0.1em;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.space{
	width: 100%;
	margin: 0 auto 8%;
}

table.storeinfo{
	width:96%;
	margin:2em auto;
	border:solid 2px #efefef;
	border-collapse: collapse;
}
table.storeinfo tr{
	border-bottom:solid 1px #efefef;
}
table.storeinfo tr:last-child{
	border-bottom:none;
}
table.storeinfo th{
	width:20%;
	background-color:#f9f9f9;
	margin:0;
	padding:1em 2em;
}
table.storeinfo td{
	width:80%;
	margin:0;
	padding:1em;
	line-height:2em;
}

/* MENU */
.menulist{
	display:flex;
	flex-wrap:wrap;
	margin:0 0;
	padding:0;
}
.menulist div{
	flex-basis:50%;
	margin-bottom:1.7em;
	background-image: url("./img/menu/menulistbg.jpg");
	background-size:100% 100%;
}
.menulist div a:hover{
	display:block;
	width:100%;
	height:auto;
	background-color: rgba(255, 255, 255, 0.137);
	opacity:0.5;
}
.menulist div:nth-child(2n){
	border-left:none;
	background-image: url("./img/menu/menulistbg2.jpg");
	background-size:100% 100%;
}
.menulist div ul{
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:1em;
}
.menulist div ul li{
	margin:0em;
	padding:0;
}
.menulist div ul li:nth-child(1){
	margin-bottom:0;
}
.menulist div img{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.menulist div ul li:nth-child(2){
	font-size: 1.6em;
	color:#947f50;
	font-weight:600;
	margin:0 auto;
	letter-spacing:-0.02em;
}
.menulist div ul li:nth-child(3){
	margin:0.5em 0;
}

.menulist div ul li span{
	font-size:0.9em;
}

/* MENU_detail */
.subtitle{
	background-image: url("./img/menu/subtitlebg.jpg");
	background-size:100% 100%;
	width:100%;
	font-size:1.4em;
	height:auto;
}
.subtitle h2{
	margin:0;
	padding:0.5em 0.8em;
	font-weight:normal;
}
.menudetail .mainimg{
	margin:3em auto 2em;
	width:90%;
}
.menudetail .mainimg img{
	width:100%;
}
.menudetail p{
	width:90%;
	margin : 0 auto 14%;
	font-weight: 300;
}
.detailinfo{
	display:flex;
	flex-wrap:wrap;
	margin:4em 0;
	padding:0;
}
.detailinfo div{
	flex-basis:50%;
	margin-bottom:1.7em;
}
.detailinfo div ul{
	display:flex;
	margin:0 1em 0 0 ;
	padding:0;
	border-bottom:dotted 1px #646464;
}
.detailinfo div ul:nth-child(2n){
	margin:0 0 0 1em;
}
.detailinfo div ul li{
	padding:0.5em;
	margin:0.5em 0;
	color: #666;
}

.sejyutsu-wrap{
	padding:0 10%;
	width:100%;
	margin: 0 auto;
}
.menu-sejyutsu{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10%;
}
.menu-sejyutsu dl{
	width:50%;
	margin: 0 auto;
}
.underline dt {
	display: inline-block;
	vertical-align: middle;
	width: 24%;
	height: 18px;
	border: 1px solid #d0c2b5;
	background: #f8f7f1;
	padding: 2%;
	text-align: center;
	font-size: 0.8em;
	margin: 0 auto 2%;
	color:#666;
}
.underline dd {
	display: inline-block;
	vertical-align: middle;
	width: 67%;
	font-size: 0.8em;
	line-height: 1.5;
	margin: 0 auto;
	padding-top: 2%;
	padding-left: 2%;
	color: #333;
}
.underline{
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: 1px dashed #ccc;
	margin: 0 auto 10%;
}

.reserve_btn{
	display:flex;
	margin:0 auto ;
	padding:0;
}
.menudetail ul.reserve_btn li{
	margin: 0 auto 4%;
}
.menudetail ul.reserve_btn li img{
	width:100%;
	height:auto;
}

/* STAFF */
.stafflist{
	position:relative;
	z-index:1;
	min-height:350px;
	margin:0 auto 10%;
	background-image: url("./img/staff/background_staff.jpg");
	background-repeat: no-repeat;
}

.stafflist:last-child{
	margin-bottom:5em;
}

/* 薄灰色の部分 */
.bg{
	position:absolute;
	z-index:2;
	width:600px;
	height:120px;
	background-color:#f5f5f5;
}

/* 名前 */
.name {
	position:absolute;
	z-index:4;
	margin:0 auto;
}
.name p{
	margin:0;
	padding:0;
	text-align:center;
	font-size:1.2em;
	letter-spacing:0.8em;
}

/* 写真 */
.photo {
	position:absolute;
	z-index:3;
}

/* メッセージ */
.messagebg {
	position:absolute;
	width:470px;
	z-index:4;
	padding:2em 4.7em;
	background: rgba(0, 0, 0, 0.7);
	overflow: hidden;
}

/* メッセージ枠の飾り設定 */
.messagebg:before,.messagebg:after{ 
	content:'';
	width: 30px;
	height: 30px;
	position: absolute;
	display: inline-block;
}
.messagebg:before{
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	top:10px;
	left: 10px;
}
.messagebg:after{
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	bottom:10px;
	right: 10px;
}
.message{
	letter-spacing:-0.08em;
}
.message p {
	margin: 0;
	padding: 0;
	color:#fff;
	font-weight: 200;
	font-size:0.9em;
}

/* 役職 */
.message p:first-child {
	color:#cfba85;
	margin: 0;
	padding: 0;
	font-weight: 300;
	font-size: 1.2rem;
}
.message p:first-child span{
	font-size:0.9em;
	display:inline-block;
	padding-left:1em;
}
.en-ditail{
	letter-spacing: 0.2em;
	font-weight:300;
}

/* 右側に写真がある場合 */
.listr .bg{
	top:30px;
	right:0;
}
.listr .name {
	top:20px;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.listr .photo {
	top:0;
	right:30px;
}
.listr .messagebg {
	top:130px;
	left:0;
}
/* 左側に写真がある場合 */
.listl .bg{
	top:30px;
	left:0;
}
.listl .name {
	top:20px;
	left:60%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.listl .photo {
	top:0;
	left:30px;
}
.listl .messagebg {
	top:130px;
	right:0;
}

/* 5人目以降　写真以外の位置をずらす */
.photosquare .bg {
	top:80px;
}
.photosquare .name {
	top:70px;
}
.photosquare .photo {
	top:0;
}
.photosquare .messagebg {
	top:180px;
}
.photosquare {
	margin-bottom:4em;
}

/* PRODUCT */
.productlist h2{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    text-align: center;
    margin-bottom: 4%;
    letter-spacing: 0.14em;
    font-weight: lighter;
    font-size: 2.2rem;
}

.productlist h2 span{
	display:block;
	margin-top:0.1em;
	font-size:0.6em;
}

/* SPICAREのみゴシック太字表示 */
.productlist h2.spicare{
	font-weight:500;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.productlist h2 span.tittle-small{
	font-weight:300;
}

.productlist .listarea{
	width:98%;
	margin:0 auto;
}

/* 茶色枠の各商品のポイント欄 */
.productlist ul.point{
	display:none;
	margin:0 0;
	padding:1em;
	color:#98813d;
}
.productlist ul.point li{
	flex-basis:33%;
	margin:0;
	padding:0;
	align-self:center;
	display:block;
	text-align:center;
}
.productlist ul.two li{
	flex-grow:1;
}
.productlist ul.point li p{
	display:inline-block;
	height:100%;
	margin:0 auto;
	padding:1em 0.5em;
	text-align:center;
	font-size:1em;
	line-height:1em;
	border:solid 1px #f2e4c9;
	border-radius:0.5em;
	width:80%;
}
.productlist ul.point li .mini{
	font-size:0.8em;
}
.productlist ul.point li p.double{
	padding:0.5em 1em;
}

/* 各商品のラインアップ */
.lineup{
	display:flex;
	flex-wrap:wrap;
    justify-content: center;
	margin: 0 auto 8%;
	padding:0;
}
.lineup ul{
	flex-basis:33%;
	margin-bottom:1.7em;
	list-style-position:inside;
	list-style-type:none;
	padding:0;
	display:flex;
	flex-direction:column;
}
.lineup a:hover{
    background-color: rgba(255, 255, 255, 0.137);
	opacity:0.5;
}

.lineup ul li{
	margin:0em auto;
	text-align:center;
}

/* 画像 */
.lineup ul li:nth-child(1){
	margin-bottom:0;
	padding-bottom:2em;
	flex-basis:50%;
}
.lineup ul img{
	width: 70%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin:0;
	padding:0;
}

/* 商品名 */
.lineup ul li:nth-child(2){
	flex-basis:40%;
	color:#a88a68;
	margin:0 auto;
	letter-spacing:-0.02em;
}

.lineup ul li span{
	display:block;
	color:#000;
	letter-spacing: 0.04em;
	line-height: 1.3em;
	margin:0.5em;
	font-weight: 300;
	padding-top: 3%;
}

/* MOREボタン */
.lineup ul li:nth-child(3){
	flex-basis:10%;
	margin:1.7em 0 0.7em;
	font-weight:normal;
}
.lineup ul li:nth-child(3) span{
	display:inline;
	padding:0.4em 2em;
	background-color:#333;
	color:#fff;
	font-size:1em;
	letter-spacing:0.2em;
}

/* PRODUCT_detail */
.productdetail{
	display:flex;
	margin:0;
	padding:0;
}
.productdetail .mainimg{
	flex-basis:50%;
}
.productdetail .mainimg{
	flex-basis:50%;
}
.productdetail .mainimg img{
	width:80%;
	margin: 0 auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.productdetail .productinfo{
	flex-basis:50%;
}

/* ジャンル名 */
.productinfo h2{
	margin: 0 auto 1em;
	font-weight:normal;
	font-size:1.3em;
	border-bottom:solid 1px #bfbfbf;
}

/* ジャンル名カナ */
.productinfo h2 p{
	margin:0 0 0.2em 0;
	font-size:0.8em;
	line-height:1em;
	letter-spacing:-0.08em;
}

/* カテゴリ */
.productinfo .category{
	display:inline-block;
	background-color:#c49627;
	padding: 0.2em 0.5em;
	color:#fff;
	margin: 0.8em 0 1.2em;
	font-size: 0.8rem;
}

/* 商品名 */
.productinfo h3{
	margin:0 0 2em 0;
	font-size:1.3em;
	letter-spacing:-0.03em;
	font-weight: 300;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

/* 商品説明 */
.productinfo p{
	letter-spacing: 0.08em;
	line-height: 2em;
	font-weight: 200;
}

.title_lineup{
	margin:3em 0 0;
	font-size:1.8em;
	text-align:center;
}

.p-tittle{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    text-align: center;
    margin-bottom: 2%;
    letter-spacing: 0.14em;
    font-weight: lighter;
    font-size: 2.2rem;
	text-align: center;
	font-weight: 300;
	font-size: 1.5em;
	/* font-size: 1.4em; */
	/* word-break: normal; */
	color: #232323;
	letter-spacing: 0.04em;
}

.p-ditail{
	font-weight: 200;
	margin: 0 auto 2%;
	line-height: 1.6rem;
	letter-spacing: 0.028rem;
}

/* コンタクト */
.contact-detail{
	text-align: center;
	margin: 0 auto 14%;
	padding-top: 4%;
}
.contact-main{
	width: 90%;
	font-size:0.9em;
	padding-left: 2%;
	margin: 0 auto;
}
.contactform-tittle{
	font-family: "Yu Mincho","游明朝","游明朝体";
	font-size: 1.6rem;
	text-align: center;
	margin: 0 auto 8%;
}

.Form {
	background-image: url("./img/contact/contactform_backgroundimg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 100%;
	max-width: 740px;
	padding: 9% 0;
  }
 
  @media screen and (max-width: 780px) {
	.Form {
	  margin-top: 40px;
	}
  }
  .Form-Item {
	padding: 4% 0;
	width: 95%;
	margin: 0 auto;
	display: flex;
	align-items: center;
  }
  @media screen and (max-width: 780px) {
	.Form-Item {
	  padding:	6% 4%;
	  flex-wrap: wrap;
	}
  }

  .Form-Item-Label {
	width: 90%;
	max-width: 248px;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size: 18px;
  }
  @media screen and (max-width: 780px) {
	.Form-Item-Label {
	  max-width: inherit;
	  display: flex;
	  align-items: center;
	  font-size: 15px;
	}
  }
  .Form-Item-Label.isMsg {
	margin-top: 8px;
	margin-bottom: auto;
  }
  @media screen and (max-width: 780px) {
	.Form-Item-Label.isMsg {
	  margin-top: 0;
	}
  }
  .Form-Item-Label-Required {
	border-radius: 3px;
	margin-right: 4%;
	padding: 2% 0;
	width: 20%;
	display: inline-block;
	text-align: center;
	background: #333;
	color: #fff;
	font-size: 0.6rem;
  }
  @media screen and (max-width: 780px) {
	.Form-Item-Label-Required {
		border-radius: 2px;
		width: 10%;
		font-size: 0.6em;
		font-weight: 300;
		padding: 1%;
	  }
	}
  .Form-Item-Input {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-left: 40px;
	padding-left: 1em;
	padding-right: 1em;
	height: 48px;
	flex: 1;
	width: 80%;
	max-width: 410px;
	background: #eaedf2;
	font-size: 1rem;
  }
  @media screen and (max-width: 480px) {
	.Form-Item-Input {
	  margin-left: 0;
	  margin-top: 18px;
	  height: 40px;
	  flex: inherit;
	  font-size: 1rem;
	}
  }
  .Form-Item-Textarea {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-left: 40px;
	padding-left: 1em;
	padding-right: 1em;
	height: 216px;
	flex: 1;
	width: 100%;
	max-width: 410px;
	background: #eaedf2;
	font-size: 1rem;
  }
  @media screen and (max-width: 480px) {
	.Form-Item-Textarea {
	  margin-top: 18px;
	  margin-left: 0;
	  height: 200px;
	  flex: inherit;
	  font-size: 1rem;
	}
  }

  .form-space{
	width: 90%;
	margin: 0 auto 12%;
	padding: 2%  0;
}

.Form-Btn {
	border-radius: 3px;
	margin: 0 auto 6%;
	padding: 2% 16%;
	display: block;
	letter-spacing: 0.05em;
	background: #333;
	color: #fff;
	font-weight: lighter;
	font-size: 1rem;
  }
  @media screen and (max-width: 780px) {
	.Form-Btn {
	  padding: 2% 18%;
	  font-size: 16px;
	}
  }

.contact-caution{
	text-align: center;
	color: #666;
	font-family: "Yu Mincho","游明朝","游明朝体";
	padding: 0 4%;
	font-size: 0.8em;
	width: 80%;
	margin: 0 auto;
}

/* 送信完了ページ */
.main-thanks-contact{
	float: left;
    width: 730px;
	text-align: center;	
	margin: 0 auto;
	padding-top: 8%;
}

.send-completely{
    width: 50%;
	font-size: 2.8rem;
	font-weight: 300;
	margin: 0 auto 4%;
	display: inline-block;
	position: relative;
	bottom: 20px;
}

.send-completely:before {
	position: absolute;
	bottom: -20px;
	left: calc(50% - 80px);
	width: 150px;
	height: 8px;
	content: '';
	border-radius: 3px;
	background: #a78f29a8;
}


.complete-detail{
	font-size: 1rem;
	margin: 0 auto 6%;
	padding-top: 4%;
}

.tothetop-button {
	display: block;
	position: relative;
	width: 160px;
	padding: 0.8em;
	margin:0 auto;
	text-decoration: none;
	color: #fff;
	background: #333;
}

.tothetop-button:hover {
	opacity:0.8;
	cursor: pointer;
	text-decoration: none;
}

/* 予約ページ */

.contents-r {
    max-width: 1000px;
    width: 100%;
    line-height: 1.6;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 4%;
}

.reserve-omotesando{
	width:78%;
	margin: 0 auto 14%;
	transition: all 0.2s;
}

.reserve-omotesando:hover {
	transform: scale(1.1, 1.1);
}

.reserve-wrap{
	display: flex;
	justify-content: space-between;
}
.omotesando-img{
	width: 80%;
    margin: 0 auto;
}

.omotesando-ditail{
	width:100%;
	margin: 0 auto;
	padding: 0 4%;
}

.r-btn {
    width: 100%;
    text-align: right;
    margin: -15.8% 0 0 0;
    padding-left: 8%;
}

.r-img{
	width: 40%;
}

.f-lage{
	font-size: 1.4rem;
	margin: 0 auto;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.reserve-square {
    padding: 6% 2%;
    margin: 0 auto 6%;
    background-color: #fff;
    border: 3px solid #DAAF08;
    border-image: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
    border-image-slice: 1;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    color: #333;
	background-image: url("./img/reserve/reserve_bk_img.jpg");
	background-size: cover;
}
 
/* サイドメニュー */
.side ul{
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	list-style-position:inside;
	list-style-type:none;
	margin:0em 0;
	padding:0;
}
.side ul li{
	margin:0 0 1em 0 ;
	padding:0;
}
.side ul li img{
	width:231px;
	height:auto;
}
.side ul li a{
	display:block;
	line-height:0;
}
.side ul li a:hover{
	display:block;
	line-height:0;
	height:auto;
	background-color: rgba(255, 255, 255, 0.137);
	opacity:0.8;
	text-decoration: none;
}

/* 各ページ下部のクーポン */
.contents .couponbanner img{
	margin: 0 auto;
	width: 100%;
	clear: both;
} 
.couponbanner a:hover{
	display: block;
    width: 100%;
	margin:0 auto;
    background-color: rgba(255, 255, 255, 0.137);
    opacity: 0.8;
    text-decoration: none;
}

/* footer */
footer{
	background: #222;
	color:#fff;
}
.footer_area{
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	width:100%;
	margin:0 auto;
	padding: 3% 0;
}

.footer_photo{
	margin: 0 auto;
	width: 100%;
	padding-right: 6%;
	text-align: center;
	display: flex;
	align-items: center;
}

/* 店名 */
.shop-tittle {
	width: 68%;
	margin: 0 auto 4%;
}

address{
	font-size: 80%;
}

.address-tittle{
	font-size: 80%;
	margin: 0 auto;

}

.tel-number{
	font-size: 80%;
	margin:  0 auto 4%;
}


.shop-info dl{
	width: 100%;
	margin: 0 auto;
	font-size: 80%;
}

dl.opentime dd{
	width: 100%;
	margin: 0 auto;
}

dl.opentime dt{
	width: 100%;
	margin: 0 auto;
}

.footerditail-wrap{
	width:50%;
	margin: 0 auto;
}

.footer-wrap{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto 12%;
	padding-left: 5%;
	justify-content: center;
}

.s-name{
	font-size: 1.2em;
    letter-spacing: 0.12em;
}

.footer_menu {
	width: 100%;
    max-width: 1000px;
    margin: 0 auto 4%;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}


}

 ul.footer_menu li {
	width: 9.4%;
    margin: 0 auto 1.2%;
    line-height: 0;
}


ul.footer_menu li a{
	text-decoration: none;
    color: #fff;
    font-size: 0.04em;
    width: 100%;
}

/* copyright */
.copyright{
	color: #fff6ef;
	background-color: #967c33;
	text-align: center;
	padding:1.5% 0;
	font-weight: 300;
	font-size:0.9em;
	margin: 0 auto;
}


/* PCでは非表示960px */
@media (min-width: 961px) {
	.topimg_sp,
	.couponbanner img.sp {
		display:none;
	}
	.sns-clear{
        display: none;
	}
	
	.mb-botton{
		display:none;
	}

	.topphoto-mb{
		display: none;
	}
}

@media (min-width: 737px){
    .sp-nav{
		display: none;
	}
}

@media (min-width: 481px) {
	.footer_menu{
		display: none;
    }
}


/* ハンバーガーメニューのチェックボックス常に隠す */
#menu-btn-check {
    display: none;
}


/* PC→スマホ切り替え版設定960px */
@media (max-width: 960px) {
	body{
		width:100vw;
	}

	a{
	  -webkit-tap-highlight-color:rgba(0,0,0,0);
	  cursor:pointer;
	}

	.menu-btn {
		position: fixed;
		top: 2.5vw;
		right: 3vw;
		display: flex;
		height: 10vw;
		width: 10vw;
		justify-content: center;
		align-items: center;
		z-index: 400;
	}

	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 0.4vw;
		width: 4vw;
		border-radius: 3px;
		background-color: #666;
		position: absolute;
	}

	.menu-btn span:before {
		bottom: 1vw;
	}
	.menu-btn span:after {
		top: 1vw;
	}

	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}

	.site_logo {
		width: 42%;
		padding-bottom: 3%;
	}

	.globalnav {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 14vw;
		left: 100%;/*leftの値を変更してメニューを画面外へ*/
		margin:0;
		z-index: 300;
		background-color: #ffffff;
		background: rgba(255, 255, 255, 0.8);
		overflow: hidden;
		transition: all 0.5s;/*アニメーション設定*/
	}
	.globalnav ul {
		flex-wrap:wrap;
		margin:0;
		padding:0;
		background-color: rgb(255 255 255 / 84%);
	}
	.globalnav ul li {
	  box-sizing: border-box;
		flex-grow:0;
		margin:0;
		padding:0;
		flex-basis:50%;
		border-bottom:solid 1px rgba(170, 170, 170, 0.089);
	}
	.globalnav ul li:nth-child(1),
	.globalnav ul li:nth-child(2) {
		border-top:solid 1px rgba(170, 170, 170, 0.089);
	}
	.globalnav ul li:nth-child(2n) {
		border-left:solid 1px rgba(170, 170, 170, 0.089);
	}

	.globalnav ul li:last-child {
		font-weight: bold;
		color: rgba(170, 170, 170, 0.089);
	}

	#menu-btn-check:checked ~ .globalnav {
		left: 0;/*メニューを画面内へ*/
	}

	.h-sns{
		width: 10%;
		vertical-align: middle;
		padding-right: 2%;
	}

	.topimg_sp{
		padding-top:10vw;
		margin-top:0;
	}

	.topphoto{
		display: none;
	}

	.topimg,
	.couponbanner img.pc {
		display:none;
	}

	#topframe{
		height:60vw;
	}

	.header_area{
		box-sizing:border-box;
		position:fixed;
		top:0;
		left:0;
		background-color:rgba(255, 255, 255, 0.918);
		z-index:200;
		padding:3vw;
		height:14vw;
	}
	.header_change{
		display:none;
	}

	.site-logo{
		flex-basis:35%;
		line-height:3em;
	}

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

	.header_info{
		flex-basis:65%;
		justify-content: center;
	}

	.header_info ul.shop-detail{
		display:none;
	}

	.header_info ul{
		padding:0;
	}

	.header_info ul.sns-wrap{
		display:flex;
		margin: 0 auto;
		width:40%;
		justify-content: space-between;
		display:none;
	}

	.header_info ul.sns-wrap li{
		align-items: center;
		vertical-align:middle;
	}

	.header_info ul.sns-wrap img{
		align-items: center;
		vertical-align:middle;
		width: 60%;
	}

	.titleimg{
		width: 100%;
		margin: 0 auto 3%;
	}

	.contents .couponbanner img{
		margin:0;
		padding:0;
		line-height:0;
	}

	.result img,.qa img{
		max-width:74%;
		margin: 0 auto 2%;
	}

	.qa img{
		max-width:42%;
		margin: 0 auto 2%;
	}

	.swiper{
		height:18em;
		margin-bottom:0em;
	}

	.swiper-wrapper{
		padding-top:2em;
	}

	.swiper img{
		vertical-align:top;
	}

	.qa ul{
		margin: 0 auto;
		width: 85%;
	}

	.qa ul li:first-child:before {
		width: 40px;
		height: 40px;
		position:relative;
		margin-left: -2.5em;
		margin-right:0;
		float: left;
		vertical-align: middle;
		font-size: 1.15em;
	}
	.qa ul li:first-child{
		padding-left:2.9em;
		min-height:40px;
		color: #333;
		font-size: 1.15em;
	}

	.qa ul li:last-child:before {
		margin-left: -4.2em;
	}

	.qa ul li:last-child{
		font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
		font-size: 0.8em;
		padding-left:4.2em;
	}

	.main .qa ul li:first-child:before{
		font-size: 1.15em;
		margin-right:0.6em;
	}

	.main .qa ul li:first-child{
		font-size: 1.15em;
		position:relative;
		padding-right:5%;
	}

	.main .qa ul li:last-child{
		padding-left:4.7em;
	}
	.main .qa ul li:last-child:before {
		margin-left: -4.7em;
	}

	.main .qa ul li span{
		width:5%;
		height:auto;
		text-align:right;
		position:absolute;
		top: 50%;
		right: 0%;
		transform: translateY(-70%);
		-webkit-transform: translateY(-70%);
		-ms-transform: translateY(-70%);
	}

	.access img{
		width: 30%;
	}

	.access_map,
	.access_map iframe{
		width:100%;
		margin: 0 auto 2%;
	}
	.access_info{
		width:100%;
	}

	.access_info p{
		margin:0 1em 1em 1em;
		font-size:0.8em;
	}

	header{
		margin: 0 auto 15%;
	}

	.main{
		width: 98%;
		margin: 0 auto 2%;
		padding:0;
		float: none;
	}

	.concept p.c-tittle {
		width: 96%;
		padding: 0;
	}

	.staff{
		width: 96%;
		margin: 0 auto 2%;
	}

	.mainimg{
		margin: 0 auto 6%;
		width: 98%;
		text-align: center;
	}

	.side{
		width:98%;
		margin:0 auto 4%;
		text-align:center;
		float: none;
	}

	.main-thanks-contact{
		float: none;
		width: 96%;
		margin: 0 auto 12%;
	}

    .send-completely {
		width: 96%;
		font-size: 1.8rem;
	}

	.send-completely:before {
		left: calc(50% - 40px);
		width: 80px;
	}

	.complete-detail{
		font-size: 0.8rem;
        margin: 0 auto 10%;
        padding-top: 6%;
        width: 68%;
	}

	.tothetop-button {
		font-size: 0.85em;
	}
	
	.side ul{
		flex-direction:row;
		flex-wrap:wrap;
	}

	.side ul li{
		flex-basis:48%;
	}

	.side ul li img{
		width:100%;
	}

	.clear{
		display: none;
	}

	.couponbanner{
		width: 98%;
		margin:0 auto 4%;
		text-align:center;
	}

	.couponbanner img.sp {
		width:96%;
	}

	.contents ul.topmenu li{
		margin:0 auto;
		text-align:center;
		padding: 0.3em;
	}

	.contents ul.topmenu li img{
		width:100%;
		height:auto;
		vertical-align:baseline;;
	}

	.concept p{
		margin: 2%;
        font-size: 0.92em;
        font-weight: 300;
        letter-spacing: 0.028em;
    }

    .footer_area{
		display: block;
	}

    .footer_photo{
		margin: 0 auto 6%;
		width: 60%;
		text-align: center;
		display: flex;
		align-items: center;
	    padding-top: 6%;
		padding-right: 0;
	}
}
	
    .concept .mainimg img{
		width:100%;
	}
	.concept .storeinfo th{
		width:25%;
		padding:0.5em;
	}
	.productlist .mainimg img{
		width:100%;
	}
	.detailinfo{
		width:100%;
		justify-content: center;
	}
	.detailinfo div{
		padding:0 0.3em;
		flex-basis:47%;
	}
	.detailinfo div ul{
		margin:0;
		padding:0;
	}

	.detailinfo div ul li:nth-child(1){
		padding:0.5em 0.2em;
		line-height:1.1em;
	}
	.detailinfo div ul li:nth-child(2){
		padding-right:0;
		margin-right:0;
	}
	.menudetail ul.reserve_btn{
		margin:0 1em;
	}

	.pc-button{
		display:none;
	}

	.productlist ul.point{
		padding:0em;
		justify-content: center;
		align-items: center;
	}
	.productlist ul.point li{
		margin:0.2em;
		width:100%;
	}

	.productlist ul.point li p{
		width:75%;
		font-size:0.7em;
		line-height:1em;
	}

	.productlist ul.point li p.double{
		padding:0.5em;
	}

	/* MOREボタン */
	.lineup ul li:nth-child(3) span{
		padding: 4% 18%;
		font-size: 60%;
	}

	.productdetail{
		width: 100%;
		justify-content: center;
		align-items: center;
	}

	.lineup ul img {
		width: 90%;
	}

	.productinfo{
		padding:1em;
	}

	.lineup ul li span {
		font-weight: 400;
		font-size: 1em;
		line-height: 1.1em;
	}

	.contact-detail {
		margin: 0 auto 14%;
		font-size: 0.8em;
		width: 80%;
	}

	.contact-main{
		padding-left:0;
		width: 96%;
		margin: 0 auto 4%;
	}

	.Form {
		background-size: 100% 100%;
	}

	.footer_area .footer_info ul{
		justify-content: center;
		align-items: bottom;
	}

	.footer_area .footer_info ul li{
		padding:0 1em;
	}
	.footer_area .footer_info ul li p,
	.footer_area .footer_info ul li .namekana{
		text-align:center;
		margin-top:0.5em;
	}

	.footer_area .footer_info ul li span.time{
		padding:0 2em 0 0;
	}

	.footerditail-wrap {
		width: 50%;
	}

	.copyright {
		margin: 0 auto;
	}

	/* フッター固定メニュー */


	.footermanu-img{
		width: 100%;
	}

    .shop-tittle {
		text-align: center;
	}


/* ブレイクポイント別1050px〜昇降順 */

@media (max-width: 1000px) {
	
	.hpb2022{
		width: 98%;
		margin: 0% auto 8%;
	}

	.productlist{
		width: 98%;
		margin: 0 auto;
	}
	
	.concept-ditail{
		width: 96%;
		margin: 0 auto;
	}

	.menu-sejyutsu{
		width: 96%;
		margin: 0 auto 10%;
	}

	.footer_area{
		width: 100%;
		flex-direction: column;
	}

	.footer_area .footer_photo,.footer_area .footer_photo img{
		width: 70%;
		height:auto;
		margin:0 auto 3.4%;
		text-align:center;
		padding: 0;
	}
    .shop-tittle img{
		display: flex;
		align-items: center;
		width: 60%;
	}

	.shop-tittle{
		width: 84%;
		margin: 0 auto 2%;
	}

	.footer-wrap{
		width: 70%;
		padding-left: 10%;

	}

	.review{
		width: 90%; 
		margin: 0 auto 8%;
	}
    
    .yoyaku-button-review{
		width: 90%;
    }

	.review-yoyaku{
		display:block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.result-wrap{
		width: 96%;
		margin: 0 auto;
	}

	.background-tittle{
		width: 96%;
		margin: 0 auto 6%;
		font-size: 1.8em;
	}

	.catch-copy{
		width: 80%;
		margin: 0 auto 6%;
	}
}

@media screen and (max-width: 736px){
    .footer-fix-nav {
       position: fixed;
       bottom: 0;
       overflow: hidden;
       z-index: 9;
       width: 100%;
    }

    .sp-nav{
		display: block;
	}

    .footer-fix-nav ul {
	    display: flex;
		font-size: 0;
		width: 100%;
		margin: 0;
        padding: 0;
	}
    
	.footer-fix-nav li {
		width: calc(100%/3);
		padding: 2% 4%;
		position: relative;
		display: inline-block;
		text-align: center;
	}

	.footer-fix-nav li:nth-child(1) {
		background: #222;
	}

	.footer-fix-nav li:nth-child(2) {
		background: #222;
		border-left: 0.5px solid #e0e0e0;
	}

	.footer-fix-nav li:nth-child(3) {
		background:#000000;
		border-left: 0.5px solid #e0e0e0;
	}

	.footer-fix-nav li a {
		color: #c7b67b;
		font-weight: bold;
		font-size: 4vw;
        font-weight: 600;
	}
    
    .footer-fix-nav li:nth-child(1) a:before {
		content: "";
		background-image: url("./img/tel_icon_img.png");
		background-size: cover;
		width: 6vw;
		height: 6vw;
	}
    

	.footer-fix-nav li:nth-child(2) a:before {
		content: "";
		background-image: url("./img/tel_icon_img.png");
	    background-size: cover;
		width: 6vw;
		height: 6vw;
	}

	.footer-fix-nav li a:before {
		font-size: 4vw;
		font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
		position: absolute;
		left: 8%;
		color: #c7b67b;
		font-weight: normal;
	}

    .footer-fix-nav li span {
		font-size: 3vw;
		display: block;
		font-weight: normal;
		padding-top: 2%;
		text-align: center;
	}

	.copyright{
		padding-bottom: 16%;
	}
}


@media (max-width: 710px) {
    .messagebg{
		width: 360px;
	}

	.menulist div ul li{
		font-size: 0.9em;
	}

	.menulist div ul li:nth-child(2){
		font-size: 1.4em;
	}

	.menu-sejyutsu{
		display:block;
		flex-wrap: nowrap;
	}

	.menu-sejyutsu dl{
		width:100%;
	}

	.underline{
		margin: 0 auto 3%;
	}

	.underline dt{
		width: 20%;
		margin: 0 auto 1%;
		height: auto;
		padding: 1.5%;
	}

	.review-dwrap{
		font-size:0.8em;
	}

	.background-tittle{
		font-size: 1.4em;
	}
}

@media (max-width: 680px) {
	
	ul.footer_menu li a{
		font-size: 60%;
	}

	.footerditail-wrap{
		font-size: 0.08em;
		width: 40%;
	}

	.s-name{
		font-size: 24em;
        letter-spacing: 0.14em;
	}

	.footer-wrap{
		width: 45%;
	}

	.contactform-tittle{
		font-weight: 300;
	}

	.listr .name{
		left: 32%;
	}

	.listl .name{
		left: 44%;

	}

    .productdetail {
		width: 100%;
		flex-direction: column;
	}

	.ad-p{
		font-size:0.8rem;
		padding-bottom:4%;
	}

	.f-lage {
		font-size: 1.2rem;
}

@media (min-width: 581px) {
	.footer-fix-nav{
		display: none;
		}
}

@media (max-width: 580px) {
	.menulist{
		display:block;
		flex-wrap: nowrap;
		width: 98%;
		margin:0 auto;
	}

	.menulist div ul{
		margin: 0 auto;
	}

    .productlist h2{
		letter-spacing: 0.1em;
		font-size: 1.4rem;
	}

	.p-tittle {
		width: 100%;
        font-size: 0.94rem;
        color: #232323;
        letter-spacing: 0.04em;
        font-weight: 300;
	}

	.p-ditail{
		font-size: 0.8em;
		line-height: 1.2rem;
        width: 94%;
	}

	.footer{
		padding-top: 2%;
	}

	.footer-wrap{
		padding: 0;
	}

	.bottom-space{
		padding-left: 2%;
	}

	.review-comment{
		font-size: 0.6em;
	}

	.sejyutunaiyo{
		font-size:1em;
	}

	.comment-img{
		width: 20%;
		margin: 0 auto;
		text-align: center;
    }

    .messagebg:before, .messagebg:after {
       width: 16px;
       height: 16px;
	}

    .ad-p{
		font-size:0.6rem;
	}
}

@media (max-width: 565px) {
	.swiper-slide{
		font-size:0.8em;
	}

	.swiper-slide span{
		margin-right:0.3em;
		font-size: 0.7em;
		padding: 0.5em 0.8em;
	}

	.subtitle h2{
		margin:0 auto;
		padding: 0.4em 1em;
		font-size: 1em;
	}

	.subtitle{
		width: 98%;
		margin: 0 auto;
	}

	.detailinfo div ul li:nth-child(1){
		font-size: 0.8em;
		flex-basis:34%;
	}

	.detailinfo div ul li:nth-child(2){
		line-height: 1.1em;
		flex-basis:65%;
		font-size: 0.8em;
		letter-spacing: 0.05em;
	}

	.stafflist{
		width:100%;
		margin:0 auto;
		padding:0;
		height:28em!important;
		text-align:center;
	}

	.listr .bg,
	.listl .bg,
	.photosquare .bg{
		top: 10%;
		right:0;
		left: 10%;
	}

	.listr .name ,
	.listl .name ,
	.photosquare .name {
		top: 10%;
	}

	.bg {
        width: 94%;
	}

	.listl .photo  {
		top:12%;
		left:28%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	.listr .photo {
		top:12%;
		right:28%;
		transform: translateX(50%);
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
	}
	.listr .messagebg ,
	.listl .messagebg ,
	.photosquare .messagebg {
		top:50%;
		left:0;
	}

	.messagebg{
		width: 82%;
		padding: 3.2%;
		margin: 0 auto;
		text-align:left;
	}

	.message p{
		font-size: 0.8em;
	} 

	.message{
		width:90%;
		padding:2% 6%;
		margin:0 auto;
		text-align:left;
	}

	.footer_area,
	.footer_area .footer_photo img{
		width: 90%;
		height:auto;
		margin: 0 auto 2%;
		padding-top: 8%;
	}

	 .background-tittle{
		font-size: 1em;
	}

	.hb-total-point{
		font-size: 1.4em;
	}

	.message p:first-child{
		font-size: 1em;
	}

	.listr .name{
		left: 24%;
    }

	.listl .name{
		left: 58%;
		transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }

}

@media (max-width: 500px) {
	.side ul li{
		flex-basis: 45.5%;
	}
	.side ul li{
		margin: 0 auto;
		padding: 0.2em 0.4em;
	}
	.footer-wrap{
		width: 84%;
		font-size: 0.4em;
		margin: 0 0 6% 9.5%;
	}

	ul.footer_menu li a{
		font-size: 0.4em;
	}

	.footerditail-wrap{
		width: 40%;
	}

	.shop-tittle img{
		width: 74%;
		margin: 0 auto;
	}

}

@media (max-width: 480px) {

.contents ul.topmenu li{
		flex-basis: 47%;
	}

.couponbanner{
		width: 100%;
		margin: 0 auto 4%;
	}

.couponbanner-space{
	width: 97%;
	margin: 0 auto;
}
	
.result a, .qa a, .review a{
		padding:1em 6em;
		font-size: 0.8em;
	}

.concept p.c-tittle {
		margin: 0 auto 4%;
		font-size: 1.2em;
	}

.main-thanks-contact {
		padding-top: 12%;
}

.sejyutunaiyo{
		font-size:0.7em;
}

.hpb2022{
	   font-size: 0.2em;
}

.name img{
	width: 75%;
}

.footer_menu{
	font-size:0.02em;
    width: 74%;
	margin: 0 auto 6%;
	padding-right: 8%;
   }

}

@media (max-width: 440px) {
	.review-dwrap {
		font-size: 0.6em;
	}

    .f-lage {
		font-size: 1rem;
    }

	.ad-p{
		font-size:0.4rem;
	}
}


@media (max-width: 420px) {
.footer-wrap ul li {
	    line-height: 1.2em;
    }

.lineup ul li:nth-child(2){
		letter-spacing:-0.09em;
		font-size: 70%;
	}

	.background-tittle{
		font-size: 0.8em;
	}

	.hb-total-point{
		font-size: 1em;
	}

    .footer_photo {
		margin: 0 auto 6%;
		width: 82%;
	}
}

@media (max-width: 370px) {
    .review-dwrap{
		font-size:0.5em;
		letter-spacing: -0.08em;
	}
}