@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
#footer .con_bnr {
  max-width: 1050px;
  margin: auto;
}
@media only screen and (max-width: 1050px) {
  #footer .con_bnr {
    width: 95%;
  }
}

/* -----------------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------------- */
html {
  font-size: small;
  line-height: 1.5;
}

body {
  color: #313131;
  background: #fff;
  -webkit-text-size-adjust: none;
  font-size: 100%;
}
.ie body {
  font-size: 98%;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 93%;
  }
}
body a {
  color: #4b4b4b;
}
body a:hover {
  color: #313131;
}
body img {
  max-width: 100%;
  -webkit-touch-callout: none;
}

body, pre, input, textarea, select {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}

input, select, textarea {
  font-size: 100%;
}

html.ie8 .view_tab,
html.ie8 .view_tab_sp,
html.ie8 .view_sp {
  display: none !important;
}
html.ie8 #page {
  min-width: 1050px !important;
  margin: auto;
  font-size: 100% !important;
}

@media only screen and (min-width: 1051px) {
  body .view_tab-sp, body .view_tab {
    display: none !important;
  }
}
@media print {
  body .view_tab-sp, body .view_tab {
    display: none !important;
  }
}
.ie8 body .view_tab-sp, .ie8 body .view_tab {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  body .view_sp {
    display: none !important;
  }
}
@media print {
  body .view_sp {
    display: none !important;
  }
}
.ie8 body .view_sp {
  display: none !important;
}
@media only screen and (max-width: 1050px) {
  body .view_pc {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  body .view_pc-tab, body .view_tab {
    display: none !important;
  }
}

.mouse .over {
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.mouse .over:hover, .touch .over.touchstart {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.touch .over {
  -webkit-tap-highlight-color: transparent;
}
.touch .over.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
#page {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #page {
    font-size: 100% !important;
  }
}
@media print {
  #page {
    font-size: 100% !important;
  }
}
.ie8 #page {
  font-size: 100% !important;
}

/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */
#contents {
  padding-top: 7px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #contents {
    padding-top: 0.5em;
  }
}

/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
  margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
  #footer {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #footer {
    margin-top: 1.5em;
  }
}
#footer .con_footer {
  background: #362e2b;
  color: #FFF;
  text-align: center;
  padding: 55px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
  #footer .con_footer {
    padding: 45px 0;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_footer {
    padding: 2em 0 1em;
  }
}
#footer .con_footer .st {
  text-align: center;
}
#footer .con_footer .st em {
  font-size: 177%;
  display: block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: .2em;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .st em {
    font-size: 139%;
  }
}
#footer .con_footer .st span {
  color: #b2a282;
  font-size: 85%;
  font-family: "Times new roman", serif;
  letter-spacing: 1em;
}
#footer .con_footer .txt_lead {
  font-size: 124%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-top: 2em;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
  #footer .con_footer .txt_lead {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .txt_lead {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .txt_lead {
    font-size: 116%;
  }
}
#footer .con_footer .txt {
  font-size: 100%;
  line-height: 2;
  width: 100%;
  max-width: 645px;
  margin: 1em auto 0;
  text-align: left;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .txt {
    width: 95%;
    margin: 1em auto 0;
    max-width: 100%;
    line-height: 1.8;
  }
}
#footer .con_footer .txt:before {
  content: '';
  width: 31.62791%;
  height: 0;
  padding-bottom: 11.62791%;
  background: url(../images/footer/img_bird.png) no-repeat top center;
  display: block;
  position: absolute;
  top: -120.90909%;
  right: -20.15504%;
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
  #footer .con_footer .txt:before {
    right: 0;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .txt:before {
    width: 5em;
    height: 4em;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: -7em;
    right: 0;
  }
}
#footer .con_footer .btn {
  text-align: center;
  width: 392px;
  margin: 1.5em auto 0;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .btn {
    width: 95%;
    margin: 1em auto 0;
  }
}
#footer .con_footer .btn a {
  display: block;
  padding: .7em 1em;
  font-size: 124%;
  text-decoration: none;
  border: 1px solid #b0b0b0;
  color: #FFF;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (max-width: 767px) {
  #footer .con_footer .btn a {
    font-size: 108%;
  }
}
#footer .con_footer .btn a:after {
  content: "";
  font-family: FontAwesome;
  vertical-align: middle;
  margin-left: .3em;
  display: inline-block;
  vertical-align: baseline;
}
#footer .con_bnr {
  margin-top: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
  #footer .con_bnr {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_bnr {
    margin-top: 1em;
  }
}
#footer .con_bnr .st {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #footer .con_bnr .st {
    width: 42.5%;
    margin: 0 auto;
  }
}
#footer .con_bnr ul {
  margin-top: 19px;
  text-align: center;
  letter-spacing: -.4em;
}
@media only screen and (max-width: 767px) {
  #footer .con_bnr ul {
    margin-top: 0.8em;
  }
}
@media only screen and (max-width: 767px) {
  #footer .con_bnr ul {
    text-align: left;
    max-width: 610px;
    margin: .8em auto 0;
  }
}
#footer .con_bnr ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 26.93694%;
  letter-spacing: normal;
  margin-left: 0.9009%;
  max-width: 299px;
}
#footer .con_bnr ul li:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  #footer .con_bnr ul li {
    width: 49%;
    margin: 2% 0 0 2%;
  }
  #footer .con_bnr ul li:nth-child(2n+1) {
    margin-left: 0;
  }
}
#footer #copyright {
  text-align: center;
  color: #2e2e2e;
  font-size: 93%;
  font-family: "Times new roman", serif;
  line-height: 4;
}
#footer .ptop a {
  display: block;
  width: 100%;
  background: #FFF;
  text-align: center;
  padding: .5em 0;
  background: #F5EEEA;
  text-decoration: none;
}
#footer .ptop a img {
  width: 25.5px;
  vertical-align: middle;
}
#footer .ptop a span {
  font-size: 108%;
  display: block;
  color: #362e2b;
  letter-spacing: .1em;
  font-family: "Cinzel", serif;
}
#footer .con_side {
  position: fixed;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}
#footer .con_side p {
  margin-top: 10px;
}

/* -----------------------------------------------------------
	下層共通スタイル
----------------------------------------------------------- */
/* -----------------------------------------------------------
	テーブル
----------------------------------------------------------- */
.temp_st1 {
  text-align: center;
}
.temp_st1 em {
  font-size: 208%;
  letter-spacing: .1em;
  color: #434141;
  display: block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and (min-width: 768px) and (max-width: 1050px) {
  .temp_st1 em {
    font-size: 185%;
  }
}
@media only screen and (max-width: 767px) {
  .temp_st1 em {
    font-size: 147%;
  }
}
.temp_st1 span {
  color: #968a54;
  letter-spacing: .1em;
  font-size: 108%;
  display: block;
  font-family: "Cinzel", serif;
  line-height: 1.3;
  margin-top: 0.8em;
}
@media only screen and (max-width: 767px) {
  .temp_st1 span {
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .temp_st1 span {
    font-size: 100%;
  }
}
.temp_st1:after {
  content: '';
  width: 57px;
  height: 1px;
  display: block;
  margin: 1em auto 0;
  background: url(../images/common/bg_pattern1.jpg) repeat top left;
}
.ranking {
  margin: 6rem 0 4rem;
  text-align: center;
}
.ranking h4 {
  color: #965454;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 170%;
  text-align: center;
  font-weight: bold;
}
.ranking .bx_txt {
  border: 1px solid #e4e2dd;
  padding: 1.5rem 0;
  width: 860px;
  font-size: 1.3rem;
  margin: 3rem auto;
  color: #313131;
}
.ranking .bx_txt span {
  font-weight: bold;
  border-bottom: #313131 1px solid;
}
.ranking .wrp_img {
  width: 860px;
  margin: 0 auto;
}
.ranking .note {
  margin: 1.5rem auto;
  width: 860px;
}
.ranking .note li {
  margin-bottom: 0.5em;
  text-align: left;
}
.ranking .note .txt_bold {
  font-weight: bold;
  font-size: 1.2rem;
}
.ranking .note .bx_txt span {
  font-weight: bold;
  text-decoration: underline;
}
.ranking .note .txt {
  line-height: 1.5rem;
  text-align: left;
}
.ranking .note .txt . {
  font-weight: bold;
  font-size: 1.2rem;
}
.box_link {
  margin: 0 auto 2rem;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border-bottom: 1px dotted #d58c8c;
  padding: 3rem;
  width: 450px;
}
.box_link .menber {
  display: inline-block;
  margin: 0 .75em;
  margin-top: .5em;
  font-size: 20px;
  color: #965454;
}
.box_link li a {
  display: block;
  letter-spacing: .08em;
  line-height: 1.73;
  font-size: 16px;
  text-decoration: none;
}
.box_link li a:before {
  content: '';
  width: 110px;
  height: 14px;
  background: url(../images/home/img_border.png) no-repeat top center;
  background-size: 100% auto;
  display: block;
  margin: 0 auto .5rem;
}
.box_link li a span {
  display: block;
  letter-spacing: .15em;
  max-width: 300px;
  margin: auto;
  margin-top: 3%;
  color: #fff;
  border: 1px solid #965454;
  background: #965454;
  padding: 0.7rem;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.box_link li a span::after {
  content: '';
  position: absolute;
  transition: transform 300ms ease-out;
  right: 0;
  top: 50%;
  height: 1px;
  background: #fff;
  width: 35px;
}
.box_link li a span:hover::after {
  transform: translateX(50%);
}
.menber_btn {
  margin: 2.5rem auto 4rem;
  text-align: center;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  width: 450px;
  font-size: 17px;
  color: #965454;
}
.menber_btn a {
  display: block;
  letter-spacing: .15em;
  max-width: 300px;
  margin: auto;
  margin-top: 3%;
  color: #fff;
  border: 1px solid #965454;
  background: #965454;
  padding: 0.7rem;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.menber_btn a::after {
  content: '';
  position: absolute;
  transition: transform 300ms ease-out;
  right: 0;
  top: 50%;
  height: 1px;
  background: #fff;
  width: 35px;
}
.menber_btn a:hover::after {
  transform: translateX(50%);
}
.menber_btn a:hover {
  color: #fff;
}
/* @media only screen and (max-width: 767px) {
  span:before {
    width: 4em;
    height: .5em;	
  }
} */