/*************************************************
  common.css
  "/winny/res/css/common.css"

  + Compass
  + HTML elements
  + Modules
  + Frames
  + General classes
  + Pages

*************************************************/
/* ==============================
  Modules
  - modWnNewsTicker
  - modWnPointList
  - modWnProductPhoto
  - modWnProductTitle
  - modWnTableBox
  - modWnButtonA
  - modWnRecipeBox
  - modWnCharaDesc
  - modWnKazariImg
  - modWnKazariTitle
  - modWnKazariList
  - modWnModalClose
  - modWnHistoryBox
  - modWnPager
  - modWnBox3Columns
============================== */
/* modWnNewsTicker */
/* line 46, sass/common.scss */
.modWnNewsTicker {
  margin: 0 auto;
  background: #ff9999;
}
/* line 10, sass/_mixins.scss */
.modWnNewsTicker:before, .modWnNewsTicker:after {
  content: "";
  display: table;
}
/* line 14, sass/_mixins.scss */
.modWnNewsTicker:after {
  clear: both;
}
/* line 17, sass/_mixins.scss */
.ie8 .modWnNewsTicker {
  zoom: 1;
}
/* line 50, sass/common.scss */
.modWnNewsTicker .hd {
  float: left;
}
/* line 53, sass/common.scss */
.modWnNewsTicker .bd {
  overflow: hidden;
  padding: 4px;
  background: white;
  border: 1px solid #ff5a99;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 10, sass/_mixins.scss */
.modWnNewsTicker .bd:before, .modWnNewsTicker .bd:after {
  content: "";
  display: table;
}
/* line 14, sass/_mixins.scss */
.modWnNewsTicker .bd:after {
  clear: both;
}
/* line 17, sass/_mixins.scss */
.ie8 .modWnNewsTicker .bd {
  zoom: 1;
}
/* line 60, sass/common.scss */
.modWnNewsTicker .bd .date {
  float: left;
  color: #ff0033;
}
/* line 64, sass/common.scss */
.modWnNewsTicker .bd .text {
  overflow: hidden;
}

/* modWnPointList */
/* line 72, sass/common.scss */
.modWnPointList .bd {
  color: #308dcd;
}

/* modWnProductPhoto */
/* line 79, sass/common.scss */
.modWnProductPhoto .bd {
  margin: 0 auto;
}
/* line 81, sass/common.scss */
.modWnProductPhoto .bd img {
  width: 100%;
}

/* modWnProductTitle */
/* line 89, sass/common.scss */
.modWnProductTitle .bd {
  position: relative;
  margin: 0 auto;
  padding: 4px 5px;
  color: #308dcd;
  font-weight: bold;
  text-align: center;
}
/* line 96, sass/common.scss */
.modWnProductTitle .bd:before, .modWnProductTitle .bd:after {
  content: "";
  position: absolute;
  top: -2px;
  width: 15px;
  height: 100%;
  border-top: 2px solid #005bab;
  border-bottom: 2px solid #005bab;
}
/* line 105, sass/common.scss */
.modWnProductTitle .bd:before {
  left: -15px;
  border-left: 2px solid #005bab;
  border-right: 2px solid transparent;
}
/* line 110, sass/common.scss */
.modWnProductTitle .bd:after {
  right: -15px;
  border-left: 2px solid transparent;
  border-right: 2px solid #005bab;
}

/* modWnTableBox */
/* line 120, sass/common.scss */
.modWnTableBox .bd {
  display: table;
  width: 100%;
}
/* line 123, sass/common.scss */
.modWnTableBox .bd .row {
  display: table-row;
}
/* line 126, sass/common.scss */
.modWnTableBox .bd .cell {
  display: table-cell;
}

/* modWnButtonA */
/* line 135, sass/common.scss */
.modWnButtonA .bd .btn, .modWnButtonA2 .bd .btn {
  display: block;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
/* line 142, sass/common.scss */
.modWnButtonA .bd .label, .modWnButtonA2 .bd .label {
  position: relative;
  padding: 8px 10px;
  border: 2px solid #231815;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  background: #ffcc33;
}
/* line 148, sass/common.scss */
.modWnButtonA .bd .label:after, .modWnButtonA2 .bd .label:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 13px;
  display: block;
  margin-top: -10px;
}

/* modWnRecipeBox */
/* line 167, sass/common.scss */
.modWnRecipeBox {
  position: relative;
  float: left;
}
/* line 170, sass/common.scss */
:not(.ie8) .modWnRecipeBox:before {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  background-repeat: no-repeat;
}
/* line 177, sass/common.scss */
.modWnRecipeBox .bd {
  display: block;
  background-color: #f9d7d7;
  background-repeat: repeat-y;
  background-position: left top;
  border: 1px solid #e56c6c;
  -webkit-box-shadow: 3px 3px 1px #aaa8a5;
  -moz-box-shadow: 3px 3px 1px #aaa8a5;
  box-shadow: 3px 3px 1px #aaa8a5;
  color: #231815;
  font-size: 12px;
  text-decoration: none;
}
/* line 187, sass/common.scss */
.ie8 .modWnRecipeBox .bd {
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#aaa8a5, Strength=4, Direction=135);
}
/* line 191, sass/common.scss */
.modWnRecipeBox .bd .thumb img {
  width: 100%;
}
/* line 195, sass/common.scss */
.modWnRecipeBox .bd .title {
  position: relative;
}
/* line 197, sass/common.scss */
.modWnRecipeBox .bd .title:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background-repeat: no-repeat;
}

/* modWnCharaDesc */
/* line 211, sass/common.scss */
.modWnCharaDesc .bd {
  font-size: 13px;
}

/* modWnKazariImg */
/* line 219, sass/common.scss */
.modWnKazariImg .bd img {
  width: 100%;
  height: auto;
}

/* modWnKazariTitle */
/* line 227, sass/common.scss */
.modWnKazariTitle {
  position: relative;
  margin-bottom: 12px;
}
/* line 230, sass/common.scss */
.modWnKazariTitle .bd {
  background: #5dba5d;
  color: white;
  font-size: 18px;
  text-align: center;
  line-height: 28px;
}
/* line 237, sass/common.scss */
.modWnKazariTitle .ft {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -11px;
}

/* modWnKazariList */
/* line 246, sass/common.scss */
.modWnKazariList {
  margin: 0 5px;
}
/* line 248, sass/common.scss */
.modWnKazariList .bd {
  font-size: 12px;
}
/* line 10, sass/_mixins.scss */
.modWnKazariList .bd:before, .modWnKazariList .bd:after {
  content: "";
  display: table;
}
/* line 14, sass/_mixins.scss */
.modWnKazariList .bd:after {
  clear: both;
}
/* line 17, sass/_mixins.scss */
.ie8 .modWnKazariList .bd {
  zoom: 1;
}
/* line 251, sass/common.scss */
.modWnKazariList .bd .item {
  float: left;
  padding: 0 5px 10px;
}
/* line 254, sass/common.scss */
.modWnKazariList .bd .item a {
  display: block;
  color: #000;
  text-decoration: none;
}
/* line 259, sass/common.scss */
.modWnKazariList .bd .item div {
  padding: 6px;
  background: #fffcc4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
/* line 265, sass/common.scss */
.modWnKazariList .bd .thumb img {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}
/* line 270, sass/common.scss */
.modWnKazariList .bd .title {
  padding-right: 15px;
}
/* line 273, sass/common.scss */
.modWnKazariList .bd .icoMovie {
  position: relative;
  display: block;
}
/* line 276, sass/common.scss */
:not(.ie8) .modWnKazariList .bd .icoMovie:before {
  content: "";
  position: absolute;
  top: 9px;
  right: 9px;
  display: block;
  width: 20px;
  height: 20px;
}

/* modWnModalClose */
/* line 290, sass/common.scss */
.modWnModalClose {
  position: absolute;
  top: -12px;
  right: -12px;
  z-index: 100;
  font-size: 24px;
  text-align: center;
  line-height: 1.0;
}
/* line 298, sass/common.scss */
.modWnModalClose .btnClose {
  display: block;
  width: 24px;
  height: 24px;
  padding: 2px 3px 4px;
  border: 3px solid white;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  background: black url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjYpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: black -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.6)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: black -webkit-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  background: black -moz-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  background: black -o-linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  background: black linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF999999', endColorstr='#FF000000');
  color: white;
  text-decoration: none;
}

/* modWnHistoryBox */
/* line 313, sass/common.scss */
.modWnHistoryBox {
  background: #fffdd7;
}
/* line 315, sass/common.scss */
.modWnHistoryBox .hd {
  font-weight: bold;
}
/* line 317, sass/common.scss */
.modWnHistoryBox .hd .date {
  color: #e4092d;
}
/* line 320, sass/common.scss */
.modWnHistoryBox .hd .title {
  color: #0858a6;
}
/* line 326, sass/common.scss */
.modWnHistoryBox .bd .photo img {
  width: 100%;
  height: auto;
}

/* modWnPager */
/* line 335, sass/common.scss */
.modWnPager {
  clear: both;
  display: table;
  margin: 0 auto;
  padding: 12px 0 12px;
}
/* line 341, sass/common.scss */
.modWnPager a, .modWnPager a:link {
  color: #e56c6c;
  text-decoration: none;
}
/* line 345, sass/common.scss */
.modWnPager .hd, .modWnPager .bd, .modWnPager .ft {
  display: table-cell;
  vertical-align: middle;
}
/* line 349, sass/common.scss */
.modWnPager .hd, .modWnPager .ft {
  font-size: 14px;
}
/* line 352, sass/common.scss */
.modWnPager .bd {
  font-size: 12px;
}
/* line 10, sass/_mixins.scss */
.modWnPager .bd:before, .modWnPager .bd:after {
  content: "";
  display: table;
}
/* line 14, sass/_mixins.scss */
.modWnPager .bd:after {
  clear: both;
}
/* line 17, sass/_mixins.scss */
.ie8 .modWnPager .bd {
  zoom: 1;
}
/* line 355, sass/common.scss */
.modWnPager .bd .item {
  float: left;
  padding: 0 5px;
  text-align: center;
  line-height: 1.0;
}
/* line 360, sass/common.scss */
.modWnPager .bd .item a, .modWnPager .bd .item span {
  display: block;
  min-width: 20px;
  padding: 4px 0 4px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
/* line 366, sass/common.scss */
.modWnPager .bd .item a {
  background: white;
}
/* line 369, sass/common.scss */
.modWnPager .bd .item a:hover, .modWnPager .bd .item span {
  background: #e56c6c;
  color: white;
}
/* line 375, sass/common.scss */
.modWnPager .linkPrev {
  padding: 0 5px 0 15px;
}
/* line 378, sass/common.scss */
.modWnPager .linkNext {
  padding: 0 15px 0 5px;
}

/* line 10, sass/_mixins.scss */
.modWnFunsIndex .bd:before, .modWnFunsIndex .bd:after {
  content: "";
  display: table;
}
/* line 14, sass/_mixins.scss */
.modWnFunsIndex .bd:after {
  clear: both;
}
/* line 17, sass/_mixins.scss */
.ie8 .modWnFunsIndex .bd {
  zoom: 1;
}
/* line 386, sass/common.scss */
.modWnFunsIndex .bd .item {
  float: left;
}

/* ==============================
  Frames
  - winnyRecipesWrapper
  - winnyCharaBox
  - winnyKazarigiri
  - winnyKazariModal
============================== */
/* winnyRecipesWrapper */
/* line 10, sass/_mixins.scss */
.winnyRecipesWrapper:before, .winnyRecipesWrapper:after {
  content: "";
  display: table;
}
/* line 14, sass/_mixins.scss */
.winnyRecipesWrapper:after {
  clear: both;
}
/* line 17, sass/_mixins.scss */
.ie8 .winnyRecipesWrapper {
  zoom: 1;
}

/* winnyCharaBox */
/* line 10, sass/_mixins.scss */
.winnyCharaBox:before, .winnyCharaBox:after {
  content: "";
  display: table;
}
/* line 14, sass/_mixins.scss */
.winnyCharaBox:after {
  clear: both;
}
/* line 17, sass/_mixins.scss */
.ie8 .winnyCharaBox {
  zoom: 1;
}

/* winnyKazarigiri */
/* line 411, sass/common.scss */
.winnyKazarigiri, .winnyKazariModal {
  background: #c3e5c3;
  border: 2px solid #578457;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

/* winnyKazariModal */
/* line 418, sass/common.scss */
.winnyKazariModal {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  width: 598px;
}

/* ==============================
  General classes
  - clearfix
  - clearflt
  - image-replace
  - photoframe
  - float
  - overflow
  - width
  - margin
  - color
  - fontsize
  - text-align
  - ajaxError
============================== */
/* clearfix */
/* line 10, sass/_mixins.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
/* line 14, sass/_mixins.scss */
.clearfix:after {
  clear: both;
}
/* line 17, sass/_mixins.scss */
.ie8 .clearfix {
  zoom: 1;
}

/* clearflt */
/* line 449, sass/common.scss */
.clearflt {
  clear: both;
}

/* image-replace */
/* line 454, sass/common.scss */
.image-replace {
  background-color: transparent;
  border: 0;
  color: transparent !important;
  font: 0/0 a;
  text-shadow: none;
}

/* photoframe */
/* line 459, sass/common.scss */
.photoframe01 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/* line 462, sass/common.scss */
.photoframe01 {
  border: 6px solid white;
  background: #cccccc;
  -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
}
/* line 467, sass/common.scss */
.ie8 .photoframe01 {
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#FE666666, Strength=4, Direction=135);
}

/* float */
/* line 473, sass/common.scss */
.flL {
  float: left;
}

/* line 476, sass/common.scss */
.flR {
  float: right;
}

/* overflow */
/* line 481, sass/common.scss */
.ovH {
  overflow: hidden;
}

/* width */
/* line 486, sass/common.scss */
.w50p {
  width: 50%;
}

/* margin */
/* line 491, sass/common.scss */
.mb15 {
  margin-bottom: 15px;
}

/* color */
/* line 496, sass/common.scss */
.cMagenta {
  color: #e60039;
  font-weight: bold;
}

/* fontsize */
/* line 502, sass/common.scss */
.fz12 {
  font-size: 12px;
}

/* line 505, sass/common.scss */
.fz14 {
  font-size: 14px;
}

/* line 508, sass/common.scss */
.fz16 {
  font-size: 16px;
}

/* text-align */
/* line 513, sass/common.scss */
.alignL {
  text-align: left;
}

/* line 516, sass/common.scss */
.alignC {
  text-align: center;
}

/* line 519, sass/common.scss */
.alignR {
  text-align: right;
}

/* line 522, sass/common.scss */
.vaB {
  vertical-align: bottom;
}

/* line 525, sass/common.scss */
.vaM {
  vertical-align: middle;
}

/* line 528, sass/common.scss */
.vaT {
  vertical-align: top;
}

/* line 531, sass/common.scss */
.vaD {
  vertical-align: baseline;
}

/* line 535, sass/common.scss */
#ajaxError {
  display: none;
}

/* ==============================
  Pages
  - pageWinnyTop
============================== */
/* pageWinnyTop */
/* line 10, sass/_mixins.scss */
.pageWinnyTop .pr:before, .pageWinnyTop .pr:after {
  content: "";
  display: table;
}
/* line 14, sass/_mixins.scss */
.pageWinnyTop .pr:after {
  clear: both;
}
/* line 17, sass/_mixins.scss */
.ie8 .pageWinnyTop .pr {
  zoom: 1;
}
/* line 548, sass/common.scss */
.pageWinnyTop .pr .prBanner {
  float: left;
}
/* line 550, sass/common.scss */
.pageWinnyTop .pr .prBanner img {
  width: 100%;
  height: auto;
}