@charset "UTF-8";
/* = Footer吸着 START
===========================================*/
html {
  position: relative;
  min-height: 100%;
}

body {
  font-size: 16px;
  margin-bottom: 300px !important;
  background-color: #fff;
}

footer.commonFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 300px;
  z-index: 30;
}

* {
  outline: none;
}

.btn {
  font-size: 14px;
  letter-spacing: 2px;
}

.btn-icon {
  text-align: left;
}

.btn-common, .btn-prev,
.btn-next,
.btn-right,
.btn-left,
.btn-up,
.btn-down,
.btn-hoge, .btn-def, .btn-pink, .btn-red {
  height: 50px;
  color: #333 !important;
  font-size: 16px;
  font-weight: 500;
  border: 2px solid #333;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
.btn-common:hover, .btn-prev:hover,
.btn-next:hover,
.btn-right:hover,
.btn-left:hover,
.btn-up:hover,
.btn-down:hover,
.btn-hoge:hover, .btn-def:hover, .btn-pink:hover, .btn-red:hover, .btn-common:active, .btn-prev:active,
.btn-next:active,
.btn-right:active,
.btn-left:active,
.btn-up:active,
.btn-down:active,
.btn-hoge:active, .btn-def:active, .btn-pink:active, .btn-red:active, .btn-common:focus, .btn-prev:focus,
.btn-next:focus,
.btn-right:focus,
.btn-left:focus,
.btn-up:focus,
.btn-down:focus,
.btn-hoge:focus, .btn-def:focus, .btn-pink:focus, .btn-red:focus, .btn-common.hover, .hover.btn-prev,
.hover.btn-next,
.hover.btn-right,
.hover.btn-left,
.hover.btn-up,
.hover.btn-down,
.hover.btn-hoge, .hover.btn-def, .hover.btn-pink, .hover.btn-red, .btn-common.active, .active.btn-prev,
.active.btn-next,
.active.btn-right,
.active.btn-left,
.active.btn-up,
.active.btn-down,
.active.btn-hoge, .active.btn-def, .active.btn-pink, .active.btn-red, .btn-common.focus, .focus.btn-prev,
.focus.btn-next,
.focus.btn-right,
.focus.btn-left,
.focus.btn-up,
.focus.btn-down,
.focus.btn-hoge, .focus.btn-def, .focus.btn-pink, .focus.btn-red {
  background-color: #17c795;
}

.btn-prev,
.btn-next,
.btn-right,
.btn-left,
.btn-up,
.btn-down,
.btn-hoge {
  padding: 10px 45px 0px 20px;
  background: #fff url(/theme2017/images/common/arrow-circle-right-black.png) no-repeat center right 9px;
  background-size: 30px auto;
}
.btn-prev.btn-block,
.btn-next.btn-block,
.btn-right.btn-block,
.btn-left.btn-block,
.btn-up.btn-block,
.btn-down.btn-block,
.btn-hoge.btn-block {
  padding-left: 10px;
  padding-right: 33px;
}
.btn-prev.btn-sm,
.btn-next.btn-sm,
.btn-right.btn-sm,
.btn-left.btn-sm,
.btn-up.btn-sm,
.btn-down.btn-sm,
.btn-hoge.btn-sm {
  padding-top: 6px;
  padding-left: 15px;
  padding-right: 40px;
  height: 40px;
  font-size: 15px;
  background-size: 25px auto;
  background-position: center right 8px;
}
.btn-prev.btn-xs,
.btn-next.btn-xs,
.btn-right.btn-xs,
.btn-left.btn-xs,
.btn-up.btn-xs,
.btn-down.btn-xs,
.btn-hoge.btn-xs {
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 33px;
  height: 30px;
  font-size: 13px;
  background-size: 18px auto;
  background-position: center right 6px;
}

.btn-up {
  background-image: url(/theme2017/images/common/arrow-circle-up-black.png);
}
.btn-up:hover, .btn-up:active, .btn-up:focus, .btn-up.hover, .btn-up.active, .btn-up.focus {
  background-image: url(/theme2017/images/common/arrow-circle-up-white.png);
}

.btn-down {
  background-image: url(/theme2017/images/common/arrow-circle-down-black.png);
}
.btn-down:hover, .btn-down:active, .btn-down:focus, .btn-down.hover, .btn-down.active, .btn-down.focus {
  background-image: url(/theme2017/images/common/arrow-circle-down-white.png);
}

.btn-left {
  background-image: url(/theme2017/images/common/arrow-circle-left-black.png);
}
.btn-left:hover, .btn-left:active, .btn-left:focus, .btn-left.hover, .btn-left.active, .btn-left.focus {
  background-image: url(/theme2017/images/common/arrow-circle-left-white.png);
}

.btn-right {
  background-image: url(/theme2017/images/common/arrow-circle-right-black.png);
}
.btn-right:hover, .btn-right:active, .btn-right:focus, .btn-right.hover, .btn-right.active, .btn-right.focus {
  background-image: url(/theme2017/images/common/arrow-circle-right-white.png);
}

.btn-next {
  background-image: url(/theme2017/images/common/arrow-circle-right-black.png);
}
.btn-next:hover, .btn-next:active, .btn-next:focus, .btn-next.hover, .btn-next.active, .btn-next.focus {
  background-image: url(/theme2017/images/common/arrow-circle-right-white.png);
}

.btn-prev {
  background-image: url(/theme2017/images/common/arrow-circle-left-black.png);
}
.btn-prev:hover, .btn-prev:active, .btn-prev:focus, .btn-prev.hover, .btn-prev.active, .btn-prev.focus {
  background-image: url(/theme2017/images/common/arrow-circle-left-white.png);
}

.btn-prev, .btn-left {
  padding-left: 55px;
  padding-right: 30px;
  background-position: 9px center;
}
.btn-prev.btn-block, .btn-left.btn-block {
  padding-left: 33px;
  padding-right: 10px;
}
.btn-prev.btn-sm, .btn-left.btn-sm {
  padding-left: 40px;
  padding-right: 15px;
  background-position: 8px center;
}
.btn-prev.btn-xs, .btn-left.btn-xs {
  padding-left: 33px;
  padding-right: 10px;
  background-position: 6px center;
}

.btn-area1:hover, .btn-area1:active, .btn-area1:focus, .btn-area1.hover, .btn-area1.active, .btn-area1.focus {
  background-color: #ffb317;
}

.btn-area2:hover, .btn-area2:active, .btn-area2:focus, .btn-area2.hover, .btn-area2.active, .btn-area2.focus {
  background-color: #eb4466;
}

.btn-area3:hover, .btn-area3:active, .btn-area3:focus, .btn-area3.hover, .btn-area3.active, .btn-area3.focus {
  background-color: #17c795;
}

.btn-area4:hover, .btn-area4:active, .btn-area4:focus, .btn-area4.hover, .btn-area4.active, .btn-area4.focus {
  background-color: #5cd0ed;
}

.btn-area5:hover, .btn-area5:active, .btn-area5:focus, .btn-area5.hover, .btn-area5.active, .btn-area5.focus {
  background-color: #9063ab;
}

.mainContainer {
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

.mgt1 {
  margin-top: 1px;
}

.mgt5 {
  margin-top: 5px;
}

.mgt10 {
  margin-top: 10px;
}

.mgt20 {
  margin-top: 20px;
}

.mgt30 {
  margin-top: 30px;
}

.mgt40 {
  margin-top: 40px;
}

.mgt50 {
  margin-top: 50px;
}

.mgb1 {
  margin-bottom: 1px;
}

.mgb5 {
  margin-bottom: 5px;
}

.mgb10 {
  margin-bottom: 10px;
}

.mgb20 {
  margin-bottom: 20px;
}

.mgb30 {
  margin-bottom: 30px;
}

.mgb40 {
  margin-bottom: 40px;
}

.mgb50 {
  margin-bottom: 50px;
}

.mgl1 {
  margin-left: 1px;
}

.mgl5 {
  margin-left: 5px;
}

.mgl10 {
  margin-left: 10px;
}

.mgl20 {
  margin-left: 20px;
}

.mgl30 {
  margin-left: 30px;
}

.mgl40 {
  margin-left: 40px;
}

.mgl50 {
  margin-left: 50px;
}

.mgr1 {
  margin-right: 1px;
}

.mgr5 {
  margin-right: 5px;
}

.mgr10 {
  margin-right: 10px;
}

.mgr20 {
  margin-right: 20px;
}

.mgr30 {
  margin-right: 30px;
}

.mgr40 {
  margin-right: 40px;
}

.mgr50 {
  margin-right: 50px;
}

.flexslider {
  margin: 0;
  background: transparent;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.flexslider .flex-direction-nav a {
  margin-top: -50px;
  width: 50px;
  height: 100px;
  text-align: center;
  background: url(/theme2017/images/common/xxx.png) no-repeat center center;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.flexslider .flex-direction-nav a:before, .flexslider .flex-direction-nav a:after {
  content: "";
}
.flexslider .flex-direction-nav .flex-prev {
  left: 0 !important;
  background-image: url(/theme2017/images/common/sl1-prev.png);
}
.flexslider .flex-direction-nav .flex-next {
  right: 0 !important;
  background-image: url(/theme2017/images/common/sl1-next.png);
}
.flexslider .flex-control-nav {
  z-index: 10;
  bottom: 10px;
}
.flexslider .flex-control-nav li {
  margin: 0 6px !important;
}
.flexslider .flex-control-paging li a {
  width: 23px;
  height: 23px;
  background: transparent url(/theme2017/images/common/slider_paging.png) no-repeat center center;
}
.flexslider .flex-control-paging li a.flex-active {
  background-image: url(/theme2017/images/common/slider_paging_green.png);
}

.lineTitle {
  margin: 0 0 20px;
  text-align: center;
  font-size: 32px;
  background: url(/theme2017/images/loop/bg_lineTitle.gif) repeat-x center center;
}
.lineTitle span {
  display: inline-block;
  padding: 5px 25px;
  font-weight: 500;
  background: #fff;
  font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}

.lineTitleSub {
  display: block;
  margin: -10px auto 30px;
  text-align: center;
}

section.bg-loop1 {
  background: url(/theme2017/images/loop/loop1.png);
}
section.bg-loop1 .lineTitle span {
  background: transparent url(/theme2017/images/loop/loop1.png);
}

.badge-area, .badge-term {
  margin-right: 5px;
  padding: 6px 20px 0;
  height: 30px;
  min-width: 120px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .1em;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border: 2px solid #1f1f1f;
}
.badge-area.badge-area1, .badge-term.badge-area1 {
  background-color: #ffb317;
  border-color: #ffb317;
}
.badge-area.badge-area2, .badge-term.badge-area2 {
  background-color: #eb4466;
  border-color: #eb4466;
}
.badge-area.badge-area3, .badge-term.badge-area3 {
  background-color: #17c795;
  border-color: #17c795;
}
.badge-area.badge-area4, .badge-term.badge-area4 {
  background-color: #5cd0ed;
  border-color: #5cd0ed;
}
.badge-area.badge-area5, .badge-term.badge-area5 {
  background-color: #9063ab;
  border-color: #9063ab;
}

.badge-term {
  margin-right: 5px;
  color: #1f1f1f;
  background-color: #fff;
  border-color: #1f1f1f;
}

/*==========================================
= pagenate
===========================================*/
.pagenate {
  margin: 50px auto;
  width: 100%;
  text-align: center;
}
.pagenate .pagenate-inn {
  display: inline-block;
}
.pagenate ul li {
  float: left;
  margin: 0 4px;
}
.pagenate ul li:last-child {
  margin-right: 0;
}
.pagenate ul li span, .pagenate ul li a {
  display: block;
  padding: 8px 0;
  min-width: 45px;
  color: #000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #999;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.pagenate ul li span {
  cursor: default;
}
.pagenate ul li a:hover, .pagenate ul li.page span {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.pagenate ul li.prev, .pagenate ul li.next {
  min-width: 80px;
}
.pagenate ul li.prev {
  margin-right: 20px;
}
.pagenate ul li.prev a, .pagenate ul li.prev span {
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
.pagenate ul li.next {
  margin-left: 20px;
}
.pagenate ul li.next a, .pagenate ul li.next span {
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}

.img-responsive {
  margin: 0 auto;
}

table.tableType1 {
  width: 100%;
}
table.tableType1 tr th, table.tableType1 tr td {
  padding: 15px 20px;
  font-size: 15px;
  border-bottom: 1px solid #1f1f1f;
  vertical-align: top;
}
table.tableType1 tr th {
  width: 15%;
  font-weight: bold;
  text-align: center;
}
table.tableType1 tr td {
  border-bottom-color: #999;
}
table.tableType1 tr td.blank {
  padding: 0;
  width: 20px;
  border-bottom-color: transparent;
}
table.tableType1 tr td.lg {
  font-family: "Meiryo";
}

table.tableType2 {
  width: 100%;
}
table.tableType2 tr th, table.tableType2 tr td {
  padding: 5px 10px;
  font-size: 14px;
  vertical-align: top;
  border: 1px solid #cdcdcd;
}
table.tableType2 tr th {
  width: 30%;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #777;
  border-left-width: 2px;
}
table.tableType2 tr td {
  border-right-width: 2px;
}
table.tableType2 tr:first-child th, table.tableType2 tr:first-child td {
  border-top-width: 2px;
}
table.tableType2 tr:last-child th, table.tableType2 tr:last-child td {
  border-bottom-width: 2px;
}

.btn-common, .btn-prev,
.btn-next,
.btn-right,
.btn-left,
.btn-up,
.btn-down,
.btn-hoge, .btn-def, .btn-pink, .btn-red {
  padding: 10px 40px 0px 25px;
  height: 44px;
  color: #333 !important;
  font-size: 16px;
  font-weight: 500;
  border: 2px solid #333;
  background: #fff url(/spn/img/common/imgBtnBlackRight.png) no-repeat center right 7px;
  background-size: 28px 28px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
.btn-common.btn-block, .btn-block.btn-prev,
.btn-block.btn-next,
.btn-block.btn-right,
.btn-block.btn-left,
.btn-block.btn-up,
.btn-block.btn-down,
.btn-block.btn-hoge, .btn-block.btn-def, .btn-block.btn-pink, .btn-block.btn-red {
  padding-left: 10px;
  padding-right: 33px;
}
.btn-common.btn-xs, .btn-xs.btn-prev,
.btn-xs.btn-next,
.btn-xs.btn-right,
.btn-xs.btn-left,
.btn-xs.btn-up,
.btn-xs.btn-down,
.btn-xs.btn-hoge, .btn-xs.btn-def, .btn-xs.btn-pink, .btn-xs.btn-red {
  padding: 2px;
  padding-left: 10px;
  padding-right: 33px;
  height: 25px;
  font-size: 13px;
  background-size: 15px 15px;
}
.btn-common.btn-sm, .btn-sm.btn-prev,
.btn-sm.btn-next,
.btn-sm.btn-right,
.btn-sm.btn-left,
.btn-sm.btn-up,
.btn-sm.btn-down,
.btn-sm.btn-hoge, .btn-sm.btn-def, .btn-sm.btn-pink, .btn-sm.btn-red {
  padding: 5px;
  padding-left: 15px;
  padding-right: 35px;
  height: 36px;
  font-size: 15px;
  background-size: 22px auto;
}
.btn-common.active, .active.btn-prev,
.active.btn-next,
.active.btn-right,
.active.btn-left,
.active.btn-up,
.active.btn-down,
.active.btn-hoge, .active.btn-def, .active.btn-pink, .active.btn-red {
  padding-left: 25px;
  padding-right: 25px;
}
.btn-common.active.btn-block, .active.btn-block.btn-prev,
.active.btn-block.btn-next,
.active.btn-block.btn-right,
.active.btn-block.btn-left,
.active.btn-block.btn-up,
.active.btn-block.btn-down,
.active.btn-block.btn-hoge, .active.btn-block.btn-def, .active.btn-block.btn-pink, .active.btn-block.btn-red {
  padding-left: 10px;
  padding-right: 10px;
}
.btn-common.active.btn-xs, .active.btn-xs.btn-prev,
.active.btn-xs.btn-next,
.active.btn-xs.btn-right,
.active.btn-xs.btn-left,
.active.btn-xs.btn-up,
.active.btn-xs.btn-down,
.active.btn-xs.btn-hoge, .active.btn-xs.btn-def, .active.btn-xs.btn-pink, .active.btn-xs.btn-red {
  padding-left: 10px;
  padding-right: 10px;
}

.btn-prev {
  padding-left: 40px;
  padding-right: 25px;
  background-position: 7px center;
}

.btn-right {
  background-image: url(/spn/img/common/imgBtnBlackRight.png);
}

.btn-left {
  background-image: url(/spn/img/common/imgBtnBlackLeft.png);
}

.btn-up {
  background-image: url(/spn/img/common/imgBtnBlackUp.png);
}

.btn-down {
  background-image: url(/spn/img/common/imgBtnBlackDown.png);
}

.btn-pink {
  color: #fff !important;
  background-image: url(/spn/img/common/imgBtnPink.png);
  background-color: #eb4466;
  border-color: #eb4466;
}
.btn-pink.btn-prev {
  background-image: url(/spn/img/common/imgBtnPinkLeft.png);
}
.btn-pink.btn-right {
  background-image: url(/spn/img/common/imgBtnPinkRight.png);
}
.btn-pink.btn-left {
  background-image: url(/spn/img/common/imgBtnPinkLeft.png);
}
.btn-pink.btn-up {
  background-image: url(/spn/img/common/imgBtnPinkUp.png);
}
.btn-pink.btn-down {
  background-image: url(/spn/img/common/imgBtnPinkDown.png);
}
.btn-pink.active, .btn-pink:hover {
  color: #fff !important;
  background-color: #eb4466;
  border-color: #eb4466;
}
.btn-pink.active {
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.btn-red {
  color: #fff !important;
  background-color: #f33;
  border-color: #f00;
}

button.btn-def, button.btn-pink, button.btn-red {
  padding-top: 3px;
}

/*# sourceMappingURL=common.css.map */