@import "/css/reset.css";
/* {
sw 材料用Less do it-----------------------------------------------

*/
/* 定義部分----------------------------------------------- */
.palt {
  font-feature-settings: "palt" 1;
}
.palt-not {
  font-feature-settings: "palt" 0 !important;
}
a {
  text-decoration: none;
}
a:link {
  color: #003194;
}
ul#nav a:link {
  color: #e5d941;
}
a:visited {
  color: #4f5c8d;
}
ul#nav a:visited {
  color: #e5d941;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}
/* sw モジュール作成用クラス ------------------------*/
/* 定義部分----------------------------------------------- */
/*breadcrumb*/
#breadcrumb {
  clear: both;
  padding: 0 0 0 25px;
  min-height: 20px;
  background: url(/img-new/bc.png) no-repeat 0 0;
  font-size: 12px;
  line-height: 1.5em;
}
#breadcrumb p {
  margin: 0;
  padding: 0;
}
#breadcrumb a {
  text-decoration: none;
}
#breadcrumb a:hover,
#breadcrumb a:focus {
  text-decoration: underline;
}
/* hover Opacity */
.opace70 {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.gothic {
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.uline {
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffff88 0%);
}
.uline2 {
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffe1f3 0%);
}
.underShadow {
  position: relative;
  z-index: 0;
}
.underShadow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  right: 15px;
  z-index: -1;
  content: '';
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
  border-radius: 4.66666667px;
}
.photoFrame {
  box-shadow: 0 0 5px #ccccdc;
  border: 5px solid #fff;
}
.flexibleBox {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  /* 縦方向中央揃え（Safari用） */
  align-items: center;
  /* 縦方向中央揃え */
  -webkit-justify-content: center;
  /* 横方向中央揃え（Safari用） */
  justify-content: center;
  /* 横方向中央揃え */
}
.pinkPressText {
  color: transparent;
  background-color: #79154b;
  text-shadow: rgba(255, 255, 255, 0.2) 0 5px 6px, rgba(255, 52, 203, 0.2) 1px 3px 3px;
  -webkit-background-clip: text;
}
.waPressText {
  color: transparent;
  background-color: #236b79;
  text-shadow: rgba(188, 255, 250, 0.2) 0 5px 6px, rgba(109, 216, 255, 0.2) 1px 3px 3px;
  -webkit-background-clip: text;
}
.frkm {
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #FFFFFF 0%, #FBFBFB 50%, #F8F8F8 95%, #F5F5F5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(50%, #FBFBFB), color-stop(95%, #F8F8F8), color-stop(100%, #F5F5F5));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #FBFBFB 50%, #F8F8F8 95%, #F5F5F5 100%);
  background: linear-gradient(to bottom, #FFFFFF 0%, #FBFBFB 50%, #F8F8F8 95%, #F5F5F5 100%);
  border: 1px solid #C00;
  color: #C00;
  text-align: center;
  margin: 15px auto;
  padding: 5px;
  line-height: 1.5em;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.queryTransitionSW1 {
  /*コンパイル後*/
  -webkit-transition: width 0.51s ease-out;
  -webkit-transition-delay: 0.01s;
  -moz-transition: width 0.51s ease-out 0.01s;
  -o-transition: width 0.51s ease-out 0.01s;
  transition: width 0.51s ease-out 0.01s;
}
@media only screen and (max-width: 799px) {
  #wpbody-content #dashboard-widgets .postbox-container {
    /*コンパイル後*/
    -webkit-transition: width 0.51s ease-out;
    -webkit-transition-delay: 0.01s;
    -moz-transition: width 0.51s ease-out 0.01s;
    -o-transition: width 0.51s ease-out 0.01s;
    transition: width 0.51s ease-out 0.01s;
  }
}
.no-script {
  padding: 0.1em 0.5em;
  border: 2px solid #C00000;
  color: #C00000;
  text-align: center;
}
.clear hr {
  display: none;
}
hr {
  clear: both;
  border: none;
  height: 1px;
  border-top: 1px solid #E7E7E7;
  margin: 1em auto;
}
hr.dot {
  border-top: 1px dotted #bababa;
}
hr.b {
  border-top: 1px solid #8F0018;
}
/* ------------------------------------------------------------
  box-sizing
------------------------------------------------------------ */
.borderbox {
  -webkit-box-sizing: border-box;
  /* Safari,Google Chrome用 */
  -moz-box-sizing: border-box;
  /* Firefox用 */
  box-sizing: border-box;
  /* Opera用 */
}
.textShadow {
  text-shadow: 1px 1px 5px #b1b1b1;
}
.dropShadow {
  -moz-box-shadow: 2px 2px 5px #b1b1b1;
  -webkit-text-shadow: 2px 2px 5px #b1b1b1;
  text-shadow: 2px 2px 5px #b1b1b1;
}
.boxShadow {
  -moz-box-shadow: 2px 2px 7px #5a5a5a;
  -webkit-box-shadow: 2px 2px 7px #5a5a5a;
  box-shadow: 2px 2px 7px #5a5a5a;
}
.imgBoxShadow {
  -moz-box-shadow: 0 0 3px #b7b09d;
  -webkit-box-shadow: 0 0 3px #b7b09d;
  box-shadow: 0 0 3px #b7b09d;
}
* {
  -webkit-box-sizing: border-box;
  /* Safari,Google Chrome用 */
  -moz-box-sizing: border-box;
  /* Firefox用 */
  box-sizing: border-box;
  /* Opera用 */
}
/* android fix */
.imgW100 {
  width: 100%;
  height: auto;
}
.imgW100 img {
  width: 100%;
  height: auto;
}
.a_fl_R {
  float: right;
}
.a_fl_L {
  float: left;
}
.a_Tcenter {
  text-align: center;
}
.a_TRight {
  text-align: right;
}
.a_TLeft {
  text-align: left;
}
.a_hidden {
  display: none;
}
.a_hidden2 {
  text-indent: -9696px;
  display: block;
}
.a_visi-hidden {
  visibility: hidden;
}
.a_opace0 {
  opacity: 0;
}
.a_prelative {
  position: relative;
}
.a_mar00auto {
  margin: 0px auto;
}
.a_disp_none {
  display: none;
}
.a_disp_ILB {
  display: inline-block;
}
/*ブロック要素にリンク追加*/
.linkbox,
.linkbox2 {
  cursor: pointer;
}
.aa_baselink {
  display: none;
}
/* ------------------------------------------------------------
  Clearfix
------------------------------------------------------------ */
/* new clearfix */
.clf:before,
.clearfix:before,
.clf:after,
.clearfix:after {
  content: "";
  display: table;
}
.clf:after,
.clearfix:after {
  clear: both;
}
/* For IE 6/7 (hasL) */
/* DW clearfix表示 */
/**/
/* ------------------------------------------------------------
    99. Clearfix
------------------------------------------------------------ */
/*-----------------------------------------------------------
 http://webtech-walker.com/archive/2008/05/16032443.html
 基本となる文字サイズを｢13px｣とする。
 ------------------------------------------------------------*/
.ft09 {
  font-size: 79%;
}
.ft10 {
  font-size: 87%;
}
.ft11 {
  font-size: 95%;
}
.ft12 {
  font-size: 103%;
}
.ft13 {
  font-size: 110%;
}
.ft14 {
  font-size: 118%;
}
.ft15 {
  font-size: 126%;
}
.ft16 {
  font-size: 133.1%;
}
.ft17 {
  font-size: 141%;
}
.ft18 {
  font-size: 148.5%;
}
.ft19 {
  font-size: 156.5%;
}
.ft20 {
  font-size: 163.9%;
}
.ft21 {
  font-size: 171.6%;
}
.ft22 {
  font-size: 177%;
}
.ft23 {
  font-size: 184%;
}
.ft24 {
  font-size: 192%;
}
.ft25 {
  font-size: 199%;
}
.ft26 {
  font-size: 207%;
}
.ft27 {
  font-size: 215%;
}
.ft28 {
  font-size: 224%;
}
.ft29 {
  font-size: 232%;
}
.ft30 {
  font-size: 240%;
}
/* padding系-----------------------*/
.b_LH1 {
  line-height: 1.1em;
}
.b_LH2 {
  line-height: 1.3em;
}
.b_LH3 {
  line-height: 1.8em;
}
.b_LH4 {
  line-height: 2.1em;
}
.b_pad20 {
  padding: 20px;
}
.b_pad15 {
  padding: 15px;
}
.b_pad10 {
  padding: 10px;
}
.b_pad5 {
  padding: 5px;
}
.b_padB5 {
  padding: 0px 0px 5px 0px;
}
.b_padT5 {
  padding-top: 5px;
}
.b_padB10 {
  padding: 0px 0px 10px 0px;
}
.b_padB20 {
  padding: 0px 0px 20px 0px;
}
.b_padLT5 {
  padding: 5px 0px 0px 5px;
}
.b_padT0 {
  padding-top: 0 !important;
}
.b_padT10 {
  padding-top: 10px !important;
}
.b_padT20 {
  padding-top: 20px !important;
}
.b_padTB5 {
  padding: 5px 0px;
}
.b_padTB10 {
  padding: 10px 0px 10px 0px !important;
}
.b_padTB20 {
  padding: 20px 0px 20px 0px !important;
}
.b_padTB50 {
  padding: 50px 0px 50px 0px !important;
}
.b_padTB30 {
  padding: 30px 0px 30px 0px !important;
}
.b_padL20 {
  padding: 0px 0px 0px 20px;
}
.b_padR5 {
  padding-right: 5px;
}
.b_padL5 {
  padding-left: 5px;
}
.b_padL10 {
  padding-left: 10px !important;
}
.b_padL30 {
  padding-left: 30px;
}
.b_padL50 {
  padding-left: 50px;
}
.b_padLR5 {
  padding-right: 5px;
  padding-left: 5px;
}
.b_padLR10 {
  padding-right: 10px;
  padding-left: 10px;
}
.b_padLR15 {
  padding-right: 15px;
  padding-left: 15px;
}
.b_padLR30 {
  padding-right: 30px;
  padding-left: 30px;
}
.b_mar5 {
  margin: 5px;
}
.b_marLR15 {
  margin: 0px 15px 0px 15px;
}
.b_marB0 {
  margin-bottom: 0 !important;
}
.b_marT0 {
  margin-top: 0 !important;
}
.b_marTB3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.b_marT5 {
  margin-top: 5px;
}
.b_marB15 {
  margin-bottom: 15px;
}
/*text colour*/
.px_fff {
  color: #fff !important;
  text-shadow: 1px 1px 1px #666;
}
.px_fff_shadcha {
  color: #fff !important;
  text-shadow: 1px 1px 1px #766142;
}
.px_uspink {
  color: #906 !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_ao {
  color: #388ED4 !important;
  font-weight: bold;
  /*text-shadow: 1px 1px 1px #ccc;*/
}
.px_aomid {
  color: #099 !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_mizu {
  color: #00880a !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_midr {
  color: #394b96 !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_wa {
  color: #343a59 !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_000 {
  color: #000 !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_666 {
  color: #666 !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_org {
  color: #E53826 !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_aka {
  color: #c00 !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_pink {
  color: #c50045 !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_cha {
  color: #630 !important;
  text-shadow: 1px 1px 1px #e7e7e7;
}
.px_cha2 {
  color: #9c8010 !important;
  text-shadow: 1px 1px 1px #e7e7e7;
}
.px_bold {
  font-weight: bold !important;
}
.px_pink2 {
  color: #e36bc4 !important;
  text-shadow: 1px 1px 1px #fff;
}
.px_ki {
  color: #f9ce3d !important;
  text-shadow: 1px 1px 1px #7a0017;
}
.furueru {
  animation: rumble 0.25s linear infinite;
}
@keyframes rumble {
  0% {
    transform: rotate(0deg) translate(0, 0);
  }
  12.5% {
    transform: rotate(0.4deg) translate(1px, -1px);
  }
  25% {
    transform: rotate(0.8deg) translate(0px, 1px);
  }
  37.5% {
    transform: rotate(0.4deg) translate(-1px, 0);
  }
  50% {
    transform: rotate(0deg) translate(0, 0);
  }
  62.5% {
    transform: rotate(-0.4deg) translate(1px, 0);
  }
  75% {
    transform: rotate(-0.8deg) translate(0, 1px);
  }
  87.5% {
    transform: rotate(-0.4deg) translate(-1px, -1px);
  }
  100% {
    transform: rotate(0deg) translate(0, 0);
  }
}
.scale-blur {
  -moz-transition: -moz-transform 0.1s linear;
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: scale(0.91);
  -moz-transform: scale(0.91);
  transform: scale(0.91);
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]:after {
  content: attr(data-tooltip);
  position: absolute;
  display: block;
  left: 0px;
  padding: 4px 7px;
  background-color: #8F0018;
  border-radius: 4px;
  color: #eee;
  white-space: nowrap;
  z-index: 9999;
  transition: 222ms;
  opacity: 0;
  bottom: 0em;
}
[data-tooltip]:hover:after {
  transition-delay: 222ms;
  opacity: 1;
  bottom: -1em;
}
.ie8 [data-tooltip]:after,
.ie8 [data-tooltip]:hover:after {
  visibility: hidden;
}
.prelude {
  background-image: -webkit-radial-gradient(51% 96%, #E7E9E4 10%, #D4D6D1 96%);
  background-image: radial-gradient(51% 96%, #E7E9E4 10%, #D4D6D1 96%);
}
.flamingo {
  background-image: -webkit-radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), -webkit-radial-gradient(91% 146%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 100%);
  background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 100%);
  background-blend-mode: screen;
}
.unicorn {
  background: -webkit-linear-gradient(top, #E1E6EC 0%, #F0F4F7 100%), -webkit-linear-gradient(top, #E1E6EC 0%, #F0F4F7 100%);
  background: linear-gradient(to bottom, #E1E6EC 0%, #F0F4F7 100%), linear-gradient(to bottom, #E1E6EC 0%, #F0F4F7 100%);
  background-blend-mode: normal, color-burn;
}
.milkyWay {
  background-image: -webkit-linear-gradient(bottom, #F4F4F4 0%, #DFDEDC 100%);
  background-image: linear-gradient(to top, #F4F4F4 0%, #DFDEDC 100%);
}
.backToAlaska {
  background: -webkit-radial-gradient(55% 330%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 550%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.6) 50%), -webkit-linear-gradient(bottom left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 120%);
  background: radial-gradient(55% 330%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 550%), linear-gradient(to top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.6) 50%), linear-gradient(to top right, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 120%);
  background-color: #DFE3E4;
  background-blend-mode: color-burn, screen, color-burn;
}
.youngForest {
  background: -webkit-linear-gradient(top right, #E2E8E6 0%, #CDD3CD 100%), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%);
  background: linear-gradient(to bottom left, #E2E8E6 0%, #CDD3CD 100%), linear-gradient(to left, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0.12) 100%);
  background-blend-mode: screen;
}
.ice {
  background-color: #CDDCDC;
  background-image: -webkit-radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
  background-image: radial-gradient(at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
  background-blend-mode: screen, overlay;
}
.mainGrad1ERH {
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(33%, #FBFBFB), color-stop(77%, #F5F5F5), color-stop(100%, #e7e7e7));
  background: -webkit-linear-gradient(top, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
}
.mainGrad2ERH {
  background: #fff;
  background: -moz-linear-gradient(top, #e9e9e9 0%, #fff 23%, #F8F8F8 95%, #e9e9e9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(23%, #fff), color-stop(95%, #F8F8F8), color-stop(100%, #e9e9e9));
  background: -webkit-linear-gradient(top, #e9e9e9 0%, #fff 23%, #F8F8F8 95%, #e9e9e9 100%);
  background: linear-gradient(to bottom, #e9e9e9 0%, #fff 23%, #F8F8F8 95%, #e9e9e9 100%);
}
.mainGradERH {
  background: #8f0018;
  background: -moz-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7001d), color-stop(50%, #8f0018), color-stop(66%, #a7001d), color-stop(100%, #8f0018));
  background: -webkit-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: linear-gradient(to bottom, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
}
.mainGradGray {
  background: #f0f1f5;
  background: -moz-linear-gradient(top, #cfcbd0 0%, #f0f1f5 50%, #f0f0f4 66%, #cfcbd0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcbd0), color-stop(50%, #f0f1f5), color-stop(66%, #f0f0f4), color-stop(100%, #cfcbd0));
  background: -webkit-linear-gradient(top, #cfcbd0 0%, #f0f1f5 50%, #f0f0f4 66%, #cfcbd0 100%);
  background: linear-gradient(to bottom, #cfcbd0 0%, #f0f1f5 50%, #f0f0f4 66%, #cfcbd0 100%);
}
.mainGrad1 {
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #ffffff 0%, #EAEAEA 50%, #D6D6D6 95%, #D4D4D4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #EAEAEA), color-stop(95%, #D6D6D6), color-stop(100%, #D4D4D4));
  background: -webkit-linear-gradient(top, #ffffff 0%, #EAEAEA 50%, #D6D6D6 95%, #D4D4D4 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #EAEAEA 50%, #D6D6D6 95%, #D4D4D4 100%);
}
.mainGrad1Rev {
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EAEAEA), color-stop(50%, #EAEAEA), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: linear-gradient(to bottom, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
}
.mainGrad2 {
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #FFFFFF 0%, #FBFBFB 50%, #F8F8F8 95%, #F5F5F5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(50%, #FBFBFB), color-stop(95%, #F8F8F8), color-stop(100%, #F5F5F5));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #FBFBFB 50%, #F8F8F8 95%, #F5F5F5 100%);
  background: linear-gradient(to bottom, #FFFFFF 0%, #FBFBFB 50%, #F8F8F8 95%, #F5F5F5 100%);
}
.mainGrad3 {
  background: #192C7B;
  background: -moz-linear-gradient(top, #2E40A5 0%, #192C7B 50%, #102469 95%, #061A53 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2E40A5), color-stop(50%, #192C7B), color-stop(95%, #102469), color-stop(100%, #061A53));
  background: -webkit-linear-gradient(top, #2E40A5 0%, #192C7B 50%, #102469 95%, #061A53 100%);
  background: linear-gradient(to bottom, #2E40A5 0%, #192C7B 50%, #102469 95%, #061A53 100%);
}
.mainGrad4 {
  background: #c52e0a;
  background: -moz-linear-gradient(top, #D9330B 0%, #c52e0a 50%, #b32a09 95%, #a52708 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D9330B), color-stop(50%, #c52e0a), color-stop(95%, #b32a09), color-stop(100%, #a52708));
  background: -webkit-linear-gradient(top, #D9330B 0%, #c52e0a 50%, #b32a09 95%, #a52708 100%);
  background: linear-gradient(to bottom, #D9330B 0%, #c52e0a 50%, #b32a09 95%, #a52708 100%);
}
.mainGrad5 {
  background: #FFE275;
  background: -moz-linear-gradient(top, #FFF799 0%, #FFE275 50%, #FFD35C 95%, #FFCC50 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF799), color-stop(50%, #FFE275), color-stop(95%, #FFD35C), color-stop(100%, #FFCC50));
  background: -webkit-linear-gradient(top, #FFF799 0%, #FFE275 50%, #FFD35C 95%, #FFCC50 100%);
  background: linear-gradient(to bottom, #FFF799 0%, #FFE275 50%, #FFD35C 95%, #FFCC50 100%);
}
.mainGrad6 {
  background: #dafcff;
  background: -moz-linear-gradient(top, #daffef 0%, #dafcff 50%, #d0e9ec 95%, #c9ebfe 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #daffef), color-stop(50%, #dafcff), color-stop(95%, #d0e9ec), color-stop(100%, #c9ebfe));
  background: -webkit-linear-gradient(top, #daffef 0%, #dafcff 50%, #d0e9ec 95%, #c9ebfe 100%);
  background: linear-gradient(to bottom, #daffef 0%, #dafcff 50%, #d0e9ec 95%, #c9ebfe 100%);
}
.mainGrad7 {
  background: #1e7412;
  background: -moz-linear-gradient(top, #1f8827 0%, #1e7412 50%, #175c10 95%, #1e7412 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f8827), color-stop(50%, #1e7412), color-stop(95%, #175c10), color-stop(100%, #1e7412));
  background: -webkit-linear-gradient(top, #1f8827 0%, #1e7412 50%, #175c10 95%, #1e7412 100%);
  background: linear-gradient(to bottom, #1f8827 0%, #1e7412 50%, #175c10 95%, #1e7412 100%);
}
.mainGrad8 {
  background: #ee9904;
  background: -moz-linear-gradient(top, #ff9f0e 0%, #ee9904 50%, #dd7d03 95%, #c57303 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9f0e), color-stop(50%, #ee9904), color-stop(95%, #dd7d03), color-stop(100%, #c57303));
  background: -webkit-linear-gradient(top, #ff9f0e 0%, #ee9904 50%, #dd7d03 95%, #c57303 100%);
  background: linear-gradient(to bottom, #ff9f0e 0%, #ee9904 50%, #dd7d03 95%, #c57303 100%);
}
.mainGrad9 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eab92d+0,f5d205+10,eab92d+40,f5d205+60,f5d205+66,eab92d+85,c79810+99 */
  background: #eab92d;
  /* Old browsers */
  background: -moz-linear-gradient(7deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #f5d205 66%, #eab92d 85%, #c79810 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(7deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #f5d205 66%, #eab92d 85%, #c79810 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(7deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #f5d205 66%, #eab92d 85%, #c79810 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.mainGrad10 {
  background: #eab92d;
  /* Old browsers */
  background: -moz-linear-gradient(11deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #ffe446 66%, #eab92d 85%, #c79810 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(11deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #ffe446 66%, #eab92d 85%, #c79810 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(11deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #ffe446 66%, #eab92d 85%, #c79810 99%);
}
a.main-button {
  min-height: 55px;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #E7E7E7;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #ffffff 0%, #EAEAEA 50%, #D6D6D6 95%, #D4D4D4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #EAEAEA), color-stop(95%, #D6D6D6), color-stop(100%, #D4D4D4));
  background: -webkit-linear-gradient(top, #ffffff 0%, #EAEAEA 50%, #D6D6D6 95%, #D4D4D4 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #EAEAEA 50%, #D6D6D6 95%, #D4D4D4 100%);
}
a.main-button:hover {
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EAEAEA), color-stop(50%, #EAEAEA), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: linear-gradient(to bottom, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  border-color: #1B1C80;
}
a.main-button > span {
  display: inline-block;
  min-height: 49px;
  font-size: 18px;
  text-shadow: 1px 1px 1px #fff;
  padding: 9px 7px 6px 48px;
  margin: 2px;
  border-bottom: 3px solid #3399CC;
}
a.main-button > span:hover {
  border-color: #D9330B;
}
a.main-button > span.icon {
  background: url(/img-new/main-button-img_s01.png) no-repeat 5px 5px;
}
/* fixme お問い合わせ・お申込ボタン */
a.main-button.otoiawase {
  background: #eab92d;
  /* Old browsers */
  background: -moz-linear-gradient(11deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #ffe446 66%, #eab92d 85%, #c79810 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(11deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #ffe446 66%, #eab92d 85%, #c79810 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(11deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #ffe446 66%, #eab92d 85%, #c79810 99%);
  color: #1B1C80;
  font-weight: bold;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  border-top-left-radius: 25px;
  -webkit-border-top-right-radius: 25px;
  -moz-border-radius-topright: 25px;
  border-top-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-bottom-left-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -moz-border-radius-bottomright: 25px;
  border-bottom-right-radius: 25px;
}
a.main-button.otoiawase:visited {
  color: #1B1C80;
}
a.main-button.otoiawase > span.icon {
  background: url(/img-new/main-button-img_s03.png) no-repeat 5px 4px;
}
a.main-button.otoiawase > span {
  padding: 9px 13px 6px 48px;
  text-shadow: 1px 1px 1px #fed246;
  border-top: 2px solid #eec543;
  border-left: 1px solid #d5b03c;
  border-right: 1px solid #d5b03c;
  border-bottom: 2px solid #c3a236;
  -webkit-border-top-left-radius: 25px;
  -moz-border-radius-topleft: 25px;
  border-top-left-radius: 25px;
  -webkit-border-top-right-radius: 25px;
  -moz-border-radius-topright: 25px;
  border-top-right-radius: 25px;
  -webkit-border-bottom-left-radius: 25px;
  -moz-border-radius-bottomleft: 25px;
  border-bottom-left-radius: 25px;
  -webkit-border-bottom-right-radius: 25px;
  -moz-border-radius-bottomright: 25px;
  border-bottom-right-radius: 25px;
}
a.main-button.otoiawase:hover {
  color: #fff;
  border: none;
  background: #c52e0a;
  background: -moz-linear-gradient(top, #D9330B 0%, #c52e0a 50%, #b32a09 95%, #a52708 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D9330B), color-stop(50%, #c52e0a), color-stop(95%, #b32a09), color-stop(100%, #a52708));
  background: -webkit-linear-gradient(top, #D9330B 0%, #c52e0a 50%, #b32a09 95%, #a52708 100%);
  background: linear-gradient(to bottom, #D9330B 0%, #c52e0a 50%, #b32a09 95%, #a52708 100%);
}
a.main-button.otoiawase:hover > span {
  text-shadow: 1px 1px 1px #7f1d0a;
  border-top: 2px solid #b02e18;
  border-left: 1px solid #b02e18;
  border-right: 1px solid #922614;
  border-bottom: 2px solid #922614;
}
a.main-button.otoiawase:hover > span.icon:hover {
  background: url(/img-new/main-button-img_s03.png) no-repeat 5px 4px;
}
a.main-button.blue {
  background: #192C7B;
  background: -moz-linear-gradient(top, #2E40A5 0%, #192C7B 50%, #102469 95%, #061A53 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2E40A5), color-stop(50%, #192C7B), color-stop(95%, #102469), color-stop(100%, #061A53));
  background: -webkit-linear-gradient(top, #2E40A5 0%, #192C7B 50%, #102469 95%, #061A53 100%);
  background: linear-gradient(to bottom, #2E40A5 0%, #192C7B 50%, #102469 95%, #061A53 100%);
}
a.main-button.blue:hover {
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EAEAEA), color-stop(50%, #EAEAEA), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: linear-gradient(to bottom, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  border-color: #1B1C80;
}
a.main-button.blue > span {
  color: #fff;
  text-shadow: 1px 1px 1px #515151;
  border-bottom: 3px solid #D9330B;
}
a.main-button.blue > span:hover {
  color: #1B1C80;
  text-shadow: 1px 1px 1px #E7E7E7;
}
a.main-button.blue > span.icon {
  background: url(/img-new/main-button-img_s02.png) no-repeat 5px 5px;
}
input.main-button.red,
a.main-button.red {
  background: #c52e0a;
  background: -moz-linear-gradient(top, #D9330B 0%, #c52e0a 50%, #b32a09 95%, #a52708 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D9330B), color-stop(50%, #c52e0a), color-stop(95%, #b32a09), color-stop(100%, #a52708));
  background: -webkit-linear-gradient(top, #D9330B 0%, #c52e0a 50%, #b32a09 95%, #a52708 100%);
  background: linear-gradient(to bottom, #D9330B 0%, #c52e0a 50%, #b32a09 95%, #a52708 100%);
}
input.main-button.red:hover,
a.main-button.red:hover {
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EAEAEA), color-stop(50%, #EAEAEA), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: linear-gradient(to bottom, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  border-color: #1B1C80;
}
input.main-button.red > span,
a.main-button.red > span {
  color: #fff;
  text-shadow: 1px 1px 1px #515151;
  border-bottom: 3px solid #1B1C80;
}
input.main-button.red > span:hover,
a.main-button.red > span:hover {
  color: #1B1C80;
  text-shadow: 1px 1px 1px #E7E7E7;
}
input.main-button.red > span.icon,
a.main-button.red > span.icon {
  background: url(/img-new/main-button-img_s02.png) no-repeat 5px 5px;
}
a.main-button.green {
  background: #1e7412;
  background: -moz-linear-gradient(top, #1f8827 0%, #1e7412 50%, #175c10 95%, #1e7412 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f8827), color-stop(50%, #1e7412), color-stop(95%, #175c10), color-stop(100%, #1e7412));
  background: -webkit-linear-gradient(top, #1f8827 0%, #1e7412 50%, #175c10 95%, #1e7412 100%);
  background: linear-gradient(to bottom, #1f8827 0%, #1e7412 50%, #175c10 95%, #1e7412 100%);
}
a.main-button.green:hover {
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EAEAEA), color-stop(50%, #EAEAEA), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: linear-gradient(to bottom, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  border-color: #1B1C80;
}
a.main-button.green > span {
  color: #fff;
  text-shadow: 1px 1px 1px #515151;
  border-bottom: 3px solid #1B1C80;
}
a.main-button.green > span:hover {
  color: #1B1C80;
  text-shadow: 1px 1px 1px #E7E7E7;
}
a.main-button.green > span.icon {
  background: url(/img-new/main-button-img_s02.png) no-repeat 5px 5px;
}
a.main-button.orange {
  background: #ee9904;
  background: -moz-linear-gradient(top, #ff9f0e 0%, #ee9904 50%, #dd7d03 95%, #c57303 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9f0e), color-stop(50%, #ee9904), color-stop(95%, #dd7d03), color-stop(100%, #c57303));
  background: -webkit-linear-gradient(top, #ff9f0e 0%, #ee9904 50%, #dd7d03 95%, #c57303 100%);
  background: linear-gradient(to bottom, #ff9f0e 0%, #ee9904 50%, #dd7d03 95%, #c57303 100%);
}
a.main-button.orange:hover {
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EAEAEA), color-stop(50%, #EAEAEA), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: linear-gradient(to bottom, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  border-color: #1B1C80;
}
a.main-button.orange > span {
  color: #fff;
  text-shadow: 1px 1px 1px #515151;
  border-bottom: 3px solid #1B1C80;
}
a.main-button.orange > span:hover {
  color: #1B1C80;
  text-shadow: 1px 1px 1px #E7E7E7;
}
a.main-button.orange > span.icon {
  background: url(/img-new/main-button-img_s02.png) no-repeat 5px 5px;
}
a.main-button.yellow {
  background: #FFE275;
  background: -moz-linear-gradient(top, #FFF799 0%, #FFE275 50%, #FFD35C 95%, #FFCC50 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF799), color-stop(50%, #FFE275), color-stop(95%, #FFD35C), color-stop(100%, #FFCC50));
  background: -webkit-linear-gradient(top, #FFF799 0%, #FFE275 50%, #FFD35C 95%, #FFCC50 100%);
  background: linear-gradient(to bottom, #FFF799 0%, #FFE275 50%, #FFD35C 95%, #FFCC50 100%);
}
a.main-button.yellow:hover {
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EAEAEA), color-stop(50%, #EAEAEA), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: linear-gradient(to bottom, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  border-color: #1B1C80;
}
a.main-button.yellow > span {
  color: #1B1C80;
  text-shadow: 1px 1px 1px #fff;
  border-bottom: 3px solid #3399CC;
}
a.main-button.yellow > span:hover {
  border-color: #D9330B;
}
a.main-button.yellow > span.icon {
  background: url(/img-new/main-button-img_s02.png) no-repeat 5px 5px;
}
a.main-button.sky {
  background: #dafcff;
  background: -moz-linear-gradient(top, #daffef 0%, #dafcff 50%, #d0e9ec 95%, #c9ebfe 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #daffef), color-stop(50%, #dafcff), color-stop(95%, #d0e9ec), color-stop(100%, #c9ebfe));
  background: -webkit-linear-gradient(top, #daffef 0%, #dafcff 50%, #d0e9ec 95%, #c9ebfe 100%);
  background: linear-gradient(to bottom, #daffef 0%, #dafcff 50%, #d0e9ec 95%, #c9ebfe 100%);
}
a.main-button.sky:hover {
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EAEAEA), color-stop(50%, #EAEAEA), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: linear-gradient(to bottom, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  border-color: #1B1C80;
}
a.main-button.sky > span {
  text-shadow: 1px 1px 1px #fff;
  border-bottom: 3px solid #1B1C80;
}
a.main-button.sky > span:hover {
  border-color: #D9330B;
}
a.main-button.sky > span.icon {
  background: url(/img-new/main-button-img_s02.png) no-repeat 5px 5px;
}
input.main-button.gold,
a.main-button.gold {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eab92d+0,f5d205+10,eab92d+40,f5d205+60,f5d205+66,eab92d+85,c79810+99 */
  background: #eab92d;
  /* Old browsers */
  background: -moz-linear-gradient(7deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #f5d205 66%, #eab92d 85%, #c79810 99%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(7deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #f5d205 66%, #eab92d 85%, #c79810 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(7deg, #eab92d 0%, #f5d205 10%, #eab92d 40%, #f5d205 60%, #f5d205 66%, #eab92d 85%, #c79810 99%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
input.main-button.gold:hover,
a.main-button.gold:hover {
  background: #EAEAEA;
  background: -moz-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EAEAEA), color-stop(50%, #EAEAEA), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  background: linear-gradient(to bottom, #EAEAEA 0%, #EAEAEA 50%, #ffffff 95%, #ffffff 100%);
  border-color: #1B1C80;
}
input.main-button.gold > span,
a.main-button.gold > span {
  text-shadow: 1px 1px 1px #fff;
  border-bottom: 3px solid #1B1C80;
}
input.main-button.gold > span:hover,
a.main-button.gold > span:hover {
  border-color: #D9330B;
}
input.main-button.gold > span.icon,
a.main-button.gold > span.icon {
  background: url(/img-new/main-button-img_s02.png) no-repeat 5px 5px;
}
input.main-button.red,
input.main-button.gold {
  text-shadow: 1px 1px 1px #fff;
  border-bottom: 3px solid #1B1C80;
  display: inline-block;
  min-height: 49px;
  font-size: 20px;
  padding: 9px 7px 6px;
  margin: 2px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.linear {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.ease {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ease-in {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.easeInQuad {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.easeInCubic {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.easeInQuart {
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.easeInQuint {
  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.easeInSine {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
.easeInExpo {
  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}
.easeInCirc {
  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.easeInBack {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.easeOutQuad {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.easeOutCubic {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.easeOutQuart {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.easeOutQuint {
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.easeOutSine {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
.easeOutExpo {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.easeOutCirc {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.easeOutBack {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.easeInOutQuad {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.easeInOutCubic {
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.easeInOutQuart {
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.easeInOutQuint {
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.easeInOutSine {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.easeInOutExpo {
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.easeInOutCirc {
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.easeInOutBack {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/* fixme easing test */
.ovon {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
div.img21bnr {
  text-align: center;
  margin: 0px auto;
  display: flex;
  justify-content: center;
}
div.img21bnr > a {
  display: inline-block;
  padding: 5px;
}
div.img21bnr > a img {
  height: 300px;
}
div.img21bnr p {
  color: #502402;
}
@media (max-width: 768px) {
  div.img21bnr {
    display: block;
  }
  div.img21bnr > a img {
    height: auto;
  }
}
/*div.img21bnr {
  //max-width: 1080px;
  margin: 0px auto;
  display: flex;
  justify-content: center;
  > a { display: block; padding: 5px }
  p { color: #502402}
  img.a01 { width: 500px }
  // todo @media (max-width = 〜px まで
  @media (max-width: 768px) {
    img.a01 { width: auto }
    display: block;
  }
}*/
.noBack,
table.noBack td {
  background: #fff !important;
}
.hasBase {
  color: #004567 !important;
}
hr.forSp {
  display: none;
}
br.forSp,
span.forSp {
  display: none;
}
br.forPc,
span.forPc {
  display: inline;
}
.pcImg {
  display: inline-block;
}
.spImg {
  display: none;
}
.pcBlock {
  display: block;
}
.spBlock {
  display: none;
}
/* { sw page do it----------------------------------------------- */
body {
  background-color: #fff;
  color: #24080d;
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  position: relative;
  /* 禁則A */
  word-break: normal;
  line-break: strict;
  /* 禁則B*/
  word-wrap: break-word;
}
header#header {
  display: none;
}
/**
 バナーをトップ時隠す。(not bag.css)
 */
.erh-top .foot-conts .a_Tcenter.b_padT20.erh-topHide,
.bag-top .foot-conts .a_Tcenter.b_padT20.erh-topHide {
  display: none;
}
#container .zip18 {
  max-width: 900px;
  margin: 20px auto 10px;
}
#container .zip18 .pho {
  float: left;
}
#container .zip18 .pho img {
  -moz-box-shadow: 0 0 3px #b7b09d;
  -webkit-box-shadow: 0 0 3px #b7b09d;
  box-shadow: 0 0 3px #b7b09d;
}
#container .zip18 .txt {
  float: left;
  max-width: calc(880px - 320px);
}
#container .zip18 .txt h4.ti {
  margin: 0 0 10px;
  padding: 0 15px 10px 10px;
  font-size: 17px;
}
#container .zip18 .txt h4.ti span {
  padding: 0 0 7px 0;
}
#container .zip18 .txt p {
  margin: 9px auto;
  padding-left: 15px;
  font-size: 14px;
}
#container {
  margin: 0;
  position: relative;
  background: #fff;
  background: -moz-linear-gradient(top, #e9e9e9 0%, #fff 23%, #F8F8F8 95%, #e9e9e9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(23%, #fff), color-stop(95%, #F8F8F8), color-stop(100%, #e9e9e9));
  background: -webkit-linear-gradient(top, #e9e9e9 0%, #fff 23%, #F8F8F8 95%, #e9e9e9 100%);
  background: linear-gradient(to bottom, #e9e9e9 0%, #fff 23%, #F8F8F8 95%, #e9e9e9 100%);
}
#container .container-bg {
  width: 100%;
  height: 395px;
  background: #f0f1f5;
  background: -moz-linear-gradient(top, #cfcbd0 0%, #f0f1f5 50%, #f0f0f4 66%, #cfcbd0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcbd0), color-stop(50%, #f0f1f5), color-stop(66%, #f0f0f4), color-stop(100%, #cfcbd0));
  background: -webkit-linear-gradient(top, #cfcbd0 0%, #f0f1f5 50%, #f0f0f4 66%, #cfcbd0 100%);
  background: linear-gradient(to bottom, #cfcbd0 0%, #f0f1f5 50%, #f0f0f4 66%, #cfcbd0 100%);
  opacity: 0.31;
  position: absolute;
  left: 0;
  top: 90px;
  z-index: 0;
}
#container #wrapper {
  margin: 0 auto;
  width: 1080px;
  box-shadow: 0 0 9px rgba(29, 29, 29, 0.55);
  -moz-box-shadow: 0 0 9px rgba(29, 29, 29, 0.55);
  -webkit-box-shadow: 0 0 9px rgba(29, 29, 29, 0.55);
  position: relative;
  z-index: 1;
}
#container #wrapper .hdr-R {
  padding-top: 10px;
}
#container #wrapper h1.top-logo {
  margin: 0;
  padding: 0;
  display: block;
  height: 100%;
  background: none;
}
#container #wrapper h1.top-logo img {
  width: 300px;
  height: auto;
}
#container #wrapper h2.top-h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 77%;
  margin: 0.95em 0.95em 0 0;
  padding: 0;
  background-image: none;
  color: #8F0018;
  text-align: right;
}
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6 {
  margin: 0 auto 1em;
}
#wrapper h1 {
  background: url(/img-new/h1rose.png) no-repeat 0 bottom;
  background-size: 870px auto;
  display: block;
  min-height: 2.5em;
  padding: 21px 13px 18px 0px;
  line-height: 1.25;
  color: #8F0018;
  text-shadow: 1px 1px 5px #b1b1b1;
}
#wrapper h2 {
  background: url(/img-new/h2rose.png) no-repeat 0 bottom;
  background-size: 870px auto;
  display: block;
  min-height: 3em;
  padding: 21px 13px 22px 0px;
  line-height: 1.25;
  color: #8F0018;
  text-shadow: 1px 1px 5px #b1b1b1;
}
#wrapper h3 {
  background: url(/img-new/h3rose.png) no-repeat 0 9px;
  background-size: 870px auto;
  display: block;
  min-height: 3.1em;
  padding: 11px 13px 22px 12px;
  line-height: 1.33;
  color: #8F0018;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#wrapper h3:before {
  /*content: "\00273f";
    color: @erhGreen;
    margin-right: 0.2em;*/
}
#wrapper h4 {
  color: #8F0018;
  padding: 0.4em 0 0.2em 0;
  border-bottom: 1px solid #8F0018;
  font-size: 105%;
}
.media #wrapper .contents-grad-inner h4 {
  border-bottom: 0px solid #8F0018;
  padding: 0.4em 0 0em 0;
  margin: 0 auto 0.2em;
}
.media #wrapper .contents-grad-inner h4.hasKei {
  border-bottom: 1px solid #8F0018;
  padding: 0.4em 0 0.4em 0;
  margin-bottom: 0.3em;
}
.media #wrapper .contents-grad-inner h4 + ul {
  border-bottom: 1px solid #8F0018;
  margin-bottom: 0.3em;
}
.media #wrapper .contents-grad-inner h4 + ul li {
  margin-bottom: 0.3em;
}
#wrapper h5 {
  border-bottom: 1px dotted #8F0018;
  font-size: 1em;
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(33%, #FBFBFB), color-stop(77%, #F5F5F5), color-stop(100%, #e7e7e7));
  background: -webkit-linear-gradient(top, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
  padding: 5px 4px 3px;
}
#wrapper h6 {
  font-size: 1em;
}
#wrapper h2.ti-shokai {
  margin: 15px 0 1%;
  padding: 0;
  background-image: none;
}
#wrapper h2.ti-shokai img {
  width: 100%;
  height: auto;
}
#wrapper #hdr {
  width: 1080px;
  height: 90px;
  padding: 0 0 0 90px;
  overflow: hidden;
  background: url(/img-new/erh-hdr-L.png) no-repeat 0 0;
  box-shadow: 0 0 13px rgba(29, 29, 29, 0.55);
  -moz-box-shadow: 0 0 13px rgba(29, 29, 29, 0.55);
  -webkit-box-shadow: 0 0 13px rgba(29, 29, 29, 0.55);
  position: relative;
  z-index: 2;
}
#wrapper #hdr .hdr-sp {
  width: 100%;
  height: 90px;
  padding-right: 90px;
  background: url(/img-new/erh-hdr-R.png) no-repeat right 0;
  background-color: #fff;
}
#wrapper #hdr .hdr-inner {
  padding: 0 15px 0 0;
  background-color: #fff;
}
#wrapper .contents {
  position: relative;
  z-index: 11;
  padding: 0 90px;
  background: #8f0018;
  background: -moz-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7001d), color-stop(50%, #8f0018), color-stop(66%, #a7001d), color-stop(100%, #8f0018));
  background: -webkit-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: linear-gradient(to bottom, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
}
#wrapper .contents .contents-inner {
  position: relative;
  padding: 15px;
  background-color: #fff;
}
#wrapper .contents .newkaisya {
  width: 100%;
}
#wrapper .contents .kaisyatable td,
#wrapper .contents .kaisyatable th {
  border-bottom: 1px dotted #8B8D8E;
  padding: 5px 10px;
}
#wrapper .contents .kaisyatable td.up,
#wrapper .contents .kaisyatable th.up {
  border-top: 1px dotted #9F5500;
}
#wrapper .contents .kaisyatable.b {
  border-collapse: separate;
  border-spacing: 5px;
}
#wrapper .contents .kaisyatable.b td {
  border-radius: 6px;
}
#wrapper .contents .kaisyatable.sippitsu {
  font-size: 88%;
}
#wrapper .contents .kaisyatable.sippitsu tr:nth-child(even) .calTi {
  background-color: #ffefe1;
}
#wrapper .contents .kaisyatable.sippitsu tr:nth-child(odd) .calTi {
  background-color: #e5fcea;
}
#wrapper .contents .kaisyatable.sippitsu tr td:last-child {
  background-color: #f7f7f7;
}
#wrapper .contents .kaisyatable.sippitsu.sec tr td:nth-child(2) {
  background-color: #f7f7f7;
}
#wrapper .mid-conts {
  position: relative;
  z-index: 0;
  padding: 0 90px;
  background: #f0f1f5;
  background: -moz-linear-gradient(top, #cfcbd0 0%, #f0f1f5 50%, #f0f0f4 66%, #cfcbd0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcbd0), color-stop(50%, #f0f1f5), color-stop(66%, #f0f0f4), color-stop(100%, #cfcbd0));
  background: -webkit-linear-gradient(top, #cfcbd0 0%, #f0f1f5 50%, #f0f0f4 66%, #cfcbd0 100%);
  background: linear-gradient(to bottom, #cfcbd0 0%, #f0f1f5 50%, #f0f0f4 66%, #cfcbd0 100%);
}
#wrapper .mid-conts .mid-conts-inner {
  padding: 25px;
  background-color: #fff;
}
#wrapper .mid-conts .fmhr {
  margin: 5px 25px;
}
#wrapper .mid-conts .fmhr .fmhr-1 {
  float: left;
}
#wrapper .mid-conts .fmhr .fmhr-2 {
  float: right;
}
#wrapper .foot-conts {
  position: relative;
  z-index: -1;
  padding: 0 90px;
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(33%, #FBFBFB), color-stop(77%, #F5F5F5), color-stop(100%, #e7e7e7));
  background: -webkit-linear-gradient(top, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
}
#wrapper .foot-conts .foot-conts-inner {
  padding: 15px 0;
  position: relative;
}
#wrapper .foot-conts .foot-conts-inner .footBnr {
  position: absolute;
  right: 0;
  top: 140px;
  float: left;
  z-index: 11;
}
#wrapper .foot-conts .foot-conts-inner .footBnr img {
  width: 460px;
  height: auto;
}
#wrapper .foot-conts .foot-conts-inner .copy {
  font-size: 78%;
  color: #515151;
  text-align: right;
}
#wrapper .foot-conts .group-shuzai {
  position: absolute;
  float: left;
  right: 1px;
  top: 1px;
  z-index: 11;
}
#wrapper .contents-grad-inner {
  position: relative;
  z-index: 10;
  padding: 25px;
  background: #FBFBFB;
  background: -moz-linear-gradient(top, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(33%, #FBFBFB), color-stop(77%, #F5F5F5), color-stop(100%, #e7e7e7));
  background: -webkit-linear-gradient(top, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #FBFBFB 33%, #F5F5F5 77%, #e7e7e7 100%);
  box-shadow: 0 0 9px rgba(29, 29, 29, 0.55);
  -moz-box-shadow: 0 0 9px rgba(29, 29, 29, 0.55);
  -webkit-box-shadow: 0 0 9px rgba(29, 29, 29, 0.55);
}
#wrapper .contents-grad-inner.prelude {
  background-image: -webkit-radial-gradient(51% 96%, #E7E9E4 10%, #D4D6D1 96%);
  background-image: radial-gradient(51% 96%, #E7E9E4 10%, #D4D6D1 96%);
}
#wrapper .contents-grad-inner.flamingo {
  background-image: -webkit-radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), -webkit-radial-gradient(91% 146%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 100%);
  background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 100%);
  background-blend-mode: screen;
}
#container.top #wrapper .contents-grad-inner {
  padding: 10px;
}
#container.top #wrapper .mid-conts-inner {
  padding: 30px 0 10px;
}
.sp.page #container #wrapper .contents-grad-inner,
.tablet.page #container #wrapper .contents-grad-inner {
  padding: 1% 15px 15px;
}
.top-bnr-L {
  float: left;
  width: 430px;
  margin-top: 10px;
}
.top-bnr-L a {
  display: block;
}
.top-bnr-L img {
  width: 430px;
  height: auto;
  display: block;
}
.top-sh-1-1 {
  margin-bottom: 7px;
}
.top-sh-1-2 {
  margin-bottom: 7px;
}
.top-bnr-R {
  float: right;
  width: 445px;
  padding: 10px 5px 0 0;
}
.top-bnr-R a {
  display: block;
  margin: 0 0 7px 0;
}
.top-bnr-R img {
  display: block;
}
.phoBnr18 {
  -js-display: flex;
  display: flex;
  justify-content: center;
}
.phoBnr18 .col {
  padding: 3px;
  text-align: center;
  flex: 3;
}
.sp .top .top-bnr-L,
.tablet .top .top-bnr-L {
  float: none;
  width: 100%;
  margin-top: 0px;
}
.sp .top .top-bnr-L img,
.tablet .top .top-bnr-L img {
  width: 100%;
}
.sp .top .top-bnr-R,
.tablet .top .top-bnr-R {
  float: none;
  width: 100%;
  padding: 0;
}
.sp .top .top-bnr-R a,
.tablet .top .top-bnr-R a {
  margin: 15px 3%;
}
.sp .top .top-bnr-R img,
.tablet .top .top-bnr-R img {
  width: 100%;
}
#wrapper .contents .gnavi {
  margin: 0;
  padding-top: 0;
  padding-bottom: 15px;
}
#wrapper .contents .gnavi .gnavi-inner {
  height: 150px;
  width: 600px;
  float: left;
  padding-top: 15px;
}
#wrapper .contents .gnavi .gnavi-inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: table;
}
#wrapper .contents .gnavi .gnavi-inner ul li {
  display: table-cell;
  text-align: center;
}
#wrapper .contents .gnavi .gnavi-inner ul a {
  display: inline-block;
}
#wrapper .contents .gnavi .gnavi-inner ul a:hover img {
  opacity: 1;
}
#wrapper .contents .gnavi .gnavi-banner {
  padding: 20px 0 0 15px;
  float: left;
  width: 270px;
}
#wrapper .contents .gnavi .gnavi-banner .bannerA,
#wrapper .contents .gnavi .gnavi-banner .bannerB {
  height: 50px;
  margin-bottom: 5px;
}
#wrapper .contents .gnavi .gnavi-banner .bannerA img,
#wrapper .contents .gnavi .gnavi-banner .bannerB img {
  width: 250px;
}
.page #wrapper .contents .gnavi .gnavi-inner {
  width: auto;
  padding-top: 16px;
}
.page #wrapper .contents .gnavi .gnavi-inner ul li {
  padding-right: 11px;
}
.page #wrapper .contents .gnavi .gnavi-banner {
  padding: 25px 0 0 15px;
}
#wrapper .contents {
  margin: 0;
  padding-top: 0;
}
#wrapper .contents .shokai-inner {
  height: auto;
  width: 840px;
  margin: 0 auto;
  padding: 0;
}
#wrapper .contents .shokai-inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: table;
}
#wrapper .contents .shokai-inner ul li {
  float: left;
  text-align: center;
  margin: auto 15px 15px;
}
#wrapper .contents .shokai-inner ul a {
  display: inline-block;
}
#wrapper .contents .shokai-inner ul a:hover img {
  opacity: 1;
}
.allpage {
  height: auto;
  width: 880px;
  margin: 0 auto 15px;
  padding: 0;
}
.allpage ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: table;
}
.allpage ul li {
  float: left;
  text-align: center;
  margin: 0;
}
.allpage ul a {
  display: inline-block;
}
/* Assy----------------------------------------------- */
/* { sw camera do it----------------------------------------------- */
#topImage {
  position: relative;
  z-index: 1;
  width: 1080px;
  height: 395px;
  margin: 0 auto;
}
#top-slider {
  width: 1080px;
  height: 395px;
  position: relative;
  z-index: 1;
  background: url(/img-new/erh-slideBG.jpg) no-repeat 0 0;
}
.top-slider-border {
  position: absolute;
  z-index: 11;
  width: 1080px;
  height: 170px;
  left: 0;
  top: -141px;
  background: url(/img-new/erh-slidetop.png) no-repeat 0 0;
}
.top-contents-border {
  position: absolute;
  z-index: 9;
  width: 1080px;
  height: 115px;
  left: 0;
  bottom: -25px;
  background: url(/img-new/erh-cont-border.png) no-repeat 0 0;
}
.mid-contents-border {
  position: absolute;
  z-index: 9;
  width: 1080px;
  height: 10px;
  left: 0;
  bottom: -8px;
  background: url(/img-new/erh-mid-border.png) no-repeat 0 0;
}
.foot-contents-border {
  position: absolute;
  z-index: 9;
  width: 1080px;
  height: 10px;
  left: 0;
  bottom: 0;
  background: url(/img-new/erh-foot-border.png) no-repeat 0 0;
}
.grad-inner-border {
  position: absolute;
  z-index: 9;
  width: 900px;
  height: 5px;
  left: 0;
  bottom: 0;
  background: url(/img-new/erh-foot-border.png) no-repeat 0 0;
}
.crown {
  background: url(/img-new/erh-foot-border-crown.png) no-repeat 0 0;
  height: 32px;
  bottom: -22px;
  background-position: center 0;
}
#group-tips {
  display: none;
}
#group {
  clear: both;
  min-height: unset;
  background-image: none;
  position: relative;
}
#group .group-inner {
  position: relative;
  margin: 0 auto;
  width: 900px;
  text-align: left;
}
#group .group-inner .group-title {
  height: 50px;
  background: url(/img-new/topGroup.png) no-repeat left 3px;
  border-bottom: 1px solid #8B8D8E;
  position: relative;
  z-index: 2;
}
#group .group-inner .group-title > a.a_fl_R {
  margin-top: 3px;
}
#group .group-inner .group-pc ul.group-list {
  list-style: none;
  margin: 0.5em 0;
  padding: 0;
}
#group .group-inner .group-pc ul.group-list li > span {
  font-size: 78%;
}
#group .group-inner .group-pc > p {
  font-size: 78%;
  color: #515151;
}
#group .group-inner .group-rogos {
  max-height: 150px;
  position: relative;
}
#group .group-inner .group-rogos a {
  float: left;
}
body.not_ie #group .group-inner .group-rogos img.hover {
  -moz-transition: -moz-transform 0.1s linear;
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  -webkit-transform: scale(0.91);
  -moz-transform: scale(0.91);
  transform: scale(0.91);
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
#group .group-inner .group-banner {
  width: 840px;
  margin: 0 auto;
  padding: 25px 0;
}
#group .group-inner .group-banner a {
  display: block;
  float: left;
  width: 200px;
  height: 50px;
  margin-right: 12px;
}
/* Goto top */
#goto-top {
  margin: 0;
  padding: 0;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 999;
  width: 60px;
  height: 60px;
  opacity: 0.75;
  cursor: pointer;
  background: transparent url(/img-new/up-arrow.png) no-repeat center center;
  border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  /*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;*/
}
#goto-top:hover {
  opacity: 0.9;
}
/*+++todo +++++++++++++++++++++++++++++ Media Queries for Mobile Support */
/* PC用 */
.media-queries {
  display: none;
  font-family: 'no-media-query';
}
@media screen and (max-width: 782px) {
  .media-queries {
    font-family: 'in-media-query';
  }
  /*
  .mediaQuereyMixin;
  .mediaQueryNewLayouts;
  */
}
.tablet,
.sp {
  /* Assy----------------------------------------------- */
  /* { sw camera do it----------------------------------------------- */
  /* sp-slidemenu */
}
.tablet hr.forSp,
.sp hr.forSp {
  display: block;
}
.tablet br.forSp,
.sp br.forSp,
.tablet span.forSp,
.sp span.forSp {
  display: inline;
}
.tablet hr.forPc,
.sp hr.forPc,
.tablet br.forPc,
.sp br.forPc,
.tablet span.forPc,
.sp span.forPc {
  display: none;
}
.tablet .pcImg,
.sp .pcImg {
  display: none;
}
.tablet .spImg,
.sp .spImg {
  display: block;
}
.tablet .pcBlock,
.sp .pcBlock {
  display: none;
}
.tablet .spBlock,
.sp .spBlock {
  display: block;
}
.tablet img.w100,
.sp img.w100 {
  max-width: 100%;
  height: auto;
}
.tablet #container .zip18,
.sp #container .zip18 {
  margin: 0 auto;
  padding: 1em 0;
}
.tablet #container .zip18 .pho,
.sp #container .zip18 .pho {
  float: none;
  margin-bottom: 15px;
  width: 100%;
  text-align: center;
}
.tablet #container .zip18 .pho img,
.sp #container .zip18 .pho img {
  width: 100%;
  max-width: 400px;
  display: inline-block;
}
.tablet #container #wrapper,
.sp #container #wrapper {
  font-size: 76.92%;
  width: 100%;
}
.tablet #container #wrapper h1.top-logo,
.sp #container #wrapper h1.top-logo {
  margin: 0;
}
.tablet #container #wrapper h1.top-logo img,
.sp #container #wrapper h1.top-logo img {
  width: auto;
  height: 100%;
}
.tablet #container #wrapper .contents .contents-grad-inner.gnavi,
.sp #container #wrapper .contents .contents-grad-inner.gnavi,
.tablet #container #wrapper .contents .gnavi,
.sp #container #wrapper .contents .gnavi {
  padding: 5px 5px 5px;
}
.tablet #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner,
.sp #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner,
.tablet #container #wrapper .contents .gnavi .gnavi-inner,
.sp #container #wrapper .contents .gnavi .gnavi-inner {
  float: none;
  width: 100%;
  height: auto;
  text-align: center;
  padding-top: 3%;
}
.tablet #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner ul,
.sp #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner ul,
.tablet #container #wrapper .contents .gnavi .gnavi-inner ul,
.sp #container #wrapper .contents .gnavi .gnavi-inner ul {
  width: 100%;
}
.tablet #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner ul li,
.sp #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner ul li,
.tablet #container #wrapper .contents .gnavi .gnavi-inner ul li,
.sp #container #wrapper .contents .gnavi .gnavi-inner ul li {
  display: inline-block;
  text-align: center;
  width: 16.66%;
  height: auto;
  padding-right: 0;
  /*.no-media-query& {
                width: 220px;
                img {
                  width: auto;
                  height: 270px;
                }
              }*/
}
.tablet #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner ul li img,
.sp #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner ul li img,
.tablet #container #wrapper .contents .gnavi .gnavi-inner ul li img,
.sp #container #wrapper .contents .gnavi .gnavi-inner ul li img {
  width: 100%;
  height: auto;
}
.tablet #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner,
.sp #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner,
.tablet #container #wrapper .contents .gnavi .gnavi-banner,
.sp #container #wrapper .contents .gnavi .gnavi-banner {
  float: none;
  width: 100%;
  height: auto;
  padding: 0;
  text-align: center;
  max-width: 530px;
  margin: 0 auto;
}
.tablet #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .title,
.sp #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .title,
.tablet #container #wrapper .contents .gnavi .gnavi-banner .title,
.sp #container #wrapper .contents .gnavi .gnavi-banner .title {
  text-align: left;
}
.tablet #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerA,
.sp #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerA,
.tablet #container #wrapper .contents .gnavi .gnavi-banner .bannerA,
.sp #container #wrapper .contents .gnavi .gnavi-banner .bannerA,
.tablet #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerB,
.sp #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerB,
.tablet #container #wrapper .contents .gnavi .gnavi-banner .bannerB,
.sp #container #wrapper .contents .gnavi .gnavi-banner .bannerB {
  display: inline-block;
}
.tablet #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerA img,
.sp #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerA img,
.tablet #container #wrapper .contents .gnavi .gnavi-banner .bannerA img,
.sp #container #wrapper .contents .gnavi .gnavi-banner .bannerA img,
.tablet #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerB img,
.sp #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerB img,
.tablet #container #wrapper .contents .gnavi .gnavi-banner .bannerB img,
.sp #container #wrapper .contents .gnavi .gnavi-banner .bannerB img {
  width: 100%;
  height: auto;
}
.tablet #container #wrapper .mid-conts-inner,
.sp #container #wrapper .mid-conts-inner {
  padding: 4% 2%;
}
.tablet #wrapper,
.sp #wrapper {
  background: #8f0018;
  background: -moz-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7001d), color-stop(50%, #8f0018), color-stop(66%, #a7001d), color-stop(100%, #8f0018));
  background: -webkit-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: linear-gradient(to bottom, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
}
.tablet #wrapper #hdr,
.sp #wrapper #hdr {
  width: 100%;
  padding: 0 0 0 7.5%;
  height: 65px;
  background: #8f0018;
  background: -moz-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7001d), color-stop(50%, #8f0018), color-stop(66%, #a7001d), color-stop(100%, #8f0018));
  background: -webkit-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: linear-gradient(to bottom, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background-image: url(/img-new/erh-hdr-L.png);
  background-position: left 0;
  background-repeat: no-repeat;
  background-size: 7.5% auto;
}
.tablet #wrapper #hdr .hdr-sp,
.sp #wrapper #hdr .hdr-sp {
  width: 100%;
  height: 65px;
  padding-right: 8.15%;
  background: url(/img-new/erh-hdr-R.png) no-repeat right 0;
  background-size: 8.15% auto;
}
.tablet #wrapper #hdr .hdr-inner,
.sp #wrapper #hdr .hdr-inner {
  height: 100%;
  padding: 0;
}
.tablet #wrapper .contents,
.sp #wrapper .contents {
  padding: 0;
}
.tablet #wrapper .contents .contents-sp-L,
.sp #wrapper .contents .contents-sp-L {
  margin: 0;
  padding: 0 0 0 7.5%;
  background: url(/img-new/erh-cont-L.png) no-repeat left bottom;
  background-size: 7.5% auto;
}
.tablet #wrapper .contents .contents-sp-R,
.sp #wrapper .contents .contents-sp-R {
  margin: 0;
  padding: 0 8.15% 0 0;
  background: url(/img-new/erh-cont-R.png) no-repeat right bottom;
  background-size: 8.15% auto;
}
.tablet #wrapper h2.ti-shokai,
.sp #wrapper h2.ti-shokai {
  margin: 15px 0 0;
  padding: 0;
  background-image: none;
  min-height: 1em;
}
.tablet #wrapper h2.ti-shokai img,
.sp #wrapper h2.ti-shokai img {
  width: 100%;
  height: auto;
}
.tablet #wrapper .mid-conts,
.sp #wrapper .mid-conts {
  padding: 0 7.5%;
}
.tablet #wrapper .mid-conts .fmhr,
.sp #wrapper .mid-conts .fmhr {
  margin: 0;
}
.tablet #wrapper .mid-conts .fmhr .fmhr-1,
.sp #wrapper .mid-conts .fmhr .fmhr-1 {
  float: none;
}
.tablet #wrapper .mid-conts .fmhr .fmhr-2,
.sp #wrapper .mid-conts .fmhr .fmhr-2 {
  float: none;
}
.tablet #wrapper .mid-conts .fmhr img,
.sp #wrapper .mid-conts .fmhr img {
  width: 100%;
  height: auto;
}
.tablet #wrapper .foot-conts,
.sp #wrapper .foot-conts {
  padding: 0 4.5%;
  text-align: center;
}
.tablet #wrapper .foot-conts .foot-conts-inner .footBnr,
.sp #wrapper .foot-conts .foot-conts-inner .footBnr {
  margin-top: 1em;
  position: relative;
  top: 0;
}
.tablet #wrapper .foot-conts .foot-conts-inner .footBnr img,
.sp #wrapper .foot-conts .foot-conts-inner .footBnr img {
  width: 100%;
  height: auto;
}
.tablet #wrapper .foot-conts .foot-conts-inner .copy,
.sp #wrapper .foot-conts .foot-conts-inner .copy {
  padding-right: 2.6em;
  font-size: 69%;
  text-align: left;
}
.tablet #wrapper .foot-conts .bannerA,
.sp #wrapper .foot-conts .bannerA,
.tablet #wrapper .foot-conts .bannerB,
.sp #wrapper .foot-conts .bannerB {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.tablet #wrapper .foot-conts .bannerA img,
.sp #wrapper .foot-conts .bannerA img,
.tablet #wrapper .foot-conts .bannerB img,
.sp #wrapper .foot-conts .bannerB img {
  width: 100%;
  height: auto;
}
.tablet #wrapper .group-shuzai,
.sp #wrapper .group-shuzai {
  top: -10px;
}
.tablet #wrapper .group-shuzai img,
.sp #wrapper .group-shuzai img {
  width: 70px;
  height: auto;
}
.tablet #wrapper .contents-grad-inner,
.sp #wrapper .contents-grad-inner {
  padding: 4%;
}
.tablet #wrapper .contents .newkaisya,
.sp #wrapper .contents .newkaisya {
  width: 100%;
}
.tablet #wrapper .contents .shokai-inner,
.sp #wrapper .contents .shokai-inner {
  float: none;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0;
}
.tablet #wrapper .contents .shokai-inner ul,
.sp #wrapper .contents .shokai-inner ul {
  width: 100%;
}
.tablet #wrapper .contents .shokai-inner ul li,
.sp #wrapper .contents .shokai-inner ul li {
  display: inline-block;
  text-align: center;
  width: 33.33%;
  height: auto;
  margin: 0 0 5px;
}
.tablet #wrapper .contents .shokai-inner ul li img,
.sp #wrapper .contents .shokai-inner ul li img {
  width: 100%;
  height: auto;
}
.tablet .allpage,
.sp .allpage {
  float: none;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}
.tablet .allpage ul,
.sp .allpage ul {
  width: 100%;
}
.tablet .allpage ul li,
.sp .allpage ul li {
  float: none;
  display: inline-block;
  text-align: center;
  width: 33.3%;
  height: auto;
  margin: 0 0 5px;
}
.tablet .allpage ul li img,
.sp .allpage ul li img {
  width: 100%;
  height: auto;
}
.tablet .endLine,
.sp .endLine {
  margin: 0;
}
.tablet .camera_pag,
.sp .camera_pag,
.tablet .camera_pie,
.sp .camera_pie,
.tablet .camera_commands,
.sp .camera_commands {
  display: none;
}
.tablet #topImage,
.sp #topImage {
  width: 100%;
  height: 240px;
}
.tablet #top-slider,
.sp #top-slider {
  width: 100%;
  height: 240px;
}
.tablet #top-slider .camera_caption > div,
.sp #top-slider .camera_caption > div {
  font-size: 61%;
  padding-right: 23%;
}
.tablet #top-slider .topMob,
.sp #top-slider .topMob {
  position: absolute;
  top: 0;
  left: 3%;
  bottom: 0;
  margin: auto;
  width: 120px;
  height: 150px;
  background: url(/img-new/erh-topmob.png) no-repeat right 0;
  background-size: 100% auto;
}
.tablet #top-slider .topMob.R,
.sp #top-slider .topMob.R {
  left: initial;
  right: 3%;
}
.tablet #top-slider .topMob.s01,
.sp #top-slider .topMob.s01 {
  background: url(/img-new/erh-topmob_s01.png) no-repeat right 0;
  background-size: 100% auto;
}
.tablet #top-slider .topMob.s02,
.sp #top-slider .topMob.s02 {
  background: url(/img-new/erh-topmob_s02.png) no-repeat right 0;
  background-size: 100% auto;
}
.tablet #top-slider .topMob.s03,
.sp #top-slider .topMob.s03 {
  background: url(/img-new/erh-topmob_s03.png) no-repeat right 0;
  background-size: 100% auto;
}
.tablet #top-slider .topMob.s04,
.sp #top-slider .topMob.s04 {
  background: url(/img-new/erh-topmob_s04.png) no-repeat right 0;
  background-size: 100% auto;
}
.tablet #top-slider .topMob.s05,
.sp #top-slider .topMob.s05 {
  background: url(/img-new/erh-topmob_s05.png) no-repeat right 0;
  background-size: 100% auto;
}
.tablet #top-slider .topMob.s06,
.sp #top-slider .topMob.s06 {
  background: url(/img-new/erh-topmob_s06.png) no-repeat right 0;
  background-size: 100% auto;
}
.tablet .top-slider-border,
.sp .top-slider-border {
  width: 100%;
  height: 13vw;
  top: -6.6vw;
  background: url(/img-new/erh-slidetop-mob.png) no-repeat 0 0;
  background-size: 100%;
}
.tablet.androidBrowser .top-slider-border,
.sp.androidBrowser .top-slider-border {
  display: none;
}
.tablet .top-contents-border,
.sp .top-contents-border {
  width: 100%;
  height: 10px;
  left: 0;
  bottom: -8px;
  background: url(/img-new/erh-mid-border.png) no-repeat 0 0;
}
.tablet .mid-contents-border,
.sp .mid-contents-border {
  width: 100%;
}
.tablet .foot-contents-border,
.sp .foot-contents-border {
  width: 100%;
}
.tablet .grad-inner-border,
.sp .grad-inner-border {
  width: 100%;
}
.tablet #group,
.sp #group {
  background-image: none;
}
.tablet #group .group-inner,
.sp #group .group-inner {
  width: 100%;
}
.tablet #group .group-inner .group-title,
.sp #group .group-inner .group-title {
  margin-top: 3%;
  background-position: 0 0;
}
.tablet #group .group-inner .group-pc,
.sp #group .group-inner .group-pc {
  display: none;
  font-size: 79%;
  text-align: center;
}
.tablet #group .group-inner #group-tips,
.sp #group .group-inner #group-tips {
  display: block;
}
.tablet #group .group-inner #group-tips > div > a,
.sp #group .group-inner #group-tips > div > a {
  width: 20%;
  text-align: center;
}
.tablet #group .group-inner #group-tips > div > a img,
.sp #group .group-inner #group-tips > div > a img {
  width: 100%;
}
.tablet #group .group-inner .group-banner,
.sp #group .group-inner .group-banner {
  width: 100%;
}
.tablet #group .group-inner .group-banner a,
.sp #group .group-inner .group-banner a {
  width: 100%;
}
.tablet .slidemenu,
.sp .slidemenu {
  background: #8f0018;
  background: -moz-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7001d), color-stop(50%, #8f0018), color-stop(66%, #a7001d), color-stop(100%, #8f0018));
  background: -webkit-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: linear-gradient(to bottom, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
}
.tablet header#header,
.sp header#header {
  display: block;
  position: absolute;
  z-index: 9999;
  right: 7px;
  top: 7px;
  width: 49px;
  height: 49px;
  float: right;
  /*background: #f1f1f1;
    border-bottom: 1px solid #ddd;*/
}
.tablet .slidemenu .slidemenu-header,
.sp .slidemenu .slidemenu-header {
  overflow: hidden;
  color: #fff;
}
.tablet .slidemenu .slidemenu-header div,
.sp .slidemenu .slidemenu-header div {
  margin: 0 0 0 10px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #fff;
  line-height: 18px;
}
.tablet .slidemenu .slidemenu-header .s-title,
.sp .slidemenu .slidemenu-header .s-title {
  font-size: 11px;
  padding-left: 10px;
}
.tablet .slidemenu .slidemenu-header .search-wp .search-form input,
.sp .slidemenu .slidemenu-header .search-wp .search-form input {
  float: left;
  width: 200px;
  height: 25px;
  padding: 0 30px 0 10px;
  border: none;
  border-radius: 10px;
  background-color: #e6e6e6;
}
.tablet .slidemenu li a,
.sp .slidemenu li a {
  padding: 5px 10px;
}
.tablet ul.slidemenu-content,
.sp ul.slidemenu-content {
  margin: 0;
  padding: 0 0 0px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.tablet ul.slidemenu-content ul,
.sp ul.slidemenu-content ul {
  margin: 0;
}
.tablet ul.slidemenu-content ul.sub-menu,
.sp ul.slidemenu-content ul.sub-menu {
  margin-left: 10px;
  padding: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.tablet ul.slidemenu-content ul.sub-menu ul.sub-menu,
.sp ul.slidemenu-content ul.sub-menu ul.sub-menu {
  margin-left: 0px;
}
.tablet ul.slidemenu-content .menu-item > a.current,
.sp ul.slidemenu-content .menu-item > a.current {
  font-weight: bold;
  text-indent: -1.25em;
  padding-left: 1.7em;
}
.tablet ul.slidemenu-content .menu-item > a.current:before,
.sp ul.slidemenu-content .menu-item > a.current:before {
  font-weight: bold;
  content: "\002731";
  margin: 0 5px 0 0;
  color: #f4f72e;
}
.tablet ul.slidemenu-content li.border-top,
.sp ul.slidemenu-content li.border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.tablet ul.slidemenu-content ul.sub-menu li,
.sp ul.slidemenu-content ul.sub-menu li {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 10px;
  margin-left: 0px;
}
.tablet ul.slidemenu-content ul.sub-menu li a,
.sp ul.slidemenu-content ul.sub-menu li a {
  padding-left: 0;
}
.tablet ul.slidemenu-content ul.sub-menu li:last-child,
.sp ul.slidemenu-content ul.sub-menu li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.mediaQuereyMixin {
  /* Assy----------------------------------------------- */
  /* { sw camera do it----------------------------------------------- */
  /* sp-slidemenu */
}
.mediaQuereyMixin hr.forSp {
  display: block;
}
.mediaQuereyMixin br.forSp,
.mediaQuereyMixin span.forSp {
  display: inline;
}
.mediaQuereyMixin hr.forPc,
.mediaQuereyMixin br.forPc,
.mediaQuereyMixin span.forPc {
  display: none;
}
.mediaQuereyMixin .pcImg {
  display: none;
}
.mediaQuereyMixin .spImg {
  display: block;
}
.mediaQuereyMixin .pcBlock {
  display: none;
}
.mediaQuereyMixin .spBlock {
  display: block;
}
.mediaQuereyMixin img.w100 {
  max-width: 100%;
  height: auto;
}
.mediaQuereyMixin #container .zip18 {
  margin: 0 auto;
  padding: 1em 0;
}
.mediaQuereyMixin #container .zip18 .pho {
  float: none;
  margin-bottom: 15px;
  width: 100%;
  text-align: center;
}
.mediaQuereyMixin #container .zip18 .pho img {
  width: 100%;
  max-width: 400px;
  display: inline-block;
}
.mediaQuereyMixin #container #wrapper {
  font-size: 76.92%;
  width: 100%;
}
.mediaQuereyMixin #container #wrapper h1.top-logo {
  margin: 0;
}
.mediaQuereyMixin #container #wrapper h1.top-logo img {
  width: auto;
  height: 100%;
}
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi,
.mediaQuereyMixin #container #wrapper .contents .gnavi {
  padding: 5px 5px 5px;
}
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner,
.mediaQuereyMixin #container #wrapper .contents .gnavi .gnavi-inner {
  float: none;
  width: 100%;
  height: auto;
  text-align: center;
  padding-top: 3%;
}
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner ul,
.mediaQuereyMixin #container #wrapper .contents .gnavi .gnavi-inner ul {
  width: 100%;
}
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner ul li,
.mediaQuereyMixin #container #wrapper .contents .gnavi .gnavi-inner ul li {
  display: inline-block;
  text-align: center;
  width: 16.66%;
  height: auto;
  padding-right: 0;
  /*.no-media-query& {
                width: 220px;
                img {
                  width: auto;
                  height: 270px;
                }
              }*/
}
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-inner ul li img,
.mediaQuereyMixin #container #wrapper .contents .gnavi .gnavi-inner ul li img {
  width: 100%;
  height: auto;
}
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner,
.mediaQuereyMixin #container #wrapper .contents .gnavi .gnavi-banner {
  float: none;
  width: 100%;
  height: auto;
  padding: 0;
  text-align: center;
  max-width: 530px;
  margin: 0 auto;
}
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .title,
.mediaQuereyMixin #container #wrapper .contents .gnavi .gnavi-banner .title {
  text-align: left;
}
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerA,
.mediaQuereyMixin #container #wrapper .contents .gnavi .gnavi-banner .bannerA,
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerB,
.mediaQuereyMixin #container #wrapper .contents .gnavi .gnavi-banner .bannerB {
  display: inline-block;
}
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerA img,
.mediaQuereyMixin #container #wrapper .contents .gnavi .gnavi-banner .bannerA img,
.mediaQuereyMixin #container #wrapper .contents .contents-grad-inner.gnavi .gnavi-banner .bannerB img,
.mediaQuereyMixin #container #wrapper .contents .gnavi .gnavi-banner .bannerB img {
  width: 100%;
  height: auto;
}
.mediaQuereyMixin #container #wrapper .mid-conts-inner {
  padding: 4% 2%;
}
.mediaQuereyMixin #wrapper {
  background: #8f0018;
  background: -moz-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7001d), color-stop(50%, #8f0018), color-stop(66%, #a7001d), color-stop(100%, #8f0018));
  background: -webkit-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: linear-gradient(to bottom, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
}
.mediaQuereyMixin #wrapper #hdr {
  width: 100%;
  padding: 0 0 0 7.5%;
  height: 65px;
  background: #8f0018;
  background: -moz-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7001d), color-stop(50%, #8f0018), color-stop(66%, #a7001d), color-stop(100%, #8f0018));
  background: -webkit-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: linear-gradient(to bottom, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background-image: url(/img-new/erh-hdr-L.png);
  background-position: left 0;
  background-repeat: no-repeat;
  background-size: 7.5% auto;
}
.mediaQuereyMixin #wrapper #hdr .hdr-sp {
  width: 100%;
  height: 65px;
  padding-right: 8.15%;
  background: url(/img-new/erh-hdr-R.png) no-repeat right 0;
  background-size: 8.15% auto;
}
.mediaQuereyMixin #wrapper #hdr .hdr-inner {
  height: 100%;
  padding: 0;
}
.mediaQuereyMixin #wrapper .contents {
  padding: 0;
}
.mediaQuereyMixin #wrapper .contents .contents-sp-L {
  margin: 0;
  padding: 0 0 0 7.5%;
  background: url(/img-new/erh-cont-L.png) no-repeat left bottom;
  background-size: 7.5% auto;
}
.mediaQuereyMixin #wrapper .contents .contents-sp-R {
  margin: 0;
  padding: 0 8.15% 0 0;
  background: url(/img-new/erh-cont-R.png) no-repeat right bottom;
  background-size: 8.15% auto;
}
.mediaQuereyMixin #wrapper h2.ti-shokai {
  margin: 15px 0 0;
  padding: 0;
  background-image: none;
  min-height: 1em;
}
.mediaQuereyMixin #wrapper h2.ti-shokai img {
  width: 100%;
  height: auto;
}
.mediaQuereyMixin #wrapper .mid-conts {
  padding: 0 7.5%;
}
.mediaQuereyMixin #wrapper .mid-conts .fmhr {
  margin: 0;
}
.mediaQuereyMixin #wrapper .mid-conts .fmhr .fmhr-1 {
  float: none;
}
.mediaQuereyMixin #wrapper .mid-conts .fmhr .fmhr-2 {
  float: none;
}
.mediaQuereyMixin #wrapper .mid-conts .fmhr img {
  width: 100%;
  height: auto;
}
.mediaQuereyMixin #wrapper .foot-conts {
  padding: 0 4.5%;
  text-align: center;
}
.mediaQuereyMixin #wrapper .foot-conts .foot-conts-inner .footBnr {
  margin-top: 1em;
  position: relative;
  top: 0;
}
.mediaQuereyMixin #wrapper .foot-conts .foot-conts-inner .footBnr img {
  width: 100%;
  height: auto;
}
.mediaQuereyMixin #wrapper .foot-conts .foot-conts-inner .copy {
  padding-right: 2.6em;
  font-size: 69%;
  text-align: left;
}
.mediaQuereyMixin #wrapper .foot-conts .bannerA,
.mediaQuereyMixin #wrapper .foot-conts .bannerB {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.mediaQuereyMixin #wrapper .foot-conts .bannerA img,
.mediaQuereyMixin #wrapper .foot-conts .bannerB img {
  width: 100%;
  height: auto;
}
.mediaQuereyMixin #wrapper .group-shuzai {
  top: -10px;
}
.mediaQuereyMixin #wrapper .group-shuzai img {
  width: 70px;
  height: auto;
}
.mediaQuereyMixin #wrapper .contents-grad-inner {
  padding: 4%;
}
.mediaQuereyMixin #wrapper .contents .newkaisya {
  width: 100%;
}
.mediaQuereyMixin #wrapper .contents .shokai-inner {
  float: none;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0;
}
.mediaQuereyMixin #wrapper .contents .shokai-inner ul {
  width: 100%;
}
.mediaQuereyMixin #wrapper .contents .shokai-inner ul li {
  display: inline-block;
  text-align: center;
  width: 33.33%;
  height: auto;
  margin: 0 0 5px;
}
.mediaQuereyMixin #wrapper .contents .shokai-inner ul li img {
  width: 100%;
  height: auto;
}
.mediaQuereyMixin .allpage {
  float: none;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}
.mediaQuereyMixin .allpage ul {
  width: 100%;
}
.mediaQuereyMixin .allpage ul li {
  float: none;
  display: inline-block;
  text-align: center;
  width: 33.3%;
  height: auto;
  margin: 0 0 5px;
}
.mediaQuereyMixin .allpage ul li img {
  width: 100%;
  height: auto;
}
.mediaQuereyMixin .endLine {
  margin: 0;
}
.mediaQuereyMixin .camera_pag,
.mediaQuereyMixin .camera_pie,
.mediaQuereyMixin .camera_commands {
  display: none;
}
.mediaQuereyMixin #topImage {
  width: 100%;
  height: 240px;
}
.mediaQuereyMixin #top-slider {
  width: 100%;
  height: 240px;
}
.mediaQuereyMixin #top-slider .camera_caption > div {
  font-size: 61%;
  padding-right: 23%;
}
.mediaQuereyMixin #top-slider .topMob {
  position: absolute;
  top: 0;
  left: 3%;
  bottom: 0;
  margin: auto;
  width: 120px;
  height: 150px;
  background: url(/img-new/erh-topmob.png) no-repeat right 0;
  background-size: 100% auto;
}
.mediaQuereyMixin #top-slider .topMob.R {
  left: initial;
  right: 3%;
}
.mediaQuereyMixin #top-slider .topMob.s01 {
  background: url(/img-new/erh-topmob_s01.png) no-repeat right 0;
  background-size: 100% auto;
}
.mediaQuereyMixin #top-slider .topMob.s02 {
  background: url(/img-new/erh-topmob_s02.png) no-repeat right 0;
  background-size: 100% auto;
}
.mediaQuereyMixin #top-slider .topMob.s03 {
  background: url(/img-new/erh-topmob_s03.png) no-repeat right 0;
  background-size: 100% auto;
}
.mediaQuereyMixin #top-slider .topMob.s04 {
  background: url(/img-new/erh-topmob_s04.png) no-repeat right 0;
  background-size: 100% auto;
}
.mediaQuereyMixin #top-slider .topMob.s05 {
  background: url(/img-new/erh-topmob_s05.png) no-repeat right 0;
  background-size: 100% auto;
}
.mediaQuereyMixin #top-slider .topMob.s06 {
  background: url(/img-new/erh-topmob_s06.png) no-repeat right 0;
  background-size: 100% auto;
}
.mediaQuereyMixin .top-slider-border {
  width: 100%;
  height: 13vw;
  top: -6.6vw;
  background: url(/img-new/erh-slidetop-mob.png) no-repeat 0 0;
  background-size: 100%;
}
.mediaQuereyMixin.androidBrowser .top-slider-border {
  display: none;
}
.mediaQuereyMixin .top-contents-border {
  width: 100%;
  height: 10px;
  left: 0;
  bottom: -8px;
  background: url(/img-new/erh-mid-border.png) no-repeat 0 0;
}
.mediaQuereyMixin .mid-contents-border {
  width: 100%;
}
.mediaQuereyMixin .foot-contents-border {
  width: 100%;
}
.mediaQuereyMixin .grad-inner-border {
  width: 100%;
}
.mediaQuereyMixin #group {
  background-image: none;
}
.mediaQuereyMixin #group .group-inner {
  width: 100%;
}
.mediaQuereyMixin #group .group-inner .group-title {
  margin-top: 3%;
  background-position: 0 0;
}
.mediaQuereyMixin #group .group-inner .group-pc {
  display: none;
  font-size: 79%;
  text-align: center;
}
.mediaQuereyMixin #group .group-inner #group-tips {
  display: block;
}
.mediaQuereyMixin #group .group-inner #group-tips > div > a {
  width: 20%;
  text-align: center;
}
.mediaQuereyMixin #group .group-inner #group-tips > div > a img {
  width: 100%;
}
.mediaQuereyMixin #group .group-inner .group-banner {
  width: 100%;
}
.mediaQuereyMixin #group .group-inner .group-banner a {
  width: 100%;
}
.mediaQuereyMixin .slidemenu {
  background: #8f0018;
  background: -moz-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7001d), color-stop(50%, #8f0018), color-stop(66%, #a7001d), color-stop(100%, #8f0018));
  background: -webkit-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: linear-gradient(to bottom, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
}
.mediaQuereyMixin header#header {
  display: block;
  position: absolute;
  z-index: 9999;
  right: 7px;
  top: 7px;
  width: 49px;
  height: 49px;
  float: right;
  /*background: #f1f1f1;
    border-bottom: 1px solid #ddd;*/
}
.mediaQuereyMixin .slidemenu .slidemenu-header {
  overflow: hidden;
  color: #fff;
}
.mediaQuereyMixin .slidemenu .slidemenu-header div {
  margin: 0 0 0 10px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #fff;
  line-height: 18px;
}
.mediaQuereyMixin .slidemenu .slidemenu-header .s-title {
  font-size: 11px;
  padding-left: 10px;
}
.mediaQuereyMixin .slidemenu .slidemenu-header .search-wp .search-form input {
  float: left;
  width: 200px;
  height: 25px;
  padding: 0 30px 0 10px;
  border: none;
  border-radius: 10px;
  background-color: #e6e6e6;
}
.mediaQuereyMixin .slidemenu li a {
  padding: 5px 10px;
}
.mediaQuereyMixin ul.slidemenu-content {
  margin: 0;
  padding: 0 0 0px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.mediaQuereyMixin ul.slidemenu-content ul {
  margin: 0;
}
.mediaQuereyMixin ul.slidemenu-content ul.sub-menu {
  margin-left: 10px;
  padding: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.mediaQuereyMixin ul.slidemenu-content ul.sub-menu ul.sub-menu {
  margin-left: 0px;
}
.mediaQuereyMixin ul.slidemenu-content .menu-item > a.current {
  font-weight: bold;
  text-indent: -1.25em;
  padding-left: 1.7em;
}
.mediaQuereyMixin ul.slidemenu-content .menu-item > a.current:before {
  font-weight: bold;
  content: "\002731";
  margin: 0 5px 0 0;
  color: #f4f72e;
}
.mediaQuereyMixin ul.slidemenu-content li.border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.mediaQuereyMixin ul.slidemenu-content ul.sub-menu li {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 10px;
  margin-left: 0px;
}
.mediaQuereyMixin ul.slidemenu-content ul.sub-menu li a {
  padding-left: 0;
}
.mediaQuereyMixin ul.slidemenu-content ul.sub-menu li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* todo for pc sp-slidemenu */
nav ul {
  list-style: none;
}
/*header*/
.pc header#header {
  display: none;
}
.button {
  width: 49px;
  height: 49px;
  position: absolute;
  display: block;
  background: url(../img-new/menu_button_back.png) no-repeat center center;
  background-size: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* sw added .opened */
.button.opened {
  transform: rotate(90deg);
}
.menu-button-left {
  left: 0px;
  border-right: 1px solid #ddd;
}
.menu-button-right {
  right: 0px;
  /*border-left: 1px solid #ddd;*/
}
/*slidemenu*/
.slidemenu {
  /*background-color: #333;*/
}
.slidemenu li {
  list-style: none;
  font-size: 14px;
  line-height: 1.8;
}
.slidemenu li a {
  padding: 10px 0 10px 20px;
  display: block;
  text-decoration: none;
  color: #fff;
}
.slidemenu li:first-child {
  border-top: none;
}
.slidemenu li:last-child {
  border-bottom: none;
}
.slidemenu .slidemenu-header {
  height: 50px;
  font-size: 14px;
}
.slidemenu .slidemenu-header span {
  display: none;
}
.slidemenu .slidemenu-header img {
  width: 240px;
  height: auto;
}
.slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.slidemenu .slidemenu-header {
  position: relative;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu-left {
  left: 0;
}
.slidemenu-right {
  right: 0;
}
.baseSpSlideMenu {
  /*header*/
  /* sw added .opened */
  /*slidemenu*/
}
.baseSpSlideMenu nav ul {
  list-style: none;
}
.baseSpSlideMenu .pc header#header {
  display: none;
}
.baseSpSlideMenu .button {
  width: 49px;
  height: 49px;
  position: absolute;
  display: block;
  background: url(../img-new/menu_button_back.png) no-repeat center center;
  background-size: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.baseSpSlideMenu .button.opened {
  transform: rotate(90deg);
}
.baseSpSlideMenu .menu-button-left {
  left: 0px;
  border-right: 1px solid #ddd;
}
.baseSpSlideMenu .menu-button-right {
  right: 0px;
  /*border-left: 1px solid #ddd;*/
}
.baseSpSlideMenu .slidemenu {
  /*background-color: #333;*/
}
.baseSpSlideMenu .slidemenu li {
  list-style: none;
  font-size: 14px;
  line-height: 1.8;
}
.baseSpSlideMenu .slidemenu li a {
  padding: 10px 0 10px 20px;
  display: block;
  text-decoration: none;
  color: #fff;
}
.baseSpSlideMenu .slidemenu li:first-child {
  border-top: none;
}
.baseSpSlideMenu .slidemenu li:last-child {
  border-bottom: none;
}
.baseSpSlideMenu .slidemenu .slidemenu-header {
  height: 50px;
  font-size: 14px;
}
.baseSpSlideMenu .slidemenu .slidemenu-header span {
  display: none;
}
.baseSpSlideMenu .slidemenu .slidemenu-header img {
  width: 240px;
  height: auto;
}
.baseSpSlideMenu .slidemenu {
  top: 0;
  width: 240px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.baseSpSlideMenu .slidemenu .slidemenu-header {
  position: relative;
}
.baseSpSlideMenu .slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.baseSpSlideMenu .slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.baseSpSlideMenu .slidemenu-left {
  left: 0;
}
.baseSpSlideMenu .slidemenu-right {
  right: 0;
}
/* todo for sp sp-slidemenu */
.sideSlide {
  /* sp-slidemenu */
}
.sideSlide .slidemenu {
  background: #8f0018;
  background: -moz-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7001d), color-stop(50%, #8f0018), color-stop(66%, #a7001d), color-stop(100%, #8f0018));
  background: -webkit-linear-gradient(top, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
  background: linear-gradient(to bottom, #a7001d 0%, #8f0018 50%, #a7001d 66%, #8f0018 100%);
}
.sideSlide header#header {
  display: block;
  position: absolute;
  z-index: 9999;
  right: 7px;
  top: 7px;
  width: 49px;
  height: 49px;
  float: right;
  /*background: #f1f1f1;
    border-bottom: 1px solid #ddd;*/
}
.sideSlide .slidemenu .slidemenu-header {
  overflow: hidden;
  color: #fff;
}
.sideSlide .slidemenu .slidemenu-header div {
  margin: 0 0 0 10px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #fff;
  line-height: 18px;
}
.sideSlide .slidemenu .slidemenu-header .s-title {
  font-size: 11px;
  padding-left: 10px;
}
.sideSlide .slidemenu .slidemenu-header .search-wp .search-form input {
  float: left;
  width: 200px;
  height: 25px;
  padding: 0 30px 0 10px;
  border: none;
  border-radius: 10px;
  background-color: #e6e6e6;
}
.sideSlide .slidemenu li a {
  padding: 5px 10px;
}
.sideSlide ul.slidemenu-content {
  margin: 0;
  padding: 0 0 0px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.sideSlide ul.slidemenu-content ul {
  margin: 0;
}
.sideSlide ul.slidemenu-content ul.sub-menu {
  margin-left: 10px;
  padding: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.sideSlide ul.slidemenu-content ul.sub-menu ul.sub-menu {
  margin-left: 0px;
}
.sideSlide ul.slidemenu-content .menu-item > a.current {
  font-weight: bold;
  text-indent: -1.25em;
  padding-left: 1.7em;
}
.sideSlide ul.slidemenu-content .menu-item > a.current:before {
  font-weight: bold;
  content: "\002731";
  margin: 0 5px 0 0;
  color: #f4f72e;
}
.sideSlide ul.slidemenu-content li.border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.sideSlide ul.slidemenu-content ul.sub-menu li {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding-left: 10px;
  margin-left: 0px;
}
.sideSlide ul.slidemenu-content ul.sub-menu li a {
  padding-left: 0;
}
.sideSlide ul.slidemenu-content ul.sub-menu li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* fixme image caption */
.pc #wrapper .hasRightMenu {
  padding-right: 255px;
}
.pc {
  /*
  http://www.nxworld.net/tips/css-only-caption-effect.html
  <figure>
  	<img src="image.jpg" />
  	<figcaption>
  		<h3>Caption Title</h3>
  		<p>caption text here ...</p>
  	</figcaption>
  </figure>
  下から
  */
}
.pc figure,
.pc .figure {
  position: relative;
  overflow: hidden;
  width: 250px;
}
.pc figcaption,
.pc .figcaption {
  position: absolute;
  z-index: 2;
  left: -80px;
  bottom: 65px;
  width: 222px;
  height: auto;
  opacity: 0;
  background: rgba(120, 63, 3, 0.76);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  color: #fff;
  text-align: left;
  padding: 6px 10px;
  border-top: 3px solid rgba(255, 255, 255, 0.6);
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
.pc figcaption p,
.pc .figcaption p {
  margin: 0;
  padding: 0;
}
.pc figure:hover figcaption,
.pc .figure:hover figcaption,
.pc figure:hover .figcaption,
.pc .figure:hover .figcaption {
  opacity: 1;
  display: block;
  left: 9px;
}
.tablet figcaption,
.sp figcaption,
.tablet .figcaption,
.sp .figcaption {
  display: none;
  text-align: left;
}
.tablet figcaption p,
.sp figcaption p,
.tablet .figcaption p,
.sp .figcaption p {
  margin: 0;
  padding: 0;
}
.imgCaptionSet {
  /*
  http://www.nxworld.net/tips/css-only-caption-effect.html
  <figure>
  	<img src="image.jpg" />
  	<figcaption>
  		<h3>Caption Title</h3>
  		<p>caption text here ...</p>
  	</figcaption>
  </figure>
  下から
  */
}
.imgCaptionSet figure,
.imgCaptionSet .figure {
  position: relative;
  overflow: hidden;
  width: 250px;
}
.imgCaptionSet figcaption,
.imgCaptionSet .figcaption {
  position: absolute;
  z-index: 2;
  left: -80px;
  bottom: 65px;
  width: 222px;
  height: auto;
  opacity: 0;
  background: rgba(120, 63, 3, 0.76);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  color: #fff;
  text-align: left;
  padding: 6px 10px;
  border-top: 3px solid rgba(255, 255, 255, 0.6);
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
.imgCaptionSet figcaption p,
.imgCaptionSet .figcaption p {
  margin: 0;
  padding: 0;
}
.imgCaptionSet figure:hover figcaption,
.imgCaptionSet .figure:hover figcaption,
.imgCaptionSet figure:hover .figcaption,
.imgCaptionSet .figure:hover .figcaption {
  opacity: 1;
  display: block;
  left: 9px;
}
/*# sourceMappingURL=style.css.map */