@charset "utf-8";
/*
///////////////////////////////////////////////////////////////////////////////////
//
//  レイアウトCSS設定
//
///////////////////////////////////////////////////////////////////////////////////
/*
/* [01.TOP LAYOUT]
/* [02.PAGE]
/* [03.STAFF-SINGLE]
/* [04.DESIGN-SINGLE]
/* [05.ARTICLE-SINGLE]
/* [00.MEDIA QUERIES,PRINT]
/*
///////////////////////////////////////////////////////////////////////////////////
/*
/* [01.TOP LAYOUT]
--------------------------------------------------------------------------*/
main {
	display: block;
	word-break: break-word;
}
#main-top {
	width: 100%;
	padding-left: 5%;
    position: relative;
    height: auto;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
}
.main-visual {
	display: flex;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.main-visual .img-box {
	width: 70%;
	margin: 0 0 0 auto;
	animation: anim 1s forwards;
}
.main-visual .img-box img {
	width: 100%;
	height: auto;
}
@keyframes anim {
  0% {
  	transform: translateX(300px);
  }
  100% {
  	transform: translateX(0px);
  }
}
.main-visual .txt-box {
	width: 40%;
	position: absolute;
	z-index: 10;
	top: 28%;
	left: 5%;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.main-visual .txt-box .eng {
	font-size: 70px;
	line-height: 60px;
	color: #b49b79;
	margin-bottom: 25px;
}
.main-visual .txt-box .eng span {
	font-size: 44px;
}
.main-visual .txt-box .eng .fs-minchou {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.main-visual .txt-box h2 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #b49b79;
}
.focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
@-webkit-keyframes focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
.li-3c,
.li-4c {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.li-3c li {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.li-4c li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.li-3c li:nth-child(3n),
.li-4c li:nth-child(4n) {
	margin-right: 0;
}
.li-3c li img,
.li-4c li img {
	width: 100%;
	height: auto;
}
.bg-concept {
	position: relative;
}
.bg-concept:before {
    content: "";
    background: url(../images/layouts/bg-concept.svg) no-repeat;
    position: absolute;
    display: inline-block;
    width: 845px;
    height: 329px;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;
}
.concept-txt {
	line-height: 240%;
	margin-bottom: 40px;
}
#coupon .pkg,
#blog .pkg {
	padding: 0 0 100px 0;
}
.coupon-li {
	width: 100%;
	height: auto;
}
.coupon-li li {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 10px;
}
.coupon-li li .coupon-details {
	width: 100%;
	font-size: 12px;
	line-height: 140%;
}
.coupon-li li .coupon-details .img-box {
	width: 20%;
	height: auto;
}
.coupon-li li .coupon-details .img-box img {
	width: 100%;
	height: auto;
}
.coupon-li li .coupon-details .txt-box {
	width: 56%;
}
.coupon-li li .coupon-details .price-box {
	width: 20%;
	text-align: right;
}
.coupon-li li .coupon-details .txt-box .icon-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.coupon-li li .coupon-details .txt-box .icon-wrap span {
	display: inline-block;
	padding: 5px 8px;
	margin-right: 5px;
	color: #fff;
}
.icon-matueku,
.icon-other {
	background: #b49b79;
}
.icon-new {
	background: #4cae7a;
}
.icon-all {
	background: #ff848d;
}
.coupon-li li .coupon-details .txt-box h4 {
	font-size: 15px;
	font-weight: bold;
}
.coupon-li li .coupon-details .price-box .price {
	font-size: 16px;
	color: #ff848d;
	font-weight: bold;
}
.coupon-li li .coupon-details .price-box .btn {
	width: 100%;
	height: 40px;
	background: #433333;
	border: #433333;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
}
.coupon-li li .coupon-details .supplement-box {
	font-size: 11px;
	width: 100%;
	padding: 10px;
	border: 1px solid #eee;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: #8d8987;
	margin-top: 10px;
}
.staff-li {
	text-align: center;
	margin-bottom: 20px;
}
.staff-li img {
	margin-bottom: 20px;
}
.staff-li .name {
	margin-bottom: 5px;
}
.staff-li .position {
	font-size: 12px;
}
.shop-info-wrap {
	align-items: inherit;
	margin-bottom: 30px;
}
.shop-info-wrap .img-box,
.shop-info-wrap .txt-box {
	width: 48%;
}
.shop-info-wrap .img-box img {
	width: 100%;
	height: auto;
}
.shop-info-wrap .txt-box .info-li li {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e8e7e1;
}
.shop-info-wrap .txt-box .info-li li .ttl {
	width: 25%;
}
.shop-info-wrap .txt-box .info-li li .txt {
	width: 73%;
}
.shop-info-wrap .txt-box .info-li li .txt a.tel-gold {
	color: #b49b79;
	font-weight: bold;
}
.design-ttl-bg {
	background: url(../images/layouts/design-ttl-bg.png) no-repeat;
	background-size: cover;
	padding: 100px 0;
}
.design-ttl-bg h3 {
	margin-bottom: 0;
}
.design-ttl-bg .eng,
.design-ttl-bg h3 {
	color: #fff;
}
.design-li {
	margin-bottom: 20px;
	text-align: center;
}
.design-li img {
	margin-bottom: 20px;
}
.news-li {
	width: 100%;
	margin-bottom: 40px;
}
.news-li li {
	margin-bottom: 1px;
}
.news-li li a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	padding: 25px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	align-items: center;
}
.news-li li .date {
	width: 20%;
	font-size: 15px;
}
.news-li li .txt {
	width: 80%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blog-li {
	margin-bottom: 20px;
}
.blog-li li img {
	margin-bottom: 20px;
}
.blog-li li {
	margin-bottom: 3%;
}
.blog-li li .eng {
	font-size: 15px;
	margin-bottom: 10px;
	color: #b49b79;
}
.blog-li li h4 {
	font-size: 15px;
	margin-bottom: 20px;
}
.blog-li li p {
	font-size: 12px;
	line-height: 160%;
	color: #8d8987;
}
.insta-wrap {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 0 100px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;	
}
.insta-ttl {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}
.insta-ttl span {
	display: inline-block;
	width: 220px;
	margin: 0 auto;
	background: #b49b79;
	border-radius: 100px;
	color: #fff;
	padding: 10px 10px 14px 10px;
}
.insta-li {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
.insta-li li {
	width: 15%;
	margin-right: 2%;
}
.insta-li li img {
	width: 100%;
	height: auto;
}
.insta-li li:nth-child(6n) {
	margin-right: 0;
}
.g-map iframe {
	width: 100%;
	height: 450px;
	overflow: hidden;
}
.shop-info-wrap .img-box .swiper-pkg {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0 auto;
}
.shop-info-wrap .img-box .salon-slide-li li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    background: #fff;
}
.shop-info-wrap .img-box .salon-slide-li li img {
	width: 100%;
	height: auto;
}
/* [02.PAGE]
--------------------------------------------------------------------------*/
#main-other {
    width: 100%;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #f3f2ee;
}
#page-mainvisual .main_txt,
#single-mainvisual .main_txt {
    text-align: center;
    color: #fff;
    padding: 90px 0;
    max-width: 1200px;
    margin: 0 auto;
}
#page-mainvisual .main_txt .eng,
#single-mainvisual .main_txt .eng {
	font-size: 18px;
}
#page-mainvisual .main_txt h2,
#single-mainvisual .main_txt h2 {
	font-size: 26px;
	color: #b49b79;
	line-height: 22px;
}
#page-mainvisual .main_txt h2 span,
#single-mainvisual .main_txt h2 span {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #312d2a;
}
.page-coupon-li li {
	border: 1px solid #eee;
}
.page-news-li li {
	border-bottom: 1px solid #eee;
}
.qa-li {
	width: 100%;
}
.qa-li li {
	padding: 30px;
	background: #f3f2ee;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 13px;
    line-height: 140%;
    transition: 1.0s;
    margin-bottom: 10px;
}
.qa-li li .qa-li-ttl-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 20px;
}
.qa-li li .qa-li-ttl-box .q-icon {
	width: 6%;
	font-size: 16px;
	margin-bottom: 0;
}
.qa-li li .qa-li-ttl-box .q-icon span {
	display: inline-block;
	width: 44px;
    height: 44px;
    background-color: #b49b79;
    border-radius: 22px;
    text-align: center;
    line-height: 42px;
    color: #fff;
}
.qa-li li .qa-li-ttl-box h3 {
	width: 94%;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
}
.qa-li li:hover {
	opacity: 0.5;
}
.page-staff-li li {
	text-align: center;
	margin-bottom: 40px;
}
.page-staff-li img {
	margin-bottom: 20px;
}
.page-staff-li .position {
	font-size: 12px;
	color: #b49b79;
	margin-bottom: 5px;
	line-height: 140%;
}
.page-staff-li .name {
	margin-bottom: 5px;
}
.page-staff-li .nominate-price {
	font-size: 12px;
	line-height: 140%;
}
/* [03.STAFF-SINGLE]
--------------------------------------------------------------------------*/
#single-staff .pkg {
	padding: 40px 0 100px 0;
}
.staff-single-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.staff-single-wrap .img-box,
.staff-single-wrap .txt-box {
	width: 48%;
}
.staff-single-wrap img {
	width: 100%;
	height: auto;
}
.staff-single-wrap .txt-box .message-box {
	margin-bottom: 40px;
}
.staff-single-wrap .txt-box .message-box h2 {
	font-size: 28px;
	margin-bottom: 40px;
	line-height: 100%;
}
.staff-single-wrap .txt-box .message-box h2 span {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #585452;
}
.staff-single-wrap .txt-box .message-box .eng {
	font-size: 24px;
	margin-bottom: 10px;
}
.staff-single-wrap .txt-box .message-box h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.staff-details-li {
	width: 100%;
	margin-bottom: 30px;
}
.staff-details-li li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e8e7e1;
}
.staff-details-li li .ttl {
	color: #b49b79;
	font-weight: bold;
	margin-bottom: 5px;
}
.staff-sns {
	width: 100%;
	margin-bottom: 40px;
}
.staff-sns li a {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.staff-sns li .img-box {
	width: 5%;
	margin-bottom: 0;
}
.staff-sns li .txt-box {
	width: 94%;
	font-size: 12px;
}
.staff-sns li img {
	width: 1005;
	height: auto;
}
/* [04.DESIGN-SINGLE]
--------------------------------------------------------------------------*/
#single-design .pkg {
	padding: 40px 0 100px 0;
}
.design-single-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.design-single-wrap .img-box,
.design-single-wrap .txt-box {
	width: 48%;
}
.design-single-wrap .img-box img {
	width: 100%;
	height: auto;
}
.design-single-wrap .ttl-wrap {
	margin-bottom: 30px;
}
.design-single-wrap .txt-box h2 {
	font-size: 26px;
    margin-bottom: 40px;
}
.design-single-wrap .txt-box h3 {
	color: #b49b79;
	font-size: 20px;
	margin-bottom: 20px;
}
.eyelashes-details-box,
.eyebrows-details-box {
	margin-bottom: 20px;
}
.eyelashes-details-box h4,
.eyebrows-details-box h4,
.before-after-box h4 {
	font-size: 14px;
	font-weight: bold;
	color: #b49b79;
	padding: 8px 10px;
	background: #f3f2ee;
	border-left: 5px solid #b49b79;
	margin-bottom: 20px;
}
.details-li {
	width: 100%;
}
.details-li li {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 6px;
}
.details-li li:last-child {
	margin-bottom: 0;
}
.details-li li .ttl {
	width: 20%;
}
.details-li li .txt {
	width: 78%;
}
.before-after-li {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	justify-content: space-between;
	margin-bottom: 40px;
}
.before-after-li li {
	width: 48%;
}
.before-after-li li img {
	width: 100%;
	height: auto;
}
.before-after-li li p {
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
}
/* [05.ARTICLE-SINGLE]
--------------------------------------------------------------------------*/
.single .pkg {
	padding: 40px 0 100px 0;
}
.article-contents {
    align-items: inherit;
}
.article-contents .left-wrap {
    width: 70%;
}
.article-contents .right-wrap {
    width: 26%;
}
.article-main-txt {
    padding-bottom: 22px;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}
.article-main-txt .date {
    font-size: 10px;
    font-weight: normal;
    line-height: 120%;
    margin-bottom: 20px;
    color: #999;
}
.article-main-txt .date .update-date {
    padding-left: 10px;
}
.article-main-txt h2 {
    font-size: 24px;
    font-weight: normal;
    line-height: 140%;
    margin-bottom: 22px!important;
    font-weight: normal;
}
.li-sns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 320px;
}
.li-sns li {
    margin-right: 20px;
}
.li-sns li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 11px;
    color: #999;
    align-items: center;
}
.li-sns li a .img-box {
    width: 24px;
    height: auto;
    padding-right: 10px;
}
.li-sns li a .img-box img {
    width: 100%;
    height: auto;
}
.single h2 {
	margin-bottom: 40px;
}
.single h2 span {
	font-size: 12px;
	line-height: 140%;
	display: inline-block;
	width: 100%;
}
.single h3 {
	font-size: 22px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cac7c2;
	margin-bottom: 40px;
}
.single h4 {
	font-size: 16px;
	padding: 10px 15px;
	font-weight:  bold;
	border-left: 5px solid #b49b79;
	margin-bottom: 40px;
}
.single h5 {
	font-size: 16px;
	color: #b49b79;
	font-weight: bold;
	line-height: 140%;
	margin-bottom: 20px;
}
.single h6 {
	font-size: 15px;
	font-weight: bold;
	line-height: 140%;
	margin-bottom: 20px;
}
.single p {
	margin-bottom: 40px;
	line-height: 180%;
}
.single img {
	max-width: 100%;
	height: auto;
}
.article-shop-information {
	background: #f3f2ee;
	padding: 40px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.article-shop-information h5 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.article-shop-information .address {
	font-size: 12px;
	line-height: 100%;
	margin-bottom: 5px;
}
.article-shop-information .address span a {
	display: inline-block;
	color: #b49b79;
	border: 1px solid #b49b79;
	background: #fff;
	padding: 4px 8px;
	margin-left: 10px;
	font-size: 10px;
	font-weight: bold; 
}
.article-shop-information .tel {
	font-size: 24px;
	vertical-align: middle;
	line-height: 100%;
	margin-bottom: 20px;
}
.article-shop-information .tel span {
	display: inline-block;
	font-size: 20px;
	line-height: 100%;
	margin-right: 5px;
}
.article-shop-information .btn {
    background: #433333;
    border: #433333;
    font-weight: bold;
    color: #fff;
}
#shop-guide-wrap {
	padding-top: 40px;
}
.side-wrap {
	padding: 20px;
	border: 1px solid #eee;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.side-wrap h3 {
	font-size: 15px;
	color: #b49b79;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: none;
	text-align: center;
	padding-bottom: 0;
}
.side-wrap .btn {
	width: 100%;
}
.new-article-wrap {
    margin-bottom: 20px;
}
.side-article-li li {
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #eee;
}
.side-article-li li a {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	justify-content: space-between;
	align-items: center;
}
.side-article-li li .img-box {
	width: 40%;
}
.side-article-li li .img-box img {
	width: 100%;
	height: auto;
}
.side-article-li li .txt-box {
	width: 56%;
}
.side-article-li li .txt-box .eng {
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 100%;
}
.side-article-li li .txt-box h4 {
	font-size: 11px;
	padding: 0;
	margin-bottom: 0;
	border-left: none;
	font-weight: normal;
}
.archive-wrap #btn_archives {
    display: inline-block;
    font-size: 15px;
    color: #b49b79;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 24px;
    line-height: 24px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}
.archive-wrap #btn_archives i {
    top: 0px;
    right: 20px;
    position: absolute;
}
.archives-nav {
	width: 100%;
	margin-top: 20px;
}
.archives-nav li {
	font-size: 12px;
	line-height: 140%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #eee;
}
.other-qa-wrap {
	padding: 20px;
	border: 1px solid #eee;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.side-qa-li {
	width: 100%;
}
.side-qa-li li {
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #eee;
}
.side-qa-li li a {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.side-qa-li li a .q-icon {
    width: 16%;
    font-size: 12px;
    margin-bottom: 0;
}
.side-qa-li li a .q-icon span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #b49b79;
    border-radius: 15px;
    text-align: center;
    line-height: 28px;
    color: #fff;
}
.side-qa-li li a h4 {
    width: 84%;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 0;
    margin: 0;
    border-left: none;
}
/* [00.MEDIA QUERIES,PRINT]
--------------------------------------------------------------------------*/
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
@media (max-width: 840px) {
	body {
		position:relative;
	}
	.pkg {
		padding: 80px 20px;
	}
	#single-staff .pkg,
	#single-design .pkg,
	.single .pkg {
		padding: 40px 20px 80px 20px;
	}
	#menu-trigger {
		display: block;
	}
	.dsn-sp {
		display: block;
	}
	.dsn-pc {
		display: none;
	}
	header {
		height: 74px;
	}
	header div.pkg-head {
		height: 74px;
		padding: 0;
		position: fixed;
		top: 0;
		background: #b49b79;
	}
	header div.pkg-head h1 {
		display: none;
	}
	header div.pkg-head .logo {
		width: 110px;
		height: auto;
		display: block;
		z-index: 1;
		left: 20px;
		top: 20px;
	}
	.underlayer {
		height: 75px;
	}
	#nav-sub,
	#nav-main {
		display: none;
	}
	#menu {
		display: block;
		z-index: 10;
	}
	#nav-sub-sp ul {
		position: fixed;
		background: #003685;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: space-between;
		align-items: stretch;
		width: 100%;
		height: 65px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		top: 0;
		left: 0;
		z-index: 11;
	}
	#nav-sub-sp ul li {
		width: 100%;
	}
	#nav-sub-sp ul li:first-child {
		margin: 10px 5px 5px 10px;
	}
	#nav-sub-sp ul li:nth-child(2) {
		margin:  10px 10px 5px 0;
	}
	#nav-sub-sp ul li:last-child {
		width: 65px;
	}
	#nav-sub-sp ul li a {
		display: block;
		height: 45px;
		line-height: 45px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		font-size: 12px;
		color: #FFF;
		font-weight: bold;
		text-align: center;
	}
	#nav-sub-sp ul li:nth-child(1) a {
		background: #005ee7;
		
	}
	#nav-sub-sp ul li:nth-child(2) a {
		background: #f9be00;
	}
	#nav-sub-sp ul li:last-child a#menu-sc {
		background: #FFF;
		width: 65px;
		height: 65px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 0;
		margin: 0;
		line-height: 0;
		color: #003685;
		text-align: center;
		font-size: 10px;
		top: 0;
		right: 0;
	}
	#nav-sub-sp ul li:last-child a#menu-sc i {
		height: 65px;
		line-height: 65px;
	}
	#nav-sub-sp ul li:last-child a#menu-sc i:first-child {
		display: block;
	}
	#nav-sub-sp ul li:last-child a#menu-sc i:nth-child(2) {
		display: none;
	}
	.f-shop-guide .img-box {
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}
	.f-shop-guide .img-box img {
		width: 40%;
	}
	.f-shop-guide .txt-box {
		width: 100%;
	}
	.f-group-shop-li {
		justify-content: space-between;
	}
	.f-group-shop-li li {
		width: 48%;
		margin-right: 0;
		margin-bottom: 4%;
	}
	.f-group-shop-li li p,
	.f-group-shop-li li .btn {
		font-size: 10px;
	}
	.copyright-wrap {
		width: 100%;
		padding: 20px 20px 100px 20px;
	}
	.copyright-wrap .nav-box,
	.copyright-wrap .txt-box {
		width: 100%;
	}
	a[href^="tel:"] {
	    pointer-events: inherit;
	}
	#main-top {
		margin-bottom: 40px;
	}
	.main-visual {
		flex-wrap: wrap;
	}
	.main-visual .img-box {
	    width: 100%;
	    padding-top: 20px;
	    text-align: right;
	    margin-bottom: 40px;
	    order: 1;
	}
	.main-visual .img-box img {
		width: 85%;
		height: auto;
	}
	.main-visual .txt-box {
		position: inherit;
	    width: 100%;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    padding: 0 5% 0 0;
	    left: 0;
	    top: inherit;
	    order: 2;
	}
	.main-visual .txt-box .eng {
		font-size: 36px;
		line-height: 40px;
	}
	.main-visual .txt-box .eng span {
		font-size: 24px;
	}
	.main-visual .txt-box h2 {
		font-size: 18px;
	}
	.main-visual .txt-box .dsp {
		font-size: 14px;
	}
	.bg-concept:before {
		width: 90%;
		top: 30%;
	}
	#concept .ttl-min {
		font-size: 24px;
	}
	.concept-txt {
		font-size: 14px;
	}
	#coupon .pkg,
	#blog .pkg {
	    padding: 0 20px 80px;
	}
	.coupon-li li .coupon-details .img-box,
	.coupon-li li .coupon-details .txt-box,
	.coupon-li li .coupon-details .price-box {
		width: 100%;
		text-align: left;
	}
	.coupon-li li .coupon-details .img-box {
		margin-bottom: 20px;
	}
	.coupon-li li .coupon-details .txt-box {
		margin-bottom: 10px;
	}
	.staff-li,
	.design-li {
		justify-content: space-between;
	}
	.staff-li li,
	.design-li li {
		width: 48%;
		margin-right: 0;
		margin-bottom: 6%;
	}
	.btn {
		width: 100%;
	}
	.shop-info-wrap .img-box,
	.shop-info-wrap .txt-box {
		width: 100%;
	}
	.shop-info-wrap .img-box {
		margin-bottom: 80px;
	}
	.shop-info-wrap div .info-li li {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.shop-info-wrap div .info-li li .ttl,
	.shop-info-wrap div .info-li li .txt {
		width: 100%;
	}
	.shop-info-wrap div .info-li li .ttl {
		margin-bottom: 5px;
	}
	.design-ttl-bg {
		background: url(../images/layouts/design-ttl-bg-sp.png) no-repeat;
		background-size: cover;
	}
	.news-li li a {
		padding: 20px;
	}
	.news-li li .date,
	.news-li li .txt {
		width: 100%;
	}
	.news-li li .date {
		margin-bottom: 5px;
	}
	.news-li li .txt {
		overflow: inherit;
		text-overflow: inherit;
		white-space: inherit;
	}
	.blog-li li {
		width: 100%;
		margin-right: 0;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #e8e7e1;
	}
	.insta-wrap {
		padding: 0 20px 80px 20px;
	}
	.insta-li li {
		width: 32%;
		margin-bottom: 2%;
	}
	.insta-li li:nth-child(3n) {
		margin-right: 0;
	}
	.bnr-li {
		justify-content: space-between;
	}
	.bnr-li li {
		width: 48%;
		margin-right: 0;
		margin-bottom: 4%;
	}
	.bnr-li li:nth-child(2n) {
		margin-right: 0;
	}
	#breadcrumbs {
		display: none;
	}
	#page-mainvisual .main_txt,
	#single-mainvisual .main_txt {
		padding: 70px 20px;
	}
	.swiper-pagination {
	    bottom: -60px!important;
	}
	.qa-li li .qa-li-ttl-box .q-icon {
		width: 20%;
	}
	.qa-li li .qa-li-ttl-box h3 {
		width: 80%;
		font-size: 16px;
	}
	.page-staff-li {
		justify-content: space-between;
	}
	.page-staff-li li {
		width: 48%;
		margin-right: 0;
		margin-bottom: 6%;
	}
	.page-staff-li .position,
	.page-staff-li .nominate-price {
		font-size: 10px;
	}
	.staff-single-wrap .img-box,
	.staff-single-wrap .txt-box {
		width: 100%;
	}
	.staff-single-wrap .img-box {
		margin-bottom: 60px;
	}
	.design-single-wrap .img-box,
	.design-single-wrap .txt-box {
		width: 100%;
	}
	.design-single-wrap .img-box {
		margin-bottom: 60px;
	}
	.article-contents .left-wrap,
	.article-contents .right-wrap {
		width: 100%;
	}
	.article-contents .left-wrap {
		margin-bottom: 60px;
	}
	#shop-guide-wrap {
		padding-top: 20px;
		margin-bottom: 40px;
	}
	.article-shop-information .address {
		margin-bottom: 20px;
	}
	.article-shop-information .address span a {
		margin-left: 0;
		margin-top: 10px;
	}
	.staff-sns li .img-box {
		width: 8%;
	}
	.staff-sns li .txt-box {
		width: 88%;
	}
	.back_top a {
		bottom: 102px;
	}
	.web-reserve-btn {
		width: 100%;
		padding: 30px 20px;
		right: 0;
		left: 0;
		bottom: 0;
		margin: 0 auto;
	}
	.web-reserve-btn img {
		display: none;
	}
	.web-reserve-btn p {
		width: 100%;
		text-align: center;
	}
}


/* [width:850-1280]
--------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1025px) and ( max-width:1280px){
	#mainvisual {
		min-height: 720px;
	}
	#mainvisual .main_txt {
		padding-top: 20%;
	}
}
/* [width:1680-2550]
--------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1680px) and ( max-width:2550px){
	.logo {
	    width: 8%;
	}
	nav#nav-main {
	    width: 100%;
	}
	.conts-fixed.pkg-head .logo {
		width: 6%;
	}
	#mainvisual {
		min-height: 1000px;
		max-height: 1000px;
	}
	#news-top {
		margin: 1000px 0 0 0;
	}
}
/* [width:2560-4000]
--------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:2560px) and ( max-width:4000px){
	.logo,
	.conts-fixed.pkg-head .logo  {
	    width: 5%;
	}
	nav#nav-main {
	    width: 100%;
	}
	#mainvisual {
		min-height: 1000px;
		max-height: 1000px;
	}
	#news-top {
		margin: 1000px 0 0 0;
	}
	#mainvisual .main_txt {
		padding-top: 18%;
	}
}


/* Mobile devices */
@media (max-width: 359px) {
	
}
/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
	}
@media print {
}