div#content {
  text-align: center;
  background-color: #FFFEFD;
}

div#main_image {
  position: relative;
  width: 100%;
  height: 99%;
  background-image: url("../img/Bk.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  overflow: hidden;
  opacity: 0;
}

div.image_cover {
  width: 70%;
  height: 100%;
  margin: 0%;
  background-color: #FCFCFC;
}

div.p_title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 30%;
  height: 10%;
  z-index: 99;
  letter-spacing: 10px;
  color: #fff;
  text-shadow: 
	1px 1px 25px #000, 
	1px 1px 25px #000,
	1px 1px 25px #000;
  font-family: "Sawarabi Mincho";
}

div.p_title span {
  font-size: 180%;
  font-weight: bold;
}

div.p_title p {
  font-weight: bold;
  font-size: 100%;
}

div.c_body {
  padding: 3%;
  line-height: 2em;
  position: relative;
  min-height: 100%;
  margin-bottom: 4%;
  font-family: "Sawarabi Mincho";
}

div.c_title {
  font-weight: bold;
  font-size: 140%;
  margin-bottom: 4%;
}

div.c_title span {
  padding: 1% 2% 1% 2%;
  border-bottom: 1px solid #000;
}

ul.w_pict {
  width: 100%;
  margin: 0% auto 0% auto;
  padding: 0;
}

ul.w_pict li {
  float: left;
  list-style: none;
  width: 32%;
  padding: 0% 0.3% 0% 0.3%;
}

ul.w_pict li.one_clm {
  float: none;
  margin: auto;
  width: 50%;
}

ul.w_pict li img {
  width: 100%;
  height: auto;
}

.pict {
  opacity: 0;
}

div.b_body {
  padding: 1%;
  text-align: center;
  top: 2%;
  z-index: 100;
  width: 60%;
  margin: auto;
  background-color: #FFFFFF;
  opacity: 0;
}

div.b_cover {
  width: 100%;
  margin: 0;
  opacity: 0;
}

div.b_body p {
  font-size: 90%;
}

div.s_title {
  font-weight: bold;
  font-size: 110%;
  margin: 0;
}

div.s_desc {
  height: 15%;
  font-size: 90%;
  text-align: left;
  line-height:1.4em;
  margin: 0;
}

table.r_price {
  border-collapse: collapse;
  width: 50%;
  margin: 5% auto 2% auto;
}

table.r_price caption div {
  font-weight: bold;
}

table.r_price caption p {
  margin: 1%;
  font-size: 80%;
}

table.r_price td,
table.r_price th {
  border: 1px solid #BCBCBC; 
  padding: 5px;
}

table.r_price td {
  text-align: right;
  width: 50%;
}

span.c_link {
  font-size: 120%;
  font-weight: bold;
  padding: 1% 2% 1% 2%;
}

span.c_link a:link,
span.c_link a:visited {
  color: red;
}

@media screen and (max-width: 900px) {

    div#main_image {
	height: 55%;
	background-attachment: scroll;
    }

    div.p_title {
	width: 98%;
    }

    div.p_title span {
	font-size: 160%;
	letter-spacing: normal;
    }

    div.p_title p {
	font-size: 80%;
    }

    div.b_body {
	width: 95%;
    }

    div.c_body .b_cover {
	text-align: left;
	padding: 3%;
    }

    div.s_title {
	font-size: 90%;
    }
    ul.w_pict {
	width: 95%;
    }

    ul.w_pict li {
	width: 100%;
	margin-bottom: 10%;
	padding: 0;
    }

    ul.w_pict li.one_clm {
	width: 95%;
    }

    table.r_price {
	width: 95%;
    }

    table.r_price caption {
	text-align: left;
    }

}