body {padding-top: 60px;}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.parts_box{
	margin-bottom: 30px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
	opacity:0.7;
}
#page-top a {
    background: #333;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 16px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #666;
}

a:active { opacity:0.7; }


#topcopy {
	padding-top:20px;
}

#midasi1,#midasi2,#midasi3 {
	padding-top:20px;
	text-align:center;
	clear:both;
}

.corp {
	margin:0 auto;
	max-width:400px;
}

.p_menu {
	margin:20px 0px 5px 0px;
	padding:5px;
	max-width:100%;
	border-radius:5px;
}

.p_img {
	max-width:100%;
	padding:0 0 5px 0;
}

.gaikan {
	padding-top:12px;
}

.gaikan img {
	max-width:100%;
}

.corpl {
	margin:10px 5px 0px 5px;
	text-align:left;
	max-width:400px;
	color: #5f5f5f;
}
.p_tel {
	text-align:center;
	margin:20px 5px 0px 5px;
}

.p_line {
	margin:20px 5px 0px 5px;
	background-color:#090;
	padding:10px;
	color:#fff;
	border-radius:18px;
}

#headline {
	padding:0 10px 20px 10px;
}

#headline h1 {
	font-size:16px;
	font-weight:800;
	color:#beaf87;
}

#facial {
	padding-top:60px;
}

#facial img,#facialmenu img {
	max-width:100%;
}

#facialmenu {
	padding-top:20px;
	text-align:center;
	clear:both;
}

#facialmenu p {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
}

#facialmenu p.facialnagare {
	margin:0px 5px 8px 5px;
	padding:5px;
	background:#5f5844;
	border-radius:10px;
}

p.facialnagare_ins {
	margin:0px 5px 0px 5px;
	font-size:10px;
}

p.facialnagare_com {
	margin:0px 5px 8px 5px;
	padding:5px;
	font-size:12px;
}

.facialryoukin {
	font-size:18px;
	font-weight:800;
	color:#ffffff;
}

.facialcomment {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
	font-size:12px;
}

.facialoption {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
	font-size:14px;
}

.fclopt_c {
	font-size:18px;
	font-weight:800;
	color:#cccccc;
}

.fclopt_n {
	color:#ffee99;
	letter-spacing:-1px;
}

.fclopt_p {
	color:#cccccc;
	font-weight:800;
}

.fclopt_pp {
	color:#bb8800;
	font-weight:800;
	font-size:14px;
}

.fclopt_ld {
	font-size:12px;
}

#rfphoto {
	padding-top:60px;
}

#rfphoto img,#rfphotomenu img {
	max-width:100%;
}

#rfphotomenu {
	padding-top:20px;
	text-align:center;
	clear:both;
}

#rfphotomenu p {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
}

#rfphotomenu p.rfnagare {
	margin:0px 5px 8px 5px;
	padding:5px;
	background:#5f5844;
	border-radius:10px;
}

.rfnagare_com {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
	font-size:12px;
}

.rfprice {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
}

.rfprice img {
	max-width:100%;
}

.rfprice_p {
	margin:0px 5px 8px 5px;
	padding:5px;
	background:#5f5844;
	border-radius:10px;
}

.rfprice_in {
	font-size:18px;
	font-weight:800;
	color:#ffffff;
}

.rfprice_in_red {
	font-size:24px;
	font-weight:800;
	color:#ffee99;
}

.rfoption {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
	font-size:14px;
}

.rfopt_c {
	font-size:18px;
	font-weight:800;
	color:#CCCCCC;
}

.rfopt_n {
	letter-spacing:-1px;
	color:#ffee99;
}

.rfopt_p {
	color:#CCCCCC;
	font-weight:800;
}

.rfopt_pp {
	color:#bb8800;
	font-weight:800;
	font-size:14px;
}

.rfopt_ld {
	font-size:12px;
}



#rfphotomenu p.rfimg {
	margin:12px 5px 8px 5px;
	text-align:left;
}

#ems {
	padding-top:60px;
}

#ems img {
	max-width:100%;
}

#emsmenu {
	padding-top:20px;
	text-align:center;
	clear:both;
}

#emsmenu p {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
}

#emsmenu p img {
	max-width:100%;
}

#emsmenu p.strong {
	margin:0px 5px 20px 5px;
	padding:10px;
	background:#393528;
	max-width:100%;
	font-size:12px;
	text-align:left;
	color:#fff;
}

#emsmenu p.ems_midasi {
	margin:20px 5px 0px 5px;
	padding:5px;
	max-width:100%;
}

#emsmenu p.emsnagare {
	margin:0px 5px 8px 5px;
	padding:5px;
	background:#5f5844;
	border-radius:10px;
}

#emsmenu p.emsnagare_com {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
	font-size:12px;
}

#emsmenu p.emsprice {
	margin:0px 5px 8px 5px;
	padding:5px;
	background:#5f5844;
	border-radius:10px;
}

.emsprice_n {
	font-size:16px;
	font-weight:800;
	color:#ffee99;
}

.emsprice_ps {
	font-size:18px;
	font-weight:800;
	color:#ffffff;
}

.emsprice_pe {
	font-size:24px;
	font-weight:800;
	color:#ffee99;
}

#emsmenu p.emsprice_ld {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
	font-size:14px;
}

.emsprice_op_h {
	font-size:18px;
	font-weight:800;
	color:#cccccc;
}

.emsprice_op_n {
	font-weight:800;
}

.emsprice_op_p {
	color:#cccccc;
	font-weight:800;
}

.emsprice_op_ps {
	font-size:10px;
	letter-spacing:0px;;
}

#emsmenu p.emsprice_op_com {
	margin:0px 5px 20px 5px;
	padding:10px;
	background:#393528;
	max-width:100%;
	font-size:14px;
	text-align:center;
	color:#fff;
}

#emsmenu p.emsimg {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
}

#emsmenu p.emsimg img {
	max-width:100%;
}

#emsmenu p.emsbosyu {
	text-align:center;
	padding:10px;
}

#emsmenu p.emscourse {
	margin:60px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:center;
	font-size:14px;
}

.emscourse_h {
	font-size:24px;
	font-weight:800;
	color:#cccccc;
}

.emscourse_n {
	font-size:24px;
	font-weight:800;
	color:#a04;
}
.emscourse_ns {
	font-weight:800;
}

.emscourse_ps {
	font-size:18px;
	font-weight:800;
	color:#ffee99;
}

.emscourse_pe {
	font-size:24px;
	font-weight:800;
	color:#a04;
}

.emscourse_pes {
	color:#cccccc;
	font-weight:800;
}
.emscourse_pss {
	font-size:10px;
	letter-spacing:0px;
}

#emsmenu p.emscourse_ld {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	font-size:14px;
}

p.copyright {
	padding:10px 10px 80px 10px;
	color:#fff;
	font-size:12px;
	text-align:center;
	clear:both;
}

#hair {
	padding-top:60px;
}

#hair img,#hairmenu img {
	max-width:100%;
}

#hairmenu {
	padding-top:20px;
	text-align:center;
	clear:both;
}

#hairmenu p.hair_ld {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
}

#hairmenu p.hairinfo {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
}

#hairmenu p.hairnagare img {
	max-width:100%;
}

#hair_nagare img {
	max-width:100%;
}

.hair_nagare_p {
	margin:0px 5px 8px 5px;
	padding:5px;
	background:#5f5844;
	border-radius:10px;
}

.hair_nagare_ld {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
	font-size:12px;
}

#hairmenu p.hairprice {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
}

#hairmenu p.hairprice img {
	max-width:100%;
}

#hairmenu p.hair_price {
	margin:0px 5px 8px 5px;
	padding:5px;
	background:#5f5844;
	border-radius:10px;
}

.hair_price_h {
	font-size:18px;
	font-weight:800;
	color:#ffee99;
}

.hair_price_ps {
	font-size:14px;
	font-weight:800;
	color:#ffffff;
}

.hair_price_pe {
	font-size:18px;
	font-weight:800;
	color:#ffee99;
}

#hairmenu p.hair_price_t {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	font-size:14px;
}

.hair_price_tp {
	font-size:18px;
	font-weight:800;
	color:#ffee99;
}

#hairmenu p.hair_price_table_p {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
	font-size:14px;
	font-weight:800;
}

.pricetable {
	border:1px solid #5f5844 !important;
	border-left:0 !important;
	border-top:0 !important;
	padding:0 4px !important;
}

#hairmenu p.hair_price_ld {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
	font-size:12px;
}

#whitening,#aroma {
	padding-top:60px;
}

#whitening img {
	max-width:100%;
}

#aroma img {
	max-width:100%;
}

#whiteningmenu {
	padding-top:20px;
	text-align:center;
	clear:both;
}

#aromamenu {
	padding-top:20px;
	text-align:center;
	clear:both;
}

#aromamenu p.aroma_img {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
}
#aromamenu p.aroma_img img {
	max-width:100%;
}

#whiteningmenu p.whitening_ld {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
}

#whiteningmenu p.whitening_img {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
}

#whiteningmenu p.whitening_img img {
	max-width:100%;
}

#whiteningmenu p.whitening_info {
	margin:12px 5px 8px 5px;
	padding:5px;
	background:#5f5844;
	border-radius:10px;
}

#whiteningmenu p.whitening_info_p {
	margin:0px 5px 0px 5px;
	padding:5px;
	max-width:100%;
	text-align:left;
}

#whiteningmenu p.whitening_price {
	margin:0px 5px 8px 5px;
	padding:10px 5px 14px;
	background:#5f5844;
	border-radius:10px;
}

.whitening_price_h {
	font-size:18px;
	font-weight:800;
	color:#006;
}

.whitening_price_ps {
	font-size:18px;
	font-weight:800;
	color:#ffee99;
}

.whitening_price_pe {
	font-size:24px;
	font-weight:800;
	color:#ffffff;
}

.whitening_price_block {
	border:1px solid #393528;
	display:block;
	margin:12px 10px;
	padding:6px 0;
	background-color:#beaf87;
	border-radius:6px;
	color:#393528;
}

p#othermenu {
	padding:20px 10px;
}

p#othermenu a {
	display:block;
	float:left;
	max-width:50%;
	padding:0 10px 10px 0;
}

p#othermenu a img {
	max-width:100%;
}

.page {
	background-color:#5f5844;
	border-radius:10px;
	padding:5px;
	display:block;
}

.footernavbase {
	background:#5f5844;
}

.footernavlink {
	color:#beaf87;
}





/* ヘッダーリンクボタン */

.button-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 20px 0;
	margin: 0 0 20px 0;
    max-width: 100%;
}

/* ボタンのスタイル */
.responsive-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
    background-color: #383735;
    color: #C8BA8D;
    border-radius: 5px;
    font-size: 2rem;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s;
    text-align: center;
    width: 100%;
}

.responsive-button:hover {
    background-color: #333333;
	text-decoration: none;
	color: #ffffff;
}

/* タブレットサイズで2列、3行に変更 */
@media (max-width: 768px) {
    .button-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* スマートフォンサイズで1列 */
@media (max-width: 480px) {
    .button-container {
        grid-template-columns: 1fr;
    }
}