@charset "UTF-8";
/* CSS Document */
/* contents---------------
	 1.Reset
	 2.Base
	 3.Layout
	 4.module
	 5.unique style
	 6.script style
		------------ */
/*----------------------------------------------------------
	reset
--------------------------------------------------------- */
@import url("fonts/style.css");
body, dl, dt, dd, ul, li, h1, h2, h3, h4, form, p, th, td, input, textarea, select {
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

ul, dl {
  list-style-type: none;
}

* {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-break: normal;
}

body {
  word-break: break-all;
}

/*----------------------------------------------------------
	base
--------------------------------------------------------- */
body.en {
  word-break: normal;
}

@media screen and (max-width: 750px) {
  html {
	/*font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;*/
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
	/*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
	font-size: 12pt;
  }
} /* sp */
.wrapper {
  /*font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;*/
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  /*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
  font-size: 0.94rem;
}

@media screen and (min-width: 751px) and (max-width: 1200px) {
  .wrapper {
	max-width: 1200px;
	margin: auto;
  }
} /* pc */
.sitewidth {
  max-width: 1400px;
  margin: auto;
}

.innerwidth {
  max-width: 1200px;
  margin: auto;
}

@media screen and (max-width: 750px) {
  .innerwidth {
	padding: 0 3%;
  }
} /* sp */
/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .innerwidth {
	padding: 0 2%;
  }
} /* yubinpc */
/*	iconfont
----------------------------------------------- */
/*----------------------------------------------------------
	layout
--------------------------------------------------------- */
/* パンくず　旧レイアウト */
@media screen and (max-width: 750px) {
  /* パンくず位置 */
  .wrapper {
	display: flex;
	flex-wrap: wrap;
  }
  .wrapper header {
	width: 100%;
	order: 1;
  }
  .wrapper footer {
	width: 100%;
	order: 4;
  }
  .wrapper #path-box {
	width: 100%;
	order: 3;
	background: #FFF !important;
  }
  .wrapper .contWrap {
	width: 100%;
	order: 2;
  }
  /* 旧レイアウト */
  #wrap-inner {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
  }
  #wrap-inner #head-box {
	width: 100%;
	order: 1;
  }
  #wrap-inner #path-box {
	width: 100%;
	order: 3;
	display: block;
	padding: 0.8em;
  }
  #wrap-inner #main-box {
	width: 100%;
	order: 2;
  }
  #wrap-inner #navi-box-r {
	width: 100%;
	order: 4;
  }
  #wrap-inner .footTop {
	width: 100%;
	order: 5;
  }
  #wrap-inner #foot-box {
	width: 100%;
	order: 6;
  }
} /* sp */
/* 新パンくずリスト */
.wrapper #path-box {
  background: #EEEEEE;
  padding: 0.8em;
  font-size: 13px;
  /* sp */
}
.wrapper #path-box ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.wrapper #path-box ul li:after {
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.8em;
  margin-left: 0.8em;
}
.wrapper #path-box ul li:last-child:after {
  content: "";
}
.wrapper #path-box a {
  color: #333333;
  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 {
	content: "\e90a";
	margin-right: 0.5em;
	margin-left: 0.2em;
	position: relative;
	top: 1px;
	font-size: 1rem;
	color: #646464;
  }
}
.wrapper #path-box.lang {
  position: relative;
}
.wrapper #path-box.lang .langSelect {
  position: absolute;
  right: 0.8em;
  top: 8px;
}
.wrapper #path-box.lang .langSelect .plane {
  font-size: 12px;
}
.wrapper #path-box.lang .langSelect .selectWrap { /*width: auto;*/
  position: relative;
  display: inline-block;
  background: #EDEDED;
}
.wrapper #path-box.lang .langSelect .selectWrap::after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  right: 10px;
  margin-top: -4px;
}
.wrapper #path-box.lang .langSelect .selectWrap .select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  z-index: auto;
  padding: 3px 20px 3px 10px;
  border: none;
  background: #FFF;
}
.wrapper #path-box.lang .langSelect .selectWrap select::-ms-expand {
  display: none;
}

/*.langWrap{display:none;}*/
.langWrap {
  position: relative;
}
.langWrap .langSelect {
  position: absolute;
  right: 0.8em;
  top: -33px;
}
.langWrap .langSelect #ls-reg {
  text-align: right;
}
.langWrap .langSelect .plane {
  font-size: 12px;
}
.langWrap .langSelect .selectWrap { /*width: auto;*/
  position: relative;
  display: inline-block;
  background: #EDEDED;
}
.langWrap .langSelect .selectWrap::after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  transform: rotate(45deg);
  position: absolute;
  top: 45%;
  right: 10px;
  margin-top: -4px;
}
.langWrap .langSelect .selectWrap .select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  z-index: auto;
  padding: 3px 20px 3px 10px;
  border: none;
  background: #FFF;
}
.langWrap .langSelect .selectWrap select::-ms-expand {
  display: none;
}
.langWrap .langSelect #ls-sub {
  display: none;
}

@media screen and (max-width: 750px) {
  .langWrap {
	display: block;
	background: #eee;
	padding: 5px;
  }
  .langWrap .langSelect {
	position: static;
  }
  .langWrap .langSelect #ls-reg {
	text-align: right;
  }
  .langWrap .langSelect .plane {
	font-size: 12px;
  }
  .langWrap .langSelect .selectWrap { /*width: auto;*/
	position: relative;
	display: inline-block;
	background: #EDEDED;
  }
  .langWrap .langSelect .selectWrap::after {
	content: "";
	width: 6px;
	height: 6px;
	border: 0px;
	border-bottom: solid 2px #b4b3b3;
	border-right: solid 2px #b4b3b3;
	transform: rotate(45deg);
	position: absolute;
	top: 45%;
	right: 10px;
	margin-top: -4px;
  }
  .langWrap .langSelect .selectWrap .select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	position: relative;
	z-index: auto;
	padding: 3px 20px 3px 10px;
	border: none;
	background: #FFF;
  }
  .langWrap .langSelect .selectWrap select::-ms-expand {
	display: none;
  }
  .langWrap .langSelect #ls-sub {
	display: none;
  }
} /* sp */
/*	header
----------------------------------------------- */
header {
  position: relative;
}
header .sphead, header .spsearch {
  display: none;
}
header .headArea {
  border-top: 16px solid #cc0000;
  height: 60px;
  margin-bottom: 10px;
}
header .headArea h1.siteid {
  position: absolute;
  left: 0;
  top: 0;
}
header .headArea h1.siteid a img {
  height: 60px;
}
header .headArea .slogan {
  position: absolute;
  top: 33px;
  left: 252px;
}
header .headArea .slogan img {
  height: 10px;
}
header .headArea nav.subNav {
  position: absolute;
  right: 20px;
  top: 33px;
}
header .headArea nav.subNav ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
header .headArea nav.subNav ul li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin: 0 1em;
}
header .headArea nav.subNav ul li a {
  text-decoration: none;
  color: #333333; /*font-size:0.8rem;*/
  font-size: 13px;
  transition: 0.3s;
}
header .headArea nav.subNav ul li a:hover {
  color: #cc0000;
}
header .headArea nav.subNav ul li.lang {
  margin-right: 0;
}
header .headArea nav.subNav ul li.lang a {
  color: #cc0000;
  border: 1px solid #cc0000;
  border-radius: 4px;
  padding: 0.3em 1.5em;
  transition: 0.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 {
	flex: 1;
	text-align: center;
	border-right: 1px solid #CCC;
	background: rgba(255, 255, 255, 0.8);
	font-size: 13.5px;
  }
}
@media screen and (min-width: 751px) and (-ms-high-contrast: none) {
  header .globalNav nav.main > ul > li {
	min-height: 50%;
  }
}
@media screen and (min-width: 751px) {
  header .globalNav nav.main > ul > li:nth-child(6) {
	border-right: none;
  }
  header .globalNav nav.main > ul > li:hover {
	background-color: #eeeeee;
	cursor: pointer;
  }
  header .globalNav nav.main > ul > li:hover a {
	color: #cc0000;
  }
  header .globalNav nav.main > ul > li.opened .menu.opened {
	display: none;
  }
  header .globalNav nav.main > ul > li .menu {
	max-height: 9999px;
	background: rgba(230, 230, 230, 0.95);
	display: none;
  }
  header .globalNav nav.main > ul > li > span.dropLabel {
	display: block;
	text-decoration: none;
	color: #333333;
	font-family: "Noto Sans Japanese", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
	font-weight: bold;
	padding: 21.5px 1em;
	transition: all 0.2s ease-in;
	line-height: 1;
  }
  header .globalNav nav.main > ul > li > span.dropLabel:after {
	font-family: "yubin";
	content: "\f107";
	font-weight: normal;
	margin-left: 0.4em;
	color: #333;
	font-size: 130%;
	position: relative;
	top: 3px;
	line-height: 0;
  }
  header .globalNav nav.main > ul > li > span.dropLabel:hover:after {
	color: #cc0000;
  }
  header .globalNav nav.main > ul > li > span.dropLabel.active {
	background-color: #eeeeee;
  }
  header .globalNav nav.main > ul > li.search {
	background: #cc0000 !important;
  }
  header .globalNav nav.main > ul > li.search span.dropLabel {
	display: block;
	padding: 21.5px 1em; /*background:$yubin;*/
	color: #FFF;
	text-decoration: none;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	line-height: 1;
  }
  header .globalNav nav.main > ul > li.search span.dropLabel.active {
	background-color: #cc0000;
  }
  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 { /*overflow: hidden;*/
	width: 100%;
	left: 0;
	text-align: center;
	position: absolute;
	z-index: 10;
  }
  header .globalNav nav.main > ul .menu .menu_inner {
	padding: 30px 30px 35px;
  }
  header.is-show .globalNav {
	position: fixed;
	top: 0;
	z-index: 51;
	width: 100%;
	box-shadow: 0 1px 6px 0 #949494;
  }
  header.is-show .globalNav nav.main > ul > li.search {
	background: rgba(204, 0, 0, 0.7);
  }
} /* nonsp */
@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;
  }
} /* full */
@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 {
	position: static;
	margin-top: 50px;
	right: auto;
	top: auto;
  }
  header .headArea nav.subNav ul {
	justify-content: flex-end;
  }
  header .headArea nav.subNav ul li {
	margin: 0 0.6em;
  }
  header .headArea nav.subNav ul li.lang {
	margin-right: 0;
  }
  .globalNav { /*font-size:0.85rem;*/
	font-size: 13.5px;
	line-height: 1;
  }
  .globalNav nav.main > ul > li > a {
	padding: 18px 0.4em;
  }
  .globalNav nav.main > ul > li > a:after {
	font-family: "yubin";
	content: "\f107";
	font-weight: normal;
	margin-left: 0;
	display: block;
	margin-top: 8px;
	line-height: 0;
  }
} /* pc */
/* 英語版ヘッダー */
header.lang .searchForm {
  display: block;
  width: 70%;
  text-align: right;
  margin-right: 20px;
  margin-left: auto;
  margin-bottom: 10px;
}
header.lang .searchForm .searchreader {
  display: none;
}
header.lang .searchForm br {
  display: none;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  header.lang .searchForm {
	margin-right: 0;
  }
} /* yubinpc */
@media screen and (max-width: 750px) {
  header.lang .searchForm {
	display: none;
  }
} /* sp */
.scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.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 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 14px 0 9px;
	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 {
	font-family: "yubin";
	content: "\e998";
	font-weight: normal;
	position: absolute;
	color: #FFF;
	left: 7px;
	top: 6px;
	font-size: 42px;
  }
  header.lang .headArea .sphead .i-menu {
	display: none;
  }
  header.lang .headArea .sphead .i-search {
	top: 9px;
	right: 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 {
	top: 0px;
	right: 0px;
  }
  body.spsearch_open header.lang .searchForm {
	display: block !important;
	width: 100%;
	margin-right: 0;
  }
} /* sp */
/* iphone5/SE */
@media screen and (max-width: 346px) {
  header.lang .headArea h1.siteid a img {
	height: 25px;
  }
} /* sp */
@media screen and (max-width: 750px) {
  /* トップのみツールメニューを固定表示 */
  body.top_index header.top.is-show {
	display: none;
  }
  body.top_index .spToptool {
	position: fixed;
	top: -62px;
	left: 0;
	display: block;
	width: 100%;
	height: 62px;
	z-index: 100;
  }
  body.top_index .spToptool ul {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-bottom: 2px solid #cc0000;
  }
  body.top_index .spToptool ul li {
	flex: 1;
	border-right: 1px solid #eeeeee;
	text-align: center;
	line-height: 1;
  }
  body.top_index .spToptool ul li a {
	display: block;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	font-size: calc(8px + 1vw);
	padding: 2px 0 6px;
	background: rgb(255, 255, 255);
  }
  body.top_index .spToptool ul li a:hover {
	text-decoration: none;
	background: #FAECEA;
  }
  body.top_index .spToptool ul li:last-child {
	border-right: 0;
  }
  body.top_index .spToptool ul li a:before {
	font-family: "yubin";
	color: #cc0000;
	font-size: 40px;
	display: block;
	line-height: 40px;
	font-weight: normal;
  }
  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";
  }
  /* sp用ヘッダー */
  header.top.sphide {
	position: fixed;
	top: -62px;
	z-index: 100;
	width: 100%;
	transition: 0.5s;
  }
  header.top.is-show {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	transition: 0.5s;
  }
  header {
	background: #cc0000;
	position: relative;
	height: 52px;
  }
  header .sphead, header .spsearch {
	display: block;
  }
  header nav.subNav {
	display: none;
  }
  header .headArea {
	position: relative;
	z-index: 100;
	border-top: 0;
	margin-bottom: 0;
	height: auto;
	text-align: center;
  }
  header .headArea h1.siteid {
	text-align: center;
	padding: 12px 0 9px;
	position: relative;
	display: inline-block;
  }
  header .headArea h1.siteid a {
	display: inline-block;
  }
  header .headArea h1.siteid a img {
	margin: auto;
	height: 31px;
  }
  header .sphead .i-menu {
	position: absolute;
	left: 4px;
	top: 2px;
	text-align: center;
	line-height: 1.15;
  }
  header .sphead .i-menu:before {
	font-family: "yubin";
	content: "\f0c9";
	color: #FFF;
	font-size: 28px;
  }
  header .sphead .i-menu:after {
	content: "メニュー";
	display: block;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: 400;
  }
  header .sphead .i-search {
	position: absolute;
	right: 4px;
	top: 2px;
	text-align: center;
	line-height: 1.15;
  }
  header .sphead .i-search:before {
	font-family: "yubin";
	content: "\f002";
	color: #FFF;
	font-size: 28px;
  }
  header .sphead .i-search:after {
	content: "検索";
	display: block;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: 400;
	letter-spacing: 0.3em;
  }
  header .globalNav, header .spsearch {
	position: fixed;
	top: 52px;
	width: 100%;
	display: none;
	transition: opacity 0.6s ease, visibility 0.6s ease;
	overflow-y: auto;
	background: #eee;
	z-index: -100;
  }
  header .globalNav .spnone, header .spsearch .spnone {
	display: none;
  }
  header .spsearch .searchForm input[type=text] {
	width: 90%;
	margin: 10px 0 0;
  }
  header .globalNav {
	background: rgba(0, 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: "-";
  }
  header .globalNav nav.main ul.navitem li.opened .dropLabel.spactive:after {
	content: "+";
  }
  header .globalNav nav.main ul.navitem li.opened .menu .menu_inner .child .head:after {
	content: "-";
  }
  header .globalNav nav.main ul.navitem li.opened .menu .menu_inner .child .head.active:after {
	content: "+";
  }
  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;
	width: 100%;
	position: relative;
	padding: 18px 15px; /*font-size:0.85rem;*/
	font-size: 13.5px;
  }
  header .globalNav nav.main ul.navitem li.spsubMenu li a:after {
	font-family: "yubin";
	content: "\f105";
	position: absolute;
	right: 12px;
	margin: auto;
	font-size: 33px;
	font-weight: normal;
	height: 33px;
	top: 0;
	bottom: 0;
	line-height: 1;
  }
  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;
	padding: 1.5em 15px;
	position: relative; /*font-size:0.9rem;*/
	font-size: 16px;
  }
  header .globalNav nav.main ul.navitem li .dropLabel:after {
	font-family: "yubin";
	content: "+";
	position: absolute;
	right: 12px;
	margin: auto;
	font-size: 21px;
	font-weight: normal;
	height: 21px;
	top: 0;
	bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .dropLabel.spactive:after {
	font-family: "yubin";
	content: "-";
	position: absolute;
	right: 12px;
	margin: auto;
	font-size: 21px;
	font-weight: normal;
	height: 21px;
	top: 0;
	bottom: 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 {
	display: block;
	position: relative;
	background: #eeeeee;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	padding: 1.5em 15px;
	position: relative; /*font-size:0.9rem;*/
	font-size: 14.5px;
	margin-top: 0 !important;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .parent a:after {
	font-family: "yubin";
	content: "\f105";
	position: absolute;
	right: 12px;
	margin: auto;
	font-size: 33px;
	font-weight: normal;
	height: 33px;
	top: 0;
	bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .parent .nolink {
	display: block;
	position: relative;
	background: #eeeeee;
	border-bottom: 1px solid #c8c8c8;
	padding: 1.5em 15px;
	position: relative; /*font-size:0.9rem;*/
	font-size: 14.5px;
	margin-top: 0 !important;
  }
  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 {
	position: relative;
	background: #eeeeee;
	border-bottom: 1px solid #c8c8c8;
	padding: 1.5em 35px 1.5em 15px; /*font-size:0.9rem;*/
	font-size: 14.5px;
	margin-top: 0 !important;
  }
  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 {
	font-family: "yubin";
	content: "+";
	position: absolute;
	right: 12px;
	margin: auto;
	font-size: 21px;
	font-weight: normal;
	height: 21px;
	top: 0;
	bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.active:after {
	font-family: "yubin";
	content: "-";
	position: absolute;
	right: 12px;
	margin: auto;
	font-size: 21px;
	font-weight: normal;
	height: 21px;
	top: 0;
	bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.opened:after {
	content: "-";
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head.opened.active:after {
	content: "+";
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	background: #dcdcdc;
	border-bottom: 1px solid #c8c8c8;
	/*li:nth-last-of-type(-n+2){border-bottom:0;}*/
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.last, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.last {
	border-bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a {
	display: block;
	width: 100%;
	position: relative;
	padding: 1.3em 30px 1.3em 15px; /*font-size:0.85rem;*/
	font-size: 13.5px;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a:after, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a:after {
	font-family: "yubin";
	content: "\f105";
	position: absolute;
	right: 12px;
	margin: auto;
	font-size: 33px;
	font-weight: normal;
	height: 33px;
	top: 0;
	bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 a[target=_blank]:after, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 a[target=_blank]:after {
	font-family: "yubin";
	content: "\e924";
	margin-left: 0.3em;
	font-size: 20px;
	height: 20px;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a {
	padding: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a span, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a span {
	display: none;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block4 li.img a[target=_blank]:after, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .block2 li.img a[target=_blank]:after {
	content: none;
	margin-left: 0;
	height: 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 {
	flex-basis: 50%;
	max-width: 50%;
	border-bottom: 0;
  }
  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 {
	max-width: 100%;
	width: 100%;
	border-bottom: 0;
  }
  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 + .block4, header .globalNav nav.main ul.navitem li .menu .menu_inner .child .head + .block2 {
	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 {
	position: relative;
	background: #eeeeee;
	padding: 1.5em 15px; /*font-size:0.9rem;*/
	font-size: 14.5px;
	margin-top: 0 !important;
	display: block;
	border-bottom: 1px solid #c8c8c8;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span:after {
	font-family: "yubin";
	content: "+";
	position: absolute;
	right: 12px;
	margin: auto;
	font-size: 21px;
	font-weight: normal;
	height: 21px;
	top: 0;
	bottom: 0;
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu span.active:after {
	content: "-";
  }
  header .globalNav nav.main ul.navitem li .menu .menu_inner .child ul.block2 li.innermenu .menucont {
	display: none;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	display: none;
  }
  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, 0.5);
	width: 100vw;
	height: 100vh;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	display: none;
  }
  body.spmenu_open .wrapper { /*position: fixed;*/
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden;
  }
  body.spmenu_open .wrapper .spbg {
	display: block;
	opacity: 1;
  }
  body.spmenu_open .wrapper header {
	z-index: 100;
	position: fixed;
	top: 0;
	width: 100%;
  }
  body.spmenu_open .wrapper header .globalNav {
	visibility: visible;
	display: block;
	z-index: 200;
	overflow: scroll;
	height: calc(100% - 52px);
	position: fixed;
	top: 52px;
	-webkit-overflow-scrolling: touch;
  }
  body.spmenu_open .wrapper header .globalNav nav.main ul li.search {
	display: none;
  }
  body.spmenu_open .wrapper header .sphead .i-menu:before {
	font-family: "yubin";
	content: "\e912";
	font-size: 44px;
  }
  body.spmenu_open .wrapper header .sphead .i-menu:after {
	content: none;
  }
  body.spsearch_open .spbg {
	display: block;
	opacity: 0.7;
  }
  body.spsearch_open header {
	z-index: 100;
	position: fixed;
	top: 0;
	width: 100%;
  }
  body.spsearch_open header .spsearch {
	visibility: visible;
	opacity: 1;
	z-index: 200;
	display: block;
  }
  body.spsearch_open header .spsearch nav.main ul li.search {
	display: none;
  }
  body.spsearch_open header .sphead .i-search:before {
	font-family: "yubin";
	content: "\e912";
	font-size: 44px;
  }
  body.spsearch_open header .sphead .i-search:after {
	content: none;
  }
} /* sp */
/* sp */
/*	global nav inner
----------------------------------------------- */
/* buyのanchor対応 */
.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 {
	/* Gナビ 送る */
	/* Gナビ 受け取る */
	/* Gナビ 買う */
	/* Gナビ 銀行・保険 */
	/* Gナビ お手続き */
	/* Gナビ 法人のお客様 */
  }
  .globalNav nav.main .menu .close {
	position: absolute;
	right: 0;
	left: 0;
	bottom: -23px;
	margin: auto;
	background: #FFF;
	width: 45px;
	height: 45px;
	border-radius: 25px;
	transition: 0.3s;
  }
  .globalNav nav.main .menu .close:before {
	font-family: "yubin";
	content: "\e912";
	display: block;
	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 {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: stretch;
	max-width: 1400px;
	margin: auto;
  }
  .globalNav nav.main li.toggle .menu_inner .parent {
	min-width: 200px;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a {
	display: block;
	width: 100%;
	height: 100%;
	background: #FFF;
	border-radius: 5px;
	position: relative;
	color: #333333; /*font-size:1.1rem;*/
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	text-align: center;
	width: 100%;
	line-height: 1.4;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a:hover {
	background: #FFB9B9;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a:after {
	font-family: "yubin";
	content: "\f105";
	color: #cc0000;
	position: absolute;
	font-size: 20px;
	right: 10px;
	top: 0;
	bottom: 0;
	height: 20px;
	margin: auto;
	line-height: 1;
	display: inline-block;
  }
  .globalNav nav.main li.toggle .menu_inner .parent .nolink {
	display: block;
	width: 100%;
	height: 100%;
	background: none;
	border-radius: 5px;
	position: relative;
	color: #333333; /*font-size:1.1rem;*/
	font-size: 16px;
	font-weight: 500;
	border: 2px solid #FFF;
  }
  .globalNav nav.main li.toggle .menu_inner .parent .nolink span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	text-align: center;
	width: 100%;
	line-height: 1.4;
  }
  .globalNav nav.main li.toggle .menu_inner .child {
	width: 100%;
	text-align: left;
	padding-left: 15px;
  }
  .globalNav nav.main li.toggle .menu_inner .child .head {
	font-weight: 500;
	color: #cc0000;
	margin-bottom: 0.2em;
	padding-left: 5px; /*font-size:1rem;*/
	font-size: 14.5px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li { /*font-size:0.95rem;*/
	font-size: 14px;
	font-weight: 500;
	margin: 0; /*@include flex;align-items: stretch;*/
  }
  .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; /*font-size:0.9rem;*/
	font-size: 14.5px;
	display: block;
	border-radius: 5px;
	color: #333333;
	width: 100%;
	position: relative;
	line-height: 1.4;
	/*padding:20px 15px 20px 10px; */
	padding: 13px 15px 13px 10px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	height: 70px;
  }
  .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 {
	font-family: "yubin";
	content: "\f105";
	color: #cc0000;
	position: absolute;
	font-size: 20px;
	right: 10px;
	top: 0;
	bottom: 0;
	height: 20px;
	margin: auto;
	line-height: 1;
  }
  .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;
	vertical-align: middle;
	top: 50%;
	transform: translate(0%, -50%);
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.btn small {
	font-size: 12px;
	color: #7A7A7A;
	letter-spacing: -0.1em;
	display: block;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.img a {
	color: #333333;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.img a:hover {
	opacity: 0.7;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.img span {
	display: block;
	padding: 0.5em 0;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.img span:before {
	font-family: "yubin";
	content: "\f105";
	margin-right: 0.3em;
	display: inline-block;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.img a[target=_blank] span:after {
	font-family: "yubin";
	content: "\e924";
	margin-left: 0.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 {
	font-family: "yubin";
	color: #cc0000;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a {
	line-height: 1.4;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	height: 70px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a:before {
	position: absolute;
	font-size: 42px;
	left: 8px;
	top: 8px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a span {
	position: absolute;
	vertical-align: middle;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.icon a small {
	font-size: 12px;
	color: #7A7A7A;
	letter-spacing: -0.1em;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext {
	margin: 0.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: #cc0000; /*font-size:0.9rem;*/
	font-size: 14.5px;
	font-weight: 400;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.arrowtext a:before {
	display: inline-block;
	font-family: "yubin";
	content: "\f105";
	margin-right: 0.5em;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu {
	background: #FFF; /*font-size:0.9rem;*/
	font-size: 14.5px;
	border-radius: 5px;
	padding: 15px 15px 15px 18px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu span { /*font-size:1.1rem;*/
	font-size: 16px;
	display: block;
	margin-bottom: 20px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu span.icon:before {
	font-size: 48px;
	line-height: 0;
	position: relative;
	top: 12px;
	color: #cc0000;
	margin-left: -0.2em;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li {
	flex-basis: 24.5%;
	max-width: 24.5%;
	margin-top: 0;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li.innermenu ul.menucont li:before {
	display: inline-block;
	font-family: "yubin";
	content: "\f105";
	margin-right: 0.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: #333333;
  }
  .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] {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
	flex-wrap: wrap;
  }
  .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;
	width: 24.5%;
	order: 1;
  }
  .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 {
	font-family: "yubin";
	content: "\e942";
	display: block;
	color: #cc0000;
	font-size: 76px;
	line-height: 1;
  }
  .globalNav nav.main .icon.post a:before {
	font-family: "yubin";
	content: "\e93f";
	color: #cc0000;
  }
  .globalNav nav.main .icon.conveni a:before {
	font-family: "yubin";
	content: "\e936";
	color: #cc0000;
  }
  .globalNav nav.main .icon.pickup a:before {
	font-family: "yubin";
	content: "\e93e";
	color: #cc0000;
  }
  .globalNav nav.main .icon.make a:before {
	font-family: "yubin";
	content: "\e93d";
	color: #cc0000;
  }
  .globalNav nav.main .icon.buy a:before {
	font-family: "yubin";
	content: "\e931";
	color: #cc0000;
  }
  .globalNav nav.main .icon.int a:before {
	font-family: "yubin";
	content: "\e93b";
	color: #FA812F !important;
  }
  .globalNav nav.main .icon.int a:after {
	color: #FA812F !important;
  }
  .globalNav nav.main li.toggle.receive .parent a span:before {
	font-family: "yubin";
	content: "\e981";
	display: block;
	color: #cc0000;
	font-size: 76px;
	line-height: 1;
  }
  .globalNav nav.main .icon.tracking a:before {
	font-family: "yubin";
	content: "\e944";
	color: #cc0000;
  }
  .globalNav nav.main .icon.deli a:before {
	font-family: "yubin";
	content: "\e990";
	color: #cc0000;
  }
  .globalNav nav.main li.toggle.buy .parent a span:before {
	font-family: "yubin";
	content: "\e931";
	display: block;
	color: #cc0000;
	font-size: 76px;
	line-height: 1;
  }
  .globalNav nav.main .icon.item a:before {
	font-family: "yubin";
	content: "\e93c";
	color: #cc0000;
  }
  .globalNav nav.main .icon.goods a:before {
	font-family: "yubin";
	content: "\e992";
	color: #cc0000;
  }
  .globalNav nav.main .icon.shop a:before {
	font-family: "yubin";
	content: "\e931";
	color: #cc0000;
  }
  .globalNav nav.main .icon.other a:before {
	font-family: "yubin";
	content: "\e96f";
	color: #cc0000;
  }
  .globalNav nav.main li.toggle.choho .parent div span:before, .globalNav nav.main li.toggle.choho .parent a span:before {
	font-family: "yubin";
	content: "\e94c";
	display: block;
	color: #cc0000;
	font-size: 76px;
	line-height: 1;
  }
  .globalNav nav.main li.innermenu .title.junbi:before {
	font-family: "yubin";
	content: "\e94b";
  }
  .globalNav nav.main li.innermenu .title.sonaeru:before {
	font-family: "yubin";
	content: "\e94d";
  }
  .globalNav nav.main li.innermenu .title.nokosu:before {
	font-family: "yubin";
	content: "\e94c";
  }
  .globalNav nav.main li.innermenu .title.fuyasu:before {
	font-family: "yubin";
	content: "\e94a";
  }
  .globalNav nav.main li.innermenu .title.benri:before {
	font-family: "yubin";
	content: "\e973";
  }
  .globalNav nav.main .icon.ginko a:before {
	font-family: "yubin";
	content: "\e92f";
	color: #cc0000;
  }
  .globalNav nav.main .icon.hoken a:before {
	font-family: "yubin";
	content: "\e93a";
	color: #cc0000;
  }
  .globalNav nav.main .icon.procedure a:before {
	font-family: "yubin";
	content: "\e986";
	color: #cc0000;
  }
  .globalNav nav.main li.toggle.procedure .parent a span:before {
	font-family: "yubin";
	content: "\e986";
	display: block;
	color: #cc0000;
	font-size: 76px;
	line-height: 1;
  }
  .globalNav nav.main .icon.forward a:before {
	font-family: "yubin";
	content: "\e97f";
	color: #cc0000;
  }
  .globalNav nav.main .icon.internet a:before {
	font-family: "yubin";
	content: "\e978";
	color: #cc0000;
  }
  .globalNav nav.main li.toggle.business .parent a span:before {
	font-family: "yubin";
	content: "\e930";
	display: block;
	color: #cc0000;
	font-size: 76px;
	line-height: 1;
  }
  .globalNav nav.main .icon.biz-problem a:before {
	font-family: "yubin";
	content: "\e9a5";
	color: #cc0000;
  }
  .globalNav nav.main .icon.biz-kokunai a:before {
	font-family: "yubin";
	content: "\e97b";
	color: #cc0000;
  }
  .globalNav nav.main .icon.biz-int a:before {
	font-family: "yubin";
	content: "\e984";
	color: #cc0000;
  }
  .globalNav nav.main .icon.biz-sales a:before {
	font-family: "yubin";
	content: "\e982";
	color: #cc0000;
  }
  .globalNav nav.main .icon.biz-ec a:before {
	font-family: "yubin";
	content: "\e974";
	color: #cc0000;
  }
  .globalNav nav.main .icon.biz-doc a:before {
	font-family: "yubin";
	content: "\e97a";
	color: #cc0000;
  }
  .globalNav nav.main .icon.biz-ad a:before {
	font-family: "yubin";
	content: "\e985";
	color: #cc0000;
  }
  .globalNav nav.main .icon.biz-payment a:before {
	font-family: "yubin";
	content: "\e983";
	color: #cc0000;
  }
} /* nonsp */
/* pc */
@media screen and (min-width: 1921px) {
  .globalNav nav.main li.toggle .menu_inner {
	margin-left: 0;
	margin-right: auto;
  }
} /* full */
@media screen and (min-width: 751px) and (max-width: 1200px) {
  .fixedNav.clone-nav {
	width: 100%; /*font-size:0.85rem; */
	font-size: 13.5px;
  }
  .fixedNav.clone-nav nav.main > ul > li > a {
	padding: 18px 0;
	position: relative;
  }
  .fixedNav.clone-nav nav.main > ul > li > a:after {
	position: absolute;
	bottom: 8px;
	top: auto;
	left: 0;
	right: 0;
	margin: auto;
	color: #CCC;
  }
  .fixedNav.clone-nav nav.main li.search {
	width: 60px;
	flex: none;
  }
  .globalNav nav.main li.toggle .menu_inner .parent {
	min-width: 120px;
	width: 18%;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a, .globalNav nav.main li.toggle .menu_inner .parent .nolink {
	padding: 10px 0;
	position: relative;
	min-height: 60px;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a span, .globalNav nav.main li.toggle .menu_inner .parent .nolink span { /*font-size:0.9rem;*/
	font-size: 14.5px;
	position: absolute;
	vertical-align: middle;
	left: 0;
	top: 50%;
	transform: translate(0%, -50%);
  }
  .globalNav nav.main li.toggle .menu_inner .parent:before {
	font-size: 46px;
  }
  .globalNav nav.main li.toggle .menu_inner .child ul li { /*font-size:.85rem;*/
	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 {
	width: 70%;
	left: 56%;
  }
} /* pc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .globalNav nav.main li.toggle span.dropLabel {
	padding: 14px 0.3em;
  }
  .globalNav nav.main li.toggle span.dropLabel:after {
	display: block;
	margin-left: 0;
	line-height: 0.8;
  }
  .globalNav nav.main li.toggle .menu_inner {
	display: block;
  }
  .globalNav nav.main li.toggle .menu_inner .parent {
	min-width: auto;
	margin-bottom: 10px;
	width: 100%;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a, .globalNav nav.main li.toggle .menu_inner .parent .nolink {
	min-height: 60px;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a span, .globalNav nav.main li.toggle .menu_inner .parent .nolink span { /*font-size:0.9rem;*/
	font-size: 14.5px;
	position: absolute;
	vertical-align: middle;
	left: 0;
	top: 50%;
	transform: translate(0%, -50%);
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a span:before, .globalNav nav.main li.toggle .menu_inner .parent .nolink span:before {
	font-size: 46px;
	display: inline-block;
  }
  .globalNav nav.main li.toggle .menu_inner .parent a span br.pc, .globalNav nav.main li.toggle .menu_inner .parent .nolink 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 {
	width: 64%;
	left: 55%;
  }
  .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:1.5vw;*/
	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 { /*font-size:0.9rem;*/
	font-size: 14px;
	flex-basis: 49%;
	max-width: 49%;
	margin: 0.3em 0;
  }
} /* yubinpc */
@media screen and (min-width: 1201px) and (max-width: 1920px) {
  .fixedNav.clone-nav {
	width: 100%;
  }
} /* pcmax */
@media screen and (min-width: 1921px) {
  .fixedNav.clone-nav {
	width: 100%;
  }
} /* full */
/* search modal */
.modalbox {
  background: #FAECEA;
  border-radius: 8px;
  padding: 50px;
}

/*	footer
----------------------------------------------- */
footer {
  background: #f7f7f7;
  padding-top: 0;
  position: relative;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
footer .pagetop a {
  position: fixed;
  right: 20px;
  bottom: -50px;
  display: block;
  width: 46px;
  height: 46px;
  background: rgba(100, 100, 100, 0.4);
  font-size: 0;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  line-height: 40px;
  z-index: 100;
}
footer .pagetop a:before {
  font-family: "yubin";
  content: "\f106";
  color: #FFF;
  font-size: 40px;
}
footer .pagetop a:hover {
  background: rgba(100, 100, 100, 0.8);
}
footer .innerwidth {
  padding: 0 0;
}
footer .footNav {
  max-width: 1200px;
  margin: auto;
}
footer .footNav .toolarea {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  margin-bottom: 20px;
  align-items: flex-end;
  border-bottom: 2px solid #CCC;
}
footer .footNav .toolarea li {
  text-align: center;
  flex: 1;
  border-right: 1px solid #CCC;
}
footer .footNav .toolarea li a {
  color: #cc0000;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  display: block;
  transition: 0.3s;
  padding: 8px 0;
}
footer .footNav .toolarea li a:before {
  font-family: "yubin";
  content: "\f106";
  display: block;
  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, 0.7);
  text-decoration: none;
}
footer .footNav .toolarea li:last-child {
  border-right: 0;
}
footer .footNav .bodyarea {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
footer .footNav .bodyarea .half {
  flex-basis: 50%;
  max-width: 50%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding: 0 2.5%;
}
footer .footNav .bodyarea .half ul {
  flex-basis: 50%;
  max-width: 50%;
  font-size: 0.85rem;
}
footer .footNav .bodyarea .half ul li {
  padding: 0.4em 0 0.4em 0.9em;
  text-indent: 0;
}
footer .footNav .bodyarea .half ul li:before {
  display: inline-block;
  font-family: "yubin";
  font-weight: normal;
  content: "\f105";
  position: absolute;
  left: 0;
  top: 0.65em;
}
footer .footNav .bodyarea .half ul li ul.child {
  margin-top: 0.4em;
  flex-basis: 100%;
  max-width: 100%;
}
footer .footNav .bodyarea .half ul li ul.child li {
  margin-left: 0.6em;
}
footer .footNav .bodyarea .half:first-child {
  border-right: 2px solid #ccc;
}
footer .footNav .bodyarea ul.first li {
  font-weight: bold;
}
footer .footNav .bodyarea ul.first li:before {
  color: #cc0000;
}
footer .footNav .bodyarea ul.first li.nolink:before {
  color: #999;
}
footer .footNav .bodyarea ul.second li:before {
  color: #cc0000;
}
footer .footNav .bodyarea ul.sub li:before { /*color:#999999;*/
  color: #cc0000;
}
footer .groupbnr {
  margin: 40px auto;
}
footer .groupbnr ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
footer .groupbnr ul li {
  width: 24%;
  position: relative;
}
footer .groupbnr ul li a {
  border: 1px solid #ccc;
  background: #FFF;
  display: block;
  padding: 25px 40px;
  transition: 0.3s;
}
footer .groupbnr ul li a:after {
  font-family: "yubin";
  content: "\e924";
  position: absolute;
  color: #333;
  right: 25px;
  top: 40%;
}
footer .groupbnr ul li a:hover {
  opacity: 0.6;
}
footer .footArea {
  line-height: 0;
}
footer .footArea .sp {
  display: none;
}
footer .footArea .upper {
  margin: 7px auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
footer .footArea .upper .logo {
  text-align: left;
  padding-right: 30px;
  flex-basis: 120px;
  max-width: 120px;
}
footer .footArea .upper .nav {
  flex: 1;
}
footer .footArea .upper .nav ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 13px;
  flex-wrap: wrap;
}
footer .footArea .upper .nav ul li {
  margin-right: 1.7em;
  line-height: 1.8;
}
footer .footArea .upper .nav ul li:before {
  color: #cc0000;
  top: 0;
}
footer .footArea .lower {
  background: #cc0000;
  padding: 10px 33px;
}
footer .footArea .lower .sitewidth {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
footer .footArea .lower .copy {
  text-align: right;
  flex: 1;
  position: relative;
  top: 2px;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  footer .footNav, footer .groupbnr, footer .footArea .upper {
	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%;
  }
} /* yubinpc */
@media screen and (max-width: 750px) {
  footer {
	padding-top: 0;
	/* 20190106add --- */
	/* --- 20190106add */
  }
  footer .pagetop a {
	right: 3vw;
  }
  footer .footNav {
	font-size: 0.8rem;
  }
  footer .footNav a {
	color: #333333;
  }
  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 {
	position: relative;
	padding: 0.4em 0 0.4em 1.5em;
	margin-bottom: 0;
  }
  footer .footNav .bodyarea .half ul li:before {
	left: 8px;
	top: 1.5em;
	position: absolute;
  }
  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 {
	font-family: "yubin";
	display: inline-block; /*margin-right: .5em;*/
	content: "\f105";
	color: #cc0000;
  }
  footer .footNav .bodyarea .half ul.first.arrowR li.nolink:before {
	font-family: "yubin";
	display: inline-block; /*margin-right: .5em;*/
	content: "\f105";
	color: #999;
  }
  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: 0.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 { /*align-content: space-between;*/
	justify-content: space-between;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
  }
  footer .footNav .bodyarea .half:last-child ul li {
	padding: 0.6em 0.5em 0.6em 1em;
	border-bottom: 1px solid #ccc;
	flex-basis: 50%;
	font-size: 0.9em;
  }
  footer .footNav .bodyarea .half:last-child ul.sub {
	/*li{flex-basis:49%; padding: .6em 0.5em .6em 1em; border-bottom:none;}*/
  }
  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 {
	padding: 0 3%;
	margin: 30px auto 20px;
  }
  footer .groupbnr .innerwidth {
	padding: 0;
  }
  footer .groupbnr ul {
	margin-top: 10px;
	display: block;
  }
  footer .groupbnr ul:before {
	content: "日本郵政グループ";
	font-weight: bold; /*font-size:1.1rem;*/
	font-size: 16px;
	display: block;
	margin-bottom: 0.5em;
  }
  footer .groupbnr ul li {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
  }
  footer .groupbnr ul li a {
	border: 1px solid #ccc;
	background: #FFF;
	display: block;
	padding: 25px 8%;
	transition: 0.3s;
  }
  footer .groupbnr ul li a:after {
	font-family: "yubin";
	content: "\e924";
	position: absolute;
	color: #333;
	right: 25px;
	top: 40%;
  }
  footer .groupbnr ul li a:hover {
	opacity: 0.6;
  }
  footer .footArea {
	line-height: 1.6;
  }
  footer .footArea .upper, footer .footArea .lower {
	display: none;
  }
  footer .footArea .nav {
	padding: 0 2%;
  }
  footer .footArea .nav ul {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;
  }
  footer .footArea .nav ul li {
	flex-basis: 49%;
	font-size: 0.8rem;
	margin-bottom: 0.5em;
	padding: 0.6em 0 0.6em 1em;
  }
  footer .footArea .nav ul li:before {
	color: #cc0000;
  }
  footer .footArea .sp {
	display: block;
  }
  footer .footArea .sp .copy {
	text-align: center;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
	margin: 0.8em 0;
  }
  footer .footArea .sp .bar {
	background: #cc0000;
	padding: 15px 0;
	text-align: center;
  }
  footer .footArea .sp .bar img {
	width: 144px;
  }
  footer .footArea .sp .nav ul li:before {
	top: 0.6em;
	left: 5px;
  }
  footer .footNav .bodyarea .half:last-child ul.sub li {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1.7em 0.5em 1.6em 1.1em;
	flex-basis: 50%;
  }
  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;
  }
} /* sp */
/* sp */
/* lang footer */
footer.common.lang {
  background: #FFF;
}
footer.common.lang .footArea .upper {
  background: #FFF;
  padding: 8px 0;
  margin: 0 auto;
}
footer.common.lang .footArea .upper .navi {
  font-size: 12px;
}
footer.common.lang .footArea .lower .sitewidth .group img {
  height: 14px;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  footer.common.lang {
	background: #FFF;
  }
  footer.common.lang .footArea .upper {
	padding: 8px 33px;
  }
} /* yubinpc */
@media screen and (max-width: 750px) {
  footer.common.lang .footArea .copyright {
	text-align: center;
	margin: 10px 0;
  }
  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 {
	text-align: center;
	margin-top: 5px;
  }
  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;
  }
} /* sp */
/*----------------------------------------------------------
	module
--------------------------------------------------------- */
/* パンくずリスト */
#path-box {
  background: #DEDEDE;
}

/*----------------------------------------------------------
	unique style
--------------------------------------------------------- */
@media screen and (max-width: 750px) {
  /* swiper ピックアップ */
  .topPickup.bgG.pd {
	padding: 30px 0;
  }
} /* sp */
/* sp */
/*	top
----------------------------------------------- */
/* トップ大バナー */
.kvArea {
  margin-top: 10px;
}
.kvArea .slideimg .swiper-slide img {
  width: 100%;
  height: auto;
  /*min-width:1400px;*/
}
.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;
  }
} /* sp */
/* トップ 重要なお知らせ */
.importantArea {
  background: rgba(255, 204, 102, 0.05);
  border: 2px solid rgb(255, 204, 102);
  margin: 10px auto 0;
}
.importantArea dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  padding: 10px;
  line-height: 1.5;
}
.importantArea dl dt {
  font-weight: 500;
  padding-right: 10px;
}
.importantArea dl dt:before {
  font-family: "yubin";
  content: "ｙ";
  color: rgb(255, 204, 102);
  font-weight: normal;
  margin-right: 0.3em;
}
.importantArea dl dd {
  border-left: 1px solid #dcdcdc;
}

/* スマホより大きい */
@media screen and (min-width: 751px) {
  .importantArea {
	max-width: 1200px;
	margin: 10px auto 0;
  }
  .importantArea dl dt {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	font-weight: bold;
	display: inline-block;
  }
  .importantArea dl dd {
	padding-left: 15px;
  }
} /* nonsp */
@media screen and (max-width: 750px) {
  /* トップ 重要なお知らせ */
  .importantArea {
	margin: 10px auto 0;
  }
  .importantArea dl {
	padding: 0 10px;
	display: block;
  }
  .importantArea dl dt {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	font-weight: bold;
	padding: 10px 0 0 0;
	display: inline-block;
  }
  .importantArea dl dd {
	font-size: 0.9rem;
	padding-left: 15px;
	padding-bottom: 0.6em;
	border-left: 0;
  }
} /* sp */
/* トップ 重要なお知らせ2 */
.topnoticeArea {
  background: #f7f7f7;
  margin: 10px auto 0;
  max-width: 1200px;
  margin: auto;
}
.topnoticeArea dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 10px;
  line-height: 1.5;
  justify-content: center;
}
.topnoticeArea dl dt {
  font-weight: 500;
  padding: 20px;
  background: #cc0000;
  color: #FFF;
  text-align: center;
  flex-basis: 20%;
  max-width: 20%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.topnoticeArea dl dt > * {
  flex-basis: 100%;
  max-width: 100%;
}
.topnoticeArea dl dt .more {
  display: block;
  font-weight: normal;
  font-size: 95%;
  /*font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ Pro W3', "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;*/
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  /*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;*/
  margin-top: 5px;
}
.topnoticeArea dl dt .more a {
  color: #FFF;
}
.topnoticeArea dl dt .more:before {
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.3em;
  display: inline-block;
}
.topnoticeArea dl dd {
  flex: 1;
  padding: 15px 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.topnoticeArea dl dd > * {
  flex-basis: 100%;
  max-width: 100%;
}
.topnoticeArea dl dd ul.arrowR li:before {
  top: 0em;
}
.topnoticeArea.simple dl dt {
  background: none;
  color: #cc0000;
}

@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 0px;
  }
  .topnoticeArea.simple.slim dl dt {
	padding: 0;
  }
  .topnoticeArea.simple.slim dl dd {
	padding: 10px 10px 0;
  }
} /* sp */
.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 {
  position: relative;
  margin-top: 30px;
}
.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: #cc0000 !important;
  display: table;
  position: relative;
}
.borderbnr4.optionbnrArea ul li a.icon:before {
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translate(-50%, -50%);
}
.borderbnr4.optionbnrArea ul li a.icon:after {
  font-family: "yubin";
  content: "\f105";
  font-size: 22px;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translate(-50%, -50%);
}
.borderbnr4.optionbnrArea ul li a.about:before {
  font-family: "yubin";
  content: "\e934";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.recruit:before {
  font-family: "yubin";
  content: "\e941";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.bizpost:before {
  font-family: "yubin";
  content: "\e930";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.campaign:before {
  font-family: "yubin";
  content: "\e932";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.sns:before {
  font-family: "yubin";
  content: "\e943";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.posukuma:before {
  font-family: "yubin";
  content: "\e940";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.kids:before {
  font-family: "yubin";
  content: "\e988";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li a.cm:before {
  font-family: "yubin";
  content: "\e933";
  font-size: 50px;
}
.borderbnr4.optionbnrArea ul li:hover {
  background: #FAECEA;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .borderbnr4.optionbnrArea {
	margin: 50px auto; /*padding:0 3%;*/
  }
  .borderbnr4.optionbnrArea ul:after {
	content: "";
	display: block;
	flex-basis: 32.5%;
	height: 0;
  }
  .borderbnr4.optionbnrArea ul li {
	margin-bottom: 20px;
	border: none;
	height: auto;
  }
  .borderbnr4.optionbnrArea ul li a {
	font-size: 0.85rem;
	padding: 70px 0 30px;
	display: block;
	border: 1px solid #cc0000;
	border-radius: 6px;
	transition: 0.3s;
  }
  .borderbnr4.optionbnrArea ul li a span {
	font-weight: 400;
	margin-top: 22px;
	transform: translate(0%, -50%);
	left: 0;
	width: 100%;
  }
  .borderbnr4.optionbnrArea ul li a.icon:before {
	display: block;
	top: 5px;
	left: 0;
	right: 0;
	margin: auto;
	transform: none;
  }
} /* yubinpc */
@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;
	top: 5px;
	left: 0;
	right: 0;
	margin: auto;
	transform: none;
  }
  .borderbnr4.optionbnrArea ul li a.icon:after {
	font-family: "yubin";
	content: "\f105";
	font-size: 22px;
	position: absolute;
	top: 50%;
	right: 3%;
	transform: translate(-50%, -50%);
  }
  .borderbnr4.optionbnrArea ul li a.about:before {
	font-family: "yubin";
	content: "\e934";
	font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.recruit:before {
	font-family: "yubin";
	content: "\e941";
	font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.bizpost:before {
	font-family: "yubin";
	content: "\e930";
	font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.campaign:before {
	font-family: "yubin";
	content: "\e932";
	font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.sns:before {
	font-family: "yubin";
	content: "\e943";
	font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.posukuma:before {
	font-family: "yubin";
	content: "\e940";
	font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.kids:before {
	font-family: "yubin";
	content: "\e988";
	font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li a.cm:before {
	font-family: "yubin";
	content: "\e933";
	font-size: 50px;
  }
  .borderbnr4.optionbnrArea ul li:nth-of-type(n + 2) {
	margin-top: 0;
  }
} /* sp */
/* トップ追跡・再配達 */
.topSearchBlock {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  max-width: 1000px;
  margin: 40px auto;
}
.topSearchBlock .head {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #cc0000;
  font-size: 1.25rem;
  margin-bottom: 0.7em;
}
.topSearchBlock.clm4 {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1400px;
  margin: 40px auto;
}
.topSearchBlock.clm4 .block {
  flex-basis: 25%;
  max-width: 25%;
  padding: 0 1%;
  position: relative;
  border-right: 0;
  min-height: 180px;
}
.topSearchBlock.clm4 .block .head a {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #cc0000;
  font-size: 1.25rem;
  margin-bottom: 0.7em;
}
.topSearchBlock.clm4 .block .formArea form {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: 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: 0.9em 30px 0.9em 10px;
}
.topSearchBlock.clm4 .block .formArea form input[type=text] {
  padding: 0.9em;
  min-width: 150px;
}
.topSearchBlock.clm4 .block .formArea form input[type=button], .topSearchBlock.clm4 .block .formArea form input[type=submit] {
  background: #cc0000;
  color: #FFF;
  border: none;
  font-family: "yubin";
  font-size: 28px;
  padding: 8px;
  vertical-align: bottom;
  margin-left: 8px;
}
.topSearchBlock.clm4 .block ul {
  margin-top: 10px;
}
.topSearchBlock.clm4 .block ul li {
  text-indent: 0;
  padding-left: 0;
}
.topSearchBlock.clm4 .block .arrowLink li {
  font-size: 0.85rem;
  padding-left: 1em;
}
.topSearchBlock.clm4 .block:after {
  position: absolute;
  right: 0;
  height: 90px;
  content: "";
  border-right: 2px solid #eee;
  margin: auto;
  top: 0;
  bottom: 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 {
  font-family: "yubin";
  content: "\e93f";
  font-size: 48px;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 14px;
  margin-right: 8px;
}
.topSearchBlock.clm4 .zipsearch {
  flex-basis: 26.66%;
  max-width: 26.66%;
}
.topSearchBlock.clm4 .zipsearch .head span:before {
  font-family: "yubin";
  content: "\e945";
  font-size: 48px;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 14px;
  margin-right: 8px;
}
.topSearchBlock.clm4 .zipsearch dl dt select:after {
  font-family: "yubin";
  content: "\e93f";
}
.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 {
  font-family: "yubin";
  content: "\e944";
  font-size: 48px;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 14px;
  margin-right: 8px;
}
.topSearchBlock.clm4 .tracking .formArea form {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: 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 {
  font-family: "yubin";
  content: "\e990";
  font-size: 48px;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 14px;
  margin-right: 8px;
}
.topSearchBlock.clm4 .redeli a.btnM {
  padding: 0.7em;
}

/* 郵便PC幅幅 */
@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: 0.9em 0.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%; /*padding:0 2% 0 0;*/
  }
  .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%; /*padding:0 0 0 2%;*/
  }
} /* yubinpc */
@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: 0em;
  }
} /* pc */
/* tablet */
@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;
  }
} /* yubinpc */
@media screen and (max-width: 750px) {
  /* トップ追跡・再配達 */
  .topSearchBlock.clm4 {
	margin: 30px auto 40px;
	border-bottom: 10px solid #eee;
	display: block;
  }
  .topSearchBlock.clm4.clm4 .block {
	flex-basis: 100%;
	max-width: 100%;
	min-height: auto;
	padding: 15px 0;
	border-bottom: 2px solid #eee;
  }
  .topSearchBlock.clm4.clm4 .block:after {
	border-right: 0;
  }
  .topSearchBlock.clm4.clm4 .block:last-child {
	border-bottom: 0;
  }
} /* sp */
/* sp */
/* トップ　郵便ボタンメニュー */
.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 {
  margin-left: 70px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  padding-left: 70px;
}
.topService .contBox ul.btnRed li a:hover {
  background: #FAECEA;
  text-decoration: none;
}
.topService .contBox ul.btnRed li a.icon:before {
  position: absolute;
  top: 50%;
  left: 11%;
  transform: translate(-50%, -50%);
  color: #cc0000;
  font-weight: normal;
  font-size: 46px;
}
.topService .contBox ul.btnRed li a.day:before {
  font-family: "yubin";
  content: "\e937";
}
.topService .contBox ul.btnRed li a.fee:before {
  font-family: "yubin";
  content: "\e939";
}
.topService .contBox ul.btnRed li a.pickup:before {
  font-family: "yubin";
  content: "\e93e";
}
.topService .contBox ul.btnRed li a.make:before {
  font-family: "yubin";
  content: "\e93d";
}
.topService .contBox ul.btnRed li a.compare:before {
  font-family: "yubin";
  content: "\e98e";
}
.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 {
  left: -21%;
  position: relative;
  line-height: 0;
  bottom: 0;
  vertical-align: baseline;
}
.topService .contBox ul.btnRed.clm1 li _:lang(x)::-ms-backdrop, .topService .contBox ul.btnRed.clm1 li a.icon:before { /* IE */
  left: -17%;
  vertical-align: bottom;
}

/* tablet */
@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;
  }
} /* yubinpc */
@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;
	text-align: center;
	padding: 8px 3% 8px 0;
  }
  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a span {
	display: block;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	line-height: 1.3;
	margin-left: 0;
	font-size: 1rem;
  }
  .visualblockA.topService .contBox ul.btnRed.arrowR.clm2 li a span br {
	font-size: 0px;
  }
  .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 {
	display: block;
	color: #cc0000;
	font-weight: normal;
	line-height: 1;
	position: static;
	transform: none;
  }
  .visualblockA.topService .contBox ul.btnRed.clm1 li span {
	transform: translate(0%, -50%);
	padding-left: 10%;
  }
  .visualblockA.topService .contBox ul.btnRed.clm1 li a.icon:before {
	left: -2.3em;
	bottom: -10px;
  }
} /* sp */
/* sp */
/* トップ　銀行と保険のサービス */
.topFinance .contBox .head:before {
  font-size: 40px;
  color: #cc0000;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 8px;
  margin-right: 4px;
}
.topFinance .contBox .head.junbi:before {
  font-family: "yubin";
  content: "\e94b";
}
.topFinance .contBox .head.sonaeru:before {
  font-family: "yubin";
  content: "\e94d";
}
.topFinance .contBox .head.nokosu:before {
  font-family: "yubin";
  content: "\e94c";
}
.topFinance .contBox .head.fuyasu:before {
  font-family: "yubin";
  content: "\e94a";
}

@media screen and (max-width: 750px) {
  /* トップ　銀行と保険のサービス */
  .topFinance .contBox div.clm2 {
	display: block;
  }
  .topFinance .contBox div.clm2 .clm {
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 10px;
  }
  .topFinance .contBox div.clm2 .arrowLink {
	font-size: 0.9rem;
	margin-top: 10px;
  }
  .topFinance .contBox div.clm2 .arrowLink li {
	padding-left: 1em;
	text-indent: 0;
	margin-bottom: 0.5em;
  }
} /* sp */
/* sp */
@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 {
	position: relative;
	margin-top: 30px;
  }
  .relatedbnrArea .slidebnr.swiper-container .swiper-button-prev {
	top: 40px !important;
  }
  .relatedbnrArea .slidebnr.swiper-container .swiper-button-next {
	top: 40px !important;
	right: 30px !important;
  }
} /* sp */
/* sp */
/*	service
----------------------------------------------- */
.popular_product.swiper-container {
  padding-bottom: 0 !important;
}

@media screen and (max-width: 750px) {
  .popular_product.swiper-container {
	padding-bottom: 0 !important;
  }
} /* sp */
.page_service .serviceIcon {
  position: relative;
}
.page_service .serviceIcon ul.icon {
  position: absolute;
  right: 0;
  bottom: 20%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  text-align: center;
}
.page_service .serviceIcon ul.icon li {
  background: #FFF;
  border: 1px solid #cc0000;
  border-radius: 3px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  position: relative;
}
.page_service .serviceIcon ul.icon li span {
  font-size: 6px;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: auto;
  display: block; /*width: 188.888%;*/
  width: 111.1111111111%;
  font-size: 10px;
  transform: scale(0.9);
  transform-origin: left center;
  line-height: 1;
}
.page_service .serviceIcon ul.icon li span:before {
  display: block;
  font-weight: normal;
  font-size: 38px;
}
.page_service .serviceIcon ul.icon li span.toukan:before {
  font-family: "yubin";
  content: "\e980";
}
.page_service .serviceIcon ul.icon li span.shuka:before {
  font-family: "yubin";
  content: "\e93e";
}
.page_service .serviceIcon ul.icon li span.tsuiseki:before {
  font-family: "yubin";
  content: "\e944";
}
.page_service .serviceIcon ul.icon li span.jikan:before {
  font-family: "yubin";
  content: "\e979";
}
.page_service .serviceIcon ul.icon li span.conveni:before {
  font-family: "yubin";
  content: "\e936";
}
.page_service .serviceIcon ul.icon li span.allyear:before {
  font-family: "yubin";
  content: "\e9a4";
}
.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 {
  padding: 0.3em 0;
  font-size: 1.05rem;
}
.page_service .serviceList h3.arrowR a {
  color: #cc0000;
}
.page_service .serviceList h3.arrowR a[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  font-size: 86%;
  color: #cc0000;
  font-weight: normal;
}
.page_service .serviceList h3.arrowR.serviceIcon {
  padding: 0.5em 0 1.25em;
}
.page_service .serviceList h3.lline {
  font-size: 1.15rem;
  margin-bottom: 0.9em;
}
.page_service .serviceList h4 {
  font-size: 1em;
  margin: 1.5em 0 0.4em;
}
.page_service .serviceList ul.arrowR {
  margin: 20px auto;
}
.page_service .serviceList ul.arrowR li {
  margin: 0.4em 0;
  font-size: 0.8rem;
}
.page_service .serviceList ul.arrowR a {
  color: #333333;
}
.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%;
}

/* page_service */
@media screen and (max-width: 750px) {
  .page_service .serviceIcon ul.icon li {
	width: 42px;
	height: 42px;
	margin-right: 4px;
  }
  .page_service .serviceIcon ul.icon li span {
	letter-spacing: -0.1em;
	/*width: 188.888%;*/
	width: 117.6470588235%;
	font-size: 10px;
	transform: scale(0.85);
	position: relative;
  }
  .page_service .serviceIcon ul.icon li span:before {
	display: block;
	font-weight: normal;
	font-size: 38px;
	line-height: 0.9;
  }
  .page_service .serviceList .boxGray2 {
	padding: 10px 12px;
  }
  .page_service .serviceList h3.arrowR {
	padding: 0.3em 0;
	font-size: 1rem;
  }
  .page_service .serviceList h3.arrowR a {
	color: #cc0000;
  }
  .page_service .serviceList ul.arrowR li {
	margin: 0.8em 0;
	font-size: 0.74rem; /* width:49%;*/
  }
  .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: 0.3em;
  }
  .page_service .serviceList .boxGray2 ul.clm2sp {
	justify-content: space-between;
  }
  .page_service .serviceList .boxGray2 ul.clm2sp li {
	flex-basis: 47%;
	max-width: 47%;
  }
  /* page_service */
} /* sp */
/* sp */
/*	send
----------------------------------------------- */
.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: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.compareBoxS .inner .step .balloon {
  position: relative;
  margin-right: 30px;
  border: 1px solid #ccc;
  padding: 15px 25px;
  position: relative;
}
.compareBoxS .inner .step .balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -36px;
  margin-top: -12px;
  border: 18px solid transparent;
  border-left: 18px solid #FFF;
  z-index: 2;
}
.compareBoxS .inner .step .balloon:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  margin-top: -14px;
  border: 20px solid transparent;
  border-left: 20px solid #ccc;
  z-index: 1;
}
.compareBoxS .inner .step.no2 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  flex: 1;
}
.compareBoxS .inner .step.no2 .balloon .sub {
  position: absolute;
  right: 20px;
  top: 15px;
}
.compareBoxS .inner .step.no2 .balloon .sub a {
  background: #cc0000;
  color: #FFF;
  font-size: 0.8em;
  padding: 0.2em 0.8em;
  border-radius: 5px;
}
.compareBoxS .inner dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.compareBoxS .inner dl dt {
  border: 1px solid #cc0000;
  color: #cc0000;
  width: 5em;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  padding: 0.6em 0;
  text-align: center;
  margin-right: 8px;
}
.compareBoxS .inner dl:last-child {
  margin-bottom: 0;
}
.compareBoxS .inner dl.size ul.item input[type=text] {
  width: 8em;
  margin-right: 4px;
}
.compareBoxS .inner dl.size ul.item li:after {
  font-family: "yubin";
  content: "\e912";
  margin: 0 5px;
  font-size: 30px;
  color: #AAA;
  position: relative;
  top: 0.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-right: 0;
	position: relative;
	margin-bottom: 30px;
	padding: 15px;
  }
  .compareBoxS .inner .step .balloon:before, .compareBoxS .inner .step .balloon:after {
	border: none;
	position: static;
	margin-top: 0;
  }
  .compareBoxS .inner .step .balloon:after {
	font-family: "yubin";
	content: "\f0d7";
	display: block;
	color: #a0a0a0;
	font-size: 30px;
	margin: auto;
	position: absolute;
	width: 30px;
	left: 0;
	right: 0;
	bottom: -30px;
	top: auto;
  }
  .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 {
	max-width: 25%;
	flex-basis: 25%;
  }
  .compareBoxS .inner dl dd {
	flex: 1;
  }
  .compareBoxS .inner dl.size ul.item {
	display: block;
  }
  .compareBoxS .inner dl.size ul.item input[type=text] {
	width: calc(100% - 2.5em);
	margin-right: 4px;
  }
  .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%;
  }
} /* sp */
/* sp */
/*	send/compare
----------------------------------------------- */
.formArea.compare p.more a {
  color: #cc0000;
}
.formArea.compare input[type=checkbox] + label, .formArea.compare input[type=radio] + label {
  border: 1px solid #646464;
  background: #FFF;
  color: #646464;
  display: block;
}
.formArea.compare input[type=checkbox] + label:before {
  margin: -4px 3px 0 0;
  font-size: 22px;
}
.formArea.compare input[type=checkbox]:checked + label, .formArea.compare input[type=radio]:checked + label {
  border: 1px solid #cc0000;
  background: #cc0000;
  color: #FFF;
}
.formArea.compare input[type=checkbox]:checked + label:before, .formArea.compare input[type=radio]:checked + label:before {
  color: #FFF;
}
.formArea.compare .selectWrap .select {
  padding: 16px 40px 16px 10px;
  line-height: 1;
}
.formArea.compare .fixedsub .sub a.btn {
  padding: 0.6em 1.3em;
  font-size: 0.9rem;
}
.formArea.compare ul.flex.size_x li:after {
  font-family: "yubin";
  content: "\e912";
  margin: 0 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 {
  padding: 10px 0;
  font-size: 15px;
}
.formArea.compare .compact.flex li.set {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.formArea.compare .simpletoggle {
  background: #FFF;
  border: 1px solid #cc0000;
  padding: 10px 15px;
  border-radius: 5px;
}
.formArea.compare .simpletoggle .parent {
  padding: 8px 10px 8px 60px;
  border: 0;
  margin: 0;
}
.formArea.compare .simpletoggle .parent:before {
  left: 0px;
  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;
  /*input[type="checkbox"] + label:before{position:absolute; left:4px; height: 22px;margin: auto;top: 0;bottom: 0;line-height: 22px;}*/
}
.formArea.compare .simpletoggle.narrow .option li {
  margin: 0 0 8px;
  flex-basis: 32%;
  position: relative;
}
.formArea.compare .simpletoggle.narrow .option li label {
  display: block;
  font-size: 0.8rem;
  text-align: center;
}
.formArea.compare .howtosubmit li, .formArea.compare .option li {
  margin: 0 0 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.formArea.compare .howtosubmit label, .formArea.compare .option label {
  background: #cc0000;
  color: #FFF;
  text-align: center;
  display: block;
  font-size: 0.8rem;
  flex: 1;
  line-height: 1.3;
  min-height: 110px;
}
.formArea.compare .howtosubmit label:before, .formArea.compare .option label:before {
  line-height: 1;
  display: block;
}
.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;
  margin: -1px 3px 0 0;
  vertical-align: middle;
  font-style: normal;
}
.formArea.compare .howtosubmit label small, .formArea.compare .option label small {
  font-size: 0.7em;
  letter-spacing: -0.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 {
  display: block;
  font-size: 46px;
  color: #646464;
  font-weight: normal;
}
.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 {
  font-family: "yubin";
  content: "\e93e";
}
.formArea.compare .howtosubmit label.toukan:before, .formArea.compare .option label.toukan:before {
  font-family: "yubin";
  content: "\e980";
}
.formArea.compare .howtosubmit label.conveni:before, .formArea.compare .option label.conveni:before {
  font-family: "yubin";
  content: "\e936";
}
.formArea.compare .howtosubmit label.tracking:before, .formArea.compare .option label.tracking:before {
  font-family: "yubin";
  content: "\e98a";
  font-size: 67px !important;
  line-height: 0.68;
}
.formArea.compare .howtosubmit label.registered:before, .formArea.compare .option label.registered:before {
  font-family: "yubin";
  content: "\e995";
}
.formArea.compare .howtosubmit label.chilled:before, .formArea.compare .option label.chilled:before {
  font-family: "yubin";
  content: "\e994";
}
.formArea.compare.result .narrow.result .detail .box {
  margin-bottom: 6px;
}
.formArea.compare.result .narrow.result .detail .box > dd {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: 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: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: 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: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: 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: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}
.formArea.compare .resultList a {
  display: block;
  background: #FFF;
  flex-basis: 49%;
  max-width: 49%;
  padding: 15px 30px 15px 15px;
  transition: 0.3s;
  position: relative;
  border: 1px solid #FFF;
  margin-bottom: 18px;
}
.formArea.compare .resultList a dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.formArea.compare .resultList a dl dt.img {
  border: 1px solid #a0a0a0;
  flex-basis: 42%;
  max-width: 42%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  position: relative;
  padding: 0 1px;
}
.formArea.compare .resultList a dl dt.img img {
  position: absolute;
  top: 50%;
  left: 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-weight: bold;
  font-size: 1.2rem;
  margin-right: 8px;
}
.formArea.compare .resultList a dl dd .name .option {
  display: inline-block;
  color: #cc0000;
  font-size: 0.75rem;
  border: 1px solid #cc0000;
  padding: 0.2em 0.6em;
  position: relative;
  top: -3px;
  margin-left: 3px;
}
.formArea.compare .resultList a dl dd .method li {
  display: inline-block;
}
.formArea.compare .resultList a dl dd .method li:before {
  font-family: "yubin";
  color: #a0a0a0;
  font-size: 28px;
  font-weight: normal;
  margin-right: 0;
  line-height: 1;
}
.formArea.compare .resultList a dl dd .method li.active:before {
  color: #cc0000;
}
.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: 0.84rem;
  margin: 0.3em 0 0.6em;
}
.formArea.compare .resultList a dl dd .fee {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #a0a0a0;
  padding: 8px 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.formArea.compare .resultList a dl dd .fee .price {
  font-size: 1.3rem;
}
.formArea.compare .resultList a:hover {
  background: #FAECEA;
  text-decoration: none;
  border: 1px solid #cc0000;
}
.formArea.compare .resultList a:after {
  font-family: "yubin";
  content: "\f105";
  position: absolute;
  right: 0;
  color: #cc0000;
  top: 0;
  bottom: 0;
  font-size: 21px;
  height: 21px;
  width: 18px;
  margin: auto;
  line-height: 0;
}
.formArea.compare .detailArea {
  background: #FFF;
  padding: 20px;
}
.formArea.compare .detailArea .headArea {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding-bottom: 25px;
}
.formArea.compare .detailArea .headArea .product {
  flex-basis: 100%;
  max-width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
}
.formArea.compare .detailArea .headArea .product dt.img {
  border: 1px solid #a0a0a0;
  flex-basis: 35%;
  max-width: 35%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  position: relative;
  padding: 0 1px;
}
.formArea.compare .detailArea .headArea .product dt.img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.formArea.compare .detailArea .headArea .product dd { /*flex-basis:60%; max-width:60%; */
  padding-left: 3%;
  flex: 1;
  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-weight: bold;
  font-size: 1.3rem;
  margin-right: 8px;
}
.formArea.compare .detailArea .headArea .product dd .name .option {
  display: inline-block;
  color: #cc0000;
  font-size: 0.75rem;
  border: 1px solid #cc0000;
  padding: 0.2em 0.8em;
  position: relative;
  top: -0.1em;
}
.formArea.compare .detailArea .headArea .product dd .spec {
  font-size: 0.9rem;
  margin: 0.3em 0 0.6em;
}
.formArea.compare .detailArea .headArea .product dd .fee {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #a0a0a0;
  padding: 12px 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.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-size: 0.9rem;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  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 {
  font-size: 1rem;
  text-align: right;
  flex: 1;
}
.formArea.compare .detailArea .headArea .product dd #detail .fee:nth-child(n+2) .price span {
  display: block;
  font-size: 0.8rem;
  font-weight: 500;
  color: #cc0000;
}
.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 {
  width: 35%;
  margin-right: 0;
  margin-left: auto;
}
.formArea.compare .detailArea ul.option_sort {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: 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;
  width: 24%;
  order: 1;
}
.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%; /*flex-basis:auto;  flex:1; margin-right:8px; */
}
.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li label {
  min-height: auto;
  line-height: 1;
  padding: 0.8em 0.6em;
}
.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li input[type=checkbox] + label:before {
  font-size: 22px;
  display: inline-block !important;
}
.formArea.compare .detailArea ul.option_sort li.clm ul.item.option li:last-child {
  margin-right: 0;
}
.formArea.compare .detailArea ul.method {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.formArea.compare .detailArea ul.method li {
  flex-basis: 31%;
  max-width: 31%;
  border: 1px solid #cc0000;
  color: #cc0000;
  text-align: center;
  border-radius: 5px;
  padding: 2px 5px 8px;
  font-size: 13px;
  line-height: 1.1;
}
.formArea.compare .detailArea ul.method li small {
  font-size: 10px;
  letter-spacing: -0.1em;
}
.formArea.compare .detailArea ul.method li.pickup:before {
  font-family: "yubin";
  content: "\e93e";
  display: block;
  font-size: 46px;
  line-height: 1;
}
.formArea.compare .detailArea ul.method li.post:before {
  font-family: "yubin";
  content: "\e980";
  display: block;
  font-size: 46px;
  line-height: 1;
}
.formArea.compare .detailArea ul.method li.conveni:before {
  font-family: "yubin";
  content: "\e936";
  display: block;
  font-size: 46px;
  line-height: 1;
}
.formArea.compare .detailArea ul.method li.off {
  color: #a0a0a0;
  border: 1px solid #a0a0a0;
}
.formArea.compare .detailArea .bodyArea {
  /*border-top:1px solid $gray2;*/
  border-bottom: 5px solid #dcdcdc;
  padding: 5px 0 30px;
  /*@include flex; justify-content: space-between;*/
  /*.head{font-weight:bold; padding-right:10px;}*/
  /*.clm{flex-basis:35%; max-width:35%;
  	.head{@include yubold; font-size:1.05rem; margin-bottom:0.3em;}
  	.tooltipBox .label:before{line-height:0; font-size:22px; top:3px;}
  	.tooltipBox .label:hover:before{background:#FFF;border-radius:11px;}
  }*/
}
.formArea.compare .detailArea .bodyArea .clm.slim {
  flex-basis: 28%;
  max-width: 28%;
}
.formArea.compare .detailArea .bodyArea table {
  text-align: left;
  font-size: 0.75rem;
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
}
.formArea.compare .detailArea .bodyArea table th, .formArea.compare .detailArea .bodyArea table td {
  padding: 0.5em;
}
.formArea.compare .detailArea .bodyArea table th {
  font-weight: normal;
  background: #eeeeee;
}
.formArea.compare .detailArea .bodyArea table td {
  font-weight: normal;
  background: #f7f7f7;
}
.formArea.compare .detailArea .bodyArea .linkbox2_borderR dl dd {
  padding: 10px 10px 10px;
}
.formArea.compare .detailArea .bodyArea .bnr a {
  border: 1px solid #a0a0a0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  border-radius: 5px;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-size: 0.9rem;
  padding: 5px;
  transition: 0.3s;
}
.formArea.compare .detailArea .bodyArea .bnr a .img {
  flex-basis: 20%;
  max-width: 20%;
}
.formArea.compare .detailArea .bodyArea .bnr a .text {
  padding-left: 10px;
  flex: 1;
  font-size: 0.85rem;
}
.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;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .formArea.compare .resultList a dl dd .name .option {
	display: block;
	max-width: 60%;
	text-align: center;
	margin-left: 0;
	margin-top: 3px;
  }
} /* yubinpc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .formArea.compare .detailArea .moreLinkArea {
	margin: auto;
	width: 50%;
  }
} /* yubinpc */
@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 {
	text-align: left;
	display: block;
  }
  .formArea.compare dl.box .compact { /*@include flex; justify-content:space-between !important;*/ }
  .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: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
  }
  .formArea.compare dl.box .compact dd ul.flex:first-child li.head {
	width: 5em;
	flex-basis: auto;
	max-width: auto;
	margin: 0;
	padding-left: 0;
  }
  .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 {
	text-align: center;
	display: block;
	margin: 6px 0 0 -15%;
	font-weight: bold;
  }
  .formArea.compare .simpletoggle {
	background: #FFF;
	border: 1px solid #cc0000;
	padding: 10px 15px;
	border-radius: 5px;
  }
  .formArea.compare .simpletoggle.narrow .howtosubmit li input[type=checkbox] + label {
	padding: 0.5em 0.2em;
	font-size: 0.8rem;
  }
  .formArea.compare .simpletoggle.narrow .howtosubmit li small {
	letter-spacing: -0.1em;
  }
  .formArea.compare .simpletoggle.narrow .option {
	justify-content: flex-start;
  }
  .formArea.compare .simpletoggle.narrow .option li {
	margin: 0 2px 8px; /*flex-basis:49%;*/
	flex-basis: auto;
	max-width: auto;
	width: calc(33.3% - 4px);
  }
  .formArea.compare .simpletoggle.narrow .option li label {
	display: block;
	font-size: 0.8rem;
  }
  .formArea.compare.result .narrow.result { /* result.html 条件表示 */ }
  .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 {
	max-width: 100%;
	flex-basis: 100%;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex li.head {
	font-size: 0.9rem;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type li {
	margin-bottom: 0;
	max-width: 26%;
	flex-basis: 26%;
	padding-left: 2%;
  }
  .formArea.compare.result .narrow.result .detail .box > dd dl.compact dd ul.flex:first-of-type li.head {
	width: 4.5em;
	max-width: none;
	flex-basis: auto;
	padding-left: 0;
	margin-right: 2%;
  }
  .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 {
	max-width: none;
	flex-basis: auto;
	display: inline-block;
	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 0.2em;
  }
  .formArea.compare.result .box.re-search { /* result.html 再検索 */ }
  .formArea.compare.result .box.re-search dl.compact.area dd {
	max-width: 100%;
	flex-basis: 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: 0.8rem;
  }
  .formArea.compare .resultList {
	margin-top: 15px;
  }
  .formArea.compare .resultList a {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0;
	border-radius: 0 0 10px 10px;
  }
  .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 #eeeeee;
	text-align: center;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
	font-weight: 400;
	font-size: 0.75rem;
	padding: 0.6em 0;
  }
  .formArea.compare .resultList a .spDisp.more:before {
	font-family: "yubin";
	content: "\f101";
	color: #cc0000;
	margin-right: 0.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;
	max-width: 100%;
	flex-basis: 100%;
  }
  .formArea.compare .detailArea .headArea dl.product dt.img {
	display: block;
	max-width: 100%;
	flex-basis: 100%;
	text-align: center;
  }
  .formArea.compare .detailArea .headArea dl.product dd {
	margin-top: 10px;
	max-width: 100%;
	flex-basis: 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 {
	margin-top: 10px;
	max-width: 100%;
	flex-basis: 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;
	max-width: 100%;
	flex-basis: 100%;
  }
  .formArea.compare .detailArea .bodyArea .clm, .formArea.compare .detailArea .bodyArea .clm.slim {
	max-width: 100%;
	flex-basis: 100%;
  }
  .formArea.compare .detailArea .bodyArea .clm:nth-child(n+2) {
	margin-top: 15px;
  }
  .formArea.compare .detailArea .bodyArea table {
	font-size: 0.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%;
	max-width: 49%;
	margin-right: 0;
  }
  .formArea.compare .detailArea .bodyArea .option_sort li.clm ul.item.option li label { /*text-align:left;*/
	position: relative;
  }
  .formArea.compare .detailArea .bodyArea .option_sort li.clm ul.item.option li input[type=checkbox] + label:before {
	position: absolute;
	left: 4px;
	top: 8px;
  }
  .formArea.compare .detailArea .action .sp-lr10 {
	margin: 0 0 10px 0 !important;
  }
  .formArea.compare .detailArea .bottomBtn a {
	margin-bottom: 10px;
  }
} /* sp */
.firstMsgModal {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 1;
  top: 0;
  /* sp */
}
.firstMsgModal .inner {
  width: 50%;
  padding: 2%;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 2;
  font-size: 0.9rem;
}
.firstMsgModal button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
	 -moz-appearance: none;
		  appearance: none;
}
.firstMsgModal button {
  font-size: 1rem;
  padding: 1.1em 2em;
  background: #cc0000;
  color: #FFF;
  min-width: 30%;
  border-radius: 5px;
  transition: 0.3s;
}
.firstMsgModal button:hover {
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  .firstMsgModal {
	z-index: 101;
  }
  .firstMsgModal .inner {
	width: 86%;
	padding: 5%;
	z-index: 102;
  }
}

.slidename-compare .swiper-slide dl dd {
  padding: 10px 15px;
  min-height: 100px;
}
.slidename-compare .swiper-slide .copy {
  background: #f7f7f7;
  color: #cc0000;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  padding: 0.3em 0;
}
.slidename-compare .swiper-slide .name {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  margin-right: 8px;
}
.slidename-compare .swiper-slide .name .option {
  display: inline-block;
  color: #cc0000;
  font-size: 0.75rem;
  border: 1px solid #cc0000;
  padding: 0.2em 0.8em;
  position: relative;
  top: -0.1em;
}
.slidename-compare .swiper-slide .spec {
  font-size: 0.9rem;
  margin: 0.3em 0 0.6em;
}
.slidename-compare .swiper-slide .fee {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #a0a0a0;
  padding: 8px 0 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.slidename-compare .swiper-slide .fee .price {
  font-size: 1.35rem;
}

/*	newsrelease
----------------------------------------------- */
.slidepanel .newspickup .swiper-slide {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  background: #FFF;
}

.slidepanel .newspickup .swiper-slide dl dd {
  min-height: 11em;
  position: relative;
  padding-bottom: 1.5em;
}
.slidepanel .newspickup .swiper-slide dl dd .meta {
  font-size: 0.75rem;
  margin-bottom: 10px;
}
.slidepanel .newspickup .swiper-slide dl dd .meta span {
  padding: 0.1em 1em;
  display: inline-block;
  margin-bottom: 5px;
}
.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 #cc0000;
  color: #cc0000;
}
.slidepanel .newspickup .swiper-slide dl dd .title {
  font-size: 1rem;
}
.slidepanel .newspickup .swiper-slide dl dd .date {
  text-align: right;
  font-size: 0.9rem;
  position: absolute;
  right: 15px;
  bottom: 10px;
}

.newsreleaseList dl {
  border-top: 1px solid #646464;
  margin: 1rem auto 2.5rem;
}
.newsreleaseList dl dd.meta span {
  display: inline-block;
  font-size: 0.8rem;
}
.newsreleaseList dl dd.meta .date {
  background: #646464;
  color: #FFF;
  padding: 0.2em 1em;
}
.newsreleaseList dl dd.meta .cat {
  padding-left: 0.5em;
}
.newsreleaseList dl dt {
  margin: 1em 0 0.8em 15px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 1rem;
}
.newsreleaseList dl dt a {
  display: block;
}
.newsreleaseList dl dt a:before {
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.4em;
}
.newsreleaseList dl dd.tag {
  margin-left: 15px;
}
.newsreleaseList dl dd.tag span {
  color: #cc0000;
  border: 1px solid #cc0000;
  padding: 0 0.6em;
  font-size: 0.8rem;
  display: inline-block;
}
.newsreleaseList dl dd.tag span:before {
  font-family: "yubin";
  margin-right: 0.2em;
  font-size: 130%;
  position: relative;
  top: 0.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";
}

/*----------------------------------------------------------
	arhive area (json)
--------------------------------------------------------- */
.refineSearch .head {
  color: #cc0000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 1.1rem;
  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;
  color: #a0a0a0;
  border: 1px solid #a0a0a0;
}
.refineSearch button[type=submit].active, .refineSearch input[type=submit].active {
  background: #cc0000;
  border: 1px solid #cc0000;
  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 {
  width: 18.5%;
  margin-right: 0.8%;
}
.refineSearch ul.clm_year.wide li:nth-child(5n) {
  margin-right: 0;
}
.refineSearch dl.clm_cat {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.refineSearch dl.clm_cat dt {
  max-width: 18.5%;
  flex-basis: 18.5%;
}
.refineSearch dl.clm_cat dt button, .refineSearch dl.clm_cat dt input {
  width: 100%;
  padding: 2.25em 0;
}
.refineSearch dl.clm_cat dd {
  max-width: 81.5%;
  flex-basis: 81.5%;
  padding-left: 1%;
}
.refineSearch dl.clm_cat dd button, .refineSearch dl.clm_cat dd input {
  display: inline-block;
  width: 23.5%;
  margin-right: 1%;
  padding: 0.7em 0.5em !important;
  position: relative;
}
.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: 0.6em;
}
.refineSearch dl.clm_cat dd button i:before, .refineSearch dl.clm_cat dd input i:before {
  font-family: "yubin";
  color: #a0a0a0;
  font-style: normal;
  position: absolute;
  left: 10px;
  font-size: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
}
.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: 0.5em 1em;
}
.refineSearch .more a {
  color: #cc0000;
}
.refineSearch .more a:before {
  font-family: "yubin";
  content: "\f107";
  margin-right: 0.4em;
}

.sortBtn {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}
.sortBtn button[type=submit].slim {
  color: #646464;
  background: #eeeeee;
  padding: 0.25em 1.5em 10px;
  font-size: 0.8rem !important;
  font-family: "yubin";
  line-height: 1.2;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
.sortBtn button[type=submit].slim i:before {
  font-size: 150%;
  position: relative;
  top: 0.2em;
  margin-right: 0.2em;
}
.sortBtn button[type=submit].slim.active {
  background: #cc0000;
  color: #FFF;
}
.sortBtn ul.sheettype {
  letter-spacing: -0.4em;
}
.sortBtn ul.sheettype button[type=submit].slim {
  font-size: 0.8rem;
  padding-top: 0.8em;
  border-radius: 0;
}
.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-top:10px;*/
  margin-left: 15px;
}
.sortBtn .sort.flex button {
  padding: 0.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 {
  font-family: "yubin";
  content: "\e96d";
}
.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 {
  font-family: "yubin";
  content: "\e96e";
}

/* tablet */
@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;
	width: 32%;
	margin-right: 0.5%;
  }
  .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: 0.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: 0.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%;
  }
} /* yubinpc */
@media screen and (max-width: 750px) {
  .refineSearch {
	padding-top: 0;
  }
  .refineSearch .innerwidth {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: none;
	width: 98%;
	position: relative;
	margin-top: -150px;
  }
  .refineSearch .innerwidth .tabbox1, .refineSearch .innerwidth .tabbox2 {
	display: none;
	flex-basis: 100%;
	max-width: 100%;
	border-top: 5px #cc0000 solid;
	background: #eeeeee;
	width: 100%;
	padding: 10px;
  }
  .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 {
	width: 49%;
	border-radius: 5px 5px 0 0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	background: #eeeeee;
	color: #a0a0a0;
	margin-right: 2%;
  }
  .refineSearch .innerwidth input[type=radio] + label:before {
	content: none !important;
  }
  .refineSearch .innerwidth input[type=radio]:checked + label {
	background: #cc0000;
	color: #FFF;
  }
  .refineSearch .innerwidth input[type=radio]#tab-2 + label {
	margin-right: 0;
  }
  .refineSearch .innerwidth ul.clm_year {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: 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 {
	flex-basis: 100%;
	max-width: 100%;
	border-left: 0;
	border-top: 1px solid #c8c8c8;
	padding: 1em 0.5em;
	margin-top: 10px;
  }
  .refineSearch .innerwidth dl.clm_cat {
	display: block;
  }
  .refineSearch .innerwidth dl.clm_cat dt {
	flex-basis: 100%;
	max-width: 100%;
	margin-bottom: 8px;
  }
  .refineSearch .innerwidth dl.clm_cat dt button[type=submit] {
	padding: 0.8em 0;
	font-size: 0.74rem;
  }
  .refineSearch .innerwidth dl.clm_cat dd {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-basis: 100%;
	max-width: 100%;
	padding-left: 0;
  }
  .refineSearch .innerwidth dl.clm_cat dd button[type=submit] {
	flex-basis: 49%;
	max-width: 49%;
	margin-right: 0;
	width: 49%;
	margin-bottom: 8px;
	font-size: 0.74rem;
	padding: 0.8em 0 0.8em 10px !important;
  }
  .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;
  }
} /* sp */
/* sp */
/*	busines（ビズポスト）
----------------------------------------------- */
@media screen and (max-width: 750px) {
  #biz_contents .inpageLinkbtn {
	padding: 0 3%;
  }
  #biz_contents .inpageLinkbtn ul li a {
	max-width: 100%;
	flex-basis: 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: 0.9rem;
  }
} /* sp */
/*	sitemap
----------------------------------------------- */
/* tablet */
@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 {
	width: 7em;
	text-align: left;
  }
  .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;
  }
} /* yubinpc */
@media screen and (max-width: 750px) {
  .sitemapList .spclm2 > ul {
	flex-basis: 100% !important;
	max-width: 100%;
  }
} /* sp */
/*	buy
----------------------------------------------- */
.kitteList5.newkitte a:nth-child(n+6) {
  display: none;
}

.kitteList4.newkitte a:nth-child(n+5) {
  display: none;
}

/*	kitte
----------------------------------------------- */
.mainArea .refineSearch.kitteList {
  padding: 20px;
}

@media screen and (max-width: 750px) {
  .mainArea .refineSearch.kitteList {
	padding: 5%;
  }
} /* sp */
.refineSearch.kitteList {
  /* sp */
}
.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 {
	/*background:none;*/
  }
  .refineSearch.kitteList > .head.spDisp {
	position: relative;
  }
  .refineSearch.kitteList > .head.spDisp.parent {
	margin-bottom: 0;
  }
  .refineSearch.kitteList > .head.spDisp.parent:after {
	font-family: "yubin";
	content: "\e910";
	font-size: 36px;
	position: absolute;
	right: 0;
	line-height: 20px;
  }
  .refineSearch.kitteList > .head.spDisp.parent.active {
	margin-bottom: 10px;
  }
  .refineSearch.kitteList > .head.spDisp.parent.active:after {
	font-family: "yubin";
	content: "\e915";
  }
  .refineSearch.kitteList > .head.spDisp + .formArea {
	display: none;
  }
}

.stampList_outer {
  /* sp */
}
.stampList_outer dl.stampbox {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  border: 1px solid #c8c8c8;
  border-bottom: 0;
}
.stampList_outer dl.stampbox:last-child {
  border-bottom: 1px solid #c8c8c8;
}
.stampList_outer dl.stampbox dt.img {
  flex-basis: 15%;
  max-width: 15%;
  border-right: 1px solid #c8c8c8;
  transition: 0.3s;
}
.stampList_outer dl.stampbox dt.img a {
  display: block;
  min-height: 196px;
  position: relative;
  width: 100%;
  text-align: center;
  background: rgb(255, 255, 255);
  background: radial-gradient(ellipse at center, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 55%, rgb(247, 247, 247) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f7f7f7",GradientType=1 );
}
.stampList_outer dl.stampbox dt.img a img {
  position: absolute; /*top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);*/
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.stampList_outer dl.stampbox dt.img ul.thumbset {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 124px;
  justify-content: center;
}
.stampList_outer dl.stampbox dt.img ul.thumbset li {
  margin: 3px 2px;
}
.stampList_outer dl.stampbox dt.img ul.thumbset li img {
  position: relative;
  max-width: 58px;
}
.stampList_outer dl.stampbox dt.img:hover {
  opacity: 0.7;
}
.stampList_outer dl.stampbox dd.title {
  flex-basis: 40%;
  max-width: 40%;
  border-right: 1px solid #c8c8c8;
}
.stampList_outer dl.stampbox dd.title a {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.stampList_outer dl.stampbox dd.title a:before {
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.3em;
  font-weight: normal;
  color: #cc0000;
  display: inline-block;
}
.stampList_outer dl.stampbox dd.date {
  flex-basis: 15%;
  max-width: 15%;
  border-right: 1px solid #c8c8c8;
}
.stampList_outer dl.stampbox dd.doc {
  flex-basis: 30%;
  max-width: 30%;
}
.stampList_outer dl.stampbox dd.doc ul li {
  margin-bottom: 0.5em;
}
.stampList_outer dl.stampbox dd {
  padding: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}
.stampList_outer dl.stampbox a[href*=".pdf"]::before {
  font-family: "yubin";
  font-size: 21px;
  font-weight: normal;
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 0.3em;
  padding-left: 0;
  content: "P";
  color: #cc0000;
}
.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 {
	display: block;
	border-bottom: 4px double #c8c8c8;
  }
  .stampList_outer dl.stampbox dt, .stampList_outer dl.stampbox dd {
	max-width: 100% !important;
	border-right: 0 !important;
  }
  .stampList_outer dl.stampbox dt.img a {
	min-height: auto;
	padding: 10px 0;
  }
  .stampList_outer dl.stampbox dt.img a img {
	position: static;
	transform: none;
	max-height: 200px;
  }
  .stampList_outer dl.stampbox dt.img ul.thumbset {
	margin: auto;
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	align-items: center;
  }
  .stampList_outer dl.stampbox dt.img ul.thumbset img {
	top: auto;
	left: auto;
  }
  .stampList_outer dl.stampbox dd.t8itle {
	font-size: 1.1em;
  }
  .stampList_outer dl.stampbox dd.date {
	font-size: 0.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;
  }
} /* sp */
/* 一緒におすすめしたい商品 */
.page_kitte_detail .kitteList4 dl dd.img {
  display: block;
  min-height: 196px;
  position: relative;
  width: 100%;
  text-align: center;
  background: rgb(255, 255, 255);
  background: radial-gradient(ellipse at center, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 55%, rgb(247, 247, 247) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f7f7f7",GradientType=1 );
}
.page_kitte_detail .kitteList4 dl dd.img img {
  position: absolute; /*top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);*/
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

/*	fee-simulator
----------------------------------------------- */
.mainArea.fee-simulator {
  /* sp */
}
.mainArea.fee-simulator .detailArea {
  background: #f7f7f7;
  margin: 20px auto;
  padding: 15px;
  width: 70%;
  border: 2px solid #cc0000;
}
.mainArea.fee-simulator .detailArea .fee {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  background: #FFF;
  padding: 13px;
}
.mainArea.fee-simulator .detailArea .fee .head {
  flex-basis: 30%;
  max-width: 30%;
}
.mainArea.fee-simulator .detailArea .fee .price {
  flex-basis: 68%;
  max-width: 68%;
  font-size: 1.2rem;
  color: #cc0000;
  text-align: right;
}
.mainArea.fee-simulator .detailArea .fee .price span {
  display: block;
}
.mainArea.fee-simulator .detailArea .fee .price ul.basic-m {
  color: #333333;
  font-size: 0.9rem;
  margin-bottom: 0.2em;
  text-align: left;
  border-bottom: 1px solid #dcdcdc;
}
.mainArea.fee-simulator .detailArea .fee.total {
  display: block;
  text-align: center; /*border-bottom:4px solid #FFF;*/
  padding: 0 0;
  margin-bottom: 10px;
  background: #f7f7f7;
}
.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: 0.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: 0.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;
  }
}

/*----------------------------------------------------------
	basic module
--------------------------------------------------------- */
/* 2clm page */
.contWrap > .pageClm2 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  max-width: 1200px;
  margin: auto;
}
.contWrap > .pageClm2 .mainArea {
  flex-basis: 83%;
  max-width: 83%;
  padding-right: 20px;
  margin-bottom: 40px;
}
.contWrap > .pageClm2 .sideArea {
  flex-basis: 193px;
  max-width: 193px;
  margin-bottom: 40px;
}

.no-sidenav {
  max-width: 960px;
}

/* 郵便PC幅幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .contWrap > .pageClm2 {
	padding: 0 2%;
  }
} /* yubinpc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .contWrap > .pageClm2 {
	padding: 0 2%;
	/*.sideArea{display:none;}*/
  }
  .contWrap > .pageClm2 .mainArea {
	flex-basis: 80%;
	max-width: 80%;
	padding-right: 0;
  }
  .contWrap > .pageClm2 .sideArea {
	flex-basis: 19%;
	max-width: 19%;
	margin-bottom: 40px;
  }
} /* yubinpc */
@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;
  }
} /* sp */
/*	sidebar
----------------------------------------------- */
.sideArea #navi-box-r, .sideArea #navi-box {
  margin-top: 20px;
}
.sideArea #navi-box-r .itemBox, .sideArea #navi-box .itemBox {
  border: 1px solid #c8c8c8;
  background: #FFF;
}
.sideArea #navi-box-r .itemBox .items, .sideArea #navi-box .itemBox .items {
  padding: 10px;
  font-size: 0.8rem;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
.sideArea #navi-box-r .itemBox .items li.sub, .sideArea #navi-box .itemBox .items li.sub {
  margin-bottom: 10px;
}
.sideArea #navi-box-r .itemBox .items li.sub:before, .sideArea #navi-box .itemBox .items li.sub:before {
  content: none;
}
.sideArea #navi-box-r .itemBox .items li a:before, .sideArea #navi-box .itemBox .items li a:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #cc0000;
}
.sideArea #navi-box-r .itemBox .items li a, .sideArea #navi-box .itemBox .items li a {
  display: block;
  padding: 0.5em 0 0.5em 1em;
  border-bottom: 1px solid #eee;
  text-indent: -0.5em;
  font-weight: normal;
}
.sideArea #navi-box-r .itemBox .items li:last-child a, .sideArea #navi-box .itemBox .items li:last-child a {
  border-bottom: 0;
}
.sideArea #navi-box-r .itemBox-shop, .sideArea #navi-box .itemBox-shop {
  background: #FFFFFF;
  border-left: 2px solid #CC0000;
  border-right: 2px solid #CC0000;
  border-bottom: 2px solid #CC0000;
}
.sideArea #navi-box-r .itemBox-shop .items-shop, .sideArea #navi-box .itemBox-shop .items-shop {
  padding: 10px;
  font-size: 0.8rem;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li.sub, .sideArea #navi-box .itemBox-shop .items-shop li.sub {
  margin-bottom: 10px;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li.sub:before, .sideArea #navi-box .itemBox-shop .items-shop li.sub:before {
  content: none;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li a:before, .sideArea #navi-box .itemBox-shop .items-shop li a:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #cc0000;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li a, .sideArea #navi-box .itemBox-shop .items-shop li a {
  display: block;
  padding: 0.5em 0 0.5em 1em;
  border-bottom: 1px solid #eee;
  text-indent: -0.5em;
  font-weight: normal;
}
.sideArea #navi-box-r .itemBox-shop .items-shop li:last-child a, .sideArea #navi-box .itemBox-shop .items-shop li:last-child a {
  border-bottom: 0;
}
.sideArea #navi-box-r .sp-b16, .sideArea #navi-box .sp-b16 {
  margin-bottom: 16px;
}
.sideArea #navi-box-r .sp-t16, .sideArea #navi-box .sp-t16 {
  margin-top: 16px;
}
.sideArea #navi-box-r .btn_notification a, .sideArea #navi-box .btn_notification a {
  display: block;
  width: 193px;
  height: 58px;
  background: url(/img/common/btn_nav_notification.gif) no-repeat left top;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  text-decoration: none;
  outline: none;
}
.sideArea #navi-box-r .btn_notification a:hover, .sideArea #navi-box .btn_notification a:hover {
  opacity: 0.6;
}
.sideArea #navi-box-r .btn_notification a img, .sideArea #navi-box .btn_notification a img {
  width: 100%;
}
.sideArea #navi-box-r .btn_q a, .sideArea #navi-box .btn_q a {
  display: block;
  width: 193px;
  height: 58px;
  background: url(/img/common/btn_nav_q_en.gif) no-repeat left top;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  text-decoration: none;
  outline: none;
}
.sideArea #navi-box-r .btn_q a:hover, .sideArea #navi-box .btn_q a:hover {
  opacity: 0.6;
}
.sideArea #navi-box-r .btn_business a, .sideArea #navi-box .btn_business a {
  display: block;
  width: 193px;
  height: 58px;
  background: url(/img/common/btn_nav_business.gif) no-repeat left top;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  text-decoration: none;
  outline: none;
}
.sideArea #navi-box-r .btn_business a:hover, .sideArea #navi-box .btn_business a:hover {
  opacity: 0.6;
}
.sideArea #navi-box-r .normal-box, .sideArea #navi-box .normal-box {
  border: 1px solid #c8c8c8;
  font-size: 0.8rem;
  padding: 10px;
}
.sideArea #navi-box-r h2 img, .sideArea #navi-box h2 img {
  width: 100%;
}
.sideArea #navi-box-r h2, .sideArea #navi-box h2 {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sideArea #navi-box-r .mkr-nav-r, .sideArea #navi-box .mkr-nav-r {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-weight: bold;
  font-size: 0.8rem;
  padding: 0 10px 10px;
  display: block;
  /*a:before{font-family:'yubin'; content:"\f105"; margin-right:0.5em; color:$yubin;}*/
}
.sideArea #navi-box-r .mkr-nav-r a, .sideArea #navi-box .mkr-nav-r a {
  color: #cc0000;
}
.sideArea #navi-box-r p.to-list, .sideArea #navi-box p.to-list {
  text-align: right;
}
.sideArea #navi-box-r p.to-list a, .sideArea #navi-box p.to-list a {
  text-decoration: none;
}
.sideArea #navi-box-r p.to-list a:hover, .sideArea #navi-box p.to-list a:hover {
  text-decoration: underline;
}

/* 新デザイン */
.sideArea .sidebar {
  margin-top: 20px;
  font-size: 13px;
}
.sideArea .sidebar .topborder {
  border-top: 4px solid #cc0000;
}
.sideArea .sidebar hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px dotted #c8c8c8;
}
.sideArea .sidebar .head {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  border-top: 4px solid #cc0000;
  color: #cc0000;
  padding: 10px 9px 8px;
  font-size: 15.5px;
}
.sideArea .sidebar .head2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  background: #dcdcdc;
  color: #333333;
  padding: 8px 10px 6px;
  font-size: 13px;
  position: relative;
  padding-left: 24px;
}
.sideArea .sidebar .head2:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f0d7";
  margin-right: 6px;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  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 {
  content: "+";
  color: #cc0000;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar .head2.toggleParent.active:before {
  content: "-";
  color: #cc0000;
}
.sideArea .sidebar .head2.toggleParent + * {
  display: none;
}
.sideArea .sidebar .head2.toggleParent + * + .head2 {
  border-top: 1px solid #eeeeee;
}
.sideArea .sidebar .head3 {
  text-align: center;
  border-left: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  border-top: #dcdcdc 3px solid;
  color: #333333;
  padding: 8px 10px 6px;
  font-size: 13px;
  position: relative;
  margin: 5px auto -2px;
}
.sideArea .sidebar .head3:before {
  content: none !important;
}
.sideArea .sidebar ul.navlist {
  padding-bottom: 10px;
}
.sideArea .sidebar ul.navlist a {
  display: block;
  padding: 0.7em 0.5em 0.7em 23px;
}
.sideArea .sidebar ul.navlist li {
  position: relative;
}
.sideArea .sidebar ul.navlist li p {
  padding: 0 0.5em 0 23px;
  font-size: 90%;
}
.sideArea .sidebar ul.navlist li:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 5px;
  color: #cc0000;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar ul.navlist li.popup:before {
  content: "\e924";
  top: 13px;
  left: 9px;
}
.sideArea .sidebar ul.navlist li.more {
  text-align: right;
}
.sideArea .sidebar ul.navlist li.more a {
  padding: 0.7em 23px 0.7em 0.5em;
}
.sideArea .sidebar ul.navlist li.more:before {
  content: "\f101";
  top: 13px;
  right: 7px;
  left: auto;
}
.sideArea .sidebar ul.navlist li.parent {
  padding: 0.7em 0.5em 0.7em 23px;
  font-weight: bold;
}
.sideArea .sidebar ul.navlist li.parent:before {
  content: "\f107";
  color: #333333;
  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 {
  content: "+";
  color: #cc0000;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar ul.navlist li.parent.toggleParent.active:before {
  content: "-";
  color: #cc0000;
}
.sideArea .sidebar ul.navlist li.parent.toggleParent + *.child {
  display: none;
}
.sideArea .sidebar ul.navlist li.parent.toggleParent + *.child + .head2 {
  border-top: 1px solid #eeeeee;
}
.sideArea .sidebar ul.navlist li.child ul {
  font-size: 90%;
}
.sideArea .sidebar ul.navlist li.child ul a {
  padding: 0.5em 0.5em 0.5em 20px;
}
.sideArea .sidebar ul.btnlist {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.sideArea .sidebar ul.btnlist a {
  display: block;
  padding: 0.9em 0.5em 0.9em 23px;
  background: #cc0000;
  color: #FFF;
  border-radius: 3px;
  font-size: 12px;
}
.sideArea .sidebar ul.btnlist li {
  position: relative;
  margin-bottom: 10px;
}
.sideArea .sidebar ul.btnlist li:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #FFF;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 15px;
  font-weight: normal;
}
.sideArea .sidebar ul.btnlist li.popup:before {
  content: "\e924";
  top: 16px;
  left: 9px;
}
.sideArea .sidebar .bgG ul.btnlist li:last-child {
  margin-bottom: 0;
}
.sideArea .sidebar .bgG > .navlist:first-child {
  border-top: 4px solid #cc0000;
}

/* 新デザインB */
.sideArea .sidebar.design_white {
  margin-top: 20px;
  font-size: 13px;
}
.sideArea .sidebar.design_white .topborder {
  border-top: 4px solid #cc0000;
}
.sideArea .sidebar.design_white .bgG {
  background: #FFF;
}
.sideArea .sidebar.design_white hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px dotted #c8c8c8;
}
.sideArea .sidebar.design_white .head {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  border-top: 4px solid #cc0000;
  color: #FFF;
  padding: 9px 10px 8px;
  font-size: 15px;
  background: #cc0000;
}
.sideArea .sidebar.design_white .head2 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  background: #f7f7f7;
  color: #333333;
  padding: 8px 10px 6px;
  font-size: 13px;
  position: relative;
  padding-left: 24px;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}
.sideArea .sidebar.design_white .head2:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f0d7";
  margin-right: 6px;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  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 {
  content: "+";
  color: #cc0000;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar.design_white .head2.toggleParent.active:before {
  content: "-";
  color: #cc0000;
}
.sideArea .sidebar.design_white .head2.toggleParent + * {
  display: none;
}
.sideArea .sidebar.design_white .head2.toggleParent + * + .head2 {
  border-top: 1px solid #eeeeee;
}
.sideArea .sidebar.design_white .head3 {
  text-align: center;
  border-left: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  border-top: #dcdcdc 3px solid;
  color: #333333;
  padding: 8px 10px 6px;
  font-size: 13px;
  position: relative;
  margin: 5px auto -2px;
}
.sideArea .sidebar.design_white .head3:before {
  content: none !important;
}
.sideArea .sidebar.design_white ul.navlist {
  padding-bottom: 10px;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}
.sideArea .sidebar.design_white ul.navlist a {
  display: block;
  padding: 0.7em 0.5em 0.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 {
  padding: 0 0.5em 0 23px;
  font-size: 90%;
}
.sideArea .sidebar.design_white ul.navlist li:after {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  background: #dcdcdc;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.sideArea .sidebar.design_white ul.navlist li:last-child:after {
  content: none;
}
.sideArea .sidebar.design_white ul.navlist li:before, .sideArea .sidebar.design_white ul.navlist li.popup:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105" !important;
  margin-right: 5px;
  color: #cc0000;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar.design_white ul.navlist li.popup a:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.4em;
  font-size: 10px;
  color: #cc0000;
  top: 11px;
  display: inline-block;
}
.sideArea .sidebar.design_white ul.navlist li.more {
  text-align: right;
}
.sideArea .sidebar.design_white ul.navlist li.more a {
  padding: 0.7em 23px 0.7em 0.5em;
  text-decoration: underline;
}
.sideArea .sidebar.design_white ul.navlist li.more:before {
  content: "\f101";
  top: 13px;
  right: 7px;
  left: auto;
}
.sideArea .sidebar.design_white ul.navlist li.parent {
  padding: 0.7em 0.5em 0.7em 23px;
  font-weight: bold;
}
.sideArea .sidebar.design_white ul.navlist li.parent:before {
  content: "\f107";
  color: #333333;
  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 {
  content: "+";
  color: #cc0000;
  font-size: 12px;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 13px;
}
.sideArea .sidebar.design_white ul.navlist li.parent.toggleParent.active:before {
  content: "-";
  color: #cc0000;
}
.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 #eeeeee;
}
.sideArea .sidebar.design_white ul.navlist li.child ul {
  font-size: 90%;
}
.sideArea .sidebar.design_white ul.navlist li.child ul a {
  padding: 0.5em 0.5em 0.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: bold;
}
.sideArea .sidebar.design_white ul.btnlist a {
  display: block;
  padding: 0.9em 0.5em 0.9em 23px;
  background: #cc0000;
  color: #FFF;
  border-radius: 3px;
  font-size: 12px;
}
.sideArea .sidebar.design_white ul.btnlist li {
  position: relative;
  margin-bottom: 10px;
}
.sideArea .sidebar.design_white ul.btnlist li:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #FFF;
  position: absolute;
  left: 10px;
  font-size: 10px;
  top: 15px;
  font-weight: normal;
}
.sideArea .sidebar.design_white ul.btnlist li.popup:before {
  content: "\e924";
  top: 16px;
  left: 9px;
}
.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 #cc0000;
}

/* navi_int_2000.inc 暫定調整デザイン */
#navi-box-r.temp h3 {
  border-left: 0;
  padding-left: 0;
  margin: 0;
}

#navi-box-r.int.temp #int-nb-inquiry input#reqCodeNo1 {
  width: 100%;
}

/* tablet */
@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 {
	width: 100%;
	display: block;
	text-align: center;
  }
  #navi-box-r.int.temp #int-nb-inquiry input#reqCodeNo1 {
	width: 100%;
  }
} /* yubinpc */
/*	ssiArea
----------------------------------------------- */
.footPRbnr .linkbox3 a {
  transition: 0.3s;
}
.footPRbnr .linkbox3 a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.footPRbnr .linkbox3 a dl dt {
  background: #f7f7f7;
  text-align: center;
  min-height: 132px;
  padding: 5px;
  position: relative;
}
.footPRbnr .linkbox3 a dl dt img {
  max-height: 102px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  max-width: 90%;
}
.footPRbnr .linkbox3 a dl dd .title {
  font-size: 1em;
}
.footPRbnr .linkbox3 a dl dd p {
  font-size: 0.8em;
}

@media screen and (max-width: 750px) {
  .footPRbnr .linkbox3 a dl dt {
	min-height: auto;
  }
  .footPRbnr .linkbox3 a dl dt img {
	width: 100%;
	height: auto;
	position: relative;
	max-height: none;
  }
} /* sp */
.innerwidth.footPRbnr {
  margin-top: 50px;
}

#utility {
  border: 1px solid #eeeeee;
  margin: 40px auto 30px;
  padding: 3% 2%;
}
#utility a:link {
  text-decoration: none !important;
}
#utility a:hover {
  text-decoration: underline !important;
}
#utility dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#utility dl em.heading {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 0.8rem;
  border-bottom: 1px solid #cc0000;
  display: block;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
#utility dl dt {
  flex-basis: 40%;
  max-width: 40%;
}
#utility dl dd {
  flex-basis: 20%;
  max-width: 20%;
  font-size: 0.9rem;
  padding-left: 2%;
}
#utility dl > dd:first-of-type {
  padding-left: 0;
}
#utility dl dt + dd:first-of-type {
  padding-left: 2%;
}
#utility dl dt h4, #utility dl dd h4 {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  border-bottom: 1px dotted #C3C3C3;
  margin-bottom: 10px;
}
#utility dl dt ul li, #utility dl dd ul li {
  font-size: 0.75rem;
}
#utility dl dt ul li a:before, #utility dl dd ul li a:before {
  display: inline-block;
  font-family: "yubin";
  content: "0";
  margin-right: 0.5em;
  color: #a0a0a0;
}
#utility dl dt ul li a, #utility dl dd ul li a {
  display: block;
  padding: 0.5em 0 0.5em 1em;
  border-bottom: 1px solid #eee;
  text-indent: -0.5em;
}
#utility dl dt ul.col2-l, #utility dl dd ul.col2-l {
  width: 50%;
  float: left;
}
#utility dl dt ul.col2-r, #utility dl dd ul.col2-r {
  width: 50%;
  float: right;
}
#utility dl p.arrow {
  font-size: 0.8rem;
  font-weight: bold;
  margin-top: 1em;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
#utility dl p.arrow:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #cc0000;
}

.clear {
  clear: both;
  font-size: 0;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  #utility {
	padding: 3% 3%;
  }
  #utility dl {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: 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;
  }
} /* yubinpc */
/* tablet */
@media screen and (max-width: 750px) {
  #utility {
	display: none;
  }
} /* sp */
/*	sidearea
----------------------------------------------- */
.pageClm2 .sideArea .navbody {
  margin-top: 20px;
}

/*----------------------------------------------------------
	print
--------------------------------------------------------- */
.printDisp {
  display: none;
}

@media print {
  body {
	margin: 0;
	padding: 0;
	font-size: 80% !important;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
  }
  img {
	width: 100% !important;
  }
  .printDisp {
	display: block;
  }
  header.top .headArea, header.top .globalNav {
	display: none;
  }
  .floatingBlock {
	display: none;
  }
  footer.common, #path-box {
	display: none;
  }
  /**[class^="sp-t"],*[class^="sp-b"],*[class^="sp-r"],*[class^="sp-l"]{margin:0 !important;}
  .w10p,.w20p,.w30p,.w40p,.w50p,.w60p,.w70p,.w80p,.w90p,.w100p{width:100% !important;}*/
}
/* head h1 div adjustment */
header .headArea div.siteid {
  position: absolute;
  left: 0;
  top: 0;
}

header .headArea div.siteid a img {
  height: 60px;
}

@media screen and (max-width: 750px) {
  header .headArea div.siteid {
	text-align: center;
	padding: 12px 0 9px;
	position: relative;
	display: inline-block;
  }
  header .headArea div.siteid a {
	display: inline-block;
  }
  header .headArea div.siteid a img {
	margin: auto;
	height: 31px;
  }
}/*# sourceMappingURL=layout.css.map */