@charset "UTF-8";
/* CSS Document */
#wrapper {
  min-height: 100%;
  margin: 0px auto;
  position: relative;
}

.h_top_box, #gnav ul, #main_img, #main, .box, #topicPath, #copy_right p {
  width: 1000px;
  min-width: 1000px;
  margin: 0 auto;
}

/* ------header------- */
#h_box {
  background-color: #47312f;
}

#header h1 {
  color: #ccc;
  font-size: 10px;
}

#h_left {
  width: 30%;
  float: left;
  text-align: left;
}
#h_left img {
  width: 200px;
  height: auto;
  margin-top: 10px;
}

#h_right {
  float: right;
  width: 60%;
}
#h_right .contact_h a {
  margin-top: 12px;
}
#h_right li {
  text-align: right;
  width: 280px;
  float: right;
}
#h_right .bnr_header_top {
  margin-left: 5px;
}
#h_right .btn_h {
  display: inline-block;
  margin: 5px 0;
  padding-left: 10px;
  background: url("../common_img/arrow.png") no-repeat left 50%;
  background-size: 5px auto;
  color: #47312f;
  text-decoration: none;
}
#h_right .customer_support {
  text-align: right;
}
#h_right .customer_support li {
  float: none;
  display: inline-block;
  width: auto;
  margin-left: 10px;
  vertical-align: middle;
}

a.btn_noticeh {
  background: url("../common_img/arrow.png") no-repeat left 24px;
  background-size: 5px auto;
  padding-left: 10px;
  text-decoration: none;
  color: #47312f;
}
a.btn_conh {
  display: block;
  float: right;
  width: 100%;
  color: #fff;
  background-color: #5bacc7;
  border-radius: 8px;
  border-bottom: 3px solid #000;
  display: block;
  padding: 10px 2% 7px 20%;
  font-size: 120%;
  font-weight: bold;
  text-decoration: none;
  float: right;
  width: 70%;
  box-sizing: border-box;
}
a.btn_con02 {
  background-color: #D6A368;
  border-color: #bb7d35;
}

.acordion_tree_top {
  display: none;
}

/* ------gnav------- */
#gnav ul {
  border-right: 1px solid #c2c0b7;
  margin: 30px auto;
}
#gnav li {
  float: left;
  border-left: 1px solid #c2c0b7;
  text-align: center;
}
#gnav li a {
  padding: 15px 49px;
  display: block;
  text-decoration: none;
  color: #47312f;
  font-size: 14px;
}
#gnav li a img {
  display: block;
  margin: 5px auto 0 auto;
}

/*---- main----------*/
#main {
  margin-bottom: 50px;
}

/*---- content ----*/
#content {
  width: 74%;
  float: left;
}

#news_detail #content {
  width: 100%;
  float: none;
}

/*---- snav ----*/
#snav {
  width: 23%;
  float: right;
}
#snav.accordion {
  border: 1px solid #DAD0BF;
  padding: 1px;
  box-sizing: border-box;
}
#snav .news_snav .acordion_tree {
  display: none;
  padding-bottom: 2%;
}
#snav .news_snav .trigger {
  padding: 10px 10px 10px 20px;
  background: url("../common_img/arrow03.png") no-repeat 10px center #EF9745;
  background-size: 5px auto;
  text-decoration: none;
  display: block;
  border-radius: 5px;
  margin-bottom: 2%;
  cursor: pointer;
}
#snav .news_snav .green {
  background-color: #9AC160;
}
#snav .news_snav .pink {
  background-color: #F07E9A;
}
#snav .news_snav .trigger span {
  color: #fff;
  display: block;
  font-size: 120%;
  background: url("../common_img/arrow07.png") no-repeat 97% center;
  background-size: 10px auto;
}
#snav .news_snav .active span {
  background-image: url("../common_img/arrow06.png");
}
#snav .news_snav li {
  border-bottom: 1px solid #DAD0BF;
  padding: 5px 0;
}
#snav .news_snav li:last-child {
  border: none;
}
#snav .news_snav li a {
  display: block;
  text-decoration: none;
}
#snav .news_snav li span {
  display: block;
  font-weight: bold;
  margin-bottom: 2px;
  color: #EF9745;
}
#snav .news_snav .co_g a:hover, #snav .news_snav .co_g span {
  color: #9AC160;
}
#snav .news_snav .co_p a:hover, #snav .news_snav .co_p span {
  color: #F07E9A;
}
#snav .blog_snav span {
  display: block;
  padding: 10px;
  color: #fff;
  background-color: #d6a368;
  font-size: 120%;
  font-weight: bold;
}
#snav .blog_snav .blog_wrap {
  margin-bottom: 10%;
}
#snav .blog_snav .blog_wrap.select_sty {
  padding: 0;
}
#snav .blog_snav li a {
  text-decoration: none;
  background: url("../common_img/arrow01.png") no-repeat 10px center #F1ECE1;
  background-size: 20px auto;
  display: block;
  padding: 10px 5px 10px 30px;
  border-bottom: 1px solid #fff;
}
#snav .acordion_tree {
  display: block;
}

/*---- news_snav ----*/
/*---- blog_snav ----*/
/*----back to top----------*/
#online {
  display: none;
	position: fixed;
	width: 100%;
	bottom: 20px;
	left: 56%;

	margin: auto;
	z-index: 999999999;}
/* ▽ PC layout ========== */
@media print, screen and (max-width: 640px) {
#online {
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  }
}
#online a{
background: #e26376;
	background: linear-gradient(to bottom, #f0b1bb 0%,#e26376 75%,#d44d61 100%);
	border: 1px solid #e4a5af;
	border-radius: 4px;
	box-shadow: inset 1px 1px 3px #fe8798, inset -1px -1px 3px #e1919d;
	color: #FFFFFF !important;
	padding: 2% 15%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
}
#scrollUp,
.scroll {display: none;}


/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
#scrollUp {
display: block;
  width: 45px;
  height: 45px;
  bottom: 0;
  right: 2%;
  background: url("../common_img/btn_pagetop.png") no-repeat right bottom;
  background-size: cover;
}
#online{
	position: fixed;
	width: 100%;
	bottom: 40px;
	left: 35%;

}
#online a{padding:10px 10%;}
}
}
/* ------footer------- */
#footer {
  background-color: #f1ece1;
  border-top: 1px solid #dcd8ce;
}

#footer_link {
  padding: 15px 0 25px 0;
}

#logo_f {
  float: left;
  width: 190px;
}

#footer_link ul {
  float: right;
  width: 660px;
}
#footer_link li {
  float: left;
  margin: 22px 0 0 10px;
}
#footer_link li a {
  padding: 13px 51px 13px 70px;
  display: block;
  font-weight: bold;
  color: #fff;
  background: url("../common_img/ico_01.png") no-repeat 20px center #f48d7e;
  background-size: 28px auto;
  border-radius: 8px;
  font-size: 14px;
  text-decoration: none;
}
#footer_link li a.btn_catarory {
  background: url("../common_img/ico_02.png") no-repeat 20px center #fcc352;
  background-size: 32px auto;
}
#footer_link li a.btn_conf {
  background: url("../common_img/ico_contact.png") no-repeat 20px center #47312f;
  background-size: 26px auto;
}

#footer_box {
  background-color: #d6a368;
  padding: 50px 0 35px 0;
}
#footer_box h3 {
  text-align: center;
  padding-bottom: 30px;
  background: url("../common_img/bg_footer_line.png") repeat-x left bottom;
}
#footer_box ul {
  float: left;
  margin: 30px 0 0 38px;
}
#footer_box ul:first-child {
  margin-left: 10px !important;
}
#footer_box ul a {
  color: #fff;
  text-decoration: none;
  padding-left: 12px;
  background: url("../common_img/arrow03.png") no-repeat left center;
  background-size: 4px auto;
  margin-bottom: 10px;
  display: inline-block;
}
#footer_box ul a:hover {
  color: #47312f;
}
#footer_box .txt_c {
  clear: both;
  padding-top: 20px;
}
#footer_box .txt_c a {
  text-decoration: none;
  color: #fff;
  padding: 10px 60px;
  background: url("../common_img/arrow03.png") no-repeat 95% center #5babc6;
  background-size: 4px auto;
}

/* ------copy_right------- */
#copy_right {
  background: #362422;
  padding: 10px 0 10px;
}
#copy_right p {
  color: #FFF;
  text-align: center;
  font-size: 95%;
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) { 
#copy_right {padding: 10px 0;}
}
/* ------ magin box ------- */
.section {
  margin-bottom: 50px;
}

.container {
  margin-bottom: 40px;
}

.case {
  margin-bottom: 30px;
}

.pack {
  margin-bottom: 20px;
}

.item {
  margin-bottom: 15px;
}

.mb_clear {
  margin-bottom: 0;
}

.section .container:last-child {
  margin-bottom: 0px;
}

.txt_l {
  text-align: left !important;
}

.txt_c {
  text-align: center !important;
}

.txt_r {
  text-align: right !important;
}

#page_salon ul li{
	font-size: 24px;
}
@media screen and (max-width:640px) {
	#page_salon ul li{
	font-size: 18px;
}
}

.page_salon h2{
		font-size: 30px;
		color: red;
	}
/* ------<p> margin------- */
main p {
  margin-bottom: 20px;
	font-size: 24px;
}
.center{
	text-align: center;
}
main * p:last-child {
  margin-bottom: 0px;
	padding: 10px 20px;
	font-size: 24px;
	text-align: center;
}

@media screen and (max-width:640px) {
	main p{
		margin-bottom: 20px;
		font-size: 18px;
		padding: 13px;
	}
	main * p:last-child {
  margin-bottom: 0px;
	padding: 10px 20px;
	font-size: 18px;
	
}
	.center{
		text-align: center;
	}
}


/* ------table style------- */
/* ------tb_style------- */
.tb_style {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}
.tb_style td {
  padding: 5px 10px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.tb_style th {
  padding: 5px 10px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background: #eee;
}

/*------ tb_form ------*/
.tb_form th {
  text-align: left;
  vertical-align: top;
}
.tb_form .hissu {
  background: url("../common_img/hissu.jpg") no-repeat 96% 10px;
  background-size: 30px;
  background-color: #F8EFE1;
}
.tb_form .ninni {
  background: url("../common_img/ninni.jpg") no-repeat 96% 10px;
  background-size: 30px;
  background-color: #F8EFE1;
}
.tb_form input[type='text'] {
  padding: 5px;
  width: 50%;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  border-radius: 0;
}
.tb_form textarea {
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.tb_form .text_exp {
  display: inline-block;
  padding: 10px 0;
}
.tb_form #formEnd {
  text-align: center;
  margin: 20px 0;
}
.tb_form #formEnd #mail_preview {
  padding: 10px 0;
  width: 30%;
  -webkit-appearance: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  background: url("../common_img/ico_contact.png") no-repeat 15px center #47312F;
  background-size: 20px;
  color: #FFF;
}
.tb_form #formEnd #mail_preview.dbd {
  background-color: #ccc;
}
.tb_form #privacy ol {
  border-top: dashed 1px #ccc;
}
.tb_form #privacy li {
  border-bottom: dashed 1px #ccc;
  padding: 10px 0;
}
.tb_form .highlight {
  border: solid 1px #ccc;
  padding: 20px;
}

.list_num {
  list-style: decimal;
  margin-left: 20px;
}

/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box {
  position: relative;
}

.col2_box .col2, .col3_box .col3, .col4_box .col4 {
  float: left;
  box-sizing: border-box;
}

.col2_box .col2:first-child, .col3_box .col3:first-child, .col4_box .col4:first-child {
  margin-left: 0;
}

/* ------2colum------- */
.col2_box .col2 {
  width: 50%;
}

/* ------3colum------- */
/* ------4colum------- */
#main_img_wrap {
  padding: 3% 0;
  background: url("../common_img/bg_main.jpg") repeat-x left top;
  background-size: contain;
}

/* ------ title stlye------- */
.title_main {
  font-size: 380%;
  color: #47312f;
  text-align: center;
  line-height: 1.2;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.title_main span {
  display: block;
  color: #c79d53;
  font-size: 30%;
  margin-top: 5px;
}

.title_sub {
  font-size: 170%;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 15px 30px;
  background-color: #f8efe1;
}

.title_sub_c {
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #dad0bf;
  padding-bottom: 10px;
}
.title_sub_c span {
  font-size: 220%;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-weight: bold;
  display: inline-block;
  padding: 0 10px;
  background-color: #fff;
}

.txt_en span {
  font-weight: normal;
  font-size: 200%;
}

.title_sec {
  font-size: 130%;
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 15px;
  border-left: solid 7px #cfa072;
}

.title_item {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 10px;
}

/*------ title_txt ------*/
.title_txt {
  font-size: 265%;
  line-height: 38px;
}
.title_txt span {
  display: block;
  font-weight: bold;
  color: #aa884d;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 35%;
}

.title_page {
  font-size: 150%;
  font-weight: bold;
  display: block;
  margin-bottom: 2%;
}
.title_page span {
  display: block;
  color: #999;
}

.title_hl {
  color: #47312f;
  font-size: 160%;
  font-weight: bold;
  padding: 20px 3%;
  margin-bottom: 3%;
  background: #f8efe1;
}

.title_linel {
  color: #47312f;
  font-size: 120%;
  font-weight: bold;
  padding-left: 8px;
  margin-bottom: 2%;
  border-left: #cfa072 solid 9px;
}

.title_images {
  display: block;
  margin-bottom: 3%;
}

.txt_b {
  font-weight: bold;
}

/*------topicPath------*/
#topicPath {
  clear: both;
  padding: 15px 0;
}
#topicPath li {
  display: inline;
  padding-top: 3px;
  list-style-type: none;
  font-size: 80%;
}
#topicPath li a {
  padding-right: 12px;
  background: url("../common_img/topicpath_arrow.gif") no-repeat right center;
  text-decoration: underline;
}

ul#topicPath li a:hover {
  text-decoration: none;
}

/* control_area */
.control_area {
  text-align: center;
}
.control_area .btn_left {
  float: left;
}
.control_area .btn_right {
  float: right;
}
.control_area .btn_center {
  display: inline-block;
}

.control_txt a {
  color: #FFF;
  display: block;
  padding: 10px 15px 10px 30px;
  background: url("../common_img/arrow05.png") no-repeat 20% center #d6a368;
  background-size: 5px auto;
  margin-bottom: 15px;
  text-decoration: none;
  border-radius: 5px;
}
.control_txt .btn_right a {
  background-image: url("../common_img/arrow03.png");
  background-position: 80% center;
  padding-left: 15px;
  padding-right: 30px;
}

.control_txt a:hover {
  background-color: #FCC352;
  color: #fff;
}

/*-------container------- */
.container .msg {
  width: 57%;
  word-break: break-all;
}
.container .img {
  width: 40%;
}

.pic_l .img, .pic_r .msg {
  float: left;
}

.pic_l .msg, .pic_r .img {
  float: right;
}

.flow_picl .img {
  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}

.flow_picr .img {
  float: right;
  margin-left: 15px;
  margin-bottom: 5px;
}

/*------ swap sp pc ------*/
.sp {
  display: none;
}

.pc {
  display: block;
}

/*------ shadow_box ------*/
.shadow_box {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.3);
  background: #fff;
}

/*------ line_box ------*/
.line_box {
  padding: 3%;
  border: #dad0bf solid 1px;
}
.line_box .title_hl {
  margin: -3.15% -3.15% 3.15%;
}
@media screen and (max-width: 640px) {
	.menu_col2 li, .menu_col3 li {
  float: left;
  width: 49%;
  margin-top: 2%;
}
}
/*------ menu_col2 ------*/
.menu_col2, .menu_col3 {
  margin: 0 0 3%;
	
}
.menu_col2 li, .menu_col3 li {
  float: left;
  width: 49%;
  margin-left: 2%;
}
.menu_col2 li:first-child, .menu_col3 li:first-child {
  margin-left: 0;
}

/*------ menu_col3 ------*/
.sns_area {
  margin-bottom: 3%;
}
.sns_area li {
  float: left;
  width: 31.33%;
  margin-left: 3%;
}
.sns_area li:first-child {
  margin-left: 0;
}

/*------ btn_style ------*/
a.btn_style {
  color: #fff;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 10px 10px 10px 28px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: url("../common_img/arrow02.png") no-repeat 10px center #d6a368;
  background-size: 12px;
}
a.color03 {
  background-color: #f58e7e;
}
a.color04 {
  background-color: #fdc44f;
}
.page_coupon a.btn_style.color05 {
    background-color: #00bf32;
}

/*------ menu2_sty ------*/
.menu2_sty a, .menu3_sty a {
  display: block;
  text-align: center;
  font-size: 130%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ECE0DB;
  color: #47312F;
}
.menu2_sty .color_01, .menu3_sty .color_01 {
  background-color: #f8efe1;
}
.menu2_sty .color_02, .menu3_sty .color_02 {
  background-color: #fdc44f;
  color: #FFF;
}

/*------ menu3_sty ------*/
/* ------table style------- */
/* ------tb_style------- */
.tb_style {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}
.tb_style td {
  padding: 10px;
  border: 1px solid #e0d1b9;
  box-sizing: border-box;
}
.tb_style th {
  padding: 10px;
  border: 1px solid #e0d1b9;
  box-sizing: border-box;
  color: #685753;
  text-align: left;
  font-weight: bold;
  background: #f8efe1;
}

/* ------tb_style2------- */
.tb_style2 {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}
.tb_style2 td {
  display: block;
  padding: 5px 0;
  box-sizing: border-box;
}
.tb_style2 th {
  display: block;
  padding: 5px 0;
  box-sizing: border-box;
  text-align: left;
  border-bottom: #e9d5b5 solid 1px;
}
.tb_style2 th span {
  color: #685753;
  font-size: 120%;
  font-weight: bold;
}

/* ------tb_style3------- */
.tb_style3 {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}
.tb_style3 td {
  padding: 5px 0;
  box-sizing: border-box;
}
.tb_style3 th {
  padding: 5px 0;
  box-sizing: border-box;
  font-weight: bold;
  text-align: left;
}

/*------ list_menu3 ------*/
.list_menu3 li {
  float: left;
  width: 30%;
  padding-left: 3.5%;
  margin-left: 1.5%;
  background: url("https://nakameguro-n.com/coupon/images/icon_coupon01.png") no-repeat left center;
  background-size: 6% auto;
}
.list_menu3 li:first-child {
  padding-left: 0;
  margin-left: 0;
  background: none;
}
.list_menu3 select {
  width: 100%;
}

/*------ select_sty ------*/
.select_sty {
  padding: 0 10%;
}
.select_sty select {
  background: url("../common_img/bg_f_select.jpg") no-repeat right center #FFF;
  background-size: 35px auto;
  width: 100%;
  height: 40px;
  padding: 5px 40px 5px 5px;
  border: 2px solid #d6a368;
  color: #888;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.select_sty select::-ms-expand {
  display: none;
}
.select_sty option {
  border: none;
  border-radius: 0;
  outline: none;
  background: #F6F6F6;
  padding: 5px;
  border: none;
}

.imgs {
  display: block;
  margin-bottom: 15px;
}

.highlight {
  padding: 3%;
  margin-bottom: 3%;
  background: #f2f2f2;
}

/*------ news_blog_sty ------*/
.news_blog_sty .news_box {
  border-bottom: solid 1px #DAD0BF;
  padding-bottom: 40px;
}
.news_blog_sty .title .date {
  font-weight: bold;
  color: #47312F;
  display: block;
  float: left;
  margin-right: 20px;
  padding: 2px 0;
  width: 120px;
  border: 1px solid #D6A368;
  text-align: center;
  color: #D6A368;
}
.news_blog_sty .title .topic {
  display: block;
  float: left;
}
.news_blog_sty .title .topic span {
  display: inline-block;
  padding: 3px 5px;
  color: #FFF;
  margin-right: 10px;
  border-radius: 3px;
}
.news_blog_sty .title .topic .yellow {
  background: #EF9745;
}
.news_blog_sty .title .topic .pink {
  background: #F07E9A;
}
.news_blog_sty .title .topic .green {
  background: #9AC160;
}

/*------ detail_sty ------*/
.detail_sty .title .topic {
  width: 80%;
  font-weight: bold;
  font-size: 120%;
}
.detail_sty .title .topic_news {
  font-weight: bold;
  font-size: 120%;
  float: left;
}

/*------ contact_c ------*/
.contact_c {
  background: url("https://nakameguro-n.com/contact/images/bg_contact_c_pc.jpg") no-repeat center top;
  height: 250px;
  position: relative;
  text-align: center;
  padding-top: 60px;
  box-sizing: border-box;
}
.contact_c .btn_booking {
  background: url("../common_img/ico_book.png") no-repeat 30px center #C79D53;
  background-size: 25px;
  font-size: 130%;
  font-weight: bold;
  padding: 15px 30px 15px 60px;
  color: #FFF;
  display: inline-block;
  text-decoration: none;
  border-radius: 5px;
}
.contact_c span {
  display: block;
  width: 40%;
  margin: auto;
}
.contact_c .tel_c {
  width: 33%;
  margin: 2% auto;
}

.btn_contact {
  text-align: center;
}
.btn_contact .btn_style {
  width: 150px;
  background-color: #f58e7e;
}
.btn_contact em {
  font-size: 130%;
  margin-right: 20px;
  font-weight: bold;
}

/*------ zoom ------*/
.zoom a {
  position: relative;
}
.zoom span {
  display: block;
  width: 20px;
  height: 20px;
  background: url("../common_img/ico_zoom.png") no-repeat center;
  background-size: cover;
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 5;
}

/*------ top_box ------*/
.top_box {
  padding: 80px 410px 80px 40px;
  background: url("https://nakameguro-n.com/concept/images/bg_concept01.png") no-repeat right top, url("https://nakameguro-n.com/concept/images/bg_patt01.jpg");
  border: 3px solid #B3D3CD;
}
.top_box .title_top {
  font-weight: bold;
  font-size: 220%;
  margin-bottom: 15px;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.top_box p {
  font-size: 130%;
  color: #6BA097;
}

.top_box02 {
  background: url("../faq/images/bg_faq_pc.png") no-repeat right top, url("https://nakameguro-n.com/concept/images/bg_patt02.jpg");
  border-color: #BBA16C;
}
.top_box02 p {
  color: #BBA16C;
}

.top_box03 {
  background: url("../flow/images/bg_flow01_pc.png") no-repeat right top, url("https://nakameguro-n.com/concept/images/bg_patt02.jpg");
  border-color: #BBA16C;
}
.top_box03 p {
  color: #BBA16C;
}

/* width */
.w100p {
  width: 100% !important;
}

/* margin */
.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt60 {
  margin-top: 60px !important;
}
.mb1per {
  margin-bottom: 1% !important;
}
.mb20 {
  margin-bottom: 20px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.m20 {
  margin: 20px !important;
}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
/* layout */
.content_wrap {
  width: 100% !important;
  margin: 0 auto;
}
/* ▽ PC layout ----- */
@media print, screen and (min-width: 1024px) {
  .content_wrap {
    width: 1000px !important;
  }
}
/* ----- end △ */
.content_wrap_sp {
  width: 96%;
  margin: 0 auto;
}
/* ▽ PC layout ----- */
@media print, screen and (min-width: 1024px) {
  .content_wrap_sp {
    width: 1000px;
  }
}
/* ----- end △ */
.appimg {
  margin-bottom: 20px;
  padding-bottom: 20px;
  background-color: #fff;}
.appimg.pc{width: 470px; margin: auto;}
.sp .appimg {
  border-bottom: 1px solid #dcd8ce;
  padding-right: 2%;
  padding-left: 2%;
}
#sidebanner {display: none;}
/* ▽ PC layout ----- */
@media print, screen and (min-width: 1024px) {
/* フローティングバナーのラップ要素 */
#sidebanner {
z-index: 1000000;
position: fixed;
display: none; /*最初は非表示に設定*/
top: 100px;
right: 0;

}
#sidebanner a:hover {
  opacity: 0.6;
}
}