@import url('https://fonts.googleapis.com/css?family=Sacramento');
@font-face {
  font-family: number;
  src: local('Hiragino Mincho ProN');
  unicode-range: U+0030-0039;
}
/******************/
/***cssのリセット***/
/******************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;border: 0;outline: 0;background: transparent;}

body {
  line-height: 1;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}

mark {
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: #ff9;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}
/***********/
/*サイトの型と
　　基本の色*/
/***********/
body{
	font-family: 'Sacramento', cursive;
    display: flex;
    flex-direction: column;
	color:#922951;
}
a {	
color:#922951;
  text-decoration: none;
}
.top_Menu,.foot_Menu{
    text-align: center;
    background-color: #D5BDAE;
	color:#fff;
}
main{
    display: flex;
    background-color: #EBE9EA;
}
.LeftContent{
    width: 300px;
}
.RightContent{
   flex: 1;
}
.foot_Menu{
   background-color: #4C2F3B;
}

/************/
/*  header  */
/************/
.top_Menu{
	background-color: #D5BDAE;
	background-image: url("https://zillze.blog/gazou_c/header.jpg");
	background-size: cover;
	background-position: center;
	background-blend-mode: screen;
	padding:50px 0;
	color:#922951;
}
.site_title{
	font-size:40px;
	padding:10px;
}
.sub_title{
	font-size:15px;
}

/************/
/*   main   */
/************/
.LeftContent{
    text-align: center;
	padding:20px 0;
}
/***************/
/*   sidenav   */
/***************/
.menu_title{
	padding:10px;
	font-size:27px;
}
.menu_waku{
	display:inline-block;
	padding:20px;
	border:1px solid #898989;
	background:#fff;
	}
.side_nav li{
	font-size:14px;
	padding:10px;
}
/***************/
/*   contents   */
/***************/
.content{
	padding:50px 20px 200px 20px;
	color:#4C2F3B;
}
.content h2{
    text-align: center;
	font-size:25px;
	padding:20px 10px 20px 10px;
	}
.content_sub_title{
	text-align: center;
	font-size:19px;
}
.content p{
	padding:10px;
	line-height:1.5;
	}

/*戻るボタン*/
.back_icon{
	text-align: center;
	padding:30px
	}
.back_icon a{
	font-size:11px;
	text-align: center;
	display:inline-block;
	border:1px solid #eee;
	background:#fff;
	width:100px;
	padding:10px 0 20px 0;
	}
.back_icon a span{
	display:inline-block;
	padding:10px;
	font-size:10px;
	}
/*五感調律*/
img.gokan{
height:50px;
width:50px;
padding:10px;
border-radius:50%;
}
.moji_syou{
	font-size:13px;
}
#gokan_id{
}
.gokan_div{
border-radius:20px;
margin:3px;
height:200px;
vertical-align: top;
display:inline-block;
width:24%;
	background-color: #D5BDAE;
	background-size: cover;
	background-position: center;
	background-blend-mode: screen;
}
.oto{
	background-image: url("https://zillze.blog/gazou_c/onsa.jpg");
}
.kaori{
	background-image: url("https://zillze.blog/gazou_c/aroma.jpg");
}
.ki{
	background-image: url("https://zillze.blog/gazou_c/reiki.jpg");
}
.hureru{
	background-image: url("https://zillze.blog/gazou_c/massage.jpg");
}
.netu{
	background-image: url("https://zillze.blog/gazou_c/yomogi.jpg");
}
/*料金一覧*/
table{
	width:100%;
	font-family: number;
	background:#fff;
}
td,th{
	font-size:14px;
	padding:10px;
	color: #4C2F3B;
	vertical-align: bottom;
	}
table tr:nth-child(odd){
	background:#efefef;
}
th{
	border-bottom:1px solid #922951;
	background:#EBE9EA;
	padding:30px 10px;
	}
.iti{
	text-align: center;
	}
/************/
/*  footer  */
/************/
.foot_Menu{
	padding:50px 0;
}
.foot_nav{
font-size:13px;
text-align: center;
}
.foot_nav ul{
margin: 0 ;
padding: 0 ;
}
.foot_nav ul li{
list-style: none;
display: inline-block;
width: 18%;
min-width: 90px;
padding:5px;
}
.foot_nav ul li a{
text-decoration: none;
color: #333;
}
.foot_nav ul li.current a{
color: #F33135;
}
.foot_nav ul li a:hover{
color: #E7DA66;
}
/*ルビフリ*/
[data-ruby] {
	position: relative;
}
[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -1em;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0.3em;
}

/*スマホ対応 最後に959px設定*/
@media screen and (max-width: 480px) {
main,.LeftContent,.RightContent{
	display: block;
    width: 100%;
}
/*五感調律*/
.gokan_div{
width:45%;
}
}