@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

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

a img {
  border: none;
}

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

.header .box:after, .header .inner:after, .header .inner .snsBtn:after, .header .nav ul:after, .conBook .box:after, body#top .conNormal .imgCol2_01:after, body#top .conNormal .link:after, .imgCol2_01:after, .type_01:after, body#tape .conNormal dl:after {
  content: "";
  clear: both;
  display: block;
}

body {
  line-height: 1;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  background: url(/sp/hiyori/css/images/bg-line.png) 1px;
  color: #50442f;
}

/*	header
---------------------------------*/
.header {
  background: url(/sp/hiyori/css/images/header-bg.png);
}
.header .box {
  margin: 0 auto;
  width: 1030px;
}
.header .logo {
  float: left;
  margin-left: 15px;
}
.header .inner {
  float: right;
  margin: 40px 15px 0 0;
}
.header .inner .snsBtn {
  float: left;
}
.header .inner .snsBtn li {
  float: left;
}
.header .inner .snsBtn li:first-child {
  margin-right: 12px;
}
.header .inner .kjLogo {
  float: right;
  margin-left: 10px;
}
.header .header-noteText {
  float: left;
  margin: 45px 0 0 30px;
  color: #e90f0f;
  font-size: 16px;
  font-weight: bold;
}

/*	nav
---------------------------------*/
.header .nav {
  background: url(/sp/hiyori/css/images/book-bg_top.png) no-repeat bottom;
  margin: 0 auto;
  padding-bottom: 7px;
  width: 1030px;
}
.header .nav ul {
  margin: 3px 15px 0 44px;
}
.header .nav ul li {
  float: left;
  margin-left: 4px;
}

/*	conBook
---------------------------------*/
.conBook {
  background: url(/sp/hiyori/css/images/book-bg_bottom.png) no-repeat bottom;
  margin: 0 auto;
  width: 1030px;
  padding-bottom: 18px;
}
.conBook .box {
  background: url(/sp/hiyori/css/images/book-bg_in.png) repeat-y;
}
.conBook .leftPage, .conBook .rightPage {
  float: left;
  max-width: 500px;
}

/*	conNormal
---------------------------------*/
.conNormal {
  margin: 0 auto;
  width: 1030px;
}
.conNormal .box {
  padding: 18px 15px 0 15px;
}

/*	footer
---------------------------------*/
.footer {
  margin: 0 auto;
  width: 1030px;
}
.footer .box {
  margin: 50px 15px 30px 15px;
}
.footer .box .copy {
  text-align: center;
}

/*	top
---------------------------------*/
body#top .conNormal h1 {
  font-size: 16px;
  margin-top: 10px;
}
body#top .conNormal h1 + p {
  margin-top: 10px;
}
body#top .conNormal .imgCol2_01 {
  margin: 28px 100px 0 100px;
}
body#top .conNormal .imgCol2_01 .txt {
  float: left;
}
body#top .conNormal .imgCol2_01 .img {
  float: right;
}
body#top .conNormal .link {
  margin-top: 23px;
}
body#top .conNormal .link li {
  float: left;
  margin: 20px 0 0 20px;
}
body#top .conNormal .link li:first-child, body#top .conNormal .link li.even {
  margin-left: 0;
}
body#top .conNormal .link li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
body#top .nav {
  display: block;
}
body#top .hiyori {
  display: none;
  width: 1030px;
  margin: 0 auto;
  padding-top: 50px;
  text-align: center;
}
body#top .conBook {
  position: relative;
  min-height: 635px;
}
body#top .conBook .box {
  padding-bottom: 10px;
}
body#top .conBook .leftPage {
  margin: 15px 0 20px 35px;
  width: 471px;
  height: 627;
}
body#top .conBook .leftPage .leftDiary {
  position: absolute;
  top: 50px;
  left: 35px;
}
body#top .conBook .leftPage .leftPage_bg {
  position: absolute;
  top: 120px;
  left: 45px;
}
body#top .conBook .leftPage .sealS_01 p {
  position: absolute;
}
body#top .conBook .leftPage .sealS_01 .sealS_01_01 {
  top: 90px;
  left: 323px;
}
body#top .conBook .leftPage .sealS_01 .sealS_01_02 {
  top: 319px;
  left: 444px;
}
body#top .conBook .leftPage .sealS_01 .sealS_01_03 {
  top: 553px;
  left: 436px;
}
body#top .conBook .leftPage .sealS_02 p {
  position: absolute;
}
body#top .conBook .leftPage .sealS_02 .sealS_02_01 {
  top: 553px;
  left: 327px;
}
body#top .conBook .leftPage .sealS_03 p {
  position: absolute;
}
body#top .conBook .leftPage .sealS_03 .sealS_03_01 {
  top: 204px;
  left: 87px;
}
body#top .conBook .leftPage .sealS_03 .sealS_03_02 {
  top: 438px;
  left: 87px;
}
body#top .conBook .leftPage .sealS_last p {
  position: absolute;
}
body#top .conBook .leftPage .sealS_last .sealS_06 {
  top: 320px;
  left: 87px;
}
body#top .conBook .leftPage .sealS_last .sealS_07 {
  top: 438px;
  left: 325px;
}
body#top .conBook .leftPage .sealL_01 {
  position: absolute;
  top: 230px;
  left: 271px;
}
body#top .conBook .leftPage .sealL_04 {
  position: absolute;
  top: 580px;
  left: 155px;
}
body#top .conBook .rightPage {
  margin: 6px 0 10px 30px;
}
body#top .conBook .rightPage .rightPage_bg {
  position: absolute;
  top: 110px;
  left: 548px;
}
body#top .conBook .rightPage .sealS_02 p {
  position: absolute;
}
body#top .conBook .rightPage .sealS_02 .sealS_02_01 {
  top: 80px;
  left: 828px;
}
body#top .conBook .rightPage .sealS_02 .sealS_02_02 {
  top: 202px;
  left: 705px;
}
body#top .conBook .rightPage .sealS_last p {
  position: absolute;
}
body#top .conBook .rightPage .sealS_last .sealS_04 {
  top: 75px;
  left: 585px;
}
body#top .conBook .rightPage .sealS_last .sealS_05 {
  top: 190px;
  left: 825px;
}
body#top .conBook .rightPage .sealS_last .sealS_08 {
  top: 430px;
  left: 589px;
}
body#top .conBook .rightPage .sealL_02 {
  position: absolute;
  top: 348px;
  left: 534px;
}
body#top .conBook .rightPage .sealL_03 {
  position: absolute;
  top: 535px;
  left: 585px;
}
body#top .conBook .rightPage .sealL_05 {
  position: absolute;
  top: 233px;
  left: 535px;
}
body#top .conBook .rightPage .sealL_06 {
  position: absolute;
  top: 470px;
  left: 770px;
}

/*	module
---------------------------------*/
h1, h2 {
  font-weight: bold;
}

h2 {
  font-size: 18px;
}

.price {
  display: block;
  font-size: 14px !important;
  font-weight: normal;
  margin-top: 12px;
}

.ac {
  text-align: center;
}

.note_01 {
  font-size: 12px;
  text-indent: -1em;
  line-height: 24px;
}
.note_01 span {
  text-indent: -1em;
}

.type_01 {
  display: table;
  width: 394px;
  text-align: center;
  margin-left: 35px;
}
.type_01 li {
  display: table-cell;
  margin-left: 28px;
}
.type_01 li span {
  display: block;
  line-height: 18px;
}

.movie a {
  text-decoration: none;
  color: #50442f;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.movie span {
  display: block;
  padding-top: 16px;
}

/*	about
---------------------------------*/
body#about .leftPage {
  margin: -10px 0 0 15px;
}
body#about .rightPage {
  background: url(/sp/hiyori/about/images/index-bgR.png) no-repeat;
  padding: 40px 20px 90px 40px;
  margin-top: -10px;
  width: 440px;
}
body#about .rightPage > .txt {
  margin-top: 10px;
  width: 425px;
}
body#about .rightPage .imgCol2_01 {
  margin-top: 22px;
}
body#about .rightPage .imgCol2_01 .col_01 {
  float: left;
}
body#about .rightPage .imgCol2_01 .col_01 .movie a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
body#about .rightPage .imgCol2_01 .col_02 {
  float: left;
  margin-left: 17px;
  margin-top: 18px;
  width: 185px;
}
body#about .rightPage .imgCol2_01 .col_02 a {
  color: #289692;
  text-decoration: underline;
  line-height: 25px;
}
body#about .rightPage .imgCol2_01 .col_02 a:hover {
  text-decoration: none;
}
body#about .rightPage .imgCol2_01 .col_02 a img {
  margin-bottom: 3px;
}
body#about .rightPage .imgCol2_01 .col_02 a span {
  background: url(/sp/hiyori/about/images/index-icon_01.png) no-repeat right;
  display: inline;
  font-size: 18px;
  font-weight: bold;
  padding-right: 23px;
}

/*	seal
---------------------------------*/
body#seal .leftPage {
  margin: 25px 0 0 36px;
}
body#seal .leftPage h1 {
  font-size: 28px;
}
body#seal .leftPage h1 .lr_01 {
  font-size: 30px;
}
body#seal .leftPage h1 .lr_02 {
  font-size: 36px;
}
body#seal .leftPage ul {
  margin-top: 14px;
}
body#seal .leftPage ul li {
  line-height: 0;
}
body#seal .leftPage .imgCol2_01 {
  position: relative;
}
body#seal .leftPage .imgCol2_01 .col_01 {
  float: left;
  margin: 32px 0 25px 10px;
  line-height: 24px;
  width: 315px;
}
body#seal .leftPage .imgCol2_01 .col_01 a {
  color: #289692;
}
body#seal .leftPage .imgCol2_01 .col_02 {
  position: absolute;
  top: -20px;
  right: 20px;
}
body#seal .rightPage {
  margin: -10px 0 0 9px;
}
body#seal .conNormal .btn_01 {
  background: url(/sp/hiyori/seal/images/index-bg_01.png) no-repeat center top;
}
body#seal .conNormal .btn_01 p {
  padding-top: 60px;
  text-align: center;
}
body#seal .conNormal .btn_01 p a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

/*	emoji
---------------------------------*/
body#emoji {
  background: #fff;
  padding: 40px;
}
body#emoji .conBook {
  background: none;
  width: 100%;
  padding: 0;
}
body#emoji .conBook .box {
  background: url(/sp/hiyori/seal/images/bg.png) bottom repeat-x;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
body#emoji h2 {
  font-size: 24px;
  margin-top: 40px;
}
body#emoji p {
  margin: 20px 20px 0 0;
  display: inline-block;
}
body#emoji dt {
  font-size: 18px;
  margin-top: 30px;
}
body#emoji dd {
  margin-top: 15px;
}

/*	spec
---------------------------------*/
body#spec .leftPage {
  margin: 30px 0 21px 35px;
  position: relative;
  height: 650px;
}
body#spec .leftPage p img {
  position: absolute;
  top: 100px;
  left: 0;
}
body#spec .rightPage {
  position: relative;
  margin: 10px 0 0 20px;
}
body#spec .rightPage p img {
  position: absolute;
  top: 12px;
  left: 65px;
}
body#spec h1 {
  font-size: 20px;
  line-height: 30px;
}
body#spec h1 span {
  font-size: 32px;
}
body#spec h1 + p {
  margin-top: 10px;
}
body#spec h2 {
  margin-top: 30px;
}
body#spec table {
  border-spacing: 0;
  border-collapse: separate;
  border-top: #b6b0a6 2px solid;
  border-left: #b6b0a6 1px solid;
  border-bottom: #b6b0a6 1px solid;
  border-right: #b6b0a6 2px solid;
  margin-top: 18px;
  table-layout: fixed;
  width: 470px;
}
body#spec table th {
  background-color: #ecf4e3;
  border-left: #b6b0a6 1px solid;
  border-right: #b6b0a6 1px solid;
  border-bottom: #b6b0a6 1px solid;
  padding: 11px 8px 10px 8px;
}
body#spec table td {
  background-color: #fff;
  border-bottom: #b6b0a6 1px solid;
  padding: 11px 8px 10px 8px;
}
body#spec table.tbl_02 th {
  letter-spacing: -1px;
}
body#spec .col_01 {
  position: relative;
}
body#spec .col_01 .img {
  position: absolute;
  top: 0;
  left: 307px;
}
body#spec .col_01 table {
  margin-top: 119px;
}
body#spec .col_02 {
  position: relative;
  padding-top: 88px;
}
body#spec .col_02 .img {
  position: absolute;
  top: 0;
  left: 303px;
}
body#spec .col_03 {
  position: relative;
}
body#spec .col_03 .img {
  position: absolute;
  top: -13px;
  right: 53px;
}
body#spec .col_03 table {
  margin-top: 10px;
}
body#spec .type_01 {
  margin-top: 15px;
}
body#spec .note_01 {
  margin-left: 15px;
}

/*	use
---------------------------------*/
body#use .leftPage, body#use .rightPage {
  background: url(/sp/hiyori/use/images/index-bg_01.png);
  margin: 7px 0 15px 36px;
  border-left: #f0eee7 1px solid;
  border-bottom: #f0eee7 1px solid;
  height: 660px;
  width: 461px;
}
body#use .leftPage {
  position: relative;
}
body#use .leftPage h1 {
  font-size: 30px;
  margin: 21px 0 0 11px;
}
body#use .leftPage .img_01 {
  position: absolute;
  top: 13px;
  left: 17px;
  z-index: 2;
}
body#use .leftPage .img_02 {
  position: absolute;
  bottom: 14px;
  left: 15px;
  z-index: 1;
}
body#use .rightPage > p {
  margin: 41px 0 0 0;
}
body#use .rightPage .imgCol2_01 {
  margin-top: 25px;
}
body#use .rightPage .imgCol2_01 .col_01 {
  float: left;
  width: 315px;
}
body#use .rightPage .imgCol2_01 .col_01 p {
  margin-top: 55px;
}
body#use .rightPage .imgCol2_01 .col_01 a {
  color: #289692;
}
body#use .rightPage .imgCol2_01 .col_01 a:hover {
  text-decoration: none;
}

/*	tape
---------------------------------*/
body#tape .leftPage, body#tape .rightPage {
  background: url(/sp/hiyori/use/images/index-bg_01.png);
  margin: 7px 0 40px 36px;
  border-left: #f0eee7 1px solid;
  border-bottom: #f0eee7 1px solid;
  height: 820px;
  width: 461px;
}
body#tape .leftPage {
  position: relative;
}
body#tape .leftPage h1 {
  font-size: 30px;
  margin: 22px 0 0 19px;
}
body#tape .leftPage > p {
  position: absolute;
  top: 18px;
  left: 6px;
}
body#tape .rightPage > p {
  margin: 28px 0 0 -6px;
}
body#tape .conNormal {
  border: #bdb49d 1px solid;
  border-radius: 5px;
  margin-top: 20px;
}
body#tape .conNormal .title {
  text-align: center;
  padding: 15px 0 7px 0;
  background: #e9e4d1;
}
body#tape .conNormal .box-bg {
  border: #e9e4d1 8px solid;
}
body#tape .conNormal .box {
  border: #bdb49d 1px solid;
  padding: 25px 15px;
}
body#tape .conNormal .box > .imgCol2_01 {
  margin: 0 -10px;
}
body#tape .conNormal .col_01, body#tape .conNormal .col_02, body#tape .conNormal .col_03, body#tape .conNormal .col_04{
  float: left;
  width: 236px;
  margin: 0 7px;
  text-align: center;
}
body#tape .conNormal dl {
  line-height: 22px;
  letter-spacing: -0.4em;
}
body#tape .conNormal dl.line5 dt {
  width: 5.1em;
}
body#tape .conNormal dl.line5 dd {
  margin-left: -2.9em;
}
body#tape .conNormal dl.line6 dt {
  width: 6.1em;
}
body#tape .conNormal dl.line6 dd {
  margin-left: -1.9em;
}
body#tape .conNormal dl.line7 dt {
  letter-spacing: normal;
  display: inline-block;
  margin-right: 5px;
  float: none;
}
body#tape .conNormal dl.line7 dd {
  letter-spacing: normal;
  display: inline-block;
  float: none;
}
body#tape .conNormal dl.line8 dt {
  width: 8.1em;
}
body#tape .conNormal dl.line8 dd {
  margin-left: 0.1em;
}
body#tape .conNormal dl.line9 dt {
  width: 9.1em;
}
body#tape .conNormal dl.line9 dd {
  margin-left: 1.1em;
}
body#tape .conNormal dl.line10 dt {
  width: 10.1em;
}
body#tape .conNormal dl.line10 dd {
  margin-left: 2.1em;
}
body#tape .conNormal dl.line11 dt {
  width: 11.1em;
}
body#tape .conNormal dl.line11 dd {
  margin-left: 3.1em;
}
body#tape .conNormal dl.line12 dt {
  width: 12.1em;
}
body#tape .conNormal dl.line12 dd {
  margin-left: 4.1em;
}
body#tape .conNormal dl.line13 dt {
  width: 13.1em;
}
body#tape .conNormal dl.line13 dd {
  margin-left: 5.1em;
}
body#tape .conNormal dl.line14 dt {
  width: 14.1em;
}
body#tape .conNormal dl.line14 dd {
  margin-left: 6.1em;
}
body#tape .conNormal dl.line15 dt {
  width: 15.1em;
}
body#tape .conNormal dl.line15 dd {
  margin-left: 7.1em;
}
body#tape .conNormal dl.line16 dt {
  width: 16.1em;
}
body#tape .conNormal dl.line16 dd {
  margin-left: 8.1em;
}
body#tape .conNormal dl.line17 dt {
  width: 17.1em;
}
body#tape .conNormal dl.line17 dd {
  margin-left: 9.1em;
}
body#tape .conNormal dl.line18 dt {
  width: 18.1em;
}
body#tape .conNormal dl.line18 dd {
  margin-left: 10.1em;
}
body#tape .conNormal dl.line19 dt {
  width: 19.1em;
}
body#tape .conNormal dl.line19 dd {
  margin-left: 11.1em;
}
body#tape .conNormal dl.line20 dt {
  width: 20.1em;
}
body#tape .conNormal dl.line20 dd {
  margin-left: 12.1em;
}
body#tape .conNormal dl dt {
  clear: left;
  float: left;
}
body#tape .conNormal dl dd {
  float: left;
}
body#tape .conNormal dl + .note_01 {
  margin: 10px 0 0;
}
body#tape .conNormal .txt-date {
  color: #ef8575;
  font-weight: bold;
  margin-top: 10px;
}
body#tape .conNormal .col_01 .txt h2, body#tape .conNormal .col_02 .txt h2, body#tape .conNormal .col_03 .txt h2, body#tape .conNormal .col_04 .txt h2 {
  margin-bottom: 10px;
}
body#tape .conNormal .col_01 .txt h2 a, body#tape .conNormal .col_02 .txt h2 a, body#tape .conNormal .col_03 .txt h2 a, body#tape .conNormal .col_04 .txt h2 a {
  color: #289692;
  font-size: 14px;
}
body#tape .conNormal .col_01 .txt h2 a:hover, body#tape .conNormal .col_02 .txt h2 a:hover, body#tape .conNormal .col_03 .txt h2 a:hover, body#tape .conNormal .col_04 .txt h2 a:hover {
  text-decoration: none;
}
body#tape .conNormal .col_01 .txt h2 a:after, body#tape .conNormal .col_02 .txt h2 a:after, body#tape .conNormal .col_03 .txt h2 a:after, body#tape .conNormal .col_04 .txt h2 a:after {
  content: "";
  width: 17px;
  height: 15px;
  display: inline-block;
  background: url(/sp/hiyori/tape/images/icon_arrow.png) no-repeat;
  background-position: left top;
  position: relative;
  top: 2px;
  margin-left: 8px;
}
body#tape .conNormal .col_01 .img, body#tape .conNormal .col_02 .img, body#tape .conNormal .col_03 .img, body#tape .conNormal .col_04 .img {
  margin-bottom: 15px;
}
body#tape .conNormal .subtext {
  text-align: center;
  margin-top: 25px;
}
body#tape .conNormal .text {
  width: 300px;
  margin-top: -73px;
  line-height: 25px;
}
body#tape .conNormal .text + .note_01 {
  margin: 10px 0 0 15px;
}

/*	punch
---------------------------------*/
body#punch .leftPage, body#punch .rightPage {
  background: url(/sp/hiyori/use/images/index-bg_01.png);
  margin: 7px 0 15px 36px;
  border-left: #f0eee7 1px solid;
  border-bottom: #f0eee7 1px solid;
  height: 660px;
  width: 461px;
}
body#punch .leftPage h1 {
  font-size: 30px;
  margin: 20px 0 0 8px;
}
body#punch .leftPage > p {
  margin: 15px 0 0 -22px;
}
body#punch .rightPage {
  position: relative;
}
body#punch .rightPage ul {
  position: absolute;
  top: 33px;
  left: 0;
}
body#punch .rightPage .hdg_01 {
  position: absolute;
  top: 146px;
  left: 170px;
}
body#punch .rightPage p {
  position: absolute;
  top: 175px;
  left: 10px;
}
body#punch .rightPage .img {
  top: 140px;
  left: 380px;
}
body#punch .rightPage .hdg_02 {
  position: absolute;
  bottom: 10px;
  left: 205px;
}

/*	gellery
---------------------------------*/
body#gallery .leftPage, body#gallery .rightPage {
  background: url(/sp/hiyori/use/images/index-bg_01.png);
  margin: 7px 0 15px 36px;
  border-left: #f0eee7 1px solid;
  border-bottom: #f0eee7 1px solid;
  height: 660px;
  width: 461px;
}
body#gallery .leftPage {
  padding-bottom: 40px;
}
body#gallery .leftPage h1 {
  font-size: 30px;
  margin: 20px 0 0 11px;
}
body#gallery .leftPage > p {
  margin: 15px 0 0 -22px;
}
body#gallery .rightPage {
  padding: 28px 0 12px 0;
}
body#gallery .rightPage p.img {
  margin: 50px 10px 0 0;
}
body#gallery .rightPage .note_01 {
  margin-right: 20px;
  text-align: right;
}
body#gallery .lytClm2 li {
  width: 220px;
  display: inline-block;
  vertical-align: top;
}
body#gallery .lytClm2 li.lage {
  margin-right: 10px;
}
body#gallery .lytClm2 .img {
  display: block;
  background: url(/sp/hiyori/gallery/images/index-bg_01.png);
  padding: 15px;
}
body#gallery .lytClm2 .img a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
body#gallery .lytClm2 .txt {
  display: block;
  line-height: 1.5;
  padding: 0 5px;
}

/*	seal_file
---------------------------------*/
body#seal_file {

}
body#seal_file .conBook {
  margin-bottom: 20px;
}
body#seal_file .boxIn {
  background: url(/sp/hiyori/seal_file/images/bg.png) no-repeat;
  margin: 0 16px;
  padding: 0 38px 44px 39px;
}
body#seal_file .title {
  position: relative;
  height: 50px;
  margin: 0 0 20px;
}
body#seal_file .title h1,
body#seal_file .title .sub {
  position: absolute;
}
body#seal_file .title h1 {
  left: 5px;
  top: 22px;
}
body#seal_file .title .sub {
  left: 486px;
  top: 10px;
}
body#seal_file .mainVisual {
  margin: 0 0 26px;
}
body#seal_file .productInfo {
  overflow: hidden;
}
body#seal_file .productInfo li {
  float: left;
}
body#seal_file .productInfo li.mpf02 {
  margin: 0 0 0 38px;
}
body#seal_file .mizutamaArea {
  text-align: center;
}
body#seal_file .mizutamaArea a:hover,
body#seal_file .mizutamaArea a:focus{
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}