<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset   "Shift_JIS";

/*--- common ----*/

body {
  margin: 0;
  padding: 0;
  color: #660000;
  font-size: 0.8em;
}
a { color: #000000; }
a:visited { color: #000000; }

h1, h2 { margin-top: 0; }

p {
  margin-top: 0;
  line-height: 1.6;
}
img { vertical-align: bottom; }



header {
  width: 980px;
  margin: 0 auto;
}
header h1 {
  float: left;
  margin: 10px 0 0 0;
  padding: 0;
  border: 0;
}
#header_contact p {
  float: left;
  margin: 0,0,10px,40px;
  font-size: 0.8em;
}
#header_contact img {
  width: 250px;
  height: 63px;
  border: 0;
  margin: 0;
  padding: 0;
}
#mobile_navi {
  display: none;
}

#global_navi {
  width: 980px;
  clear: both;
  overflow: hidden;
  margin: 16px auto;
}
#global_navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#global_navi ul li {
  width: 162px;
  float: left;
  margin-right: 1px;
  text-align: center;
}
#global_navi ul li a {
  display: block;
  padding: 16px;
  color: #fff;
  background: linear-gradient(to top, #f5e1b5 0%, #996600 40%, #996600 60%, #ffffff 100%);
  border-bottom: solid 2px #ffffff;
  text-decoration: none;
}
#global_navi ul li.current a {
  background: linear-gradient(to top, #ffffff 0%, #f5e1b5 40%, #f5e1b5 60%, #ffffff 100%);
  padding: 16px;
  border-bottom: solid 2px #996600;
  color: #000;
  text-decoration: none;
}
#global_navi ul li a:hover {
  background: linear-gradient(to top, #ffffff 0%, #f5e1b5 40%, #f5e1b5 60%, #ffffff 100%);
  border-bottom: solid 2px #996600;
  color: #000;
}

h2 {
  background: #f5e1b5;
  color: #6f5729;
  padding: 3px;
}

#breadcrumb {

  font-size: smaller;
}
#breadcrumb ol {
  width: 980px;
  list-style: none;
  margin: 0 auto;
  padding: 0 0 10px 15px;
}
#breadcrumb ol li {
  display: inline;
}
#breadcrumb ol li::after {
  content: "&gt;";
  padding-left: 7px;
}
#breadcrumb ol li:last-child::after {
  content: none;
}

#wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}
#main {
  width: 785px;
  float: right;
  margin: 0 0 5px 10px;
}
  
#sidebar {
  width: 180px;
  float: left;
}
#side_list ul {
  margin: 0;
  padding: 0;
}
#side_list ul li {
  margin: 10px 0;
}
#side_list ul a {
  display: inline-block;
  padding: 16px;
}
#side_list ul li.current a {
  background-color: #ffffcc;
}
#side_list .gift_mobile {
  display: none;
}
#side_menu {
  margin: 5px auto;
  border: 3px solid #ffedb5;
}
#side_menu a:hover {
  opacity: 0.7;
}
#side_menu p {
  margin: 5px auto;
  text-align: center;
}
footer {
  background-color: #996600;
  text-align: center;
}
footer p {
  font-size: smaller;
  color: #ffffff;
}
footer small {
  color: #ffffff;
}
footer #footer_nav {
  background-color: #f5e1b5;
  padding: 10px 0;
}
footer #footer_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer #footer_nav li {
  display: inline;
  border-left: solid 1px #aaa;
  margin-left: 8px;
  padding-left: 8px;
  font-size: smaller;
}
footer #footer_nav li:last-child {
  border-right: solid 1px #aaa;
  padding: 0 8px;
}

/*---- index ----*/

#main .topimg {
  width: 785px;
  padding: 0;
  margin: 0;
}
#main .haisou_botton {
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
    background: #f1ede4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ede4));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f1ede4 100%);
    color: #b7a077;
    padding: 5px 10px;
    border: 1px solid #b7a077;
    border-radius: 5px;
    text-decoration: none;
  }  
#main .haisou_botton:hover {
    background: #b7a077;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7a077), color-stop(100%,#e2cda7));
    background: -webkit-linear-gradient(top,  #b7a077 0%,#e2cda7 100%);
    background: linear-gradient(to bottom,  #b7a077 0%,#e2cda7 100%);
    color: #ffffff;
  }
#list .ninki_botton {
  display: none;
}
#list ul {
  width: 785px;
  list-style: none;
  padding: 0;
  margin: 0;
}
#list ul li {
  width: 170px;
  display: inline-block;
  margin: 10px;
  text-align: center;
}
#list ul li img {
  width: 120px;
  margin: auto;
}
#info a {
  text-decoration: none;
}
#info dl dt {
  padding: 5px 0;
}
#info dl dd {
  padding: 5px 0;
}
 
/*---- area ----*/

#main .areatext {
  width: 494px;
  border: 0;
  margin-left: 40px;
}
#main .areaimg {
  width: 305px;
  height: 391px;
  border: 0;
  margin: 10px;
}
#area p {
  display: inline;
  margin: 0 0 20px 0;
}
#area ul {
  width: 780px;
  margin: 20px 0 20px 0;
  padding: 0;
}
#area ul:first-child {
  margin: 20px 0;
}
#area ul li {
  display: inline-block;
  text-align: left;
  padding: 0 5px;
  margin: 10px 2px;
}

#area_info .out::before {
  content: "外";
  padding: 0 3px;
  margin-left: 3px;
  color: #009900;
  font-size: smaller;
  font-weight: bold;
  text-align: center;
  border: solid 1px #009900;
}

#area_info .takuhai::before {
  content: "宅";
  padding: 0 3px;
  margin-left: 3px;
  color: #ffffff;
  background-color: #9999ff;
  font-size: smaller;
  font-weight: bold;
  text-align: center;
  border: solid 1px #9999ff;
}
#area_info .jisya::before {
  content: "宅／自";
  padding: 0 3px;
  margin-left: 3px;
  color: #000099;
  background-color: #ffff00;
  font-size: smaller;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ffff00;
}
#area .out::after {
  content: "外";
  padding: 0 3px;
  margin-left: 3px;
  color: #009900;
  font-size: smaller;
  font-weight: bold;
  text-align: center;
  border: solid 1px #009900;
}

#area .takuhai::after {
  content: "宅";
  padding: 0 3px;
  margin-left: 3px;
  color: #ffffff;
  background-color: #9999ff;
  font-size: smaller;
  font-weight: bold;
  text-align: center;
  border: solid 1px #9999ff;
}
#area .jisya::after {
  content: "宅／自";
  padding: 0 3px;
  margin-left: 3px;
  color: #000099;
  background-color: #ffff00;
  font-size: smaller;
  font-weight: bold;
  text-align: center;
  border: solid 1px #ffff00;
}
.area1, .area2, .area3, .area4, .area5, .area6, .area7, .area8 {
  display: block;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  width: 80px;
  margin: 0;
  padding: 10px 5px;
}
.area1 {
  background-color: #00cccc;
}
.area2 {
  background-color: #b495e2;
}
.area3 {
  background-color: #a6cb6f;
}
.area4 {
  background-color: #ebd08b;
}
.area5 {
  background-color: #e295c3;
}
.area6 {
  background-color: #999933;
}
.area7 {
  background-color: #ffcc00;
}
.area8 {
  background-color: #0099cc;
}
#tokki h4 {
  background-color: #f5e1b5;
}
#tokki dl dt {
  padding: 20px 0 10px 5px;
}

/*---- area pref ----*/

#pref h2 {
  width: 500px;
  margin: 10px auto;
}
#pref p {
  width: 200px;
  margin: 2px;
  padding: 10px;
  background-color: #ffff99;
  border: double #cc9900 1px;
  position: fixed;
  top: 10px;
  left: 2px;
}
#pref table {
  border-collapse: collapse;
  width: 500px;
  margin: 10px auto;
}
#pref table tr th,
#pref table tr td {
  padding: 8px;
  border: solid 2px #ffffff;
}
#pref table tr th {
  text-align: left;
}
#pref .two td {
  background-color: #ccffff;
  text-align: center;
}
#pref .two td:last-child {
  background-color: #ffff99;
  text-align: center;
}
#pref .one td {
  background-color: #ccffff;
  text-align: center;
}
#pref .window_botton {
  margin: 0;
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-weight: bold;
  display: inline-block;
  background: #f1ede4;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ede4));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f1ede4 100%);
  color: #b7a077;
  padding: 5px 10px;
  border: 1px solid #b7a077;
  border-radius: 5px;
  text-decoration: none;
  }  
#pref .window_botton:hover {
  background: #b7a077;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7a077), color-stop(100%,#e2cda7));
  background: -webkit-linear-gradient(top,  #b7a077 0%,#e2cda7 100%);
  background: linear-gradient(to bottom,  #b7a077 0%,#e2cda7 100%);
  color: #ffffff;
}
/*---- contact ----*/

#contact_mobile {
  display: none;
}

/*---- cart ----*/

#order_main {
  width: 980px;
}
#order_main .order_navi {
  width: 510px;
  display: block;
  padding: 0 0 20px 0;
  margin: 0 20px 0 0;
}
.order_attention {
  float: right;
  width: 400px;
  display: block;
  padding: 10px;
  margin: 0 0 0 20px;
  border: double 3px #660000;
  background-color: #ffffcc;
}
#order_info {
  width: 96%;
  clear: both;
  background-color: #f5e1b5;
  overflow: hidden;
  text-align: center;
  padding: 10px;
  margin: 20px auto;
  border-top: solid 1px #996600;
  border-bottom: solid 1px #996600;
}
#order_comment {
  width: 740px;
  padding: 20px;
}
#order_comment form {
  padding: 0;
  margin: 10px;
}
#order_comment ul {
  color: #ff0000;
}  
#order table {
  width: 245px;
  margin: 0;
  float: left;
}
#order table tr th {
	background-color: #cc9900;
	color: #ffffff;
	font-size: 1.2em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#order td {
  text-align: center;
}
#5kigou table tr th {
  background-color: #006633;
  color: #ffffff;
}
.num, .item {
  background-color: #f0e9cd;
}
.num {
  width: 20px;
  text-align: center;
}
.item {
  width: 225px;
  text-align: left !important;
}
#order form {
  float: right;
}

/*---- toiawase ----*/

#toiawase h3 {
  width: 750px;
  margin: 0 5px;
  padding: 5px 10px;
  background-color: #ccccff;
  border: solid 1px #999999;
}
#toiawase p {
  width: 750px;
  margin: 20px 5px;
  padding: 0 10px;
}
#toiawase .madoguchi {
  width: 750px;
  margin: 0 5px;
  padding: 10px;
  border: solid 1px #999999;
}
/*---- type ----*/

#type table {
  width: 390px;
  float: left;
  padding: 0;
  margin: 10px 0;
}
#type th {
  font-size: 1em;
  font-weight: bold;
  width: 130px;
  margin: 0;
  text-align: center;
}
#type table tr {
  margin: 10px 0 0 0;
}
#type th img {
  float: left;
}
#type h4 {
  clear: both;
  width: 780px;
  padding: 5px 0 5px 10px;
  margin: 10px 0;
  font-size: 1.1em;
  color: #666666;
  background-color: #ccccff;
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
}

/*---- guide ----*/

#biginer_navi ul {
  width: 780px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#biginer_navi ul li {
  display: block;
  width: 185px;
  padding: 3px;
  float: left;
  border: solid 2px #cc9900;
  text-align: center;
}
#biginer_navi ul li a {
  display: block;
  padding: 3px;
  background-color: #ffff99;
  color: #663300;
  text-decoration: none;
}
#biginer_navi ul li.current a {
  background-color: #ffffff;
  padding: 3px;
  text-decoration: none;
}
#biginer_navi ul li a:hover {
  background-color: #ffffff;
}
#biginer_article {
  width: 757px;
  border-right: solid 2px #cc9900;
  border-left: solid 2px #cc9900;
  border-bottom: solid 2px #cc9900;
  padding: 20px 10px 5px 10px;
  margin: 0;
}
#biginer_article .more {
  margin: 20px 10px;
  font-weight: bold;
  font-size: 1.2em;
  display: inline-block;
  background: #f1ede4;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ede4));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f1ede4 100%);
  color: #b7a077;
  padding: 5px;
  border: 1px solid #b7a077;
  border-radius: 5px;
  text-decoration: none;
  }  
#biginer_article .more:hover {
  background: #b7a077;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7a077), color-stop(100%,#e2cda7));
  background: -webkit-linear-gradient(top,  #b7a077 0%,#e2cda7 100%);
  background: linear-gradient(to bottom,  #b7a077 0%,#e2cda7 100%);
  color: #ffffff;
}
#biginer_article h4 {
  font-size: 1.1em;
  padding: 10px 0 5px 0;
}
#biginer_article dl dt {
  font-weight: bold;
  margin: 10px 0 0 0;
}
#biginer_article .menu {
  width: 172px;
  border: 0;
  margin: 30px;
}

/*---- gift ----*/

#gift table {
  width: 780px;
  padding: 0;
  margin: 0;
  border: solid 2px #c29d7a;
}
#gift th {
  text-align: center;
  background-color: #f1e7d9;
  border: solid 2px #c29d7a;
}
#gift td {
  padding: 10px;
  border: solid 2px #c29d7a;
}
  .gift_table {
    text-align: center;
  }
  .gift_table ul {
    width: 200px;
    margin: auto;
  }
  .gift_table ul li {
    text-align: left;
  }
#gift_mobile table {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  margin: 10px 0;
  border: 0;
}
#gift_mobile th {
  width: 20%;
  border: solid 2px #c29d7a;
  background-color: #f1e7d9;
}
#gift_mobile td {
  padding: 5px;
  border: solid 2px #c29d7a;
}

#gamen_setumei {
  width: 980px;
  padding: 0;
  margin: 0;
}
#gamen_setumei img {
  width: 938px;
  margin: 5px auto;
  border: solid 1px #996600;
} 
#gamen_setumei .window_botton {
  margin: 0;
  font-size: 1.5em;
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-weight: bold;
  display: inline-block;
  background: #f1ede4;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ede4));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f1ede4 100%);
  color: #b7a077;
  padding: 5px 10px;
  border: 1px solid #b7a077;
  border-radius: 5px;
  text-decoration: none;
  }  
#gamen_setumei .window_botton:hover {
  background: #b7a077;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7a077), color-stop(100%,#e2cda7));
  background: -webkit-linear-gradient(top,  #b7a077 0%,#e2cda7 100%);
  background: linear-gradient(to bottom,  #b7a077 0%,#e2cda7 100%);
  color: #ffffff;
}
/*---- menu ----*/

#menu_list img {
  width: 172px;
  height: 232px;
  border: 0;
  padding: 0;
  margin: 20px 40px;
}
#menu_list ul li a:hover {
  opacity: 0.7;
}
#menu_list ul {
  list-style: none;
}
#menu_list ul li {
  float: left;
  text-align: center;
  margin: 20px 0;
}

#menu_list_o img {
  width: 172px;
  height: 232px;
  border: 0;
  padding: 0;
  margin: 10px 20px;
}
#menu_list_o ul li a:hover {
  opacity: 0.7;
}
#menu_list_o ul {
  list-style: none;
}
#menu_list_o ul li {
  float: left;
  text-align: center;
  margin: 20px 0;
}
#menu_info p {
  clear: both;
  overflow: hidden;
  padding: 20px 0 0 0;
}
#menu_info ul {
  list-style: none;
}
#menu_info .menu_botton {
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
    background: #f1ede4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ede4));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f1ede4 100%);
    color: #b7a077;
    padding: 5px 10px;
    border: 1px solid #b7a077;
    border-radius: 5px;
    text-decoration: none;
    margin: 10px 0;
}  
#menu_info .menu_botton:hover {
    background: #b7a077;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7a077), color-stop(100%,#e2cda7));
    background: -webkit-linear-gradient(top,  #b7a077 0%,#e2cda7 100%);
    background: linear-gradient(to bottom,  #b7a077 0%,#e2cda7 100%);
    color: #ffffff;
}

/*---- fax ----*/

#fax_list ul {
  list-style: none;
  margin: 10px;
}
#fax_list ul li {
  display: inline;
  float: left;
  text-align: center;
  margin: 0 10px;
}
#fax_list ul li a:hover {
  opacity: 0.7;
}

/*---- kodawari ----*/

h3 {
  width: 785px;
  padding: 5px 0 5px 5px;
  margin: 5px 0;
  clear: both;
  overflow: hidden;
  background-color: #ccccff;
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
}
#kodawari .kodawarism {
  display: none;
}
#kodawari1 table, #kodawari2 table, #kodawari3 table {
  width: 780px;
}
#kodawari1 th {
  width: 250px;
  height: 200px;
  padding: 20px;
  font-size: 1.5em;
  background-image: url(image1116.gif);
  background-repeat: no-repeat;
}
#kodawari2 th {
  width: 250px;
  height: 200px;
  padding: 20px;
  font-size: 1.5em;
  background-image: url(image1215.gif);
  background-repeat: no-repeat;
}
#kodawari3 th {
  width: 250px;
  height: 200px;
  padding: 20px;
  font-size: 1.5em;
  background-image: url(image1311.gif);
  background-repeat: no-repeat;
}
#kodawari1 td, kodawari2 td, kodawari3 td {
  padding: 0 20px;
  background-color: #ffffff;
}
#kodawari .kodawarism img {
    display: none;
}
#cooking ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cooking ol li {
  width: 200px;
  padding: 5px 30px;
  float: left;
}
#cooking ol li:last-child {
  width: 500px;
  margin: 5px auto;
}
#the_way table {
  width: 780px;
  border: 0;
  margin: 0;
}
#the_way table th:first-child {
  width: 650px;
  height: 30px;
  text-align: left;
  padding: 5px 10px;
  background: linear-gradient(to right, #ffcc99 0%, #ffffff 100%);
}
#the_way table td {
  padding: 5px 40px 5px 10px;
}
#the_way p img {
  display: none;
}
#person table {
  width: 780px;
  padding: 0;
  margin: 0;
  border: 0;
}
#person th:first-child {
  width: 400px;
  text-align: left;
  font-size: 1.1em;
  padding: 10px;
  color: #009900;
}
#person th:first-child::before {
  content: "■";
  padding-right: 5px;
  color: #009900;
}
#person table th img {
  margin: auto;
}
#person td {
  padding: 0 10px;
}
#person p img {
  display: none;
}

/*---- how to use ----*/

#exam table {
  width: 785px;
  margin: 10px 0 5px 0;
  padding: 0;
  border: ridge 1px #996600;
}
#exam th:first-child {
  width: 500px;
  text-align: left;
  font-size: 1.1em;
  padding: 10px 20px;
}
#exam td {
  text-align: left;
  padding: 10px 30px;
}
#exam p {
  padding: 5px 40px;
}
#exam p img{
  display: none;
}
.comb {
  padding: 5px 10px;
}
.comb img {
  margin: 0 auto 10px auto;
}
  
/*---- voice ----*/

#review dl {
  width: 780px;
  border: double 1px #996600;
}
#review dl dt {
  width: 750px;
  padding: 5px;
  margin: 15px 10px 5px 10px;
  border-bottom: solid 3px #ff6600;
}
#review dl dd {
  padding: 5px 10px 10px 20px;
  margin: 0 0 5px 0;
  border-bottom: double 1px #996600;
}
#review dl dd:last-child {
  border-bottom: 0;
}

/*---- privacy ----*/

.privacy dl dt {
  font-weight: bold;
  margin: 10px 0;
}
.privacy dl dd {
  color: #000000;
}

/*---- houritu ----*/

#pr_image img {
  border: 0;
  padding: 0;
}
#pr_image ul {
  list-style: none;
}
#pr_image ul li {
  display: inline-block;
  float: left;
  margin: 0 0 20px 40px;
} 
.houritu h2 {
  clear: both;
  overflow: hidden;
}
.houritu dt {
  font-weight: bold;
  padding: 20px 0 10px 0;
  margin: 0;
}

/*---- bosyu ----*/

.bosyu-top-p1, .bosyu-top-p2 {
  display: none;
}
#bosyu ul {
  list-style: square;
}
#bosyu ul li {
  padding: 0 0 10px 15px;
}
.bosyu-dis {
  clear: both;
  overflow: hidden;
  padding: 10px 0 0 30px;
}
.bosyu-oubo {
  margin: 0 30px;
  padding: 0 0 10px 0;
}
.bosyu-oubo dt {
  padding: 10px 0;
  font-size: 1.4em;
}
.bosyu-oubo dd {
  padding: 5px 0;
}
.bosyu-tel {
  padding: 15px auto;
  font-size: 1.8em;
  color: #0000ff;
  text-align: center;
  background-color: #f5e0b3;
  border: 5px solid #b7a077;
  border-radius: 10px;
}
.bosyu-tyui {
  padding: 0 0 20px 35px;
}
.bosyu-mobile {
  display: none;
}


/*---- for smartphone ----*/

@media screen and (max-width : 767px){
  img {
    max-width: 100%;
  }
  header,
  #global_navi,
  #wrapper,
  #sidebar {
    width: 100%;
  }
  #main {
    width: 98%;
    margin: auto;
  }
  header h1 {
    width: 65%;
  }
  header #header_contact {
    display: none;
    width: 10%;
  }
 #mobile_navi {
    display: block;
    width: 40px;
    height: 45px;
    margin: 0 10px 10px 0;
    float: right;
    padding: 10px;
    text-align: center;
    font-size: smaller;
    border: solid 1px #cccccc;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
    }
  #mobile_navi a {
    text-decoration: none;
  }
  #mobile_navi img {
    padding: 10px 0 2px 0;
    margin: 0 auto;
  }
    #global_navi ul li {
      width: 50%;
      padding: 0.5px;
      margin: 0;
      box-sizing: border-box;
    }
    #global_navi ul li a {
      margin: 0;
    }
  #wrapper {
    margin: 5% 0;
  }
  #main {
    float: none;
    margin: 0 5px 0 5px;
  }
  #sidebar {
    float: none;
    margin: 0;
  }
    #side_list ul {
    list-style: none;
    }
    #side_list ul li {
      width: 50%;
      float: left;
      padding: 1px;
      margin: 0;
      box-sizing: border-box;
      text-align: center;
    }
    #side_list ul li img {
      display: none;
    }
    #side_list ul li a {
      display: block;
      padding: 16px;
      margin: 0;
      background: linear-gradient(to top, #ffedb5 0%, #ffffff 100%);
      text-decoration: none;
    }
    #side_list .gift_mobile {
      display: block;
    }
    #side_list .gift_pc {
      display: none;
    }
  #side_menu {
    display: none;
  }
  footer #footer_nav ul li {
    width: 100%;
    padding: 0.5px;
    margin: 0;
    box-sizing: border-box;
  }
  footer #footer_nav ul li:last-child {
    display: none;
  }
  #main .topimg {
    width: 100%;
  }
  #main .haisou_botton {
    font-size: 1.5em;
    margin: 10px auto;
  }
  #discrip {
    font-size: 1.1em;
    font-weight: bold;
    color: #000099;
    padding: 5px 0;
  }
  #list p {
    display: none;
  }
  #list .ninki_botton {
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
    background: #f1ede4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ede4));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f1ede4 100%);
    color: #b7a077;
    padding: 5px 10px;
    border: 1px solid #b7a077;
    border-radius: 5px;
    text-decoration: none;
    margin: 10px 0 25px 20px;
  }  
  #list ul {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  #list ul li {
    width: 150px;
    padding: 10px;
    margin: auto;
    text-align: center;
  }
  #list ul li img {
    margin: auto;
  }

  #main .areatext {
    width: 400px;
    padding: 0;
    margin: 10px auto;
  }
  #main p .areaimg {
    width: 305px;
    padding: 0;
    margin: 10px auto;
  }
  #area ul {
    width: 96%;
    padding: 0;
    margin: 0 0 10px 0;
  }
  #area .out, #area .takuhai, #area .jisya {
    margin: 2px 0;
    padding: 10px 5px 10px 5px;
  }
  #area ul li a {
    display: inline-block;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    border: solid 2px #cccccc;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
    }
   #area .area1, #area .area2, #area .area3, #area .area4, #area .area5, #area .area6, #area .area7, #area .area8 {
    width: 100%;
    padding: 5px;
    }
  #pref p {
    width: 95%;
    position: static;
    margin: 0;
    background-color: #ffffff;
  }
  #pref .window_botton {
    font-size: 1.5em;
  }
  #pref h2 {
    width: 100%;
    margin: 10px 0 0 0;
  }
  #pref table {
    width: 100%;
    margin: 20px auto 40px auto;
  }
  #pref table th {
    font-size: 0.9em;
  }
  #pref table td {
    font-size: 0.8em;
  }
    .contact_table {
      width: 98%;
      padding: 0;
    }
  #type table {
    width: 98%;
    margin: 2px 0 0 0;
  }
  #type th {
    clear: both;
    width: 150px;
    text-align: left;
  }
  #type h4 {
    margin: 20px 0 5px 0;
    font-size: 1.2em;
  }
  #contact_mobile {
    display: inline;
  }
  #order_main {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #order_main h4 {
    padding: 5px 0 2px 5px;
    margin: 0;
  }
  #order_info {
    width: 96%;
    padding: 5px;
    margin: 3px auto;
  }
  #order_main .order_attention {
    clear: both;
    width: 92%;
    margin: 10px auto;
    }
  #order_main .order_navi {
    clear: both;
    width: 90%;
    margin: 10px auto;
    }
  #order_comment form {
    margin: 10px auto;
  }
  #order_comment {
    width: 96%;
    margin: 0;
  }
  #order_comment ul li {
    padding: 5px 5px 5px 0;
  }
  #order table {
    width: 98%;
    margin: 10px auto;
  }
  #order form {
    clear: both;
  }
  #main .privacy dl dd {
    margin-left: 10px;
  }
  #toiawase h3 {
    width: 90%;
    margin: 0 auto;
    padding: 10px 5px;
  }
  #toiawase p {
    width: 90%;
    margin: 10px auto;
    padding: 0 5px;
  }
  #toiawase .madoguchi {
    width: 90%;
    margin: 0 auto;
    padding: 10px 5px;
  }
  #biginer_navi ul {
    width: 98%;
    padding: 0;
    margin: 0 auto;
  }
  #biginer_navi ul li {
    width: 48%;
    padding: 8px 0;
    background: linear-gradient(to top, #ffffcc 0%, #ffffff 100%);
  }
  #biginer_article {
    clear: both;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    border: 0;
  }
  #biginer_article h4 {
    border-left: double 4px #ff9900;
    border-right: double 4px #ff9900;
    padding: 1px 8px 1px 8px;
    margin: 20px 0 10px 0;
  } 
  #biginer_article .daibiki {
    display: none;
  }
  #gift_mobile .gift_botton {
  margin: 0;
  font-weight: bold;
  display: inline-block;
  background: #f1ede4;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ede4));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f1ede4 100%);
  color: #b7a077;
  padding: 5px 10px;
  border: 1px solid #b7a077;
  border-radius: 5px;
  text-decoration: none;
  }  
  #gift_mobile .setumei_botton {
  margin: 0;
  font-weight: bold;
  display: inline-block;
  background: #f1ede4;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1ede4));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f1ede4 100%);
  color: #b7a077;
  padding: 5px 10px;
  border: 1px solid #b7a077;
  border-radius: 5px;
  text-decoration: none;
  }  
  #gamen_setumei {
    width: 96%;
    padding: 0;
    margin: 0 auto;
  }
  #gamen_setumei img {
    width: 96%;
  } 
  #voice {
    display: none;
  }
  #review dl {
    width: 98%;
    margin: 0 auto;
  }
  #review dl dt {
    width: 90%;
  }
  h3 {
    width: 98%;
    margin: 10px auto;
    padding: 10px 0 10px 3px;
    font-size: 1.0em;
  }
  #kodawari .kodawarism {
    display: block;
    width: 90%;
    padding: 10px 0;
    font-weight: bold;
  }
  #kodawari .kodawarism img {
    display: block;
    margin: 0 auto;
  }
  #kodawari img {
    width: 100%;
  }
  #kodawari1, #kodawari2, #kodawari3 {
    width: 100%;
  }
  #kodawari1 th, #kodawari2 th, #kodawari3 th {
    display: none;
  }
  #cooking ol {
    clear: both;
    width: 90%;
    margin: 10px auto;
  }
  #cooking ol li {
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
  }
  #cooking ol img {
    margin: 10px auto;
  }
  #cooking ol li:last-child {
    width: 90%;
    padding: 10px 0;
    margin: 0 auto;
  }
  #the_way table {
    width: 100%;
  }
  #the_way table td {
    padding: 5px 30px;
  }
  #the_way th:last-child {
    display: none;
  }
  #the_way p img {
    display: block;
    width: 186px;
    margin: 5px auto;
  }
  #person table {
    width: 96%;
    margin: 0 2%;
  }
  #person th img {
    display: none;
  }
  #person th:last-child {
    width: 1%;
  }
  #person p img {
    display: block;
    margin: 10px auto;
  }
  #exam table {
    width: 100%;
    border: 0;
  }
  #exam th {
    width: 99%;
    border: ridge 1px #996600;
  }
  #exam th img {
    display: none;
  }
  #exam th:last-child {
    width: 1%;
    border: 0;
  }
  #exam td {
    padding: 5px;
  }
  #exam p img {
    display: block;
    margin: 0 auto;
  }
  #pr_image ul li {
    display: inline-block;
    margin: 10px auto;
  }
  #info table {
	display: none;
  }
  .bosyu-top {
	display: none;
  }
  .bosyu-top-p1 {
	display: block;
	padding: 10px 0 2px 0;
	font-size: 2em;
	text-align: center;
	color: #0000ff;
	font-weight: bold;
	border-top: double 3px #ff6633;
  }
  .bosyu-top-p2 {
	display: block;
	padding: 2px 0 10px 0;
	font-size: 3em;
	text-align: center;
	color: #9900ff;
	font-weight: bolder;
	border-bottom: double 3px #ff6633;
  }
  .bosyu-top-p1 a, .bosyu-top-p2 a {
	text-decoration: none;
  }
  #bosyu table tr td {
	font-size: 2.2em;
    border-bottom: solid 3px #F6C;
  }
  #bosyu img {
	display: none;
  }
  #bosyu ul {
    list-style: square;
	margin: 15px 0;
  }
  #bosyu ul li {
	padding: 5px 0;
  }
  .bosyu-dis {
    clear: both;
    overflow: hidden;
    padding: 5px 0 5px 2px;
  }
  .bosyu-tel {
	display: none;
  }
  .bosyu-mobile {
	display: block;
	margin: 20px 10px;
	border: 40px auto;
	padding: 30px auto;
	text-align: center;
	color: #0000ff;
	font-size: 1.5em;
    border-left: double 4px #ff9900;
    border-right: double 4px #ff9900;
  }
   .bosyu-mobile a {
	margin: 10px auto;
	padding: 10px;
    text-align: center;
    font-size: 0.8em;
    border: solid 1px #cccccc;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1); 
	text-decoration: none;
  }
  .bosyu-oubo {
	margin: 10px 5px;
	padding: 5px 0;
  }
  .bosyu-oubo dd {
	padding: 5px 0;
  }
</pre></body></html>