@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
/*

Main Styles

*/
@charset "UTF-8";
/*---------------------------------------------------------------------------------------------
 * org-common.sass
 *
 * Create by Saki Onogi
 * gracedws.com
---------------------------------------------------------------------------------------------*/
body {
  font-family: 'EB Garamond', "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif !important;
  line-height: 1.6;
  letter-spacing: 1px;
  font-size: 12px;
}
.gothic {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}
.mincho {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif !important;
}
.noBg {
  background: none !important;
}
/*---------------------------------------------------------------------------------------------
 # Variables
---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------
 # Font
---------------------------------------------------------------------------------------------*/
/* H1 --------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.5em;
  line-height: 1.5em;
}
/* Font --------------------------------------- */
.wht {
  color: #FFF !important;
}
.lgly {
  color: #AAA !important;
}
.gly {
  color: #666 !important;
}
.blk {
  color: #333 !important;
}
.red {
  color: #F36;
}
.yel {
  color: #FC3;
}
.ygrn {
  color: #9C0;
}
.grn {
  color: #393;
}
.aqa {
  color: #3CF;
}
.blu {
  color: #09F;
}
.vio {
  color: #93C;
}
.pnk {
  color: #F6C;
}
.brw {
  color: #933;
}
.ftNormal {
  font-weight: normal;
}
.ftBold {
  font-weight: bold;
}
.ft05px {
  font-size: 5px !important;
}
.ft06px {
  font-size: 6px !important;
}
.ft07px {
  font-size: 7px !important;
}
.ft08px {
  font-size: 8px !important;
}
.ft09px {
  font-size: 9px !important;
}
.ft10px {
  font-size: 10px !important;
}
.ft11px {
  font-size: 11px !important;
}
.ft12px {
  font-size: 12px !important;
}
.ft14px {
  font-size: 14px !important;
}
.ft003 {
  font-size: 0.3em !important;
}
.ft004 {
  font-size: 0.4em !important;
}
.ft005 {
  font-size: 0.5em !important;
}
.ft006 {
  font-size: 0.6em !important;
}
.ft007 {
  font-size: 0.7em !important;
}
.ft008 {
  font-size: 0.8em !important;
}
.ft009 {
  font-size: 0.9em !important;
}
.ft010 {
  font-size: 1em !important;
}
.ft011 {
  font-size: 1.1em !important;
}
.ft012 {
  font-size: 1.2em !important;
}
.ft015 {
  font-size: 1.5em !important;
}
.ft020 {
  font-size: 2em !important;
}
.ft025 {
  font-size: 2.5em !important;
}
.ft030 {
  font-size: 3em !important;
}
.ft035 {
  font-size: 3.5em !important;
}
.ft040 {
  font-size: 4em !important;
}
.ft045 {
  font-size: 4.5em !important;
}
.ft050 {
  font-size: 5em !important;
}
.ft055 {
  font-size: 5.5em !important;
}
.ls00 {
  letter-spacing: 0 !important;
}
.ls1px {
  letter-spacing: 1px !important;
}
.ls2px {
  letter-spacing: 2px !important;
}
.lh008 {
  line-height: 0.8 !important;
}
.lh010 {
  line-height: 1 !important;
}
.lh011 {
  line-height: 1.1 !important;
}
.lh015 {
  line-height: 1.5 !important;
}
.lh016 {
  line-height: 1.6 !important;
}
.lh020 {
  line-height: 2 !important;
}
.lh025 {
  line-height: 2.5 !important;
}
.lh030 {
  line-height: 3 !important;
}
.lh035 {
  line-height: 3.5 !important;
}
.lh040 {
  line-height: 4 !important;
}
.lh045 {
  line-height: 4.5 !important;
}
.textLeft {
  text-align: left;
}
.textCenter {
  text-align: center;
}
.textRight {
  text-align: right;
}
/* Border --------------------------------------- */
.lineWht {
  border-top: 1px solid #fff;
}
.lineGly {
  border-top: 1px solid #ccc;
}
.border-all {
  border: 1px solid #ccc;
}
/* Link --------------------------------------- */
a {
  color: #a0a0a0;
  text-decoration: none;
  border: none;
}
a:hover,
a:focus {
  color: #42d1fe;
  border: none;
}
a:focus {
  /* Firefoxでの画像置換の点線かき消し */
  /*\*/
  overflow: hidden;
  /**/
}
a img:hover {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
.noOpacity:hover {
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
}
/* List --------------------------------------- */
ul li {
  list-style-type: none;
}
/* Position --------------------------------------- */
.boxCenter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
/* Icon --------------------------------------- */
i {
  margin-right: 0.8em;
  vertical-align: -2px;
  font-size: 1em;
}
/* Image --------------------------------------- */
/*
IE用
onMouseMove = "return false;" onMouseDown = "return false;"
*/
.noSelect {
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
/* Float --------------------------------------- */
.fl {
  float: left;
}
.fr {
  float: right;
}
/* Clear Fix --------------------------------------- */
.clearfix {
  overflow: hidden;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
/*\*/
* html .clearfix {
  height: 1em;
  overflow: visible;
}
/**/
/* Width --------------------------------------- */
.width100 {
  width: 100% !important;
}
/* Display --------------------------------------- */
.displayNone {
  display: none !important;
}
.displayBlock {
  display: block !important;
}
.displayInline {
  display: inline-block !important;
}
.displayTable {
  display: table !important;
}
.displayCell {
  display: table-cell !important;
}
/*---------------------------------------------------------------------------------------------
 # Margin
---------------------------------------------------------------------------------------------*/
.mtbauto {
  margin: auto 0 !important;
}
.mlrauto {
  margin: 0 auto !important;
}
.mg00 {
  margin: 0 !important;
}
.mt00 {
  margin-top: 0 !important;
}
.mb00 {
  margin-bottom: 0 !important;
}
.ml00 {
  margin-left: 0 !important;
}
.mr00 {
  margin-right: 0 !important;
}
.mlr00 {
  margin-left: 0;
  margin-right: 0 !important;
}
.mtb00 {
  margin-top: 0;
  margin-bottom: 0 !important;
}
/* EM --------------------------------------- */
.mt005 {
  margin-top: 0.5em !important;
}
.mt01 {
  margin-top: 1em !important;
}
.mt02 {
  margin-top: 2em !important;
}
.mt03 {
  margin-top: 3em !important;
}
.mt05 {
  margin-top: 5em !important;
}
.mt10 {
  margin-top: 10em !important;
}
.mt15 {
  margin-top: 15em !important;
}
.mt20 {
  margin-top: 20em !important;
}
.mb005 {
  margin-bottom: 0.5em !important;
}
.mb01 {
  margin-bottom: 1em !important;
}
.mb02 {
  margin-bottom: 2em !important;
}
.mb03 {
  margin-bottom: 3em !important;
}
.mb05 {
  margin-bottom: 5em !important;
}
.mb10 {
  margin-bottom: 10em !important;
}
.mb15 {
  margin-bottom: 15em !important;
}
.mb20 {
  margin-bottom: 20em !important;
}
.ml005 {
  margin-left: 0.5em !important;
}
.ml01 {
  margin-left: 1em !important;
}
.ml02 {
  margin-left: 2em !important;
}
.ml03 {
  margin-left: 3em !important;
}
.ml05 {
  margin-left: 5em !important;
}
.ml10 {
  margin-left: 10em !important;
}
.ml15 {
  margin-left: 15em !important;
}
.ml20 {
  margin-left: 20em !important;
}
.mr005 {
  margin-right: 0.5em !important;
}
.mr01 {
  margin-right: 1em !important;
}
.mr02 {
  margin-right: 2em !important;
}
.mr03 {
  margin-right: 3em !important;
}
.mr05 {
  margin-right: 5em !important;
}
.mr10 {
  margin-right: 10em !important;
}
.mr15 {
  margin-right: 15em !important;
}
.mr20 {
  margin-right: 20em !important;
}
.mg005 {
  margin: 0.5em !important;
}
.mg01 {
  margin: 1em !important;
}
.mg02 {
  margin: 2em !important;
}
.mg03 {
  margin: 3em !important;
}
.mg05 {
  margin: 5em !important;
}
.mg10 {
  margin: 10em !important;
}
.mg15 {
  margin: 15em !important;
}
.mg20 {
  margin: 20em !important;
}
.mtb005 {
  margin-top: 0.5em;
  margin-bottom: 0.5em !important;
}
.mtb01 {
  margin-top: 1em;
  margin-bottom: 1em !important;
}
.mtb02 {
  margin-top: 2em;
  margin-bottom: 2em !important;
}
.mtb03 {
  margin-top: 3em;
  margin-bottom: 3em !important;
}
.mtb05 {
  margin-top: 5em;
  margin-bottom: 5em !important;
}
.mtb10 {
  margin-top: 10em;
  margin-bottom: 10em !important;
}
.mtb15 {
  margin-top: 15em;
  margin-bottom: 15em !important;
}
.mtb20 {
  margin-top: 20em;
  margin-bottom: 20em !important;
}
.mlr005 {
  margin-left: 0.5em;
  margin-right: 0.5em !important;
}
.mlr01 {
  margin-left: 1em;
  margin-right: 1em !important;
}
.mlr02 {
  margin-left: 2em;
  margin-right: 2em !important;
}
.mlr03 {
  margin-left: 3em;
  margin-right: 3em !important;
}
.mlr05 {
  margin-left: 5em;
  margin-right: 5em !important;
}
.mlr10 {
  margin-left: 10em;
  margin-right: 10em !important;
}
.mlr15 {
  margin-left: 15em;
  margin-right: 15em !important;
}
.mlr20 {
  margin-left: 20em;
  margin-right: 20em !important;
}
/* PX --------------------------------------- */
.mt05px {
  margin-top: 5px !important;
}
.mt10px {
  margin-top: 10px !important;
}
.mt15px {
  margin-top: 15px !important;
}
.mt20px {
  margin-top: 20px !important;
}
.mt30px {
  margin-top: 30px !important;
}
.mt40px {
  margin-top: 40px !important;
}
.mt50px {
  margin-top: 50px !important;
}
.mt80px {
  margin-top: 80px !important;
}
.mt100px {
  margin-top: 100px !important;
}
.mt120px {
  margin-top: 120px !important;
}
.mt150px {
  margin-top: 150px !important;
}
.mb05px {
  margin-bottom: 5px !important;
}
.mb10px {
  margin-bottom: 10px !important;
}
.mb15px {
  margin-bottom: 15px !important;
}
.mb20px {
  margin-bottom: 20px !important;
}
.mb30px {
  margin-bottom: 30px !important;
}
.mb40px {
  margin-bottom: 40px !important;
}
.mb50px {
  margin-bottom: 50px !important;
}
.mb80px {
  margin-bottom: 80px !important;
}
.mb100px {
  margin-bottom: 100px !important;
}
.mb120px {
  margin-bottom: 120px !important;
}
.mb150px {
  margin-bottom: 150px !important;
}
.ml05px {
  margin-left: 5px !important;
}
.ml10px {
  margin-left: 10px !important;
}
.ml15px {
  margin-left: 15px !important;
}
.ml20px {
  margin-left: 20px !important;
}
.ml30px {
  margin-left: 30px !important;
}
.ml40px {
  margin-left: 40px !important;
}
.ml50px {
  margin-left: 50px !important;
}
.ml80px {
  margin-left: 80px !important;
}
.ml100px {
  margin-left: 100px !important;
}
.ml120px {
  margin-left: 120px !important;
}
.ml150px {
  margin-left: 150px !important;
}
.mr05px {
  margin-right: 5px !important;
}
.mr10px {
  margin-right: 10px !important;
}
.mr15px {
  margin-right: 15px !important;
}
.mr20px {
  margin-right: 20px !important;
}
.mr30px {
  margin-right: 30px !important;
}
.mr40px {
  margin-right: 40px !important;
}
.mr50px {
  margin-right: 50px !important;
}
.mr80px {
  margin-right: 80px !important;
}
.mr100px {
  margin-right: 100px !important;
}
.mr120px {
  margin-right: 120px !important;
}
.mr150px {
  margin-right: 150px !important;
}
.mr200px {
  margin-right: 200px !important;
}
.mr250px {
  margin-right: 250px !important;
}
.mr300px {
  margin-right: 300px !important;
}
.mr350px {
  margin-right: 350px !important;
}
.mr400px {
  margin-right: 400px !important;
}
.mg05px {
  margin: 5px !important;
}
.mg10px {
  margin: 10px !important;
}
.mg15px {
  margin: 15px !important;
}
.mg20px {
  margin: 20px !important;
}
.mg30px {
  margin: 30px !important;
}
.mg40px {
  margin: 40px !important;
}
.mg50px {
  margin: 50px !important;
}
.mg80px {
  margin: 80px !important;
}
.mg100px {
  margin: 100px !important;
}
.mtb05px {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mtb10px {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mtb15px {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mtb20px {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mtb30px {
  margin-top: 30px !important;
  margin-bottom: 20px !important;
}
.mtb40px {
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}
.mtb50px {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mtb80px {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.mtb100px {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}
.mtb120px {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}
.mtb150px {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}
.mlr05px {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mlr10px {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mlr15px {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mlr20px {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mlr30px {
  margin-left: 30px !important;
  margin-right: 20px !important;
}
.mlr40px {
  margin-left: 40px !important;
  margin-right: 20px !important;
}
.mlr50px {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mlr80px {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.mlr100px {
  margin-left: 100px !important;
  margin-right: 100px !important;
}
.mlr120px {
  margin-left: 120px !important;
  margin-right: 120px !important;
}
.mlr150px {
  margin-left: 150px !important;
  margin-right: 150px !important;
}
/*---------------------------------------------------------------------------------------------
 # Padding
---------------------------------------------------------------------------------------------*/
.pd00 {
  padding: 0 !important;
}
.pt00 {
  padding-top: 0 !important;
}
.pb00 {
  padding-bottom: 0 !important;
}
.pl00 {
  padding-left: 0 !important;
}
.pr00 {
  padding-right: 0 !important;
}
.plr00 {
  padding-left: 0;
  padding-right: 0 !important;
}
.ptb00 {
  padding-top: 0;
  padding-bottom: 0 !important;
}
/* EM --------------------------------------- */
.pt005 {
  padding-top: 0.5em !important;
}
.pt01 {
  padding-top: 1em !important;
}
.pt02 {
  padding-top: 2em !important;
}
.pt03 {
  padding-top: 3em !important;
}
.pt05 {
  padding-top: 5em !important;
}
.pt10 {
  padding-top: 10em !important;
}
.pt15 {
  padding-top: 15em !important;
}
.pt20 {
  padding-top: 20em !important;
}
.pb005 {
  padding-bottom: 0.5em !important;
}
.pb01 {
  padding-bottom: 1em !important;
}
.pb02 {
  padding-bottom: 2em !important;
}
.pb03 {
  padding-bottom: 3em !important;
}
.pb05 {
  padding-bottom: 5em !important;
}
.pb10 {
  padding-bottom: 10em !important;
}
.pb15 {
  padding-bottom: 15em !important;
}
.pb20 {
  padding-bottom: 20em !important;
}
.pl005 {
  padding-left: 0.5em !important;
}
.pl01 {
  padding-left: 1em !important;
}
.pl02 {
  padding-left: 2em !important;
}
.pl03 {
  padding-left: 3em !important;
}
.pl05 {
  padding-left: 5em !important;
}
.pl10 {
  padding-left: 10em !important;
}
.pl15 {
  padding-left: 15em !important;
}
.pl20 {
  padding-left: 20em !important;
}
.pr005 {
  padding-right: 0.5em !important;
}
.pr01 {
  padding-right: 1em !important;
}
.pr02 {
  padding-right: 2em !important;
}
.pr03 {
  padding-right: 3em !important;
}
.pr05 {
  padding-right: 5em !important;
}
.pr10 {
  padding-right: 10em !important;
}
.pr15 {
  padding-right: 15em !important;
}
.pr20 {
  padding-right: 20em !important;
}
.pd005 {
  padding: 0.5em !important;
}
.pd01 {
  padding: 1em !important;
}
.pd02 {
  padding: 2em !important;
}
.pd03 {
  padding: 3em !important;
}
.pd05 {
  padding: 5em !important;
}
.pd10 {
  padding: 10em !important;
}
.pd15 {
  padding: 15em !important;
}
.pd20 {
  padding: 20em !important;
}
.ptb005 {
  padding-top: 0.5em;
  padding-bottom: 0.5em !important;
}
.ptb01 {
  padding-top: 1em;
  padding-bottom: 1em !important;
}
.ptb02 {
  padding-top: 2em;
  padding-bottom: 2em !important;
}
.ptb03 {
  padding-top: 3em;
  padding-bottom: 3em !important;
}
.ptb05 {
  padding-top: 5em;
  padding-bottom: 5em !important;
}
.ptb10 {
  padding-top: 10em;
  padding-bottom: 10em !important;
}
.ptb15 {
  padding-top: 15em;
  padding-bottom: 15em !important;
}
.ptb20 {
  padding-top: 20em;
  padding-bottom: 20em !important;
}
.plr005 {
  padding-left: 0.5em;
  padding-right: 0.5em !important;
}
.plr01 {
  padding-left: 1em;
  padding-right: 1em !important;
}
.plr02 {
  padding-left: 2em;
  padding-right: 2em !important;
}
.plr03 {
  padding-left: 3em;
  padding-right: 3em !important;
}
.plr05 {
  padding-left: 5em;
  padding-right: 5em !important;
}
.plr10 {
  padding-left: 10em;
  padding-right: 10em !important;
}
.plr15 {
  padding-left: 15em;
  padding-right: 15em !important;
}
.plr20 {
  padding-left: 20em;
  padding-right: 20em !important;
}
/* PX --------------------------------------- */
.pt05px {
  padding-top: 5px !important;
}
.pt10px {
  padding-top: 10px !important;
}
.pt15px {
  padding-top: 15px !important;
}
.pt20px {
  padding-top: 20px !important;
}
.pt30px {
  padding-top: 30px !important;
}
.pt40px {
  padding-top: 40px !important;
}
.pt50px {
  padding-top: 50px !important;
}
.pt80px {
  padding-top: 80px !important;
}
.pt100px {
  padding-top: 100px !important;
}
.pt120px {
  padding-top: 120px !important;
}
.pt150px {
  padding-top: 150px !important;
}
.pb05px {
  padding-bottom: 5px !important;
}
.pb10px {
  padding-bottom: 10px !important;
}
.pb15px {
  padding-bottom: 15px !important;
}
.pb20px {
  padding-bottom: 20px !important;
}
.pb30px {
  padding-bottom: 30px !important;
}
.pb40px {
  padding-bottom: 40px !important;
}
.pb50px {
  padding-bottom: 50px !important;
}
.pb80px {
  padding-bottom: 80px !important;
}
.pb100px {
  padding-bottom: 100px !important;
}
.pb120px {
  padding-bottom: 120px !important;
}
.pb150px {
  padding-bottom: 150px !important;
}
.pl05px {
  padding-left: 5px !important;
}
.pl10px {
  padding-left: 10px !important;
}
.pl15px {
  padding-left: 15px !important;
}
.pl20px {
  padding-left: 20px !important;
}
.pl30px {
  padding-left: 30px !important;
}
.pl40px {
  padding-left: 40px !important;
}
.pl50px {
  padding-left: 50px !important;
}
.pl80px {
  padding-left: 80px !important;
}
.pl100px {
  padding-left: 100px !important;
}
.pl120px {
  padding-left: 120px !important;
}
.pl150px {
  padding-left: 150px !important;
}
.pr05px {
  padding-right: 5px !important;
}
.pr10px {
  padding-right: 10px !important;
}
.pr15px {
  padding-right: 15px !important;
}
.pr20px {
  padding-right: 20px !important;
}
.pr30px {
  padding-right: 30px !important;
}
.pr40px {
  padding-right: 40px !important;
}
.pr50px {
  padding-right: 50px !important;
}
.pr80px {
  padding-right: 80px !important;
}
.pr100px {
  padding-right: 100px !important;
}
.pr120px {
  padding-right: 120px !important;
}
.pr150px {
  padding-right: 150px !important;
}
.pd05px {
  padding: 5px !important;
}
.pd10px {
  padding: 10px !important;
}
.pd15px {
  padding: 15px !important;
}
.pd20px {
  padding: 20px !important;
}
.pd30px {
  padding: 30px !important;
}
.pd40px {
  padding: 40px !important;
}
.pd50px {
  padding: 50px !important;
}
.pd80px {
  padding: 80px !important;
}
.pd100px {
  padding: 100px !important;
}
.ptb05px {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.ptb10px {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.ptb15px {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.ptb20px {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.ptb30px {
  padding-top: 30px !important;
  padding-bottom: 20px !important;
}
.ptb40px {
  padding-top: 40px !important;
  padding-bottom: 20px !important;
}
.ptb50px {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.ptb80px {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.ptb100px {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.ptb120px {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.ptb150px {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}
.plr05px {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.plr10px {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.plr15px {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.plr20px {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.plr30px {
  padding-left: 30px !important;
  padding-right: 20px !important;
}
.plr40px {
  padding-left: 40px !important;
  padding-right: 20px !important;
}
.plr50px {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.plr80px {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.plr100px {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.plr120px {
  padding-left: 120px !important;
  padding-right: 120px !important;
}
.plr150px {
  padding-left: 150px !important;
  padding-right: 150px !important;
}
/*---------------------------------------------------------------------------------------------
 # Animation
---------------------------------------------------------------------------------------------*/
/* fade --------------------------------------- */
.fadeColor {
  transition: color 0.3s ease 0s;
}
.fadeColor:hover {
  color: #a0a0a0;
}
.fadeBorder {
  border: 1px solid #cccccc;
  transition: border 0.3s ease 0s;
}
.fadeBorder:hover {
  border: 1px solid #41AEE8;
}
.fadeBG:hover {
  background: #a0a0a0;
  transition: background 1s ease 0.5s;
}
/* Detail --------------------------------------- */
.detailBottom,
.detailRotate,
.detailSlide {
  position: relative;
  width: 390px;
  height: 390px;
  overflow: hidden;
}
.detailBottom .detailIn,
.detailRotate .detailIn,
.detailRotate .detailIn {
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 100%;
  height: 100%;
  word-break: break-all;
}
/* Detail Bottom --------------------------------------- */
.detailBottom .detailIn {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
}
.detailBottom:hover .detailIn {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* Detail Rotate --------------------------------------- */
.detailRotate {
  perspective: 15000px;
  -webkit-perspective: 15000px;
}
.detailRotate .detailImg,
.detailRotate .detailIn {
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.detailRotate .detailIn {
  background: #000000;
  transform: rotateX(-180deg);
  -webkit-transform: rotateX(-180deg);
}
.detailRotate:hover .detailImg {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}
.detailRotate:hover .detailIn {
  transform: rotateX(0);
  -webkit-transform: rotateX(0);
}
/* Detail Slide --------------------------------------- */
.detailSlide .detailIn {
  background-color: transparent;
}
.detailSlide .detailItem {
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  color: #fff;
}
.detailSlide:hover .detailItem {
  opacity: 1;
  transition-delay: 0.3s;
}
.detailSlide .detailIn::before,
.detailSlide .detailIn::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: opacity 0.6s, transform 0.6s;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
}
.detailSlide:hover .detailIn::before,
.detailSlide:hover .detailIn::after {
  opacity: 0.3;
  transition-duration: 0.3s;
}
.detailSlide .detailIn::before {
  transform: translateX(-200%) skew(-45deg);
  -webkit-transform: translateX(-200%) skew(-45deg);
}
.detailSlide .detailIn::after {
  transform: translateX(300%) skew(-45deg);
  -webkit-transform: translateX(300%) skew(-45deg);
}
.detailSlide:hover .detailIn::before {
  transform: translateX(0) skew(0);
  -webkit-transform: translateX(0) skew(0);
}
.detailSlide:hover .detailIn::after {
  transform: translateX(100%) skew(0);
  -webkit-transform: translateX(100%) skew(0);
}
/* 縦書きレイアウト用スタイルシート tate-style.css   
    last updated : Mar 27 , 2013 tyz@freefielder.jp
    http://freefielder.jp http://tategaki.info/
*/
.tate-area {
  float: right;
  font-size: 12px;
}
.tate-area a {
  color: #119;
  text-decoration: none;
}
.tate-line {
  float: right;
  width: 1.05em;
  line-height: 1.05em;
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding-bottom: 0.2em;
  word-wrap: break-word;
  direction: ltr;
}
.tate-line font,
strong,
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.05em;
}
.tate-line span.tate-kuto {
  display: block;
  width: 0.4em;
  line-height: 0.1em !Important;
  margin-bottom: 0.9em;
  margin-left: 0.6em !Important;
}
.tate-line span.tate-cho {
  display: block;
  -moz-transform: matrix(0, 1, 1, 0, 0, 0);
  -webkit-transform: matrix(0, 1, 1, 0, 0, 0);
  -o-transform: matrix(0, 1, 1, 0, 0, 0);
  transform: matrix(0, 1, 1, 0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1);
}
.tate-line span.tate-komoji {
  display: block;
  line-height: 0.75em !Important;
  margin-bottom: 0.3em;
  margin-left: 0.11em !Important;
}
.tate-line span.tate-kakko {
  display: block;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
div.tate-separator {
  clear: both;
  height: 2em;
}
/* フォントサイズ変更時のフォント位置アジャスト用 */
.tate-line .font08 {
  font-size: 8pt;
}
.tate-line .font10 {
  font-size: 10pt;
}
.tate-line .font12 {
  font-size: 12pt;
}
.tate-line .font14 {
  font-size: 14pt;
}
.tate-line .font18 {
  font-size: 18pt;
}
.tate-line .font24 {
  font-size: 24pt;
}
.tate-line h1 {
  font-size: 24pt;
  font-weight: bold;
}
.tate-line h2 {
  font-size: 18pt;
  font-weight: bold;
}
.tate-line h3 {
  font-size: 14pt;
  font-weight: bold;
}
.tate-line h4 {
  font-size: 12pt;
  font-weight: bold;
}
.tate-line .font08,
.tate-line .font10,
.tate-line .font12,
.tate-line .font14,
.tate-line .font18,
.tate-line .font24,
.tate-line h1,
.tate-line h2,
.tate-line h3,
.tate-line h4,
.tate-line font {
  display: block;
  position: relative;
  left: 50%;
  width: 1em;
  line-height: 1.05em;
  margin-left: -0.5em;
}
/*---------------------------------------------------------------------------------------------
 * theme.css
 *
 * Create by Saki Onogi
 * gracedws.com
---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------
 # Mixins
---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------
 # Variables
---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------
 # Images
---------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------
 # Bace
---------------------------------------------------------------------------------------------*/
#contentWrap {
  width: 960px;
  height: 600px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: #ffffff url('../img/bg-line.gif') no-repeat center 435px;
}
.gly {
  color: #a0a0a0 !important;
}
.black {
  color: #333333 !important;
}
.disable {
  cursor: default;
}
/*---------------------------------------------------------------------------------------------
 # Items
---------------------------------------------------------------------------------------------*/
.itemImg {
  background: #ffffff url('../img/items.png') no-repeat left top;
}
.leftArrow {
  background: #ffffff url('../img/items.png') no-repeat left top;
  width: 20px;
  height: 20px;
  background-position: 0 0;
}
.rightArrow {
  background: #ffffff url('../img/items.png') no-repeat left top;
  width: 20px;
  height: 20px;
  background-position: 0 0;
  background-position: 20px 0;
}
/*---------------------------------------------------------------------------------------------
 # Header
---------------------------------------------------------------------------------------------*/
header {
  color: #a0a0a0 !important;
  float: left;
  width: 240px;
  height: 100%;
  position: relative;
  background: url('../img/left-navi.gif') no-repeat 70px 230px;
}
header h1 {
  text-indent: -9999px;
  background: url('../img/logo.gif') no-repeat;
  width: 160px;
  margin: 30px auto 30px;
}
header h1 a {
  display: block;
  width: 100%;
  height: 100%;
}
header h1:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
header.nobg {
  background-image: none!important;
}
header #gNav {
  margin: 30px 20px 0;
  height: 145px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  direction: ltr;
}
header #gNav .tate-area {
  position: absolute;
  left: 10px;
  padding: 0;
}
header #gNav ul li {
  padding: 0 10px;
  margin: 0 8px;
  width: 10px;
  height: 120px;
}
header #gNav a {
  color: #a0a0a0 !important;
  display: block;
  width: 100%;
  height: 100%;
}
header #gNav #otetsudai.active {
  background: #ffffff url('../img/items.png') no-repeat left top;
  background-position: 6px 0;
  text-indent: -9999px;
}
header #gNav #otetsudai.active:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
header #gNav #recipe.active {
  background: #ffffff url('../img/items.png') no-repeat left top;
  background-position: 6px 0;
  text-indent: -9999px;
  background-position: -42px 0;
}
header #gNav #recipe.active:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
header #gNav #ynokoto.active {
  background: #ffffff url('../img/items.png') no-repeat left top;
  background-position: 6px 0;
  text-indent: -9999px;
  background-position: -20px 0;
}
header #gNav #ynokoto.active:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
header #gNav #hibi.active {
  background: #ffffff url('../img/items.png') no-repeat left top;
  background-position: 6px 0;
  text-indent: -9999px;
  background-position: -70px 0;
}
header #gNav #hibi.active:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}
header #lNav {
  position: absolute;
  bottom: 180px;
  font-size: 14px;
  width: 270px;
}
header #lNav li {
  display: inline-block;
  padding: 0 8px;
}
header #lNav a {
  color: #a0a0a0;
}
header #lNav .innerItem {
  font-size: 9px;
}
header #lNav .innerItem li,
header #lNav .innerItem a {
  display: block;
}
header #lNav .item .disable {
  color: #ddd !important;
}
header #lNav .parent,
header #lNav .innerItem {
  position: absolute;
}
header #lNav .parent {
  width: 15px;
}
header #lNav #mono .parent {
  bottom: -10px;
  left: 170px;
}
header #lNav #mono .innerItem {
  bottom: 30px;
  left: 120px;
}
header #lNav #ouchi .parent {
  left: 130px;
  bottom: 0px;
}
header #lNav #ouchi .innerItem {
  bottom: 50px;
  left: 78px;
  text-align: right;
}
header #lNav #omise .parent {
  left: 93px;
  bottom: 10px;
}
header #lNav #omise .innerItem {
  bottom: 60px;
  left: 35px;
  text-align: right;
}
header #lNav #koto .parent {
  left: 52px;
  bottom: 15px;
}
header #lNav #koto .innerItem {
  bottom: 50px;
  left: -32px;
  text-align: right;
}
header #lNav #year {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
header #lNav #year .innerItem {
  bottom: 10px;
  left: -32px;
}
header #lNav #year .innerItem .dec {
  text-indent: -6px;
}
header #lNav #year .innerItem .nov {
  text-indent: -22px;
}
header #lNav #year .innerItem .oct {
  text-indent: -28px;
}
header #lNav #year .innerItem .sept {
  text-indent: -3px;
}
header #lNav #year .innerItem .aug {
  text-indent: -24px;
}
header #lNav #year .innerItem .july {
  text-indent: -17px;
}
header #lNav #year .innerItem .jun {
  text-indent: -11px;
}
header #lNav #year .innerItem .may {
  text-indent: -13px;
}
header #lNav #year .innerItem .apr {
  text-indent: -8px;
}
header #lNav #year .innerItem .mar {
  text-indent: -3px;
}
header #lNav #year .innerItem .feb {
  text-indent: -15px;
}
header #lNav #year .innerItem .jan {
  text-indent: 0px;
}
header #lNav #year .innerItem .item a {
  width: 30px;
}
header #lNav #year .innerItem .disable {
  display: none;
}
header #lNav .active a {
  color: #333333;
}
header .social {
  height: 22px;
  position: absolute;
  bottom: 0;
  left: -4px;
}
header .social li {
  display: inline-block;
  float: left;
  line-height: 1.2;
}
header .social li a {
  padding: 4px 12px;
}
header .fb a:hover {
  color: #3b5998 !important;
}
/*---------------------------------------------------------------------------------------------
# Contents
---------------------------------------------------------------------------------------------*/
#mainContents {
  float: right;
  width: 720px;
  height: 100%;
  position: relative;
}
#imgArea {
  width: 420px;
  height: 400px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  display: table;
}
#imgArea > * {
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/*---------------------------------------------------------------------------------------------
 # Otetsudai,Ynokoto,Recipe
---------------------------------------------------------------------------------------------*/
.illustKi {
  position: absolute;
  bottom: 160px;
  left: 36px;
}
.illustUsagi {
  position: absolute;
  bottom: 300px;
  left: 86px;
}
.indent {
  text-indent: -9999px;
}
.tate {
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
#recipe {
  background: url('../../recipe/img/bg-recipe.jpg') no-repeat;
}
#recipe #imgArea .by {
  width: 100px !important;
  left: 490px !important;
}
#ynokoto {
  background: url('../../ynokoto/img/ynokoto_moji.jpg') no-repeat;
}
#ynokoto #imgArea {
  width: 100%;
  display: block;
  position: relative;
}
#ynokoto #imgArea img {
  display: inline-block;
  top: 340px;
}
#ynokoto #imgArea .mikan {
  top: 380px;
  left: 225px;
}
#ynokoto #imgArea .mago {
  z-index: 10;
  left: 10px;
}
#ynokoto #imgArea .neko {
  z-index: 10;
  left: 370px;
}
#ynokoto table.history th,
#ynokoto table.history td {
  width: 20px !important;
}
#ynokoto table.history td p {
  margin: 0 4px;
  word-break: break-all;
  height: 180px;
  line-height: 1.3;
}
#ynokoto table.history td p span {
  padding-top: 2px;
}
#ynokoto table.history,
#ynokoto table.history x:-moz-any-link {
  display: none;
}
#ynokoto table.historyFF {
  display: none;
}
#ynokoto table.historyFF,
#ynokoto x:-moz-any-link {
  display: block;
}
#ynokoto table.historyFF p,
#ynokoto x:-moz-any-link p {
  margin: 4px 0;
}
#otetsudai #imgArea .by,
#ynokoto #imgArea .by,
#recipe #imgArea .by {
  position: absolute;
  top: 410px;
  left: 530px;
  width: 200px;
  height: 20px;
  margin: 0;
  color: #a0a0a0;
  font-size: 9px;
}
#otetsudai #textArea,
#ynokoto #textArea,
#recipe #textArea {
  width: auto;
  height: 200px;
  padding: 0;
  font-size: 8px;
  position: relative;
  margin-top: 50px;
  overflow-x: scroll;
  overflow-y: fixed;
}
#otetsudai #textArea,
#ynokoto #textArea,
#recipe #textArea,
#otetsudai #textArea x:-moz-any-link,
#ynokoto #textArea x:-moz-any-link,
#recipe #textArea x:-moz-any-link {
  margin-top: 40px;
  overflow-x: fixed !important;
  overflow-y: scroll !important;
  height: 160px;
}
#otetsudai #textArea #mainText,
#ynokoto #textArea #mainText,
#recipe #textArea #mainText {
  margin: 0;
  height: 200px;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
#otetsudai #textArea #mainText p,
#ynokoto #textArea #mainText p,
#recipe #textArea #mainText p {
  font-size: 1.2em;
}
#otetsudai #textArea #mainText,
#ynokoto #textArea #mainText,
#recipe #textArea #mainText,
#otetsudai #textArea x:-moz-any-link,
#ynokoto #textArea x:-moz-any-link,
#recipe #textArea x:-moz-any-link {
  margin: 0 10px 0 0;
}
#otetsudai #textArea #address,
#ynokoto #textArea #address,
#recipe #textArea #address {
  width: 130px;
  font-size: 8px;
  margin: 0 0 0 20px;
}
#otetsudai #textArea #address,
#ynokoto #textArea #address,
#recipe #textArea #address,
#otetsudai #textArea x:-moz-any-link,
#ynokoto #textArea x:-moz-any-link,
#recipe #textArea x:-moz-any-link {
  margin-top: 8px;
}
#otetsudai #textArea #picture,
#ynokoto #textArea #picture,
#recipe #textArea #picture {
  width: 130px;
  text-align: center;
  margin: 20px 0 0 20px;
}
#otetsudai #textArea #picture,
#ynokoto #textArea #picture,
#recipe #textArea #picture,
#otetsudai #textArea x:-moz-any-link,
#ynokoto #textArea x:-moz-any-link,
#recipe #textArea x:-moz-any-link {
  margin-top: 8px;
}
#otetsudai #textArea .mainStuff ul,
#ynokoto #textArea .mainStuff ul,
#recipe #textArea .mainStuff ul {
  padding: 0 0 0 10px;
  margin: 0;
  height: 200px;
}
#otetsudai #textArea .mainStuff li,
#ynokoto #textArea .mainStuff li,
#recipe #textArea .mainStuff li {
  line-height: 16px;
  display: inline-block;
  float: right;
  writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
}
#otetsudai #textArea .mainStuff li a,
#ynokoto #textArea .mainStuff li a,
#recipe #textArea .mainStuff li a {
  display: inline-block;
}
#otetsudai #textArea .mainStuff ul,
#ynokoto #textArea .mainStuff ul,
#recipe #textArea .mainStuff ul,
#otetsudai #textArea .mainStuff x:-moz-any-link,
#ynokoto #textArea .mainStuff x:-moz-any-link,
#recipe #textArea .mainStuff x:-moz-any-link {
  margin-top: 5px;
}
#otetsudai #textArea .mainStuff li,
#ynokoto #textArea .mainStuff li,
#recipe #textArea .mainStuff li,
#otetsudai #textArea .mainStuff x:-moz-any-link,
#ynokoto #textArea .mainStuff x:-moz-any-link,
#recipe #textArea .mainStuff x:-moz-any-link {
  width: 100%;
}
#otetsudai #textArea .mainStuff.right,
#ynokoto #textArea .mainStuff.right,
#recipe #textArea .mainStuff.right {
  right: 0 ;
}
#otetsudai #textArea .mainStuff.right ul,
#ynokoto #textArea .mainStuff.right ul,
#recipe #textArea .mainStuff.right ul {
  padding: 0;
}
#otetsudai .listBlock,
#ynokoto .listBlock,
#recipe .listBlock {
  overflow: auto  !important;
  /**/
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #otetsudai .listBlock,
  #ynokoto .listBlock,
  #recipe .listBlock {
    width: 200% ;
  }
}
#otetsudai .listBlock .listItem,
#ynokoto .listBlock .listItem,
#recipe .listBlock .listItem {
  display: inline-block;
  float: right;
}
/*---------------------------------------------------------------------------------------------
 # Footer
---------------------------------------------------------------------------------------------*/
footer {
  width: 720px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: -50px;
}
footer .copy {
  color: #a0a0a0 !important;
  text-align: right;
  padding: 0 40px 0 0;
  font-size: 8px;
}
#addressInfo {
  position: absolute;
  bottom: -80px;
  right: 0;
  font-size: 0.7em;
}
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  footer {
    bottom: -100px;
  }
}