@charset "utf-8";
/****************************************************************/
/*
/* 共通
/*
/****************************************************************/
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#header:after {
  margin: 10px 0 0;
  border-bottom: solid 2px #004098;
}
#header #utilityNav { display: none; }
/* breadcrumb
-----------------------------------------------*/
.breadcrumb__inner {
  overflow-y: hidden;
}
/* container
-----------------------------------------------*/
.container {
  margin: 0 auto;
  color: #333;
}
.container a {
  color: #427bbd;
  font-weight: normal;
  text-decoration: underline;
}
.container h2,
.container h3,
.container h4 { font-weight: bold; }
.container h3 { background: #d6e5f9; }
.container h4 { border-left: 10px solid #427bbd; }
.container table {
  border: 1px solid #7d7d7d;
  border-bottom: none;
}
.container table,
.container table * { box-sizing: border-box; }
.container table th,
.container table td {
  border-bottom: 1px solid #7d7d7d;
  border-right: 1px solid #7d7d7d;
}
.container table th { background: #eee; }
.container table td sup {
  font-size: smaller;
  vertical-align: super;
}
.container table td.mailing li {
  text-indent: -3em;
  padding-left: 3em;
}
.container h4 span {
  font-weight: normal;
  vertical-align: middle;
}
.container h4.jcom span,
.container table td .linklist li span {
  color: #427bbd;
  text-decoration: underline;
  cursor: pointer;
}
.container ul.notes li:before {
  content: '※';
  margin-right: 1em;
}
.container ul.notes li {
  text-indent: -2em;
  padding-left: 2em;
  color: #717171;
}
.container ul.notes li.no1:before {
  content: '※1';
  margin-right: 0.25em;
}
.container ol li {
  list-style-type: decimal;
  font-weight: bold;
}
.container ol li p { font-weight: normal; }
.container ol li p img { margin: 10px 0; }
/* modal window
-----------------------------------------------*/
.white-popup {
  box-sizing: border-box;
  position: relative;
  background: #FFF;
  width: auto;
  margin: 20px auto;
}
[id^="modal-popup"] p { font-weight: bold; }
[id^="modal-popup"] .areaswitch { overflow: hidden; }
[id^="modal-popup"] .areaswitch li { float: left; }
[id^="modal-popup"] .areaswitch li span {
  background: #dcdcdc url(../images/ico_arealink_off.png) no-repeat 89.5% 50%;
  color: #333;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
}
[id^="modal-popup"] .mfp-close {
  content: url(../images/img_modalclose.png);
  position: absolute;
  top: -12px;
  right: -12px;
  opacity: 1;
  z-index: 2;
  padding: 0;
}
a.open-popup-link { display: none; }

/* header内 ユニオンジャック IE11位置ずれ
-----------------------------------------------*/
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, #header #header_Right #accountMenu03 {
top: 11px !important;
}/* IE11 */
}

/****************************************************************/
/*
/* メディアクエリ設定 960px以上
/* 通常(PC用)記述の場所
/*
/****************************************************************/
@media print, screen and (min-width: 960px) {
/* breadcrumb
-----------------------------------------------*/
#breadcrumb { font-size: 13px; }
#breadcrumb #body {
  padding: 10px 0;
  line-height: 1.4;
  height: 20px;
}
/* headerArea
----------------------------------------------------*/
/* container
-----------------------------------------------*/
.container {
  width: 960px;
  font-size: 14px;
  line-height: 1.4;
}
.container h2 {
  font-size: 200%;
  margin: 5px 0 15px;
}
.container h3 {
  font-size: 128%;
  font-weight: bold;
  padding: 10px 12px;
  margin-bottom: 20px;
}
.container h4 {
  font-size: 128%;
  padding-left: 6px;
  margin-bottom: 10px;
}
.container h4 span a,
.container h4.jcom span {
  margin-left: 24px;
  font-size: 79%;
  background: url(../images/ico_link.png) no-repeat 0 50%;
  background-size: 8px 12px;
  padding-left: 12px;
}
.container table {
  border: 1px solid #7d7d7d;
  width: 960px;
  margin-bottom: 15px;
}
.container table th,
.container table td { padding: 15px; }
.container table th {
  width: 220px;
  line-height: 1.4;
}
.container table td { width: 739px; }
.container table td .linklist li { margin-bottom: 15px; }
.container table td .linklist li a,
.container table td .linklist li span {
  background: url(../images/ico_link.png) no-repeat 0 50%;
  padding-left: 12px;
}
.container table td .linklist li:last-child { margin-bottom: 0; }
.container ul.notes { margin-bottom: 45px; }
.container #surprice { margin-bottom: 60px; }
.container ul.use { margin-bottom: 60px; }
.container ul.use li { margin-bottom: 40px; }
.container ul.use li h4 {
  background: #eee;
  font-size: 128%;
  margin: 0 0 10px;
  padding: 6px 10px;
  border-left: none;
}
.container ul.use li h5 {
  border-left: 10px solid #427bbd;
  font-weight: bold;
  padding: 4px 0 2px 7px;
  line-height: 1;
  margin: 30px 0 10px 10px;
}
.container ul.use li p.block_pc img { padding-left: 10px; }
.linkArea { display: none; }
.block_pc { display: block; }
.block_sp { display: none; }
/* modal window
-----------------------------------------------*/
[id^="modal-popup"] {
 width: 700px;
 border-radius: 15px;
 padding: 30px;
}
[id^="modal-popup"] p {
  font-size: 113%;
  margin-bottom: 20px;
}
[id^="modal-popup"] .areaswitch li span {
  border-radius: 10px;
  font-size: 112%;
  width: 200px;
  height: 60px;
  margin: 0 20px 20px 0;
  padding: 20px 0 20px 20px;
  cursor: pointer;
}
[id^="modal-popup"] .areaswitch li span:hover {
  background: #707070 url(../images/ico_arealink_on.png) no-repeat 89.5% 50%;
  color: #fff;
  text-decoration: none;
}
[id^="modal-popup"] li span.pc { display: block; }
[id^="modal-popup"] li span.sp { display: none; }
[id^="modal-popup"] .areaswitch li:nth-child(3n) span { margin-right: 0; }
[id^="modal-popup"] .areaswitch li:nth-child(10) span,
[id^="modal-popup"] .areaswitch li:nth-child(11) span { margin-bottom: 0; }
}
@media screen and (min-width: 760px) and (max-width: 959px) {
body { font-size: 10px; }
/* breadcrumb
-----------------------------------------------*/
#breadcrumb {
  width: 100%;
  overflow: auto;
}
#breadcrumb #body {
  font-size: 100%;
  display: block;
  width: 100%;
}
#breadcrumb #body.breadcrumbList {
  padding: .3em 5px;
  background-color: #FFF;
  white-space: nowrap;
  font-size: 1.2em;
  overflow: auto;
}
#breadcrumb #body.breadcrumbList a {
  text-decoration: underline;
  display: inline-block;
  line-height: 2.5em;
}
/* container
-----------------------------------------------*/
.container {
  width: 96%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.4;
}
.container h2 {
  font-size: 200%;
  margin: 5px 0 15px;
}
.container h3 {
  font-size: 128%;
  font-weight: bold;
  padding: 10px 12px;
  margin-bottom: 20px;
}
.container h4 {
  font-size: 128%;
  padding-left: 6px;
  margin-bottom: 10px;
}
.container h4 span {
  margin-left: 24px;
  font-size: 79%;
}
.container h4.jcom span,
.container h4 span a {
  background: url(../images/ico_link.png) no-repeat 0 50%;
  background-size: 8px 12px;
  padding-left: 12px;
}
.container table { width: 100%; }
.container table th { width: 22%; }
.container table td { width: 76%; }
.container table td .linklist { margin: 5px 0; }
.container table td .linklist li:last-child { margin-bottom: 0; }
.container table th,
.container table td { padding: 9px; }
.container table td { word-break: break-all; }
.container table td .linklist li { margin-bottom: 23px; }
.container table td .linklist li a,
.container table td .linklist li span {
  background: url(../images/ico_link.png) no-repeat 0 50%;
  padding-left: 12px;
}
.container ul.notes {
  width: 100%;
  margin: 12px 0 32px;
}
.container #surprice { margin-bottom: 30px; }
.container ul.use {
  width: 100%;
  margin-bottom: 60px;
}
.container ul.use li { margin-bottom: 40px; }
.container ul.use li h4 {
  background: #eee;
  font-size: 117%;
  margin: 0 0 10px;
  padding: 6px 10px;
  border-left: none;
}
.container ul.use li h5 {
  border-left: 10px solid #427bbd;
  font-weight: bold;
  padding: 4px 0 2px 7px;
  line-height: 1;
  margin: 30px 0 10px 10px;
}
.container ul.use li p.block_pc img { padding-left: 10px; }
.linkArea {
  width: 100%;
  margin: 3% 0 0;
  font-weight: bold;
  line-height: 1.5em;
}
.linkArea.list {
  margin: -1px 0 0;
  padding: 0.5% 0;
  background-image: url("/cmn/img/kanto/icon/instruction/arrow_right_gray001.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 20px 12px;
  border-top: 0;
  border-bottom: 1px solid #CCC;
}
.linkArea.list a {
  padding: 12px 0 12px 10px;
  font-size: 130%;
  color: inherit;
  display: block;
}
.linkArea.list.top {
  margin: 20px 0 0;
  padding: 0.5% 0;
  background-color: #003F98;
  background-image: url("/cmn/img/kanto/icon/instruction/arrow_right_white001.png");
}
.linkArea.list.top a {
  padding: 12px 0 12px 10px;
  color: #FFF;
}
.pagetop_pc { display: none !important; }
.block_pc { display: block; }
.block_sp { display: none; }
/* modal window
-----------------------------------------------*/
[id^="modal-popup"] {
 width: 700px;
 border-radius: 15px;
 padding: 30px;
}
[id^="modal-popup"] p {
  font-size: 140%;
  margin-bottom: 20px;
}
[id^="modal-popup"] .areaswitch li span {
  border-radius: 10px;
  font-size: 140%;
  width: 200px;
  height: 60px;
  margin: 0 20px 20px 0;
  padding: 20px 0 20px 20px;
  cursor: pointer;
}
[id^="modal-popup"] li span.pc { display: block; }
[id^="modal-popup"] li span.sp { display: none; }
[id^="modal-popup"] .areaswitch li span:hover {
  background: #707070 url(../images/ico_arealink_on.png) no-repeat 89.5% 50%;
  color: #fff;
  text-decoration: none;
}
[id^="modal-popup"] .areaswitch li:nth-child(3n) span { margin-right: 0; }
[id^="modal-popup"] .areaswitch li:nth-child(10) span,
[id^="modal-popup"] .areaswitch li:nth-child(11) span { margin-bottom: 0; }
}

/****************************************************************/
/*
/* メディアクエリ設定 0～760px
/* スマホ用記述の場所
/*
/****************************************************************/
@media screen and (min-width: 0px) and (max-width: 760px) {
body { font-size: 10px; }
/* breadcrumb
-----------------------------------------------*/
.breadcrumb__contents {
  overflow-x: scroll;
}
/* container
-----------------------------------------------*/
.container {
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
}
.container h2 {
  font-size: 167%;
  line-height: 1.1;
  margin: 5px 0 10px 10px;
}
.container h3 {
  font-size: 117%;
  padding: 14px 10px;
  margin-bottom: 10px;
}
.container h4 {
  background: url(../images/ico_link.png) no-repeat 98% 50%;
  width: 96%;
  margin: 0 auto;
  font-size: 117%;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 8px 0 8px 6px;
}
.container h4 span {
  font-size: 96%;
  display: block;
}
.container table {
  width: 96%;
  margin: 0 auto;
  font-size: 117%;
}
.container table th {
  width: 100%;
  display: block;
  border-right: none;
  padding: 14px 9px;
}
.container table td {
  width: 100%;
  display: block;
  border-right: none;
  padding: 9px;
  word-break: break-all;
}
.container table td.mailing li {
  text-indent: -3em;
  padding-left: 3em;
}
.container table td .linklist li a,
.container table td .linklist li span {
  border-bottom: 2px dotted #bbb;
  display: block;
  background: url(../images/ico_link.png) no-repeat 100% 50%;
  padding: 14px 0;
  text-decoration: none;
}
.container table td .linklist li:last-child a,
.container table td .linklist li:last-child span { border-bottom: none; }
.container table td.online { padding: 0 9px; }
.container ul.notes {
  width: 96%;
  margin: 12px auto 32px;
}
.container #surprice { margin-bottom: 30px; }
.container ol {
  width: 96%;
  margin: 0 auto;
}
.container ol li {
  font-size: 117%;
  margin: 0 0 20px 1.5em;
}
.container ol li p {
  font-size: 85.5%;
  line-height: 1.5;
}
.container ol li p img {
  width: 100%;
  zoom: 1;
}

.container ul.use {
  width: 100%;
  margin: 0 auto;
}
.container ul.use li { margin-bottom: 30px; }
.container ul.use li h4 {
  background: #eee;
  font-size: 117%;
  margin: 0 0 10px;
  padding: 6px 10px;
  border-left: none;
  width: 100%;
}
.container ul.use li h5 {
  border-left: 10px solid #427bbd;
  font-weight: bold;
  padding: 4px 0 2px 7px;
  line-height: 1;
  margin: 30px 0 10px;
}
.container ul.use li h4 + p { padding: 0 10px; }
.container ul.use li p.block_sp { margin: 10px 10px 0; }
.container ul.use li p.block_sp img {
  width: 100%;
  zoom: 1;
}
.linkArea {
  width: 100%;
  margin: 3% 0 0;
  font-weight: bold;
  line-height: 1.5em;
}
.linkArea.list {
  margin: -1px 0 0;
  padding: 0.5% 0;
  background-image: url("/cmn/img/kanto/icon/instruction/arrow_right_gray001.png");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 20px 12px;
  border-top: 0;
  border-bottom: 1px solid #CCC;
}
.linkArea.list a {
  padding: 12px 0 12px 10px;
  font-size: 130%;
  color: inherit;
  display: block;
}
.linkArea.list.top {
  margin: 20px 0 0;
  padding: 0.5% 0;
  background-color: #003F98;
  background-image: url("/cmn/img/kanto/icon/instruction/arrow_right_white001.png");
}
.linkArea.list.top a {
  padding: 12px 0 12px 10px;
  color: #FFF;
}
.block_pc { display: none; }
.block_sp { display: block; }
/* modal window
-----------------------------------------------*/
[id^="modal-popup"] {
 width: 88%;
 border-radius: 15px;
 padding: 3%;
}
[id^="modal-popup"] p {
  font-size: 140%;
  margin-bottom: 15px;
}
[id^="modal-popup"] .areaswitch li {
  width: 48%;
  margin-right: 3%;
  margin-bottom: 10px;
}
[id^="modal-popup"] .areaswitch li:nth-child(2n) { margin-right: 0; }
[id^="modal-popup"] .areaswitch li:nth-child(11) { margin-bottom: 0; }
[id^="modal-popup"] .areaswitch li span {
  border-radius: 10px;
  font-size: 140%;
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 14px 0 14px 14px;
}
[id^="modal-popup"] .areaswitch li span:hover {
  background: #707070 url(../images/ico_arealink_on.png) no-repeat 89.5% 50%;
  color: #fff;
  text-decoration: none;
}
[id^="modal-popup"] li span.pc { display: none; }
[id^="modal-popup"] li span.sp { display: block; }
[id^="modal-popup"] .mfp-close {
  position: absolute;
  top: -10px;
  right: -10px;
}
}