@charset "utf-8";


html {
	overflow-x: hidden;
}
@font-face {
  font-family: 'NotoSerifCJKjp-Regular';
  src: url('../font/NotoSerifCJKjp-Regular.woff');
}
body {
	background: #FFE6E5;
	color: #000;
}

/* LINK
----------------------------------------------*/
a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}


/* Common Class
----------------------------------------------*/
p {
	margin-bottom: 1em;
}
li {
	float: left;
}
.sp,#smp-menu {
	display: none;
}
.Inner {
	max-width: 990px;
	margin: 0 auto;
	padding: 120px 0 0;
}
table {
	width: 100%;
	margin-bottom: 20px;
}
span {
	color: #5a4f32;
}
.description {
	text-align: center;
}
.leftArea,dt {
	float: left;
}
.rightArea,dd {
	float: right;
}
h2 {
	margin-bottom: 3em;
}
#Navigation li,
h3,
.contents dd,
.ordermade h4 {
	font-family: 'NotoSerifCJKjp-Regular', 'MS PMincho', 'MS P明朝';
}


/* section bg
--------------------------------------------------------*/
.contents-left,
.contents-right {
	background: url(../images/bg_contents.png) repeat-y;
	background-size: 8% auto;
}
.contents-left {
	background-position: left top;
}
.contents-right {
	background-position: right top;
	padding: 3% 0 0;
}

/* header
--------------------------------------------------------*/
#Header {
	background: #FFE6E5;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
#Header .Inner {
	padding: 0;
}
#Header h1 {
	margin-bottom: 1%;
	color: #999966;
}
#Header p {
	float: left;
	width: 15%;
	margin-bottom: 0;
}
#Header p img {
	width: 100%;
}
#Header .rightArea {
	float: right;
	margin-top: 20px;
	width: 80%;
}
#Header .rightBtn {
	position: fixed;
	right: 0;
	top: 0;
}
#Header .rightBtn li {
	float: none;
}

/* navigation
--------------------------------------------------------*/
#Navigation {
	margin-top: 10px;
}
#Navigation li:nth-child(1) {
	border-left: 1px solid #666633;
}
#Navigation li {
	border-right: 1px solid #666633;
	padding: 0 15px;
	font-size: 1.1em;
}
#Navigation a {
	color: #666633;
}


/* main
--------------------------------------------------------*/
#main {
	text-align: center;
}


/* info
--------------------------------------------------------*/
.info {
	background: #938A50;
	padding: 2% 0;
}
.info ul {
	width: 800px;
	margin: 0 auto;
}
.info li {
	margin-right: 5em;
}
.info li em {
	padding: 10px 15px;
	background: #5a4f32;
	margin: 10px 10px 0 0;
	color:  #fff;
}


/* menu-link
--------------------------------------------------------*/
#menu-link p {
	text-align: center;
	color: #666633;
	margin-bottom: 3em;
}
#menu-link li {
	margin-right: 22px;
}
#menu-link li:nth-child(5) {
	margin-right: 0;
}

/* menu
--------------------------------------------------------*/
.subtitleArea {
	padding: 1% 2% 1% 1%;
	border-left: 5px solid #666633;
	background: #938A50;
	color: #fff;
}
.subtitleArea h3 {
	float: left;
	clear: left;
	font-size: 1.8em;
}
.subtitleArea p {
	text-align: right;
	margin-top: 12px;
}
.shadow {
	background: url(../images/category_shadow.png) no-repeat center bottom;
	padding-bottom: 44px;
}
.contents {
	background: #fff;
	padding: 2%;
}
.contents dl {
	margin-bottom: 2%;
}
.contents dt {
	width: 30%;
}
.contents dd {
	font-size: 1.5em;
	text-align: left;
	width: 65%;
}
.contents .leftArea,
.contents .rightArea {
	width: 49%;
}
th,td,.care th,
.care .cel04,.care .cel05 {
	padding: 5px;
	border: 1px solid #BCBCA2;
}
th,.care th {
	text-align: center;
	color: #fff;
	background: #BCBCA2;
}
.cel01 {
	width: 70%;
	background: #FFFFE1;
}
.care .cel04,
.care .cel05 {
	text-align: center;
	padding: 2% 0;
}
.care .cel04 {
	width: 20%;
	background: #FFFFE1;
}
.care .cel05 {
	width: 80%;
}
.cel02,.cel03 {
	width: 15%;
	text-align: center;
}
td strong {
	display: block;
	font-weight: bold;
}
h4 {
	background: #E4E4C2;
	padding: 1% 2% 1% 1%;
	border-left: 5px solid #666633;
	font-size: 1.3em;
	margin-bottom: 2%;
}
.ordermade p {
	margin: 0;
}
.ordermade span {
	color: #999966;
}
.ordermade td {
	border: none;
	padding: 0 0 1em;
}
.ordermade .cel01 {
	background: none;
	width: 50%
}
.ordermade .cel02 {
	font-size: .9em;
}
.ordermade .cel02,
.ordermade .cel03 {
	text-align: right;
	width: 24%;
}
#plan04 dd em {
	font-size: .8em;
	line-height: 1.5;
	display: block;
	margin-top: 1.5em;
}


/* tokuten
--------------------------------------------------------*/
#tokuten .Inner,
#contact .Inner {
	padding-bottom: 150px;
}
#tokuten h3 {
	border-left: 5px solid #BE5E88;
	background: #E094B0;
	color: #fff;
	padding: 1% 2% 1% 1%;
	font-size: 1.8em;
}
#tokuten strong {
	font-weight: bold;
	display: block;
}

/* contact
--------------------------------------------------------*/
#contact {
	background: #E094B0;
	text-align: center;
}
#contact span {
	color: #999966;
}


/* footer
--------------------------------------------------------*/
#footer {
	background: #8E8E68;
	color: #fff;
}
#footer .Inner {
	padding: 20px 0;
}
#footer .logo {
	width: 146px;
	float: left;
}
#footer .rightArea {
	width: 830px;
	text-align: left;
}
#footer .description {
	text-align: left;
}
#footer .shopname {
	font-size: 1.4em;
	color: #fff;
	margin-bottom: 0;
}
#footer .copyright {
	text-align: right;
}

/* tothetopfixed
----------------------------------------------*/
div.tothetopfixed {
	position: fixed;
	right: 50px;
	bottom: 50px;
	z-index: 1500;
}	

div.tothetopfixed a {
	display: block;
	margin: 0;
	background-color: transparent;
}

div.tothetopfixed a:hover {
	background: transparent;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}