@charset "UTF-8";
.list-01.branch li, .branch.list-products li, .list-def-01, .list-def-01 dd, .list-top-contents, .list-sns-icon, .list-bnr-group, .list-image, .list-shop-merit, .list-search li, .list-ybbnav li, .list-ybbnav li a, .list-app, .list-box > li, .list-flow-04 li.col2 .flow-col-02, .link-list, .uni-link-list, .link-list-01 li, .link-list-04 li, .link-list-05, .link-list-social, .link-shop-model, .nav-service, .nav-migrate:after, .nav-migrate .nav-migrate-list:after, .nav-migrate .btn-option:after, .col-2, .col-3, .col-4, .col-5, .box-04[class*="col-"], .box-04-01[class*="col-"], .box-04-02[class*="col-"], .box-04-03[class*="col-"], .box-05, .box-05 dd ul, .image-left,
.image-right, .grid-arr, .shop-search, .contents-site-search .box-01, .contents-site-search form, #bizsearchAspForm2,
#bizsearchAspForm3, .tab + .btn-option, .uni-tabs .tab-link, .box-ybb-contact, .gen-search, .tab-list, .carousel ul.thumbs, .list-carousel, .text-02 .list-carousel, .tab-01, .toplink-area ul, .list-product-img .boxLineup,.serial-link, .serial-link ul, .related-news, .related-news_bottom, .col-3.movie-gallery .tag-list,.snsComponent, .nav-migrate .cate-option {
  zoom: 1;
}
.list-01.branch li:after, .branch.list-products li:after, .list-def-01:after, .list-def-01 dd:after, .list-top-contents:after, .list-sns-icon:after, .list-bnr-group:after, .list-image:after, .list-shop-merit:after, .list-search li:after, .list-ybbnav li:after, .list-ybbnav li a:after, .list-app:after, .list-box > li:after, .list-flow-04 li.col2 .flow-col-02:after, .link-list:after, .uni-link-list:after, .link-list-01 li:after, .link-list-04 li:after, .link-list-05:after, .link-list-social:after, .link-shop-model:after, .nav-service:after,.nav-migrate-container:after, .nav-migrate:after, .nav-migrate .nav-migrate-list:after, .nav-migrate .btn-option:after, .col-2:after, .col-3:after, .col-4:after, .col-5:after, .box-04[class*="col-"]:after, .box-04-01[class*="col-"]:after, .box-04-02[class*="col-"]:after, .box-04-03[class*="col-"]:after, .box-05:after, .box-05 dd ul:after, .image-left:after,
.image-right:after, .grid-arr:after, .shop-search:after, .contents-site-search .box-01:after, .contents-site-search form:after, #bizsearchAspForm2:after,
#bizsearchAspForm3:after, .tab + .btn-option:after, .uni-tabs .tab-link:after, .box-ybb-contact:after, .gen-search:after, .tab-list:after, .carousel ul.thumbs:after, .list-carousel:after, .text-02 .list-carousel:after, .tab-01:after, .toplink-area ul:after, .list-product-img .boxLineup:after, .col-3.movie-gallery .tag-list:after,.snsComponent:after,
.nav-migrate .cate-option:after, .nav-page-02:after {
  display: block;
  clear: both;
  content: "";
}

.link-list-05 > li, .link-shop-model li, .btn-01, .btn-04, .btn-02, .uni-btn-02, .btn-02.branch-03, .uni-btn-02.branch-03, .btn-03, .btn-list.col-2 li, .tbl, .tbl-04, .tbl-comparision, .tbl-01, .tbl-03, .tbl-04 input[type="text"],
.tbl-04 input[type="email"],
.tbl-04 textarea, .box-04 .unit, .box-04-01 .unit, .box-04-02 .unit, .box-04-03 .unit, .grid-arr > .unit, .tab > li > a, .tab + .btn-option > li a, .uni-tabs .tab-link > li, .tabPanel, .box-ybb-contact .box-internet,
.box-ybb-contact .box-reception, .gen-search input[type="text"], .gen-search button[type="submit"], .tab-block, .tab-list a, .list-carousel li, .tab-01 a, .tab-bokin li a, .nav-migrate .btn-option > li a, .col-3.movie-gallery .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ----------------------------------------------------------------
    heading
----------------------------------------------------------------- */
/* hdg-l1
----------------------------------------------- */
.hdg-l1 {
  margin: 0 0 20px;
  padding: 20px 0 18px;
  border-top: 3px solid #84919d;
  border-bottom: 1px solid #d8dadc;
  font-size: 171.43%;
  line-height: 1.2;
}
.hdg-l1 span {
  margin: 0;
  font-size: 57.14%;
  font-weight: bold;
}

/* hdg-l2
----------------------------------------------- */
.hdg-l2 {
  position: relative;
  margin: 40px 0 20px !important;
  padding: 9px 0 6px 10px !important;
  border-bottom: 1px solid #d8dadc;
  font-size: 128.57%;
  line-height: 1.2 !important;
  background-image: none !important;
}
.hdg-l2:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 3px;
  height: 100%;
  background-color: #84919d;
  content: "";
}
.hdg-l2:first-child {
  margin-top: 0 !important;
}

.hdg-l2-container {
  position: relative;
  margin-top: 40px;
}
.hdg-l2-container > p {
  margin: 0 !important;
  padding: 0;
  position: absolute;
  right: 0;
  top: .6em;
  font-size: 100%;
}
.hdg-l1 + .hdg-l2-container {
  margin-top: 0;
}
.hdg-l2-container + .hdg-l3 {
  margin-top: 20px !important;
}

.col-2 + .hdg-l2 {
  margin-top: 10px !important;
}

/* hdg-l3
----------------------------------------------- */
.hdg-l3 {
  margin: 40px 0 10px !important;
  padding: 10px 10px 9px !important;
  border: 1px solid #d8dadc;
  font-size: 114.29%;
  line-height: 1.2 !important;
  background-image: none !important;
}

.hdg-l3-container {
  position: relative;
}
.hdg-l3-container > p {
  margin: 0 !important;
  padding: 0;
  position: absolute;
  right: 10px;
  top: .9em;
  font-size: 85.71%;
  font-weight: bold;
}

/* hdg-l4
----------------------------------------------- */
.hdg-l4 {
  margin: 0 0 10px;
  padding: 0 0 1px;
  border-bottom: 2px solid #d8dadc;
  font-size: 100%;
}

/* hdg-l5
----------------------------------------------- */
.hdg-l5 {
  position: relative;
  margin: 15px 0 10px;
  padding: 0 0 0 12px;
  font-size: 100%;
}
.hdg-l5:before {
  position: absolute;
  top: .3em;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  background-color: #84919d;
  content: "";
}

/* hdg-l6
----------------------------------------------- */
.hdg-l6 {
  margin: 15px 0 10px;
  font-size: 100%;
}

.hdg-l1 + .hdg-l2,
.hdg-l2 + .hdg-l3,
.hdg-l3 + .hdg-l4,
.hdg-l4 + .hdg-l5 {
  margin-top: 20px !important;
}

/* hdg-top-l2-container
----------------------------------------------- */
.hdg-top-l2-container {
  position: relative;
  margin: 30px 0 10px;
  padding: 10px 0 8px;
  border-top: 3px solid #84909e;
  border-bottom: 1px solid #d8dadc;
  line-height: 1.2;
}
.hdg-top-l2-container .hdg {
  font-size: 114.29%;
}
.hdg-top-l2-container p {
  position: absolute;
  top: .8em;
  margin: 0 !important;
  font-size: 85.71%;
}
.hdg-top-l2-container img {
  vertical-align: middle;
}
.hdg-top-l2-container .link {
  right: 0;
}
.hdg-top-l2-container.line-reset-bottom {
  margin-bottom: 0;
  border-bottom: 0;
}
.hdg-top-l2-container.with-rss p.link {
  right: 36px;
}
.hdg-top-l2-container.with-rss p.rss {
  right: 0;
  padding: 0 0 0 10px;
  border-left: 1px solid #d8dadc;
}
.col-2 + .hdg-top-l2-container {
  margin-top: 0;
}
.col-3 + .hdg-top-l2-container {
  margin-top: 15px;
}

#contents-area .hdg-top-l2-container:first-child {
  margin-top: 0;
}

/* hdg-top-l3-container
----------------------------------------------- */
.hdg-top-l3-container {
  margin: 20px 0 10px;
  padding: 11px 10px 10px;
  border: 1px solid #d8dadc;
}
.hdg-top-l3-container .hdg {
  margin: 0;
  padding: 0;
  font-size: 85.71%;
}
.hdg-top-l3-container.with-link {
  position: relative;
  padding-right: 6em;
  zoom: 1;
}
.hdg-top-l3-container.with-link .link {
  position: absolute;
  top: 1em;
  right: 10px;
  margin: 0 !important;
  font-size: 85.71%;
  line-height: 1.33;
}
.hdg-top-l3-container.with-icon {
  position: relative;
  padding-left: 44px;
}
.hdg-top-l3-container.with-icon img {
  position: absolute;
  top: 6px;
  left: 10px;
}
.hdg-top-l3-container + .link-list {
  margin: -2px 0 8px;
}
.hdg-top-l3-container + .link-list + .right {
  margin-bottom: 0 !important;
}

/* hdg-top-l4
----------------------------------------------- */
.hdg-top-l4 {
  margin: 15px 0;
  padding: 0 0 .2em;
  border-bottom: 2px solid #d8dadc;
  font-size: 85.71%;
}

/* hdg-top-purpose-l3
----------------------------------------------- */
.hdg-top-purpose-l3 {
  margin: 0 0 5px;
  font-size: 12px;
}

/* hdg-top-recommended-l3
----------------------------------------------- */
.hdg-top-recommended-l3 {
  margin: 0 0 5px;
  font-size: 12px;
}

/* hdg-search-l2
----------------------------------------------- */
.hdg-search-l2 {
  position: relative;
  margin: 0 0 10px;
  padding: 0 5em 5px 0;
  border-bottom: 1px solid #d8dadc;
  font-weight: normal;
  font-size: 128.57%;
  zoom: 1;
}
.hdg-search-l2 span {
  position: absolute;
  right: 0;
  bottom: 5px;
}
.hdg-search-l2 em {
  vertical-align: bottom;
}
.hdg-search-l2 .count {
  font-size: 166.67%;
  line-height: 1;
}

/* hdg-important-l2
----------------------------------------------- */
.hdg-important-l2 {
  margin: 0;
  font-size: 14px;
}

/* hdg-important-l3
----------------------------------------------- */
.hdg-important-l3 {
  margin: 10px 0;
  padding: 3px 8px;
  background-color: #e61919;
  color: #fff;
  font-size: 14px;
}
.hdg-important-l3 img {
  margin: 0 6px 0 0;
  vertical-align: middle;
}

/* hdg-important-l4
----------------------------------------------- */
.hdg-important-l4 {
  position: relative;
  margin: 0;
  padding: 0 0 9px 26px;
  font-size: 12px;
}
.hdg-important-l4.line-dot-top {
  padding-top: 10px;
  border-top: 1px dotted #d8dadc;
}
.hdg-important-l4.line-dot-top img {
  top: 10px;
}
.hdg-important-l4 img {
  position: absolute;
  top: 0;
  left: 0;
}

/* div.hdg-group
----------------------------------------------- */
.hdg-group {
  position: relative;
  padding: 20px 0 19px;
  width: 950px;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
}
.hdg-group .sb3c-logo {
  position: absolute;
  top: 17px;
  right: 0;
}

/* margin 調整
----------------------------------------------- */
.hdg-top-l2-container + .hdg-top-l3-container {
  margin-top: 10px;
}

p + .hdg-top-l3-container {
  margin-top: 20px;
}

.col .hdg-top-l3-container:first-child {
  margin-top: 0;
}

/* ----------------------------------------------------------------
    text
----------------------------------------------------------------- */
/* p
----------------------------------------------- */
.lyt-top #contents-body p {
  margin: 5px 0 10px;
  font-size: 85.71%;
  line-height: 1.33;
}
.lyt-top #contents-body section p:last-child {
  margin-bottom: 0;
}

p.hv-center {
  display: table;
  width: 100%;
  height: 100%;
}
p.hv-center > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* .note
----------------------------------------------- */
span.note, p.note {
  font-size: 85.71%;
  margin-bottom: 3px;
  line-height: 1.4;
}

p.note {
  line-height: 1.666;
}

/* strong
----------------------------------------------- */
strong {
  font-weight: bold;
}
strong.attention {
  color: #2174ed;
}

/* em
----------------------------------------------- */
em {
  font-weight: bold;
}

/* .ac, .error
----------------------------------------------- */
.ac {
  color: #e64646 !important;
}

.ac-02 {
  color: #ff78dc !important;
}

.error {
  color: #e61919 !important;
  margin: 0 0 5px;
}

/* .required
----------------------------------------------- */
.required {
  padding-left: .5em;
  font-size: 85.71%;
  white-space: nowrap;
}
.tbl .required, .tbl-04 .required, .tbl-comparision .required {
  font-size: 100%;
}

/* catch
----------------------------------------------- */
.catch {
  font-weight: bold;
  font-size: 142.86%;
}

/* catch-03
----------------------------------------------- */
.catch-03 {
  font-size: 171.43%;
  color: #666;
  line-height: 1.29;
}

/* shinsai-message
----------------------------------------------- */
.shinsai-message {
  margin: 20px 20px 0;
}

/* written-in
----------------------------------------------- */
.written-in {
  display: inline-block;
  font-size: 10px;
}

/* font-size
----------------------------------------------- */
.fs-s {
  font-size: 85.71%;
}

.fs-24{
  font-size: 171.43% !important;
}

.fs-18{
  font-size: 128.57% !important;
}

.fs-16{
  font-size: 114.29% !important;
}


/* 日付テキスト用 G-PC-TX-05
----------------------------------------------- */
.date-text {
  margin-bottom: 20px;
  text-align: right;
}

/* ----------------------------------------------------------------
    list
----------------------------------------------------------------- */
/* dl リセット
----------------------------------------------- */
dl, dt, dd {
  margin: 0;
  padding: 0;
}

/* ol
----------------------------------------------- */
ol {
  margin: 0 0 0 2em;
}
ol ol {
  margin-top: 5px;
  margin-bottom: 5px;
}

[class*="list-"], .notice-list.large, .uni-link-list, .list {
  line-height: 1.3;
}

[class*="list-"].note, .uni-link-list.note, .list.note {
  line-height: 1.2;
}

.notice-list {
  line-height: 1.35;
}

[class*="list-"].note > li,
.link-list.note > li,
.uni-link-list.note > li {
  margin-bottom: 12px;
  font-size: 85.71%;
}
[class*="list-"].note > li > .list-bullet-01,
.link-list.note > li > .list-bullet-01,
.uni-link-list.note > li > .list-bullet-01 {
  font-size: inherit;
}

[class*="list-"] > li [class*="list-"], [class*="list-"] > li .notice-list {
  margin-top: 11px;
  margin-bottom: 0;
}

.notice-list > li [class*="list-"] {
  margin-top: 11px;
  margin-bottom: 0;
}

/* list-order
----------------------------------------------- */
.list-order {
  margin: 0 0 20px 2em;
}
.list-order > li {
  margin: 0 0 12px;
}
.list-order .list-order {
  margin-top: 5px;
  margin-bottom: 0;
}

/* list-number
----------------------------------------------- */
.list-number {
  margin: 0 0 20px;
}
.list-number > li {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 2.2em !important;
}
.list-number > li > span {
  position: absolute;
  top: 0;
  left: 0;
}

/* list-alpha-01
----------------------------------------------- */
.list-alpha-01 {
  margin: 0 0 20px 2em;
}
.list-alpha-01 > li {
  margin: 0 0 12px;
  list-style: upper-alpha;
}

/* list-alpha-02
----------------------------------------------- */
.list-alpha-02 {
  margin: 0 0 20px 2em;
}
.list-alpha-02 > li {
  margin: 0 0 12px;
  list-style: lower-alpha;
}

/* list-bullet
----------------------------------------------- */
.list-bullet {
  margin: 0 0 20px 22px;
}
.list-bullet > li {
  margin: 0 0 5px;
  list-style-type: disc;
}
.list-bullet .list-bullet {
  margin-top: 5px;
  margin-bottom: 0;
}
textarea + .list-bullet {
  margin-top: 10px;
}

.list-bullet-01 {
  margin: 0 0 20px 4px;
}
.list-bullet-01 > li {
  margin: 0 0 12px;
  padding-left: 15px;
  background: url(/site/set/common/p/img/icon-bullet-02.png) 0 5px no-repeat;
}
html:lang(en) .list-bullet-01 > li {
  background-position:0 6px;
}
.list-bullet-01 > li .list-bullet-01 {
  margin-left: 10px;
}

.right .inline-block .list-bullet-01 {
  font-size: inherit;
}
.right .inline-block .list-bullet-01 > li {
  padding-left: 16px;
  background: url(/site/set/common/p/img/bullet-note.gif) 0 5px no-repeat;
}

[class*="list-"] li .list-bullet-01,
.uni-link-list li .list-bullet-01 {
  font-size: inherit;
}
[class*="list-"] li .list-bullet-01 > li,
.uni-link-list li .list-bullet-01 > li {
  padding-left: 16px;
  background: url(/site/set/common/p/img/bullet-note.gif) 0 3px no-repeat;
}

.list-bullet-02 {
  margin: 0 0 20px 0;
}
.list-bullet-02 > li {
  margin: 0 0 12px;
  padding-left: 13px;
  background: url(/site/set/common/p/img/icon-bullet.png) 0 3px no-repeat;
}
.list-bullet-02 .list-bullet-01 {
  font-size: inherit;
}

[class*="list"] .list-bullet-01 {
  margin-bottom: 0;
}

.hdg-top-l3-container + p + .list-bullet-01 {
  margin-bottom: 10px;
}

/* list-bullet-03
----------------------------------------------- */
.list-bullet-03 {
  margin: 0 0 20px;
}
.list-bullet-03 > li {
  margin-bottom: 12px;
  padding-left: 16px;
  background: url(/site/set/common/p/img/bullet-note.gif) 0 4px no-repeat;
}

.list-bullet-03.note > li{
  font-size: 85.7%;
}



/* list
----------------------------------------------- */
.list {
  margin: 0.41667em 0 15px;
  border-top: 1px dotted #d8dadc;
  border-bottom: 1px dotted #d8dadc;
}
.list li {
  margin: 0;
  padding: 8px 0 6px;
  border-top: 1px dotted #d8dadc;
}
.list li:first-child, .list li.pseudo-first-child {
  border-top: none;
}
.list p {
  margin: 0.66667em 0 0 !important;
  font-size: 100% !important;
}
.list.line-dot-top {
  margin: 0.41667em 0 10px;
  border-bottom: 1px dotted #d8dadc;
}
.list.line-dot-top li:first-child, .list.line-dot-top li.pseudo-first-child {
  padding-top: .6em;
}
.list .list {
  margin: 5px 0 0 30px;
  font-size: inherit;
  border: none;
}
.list .list:first-child {
  padding-top: 8px;
  border-top: 1px dotted #d8dadc;
}
.list .list > li:last-child {
  padding-bottom: 0;
}
.list .list > li:first-child {
  padding-top: 0;
}

/* list-01
----------------------------------------------- */
.list-01, .list-products {
  margin: 5px 0 10px;
  font-size: 85.71%;
}
.list-01 li, .list-products li {
  margin: 0;
  padding: .6em 0;
  border-top: 1px dotted #d8dadc;
}
.list-01 li:first-child, .list-products li:first-child, .list-01 li.pseudo-first-child, .list-products li.pseudo-first-child {
  border-top: none;
  padding-top: 0;
}
.list-01 li:last-child, .list-products li:last-child {
  padding-bottom: 0;
}
.list-01 li a em, .list-products li a em {
  color: #2174ed;
}
.list-01 .medium, .list-products .medium {
  font-size: 116.67%;
}
.list-01.line-dot-bottom li:last-child, .line-dot-bottom.list-products li:last-child {
  padding-bottom: .6em;
}
.list-01 p, .list-products p {
  margin: 6px 0 0 !important;
  font-size: 100% !important;
}
.list-01.branch .thumb, .branch.list-products .thumb {
  float: left;
  padding-right: 10px;
}
.list-01.branch .detail, .branch.list-products .detail {
  overflow: hidden;
}

/* list-def
----------------------------------------------- */
.list-def {
  margin: 0 0 20px;
}
.list-def dt {
  margin: 7px 0 .2em;
  font-weight: bold;
}
.list-def dd {
  margin: 0 0 .2em;
}

/* list-def-01
----------------------------------------------- */
.list-def-01 {
  margin: 0 0 20px;
  border-bottom: 1px dotted #d8dadc;
}
.list-def-01 dt {
  display: inline;
  float: left;
  clear: both;
  margin: 0 -220px 0 0;
  padding: 10px 0 0;
  width: 220px;
  border-top: 1px dotted #d8dadc;
}
.list-def-01 dd {
  margin: 0 0 0 220px;
  padding: 10px 0 10px 10px;
  border-top: 1px dotted #d8dadc;
}
.list-def-01 .link-list {
  margin-bottom: 0;
}

/* list-gen
----------------------------------------------- */
.list-gen > li {
  margin: 0 0 12px;
}
.list-gen > li > span:first-child {
  display: table-cell;
  white-space: nowrap;
}
.list-gen > li > div {
  display: table-cell;
}

/* list-top-contents
----------------------------------------------- */
.list-top-contents {
  margin: 0;
  padding: 0;
  width: 350px;
}
.list-top-contents li {
  float: left;
  margin: 0 0 10px;
  width: 175px;
}
.list-top-contents li:nth-child(2n) {
  width: 165px;
  margin-left: 5px;
}

/* list-top-purpose
----------------------------------------------- */
.list-top-purpose {
  padding: 0 0 0 10px;
}
.list-top-purpose li {
  padding: 2px 0;
  font-size: 85.71%;
}

/* list-info
----------------------------------------------- */
.list-info li {
  position: relative;
  margin: 10px 0 0;
  font-size: 85.71%;
}
.list-info li:first-child {
  margin-top: 0;
}
.list-info img {
  position: relative;
  top: -1px;
  vertical-align: middle;
}
.list-info span {
  font-size: 83.33%;
}
.list-info .company {
  display: block;
  padding: 3px 0;
}
.list-info img.pdficon,
.list-info img.wmvicon,
.list-info img.xlsicon,
.list-info img.flipicon,
.list-info img.rssicon,
.list-info img.zipicon,
.list-info img.mailicon,
.list-info img.newwindowicon,
.list-info img.videoicon,
.list-info img.icon-new {
  margin: 0 3px 0 !important;
}
.list-info.mobile a:before {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  visibility: hidden;
  line-height: 2.5;
}
.list-info + .hdg-top-l3-container {
  margin-top: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .list-info.mobile a:before {
    display: none;
  }
  .list-info.mobile br {
    display: block;
    content: " ";
    margin-bottom: 8px;
  }
}
/* list-news-ir
----------------------------------------------- */
.list-news-ir {
  margin: 0;
  padding: 0 0 7px;
  font-size: 85.71%;
}
.list-news-ir .date {
  font-size: 71.43%;
}
.list-news-ir li {
  padding: .5em 0;
  border-top: 1px dotted #d8dadc;
}
.list-news-ir li:first-child {
  border-top: 0;
}

/* list-ir
----------------------------------------------- */
.list-ir {
  margin: 10px 0 0;
  padding: 0;
  font-size: 85.71%;
}
.list-ir dt {
  margin: 0 0 .6em;
  padding: 0;
  font-weight: bold;
}
.list-ir dd {
  margin: 0 0 .6em;
  padding: 0;
}
.list-ir li {
  margin-bottom: 5px;
}

/* list-sbnews
----------------------------------------------- */
.list-sbnews {
  margin: 0;
}
.list-sbnews li {
  margin: 5px 0 0 0;
}
.list-sbnews li:first-child {
  margin-top: 0;
}
.list-sbnews p {
  margin: 0 0 .5em;
}
.list-sbnews .date {
  display: block;
  margin: 0 0 .1em;
  font-size: 71.43%;
}
.list-sbnews .image-left .image {
  margin: 0 5px 15px 0;
}
.list-sbnews .image-left .col {
  float: none;
  margin: 0;
  width: auto;
}

/* list-bnr
----------------------------------------------- */
.list-bnr {
  padding: 0 0 10px;
}
.list-bnr li {
  margin: 0 0 10px;
  border: 1px solid #d8dadc;
}
.list-bnr li:last-child {
  margin-bottom: 0;
}

.col .list-bnr:last-of-type {
  padding-bottom: 0;
}

/* list-sns-icon
----------------------------------------------- */
.list-sns-icon {
  margin: 0;
  padding: 10px 0 10px 5px;
  border-top: 1px solid #d8dadc;
}
.list-sns-icon li {
  display: inline;
  float: left;
  margin: 0 0 0 5px;
}

/* list-bnr-sns
----------------------------------------------- */
.list-bnr-sns {
  margin: 0 0 20px;
  border: 1px solid #d8dadc;
  border-top: 0;
}
.list-bnr-sns li {
  margin: 0;
  border-top: 1px solid #d8dadc;
}

/* list-bnr-group
----------------------------------------------- */
.list-bnr-group {
  margin: 0 0 0 -10px;
}
.list-bnr-group li {
  float: left;
  margin: 0 0 0 10px;
  width: 170px;
  height: 80px;
}

/* list-recommended
----------------------------------------------- */
.list-recommended {
  margin: 0;
  text-align: center;
}
.list-recommended li {
  margin: 0 0 10px;
  padding: 0;
}
.list-recommended li:last-child {
  margin-bottom: 0;
}

/* list-timeline
----------------------------------------------- */
.list-timeline {
  margin: 0 0 20px;
  font-size: 85.71%;
}
.list-timeline li {
  position: relative;
  padding: 0.5em 0 0 7.66667em;
}
.list-timeline li .date {
  position: absolute;
  top: .7em;
  left: 4px;
  font-size: 83.33%;
}
.list-timeline li:first-child {
  padding-top: 0;
}
.list-timeline li:first-child .date {
  top: .15em;
}
.list-timeline.with-category li {
  padding-left: 14em;
}
.list-timeline.with-category li .icon {
  position: absolute;
  top: .5em;
  left: 7.66667em;
}
.list-timeline.shop, .list-timeline.lifestyle, .list-timeline.support {
  margin-top: -2px;
}
.list-timeline.shop li:first-child, .list-timeline.lifestyle li:first-child, .list-timeline.support li:first-child {
  padding-top: 0;
}
.list-timeline.shop li:first-child .date, .list-timeline.lifestyle li:first-child .date, .list-timeline.support li:first-child .date {
  top: 2px;
}
.list-timeline.shop li .date, .list-timeline.lifestyle li .date, .list-timeline.support li .date {
  left: 0;
}
.list-timeline.campaign {
  font-size: 85.7%;
}
.list-timeline.campaign li {
  padding-left: 10.2em;
}
.list-timeline.campaign li .date {
  font-size: 100%;
}
.list-timeline.campaign li .content {
  font-size: 116.6%;
}

/* list-image
----------------------------------------------- */
.list-image {
  margin: 0 0 10px;
}
.list-image li {
  display: inline;
  float: left;
  margin: 0 0 10px 10px;
}
.list-image.col-2 {
  margin-left: -20px;
}
.list-image.col-2 li {
  margin-left: 20px;
  width: 345px;
}
.list-image.col-3 {
  margin-left: -15px;
}
.list-image.col-3 li {
  margin-left: 15px;
  width: 226px;
}
.list-image.col-4 {
  margin-left: -10px;
}
.list-image.col-4 li {
  margin-left: 10px;
  width: 170px;
}
.list-image.col-4 li:last-child, .list-image.col-4 li:nth-last-child(2), .list-image.col-4 li:nth-last-child(3), .list-image.col-4 li:nth-last-child(4) {
  margin-bottom: 0;
}
.list-image.col-5 {
  margin-left: -10px;
}
.list-image.col-5 li {
  margin-left: 10px;
  width: 134px;
}

.col-2 .list-image.col-2 {
  margin: 0 0 0 -15px;
}
.col-2 .list-image.col-2 li {
  margin-left: 15px;
  width: 165px;
}

.list-image-02 {
  margin: 0 0 20px;
}
.list-image-02 > li {
  margin-top: 10px;
}
.list-image-02 > li:first-child {
  margin-top: 0;
}
.list-image-02[class*="col-"] {
  zoom: 1;
  margin: -20px 0 20px -20px !important;
}
.list-image-02[class*="col-"]:after {
  display: block;
  clear: both;
  content: "";
}
.list-image-02[class*="col-"] img {
  width: auto;
  height: auto;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list-image-02[class*="col-"] > li {
  margin-top: 20px;
  padding-left: 20px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.list-image-02.col-2 > li {
  width: 50%;
}
.list-image-02.col-3 > li {
  width: 33.33333%;
}
.list-image-02.col-3 > li + li + li {
  padding-left: 21px;
}
.list-image-02.col-4 {
  margin: -20px 0 20px -19px !important;
}
.list-image-02.col-4 > li {
  padding-left: 19px;
  width: 25%;
}
.list-image-02.col-4 > li + li + li + li {
  padding-left: 20px;
}
.list-image-02 .caption {
  text-align: left;
}

.grid-arr.t-2.col-2 .list-image-02 {
  margin: -20px 0 20px -19px !important;
}
.grid-arr.t-2.col-2 .list-image-02 > li {
  padding-left: 19px;
}

/* list-normal
----------------------------------------------- */
.list-normal {
  text-align: center;
  line-height: 1.2;
}
.list-normal li {
  display: inline;
  padding: 0 4px 0 10px;
  border-left: 1px solid #d8dadc;
}
.list-normal li:first-child {
  border-left: none;
}

/* list-form
----------------------------------------------- */
.list-form li {
  margin: .2em 0;
}
.list-form label {
  display: inline-block;
}
.list-form input[type="checkbox"], .list-form input[type="radio"] {
  margin-right: 5px;
}

/* list-form-01
----------------------------------------------- */
.list-form-01 {
  clear: both;
  margin: 0;
}
.list-form-01 li {
  display: inline-block;
  *display: inline;
  _display: inline;
  padding-right: 18px;
}
.list-form-01 li:last-child {
  padding-right: 0;
}
.list-form-01 label {
  white-space: nowrap;
}
.list-form-01 input[type="checkbox"], .list-form-01 input[type="radio"] {
  margin-right: 5px;
}
.list-form-01.col2 li {
  width: 45%;
}

/* list-image-social
----------------------------------------------- */
.list-image-social {
  margin: 0;
  padding: 0;
  border-top: 1px solid #d8dadc;
  border-left: 1px solid #d8dadc;
}
.list-image-social li {
  margin: 0;
  padding: 0;
  border-right: 1px solid #d8dadc;
  border-bottom: 1px solid #d8dadc;
}

/* list-shop-merit
----------------------------------------------- */
.list-shop-merit {
  margin: 0 0 10px;
  text-align: center;
  font-size: 85.71%;
  line-height: 1.2;
}
.list-shop-merit li {
  float: left;
}

/* list-search
----------------------------------------------- */
.list-search {
  margin: 0 0 20px;
  padding: 0;
  border-bottom: 1px dotted #d8dadc;
}
.list-search li {
  margin: 0;
  padding: 10px 0 5px;
  border-top: 1px dotted #d8dadc;
}
.list-search li:first-child {
  padding-top: 0;
  border-top: 0;
}
.list-search .image {
  display: inline;
  float: left;
  margin: 0 10px 5px 0;
  width: 145px;
}
.list-search .image img {
  width: 143px;
  height: auto;
  border: 1px solid #c4c7ca;
}
.list-search .col {
  display: inline;
  float: right;
  width: 555px;
}
.list-search p {
  margin: 0 0 5px;
  font-size: 85.71%;
}
.list-search .title {
  font-size: 114.29%;
}
.list-search .title em {
  color: #2174ed;
}
.list-search .url {
  color: #646464;
  font-weight: bold;
}

/* list-products
----------------------------------------------- */
.list-products .image-full {
  margin-bottom: 5px;
}
.list-products img {
  width: 120px;
  border: 1px solid #c4c7ca;
}

/* list-ybbnav
----------------------------------------------- */
.list-ybbnav {
  margin: 0 !important;
  font-size: 85.71%;
}
.list-ybbnav li {
  margin: 0 !important;
  padding: 10px;
  border-top: 1px solid #d8dadc;
}
.list-ybbnav li:first-child {
  border-top: none;
}
.list-ybbnav li img.left {
  display: inline;
  float: left;
  margin: 0 10px 0 0;
}
.list-ybbnav li a {
  display: block;
}
.list-ybbnav li a:hover .text {
  text-decoration: underline;
}
.list-ybbnav .text {
  display: inline-block;
  padding-top: 20px;
}

/* .list-release
----------------------------------------------- */
.list-release {
  margin: 0;
}
.list-release li {
  display: table;
  width: 100%;
  border-bottom: 1px dotted #d8dadc;
}
.list-release li > span {
  display: table-cell;
  vertical-align: top;
  padding: 10px 0;
}
.list-release li:first-child > span {
  padding-top: 2px;
}
.list-release li:first-child .release-title {
  padding-top: 0;
}
.list-release li .release-date {
  font-size: 85.71%;
  width: 110px;
  padding-right: 5px;
}
.list-release li .release-category {
  font-size: 10px;
  width: 85px;
}
.list-release li .title {
  margin: 0;
}
.list-release li .release-title {
  margin: 0;
  padding: 6px 0;
  line-height: 24px;
}
.list-release li .release-company {
  font-size: 85.71%;
}
.list-release.release-en li .release-date {
  width: 90px;
}
.list-release.t-1 > li {
  margin-bottom: 7px;
  padding-bottom: 5px;
}
.list-release.t-1 > li > span {
  padding: 3px 13px 0 0;
}
.list-release.t-1 > li p {
  padding: 0;
}
.list-release.t-1.no-border > li {
  margin-bottom: 3px;
  border-bottom: none;
}

/* .list-app
----------------------------------------------- */
.list-app {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.list-app li {
  float: left;
  margin: 0 0 10px;
  padding: 0;
  width: 178px;
  height: 31px;
}
.list-app li .left {
  float: left;
}
.list-app li .right {
  margin: 0;
}
.list-app li a {
  color: #333;
  text-decoration: none;
}

/* .list-registration
----------------------------------------------- */
.list-registration {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.list-registration li {
  position: relative;
  margin: 0 0 5px;
  padding: 0 0 0 65px;
  min-height: 30px;
}
.list-registration li .marker {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 7px 0;
  width: 55px;
  border-radius: 3px;
  background-color: #646464;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
.list-registration li .medium {
  font-size: 14px;
}

/* box-list (Common)
----------------------------------------------- */
.list-box > li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list-box > li .inner {
  display: table;
  width: 100%;
}
.list-box > li .inner .image {
  display: table-cell;
}
.list-box > li .inner .desc {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.list-box > li .inner .desc > :last-child {
  margin-bottom: 0;
}
.list-box > li > a {
  border: 1px solid #d8dadc;
  background-color: #fff;
  display: block;
}
.list-box[class*="col-"] {
  zoom: 1;
  margin: 0 0 20px;
}
.list-box[class*="col-"]:after {
  display: block;
  clear: both;
  content: "";
}
.list-box.t-1 {
  margin-top: -5px;
  margin-left: -5px;
}
.list-box.t-1 > li {
  margin-top: 5px;
  padding-left: 5px;
}
.list-box.t-1 > li > a {
  border: 1px solid #d8dadc;
}
.list-box.t-1.box-col-5 > li {
  width: 20%;
}
.list-box.t-2 {
  margin-top: -10px;
  margin-left: -10px;
}
.list-box.t-2 > li {
  margin-top: 10px;
  padding-left: 10px;
}
.list-box.t-2 > li > a {
  padding: 10px;
}
.list-box.t-2 > li > a .inner .image {
  padding: 0 12px 0 0;
}
.list-box.t-2 > li > a .inner .desc {
  font-size: 100%;
}
.list-box.t-2.box-col-2 > li {
  width: 50%;
}
.list-box.t-2.box-col-3 > li {
  width: 33.33333%;
}
.list-box.t-3 {
  margin-top: -20px;
  margin-left: -20px;
}
.list-box.t-3 > li {
  margin-top: 20px;
  padding-left: 20px;
}
.list-box.t-3 > li > div {
  border: 1px solid #d8dadc;
  padding: 10px;
}
.list-box.t-3 > li > div .inner .image {
  padding: 0 10px 0 0;
}
.list-box.t-3 > li > div .inner .desc {
  font-size: 100%;
  vertical-align: top;
}
.list-box.t-3.box-col-2 > li {
  width: 50%;
}
.list-box.t-3.box-col-3 > li {
  width: 33.33333%;
}

/* list-flow
----------------------------------------------- */
ol.list-flow {
  margin: 0 0 20px;
  list-style: none;
}
ol.list-flow > li {
  padding: 40px 228px 0 0;
  position: relative;
  overflow: hidden;
}
ol.list-flow > li .col {
  float: left;
  width: 207px;
}
ol.list-flow > li .col > .hdg:first-child > span {
  font-size: 85.71%;
  margin-bottom: 20px;
  padding: 5px 10px 2px;
  display: inline-block;
  background-color: #d7e3f5;
}
ol.list-flow > li .col > .hdg:first-child > span > em {
  font-size: 142.86%;
}
ol.list-flow > li .image {
  margin: 0 0 0 20px;
  float: left;
}
ol.list-flow > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 48%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 12px 0 12px;
  border-color: #d8dadc transparent transparent transparent;
}
ol.list-flow > li:first-child {
  padding-top: 0;
}
ol.list-flow > li:first-child:before {
  content: none;
}

body.w950 ol.list-flow > li:before {
  left: 36%;
}

/* list-flow
----------------------------------------------- */
ol.list-flow-02 {
  margin: 0 0 0 -10px;
  list-style: none;
  zoom: 1;
}
ol.list-flow-02:after {
  display: block;
  clear: both;
  content: "";
}
ol.list-flow-02 > li {
  margin-top: 30px;
  padding-left: 30px;
  position: relative;
  float: left;
  width: 140px;
}
ol.list-flow-02 > li .hdg:first-child {
  font-size: 85.71%;
  margin-bottom: 8px;
  padding: 5px 6px 2px;
  line-height: 1;
  background-color: #e3e4e5;
}
ol.list-flow-02 > li .hdg:first-child > em {
  font-size: 142.86%;
}
ol.list-flow-02 > li > div > :last-child {
  margin-bottom: 0;
}
ol.list-flow-02 > li .desc {
  margin-bottom: 6px;
  font-size: 85.71%;
}
ol.list-flow-02 > li .image {
  margin-bottom: 0;
}
ol.list-flow-02 > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 60%;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #d8dadc;
}
ol.list-flow-02 > li:first-child:before {
  content: none;
}
ol.list-flow-02 > li.no-arrow:after {
  content: none;
}
ol.list-flow-02 > li:first-child, ol.list-flow-02 > li:first-child + li, ol.list-flow-02 > li:first-child + li + li, ol.list-flow-02 > li:first-child + li + li + li {
  margin-top: 0;
}

body.w950 ol.list-flow-02 li {
  padding-left: 78px !important;
}
body.w950 ol.list-flow-02 li:before {
  left: 32px !important;
}

/* list-flow
----------------------------------------------- */
ol.list-flow-03 {
  margin: 0 0 20px -30px;
  list-style: none;
  zoom: 1;
  overflow: hidden;
}
ol.list-flow-03:after {
  display: block;
  clear: both;
  content: "";
}
ol.list-flow-03 > li {
  margin-top: 30px;
  padding-left: 30px;
  float: left;
  position: relative;
}
ol.list-flow-03 > li > div {
  padding: 0 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d8dadc;
  width: 155px;
  overflow: hidden;
}
ol.list-flow-03 > li > div:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #d8dadc;
}
ol.list-flow-03 > li > div > :last-child {
  margin-bottom: 0;
}
ol.list-flow-03 > li:first-child > div:before {
  content: none;
}
ol.list-flow-03 > li .hdg {
  margin: 0 -10px 8px;
  padding: 7px 6px 6px;
  background-color: #f4f5f6;
  text-align: center;
  font-size: 100%;
}
ol.list-flow-03 > li .lead {
  margin-bottom: 5px;
}
ol.list-flow-03 > li .image {
  margin-bottom: 8px;
}
ol.list-flow-03 > li .desc {
  margin-bottom: 8px;
  padding-bottom: 6px;
  font-size: 85.71%;
  border-bottom: dotted 1px #d8dadc;
}
ol.list-flow-03 > li .link {
  font-size: 85.71%;
}
ol.list-flow-03 > li:first-child, ol.list-flow-03 > li:first-child + li, ol.list-flow-03 > li:first-child + li + li, ol.list-flow-03 > li:first-child + li + li + li {
  margin-top: 0;
}

.list-flow-04 {
  margin: 0 0 20px;
  list-style: none;
}
.list-flow-04 li {
  position: relative;
}
.list-flow-04 .inner {
  padding: 10px;
  border: 1px solid #d8dadc;
}
.list-flow-04 .inner .hdg {
  margin: -10px -10px 0 -10px;
  background-color: #f4f5f6;
  border-bottom: 1px solid #d8dadc;
  padding: 10px;
  margin-bottom: 10px;
}
.list-flow-04 .inner > *:last-child {
  margin-bottom: 0;
}
.list-flow-04 li.col2 .flow-col-02 {
  _overflow: hidden;
  *overflow: hidden;
  margin-left: -10px;
}
.list-flow-04 li.col2 .flow-col-02 .flow-col-box {
  position: relative;
  float: left;
  _display: inline;
  width: 350px;
  margin-left: 10px;
  padding-top: 45px;
}
.list-flow-04 li.col2 .flow-col-02 .flow-col-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 12px 0 12px;
  border-color: #d8dadc transparent transparent transparent;
}

.list-01.branch-01, .branch-01.list-products {
  margin-bottom: 20px;
  _margin-bottom: 10px;
}
.list-01.branch-01 li, .branch-01.list-products li {
  overflow: hidden;
  border-top: none;
  padding: 0;
  margin-top: 20px;
}
.list-01.branch-01 li a, .branch-01.list-products li a {
  display: block;
}
.list-01.branch-01 li:first-child, .branch-01.list-products li:first-child {
  margin-top: 0;
}
.list-01.branch-01 li .thumb, .branch-01.list-products li .thumb {
  padding-right: 20px;
  float: left;
}
.list-01.branch-01 li .thumb img, .branch-01.list-products li .thumb img {
  border: 1px solid #d8dadc;
  width: 138px;
  height: 138px;
}
.list-01.branch-01 li .detail, .branch-01.list-products li .detail {
  overflow: hidden;
}
.list-01.branch-01 li .detail:last-child, .branch-01.list-products li .detail:last-child {
  margin-bottom: 0;
}
.list-01.branch-01 li .detail a, .branch-01.list-products li .detail a {
  display: inline;
}
.list-01.branch-01 li .detail span, .branch-01.list-products li .detail span {
  font-size: 116.65%;
  vertical-align: middle;
}
.list-01.branch-01 li .detail .icon-03, .branch-01.list-products li .detail .icon-03 {
  display: inline;
  font-size: 83.4%;
  font-weight: bold;
  color: #fff;
  background-color: #5989cd;
  padding: 0 4px 0;
  line-height: 1;
}
.list-01.branch-01 li .detail p, .branch-01.list-products li .detail p {
  font-size: 116.65% !important;
  margin: 6px 0 0 !important;
}


.list-02{
  margin-bottom: 20px;
}
.list-02 li{
  overflow: hidden;
  border-top: none;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #d8dadc;
}
.list-02 li a{
  display: block;
}
.list-02 li:first-child{
  margin-top: 0;
}
.list-02 li .thumb{
  padding-right: 10px;
  float: left;
}
.list-02 li .thumb img{
  border: 1px solid #d8dadc;
}
.list-02 li .detail{
  overflow: hidden;
}
.list-02 li .detail:last-child{
  margin-bottom: 0;
}
.list-02 li .detail a{
  display: inline;
}
.list-02 li .detail span{
  font-size: 116.65%;
  vertical-align: middle;
}
.list-02 li .detail p{
  margin: 0;
}

.list-toggle .list-toggle-btn{
  text-align: center;
  margin-bottom: 20px;
}
.list-toggle.active .list-toggle-btn{
  margin-bottom: 30px;
}
.list-toggle .list-toggle-btn a{
  border: solid 1px #d8dadc;
  display: inline-block;
  padding:5px 20px 3px 35px;
  border-radius: 3px;
  font-size: 85.71%;
  min-width: 145px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.list-toggle .list-toggle-btn a span{
  display: inline-block;
  position: relative;
}

.list-toggle .list-toggle-btn a span:before,
.list-toggle .list-toggle-btn a span:after{
  background: #646464;
  position: absolute;
  content: "";
}

.list-toggle .list-toggle-btn a span:before{
  width: 13px;
  height: 3px;
  left: -20px;
  top: 50%;
  margin-top: -3px;
}

.list-toggle .list-toggle-btn a span:after{
  width: 3px;
  height: 13px;
  left: -15px;
  top: 50%;
  margin-top: -8px;
}

.list-toggle.active .list-toggle-btn a span:after{
  display: none;
}


/* ----------------------------------------------------------------
    link
----------------------------------------------------------------- */
/* link-list
----------------------------------------------- */
.link-list, .uni-link-list {
  margin: 12px 0;
}
.link-list > li, .uni-link-list > li {
  margin: 12px 0 0;
  zoom: 1;
}
.link-list > li:first-child, .uni-link-list > li:first-child {
  padding-top: 0;
}
.link-list > li:last-child, .uni-link-list > li:last-child {
  padding-bottom: 0;
}
.link-list > li:first-child, .uni-link-list > li:first-child {
  margin-top: 0;
}
.link-list > li:last-child, .uni-link-list > li:last-child {
  margin-bottom: 0;
}
.link-list.col-2 li, .uni-link-list.col-2 li {
  display: inline;
  float: left;
  margin-left: 20px;
  width: 345px;
}
.link-list.col-2 li:nth-child(2n+1), .uni-link-list.col-2 li:nth-child(2n+1) {
  clear: both;
}
.link-list.col-3, .uni-link-list.col-3 {
  margin-left: -15px;
}
.link-list.col-3 li, .uni-link-list.col-3 li {
  display: inline;
  float: left;
  margin-left: 15px;
  width: 226px;
}
.link-list.col-3 li:nth-child(3n+1), .uni-link-list.col-3 li:nth-child(3n+1) {
  clear: both;
}
.link-list.col-4, .uni-link-list.col-4 {
  margin-left: -10px;
}
.link-list.col-4 li, .uni-link-list.col-4 li {
  display: inline;
  float: left;
  margin-left: 10px;
  width: 170px;
}
.link-list.col-4 li:nth-child(4n+1), .uni-link-list.col-4 li:nth-child(4n+1) {
  clear: both;
}
.link-list.col-4.reason, .uni-link-list.col-4.reason {
  margin-bottom: 20px;
  margin-left: 0;
  border-right: 1px dotted #e3e4e5;
}
.link-list.col-4.reason li, .uni-link-list.col-4.reason li {
  float: left;
  margin: 0;
  padding: 0;
  width: 175px;
  border-left: 1px dotted #e3e4e5;
  text-align: center;
}
.link-list.col-4.reason img, .uni-link-list.col-4.reason img {
  margin-bottom: 12px;
}
.link-list.col-4.reason a, .uni-link-list.col-4.reason a {
  display: block;
  padding: 4px 0;
}
.link-list.col-5, .uni-link-list.col-5 {
  margin-left: -10px;
}
.link-list.col-5 li, .uni-link-list.col-5 li {
  display: inline;
  float: left;
  margin-left: 10px;
  width: 132px;
}
.link-list.col-5 li:nth-child(5n+1), .uni-link-list.col-5 li:nth-child(5n+1) {
  clear: both;
}
.link-list.col-5.save, .uni-link-list.col-5.save {
  margin-bottom: 20px;
  margin-left: 0;
  border-right: 1px dotted #e3e4e5;
}
.link-list.col-5.save li, .uni-link-list.col-5.save li {
  float: left;
  margin: 0;
  padding: 0;
  width: 141px;
  border-left: 1px dotted #e3e4e5;
  text-align: center;
}
.link-list.col-5.save li:first-child, .uni-link-list.col-5.save li:first-child {
  width: 140px;
}
.link-list.col-5.save img, .uni-link-list.col-5.save img {
  margin-bottom: 8px;
}
.link-list.col-5.save a, .uni-link-list.col-5.save a {
  display: block;
  padding: 2px 0;
}
.link-list + .right, .uni-link-list + .right {
  margin-top: 10px;
  line-height: 1 !important;
}
.link-list .list-bullet-01, .uni-link-list .list-bullet-01 {
  margin: 8px 0 0 21px;
}

.col-2 .link-list.col-2 {
  margin-left: -10px;
}
.col-2 .link-list.col-2 li {
  margin-left: 10px;
  width: 167px;
}

.tbl .link-list, .tbl-04 .link-list, .tbl-comparision .link-list, .tbl-01 .link-list, .tbl-03 .link-list {
  font-size: 100%;
}
.tbl .link-list.col-3, .tbl-04 .link-list.col-3, .tbl-comparision .link-list.col-3, .tbl-01 .link-list.col-3, .tbl-03 .link-list.col-3 {
  margin: 0;
}
.tbl .link-list.col-3 li, .tbl-04 .link-list.col-3 li, .tbl-comparision .link-list.col-3 li, .tbl-01 .link-list.col-3 li, .tbl-03 .link-list.col-3 li {
  margin-left: 0;
  width: 33.3%;
}

/* link-list-01
----------------------------------------------- */
.link-list-01 {
  margin: 0 0 20px;
  line-height: 1.2;
}
.link-list-01 li {
  border-top: 1px dotted #d8dadc;
}
.link-list-01 li a {
  display: block;
  padding: 10px 0;
}
.link-list-01 li:first-child {
  border-top: none;
}
.link-list-01 li:first-child a {
  padding-top: 0;
}
.link-list-01 li:first-child li:first-child a {
  padding-top: 5px;
}
.link-list-01 li:first-child li a {
  padding: 10px 0;
}
.link-list-01 .link-list-01 {
  margin: 0 0 0 30px;
  font-size: inherit;
}
#local-nav-area .link-list-01 {
  font-size: 85.71%;
}

/* link-list-02
----------------------------------------------- */
.link-list-02 {
  line-height: 1.2;
}
.link-list-02 li {
  margin: 0 0 15px;
}
.link-list-02 li a {
  display: block;
  padding: 10px;
  border: 1px solid #d8dadc;
  background-color: #f4f5f6;
  box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
}
.link-list-02 .link-list-01 {
  margin: 0 0 0 30px;
}
.link-list-02 .link-list-01 li {
  margin: 0;
}
.link-list-02 .link-list-01 li a {
  padding: 10px 0;
  border: none;
  border-bottom: 1px dotted #d8dadc;
  background-color: #fff;
  box-shadow: none;
}

/* link-list-03
----------------------------------------------- */
.link-list-03 {
  margin: 0;
  padding: 10px 0 0;
  border-top: 1px solid #d8dadc;
  text-align: right;
  font-size: 85.71%;
}
.link-list-03 li {
  display: inline-block;
  margin: 0 0 0 2em;
  padding: 0;
}

/* link-list-04
----------------------------------------------- */
.link-list-04 {
  margin: 0;
  padding: 0;
  font-size: 85.71%;
}
.link-list-04 li {
  margin: 0;
  padding: 10px 0;
  border-top: 1px dotted #d8dadc;
}
.link-list-04 li:first-child {
  padding-top: 0;
  border-top: none;
}
.link-list-04 li img {
  display: inline;
  float: left;
  margin: 0 10px 0 0;
}
.link-list-04 li .text {
  display: block;
  overflow: hidden;
}
.link-list-04 li:last-child {
  padding-bottom: 0;
}

/* link-list-05
----------------------------------------------- */
.link-list-05 {
  margin: -10px -5.5px 10px 1px;
}
.link-list-05 > li {
  margin: 10px 0 0 -1px;
  padding: 1px 10px;
  float: left;
  border-left: 1px solid #d8dadc;
  border-right: 1px solid #d8dadc;
  width: 20%;
}
.link-list-05 > li > a {
  font-size: 85.71%;
}
.link-list-05.branch {
  margin-left: -26px;
}
.link-list-05.branch > li {
  margin: 0 0 0 26px;
  border: none;
  padding: 0;
  width: auto;
}
.link-list-05.branch > li > a {
  font-size: 100%;
}

/* link-list-ir
----------------------------------------------- */
.link-list-ir {
  margin: 0 -10px;
  padding: 8px 10px 0;
  border-top: 1px solid #d8dadc;
  font-size: 85.71%;
}

.box-01 .link-list-ir {
  padding-bottom: 0;
}

/* link-list-mobile
----------------------------------------------- */
.link-list-mobile li {
  display: inline-block;
  padding: .2em 0;
  white-space: nowrap;
}
.link-list-mobile li:after {
  padding: 0 .2em 0 .5em;
  content: "/";
}
.link-list-mobile li.last-child:after {
  display: none;
}

/* link-list-contents
----------------------------------------------- */
.link-list-contents {
  margin: 20px 0;
  padding: 0;
  border: 1px solid #d8dadc;
  border-top: 0;
  list-style-type: none;
}
.link-list-contents li {
  border-top: 1px solid #d8dadc;
  font-weight: bold;
  font-size: 85.71%;
}
.link-list-contents li span.small {
  font-weight: normal;
  font-size: 83.33%;
}
.link-list-contents li.noicon a {
  padding: 10px 5px 10px 10px !important;
}
.link-list-contents a {
  position: relative;
  display: block;
  padding: 10px 5px 10px 38px;
  zoom: 1;
}
.link-list-contents a img {
  position: absolute;
  top: 50%;
  left: 10px;
  margin: -9px 0 0;
}
.link-list-contents a img.newwindowicon, .link-list-contents a img.pdficon {
  position: static;
}

/* link-list-social
----------------------------------------------- */
.link-list-social {
  overflow: hidden;
  margin: 0 0 0 -2.5%;
  font-size: 85.71%;
}
.link-list-social li {
  float: left;
  margin: 0 0 0 2.5%;
  padding: 10px 0;
  width: 47.5%;
  border-bottom: 1px dotted #d8dadc;
}
.link-list-social li img:not([class]) {
  float: left;
  margin-right: 10px;
}
.link-list-social li:nth-child(2n+1) {
  clear: both;
}

/* link-shop-model
----------------------------------------------- */
.link-shop-model {
  margin: 0 0 10px !important;
  padding: 0;
  border-top: 1px solid #d8dadc;
  border-left: 1px solid #d8dadc;
  font-size: 85.71%;
}
.link-shop-model li {
  float: left;
  margin: 0 !important;
  padding: 10px 0;
  width: 172px;
  border-right: 1px solid #d8dadc;
  border-bottom: 1px solid #d8dadc;
  text-align: center;
}
.link-shop-model li.full-width {
  display: block;
  float: none;
  clear: both;
  width: auto;
}
.link-shop-model a {
  display: block;
}
.link-shop-model img {
  margin-bottom: 10px;
}

.col .link-shop-model:last-of-type {
  margin-bottom: 0 !important;
}

/* ----------------------------------------------------------------
    button
----------------------------------------------------------------- */
/* btn
----------------------------------------------- */
.btn {
  display: inline-block;
  margin: 0;
  padding: 4px 20px 4px 17px;
  border: 1px solid #d8dadc;
  border-radius: 3px;
  background-color: #fff;
  color: #006699;
  font-size: 85.71%;
  line-height: 1.2;
  text-align: center;
}

/* btn-01
----------------------------------------------- */
.btn-01, .btn-04 {
  display: inline-block;
  margin: 0;
  padding: 10px 29px 7px 27px;
  min-width: 270px;
  border: 1px solid #0087cb;
  border-radius: 3px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzMzlmZDUiPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzM5ZmQ1Ii8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMwMjg4Y2IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzN2EzZDkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZykiLz48L3N2Zz4=);
  background-color: #339fd5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #339fd5), color-stop(50%, #0288cb), color-stop(100%, #37a3d9));
  background-image: -webkit-linear-gradient(top, #339fd5 50%, #0288cb 50%, #37a3d9);
  background-image: linear-gradient(to bottom,#339fd5 50%, #0288cb 50%, #37a3d9);
  background-color: #0087cb;
  box-shadow: 0 0 0 1px #99cfea inset;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  font-weight: bold;
  font-size: 114.29%;
  line-height: 1.3;
}
.btn-01:link, .btn-04:link, .btn-01:visited, .btn-04:visited, .btn-01:hover, .btn-04:hover, .btn-01:active, .btn-04:active, .btn-01:focus, .btn-04:focus {
  color: #fff;
}

.btn-01.disable{
  cursor: default;
  background-color: #ffffff;
  background-image:none;
  color: #e3e4e5;
  box-shadow: none;
  border: 1px solid #d8dadc;
  text-shadow:none;
}

.btn-01.disable:hover, .btn-01.disable:active, .btn-01.disable:focus{
  text-decoration: none;
}

.lyt-top p .btn-01, .lyt-top p .btn-04 {
  font-size: 150%;
}

/* btn-02
----------------------------------------------- */
.btn-02, .uni-btn-02 {
  display: inline-block;
  padding: 10px 29px 7px 27px;
  min-width: 270px;
  border: 1px solid #d8dadc;
  border-radius: 5px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVmZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #edeff0));
  background-image: -webkit-linear-gradient(top, #fff, #edeff0);
  background-image: linear-gradient(to bottom,#fff, #edeff0);
  background-color: #f4f5f6;
  color: #006699;
  vertical-align: top;
  font-weight: bold;
  font-size: 114.29%;
  line-height: 1.3;
  text-align: center;
}
.btn-02:link, .btn-02:visited, .uni-btn-02:link, .uni-btn-02:visited {
  text-decoration: none;
}
.btn-02:hover, .btn-02:active, .btn-02:focus, .uni-btn-02:hover, .uni-btn-02:active, .uni-btn-02:focus {
  text-decoration: underline;
}
#local-nav-area .btn-02, #local-nav-area .uni-btn-02 {
  font-size: 100%;
}
.btn-02.branch, .uni-btn-02.branch {
  padding: 3px 10px 2px;
  font-size: 85.71%;
}
.btn-02.branch-02, .uni-btn-02.branch-02 {
  font-size: 114.29%;
}
.btn-02.branch-03, .uni-btn-02.branch-03 {
  width: 100%;
  min-width: 0;
  padding: 7px 10px;
  font-size: 100% !important;
  line-height: 1.4;
}

/* btn-03
----------------------------------------------- */
.btn-03 {
  display: inline-block;
  padding: 10px 29px 7px 27px;
  min-width: 270px;
  border: 1px solid #d8dadc;
  border-radius: 3px;
  background-color: #fff;
  color: #006699;
  line-height: 1.3;
  text-align: center;
  font-size: 114.29%;
  font-weight: bold;
}

.lyt-top #contents-body p .btn-02 {
  font-size: 150%;
}
.lyt-top #contents-body p .btn-02.branch-02 {
  font-size: 133.33%;
}

/* btn-04
----------------------------------------------- */
.btn-04 {
  padding: 4px 20px 4px 17px;
  min-width: 110px;
  font-size: 85.71%;
  white-space: nowrap;
}

/* btn-list
----------------------------------------------- */
.btn-list {
  margin: 20px 0 0;
  padding: 5px 0;
  text-align: center;
}
.btn-list li {
  margin: 0;
  padding: 5px 0;
  list-style-type: none;
}
.btn-list.col-2 {
  margin: 20px 0;
}
.btn-list.col-2 li {
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 5px 3px;
  vertical-align: middle;
}
.btn-list.col-2 li:first-child {
  margin-left: 0;
}
.btn-list .btn {
  padding: .5em 10px;
  min-width: 8em;
  font-size: 100%;
  line-height: 1.4;
}
.btn-list .btn-01, .btn-list .btn-04,
.btn-list .btn-02 {
  min-width: 226px;
}

.btn-list-02 {
  margin: 20px 0 0;
  padding: 5px 0;
}
.btn-list-02 li {
  margin: 0;
  padding: 5px 0;
  list-style-type: none;
}
.btn-list-02 li a[class*="btn-"] {
  min-width: 200px;
}
.btn-list-02.col-2 {
  margin: 20px 0;
}
.btn-list-02.col-2 li {
  display: inline-block;
  margin: 0 3px;
  padding: 5px 0;
  vertical-align: middle;
}

/* btn-list-pager
----------------------------------------------- */
.btn-list-pager{
  text-align: center;
  margin: 40px 0;
}

.btn-list-pager li{
  color: #ced5da;
  display: inline-block;
  font-size: 114.29%;
  font-weight: bold;
  vertical-align: middle;
}
.btn-list-pager li.next{
  margin-left: 15px;
}

.btn-list-pager li {
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVmZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #edeff0));
  background-image: -webkit-linear-gradient(top, #fff, #edeff0);
  background-image: linear-gradient(to bottom,#fff, #edeff0);
  padding-top: 9px;
  padding-bottom: 8px;
  border-style: solid;
  border-color: #d8dadc;
  position: relative;
  height: 39px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.btn-list-pager li.prev {
  border-radius: 0  3px 3px 0;
  border-width: 1px 1px 1px 0;
  padding-left: 14px;
  padding-right: 22px;
}

.btn-list-pager li.next {
  border-radius: 3px 0 0 3px;
  border-width: 1px 0 1px 1px;
  padding-right: 14px;
  padding-left: 22px;
}

.btn-list-pager li:before{
  content: "";
  position: absolute;
  top: -1px;
  height: 39px;
  width: 16px;
  background-image: url(/site/set/common/p/img/trunk/bg-btn-list-pager.png);
  background-repeat: no-repeat;
}

.btn-list-pager li.prev:before{
  left: -16px;
  background-position: 0 0;
}

.btn-list-pager li.next:before{
  right: -16px;
  background-position: -16px 0;
}

/* btn (Common)
----------------------------------------------- */
/* ----------------------------------------------------------------
    navigation
----------------------------------------------------------------- */
/* ul.anchor-link01, .nav-anchor
----------------------------------------------- */
ul.anchor-link01,
.nav-anchor,
.nav-internal {
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  font-size: 85.71%;
}
ul.anchor-link01 li,
.nav-anchor li,
.nav-internal li {
  position: relative;
  display: inline-block;
  *display: inline;
  _display: inline;
  margin: 0 20px 10px 0;
  padding: 0;
}
ul.anchor-link01 li:before,
.nav-anchor li:before,
.nav-internal li:before {
  position: relative;
  top: 3px;
  left: 0;
  display: inline-block;
  margin: 0 4px 0 0;
  width: 14px;
  height: 14px;
  background: url(/site/set/common/p/img/sprite-icon.png) -16px 50% no-repeat;
  content: "";
}
ul.anchor-link01 a,
.nav-anchor a,
.nav-internal a {
  display: inline-block;
  white-space: nowrap;
}
ul.anchor-link01 + .hdg-l2,
.nav-anchor + .hdg-l2,
.nav-internal + .hdg-l2 {
  margin-top: 30px !important;
}

/* nav-index
----------------------------------------------- */
.nav-index {
  clear: both;
  margin: 40px 0 10px;
  text-align: right;
  font-size: 85.71%;
}
.nav-index a {
  position: relative;
  display: inline-block;
}
.nav-index a:before {
  position: relative;
  top: 3px;
  display: inline-block;
  margin: 0 4px 0 0;
  width: 14px;
  height: 14px;
  background: url(/site/set/common/p/img/sprite-icon.png) 0 50% no-repeat;
  content: "";
}
.nav-index + .hdg-l2,
.nav-index + .hdg-l3 {
  margin-top: 10px !important;
}

/* nav-service
----------------------------------------------- */
.nav-service {
  margin: 20px 20px 0;
}
.nav-service li {
  float: left;
}

/* nav-pager
----------------------------------------------- */
.nav-pager {
  margin: 20px 0 0;
  padding: 0;
  text-align: center;
  font-size: 85.71%;
}
.nav-pager li {
  display: inline-block;
  border-radius: 3px;
}
.nav-pager li.active {
  padding: .5em 10px;
  background-color: #d8dadc;
}
.nav-pager a {
  display: inline-block;
  padding: .5em 10px;
  border: 1px solid #d8dadc;
  border-radius: 3px;
}
.nav-pager a:hover, .nav-pager a:active, .nav-pager a:focus {
  background-color: #d8dadc;
}
/* nav-pager-02
----------------------------------------------- */
.nav-page-wrapper {
  margin: 0 0 20px;
}
.nav-page-02 {
  margin-bottom: 9px;
}
.nav-page-02 li {
  font-size: 12px;
  float: left;
  border-left: 1px solid #d8dadc;
  padding: 6px 13px;
  width: 43.9px;
  text-align: center;
}
.nav-page-02 li:last-child {
  border-right: 1px solid #d8dadc;
}
.nav-page-02:after {
  display: block;
  clear: both;
  content: "";
}
/* nav-migrate
----------------------------------------------- */
.nav-migrate-container{
  margin: 0 0 20px;
}
.nav-migrate{
  float: right;
}
.nav-migrate .nav-migrate-list{
  float: left;
  padding-top: 5px;
}
.nav-migrate .nav-migrate-list li{
  float: left;
  border-right: 1px solid #d8dadc;
  padding: 0 20px;
}
.nav-migrate .nav-migrate-list li:first-child{
  border-left: 1px solid #d8dadc;
}
.nav-migrate .btn-option, .nav-migrate .cate-option {
  float: left;
  padding: 2px 0 0;
}
.nav-migrate .btn-option li, .nav-migrate .cate-option li {
  float: left;
}
.nav-migrate .btn-option li:first-child {
  margin-left: 10px;
}
.nav-migrate .btn-option li a {
  margin-left: 10px;
  padding: 5px 30px 3px;
  min-width: 0;
  font-size: 85.71%;
  white-space: nowrap;
}
.nav-migrate .btn-option li a.btn{
  padding-bottom: 4px;
}
.nav-migrate li.cate-01 {
  font-size: 85.71%;
  margin-left: 10px;
  padding: 4px 6px 3px;
  background: #f4f5f6;
  border: 1px solid #d8dadc;
  width: 96px;
  text-align: center;
}
.nav-migrate li.cate-01:first-child {
  margin-left: 20px;
}
/* app
----------------------------------------------- */

.app-wrapper {
  border: 8px solid #f4f5f6;
  padding: 20px 20px 5px 21px;
  margin: 0 auto 20px; 
}
.title-group {
  margin-bottom: 14px; 
}
.title-group:after {
  display: block;
  clear: both;
  content: "";
}
.title-group img {
  float: left;
  padding-top: 5px;
}
.title-group .text {
  float: left; 
  vertical-align: top;
  padding: 0 0 0 20px;
}
.app-title-01 {
  font-size: 114.29%;
}
.app-title-02 {
  color: #2174ed;
  font-size: 128.57%;
  font-weight: normal; 
  margin-bottom: 8px;
}
.app-box-wrapper {
  margin: 0 0 15px -15px;
}
.app-box-wrapper:after {
  display: block;
  clear: both;
  content: "";
}
.app-box-wrapper li.app-box {
  border: 1px solid #d8dadc;
  float: left; 
  width: 317px;
  text-align: center;
  padding: 10px 0;
  margin-left: 15px; 
}
/* ----------------------------------------------------------------
    table
----------------------------------------------------------------- */
/* tbl
----------------------------------------------- */
.tbl, .tbl-04, .tbl-comparision {
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
  border-top: 1px solid #d8dadc;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #d8dadc;
}
.tbl > caption, .tbl-04 > caption, .tbl-comparision > caption {
  zoom: 1;
  padding-bottom: 7px;
  font-size: 85.71%;
}
.tbl > caption:after, .tbl-04 > caption:after, .tbl-comparision > caption:after {
  display: block;
  clear: both;
  content: "";
}
.tbl > caption .cap-1, .tbl-04 > caption .cap-1, .tbl-comparision > caption .cap-1, .tbl > caption .cap-2, .tbl-04 > caption .cap-2, .tbl-comparision > caption .cap-2 {
  display: block;
}
.tbl > caption .cap-1, .tbl-04 > caption .cap-1, .tbl-comparision > caption .cap-1 {
  float: left;
}
.tbl > caption .cap-2, .tbl-04 > caption .cap-2, .tbl-comparision > caption .cap-2 {
  float: right;
}
.tbl th, .tbl-04 th, .tbl-comparision th, .tbl td, .tbl-04 td, .tbl-comparision td {
  padding: 10px;
  border-top: none;
  border-right: 1px solid #d8dadc;
  border-bottom: 1px solid #d8dadc;
  border-left: none;
  font-size: 100%;
}
.tbl th > :last-child, .tbl-04 th > :last-child, .tbl-comparision th > :last-child, .tbl td > :last-child, .tbl-04 td > :last-child, .tbl-comparision td > :last-child {
  margin-bottom: 0;
}
.tbl th, .tbl-04 th, .tbl-comparision th {
  background-color: #f4f5f6;
  vertical-align: middle;
  font-weight: normal;
}
.tbl p, .tbl-04 p, .tbl-comparision p {
  margin-bottom: 5px;
}
.tbl thead th, .tbl-04 thead th, .tbl-comparision thead th {
  text-align: center;
}
.tbl thead td, .tbl-04 thead td, .tbl-comparision thead td {
  background-color: #f4f5f6;
}
.tbl img, .tbl-04 img, .tbl-comparision img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.tbl.ft thead tr:first-child th, .ft.tbl-04 thead tr:first-child th, .ft.tbl-comparision thead tr:first-child th, .tbl.ft thead tr:first-child td, .ft.tbl-04 thead tr:first-child td, .ft.tbl-comparision thead tr:first-child td {
  background-color: #e3e4e5;
}
.tbl.fl tbody tr td:first-child, .fl.tbl-04 tbody tr td:first-child, .fl.tbl-comparision tbody tr td:first-child {
  background-color: #f4f5f6;
}
.tbl.fl tbody tr > th:first-child, .fl.tbl-04 tbody tr > th:first-child, .fl.tbl-comparision tbody tr > th:first-child {
  background-color: #e3e4e5;
}
.tbl.fl tbody tr > th:first-child + td, .fl.tbl-04 tbody tr > th:first-child + td, .fl.tbl-comparision tbody tr > th:first-child + td {
  background-color: #f4f5f6;
}
.tbl.t-1 th, .t-1.tbl-04 th, .t-1.tbl-comparision th {
  vertical-align: top;
  text-align: left;
}
.tbl.ptn-2 col, .ptn-2.tbl-04 col, .ptn-2.tbl-comparision col {
  width: 50%;
}
.tbl.ptn-3 col, .ptn-3.tbl-04 col, .ptn-3.tbl-comparision col {
  width: 33.33333%;
}
.tbl.ptn-4 col, .ptn-4.tbl-04 col, .ptn-4.tbl-comparision col {
  width: 25%;
}
.tbl.ptn-5 col, .ptn-5.tbl-04 col, .ptn-5.tbl-comparision col {
  width: 20%;
}
.tbl .img-border img, .tbl-04 .img-border img, .tbl-comparision .img-border img {
  border: 1px solid #d8dadc;
}
.tbl.attention tbody th{
  background-color: #d7e3f5;
}
.tbl td.itemize .num-unit{
  font-size: 85.71%;
}
.tbl td.itemize{
  border-right: none;
}
.tbl td.itemize-btn{
  min-width: 50px;
}
.tbl td.itemize-btn .btn-02{
  display: inline-block;
  min-width: 0;
  font-size: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

/* tbl-01
----------------------------------------------- */
.tbl-01, .tbl-03 {
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
  border-top: 1px solid #d8dadc;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #d8dadc;
}
.tbl-01 th, .tbl-03 th, .tbl-01 td, .tbl-03 td {
  padding: 10px;
  border-top: none;
  border-right: 1px solid #d8dadc;
  border-bottom: 1px solid #d8dadc;
  border-left: none;
}
.tbl-01 th, .tbl-03 th {
  vertical-align: middle;
  white-space: nowrap;
}

#contents-body .tbl-01:last-of-type, #contents-body .tbl-03:last-of-type {
  margin-bottom: 0;
}

/* tbl-02
----------------------------------------------- */
.tbl-02 {
  margin: 20px 0;
  width: 100%;
  border: none;
  border-bottom: 1px dotted #d8dadc;
}
.tbl-02 th, .tbl-02 td {
  vertical-align: top;
}
.tbl-02 th {
  padding: 10px 0;
  width: 220px;
  border-top: 1px dotted #d8dadc;
  font-weight: normal;
}
.tbl-02 td {
  padding: 10px 0 10px 10px;
  border-top: 1px dotted #d8dadc;
}
.tbl-02 .link-list {
  margin-bottom: 0;
}

form .tbl td, form .tbl-04 td, form .tbl-comparision td, form .tbl-01 td, form .tbl-03 td, form .tbl-02 td {
  word-break: break-all;
  word-wrap: break-word;
}
form .tbl td p, form .tbl-04 td p, form .tbl-comparision td p, form .tbl-01 td p, form .tbl-03 td p, form .tbl-02 td p {
  word-break: break-all;
  word-wrap: break-word;
}

/* tbl-03
----------------------------------------------- */
.tbl-03 {
  background-color: #fff;
}
.tbl-03 th {
  background-color: #d7e3f5;
  white-space: nowrap;
  font-size: 92.86%;
}
.tbl-03 td {
  padding: 0;
}

/* tbl-04
----------------------------------------------- */
.tbl-04 th, .tbl-04 td {
  font-weight: normal;
}
.tbl-04 th {
  font-size: 100%;
  text-align: left;
}
.tbl-04 th .required {
  color: #2174ed;
  font-size: 85.71%;
  font-weight: bold;
  padding-left: 9px;
}
.tbl-04.form-01 th {
  width: 208px;
}
.tbl-04 p {
  margin-bottom: 10px;
}
.tbl-04 p.error {
  font-size: 85.71%;
  margin-bottom: 10px;
}
.tbl-04 p.error + .list-form-01 {
  margin-top: -8px;
}
.tbl-04 input[type="text"],
.tbl-04 input[type="email"],
.tbl-04 textarea {
  border: 1px solid #d7d9db;
  background-color: #fff;
  padding: 2px 7px 0;
}
.tbl-04 input[type="text"]:focus,
.tbl-04 input[type="email"]:focus,
.tbl-04 textarea:focus {
  background-color: #d7e3f5;
}
.tbl-04 input[type="text"] + .list-note, .tbl-04 input[type="text"] + ul.notice-list,
.tbl-04 input[type="email"] + .list-note,
.tbl-04 input[type="email"] + ul.notice-list,
.tbl-04 textarea + .list-note,
.tbl-04 textarea + ul.notice-list {
  margin-top: 10px;
}
.tbl-04 input[type="text"].w-100,
.tbl-04 input[type="email"].w-100,
.tbl-04 textarea.w-100 {
  *width: 97% !important;
  _width: 97% !important;
}
.tbl-04 textarea {
  height: 95px;
}
.tbl-04 .list-form-01 li {
  padding-top: 7px;
}
.tbl-04 .notice-list li {
  font-size: 85.71%;
}
.tbl-04 p.check {
  margin-bottom: 10px;
}
.tbl-04 p.check label {
  padding-left: 16px;
}
.tbl-04 + .btn-list {
  margin: 20px 0 10px;
  padding: 0;
}
.tbl-04 + .btn-list li {
  padding: 0;
}
.tbl-04 + .btn-list .btn-01, .tbl-04 + .btn-list .btn-04,
.tbl-04 + .btn-list .btn-02 {
  font-size: 128.57%;
  padding-top: 9px;
  padding-bottom: 6px;
}
.tbl-04 + .btn-list.col-2 li {
  width: 200px;
}
.tbl-04 + .btn-list.col-2 li .btn-01, .tbl-04 + .btn-list.col-2 li .btn-04,
.tbl-04 + .btn-list.col-2 li .btn-02 {
  min-width: 200px;
}

/* ----------------------------------------------------------------
    note
----------------------------------------------------------------- */
/* note-list
----------------------------------------------- */
div.note-list {
  margin: 10px 0;
  font-size: 85.71%;
}
div.note-list ul {
  margin: 0;
  list-style: none;
}
div.note-list li {
  position: relative;
  margin: .2em 0 .8em .2em;
  padding-left: 25px;
  background: url(/site/set/common/p/img/bullet-note.gif) left 0.4em no-repeat;
  line-height: 1.3;
}
div.note-list li:last-child {
  margin-bottom: 0;
}
div.note-list .pointer {
  position: absolute;
  left: 0;
  background: #fff;
}

/* dl.notice-list
----------------------------------------------- */
dl.notice-list {
  margin: 0 0 20px;
  font-size: 85.71%;
}
dl.notice-list dt {
  margin: 0;
  padding: 0;
}
dl.notice-list dd {
  padding-top: 7px;
}
dl.notice-list ul li {
  margin-bottom: 9px;
}
dl.notice-list ul li span {
  white-space: nowrap;
  padding-right: .5em;
  display: table-cell;
}
dl.notice-list ul li div {
  width: 100%;
  display: table-cell;
}
dl.notice-list ul + ul {
  margin-top: 20px;
}
dl.notice-list.large {
  font-size: 100%;
}

/* list-note
----------------------------------------------- */
.list-note, ul.notice-list {
  margin: 0 0 20px;
  font-size: 85.71%;
}
.list-note.x-small, ul.x-small.notice-list {
  font-size: 71.43%;
}
.list-note li, ul.notice-list li {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 1.5em;
  zoom: 1;
}
.list-note li:last-child, ul.notice-list li:last-child {
  margin-bottom: 0;
}
.list-note .marker, ul.notice-list .marker {
  position: absolute;
  top: 0;
  left: 0;
}
.tbl .list-note, .tbl-04 .list-note, .tbl-comparision .list-note, .tbl ul.notice-list, .tbl-04 ul.notice-list, .tbl-comparision ul.notice-list {
  font-size: 100%;
}
.list-note.large, ul.large.notice-list {
  font-size: 100%;
}

ul.notice-list li {
  padding: 0;
  margin: 12px 0 0;
}
ul.notice-list li > span,
ul.notice-list li > div {
  display: table-cell;
}
ul.notice-list li > span {
  white-space: nowrap;
  padding-right: .5em;
}
ul.notice-list li:first-child {
  margin-top: 0;
}

li > ul.notice-list {
  font-size: 100%;
}

/* list-note-bullet
----------------------------------------------- */
.list-note-bullet {
  margin: 0 0 0 18px;
  list-style-type: disc;
  font-size: 85.71%;
}
.list-note-bullet li {
  padding: .2em 0;
}

/* notice-list-02
----------------------------------------------- */
ul.notice-list-02{
  margin: 0 0 25px;
  font-size: 12px;
  line-height: 1.3;
}

ul.notice-list-02 > li {
  padding: 0;
  display: table;
}
ul.notice-list-02 > li > span,
ul.notice-list-02 > li > div{
  display: table-cell;
}
ul.notice-list-02 > li + li{
  margin-top: 9px;
}
ul.notice-list-02 li > span{
  padding-right: .5em;
}
ul.notice-list-02 li > span.marker {
  min-width: 2.3em;
}
ul.notice-list-02 li:first-child {
  margin-top: 0;
}


/* notice-list-04
----------------------------------------------- */

.list-bullet-04 {
  margin: 0 0 25px;
  font-size: 12px;
}
.list-bullet-04 > li {
  padding-left: 16px;
  background: url(/site/set/common/p/img/bullet-note.gif) 0 4px no-repeat;
}
.list-bullet-04 > li + li{
  margin-top: 9px;
}



/* ----------------------------------------------------------------
    box
----------------------------------------------------------------- */
/* 複数カラム
----------------------------------------------- */
.col-2, .col-3, .col-4, .col-5 {
  overflow: hidden;
}
.col-2 .col, .col-3 .col, .col-4 .col, .col-5 .col {
  float: left;
}
.col-2 .col > *:last-child, .col-3 .col > *:last-child, .col-4 .col > *:last-child, .col-5 .col > *:last-child {
  margin-bottom: 0;
}

/* col-2
----------------------------------------------- */
.col-2 {
  margin: 0 0 0 -20px;
}
.col-2 > .col {
  margin: 0 0 30px 20px;
  width: 345px;
}
.col-2 > .col:nth-child(2n+1) {
  clear: both;
}
.col-2 > .col.span1 {
  width: 195px;
}
.col-2 > .col.span2 {
  width: 495px;
}
.col-2 .info {
  float: right;
  margin: 0 0 20px;
}
.col-2.ir {
  margin-bottom: 0;
  margin-left: -10px;
}
.col-2.ir .col {
  margin: 0 0 10px 10px;
  width: 350px;
}
.col-2 .col-2 {
  margin-left: -11px;
}
.col-2 .col-2 .col {
  margin-left: 11px;
  width: 167px;
}
.col-2.shop .col {
  margin-bottom: 31px;
}
.col-2.shop .col .center + p {
  margin-bottom: 17px !important;
}
.col-2.shop .col .center + p + .box-01 {
  padding: 10px 10px 7px;
}
.col-2.shop .col .list-01 + .hdg-top-l3-container, .col-2.shop .col .list-products + .hdg-top-l3-container {
  margin-top: 0;
}
.col-2.shop .col .hdg-top-l3-container + .list-01, .col-2.shop .col .hdg-top-l3-container + .list-products {
  margin-bottom: 18px;
}
.col-2.shop .col .hdg-top-l3-container + .list-01:last-of-type, .col-2.shop .col .hdg-top-l3-container + .list-products:last-of-type {
  margin-bottom: 0;
}
.col-2.shop .col .image-full {
  margin: 20px auto;
}
.col-2.shop + .hdg-top-l2-container + .box-04 {
  padding-bottom: 5px;
}
.list-timeline + .col-2 {
  margin-top: 30px;
}
.col-2.softbank-group-service-support .col {
  margin-bottom: 20px;
}

#contents-body-medium .col-2 .col {
  width: 341px;
}

/* col-3
----------------------------------------------- */
.col-3 {
  margin: 0 0 0 -15px;
}
.col-3 > .col {
  margin: 0 0 15px 15px;
  width: 226px;
}
.col-3 > .col:nth-child(3n+1) {
  clear: both;
}
.col-3 > .col .hdg-top-l3-container + .link-list + .line-dot-top {
  margin-bottom: 2px !important;
}
.col-3.branch {
  margin: 0 0 0 -10px;
}
.col-3.branch .col {
  margin: 0 0 0 25px;
  width: 210px;
}

/* col-4
----------------------------------------------- */
.col-4 {
  margin: 0 0 0 -10px;
}
.col-4 > .col {
  margin: 0 0 10px 10px;
  width: 170px;
}
.col-4 > .col:nth-child(4n+1) {
  clear: both;
}

/* col-5
----------------------------------------------- */
.col-5 {
  margin: 0 0 0 -10px;
}
.col-5 > .col {
  margin: 0 0 10px 10px;
  width: 134px;
}
.col-5 > .col:nth-child(5n+1) {
  clear: both;
}

/* 1カラムページ
----------------------------------------------- */
.lyt-col-1 .col-2 .col {
  width: 465px;
}
.lyt-col-1 .col-4 .col {
  width: 230px;
}
.lyt-col-1 .col-5 .col {
  width: 182px;
}

/* with-border
----------------------------------------------- */
.col-2.with-border,
.col-3.with-border {
  margin-left: -15px;
}
.col-2.with-border .col,
.col-3.with-border .col {
  margin: 0 0 10px 15px;
  width: 165px;
}
.col-2.with-border a,
.col-3.with-border a {
  display: block;
}
.col-2.with-border a.image,
.col-3.with-border a.image {
  margin-bottom: 0;
}
.col-2.with-border p,
.col-3.with-border p {
  margin: 0 !important;
  padding: 10px .5em;
  border: 1px solid #d8dadc;
  border-top: none;
  background-color: #f4f5f6;
  text-align: center;
  font-size: 85.71%;
}

.col-3.with-border {
  margin-left: -10px;
}
.col-3.with-border .col {
  margin: 0 0 20px 25px;
  width: 210px;
}

/* recommendedトップ「おすすめ情報」
----------------------------------------------- */
.recommended {
  margin-left: -10px;
}

.recommended .col {
  margin: 0 0 20px 25px;
  width: 210px;
}
.recommended .col a {
  display: block;
}
.recommended .col a.image {
  margin-bottom: 0;
}
.recommended .col p {
  margin: 0 !important;
  padding: 10px .5em;
  border: 1px solid #d8dadc;
  border-top: none;
  background-color: #f4f5f6;
  text-align: center;
  font-size: 85.71%;
}
.recommended .col:last-child, .recommended .col:nth-last-of-type(2), .recommended .col:nth-last-of-type(3) {
  margin-bottom: 0;
}

/* box-01
----------------------------------------------- */
.box-01, .uni-box-01 {
  margin: 0 0 20px;
  padding: 10px;
  background-color: #f4f5f6;
}
.box-01 .hdg, .uni-box-01 .hdg {
  margin: -10px -9px 10px;
  padding: 10px;
  border-bottom: 1px solid #d8dadc;
  background-color: #fff;
  font-size: 85.71%;
}
.box-01 > :last-child, .uni-box-01 > :last-child {
  margin-bottom: 0 !important;
}

/* .hdg-box
----------------------------------------------- */
.hdg-box {
  position: static;
  margin: 0 -10px 8px;
  padding: 12px 10px 10px;
  border: 0;
  border-bottom: 2px solid #e3e4e5;
  font-size: 128.57% !important;
}
.hdg-box:before {
  display: none;
}

/* box-02, box-03
----------------------------------------------- */
.box-02 {
  margin: 0 0 20px;
  padding: 10px 20px 20px;
  border: 1px solid #d8dadc;
  box-shadow: 0 0 0 1px #fff inset, 0 0 0 10px #e3e4e5 inset;
}
.box-02 > :last-child {
  margin-bottom: 0 !important;
}
.box-02 img {
  max-width: 100%;
}

.box-03, .box-search-recommended, .uni-box-03 {
  margin: 0 0 20px;
  padding: 10px;
  border: 8px solid #d7e3f5;
}
.box-03 .hdg-box, .box-search-recommended .hdg-box, .uni-box-03 .hdg-box {
  border-bottom: 2px solid #d7e3f5;
}
.box-03 > :last-child, .box-search-recommended > :last-child, .uni-box-03 > :last-child {
  margin-bottom: 0 !important;
}

/* box-04
----------------------------------------------- */
.box-04 {
  margin: 0 0 20px;
  padding: 10px;
  border: 1px solid #d8dadc;
  background-color: #fff;
}
.box-04.scroll-02 {
  overflow-y: scroll;
  height: 180px;
}
.ir .box-04 {
  margin: 0 0 15px;
}
.col .box-04 {
  margin-bottom: 10px;
}
.box-04.corp-top-news {
  overflow-y: auto;
  height: 148px !important;
}
.box-04 .hdg {
  margin: 0 -10px;
  padding: 0 10px 10px;
  border-bottom: 1px solid #d8dadc;
  font-size: 85.71%;
}
.box-04 .hdg img {
  margin: 0 10px 0 0;
}
.box-04.reset-height {
  height: auto !important;
}
.box-04 .list:first-of-type {
  margin-bottom: 0;
}
.box-04 .list:last-of-type li:last-child {
  padding-bottom: 0;
}
.box-04 > :last-child {
  margin-bottom: 0 !important;
}
.box-04.line-reset {
  border: none !important;
}
.box-04[class*="col-"] {
  margin: 0 0 20px -10px;
  padding: 0;
  border: none;
}
.box-04[class*="col-"] .unit {
  margin-top: 10px;
  padding-left: 10px;
  float: left;
}
.box-04 .unit > .inner {
  padding: 10px;
  border: 1px solid #d8dadc;
}
.box-04 .unit > .inner > :last-child {
  margin-bottom: 0;
}
.box-04.box-col-2 .unit {
  width: 50%;
}
.box-04.box-col-2 .unit:first-child,
.box-04.box-col-2 .unit:first-child + .unit {
  margin-top: 0;
}
.box-04.box-col-3 .unit {
  width: 33.33333%;
}
.box-04.box-col-3 .unit:first-child,
.box-04.box-col-3 .unit:first-child + .unit,
.box-04.box-col-3 .unit:first-child + .unit + .unit {
  margin-top: 0;
}

/* box-04-01
----------------------------------------------- */
.box-04-01 {
  margin: 0 0 5px;
  padding: 10px;
  border: 1px solid #d8dadc;
  background-color: #fff;
}
.box-04-01 .hdg {
  padding: 10px;
  background-color: #e3e4e5;
  font-size: 85.71%;
}
.box-04-01 .hdg-01 {
  margin: -10px -10px 10px;
  padding: 8px 10px 6px;
  border-bottom: 1px solid #d8dadc;
  background-color: #f4f5f6;
  font-size: 100%;
}
.box-04-01 .hdg-02 {
  padding: 6px 10px;
  border: 1px solid #fff;
  background-color: #d7e3f5;
  font-size: 100%;
}
.box-04-01 .hdg-03 {
  margin: -10px -10px 10px;
  padding: 8px 10px 6px;
  border-bottom: 1px solid #d8dadc;
  background-color: #d7e3f5;
  font-size: 100%;
}
.box-04-01 .hdg-03 .icon {
  vertical-align: middle;
  margin-right: 5px;
}
.box-04-01 .logo {
  margin: 20px 0 20px;
  text-align: center;
}
.box-04-01 .link-list {
  margin-bottom: 0;
  padding: 6px 10px;
  border-top: 1px solid #d8dadc;
  font-size: 85.71%;
}
.box-04-01 .link-list li {
  padding: 2px 0;
}
.box-04-01 .line-solid-top {
  margin: 0 !important;
  padding: 6px 10px;
  border-top: 1px solid #d8dadc;
  font-size: 85.71%;
}
.box-04-01[class*="col-"] {
  border: none;
  margin: 0 0 20px -10px;
  padding: 0;
}
.box-04-01[class*="col-"] .unit {
  margin-top: 10px;
  padding-left: 10px;
  float: left;
}
.box-04-01 .unit > .inner {
  padding: 10px;
  border: 1px solid #d8dadc;
}
.box-04-01 .unit > .inner > :last-child {
  margin-bottom: 0;
}
.box-04-01.box-col-2 .unit {
  width: 50%;
}
.box-04-01.box-col-2 .unit:first-child,
.box-04-01.box-col-2 .unit:first-child + .unit {
  margin-top: 0;
}
.box-04-01.box-col-3 .unit {
  width: 33.33333%;
}
.box-04-01.box-col-3 .unit:first-child,
.box-04-01.box-col-3 .unit:first-child + .unit,
.box-04-01.box-col-3 .unit:first-child + .unit + .unit {
  margin-top: 0;
}
.box-04-01 > :last-child {
  margin-bottom: 0;
}

.lyt-top #contents-body .box-04-01 p.center {
  margin: 0 0 20px;
}

/* box-04-02
----------------------------------------------- */
.box-04-02 {
  margin: 0 0 5px;
  padding: 10px;
  border: 1px solid #d8dadc;
  background-color: #fff;
}
.box-04-02 .hdg {
  margin: -10px -10px 10px;
  padding: 6px 10px;
  background-color: #f4f5f6;
  font-size: 100%;
}
.box-04-02[class*="col-"] {
  border: none;
  margin: 0 0 20px -20px;
  padding: 0;
}
.box-04-02[class*="col-"] .unit {
  margin-top: 20px;
  padding-left: 20px;
  float: left;
}
.box-04-02 .unit > .inner {
  padding: 10px;
  border: 1px solid #d8dadc;
}
.box-04-02 .unit > .inner > :last-child {
  margin-bottom: 0;
}

.box-04-02.box-col-1 .unit:first-child {
  margin-top: 0;
}

.box-04-02.box-col-2 .unit {
  width: 50%;
}
.box-04-02.box-col-2 .unit:first-child,
.box-04-02.box-col-2 .unit:first-child + .unit {
  margin-top: 0;
}
.box-04-02.box-col-3 .unit {
  width: 33.33333%;
}
.box-04-02.box-col-3 .unit:first-child,
.box-04-02.box-col-3 .unit:first-child + .unit,
.box-04-02.box-col-3 .unit:first-child + .unit + .unit {
  margin-top: 0;
}
.box-04-02 > :last-child {
  margin-bottom: 0;
}

/* box-04-03
----------------------------------------------- */
.box-04-03 {
  margin: 0 0 5px;
  padding: 10px;
  background-color: #fff;
}
.box-04-03 .hdg {
  margin: -10px -10px 10px;
  padding: 8px 10px 6px;
  font-size: 114.29%;
  border-bottom: 2px solid #e3e4e5;
  height: auto !important; /* hdgの高さを揃えなくてよいため */
}
.box-04-03[class*="col-"] {
  border: none;
  margin: 0 0 20px -20px;
  padding: 0;
}
.box-04-03[class*="col-"] .unit {
  margin-top: 20px;
  padding-left: 20px;
  float: left;
}
.box-04-03 .unit > .inner {
  padding: 10px;
  border: 8px solid #e3e4e5;
}
.box-04-03 .unit > .inner > :last-child {
  margin-bottom: 0;
}

.box-04-03.box-col-1 .unit:first-child {
  margin-top: 0;
}

.box-04-03.box-col-2 .unit {
  width: 50%;
}
.box-04-03.box-col-2 .unit:first-child,
.box-04-03.box-col-2 .unit:first-child + .unit {
  margin-top: 0;
}
.box-04-03.box-col-3 .unit {
  width: 33.33333%;
}
.box-04-03.box-col-3 .unit.sep-1{
  width: 66.66666%;
}


.box-04-03.box-col-3 .unit:first-child,
.box-04-03.box-col-3 .unit:first-child + .unit,
.box-04-03.box-col-3 .unit:first-child + .unit + .unit {
  margin-top: 0;
}
.box-04-03 > :last-child {
  margin-bottom: 0;
}

/* box-faq
----------------------------------------------- */
.box-faq {
  margin: 10px 0;
  border: 1px solid #d8dadc;
}
.box-faq .hdg {
  position: relative;
  padding: 1.25em 6em 1.25em 50px;
  background-color: #f4f5f6;
  font-size: 85.71%;
}
.box-faq .hdg:before {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -16px;
  width: 32px;
  height: 30px;
  background: url(/ybb/set/data/top/img/p/sprite-icon.png) 0 50% no-repeat;
  content: "";
}
.box-faq .textblock {
  position: relative;
  position: relative;
  padding: .3em 6em .1em 50px;
  font-weight: bold;
}
.box-faq .textblock:before {
  position: absolute;
  top: 8px;
  left: 10px;
  display: block;
  width: 32px;
  height: 30px;
  background: url(/ybb/set/data/top/img/p/sprite-icon.png) -34px 50% no-repeat;
  content: "";
}
.box-faq .textblock .link {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin: 0 !important;
  font-weight: normal;
}

/* box-index
----------------------------------------------- */
.box-index {
  margin: 0;
  padding: 0 10px;
  border: 1px solid #d8dadc;
}
.box-index .hdg {
  margin: 0 -10px 10px;
  padding: 0;
  background-color: #f4f5f6;
  box-shadow: 0 1px 0 #fff inset, 1px 0 0 #fff inset, -1px 0 0 #fff inset;
  font-size: 100%;
}
.box-index .hdg a {
  display: block;
  padding: 0.52em 10px;
}

/* 検索結果 おすすめ情報
----------------------------------------------- */
.box-search-recommended .hdg {
  margin: 20px 10px 0;
  padding: 0 0 5px;
  border-bottom: 1px solid #d8dadc;
  font-size: 128.57%;
}
.box-search-recommended .col-3 {
  margin: 20px 0 0 0;
  padding-left: 25px;
}
.box-search-recommended .col-3 .col {
  margin-left: 20px;
  width: 180px;
}
.box-search-recommended .col-3 .col img {
  width: 158px;
  height: auto;
  border: 1px solid #8eb5ef;
}

/* おすすめのインターネットサービス
----------------------------------------------- */
.col-3.ybb-service {
  margin: 0 0 10px -5px;
}
.col-3.ybb-service .col {
  margin: 0 0 0 5px;
  width: 233px;
}
.col-3.ybb-service .box-04 {
  margin: 0;
  padding: 3px 3px 0;
}
.col-3.ybb-service .btn-01, .col-3.ybb-service .btn-04 {
  min-width: 209px;
}
.col-3.ybb-service p {
  margin: 10px 0 !important;
}
.col-3.ybb-service .hdg-ybb-service {
  margin: -4px 0 0 -4px;
}
.col-3.ybb-service .hdg-ybb-service img {
  zoom: 1;
}
.col-3.ybb-service p.right {
  margin: 0 -3px !important;
  padding: 10px;
  border-top: 1px solid #d8dadc;
}

/* box-important
----------------------------------------------- */
.box-important {
  border: 2px solid #d8dadc;
  background-color: #fff;
}
.box-important .col-2 {
  margin: 0 0 0 -10px;
}
.box-important .col-2 > .col {
  margin: 0 0 0 20px;
  width: 453px;
}
.box-important .col-2 > .col .col {
  margin: 0;
}
.box-important .list-note, .box-important ul.notice-list {
  font-size: 10px;
}
.box-important .high-priority {
  border-top: 2px solid #d8dadc;
}

/*lifestyleサービス一覧の画像横並び用*/
.col-2.lifestyle .col {
  margin-bottom: 20px;
}
.col-2.lifestyle .col .list-01, .col-2.lifestyle .col .list-products {
  margin: 0;
}
.col-2.lifestyle .col .list-01 li, .col-2.lifestyle .col .list-products li {
  padding: 10px 0;
  overflow: hidden;
}
.col-2.lifestyle .col .list-01 li:first-child, .col-2.lifestyle .col .list-products li:first-child {
  padding-top: 0;
}
.col-2.lifestyle .col .list-01 li:last-child, .col-2.lifestyle .col .list-products li:last-child {
  padding-bottom: 0;
}
.col-2.lifestyle .col .list-01 li .image, .col-2.lifestyle .col .list-products li .image {
  float: right;
  margin-left: 10px;
  margin-bottom: 0;
}
.col-2.lifestyle .col .list-01 li .image img, .col-2.lifestyle .col .list-products li .image img {
  border: 1px solid #d8dadc;
}
.col-2.lifestyle .col .list-01 li .content, .col-2.lifestyle .col .list-products li .content {
  overflow: hidden;
}
.col-2.lifestyle .col .list-01 li .content a, .col-2.lifestyle .col .list-products li .content a {
  line-height: 1;
}
.col-2.lifestyle + p.center {
  margin: 10px auto 30px !important;
}
.col-2.lifestyle + p.center + .notice-list {
  margin-bottom: 0 !important;
}

/* box-relation-01
----------------------------------------------- */
.box-relation-01 a{
  border: solid 1px #d8dadc;
  background-color: #f4f5f6;
  padding: 7px 10px 6px;
  font-size: 85.71%;
  margin-bottom: 10px;
  display: block;
}

/* box (Common)
----------------------------------------------- */
/*よく探されてるページ*/
.box-05 {
  display: table;
  margin: 20px auto 40px;
  border: 1px solid #d8dadc;
  *overflow: hidden;
  _overflow: hidden;
  clear: both;
  width: 948px;
}
.box-05 dt,
.box-05 dd {
  display: table-cell;
  font-size: 85.7%;
  *float: left;
  _float: left;
}
.box-05 dt {
  white-space: nowrap;
  font-weight: bold;
  background-color: #f4f5f6;
  padding: 10px 25px 10px 10px;
  border-right: 1px solid #d8dadc;
  vertical-align: middle;
}
.box-05 dd {
  width: 100%;
  *width: auto;
  _width: auto;
  vertical-align: top;
}
.box-05 dd ul {
  margin-left: -10px;
  padding: 5px 5px 8px 0;
  *overflow: hidden;
  _overflow: hidden;
}
.box-05 dd ul li {
  float: left;
  margin: 0 0 0 20px;
  padding-top: 5px;
  zoom: 1;
}
.box-05 dd ul li a {
  line-height: 1;
}

#contents-body .box-05 {
  width: 708px;
}

/*帯のみ*/
.box-06 {
  background-color: #f4f5f6;
  border: 1px solid #d8dadc;
  font-size: 117%;
  margin: 0;
  padding: 10px;
  font-weight: bold;
}

.col-2 .box-06 {
  width: 323px;
  _width: 45%;
  float: left;
  margin-left: 20px;
  _margin-left: 0;
  _margin-right: 1%;
  _zoom: 1;
}

/*帯+ボックス*/
.box-07 {
  border: 1px solid #d8dadc;
  padding: 10px;
}
.box-07 .box-06 {
  margin: -10px -10px 10px;
  border-left: none;
  border-right: none;
  border-top: none;
}
.box-07 > *:last-child {
  margin-bottom: 0;
}

.col-2 .box-07 {
  width: 323px;
  _width: 45%;
  float: left;
  margin-left: 20px;
  _margin-left: 0;
  _margin-right: 1%;
  _zoom: 1;
}
.col-2 .box-07 .box-06 {
  width: auto;
  float: none;
  margin: -10px -10px 10px;
}

/*矢印*/
.box-arrow-01,
.box-arrow-02,
.box-arrow-02-left,
.box-arrow-02-right {
  width: 710px;
  height: 20px;
  padding: 10px 0;
}

.box-arrow-01 {
  background: url(/site/set/common/p/img/trunk/bg-arrow-01.png) no-repeat center center;
}

.box-arrow-02 {
  background: url(/site/set/common/p/img/trunk/bg-arrow-02.png) no-repeat center center;
}

.box-arrow-02-left {
  background: url(/site/set/common/p/img/trunk/bg-arrow-02-left.png) no-repeat center center;
}

.box-arrow-02-right {
  background: url(/site/set/common/p/img/trunk/bg-arrow-02-right.png) no-repeat center center;
}

.box-right .box-06,
.box-right .box-07{
  float: right;
}

/* box-pane
----------------------------------------------- */
.box-pane .image-left .image{
  width: 265px;
}
.box-pane .image-left .image .lead{
  font-weight: bold;
}
.box-pane .image-left .image .lead.bottom{
  margin-top: 30px;
}
.box-pane .image-left .image .caption{
  text-align: left;
}

/* ----------------------------------------------------------------
    image
----------------------------------------------------------------- */
/* image
----------------------------------------------- */
.image {
  margin-bottom: 15px;
}

/* image-full, image-*
----------------------------------------------- */
.image-full{
  display: block;
  margin: 0 auto 15px;
  text-align: center;
}
.image-138,
.image-223,
.image-345{
  display: block;
  margin: 0 auto 15px;
  text-align: left;
}

.image-full.loading {
  margin: 15px auto;
}
.image-full.loading img {
  width: 48px;
  height: auto;
}


/* image (Common)
----------------------------------------------- */
/* caption
----------------------------------------------- */
.caption {
  display: block;
  margin: 10px 0 0;
  font-size: 85.71%;
  line-height: 1.4 !important;
}

.image-138 .caption{
  width: 138px;
}

.image-223 .caption{
  width: 223px;
}

.image-345 .caption{
  width: 345px;
}

/* ----------------------------------------------------------------
    float
----------------------------------------------------------------- */
[class*="box-"] .image-left .image, .list-box .image-left .image {
  margin: 0 10px 10px 0;
}
[class*="box-"] .image-right .image, .list-box .image-right .image {
  margin: 0 0 10px 10px;
}

.list-box .image {
  padding: 0 10px 0 0;
}

/* image-left
----------------------------------------------- */
.image-left .image {
  float: left;
  margin: 0 20px 0 0;
}
.col-2 .image-left .col, .col-3 .image-left .col, .col-4 .image-left .col, .col-5 .image-left .col {
  display: block;
  float: none;
  margin-left: 0;
  width: auto;
}
.image-left .col > p {
  margin-bottom: 0;
}
.image-left .col > p + p {
  margin-top: 12px;
}
.image-left.gps .image {
  margin: 0 10px 0 0;
}
.image-left.gps .col {
  margin-bottom: 0 !important;
}

/* image-right
----------------------------------------------- */
.image-right .image {
  float: right;
  margin: 0 0 0 20px;
}
.col-2 .image-right .col, .col-3 .image-right .col, .col-4 .image-right .col, .col-5 .image-right .col {
  display: block;
  float: none;
  width: auto;
}
.image-right.cybertrust .image {
  width: 148px;
}

.image-left,
.image-right {
  margin-bottom: 20px;
}
.image-left .col,
.image-right .col {
  display: block;
  margin-bottom: 0;
  overflow: hidden;
}
.image-left.overflow .col,
.image-right.overflow .col{
  overflow: visible;
}
.image-left .col > *:first-child,
.image-right .col > *:first-child {
  margin-top: 0 !important;
}
.image-left .col > *:last-child,
.image-right .col > *:last-child {
  margin-bottom: 0 !important;
}
.image-left.parallel.sep-1 {
  width:48%;
  float:left;
  margin-right:9px;
}
.sep-1+.sep-1 {
  margin-right:0;
}
.image-left.parallel .col,
.image-right.parallel .col {
  overflow: hidden;
  margin-bottom: 0;
}
.image-left .image .caption,
.image-right .image .caption {
  text-align: center;
}

.image-left.branch-138 .image,
.image-right.branch-138 .image{
  width: 138px;
}
.image-left.branch-223 .image,
.image-right.branch-223 .image{
  width: 223px;
}
.image-left.branch-345 .image,
.image-right.branch-345 .image{
  width: 345px;
}

.image-left.branch-138 .image .caption,
.image-right.branch-138 .image .caption,
.image-left.branch-223 .image .caption,
.image-right.branch-223 .image .caption,
.image-left.branch-345 .image .caption,
.image-right.branch-345 .image .caption{
  text-align: left;
}

/* grid-arr
----------------------------------------------- */
.grid-arr {
  margin: 0 0 20px;
}
.grid-arr > .unit {
  margin-top: 30px;
  float: left;
}
.grid-arr > .unit > :first-child {
  margin-top: 0 !important;
}
.grid-arr > .unit > :last-child {
  margin-bottom: 0;
}
.grid-arr > .unit > [class*="image-"] {
  margin-bottom: 0;
}
.grid-arr > .unit img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.grid-arr > .unit > .uni-link-list {
  margin-bottom: 0;
}

.grid-arr[class*="col-2"] > .unit {
  width: 50%;
}
.grid-arr[class*="col-2"] > .unit:first-child, .grid-arr[class*="col-2"] > .unit:first-child + div, .grid-arr[class*="col-2"] > .unit:first-child + li {
  margin-top: 0;
}
.grid-arr[class*="col-3"] {
  margin-right: -1px;
}
.grid-arr[class*="col-3"] > .unit {
  width: 33.33333%;
}
.grid-arr[class*="col-3"] > .unit.sep-1 {
  width: 66.66666%;
}

.grid-arr[class*="col-3"] > .unit:first-child, .grid-arr[class*="col-3"] > .unit:first-child + div, .grid-arr[class*="col-3"] > .unit:first-child + div + div, .grid-arr[class*="col-3"] > .unit:first-child + li, .grid-arr[class*="col-3"] > .unit:first-child + li + li {
  margin-top: 0;
}
.grid-arr[class*="col-4"] > .unit {
  width: 25%;
}
.grid-arr[class*="col-4"] > .unit:first-child, .grid-arr[class*="col-4"] > .unit:first-child + div, .grid-arr[class*="col-4"] > .unit:first-child + div + div, .grid-arr[class*="col-4"] > .unit:first-child + div + div + div, .grid-arr[class*="col-4"] > .unit:first-child + li, .grid-arr[class*="col-4"] > .unit:first-child + li + li, .grid-arr[class*="col-4"] > .unit:first-child + li + li + li {
  margin-top: 0;
}
.grid-arr[class*="col-5"] > .unit {
  width: 20%;
}
.grid-arr[class*="col-5"] > .unit:first-child, .grid-arr[class*="col-5"] > .unit:first-child + div, .grid-arr[class*="col-5"] > .unit:first-child + div + div, .grid-arr[class*="col-5"] > .unit:first-child + div + div + div, .grid-arr[class*="col-5"] > .unit:first-child + div + div + div + div, .grid-arr[class*="col-5"] > .unit:first-child + li, .grid-arr[class*="col-5"] > .unit:first-child + li + li, .grid-arr[class*="col-5"] > .unit:first-child + li + li + li, .grid-arr[class*="col-5"] > .unit:first-child + li + li + li + li {
  margin-top: 0;
}
.grid-arr.t-1 {
  margin-left: -10px;
}
.grid-arr.t-1 > .unit {
  padding-left: 10px;
}
.grid-arr.t-2 {
  margin-left: -20px;
}
.grid-arr.t-2 > .unit {
  padding-left: 20px;
}
.grid-arr.t-3 {
  margin-left: -30px;
}
.grid-arr.t-3 > .unit {
  padding-left: 30px;
}
.grid-arr.t-4 {
  margin-left: -40px;
}
.grid-arr.t-4 > .unit {
  padding-left: 40px;
}
.grid-arr.t-5 {
  margin-left: -50px;
}
.grid-arr.t-5 > .unit {
  padding-left: 50px;
}
.grid-arr.t-6 {
  margin: 0 0 20px -40px;
  padding-right: 250px;
}
.grid-arr.t-6 > .unit {
  margin-top: 13px;
  padding-left: 40px;
}
.grid-arr.t-6 > .unit p:first-child {
  margin-bottom: 3px;
}
.grid-arr.t-7 {
  border-right: 1px solid #d8dadc;
}
.grid-arr.t-7 > .unit {
  padding: 10px 10px 10px;
  border-left: 1px solid #d8dadc;
}
.grid-arr.t-8 {
  margin-left: -10px;
}
.grid-arr.t-8 > .unit {
  margin-top: 10px;
  padding-left: 10px;
}
.grid-arr.t-8 > .unit .inner {
  padding: 10px;
  background-color: #f4f5f6;
}
.grid-arr.t-8 > .unit .inner > p {
  display: table;
  width: 100%;
  height: 100%;
}
.grid-arr.t-8 > .unit .inner > p > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.grid-arr.t-8 > .unit .inner > :last-child {
  margin-bottom: 0 !important;
}
.grid-arr.ot-1 .image-left .image {
  margin-right: 10px;
}
.grid-arr.ot-1 .image-right .image {
  margin-left: 10px;
}
.grid-arr.img-border img {
  border: 1px solid #d8dadc;
}

/* image-l (Common)
----------------------------------------------- */
/* image-r (Common)
----------------------------------------------- */
/* Switching
----------------------------------------------- */
/* ----------------------------------------------------------------
    form
----------------------------------------------------------------- */
/* shop-search
----------------------------------------------- */
.shop-search #shop-name {
  float: left;
  margin: 0;
  padding: 1px 8px;
  width: 231px;
  height: 28px;
  border: 1px solid #d8dadc;
  font-size: 12px;
}
.shop-search .btn-02 {
  float: right;
  padding: 5px 15px 3px;
  font-size: 16px;
}
.shop-search.branch #shop-name {
  width: 210px;
}

/* 404ページサイト内検索
----------------------------------------------- */
.contents-site-search {
  margin: 40px 0;
}
.contents-site-search .box-01 {
  width: 688px;
  margin: 0 auto;
}
.contents-site-search #bizsearchAspQuery2 {
  margin-bottom: 0;
}

/* サイト内検索フォーム
----------------------------------------------- */
#bizsearchAspForm2,
#bizsearchAspForm3 {
  padding: 0;
  position: relative;
}
#bizsearchAspForm2 .btn-02,
#bizsearchAspForm3 .btn-02 {
  float: right;
  font-size: 16px;
  cursor: pointer;
  padding: 7px 15px 4px;
  line-height: 1.2;
}
#bizsearchAspForm2 .btn-02:hover,
#bizsearchAspForm3 .btn-02:hover {
  text-decoration: underline;
}

#bizsearchAspForm2 #bizasarchAspSuggest2 {
  position: absolute;
  top: 31px !important;
  left: 0 !important;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #d8dadc;
  border-top: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  zoom: 1;
}
#bizsearchAspForm2 #bizasarchAspSuggest2 li {
  border-top: 1px solid #d8dadc;
  padding: .5em 10px;
}
#bizsearchAspForm2 #bizasarchAspSuggest2 li:hover {
  background-color: #f4f5f6;
  cursor: pointer;
}
#bizsearchAspForm2 #bizasarchAspSuggest2 li:last-child {
  border-radius: 0 0 3px 3px;
}

#bizsearchAspQuery2, #bizsearchAspQuery3 {
  margin: 0 0 10px;
  float: left;
  background-color: #fff !important;
  border: 1px solid #d8dadc;
  box-shadow: 0 0 0 1px #f4f5f6 inset;
  height: 26px;
  width: 600px;
  padding: 2px 8px;
}
[lang="en"] #bizsearchAspQuery2, [lang="en"] #bizsearchAspQuery3 {
  width: 580px;
}

/* お問い合わせフォーム
----------------------------------------------- */
p.check label {
  position: relative;
  padding-left: 2.2em;
  display: block;
  zoom: 1;
}
p.check input {
  position: absolute;
  top: .2em;
  left: 0;
}
p.check .marker {
  position: absolute;
  top: 0;
  left: 1.1em;
}

.label-indent {
  position: relative;
  padding-left: 1.4em;
  display: block;
  zoom: 1;
}
.label-indent input {
  position: absolute;
  top: .1em;
  left: 0;
}

/*center寄せ*/
p.check.center input{
  position: relative;
  margin-right: 10px;
}

/* ----------------------------------------------------------------
    tab
----------------------------------------------------------------- */
/* tab
----------------------------------------------- */
.tabContainer {
  margin: 0 0 20px;
  position: relative;
}
.tabContainer.bdr .tabList {
  margin-bottom: 0;
}
.tabContainer.bdr .tabPanel {
  padding: 30px 10px;
  border-style: solid;
  border-color: #d8dadc;
  border-width: 0 1px 1px;
}

.tab {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  font-weight: bold;
  position: relative;
}

.tabContainer .tabListFix.compressed > li{
  width:auto;
}

.tabContainer .tabListFix.compressed > li > a{
padding: 8px 19px 6px;
}

.tab > li {
  height: auto;
  padding: 0 0 0 1px;
  display: table-cell;
  border: none;
}
.tab > li > a {
  display: block;
  position: relative;
  padding: 8px 10px 6px;
  border: 1px solid #d8dadc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 -1px 0 #fff inset,  -1px 0 0 #fff inset, 1px 0 0 #fff inset;
  text-align: center;
}
.tab > li > a > span {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.tab > li > a:link, .tab > li > a:active, .tab > li > a:visited {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(to bottom,#fff, #f2f2f2);
  background-color: #f2f2f2;
}
.tab > li:first-child {
  padding-left: 0;
}
.tab > li:first-child:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #d8dadc;
  height: 0;
}
.tab > li.active a {
  background-image: none;
  background: none #fff;
  color: #333;
  text-decoration: none;
}
.tab > li.active a:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #fff;
  height: 0;
}
.tab + .tabs {
  border: none;
}
.tab.compressed {
  display: block;
}
.tab.compressed > li {
  width: 210px;
}
.tab.compressed-ob-1 {
  display: block;
}
.tab.compressed-ob-1 > li {
  width: 141px;
}
.tab.bottom > li > a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tab.bottom > li:first-child:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #d8dadc;
  height: 0;
}
.tab.bottom > li.active a {
  background-image: none;
  background: none #fff;
  color: #333;
}
.tab.bottom > li.active a:before {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #fff;
  height: 0;
}
.tab.bottom + .btn-option {
  top: 11px;
}
.tab + .btn-option {
  position: absolute;
  top: 0;
  right: 0;
}
.tab + .btn-option > li {
  float: left;
}
.tab + .btn-option > li a {
  margin-left: 10px;
  padding: 4px 20px 4px 17px;
  width: 110px;
  min-width: 0;
  font-size: 85.71%;
  white-space: nowrap;
}

.uni-tabs .tab-link {
  margin: 0 0 10px;
  border-left: 1px solid #d8dadc;
  border-right: 1px solid #d8dadc;
}
.uni-tabs .tab-link > li {
  padding: 3px 10px 2px;
  float: left;
  border-left: 1px solid #d8dadc;
  width: 33.33333%;
  text-align: center;
  font-size: 85.71%;
  white-space: nowrap;
}
.uni-tabs .tab-link > li > a {
  display: block;
}
.uni-tabs .tab-link > :first-child {
  border-left: none;
}

.tabPanel {
  display: none;
  position: relative;
  outline: none !important;
}
.tabPanel.active {
  display: block;
}
.tabPanel > :last-child {
  margin-bottom: 0;
}

.tab-container.static .tabPanel {
  display: block;
}

/* ----------------------------------------------------------------
    component
----------------------------------------------------------------- */
/* SNSボタン（統合用）
----------------------------------------------- */
.asset-sns .snsbtn_buttongroup {
  text-align: right;
}
.asset-sns .snsbtn_buttongroup > li {
  display: inline-block;
  vertical-align: top;
}
.asset-sns .snsbtn_buttongroup .g_plusone > div {
  width: 72px !important;
}
.asset-sns .snsbtn_buttongroup .twt_count iframe {
  width: 100px !important;
}

.asset-sns {
  text-align: right;
}
.asset-sns > div {
  display: inline-block;
  vertical-align: top;
}

.asset-sns + p.right.note {
  margin-top: 20px;
}

/* SNSカウントボタン（本文下用）
----------------------------------------------- */
.snsbtn_sb_style_bottom {
  margin: 35px 0 0;
  padding: 0;
  border-top: 1px solid #d8dadc;
  zoom: 1;
}
.snsbtn_sb_style_bottom .snsbtn_group_content {
  margin: 0;
  padding: 0;
}
.snsbtn_sb_style_bottom .snsbtn_buttongroup {
  margin: 0;
  padding: 0;
  list-style-type: none;
  zoom: 1;
}
.snsbtn_sb_style_bottom .snsbtn_buttongroup li {
  float: left;
  margin: 0;
  padding: 7px 0 0 4px;
}
.snsbtn_sb_style_bottom .snsbtn_buttongroup li.first-child, .snsbtn_sb_style_bottom .snsbtn_buttongroup li:first-child {
  padding-left: 0;
  width: 110px;
}
.snsbtn_sb_style_bottom .snsbtn_buttongroup li.twt_count {
  width: 128px;
  position: relative;
  z-index: 2;
}
.snsbtn_sb_style_bottom .snsbtn_buttongroup li.g_plusone {
  position: relative;
  z-index: 2;
}

.fb_iframe_widget_lift{
  z-index: 3 !important;
}


.box-ybb-contact {
  margin: 30px 0 0;
  padding: 10px 0 10px 153px;
  border: 1px solid #d8dadc;
  background: url(/ybb/set/common/p/img/img-contact.jpg) 0 100% no-repeat #fdfaee;
}
.box-ybb-contact .hdg {
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
  font-weight: bold;
  font-size: 114.29%;
}
.box-ybb-contact .box-internet,
.box-ybb-contact .box-reception {
  display: inline;
  float: left;
  margin: 0 10px 0 0;
  padding: 2px;
  border: 1px solid #d8dadc;
  background-color: #fff;
}
.box-ybb-contact .box-internet {
  width: 243px;
}
.box-ybb-contact .box-internet p.center {
  margin: 16px 0 14px !important;
}
.box-ybb-contact .box-reception {
  width: 292px;
}
.box-ybb-contact .box-reception p.center {
  margin: 0 !important;
}
.box-ybb-contact .btn-01, .box-ybb-contact .btn-04 {
  min-width: 210px;
}

.gig-button-container {
  margin-bottom: 0 !important;
}

/* Facebook Like Button
----------------------------------------------- */
.rssBody {
  padding: 10px 10px 0;
}
.rssBody h4 {
  display: none;
}
.rssBody .rssRow > div {
  font-size: 12px;
  margin: 0 0 10px;
}
.rssBody p {
  margin-bottom: 8px !important;
  word-break: break-all;
  word-wrap: break-word;
}

/* ----------------------------------------------------------------------------
 * ダイアログ オーバレイ
 * ------------------------------------------------------------------------- */
.coverPageDialogOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
  opacity: 0.8;
}

*:first-child + html .coverPageDialogOverlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

* html .coverPageDialogOverlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

/* ----------------------------------------------------------------------------
 * ドキュメントスクロール制御
 * ------------------------------------------------------------------------- */
.coverPageFixedView {
  overflow-x: hidden;
  overflow-y: scroll;
}

*:first-child + html.coverPageFixedView {
  position: relative;
}

* html.coverPageFixedView {
  position: relative;
  overflow: hidden;
}

.coverPageFixedView body {
  overflow: hidden;
}

*:first-child + html.coverPageFixedView body {
  position: relative;
}

* html.coverPageFixedView body {
  position: relative;
}

/* ----------------------------------------------------------------------------
 * ダイアログ本体
 * ------------------------------------------------------------------------- */
.coverPageDialog {
  margin: 20px 0;
  padding: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10002;
  outline: 0;
  -webkit-user-select: element;
  -moz-user-select: element;
  -ms-user-select: element;
  -o-user-select: element;
  user-select: element;
}

.coverPageDialogContent {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  /* --------------------------------------------------------------------------
   * 左右の余白を固定値にする場合は、ここの値を両方とも変更する。
   *
   * 既定値: 20px;
   *
   * 例: 左右の余白を 100px ずつにする
   *
   *     padding-left: 100px;
   *     padding-right: 100px;
   * ----------------------------------------------------------------------- */
  padding-left: 20px;
  padding-right: 20px;
}

.coverPageDialogContentIframe {
  margin: 0 auto;
  display: block;
  background-color: #fff;
  color: #000;
  /* --------------------------------------------------------------------------
   * 中央にあるコンテンツの幅を固定値にする場合は、この値を変更する。
   *
   * 既定値: 100%;
   *
   * 例: 幅 200px で固定する
   *
   *     width: 200px;
   * ----------------------------------------------------------------------- */
  width: 100%;
}

.coverPageDialogCloseWrapper {
  position: absolute;
  top: 33px;
  right: 40px;
}

.coverPageDialogSP .coverPageDialogCloseWrapper {
  top: 14px;
  right: 30px;
}

/* Carouse
----------------------------------------------- */
/* Shop Search
----------------------------------------------- */
.gen-search {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #d7e3f5;
}
.gen-search form {
  display: table;
}
.gen-search form > div {
  display: table-cell;
  vertical-align: middle;
}
.gen-search form > :first-child {
  width: 100%;
  padding-right: 10px;
}
.gen-search input[type="text"] {
  padding: 6px 10px;
  border: 1px solid #d8dadc;
  width: 100%;
}
.gen-search button[type="submit"] {
  min-width: 62px;
  min-height: 35px;
  max-height: 35px;
  display: inline-block;
  margin: 0;
  padding: 10px;
  border-radius: 3px;
  font-size: 114.29%;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  border: 1px solid #d8dadc;
  border-radius: 5px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVmZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #edeff0));
  background-image: -webkit-linear-gradient(top, #fff, #edeff0);
  background-image: linear-gradient(to bottom,#fff, #edeff0);
  background-color: #f4f5f6;
  color: #006699;
}

.asset-bnr-1 {
  margin-bottom: 20px;
}
.asset-bnr-1 .image img {
  border: 1px solid #d8dadc;
}
.asset-bnr-1 .label {
  margin: 0 0 8px;
  line-height: 1;
}
.asset-bnr-1 .label [class*="icon-"] {
  margin: 0 !important;
  vertical-align: bottom;
}
.asset-bnr-1 .lead {
  margin-bottom: 0;
}

.rqm {
  margin-bottom: 20px;
  display: table;
}
.rqm > div {
  display: table-cell;
}
.rqm p {
  margin: 0;
}
.rqm .bnr {
  padding-right: 10px;
}
.rqm .desc {
  width: 100%;
  vertical-align: middle;
  font-size: 85.71%;
}

/* Side Navigation Assets
----------------------------------------------- */
/* タブ切替
----------------------------------------------- */
.tab-container.mobile-campaign .tabs {
  position: relative;
  border: none;
  border-top: 1px solid #d8dadc;
  zoom: 1;
}
.tab-container.mobile-campaign .tab-block {
  overflow: hidden;
  margin: 10px 0 0;
  padding: 0;
  height: 140px;
}
.tab-container.mobile-campaign .tab-list li {
  width: 115px;
}

.tabs {
  position: relative;
  border: 1px solid #d8dadc;
  zoom: 1;
}

.tab-block {
  display: none;
  overflow-y: auto;
  padding: 10px;
  height: 359px;
}
.tab-block.active {
  display: block;
}
.tab-block p.right {
  margin: 20px 0 0 !important;
  padding: 0;
  font-size: 85.71%;
}

.release .tab-block {
  height: 363px;
}

.tabs.static .tab-block {
  display: block;
  overflow-y: none;
  height: auto;
}

.tab-list {
  position: relative;
  bottom: 0;
  z-index: 1;
  margin: 0 0 0 -1px;
  padding: 0;
  font-size: 12px;
}
.tab-list li {
  float: left;
  margin: 0 0 0 1px;
  padding: 0;
  width: 112px;
  height: 33px;
  border: 1px solid #d8dadc;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  text-align: center;
  font-weight: bold;
}
.tab-list li.active a {
  border-bottom: 1px solid #fff;
  background: none #fff;
  background-image: none;
  color: #333;
}
.tab-list li.active a:hover, .tab-list li.active a:focus {
  text-decoration: none;
}
.tab-list li.all-companies {
  width: 110px;
}
.tab-list li.holding-companies {
  width: 115px;
}
.tab-list a {
  display: block;
  padding: 8px 0 0;
  height: 34px;
  border-bottom: 1px solid #d8dadc;
  border-radius: 3px 3px 0 0;
  background-color: #f8f8f8;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnKSIvPjwvc3ZnPg==);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(to bottom,#fff, #f2f2f2);
  box-shadow: 0 0 0 1px #fff inset;
  text-decoration: none;
}
.tab-list a:visited {
  color: #006699;
}
.tab-list a:hover, .tab-list a:focus {
  text-decoration: underline;
}
.tab-list span {
  font-size: 10px;
}

.info .tab-list li {
  width: 117px;
}
.info .tab-list li.recent, .info .tab-list li.news {
  width: 112px;
}
.info .tab-list li.release {
  width: 113px;
}

.mobile-campaign .tab-list {
  font-size: 13px;
}

/* メインビジュアル包括・タブ
----------------------------------------------- */
.row-fluid {
  clear: both;
}
.row-fluid.with-tab {
  border-bottom: 1px solid #d8dadc;
}

.sb3c-row-fluid {
  clear: both;
  background-color: #fff;
}

.row {
  clear: both;
  margin: 0 auto;
  padding: 10px 0;
  width: 950px;
  text-align: left;
}
.row .box-04-01,
.row .tbl-03 {
  margin: 10px 0;
}
.row .box-04-01:first-child,
.row .tbl-03:first-child {
  margin-top: 0;
}
.row .box-04-01:last-child,
.row .tbl-03:last-child {
  margin-bottom: 0;
}
.row .box-04-01.noday li,
.row .tbl-03.noday li {
  padding-left: 0 !important;
}
.row .box-04-01.noday.en li .content,
.row .tbl-03.noday.en li .content {
  padding-left: 3px;
}
.row .box-04-01.en td,
.row .tbl-03.en td {
  padding-left: 10px;
}
.row .box-04-01.en dd,
.row .tbl-03.en dd {
  margin-left: 125px !important;
}
.row .list-def-01 {
  margin: 0 10px;
  border-bottom: none;
}
.row .list-def-01 dt {
  margin-top: 0;
  margin-right: -115px;
  width: 115px;
  font-size: 10px;
}
.row .list-def-01 dt:first-of-type {
  border-top: none;
}
.row .list-def-01 dd {
  margin-left: 115px;
  padding: 0;
}
.row .list-def-01 dd:first-of-type {
  border-top: none;
}
.row .list-def-01 .list-timeline {
  margin: 0;
  list-style-type: none;
}
.row .list-timeline {
  margin: 0 10px 0 20px;
}
.row .list-timeline li {
  margin: 0;
  padding: 10px 0 10px 8em;
  border-top: 1px dotted #d8dadc;
}
.row .list-timeline li:first-child {
  border-top: none;
}
.row .list-timeline li .date {
  top: 11px;
  left: 0;
}
.row .tbl-03 {
  margin-top: 10px;
}
.row .tbl-03 th {
  font-size: 85.7%;
}
.row .tbl-03 td {
  width: 843px;
}
.row .tbl-03.en th {
  word-break: break-all;
  width: 102px;
}
.row .tbl-03.en td {
  width: auto;
}
.row .tbl-03.en td .list-timeline {
  margin-left: 5px;
}
.row .tbl-03.en td .list-timeline li {
  padding-left: 93px;
}
.row .shinsai-message {
  margin: 0;
}

/*メインビジュアルのすぐ下に重要なお知らせがある場合はpadding-top:0;にする*/
#feature-area + .row {
  padding-top: 0;
}

.contents-tab-container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 0;
  width: 950px;
}
.contents-tab-container .contents-tab-list {
  position: relative;
  bottom: -1px;
  z-index: 2;
}

.contents-tab-list {
  margin: 0;
  padding: 0;
  height: 30px;
  text-align: left;
}
.contents-tab-list li {
  display: inline;
  float: left;
  margin: 0 2px 0 0;
}

/*下層(710px)対応*/
#contents-body .row {
  width: 710px;
}
#index-main + #contents-body .row {
  padding-top: 0;
}
#contents-body #index-main + .row {
  padding-top: 0;
}

/* 企業・IRトップ　お知らせ　カルーセル
----------------------------------------------- */
.carousel {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  width: 688px;
  height: 120px;
}
.carousel .loading {
  position: relative;
  top: 30px;
  left: 316px;
  z-index: 10;
  width: 55px;
}
.carousel .carousel-inner {
  position: absolute;
  top: 0;
  left: 32px;
  overflow: hidden;
  width: 624px;
}
.carousel ul.thumbs {
  position: relative;
  top: 0;
  left: 0;
}
.carousel ul.thumbs li {
  display: inline;
  float: left;
  margin-right: 3px;
  margin-left: 3px;
  width: 150px;
  height: 130px;
  font-size: 12px;
}
.carousel ul.thumbs li a .img {
  display: block;
  overflow: hidden;
  margin: 0 2px 9px;
  width: 144px;
  border: 1px solid #d8dadc;
  text-align: center;
}
.carousel ul.thumbs li a img {
  width: 144px;
  height: 81px;
}
.carousel ul.thumbs li a .title {
  display: block;
}
.carousel ul.thumbs li a:hover, .carousel ul.thumbs li a:focus, .carousel ul.thumbs li a.stay {
  outline: none;
}
.carousel ul.thumbs li a:hover .img, .carousel ul.thumbs li a:focus .img, .carousel ul.thumbs li a.stay .img {
  margin: 0 0 9px;
  height: 81px;
  border: 3px solid #8eb5ef;
}
.carousel ul.thumbs li a:hover .img img, .carousel ul.thumbs li a:focus .img img, .carousel ul.thumbs li a.stay .img img {
  border: none;
}
.carousel ul.pager {
  font-size: 10px;
}
.carousel ul.pager li {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 18px;
  height: 100%;
}
.carousel ul.pager li a, .carousel ul.pager li span {
  display: block;
  width: 18px;
  height: 130px;
  outline: 0px;
}
.carousel ul.pager li a .nav-txt, .carousel ul.pager li span .nav-txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: none !important;
}
.carousel ul.pager li.prev {
  left: 0;
}
.carousel ul.pager li.prev a, .carousel ul.pager li.prev span {
  background: url("/site/set/common/p/img/sprite-nav-carousel-h130.png") no-repeat 0 0;
}
.carousel ul.pager li.prev a.off, .carousel ul.pager li.prev span.off {
  background-position: -36px 0;
}
.carousel ul.pager li.prev a:hover {
  background-position: -18px 0;
}
.carousel ul.pager li.next {
  position: absolute;
  top: 0;
  right: 0;
}
.carousel ul.pager li.next a, .carousel ul.pager li.next span {
  background: url("/site/set/common/p/img/sprite-nav-carousel-h130.png") no-repeat 0 -130px;
}
.carousel ul.pager li.next a.off, .carousel ul.pager li.next span.off {
  background-position: -36px -130px;
}
.carousel ul.pager li.next a:hover {
  background-position: -18px -130px;
}

.carousel-item,
.carousel-item-03,
.list-carousel-ybb-campaigns {
  position: relative;
  margin: 0 0 20px;
}
.carousel-item .pager-carousel,
.carousel-item-03 .pager-carousel,
.list-carousel-ybb-campaigns .pager-carousel {
  display: none;
  font-size: 12px;
}
.carousel-item .pager-carousel a, .carousel-item .pager-carousel .off,
.list-carousel-ybb-campaigns .pager-carousel a,
.carousel-item-03 .pager-carousel a,
.list-carousel-ybb-campaigns .pager-carousel .off,
.carousel-item-03 .pager-carousel .off {
  display: block;
  width: 18px;
  height: 110px;
  background: url(/site/set/common/p/img/sprite-nav-carousel-h110.png) 0 0 no-repeat;
}
.carousel-item .pager-carousel a span, .carousel-item .pager-carousel .off span,
.list-carousel-ybb-campaigns .pager-carousel a span,
.carousel-item-03 .pager-carousel a span,
.list-carousel-ybb-campaigns .pager-carousel .off span,
.carousel-item-03 .pager-carousel .off span {
  position: relative;
  z-index: -1;
}
.carousel-item .pager-carousel li,
.list-carousel-ybb-campaigns .pager-carousel li,
.carousel-item-03 .pager-carousel li {
  word-break: break-all;
  word-wrap: break-word;
  position: absolute;
  top: 15px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 110px;
}

.item-03-02 .pager-carousel li {
  top: 46px;
}
.carousel-item .pager-carousel li.prev,
.list-carousel-ybb-campaigns .pager-carousel li.prev,
.carousel-item-03 .pager-carousel li.prev {
  left: 0;
}
.carousel-item .pager-carousel li.prev a:hover, .carousel-item .pager-carousel li.prev a:focus,
.list-carousel-ybb-campaigns .pager-carousel li.prev a:hover,
.carousel-item-03 .pager-carousel li.prev a:hover,
.list-carousel-ybb-campaigns .pager-carousel li.prev a:focus,
.carousel-item-03 .pager-carousel li.prev a:focus {
  background-position: -18px 0;
}
.carousel-item .pager-carousel li.prev .off,
.list-carousel-ybb-campaigns .pager-carousel li.prev .off,
.carousel-item-03 .pager-carousel li.prev .off {
  background-position: -36px 0;
}
.carousel-item .pager-carousel li.next,
.list-carousel-ybb-campaigns .pager-carousel li.next {
  right: 0;
}
.carousel-item .pager-carousel li.next,
.list-carousel-ybb-campaigns .pager-carousel li.next,
.carousel-item-03 .pager-carousel li.next {
  right: 0;
}
.carousel-item .pager-carousel li.next a,
.list-carousel-ybb-campaigns .pager-carousel li.next a,
.carousel-item-03 .pager-carousel li.next a {
  background-position: 0 -110px;
}
.carousel-item .pager-carousel li.next a:hover, .carousel-item .pager-carousel li.next a:focus,
.list-carousel-ybb-campaigns .pager-carousel li.next a:hover,
.carousel-item-03 .pager-carousel li.next a:hover,
.list-carousel-ybb-campaigns .pager-carousel li.next a:focus,
.carousel-item-03 .pager-carousel li.next a:focus {
  background-position: -18px -110px;
}
.carousel-item .pager-carousel li.next .off,
.list-carousel-ybb-campaigns .pager-carousel li.next .off,
.carousel-item-03  .pager-carousel li.next .off {
  background-position: -36px -110px;
}
.carousel-item-03 .list-carousel img {
  width: 138px;
  height: 138px;
  border: 1px solid #d8dadc;
}
.carousel-item-03 li {
  list-style-type: none;
}
/* 動画配信用 */
.carousel.branch-movie ul.thumbs li {
  font-size: 12px;
}
.carousel.branch-movie ul.thumbs li a .img {
  margin: 2px 2px 4px;
}
.carousel.branch-movie ul.thumbs li a:hover .img, .index-block dl dd.carousel ul.thumbs li a:focus .img, .index-block dl dd.carousel ul.thumbs li a.stay .img {
  margin: 0 0 2px;
}
.carousel.branch-movie{
height: 130px;
}

.item-04,
.item-04-02 {
  margin: 0;
}

.carousel-item-inner {
  position: relative;
  margin: 0 0 0 22px;
  width: 300px;
}

.item-03 .carousel-item-inner {
  margin: 0 0 0 22px;
  width: 450px;
}

.item-03-02 .carousel-item-inner {
  margin: 0 0 0 30px;
  width: 643px;
}

.item-04 .carousel-item-inner {
  margin: 0 0 0 24px;
  width: 640px;
}

.item-04-02 .carousel-item-inner {
  margin: 0 0 0 35px;
  width: 640px;
}

.text-02 .carousel-item-inner {
  margin: 0 0 0 28px;
  width: 654px;
}

.list-carousel {
  font-size: 12px;
}
.list-carousel a {
  display: block;
}
.list-carousel li {
  float: left;
  margin: 0 5px;
  padding: 0;
  width: 140px;
}

.item-03-02 .list-carousel li {
  width: 200px;
}

.list-carousel li img {
  width: auto;
  max-width: 100%;
  border: 1px solid #d8dadc;
}
.list-carousel li .title {
  display: block;
  margin: 8px 0 0;
}
.list-carousel li .link-list li:last-child {
  margin-bottom: 0;
}
.list-carousel li .hdg-top-l4 {
  margin-bottom: 10px;
}

.list-carousel li .list-carousel-text {
  display: block;
		margin-top:7px;
}

.list-carousel li .list-carousel-tag-01,
.list-carousel li .list-carousel-tag-02,
.list-carousel li .list-carousel-tag-03,
.list-carousel li .list-carousel-tag-04 {
		display:inline-block;
		margin-top:8px;
		font-size:9px;
		padding:1px 6px;
		color:#fff;
		line-height:1.1;
}

.list-carousel li .list-carousel-tag-01{
		background:#8eb5ef;
}

.list-carousel li .list-carousel-tag-02{
		background:#9fa9b3;
}

.list-carousel li .list-carousel-tag-03{
		border:solid 1px #d8dadc;
		color:#868686;
}

.list-carousel li .list-carousel-tag-04{
		border:solid 1px #5a89ce;
		color:#5a89ce;
}


.item-03-02 .list-carousel li{
  margin: 0 8.5px;
}

.item-04 .list-carousel li,
.item-04-02 .list-carousel li {
  margin: 0 10px;
}

.text-02 .list-carousel {
  margin: 0 auto;
  font-size: 100%;
}
.text-02 .list-carousel li {
  width: 307px;
  float: left;
  margin: 0;
  padding: 0 10px;
}
.text-02 .list-carousel li .list-bullet-01 {
  margin-bottom: 10px;
  padding: 0;
}
.text-02 .list-carousel li li {
  width: auto;
  margin: 0 0 5px;
  padding: 0;
  font-size: 12px;
  float: none;
  display: list-item;
}
.text-02 .list-carousel li > *:last-child {
  margin-bottom: 0;
}
.text-02 .list-carousel li .hdg-top-l3-container {
  margin-top: 0;
}

.text-02 .pager-carousel li {
  top: 50%;
  margin-top: -60px;
}

/* social-badge
----------------------------------------------- */
#social-badge {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 10000;
  margin-top: -163px;
}

#social-badge p {
  margin: 20px 0 0 0;
}

/* tab-01
----------------------------------------------- */
.tab-01 {
  position: relative;
  z-index: 1;
  margin: 15px 0;
  padding: 0;
  border-bottom: 1px solid #d8dadc;
  font-size: 14px;
}
.tab-01 li {
  float: left;
  margin: 0 2px 0 0;
  padding: 0;
  min-width: 180px;
  height: 34px;
  border: 1px solid #d8dadc;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  text-align: center;
}
.tab-01 a, .tab-01 em {
  display: block;
  padding: 8px 20px 0;
  height: 35px;
  border-radius: 3px 3px 0 0;
}
.tab-01 a {
  border-bottom: 1px solid #d8dadc;
  background-color: #f8f8f8;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNnKSIvPjwvc3ZnPg==);
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(to bottom,#fff, #f2f2f2);
  box-shadow: 0 0 0 1px #fff inset;
  text-decoration: none;
}
.tab-01 a:visited {
  color: #006699;
}
.tab-01 a:hover, .tab-01 a:focus {
  text-decoration: underline;
}
.tab-01 em {
  border-bottom: 1px solid #fff;
  background: none #fff;
  background-image: none;
  color: #333;
  font-weight: normal;
}

/* rs_skip
----------------------------------------------- */
.rs_skip {
  overflow: hidden;
  margin: 20px 0;
  height: 26px;
  vertical-align: bottom;
  text-align: right;
}
.rs_skip object {
  margin-bottom: 0 !important;
}

/* メインビジュアル下部 トップリンクエリア
----------------------------------------------- */
.toplink-area {
  clear: both;
  margin: 0 auto;
  width: 950px;
  text-align: center;
  padding: 10px 0;
}
.toplink-area .box-04-01 {
  margin: 0;
  padding: 5px 0;
}
.toplink-area ul {
  display: inline-block;
  *display: inline;
  _display: inline;
  vertical-align: middle;
}
.toplink-area ul li {
  float: left;
  padding: 0 40px;
  border-left: 1px solid #d8dadc;
  line-height: 1;
  _line-height: 1.5;
  *line-height: 1.5;
}
.toplink-area ul li:first-child {
  padding-left: 0;
  border-left: none;
}
.toplink-area ul li:last-child {
  padding-right: 0;
}
.toplink-area ul li a {
  font-size: 12px;
}
.toplink-area + .row {
  padding-top: 0;
}
.toplink-area + #feature-area {
  margin-top: -10px;
}

#feature-area + .toplink-area {
  padding-top: 0;
}

/* includefaq
----------------------------------------------- */
/*
.qa-list {
  margin: 10px 0;
}
.qa-list a:hover .link-list_arrow {
  text-decoration: underline;
}

.clearfix {
  display: block;
  cursor: pointer;
  zoom: 1;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.box-q {
  position: relative;
  border: 1px solid #d8dadc;
  border-bottom: none;
  display: block;
}
.box-q .cat img {
  margin-right: 5px;
}

.icn_q, .icn_a {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  width: 32px;
  height: 30px;
  background: url(/ybb/set/data/top/img/p/sprite-icon.png) 0 50% no-repeat;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
}

.txt {
  min-height: 32px;
  background-color: #f4f5f6;
  padding: 8px 15px 10px 50px;
  font-weight: bold;
}
.txt p {
  margin: 0 !important;
}

.box-a {
  margin: 0 0 10px;
  padding: 11px 6.5em 5px 50px;
  position: relative;
  border: 1px solid #d8dadc;
  *zoom: 1;
  position: relative;
  min-height: 32px;
}
.box-a p {
  margin: 0 !important;
}

.icn_a {
  margin: 0;
  top: 10px;
  left: 10px;
  background-position: -34px 50%;
}

.link-list_arrow {
  margin: 0 !important;
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-weight: normal;
  font-size: 85.71%;
}

* html .box-a {
  height: auto !important;
  height: 32px;
}
*/
/*mobile製品情報トップで使用のカルーセル*/
#product-carousel-wrap {
  width: 710px;
  margin-bottom: 35px;
  position: relative;
}
#product-carousel-wrap + .h2_wrap {
  margin-top: 35px;
}
#product-carousel-wrap .flexslider {
  width: 634px;
  margin: 0 auto;
  text-align: center;
}
#product-carousel-wrap .flexslider .slides li {
  _display: block;
  _float: left;
}
#product-carousel-wrap .flexslider .fl_control-nav {
  display: inline-block;
  text-align: center;
  list-style: none;
  overflow: hidden;
  margin: 10px 0 0;
  text-align: center;
}
#product-carousel-wrap .flexslider .fl_control-nav li {
  float: left;
  padding: 4px 4px 0;
}
#product-carousel-wrap .flexslider .fl_control-nav li a {
  display: block;
  text-indent: -9999px;
  width: 7px;
  height: 7px;
  background: url(/mobile/set/data/product/img/p/indicator.jpg) no-repeat 0 0;
}
#product-carousel-wrap .flexslider .fl_control-nav li a:hover, #product-carousel-wrap .flexslider .fl_control-nav li a:focus {
  cursor: pointer;
}
#product-carousel-wrap .flexslider .fl_control-nav li a.fl_active {
  background: url(/mobile/set/data/product/img/p/indicator_active.jpg) no-repeat 0 0;
}
#product-carousel-wrap .flexslider .fl_direction-nav li a {
  width: 18px;
  height: 110px;
  overflow: hidden;
  position: absolute;
  top: 50px;
  word-break: break-all;
  word-wrap: break-word;
  background: url(/site/set/common/p/img/sprite-nav-carousel-h110.png) no-repeat 0 0;
}
#product-carousel-wrap .flexslider .fl_direction-nav li a.fl_prev {
  left: 0;
}
#product-carousel-wrap .flexslider .fl_direction-nav li a.fl_prev:hover, #product-carousel-wrap .flexslider .fl_direction-nav li a.fl_prev:focus {
  background-position: -18px 0;
}
#product-carousel-wrap .flexslider .fl_direction-nav li a.fl_next {
  right: 0;
  background-position: 0 -110px;
}
#product-carousel-wrap .flexslider .fl_direction-nav li a.fl_next:hover, #product-carousel-wrap .flexslider .fl_direction-nav li a.fl_next:focus {
  background-position: -18px -110px;
}
#product-carousel-wrap .flexslider .fl_direction-nav li a span {
  position: relative;
  z-index: -1;
  *font-size: 0;
  _font-size: 0;
  _display: none;
  bottom: 3px;
}
#product-carousel-wrap { height: 231px;}
#product-carousel-wrap .flexslider .slides li{ display: none;_display: block;}

/*ゴールコンポーネント*/
.goal-component {
  background-color: #f4f5f6;
  padding: 8px;
  margin: 10px 0;
}
.goal-component li {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  padding: 20px;
  overflow: hidden;
  margin-top: 10px;
}
.goal-component li:first-child {
  margin-top: 0;
}
.goal-component li dl {
  overflow: hidden;
  padding-left: 20px;
}
.goal-component li dl dt, .goal-component li dl dd {
  display: block;
}
.goal-component li dl dt {
  font-weight: bold;
  font-size: 114.29%;
  line-height: 1;
  margin-bottom: 10px;
}
.goal-component li dl dd {
  margin-bottom: 20px;
}
.goal-component li dl .bold {
  font-weight: bold;
  font-size: 128.57%;
  line-height: 1;
  margin-bottom: 0;
}
.goal-component li .link-area {
  text-align: right;
  overflow: hidden;
  float: right;
}
.goal-component li .link-area p {
  margin: 0 0 0 30px;
  float: left;
  min-height: 41px;
  line-height: 41px;
  *margin-left: 25px;
  _margin-left: 25px;
}
.goal-component li .link-area a:hover,
.goal-component li .link-area a:focus {
  color: #800080;
}
.goal-component li .link-area .btn-01:hover, .goal-component li .link-area .btn-04:hover, .goal-component li .link-area .btn-01:focus, .goal-component li .link-area .btn-04:focus {
  color: #fff;
}
.goal-component li .link-area .link {
  display: table-cell;
  font-weight: bold;
  text-decoration: none;
  font-size: 127.8%;
  min-height: 40px;
  vertical-align: middle;
}
.goal-component li .link-area .link:hover, .goal-component li .link-area .link:focus {
  color: #006699;
  text-decoration: underline;
}
.goal-component li .icon {
  float: left;
}

/*【情報設計の実装】07：キャンペーンページの新設（PC・日/英）*/
.box-recommend-campaign {
  border: 8px solid #d7e3f5;
  margin: 0 0 20px;
  text-align: center;
  line-height: 0;
  padding: 20px;
}
.box-recommend-campaign .hdg-l6 {
  margin-top: 0;
  text-align: left;
  line-height: 1.2;
}
.box-recommend-campaign .campaign {
  _width: 100%;
  display: inline-block;
  margin: 0 auto 20px;
  overflow: hidden;
}
.box-recommend-campaign .campaign li {
  padding-left: 20px;
  float: left;
}
.box-recommend-campaign .campaign li:first-child {
  padding-left: 0;
}
.box-recommend-campaign .campaign li a {
  display: block;
  line-height: 0;
}
.box-recommend-campaign .campaign li img {
  width: 138px;
  height: 138px;
  border: 1px solid #d8dadc;
}
.box-recommend-campaign p {
  margin: 0;
}

#campaign-list-wrap {
  padding-left: 25px;
  _padding-left: 5px;
  margin: 0 auto;
}
#campaign-list-wrap + * {
  margin-top: 40px;
}

#campaign-list {
  margin: 0 0 0;
  overflow: hidden;
  zoom: 1;
}
#campaign-list li {
  width: 140px;
  height: 162px;
  margin-top: 20px;
  float: left;
  margin-left: 20px;
  padding: 0 !important;
}
#campaign-list h3 {
  font-size: 85.7%;
  font-weight: normal !important;
  margin-bottom: 10px;
  line-height: 1;
}
#campaign-list img {
  width: 138px;
  height: 138px;
  max-width: 138px !important;
  border: 1px solid #d8dadc;
}

.campaign-category-wrap {
  overflow: hidden;
}
.campaign-category-wrap dt {
  float: left;
  width: 70px;
  padding-top: 2px;
}
.campaign-category-wrap dd {
  float: left;
  width: 600px;
}
.campaign-category-wrap dd ul {
  overflow: hidden;
  padding-left: 6px;
}
.campaign-category-wrap dd ul li {
  float: left;
}
.campaign-category-wrap dd ul li a {
  display: block;
  padding: 5px 10px 4px;
  line-height: 1;
}
.campaign-category-wrap dd ul li a.current {
  background-color: #f3f5f5;
}

#noneText {
  margin: 20px 0 0;
}

.list-timeline.campaign {
  margin-bottom: 40px;
}

/*【情報設計の実装】06：ソーシャルメディアページの新設（PC・日）*/
.uni-box-01.socialmedia {
  padding: 20px;
}
.uni-box-01.socialmedia .feed-area {
  overflow: hidden;
  margin-bottom: 20px;
}
.uni-box-01.socialmedia .feed-area .facebook,
.uni-box-01.socialmedia .feed-area .youtube {
  width: 323px;
  border: 1px solid #d8dadc;
  background-color: #fff;
}
.uni-box-01.socialmedia .feed-area .facebook .head,
.uni-box-01.socialmedia .feed-area .youtube .head {
  border-bottom: 1px solid #d8dadc;
  height: 28px;
  overflow: hidden;
  padding: 10px;
}
.uni-box-01.socialmedia .feed-area .facebook .head p,
.uni-box-01.socialmedia .feed-area .youtube .head p {
  margin: 0;
}
.uni-box-01.socialmedia .feed-area .facebook .head .logo,
.uni-box-01.socialmedia .feed-area .youtube .head .logo {
  margin-right: 10px;
  vertical-align: middle;
}
.uni-box-01.socialmedia .feed-area .facebook {
  float: left;
  min-height: 344px;
  position: relative;
}
.uni-box-01.socialmedia .feed-area .facebook .head p {
  float: left;
}
.uni-box-01.socialmedia .feed-area .facebook .head .fb-like {
  float: right;
  margin-top: 4px;
  width: auto !important;
}
.uni-box-01.socialmedia .feed-area .facebook .rssFeed {
  padding-bottom: 42px;
}
.uni-box-01.socialmedia .feed-area .facebook .rssBody {
  font-size: 85.7%;
}
.uni-box-01.socialmedia .feed-area .facebook .rssBody .image-full {
  display: table-cell;
  width: 303px;
  height: 200px;
  vertical-align: middle;
  text-align: center;
  background-color: #333;
}
.uni-box-01.socialmedia .feed-area .facebook .rssBody .image-full + p {
  margin: 10px 0 0 !important;
}
.uni-box-01.socialmedia .feed-area .facebook .rssBody .image-full a {
  text-align: center;
}
.uni-box-01.socialmedia .feed-area .facebook .rssBody .image-full a img {
  position: static !important;
  max-width: 303px;
  max-height: 200px;
  _width: 100%;
}
.uni-box-01.socialmedia .feed-area .facebook .rssBody p.right {
  border-top: 1px solid #d8dadc;
  margin-bottom: 0 !important;
  padding: 10px 0;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  *position: static;
  _position: static;
}
.uni-box-01.socialmedia .feed-area .facebook .rssBody p.right a {
  margin-right: 10px;
}
.uni-box-01.socialmedia .feed-area .youtube {
  float: right;
  position: relative;
}
.uni-box-01.socialmedia .feed-area .youtube .head p {
  float: left;
  padding-top: 4px;
}
.uni-box-01.socialmedia .feed-area .youtube .head .youtubeChannel {
  float: right;
  padding-top: 3px;
}
.uni-box-01.socialmedia .feed-area .youtube #youtubeWrap {
  padding: 10px 10px 0;
  font-size: 85.7%;
  padding-bottom: 42px;
}
.uni-box-01.socialmedia .feed-area .youtube #youtubeWrap #youtubePlay {
  line-height: 0;
  margin-bottom: 10px;
}
.uni-box-01.socialmedia .feed-area .youtube #youtubeWrap #youtubePlay iframe {
  border: none;
}
.uni-box-01.socialmedia .feed-area .youtube #youtubeWrap #yutubeInfo p {
  margin: 0;
}
.uni-box-01.socialmedia .feed-area .youtube #youtubeWrap #yutubeInfo .dtWrap {
  margin-bottom: 20px;
}
.uni-box-01.socialmedia .feed-area .youtube #youtubeWrap #yutubeInfo .detail {
  text-align: right;
  border-top: 1px solid #d8dadc;
  margin-bottom: 0 !important;
  padding: 10px 0;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  *position: static;
  _position: static;
}
.uni-box-01.socialmedia .feed-area .youtube #youtubeWrap #yutubeInfo .detail a {
  margin-right: 10px;
}
.uni-box-01.socialmedia .feed-area .youtube #youtubeWrap #yutubeInfo * {
  display: none;
}
.uni-box-01.socialmedia .list-box li .inner {
  height: 55px;
}

p.socialmedia {
  margin: 0 0 20px;
  padding-top: 10px;
  border-top: 1px dotted #d8dadc;
}

/*SBM 製品情報一覧HTMLコーディング*/
.box-product-sort-01 {
  border: 8px solid #f4f5f6;
  border-bottom: none;
}

.box-product-sort-02 {
  zoom: 1;
  padding: 20px 0 10px;
}
.box-product-sort-02:before, .box-product-sort-02:after {
  content: "";
  display: table;
}
.box-product-sort-02:after {
  clear: both;
}
.box-product-sort-02 label {
  float: left;
}
.box-product-sort-02 .list-display-setting {
  float: right;
}

.list-display-setting li {
  float: left;
  display: inline;
  margin: 0 0 0 10px;
  padding: 0 0 0 28px;
  position: relative;
}
.list-display-setting li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 23px;
  height: 23px;
  margin-top: -12px;
  background: url(/mobile/set/data/products/img/p/icon_product_sort_sprite.png) 0 0 no-repeat;
}
.list-display-setting li.display-panel:before {
  background-position: 0 0;
}
.list-display-setting li.display-panel.active:before {
  background-position: -23px 0;
}
.list-display-setting li.display-list:before {
  background-position: -46px 0;
}
.list-display-setting li.display-list.active:before {
  background-position: -69px 0;
}

.box-product-sort-03 .txt-product-sort-01 {
  font-size: 114.29%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  padding: 0 5px 0 10px;
}
.box-product-sort-03 .txt-product-sort-01:before {
  content: "";
  display: inline-block;
  margin: -3px 5px 0 0;
  vertical-align: middle;
  background: url(/mobile/set/data/products/img/p/icon_product_sort_sprite.png) -92px 0 no-repeat;
  width: 20px;
  height: 20px;
}
.box-product-sort-03 .txt-product-sort-02 {
  font-size: 85.71%;
  vertical-align: middle;
  padding: 0 0 0 10px;
}
.box-product-sort-03 .btn-02 {
  vertical-align: middle;
}

.box-product-type-01 {
  position: relative;
  padding: 0 0 30px;
  border: 4px solid #f4f5f6;
  text-align: center;
}
.box-product-type-01.checked {
  border-color: #8eb5ef;
}
.box-product-type-01 a {
  display: inline-block;
  clear: both;
}
.box-product-type-01 .img-product {
  margin: 10px 0;
}
.box-product-type-01 p {
  margin: 0 0 5px;
  padding: 0 2px;
}
.box-product-type-01 .catch-copy {
  font-size: 83.33%;
}
.box-product-type-01 .date {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px 0 3px;
  width: 100%;
  background-color: #f4f5f6;
  font-size: 12px;
}
.box-product-type-01 .title {
  display: block;
}

.box-product-type-02 {
  position: relative;
  border: 4px solid #f4f5f6;
  margin: 0 0 20px;
  padding: 8px 20px 0 45px;
}
.box-product-type-02.checked {
  border-color: #8eb5ef;
}
.box-product-type-02 .form-checkbox-product {
  position: absolute;
  top: 5px;
  left: 5px;
}
.box-product-type-02 .list-product-type-01 {
  margin: -8px -20px 5px 0;
  display: inline;
  max-width: 308px;
  width: auto;
}
.box-product-type-02 p {
  margin: 0 0 2px;
}
.box-product-type-02 .product-name {
  display: inline-block;
  font-size: 142.86%;
  max-width: 450px;
}
.box-product-type-02 .product-name + p {
  clear: both;
}
.box-product-type-02 .tbl, .box-product-type-02 .tbl-04, .box-product-type-02 .tbl-comparision {
  font-size: 85.71%;
}
.box-product-type-02 .color {
  width: 270px;
  _width: 250px;
  float: left;
  font-size: 85.71%;
  position: relative;
  padding: 0 0 0 50px;
  zoom: 1;
}
.box-product-type-02 .color img {
  vertical-align: middle;
}
.box-product-type-02 .color span {
  position: absolute;
  top: 0;
  left: 0;
}
.box-product-type-02 .color span.colortip,
.box-product-type-02 .color span.colortip-border {
  position: static;
  width: 10px;
  height: 10px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box-product-type-02 .color span.colortip-border {
  border: 1px solid #d8dadc;
}
.box-product-type-02 .color span.colortip,
.box-product-type-02 .color span.colortip-border {
  *float: left;
  *display: inline;
  *margin: 3px 5px 2px 0;
  *font-size: 0;
}
.box-product-type-02 .color span.colortip-border {
  *width: 8px;
  *height: 8px;
}
.box-product-type-02 .date {
  font-size: 85.71%;
  width: 185px;
  float: right;
  text-align: right;
}
.box-product-type-02 .image-left {
  margin-top: 12px;
  margin-bottom: 10px;
}
.box-product-type-02 .tbl, .box-product-type-02 .tbl-04, .box-product-type-02 .tbl-comparision {
  margin-bottom: 8px;
}
.box-product-type-02 .tbl th, .box-product-type-02 .tbl-04 th, .box-product-type-02 .tbl-comparision th {
  padding: 8px 10px;
  border-bottom: none;
  text-align: left;
}
.box-product-type-02 .tbl td, .box-product-type-02 .tbl-04 td, .box-product-type-02 .tbl-comparision td {
  vertical-align: top;
}
.box-product-type-02 .price {
  clear: both;
  margin: 0 -20px 0 -45px;
  border-top: 2px solid #f4f5f6;
}
.box-product-type-02 .price dl {
  display: table;
  width: 100%;
  zoom: 1;
}
.box-product-type-02 .price dl dt, .box-product-type-02 .price dl dd {
  margin: 0;
  padding: 10px 0;
  display: table-cell;
  *display: inline;
  vertical-align: middle;
  white-space: nowrap;
}
.box-product-type-02 .price dl dt {
  padding: 10px 0 10px 20px;
  width: 7.2em;
}
.box-product-type-02 .price dl ul {
  zoom: 1;
  *display: inline;
}
.box-product-type-02 .price dl ul:before, .box-product-type-02 .price dl ul:after {
  content: "";
  display: table;
}
.box-product-type-02 .price dl ul:after {
  clear: both;
}
.box-product-type-02 .price dl ul li {
  float: left;
  display: inline;
  padding-left: 14px;
}
.box-product-type-02 .price dl ul li:first-child {
  padding-left: 0;
}
.box-product-type-02 .price dl .detail {
  padding: 10px 20px;
  text-align: right;
}
.box-product-type-02 .price dl .purchase {
  padding: 10px 20px 10px 0;
  width: 106px;
}
.box-product-type-02 .price dl b {
  font-size: 128.57%;
}
.box-product-type-02 .price .btn-01, .box-product-type-02 .price .btn-04 {
  min-width: 1%;
  padding: 10px 20px 7px 20px;
}

.box-product-col-3 {
  overflow: hidden;
  margin: 0 0 10px -10px;
  *zoom: 1;
}
.box-product-col-3 .unit {
  width: 230px;
  float: left;
  display: inline;
  margin: 0 0 10px 10px;
}
.box-product-col-3 .unit:nth-child(3n+1) {
  clear: both;
}

.select-product-sort {
  margin-right: 15px;
  font-size: 85.71%;
  min-width: 165px;
}

.btn-product-sort {
  margin: 0;
  padding: 2px 5px;
  white-space: nowrap;
  font-size: 85.71%;
}

.list-product-type-01 {
  margin: 0 0 8px;
  width: 197px;
  float: right;
  font-size: 71.43%;
  _font-size: 67.86%;
}
.list-product-type-01 li {
  float: left;
  text-align: center;
  padding: 6px 2px;
}
.list-product-type-01 li.label-product-01 {
  width: 82px;
  color: #fff;
  background-color: #8eb5ef;
}
.list-product-type-01 li.label-product-02 {
  width: 107px;
  background-color: #f4f5f6;
}
.list-product-type-01 li.label-product-03 {
  width: 82px;
  background-color: #f4f5f6;
}

.form-list-product-sort li {
  padding: 2px 25px 2px 0;
  display: inline-block;
  *display: inline;
}
.form-list-product-sort li input[type="checkbox"] {
  margin-right: 5px;
}
.form-list-product-sort li label {
  white-space: nowrap;
}

.form-checkbox-product {
  float: left;
  margin: 5px 0 0 5px;
}

.form-indent{
  margin-left: 19px;
}

.tbl-product-sort th, .tbl-product-sort td {
  padding: 10px 10px;
  font-weight: normal;
  vertical-align: top;
  _font-size: 85.71%;
}
.tbl-product-sort th {
  width: 100px;
  text-align: left;
}

.image-left-product {
  margin: 15px 0 10px;
}
.image-left-product .image {
  float: left;
  display: inline;
  margin: 0 10px 0 0;
}
.image-left-product .col {
  overflow: hidden;
}

.toggle-product-sort-ui .toggle-btn {
  text-align: center;
  width: 100%;
  color: #006699;
  border: none;
  background-color: #f4f5f6;
  font-size: 85.71%;
  padding: 2px 0;
}
.toggle-product-sort-ui .toggle-btn span {
  display: inline-block;
  position: relative;
}
.toggle-product-sort-ui .toggle-btn span:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(/mobile/set/data/products/img/p/icon_product_sort_sprite.png) -112px 0 no-repeat;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.toggle-product-sort-content {
  display: none;
}
.static .toggle-product-sort-content, .opened .toggle-product-sort-content {
  display: block;
  border-bottom: 8px solid #f4f5f6;
}

.opened .toggle-btn span:before {
  height: 3px;
  background-position: -112px -5px;
}

.tbl-comparision {
  table-layout: fixed;
  font-size: 85.71%;
}
.tbl-comparision th {
  vertical-align: middle;
  width: 178px;
}
.tbl-comparision td {
  vertical-align: top;
}
.tbl-comparision a {
  font-size: 116.67%;
}
.tbl-comparision a.btn-01, .tbl-comparision a.btn-04 {
  margin: 10px 0;
  font-size: 150%;
  min-width: 1%;
}
.tbl-comparision .list-number.note li {
  font-size: 100%;
}
.tbl-comparision .list-number.note li:last-child {
  margin-bottom: 0;
}
.tbl-comparision .product-name {
  height: 42px;
  display: block;
}

/*iPhoneを購入する*/
.box-buy-01 {
  width: 948px;
  margin: 0 auto 30px;
  border: 1px solid #d8dadc;
  position: relative;
  text-align: left;
  clear: both;
}
.box-buy-01 a:link, .box-buy-01 a:visited {
  text-decoration: none;
}
.box-buy-01 a:hover, .box-buy-01 a:active, .box-buy-01 a:focus {
  text-decoration: underline;
}

.hdg-buy-01 {
  padding: 17px 20px 15px 19px;
  font-size: 114.29%;
}

.link-buy-01 {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 85.71%;
}

.list-buy-01 {
  margin: 0 0 19px;
  zoom: 1;
}
.list-buy-01:before, .list-buy-01:after {
  content: "";
  display: table;
}
.list-buy-01:after {
  clear: both;
}
.list-buy-01 li {
  border: 1px solid #d8dadc;
  float: left;
  display: inline;
  width: 290px;
  height: 77px;
  *width: 213px;
  _width: 213px;
  *height: auto;
  _height: auto;
  margin: 0 0 0 20px;
  padding: 7px 0 7px 75px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list-buy-01 li .icon-buy {
  position: absolute;
  top: 17px;
  left: 10px;
}
.list-buy-01 li span {
  display: inline-block;
  padding-bottom: 4px;
}
.list-buy-01 li a {
  font-size: 85.71%;
  line-height: 1.2;
  display: inline-block;
}
.list-buy-01 li.buy-sbshop {
  margin-left: 19px;
}
.list-buy-01 li.buy-online {
  padding-top: 17px;
  padding-bottom: 16px;
}
.list-buy-01 li.buy-apple {
  padding-top: 12px;
  padding-bottom: 10px;
}

.box-buy-02 {
  background-color: #f4f5f6;
  position: relative;
  border-top: 1px solid #d8dadc;
  clear: both;
}
.box-buy-02 .hdg-buy-02 {
  position: absolute;
  top: 50%;
  left: 20px;
  font-size: 114.29%;
  margin-top: -.5em;
  line-height: 1;
  font-weight: bold;
}
.box-buy-02 .list-buy-02 {
  background-color: #fff;
  margin: 0 0 0 167px;
  padding: 6px 10px;
  border-left: 1px solid #d8dadc;
  font-size: 85.71%;
  line-height: 1.7;
}
.box-buy-02 .list-buy-02 li {
  display: inline;
  white-space: nowrap;
  padding: 0 15px 0 0;
  *white-space: normal;
  _white-space: normal;
}

/*アンケート*/
.box-enquete-01 {
  margin: 30px auto 0;
  width: 950px;
  clear: both;
}
.box-enquete-01 .box-04 {
  padding: 18px 20px;
  margin-bottom: 0;
}
.box-enquete-01 textarea {
  margin: 10px 0 5px;
  padding: 10px;
  border: 1px solid #d8dadc;
  width: 648px;
  height: 48px;
  font-size: 85.71%;
}
.box-enquete-01 .center {
  margin: 5px 0 0;
  text-align: center;
}

.box-enquete-complate,
.box-enquete-error {
  display: none;
}
.box-enquete-error.none{
  display: none !important;
}
.box-enquete-complate .box-04,
.box-enquete-error .box-04 {
  text-align: center;
}

.box-enquete-02 {
  position: relative;
  display: none;
}
.box-enquete-02.active {
  display: block;
}
.box-enquete-02 .placeholder {
  position: absolute;
  font-size: 12px;
  color: #ccc;
  top: 20px;
  left: 10px;
}

.hdg-enquete-01 {
  margin: 0 0 5px;
  font-weight: bold;
}

.hdg-enquete-02 {
  margin: 0 0 5px;
  font-weight: normal;
  font-size: 128.57%;
}

.form-list-enquete-01 li {
  display: inline;
  padding: 0 15px 0 0;
}
.form-list-enquete-01 li input {
  margin: 0 5px 0 0;
}

.btn-enquete-01 {
  margin: 0;
  padding: 6px 35px;
  border: 1px solid #d8dadc;
  border-radius: 3px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #edf0f1));
  background-image: -webkit-linear-gradient(#fff, #edf0f1);
  background-image: linear-gradient(#fff, #edf0f1);
  color: #006699;
  font-weight: bold;
  line-height: 1.2;
  font-size: 114.29%;
}

#contents-body .box-enquete-01 {
  width: 710px;
}

/*インターネットキャンペーンページの新設（PC・日）*/
#ybb-campaigns-wrap .box-select-wrap ul .category-wrap div.checkbox-wrap label {
  min-width: 150px !important;
  width: auto !important;
}

.list-carousel-ybb-campaigns img {
  width: 138px;
  height: 138px;
  border: 1px solid #d8dadc;
}

.campaigns .btn-list-02.col-2 {
  margin-top: -12px;
}
.campaigns .btn-list-02.col-2 li {
  display: inline;
  margin: 0 4px;
}
.campaigns .btn-list-02.col-2 li a {
  margin-top: 8px;
}

/*かざして募金*/
.tab-bokin {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  font-weight: bold;
  position: relative;
}
.tab-bokin li {
  height: auto;
  padding: 0 0 0 1px;
  display: table-cell;
  border: none;
}
.tab-bokin li a {
  display: block;
  position: relative;
  padding: 8px 10px 6px;
  border: 1px solid #d8dadc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 -1px 0 #fff inset,  -1px 0 0 #fff inset, 1px 0 0 #fff inset;
  text-align: center;
}
.tab-bokin li a span {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.tab-bokin li a:link, .tab-bokin li a:active, .tab-bokin li a:visited {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(to bottom,#fff, #f2f2f2);
  background-color: #f2f2f2;
}
.tab-bokin li:first-child {
  padding-left: 0;
}
.tab-bokin li:first-child:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #d8dadc;
  height: 0;
}
.tab-bokin li.active a {
  background-image: none;
  background: none #fff;
  color: #333;
}
.tab-bokin li.active a:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #fff;
  height: 0;
}
.tab-bokin li {
  *display: inline;
  _display: inline;
  width: 49%;
}

.bokin {
  margin: 20px 0;
}
.bokin .hdg {
  padding: 8px 10px;
}
.bokin .tbl-02 {
  border-bottom: none;
  margin: 0;
}
.bokin .tbl-02 th {
  width: 85px;
  text-align: left;
}
.bokin .tbl-02 td {
  min-width: 120px;
  padding: 10px 0 10px;
}
.bokin .tbl-02 tbody tr:first-child th, .bokin .tbl-02 tbody tr:first-child td {
  border-top: none;
  padding-top: 0;
}
.bokin .tbl-02 tbody tr:last-child th, .bokin .tbl-02 tbody tr:last-child td {
  padding-bottom: 0;
}
.bokin .tbl-02 tbody tr:last-child p {
  margin: 0;
}
.bokin .tbl-02 .activity {
  display: table;
  width: 100%;
}
.bokin .tbl-02 .activity .content,
.bokin .tbl-02 .activity .image {
  display: table-cell;
  *display: inline;
  _display: inline;
}
.bokin .tbl-02 .activity .content {
  width: 433px;
}
.bokin .tbl-02 .activity .image {
  width: 170px;
  text-align: center;
  vertical-align: middle;
  *vertical-align: top;
  _vertical-align: top;
}
.bokin .tbl-02 .list-btn {
  width: 482px;
  overflow: hidden;
}
.bokin .tbl-02 .list-btn li {
  float: left;
  margin-left: 10px;
  _margin-left: 0;
}
.bokin .tbl-02 .list-btn li:first-child {
  margin-left: 0;
}

#contents-body .bokin:last-of-type {
  margin-bottom: 0;
}

/*インターネット サービスアイコンリスト*/
.wrap-icon-ybb-service {
  display: table;
  width: 100%;
  overflow: hidden;
}
.wrap-icon-ybb-service dt, .wrap-icon-ybb-service dd {
  display: table-cell;
  *float: left;
  _float: left;
  vertical-align: middle;
}
.wrap-icon-ybb-service dt {
  width: 98px;
  white-space: nowrap;
  padding-right: 3px;
  _padding-top: 20px;
  *padding-top: 20px;
}

.list-icon-ybb-service {
  overflow: hidden;
  margin: 15px 0 10px -5px;
  _position: relative;
  _left: -5px;
}
.list-icon-ybb-service li {
  float: left;
  margin: 0 0 5px 5px;
}

/*既存3階層以下のユニークモジュールの統合暫定処理ここから*/
#category-title {
  border-top: 3px solid #d8dadc;
  color: #aaa;
  font-size: 128.57%;
  font-weight: bold;
  padding: 12px 0 8px;
}

div.floatblock-ll, div.related-news,
div.related-news_bottom, .lyt-support-01, .lyt-support-02, .col-02, .col-03, .index-block dl dd.carousel ul.thumbs {
  zoom: 1;
}

div.floatblock-ll:after, div.related-news:after,
div.related-news_bottom:after, .lyt-support-01:after, .lyt-support-02:after, .col-02:after, .col-03:after, .index-block dl dd.carousel ul.thumbs:after {
  display: block;
  clear: both;
  content: "";
}

div.related-news,
div.related-news_bottom {
  margin: 0;
  padding: 10px;
  border: 1px solid #d8dadc;
}

div.related-news_bottom {
  margin-top: 20px;
}

div.related-news ul.index,
div.related-news_bottom ul.index {
  margin: 0;
  padding: 0 12px 0 0;
  list-style-type: none;
}

div.related-news ul.index li,
div.related-news_bottom ul.index li {
  margin: 0px 0 0 0;
  padding: 0;
}

div.related-news ul.index li a,
div.related-news_bottom ul.index li a {
  zoom: 1;
}

div.related-news ul.serial-link,
div.related-news_bottom ul.serial-link {
  margin: 0;
  padding: 0;
  float: right;
  list-style-type: none;
  position: relative;
  font-size: 92.86%;
}

div.related-news ul.serial-link {
  z-index: 4;
}

div.related-news_bottom ul.serial-link {
  z-index: 2;
}

div.related-news ul.serial-link li,
div.related-news_bottom ul.serial-link li {
  margin: 0;
  padding: 0 9px;
  float: left;
  color: #ccc;
  border-left: 1px solid #d8dadc;
}

div.related-news ul.serial-link li.next,
div.related-news_bottom ul.serial-link li.next {
  padding-right: 0px;
}

div.related-news ul.serial-link li a,
div.related-news_bottom ul.serial-link li a {
  zoom: 1;
}

*:first-child + html div.related-news ul.serial-link li.index,
*:first-child + html div.related-news_bottom ul.serial-link li.index {
  padding-top: 1px;
}

h1 .sub-title {
  display: block;
  padding: .2em 0;
  font-weight: normal;
  font-size: 58.33%;
  line-height: 1.3;
}

h1.text-title {
  margin: 30px auto 25px;
  padding: 0;
  border: 0;
  text-align: center;
  font-weight: bold;
  font-size: 157.14%;
  line-height: 1.36;
}

h1.text-title .sub-title {
  display: block;
  padding: .2em 0;
  font-weight: normal;
  font-size: 75%;
  line-height: 1.3;
}

h1.page-title {
  border-bottom: 1px solid #d8dadc;
  border-top: 3px solid #84919d;
  font-size: 171.43%;
  line-height: 1.2;
  margin: 0 0 20px;
  padding: 20px 0 18px;
}

.box-01 {
  background-color: #f4f5f6;
  border: 1px solid #d8dadc;
  margin-bottom: 20px;
  padding: 10px;
}

.box-select-wrap {
  background-color: #fff;
  padding: 10px 15px;
}

.box-select-wrap label {
  font-size: 14px;
}

.box-select-wrap select {
  font-size: 14px;
  margin-left: 20px;
  width: 100px;
}

.list-news-ir:first-of-type {
  border-top: 0 none;
}

.list-news-ir {
  border-top: 1px dotted #d8dadc;
  font-size: 85.71%;
  margin: 0;
  padding: 0 0 5px;
}

.list-news-ir dt {
  display: block;
  font-size: 71.43%;
  margin: 0 0 3px;
  padding: 5px 0 0;
  font-weight: bold;
}

.list-news-ir dd {
  margin: 0 0 3px;
  padding: 0;
}

ul.link-list-ir li {
  margin: 0.3em 0;
}

.list-news-ir + .link-list-ir {
  border-top: none;
  margin: 0;
  padding: 0;
}

.list-form li {
  padding: 0.1em 0;
}

.list-ir li {
  margin-bottom: 5px;
}

.list-form label {
  display: inline-block;
  min-width: 168px;
  padding-left: 1.6em;
  position: relative;
}

.list-form input[type="checkbox"], .list-form input[type="radio"] {
  left: 0;
  margin-right: 5px;
  position: absolute;
  top: 0.1em;
}

#local-nav-area .btn-02 {
  font-size: 100%;
  background: linear, to bottom, #fff, #edeff0 repeat scroll 0 0 #f4f5f6;
  border: 1px solid #d8dadc;
  border-radius: 5px;
  color: #006699;
  display: inline-block;
  font-weight: bold;
  line-height: 1.45;
  padding: 7px 15px 5px;
  vertical-align: top;
  min-width: 0;
}

#local-nav-area ul.link-list-arrow {
  font-size: 85.71%;
}

ul.link-list-arrow li {
  margin: 2px 0;
}

.local-box {
  margin: 0 0 20px;
  border: 1px solid #d8dadc;
  border-top: none;
}

.local-box .hdg {
  margin: 0;
  padding: 0;
  border: none;
  border-top: 1px solid #d8dadc;
  font-weight: bold;
  font-size: 85.71%;
}

.local-box .hdg a {
  display: block;
  padding: 10px 20px 10px 38px;
  position: relative;
  zoom: 1;
}

ul.plain, ol.plain {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.plain {
  line-height: 1.6;
}

.plain li {
  margin: 0 0 7px;
  padding: 0;
}

/*SBMS グループ企業再定義*/
#contents-body .header-group {
  width: auto;
}

h1.wrap-logo {
  border-bottom: 1px solid #d8dadc;
  border-top: 3px solid #84919d;
  font-size: 171.43%;
  line-height: 1.2;
  margin: 0 0 20px;
  padding: 20px 0 18px;
  display: table;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
}
h1.wrap-logo span {
  display: table-cell;
}
h1.wrap-logo .text {
  _float: left;
  *float: left;
}
h1.wrap-logo .logo {
  text-align: right;
  _float: right;
  *float: right;
}
h1.wrap-logo .logo img {
  vertical-align: middle;
}


/* SNSカウントボタン（上下ページ用）
----------------------------------------------- */
.snsbtn_sb_style_top .snsbtn_group_content {
  float: left;
  height: 20px;
}
.related-news,
.related-news_bottom {
  margin: 0;
  padding: 10px;
  border: 1px solid #d8dadc;
}
.related-news_bottom {
  margin-top: 20px;
}
.related-news .index,
.related-news_bottom .index {
  margin: 0;
  padding: 0 12px 0 0;
  list-style-type: none;
}
.related-news .index li,
.related-news_bottom .index li {
  margin: 0;
  padding: 0;
}
.related-news .serial-link,
.related-news_bottom .serial-link {
  margin: 1px 0 0;
  padding: 0;
  float: right;
  list-style-type: none;
  position: relative;
  font-size: 92.86%;
}
.related-news .serial-link li,
.related-news_bottom .serial-link li {
  margin: 0;
  padding: 0 9px;
  float: left;
  color: #ccc;
  border-left: 1px solid #d8dadc;
}

.related-news .serial-link li.next,
.related-news_bottom .serial-link li.next {
  padding-right: 0;
}

.snsbtn_sb_style_top {
  float: left;
  margin: 0;
  padding: 0;
}

/* SNSカウントボタン（本文下用）
----------------------------------------------- */
.snsbtn_sb_style_bottom {
  margin: 35px 0 0;
  padding: 0;
  border-top: 1px solid #d8dadc;
  zoom: 1;
}
.snsbtn_sb_style_bottom .snsbtn_group_content {
  margin: 5px 0 0;
  padding: 0;
}
.snsbtn_sb_style_bottom .snsbtn_buttongroup {
  margin: 0;
  padding: 0;
  list-style-type: none;
  zoom: 1;
}
.snsbtn_sb_style_bottom .snsbtn_buttongroup li {
  float: left;
  margin: 0;
  padding: 7px 0 0 4px;
}
.snsbtn_sb_style_bottom .snsbtn_buttongroup li.first-child, .snsbtn_sb_style_bottom .snsbtn_buttongroup li:first-child {
  padding-left: 0;
  width: 110px;
  _width: 100px;
}
.snsbtn_sb_style_bottom .snsbtn_buttongroup li.twt_count {
  width: 128px;
  position: relative;
  z-index: 2;
}
.snsbtn_sb_style_bottom .snsbtn_buttongroup li.g_plusone {
  position: relative;
  z-index: 2;
}

ul.plain,
ol.plain {
  list-style-type: none;
  margin: 1em 0 1em 0;
  padding-left: 0;
  line-height: 1.6;
}
ul.plain li,
ol.plain li {
  margin: 0 0 7px;
}

#h1_wrap01 {
  position: relative;
  background-color: #fff;
  background-image: none;
  border-bottom: 1px solid #d8dadc;
  border-top: 3px solid #84919d;
  line-height: 1.2;
  margin: 0 0 20px;
  padding: 20px 0 18px;
}

#h1_wrap01 h1 {
  background-color: #fff !important;
  background-image: linear, to top, #ffffff 0%, #f9f9fa 100%;
  border: medium none !important;
  font-weight: bold !important;
  line-height: 0 !important;
  margin: 0 !important;
  min-height: 42px !important;
  background-image: none !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  min-height: 1% !important;
  padding: 0 !important;
}

#h1_wrap01 h1 span {
  line-height: 1 !important;
  position: static !important;
}

dl.date {
  text-align: right;
}

.fs_12 {
  font-size: 86% !important;
}

dl.date dt, dl.date dd {
  display: inline;
}

ul.link-list_navy,
ul.link-list_arrow_n {
  background: none repeat scroll 0 0 transparent;
  padding-left: 0;
}

.support-nav {
  background: url(/mobile/set/common/p/img/v12a/nav/bg_support-nav_mdl.png) repeat-y scroll left top transparent;
  margin-bottom: 20px;
  margin-top: 20px;
}

.support-nav .inner-btm {
  background: url(/mobile/set/common/p/img/v12a/nav/bg_support-nav_btm.png) no-repeat scroll left bottom transparent;
  padding-bottom: 7px;
}

.support-nav .inner-top {
  background: url(/mobile/set/common/p/img/v12a/nav/bg_support-nav_top.png) no-repeat scroll left top transparent;
  padding: 6px 4px 0;
}

.support-nav dt, .support-nav dd {
  background-color: #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.support-nav dt {
  background: url(/mobile/set/common/p/img/v12a/nav/bg_support-nav_head.png) repeat-x scroll left top #eaf0f2;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  margin-top: 2px;
  padding: 9px 5px;
}

.support-nav dt.first-child {
  margin-top: 0;
  padding-top: 7px;
}

.support-nav dd {
  border-top: 1px solid #ccc;
  padding: 10px 5px;
}

.support-nav .link-list_navy li {
  background: url(/mobile/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat scroll 0 9px transparent !important;
  padding: 0 0 0 16px;
}

.support-nav a {
  font-size: 12px;
}

.support-nav ul li a {
  border-bottom: 1px dotted #d0d1d2;
  display: block;
  padding: 0.5em 0;
}

.support-nav ul li.first-child a {
  border-top: medium none;
}

.support-nav p {
  padding: 0.5em 0 0;
}

.link-list_navy_rgt,
.link-list_arrow_n_rgt {
  background: none repeat scroll 0 0 transparent;
  text-align: right;
}

.link-list_navy_rgt a {
  background: url(/mobile/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat scroll 0 0.25em transparent;
  padding: 0 0 0 16px;
}

.other_information {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #bfbfbf;
  margin: 20px 0;
  padding: 1px;
}

.other_information div.oi-inner {
  background: none repeat scroll 0 0 #f5f5f5;
  padding: 15px 10px;
}

.other_information dt, .other_information dt {
  float: none;
  padding: 0;
  width: auto;
}

.other_information p, .other_information dt {
  font-size: 14px;
  font-weight: bold;
  margin: 0 !important;
}

.other_information a {
  font-weight: normal;
  padding: 0;
}

ul.link-list_blue li,
ul.link-list_navy li,
ul.link-list_arrow_n li {
  background: url(/mobile/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat scroll 0 0.3em transparent;
  padding: 0 0 0 16px;
}

.other_information ul.link-list_navy li {
  display: block;
  margin-top: 7px;
}

.sub-recommend h3 {
  background: none repeat scroll 0 0 transparent;
  border-bottom: 3px solid #b7bbbe;
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  height: auto;
  line-height: 1.4;
  margin: 0 0 10px !important;
  padding: 0;
  text-align: left;
}

.sub-box h3{
  border: solid 1px #d8dadc;
  font-size: 85.71%;
  padding: 10px;
}

.sub-box.branch-bnr h3{
  margin-bottom: 10px;
}


/* Foot navi iphone
-------------------------------------------------------------------------------- */
#foot-navi_iphone,
#foot-navi_ipad {
  /*width: 868px; 2013/3/26まで MLC*/
  width: 858px;
  /*2013/3/27リリース分の追加 MLC*/
  margin: 0 auto;
  padding: 21px 45px;
  background: #f5f5f5 url(/mobile/set/common/p/img/v12a/iphone/bg_foot-navi.png) left top repeat-x;
  position: relative;
  clear: both;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#foot-navi_iphone .clearfix,
#foot-navi_ipad .clearfix {
  cursor: default;
}
#foot-navi_iphone dt,
#foot-navi_ipad dt {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
  font-weight: bold;
  zoom: 1;
}
#foot-navi_iphone dd.link-purchasem,
#foot-navi_ipad dd.link-purchasem {
  position: absolute;
  width: 115px;
  top: 25px;
  right: 44px;
}
#foot-navi_iphone dd.purchase_unit_item,
#foot-navi_ipad dd.purchase_unit_item {
  border-top: 1px solid #fff;
  padding-top: 15px;
  padding-bottom: 1px;
  background: #f5f5f5 url(/mobile/set/common/p/img/v12a/iphone/bg_purchase_unit_btm.png) left bottom no-repeat;
  zoom: 1;
}
#foot-navi_iphone dd.purchase_unit_item ul,
#foot-navi_ipad dd.purchase_unit_item ul {
  background: #f5f5f5 url(/mobile/set/common/p/img/v12a/iphone/bg_purchase_unit_mdl.png) left top repeat-y;
}
#foot-navi_iphone dd.purchase_unit_item ul li,
#foot-navi_ipad dd.purchase_unit_item ul li {
  border-top: #c1c2c2 1px solid;
  width: 280px;
}
#foot-navi_iphone dd.purchase_unit_item ul li .txt,
#foot-navi_ipad dd.purchase_unit_item ul li .txt {
  float: right;
  width: 190px;
  font-weight: bold;
  background-color: transparent;
  min-height: 0;
  padding: 0;
  margin: 0;
}
#foot-navi_iphone dd.purchase_unit_item ul li .link-list_navy,
#foot-navi_ipad dd.purchase_unit_item ul li .link-list_navy {
  float: right;
  width: 174px;
  margin: 0;
}
#foot-navi_iphone dd.purchase_unit_item ul li .fig-img,
#foot-navi_ipad dd.purchase_unit_item ul li .fig-img {
  float: left;
  /*margin-left: 1px; 2013/3/26まで MLC*/
  margin: 0 0 0 3px;
  /*2013/3/27リリース分の追加 MLC*/
  width: 79px;
}

.mr_14 {
  margin-right: 14px;
}

.mr_9 {
  /*2013/3/27リリース分の追加 MLC*/
  margin-right: 9px;
}

.pt_10 {
  padding-top: 10px !important;
}

.flt_l {
  float: left;
}

.fs_18 {
  font-size: 129% !important;
}

.flt_r {
  float: right;
}

.fs_12 {
  font-size: 86% !important;
}

.mt_5 {
  margin-top: 5px !important;
}

ul.link-list_arrow_n li {
  padding: 0 0 0 16px;
}

.link-list_blue,
.link-list_navy,
.link-list_arrow_n {
  background: url(/mobile/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat scroll 0 0.3em transparent;
  padding: 0 0 0 16px;
}

.new-win-icn_inline img {
  margin: 0 0 0 0.5em;
  padding: 2px 0 0;
  vertical-align: baseline;
}

div#container-bottom dl.site-link {
  width: 901px;
}

div#container-bottom {
  /*width: 960px; 2013/3/26まで MLC*/
  width: 948px;
  /*2013/3/27リリース分の追加 MLC*/
  margin: 0 auto;
  padding: 0 0 4px;
  height: auto !important;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
}

div#container-bottom dl.site-link {
  /*width: 913px; 2013/3/26まで MLC*/
  width: 903px;
  /*2013/3/27リリース分の追加 MLC*/
  margin: 0 2px;
  padding: 15px 0 10px 43px;
  background: url(/mobile/set/common/p/img/v11a/iphone/bg_site-link.gif) repeat-x left top;
  border-top: solid 1px #b1b3b5;
}

dl.site-link dt {
  float: left;
  width: 76px;
  margin: 0;
  padding-top: 5px;
  border: none;
}

dl.site-link dd {
  float: right;
  width: 810px;
}

dl.site-link dd li {
  font-size: 86%;
  float: left;
  padding-left: 16px;
  background: url(/mobile/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 0.25em;
}

dl.site-link dd li.c1 {
  width: 14em;
}

dl.site-link dd li.c2 {
  width: 16em;
}

dl.site-link dd li.c3 {
  width: 9em;
}

dl.site-link dd li.c4 {
  width: 9em;
}

dl.site-link dd li.c5 {
  width: 9em;
}

div#container-bottom.ipad dl.site-link dd li.c1 {
  width: 10em;
}
div#container-bottom.ipad dl.site-link dd li.c2 {
  width: 17em;
}
div#container-bottom.ipad dl.site-link dd li.c3 {
  width: 20em;
}
div#container-bottom.ipad dl.site-link dd li.c4 {
  width: 9em;
}

#overlay-trademark {
  background: none repeat scroll 0 0 #ffffff;
  padding: 10px 0 0;
}

#overlay-trademark p {
  margin: 0 auto;
  text-align: left;
  width: 950px;
}

#overlay-trademark p a {
  background: url(/mobile/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat scroll left center transparent !important;
  font-size: 12px;
  padding: 0 16px;
}

/** questionnaire_footer */
/**************************************/
#questionnaire_footer {
  width: 950px;
  clear: both;
  margin: 10px auto 0;
  padding-top: 10px;
  font-size: 12px;
  background: #ffffff;
}
#questionnaire_footer strong {
  font-weight: bold;
  color: #333;
}

#questionnaire_footer form#enquete {
  /*width:      960px; 2013/3/26まで MLC*/
  width: 950px;
  /*2013/3/27リリース分の追加 MLC*/
  margin: 0 auto;
  padding: 15px 0;
  background: #e5f0f3;
}

#questionnaire_footer form#enquete p {
  text-align: center;
  margin: 0;
  padding: 0;
}

#questionnaire_footer form#enquete .enquete_msg {
  float: left;
  width: 240px;
  padding: 0 20px;
}

#questionnaire_footer form#enquete .enquete_msg p {
  text-align: left;
}

#questionnaire_footer form#enquete div.form,
#questionnaire_footer form#enquete div.thanks,
#questionnaire_footer form#enquete div.error {
  margin-left: 280px;
  min-height: 58px;
  _height: 58px;
  border-left: 1px solid #899092;
}

#questionnaire_footer form#enquete div.yesno {
  width: 198px;
  padding: 0 20px;
  float: left;
}

#questionnaire_footer form#enquete div.yesno p {
  text-align: left;
}

#questionnaire_footer form#enquete div.yesno ul {
  width: 140px;
  margin: 8px auto 0;
}

#questionnaire_footer form#enquete div.yesno li {
  width: 50%;
  float: left;
  list-style: none;
}

#questionnaire_footer form#enquete div.yesno label {
  cursor: pointer;
  vertical-align: middle;
}

#questionnaire_footer form#enquete div.yesno input {
  vertical-align: middle;
  margin: 0;
}

#questionnaire_footer form#enquete div.comment {
  float: left;
}

#questionnaire_footer form#enquete div.comment textarea {
  color: #999999;
  width: 330px;
  height: 50px;
  padding: 5px;
}

#questionnaire_footer form#enquete div.comment textarea.on {
  color: #000000;
}

#questionnaire_footer form#enquete div.comment p {
  font-size: 11px;
  text-align: left;
  width: 250px;
  margin: 0;
}

#questionnaire_footer form#enquete div.action {
  padding: 40px 0 0 15px;
  float: left;
}

#questionnaire_footer form#enquete div.action input {
  width: 60px;
}

#questionnaire_footer form#enquete div.thanks,
#questionnaire_footer form#enquete div.error {
  padding: 0;
  display: none;
}

#questionnaire_footer form#enquete div.thanks strong,
#questionnaire_footer form#enquete div.error strong {
  font-size: 14px;
  color: #cc0000;
}

/** searched-pages */
/**************************************/
#searched-pages {
  width: 948px;
  margin: 20px auto 0;
  border: #d8dadc 1px solid;
  font-size: 86%;
}

#searched-pages dl {
  border: #fff 1px solid;
  background: #f4f5f6;
  position: relative;
}

#searched-pages dt {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.8em;
  width: 12em;
  font-weight: bold;
}

#searched-pages dt {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.8em;
  width: 12em;
  font-weight: bold;
}

#searched-pages dd {
  text-align: left;
  margin-left: 14em;
  background: #fff;
  padding: 0.8em 0 0 1em;
}

#searched-pages li {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  margin: 0 1em 0.6em 0;
  padding-bottom: 0;
}

#searched-pages a:link {
  color: #006699;
  text-decoration: none;
}

#searched-pages a:visited {
  color: purple;
  text-decoration: none;
}

#searched-pages a:hover, #searched-pages a:focus {
  color: #006699;
  text-decoration: underline;
}

/* ========= box_faq ========= */
#box_faq {
  margin-top: 20px;
}

#box_faq h2.box_faq_head,
#box_faq h3.box_faq_head {
  width: auto;
  height: 33px;
  margin: 0;
  padding: 0 5px 0 0;
  border: none;
  background: url(/mobile/set/common/p/img/v11a/general/bg_faq_head.gif) right 0 no-repeat;
}

#box_faq .box_faq_head span {
  display: block;
  height: 23px;
  padding: 10px 0 0 18px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  border: none;
  background: url(/mobile/set/common/p/img/v11a/general/bg_faq_head.gif) no-repeat 0 0 transparent;
}

#box_faq .box_faq_mdl {
  padding: 10px 10px 0;
  border-left: #b1b3b5 1px solid;
  border-right: #b1b3b5 1px solid;
}

#box_faq .box_faq_mdl #cb-faq .box-a a span.link-list_blue {
  background: url(/mobile/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 4px !important;
}

#box_faq .box_faq_btm {
  background: url(/mobile/set/common/p/img/v11a/general/bg_box_faq_btm.gif) right 0 no-repeat;
  padding: 0 10px 0 0;
  height: 10px;
  overflow: hidden;
}

#box_faq .box_faq_btm .box_faq_btm_r {
  background: url(/mobile/set/common/p/img/v11a/general/bg_box_faq_btm.gif) 0 0 no-repeat;
  height: 10px;
  overflow: hidden;
}

#box_faq .link-list_navy {
  margin-top: 10px;
  margin-bottom: 0;
}

#box_faq .link-list_blue,
#box_faq .link-list_navy a {
  font-size: 12px;
}

#box_faq .box_faq_head {
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_head.gif) right 0 no-repeat;
  height: 33px;
  padding: 0 5px 0 0;
  border: none;
  line-height: 1;
}

#box_faq .box_faq_head span {
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_head.gif) 0 0 no-repeat;
  padding: 10px 0 0 18px;
  height: 23px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  display: block;
}

#box_faq .box_faq_mdl {
  padding: 10px 10px 0;
  border-left: #b1b3b5 1px solid;
  border-right: #b1b3b5 1px solid;
}

#box_faq .box_faq_mdl #cb-faq .box-a a span.link-list_blue {
  background: url(/mobile/set/common/p/img/v09b/bullet/icn_arrow_navy.gif) no-repeat 0 4px !important;
}

#box_faq .box_faq_btm {
  background: url(/mobile/set/common/p/img/v09b/general/bg_box_faq_btm.gif) right 0 no-repeat;
  padding: 0 10px 0 0;
  height: 10px;
  overflow: hidden;
}

#box_faq .box_faq_btm .box_faq_btm_r {
  background: url(/mobile/set/common/p/img/v09b/general/bg_box_faq_btm.gif) 0 0 no-repeat;
  height: 10px;
  overflow: hidden;
}

#cb-faq .icn_q,
#cb-faq .icn_a {
  float: left;
  text-indent: -9999px;
  display: block;
  width: 25px;
  height: 23px;
  line-height: 23px;
}

#cb-faq .icn_q {
  background: url(/mobile/set/common/p/img/v09b/general/icn_q.gif) no-repeat 0 0;
}

#cb-faq .icn_a {
  background: url(/mobile/set/common/p/img/v09b/general/icn_a.gif) no-repeat 0 0;
}

#cb-faq span.icn {
  text-align: right;
  display: block;
}

#cb-faq span.icn img {
  margin: 5px 0 0 6px;
}

#cb-faq .txt {
  margin-left: 35px;
}

#cb-faq .box-q .txt p {
  font-weight: bold;
}

#cb-faq .box-q {
  text-indent: 0;
  margin-top: 5px;
  font-weight: bold;
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_ml.gif) no-repeat 0 center;
  cursor: pointer;
  zoom: 1;
}

#cb-faq .box-q.hover,
#cb-faq .box-q.op-hover {
  background: #fff;
}

#cb-faq .box-q .inner_top {
  padding: 0 0 0 10px;
  overflow: hidden;
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_tl.gif) no-repeat 0 0;
  height: 5px;
}

#cb-faq .box-q .inner_top .inner_top_r {
  overflow: hidden;
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_tr.gif) no-repeat right 0;
  height: 5px;
}

#cb-faq .box-q .inner_mdl {
  padding: 0 0 0 10px;
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_ml.gif) no-repeat 0 center;
}

#cb-faq .box-q .inner_mdl .inner_mdl_r {
  padding: 5px 80px 10px 0;
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_mr.gif) no-repeat right center;
}

#cb-faq .box-q.hover .inner_mdl,
#cb-faq .box-q.op-hover .inner_mdl {
  padding: 0 0 0 10px;
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_ml_h.gif) no-repeat 0 center;
}

#cb-faq .box-q.hover .inner_mdl .inner_mdl_r {
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_mr_h.gif) no-repeat right center;
}

#cb-faq .box-q.accordion-open .inner_mdl .inner_mdl_r {
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_mr_op.gif) no-repeat right center;
}

#cb-faq .box-q.accordion-open.op-hover .inner_mdl .inner_mdl_r {
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_mr_op_h.gif) no-repeat right center;
}

#cb-faq .box-q .inner_btm {
  zoom: 1;
  line-height: 0;
  font-size: 1;
  overflow: hidden;
  padding: 0 0 0 10px;
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_bl.gif) no-repeat 0 0;
  height: 10px;
}

#cb-faq .box-q .inner_btm .inner_btm_r {
  zoom: 1;
  line-height: 0;
  font-size: 1;
  font-size: 1;
  overflow: hidden;
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_br.gif) no-repeat right 0;
  height: 10px;
}

#cb-faq .box-q.hover .inner_btm {
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_bl_h.gif) no-repeat 0 0;
}

#cb-faq .box-q.hover .inner_btm .inner_btm_r {
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_br_h.gif) no-repeat right 0;
}

#cb-faq .op-hover .inner_mdl .inner_mdl_r {
  background: url(/mobile/set/common/p/img/v09b/general/bg_faq_mr_h.gif) no-repeat right center;
}

#cb-faq .box-a {
  display: none;
  margin-bottom: 10px;
  background: #fffbe5;
}

#cb-faq .box-a a span {
  cursor: pointer;
}

#cb-faq .box-a a {
  display: block;
  padding: 10px 13px;
}

#cb-faq .box-a .txt {
  display: block;
}

#cb-faq .box-a .inner_top {
  padding: 10px 13px;
}

#cb-faq .box-a .link-list_blue {
  display: block;
  clear: both;
  margin-top: 5px;
  margin-left: 35px;
  cursor: pointer;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.snsComponent iframe[id^="twitter-widget"],
.snsComponent > div {
  float: left;
}

ul.anno-iphone {
  background: none repeat scroll 0 0 #ffffff;
  margin: 40px auto 10px !important;
  padding: 0;
  text-align: left;
  width: 950px !important;
}
ul.anno-iphone li {
  color: #333333 !important;
  font-size: 87% !important;
  list-style: none outside none;
}
ul.anno-iphone li#ppn {
  display: block !important;
}

ul.anno-iphone a, ul.anno-iphone_other a {
  color: #006699;
  display: inline;
  font-size: 100% !important;
  text-decoration: none;
}

.tab-container.campaign {
  margin-bottom: 20px;
}
.tab-container.campaign .tab-list li a {
  font-weight: bold;
}
.tab-container.campaign .tabs {
  border: none;
}
.tab-container.campaign .tab-block {
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.tab-container.campaign .list-carousel {
  _width: 5000px !important;
}

.list-product-img {
  overflow: hidden;
  margin-left: -10px;
  _margin-left: -20px;
}
.list-product-img li {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}
.list-product-img a {
  zoom: 1;
}
.list-product-img .boxLineup {
  width: 348px;
  border: solid 1px #ddd;
  display: block;
  display: table;
  height: 110px;
  zoom: 1;
}
.list-product-img .boxLineup:hover, .list-product-img .boxLineup:focus {
  text-decoration: underline;
}
.list-product-img .boxLineup p {
  margin: 0;
}
.list-product-img .boxLineup .img, .list-product-img .boxLineup .text {
  dispaly: block;
  /* IE6/IE7はblock要素の必要があるので */
  display: table-cell;
  vertical-align: middle;
}
.list-product-img .boxLineup .img {
  width: 130px;
  text-align: center;
  *float: left;
}
.list-product-img .boxLineup .text {
  width: 218px;
  *width: 200px;
  padding-left: 12px;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  *line-height: 20px;
}
.list-product-img .boxLineup .text p {
  display: inline;
}
.list-product-img .boxLineup .text .vg {
  font-size: 0;
  visibility: hidden;
  /* 表示させる必要はないですが、高さの影響を出したいのでvisibilityで非表示化 */
  height: 110px;
  /* 基準となる高さを指定します。 */
  vertical-align: middle;
  /* IE6/7の高さ中央揃えに使用 */
  zoom: 1;
}
.list-product-img .boxLineup th {
  width: 130px;
  text-align: center;
}
.list-product-img .boxLineup td {
  padding-left: 12px;
  font-size: 16px;
}
.list-product-img .boxLineup .icon-new02 {
  margin-left: 6px;
}
.list-product-img .boxLineup .icon-new02 img {
  vertical-align: baseline;
}
.list-product-img .boxLineup .new-change {
  display: block;
  padding-top: 5px;
}

.col-3.campaign {
  _margin-left: -5px !important;
}
.col-3.campaign .col {
  _margin-left: 5px !important;
}
.col-3.campaign .box-04-01 {
  padding: 10px 10px 0;
  _padding: 2px !important;
}
.col-3.campaign .box-04-01 .hdg {
  margin: -10px -10px 0;
  text-align: center;
}
.col-3.campaign .box-04-01 .hdg .fs_18 {
  font-size: 150% !important;
}
.col-3.campaign .box-04-01 .hdg .fs_12 {
  font-size: 100% !important;
}
.col-3.campaign .box-04-01 .btn-list {
  background-color: #fff;
  margin: 0;
  padding-bottom: 0;
}
.col-3.campaign .box-04-01 .btn-list .btn-02 {
  display: block;
  padding: 7px 0 5px;
  min-width: 0;
  font-size: 129%;
}
.col-3.campaign .box-04-01 .btn-list .btn-02.has-subtext {
  text-decoration: none;
}
.col-3.campaign .box-04-01 .btn-list .btn-02.has-subtext .subtxt {
  display: block;
  color: #434343;
  font-size: 77.8% !important;
  font-weight: normal;
  margin-top: -2px 0 2px;
  text-decoration: none;
}
.col-3.campaign .box-04-01 .btn-list .btn-02.has-subtext:hover .text, .col-3.campaign .box-04-01 .btn-list .btn-02.has-subtext:focus .text {
  text-decoration: underline !important;
}
.col-3.campaign .box-04-01 .link-list {
  border-top: 1px dotted #d8dadc;
}
.col-3.movie-gallery{
  margin: 0 0 0 -10px;
}
.col-3.movie-gallery .col{
  border: 1px solid #d8dadc;
  border-radius: 3px;
  width: 230px;
  margin: 0 0 10px 10px;
}
.col-3.movie-gallery .col .col-inner{
  display: block;
  padding: 10px;
}
.col-3.movie-gallery .col .col-inner p{ /* robotトップとベーススタイルを合わせる */
  line-height: 1.33;
}

.col-3.movie-gallery a:hover{
  text-decoration: none;
}
.col-3.movie-gallery .title{
  font-size: 100%;
}
.col-3.movie-gallery a:hover .title{
  text-decoration: underline;
}
.col-3.movie-gallery .date{
  font-size: 87.5%;
  color: #333333;
  margin-bottom: 0;
}
.col-3.movie-gallery .tag-list li{
  display: inline-block;
  font-size: 62.5%;
  margin: 3px 0 0;
  vertical-align: middle;
}
.col-3.movie-gallery .tag-list .tag-category{
  background: #f4f5f6;
  border: solid 1px #e3e4e5;
  color: #333333;
  padding: 1px 10px 0;
}
.col-3.movie-gallery .tag-list .tag-new{
  background: #5a89ce;
  color: #ffffff;
  padding: 1px 3px 0;
}

.line-reset-all {
  border: medium none !important;
}

.box-select-wrap {
  padding: 10px;
  background-color: #fff;
}
.box-select-wrap .press-control {
  width: 170px;
  margin-left: 48px !important;
  _margin-left: 28px !important;
}
/* For PressRelease */
.box-select-wrap.branch-release .press-control {
  margin-left: 60px !important;
}
.box-select-wrap.branch-release select.press-control {
  width: 97px;
}
.box-select-wrap.branch-release ul .category-wrap div.checkbox-wrap label{
  margin-right: 30px;
  width: auto !important;
}
.box-select-wrap.branch-release ul .category-wrap div.checkbox-wrap input{
  vertical-align: top;
}
html:lang(en) .box-select-wrap.branch-release .press-control {
  margin-left: 64px !important;
}
html:lang(en) .box-select-wrap.branch-release select.press-control {
  width: 97px;
}
html:lang(en) .box-select-wrap.branch-release ul .category-wrap div.checkbox-wrap label{
  margin-right: 30px;
  width: auto !important;
}
html:lang(en) .box-select-wrap.branch-release ul .category-wrap div.select-wrap button{
  margin-left: 20px;
}
html:lang(en) .box-select-wrap.branch-release ul .category-wrap div.checkbox-wrap label .title {
  width: 170px;
}
html:lang(en) .box-select-wrap.branch-release ul .category-wrap div.checkbox-wrap{
  padding-left: 20px;
  width: 438px;
}
/* For Info */
.box-select-wrap.branch-info .press-control {
  margin-left: 20px !important;
}
.box-select-wrap.branch-info select.press-control {
  width: 97px;
}



.box-select-wrap select {
  margin-left: 20px;
  font-size: 12px;
}
.box-select-wrap ul {
  list-style: none;
  margin: 0;
}
.box-select-wrap label {
  font-size: 14px;
}
.box-select-wrap ul li {
  overflow: hidden;
  margin-top: 20px;
  zoom: 1;
}
.box-select-wrap ul li:first-child {
  margin-top: 0;
}
.box-select-wrap ul li p {
  margin: 0;
}
.box-select-wrap ul .category-wrap {
  margin-bottom: 0;
}
.box-select-wrap ul .category-wrap div {
  zoom: 1;
}
.box-select-wrap ul .category-wrap div.select-wrap {
  float: left;
  width: 202px;
}
.box-select-wrap ul .category-wrap div.select-wrap p {
  font-size: 14px;
}
.box-select-wrap ul .category-wrap div.select-wrap button {
  font-size: 12px;
  width: 97px;
  padding: 1px 0;
}
.box-select-wrap ul .category-wrap div.select-wrap .title {
  display: inline-block;
  width: 74px;
}
.box-select-wrap ul .category-wrap div.checkbox-wrap {
  width: 468px;
  float: left;
}
.box-select-wrap ul .category-wrap div.checkbox-wrap label {
  display: inline-block;
  font-size: 14px;
  width: 152px;
  vertical-align: top;
}
.box-select-wrap ul .category-wrap div.checkbox-wrap label input {
  margin-right: 3px;
}
.box-select-wrap ul .category-wrap div.checkbox-wrap label .title {
  width: 140px;
  display: inline-block;
}
.box-select-wrap .hide {
  display: none;
}

.checkbox-wrap label {
  float: left;
  width: 150px !important;
}

.category2 label.sumahodai, .category2 label.discount {
  width: 220px !important;
}

.checkbox-wrap label {
  float: left;
  width: 150px !important;
}

/* pressrelease 絞込み*/
#press-release .tabContainer {
  margin: 0 0 1em;
}
#press-release .tab.compressed li a {
  font-weight: normal;
  width: 220px;
}
#press-release .tab.compressed > li {
  width: 181.5px;
  padding: 0 0 0 2px;
}
#press-release .tab.compressed > li:first-child {
  padding: 0;
}

#press-release .box-select-wrap {
  padding: 10px 5px 10px 15px;
  background-color: #fff;
}
#press-release .box-select-wrap .press-control {
  width: 170px;
  margin-left: 48px !important;
  _margin-left: 28px !important;
}
/* For PressRelease */
#press-release .box-select-wrap.branch-release .press-control {
  margin-left: 62px !important;
}
#press-release .box-select-wrap.branch-release select.press-control {
  width: 90px;
}
#press-release .box-select-wrap.branch-release ul .category-wrap div.checkbox-wrap label{
  margin-right: 34px;
  width: auto !important;
  white-space: nowrap;
  word-break: break-all;
}
#press-release .box-select-wrap.branch-release ul .category-wrap div.checkbox-wrap input{
  vertical-align: top;
  margin-top: 1px;
}
html:lang(en) #press-release .box-select-wrap.branch-release .press-control {
  margin-left: 62px !important;
}
html:lang(en) #press-release .box-select-wrap.branch-release select.press-control {
  width: 90px;
}
html:lang(en) #press-release .box-select-wrap.branch-release ul .category-wrap div.checkbox-wrap label{
  margin-right: 30px;
  width: auto !important;
  white-space: nowrap;
  word-break: break-all;
}
html:lang(en) #press-release .box-select-wrap.branch-release ul .category-wrap div.select-wrap button{
  margin-left: 20px;
}
html:lang(en) #press-release .box-select-wrap.branch-release ul .category-wrap div.checkbox-wrap label .title {
  width: 170px;
}
html:lang(en) #press-release .box-select-wrap.branch-release ul .category-wrap div.checkbox-wrap{
  padding-left: 20px;
  width: 438px;
}
/* For Info */
#press-release .box-select-wrap.branch-info .press-control {
  margin-left: 16px !important;
}
#press-release .box-select-wrap.branch-info select.press-control {
  width: 100px;
}



#press-release .box-select-wrap select {
  margin-left: 20px;
  font-size: 14px;
}
#press-release .box-select-wrap ul {
  list-style: none;
  margin: 0;
}
#press-release .box-select-wrap label {
  font-size: 14px;
}
#press-release .box-select-wrap ul li {
  margin-top: 0;
  overflow: hidden;
  zoom: 1;
}
#press-release .box-select-wrap ul .category-wrap{
  margin-bottom: 2px;
}
#press-release .box-select-wrap ul li:first-child {
  margin-top: 0;
  margin-bottom: 10px;
}
#press-release .box-select-wrap.branch-info ul li:first-child {
  margin-bottom: 0;
}
#press-release .box-select-wrap ul li p {
  margin: 0;
}
#press-release .box-select-wrap ul .category-wrap div {
  zoom: 1;
}
#press-release .box-select-wrap ul .category-wrap div.select-wrap {
  width: 175px;
  float: left;
}
#press-release .box-select-wrap ul .category-wrap div.select-wrap p {
  font-size: 14px;
}
#press-release .box-select-wrap ul .category-wrap div.select-wrap button {
  font-size: 14px;
  margin-left: 20px;
  text-align: left;
  width: 90px;
  padding: 0 6px;
}
#press-release .box-select-wrap ul .category-wrap div.select-wrap .title {
  display: inline-block;
  width: 56px;
}
#press-release .box-select-wrap ul .category-wrap div.checkbox-wrap {
  padding-left: 40px;
  padding-top: 6px;
  width: 442px;
  float: left;
}
#press-release .box-select-wrap ul .category-wrap div.checkbox-wrap label {
  display: inline-block;
  font-size: 14px;
  width: 152px;
  vertical-align: top;
}
#press-release .box-select-wrap ul .category-wrap div.checkbox-wrap label input {
  margin-right: 3px;
}
#press-release .box-select-wrap ul .category-wrap div.checkbox-wrap label .title {
  width: 140px;
  display: inline-block;
}
#press-release .box-select-wrap .hide {
  display: none;
}

#press-release .checkbox-wrap label {
  float: left;
  width: 150px !important;
}

#press-release .category2 label.sumahodai, .category2 label.discount {
  width: 220px !important;
}

#press-release .checkbox-wrap label {
  float: left;
  width: 150px !important;
}

#press-release .box-select-wrap.en .category-wrap div.select-wrap {
    width: 190px;
    float: left;
}
#press-release .box-select-wrap.en .press-control {
    margin-left: 62px!important;
    width: 90px;
}
#press-release .box-select-wrap.en .category-wrap div.select-wrap button {
    margin-left: 16px;
}
#press-release .box-select-wrap.en ul .category-wrap {
    margin-bottom: 0;
}
#press-release .box-select-wrap.en .category-wrap .title {
    width: 75px;
}
#press-release .box-select-wrap.en ul .category-wrap div.select-wrap .title {
  display: inline-block;
  width: 75px;
}
#press-release .box-select-wrap.en ul .category-wrap div.select-wrap button {
    font-size: 14px;
    margin-left: 16px;
    text-align: left;
    width: 90px;
}
#press-release .box-select-wrap.en ul .category-wrap div.checkbox-wrap {
    float: left;
    padding-left: 30px;
    padding-top: 6px;
    width: 445px;
}
#press-release .box-select-wrap.en ul .category-wrap div.checkbox-wrap label {
  margin-bottom: 1px;
  margin-right: 34px;
  width: auto !important;
}
#press-release .box-select-wrap.en ul .category-wrap div.checkbox-wrap label .title {
  display: inline-block;
  width: 170px;
}
#press-release .box-select-wrap.en ul .category-wrap.category-wrap-layout-02 div.checkbox-wrap label {
  width: 186px !important;
}

/* ここまでpressrelease 絞込み*/


.list-sort-campaign {
  overflow: hidden;
  float: right;
  zoom: 1;
  margin: 0 0 20px;
}
.list-sort-campaign dt, .list-sort-campaign dd {
  float: left;
  line-height: 1;
}
.list-sort-campaign ul {
  overflow: hidden;
}
.list-sort-campaign ul li {
  float: left;
  padding: 0 10px;
  border-left: 1px solid #d8dadc;
  line-height: 1;
}
.list-sort-campaign ul li:first-child {
  border-left: none;
  padding-left: 5px;
}
.list-sort-campaign ul li:last-child {
  padding-right: 0;
}
.list-sort-campaign + * {
  clear: both;
}

.part-advise-small h5,
.part-advise-small .internet-title,
.part-advise-small .tel-title span,
.part-advise-small .by-internet .nav a,
.part-advise-small .by-tel dd .tel {
  background-image: url(/ybb/set/common/p/img/advise_sprite-002.jpg) !important;
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px;
}

.part-advise-small {
  border: 1px solid #cccccc;
  height: 230px;
  margin-top: 20px;
  width: 208px;
}

.part-advise-small h5 {
  border: medium none !important;
  margin: 0;
  padding: 0 !important;
  background-image: url(/ybb/set/common/p/img/advise_sprite-002.jpg) !important;
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px;
  background-position: -170px -45px;
  border: medium none !important;
  height: 33px;
  padding: 0 !important;
}

.ml_0 {
  margin-left: 0 !important;
}

.part-advise-small .by-internet .internet-title {
  background-position: 0 -66px;
  height: 12px;
  margin: 10px auto;
  overflow: hidden;
  width: 150px;
}

.part-advise-small .by-internet .nav a {
  background-position: -170px 0;
  height: 45px;
  margin: 0 auto;
  width: 178px;
}
.part-advise-small .by-internet .nav a:hover {
  background-position: -348px 0;
}

.part-advise-small .by-tel {
  padding: 0 15px;
}

.part-advise-small .by-tel dt {
  border-bottom: 1px dotted #dbdbdb;
  border-top: 1px solid #dbdbdb;
  margin: 9px 0;
  padding: 8px 0 5px;
}
.part-advise-small .by-tel dt span {
  background-position: 0 -78px;
  height: 12px;
  margin: 0 auto;
  width: 99px;
}

.part-advise-small .by-tel .tel {
  background-position: 0 0;
  height: 67px;
  margin: 0 auto 9px;
  padding-left: 0;
  width: 170px;
}

#local-nav-area .sub-box-application {
  border: 1px solid #d8dadc;
  margin: 20px 0 0;
}

#local-nav-area .sub-box-application:first-child {
  margin: 0;
}

#local-nav-area .sub-box-application h5.application-title {
  background-image: none !important;
  background-color: #ffffff;
  text-indent: 0;
  border-bottom: 1px solid #d8dadc;
  padding: 10px;
}

#local-nav-area .sub-box-application .by-internet{
  padding: 8px 10px 2px;
}

#local-nav-area .sub-box-application .by-internet dd{
  margin-bottom: 8px;
}

#local-nav-area .sub-box-application .internet-title{
  font-size: 85.71%;
  margin-bottom: 3px;
}

#local-nav-area .sub-box-application .by-tel{
  padding: 10px 10px 7px;
  border-top: 1px solid #d8dadc;
}

#local-nav-area .sub-box-application .by-tel dd{
  margin-bottom: 3px;
}


#local-nav-area .sub-box-application .tel-title span{
  font-size: 85.71%;
  margin-bottom: 6px;
  display: block;
}

#local-nav-area .sub-box-application .tel-title-meta{
  font-weight: bold;
  font-size:92.86%;
  margin-bottom: 0;
}

#local-nav-area .sub-box-application .tel-num,
#local-nav-area .sub-box-application .tel-num-02{
  color: #2174ed;
  font-size:157.14%;
  display: block;
  font-weight: bold;
  margin-bottom: 0;
  padding-left: 17px;
}

#local-nav-area .sub-box-application .tel-num{
  background: url(/ybb/set/common/p/img/icon-tel.png) 0 4px no-repeat;
}

#local-nav-area .sub-box-application .tel-num-02{
  background: url(/ybb/set/common/p/img/icon-tel-02.png) 0 4px no-repeat;
}

#local-nav-area .sub-box-application .tel-meta{
  font-size: 71.43%;
  margin-bottom: 0;
}

#local-nav-area .sub-box-application .tel-meta .notice-list{
  margin-bottom: 0;
}

#local-nav-area .sub-box-application .tel-tag-free{
  color: #ffffff;
  background-color: #9fa9b3;
  display: inline-block;
  padding: 2px;
  margin-bottom: 2px;
}

#local-nav-area .sub-box-application .nav{
  margin-bottom: 0;
}

#local-nav-area .sub-box-application .nav a{
  display: inline-block;
  margin: 0;
  padding: 10px 0 7px;
  width: 100%;
  border: 1px solid #0087cb;
  border-radius: 3px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzMzlmZDUiPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzM5ZmQ1Ii8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMwMjg4Y2IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzN2EzZDkiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZykiLz48L3N2Zz4=);
  background-color: #339fd5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #339fd5), color-stop(50%, #0288cb), color-stop(100%, #37a3d9));
  background-image: -webkit-linear-gradient(top, #339fd5 50%, #0288cb 50%, #37a3d9);
  background-image: linear-gradient(to bottom,#339fd5 50%, #0288cb 50%, #37a3d9);
  background-color: #0087cb;
  box-shadow: 0 0 0 1px #99cfea inset;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  font-weight: bold;
  font-size: 114.29%;
  line-height: 1.3;
}

#mboxWrap {
  margin: 20px 0 0;
  width: 100%;
}
#mboxWrap li {
  display: block;
  margin: 0 0 10px;
}
#mboxWrap .sub-recommend {
  margin-top: 20px;
}
#mboxWrap .sub-recommend:first-child{
  margin-top: 0;
}

#local-nav-area .sub-box {
  margin: 20px 0 0;
}

#local-nav-area .sub-box:first-child {
  margin: 0;
}

#local-nav-area .sub-box .sub-recommend-bnr-list li{
  border: solid 1px #d8dadc;
  margin-top: 10px;
  margin-bottom: 10px;
}

#local-nav-area .sub-box .sub-recommend-bnr-list li:first-child{
   margin-top: 0;
 }

#local-nav-area .sub-box .sub-recommend-bnr-list li a{
  display: block;
}

#local-nav-area .sub-box .sub-recommend-contents-list,
#local-nav-area .sub-box .sub-recommend-support-list{
  border-color: #d8dadc;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  padding: 0 10px;
}

#local-nav-area .sub-box .sub-recommend-contents-list li,
#local-nav-area .sub-box .sub-recommend-support-list li{
  margin: 0;
  border-top: dotted 1px #d8dadc;
  font-size: 85.71%;
}

#local-nav-area .sub-box .sub-recommend-contents-list li a{
  padding: 17px 0 15px;
  display: block;
}
#local-nav-area .sub-box .sub-recommend-support-list li a{
  padding: 11px 0;
  display: block;
}

#local-nav-area .sub-box .sub-recommend-contents-list li:first-child,
#local-nav-area .sub-box .sub-recommend-support-list li:first-child{
  border-top: none;
}

table.base {
  margin-top: 0;
  margin-bottom: 1.6em;
  width: 100%;
  border: none;
  border-collapse:separate;
}

table.base td, table.base th {
  padding: .8em 10px .6em;
  border: none;
  border-bottom: 1px dotted #d8dadc;
  line-height: 1.33;
  background: none;
  font-weight: normal;
}

table.base td p:last-of-type, table.base th p:last-of-type {
  margin-bottom: 0;
}

table.base th {
  padding-left: 0;
  vertical-align: top;
}

table.base caption {
  margin: 0 0 8px 0;
  padding: 0;
  text-align: right !important;
  font-weight: normal;
  font-size: 85.71%;
}

table.base ul.pseudo-first-child,
table.base ul:first-child,
table.base ol.pseudo-first-child,
table.base ol:first-child,
table.base ul.pseudo-first-child li.pseudo-first-child,
table.base ul:first-child li:first-child,
table.base ol.pseudo-first-child li.pseudo-first-child,
table.base ol:first-child li:first-child {
  margin-top: 0;
}

.image-left table.base,
.image-right table.base {
  width: auto;
}

table.csr_releases {
  border: 1px solid #d8dadc;
}

table.csr_releases th, table.csr_releases td {
  background-color: #ffffff;
  font-weight: normal;
  line-height: 1.4;
  padding: 10px 10px 0;
}
table.csr_releases td .image-left{
  margin-bottom: 10px;
}

.mt_0{
  margin-top: 0 !important;
}

.qa-item-02,
.qa-item-02-link-list{
  margin-bottom: 20px;
}

.qa-item-02 .qa-title,
.qa-item-02 .qa-answer,
.qa-item-02-link-list li a{
  display: block;
  padding: 8px 0;
}

.qa-item-02 .qa-icn-q,
.qa-item-02 .qa-icn-a,
.qa-item-02-link-list li .qa-icn-q{
  font-weight: bold;
  display: block;
  background: url(/site/set/common/p/img/faq/sprite-icon-02.png);
  width: 17px;
  height: 16px;
}

.qa-item-02 .qa-icn-q span,
.qa-item-02 .qa-icn-a span,
.qa-item-02-link-list li .qa-icn-q span{
  display: none;
}

.qa-item-02 .qa-icn-q,
.qa-item-02-link-list li .qa-icn-q{
  color: #8eb5ef;
  background-position: 0 0;
  margin-top: 1px;
}
.qa-item-02 .qa-icn-a{
  color: #84919d;
  background-position: -17px 0;
  margin-top: 4px;
}

.qa-item-index{
  display: table;
}
.qa-item-02 .qa-icn-q,
.qa-item-02 .qa-icn-a,
.qa-item-02-link-list li .qa-icn-q{
  display: table-cell;
  float: left;
  margin-right: 20px;
}
.qa-contents{
  display: table-cell;
}

.qa-item-02 .qa-contents{
  overflow: hidden;
}
.qa-contents .image-left .image ,.qa-contents .image-right .image {
  width: 324px;
}
.qa-contents .image-left .image .caption,.qa-contents .image-right .image .caption{
  text-align: left;
}
.qa-item-02 .qa-title{
  border-bottom: dotted 1px #d8dadc;
  font-weight: bold;
}

.qa-item-02-link-list li{
  border-bottom: dotted 1px #d8dadc;
}

.qa-item-02-link-list li:first-child{
  border-top: dotted 1px #d8dadc;
}


.qa-item-02 .qa-title:after,
.qa-item-02 .qa-answer:after{
  display: block;
  clear: both;
  content: "";
}

/* json化共通カルーセルモジュール */

.list-carousel-lv2-campaigns {
  position: relative;
  margin: 0 0 20px;
}
.list-carousel-lv2-campaigns .pager-carousel {
  display: none;
  font-size: 12px;
}
.list-carousel-lv2-campaigns .pager-carousel a,
.list-carousel-lv2-campaigns .pager-carousel .off{
  display: block;
  width: 18px;
  height: 110px;
  background: url(/site/set/common/p/img/sprite-nav-carousel-h110.png) 0 0 no-repeat;
}
.list-carousel-lv2-campaigns .pager-carousel a span,
.list-carousel-lv2-campaigns .pager-carousel .off span {
  position: relative;
  z-index: -1;
}
.list-carousel-lv2-campaigns .pager-carousel li {
  word-break: break-all;
  word-wrap: break-word;
  position: absolute;
  top: 15px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 110px;
}
.list-carousel-lv2-campaigns .item-03-02 .pager-carousel li {
  top: 46px;
}
.list-carousel-lv2-campaigns .pager-carousel li.prev {
  left: 0;
}
.list-carousel-lv2-campaigns .pager-carousel li.prev a:hover,
.list-carousel-lv2-campaigns .pager-carousel li.prev a:focus {
  background-position: -18px 0;
}
.list-carousel-lv2-campaigns .pager-carousel li.prev .off {
  background-position: -36px 0;
}
.list-carousel-lv2-campaigns .pager-carousel li.next {
  right: 0;
}
.list-carousel-lv2-campaigns .pager-carousel li.next a {
  background-position: 0 -110px;
}
.list-carousel-lv2-campaigns .pager-carousel li.next a:hover,
.list-carousel-lv2-campaigns .pager-carousel li.next a:focus {
  background-position: -18px -110px;
}
.list-carousel-lv2-campaigns .pager-carousel li.next .off {
  background-position: -36px -110px;
}

.list-carousel-lv2-campaigns img {
  width: 138px;
  height: 138px;
  border: 1px solid #d8dadc;
}
.list-carousel-lv2-campaigns {
  position: relative;
  margin: 0 0 20px;
}
.list-carousel-lv2-campaigns .pager-carousel {
  display: none;
  font-size: 12px;
}

.list-carousel-lv2-campaigns .pager-carousel a,
.list-carousel-lv2-campaigns .pager-carousel .off{
  display: block;
  width: 18px;
  height: 110px;
  background: url(/site/set/common/p/img/sprite-nav-carousel-h110.png) 0 0 no-repeat;
}
.list-carousel-lv2-campaigns .pager-carousel a span,
.list-carousel-lv2-campaigns .pager-carousel .off span {
  position: relative;
  z-index: -1;
}
.list-carousel-lv2-campaigns .pager-carousel li {
  word-break: break-all;
  word-wrap: break-word;
  position: absolute;
  top: 15px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 110px;
}
.list-carousel-lv2-campaigns .pager-carousel li.prev{
  left: 0;
}
.list-carousel-lv2-campaigns .pager-carousel li.prev a:hover,
.list-carousel-lv2-campaigns .pager-carousel li.prev a:focus {
  background-position: -18px 0;
}
.list-carousel-lv2-campaigns .pager-carousel li.prev .off {
  background-position: -36px 0;
}
.list-carousel-lv2-campaigns .pager-carousel li.next {
  right: 0;
}
.list-carousel-lv2-campaigns .pager-carousel li.next a {
  background-position: 0 -110px;
}
.list-carousel-lv2-campaigns .pager-carousel li.next a:hover,
.list-carousel-lv2-campaigns .pager-carousel li.next a:focus {
  background-position: -18px -110px;
}
.list-carousel-lv2-campaigns .pager-carousel li.next .off{
  background-position: -36px -110px;
}
.list-carousel-lv2-campaigns .list-carousel img {
  width: 138px;
  height: 138px;
  border: 1px solid #d8dadc;
}
.list-carousel-lv2-campaigns li {
  list-style-type: none;
}

/* モーダルウィンドウ
 * _tk-modules/_modaless_window */
.modal-content{display:none;width:834px;border:8px solid #8eb5ef;box-sizing:border-box;position:fixed;top:10%;left:50%;margin-left:-417px;z-index:1002;background-color:#fff;padding:45px 20px 0}.modal-content .modal-content-inner{margin:0 -20px;padding:0 20px;overflow:auto;-webkit-overflow-scrolling:touch;height:100%}.modal-content .modal-close{position:absolute;top:5px;right:20px}.modal-content .modal-close button{cursor:pointer;background:none;border:none;text-align:right;height:32px;width:78px}.modal-content .modal-close button:focus{outline:1px #ccc dashed}.modal-content .modal-close img{margin-right:5px}.modal-overLayer{display:none;top:0;height:100%;position:fixed;width:100%;z-index:1001;background-color:rgba(255,255,255,0);filter:alpha(opacity=0)}

/*並列BOX「＋」画像付き*/
.list-flow-05 > .unit {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.list-flow-05 {
  width: 710px;
  margin-bottom: 20px;
  overflow: hidden;
}

.list-flow-05 > .cols {
  width: 810px;
  margin: 0 -40px;
  vertical-align: middle;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 40px 0;
}
.list-flow-05 > .cols > .unit {
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d8dadc;
}
.list-flow-05 > .cols > .unit > .inner {
  padding: 10px;
  vertical-align: middle;
}
.list-flow-05 > .cols > .unit > .inner > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.list-flow-05 > .cols > .unit > .inner:after {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-image: url(/site/set/common/p/img/fig_plus.png);
  background-repeat: no-repeat;
}
.list-flow-05 > .cols > .unit:first-child:after {
  display: none;
}
.list-flow-05 > .cols.col-1 {
  width: 790px;
}
.list-flow-05 > .cols.col-1 > .unit {
  width: 708px;
}
.list-flow-05 > .cols.col-2 > .unit {
  width: 333px;
}
.list-flow-05 > .cols.col-3 > .unit {
  width: 208px;
}
.list-flow-05 > .cols.col-4 > .unit {
  width: 145px;
}
.list-flow-05 > .cols.col-4 > .unit:first-child {
  width: 147px;
}
.list-flow-05-2 > .unit {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.list-flow-05-2 {
  width: 710px;
  margin-bottom: 20px;
  overflow: hidden;
}

.list-flow-05-2 > .cols {
  width: 730px;
  margin: 0 -10px;
  vertical-align: middle;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px 0;
}
.list-flow-05-2 > .cols > .unit {
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d8dadc;
}
.list-flow-05-2 > .cols > .unit > .inner > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.list-flow-05-2 > .cols > .unit > .inner {
  padding: 10px;
  vertical-align: middle;
}
.list-flow-05-2 > .cols.col-1 > .unit {
  width: 708px;
}
.list-flow-05-2 > .cols.col-2 > .unit {
  width: 348px;
}
.list-flow-05-2 > .cols.col-3 > .unit {
  width: 228px;
}
.list-flow-05-2 > .cols.col-4 > .unit {
  width: 168px;
}

.tbl .js-active td {
  background-color: #d7e3f5;
}

/*グループ企業一覧用box*/

.box-08 {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #d8dadc;
  background-color: #fff;
}
.box-08 > :last-child {
  margin-bottom: 0;
}
.box-08 .hdg {
  margin: -10px -10px 10px;
  padding: 8px 10px;
  background-color: #f4f5f6;
  font-size: 100%;
}
.box-08 .tbl-02 {
  margin: 0;
  width: 100%;
  border: none;
  border-bottom: none;
}
.box-08 .tbl-02 tbody tr:first-child p {
  margin: 0;
}
.box-08 .tbl-02 tbody tr:last-child p {
  margin: 0;
}
.box-08 .tbl-02 tbody tr:first-child td {
  border-top: none;
}
.box-08 .tbl-02 tbody tr:last-child td {
  border-top: none;
}
.box-08 .tbl-02 tbody tr td {
  padding: 10px 0 10px;
  min-width: 120px;
}
.box-08 .tbl-02 tbody tr td .activity {
  display: table;
  width: 100%;
}
.box-08 .tbl-02 tbody tr td .activity .content {
  display: table-cell;
  width: 433px;
}
.box-08 .tbl-02 tbody tr td .activity .image {
  display: table-cell;
  width: 170px;
  text-align: center;
  vertical-align: middle;
}

/*tooltip*/

/* q */
.item_q{
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0 0 5px;
  background: url("/site/set/common/p/img/tooltip/icon_question.png") no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}

/*=== Box Item Details ===*/
.boxItemDetails {
  width: 230px;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 10 !important;
  background: #ffffff;
  border: #8eb5ee solid 8px;
  padding: 28px 20px;
}

.boxItemDetails.sp {
  width: 240px;
  padding: 30px 20px 30px;
  border: #8eb5ee solid 5px;
}

.boxItemDetails dl {
  margin: 0;
}

.boxItemDetails dt {
  padding: 0 0 10px;
  font-weight: bold;
}

.boxItemDetails dd.item_a {
  padding: 0 0 0px;
}

.boxItemDetails dd.item_a span {
  display: block;
  margin-bottom: 8px;
}

.boxItemDetails .boxItemDetailsLink {
  margin: 10px 0 0;
}

.boxItemDetails .boxItemDetailsOption li {
  margin: 12px 0 0;
  padding-left: 15px;
  background: url("/site/set/common/p/img/tooltip/icon-bullet-02.png") 0 6px no-repeat;
}

.boxItemDetails .boxItemDetailsOption:first-child li:first-child {
  margin: 0;
}

.boxItemDetails .boxItemDetailsOption li em {
  display: block;
}

.boxItemDetails:not(.sp) .boxItemDetailsClose {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 53px;
  height: 12px;
  line-height: 12px;
  background: url("/site/set/common/p/img/tooltip/icon_close.png") no-repeat;
  cursor: pointer;
  color: #333333;
  font-size: 12px;
  text-indent: -9999px;
  overflow: hidden;
}

.boxItemDetails.sp .boxItemDetailsClose {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 58px;
  height: 14px;
  line-height: 14px;
  background: url("/site/set/common/p/img/tooltip/icon_close_s.png") no-repeat;
  background-size: 58px 14px;
  cursor: pointer;
  color: #333333;
  font-size: 14px;
  text-indent: -9999px;
  overflow: hidden;
}

/*製品情報レコメンドエリア*/

#recommend-nav {
  margin: 40px 0 0;
}
#recommend-nav .txt em {
  font-weight: bold;
  color: #000000;
}
#list_recommend-nav {
  margin: 7px 0 0;
}
#list_recommend-nav li {
  display: block;
  position: relative;
  width: 232px;
  height: 116px;
  float: left;
  margin: 0;
  padding: 1px;
  border-left: 1px solid #d8dadc;
  border-right: none;
}
#list_recommend-nav li.last {
  width: 231px;
  border-left: 1px solid #d8dadc;
  border-right: 1px solid #d8dadc;
}

#list_recommend-nav li a {
  position: absolute;
  left: 1px;
  top: 1px;
  display: block;
  float: left;
  width: 154px;
  height: 101px;
  margin: 0;
  padding: 15px 0 0 78px;
  font-size: 12px;
  background-position: left center;
  background-repeat: no-repeat;
  z-index: 20;
}
#list_recommend-nav li.last a {
  width: 153px;
}
#list_recommend-nav li.line-1 a {
  height: 85px;
  padding: 31px 0 0 78px;
}
#list_recommend-nav li.nav_btm_iphone a {
  width: 232px;
  height: 116px;
  padding: 0;
  text-indent: -9999px;
}

#list_recommend-nav li span.txt {
  position: absolute;
  left: 78px;
  top: 54px;
  display: block;
  width: 140px;
  font-size: 12px;
  z-index: 10;
}
#list_recommend-nav li span.txt.narrow {
  top: 55px;
  line-height: 1.2;
}
#list_recommend-nav li.last span.txt {
  width: 139px;
}
#list_recommend-nav li.nav_btm_102sh span.txt {
  width: 150px;
}