@charset "UTF-8";

/* --------------------------------------------------------------------
  common　共通エレメント
-------------------------------------------------------------------- */
:root {
	--color-black: #262626;
	--color-red: #FF0000;
	--color-main: #0E1F50;
  --font-base: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font-lato: "Lato", sans-serif;
  --wrapper: 1200px;
}
html {
  font-size: 10px;
}
body {
  font-weight: normal;
  color: var(--color-black);
  font-size: 14px;
  line-height: calc(26 / 14);
  font-family: var(--font-base);
  text-align: left;
}
body * {
  box-sizing: border-box;
}
a {
  transition: .3s all;
}
a:hover {
  opacity: .7;
}
a, a:link, a:visited {
  color: var(--color-black);
}
.wrapper_ .navitopicpath_ {
  margin: 10px 0 50px;
}
.navitopicpath_ li:first-of-type a,
.navitopicpath_ li:first-of-type span {
  margin-left: 0;
}
.navitopicpath_ a,
.navitopicpath_ span {
  line-height: calc(19 / 13);
  font-size: 13px;
}
.navitopicpath_ strong {
  font-weight: normal;
}
.fb-hidden {
  display: none;
}
.balloontip {
  min-width: 194px;
  background: var(--color-main);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
  padding: 10px 13px 13px;
  line-height: calc(19 / 14);
  border-radius: 5px;
}
.balloontip > div {
  display: none;
}
.balloontip > div + div {
  display: block;
  border-color: var(--color-main) transparent transparent!important;
}
input[type="text"],
input[type="password"],
input[type="date"],
select {
  min-height: 34px;
  border-radius: 3px;
  border: 1px solid #CECECE;
}

/* --------------------------------------------------------------------
  layout
--------------------------------------------------------------------- */
.wrapper_wrapper_ {
  padding-bottom: 0;
  min-width: 1200px;
}
div.wrapper_ {
  width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 150px;
}
div.leftmenuframe_,
div.rightmenuframe_ {
  display: none;
}
div.container_ div.contents_ div.mainframe_, div.container_ div.contents_ div.mainframe_ .event_ .goods_ {
  width: 100%;
  padding-top: 50px;
}
.main_container_ {
  width: var(--wrapper);
  margin-left: auto;
  margin-right: auto;
}
div.col1_ {
  padding-top: 50px;
}

/* --------------------------------------------------------------------
  common　ヘッドライン
-------------------------------------------------------------------- */
.common_headline1_,
.col1_ .common_headline1_ ,
.mainframe_ .common_headline1_,
.contents_ .mainframe_ .common_headline1_,
div.order_header_ h1.common_headline1_,
h1.topic_head_ {
  width: 100%;
  margin: 0 0 4.95rem;
  padding: 0;
  font-size: 30px;
  text-align: center;
  line-height: calc(44 / 30);
  color: var(--color-black);
}
.common_headline2_,
h2.topic_title_ {
  margin: 0 0 30px;
  padding: 0;
  background: transparent;
  font-size: 20px;
  line-height: calc(29 / 20);
}
.common_headline2_::before {
  content: none;
}

/* --------------------------------------------------------------------
  button
--------------------------------------------------------------------- */
.btn {
  transition: all .3s;
}
.btn-default {
  background: #fff;
  border: 2px solid var(--color-main);
  color: var(--color-main);
}
.btn-primary {
  background: #8BAAD1;
  border: 0;
}
.btn-secondary {
  background: #F0F0F0;
  border: 0;
  box-shadow: none;
  color: var(--color-main);
}
.btn-small:hover {
  border: 0;
}
.btn-long {
  box-shadow: none;
}
.submit_ .btn-default,
input[type="submit"].btn-default,
div.login_ div.loginform_ .btn-default {
  background: var(--color-main);
  border: 0;
  color: #fff;
}