body,html,#root {background:#fdfaf5;}
* { font-family: serif!important;}

.row {height: auto!important;}
a img { opacity: 1; -webkit-transition: all .5s; transition: all .5s;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all .5s; transition: all .5s;}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }


@media only screen and (max-width: 999px) {
.pc{display: none!important;}
.sp{display: block!important;}

#spMenu { position: fixed; right: 3px; top: 3px; display: flex; justify-content: center; align-items: center; width: 10vw; height: 10vw; z-index: 1002; -webkit-border-radius: 30px; border-radius: 30px; padding: 0; -webkit-transition: all 1s; transition: all 1s;}
#spMenu .menu-trigger { position: relative; width: 6vw; height: 6vw; display: flex; justify-content: center; align-items: center;}
.menu-trigger,.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.menu-trigger span { position: absolute; left: 0; width: 6vw; height: 2px; background: #6e4d3f; font-size:0.1em; }
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 7px; }
.menu-trigger span:nth-of-type(3) { top: 15px; }
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(11px) rotate(-45deg); transform: translateY(11px) rotate(-45deg); background: #fff; }
.menu-trigger.active span:nth-of-type(2) { opacity: 0; }
.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-3.5px) rotate(45deg); transform: translateY(-3.5px) rotate(45deg); background: #fff; }

.gmenu {display: block; position: fixed; background: rgba(110, 77, 63,.9); width: 100%!important; height: 100vh!important; overflow: hidden; top: 0; left: -100%; z-index: 1000; opacity: 0; -webkit-transition: all 1s; transition: all 1s;}
.gmenu.active { opacity: 1; position: fixed; top: 0; left: 0; z-index: 1001; }
.gmenu a { display: flex; padding: 2vh 0 2vh 5vw; justify-content: flex-start; align-items: center; text-decoration: none; color: #fff; -webkit-transition: all 1s; transition: all 1s; -webkit-box-sizing: border-box; box-sizing: border-box;}
.gmenu a div { margin: 0; padding: 0;}
.gmenu a div p { margin: 0; padding: 0; color: #fff;}
.gmenu a div p br { display: none;}
.gmenu a:hover {}
.gmenu a:hover div p { color: #fff;}



* { font-family: serif!important; font-size: 12px;}
#root { width: 100%; height: auto; overflow: hidden;}
.mainCont {max-width:98%!important; height: auto!important;}
.container {max-width:100%!important; height: auto!important; padding: 0!important;}
.menuCont {max-width:100%!important; height: auto!important; margin: auto; text-align: center;}

.headerTop { display: block; width: 100%!important; position: relative; top: 0; left: 0; height: 40px!important; padding: 0!important; margin: 0 0 10px!important;}
.headerTop .col {display: none!important;}
.headerTop .logo {display: flex!important; height: 40px!important;}
.headerTop .logo a {display: block!important; height: 40px!important;}
.headerTop .logo img {display: block; width: auto; height: 90%; padding: 2px;}

.txtBtn { display: block; width: 70%; margin: 0 auto; text-align:center; background:#cda28f; -webkit-border-radius: 20px; border-radius: 20px; color:#fff; }
.txtBtn p { margin: 0; padding: 4px	10px;}
.txtBtn p span {  color:#fff;}

.mainAreaSec { display: block; width: 100%; margin: 40px auto; }
.mainAreaSec img { display: block; width: 100%; height: auto; }
.mainAreaSec h1 {}
.mainAreaSec h1 span { line-height: 1.3em !important;display: inline-block;}

.h2Img {margin: 0 auto 10px!important;}
.h2Img img { display: block; height: 30px; width: auto; margin: auto;}

.BtmBnrArea { display: block; width: 100%; height: auto; padding: 20px 0; margin: 0 auto; text-align: center; background: #f9f2ec;}
.BtmBnrArea a { display: block; width: 80%; height: auto; margin: 0 auto; text-align: center;}
.BtmBnrArea a img  { display: block; width: 100%; height: auto;}

.sliderCont { display: block; width: 100%; height: 600px; overflow: hidden; }
.sliderCont .slideCell { display: block; width:100%; height:100%; margin:0 auto; position:relative; }
.sliderCont .slideCell img { position:absolute; left:0; top:0; bottom: 0; right: 0; margin: auto; width: auto; height: 600px; }


.conceptMailCell { display: block; width: 100%; margin: 0 auto; text-align: center; position: relative;}
.conceptMailCell.top { background: #fff;}
.conceptMailCell.btm { background: #fff;}
.conceptMailCell .ConceptMailContent { display: flex; flex-direction: column; align-items:  center; width: 98%; margin: 0 auto; text-align: center; padding: 20px 0; }
.conceptMailCell .ConceptMailContent .icon { float: none; order:1; display: block; width: 50px; height: 50px; }
.conceptMailCell .ConceptMailContent .icon img {  width: auto; height: 100%; }
.conceptMailCell .ConceptMailContent .text { float: none; order:2; display: block; width: 100%; }
.conceptMailCell .ConceptMailContent .text h2 { text-align: center; color: #7c5e51; font-size: 18px; text-align: center; margin-top: 20px;}
.conceptMailCell .ConceptMailContent .text p { text-align: left; color: #888; font-size: 13px; width: 80%; height: auto; margin: auto; }
.conceptMailCell .ConceptMailContent .icon img { float: none; }

.serviceImage { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 98%; height: auto; padding: 0; margin: 20px auto 0; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none;}
.serviceImage li { list-style-type: none; display: block; width: 23%; margin: 0 1% 10px; }
.serviceImage li a {display: block; width: 100%; height: 100%;}
.serviceImage li a img {display: block; width: 100%; height: auto;}

.menuCellOuter { display: flex; justify-content: center; align-items: center; width: 100%; height: auto; padding: 20px; margin: 0 auto 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.menuCellOuter .menuCellInner { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: auto; padding: 10px 20px; border:  double 1px rgba(234, 215, 204,.5); -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; }
.menuCellOuter .menuCellInner p { color: #888;}
.menuCellOuter .menuCellInner img { max-width: 100%; height: auto; width: auto;}
.menuCellOuter .menuCellInner .menuList { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap; border: none; margin-bottom: 10px; padding: 0 0 10px 0; border-bottom: dotted 1px #ccc;}
.menuCellOuter .menuCellInner .menuList:nth-of-type(1) { padding-top: 10px;  border-top: dotted 1px #ccc;}
.menuCellOuter .menuCellInner .menuList + p { font-size: 10px; text-align: left; display: block; width: 100%; color: #888; margin-top: 10px;}
.menuCellOuter .menuCellInner .menuList .title {}
.menuCellOuter .menuCellInner .menuList .title p { text-align: left; line-height: 1.2em; margin-bottom: 0; color: #888;}
.menuCellOuter .menuCellInner .menuList .price {}
.menuCellOuter .menuCellInner .menuList .price p { text-align: right; color: #888; margin-bottom: 0;}
.menuCellOuter.type01 {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_01.png)no-repeat 98% top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_02.png)no-repeat left top;}
.menuCellOuter.type02 {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_04.png)no-repeat right top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_03.png)no-repeat 4% top;}
.menuCellOuter.type03 {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_01.png)no-repeat 98% top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_03.png)no-repeat 4% top;}
.menuCellOuter.type04 {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_04.png)no-repeat right top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_02.png)no-repeat left top;}
.menuCellOuter.typeTop {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_top_01.png)no-repeat center top;padding-top: 12vw;background-size: 80vw; }
.menuCellOuter.typeTop .menuCellInner {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_top_02.png)no-repeat 88px top,#fff;background-size: 80vw auto; }
.menuCellOuter.typestaff {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/bg_r.png)no-repeat 110% top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/bg_l.png)no-repeat -30% top; padding-top: 70px; margin-top: -50px;}
.menuCellOuter.typeshopinfo {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/shopinfo_l.png)no-repeat 2% top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/shopinfo_r.png)no-repeat 98% top; padding-top: 70px; margin-top: 10px;}

.shopinfoinner {}
.shopinfoinner .shopinfoCell {width: 100%; display: flex; justify-content: center;; align-items: flex-start; flex-direction: column;}
.shopinfoinner  h3 + p + .shopinfoCell {display: none;}
.shopinfoinner .shopinfoCell .img {width: 100%; margin: auto; text-align: left; margin-bottom: 10px;}
.shopinfoinner .shopinfoCell .img img { width: 100%; height: auto;}
.shopinfoinner .shopinfoCell .txt {width: 100%; margin-left: 3%;}
.shopinfoinner .shopinfoCell .txt h2 { text-align: left; color: #7c5e51; font-size: 18px; }
.shopinfoinner .shopinfoCell .txt p { text-align: left; color: #888; }
.shopinfoinner iframe { display: block; width: 100%; height: 300px; margin: 20px auto;}
.shopinfoinner h3 { text-align: left; color: #7c5e51; font-size: 18px; margin-bottom: 10px; }
.shopinfoinner p { text-align: left; color: #888; margin-bottom: 2px; }

.topSlider { display: block; width:100%; height:30vh; margin:0 auto; padding: 0; position:relative;}
.topSlider .kv { display: block; width:100%; height:30vh; margin:0 auto; padding: 0; position:relative;}
.topSlider .kv h1 { display: flex;justify-content: center; align-items: center; text-align: center; width:100%; height:30vh; margin:0 auto; padding: 0; position:absolute; z-index: 2;color: #3e271e; letter-spacing: .8em; font-size: 12px; line-height: 1.6em; text-shadow: 1px 1px 4px #fff;}
.topSlider .kv ul { display: block; width:100%; height:30vh; margin:0 auto; padding: 0; position:absolute; z-index: 1;}
.topSlider .kv ul li { display: block; width:100%; height:30vh; margin:0 auto; position:relative; list-style-type: none; }
.topSlider .kv ul li img { position:absolute; left:0; top:0; bottom: 0; right: 0; margin: auto; width: 100%; height: auto; list-style-type: none; }

.newsList { display: block; width: 100%; height: 60vh; overflow-y: scroll; margin: 0 auto 20px; border: solid 2px #faefe3; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.newsList .webgene-item {}
.newsList .webgene-item header { width: 100%; display: flex; justify-content: flex-start;; align-items: center; flex-direction: column; padding-bottom: 10px; }
.newsList .webgene-item header h2 { display: block; width: 100%; font-size: 15px; margin: 0; padding: 0; text-align: left;}
.newsList .webgene-item header h2 a:link { color: #000; }
.newsList .webgene-item header h2 a:visited { color: #000; }
.newsList .webgene-item header h2 a:hover { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all .5s; transition: all .5s; }
.newsList .webgene-item header h2 a:active { color: #000; }
.newsList .webgene-item header .webgene-item-info { display: block; width: 100%; font-size: 18px; margin: 0; padding: 0; text-align: left;}
.newsList .webgene-item header .webgene-item-info span {display: inline-block; margin: 0 auto; text-align: center; background: #cda28f; background-color: rgb(205, 162, 143); -webkit-border-radius: 10px; border-radius: 10px; color: #fff; padding: 1px 10px; font-size: 12px;}
.newsList .webgene-item header .webgene-item-info time { font-size: 12px; color: #888;}
.newsList .webgene-item .webgene-item-content { font-size: 13px; width: 100%; display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: dotted 1px #ccc; color: #888; }
.newsList .webgene-item .webgene-item-content .webgene-item-main-image { display: block; width: 150px; height: auto; padding-right: 5%;}

.newsListPage { display: block; width: 100%; height: auto; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.newsListPage .webgene-item {}
.newsListPage .webgene-item header { width: 100%; display: flex; justify-content: flex-start;; align-items: center; flex-direction: column; padding-bottom: 10px; }
.newsListPage .webgene-item header h2 { display: block; width: 100%; font-size: 15px; margin: 0; padding: 0; text-align: left;}
.newsListPage .webgene-item header h2 a:link { color: #000; }
.newsListPage .webgene-item header h2 a:visited { color: #000; }
.newsListPage .webgene-item header h2 a:hover { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all .5s; transition: all .5s; }
.newsListPage .webgene-item header h2 a:active { color: #000; }
.newsListPage .webgene-item header .webgene-item-info { display: block; width: 100%; font-size: 18px; margin: 0; padding: 0; text-align: left;}
.newsListPage .webgene-item header .webgene-item-info span {display: inline-block; margin: 0 auto; text-align: center; background: #cda28f; background-color: rgb(205, 162, 143); -webkit-border-radius: 10px; border-radius: 10px; color: #fff; padding: 1px 10px; font-size: 12px;}
.newsListPage .webgene-item header .webgene-item-info time { font-size: 12px; color: #888;}
.newsListPage .webgene-item .webgene-item-content { font-size: 13px; width: 100%; display: block; padding-bottom: 20px; margin: 0 auto 30px; border-bottom: dotted 1px #ccc; color: #888; }
.newsListPage .webgene-item .webgene-item-content .img { display: flex; justify-content: center; align-items: center; padding: 20px 0; margin-bottom: 20px; background: #fffdfb;}
.newsListPage .webgene-item .webgene-item-content .webgene-item-main-image { display: block; max-width: 100%; height: auto; padding:0; margin: 0 auto;}
.newsListPage .webgene-item .webgene-item-content .txt { text-align: left;}

.newsDetailPage { display: block; width: 100%; height: auto; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.newsDetailPage .webgene-item {}
.newsDetailPage .webgene-item header { width: 100%; display: block; padding-bottom: 10px; }
.newsDetailPage .webgene-item header h2 { display: block; width: 100%; font-size: 15px; margin: 0 0 5px; padding: 0; text-align: left;}
.newsDetailPage .webgene-item header .webgene-item-info {text-align: left;}
.newsDetailPage .webgene-item header .webgene-item-info span {display: inline-block; margin: 0 auto; text-align: center; background: #cda28f; background-color: rgb(205, 162, 143); -webkit-border-radius: 10px; border-radius: 10px; color: #fff; padding: 1px 10px; font-size: 12px;}
.newsDetailPage .webgene-item header .webgene-item-info time { font-size: 12px; color: #888;}
.newsDetailPage .webgene-item .webgene-item-content { font-size: 13px; width: 100%; display: block; padding-bottom: 20px; margin: 0 auto 30px; text-align: left; color: #888; }
.newsDetailPage .webgene-item .webgene-item-content .webgene-item-main-image { display: block; max-width: 100%; height: auto; padding:0; margin: 0 auto 20px;}
.newsDetailPage .webgene-item .webgene-item-content .txt { text-align: left;}

.menuCellOuter.typecontact {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_04.png)no-repeat right top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_02.png)no-repeat left top;}
.menuCellOuter.typecontact .menuCellInner { display: block; width: 100%; height: auto; padding: 20px; text-align: left; border: double 1px rgba(234, 215, 204,.5); -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; }
.typecontact h2 { font-size: 18px; color: #7c5e51; }
.typecontact p { color: #7c5e51; }
.typecontact .formDiv {margin: 20px auto;}
.typecontact .form { display: block; width: 100%;}
.typecontact .form .form-group { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; flex-direction: column;}
.typecontact .form .form-group > div:nth-of-type(1) { width: 100%; color: #7c5e51;}
.typecontact .form .form-group div:nth-of-type(2)  { width: 100%; margin-bottom: 20px;}
.typecontact .form .form-group .txtarea {display: inline-block; width: 100%; padding: 5px;}
.typecontact .form .form-group input[type=email],.typecontact .form .form-group input[type=text] {display: inline-block; width: 100%; padding: 5px;}
.typecontact .form .form-group label { padding: 0 9px 0 1px;}
.typecontact .form .form-group .ulCell { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; list-style-type: none; padding: 0;margin: 0 0 10px;}
.typecontact .form .form-group .ulCell label {margin-right: 10px;}
.typecontact .form .form-group .ulCell p {margin-right: 10px; margin-bottom: 0!important;}
.typecontact .form .form-group .ulCell select,.typecontact .form .form-group .ulCell input { display: inline-block; width: 7em;}
.typecontact .form .form-group textarea {display: inline-block; width: 100%; padding: 5px;}
.typecontact .form .form-group .button { display: block; width: 70%; background: #cda28f; text-align: center; margin: auto; padding: 10px 0px; color: #fff; font-size: 20px; -webkit-border-radius: 10px; border-radius: 10px;}
.typecontact .ppDiv {display: block; width: 100%; padding: 20px 10px; border: solid 1px #ccc; overflow-y: scroll; height: 200px; margin: 0 auto; }
.typecontact .ppDiv .privacy { font-size: 13px; padding: 0;margin: 0;}
.typecontact .ppDiv .privacy li { list-style-type: none; color: #888; padding-bottom: 20px;}
.typecontact .ppDiv .privacy li .Dbold { display: block; padding-bottom: 10px;}

.indexinsta { display: block; width: 100%; height: auto; margin: auto; text-align: center; position: relative; overflow: hidden;}
.indexinsta .overwrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.indexbnrCell { display: block; width: 100%; height: auto; margin: 0 auto 10px; text-align: center;}



.pageTtl { display: flex; justify-content: center; align-items: center; width: 1200px; height: 238px; margin: 0 auto 20px; text-align: center;}
.pageTtl.blog { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_blog.jpg) no-repeat; }
.pageTtl.concept { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_concept.jpg) no-repeat; }
.pageTtl.nail { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_nail.jpg) no-repeat; }
.pageTtl.fnail { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_fanail.jpg) no-repeat; }
.pageTtl.bj { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_bj.jpg) no-repeat; }
.pageTtl.staff { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_staff.jpg) no-repeat; }
.pageTtl.shopinfo { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_shopinfo.jpg) no-repeat; }
.pageTtl.contact { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_contact.jpg) no-repeat; }
.pageTtl h1  { display: block; color: #7d5f50; font-size: 15px; font-weight: normal; padding: 15px 20px; background: rgba(255,255,255,.9); border: solid 1px #e6d0c6; -webkit-box-shadow: 0 0 10px 10px rgba(255,255,255,0.4); box-shadow: 0 0 10px 10px rgba(255,255,255,0.4)}

}











@media only screen and (min-width: 1000px) {
.pc{display: block!important;}
.sp{display: none!important;}

#spMenu {display: none;}

.container {max-width:1200px!important; height: auto!important;}
.menuCont {max-width:1200px!important; height: auto!important; margin: auto; text-align: center;}

.headerTop .headertell { display: block; overflow:hidden; width: 256px; height: 63px;background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/header_tel.png) no-repeat;}
.headerTop .headertell p.num { color: #7c5e51; margin: 7px 0 0 60px; font-size: 25px; height: 30px; }
.headerTop .headertell p.sub { color: #7c5e51; margin: 0 0 0 60px; font-size: 10px; }

.gmenu { width: 1200px; display: flex; padding:0; margin: auto; border-top:solid 2px #faefe3; border-bottom:solid 2px #faefe3; border-left:solid 2px #faefe3; -webkit-box-sizing: border-box; box-sizing: border-box; }
.gmenu a {width: 180px; display: block; border-right:solid 2px #faefe3; -webkit-box-sizing: border-box; box-sizing: border-box;}
.gmenu a p { width: 100%; height: 48px; display: flex; justify-content: center; align-items: center; margin:0!important;text-decoration:none; color:#6e4d3f; font-size: 12px;}
.gmenu a:hover { border-right:solid 2px #faefe3; background:#fff; color:#6e4d3f; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all .5s; transition: all .5s; text-decoration: none; }

.txtBtn { display: block; margin: 0 auto; text-align:center; background:#cda28f; -webkit-border-radius: 20px; border-radius: 20px; color:#fff; width: 13em;}
.txtBtn p { margin: 0; padding: 4px	10px;}
.txtBtn p span {  color:#fff;}

.mainAreaSec { display: block; width: 100%; margin: 90px auto; }

.h2Img {margin-bottom:15px!important;}

.BtmBnrArea { display: block; width: 100%; height: auto; padding: 40px 0; margin: 50px auto 0; text-align: center; background: #f9f2ec;}


.sliderCont { display: block; width: 100%; height: 600px; overflow: hidden; }
.sliderCont .slideCell { display: block; width:100%; height:100%; margin:0 auto; position:relative; }
.sliderCont .slideCell img { position:absolute; left:0; top:0; bottom: 0; right: 0; margin: auto; width: auto; height: 600px; }

.pageTtl { display: block; width: 100%; margin: 0 auto 70px; text-align: center;}

.conceptMailCell { display: block; width: 100%; margin: 0 auto; text-align: center; position: relative;}
.conceptMailCell.top { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/20200114072208595247.png) no-repeat left top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/img_concept_02.png) no-repeat right bottom,#fff;}
.conceptMailCell.mdl { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/img_concept_03.png) no-repeat right bottom;}
.conceptMailCell.btm { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/img_concept_04.png) no-repeat right bottom,#fff;}
.conceptMailCell .ConceptMailContent { display: flex; width: 750px; margin: 0 auto; text-align: left; padding: 60px 0; display:flex; justify-content: flex-start; }
.conceptMailCell.top .ConceptMailContent .icon { float: none; order:1; display: block; width: 150px; }
.conceptMailCell.mdl .ConceptMailContent .icon { float: none; order:2; display: block; width: 150px; text-align: right; }
.conceptMailCell.btm .ConceptMailContent .icon { float: none; order:1; display: block; width: 150px; }
.conceptMailCell.top .ConceptMailContent .text { float: none; order:2; display: block; width: 590px; margin-left: 10px; }
.conceptMailCell.mdl .ConceptMailContent .text { float: none; order:1; display: block; width: 590px; margin-right: 10px; }
.conceptMailCell.btm .ConceptMailContent .text { float: none; order:2; display: block; width: 590px; margin-left: 10px; }
.conceptMailCell .ConceptMailContent .text h2 { text-align: left; color: #7c5e51; font-size: 18px; }
.conceptMailCell .ConceptMailContent .text p { text-align: left; color: #888; font-size: 13px; }
.conceptMailCell .ConceptMailContent .icon img { float: none; }



.serviceImage { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 730px; height: auto; padding: 0; margin: 50px auto 0; -webkit-box-sizing: border-box; box-sizing: border-box; list-style-type: none;}
.serviceImage li { list-style-type: none; display: block; width: 23%; margin: 0 1% 10px; }
.serviceImage li a {display: block; width: 100%; height: 100%;}
.serviceImage li a img {display: block; width: 100%; height: auto;}

.menuCellOuter { display: flex; justify-content: center; align-items: center; width: 950px; height: auto; padding: 30px 110px; margin: 0 auto 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.menuCellOuter .menuCellInner { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: auto; padding: 40px; border:  double 1px rgba(234, 215, 204,.5); -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; }
.menuCellOuter .menuCellInner p { color: #888;}
.menuCellOuter .menuCellInner .menuList { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap; border: none; margin-bottom: 20px; padding: 0 0 20px 0; border-bottom: dotted 1px #ccc;}
.menuCellOuter .menuCellInner .menuList:nth-of-type(1) { padding-top: 20px;  border-top: dotted 1px #ccc;}
.menuCellOuter .menuCellInner .menuList + p { font-size: 13px; text-align: left; display: block; width: 100%; color: #888; margin-top: 40px;}
.menuCellOuter .menuCellInner .menuList .title {}
.menuCellOuter .menuCellInner .menuList .title p { text-align: left; line-height: 1.2em; margin-bottom: 0; color: #888;}
.menuCellOuter .menuCellInner .menuList .price {}
.menuCellOuter .menuCellInner .menuList .price p { text-align: right; color: #888; margin-bottom: 0;}
.menuCellOuter.type01 {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_01.png)no-repeat 98% top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_02.png)no-repeat left top;}
.menuCellOuter.type02 {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_04.png)no-repeat right top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_03.png)no-repeat 4% top;}
.menuCellOuter.type03 {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_01.png)no-repeat 98% top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_03.png)no-repeat 4% top;}
.menuCellOuter.type04 {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_04.png)no-repeat right top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_02.png)no-repeat left top;}
.menuCellOuter.typeTop {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_top_01.png)no-repeat center top; padding-top: 101px; }
.menuCellOuter.typeTop .menuCellInner {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_top_02.png)no-repeat 88px top,#fff; }
.menuCellOuter.typestaff {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/bg_r.png)no-repeat 2% top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/bg_l.png)no-repeat 98% top; padding-top: 70px; margin-top: -50px;}
.menuCellOuter.typeshopinfo {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/shopinfo_l.png)no-repeat 2% top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/shopinfo_r.png)no-repeat 98% top; padding-top: 70px; margin-top: -50px;}




.shopinfoinner {}
.shopinfoinner .shopinfoCell {width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.shopinfoinner  h3 + p + .shopinfoCell {margin-top: 30px;}
.shopinfoinner .shopinfoCell .img {width: 30%;}
.shopinfoinner .shopinfoCell .img img { width: 100%; height: auto;}
.shopinfoinner .shopinfoCell .txt {width: 67%; margin-left: 3%;}
.shopinfoinner .shopinfoCell .txt h2 { text-align: left; color: #7c5e51; font-size: 18px; }
.shopinfoinner .shopinfoCell .txt p { text-align: left; color: #888; font-size: 13px; }
.shopinfoinner iframe { display: block; width: 100%; height: 300px; margin: 20px auto;}
.shopinfoinner h3 { text-align: left; color: #7c5e51; font-size: 18px; margin-bottom: 10px; }
.shopinfoinner p { text-align: left; color: #888; font-size: 13px; margin-bottom: 2px; }

.topSlider { display: block; width:100%; height:600px; margin:0 auto; padding: 0; position:relative; overflow:hidden;}
.topSlider .kv { display: block; width:100%; height:600px; margin:0 auto; padding: 0; position:relative;}
.topSlider .kv h1 { display: flex;justify-content: center; align-items: center; text-align: center; width:100%; height:600px; margin:0 auto; padding: 0; position:absolute; z-index: 2;color: #3e271e; letter-spacing: 1.3em; font-size: 28px; line-height: 1.6em; text-shadow: 1px 1px 4px #fff;}
.topSlider .kv ul { display: block; width:100%; height:600px; margin:0 auto; padding: 0; position:absolute; z-index: 1;}
.topSlider .kv ul li { display: block; width:100%; height:600px; margin:0 auto; position:relative; list-style-type: none; }
.topSlider .kv ul li img { position:absolute; left:0; top:0; bottom: 0; right: 0; margin: auto; width: auto; height: 600px; list-style-type: none; }

.newsList { display: block; width: 750px; height: 400px; overflow-y: scroll; margin: 0 auto 20px; border: solid 2px #faefe3; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.newsList .webgene-item {}
.newsList .webgene-item header { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; }
.newsList .webgene-item header h2 { font-size: 18px; margin: 0; padding: 0;}
.newsList .webgene-item header h2 a:link { color: #000; }
.newsList .webgene-item header h2 a:visited { color: #000; }
.newsList .webgene-item header h2 a:hover { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all .5s; transition: all .5s; }
.newsList .webgene-item header h2 a:active { color: #000; }
.newsList .webgene-item header .webgene-item-info span {display: inline-block; margin: 0 auto; text-align: center; background: #cda28f; background-color: rgb(205, 162, 143); -webkit-border-radius: 10px; border-radius: 10px; color: #fff; padding: 1px 10px; font-size: 12px;}
.newsList .webgene-item header .webgene-item-info time { font-size: 12px; color: #888;}
.newsList .webgene-item .webgene-item-content { font-size: 13px; width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; padding-bottom: 20px; margin-bottom: 20px; border-bottom: dotted 1px #ccc; color: #888; }
.newsList .webgene-item .webgene-item-content .webgene-item-main-image { display: block; width: 150px; height: auto; padding-right: 5%;}

.newsListPage { display: block; width: 100%; height: auto; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.newsListPage .webgene-item {}
.newsListPage .webgene-item header { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; }
.newsListPage .webgene-item header h2 { font-size: 18px; margin: 0; padding: 0;}
.newsListPage .webgene-item header h2 a:link { color: #000; }
.newsListPage .webgene-item header h2 a:visited { color: #000; }
.newsListPage .webgene-item header h2 a:hover { opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all .5s; transition: all .5s; }
.newsListPage .webgene-item header h2 a:active { color: #000; }
.newsListPage .webgene-item header .webgene-item-info span {display: inline-block; margin: 0 auto; text-align: center; background: #cda28f; background-color: rgb(205, 162, 143); -webkit-border-radius: 10px; border-radius: 10px; color: #fff; padding: 1px 10px; font-size: 12px;}
.newsListPage .webgene-item header .webgene-item-info time { font-size: 12px; color: #888;}
.newsListPage .webgene-item .webgene-item-content { font-size: 13px; width: 100%; display: block; padding-bottom: 20px; margin: 0 auto 60px; border-bottom: dotted 1px #ccc; color: #888; }
.newsListPage .webgene-item .webgene-item-content .img { display: flex; justify-content: center; align-items: center; padding: 40px 0; margin-bottom: 20px; background: #fffdfb;}
.newsListPage .webgene-item .webgene-item-content .webgene-item-main-image { display: block; max-width: 100%; height: auto; padding:0; margin: 0 auto;}
.newsListPage .webgene-item .webgene-item-content .txt { text-align: left;}


.newsDetailPage { display: block; width: 100%; height: auto; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.newsDetailPage .webgene-item {}
.newsDetailPage .webgene-item header { width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; }
.newsDetailPage .webgene-item header h2 { font-size: 18px; margin: 0; padding: 0;}
.newsDetailPage .webgene-item header .webgene-item-info span {display: inline-block; margin: 0 auto; text-align: center; background: #cda28f; background-color: rgb(205, 162, 143); -webkit-border-radius: 10px; border-radius: 10px; color: #fff; padding: 1px 10px; font-size: 12px;}
.newsDetailPage .webgene-item header .webgene-item-info time { font-size: 12px; color: #888;}
.newsDetailPage .webgene-item .webgene-item-content { font-size: 13px; width: 100%; display: block; padding-bottom: 20px; margin: 0 auto 60px; text-align: left; color: #888; }
.newsDetailPage .webgene-item .webgene-item-content .webgene-item-main-image { display: block; max-width: 100%; height: auto; padding:0; margin: 0 auto 20px;}
.newsDetailPage .webgene-item .webgene-item-content .txt { text-align: left;}

.menuCellOuter.typecontact {background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_04.png)no-repeat right top,url(https://enchante191119.smooooth.jp/system_panel/uploads/images/green_side_02.png)no-repeat left top;}
.menuCellOuter.typecontact .menuCellInner { display: block; width: 100%; height: auto; padding: 40px; text-align: left; border: double 1px rgba(234, 215, 204,.5); -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; }
.typecontact h2 { font-size: 18px; color: #7c5e51; }
.typecontact p { font-size: 13px; color: #7c5e51; }
.typecontact .formDiv {margin: 70px auto;}
.typecontact .form { display: block; width: 100%;}

.typecontact .form .form-group { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-bottom: 20px;}
.typecontact .form .form-group > div:nth-of-type(1) { width: 25%; font-size: 13px; color: #7c5e51;}
.typecontact .form .form-group div:nth-of-type(2)  { width: 75%; font-size: 13px;}
.typecontact .form .form-group .txtarea {display: inline-block; width: 100%; padding: 5px;}
.typecontact .form .form-group input[type=email],.typecontact .form .form-group input[type=text] {display: inline-block; width: 100%; padding: 5px;}
.typecontact .form .form-group label { padding: 10px; margin:0!important;}
.typecontact .form .form-group .ulCell { display: flex!important; margin-bottom: 10px; width: 100%!important;}
.typecontact .form .form-group .ulCell label { display: inline-block;}
.typecontact .form .form-group .ulCell p { display: inline-block; margin-bottom: 0!important;}
.typecontact .form .form-group .ulCell select,.typecontact .form .form-group .ulCell input { display: inline-block; width: 7em;}
.typecontact .form .form-group textarea {display: inline-block; width: 100%; padding: 5px;}
.typecontact .form .form-group .button { display: block; width: 40%; background: #cda28f; text-align: center; margin: auto; padding: 10px 0px; color: #fff; font-size: 20px; -webkit-border-radius: 10px; border-radius: 10px;}
.typecontact .ppDiv {display: block; width: 100%; padding: 20px 10px; border: solid 1px #ccc; overflow-y: scroll; height: 200px; margin: 0 auto; }
.typecontact .ppDiv .privacy { font-size: 13px; padding: 0;margin: 0;}
.typecontact .ppDiv .privacy li { list-style-type: none; color: #888; padding-bottom: 20px;}
.typecontact .ppDiv .privacy li .Dbold { display: block; padding-bottom: 10px;}

.indexinsta { display: block; width: 710px; height: 300px; margin: auto; text-align: center; position: relative;}
.indexinsta .overwrap {position: absolute; top: 0; left: 0; width: 100%; height: 300px; z-index: 2;}
.indexinsta iframe { display: block; width: 100%; height: auto; margin: auto; text-align: center;}
.indexbnrCell { display: block; width: 710px; height: auto; margin: 0 auto 10px; text-align: center;}

.shopinfoinner .serviceImage { width: 100%; margin: 50px auto;}




.pageTtl { display: flex; justify-content: center; align-items: center; width: 1200px; height: 238px; margin: 0 auto 20px; text-align: center;}
.pageTtl.blog { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_blog.jpg) no-repeat; }
.pageTtl.concept { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_concept.jpg) no-repeat; }
.pageTtl.nail { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_nail.jpg) no-repeat; }
.pageTtl.fnail { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_fanail.jpg) no-repeat; }
.pageTtl.bj { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_bj.jpg) no-repeat; }
.pageTtl.staff { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_staff.jpg) no-repeat; }
.pageTtl.shopinfo { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_shopinfo.jpg) no-repeat; }
.pageTtl.contact { background: url(https://enchante191119.smooooth.jp/system_panel/uploads/images/kv_contact.jpg) no-repeat; }
.pageTtl h1  { display: block; color: #7d5f50; font-size: 25px; font-weight: normal; padding: 15px 100px; background: rgba(255,255,255,.9); border: solid 1px #e6d0c6; -webkit-box-shadow: 0 0 10px 10px rgba(255,255,255,0.4); box-shadow: 0 0 10px 10px rgba(255,255,255,0.4)}
}
