@charset "UTF-8";

@font-face {
  font-family: yubin;
  src: url(fonts/yubin.eot?gaziqn);
  src: url(fonts/yubin.eot?gaziqn#iefix) format('embedded-opentype'),url(fonts/yubin.ttf?gaziqn) format('truetype'),url(fonts/yubin.woff?gaziqn) format('woff');
  font-style: normal
}

body,dd,dl,dt,form,h1,h2,h3,h4,input,li,p,select,td,textarea,th,ul {
  margin: 0;
  padding: 0
}

h1,h2,h3,h4,h5,h6 {
  font-size: 1em;
  font-weight: 400
}

img {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: top
}

dl,ul {
  list-style-type: none
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  word-break: normal
}

body {
  word-break: break-all
}

body.en {
  word-break: normal
}

@media screen and (max-width: 750px) {
  html {
      font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
      font-size: 12pt
  }
}

.wrapper {
  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: .94rem
}

@media screen and (min-width: 751px) and (max-width:1200px) {
  .wrapper {
      margin:auto;
      max-width: 1200px
  }
}

.sitewidth {
  margin: auto;
  max-width: 1400px
}

.innerwidth {
  margin: auto;
  max-width: 1200px
}

@media screen and (max-width: 750px) {
  .innerwidth {
      padding:0 3%
  }
}

@media screen and (min-width: 751px) and (max-width:1366px) {
  .innerwidth {
      padding:0 2%
  }
}

@media screen and (max-width: 750px) {
  .wrapper {
      display:flex;
      flex-wrap: wrap
  }

  .wrapper header {
      order: 1;
      width: 100%
  }

  .wrapper footer {
      order: 4;
      width: 100%
  }

  .wrapper #path-box {
      background: #fff!important;
      order: 3;
      width: 100%
  }

  .wrapper .contWrap {
      order: 2;
      width: 100%
  }

  #wrap-inner {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap
  }

  #wrap-inner #head-box {
      order: 1;
      width: 100%
  }

  #wrap-inner #path-box {
      display: block;
      order: 3;
      padding: .8em;
      width: 100%
  }

  #wrap-inner #main-box {
      order: 2;
      width: 100%
  }

  #wrap-inner #navi-box-r {
      order: 4;
      width: 100%
  }

  #wrap-inner .footTop {
      order: 5;
      width: 100%
  }

  #wrap-inner #foot-box {
      order: 6;
      width: 100%
  }
}

.wrapper #path-box {
  background: #eee;
  font-size: 13px;
  padding: .8em
}

.wrapper #path-box ul {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex
}

.wrapper #path-box ul li:after {
  content: "\f105";
  font-family: yubin;
  margin-left: .8em;
  margin-right: .8em
}

.wrapper #path-box ul li:last-child:after {
  content: ""
}

.wrapper #path-box a {
  color: #333;
  text-decoration: none
}

.wrapper #path-box a:hover {
  text-decoration: underline
}

@media screen and (max-width: 750px) {
  .wrapper #path-box ul {
      display:inline-block
  }

  .wrapper #path-box ul li {
      display: inline
  }

  .wrapper #path-box ul li:last-child:after {
      color: #646464;
      content: "\e90a";
      font-size: 1rem;
      margin-left: .2em;
      margin-right: .5em;
      position: relative;
      top: 1px
  }
}

.wrapper #path-box.lang {
  position: relative
}

.wrapper #path-box.lang .langSelect {
  position: absolute;
  right: .8em;
  top: 8px
}

.wrapper #path-box.lang .langSelect .plane {
  font-size: 12px
}

.wrapper #path-box.lang .langSelect .selectWrap {
  background: #ededed;
  display: inline-block;
  position: relative
}

.wrapper #path-box.lang .langSelect .selectWrap::after {
  border: 0;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  content: "";
  height: 6px;
  margin-top: -4px;
  position: absolute;
  right: 10px;
  top: 45%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px
}

.wrapper #path-box.lang .langSelect .selectWrap .select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: none;
  padding: 3px 20px 3px 10px;
  position: relative;
  width: 100%;
  z-index: auto
}

.wrapper #path-box.lang .langSelect .selectWrap select::-ms-expand {
  display: none
}

.langWrap {
  position: relative
}

.langWrap .langSelect {
  position: absolute;
  right: .8em;
  top: -33px
}

.langWrap .langSelect #ls-reg {
  text-align: right
}

.langWrap .langSelect .plane {
  font-size: 12px
}

.langWrap .langSelect .selectWrap {
  background: #ededed;
  display: inline-block;
  position: relative
}

.langWrap .langSelect .selectWrap::after {
  border: 0;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  content: "";
  height: 6px;
  margin-top: -4px;
  position: absolute;
  right: 10px;
  top: 45%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px
}

.langWrap .langSelect .selectWrap .select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: none;
  padding: 3px 20px 3px 10px;
  position: relative;
  width: 100%;
  z-index: auto
}

.langWrap .langSelect .selectWrap select::-ms-expand {
  display: none
}

.langWrap .langSelect #ls-sub {
  display: none
}

@media screen and (max-width: 750px) {
  .langWrap {
      background:#eee;
      display: block;
      padding: 5px
  }

  .langWrap .langSelect {
      position: static
  }

  .langWrap .langSelect #ls-reg {
      text-align: right
  }

  .langWrap .langSelect .plane {
      font-size: 12px
  }

  .langWrap .langSelect .selectWrap {
      background: #ededed;
      display: inline-block;
      position: relative
  }

  .langWrap .langSelect .selectWrap::after {
      border: 0;
      border-bottom: solid 2px #b4b3b3;
      border-right: solid 2px #b4b3b3;
      content: "";
      height: 6px;
      margin-top: -4px;
      position: absolute;
      right: 10px;
      top: 45%;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      width: 6px
  }

  .langWrap .langSelect .selectWrap .select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: #fff;
      border: none;
      padding: 3px 20px 3px 10px;
      position: relative;
      width: 100%;
      z-index: auto
  }

  .langWrap .langSelect .selectWrap select::-ms-expand {
      display: none
  }

  .langWrap .langSelect #ls-sub {
      display: none
  }
}

header {
  position: relative
}

header .sphead,header .spsearch {
  display: none
}

header .headArea {
  border-top: 16px solid #c00;
  height: 60px;
  margin-bottom: 10px
}

header .headArea h1.siteid {
  left: 0;
  position: absolute;
  top: 0
}

header .headArea h1.siteid a img {
  height: 60px
}

header .headArea .slogan {
  left: 252px;
  position: absolute;
  top: 33px
}

header .headArea .slogan img {
/*  height: 10px */
}

header .headArea nav.subNav {
  position: absolute;
  right: 20px;
  top: 33px
}

header .headArea nav.subNav ul {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex
}

header .headArea nav.subNav ul li {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-weight: 700;
  margin: 0 1em
}

header .headArea nav.subNav ul li a {
  color: #333;
  font-size: 13px;
  text-decoration: none;
  transition: .3s
}

header .headArea nav.subNav ul li a:hover {
  color: #c00
}

header .headArea nav.subNav ul li.lang {
  margin-right: 0
}

header .headArea nav.subNav ul li.lang a {
  border: 1px solid #c00;
  border-radius: 4px;
  color: #c00;
  padding: .3em 1.5em;
  transition: .3s
}

header .headArea nav.subNav ul li.lang a:hover {
  background: #faecea
}

header .globalNav .navitem li.search .searchForm input[type=text] {
  background-color: #fff
}

header .spsearch .searchForm input[type=text] {
  background-color: #fff
}

@media screen and (min-width: 751px) {
  header .globalNav nav.main>ul {
      display:flex
  }

  header .globalNav nav.main>ul>li {
      background: rgba(255,255,255,.8);
      border-right: 1px solid #ccc;
      flex: 1;
      font-size: 13.5px;
      text-align: center
  }

  header .globalNav nav.main>ul>li:nth-child(6) {
      border-right: none
  }

  header .globalNav nav.main>ul>li:hover {
      background-color: #eee;
      cursor: pointer
  }

  header .globalNav nav.main>ul>li:hover a {
      color: #c00
  }

  header .globalNav nav.main>ul>li.opened .menu.opened {
      display: none
  }

  header .globalNav nav.main>ul>li .menu {
      background: rgba(230,230,230,.95);
      display: none;
      max-height: 9999px
  }

  header .globalNav nav.main>ul>li>span.dropLabel {
      color: #333;
      display: block;
      font-family: "Noto Sans Japanese","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
      font-weight: 700;
      line-height: 1;
      padding: 21.5px 1em;
      text-decoration: none;
      transition: all .2s ease-in
  }

  header .globalNav nav.main>ul>li>span.dropLabel:after {
      color: #333;
      content: "\f107";
      font-family: yubin;
      font-size: 130%;
      font-weight: 400;
      line-height: 0;
      margin-left: .4em;
      position: relative;
      top: 3px
  }

  header .globalNav nav.main>ul>li>span.dropLabel:hover:after {
      color: #c00
  }

  header .globalNav nav.main>ul>li>span.dropLabel.active {
      background-color: #eee
  }

  header .globalNav nav.main>ul>li.search {
      background: #c00!important
  }

  header .globalNav nav.main>ul>li.search span.dropLabel {
      color: #fff;
      display: block;
      font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
      font-weight: 700;
      line-height: 1;
      padding: 21.5px 1em;
      text-decoration: none
  }

  header .globalNav nav.main>ul>li.search span.dropLabel.active {
      background-color: #c00
  }

  header .globalNav nav.main>ul>li.search span.dropLabel:after {
      content: none
  }

  header .globalNav nav.main>ul>li.search span.dropLabel:hover {
      color: #fff;
      cursor: pointer
  }

  header .globalNav nav.main>ul .menu {
      left: 0;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 10
  }

  header .globalNav nav.main>ul .menu .menu_inner {
      padding: 30px 30px 35px
  }

  header.is-show .globalNav {
      box-shadow: 0 1px 6px 0 #949494;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 51
  }

  header.is-show .globalNav nav.main>ul>li.search {
      background: rgba(204,0,0,.7)
  }
}

@media screen and (min-width: 1921px) {
  .globalNav nav.main>ul>li {
      flex:none;
      width: 8vw
  }

  .globalNav nav.main>ul .menu {
      text-align: left
  }

  .globalNav nav.main li.search {
      margin-left: auto
  }
}

@media screen and (min-width: 751px) and (max-width:1200px) {
  header .headArea {
      height:auto
  }

  header .headArea h1.siteid,header .headArea slogan {
      height: 60px
  }

  header .headArea nav.subNav {
      margin-top: 50px;
      position: static;
      right: auto;
      top: auto
  }

  header .headArea nav.subNav ul {
      justify-content: flex-end
  }

  header .headArea nav.subNav ul li {
      margin: 0 .6em
  }

  header .headArea nav.subNav ul li.lang {
      margin-right: 0
  }

  .globalNav {
      font-size: 13.5px;
      line-height: 1
  }

  .globalNav nav.main>ul>li>a {
      padding: 18px .4em
  }

  .globalNav nav.main>ul>li>a:after {
      content: "\f107";
      display: block;
      font-family: yubin;
      font-weight: 400;
      line-height: 0;
      margin-left: 0;
      margin-top: 8px
  }
}

header.lang .searchForm {
  display: block;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 20px;
  text-align: right;
  width: 70%
}

header.lang .searchForm .searchreader {
  display: none
}

header.lang .searchForm br {
  display: none
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  header.lang .searchForm {
      margin-right:0
  }
}

@media screen and (max-width: 750px) {
  header.lang .searchForm {
      display:none
  }
}

.scroll-prevent {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: -1
}

.spToptool {
  display: none
}

header.lang .sphead .i-top {
  display: none
}

@media screen and (max-width: 750px) {
  header.lang .headArea {
      height:52px
  }

  header.lang .headArea h1.siteid {
      left: 50%;
      padding: 14px 0 9px;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 75vw
  }

  header.lang .headArea h1.siteid a img {
      height: 31px
  }

  header.lang .headArea .sphead .i-top {
      display: block
  }

  header.lang .headArea .sphead .i-top a:after {
      color: #fff;
      content: "\e998";
      font-family: yubin;
      font-size: 42px;
      font-weight: 400;
      left: 7px;
      position: absolute;
      top: 6px
  }

  header.lang .headArea .sphead .i-menu {
      display: none
  }

  header.lang .headArea .sphead .i-search {
      right: 9px;
      top: 9px
  }

  header.lang .headArea .sphead .i-search:after {
      content: none
  }

  body.spsearch_open header.lang .sphead .i-menu {
      display: none
  }

  body.spsearch_open header.lang .sphead .i-search {
      right: 0;
      top: 0
  }

  body.spsearch_open header.lang .searchForm {
      display: block!important;
      margin-right: 0;
      width: 100%
  }
}

@media screen and (max-width: 346px) {
  header.lang .headArea h1.siteid a img {
      height:25px
  }
}

@media screen and (max-width: 750px) {
  body.top_index header.top.is-show {
      display:none
  }

  body.top_index .spToptool {
      display: block;
      height: 62px;
      left: 0;
      position: fixed;
      top: -62px;
      width: 100%;
      z-index: 100
  }

  body.top_index .spToptool ul {
      border-bottom: 2px solid #c00;
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex
  }

  body.top_index .spToptool ul li {
      border-right: 1px solid #eee;
      flex: 1;
      line-height: 1;
      text-align: center
  }

  body.top_index .spToptool ul li a {
      background: #fff;
      display: block;
      font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
      font-size: calc(8px + 1vw);
      font-weight: 700;
      padding: 2px 0 6px
  }

  body.top_index .spToptool ul li a:hover {
      background: #faecea;
      text-decoration: none
  }

  body.top_index .spToptool ul li:last-child {
      border-right: 0
  }

  body.top_index .spToptool ul li a:before {
      color: #c00;
      display: block;
      font-family: yubin;
      font-size: 40px;
      font-weight: 400;
      line-height: 40px
  }

  body.top_index .spToptool ul li.zipsearch a:before {
      content: "\e945"
  }

  body.top_index .spToptool ul li.postsearch a:before {
      content: "\e93f"
  }

  body.top_index .spToptool ul li.tracking a:before {
      content: "\e944"
  }

  body.top_index .spToptool ul li.redeli a:before {
      content: "\e990"
  }

  header.top.sphide {
      position: fixed;
      top: -62px;
      transition: .5s;
      width: 100%;
      z-index: 100
  }

  header.top.is-show {
      position: fixed;
      top: 0;
      transition: .5s;
      width: 100%;
      z-index: 100
  }

  header {
      background: #c00;
      height: 52px;
      position: relative
  }

  header .sphead,header .spsearch {
      display: block
  }

  header nav.subNav {
      display: none
  }

  header .headArea {
      border-top: 0;
      height: auto;
      margin-bottom: 0;
      position: relative;
      text-align: center;
      z-index: 100
  }

  header .headArea h1.siteid {
      display: inline-block;
      padding: 12px 0 9px;
      position: relative;
      text-align: center
  }

  header .headArea h1.siteid a {
      display: inline-block
  }

  header .headArea h1.siteid a img {
      height: 31px;
      margin: auto
  }

  header .sphead .i-menu {
      left: 4px;
      line-height: 1.15;
      position: absolute;
      text-align: center;
      top: 2px
  }

  header .sphead .i-menu:before {
      color: #fff;
      content: "\f0c9";
      font-family: yubin;
      font-size: 28px
  }

  header .sphead .i-menu:after {
      color: #fff;
      content: "メニュー";
      display: block;
      font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
      font-size: 12px;
      font-weight: 400
  }

  header .sphead .i-search {
      line-height: 1.15;
      position: absolute;
      right: 4px;
      text-align: center;
      top: 2px
  }

  header .sphead .i-search:before {
      color: #fff;
      content: "\f002";
      font-family: yubin;
      font-size: 28px
  }

  header .sphead .i-search:after {
      color: #fff;
      content: "検索";
      display: block;
      font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
      font-size: 12px;
      font-weight: 400;
      letter-spacing: .3em
  }

  header .globalNav,header .spsearch {
      background: #eee;
      display: none;
      overflow-y: auto;
      position: fixed;
      top: 52px;
      transition: opacity .6s ease,visibility .6s ease;
      width: 100%;
      z-index: -100
  }

  header .globalNav .spnone,header .spsearch .spnone {
      display: none
  }

  header .spsearch .searchForm input[type=text] {
      margin: 10px 0 0;
      width: 90%
  }

  header .globalNav {
      background: rgba(0,0,0,.2)
  }

  header .globalNav nav.main ul.navitem {
      background: #fff
  }

  header .globalNav nav.main ul.navitem li.toggle {
      border-bottom: 1px solid #c8c8c8
  }

  header .globalNav nav.main ul.navitem li.opened .dropLabel:after {
      content: "\2d"
  }

  header .globalNav nav.main ul.navitem li.opened .dropLabel.spactive:after {
      content: "\2b"
  }

  header .globalNav nav.main ul.navitem li.opened .menu .menu_inner .child .head:after {
      content: "\2d"
  }

  header .globalNav nav.main ul.navitem li.opened .menu .menu_inner .child .head.active:after {
      content: "\2b"
  }

  header .globalNav nav.main ul.navitem li.spsubMenu {
      background: #f7f7f7
  }

  header .globalNav nav.main ul.navitem li.spsubMenu li {
      border-bottom: 1px solid #ccc
  }

  header .globalNav nav.main ul.navitem li.spsubMenu li a {
      display: block;
      font-size: 13.5px;
      padding: 18px 15px;
      position: relative;
      width: 100%
  }

  header .globalNav nav.main ul.navitem li.spsubMenu li a:after {
      bottom: 0;
      content: "\f105";
      font-family: yubin;
      font-size: 33px;
      font-weight: 400;
      height: 33px;
      line-height: 1;
      margin: auto;
      position: absolute;
      right: 12px;
      top: 0
  }

  header .globalNav nav.main ul.navitem li {
      font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif
  }

  header .globalNav nav.main ul.navitem li .dropLabel {
      display: block;
      font-size: 16px;
      padding: 1.5em 15px;
      position: relative
  }

  header .globalNav nav.main ul.navitem li .dropLabel:after {
      bottom: 0;
      content: "\2b";
      font-family: yubin;
      font-size: 21px;
      font-weight: 400;
      height: 21px;
      margin: auto;
      position: absolute;
      right: 12px;
      top: 0
  }

  header .globalNav nav.main ul.navitem li .dropLabel.spactive:after {
      bottom: 0;
      content: "\2d";
      font-family: yubin;
      font-size: 21px;
      font-weight: 400;
      height: 21px;
      margin: auto;
      position: absolute;
      right: 12px;
      top: 0
  }

  header .globalNav nav.main ul.navitem li .menu a span small {
      display: block
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .parent a {
      background: #eee;
      border-bottom: 1px solid #c8c8c8;
      border-top: 1px solid #c8c8c8;
      display: block;
      font-size: 14.5px;
      margin-top: 0!important;
      padding: 1.5em 15px;
      position: relative;
      position: relative
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .parent a:after {
      bottom: 0;
      content: "\f105";
      font-family: yubin;
      font-size: 33px;
      font-weight: 400;
      height: 33px;
      margin: auto;
      position: absolute;
      right: 12px;
      top: 0
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .parent .nolink {
      background: #eee;
      border-bottom: 1px solid #c8c8c8;
      display: block;
      font-size: 14.5px;
      margin-top: 0!important;
      padding: 1.5em 15px;
      position: relative;
      position: relative
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul li.icon a[class^=yic-]:before {
      content: none!important
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head {
      background: #eee;
      border-bottom: 1px solid #c8c8c8;
      font-size: 14.5px;
      margin-top: 0!important;
      padding: 1.5em 35px 1.5em 15px;
      position: relative
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head:last-of-type {
      border-bottom: 0
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head:after {
      bottom: 0;
      content: "\2b";
      font-family: yubin;
      font-size: 21px;
      font-weight: 400;
      height: 21px;
      margin: auto;
      position: absolute;
      right: 12px;
      top: 0
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.active:after {
      bottom: 0;
      content: "\2d";
      font-family: yubin;
      font-size: 21px;
      font-weight: 400;
      height: 21px;
      margin: auto;
      position: absolute;
      right: 12px;
      top: 0
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.opened:after {
      content: "\2d"
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.opened.active:after {
      content: "\2b"
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2,header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 {
      background: #dcdcdc;
      border-bottom: 1px solid #c8c8c8;
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li,header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li {
      align-items: center;
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.last,header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.last {
      border-bottom: 0
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a,header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a {
      display: block;
      font-size: 13.5px;
      padding: 1.3em 30px 1.3em 15px;
      position: relative;
      width: 100%
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a:after,header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a:after {
      bottom: 0;
      content: "\f105";
      font-family: yubin;
      font-size: 33px;
      font-weight: 400;
      height: 33px;
      margin: auto;
      position: absolute;
      right: 12px;
      top: 0
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a[target="_blank"]:after,header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a[target="_blank"]:after {
      content: "\e924";
      font-family: yubin;
      font-size: 20px;
      height: 20px;
      margin-left: .3em
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a,header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a {
      padding: 0
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a span,header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a span {
      display: none
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a[target="_blank"]:after,header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a[target="_blank"]:after {
      content: none;
      height: 0;
      margin-left: 0
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 {
      margin-top: 0!important
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li {
      border-bottom: 0;
      flex-basis: 50%;
      max-width: 50%
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li:nth-child(odd) {
      border-right: 1px solid #c8c8c8
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li:nth-child(n+3) {
      border-top: 1px solid #c8c8c8
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.bottomline {
      border-bottom: 1px solid #c8c8c8
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 {
      background: #dcdcdc
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li {
      border-bottom: 0;
      max-width: 100%;
      width: 100%
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.active+.block2 {
      display: block!important
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head+.block2,header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head+.block4 {
      display: none
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu {
      display: block;
      width: 100%
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span {
      background: #eee;
      border-bottom: 1px solid #c8c8c8;
      display: block;
      font-size: 14.5px;
      margin-top: 0!important;
      padding: 1.5em 15px;
      position: relative
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span:after {
      bottom: 0;
      content: "\2b";
      font-family: yubin;
      font-size: 21px;
      font-weight: 400;
      height: 21px;
      margin: auto;
      position: absolute;
      right: 12px;
      top: 0
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span.active:after {
      content: "\2d"
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont {
      display: none;
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      display: none;
      flex-wrap: wrap
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li {
      flex-basis: 50%;
      max-width: 50%
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li:nth-child(odd) {
      border-right: 1px solid #c8c8c8
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li:nth-child(n+3) {
      border-top: 1px solid #c8c8c8
  }

  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont li.bottomline {
      border-bottom: 1px solid #c8c8c8
  }

  .spbg {
      background-color: rgba(0,0,0,.5);
      display: none;
      height: 100vh;
      left: 0;
      opacity: 0;
      position: fixed;
      top: 0;
      width: 100vw;
      z-index: 2
  }

  body.spmenu_open .wrapper {
      height: 100%;
      overflow: hidden;
      width: 100%;
      z-index: -1
  }

  body.spmenu_open .wrapper .spbg {
      display: block;
      opacity: 1
  }

  body.spmenu_open .wrapper header {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 100
  }

  body.spmenu_open .wrapper header .globalNav {
      display: block;
      height: calc(100% - 52px);
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      position: fixed;
      top: 52px;
      visibility: visible;
      z-index: 200
  }

  body.spmenu_open .wrapper header .globalNav nav.main ul li.search {
      display: none
  }

  body.spmenu_open .wrapper header .sphead .i-menu:before {
      content: "\e912";
      font-family: yubin;
      font-size: 44px
  }

  body.spmenu_open .wrapper header .sphead .i-menu:after {
      content: none
  }

  body.spsearch_open .spbg {
      display: block;
      opacity: .7
  }

  body.spsearch_open header {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 100
  }

  body.spsearch_open header .spsearch {
      display: block;
      opacity: 1;
      visibility: visible;
      z-index: 200
  }

  body.spsearch_open header .spsearch nav.main ul li.search {
      display: none
  }

  body.spsearch_open header .sphead .i-search:before {
      content: "\e912";
      font-family: yubin;
      font-size: 44px
  }

  body.spsearch_open header .sphead .i-search:after {
      content: none
  }
}

.globalNav nav.main li.toggle.buy .menu_inner .child .block4 li.refresh a.anchor {
  display: none
}

@media screen and (min-width: 751px) {
  .globalNav nav.main .menu .close {
      background:#fff;
      border-radius: 25px;
      bottom: -23px;
      height: 45px;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      transition: .3s;
      width: 45px
  }

  .globalNav nav.main .menu .close:before {
      content: "\e912";
      display: block;
      font-family: yubin;
      font-size: 30px;
      line-height: 1;
      padding: 6px 0 0 0
  }

  .globalNav nav.main .menu .close:hover {
      background: #555;
      color: #fff
  }

  .globalNav nav.main li.toggle .menu_inner {
      align-items: stretch;
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
      margin: auto;
      max-width: 1400px
  }

  .globalNav nav.main li.toggle .menu_inner .parent {
      min-width: 200px
  }

  .globalNav nav.main li.toggle .menu_inner .parent a {
      background: #fff;
      border-radius: 5px;
      color: #333;
      display: block;
      font-size: 16px;
      font-weight: 500;
      height: 100%;
      position: relative;
      text-decoration: none;
      width: 100%
  }

  .globalNav nav.main li.toggle .menu_inner .parent a span {
      left: 50%;
      line-height: 1.4;
      margin: auto;
      position: absolute;
      text-align: center;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 100%
  }

  .globalNav nav.main li.toggle .menu_inner .parent a:hover {
      background: #ffb9b9
  }

  .globalNav nav.main li.toggle .menu_inner .parent a:after {
      bottom: 0;
      color: #c00;
      content: "\f105";
      display: inline-block;
      font-family: yubin;
      font-size: 20px;
      height: 20px;
      line-height: 1;
      margin: auto;
      position: absolute;
      right: 10px;
      top: 0
  }

  .globalNav nav.main li.toggle .menu_inner .parent .nolink {
      background: 0 0;
      border: 2px solid #fff;
      border-radius: 5px;
      color: #333;
      display: block;
      font-size: 16px;
      font-weight: 500;
      height: 100%;
      position: relative;
      width: 100%
  }

  .globalNav nav.main li.toggle .menu_inner .parent .nolink span {
      left: 50%;
      line-height: 1.4;
      margin: auto;
      position: absolute;
      text-align: center;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 100%
  }

  .globalNav nav.main li.toggle .menu_inner .child {
      padding-left: 15px;
      text-align: left;
      width: 100%
  }

  .globalNav nav.main li.toggle .menu_inner .child .head {
      color: #c00;
      font-size: 14.5px;
      font-weight: 500;
      margin-bottom: .2em;
      padding-left: 5px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li {
      font-size: 14px;
      font-weight: 500;
      margin: 0
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li small {
      font-size: 11px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.btn a {
      background: #fff;
      border-radius: 5px;
      color: #333;
      display: flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      display: -o-flex;
      display: block;
      flex-direction: column;
      font-size: 14.5px;
      height: 70px;
      line-height: 1.4;
      padding: 13px 15px 13px 10px;
      position: relative;
      width: 100%
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.btn a:hover {
      background: #ffb9b9;
      text-decoration: none
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.btn a:after {
      bottom: 0;
      color: #c00;
      content: "\f105";
      font-family: yubin;
      font-size: 20px;
      height: 20px;
      line-height: 1;
      margin: auto;
      position: absolute;
      right: 10px;
      top: 0
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.btn a[target="_blank"]:after {
      content: "\e924";
      font-size: 14px;
      height: 14px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.btn span {
      position: absolute;
      top: 50%;
      transform: translate(0,-50%);
      vertical-align: middle
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.btn small {
      color: #7a7a7a;
      display: block;
      font-size: 12px;
      letter-spacing: -.1em
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.img a {
      color: #333
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.img a:hover {
      opacity: .7
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.img span {
      display: block;
      padding: .5em 0
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.img span:before {
      content: "\f105";
      display: inline-block;
      font-family: yubin;
      margin-right: .3em
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.img a[target="_blank"] span:after {
      content: "\e924";
      font-family: yubin;
      margin-left: .3em
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon {
      text-align: left
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
      color: #c00;
      font-family: yubin
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-direction: column;
      height: 70px;
      line-height: 1.4
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
      font-size: 42px;
      left: 8px;
      position: absolute;
      top: 8px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span {
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      vertical-align: middle;
      width: 60%
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a small {
      color: #7a7a7a;
      font-size: 12px;
      letter-spacing: -.1em
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext {
      margin: .6em 0
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext:last-child {
      margin-bottom: 5px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext a {
      color: #c00;
      font-size: 14.5px;
      font-weight: 400
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext a:before {
      content: "\f105";
      display: inline-block;
      font-family: yubin;
      margin-right: .5em
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu {
      background: #fff;
      border-radius: 5px;
      font-size: 14.5px;
      padding: 15px 15px 15px 18px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu span {
      display: block;
      font-size: 16px;
      margin-bottom: 20px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu span.icon:before {
      color: #c00;
      font-size: 48px;
      line-height: 0;
      margin-left: -.2em;
      position: relative;
      top: 12px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      justify-content: space-between
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li {
      flex-basis: 24.5%;
      margin-top: 0;
      max-width: 24.5%
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li:before {
      content: "\f105";
      display: inline-block;
      font-family: yubin;
      margin-right: .3em
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li:nth-child(n+5) {
      margin-top: 10px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont a {
      color: #333
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont:before {
      content: "";
      display: block;
      flex-basis: 24.5%;
      height: 0;
      order: 1
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont:after {
      content: "";
      display: block;
      flex-basis: 24.5%;
      height: 0
  }

  .globalNav nav.main li.toggle .menu_inner .child ul.area li {
      vertical-align: bottom
  }

  .globalNav nav.main li.toggle .menu_inner .child ul[class*=block] {
      align-items: stretch;
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%
  }

  .globalNav nav.main li.toggle .menu_inner .child ul.stretch li {
      display: flex
  }

  .globalNav nav.main li.toggle .menu_inner .child ul.block4::before {
      content: "";
      display: block;
      order: 1;
      width: 24.5%
  }

  .globalNav nav.main li.toggle .menu_inner .child ul.block4::after {
      content: "";
      display: block;
      width: 24.5%
  }

  .globalNav nav.main li.toggle .menu_inner .child ul.block4 li {
      width: 24.5%
  }

  .globalNav nav.main li.toggle .menu_inner .child ul.block4 li:nth-child(n+5) {
      margin-top: 10px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul.block2 li {
      width: 49.7%
  }

  .globalNav nav.main li.toggle .menu_inner .child ul.block2 li:nth-child(n+3) {
      margin-top: 10px
  }

  .globalNav nav.main li.toggle.send .parent a span:before {
      color: #c00;
      content: "\e942";
      display: block;
      font-family: yubin;
      font-size: 76px;
      line-height: 1
  }

  .globalNav nav.main .icon.post a:before {
      color: #c00;
      content: "\e93f";
      font-family: yubin
  }

  .globalNav nav.main .icon.conveni a:before {
      color: #c00;
      content: "\e936";
      font-family: yubin
  }

  .globalNav nav.main .icon.pickup a:before {
      color: #c00;
      content: "\e93e";
      font-family: yubin
  }

  .globalNav nav.main .icon.make a:before {
      color: #c00;
      content: "\e93d";
      font-family: yubin
  }

  .globalNav nav.main .icon.buy a:before {
      color: #c00;
      content: "\e931";
      font-family: yubin
  }

  .globalNav nav.main .icon.int a:before {
      color: #fa812f!important;
      content: "\e93b";
      font-family: yubin
  }

  .globalNav nav.main .icon.int a:after {
      color: #fa812f!important
  }

  .globalNav nav.main li.toggle.receive .parent a span:before {
      color: #c00;
      content: "\e981";
      display: block;
      font-family: yubin;
      font-size: 76px;
      line-height: 1
  }

  .globalNav nav.main .icon.tracking a:before {
      color: #c00;
      content: "\e944";
      font-family: yubin
  }

  .globalNav nav.main .icon.deli a:before {
      color: #c00;
      content: "\e990";
      font-family: yubin
  }

  .globalNav nav.main li.toggle.buy .parent a span:before {
      color: #c00;
      content: "\e931";
      display: block;
      font-family: yubin;
      font-size: 76px;
      line-height: 1
  }

  .globalNav nav.main .icon.item a:before {
      color: #c00;
      content: "\e93c";
      font-family: yubin
  }

  .globalNav nav.main .icon.goods a:before {
      color: #c00;
      content: "\e992";
      font-family: yubin
  }

  .globalNav nav.main .icon.shop a:before {
      color: #c00;
      content: "\e931";
      font-family: yubin
  }

  .globalNav nav.main .icon.other a:before {
      color: #c00;
      content: "\e96f";
      font-family: yubin
  }

  .globalNav nav.main li.toggle.choho .parent a span:before,.globalNav nav.main li.toggle.choho .parent div span:before {
      color: #c00;
      content: "\e94c";
      display: block;
      font-family: yubin;
      font-size: 76px;
      line-height: 1
  }

  .globalNav nav.main li.innermenu .title.junbi:before {
      content: "\e94b";
      font-family: yubin
  }

  .globalNav nav.main li.innermenu .title.sonaeru:before {
      content: "\e94d";
      font-family: yubin
  }

  .globalNav nav.main li.innermenu .title.nokosu:before {
      content: "\e94c";
      font-family: yubin
  }

  .globalNav nav.main li.innermenu .title.fuyasu:before {
      content: "\e94a";
      font-family: yubin
  }

  .globalNav nav.main li.innermenu .title.benri:before {
      content: "\e973";
      font-family: yubin
  }

  .globalNav nav.main .icon.ginko a:before {
      color: #c00;
      content: "\e92f";
      font-family: yubin
  }

  .globalNav nav.main .icon.hoken a:before {
      color: #c00;
      content: "\e93a";
      font-family: yubin
  }

  .globalNav nav.main .icon.procedure a:before {
      color: #c00;
      content: "\e986";
      font-family: yubin
  }

  .globalNav nav.main li.toggle.procedure .parent a span:before {
      color: #c00;
      content: "\e986";
      display: block;
      font-family: yubin;
      font-size: 76px;
      line-height: 1
  }

  .globalNav nav.main .icon.forward a:before {
      color: #c00;
      content: "\e97f";
      font-family: yubin
  }

  .globalNav nav.main .icon.internet a:before {
      color: #c00;
      content: "\e978";
      font-family: yubin
  }

  .globalNav nav.main li.toggle.business .parent a span:before {
      color: #c00;
      content: "\e930";
      display: block;
      font-family: yubin;
      font-size: 76px;
      line-height: 1
  }

  .globalNav nav.main .icon.biz-problem a:before {
      color: #c00;
      content: "\e975";
      font-family: yubin
  }

  .globalNav nav.main .icon.biz-kokunai a:before {
      color: #c00;
      content: "\e97b";
      font-family: yubin
  }

  .globalNav nav.main .icon.biz-int a:before {
      color: #c00;
      content: "\e984";
      font-family: yubin
  }

  .globalNav nav.main .icon.biz-sales a:before {
      color: #c00;
      content: "\e982";
      font-family: yubin
  }

  .globalNav nav.main .icon.biz-ec a:before {
      color: #c00;
      content: "\e974";
      font-family: yubin
  }

  .globalNav nav.main .icon.biz-doc a:before {
      color: #c00;
      content: "\e97a";
      font-family: yubin
  }

  .globalNav nav.main .icon.biz-ad a:before {
      color: #c00;
      content: "\e985";
      font-family: yubin
  }

  .globalNav nav.main .icon.biz-payment a:before {
      color: #c00;
      content: "\e983";
      font-family: yubin
  }
}

@media screen and (min-width: 1921px) {
  .globalNav nav.main li.toggle .menu_inner {
      margin-left:0;
      margin-right: auto
  }
}

@media screen and (min-width: 751px) and (max-width:1200px) {
  .fixedNav.clone-nav {
      font-size:13.5px;
      width: 100%
  }

  .fixedNav.clone-nav nav.main>ul>li>a {
      padding: 18px 0;
      position: relative
  }

  .fixedNav.clone-nav nav.main>ul>li>a:after {
      bottom: 8px;
      color: #ccc;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: auto
  }

  .fixedNav.clone-nav nav.main li.search {
      flex: none;
      width: 60px
  }

  .globalNav nav.main li.toggle .menu_inner .parent {
      min-width: 120px;
      width: 18%
  }

  .globalNav nav.main li.toggle .menu_inner .parent .nolink,.globalNav nav.main li.toggle .menu_inner .parent a {
      min-height: 60px;
      padding: 10px 0;
      position: relative
  }

  .globalNav nav.main li.toggle .menu_inner .parent .nolink span,.globalNav nav.main li.toggle .menu_inner .parent a span {
      font-size: 14.5px;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translate(0,-50%);
      vertical-align: middle
  }

  .globalNav nav.main li.toggle .menu_inner .parent:before {
      font-size: 46px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li {
      font-size: 13px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
      font-size: 36px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span {
      left: 56%;
      width: 70%
  }
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  .globalNav nav.main li.toggle span.dropLabel {
      padding:14px .3em
  }

  .globalNav nav.main li.toggle span.dropLabel:after {
      display: block;
      line-height: .8;
      margin-left: 0
  }

  .globalNav nav.main li.toggle .menu_inner {
      display: block
  }

  .globalNav nav.main li.toggle .menu_inner .parent {
      margin-bottom: 10px;
      min-width: auto;
      width: 100%
  }

  .globalNav nav.main li.toggle .menu_inner .parent .nolink,.globalNav nav.main li.toggle .menu_inner .parent a {
      min-height: 60px
  }

  .globalNav nav.main li.toggle .menu_inner .parent .nolink span,.globalNav nav.main li.toggle .menu_inner .parent a span {
      align-items: center;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      display: -webkit-flex;
      font-size: 14.5px;
      justify-content: center;
      left: 0;
      position: absolute;
      top: 50%;
      transform: translate(0,-50%);
      vertical-align: middle
  }

  .globalNav nav.main li.toggle .menu_inner .parent .nolink span:before,.globalNav nav.main li.toggle .menu_inner .parent a span:before {
      display: inline-block;
      font-size: 46px
  }

  .globalNav nav.main li.toggle .menu_inner .parent .nolink span br.pc,.globalNav nav.main li.toggle .menu_inner .parent a span br.pc {
      display: none
  }

  .globalNav nav.main li.toggle .menu_inner .child {
      padding-left: 0
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
      font-size: 32px;
      left: 6px;
      top: auto
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span {
      left: 55%;
      width: 64%
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span small {
      font-size: 10px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span br.pc {
      display: none
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.btn a {
      font-size: 12px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu {
      padding: 15px 15px 10px 18px
  }

  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li {
      flex-basis: 49%;
      font-size: 14px;
      margin: .3em 0;
      max-width: 49%
  }
}

@media screen and (min-width: 1201px) and (max-width:1920px) {
  .fixedNav.clone-nav {
      width:100%
  }
}

@media screen and (min-width: 1921px) {
  .fixedNav.clone-nav {
      width:100%
  }
}

.modalbox {
  background: #faecea;
  border-radius: 8px;
  padding: 50px
}

footer {
  background: #f7f7f7;
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  padding-top: 0;
  position: relative
}

footer .pagetop a {
  background: rgba(100,100,100,.4);
  border-radius: 6px;
  bottom: -50px;
  display: block;
  font-size: 0;
  height: 46px;
  line-height: 40px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  width: 46px;
  z-index: 100
}

footer .pagetop a:before {
  color: #fff;
  content: "\f106";
  font-family: yubin;
  font-size: 40px
}

footer .pagetop a:hover {
  background: rgba(100,100,100,.8)
}

footer .innerwidth {
  padding: 0 0
}

footer .footNav {
  margin: auto;
  max-width: 1200px
}

footer .footNav .toolarea {
  align-items: flex-end;
  border-bottom: 2px solid #ccc;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 20px 0
}

footer .footNav .toolarea li {
  border-right: 1px solid #ccc;
  flex: 1;
  text-align: center
}

footer .footNav .toolarea li a {
  color: #c00;
  display: block;
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: .8rem;
  font-weight: 400;
  padding: 8px 0;
  transition: .3s
}

footer .footNav .toolarea li a:before {
  content: "\f106";
  display: block;
  font-family: yubin;
  font-size: 70px
}

footer .footNav .toolarea li a.postsearch:before {
  content: "\e989"
}

footer .footNav .toolarea li a.zipsearch:before {
  content: "\e98b";
  font-size: 90px;
  line-height: 71px
}

footer .footNav .toolarea li a.tracking:before {
  content: "\e98a";
  font-size: 86px;
  line-height: 71px
}

footer .footNav .toolarea li a.redeli:before {
  content: "\e990"
}

footer .footNav .toolarea li a.delidays:before {
  content: "\e98f";
  font-size: 60px;
  line-height: 70px
}

footer .footNav .toolarea li a.fee:before {
  content: "\e939"
}

footer .footNav .toolarea li a:hover {
  background: rgba(255,255,255,.7);
  text-decoration: none
}

footer .footNav .toolarea li:last-child {
  border-right: 0
}

footer .footNav .bodyarea {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between
}

footer .footNav .bodyarea .half {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex-basis: 50%;
  justify-content: space-between;
  max-width: 50%;
  padding: 0 2.5%
}

footer .footNav .bodyarea .half ul {
  flex-basis: 50%;
  font-size: .85rem;
  max-width: 50%
}

footer .footNav .bodyarea .half ul li {
  padding: .4em 0 .4em .9em;
  text-indent: 0
}

footer .footNav .bodyarea .half ul li:before {
  content: "\f105";
  display: inline-block;
  font-family: yubin;
  font-weight: 400;
  left: 0;
  position: absolute;
  top: .65em
}

footer .footNav .bodyarea .half ul li ul.child {
  flex-basis: 100%;
  margin-top: .4em;
  max-width: 100%
}

footer .footNav .bodyarea .half ul li ul.child li {
  margin-left: .6em
}

footer .footNav .bodyarea .half:first-child {
  border-right: 2px solid #ccc
}

footer .footNav .bodyarea ul.first li {
  font-weight: 700
}

footer .footNav .bodyarea ul.first li:before {
  color: #c00
}

footer .footNav .bodyarea ul.first li.nolink:before {
  color: #999
}

footer .footNav .bodyarea ul.second li:before {
  color: #c00
}

footer .footNav .bodyarea ul.sub li:before {
  color: #c00
}

footer .groupbnr {
  margin: 40px auto
}

footer .groupbnr ul {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between
}

footer .groupbnr ul li {
  position: relative;
  width: 32%
}

footer .groupbnr ul li a {
  background: #fff;
  border: 1px solid #ccc;
  display: block;
  padding: 25px 40px;
  transition: .3s
}

footer .groupbnr ul li a:after {
  color: #333;
  content: "\e924";
  font-family: yubin;
  position: absolute;
  right: 25px;
  top: 40%
}

footer .groupbnr ul li a:hover {
  opacity: .6
}

footer .footArea {
  line-height: 0
}

footer .footArea .sp {
  display: none
}

footer .footArea .upper {
  align-items: center;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  margin: 7px auto
}

footer .footArea .upper .logo {
  flex-basis: 120px;
  max-width: 120px;
  padding-right: 30px;
  text-align: left
}

footer .footArea .upper .nav {
  flex: 1
}

footer .footArea .upper .nav ul {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  font-size: 13px
}

footer .footArea .upper .nav ul li {
  line-height: 1.8;
  margin-right: 1.7em
}

footer .footArea .upper .nav ul li:before {
  color: #c00;
  top: 0
}

footer .footArea .lower {
  background: #c00;
  padding: 10px 33px
}

footer .footArea .lower .sitewidth {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex
}

footer .footArea .lower .copy {
  flex: 1;
  position: relative;
  text-align: right;
  top: 2px
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  footer .footArea .upper,footer .footNav,footer .groupbnr {
      padding:0 2%
  }

  footer .footNav .toolarea {
      align-items: stretch
  }

  footer .footNav .bodyarea .half ul {
      flex-basis: 49%;
      max-width: 49%
  }

  footer .footNav .bodyarea .half ul ul {
      flex-basis: 100%;
      max-width: 100%
  }
}

@media screen and (max-width: 750px) {
  footer {
      padding-top:0
  }

  footer .pagetop a {
      right: 3vw
  }

  footer .footNav {
      font-size: .8rem
  }

  footer .footNav a {
      color: #333
  }

  footer .footNav .toolarea {
      display: none
  }

  footer .footNav .bodyarea {
      display: block
  }

  footer .footNav .bodyarea .half {
      flex-basis: 100%;
      max-width: 100%
  }

  footer .footNav .bodyarea .half ul {
      flex-basis: 100%;
      max-width: 100%
  }

  footer .footNav .bodyarea .half ul li {
      margin-bottom: 0;
      padding: .4em 0 .4em 1.5em;
      position: relative
  }

  footer .footNav .bodyarea .half ul li:before {
      left: 8px;
      position: absolute;
      top: 1.5em
  }

  footer .footNav .bodyarea .half ul.first.arrowR li:before {
      content: none
  }

  footer .footNav .bodyarea .half ul.first.arrowR a {
      display: block
  }

  footer .footNav .bodyarea .half ul.first.arrowR li:before {
      color: #c00;
      content: "\f105";
      display: inline-block;
      font-family: yubin
  }

  footer .footNav .bodyarea .half ul.first.arrowR li.nolink:before {
      color: #999;
      content: "\f105";
      display: inline-block;
      font-family: yubin
  }

  footer .footNav .bodyarea .half:first-child {
      border-right: 0;
      display: block
  }

  footer .footNav .bodyarea .half:first-child ul li {
      border-bottom: 1px solid #ccc
  }

  footer .footNav .bodyarea .half:first-child ul li a {
      display: inline-block;
      padding: .8em 0
  }

  footer .footNav .bodyarea .half:first-child ul li.nolink {
      padding: 1em 0 0 1.5em
  }

  footer .footNav .bodyarea .half:first-child ul li.nolink:before {
      top: 1.2em
  }

  footer .footNav .bodyarea .half:first-child ul li.nolink ul.child {
      padding: 0
  }

  footer .footNav .bodyarea .half:first-child ul.child li:last-child {
      border-bottom: 0
  }

  footer .footNav .bodyarea .half:last-child {
      display: block
  }

  footer .footNav .bodyarea .half:last-child ul {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      justify-content: space-between
  }

  footer .footNav .bodyarea .half:last-child ul li {
      border-bottom: 1px solid #ccc;
      flex-basis: 50%;
      font-size: .9em;
      padding: .6em .5em .6em 1em
  }

  footer .footNav .bodyarea .half:last-child ul.sub li:before {
      top: 1.85em
  }

  footer .footNav .bodyarea .half:last-child ul.sub li:nth-child(odd):before {
      left: 5px
  }

  footer .footNav .bodyarea .half:last-child ul.sub li.clm1 {
      flex-basis: 100%
  }

  footer .groupbnr {
      margin: 30px auto 20px;
      padding: 0 3%
  }

  footer .groupbnr .innerwidth {
      padding: 0
  }

  footer .groupbnr ul {
      display: block;
      margin-top: 10px
  }

  footer .groupbnr ul:before {
      content: "日本郵政グループ";
      display: block;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: .5em
  }

  footer .groupbnr ul li {
      margin-bottom: 10px;
      position: relative;
      width: 100%
  }

  footer .groupbnr ul li a {
      background: #fff;
      border: 1px solid #ccc;
      display: block;
      padding: 25px 8%;
      transition: .3s
  }

  footer .groupbnr ul li a:after {
      color: #333;
      content: "\e924";
      font-family: yubin;
      position: absolute;
      right: 25px;
      top: 40%
  }

  footer .groupbnr ul li a:hover {
      opacity: .6
  }

  footer .footArea {
      line-height: 1.6
  }

  footer .footArea .lower,footer .footArea .upper {
      display: none
  }

  footer .footArea .nav {
      padding: 0 2%
  }

  footer .footArea .nav ul {
      align-content: space-between;
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      justify-content: space-between
  }

  footer .footArea .nav ul li {
      flex-basis: 49%;
      font-size: .8rem;
      margin-bottom: .5em;
      padding: .6em 0 .6em 1em
  }

  footer .footArea .nav ul li:before {
      color: #c00
  }

  footer .footArea .sp {
      display: block
  }

  footer .footArea .sp .copy {
      font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
      margin: .8em 0;
      text-align: center
  }

  footer .footArea .sp .bar {
      background: #c00;
      padding: 15px 0;
      text-align: center
  }

  footer .footArea .sp .bar img {
      width: 144px
  }

  footer .footArea .sp .nav ul li:before {
      left: 5px;
      top: .6em
  }

  footer .footNav .bodyarea .half:last-child ul.sub li {
      border-bottom: 1px solid #ccc;
      border-right: 1px solid #ccc;
      flex-basis: 50%;
      padding: 1.7em .5em 1.6em 1.1em
  }

  footer .footNav .bodyarea .half:last-child ul.sub li:nth-child(2n) {
      border-right: none!important;
      padding-left: 1.5em!important
  }

  footer .footNav .bodyarea .half:last-child ul {
      align-content: center
  }

  footer .footArea .nav ul {
      display: block!important
  }

  footer .footArea .nav ul li {
      padding-left: 1.2em!important
  }
}

footer.common.lang {
  background: #fff
}

footer.common.lang .footArea .upper {
  background: #fff;
  margin: 0 auto;
  padding: 8px 0
}

footer.common.lang .footArea .upper .navi {
  font-size: 12px
}

footer.common.lang .footArea .lower .sitewidth .group img {
  height: 14px
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  footer.common.lang {
      background:#fff
  }

  footer.common.lang .footArea .upper {
      padding: 8px 33px
  }
}

@media screen and (max-width: 750px) {
  footer.common.lang .footArea .copyright {
      margin:10px 0;
      text-align: center
  }

  footer.common.lang .footArea .upper {
      display: none
  }

  footer.common.lang .footArea .lower {
      display: block
  }

  footer.common.lang .footArea .lower .sitewidth {
      display: block
  }

  footer.common.lang .footArea .lower .sitewidth .group {
      margin-top: 5px;
      text-align: center
  }

  footer.common.lang .footArea .lower .sitewidth .group img {
      height: 22px
  }

  footer.common.lang .footArea .lower .sitewidth .copy {
      display: none;
      text-align: center;
      top: 10px
  }

  footer.common.lang .footArea .lower .sitewidth .copy img {
      width: auto
  }
}

#path-box {
  background: #dedede
}

@media screen and (max-width: 750px) {
  .topPickup.bgG.pd {
      padding:30px 0
  }
}

.kvArea {
  margin-top: 10px
}

.kvArea .slideimg .swiper-slide img {
  height: auto;
  width: 100%
}

.kvArea .swiper-container {
  padding-bottom: 0!important
}

.kvArea .swiper-container .swiper-pagination {
  bottom: 10px!important
}

.kvArea .swiper-container .swiper-pagination-bullet {
  background: #c7c7c7
}

@media screen and (max-width: 750px) {
  .kvArea .swiper-container {
      padding-bottom:0!important
  }
}

.importantArea {
  background: rgba(255,204,102,.05);
  border: 2px solid #fc6;
  margin: 10px auto 0
}

.importantArea dl {
  align-items: center;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  line-height: 1.5;
  padding: 10px
}

.importantArea dl dt {
  font-weight: 500;
  padding-right: 10px
}

.importantArea dl dt:before {
  color: #fc6;
  content: "\ff59";
  font-family: yubin;
  font-weight: 400;
  margin-right: .3em
}

.importantArea dl dd {
  border-left: 1px solid #dcdcdc
}

@media screen and (min-width: 751px) {
  .importantArea {
      margin:10px auto 0;
      max-width: 1200px
  }

  .importantArea dl dt {
      display: inline-block;
      font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
      font-weight: 700;
      font-weight: 700
  }

  .importantArea dl dd {
      padding-left: 15px
  }
}

@media screen and (max-width: 750px) {
  .importantArea {
      margin:10px auto 0
  }

  .importantArea dl {
      display: block;
      padding: 0 10px
  }

  .importantArea dl dt {
      display: inline-block;
      font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
      font-weight: 700;
      font-weight: 700;
      padding: 10px 0 0 0
  }

  .importantArea dl dd {
      border-left: 0;
      font-size: .9rem;
      padding-bottom: .6em;
      padding-left: 15px
  }
}

.topnoticeArea {
  background: #f7f7f7;
  margin: auto;
  margin: 10px auto 0;
  max-width: 1200px
}

.topnoticeArea dl {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: center;
  line-height: 1.5;
  padding: 10px
}

.topnoticeArea dl dt {
  align-items: center;
  background: #c00;
  color: #fff;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: flex;
  display: -webkit-flex;
  flex-basis: 20%;
  flex-wrap: wrap;
  font-weight: 500;
  justify-content: center;
  max-width: 20%;
  padding: 20px;
  text-align: center
}

.topnoticeArea dl dt>* {
  flex-basis: 100%;
  max-width: 100%
}

.topnoticeArea dl dt .more {
  display: block;
  font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: 95%;
  font-weight: 400;
  margin-top: 5px
}

.topnoticeArea dl dt .more a {
  color: #fff
}

.topnoticeArea dl dt .more:before {
  content: "\f105";
  display: inline-block;
  font-family: yubin;
  margin-right: .3em
}

.topnoticeArea dl dd {
  align-items: center;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: center;
  padding: 15px 20px
}

.topnoticeArea dl dd>* {
  flex-basis: 100%;
  max-width: 100%
}

.topnoticeArea dl dd ul.arrowR li:before {
  top: 0
}

.topnoticeArea.simple dl dt {
  background: 0 0;
  color: #c00
}

@media screen and (max-width: 750px) {
  .topnoticeArea {
      padding:10px
  }

  .topnoticeArea dl {
      flex-wrap: wrap;
      padding: 0
  }

  .topnoticeArea dl dt {
      flex-basis: 100%;
      max-width: 100%;
      padding: 10px
  }

  .topnoticeArea dl dd {
      padding: 15px 10px 0
  }

  .topnoticeArea.simple.slim dl dt {
      padding: 0
  }

  .topnoticeArea.simple.slim dl dd {
      padding: 10px 10px 0
  }
}

.relatedbnrArea.bgG.pd {
  padding-bottom: 30px
}

.relatedbnrArea .slidebnr.swiper-container {
  margin: 40px auto 0
}

.relatedbnrArea .slidebnr.swiper-container .swiper-slide {
  text-align: center!important
}

.relatedbnrArea .slidebnr.swiper-container .swiper-pagination-bullets {
  margin-top: 30px;
  position: relative
}

.relatedbnrArea .slidebnr.swiper-container .swiper-button-prev {
  top: 40px!important
}

.relatedbnrArea .slidebnr.swiper-container .swiper-button-next {
  top: 40px!important
}

.borderbnr4.optionbnrArea ul li a {
  color: #c00!important;
  display: table;
  position: relative
}

.borderbnr4.optionbnrArea ul li a.icon:before {
  left: 15%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.borderbnr4.optionbnrArea ul li a.icon:after {
  content: "\f105";
  font-family: yubin;
  font-size: 22px;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translate(-50%,-50%)
}

.borderbnr4.optionbnrArea ul li a.about:before {
  content: "\e934";
  font-family: yubin;
  font-size: 50px
}

.borderbnr4.optionbnrArea ul li a.recruit:before {
  content: "\e941";
  font-family: yubin;
  font-size: 50px
}

.borderbnr4.optionbnrArea ul li a.bizpost:before {
  content: "\e930";
  font-family: yubin;
  font-size: 50px
}

.borderbnr4.optionbnrArea ul li a.campaign:before {
  content: "\e932";
  font-family: yubin;
  font-size: 50px
}

.borderbnr4.optionbnrArea ul li a.sns:before {
  content: "\e943";
  font-family: yubin;
  font-size: 50px
}

.borderbnr4.optionbnrArea ul li a.posukuma:before {
  content: "\e940";
  font-family: yubin;
  font-size: 50px
}

.borderbnr4.optionbnrArea ul li a.kids:before {
  content: "\e988";
  font-family: yubin;
  font-size: 50px
}

.borderbnr4.optionbnrArea ul li a.cm:before {
  content: "\e933";
  font-family: yubin;
  font-size: 50px
}

.borderbnr4.optionbnrArea ul li:hover {
  background: #faecea
}

@media screen and (min-width: 751px) and (max-width:1366px) {
  .borderbnr4.optionbnrArea {
      margin:50px auto
  }

  .borderbnr4.optionbnrArea ul:after {
      content: "";
      display: block;
      flex-basis: 32.5%;
      height: 0
  }

  .borderbnr4.optionbnrArea ul li {
      border: none;
      height: auto;
      margin-bottom: 20px
  }

  .borderbnr4.optionbnrArea ul li a {
      border: 1px solid #c00;
      border-radius: 6px;
      display: block;
      font-size: .85rem;
      padding: 70px 0 30px;
      transition: .3s
  }

  .borderbnr4.optionbnrArea ul li a span {
      font-weight: 400;
      left: 0;
      margin-top: 22px;
      transform: translate(0,-50%);
      width: 100%
  }

  .borderbnr4.optionbnrArea ul li a.icon:before {
      display: block;
      left: 0;
      margin: auto;
      right: 0;
      top: 5px;
      transform: none
  }
}

@media screen and (max-width: 750px) {
  .borderbnr4.optionbnrArea {
      margin:50px auto;
      padding: 0 3%
  }

  .borderbnr4.optionbnrArea ul {
      flex-basis: 100%;
      max-width: 100%
  }

  .borderbnr4.optionbnrArea ul li {
      flex-basis: 49%;
      max-width: 49%
  }

  .borderbnr4.optionbnrArea ul li a.icon:before {
      display: block;
      left: 0;
      margin: auto;
      right: 0;
      top: 5px;
      transform: none
  }

  .borderbnr4.optionbnrArea ul li a.icon:after {
      content: "\f105";
      font-family: yubin;
      font-size: 22px;
      position: absolute;
      right: 3%;
      top: 50%;
      transform: translate(-50%,-50%)
  }

  .borderbnr4.optionbnrArea ul li a.about:before {
      content: "\e934";
      font-family: yubin;
      font-size: 50px
  }

  .borderbnr4.optionbnrArea ul li a.recruit:before {
      content: "\e941";
      font-family: yubin;
      font-size: 50px
  }

  .borderbnr4.optionbnrArea ul li a.bizpost:before {
      content: "\e930";
      font-family: yubin;
      font-size: 50px
  }

  .borderbnr4.optionbnrArea ul li a.campaign:before {
      content: "\e932";
      font-family: yubin;
      font-size: 50px
  }

  .borderbnr4.optionbnrArea ul li a.sns:before {
      content: "\e943";
      font-family: yubin;
      font-size: 50px
  }

  .borderbnr4.optionbnrArea ul li a.posukuma:before {
      content: "\e940";
      font-family: yubin;
      font-size: 50px
  }

  .borderbnr4.optionbnrArea ul li a.kids:before {
      content: "\e988";
      font-family: yubin;
      font-size: 50px
  }

  .borderbnr4.optionbnrArea ul li a.cm:before {
      content: "\e933";
      font-family: yubin;
      font-size: 50px
  }

  .borderbnr4.optionbnrArea ul li:nth-of-type(n+2) {
      margin-top: 0
  }
}

.topSearchBlock {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  margin: 40px auto;
  max-width: 1000px
}

.topSearchBlock .head {
  color: #c00;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: .7em
}

.topSearchBlock.clm4 {
  align-items: flex-start;
  justify-content: space-between;
  margin: 40px auto;
  max-width: 1400px
}

.topSearchBlock.clm4 .block {
  border-right: 0;
  flex-basis: 25%;
  max-width: 25%;
  min-height: 180px;
  padding: 0 1%;
  position: relative
}

.topSearchBlock.clm4 .block .head a {
  color: #c00;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: .7em
}

.topSearchBlock.clm4 .block .formArea form {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between
}

.topSearchBlock.clm4 .block .formArea form input[type=text] {
  flex: 1
}

.topSearchBlock.clm4 .block .formArea form .selectWrap {
  margin-right: 5px
}

.topSearchBlock.clm4 .block .formArea form .select {
  padding: .9em 30px .9em 10px
}

.topSearchBlock.clm4 .block .formArea form input[type=text] {
  min-width: 150px;
  padding: .9em
}

.topSearchBlock.clm4 .block .formArea form input[type=button],.topSearchBlock.clm4 .block .formArea form input[type=submit] {
  background: #c00;
  border: none;
  color: #fff;
  font-family: yubin;
  font-size: 28px;
  margin-left: 8px;
  padding: 8px;
  vertical-align: bottom
}

.topSearchBlock.clm4 .block ul {
  margin-top: 10px
}

.topSearchBlock.clm4 .block ul li {
  padding-left: 0;
  text-indent: 0
}

.topSearchBlock.clm4 .block .arrowLink li {
  font-size: .85rem;
  padding-left: 1em
}

.topSearchBlock.clm4 .block:after {
  border-right: 2px solid #eee;
  bottom: 0;
  content: "";
  height: 90px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}

.topSearchBlock.clm4 .block:last-child:after {
  border-right: 0
}

.topSearchBlock.clm4 .postsearch {
  flex-basis: 26.66%;
  max-width: 26.66%
}

.topSearchBlock.clm4 .postsearch .head span:before {
  content: "\e93f";
  font-family: yubin;
  font-size: 48px;
  font-weight: 400;
  line-height: 0;
  margin-right: 8px;
  position: relative;
  top: 14px
}

.topSearchBlock.clm4 .zipsearch {
  flex-basis: 26.66%;
  max-width: 26.66%
}

.topSearchBlock.clm4 .zipsearch .head span:before {
  content: "\e945";
  font-family: yubin;
  font-size: 48px;
  font-weight: 400;
  line-height: 0;
  margin-right: 8px;
  position: relative;
  top: 14px
}

.topSearchBlock.clm4 .zipsearch dl dt select:after {
  content: "\e93f";
  font-family: yubin
}

.topSearchBlock.clm4 .zipsearch dl dt .selectWrap {
  flex-basis: 35%
}

.topSearchBlock.clm4 .zipsearch dl dt input {
  flex-basis: 63%
}

.topSearchBlock.clm4 .tracking {
  flex-basis: 26.66%;
  max-width: 26.66%
}

.topSearchBlock.clm4 .tracking .head span:before {
  content: "\e944";
  font-family: yubin;
  font-size: 48px;
  font-weight: 400;
  line-height: 0;
  margin-right: 8px;
  position: relative;
  top: 14px
}

.topSearchBlock.clm4 .tracking .formArea form {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between
}

.topSearchBlock.clm4 .tracking .formArea form input[type=text] {
  flex: 1
}

.topSearchBlock.clm4 .redeli {
  flex-basis: 20%;
  max-width: 20%
}

.topSearchBlock.clm4 .redeli .head:before {
  content: "\e990";
  font-family: yubin;
  font-size: 48px;
  font-weight: 400;
  line-height: 0;
  margin-right: 8px;
  position: relative;
  top: 14px
}

.topSearchBlock.clm4 .redeli a.btnM {
  padding: .7em
}

@media screen and (min-width: 751px) and (max-width:1366px) {
  .topSearchBlock.clm4 {
      padding:0!important
  }

  .topSearchBlock.clm4 .block .head {
      font-size: 1.5vw
  }

  .topSearchBlock.clm4 .block .formArea form input[type=text] {
      min-width: auto;
      padding: .9em .5em
  }

  .topSearchBlock.clm4 .zipsearch {
      flex-basis: 30%;
      max-width: 30%
  }

  .topSearchBlock.clm4 .postsearch {
      flex-basis: 25%;
      max-width: 25%
  }

  .topSearchBlock.clm4 .tracking {
      flex-basis: 25%;
      max-width: 25%
  }

  .topSearchBlock.clm4 .tracking .flex .formArea {
      flex-basis: 60%
  }

  .topSearchBlock.clm4 .tracking .flex .option {
      flex-basis: 40%;
      padding-left: 2%
  }

  .topSearchBlock.clm4 .redeli {
      flex-basis: 20%;
      max-width: 20%
  }
}

@media screen and (min-width: 751px) and (max-width:1200px) {
  .topSearchBlock.clm4 .block .head {
      font-size:1.5vw
  }

  .topSearchBlock.clm4 .block .head:before {
      font-size: 42px;
      margin-right: 0
  }
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  .topSearchBlock.clm4 {
      flex-wrap:wrap;
      justify-content: space-between;
      margin: 20px auto -20px
  }

  .topSearchBlock.clm4 .block {
      flex-basis: 48%;
      max-width: 48%
  }

  .topSearchBlock.clm4 .block .head {
      font-size: 1.25rem
  }

  .topSearchBlock.clm4 .block.zipsearch {
      margin-bottom: 10px
  }

  .topSearchBlock.clm4 .block.postsearch {
      margin-bottom: 10px
  }

  .topSearchBlock.clm4 .block:after {
      border-right: 0
  }
}

@media screen and (max-width: 750px) {
  .topSearchBlock.clm4 {
      border-bottom:10px solid #eee;
      display: block;
      margin: 30px auto 40px
  }

  .topSearchBlock.clm4.clm4 .block {
      border-bottom: 2px solid #eee;
      flex-basis: 100%;
      max-width: 100%;
      min-height: auto;
      padding: 15px 0
  }

  .topSearchBlock.clm4.clm4 .block:after {
      border-right: 0
  }

  .topSearchBlock.clm4.clm4 .block:last-child {
      border-bottom: 0
  }
}

.topService {
  margin: 50px auto
}

.topService .contBox {
  padding-bottom: 20px
}

.topService .contBox ul.btnRed li small {
  font-size: 70%
}

.topService .contBox ul.btnRed li a {
  line-height: 1.1
}

.topService .contBox ul.btnRed li a span {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-weight: 700;
  margin-left: 70px;
  padding-left: 70px
}

.topService .contBox ul.btnRed li a:hover {
  background: #faecea;
  text-decoration: none
}

.topService .contBox ul.btnRed li a.icon:before {
  color: #c00;
  font-size: 46px;
  font-weight: 400;
  left: 11%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.topService .contBox ul.btnRed li a.day:before {
  content: "\e937";
  font-family: yubin
}

.topService .contBox ul.btnRed li a.fee:before {
  content: "\e939";
  font-family: yubin
}

.topService .contBox ul.btnRed li a.pickup:before {
  content: "\e93e";
  font-family: yubin
}

.topService .contBox ul.btnRed li a.make:before {
  content: "\e93d";
  font-family: yubin
}

.topService .contBox ul.btnRed li a.compare:before {
  content: "\e98e";
  font-family: yubin
}

.topService .contBox ul.btnRed.clm1 li a {
  padding: 30px 10px
}

.topService .contBox ul.btnRed.clm1 li a span {
  margin: auto;
  padding-left: 0
}

.topService .contBox ul.btnRed.clm1 li a.icon:before {
  bottom: 0;
  left: -21%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

.topService .contBox ul.btnRed.clm1 li _:lang(x)::-ms-backdrop,.topService .contBox ul.btnRed.clm1 li a.icon:before {
  left: -17%;
  vertical-align: bottom
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  .topService .contBox ul.btnRed li a span {
      line-height:1.2;
      padding-left: 42px;
      padding-right: 30px
  }

  .topService .contBox ul.btnRed li a.icon:before {
      font-size: 35px
  }
}

@media screen and (max-width: 750px) {
  .visualblockA.topService {
      margin:20px auto
  }

  .visualblockA.topService .contBox ul.btnRed li a span {
      padding-left: 0
  }

  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li {
      width: 48%
  }

  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a {
      line-height: 1;
      padding: 8px 3% 8px 0;
      text-align: center
  }

  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a span {
      display: block;
      font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.3;
      margin-left: 0
  }

  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a span br {
      font-size: 0
  }

  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a:hover {
      background: #faecea;
      text-decoration: none
  }

  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a.icon:before {
      color: #c00;
      display: block;
      font-weight: 400;
      line-height: 1;
      position: static;
      transform: none
  }

  .visualblockA.topService .contBox ul.btnRed.clm1 li span {
      padding-left: 10%;
      transform: translate(0,-50%)
  }

  .visualblockA.topService .contBox ul.btnRed.clm1 li a.icon:before {
      bottom: -10px;
      left: -2.3em
  }
}

.topFinance .contBox .head:before {
  color: #c00;
  font-size: 40px;
  font-weight: 400;
  line-height: 0;
  margin-right: 4px;
  position: relative;
  top: 8px
}

.topFinance .contBox .head.junbi:before {
  content: "\e94b";
  font-family: yubin
}

.topFinance .contBox .head.sonaeru:before {
  content: "\e94d";
  font-family: yubin
}

.topFinance .contBox .head.nokosu:before {
  content: "\e94c";
  font-family: yubin
}

.topFinance .contBox .head.fuyasu:before {
  content: "\e94a";
  font-family: yubin
}

@media screen and (max-width: 750px) {
  .topFinance .contBox div.clm2 {
      display:block
  }

  .topFinance .contBox div.clm2 .clm {
      margin-bottom: 15px;
      padding-bottom: 10px;
      width: 100%
  }

  .topFinance .contBox div.clm2 .arrowLink {
      font-size: .9rem;
      margin-top: 10px
  }

  .topFinance .contBox div.clm2 .arrowLink li {
      margin-bottom: .5em;
      padding-left: 1em;
      text-indent: 0
  }
}

@media screen and (max-width: 750px) {
  .relatedbnrArea.bgG.pd {
      padding-bottom:30px
  }

  .relatedbnrArea .slidebnr.swiper-container {
      margin: 40px auto 0
  }

  .relatedbnrArea .slidebnr.swiper-container .swiper-slide {
      text-align: center!important
  }

  .relatedbnrArea .slidebnr.swiper-container .swiper-pagination-bullets {
      margin-top: 30px;
      position: relative
  }

  .relatedbnrArea .slidebnr.swiper-container .swiper-button-prev {
      top: 40px!important
  }

  .relatedbnrArea .slidebnr.swiper-container .swiper-button-next {
      right: 30px!important;
      top: 40px!important
  }
}

.popular_product.swiper-container {
  padding-bottom: 0!important
}

@media screen and (max-width: 750px) {
  .popular_product.swiper-container {
      padding-bottom:0!important
  }
}

.page_service .serviceIcon {
  position: relative
}

.page_service .serviceIcon ul.icon {
  bottom: 20%;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  position: absolute;
  right: 0;
  text-align: center
}

.page_service .serviceIcon ul.icon li {
  background: #fff;
  border: 1px solid #c00;
  border-radius: 3px;
  height: 50px;
  margin-right: 10px;
  position: relative;
  width: 50px
}

.page_service .serviceIcon ul.icon li span {
  bottom: 2px;
  display: block;
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: 6px;
  font-size: 10px;
  font-weight: 400;
  left: 0;
  line-height: 1;
  margin: auto;
  position: absolute;
  right: 0;
  -webkit-transform: scale(.9);
  transform: scale(.9);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  width: calc(100%/.9)
}

.page_service .serviceIcon ul.icon li span:before {
  display: block;
  font-size: 38px;
  font-weight: 400
}

.page_service .serviceIcon ul.icon li span.toukan:before {
  content: "\e980";
  font-family: yubin
}

.page_service .serviceIcon ul.icon li span.shuka:before {
  content: "\e93e";
  font-family: yubin
}

.page_service .serviceIcon ul.icon li span.tsuiseki:before {
  content: "\e944";
  font-family: yubin
}

.page_service .serviceIcon ul.icon li span.jikan:before {
  content: "\e979";
  font-family: yubin
}

.page_service .serviceIcon ul.icon li span.conveni:before {
  content: "\e936";
  font-family: yubin
}

.page_service .serviceIcon ul.icon li:last-child {
  margin-right: 0
}

.page_service .serviceList {
  margin-bottom: 30px
}

.page_service .serviceList .boxGray {
  padding: 20px 30px
}

.page_service .serviceList h3.arrowR {
  font-size: 1.05rem;
  padding: .3em 0
}

.page_service .serviceList h3.arrowR a {
  color: #c00
}

.page_service .serviceList h3.arrowR a[target="_blank"]:after {
  color: #c00;
  content: "\e924";
  font-family: yubin;
  font-size: 86%;
  font-weight: 400;
  margin-left: .3em
}

.page_service .serviceList h3.arrowR.serviceIcon {
  padding: .5em 0 1.25em
}

.page_service .serviceList h3.lline {
  font-size: 1.15rem;
  margin-bottom: .9em
}

.page_service .serviceList h4 {
  font-size: 1em;
  margin: 1.5em 0 .4em
}

.page_service .serviceList ul.arrowR {
  margin: 20px auto
}

.page_service .serviceList ul.arrowR li {
  font-size: .8rem;
  margin: .4em 0
}

.page_service .serviceList ul.arrowR a {
  color: #333
}

.page_service .serviceList ul.arrowR:last-of-type {
  margin-bottom: 0
}

.page_service .serviceList h4.simple+ul.arrowR {
  margin-top: 0
}

.page_service .serviceList .clm2 {
  justify-content: space-between
}

.page_service .serviceList .clm2 .clm {
  flex-basis: 49%;
  max-width: 49%
}

@media screen and (max-width: 750px) {
  .page_service .serviceIcon ul.icon li {
      height:42px;
      margin-right: 4px;
      width: 42px
  }

  .page_service .serviceIcon ul.icon li span {
      font-size: 10px;
      letter-spacing: -.1em;
      position: relative;
      -webkit-transform: scale(.85);
      transform: scale(.85);
      width: calc(100%/.85)
  }

  .page_service .serviceIcon ul.icon li span:before {
      display: block;
      font-size: 38px;
      font-weight: 400;
      line-height: .9
  }

  .page_service .serviceList .boxGray2 {
      padding: 10px 12px
  }

  .page_service .serviceList h3.arrowR {
      font-size: 1rem;
      padding: .3em 0
  }

  .page_service .serviceList h3.arrowR a {
      color: #c00
  }

  .page_service .serviceList ul.arrowR li {
      font-size: .74rem;
      margin: .8em 0
  }

  .page_service .serviceList h4.simple+ul.arrowR {
      margin-top: 0
  }

  .page_service .serviceList .clm2 {
      display: block!important
  }

  .page_service .serviceList .clm2 .clm {
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
  }

  .page_service .serviceList .boxGray2 ul.arrowR li:before {
      margin-right: .3em
  }

  .page_service .serviceList .boxGray2 ul.clm2sp {
      justify-content: space-between
  }

  .page_service .serviceList .boxGray2 ul.clm2sp li {
      flex-basis: 47%;
      max-width: 47%
  }
}

.compareBoxS {
  margin-top: 30px;
  position: relative
}

.compareBoxS p.more {
  position: absolute;
  right: 0;
  top: 10px
}

.compareBoxS .head4 {
  font-size: 1.1rem;
  margin-top: 0
}

.compareBoxS .inner {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex
}

.compareBoxS .inner .step .balloon {
  border: 1px solid #ccc;
  margin-right: 30px;
  padding: 15px 25px;
  position: relative;
  position: relative
}

.compareBoxS .inner .step .balloon:before {
  border: 18px solid transparent;
  border-left: 18px solid #fff;
  content: "";
  margin-top: -12px;
  position: absolute;
  right: -36px;
  top: 50%;
  z-index: 2
}

.compareBoxS .inner .step .balloon:after {
  border: 20px solid transparent;
  border-left: 20px solid #ccc;
  content: "";
  margin-top: -14px;
  position: absolute;
  right: -40px;
  top: 50%;
  z-index: 1
}

.compareBoxS .inner .step.no2 {
  align-items: center;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex: 1
}

.compareBoxS .inner .step.no2 .balloon .sub {
  position: absolute;
  right: 20px;
  top: 15px
}

.compareBoxS .inner .step.no2 .balloon .sub a {
  background: #c00;
  border-radius: 5px;
  color: #fff;
  font-size: .8em;
  padding: .2em .8em
}

.compareBoxS .inner dl {
  align-items: center;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  margin-bottom: 10px
}

.compareBoxS .inner dl dt {
  border: 1px solid #c00;
  color: #c00;
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-weight: 400;
  margin-right: 8px;
  padding: .6em 0;
  text-align: center;
  width: 5em
}

.compareBoxS .inner dl:last-child {
  margin-bottom: 0
}

.compareBoxS .inner dl.size ul.item input[type=text] {
  margin-right: 4px;
  width: 8em
}

.compareBoxS .inner dl.size ul.item li:after {
  color: #aaa;
  content: "\e912";
  font-family: yubin;
  font-size: 30px;
  margin: 0 5px;
  position: relative;
  top: .2em
}

.compareBoxS .inner dl.size ul.item li:last-child:after {
  content: none;
  margin: 0
}

.compareBoxS .inner .btnArea {
  flex: 1
}

.compareBoxS .inner .btnArea input {
  font-family: yubin,"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  width: 100%
}

@media screen and (max-width: 750px) {
  .compareBoxS .head4 {
      font-size:1rem
  }

  .compareBoxS p.more {
      position: static
  }

  .compareBoxS .inner {
      display: block
  }

  .compareBoxS .inner .step .balloon {
      margin-bottom: 30px;
      margin-right: 0;
      padding: 15px;
      position: relative
  }

  .compareBoxS .inner .step .balloon:after,.compareBoxS .inner .step .balloon:before {
      border: none;
      margin-top: 0;
      position: static
  }

  .compareBoxS .inner .step .balloon:after {
      bottom: -30px;
      color: #a0a0a0;
      content: "\f0d7";
      display: block;
      font-family: yubin;
      font-size: 30px;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: auto;
      width: 30px
  }

  .compareBoxS .inner .step .selectWrap {
      width: 100%
  }

  .compareBoxS .inner .step.no2 {
      display: block;
      margin-bottom: 0
  }

  .compareBoxS .inner .step.no2 .balloon:after {
      content: none
  }

  .compareBoxS .inner dl dt {
      flex-basis: 25%;
      max-width: 25%
  }

  .compareBoxS .inner dl dd {
      flex: 1
  }

  .compareBoxS .inner dl.size ul.item {
      display: block
  }

  .compareBoxS .inner dl.size ul.item input[type=text] {
      margin-right: 4px;
      width: calc(100% - 2.5em)
  }

  .compareBoxS .inner dl.size ul.item li:after {
      content: none
  }

  .compareBoxS .inner ul.item {
      display: block
  }

  .compareBoxS .inner ul.item li {
      margin: 0 0 10px;
      width: 100%
  }

  .compareBoxS .inner ul.item li:last-child {
      margin-bottom: 0;
      width: 100%
  }
}

.formArea.compare p.more a {
  color: #c00
}

.formArea.compare input[type=checkbox]+label,.formArea.compare input[type=radio]+label {
  background: #fff;
  border: 1px solid #646464;
  color: #646464;
  display: block
}

.formArea.compare input[type=checkbox]+label:before {
  font-size: 22px;
  margin: -4px 3px 0 0
}

.formArea.compare input[type=checkbox]:checked+label,.formArea.compare input[type=radio]:checked+label {
  background: #c00;
  border: 1px solid #c00;
  color: #fff
}

.formArea.compare input[type=checkbox]:checked+label:before,.formArea.compare input[type=radio]:checked+label:before {
  color: #fff
}

.formArea.compare .selectWrap .select {
  line-height: 1;
  padding: 16px 40px 16px 10px
}

.formArea.compare .fixedsub .sub a.btn {
  font-size: .9rem;
  padding: .6em 1.3em
}

.formArea.compare ul.flex.size_x li:after {
  content: "\e912";
  font-family: yubin;
  margin: 0 .8em
}

.formArea.compare ul.flex.size_x li:last-child:after {
  content: none
}

.formArea.compare .compact .head:nth-of-type(n+2) {
  margin-left: 10px
}

.formArea.compare .compact .head {
  font-size: 15px
}

.formArea.compare .compact.area dd ul.flex li.head {
  font-size: 15px;
  padding: 10px 0
}

.formArea.compare .compact.flex li.set {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex
}

.formArea.compare .simpletoggle {
  background: #fff;
  border: 1px solid #c00;
  border-radius: 5px;
  padding: 10px 15px
}

.formArea.compare .simpletoggle .parent {
  border: 0;
  margin: 0;
  padding: 8px 10px 8px 60px
}

.formArea.compare .simpletoggle .parent:before {
  left: 0;
  right: auto;
  top: -2px
}

.formArea.compare .simpletoggle .parent.active {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 15px
}

.formArea.compare .simpletoggle .parent.active:before {
  top: -6px
}

.formArea.compare .simpletoggle.narrow .option {
  justify-content: space-between
}

.formArea.compare .simpletoggle.narrow .option li {
  flex-basis: 32%;
  margin: 0 0 8px;
  position: relative
}

.formArea.compare .simpletoggle.narrow .option li label {
  display: block;
  font-size: .8rem;
  text-align: center
}

.formArea.compare .howtosubmit li,.formArea.compare .option li {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  margin: 0 0 10px
}

.formArea.compare .howtosubmit label,.formArea.compare .option label {
  background: #c00;
  color: #fff;
  display: block;
  flex: 1;
  font-size: .8rem;
  line-height: 1.3;
  min-height: 110px;
  text-align: center
}

.formArea.compare .howtosubmit label:before,.formArea.compare .option label:before {
  display: block;
  line-height: 1
}

.formArea.compare .howtosubmit label i:before,.formArea.compare .option label i:before {
  color: #737373;
  content: "\e92b";
  display: inline-block;
  font-family: yubin;
  font-size: 22px;
  font-style: normal;
  margin: -1px 3px 0 0;
  vertical-align: middle
}

.formArea.compare .howtosubmit label small,.formArea.compare .option label small {
  font-size: .7em;
  letter-spacing: -.1em
}

.formArea.compare .howtosubmit input[type=checkbox]:checked+label i:before,.formArea.compare .option input[type=checkbox]:checked+label i:before {
  color: #fff;
  content: "\e92a";
  font-family: yubin
}

.formArea.compare .howtosubmit input[type=checkbox]+label:before,.formArea.compare .option input[type=checkbox]+label:before {
  color: #646464;
  display: block;
  font-size: 46px;
  font-weight: 400
}

.formArea.compare .howtosubmit input[type=checkbox]:checked+label:before,.formArea.compare .option input[type=checkbox]:checked+label:before {
  color: #fff
}

.formArea.compare .howtosubmit label.pickup:before,.formArea.compare .option label.pickup:before {
  content: "\e93e";
  font-family: yubin
}

.formArea.compare .howtosubmit label.toukan:before,.formArea.compare .option label.toukan:before {
  content: "\e980";
  font-family: yubin
}

.formArea.compare .howtosubmit label.conveni:before,.formArea.compare .option label.conveni:before {
  content: "\e936";
  font-family: yubin
}

.formArea.compare .howtosubmit label.tracking:before,.formArea.compare .option label.tracking:before {
  content: "\e98a";
  font-family: yubin;
  font-size: 67px!important;
  line-height: .68
}

.formArea.compare .howtosubmit label.registered:before,.formArea.compare .option label.registered:before {
  content: "\e995";
  font-family: yubin
}

.formArea.compare .howtosubmit label.chilled:before,.formArea.compare .option label.chilled:before {
  content: "\e994";
  font-family: yubin
}

.formArea.compare.result .narrow.result .detail .box {
  margin-bottom: 6px
}

.formArea.compare.result .narrow.result .detail .box>dd {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.formArea.compare.result .narrow.result .detail .box>dd>* {
  flex-basis: 49%
}

.formArea.compare.result .narrow.result .detail .box>dd dl.compact {
  align-items: center
}

.formArea.compare.result .narrow.result .detail .box>dd dl.compact ul.flex {
  align-items: center
}

.formArea.compare .refine {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between
}

.formArea.compare .refine .head4 {
  font-size: 1rem
}

.formArea.compare .refine .howtosubmit,.formArea.compare .refine .option {
  flex-basis: 49%;
  max-width: 49%
}

.formArea.compare .refine .howtosubmit ul.item,.formArea.compare .refine .option ul.item {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between
}

.formArea.compare .refine .howtosubmit ul.item li,.formArea.compare .refine .option ul.item li {
  flex-basis: 32%
}

.formArea.compare .resultList {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px
}

.formArea.compare .resultList a {
  background: #fff;
  border: 1px solid #fff;
  display: block;
  flex-basis: 49%;
  margin-bottom: 18px;
  max-width: 49%;
  padding: 15px 30px 15px 15px;
  position: relative;
  transition: .3s
}

.formArea.compare .resultList a dl {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex
}

.formArea.compare .resultList a dl dt.img {
  align-items: center;
  background: #fff;
  border: 1px solid #a0a0a0;
  display: -o-flex;
  display: -webkit-flex;
  display: flex;
  display: -ms-flex;
  display: -moz-flex;
  flex-basis: 42%;
  justify-content: center;
  max-width: 42%;
  padding: 0 1px;
  position: relative
}

.formArea.compare .resultList a dl dt.img img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: calc(100% - 1px)
}

.formArea.compare .resultList a dl dd {
  flex-basis: 58%;
  max-width: 58%;
  padding-left: 2%
}

.formArea.compare .resultList a dl dd .name {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  margin-right: 8px
}

.formArea.compare .resultList a dl dd .name .option {
  border: 1px solid #c00;
  color: #c00;
  display: inline-block;
  font-size: .75rem;
  margin-left: 3px;
  padding: .2em .6em;
  position: relative;
  top: -3px
}

.formArea.compare .resultList a dl dd .method li {
  display: inline-block
}

.formArea.compare .resultList a dl dd .method li:before {
  color: #a0a0a0;
  font-family: yubin;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  margin-right: 0
}

.formArea.compare .resultList a dl dd .method li.active:before {
  color: #c00
}

.formArea.compare .resultList a dl dd .method .pickup:before {
  content: "\e93e"
}

.formArea.compare .resultList a dl dd .method .post:before {
  content: "\e980";
  font-size: 30px
}

.formArea.compare .resultList a dl dd .method .conveni:before {
  content: "\e936";
  font-size: 30px
}

.formArea.compare .resultList a dl dd .spec {
  font-size: .84rem;
  margin: .3em 0 .6em
}

.formArea.compare .resultList a dl dd .fee {
  align-items: center;
  border-top: 1px solid #a0a0a0;
  display: -moz-flex;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -webkit-flex;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-weight: 700;
  justify-content: space-between;
  padding: 8px 0
}

.formArea.compare .resultList a dl dd .fee .price {
  font-size: 1.3rem
}

.formArea.compare .resultList a:hover {
  background: #faecea;
  border: 1px solid #c00;
  text-decoration: none
}

.formArea.compare .resultList a:after {
  bottom: 0;
  color: #c00;
  content: "\f105";
  font-family: yubin;
  font-size: 21px;
  height: 21px;
  line-height: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 18px
}

.formArea.compare .detailArea {
  background: #fff;
  padding: 20px
}

.formArea.compare .detailArea .headArea {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding-bottom: 25px
}

.formArea.compare .detailArea .headArea .product {
  align-items: flex-start;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex-basis: 100%;
  max-width: 100%
}

.formArea.compare .detailArea .headArea .product dt.img {
  align-items: center;
  border: 1px solid #a0a0a0;
  display: -o-flex;
  display: flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex-basis: 35%;
  justify-content: center;
  max-width: 35%;
  min-height: 160px;
  padding: 0 1px;
  position: relative
}

.formArea.compare .detailArea .headArea .product dt.img img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%)
}

.formArea.compare .detailArea .headArea .product dd {
  flex: 1;
  padding-left: 3%;
  position: relative
}

.formArea.compare .detailArea .headArea .product dd .detailLink {
  position: absolute;
  right: 0;
  top: 0
}

.formArea.compare .detailArea .headArea .product dd .detailLink a:hover {
  text-decoration: underline
}

.formArea.compare .detailArea .headArea .product dd .name {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  margin-right: 8px
}

.formArea.compare .detailArea .headArea .product dd .name .option {
  border: 1px solid #c00;
  color: #c00;
  display: inline-block;
  font-size: .75rem;
  padding: .2em .8em;
  position: relative;
  top: -.1em
}

.formArea.compare .detailArea .headArea .product dd .spec {
  font-size: .9rem;
  margin: .3em 0 .6em
}

.formArea.compare .detailArea .headArea .product dd .fee {
  align-items: center;
  border-top: 1px solid #a0a0a0;
  display: -moz-flex;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -webkit-flex;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-weight: 700;
  justify-content: space-between;
  padding: 12px 0
}

.formArea.compare .detailArea .headArea .product dd .fee .price {
  font-size: 1.35rem
}

.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n+2) {
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: .9rem;
  font-weight: 200;
  padding: 6px 0
}

.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n+2) .head {
  flex-basis: 24%;
  max-width: 24%;
  padding-left: 1em
}

.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n+2) .price {
  flex: 1;
  font-size: 1rem;
  text-align: right
}

.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n+2) .price span {
  color: #c00;
  display: block;
  font-size: .8rem;
  font-weight: 500
}

.formArea.compare .detailArea .headArea .link {
  flex-basis: 35%;
  max-width: 35%
}

.formArea.compare .detailArea .headArea .link dt {
  margin-bottom: 15px
}

.formArea.compare .detailArea .headArea .link a[class^=btn].slim {
  padding: 1.1em 1em
}

.formArea.compare .detailArea .moreLinkArea {
  margin-left: auto;
  margin-right: 0;
  width: 35%
}

.formArea.compare .detailArea ul.option_sort {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex
}

.formArea.compare .detailArea ul.option_sort li.clm:first-child {
  flex-basis: 54%;
  max-width: 54%
}

.formArea.compare .detailArea ul.option_sort li.clm:last-child {
  flex: 1;
  padding-left: 5%
}

.formArea.compare .detailArea ul.option_sort li.clm ul.item.option {
  flex-wrap: wrap;
  justify-content: space-between
}

.formArea.compare .detailArea ul.option_sort li.clm ul.item.option::before {
  content: "";
  display: block;
  order: 1;
  width: 24%
}

.formArea.compare .detailArea ul.option_sort li.clm ul.item.option::after {
  content: "";
  display: block;
  width: 24%
}

.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li {
  flex-basis: 24%;
  max-width: 24%
}

.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li label {
  line-height: 1;
  min-height: auto;
  padding: .8em .6em
}

.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li input[type=checkbox]+label:before {
  display: inline-block!important;
  font-size: 22px
}

.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li:last-child {
  margin-right: 0
}

.formArea.compare .detailArea ul.method {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 15px
}

.formArea.compare .detailArea ul.method li {
  border: 1px solid #c00;
  border-radius: 5px;
  color: #c00;
  flex-basis: 31%;
  font-size: 13px;
  line-height: 1.1;
  max-width: 31%;
  padding: 2px 5px 8px;
  text-align: center
}

.formArea.compare .detailArea ul.method li small {
  font-size: 10px;
  letter-spacing: -.1em
}

.formArea.compare .detailArea ul.method li.pickup:before {
  content: "\e93e";
  display: block;
  font-family: yubin;
  font-size: 46px;
  line-height: 1
}

.formArea.compare .detailArea ul.method li.post:before {
  content: "\e980";
  display: block;
  font-family: yubin;
  font-size: 46px;
  line-height: 1
}

.formArea.compare .detailArea ul.method li.conveni:before {
  content: "\e936";
  display: block;
  font-family: yubin;
  font-size: 46px;
  line-height: 1
}

.formArea.compare .detailArea ul.method li.off {
  border: 1px solid #a0a0a0;
  color: #a0a0a0
}

.formArea.compare .detailArea .bodyArea {
  border-bottom: 5px solid #dcdcdc;
  padding: 5px 0 30px
}

.formArea.compare .detailArea .bodyArea .clm.slim {
  flex-basis: 28%;
  max-width: 28%
}

.formArea.compare .detailArea .bodyArea table {
  border-collapse: separate;
  border-spacing: 4px;
  font-size: .75rem;
  text-align: left;
  width: 100%
}

.formArea.compare .detailArea .bodyArea table td,.formArea.compare .detailArea .bodyArea table th {
  padding: .5em
}

.formArea.compare .detailArea .bodyArea table th {
  background: #eee;
  font-weight: 400
}

.formArea.compare .detailArea .bodyArea table td {
  background: #f7f7f7;
  font-weight: 400
}

.formArea.compare .detailArea .bodyArea .linkbox2_borderR dl dd {
  padding: 10px 10px 10px
}

.formArea.compare .detailArea .bodyArea .bnr a {
  align-items: center;
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  display: -webkit-flex;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: .9rem;
  padding: 5px;
  transition: .3s
}

.formArea.compare .detailArea .bodyArea .bnr a .img {
  flex-basis: 20%;
  max-width: 20%
}

.formArea.compare .detailArea .bodyArea .bnr a .text {
  flex: 1;
  font-size: .85rem;
  padding-left: 10px
}

.formArea.compare .detailArea .bodyArea .bnr a:nth-child(n+2) {
  margin-top: 6px
}

.formArea.compare .detailArea .bodyArea .bnr a:hover {
  background: #faecea
}

.formArea.compare .detailArea .btnArea {
  margin: 15px auto
}

@media screen and (min-width: 751px) and (max-width:1366px) {
  .formArea.compare .resultList a dl dd .name .option {
      display:block;
      margin-left: 0;
      margin-top: 3px;
      max-width: 60%;
      text-align: center
  }
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  .formArea.compare .detailArea .moreLinkArea {
      margin:auto;
      width: 50%
  }
}

@media screen and (max-width: 750px) {
  .formArea.compare .width_tani {
      width:calc(100% - 2.5em)
  }

  .formArea.compare .head3-simple {
      font-size: 1.1rem
  }

  .formArea.compare .head4 {
      font-size: 1rem
  }

  .formArea.compare .simpletoggle .parent {
      padding: 6px 10px 6px 50px
  }

  .formArea.compare .howtosubmit label small,.formArea.compare .option label small {
      display: block;
      text-align: left
  }

  .formArea.compare dl.box .compact .set .head {
      flex-basis: 25%;
      max-width: 25%
  }

  .formArea.compare dl.box .compact .set .input {
      flex-basis: 74%;
      max-width: 74%
  }

  .formArea.compare dl.box .compact .set.flex-start {
      align-items: flex-start
  }

  .formArea.compare dl.box .compact dt {
      flex-basis: 25%;
      max-width: 25%;
      text-align: center
  }

  .formArea.compare dl.box .compact dd {
      flex-basis: 74%;
      max-width: 74%
  }

  .formArea.compare dl.box .compact dd ul.flex:first-child {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap
  }

  .formArea.compare dl.box .compact dd ul.flex:first-child li.head {
      flex-basis: auto;
      margin: 0;
      max-width: auto;
      padding-left: 0;
      width: 5em
  }

  .formArea.compare dl.box .compact dd .selectWrap {
      width: 100%
  }

  .formArea.compare dl.box .compact dd .selectWrap .select {
      padding: 1.1em 40px 1.1em 10px
  }

  .formArea.compare dl.box .compact dd ul.flex.size_x li {
      flex-basis: 100%;
      max-width: 100%
  }

  .formArea.compare dl .fixedsub .sub {
      margin-top: 15px
  }

  .formArea.compare dl .fixedsub .sub a.btn {
      padding: 1em 1em
  }

  .formArea.compare dl.compact {
      align-items: stretch
  }

  .formArea.compare ul.flex {
      display: block
  }

  .formArea.compare ul.flex li {
      margin-bottom: 6px
  }

  .formArea.compare ul.flex li:last-child {
      margin-bottom: 0
  }

  .formArea.compare ul.flex li:after {
      content: none
  }

  .formArea.compare ul.flex.size_x li:after {
      display: block;
      font-weight: 700;
      margin: 6px 0 0 -15%;
      text-align: center
  }

  .formArea.compare .simpletoggle {
      background: #fff;
      border: 1px solid #c00;
      border-radius: 5px;
      padding: 10px 15px
  }

  .formArea.compare .simpletoggle.narrow .howtosubmit li input[type=checkbox]+label {
      font-size: .8rem;
      padding: .5em .2em
  }

  .formArea.compare .simpletoggle.narrow .howtosubmit li small {
      letter-spacing: -.1em
  }

  .formArea.compare .simpletoggle.narrow .option {
      justify-content: flex-start
  }

  .formArea.compare .simpletoggle.narrow .option li {
      flex-basis: auto;
      margin: 0 2px 8px;
      max-width: auto;
      width: calc(33.3% - 4px)
  }

  .formArea.compare .simpletoggle.narrow .option li label {
      display: block;
      font-size: .8rem
  }

  .formArea.compare.result .narrow.result .detail .box>dd>* {
      flex-basis: 100%;
      max-width: 100%
  }

  .formArea.compare.result .narrow.result .detail .box>dd dl.compact dt.head {
      width: 4em
  }

  .formArea.compare.result .narrow.result .detail .box>dd dl.compact dd {
      flex-basis: 100%;
      max-width: 100%
  }

  .formArea.compare.result .narrow.result .detail .box>dd dl.compact dd ul.flex li.head {
      font-size: .9rem
  }

  .formArea.compare.result .narrow.result .detail .box>dd dl.compact dd ul.flex:first-of-type {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex
  }

  .formArea.compare.result .narrow.result .detail .box>dd dl.compact dd ul.flex:first-of-type li {
      flex-basis: 26%;
      margin-bottom: 0;
      max-width: 26%;
      padding-left: 2%
  }

  .formArea.compare.result .narrow.result .detail .box>dd dl.compact dd ul.flex:first-of-type li.head {
      flex-basis: auto;
      margin-right: 2%;
      max-width: none;
      padding-left: 0;
      width: 4.5em
  }

  .formArea.compare.result .narrow.result .detail .box>dd dl.compact dd ul.flex.size_x {
      display: inline-block
  }

  .formArea.compare.result .narrow.result .detail .box>dd dl.compact dd ul.flex.size_x li {
      display: inline-block;
      flex-basis: auto;
      max-width: none;
      padding-left: 0
  }

  .formArea.compare.result .narrow.result .detail .box>dd dl.compact dd ul.flex.size_x li.head {
      width: 4.5em
  }

  .formArea.compare.result .narrow.result .detail .box>dd dl.compact dd ul.flex.size_x li:after {
      display: inline-block;
      margin: 0 .2em
  }

  .formArea.compare.result .box.re-search dl.compact.area dd {
      flex-basis: 100%;
      max-width: 100%
  }

  .formArea.compare.result .box.re-search dl.compact.area dd ul.flex {
      justify-content: space-between
  }

  .formArea.compare.result .box.re-search dl.compact.area dd ul.flex li.head {
      flex-basis: 25%;
      max-width: 25%
  }

  .formArea.compare.result .box.re-search dl.compact.area dd ul.flex li.head+li {
      flex-basis: 73%;
      max-width: 73%
  }

  .formArea.compare .refine {
      display: block
  }

  .formArea.compare .refine>.howtosubmit,.formArea.compare .refine>.option {
      flex-basis: 100%;
      max-width: 100%
  }

  .formArea.compare .refine .option ul.item li label {
      display: block;
      font-size: .8rem
  }

  .formArea.compare .resultList {
      margin-top: 15px
  }

  .formArea.compare .resultList a {
      border-radius: 0 0 10px 10px;
      flex-basis: 100%;
      max-width: 100%;
      padding: 0
  }

  .formArea.compare .resultList a dl {
      padding: 3%
  }

  .formArea.compare .resultList a dl dd .name {
      font-size: 1.1rem
  }

  .formArea.compare .resultList a dl dd .name .option {
      max-width: 100%
  }

  .formArea.compare .resultList a .spDisp.more {
      border-top: 2px dashed #eee;
      font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
      font-size: .75rem;
      font-weight: 400;
      padding: .6em 0;
      text-align: center
  }

  .formArea.compare .resultList a .spDisp.more:before {
      color: #c00;
      content: "\f101";
      font-family: yubin;
      margin-right: .2em
  }

  .formArea.compare .resultList a:after {
      content: none;
      width: auto
  }

  .formArea.compare .detailArea {
      padding: 3%
  }

  .formArea.compare .detailArea .headArea {
      display: block;
      padding-bottom: 0
  }

  .formArea.compare .detailArea .headArea dl.product {
      display: block;
      flex-basis: 100%;
      max-width: 100%
  }

  .formArea.compare .detailArea .headArea dl.product dt.img {
      display: block;
      flex-basis: 100%;
      max-width: 100%;
      text-align: center
  }

  .formArea.compare .detailArea .headArea dl.product dd {
      flex-basis: 100%;
      margin-top: 10px;
      max-width: 100%
  }

  .formArea.compare .detailArea .headArea dl.product dd .detailLink {
      position: relative
  }

  .formArea.compare .detailArea .headArea dl.product dd #detail .fee:nth-child(n+2) .head {
      flex-basis: 30%;
      max-width: 30%;
      padding-left: 1em
  }

  .formArea.compare .detailArea .headArea dl.link {
      flex-basis: 100%;
      margin-top: 10px;
      max-width: 100%
  }

  .formArea.compare .detailArea .headArea dl.link a[class^=btn].slim {
      padding-right: 1.3em
  }

  .formArea.compare .detailArea .moreLinkArea {
      width: 100%
  }

  .formArea.compare .detailArea .moreLinkArea a {
      margin: 15px auto
  }

  .formArea.compare .detailArea .bodyArea {
      display: block;
      flex-basis: 100%;
      max-width: 100%
  }

  .formArea.compare .detailArea .bodyArea .clm,.formArea.compare .detailArea .bodyArea .clm.slim {
      flex-basis: 100%;
      max-width: 100%
  }

  .formArea.compare .detailArea .bodyArea .clm:nth-child(n+2) {
      margin-top: 15px
  }

  .formArea.compare .detailArea .bodyArea table {
      font-size: .9rem
  }

  .formArea.compare .detailArea .bodyArea .option_sort li.clm ul.item.option {
      justify-content: space-between
  }

  .formArea.compare .detailArea .bodyArea .option_sort li.clm ul.item.option li {
      flex-basis: 49%;
      margin-right: 0;
      max-width: 49%
  }

  .formArea.compare .detailArea .bodyArea .option_sort li.clm ul.item.option li label {
      position: relative
  }

  .formArea.compare .detailArea .bodyArea .option_sort li.clm ul.item.option li input[type=checkbox]+label:before {
      left: 4px;
      position: absolute;
      top: 8px
  }

  .formArea.compare .detailArea .action .sp-lr10 {
      margin: 0 0 10px 0!important
  }

  .formArea.compare .detailArea .bottomBtn a {
      margin-bottom: 10px
  }
}

.firstMsgModal {
  background: rgba(0,0,0,.6);
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1
}

.firstMsgModal .inner {
  background-color: #fff;
  border-radius: 5px;
  font-size: .9rem;
  left: 50%;
  padding: 2%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 50%;
  z-index: 2
}

.firstMsgModal button {
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: 0;
  padding: 0
}

.firstMsgModal button {
  background: #c00;
  border-radius: 5px;
  color: #fff;
  font-size: 1rem;
  min-width: 30%;
  padding: 1.1em 2em;
  transition: .3s
}

.firstMsgModal button:hover {
  opacity: .7
}

@media screen and (max-width: 750px) {
  .firstMsgModal {
      z-index:101
  }

  .firstMsgModal .inner {
      padding: 5%;
      width: 86%;
      z-index: 102
  }
}

.slidename-compare .swiper-slide dl dd {
  min-height: 100px;
  padding: 10px 15px
}

.slidename-compare .swiper-slide .copy {
  background: #f7f7f7;
  color: #c00;
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: .9rem;
  font-weight: 400;
  padding: .3em 0
}

.slidename-compare .swiper-slide .name {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 1rem;
  font-weight: 700;
  margin-right: 8px
}

.slidename-compare .swiper-slide .name .option {
  border: 1px solid #c00;
  color: #c00;
  display: inline-block;
  font-size: .75rem;
  padding: .2em .8em;
  position: relative;
  top: -.1em
}

.slidename-compare .swiper-slide .spec {
  font-size: .9rem;
  margin: .3em 0 .6em
}

.slidename-compare .swiper-slide .fee {
  align-items: center;
  border-top: 1px solid #a0a0a0;
  display: -moz-flex;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -webkit-flex;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-weight: 700;
  justify-content: space-between;
  padding: 8px 0 0
}

.slidename-compare .swiper-slide .fee .price {
  font-size: 1.35rem
}

.slidepanel .newspickup .swiper-slide {
  background: #fff;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  flex-direction: column
}

.slidepanel .newspickup .swiper-slide dl dd {
  min-height: 11em;
  padding-bottom: 1.5em;
  position: relative
}

.slidepanel .newspickup .swiper-slide dl dd .meta {
  font-size: .75rem;
  margin-bottom: 10px
}

.slidepanel .newspickup .swiper-slide dl dd .meta span {
  display: inline-block;
  margin-bottom: 5px;
  padding: .1em 1em
}

.slidepanel .newspickup .swiper-slide dl dd .meta .cat {
  border: 1px solid #646464;
  color: #646464;
  margin-right: 4px
}

.slidepanel .newspickup .swiper-slide dl dd .meta .tag {
  border: 1px solid #c00;
  color: #c00
}

.slidepanel .newspickup .swiper-slide dl dd .title {
  font-size: 1rem
}

.slidepanel .newspickup .swiper-slide dl dd .date {
  bottom: 10px;
  font-size: .9rem;
  position: absolute;
  right: 15px;
  text-align: right
}

.newsreleaseList dl {
  border-top: 1px solid #646464;
  margin: 1rem auto 2.5rem
}

.newsreleaseList dl dd.meta span {
  display: inline-block;
  font-size: .8rem
}

.newsreleaseList dl dd.meta .date {
  background: #646464;
  color: #fff;
  padding: .2em 1em
}

.newsreleaseList dl dd.meta .cat {
  padding-left: .5em
}

.newsreleaseList dl dt {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 1rem;
  font-weight: 700;
  margin: 1em 0 .8em 15px
}

.newsreleaseList dl dt a {
  display: block
}

.newsreleaseList dl dt a:before {
  content: "\f105";
  font-family: yubin;
  margin-right: .4em
}

.newsreleaseList dl dd.tag {
  margin-left: 15px
}

.newsreleaseList dl dd.tag span {
  border: 1px solid #c00;
  color: #c00;
  display: inline-block;
  font-size: .8rem;
  padding: 0 .6em
}

.newsreleaseList dl dd.tag span:before {
  font-family: yubin;
  font-size: 130%;
  margin-right: .2em;
  position: relative;
  top: .1em
}

.newsreleaseList dl dd.tag .press:before {
  content: "\e969"
}

.newsreleaseList dl dd.tag .saigai:before {
  content: "\e901"
}

.newsreleaseList dl dd.tag .unkou:before {
  content: "\e968"
}

.newsreleaseList dl dd.tag .service:before {
  content: "\e971"
}

.newsreleaseList dl dd.tag .kitte:before {
  content: "\e96b"
}

.newsreleaseList dl dd.tag .event:before {
  content: "\e967"
}

.newsreleaseList dl dd.tag .keiei:before {
  content: "\e96a"
}

.refineSearch .head {
  color: #c00;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0
}

.refineSearch .head.period {
  margin-top: -10px
}

.refineSearch .head.cat {
  margin: 10px 0 0 0
}

.refineSearch button[type=submit],.refineSearch input[type=submit] {
  background: #fff;
  border: 1px solid #a0a0a0;
  color: #a0a0a0
}

.refineSearch button[type=submit].active,.refineSearch input[type=submit].active {
  background: #c00;
  border: 1px solid #c00;
  color: #fff
}

.refineSearch ul.clm_year li {
  display: inline-block;
  margin-bottom: 10px;
  width: 12%
}

.refineSearch ul.clm_year li button,.refineSearch ul.clm_year li input {
  width: 100%
}

.refineSearch ul.clm_year.wide li {
  margin-right: .8%;
  width: 18.5%
}

.refineSearch ul.clm_year.wide li:nth-child(5n) {
  margin-right: 0
}

.refineSearch dl.clm_cat {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between
}

.refineSearch dl.clm_cat dt {
  flex-basis: 18.5%;
  max-width: 18.5%
}

.refineSearch dl.clm_cat dt button,.refineSearch dl.clm_cat dt input {
  padding: 2.25em 0;
  width: 100%
}

.refineSearch dl.clm_cat dd {
  flex-basis: 81.5%;
  max-width: 81.5%;
  padding-left: 1%
}

.refineSearch dl.clm_cat dd button,.refineSearch dl.clm_cat dd input {
  display: inline-block;
  margin-right: 1%;
  padding: .7em .5em!important;
  position: relative;
  width: 23.5%
}

.refineSearch dl.clm_cat dd button:nth-child(4n),.refineSearch dl.clm_cat dd input:nth-child(4n) {
  margin-right: 0
}

.refineSearch dl.clm_cat dd button:nth-child(n+5),.refineSearch dl.clm_cat dd input:nth-child(n+5) {
  margin-top: .6em
}

.refineSearch dl.clm_cat dd button i:before,.refineSearch dl.clm_cat dd input i:before {
  bottom: 0;
  color: #a0a0a0;
  font-family: yubin;
  font-size: 20px;
  font-style: normal;
  height: 20px;
  left: 10px;
  line-height: 1;
  margin: auto;
  position: absolute;
  top: 0
}

.refineSearch dl.clm_cat dd button.active i:before,.refineSearch dl.clm_cat dd input.active i:before {
  color: #fff
}

.refineSearch dl.clm_cat dd .press i:before {
  content: "\e969"
}

.refineSearch dl.clm_cat dd .saigai i:before {
  content: "\e901"
}

.refineSearch dl.clm_cat dd .unkou i:before {
  content: "\e968"
}

.refineSearch dl.clm_cat dd .service i:before {
  content: "\e971"
}

.refineSearch dl.clm_cat dd .kitte i:before {
  content: "\e96b"
}

.refineSearch dl.clm_cat dd .event i:before {
  content: "\e967"
}

.refineSearch dl.clm_cat dd .keiei i:before {
  content: "\e96a"
}

.refineSearch .more {
  border-left: 1px solid #c8c8c8;
  padding: .5em 1em
}

.refineSearch .more a {
  color: #c00
}

.refineSearch .more a:before {
  content: "\f107";
  font-family: yubin;
  margin-right: .4em
}

.sortBtn {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: flex-end
}

.sortBtn button[type=submit].slim {
  background: #eee;
  color: #646464;
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-family: yubin;
  font-size: .8rem!important;
  line-height: 1.2;
  padding: .25em 1.5em 10px
}

.sortBtn button[type=submit].slim i:before {
  font-size: 150%;
  margin-right: .2em;
  position: relative;
  top: .2em
}

.sortBtn button[type=submit].slim.active {
  background: #c00;
  color: #fff
}

.sortBtn ul.sheettype {
  letter-spacing: -.4em
}

.sortBtn ul.sheettype button[type=submit].slim {
  border-radius: 0;
  font-size: .8rem;
  padding-top: .8em
}

.sortBtn ul.sheettype li {
  letter-spacing: normal
}

.sortBtn ul.sheettype li:first-child button[type=submit].slim {
  border-radius: 5px 0 0 5px
}

.sortBtn ul.sheettype li:last-child button[type=submit].slim {
  border-radius: 0 5px 5px 0
}

.sortBtn .sort.flex {
  justify-content: flex-end;
  margin-left: 15px
}

.sortBtn .sort.flex button {
  padding: .25em 1.5em 8px!important
}

.sortBtn .sort.flex div button#desc {
  border-radius: 5px 0 0 5px
}

.sortBtn .sort.flex div button#desc i {
  font-style: normal
}

.sortBtn .sort.flex div button#desc i:before {
  content: "\e96d";
  font-family: yubin
}

.sortBtn .sort.flex div button#asce {
  border-radius: 0 5px 5px 0
}

.sortBtn .sort.flex div button#asce i {
  font-style: normal
}

.sortBtn .sort.flex div button#asce i:before {
  content: "\e96e";
  font-family: yubin
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  .refineSearch .innerwidth .tabbox2 .head.cat+.inner dl.clm_cat dd button,.refineSearch .innerwidth .tabbox2 .head.cat+.inner dl.clm_cat dd input {
      display:inline-block;
      margin-right: .5%;
      width: 32%
  }

  .refineSearch .innerwidth .tabbox2 .head.cat+.inner dl.clm_cat dd button:nth-child(3n),.refineSearch .innerwidth .tabbox2 .head.cat+.inner dl.clm_cat dd input:nth-child(3n) {
      margin-right: 0
  }

  .refineSearch .innerwidth .tabbox2 .head.cat+.inner dl.clm_cat dd button:nth-child(4n),.refineSearch .innerwidth .tabbox2 .head.cat+.inner dl.clm_cat dd input:nth-child(4n) {
      margin-right: .5%
  }

  .refineSearch .innerwidth .tabbox2 .head.cat+.inner dl.clm_cat dd button:nth-child(n+4),.refineSearch .innerwidth .tabbox2 .head.cat+.inner dl.clm_cat dd input:nth-child(n+4) {
      margin-top: .6em
  }

  .refineSearch .innerwidth .tabbox2 .head.cat+.inner dl.clm_cat dd button i:before,.refineSearch .innerwidth .tabbox2 .head.cat+.inner dl.clm_cat dd input i:before {
      left: 2%
  }
}

@media screen and (max-width: 750px) {
  .refineSearch {
      padding-top:0
  }

  .refineSearch .innerwidth {
      background: 0 0;
      display: -moz-flex;
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: -150px;
      position: relative;
      width: 98%
  }

  .refineSearch .innerwidth .tabbox1,.refineSearch .innerwidth .tabbox2 {
      background: #eee;
      border-top: 5px #c00 solid;
      display: none;
      flex-basis: 100%;
      max-width: 100%;
      padding: 10px;
      width: 100%
  }

  .refineSearch .innerwidth input#tab-1:checked~.tabbox1 {
      display: block!important
  }

  .refineSearch .innerwidth input#tab-2:checked~.tabbox2 {
      display: block!important
  }

  .refineSearch .innerwidth input[type=radio]+label {
      background: #eee;
      border-radius: 5px 5px 0 0;
      color: #a0a0a0;
      font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
      font-weight: 700;
      margin-right: 2%;
      padding: 1em 0;
      text-align: center;
      width: 49%
  }

  .refineSearch .innerwidth input[type=radio]+label:before {
      content: none!important
  }

  .refineSearch .innerwidth input[type=radio]:checked+label {
      background: #c00;
      color: #fff
  }

  .refineSearch .innerwidth input[type=radio]#tab-2+label {
      margin-right: 0
  }

  .refineSearch .innerwidth ul.clm_year {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 10px
  }

  .refineSearch .innerwidth ul.clm_year li {
      flex-basis: 48%;
      max-width: 48%
  }

  .refineSearch .innerwidth ul.clm_year li.more {
      border-left: 0;
      border-top: 1px solid #c8c8c8;
      flex-basis: 100%;
      margin-top: 10px;
      max-width: 100%;
      padding: 1em .5em
  }

  .refineSearch .innerwidth dl.clm_cat {
      display: block
  }

  .refineSearch .innerwidth dl.clm_cat dt {
      flex-basis: 100%;
      margin-bottom: 8px;
      max-width: 100%
  }

  .refineSearch .innerwidth dl.clm_cat dt button[type=submit] {
      font-size: .74rem;
      padding: .8em 0
  }

  .refineSearch .innerwidth dl.clm_cat dd {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-basis: 100%;
      flex-wrap: wrap;
      justify-content: space-between;
      max-width: 100%;
      padding-left: 0
  }

  .refineSearch .innerwidth dl.clm_cat dd button[type=submit] {
      flex-basis: 49%;
      font-size: .74rem;
      margin-bottom: 8px;
      margin-right: 0;
      max-width: 49%;
      padding: .8em 0 .8em 10px!important;
      width: 49%
  }

  .refineSearch .innerwidth dl.clm_cat dd button[type=submit] i:before {
      left: 4px
  }

  .refineSearch .innerwidth dl.clm_cat dd button:nth-child(n+5) {
      margin-top: 0
  }

  .refineSearch .innerwidth dl.clm_cat dd button.other {
      padding-left: 0!important
  }

  .refineSearch+.innerwidth {
      margin-top: 15px!important
  }

  .sortBtn {
      display: block;
      text-align: right
  }

  .sortBtn .sort.flex {
      margin-top: 10px
  }
}

@media screen and (max-width: 750px) {
  #biz_contents .inpageLinkbtn {
      padding:0 3%
  }

  #biz_contents .inpageLinkbtn ul li a {
      flex-basis: 100%;
      max-width: 100%
  }

  #biz_contents .inpageLinkbtn ul li:nth-child(n+2) {
      margin-top: 10px
  }

  #biz_contents .panelArea ul.btns {
      padding: 0 3%
  }

  #biz_contents .panelArea ul.btns li.left,#biz_contents .panelArea ul.btns li.right {
      margin-bottom: 10px
  }

  #biz_contents .panelArea ul.btns li.left a,#biz_contents .panelArea ul.btns li.right a {
      font-size: .9rem
  }
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  .sitemapList .borderbnr4.spclm2 ul li a {
      font-size:14px
  }

  .sitemapList .borderbnr4.spclm2 ul li a span {
      text-align: left;
      width: 7em
  }

  .sitemapList .borderbnr4.spclm2 ul li a span br {
      display: none
  }

  .sitemapList .borderbnr4.spclm2 ul li a.icon:after {
      right: 3%
  }

  .sitemapList .borderbnr4.spclm2 ul li a.icon:before {
      left: 12%
  }

  .sitemapList .borderbnr4 ul li a.icon.jpf:before {
      font-size: 36px
  }
}

@media screen and (max-width: 750px) {
  .sitemapList .spclm2>ul {
      flex-basis:100%!important;
      max-width: 100%
  }
}

.kitteList5.newkitte a:nth-child(n+6) {
  display: none
}

.kitteList4.newkitte a:nth-child(n+5) {
  display: none
}

.mainArea .refineSearch.kitteList {
  padding: 20px
}

@media screen and (max-width: 750px) {
  .mainArea .refineSearch.kitteList {
      padding:5%
  }
}

.refineSearch.kitteList .formArea .selectWrap,.refineSearch.kitteList .formArea input[type=text] {
  background: #fff
}

.refineSearch.kitteList .formArea .selectWrap select.select div:before {
  content: "..."
}

.refineSearch.kitteList .formArea .head.period {
  margin-top: 0
}

@media screen and (max-width: 750px) {
  .refineSearch.kitteList>.head.spDisp {
      position:relative
  }

  .refineSearch.kitteList>.head.spDisp.parent {
      margin-bottom: 0
  }

  .refineSearch.kitteList>.head.spDisp.parent:after {
      content: "\e910";
      font-family: yubin;
      font-size: 36px;
      line-height: 20px;
      position: absolute;
      right: 0
  }

  .refineSearch.kitteList>.head.spDisp.parent.active {
      margin-bottom: 10px
  }

  .refineSearch.kitteList>.head.spDisp.parent.active:after {
      content: "\e915";
      font-family: yubin
  }

  .refineSearch.kitteList>.head.spDisp+.formArea {
      display: none
  }
}

.stampList_outer dl.stampbox {
  border: 1px solid #c8c8c8;
  border-bottom: 0;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex
}

.stampList_outer dl.stampbox:last-child {
  border-bottom: 1px solid #c8c8c8
}

.stampList_outer dl.stampbox dt.img {
  border-right: 1px solid #c8c8c8;
  flex-basis: 15%;
  max-width: 15%;
  transition: .3s
}

.stampList_outer dl.stampbox dt.img a {
  background: radial-gradient(ellipse at center,#fff 55%,#fff 55%,#f7f7f7 100%);
  background: -webkit-radial-gradient(center,ellipse cover,#fff 55%,#fff 55%,#f7f7f7 100%);
  background: -moz-radial-gradient(center,ellipse cover,#fff 55%,#fff 55%,#f7f7f7 100%);
  background: #fff;
  display: block;
  min-height: 196px;
  position: relative;
  text-align: center;
  width: 100%
}

.stampList_outer dl.stampbox dt.img a img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}

.stampList_outer dl.stampbox dt.img ul.thumbset {
  display: -moz-flex;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 124px
}

.stampList_outer dl.stampbox dt.img ul.thumbset li {
  margin: 3px 2px
}

.stampList_outer dl.stampbox dt.img ul.thumbset li img {
  max-width: 58px;
  position: relative
}

.stampList_outer dl.stampbox dt.img:hover {
  opacity: .7
}

.stampList_outer dl.stampbox dd.title {
  border-right: 1px solid #c8c8c8;
  flex-basis: 40%;
  max-width: 40%
}

.stampList_outer dl.stampbox dd.title a {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-weight: 700
}

.stampList_outer dl.stampbox dd.title a:before {
  color: #c00;
  content: "\f105";
  display: inline-block;
  font-family: yubin;
  font-weight: 400;
  margin-right: .3em
}

.stampList_outer dl.stampbox dd.date {
  border-right: 1px solid #c8c8c8;
  flex-basis: 15%;
  max-width: 15%
}

.stampList_outer dl.stampbox dd.doc {
  flex-basis: 30%;
  max-width: 30%
}

.stampList_outer dl.stampbox dd.doc ul li {
  margin-bottom: .5em
}

.stampList_outer dl.stampbox dd {
  align-items: center;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  padding: 10px
}

.stampList_outer dl.stampbox a[href*=".pdf"]::before {
  color: #c00;
  content: "\50";
  display: inline-block;
  font-family: yubin;
  font-size: 21px;
  font-weight: 400;
  margin-right: .3em;
  padding-left: 0;
  position: relative;
  top: 4px
}

.stampList_outer dl.row_title {
  background: #f7f7f7
}

.stampList_outer dl.row_title dt.img {
  padding: 10px
}

@media screen and (max-width: 750px) {
  .stampList_outer dl.stampbox {
      border-bottom:4px double #c8c8c8;
      display: block
  }

  .stampList_outer dl.stampbox dd,.stampList_outer dl.stampbox dt {
      border-right: 0!important;
      max-width: 100%!important
  }

  .stampList_outer dl.stampbox dt.img a {
      min-height: auto;
      padding: 10px 0
  }

  .stampList_outer dl.stampbox dt.img a img {
      max-height: 200px;
      position: static;
      transform: none
  }

  .stampList_outer dl.stampbox dt.img ul.thumbset {
      align-items: center;
      left: auto;
      margin: auto;
      position: relative;
      top: auto;
      transform: none
  }

  .stampList_outer dl.stampbox dt.img ul.thumbset img {
      left: auto;
      top: auto
  }

  .stampList_outer dl.stampbox dd.t8itle {
      font-size: 1.1em
  }

  .stampList_outer dl.stampbox dd.date {
      font-size: .8em
  }

  .stampList_outer dl.stampbox dd.date p:before {
      content: "発行年月日："
  }

  .stampList_outer dl.row_title {
      display: none
  }
}

.mainArea .stampList_outer dl.stampbox dt.img a {
  min-height: 150px;
  overflow: hidden
}

.mainArea .stampList_outer dl.stampbox dt.img a img {
  max-height: 100%;
  padding: 4px 0
}

@media screen and (max-width: 750px) {
  .mainArea .stampList_outer dl.stampbox:first-child {
      border-top:1px solid #c8c8c8
  }

  .mainArea .stampList_outer dl.stampbox {
      border-top: none
  }

  .mainArea .stampList_outer dl.stampbox dt.img a {
      min-height: auto;
      overflow: visible
  }

  .mainArea .stampList_outer dl.stampbox dt.img a img {
      max-height: 200px;
      padding: 0
  }
}

.page_kitte_detail .kitteList4 dl dd.img {
  background: radial-gradient(ellipse at center,#fff 55%,#fff 55%,#f7f7f7 100%);
  background: -webkit-radial-gradient(center,ellipse cover,#fff 55%,#fff 55%,#f7f7f7 100%);
  background: -moz-radial-gradient(center,ellipse cover,#fff 55%,#fff 55%,#f7f7f7 100%);
  background: #fff;
  display: block;
  min-height: 196px;
  position: relative;
  text-align: center;
  width: 100%
}

.page_kitte_detail .kitteList4 dl dd.img img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}

.mainArea.fee-simulator .detailArea {
  background: #f7f7f7;
  border: 2px solid #c00;
  margin: 20px auto;
  padding: 15px;
  width: 70%
}

.mainArea.fee-simulator .detailArea .fee {
  background: #fff;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-weight: 700;
  justify-content: space-between;
  padding: 13px
}

.mainArea.fee-simulator .detailArea .fee .head {
  flex-basis: 30%;
  max-width: 30%
}

.mainArea.fee-simulator .detailArea .fee .price {
  color: #c00;
  flex-basis: 68%;
  font-size: 1.2rem;
  max-width: 68%;
  text-align: right
}

.mainArea.fee-simulator .detailArea .fee .price span {
  display: block
}

.mainArea.fee-simulator .detailArea .fee .price ul.basic-m {
  border-bottom: 1px solid #dcdcdc;
  color: #333;
  font-size: .9rem;
  margin-bottom: .2em;
  text-align: left
}

.mainArea.fee-simulator .detailArea .fee.total {
  background: #f7f7f7;
  display: block;
  margin-bottom: 10px;
  padding: 0 0;
  text-align: center
}

.mainArea.fee-simulator .detailArea .fee.total .head,.mainArea.fee-simulator .detailArea .fee.total .price {
  flex-basis: 100%;
  max-width: 100%
}

.mainArea.fee-simulator .detailArea .fee.total .price {
  font-size: 2.4rem;
  line-height: 1.3;
  text-align: center
}

.mainArea.fee-simulator .detailArea .fee.total .price span {
  font-size: .9rem
}

@media screen and (max-width: 750px) {
  .mainArea.fee-simulator .detailArea {
      width:100%
  }

  .mainArea.fee-simulator .detailArea .fee {
      display: block;
      flex-wrap: wrap
  }

  .mainArea.fee-simulator .detailArea .fee .head,.mainArea.fee-simulator .detailArea .fee .price {
      flex-basis: 100%;
      max-width: 100%
  }

  .mainArea.fee-simulator .detailArea .fee .head {
      margin-bottom: .3em
  }

  .mainArea.fee-simulator .detailArea .fee .price ul.basic-m li {
      margin-bottom: 0
  }

  .mainArea.fee-simulator .detailArea .fee.total .head {
      margin-bottom: 0
  }

  .mainArea.fee-simulator .detailArea .fee.total .price {
      font-size: 2rem
  }
}

.contWrap>.pageClm2 {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  margin: auto;
  max-width: 1200px
}

.contWrap>.pageClm2 .mainArea {
  flex-basis: 83%;
  margin-bottom: 40px;
  max-width: 83%;
  padding-right: 20px
}

.contWrap>.pageClm2 .sideArea {
  flex-basis: 193px;
  margin-bottom: 40px;
  max-width: 193px
}

.no-sidenav {
  max-width: 960px
}

@media screen and (min-width: 751px) and (max-width:1366px) {
  .contWrap>.pageClm2 {
      padding:0 2%
  }
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  .contWrap>.pageClm2 {
      padding:0 2%
  }

  .contWrap>.pageClm2 .mainArea {
      flex-basis: 80%;
      max-width: 80%;
      padding-right: 0
  }

  .contWrap>.pageClm2 .sideArea {
      flex-basis: 19%;
      margin-bottom: 40px;
      max-width: 19%
  }
}

@media screen and (max-width: 750px) {
  .contWrap {
      width:100%
  }

  .contWrap>.pageClm2 {
      display: block
  }

  .contWrap>.pageClm2 .mainArea {
      flex-basis: 100%;
      max-width: 100%;
      padding-right: 0
  }

  .contWrap>.pageClm2 .sideArea {
      display: none
  }
}

.sideArea #navi-box,.sideArea #navi-box-r {
  margin-top: 20px
}

.sideArea #navi-box .itemBox,.sideArea #navi-box-r .itemBox {
  background: #fff;
  border: 1px solid #c8c8c8
}

.sideArea #navi-box .itemBox .items,.sideArea #navi-box-r .itemBox .items {
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: .8rem;
  padding: 10px
}

.sideArea #navi-box .itemBox .items li.sub,.sideArea #navi-box-r .itemBox .items li.sub {
  margin-bottom: 10px
}

.sideArea #navi-box .itemBox .items li.sub:before,.sideArea #navi-box-r .itemBox .items li.sub:before {
  content: none
}

.sideArea #navi-box .itemBox .items li a:before,.sideArea #navi-box-r .itemBox .items li a:before {
  color: #c00;
  content: "\f105";
  display: inline-block;
  font-family: yubin;
  margin-right: .5em
}

.sideArea #navi-box .itemBox .items li a,.sideArea #navi-box-r .itemBox .items li a {
  border-bottom: 1px solid #eee;
  display: block;
  font-weight: 400;
  padding: .5em 0 .5em 1em;
  text-indent: -.5em
}

.sideArea #navi-box .itemBox .items li:last-child a,.sideArea #navi-box-r .itemBox .items li:last-child a {
  border-bottom: 0
}

.sideArea #navi-box .itemBox-shop,.sideArea #navi-box-r .itemBox-shop {
  background: #fff;
  border-bottom: 2px solid #c00;
  border-left: 2px solid #c00;
  border-right: 2px solid #c00
}

.sideArea #navi-box .itemBox-shop .items-shop,.sideArea #navi-box-r .itemBox-shop .items-shop {
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: .8rem;
  padding: 10px
}

.sideArea #navi-box .itemBox-shop .items-shop li.sub,.sideArea #navi-box-r .itemBox-shop .items-shop li.sub {
  margin-bottom: 10px
}

.sideArea #navi-box .itemBox-shop .items-shop li.sub:before,.sideArea #navi-box-r .itemBox-shop .items-shop li.sub:before {
  content: none
}

.sideArea #navi-box .itemBox-shop .items-shop li a:before,.sideArea #navi-box-r .itemBox-shop .items-shop li a:before {
  color: #c00;
  content: "\f105";
  display: inline-block;
  font-family: yubin;
  margin-right: .5em
}

.sideArea #navi-box .itemBox-shop .items-shop li a,.sideArea #navi-box-r .itemBox-shop .items-shop li a {
  border-bottom: 1px solid #eee;
  display: block;
  font-weight: 400;
  padding: .5em 0 .5em 1em;
  text-indent: -.5em
}

.sideArea #navi-box .itemBox-shop .items-shop li:last-child a,.sideArea #navi-box-r .itemBox-shop .items-shop li:last-child a {
  border-bottom: 0
}

.sideArea #navi-box .sp-b16,.sideArea #navi-box-r .sp-b16 {
  margin-bottom: 16px
}

.sideArea #navi-box .sp-t16,.sideArea #navi-box-r .sp-t16 {
  margin-top: 16px
}

.sideArea #navi-box .btn_notification a,.sideArea #navi-box-r .btn_notification a {
  background: url(/img/common/btn_nav_notification.gif) no-repeat left top;
  display: block;
  font-size: 1px;
  height: 58px;
  line-height: 1px;
  outline: 0;
  text-decoration: none;
  text-indent: -9999px;
  width: 193px
}

.sideArea #navi-box .btn_notification a:hover,.sideArea #navi-box-r .btn_notification a:hover {
  opacity: .6
}

.sideArea #navi-box .btn_notification a img,.sideArea #navi-box-r .btn_notification a img {
  width: 100%
}

.sideArea #navi-box .btn_q a,.sideArea #navi-box-r .btn_q a {
  background: url(/img/common/btn_nav_q_en.gif) no-repeat left top;
  display: block;
  font-size: 1px;
  height: 58px;
  line-height: 1px;
  outline: 0;
  text-decoration: none;
  text-indent: -9999px;
  width: 193px
}

.sideArea #navi-box .btn_q a:hover,.sideArea #navi-box-r .btn_q a:hover {
  opacity: .6
}

.sideArea #navi-box .btn_business a,.sideArea #navi-box-r .btn_business a {
  background: url(/img/common/btn_nav_business.gif) no-repeat left top;
  display: block;
  font-size: 1px;
  height: 58px;
  line-height: 1px;
  outline: 0;
  text-decoration: none;
  text-indent: -9999px;
  width: 193px
}

.sideArea #navi-box .btn_business a:hover,.sideArea #navi-box-r .btn_business a:hover {
  opacity: .6
}

.sideArea #navi-box .normal-box,.sideArea #navi-box-r .normal-box {
  border: 1px solid #c8c8c8;
  font-size: .8rem;
  padding: 10px
}

.sideArea #navi-box h2 img,.sideArea #navi-box-r h2 img {
  width: 100%
}

.sideArea #navi-box h2,.sideArea #navi-box-r h2 {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0
}

.sideArea #navi-box .mkr-nav-r,.sideArea #navi-box-r .mkr-nav-r {
  display: block;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: .8rem;
  font-weight: 700;
  font-weight: 700;
  padding: 0 10px 10px
}

.sideArea #navi-box .mkr-nav-r a,.sideArea #navi-box-r .mkr-nav-r a {
  color: #c00
}

.sideArea #navi-box p.to-list,.sideArea #navi-box-r p.to-list {
  text-align: right
}

.sideArea #navi-box p.to-list a,.sideArea #navi-box-r p.to-list a {
  text-decoration: none
}

.sideArea #navi-box p.to-list a:hover,.sideArea #navi-box-r p.to-list a:hover {
  text-decoration: underline
}

.sideArea .sidebar {
  font-size: 13px;
  margin-top: 20px
}

.sideArea .sidebar .topborder {
  border-top: 4px solid #c00
}

.sideArea .sidebar hr {
  border: 0;
  border-top: 1px dotted #c8c8c8;
  height: 0;
  margin: 0;
  padding: 0
}

.sideArea .sidebar .head {
  border-top: 4px solid #c00;
  color: #c00;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 15.5px;
  font-weight: 700;
  padding: 10px 9px 8px
}

.sideArea .sidebar .head2 {
  background: #dcdcdc;
  color: #333;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 10px 6px;
  padding-left: 24px;
  position: relative
}

.sideArea .sidebar .head2:before {
  content: "\f0d7";
  display: inline-block;
  font-family: yubin;
  font-size: 10px;
  font-size: 12px;
  left: 10px;
  margin-right: 6px;
  position: absolute;
  top: 12px
}

.sideArea .sidebar .head2.toggleParent {
  cursor: pointer;
  padding-left: 27px;
  position: relative
}

.sideArea .sidebar .head2.toggleParent:hover {
  text-decoration: underline
}

.sideArea .sidebar .head2.toggleParent:before {
  color: #c00;
  content: "\2b";
  font-size: 10px;
  font-size: 12px;
  left: 10px;
  position: absolute;
  top: 13px
}

.sideArea .sidebar .head2.toggleParent.active:before {
  color: #c00;
  content: "\2d"
}

.sideArea .sidebar .head2.toggleParent+* {
  display: none
}

.sideArea .sidebar .head2.toggleParent+*+.head2 {
  border-top: 1px solid #eee
}

.sideArea .sidebar .head3 {
  border-left: 0;
  border-top: #dcdcdc 3px solid;
  color: #333;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin: 5px auto -2px;
  padding: 8px 10px 6px;
  position: relative;
  text-align: center
}

.sideArea .sidebar .head3:before {
  content: none!important
}

.sideArea .sidebar ul.navlist {
  padding-bottom: 10px
}

.sideArea .sidebar ul.navlist a {
  display: block;
  padding: .7em .5em .7em 23px
}

.sideArea .sidebar ul.navlist li {
  position: relative
}

.sideArea .sidebar ul.navlist li p {
  font-size: 90%;
  padding: 0 .5em 0 23px
}

.sideArea .sidebar ul.navlist li:before {
  color: #c00;
  content: "\f105";
  display: inline-block;
  font-family: yubin;
  font-size: 10px;
  left: 10px;
  margin-right: 5px;
  position: absolute;
  top: 13px
}

.sideArea .sidebar ul.navlist li.popup:before {
  content: "\e924";
  left: 9px;
  top: 13px
}

.sideArea .sidebar ul.navlist li.more {
  text-align: right
}

.sideArea .sidebar ul.navlist li.more a {
  padding: .7em 23px .7em .5em
}

.sideArea .sidebar ul.navlist li.more:before {
  content: "\f101";
  left: auto;
  right: 7px;
  top: 13px
}

.sideArea .sidebar ul.navlist li.parent {
  font-weight: 700;
  padding: .7em .5em .7em 23px
}

.sideArea .sidebar ul.navlist li.parent:before {
  color: #333;
  content: "\f107";
  top: 15px
}

.sideArea .sidebar ul.navlist li.parent+.child {
  margin-left: 15px
}

.sideArea .sidebar ul.navlist li.parent.toggleParent {
  cursor: pointer;
  padding-left: 27px;
  position: relative
}

.sideArea .sidebar ul.navlist li.parent.toggleParent:hover {
  text-decoration: underline
}

.sideArea .sidebar ul.navlist li.parent.toggleParent:before {
  color: #c00;
  content: "\2b";
  font-size: 10px;
  font-size: 12px;
  left: 10px;
  position: absolute;
  top: 13px
}

.sideArea .sidebar ul.navlist li.parent.toggleParent.active:before {
  color: #c00;
  content: "\2d"
}

.sideArea .sidebar ul.navlist li.parent.toggleParent+.child {
  display: none
}

.sideArea .sidebar ul.navlist li.parent.toggleParent+.child+.head2 {
  border-top: 1px solid #eee
}

.sideArea .sidebar ul.navlist li.child ul {
  font-size: 90%
}

.sideArea .sidebar ul.navlist li.child ul a {
  padding: .5em .5em .5em 20px
}

.sideArea .sidebar ul.btnlist {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-weight: 700
}

.sideArea .sidebar ul.btnlist a {
  background: #c00;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: .9em .5em .9em 23px
}

.sideArea .sidebar ul.btnlist li {
  margin-bottom: 10px;
  position: relative
}

.sideArea .sidebar ul.btnlist li:before {
  color: #fff;
  content: "\f105";
  display: inline-block;
  font-family: yubin;
  font-size: 10px;
  font-weight: 400;
  left: 10px;
  margin-right: .5em;
  position: absolute;
  top: 15px
}

.sideArea .sidebar ul.btnlist li.popup:before {
  content: "\e924";
  left: 9px;
  top: 16px
}

.sideArea .sidebar .bgG ul.btnlist li:last-child {
  margin-bottom: 0
}

.sideArea .sidebar .bgG>.navlist:first-child {
  border-top: 4px solid #c00
}

.sideArea .sidebar.design_white {
  font-size: 13px;
  margin-top: 20px
}

.sideArea .sidebar.design_white .topborder {
  border-top: 4px solid #c00
}

.sideArea .sidebar.design_white .bgG {
  background: #fff
}

.sideArea .sidebar.design_white hr {
  border: 0;
  border-top: 1px dotted #c8c8c8;
  height: 0;
  margin: 0;
  padding: 0
}

.sideArea .sidebar.design_white .head {
  background: #c00;
  border-top: 4px solid #c00;
  color: #fff;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding: 9px 10px 8px
}

.sideArea .sidebar.design_white .head2 {
  background: #f7f7f7;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  color: #333;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 10px 6px;
  padding-left: 24px;
  position: relative
}

.sideArea .sidebar.design_white .head2:before {
  content: "\f0d7";
  display: inline-block;
  font-family: yubin;
  font-size: 10px;
  font-size: 12px;
  left: 10px;
  margin-right: 6px;
  position: absolute;
  top: 12px
}

.sideArea .sidebar.design_white .head2.toggleParent {
  cursor: pointer;
  padding-left: 27px;
  position: relative
}

.sideArea .sidebar.design_white .head2.toggleParent:hover {
  text-decoration: underline
}

.sideArea .sidebar.design_white .head2.toggleParent:before {
  color: #c00;
  content: "\2b";
  font-size: 10px;
  font-size: 12px;
  left: 10px;
  position: absolute;
  top: 13px
}

.sideArea .sidebar.design_white .head2.toggleParent.active:before {
  color: #c00;
  content: "\2d"
}

.sideArea .sidebar.design_white .head2.toggleParent+* {
  display: none
}

.sideArea .sidebar.design_white .head2.toggleParent+*+.head2 {
  border-top: 1px solid #eee
}

.sideArea .sidebar.design_white .head3 {
  border-left: 0;
  border-top: #dcdcdc 3px solid;
  color: #333;
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin: 5px auto -2px;
  padding: 8px 10px 6px;
  position: relative;
  text-align: center
}

.sideArea .sidebar.design_white .head3:before {
  content: none!important
}

.sideArea .sidebar.design_white ul.navlist {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  padding-bottom: 10px
}

.sideArea .sidebar.design_white ul.navlist a {
  display: block;
  padding: .7em .5em .7em 20px
}

.sideArea .sidebar.design_white ul.navlist a:hover {
  background: #ffecec
}

.sideArea .sidebar.design_white ul.navlist li {
  position: relative
}

.sideArea .sidebar.design_white ul.navlist li p {
  font-size: 90%;
  padding: 0 .5em 0 23px
}

.sideArea .sidebar.design_white ul.navlist li:after {
  background: #dcdcdc;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 90%
}

.sideArea .sidebar.design_white ul.navlist li:last-child:after {
  content: none
}

.sideArea .sidebar.design_white ul.navlist li.popup:before,.sideArea .sidebar.design_white ul.navlist li:before {
  color: #c00;
  content: "\f105"!important;
  display: inline-block;
  font-family: yubin;
  font-size: 10px;
  left: 10px;
  margin-right: 5px;
  position: absolute;
  top: 13px
}

.sideArea .sidebar.design_white ul.navlist li.popup a:after {
  color: #c00;
  content: "\e924";
  display: inline-block;
  font-family: yubin;
  font-size: 10px;
  margin-left: .4em;
  top: 11px
}

.sideArea .sidebar.design_white ul.navlist li.more {
  text-align: right
}

.sideArea .sidebar.design_white ul.navlist li.more a {
  padding: .7em 23px .7em .5em;
  text-decoration: underline
}

.sideArea .sidebar.design_white ul.navlist li.more:before {
  content: "\f101";
  left: auto;
  right: 7px;
  top: 13px
}

.sideArea .sidebar.design_white ul.navlist li.parent {
  font-weight: 700;
  padding: .7em .5em .7em 23px
}

.sideArea .sidebar.design_white ul.navlist li.parent:before {
  color: #333;
  content: "\f107";
  top: 15px
}

.sideArea .sidebar.design_white ul.navlist li.parent+.child {
  margin-left: 15px
}

.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent {
  cursor: pointer;
  padding-left: 27px;
  position: relative
}

.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent:hover {
  text-decoration: underline
}

.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent:before {
  color: #c00;
  content: "\2b";
  font-size: 10px;
  font-size: 12px;
  left: 10px;
  position: absolute;
  top: 13px
}

.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent.active:before {
  color: #c00;
  content: "\2d"
}

.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent+.child {
  display: none
}

.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent+.child+.head2 {
  border-top: 1px solid #eee
}

.sideArea .sidebar.design_white ul.navlist li.child ul {
  font-size: 90%
}

.sideArea .sidebar.design_white ul.navlist li.child ul a {
  padding: .5em .5em .5em 20px
}

.sideArea .sidebar.design_white ul.navlist:last-child {
  border-bottom: 1px solid #dcdcdc
}

.sideArea .sidebar.design_white ul.btnlist {
  font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
  font-weight: 700
}

.sideArea .sidebar.design_white ul.btnlist a {
  background: #c00;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 12px;
  padding: .9em .5em .9em 23px
}

.sideArea .sidebar.design_white ul.btnlist li {
  margin-bottom: 10px;
  position: relative
}

.sideArea .sidebar.design_white ul.btnlist li:before {
  color: #fff;
  content: "\f105";
  display: inline-block;
  font-family: yubin;
  font-size: 10px;
  font-weight: 400;
  left: 10px;
  margin-right: .5em;
  position: absolute;
  top: 15px
}

.sideArea .sidebar.design_white ul.btnlist li.popup:before {
  content: "\e924";
  left: 9px;
  top: 16px
}

.sideArea .sidebar.design_white .bgG ul.btnlist li:last-child {
  margin-bottom: 0
}

.sideArea .sidebar.design_white .bgG>.navlist:first-child {
  border-top: 4px solid #c00
}

#navi-box-r.temp h3 {
  border-left: 0;
  margin: 0;
  padding-left: 0
}

#navi-box-r.int.temp #int-nb-inquiry input#reqCodeNo1 {
  width: 100%
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  #navi-box-r.int.temp form table {
      width:100%
  }

  #navi-box-r.int.temp form table td {
      display: block;
      text-align: center;
      width: 100%
  }

  #navi-box-r.int.temp #int-nb-inquiry input#reqCodeNo1 {
      width: 100%
  }
}

.footPRbnr .linkbox3 a {
  transition: .3s
}

.footPRbnr .linkbox3 a:hover {
  opacity: .7;
  text-decoration: none
}

.footPRbnr .linkbox3 a dl dt {
  background: #f7f7f7;
  min-height: 132px;
  padding: 5px;
  position: relative;
  text-align: center
}

.footPRbnr .linkbox3 a dl dt img {
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 102px;
  max-width: 90%;
  position: absolute;
  right: 0;
  top: 0
}

.footPRbnr .linkbox3 a dl dd .title {
  font-size: 1em
}

.footPRbnr .linkbox3 a dl dd p {
  font-size: .8em
}

@media screen and (max-width: 750px) {
  .footPRbnr .linkbox3 a dl dt {
      min-height:auto
  }

  .footPRbnr .linkbox3 a dl dt img {
      height: auto;
      max-height: none;
      position: relative;
      width: 100%
  }
}

.innerwidth.footPRbnr {
  margin-top: 50px
}

#utility {
  border: 1px solid #eee;
  margin: 40px auto 30px;
  padding: 3% 2%
}

#utility a:link {
  text-decoration: none!important
}

#utility a:hover {
  text-decoration: underline!important
}

#utility dl {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex
}

#utility dl em.heading {
  border-bottom: 1px solid #c00;
  display: block;
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: .8rem;
  font-weight: 700;
  margin-bottom: .5em;
  padding-bottom: .5em
}

#utility dl dt {
  flex-basis: 40%;
  max-width: 40%
}

#utility dl dd {
  flex-basis: 20%;
  font-size: .9rem;
  max-width: 20%;
  padding-left: 2%
}

#utility dl>dd:first-of-type {
  padding-left: 0
}

#utility dl dt+dd:first-of-type {
  padding-left: 2%
}

#utility dl dd h4,#utility dl dt h4 {
  border-bottom: 1px dotted #c3c3c3;
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-weight: 400;
  margin-bottom: 10px
}

#utility dl dd ul li,#utility dl dt ul li {
  font-size: .75rem
}

#utility dl dd ul li a:before,#utility dl dt ul li a:before {
  color: #a0a0a0;
  content: "\30";
  display: inline-block;
  font-family: yubin;
  margin-right: .5em
}

#utility dl dd ul li a,#utility dl dt ul li a {
  border-bottom: 1px solid #eee;
  display: block;
  padding: .5em 0 .5em 1em;
  text-indent: -.5em
}

#utility dl dd ul.col2-l,#utility dl dt ul.col2-l {
  float: left;
  width: 50%
}

#utility dl dd ul.col2-r,#utility dl dt ul.col2-r {
  float: right;
  width: 50%
}

#utility dl p.arrow {
  font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Sans","ヒラギノ角ゴシック",メイリオ,Meiryo,sans-serif;
  font-size: .8rem;
  font-weight: 700;
  margin-top: 1em
}

#utility dl p.arrow:before {
  color: #c00;
  content: "\f105";
  display: inline-block;
  font-family: yubin;
  margin-right: .5em
}

.clear {
  clear: both;
  font-size: 0
}

@media screen and (min-width: 751px) and (max-width:1024px) {
  #utility {
      padding:3% 3%
  }

  #utility dl {
      display: flex;
      display: -o-flex;
      display: -ms-flex;
      display: -moz-flex;
      display: -webkit-flex;
      flex-wrap: wrap;
      justify-content: space-between
  }

  #utility dl dt {
      flex-basis: 48%;
      max-width: 48%
  }

  #utility dl dd {
      flex-basis: 48%;
      max-width: 48%;
      padding-left: 0
  }

  #utility dl dd:nth-child(n+3) {
      margin-top: 25px
  }

  #utility dl dt+dd:first-of-type {
      padding-left: 0
  }
}

@media screen and (max-width: 750px) {
  #utility {
      display:none
  }
}

.pageClm2 .sideArea .navbody {
  margin-top: 20px
}

.printDisp {
  display: none
}

@media print {
  body {
      font-size: 80%!important;
      margin: 0;
      padding: 0;
      -webkit-print-color-adjust: exact
  }

  img {
      width: 100%!important
  }

  .printDisp {
      display: block
  }

  header.top .globalNav,header.top .headArea {
      display: none
  }

  .floatingBlock {
      display: none
  }

  #path-box,footer.common {
      display: none
  }
}