@import url("reset.css");
body {
  color: #333333;
  margin: 0px;
  padding: 0px;
  font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', 'ƒƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
}
a {
  color: #3366CC;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #FF6633;
  text-decoration: underline;
}
.clearfix:after {
  content: "."; /* V‚ต‚ข—v‘f‚๐์‚้ */
  display: block; /* ƒuƒƒbƒNƒŒƒxƒ‹—v‘f‚ษ */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
img {
  vertical-align: bottom;
}
a img.hover {
  background: none !important;
}
a:hover img.hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  background: none !important;
}
input {
  border-radius: 5px;
  border: #999999 solid 1px;
  color: #333333;
  outline: 0;
}
input:hover {
  border: #333333 solid 1px;
  color: #333333;
}
input[type="button"], input[type="submit"] {
  padding: 10px;
}
input[type="text"] {
  padding: 10px;
  box-sizing: border-box;
}
input, textarea {}
strong {
  font-weight: bold;
}
.tx_red1 {
  color: #FF0000;
}
/*-----ƒy[ƒWƒgƒbƒvƒw----*/
.backtotop {
  position: fixed;
  right: 15px;
  bottom: 20px;
  z-index: 9000;
  display: none;
}
/* !Table
---------------------------------------------------------- */
.table_basic01 {
  margin: auto;
  clear: both;
}
.table_basic01 table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}
.table_basic01 th, .table_basic01 td {
  border: #CCCCCC solid 1px;
}
.table_basic01 th {
  background-color: #666666;
  color: #FFFFFF;
  padding: 10px;
	font-weight: bold;
}
.table_basic01 td {
  background-color: #FFFFFF;
  color: #333333;
}
.table_basic01 td input {}

/*’ฎu\žƒtƒH[ƒ€
---------------------------------------------------------- */
h1 {
  margin-bottom: 20px;
  padding: 15px;
  color: #ffffff;
  background-color: #3366CC;
  text-align: center;
}
.order {
  margin: 20px auto;
  clear: both;
}
.order h2 {
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  border-left: #3366cc solid 10px;
  border-right: #3366cc solid 10px;
}
.order h3 {
  color: #3366CC;
  font-weight: bold;
  margin-bottom: 20px;
}
.order .flow_img {
  margin-bottom: 30px;
  text-align: center;
  clear: both;
}
.order .flow_img img {}
.order .tips1 {
  margin: 30px 0px;
  clear: both;
}
.order .tips1.bl {
  color: #3366CC;
}
.order .tips1 ul {
  font-size: 90%;
  margin-left: 20px;
  margin-bottom: 20px;
}
.order .tips1 ul li {
  list-style-type: disc;
  margin-bottom: 5px;
}
.order .tips1 p {
  font-size: 90%;
}
.order .tips1 .attention {
	border: #FF0000 solid 1px;
	padding: 10px;
	margin-bottom: 10px;
  clear: both;
}
.order .navi {
  font-weight: bold;
  text-align: center;
  margin: 30px;
  clear: both;
}
.order .navi a:hover {
  padding: 10px;
  border: 1px solid #990000;
  color: #990000;
  background-color: #FFCCCC;
}
.order .navi a {
  padding: 10px;
  text-decoration: none;
}
.order .navi a:first-child {
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
}
.order .navi a:last-child {
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
}
.order .navi .day1 {
  padding: 10px;
  background-color: #FF6600;
  border: 1px solid #FF6600;
  color: #FFFFFF;
  text-decoration: none;
}
.order .navi .day2 {
  padding: 10px;
  background-color: #006600;
  border: 1px solid #006600;
  color: #FFFFFF;
  text-decoration: none;
}
/*ˆ๊——•\*/
.order table {
  width: 100%;
  margin: 10px auto;
}
.order table caption {
  text-align: left;
  padding: 10px;
  font-weight: bold;
  color: #FFFFFF;
}
.order table caption.cap1 {
  background-color: #FF6600;
}
.order table caption.cap2 {
  background-color: #006600;
}
.order table .entry_complete {
  background-color: #3366CC;
  color: #FFFFFF;
  font-size: 120%;
  font-weight: bold;
	white-space: nowrap;
}
.order table .soldout {
  color: #FFFFFF;
  background-color: #FF0000;
  font-weight: bold;
  white-space: nowrap;
}
.order table .duplication {
  color: #FFFFFF;
  background-color: #FF6600;
  font-weight: bold;
  white-space: nowrap;
}
.order table th {
  background-color: #666666;
  color: #FFFFFF;
  text-align: center;
  padding: 10px;
  font-weight: bold;
  white-space: nowrap;
  border-right: #FFFFFF solid 1px;
}
.order table th:last-child {
  border: none;
}
.order table td {
  text-align: center;
  background-color: #FFFFFF;
  padding: 10px;
  border-bottom: #CCCCCC solid 1px;
}
.order table .place {
  font-size: 80%;
  clear: both;
}
.order table td.tips1 {
  text-align: left;
	padding: 7px;
}
.order table td.tips1 p {
  font-size: 90%;
}
.order table .title_semi {
  text-align: left;
}
.order table .overlap {
  background-color: #FF3300;
  color: #FFFFFF;
  white-space: nowrap;
}
.order table input {}
input.entry_cansel {
  font-size: 85%;
}
/*Šm”F‰ๆ–ส*/
.order table .manseki {
  color: #FF0000;
  font-weight: bold;
}
.order table .choufuku {
  color: #FF6600;
  font-weight: bold;
}
.order .notselected {
  text-align: center;
}

.attention_red1 {
	color: #FF0000;
}
.attention_red1 a {
	color: #FF0000;
}


.sumbit {
  text-align: center;
  margin: 20px 0px;
  padding: 10px;
  background-color: #EEEEEE;
}
.sumbit input {
  padding: 10px 20px;
  font-weight: bold;
  font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}
.sumbit input.send {
  background-color: #3366CC;
  color: #FFFFFF;
  border: #3366CC solid 1px;
}
.sumbit input.send:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}
.sumbit input.return {
  background-color: #999999;
  color: #FFFFFF;
  border: #999999 solid 1px;
}
.sumbit input.return:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}
.sumbit input.cansel {
  background-color: #CC0000;
  color: #FFFFFF;
  border: #CC0000 solid 1px;
}
.sumbit input.cansel:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
}
/*ƒ{ƒ^ƒ“
---------------------------------------------------------- */
.next1 {
  margin: 20px auto;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
}
a.btn_next1 {
  padding: 10px 0px;
  width: 100%;
  display: table;
  color: #ffffff;
  border-radius: 7px;
  text-decoration: none;
  text-align: center;
  background-color: #CC0000;
  background-image: -webkit-linear-gradient(270deg, rgba(255, 0, 4, 1.00) 0%, rgba(163, 0, 0, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(255, 0, 4, 1.00) 0%, rgba(163, 0, 0, 1.00) 100%);
}
a:hover.btn_next1 {
  color: #ffffff;
  background-color: #FF0000;
  background-image: -webkit-linear-gradient(270deg, rgba(255, 0, 4, 1.00) 0%, rgba(255, 0, 0, 1.00) 100%);
  background-image: linear-gradient(180deg, rgba(255, 0, 4, 1.00) 0%, rgba(255, 0, 0, 1.00) 100%);
}
a.btn_next1 span {
  display: table-cell;
  vertical-align: middle;
}
/*-----ƒtƒbƒ^-------*/
.foota {
  text-align: center;
  margin-bottom: 50px;
  padding: 0px;
  font-size: 95%;
  clear: both;
}
.copy {
  text-align: center;
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
}
.f_attention {
  margin: 10px;
}
.f_attention p {}
/*===============================================
œ ‰ๆ–ส‚ฬ‰ก•‚ช768pxˆศ‰บ
===============================================*/
@media screen and (max-width: 768px) {
  h1 {
    font-size: 135%;
  }
  /* !Table
---------------------------------------------------------- */
  .table_basic01 {
    margin: 10px;
  }
  .table_basic01, .table_basic01 thead, .table_basic01 caption, .table_basic01 tbody, .table_basic01 tr, .table_basic01 th, .table_basic01 td {
    display: block;
  }
  .table_basic01 table {}
  .table_basic01 th, .table_basic01 td {}
  .table_basic01 th {
    border: none;
	}
  .table_basic01 td {
    padding: 5px 0px;
    border: none;
  }
  .table_basic01 td .w40, .w60, .w100 {
    width: 100%;
  }
  select {
    height: 44px;
  }
  /*’ฎu\žƒtƒH[ƒ€
---------------------------------------------------------- */
  .order {
    margin: 10px;
  }
  .order h2 {
    font-size: 120%;
  }
  .order h3 {
    font-size: 100%;
  }
  .order .flow_img img {
    width: 100%;
    max-width: 400px;
  }
  .order table {
    width: 100%;
  }
  .order table th {
    font-size: 80%;
  }
  .order table td {
    font-size: 80%;
  }
.order table .entry_complete {
  font-size: 100%;
}
  .tips_slide {
    font-size: 85%;
    color: #FF0000;
  }
  .sumbit input {}
  /*table‰กƒXƒNƒ[ƒ‹*/
  .tb_scroll {
    overflow: auto;
    margin-bottom: 10px;
  }
  .tb_scroll table {
    width: 30px;
    min-width: 480px;
  }
  /*Šm”F‰ๆ–ส*/
  .order .notselected {
    font-size: 125%;
  }
  /*ƒ{ƒ^ƒ“
---------------------------------------------------------- */
  .next1 {}
  .foota1 {
    padding-bottom: 30px;
  }
}
/*===============================================
œ ‰ๆ–ส‚ฬ‰ก•‚ช768pxˆศใ
===============================================*/
@media print, screen and (min-width: 768px) {
  h1 {
    font-size: 300%;
  }
  /* !Table
---------------------------------------------------------- */
  .table_basic01 {
    max-width: 960px;
  }
  .table_basic01 table {
    border: 1px solid #DDDDDD;
  }
  .table_basic01 caption {
    font-size: 120%;
    padding: 10px;
  }
  .table_basic01 th, .table_basic01 td {
    padding: 10px;
  }
  .table_basic01 th {
    font-size: 110%;
    width: 30%;
    white-space: nowrap;
	  text-align: center;
  }
  .table_basic01 td {
    width: 70%;
  }
  .table_basic01 ul {}
  .table_basic01 ul li {}
  .table_basic01 td .w40 {
    width: 40%;
  }
  .table_basic01 td .w60 {
    width: 60%;
  }
  .table_basic01 td .w100 {
    width: 100%;
  }
  /*’ฎu\žƒtƒH[ƒ€
---------------------------------------------------------- */
  .order h2 {
    font-size: 200%;
  }
  .order h3 {
    font-size: 140%;
  }
  .br-sp {
    display: none;
  }
  .order {
    max-width: 960px;
  }
  .order .navi a {
    font-size: 125%;
  }
  .order table {
    width: 100%;
  }
  .order table caption {
    font-size: 140%;
  }
  .order table th {
    font-size: 90%;
  }
  .order table td {
    font-size: 90%;
  }
  .tips_slide {
    display: none;
  }
  /*Šm”F‰ๆ–ส*/
  .order .notselected {
    font-size: 200%;
  }
  .sumbit input {
    font-size: 120%;
  }
  /*ƒ{ƒ^ƒ“
---------------------------------------------------------- */
  .next1 {
    width: 360px;
  }
}