@charset "UTF-8";

body{ color:#595757; font-family:Shin Go Light; line-height:1.8; letter-spacing:0.1em;}
*:focus{ outline:none;}

/******************************************************************/
/* CONTAINER */
/******************************************************************/
.container-min {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-min {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-min {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-min {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-min {
    max-width: 1040px;
  }
}

/******************************************************************/
/* FOOTER */
/******************************************************************/
footer {color:#595757;}
footer .box-left img {max-width:150px;}
footer .box-left .text1 {border:solid 1px #595757; display:inline-block; font-size:0.95em; padding:0.15em 0.4em; margin-top:2em;}
footer .box-left .text2 {font-size:1.1em;}
footer .box-left .text3 {font-size:0.8em;}
footer .box-center {font-size:0.95em;}
footer .box-center .tel {font-family:"Arial"; font-weight:bold; color:#961F3F;}
footer .box-center .tel span {font-size:2em;}
footer .box-center th {vertical-align:top; padding-right:0.5em;}
footer .box-center img {max-height:32px;}
.copyright{ background:#CEAC87; color:#fff; text-align:center; font-size:69%; padding:2em 0;}
#pagetopbox{ display:none; position:fixed; bottom:0; right:0; z-index:999999;}
#pagetopbox a{ display:block; background:#961f3f; padding:0.3em 0.9em 0.5em 0.9em;}
#pagetopbox a i{ font-size:196%; color:#FFF;}
.spfootermenu{ background:#CEAC87; letter-spacing:0; text-align:center; position:fixed; bottom:0; width:100%;}
.spfootermenu div.col{ border-right:1px solid #FFF;}
.spfootermenu div.col:last-child{ border-right:0; background:#961F3F;}
.spfootermenu a{ padding:0.3em 0; display:block; color:#FFF;}
.spfootermenu a div {margin-top:-5px;}
.spfootermenu i {font-size:1.5em;}
@media (max-width: 767px) {
	#pagetopbox{ bottom:75px; right:10px;}
	#pagetopbox a{ padding:0.4em 0.9em;}
	.copyright{margin-bottom:62px;}
}
@media (min-width: 768px) and (max-width: 992px) {
	#pagetopbox{ bottom:65px;}
	.copyright{margin-bottom:62px;}
}

/******************************************************************/
/* COMMON */
/******************************************************************/
a img:hover {opacity:0.7;}

/******************************************************************/
/* NAV */
/******************************************************************/
.drawer-container{ width:100%; margin-right:auto; margin-left:auto; padding-top:5px;}
.menu-container{box-shadow:6px 6px 8px #ccc; padding:0 20px;}
.drawer-nav{margin-top:0.5em; display:flex; align-items:center; flex-direction:column; height:auto !important; padding-bottom:0.5em;}
.drawer-navbar{ height:auto; padding:1em 0;}
.drawer-navbar:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
.navbar-brand img {max-width:200px; margin-left:70px;}
.navbar-brandbox{ float:left;}
.drawer-menu-item{padding:0.2em 2em 0.2em 0; text-decoration:none; color:#595757; font-size:12pt; font-family:Futo Go B101;}
.drawer-menu-item:hover {text-decoration:none;}
.drawer-menu-item:before {content:"＜ "; color:#B99063;}
.drawer-menu li:last-child a {padding-right:0;}
.box-icon, .box-icon-2nd {text-align:right;}
.box-icon img, .box-icon-2nd img {max-height:48px;}

@media (min-width: 768px) and (max-width: 992px) {
	.drawer-menu-item{ padding:0.2em 1em 0.2em 0;}
}

@media (min-width: 40em) {
	.drawer-navbar { border-bottom:none;}
	.drawer-navbar .drawer-menu-item{ line-height:1.5;}
	.drawer-navbar .drawer-nav{ height:2.5rem;}
}

@media (max-width: 810px) {
	.navbar-brand img {margin-top:-10px; margin-left:0; margin-bottom:20px;}
}

@media (max-width: 767px) {
	.box-icon {display:none !important;}
	.navbar-brand img {max-width:150px; margin-bottom:30px;}
}

@media (max-width: 39.9375em) {
	.drawer-nav{ margin-top:0; padding:0 2em;}
	.drawer-navbar{ padding:0.2em 0 0 0;}
	.drawer-navbar .drawer-nav{ padding-top:1em;}
	.drawer-menu-item{ margin-left:-1em; padding-right:0;}
	.navbar-brand img {max-width:150px; margin-top:-10px; margin-left:0px; margin-bottom:40px;}
}

/******************************************************************/
/* TOP */
/******************************************************************/
.top-main-photo {margin-top:-60px;}
.box-top-left-banner {max-width:320px;}
.box-top-left-banner img {margin-bottom:1em;}
.box-top-left-banner p {font-size:0.8em;}
.box-news h3 {font-family:"Arial Bold"; font-size:32px; color:#CEAC87; letter-spacing:0.2em;}
ul.square {list-style-type:square;}
div.box-banner {border-top:solid 1px #BE9563; border-bottom:solid 1px #BE9563;}
.box-kimonos {font-family:FB Agenda Medium Condensed;}
.box-kimonos h3 {font-size:30px; letter-spacing:0.1em; color:#3E3A39; margin:1em 0;}
.box-kimonos p {font-size:18px; color:#595757;}

@media (max-width: 992px) {
	table.news, table.news tbody, table.news tr, table.news th, table.news td {display:block;}
	table.news ul {padding-left:1.5em;}
}

@media (max-width: 39.9375em) {
	.box-top-left-banner {max-width:100%; text-align:center;}
	.box-top-left-banner p {text-align:left;}
	.box-kimonos h3 {margin:-0.5em 0 0.5em 0;}
}

/******************************************************************/
/* 2nd */
/******************************************************************/
.navbar-brand-2nd img {max-width:150px;}
h2.midashi {font-family:Gothic MB101 Bold; font-size:29px; color:#BE9563; letter-spacing:0.2em;}

/* goods */
h3.midashi-goods {font-family:Midashi Go MB31; font-size:15px; margin:-110px 0 55px 140px; color:#fff; line-height:1.8em;}
.box2nd-goods {background:#B18863; background:rgba(177,136,99,0.1); padding-top:40px;}
.box2nd-goods img {border:solid 1px #727171;}
.box2nd-goods .gategory {font-family:Midashi Go MB31; color:#3E3A39;}
.box2nd-goods .gategory:before {content:"・"; color:#B18863;}
.box2nd-goods .item {font-family:Midashi Go MB31; color:#595757; font-size:16px; margin:0.5em 0;}
.box2nd-goods .price {font-family:Midashi Go MB31; color:#891F3F; font-size:14px; text-align:right; margin-bottom:0.5em;}
.box2nd-goods .detail {font-family:Shin Go Light; color:#595757; font-size:14px; letter-spacing:0;}

/* wedding */
h3.midashi-wedding {font-family:Midashi Go MB31; font-size:15px; margin:-200px 0 66px 250px; color:#595757; line-height:1.8em;}
.box2nd-menulist {padding-top:40px;}
.box2nd-menulist h3 {font-family:Shin Go Regular; color:#941F3F; font-size:31px; text-align:center;}
.box2nd-menulist h3 span {display:inline-block;}
.box2nd-menulist .header {border-bottom:solid 1px #B78E63; padding-bottom:5px;}
.box2nd-menulist .header div:first-child {font-family:Midashi Go MB31; color:#B78E63; font-size:18px;}
.box2nd-menulist .header div:last-child {font-size:12px; white-space:nowrap;}
.box2nd-menulist .menu {font-family:Midashi Go MB31; color:#3E3A39;}
.box2nd-menulist .menu div:first-child:before {content:"・"; color:#B18863;}
.box2nd-menulist .price {color:#3E3A39; font-size:14px;}
.box2nd-menulist .price .menu-price {font-family:Shin Go Regular; font-size:15px; white-space:nowrap;}
li.menu-item {margin-left:-1.5em; display:flex; align-items:center;}
li.menu-item::after {content:''; border-top:2px dotted; flex:1 1 auto; order:1;}
li.menu-item .menu-price {order:2;}
li.menu-item div:first-child {margin-right:0.5em;}
li.menu-item div:last-child {margin-left:0.5em;}
ul.komelist {list-style:none; padding-left:2em; text-indent:-1em;}
ul.komelist li {font-size:12.5px; letter-spacing:0;}
ul.komelist > li:before {content:"※";}
ul.komelist > li.none:before {content:"";}

.box2nd-wedding-schedule {background-color:#fef1ec;}
.box2nd-wedding-schedule h3 {font-family:Shin Go Regular; color:#941F3F; font-size:39px; text-align:center;}
.box2nd-wedding-schedule h3 span {display:inline-block;}
.box2nd-wedding-schedule img.waso {max-width:320px; padding:0 0 1em 1em;}
div.submenu:before {content:"L"; font-size:1.2em; margin:-8px 5px 0 5px; float:left;}

/* hairset */
.box2nd-hairset-01 {background-color:#fef1ec; font-size:13px;}
.box2nd-hairset-01 h3 {font-family:Shin Go Regular; color:#941F3F; font-size:39px; line-height:1.3em;}
.box2nd-hairset-01 h3 div {font-size:25px;}
.box2nd-hairset-01 h3 span {display:inline-block;}
.box2nd-hairset-02 {font-size:13px; background:rgba(232,151,162,0.3);}
.box2nd-hairset-02 h3 {font-family:Shin Go Regular; color:#8B5631; font-size:25px; line-height:1.3em;}
.box2nd-hairset-02 h3 span {display:inline-block;}
.box2nd-hairset-02 h4 {font-family:Shin Go Regular; color:#951F3F; font-size:16px; line-height:1.3em;}
.box2nd-hairset-02 .detail span {font-family:Shin Go Regular; color:#951F3F;}
.box2nd-hairset-03 {background-color:#fef1ec;}

/* salon */
.box2nd-salon {background-color:#D1AF8A;}
.box2nd-salon div {background-color:#D1AF8A; color:#fff;}
.box2nd-salon h3 {font-family:FB Benton Sans Medium; font-size:40px; letter-spacing:0.2em;}
.box2nd-salon h4 {font-family:FB Shimano Square Light Narrow; font-size:22px; color:#595757; margin-top:1em;}
.box2nd-salon .detail {font-size:14px; margin-top:2em;}
.box2nd-salon .bordbox {padding:6em 0 0 2em;}
.box2nd-salon .bord {font-size:14px; color:#595757; width:370px; padding:130px 50px 70px 50px; background-image:url(../img/salon/bord.png); background-repeat:no-repeat;}
.box2nd-salon h5 {font-family:FB Benton Sans Medium; font-size:16px; color:#991F3F; text-align:center;}
.box2nd-salon h5, .box2nd-salon .bord p {transform:rotate(4deg);}
.box-map h3 {font-family:"Arial Bold"; font-size:40px; color:#CEAC87; letter-spacing:0.2em; text-align:center;}

/* salon menu */
.box2nd-salonmenu-header {background:no-repeat url(../img/salonmenu/bg99.png); background-size:cover; background-position:bottom; padding:0 170px;}
.box-feature-top {margin-top:-30px;}
.box-feature {margin:30px 0; padding:0 30px;}
.box-feature-bottom {padding:0 220px 60px 220px;}
.box2nd-salonmenu-bgfooter {background:#f3eee7; padding-top:160px;}

@media (max-width: 1600px) {
	h3.midashi-wedding {margin:-200px 0 66px 150px;}
}
@media (max-width: 1200px) {
	h3.midashi-wedding {margin:-180px 0 46px 120px;}
	.box2nd-hairset-01 h3 {font-size:34px;}
	.box2nd-hairset-01 h3 div {font-size:21px;}
	.box2nd-hairset-02 h3 {font-size:22px;}
	.box2nd-hairset-02 h4 {font-size:15.5px;}
	.box2nd-hairset-02 .detail {letter-spacing:0.75px;}
	.box2nd-salon .bordbox {padding:1em 0 0 0;}
	.box2nd-salon .bord {margin:0 auto;}
	.box2nd-salonmenu-header {padding:0 40px;}
	.box-feature {padding:0 20px !important;}
	.box-feature-bottom {padding:0 180px 60px 180px;}
	.box2nd-salonmenu-bgfooter {background:#f3eee7; padding-top:260px;}
	h3.midashi-goods {margin:-100px 0 40px 100px;}
}

@media (max-width: 992px) {
	.box-icon-2nd {display:none !important;}
	h3.midashi-goods {margin:-75px 0 15px 30px;}
	h3.midashi-wedding {margin:-145px 0 11px 80px;}
	.box2nd-wedding-schedule h3 {font-size:34px;}
	.box2nd-hairset-01 h3 {font-size:24px;}
	.box2nd-hairset-01 h3 div {font-size:16px;}
	.box2nd-hairset-01 .detail {line-height:1.3em;}
	.box2nd-salonmenu-header {padding:0 20px;}
	.box-feature {padding:0 10px !important;}
	.box-feature-bottom {padding:0 140px 60px 140px;}
	.box2nd-salonmenu-bgfooter {background:#f3eee7; padding-top:340px;}
}

@media (max-width: 39.9375em) {
	.navbar-brand-2nd img {max-width:100px;}
	h2.midashi {font-size:18px; margin-left:1em;}
	h3.midashi-goods {margin:1em; color:#595757; line-height:1.5em;}
	h3.midashi-wedding {margin:1em 1em 0 1em; line-height:1.5em;}
	li.menu-item {display:block; margin-left:-2.5em;}
	li.menu-item .menu-price {text-align:right; border-bottom:dotted 1px #B78E63; padding-bottom:0.5em; margin-bottom:0.5em;}
	.box2nd-wedding-schedule h3 {font-size:28px;}
	.box2nd-hairset-01 h3 {padding-top:0.5em;}
	.box2nd-hairset-01 .detail {padding-bottom:1em;}
	.box2nd-hairset-02 h3 {font-size:20px;}
	.box2nd-hairset-02 .detail {letter-spacing:0.25px;}
	.box2nd-menulist h3 {font-size:20px;}
	.box2nd-salon h3 {font-size:32px; margin-top:1em;}
	.box2nd-salon .bordbox {padding:0 0.5em;}
	.box2nd-salon .bord {font-size:14px; width:100%; padding:100px 35px 70px 40px; background-size:contain;}
	.box2nd-salon .bord p {letter-spacing:0;}
	.box-feature-bottom {padding:0 10px 60px 10px;}
	.box2nd-salonmenu-bgfooter {background:#f3eee7; padding-top:0; margin-top:-20px;}
}