@charset "UTF-8";

/**********************************************************
 *
 * PCパーツ
 *
 **********************************************************/

/* clearfix
-------------------------------------------*/
.list-cmn-form,
.list-hear .list,
.mod-cmn-aside-sub .tit-aside-wrap-01,
.mod-cmn-aside-sub .tit-aside-wrap-01 ul {
/*  zoom: 1;*/
}
.list-cmn-form:before,
.list-hear .list:before,
.mod-cmn-aside-sub .tit-aside-wrap-01:before,
.mod-cmn-aside-sub .tit-aside-wrap-01 ul:before {
  content: "";
  display: table;
}
.list-cmn-form:after,
.list-hear .list:after,
.mod-cmn-aside-sub .tit-aside-wrap-01:after,
.mod-cmn-aside-sub .tit-aside-wrap-01 ul:after {
  content: "";
  display: table;
  clear: both;
}


/* setting
-------------------------------------------*/
/*base text*/
body.smt .contents *
{ max-height: 100%;}
.contents p {
  line-height: 1.6;
  margin-bottom: 30px;
}
.contents p:last-child {
  margin-bottom: 0;
}
.contents p + p,
.contents p + [class*=list-cmn] {
  margin-top: -12px;
}
.contents p + section > p:first-child,
.contents p + section > [class*=tit-cmn]:first-child,
.contents p + section > [class*=list-cmn]:first-child {
  margin-top: -6px;
}

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

/*strong*/
strong {
  font-weight: normal;
}

/*img*/
img {
  -ms-interpolation-mode: bicubic;
}

/*figure & mod-cmn-bnr*/
figure,
.mod-cmn-bnr {
  margin: 0 0 20px;
  text-align: center;
}
figure:last-child,
.mod-cmn-bnr:last-child {
  margin-bottom: 0;
}
figure + figure,
figure + .mod-cmn-bnr,
.mod-cmn-bnr + .mod-cmn-bnr,
.mod-cmn-bnr + figure {
  margin-top: -10px;
}
figure.s-large + figure.s-large,
figure.s-large + .mod-cmn-bnr.s-large,
.mod-cmn-bnr.s-large + .mod-cmn-bnr.s-large,
.mod-cmn-bnr.s-large + figure.s-large {
  margin-top: 0;
}
figure + p,
.mod-cmn-bnr + p,
figure + [class*=list-cmn],
.mod-cmn-bnr + [class*=list-cmn] {
  margin-top: -6px;
}
p + figure,
p + .mod-cmn-bnr,
[class*=list-cmn] + figure,
[class*=list-cmn] + .mod-cmn-bnr {
  margin-top: -6px;
}

/* grid
-------------------------------------------*/
/*grid-cmn*/
.grid-cmn {
  margin: 0 -20px 30px 0;
  overflow: hidden;
}
.grid-cmn:last-child {
  margin-bottom: 0;
}
.grid-cmn > [class*=col2],
.grid-cmn > [class*=col3],
.grid-cmn > [class*=col4],
.grid-cmn > [class*=col6]{
  float: left;
  margin: 30px 20px 0 0;
}
.grid-cmn > .col2 {
  width: 340px;
}
.grid-cmn > .col3,
.grid-cmn > .col3-1 {
  width: 220px;
}
.grid-cmn > .col4,
.grid-cmn > .col4-1 {
  width: 160px;
}
.grid-cmn > .col6,
.grid-cmn > .col6-1 {
  width: 100px;
}
.grid-cmn > .col2:nth-child(2n+1),
.grid-cmn > .col3:nth-child(3n+1),
.grid-cmn > .col4:nth-child(4n+1),
.grid-cmn > .col6:nth-child(6n+1) {
  clear: both;
}

/*grid-cmn partition*/
.grid-cmn > .col3-2 {
  width: 460px;
}
.grid-cmn > .col4-3 {
  width: 520px;
}
.grid-cmn > .col6-5 {
  width: 580px;
}
.grid-cmn > [class*=col3-]:nth-child(2n+1),
.grid-cmn > [class*=col4-]:nth-child(2n+1),
.grid-cmn > [class*=col6-]:nth-child(2n+1) {
  clear: both;
}

/*grid-cmn figure*/
.grid-cmn > .col2 figure:not(.fig-cmn-table) img,
.grid-cmn > .col2 .mod-cmn-bnr img {
  max-width: 340px;
}
.grid-cmn > .col3 figure:not(.fig-cmn-table) img,
.grid-cmn > .col3-1 figure:not(.fig-cmn-table) img,
.grid-cmn > .col3 .mod-cmn-bnr img,
.grid-cmn > .col3-1 .mod-cmn-bnr img {
  max-width: 220px;
}
.grid-cmn > .col3-2 figure:not(.fig-cmn-table) img,
.grid-cmn > .col3-2 .mod-cmn-bnr img {
  max-width: 460px;
}
.grid-cmn > .col4 figure:not(.fig-cmn-table) img,
.grid-cmn > .col4-1 figure:not(.fig-cmn-table) img,
.grid-cmn > .col4 .mod-cmn-bnr img,
.grid-cmn > .col4-1 .mod-cmn-bnr img {
  max-width: 160px;
}
.grid-cmn > .col4-3 figure:not(.fig-cmn-table) img,
.grid-cmn > .col4-3 .mod-cmn-bnr img {
  max-width: 520px;
}
.grid-cmn > .col6 figure:not(.fig-cmn-table) img,
.grid-cmn > .col6-1 figure:not(.fig-cmn-table) img,
.grid-cmn > .col6 .mod-cmn-bnr img,
.grid-cmn > .col6-1 .mod-cmn-bnr img {
  max-width: 100px;
}
.grid-cmn > .col6-5 figure:not(.fig-cmn-table) img,
.grid-cmn > .col6-5 .mod-cmn-bnr img {
  max-width: 580px;
}
.grid-cmn .col4 {
  text-align: left;
}
.grid-cmn figcaption {
  text-align: left;
}
/*grid-cmn contents-sub*/
.contents-sub .grid-cmn.s-text > .col6-1 {
  width: 50px;
}
.contents-sub .grid-cmn > .col6 figure:not(.fig-cmn-table) img,
.contents-sub .grid-cmn > .col6-1 figure:not(.fig-cmn-table) img,
.contents-sub .grid-cmn > .col6 .mod-cmn-bnr img,
.contents-sub .grid-cmn > .col6-1 .mod-cmn-bnr img {
  max-width: 50px;
}

/*grid-cmn list*/
.grid-cmn.s-list > .col4 {
  padding: 0 4px;
}
.grid-cmn.s-list figcaption {
  display: block;
  margin: 5px 0 0 5px;
}
.grid-cmn.s-list figcaption .ico-pc {
  margin-left: 5px;
  vertical-align: -0.2em;
  display: none;
}
.grid-cmn.s-list .txt-01 {
  margin: 7px 0 0 5px;
  color: #000;
  font-size: 86%;
}
.grid-cmn.s-list .mark-01 {
  margin-top: -15px;
}
.grid-cmn.s-list .mark-01 .ico-cmn-mark {
  display: block;
  margin: 0;
  padding: 0 2px;
}
.grid-cmn.s-list a {
  text-decoration: none;
}
.grid-cmn.s-list a:hover figcaption {
  text-decoration: underline;
}

/*grid-cmn text*/
.grid-cmn.s-text > .col2,
.grid-cmn.s-text > .col3-2,
.grid-cmn.s-text > .col4-3,
.grid-cmn.s-text > .col6-5 {
  width: auto;
  float: none;
  overflow: hidden;
}
.grid-cmn.s-text > .col2:first-child {
  float: left;
  width: 340px;
}
.grid-cmn.s-text > .col3-1 {
  width: 220px;
}
.grid-cmn.s-text > .col4-1 {
  width: 160px;
}
.grid-cmn.s-text > .col6-1 {
  width: 100px;
}
/*grid-cmn text left*/
.grid-cmn.s-text-left > .col2 {
  width: auto;
  float: none;
  overflow: hidden;
  margin-right: 0;
}
.grid-cmn.s-text-left > .col2:first-child {
  float: right;
  width: 280px;
  margin-right: 20px;
  margin-left: 40px;
}
/*grid-cmn js-bnr-center*/
.grid-cmn.js-bnr-center .link-cmn-bnr:after {
  display: none;
}

/*grid-cmn col margin*/
.grid-cmn > .col2:nth-child(-n+2),
.grid-cmn > .col3:nth-child(-n+3),
.grid-cmn > .col4:nth-child(-n+4),
.grid-cmn > .col6:nth-child(-n+6),
.grid-cmn > [class*=col3-]:nth-child(-n+2),
.grid-cmn > [class*=col4-]:nth-child(-n+2),
.grid-cmn > [class*=col6-]:nth-child(-n+2) {
  margin-top: 0;
}

/*grid-cmn contents-main full*/
.contents-main.full .grid-cmn > .col2,
.grid-cmn.s-full > .col2 {
  width: 460px;
}
.contents-main.full .grid-cmn > .col3,
.grid-cmn.s-full > .col3 {
  width: 300px;
}
.contents-main.full .grid-cmn > .col4,
.grid-cmn.s-full > .col4 {
  width: 220px;
}
.contents-main.full .grid-cmn > .col6,
.grid-cmn.s-full > .col6 {
  width: 140px;
}
.contents-main.full .grid-cmn > .col3-2,
.grid-cmn.s-full > .col3-2 {
  width: 620px;
}
.contents-main.full .grid-cmn > .col3-1,
.grid-cmn.s-full > .col3-1 {
  width: 300px;
}
.contents-main.full .grid-cmn > .col4-3,
.grid-cmn.s-full > .col4-3 {
  width: 700px;
}
.contents-main.full .grid-cmn > .col4-1,
.grid-cmn.s-full > .col4-1 {
  width: 220px;
}
/*grid-cmn contents-main full image*/
.contents-main.full .grid-cmn > .col2 figure:not(.fig-cmn-table) img,
.contents-main.full .grid-cmn > .col2 .mod-cmn-bnr img,
.grid-cmn.s-full > .col2 figure:not(.fig-cmn-table) img,
.grid-cmn.s-full > .col2 .mod-cmn-bnr img {
  max-width: 460px;
}
.contents-main.full .grid-cmn > .col3 figure:not(.fig-cmn-table) img,
.contents-main.full .grid-cmn > .col3 .mod-cmn-bnr img,
.grid-cmn.s-full > .col3 figure:not(.fig-cmn-table) img,
.grid-cmn.s-full > .col3 .mod-cmn-bnr img {
  max-width: 300px;
}
.contents-main.full .grid-cmn > .col4 figure:not(.fig-cmn-table) img,
.contents-main.full .grid-cmn > .col4 .mod-cmn-bnr img,
.grid-cmn.s-full > .col4 figure:not(.fig-cmn-table) img,
.grid-cmn.s-full > .col4 .mod-cmn-bnr img {
  max-width: 220px;
}
.contents-main.full .grid-cmn > .col6 figure:not(.fig-cmn-table) img,
.contents-main.full .grid-cmn > .col6 .mod-cmn-bnr img,
.grid-cmn.s-full > .col6 figure:not(.fig-cmn-table) img,
.grid-cmn.s-full > .col6 .mod-cmn-bnr img {
  max-width: 140px;
}
.contents-main.full .grid-cmn > .col3-2 figure:not(.fig-cmn-table) img,
.contents-main.full .grid-cmn > .col3-2 .mod-cmn-bnr img,
.grid-cmn.s-full > .col3-2 figure:not(.fig-cmn-table) img,
.grid-cmn.s-full > .col3-2 .mod-cmn-bnr img {
  max-width: 620px;
}
.contents-main.full .grid-cmn > .col3-1 figure:not(.fig-cmn-table) img,
.contents-main.full .grid-cmn > .col3-1 .mod-cmn-bnr img,
.grid-cmn.s-full > .col3-1 figure:not(.fig-cmn-table) img,
.grid-cmn.s-full > .col3-1 .mod-cmn-bnr img {
  max-width: 300px;
}
.contents-main.full .grid-cmn > .col4-3 figure:not(.fig-cmn-table) img,
.contents-main.full .grid-cmn > .col4-3 .mod-cmn-bnr img,
.grid-cmn.s-full > .col4-3 figure:not(.fig-cmn-table) img,
.grid-cmn.s-full > .col4-3 .mod-cmn-bnr img {
  max-width: 700px;
}
.contents-main.full .grid-cmn > .col4-1 figure:not(.fig-cmn-table) img,
.contents-main.full .grid-cmn > .col4-1 .mod-cmn-bnr img,
.grid-cmn.s-full > .col4-1 figure:not(.fig-cmn-table) img,
.grid-cmn.s-full > .col4-1 .mod-cmn-bnr img {
  max-width: 220px;
}

/*grid-cmn contents-main full mod-cmn-check image*/
.contents-main.full .grid-cmn > .col4 .mod-cmn-check img,
.grid-cmn.s-full > .col4 .mod-cmn-check img {
  max-width: 160px;
}


/* section
-------------------------------------------*/
/*sec-cmn-lv1*/
.sec-cmn-lv1,
.grid-cmn > .sec-cmn-lv1 {
  margin-top: 57px;
}
/*sec-cmn-lv2*/
.sec-cmn-lv2 {
  margin-top: 57px;
}
.grid-cmn > .sec-cmn-lv2 {
  margin-top: 87px;
}
/*sec-cmn-lv3*/
.sec-cmn-lv3 {
  margin-top: 40px;
}
.grid-cmn > .sec-cmn-lv3 {
  margin-top: 70px;
}
/*sec-cmn-lv4*/
.sec-cmn-lv4 {
  margin-top: 37px;
}
.grid-cmn > .sec-cmn-lv4 {
  margin-top: 67px;
}
/*sec-cmn-lv5*/
.sec-cmn-lv5 {
  margin-top: 37px;
}
.grid-cmn > .sec-cmn-lv5 {
  margin-top: 67px;
}
/*sec-cmn-lv6*/
.sec-cmn-lv6 {
  margin-top: 37px;
}
.grid-cmn > .sec-cmn-lv6 {
  margin-top: 67px;
}
/*sec-cmn first*/
[class*=sec-cmn]:first-child {
  margin-top: 0;
}

/* title
-------------------------------------------*/
/*tit-cmn margin*/
[class*=tit-cmn] + p,
[class*=tit-cmn] + [class*=list-cmn],
[class*=tit-cmn] + .tit-cmn-wrap,
[class*=tit-cmn] + .nav-cmn {
  margin-top: -6px;
}
.tit-cmn-lv1 + .tit-cmn-lv2,
.tit-cmn-lv3 + .tit-cmn-lv4,
.tit-cmn-lv4 + .tit-cmn-lv5,
.tit-cmn-lv5 + .tit-cmn-lv6 {
  margin-top: -6px;
}
/*tit-cmn + section*/
[class*=tit-cmn] + [class*=sec-cmn] {
  margin-top: 0;
}
[class*=tit-cmn] + section > p:first-child,
[class*=tit-cmn] + section > [class*=tit-cmn]:first-child,
[class*=tit-cmn] + section > [class*=list-cmn]:first-child,
[class*=tit-cmn] + form > section > p:first-child,
[class*=tit-cmn] + form > section > [class*=tit-cmn]:first-child,
[class*=tit-cmn] + form > section > [class*=list-cmn]:first-child {
  margin-top: -6px;
}
/*tit-cmn-lv1*/
.tit-cmn-lv1 {
  margin: 60px 0 30px;
  padding-bottom: 17px;
  border-bottom: 1px solid #c03;
  font-size: 158%;
  font-weight: bold;
  line-height: 1.25;
}
.tit-cmn-lv1:first-child {
  margin-top: 0;
}
/*tit-cmn-lv1 s-sup*/
.tit-cmn-lv1 .s-sup {
  font-size: 50%;
}

/*tit-cmn-lv2*/
.tit-cmn-lv2 {
  margin-bottom: 20px;
  padding-bottom: 11px;
  border-bottom: 1px solid #aaa;
  line-height: 1.4;
  font-size: 129%;
  font-weight: bold;
}
/*tit-cmn-lv2 red*/
.tit-cmn-lv2.s-red {
  padding: 0 10px 11px;
  border-bottom: 1px solid #c03;
}
/*tit-cmn-lv2 sub*/
.tit-cmn-lv2 .sub {
  display: block;
  font-size: 67%;
  font-weight: normal;
}
/*tit-cmn-lv2 ico-cmn-mark*/
.tit-cmn-lv2 .ico-cmn-mark {
  font-size: 67%;
  vertical-align: 0.3em;
}

/*tit-cmn-lv3*/
.tit-cmn-lv3 {
  margin-bottom: 20px;
  padding: 7px 10px;
  line-height: 1.4;
  background-color: #f6f6f6;
  font-size: 115%;
  font-weight: bold;
}

/*tit-cmn-lv4*/
.tit-cmn-lv4 {
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
  line-height: 1.4;
  font-size: 115%;
  font-weight: bold;
}

/*tit-cmn-lv5*/
.tit-cmn-lv5 {
  margin-bottom: 12px;
  line-height: 1.4;
  font-size: 115%;
  font-weight: bold;
}
.tit-cmn-lv5 .s-fz-l {
  font-size: 138%;
}

/*tit-cmn-lv6*/
.tit-cmn-lv6 {
  margin-bottom: 12px;
  line-height: 1.4;
  font-weight: bold;
}
/*mark+title*/
.tit-cmn-wrap {
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.tit-cmn-wrap:last-child {
  margin-bottom: 0;
}
.tit-cmn-wrap [class*=tit-cmn] {
  display: table-cell;
  vertical-align: top;
}
.tit-cmn-wrap .mark {
  display: table-cell;
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
}
.tit-cmn-wrap .mark .ico-cmn-mark:last-child {
  margin-right: 0;
}
.tit-cmn-wrap .tit-cmn-lv1 + .mark {
  padding-top: 2px;
}
.tit-cmn-wrap .tit-cmn-lv2 + .mark {
  padding-top: 3px;
}
.tit-cmn-wrap .tit-cmn-lv2 + .mark > .btn-cmn.s-small {
  margin-top: -10px;
}
.tit-cmn-wrap .tit-cmn-lv3 + .mark {
  padding-top: 7px;
  padding-right: 10px;
}
.tit-cmn-wrap .tit-cmn-lv5 + .mark {
  padding-top: 4px;
}
.tit-cmn-wrap .tit-cmn-lv1 {
  border-bottom: none;
}
.tit-cmn-wrap .tit-cmn-lv1:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #c03;
}
.tit-cmn-wrap .tit-cmn-lv2 {
  border-bottom: none;
}
.tit-cmn-wrap .tit-cmn-lv2:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #aaa;
}
.tit-cmn-wrap .tit-cmn-lv3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  z-index: -1;
}

/*tit-cmn-wrap  s-btn*/
.tit-cmn-wrap.s-btn [class*=tit-cmn] {
  vertical-align: middle;
}
.tit-cmn-wrap.s-btn .mark {
  padding-top: 0;
  vertical-align: middle;
}
.tit-cmn-wrap.s-btn .tit-cmn-lv2 + .mark {
  padding-bottom: 11px;
}
.tit-cmn-wrap.s-btn .tit-cmn-lv3 + .mark {
  padding-top: 7px;
  padding-bottom: 7px;
}
/*tit-cmn-wrap s-sns*/
.tit-cmn-wrap.s-sns {
  margin-bottom: 60px;
}
.tit-cmn-wrap.s-sns .list-cmn-sns li:first-child {
  position: absolute;
  right: 85px;
}
.tit-cmn-wrap.s-sns .list-cmn-sns li:first-child + li {
  position: absolute;
  right: 0;
}
/*tit-aside-wrap-01*/
.mod-cmn-aside-sub > ul > li .tit-aside-wrap-01 .tit {
  float: left;
}
.mod-cmn-aside-sub > ul > li .tit-aside-wrap-01 ul {
  float: right;
  margin-top: 0;
}
.mod-cmn-aside-sub > ul > li .tit-aside-wrap-01 ul li {
  float: left;
  margin-left: 10px;
}
.tit-aside-wrap-01 ul li .ico-cmn-arrow {
  margin-top: 4px;
}
.mod-cmn-aside-sub > ul > li .tit-aside-wrap-01 ul li .ico-cmn-arrow {
  font-size: 86%;
}
/*tit-cmn-tab*/
.tit-cmn-tab {
  padding: 10px;
  border-top: 3px solid #c03;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  margin-bottom: 30px;
  font-size: 115%;
  font-weight: bold;
}
.tit-cmn-tab > span > img {
  margin-right: 6px;
  vertical-align: middle;
}
.tit-cmn-tab > span > span {
  max-width: 600px;
  display: inline-block;
  vertical-align: middle;
}
/* text
-------------------------------------------*/
/*txt-cmn-read*/
.txt-cmn-read {
  font-size: 115%;
}

/* nav
-------------------------------------------*/
/*nav-cmn*/
[class*=nav-cmn] {
  margin-bottom: 30px;
}
[class*=nav-cmn]:last-child {
  margin-bottom: 0;
}
[class*=nav-cmn] + p,
[class*=nav-cmn] + [class*=list-cmn] {
  margin-top: -6px;
}
.nav-cmn + p,
.nav-cmn + [class*=list-cmn] {
  margin-top: -12px;
}
/*nav-cmn-pager*/
.nav-cmn-pager {
  position: relative;
  margin-top: 110px;
  text-align: center;
  white-space: nowrap;
}
.nav-cmn-pager:first-child {
  margin-top: 0;
}
.nav-cmn-pager div > a,
.nav-cmn-pager div > span {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 86%;
}
.nav-cmn-pager div > a:after,
.nav-cmn-pager div > span:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 1em;
  margin-top: -0.5em;
  background-color: #ddd;
}
.nav-cmn-pager div > a:last-of-type:after,
.nav-cmn-pager div > span:last-child:after {
  display: none;
}
.nav-cmn-pager div > .is-current {
  text-align: center;
  color: #c03;
  font-weight: bold;
}
.nav-cmn-pager div > .is-current input,
.nav-cmn-pager div > .is-current input:focus {
  width: 36px;
  height: 2.9em;
  padding: 2px 3px;
  text-align: center;
  color: #c03;
  font-weight: bold;
  border-radius: 5px;
}
.nav-cmn-pager div > .from {
  color: #000;
  text-decoration: none;
}
.nav-cmn-pager div > .from > span {
  color: #093475;
  text-decoration: underline;
}
.nav-cmn-pager div > .from:hover > span {
  text-decoration: none;
}
/* prev next*/
.nav-cmn-pager .s-prev,
.nav-cmn-pager .s-next {
  position: absolute;
  top: 0;
  height: 44px;
  line-height: 44px;
  border: none;
  background: #fff;
  font-size: 100%;
}
.nav-cmn-pager .s-prev {
  left: 0;
}
.nav-cmn-pager .s-next {
  right: 0;
}
.nav-cmn-pager .s-prev:after,
.nav-cmn-pager .s-next:after {
  top: 50%;
  margin-top: -4px;
}

/*nav-cmn-box*/
.nav-cmn-box {
  padding: 15px 10px 20px;
  border: 1px solid #aaa;
  margin-top: 57px;
}
.nav-cmn-box:first-child {
  margin-top: 0;
}
.nav-cmn-box .list-cmn-btn{
  display: flex;
}
.nav-cmn-box .list-cmn-btn,
.nav-cmn-box .list-cmn-btn:first-child {
  margin-top: -10px;
}
.nav-cmn-box .list-cmn-btn li {
  width: 219px;
  margin: 10px 10px 0 0;
}
/*is-current*/
.nav-cmn-box .btn-cmn{
  height: 100%;
}
.nav-cmn-box .btn-cmn.is-current {
  color: #c03;
  font-weight: bold;
}
.nav-cmn-box .btn-cmn.is-current {
  background-image: url(/upload/content/docomo/images/ico_arrow_r03.png);
}
/* s-gray*/
.nav-cmn-box.s-gray {
  background-color: #f6f6f6;
}
/* mod-cmn-border*/
.nav-cmn-box .mod-cmn-border {
  margin-top: 20px;
  padding: 15px 11px 0;
  border-top: 1px solid #ddd;
}

/*nav-cmn-content*/
.nav-cmn-content {
  position: relative;
  margin-bottom: 30px;
  padding: 8px 10px;
  border: 1px solid #aaa;
}
.nav-cmn-content:last-child {
  margin-bottom: 0;
}
.nav-cmn-content:after {
  content: '';
  position: absolute;
  left: 10px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #fff;
}
.nav-cmn-content:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 8px;
  width: 100%;
  height: 1px;
  background-color: #fff;
  z-index: 3;
}
.nav-cmn-content > ul {
  overflow: hidden;
}
.nav-cmn-content > ul > li {
  position: relative;
  float: left;
  margin: 16px 0;
  padding: 0 10px;
  border-left: 1px solid #ddd;
  line-height: 1.1;
}
.nav-cmn-content > ul > li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 678px;
  height: 1px;
  background-color: #ddd;
  z-index: 2;

}
.nav-cmn-content > ul > li > a {
  text-decoration: none;
}
.nav-cmn-content > ul > li > a:after,
.nav-cmn-content > ul > li > em:after {
  top: 0.3em;
}
.nav-cmn-content > ul > li > em:hover {
  text-decoration: none;
}

/*nav-cmn-goal*/
.nav-cmn-goal {
  padding: 30px;
  background-color: #ebd9d8;
}
.nav-cmn-goal .list-cmn-btn,
.nav-cmn-goal .list-cmn-btn:first-child {
  margin-top: -10px;
}
.nav-cmn-goal .list-cmn-btn li {
  width: 310px;
  margin-top: 10px;
}
.nav-cmn-goal .list-cmn-btn li:nth-child(3n) {
  margin-right: 20px;
}
.nav-cmn-goal .list-cmn-btn li:nth-child(2n) {
  margin-right: 0;
}
.nav-cmn-goal .btn-cmn-form  {
  text-align: left;
}
.nav-cmn-goal .btn-cmn-form .ico-cmn-arrow {
  padding-left: 25px;
}
.nav-cmn-goal .btn-cmn-form .ico-cmn-arrow:after {
  padding-left: 25px;
  left: 12px;
}
/*nav-cmn-goal s-no-bg*/
.nav-cmn-goal.s-no-bg {
  background: none;
  padding: 0;
  margin-bottom: 20px;
}
.nav-cmn-goal.s-no-bg .list-cmn-btn li {
  width: 340px;
}

/* list
-------------------------------------------*/
/*base list*/
.contents ul,
.contents ol,
.contents dl {
  line-height: 1.64;
}
/*list-cmn margin*/
[class*=list-cmn] {
  margin-bottom: 30px;
}
[class*=list-cmn] + [class*=list-cmn],
[class*=list-cmn] + p {
  margin-top: -12px;
}
[class*=list-cmn]:last-child {
  margin-bottom: 0;
}
[class*=list-cmn] + section > p:first-child,
[class*=list-cmn] + section > [class*=tit-cmn]:first-child,
[class*=list-cmn] + section > [class*=list-cmn]:first-child {
  margin-top: -6px;
}
/*list-cmn*/
.list-cmn > li {
  margin-top: 5px;
}
.list-cmn > li:first-child {
  margin-top: 0;
}
.list-cmn > li.s-color01:before {
  color: #c03;
}
.list-cmn > li > ul,
.list-cmn > li > ol,
.list-cmn > li > .mark + div > ol {
  margin-top: 5px;
}
/*list-cmn ul*/
ul.list-cmn > li {
  position: relative;
  padding-left: 1.25em;
}
ul.list-cmn > li:before {
  content: '\30fb';
  position: absolute;
  left: 0;
  top: 0;
}
/*list-cmn ul s-normal*/
ul.list-cmn.s-normal > li,
ol.list-cmn.s-normal > li,
ul.list-cmn > li.s-normal,
ol.list-cmn > li.s-normal {
  padding-left: 0;
}
ul.list-cmn.s-normal > li:before,
ol.list-cmn.s-normal > li:before,
ul.list-cmn > li.s-normal:before,
ol.list-cmn > li.s-normal:before {
  display: none;
  content: '';
}
.list-cmn > li > ul.list-cmn.s-normal,
.list-cmn > li > .s-ftbox > ul.list-cmn.s-normal,
.list-cmn > li > ol.list-cmn.s-normal,
.list-cmn > li > .s-ftbox > ol.list-cmn.s-normal {
  padding-left: 1.0em;
}
/*list-cmn ol*/
ol.list-cmn {
  counter-reset: num;
}
ol.list-cmn > li {
  overflow: hidden;
  counter-increment: num;
}
ol.list-cmn:not(.s-no-count) > li:before {
  content: counter(num);
  float: left;
  margin-right: 0.25em;
}
ol.list-cmn.s-no-count > li:before {
  content: attr(data-count);
  float: left;
  margin-right: 0.25em;
}
/*list-cmn ol type01*/
ol.list-cmn.s-type01 > li:before {
  content: '（'counter(num)'）';
}
/*list-cmn ol type02*/
ol.list-cmn.s-type02 > li:nth-child(1):before {
  content: '\2460';
}
ol.list-cmn.s-type02 > li:nth-child(2):before {
  content: '\2461';
}
ol.list-cmn.s-type02 > li:nth-child(3):before {
  content: '\2462';
}
ol.list-cmn.s-type02 > li:nth-child(4):before {
  content: '\2463';
}
ol.list-cmn.s-type02 > li:nth-child(5):before {
  content: '\2464';
}
ol.list-cmn.s-type02 > li:nth-child(6):before {
  content: '\2465';
}
ol.list-cmn.s-type02 > li:nth-child(7):before {
  content: '\2466';
}
ol.list-cmn.s-type02 > li:nth-child(8):before {
  content: '\2467';
}
ol.list-cmn.s-type02 > li:nth-child(9):before {
  content: '\2468';
}
ol.list-cmn.s-type02 > li:nth-child(10):before {
  content: '\2469';
}
ol.list-cmn.s-type02 > li:nth-child(11):before {
  content: '\246a';
}
ol.list-cmn.s-type02 > li:nth-child(12):before {
  content: '\246b';
}
ol.list-cmn.s-type02 > li:nth-child(13):before {
  content: '\246c';
}
ol.list-cmn.s-type02 > li:nth-child(14):before {
  content: '\246d';
}
ol.list-cmn.s-type02 > li:nth-child(15):before {
  content: '\246e';
}
ol.list-cmn.s-type02 > li:nth-child(16):before {
  content: '\246f';
}
ol.list-cmn.s-type02 > li:nth-child(17):before {
  content: '\2470';
}
ol.list-cmn.s-type02 > li:nth-child(18):before {
  content: '\2471';
}
ol.list-cmn.s-type02 > li:nth-child(19):before {
  content: '\2472';
}
ol.list-cmn.s-type02 > li:nth-child(20):before {
  content: '\2473';
}

/*list-cmn column*/
.list-cmn.s-col2,
.list-cmn.s-col3,
.list-cmn.s-col4 {
  overflow: hidden;
}
.list-cmn.s-col2 > li,
.list-cmn.s-col3 > li,
.list-cmn.s-col4 > li {
  float: left;
}
.list-cmn.s-col2 > li {
  width: 49.9%;
}
.list-cmn.s-col3 > li {
  width: 33.3%;
}
.list-cmn.s-col4 > li {
  width: 24.9%;
}
.list-cmn.s-col2 > li:first-child,
.list-cmn.s-col3 > li:first-child,
.list-cmn.s-col4 > li:first-child {
  margin-top: 5px;
}
.list-cmn.s-col2 > li:nth-child(2n+1),
.list-cmn.s-col3 > li:nth-child(3n+1),
.list-cmn.s-col4 > li:nth-child(4n+1) {
  clear: both;
}

/*list-cmn-notes*/
.list-cmn-notes {
  font-size: 86%;
}
.list-cmn-notes:first-child {
  margin-top: 0;
}
.list-cmn-notes > li {
  margin-top: 6px;
  overflow: hidden;
}
.list-cmn-notes > li.s-color01:before {
  color: #c03;
}
.list-cmn-notes:not(.s-no-count) > li:before {
  content: "\203b";
  float: left;
  margin-right: 0.25em;
}
ol.list-cmn-notes:not(.s-no-count) > li {
  counter-increment: num;
}
ol.list-cmn-notes:not(.s-no-count) > li:before {
  content: "\203b"counter(num);
}
.list-cmn-notes.s-no-count > li:before {
  content: "\203b"attr(data-count);
  float: left;
  margin-right: 0.25em;
}

/*list-cmn-info*/
.list-cmn-info {
  border-bottom: 1px solid #ddd;
}
.list-cmn-info:first-child {
  margin-top: 0;
}
.list-cmn-info > li {
  padding: 12px 0;
  border-top: 1px solid #ddd;
}
.tit-cmn-lv2 + .list-cmn-info > li:first-child,
.tit-cmn-lv4 + .list-cmn-info > li:first-child {
  padding-top: 6px;
  border-top: none;
}
.list-cmn-info > li > .time {
  display: block;
  float: left;
  min-width: 9.5em;
  margin: 0 17px 0 0;
}
.list-cmn-info > li > .body {
  overflow: hidden;
}
.list-cmn-info > li a {
  display: inline-block;
  position: relative;
  padding-left: 1em;
  vertical-align: top;
}
.list-cmn-info > li a .ico-cmn {
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
}
.list-cmn-info > li .ico-cmn-arrow {
  background-position: 2px 0.55em;
}
/*list-cmn-info s-border-no*/
.list-cmn-info.s-border-no {
  border-bottom: none;
}
.list-cmn-info.s-border-no > li {
  padding: 6px 0;
  border-top: none;
}
/*list-cmn-info s-float*/
.list-cmn-info.s-float > li {
  padding: 0;
  overflow: hidden;
}
.list-cmn-info.s-float > li > .tit {
  display: block;
  float: left;
}
.list-cmn-info.s-float > li > .tit {
  display: block;
  float: left;
  margin-bottom: 0;
}

/*list-cmn-form*/
.list-cmn-form:first-child {
  margin-top: -5px;
}
.list-cmn-form > li {
  float: left;
  margin: 5px 20px 0 0;
}
/*list-cmn-btn*/
.list-cmn-btn {
}
.list-cmn-btn:first-child {
  margin-top: -20px;
}
.list-cmn-btn > li {
  display: flex;
  justify-content: center;
  margin: 20px 20px 0 0;
  vertical-align: top;
}
.list-cmn-btn > li:nth-child(3n) {
  margin-right: 0;
}
/*list-cmn-btn col2*/
.list-cmn-btn.s-col2 > li {
  width: 340px;
}
.list-cmn-btn.s-col2 > li:nth-child(3n) {
  margin-right: 20px;
}
.list-cmn-btn.s-col2 > li:nth-child(2n){
  margin-right: 0;
}
.list-cmn-btn.s-col2 > li > .btn-cmn {
  width: 100%;
}

/*list-cmn-btn inline*/
.list-cmn-btn.s-inline > li:nth-child(3n) {
  margin-right: 20px;
}
/*list-cmn-btn form*/
.list-cmn-btn.s-form {
  margin-top: -20px;
  text-align: center;
}
.list-cmn-btn.s-form > li {
  width: auto;
  margin: 20px 10px 0;
}

/*list-cmn-btn-v*/
.list-cmn-btn-v > li {
  margin-top: 10px;
}
.list-cmn-btn-v > li:first-child {
  margin-top: 0;
}

/*list-cmn-inline*/
.list-cmn-inline {
  margin-top: -5px;
  overflow: hidden;
}
.list-cmn-inline > li {
  float: left;
  margin: 5px 20px 0 0;
}
/*list-cmn-inline s-border*/
.list-cmn-inline.s-border > li {
  border-right: 1px solid #ddd;
  padding: 0 12px;
  margin-right: 0;
  line-height: 1.1;
}
.list-cmn-inline.s-border > li:last-child {
  border-right: none;
}
.list-cmn-inline.s-border > li > .ico-cmn-arrow:after {
  top: 0.3em;
}
/*list-cmn-inline s-col3*/
.list-cmn-inline.s-col3 {
  margin: -5px 0 0;
}
.list-cmn-inline.s-col3 > li {
  width: 33.3%;
  padding-right: 10px;
  margin: 5px 0 0 0;
  text-align: left;
}
.list-cmn-inline.s-col3 > li:nth-child(3n+1) {
  clear: both;
}
.list-cmn-inline.s-col3 > li > a {
  text-decoration: none;
}
.list-cmn-inline.s-col3 > li > a:hover {
  text-decoration: underline;
}
/*list-cmn-inline s-col4*/
.list-cmn-inline.s-col4,
.list-cmn-inline.s-col4-block {
  margin: -5px 0 0;
}
.list-cmn-inline.s-col4 > li,
.list-cmn-inline.s-col4-block > li {
  width: 24.9%;
  padding-right: 10px;
  margin: 5px 0 0 0;
  text-align: left;
}
.list-cmn-inline.s-col4 > li:nth-child(4n+1),
.list-cmn-inline.s-col4-block > li:nth-child(4n+1) {
  clear: both;
}
.list-cmn-inline.s-col4 > li.s-auto,
.list-cmn-inline.s-col4-block > li.s-auto {
  width: auto;
  margin-right: 20px;
}
.list-cmn-inline.s-col4 > li > a,
.list-cmn-inline.s-col4-block > li > a {
  text-decoration: none;
}
.list-cmn-inline.s-col4 > li > a:hover,
.list-cmn-inline.s-col4-block > li > a:hover {
  text-decoration: underline;
}
.list-cmn-inline.s-col4 > li > .notes,
.list-cmn-inline.s-col4-block > li > .notes {
  margin-left: 5px;
  font-size: 86%;
}

/*list-cmn-sns*/
.list-cmn-sns {
  height: 24px;
  margin-bottom: 30px;
  overflow: hidden;
  text-align: right;
}
.list-cmn-sns:last-child {
  margin-bottom: 0;
}
.tit-cmn-lv1 +.list-cmn-sns {
  margin-top: -15px;
}
.tit-cmn-lv2 +.list-cmn-sns,
.tit-cmn-lv3 +.list-cmn-sns,
.tit-cmn-lv4 +.list-cmn-sns {
  margin-top: -5px;
}
.tit-cmn-lv5 +.list-cmn-sns,
.tit-cmn-lv6 +.list-cmn-sns {
  margin-top: 3px;
}
.list-cmn-sns > li {
  display: inline-block;
  margin-left: 12px;
  vertical-align: top;
}
.list-cmn-sns > li:first-child {
  margin-left: 0;
}
/*Facebook*/
.list-cmn-sns > li > .fb-like > span {
  vertical-align: top !important;
}
/*Line*/
.list-cmn-sns > li.line {
  display: none;
}

/*list-cmn-download*/
.list-cmn-download {
  margin-top: 57px;
}
.list-cmn-download:first-child {
  margin-top: 0;
}
.list-cmn-download > li {
  margin-bottom: 20px;
  overflow: hidden;
}
.list-cmn-download > li:last-child {
  margin-bottom: 0;
}
.list-cmn-download > li > .bnr {
  float: left;
  width: 120px;
  margin: 0.2em 0;
}
.list-cmn-download > li.s-type01 > .bnr {
  width: 180px;
}
.list-cmn-download > li > .body {
  overflow: hidden;
}
.list-cmn-download > li > .body p {
  font-size: 86%;
}

/*list-cmn-faq*/
.list-cmn-faq > li {
  padding: 20px 0 30px;
  border-top: 1px dotted #ddd;
  overflow: hidden;
}
.list-cmn-faq > li > .item {
  overflow: hidden;
}
.list-cmn-faq > li > .item + .item {
  margin-top: 30px;
}
.list-cmn-faq > li > .item > .ico {
  float: left;
  margin: 0 28px 0 10px;
}
.list-cmn-faq > li > .item > .body {
  overflow: hidden;
}

/*list-cmn s-ico*/
.list-cmn.s-ico > li {
  padding-left: 0;
}
.list-cmn.s-ico > li:before {
  display: none;
}

/*list-cmn-select*/
.list-cmn-select {
  overflow: hidden;
}
.list-cmn-select > li {
  float: left;
  height: 2.6em;
  margin-right: 10px;
}
.list-cmn-select > li select {
  width: auto;
}
.list-cmn-select > li .unit {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}

/* icon
-------------------------------------------*/
/*ico-cmn*/
.ico-cmn {
  display: inline-block;
  vertical-align: baseline;
  width: 1em;
  text-align: left;
}
.ico-cmn img {
  vertical-align: baseline;
}
.ico-cmn.s-location img {
  width: 6px;
}

/*ico-cmn-link*/
.ico-cmn-link {
  display: inline-block;
  position: relative;
  padding-left: 1em;
  text-decoration: none;
  word-break: break-all;
  word-wrap: break-word;
}
.ico-cmn-link:hover {
  text-decoration: underline;
}
.ico-cmn-link >.ico-cmn {
  position: absolute;
  left: 0;
  top: 0;
}
/*ico-cmn-link.s-inline*/
.ico-cmn-link.s-inline {
  display: inline;
  padding-left: 0;
}
.ico-cmn-link.s-inline >.ico-cmn {
  position: static;
  text-align: center;
}

/*ico-cmn-bnr*/
.ico-cmn-bnr {
  position: absolute;
  right: 7px;
  bottom: 7px;
}
.ico-cmn-bnr.s-pc {
  display: none;
}

/*ico-cmn-arrow*/
.ico-cmn-arrow {
  position: relative;
  display: inline-block;
  padding-left: 1em;
  text-decoration: none;
  word-break: break-all;
  word-wrap: break-word;
}
.ico-cmn-arrow:hover {
  text-decoration: underline;
}
.ico-cmn-arrow > a {
  text-decoration: none;
}
.ico-cmn-arrow:hover > a {
  text-decoration: underline;
}
p.ico-cmn-arrow:hover,
li.ico-cmn-arrow:hover,
em.ico-cmn-arrow:hover {
  text-decoration: none;
}
.ico-cmn-arrow:after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 8px;
  background: url(/upload/content/docomo/images/ico_arrow_r01.png) no-repeat 0 0;
  -webkit-background-size: 6px;
  background-size: 6px;
}
@media all and (-ms-high-contrast:none){
.ico-cmn-arrow:after {
  top: 0.4em;/*IE hack*/
}
}
.ico-cmn-arrow:after {
  top: 0.4em\9;/*IE hack*/
}
.table-cmn .ico-cmn-arrow:after {
  top: 0.5em;
}
.btn-cmn-form .ico-cmn-arrow:after {
  top: 50%;
  margin-top: -4px;
}
.btn-cmn-form.ico-cmn-arrow {
  background: url(/upload/content/docomo/images/ico_arrow_r01.png) no-repeat 12px center;
  -webkit-background-size: 6px;
  background-size: 6px;
  text-align: left;
}
.btn-cmn.s-strong .ico-cmn-arrow:after,
.btn-cmn.s-strongest .ico-cmn-arrow:after,
.btn-cmn-form.s-strong.ico-cmn-arrow,
.btn-cmn-form.s-strongest.ico-cmn-arrow {
  background-image: url(/upload/content/docomo/images/ico_arrow_r02.png);
}
.btn-cmn-form.s-strong.ico-cmn-arrow:after,
.btn-cmn-form.s-strongest.ico-cmn-arrow:after {
  background-image: none;
}
.btn-cmn-form.s-strong.ico-cmn-arrow > .inner,
.btn-cmn-form.s-strongest.ico-cmn-arrow > .inner,
.btn-cmn-form.s-strong[target="_blank"] > .inner,
.btn-cmn-form.s-strongest[target="_blank"] > .inner {
  padding-left: 20px;
}
.btn-cmn.s-strong .ico-cmn-arrow:after,
.btn-cmn.s-strongest .ico-cmn-arrow:after {
  top: 50%;
  margin-top: -4px;
}

/*is-current*/
.ico-cmn-arrow.is-current,
.is-current .ico-cmn-arrow {
  color: #c03;
  font-weight: bold;
}
.ico-cmn-arrow.is-current:after,
.is-current .ico-cmn-arrow:after {
  background-image: url(/upload/content/docomo/images/ico_arrow_r03.png);
}
/*list-cmn-info s-left*/
.ico-cmn-arrow.s-left:after,
.ico-cmn-arrow.s-prev:after {
  background: url(/upload/content/docomo/images/ico_arrow_l01.png) no-repeat 0 0;
  -webkit-background-size: 6px;
  background-size: 6px;
}
/*list-cmn-info s-top*/
.ico-cmn-arrow.s-top:after {
  top: 0.6em;
  width: 8px;
  height: 6px;
  background: url(/upload/content/docomo/images/ico_arrow_t01.png) no-repeat 0 0;
  -webkit-background-size: 8px;
  background-size: 8px;
}
@media all and (-ms-high-contrast:none){
.ico-cmn-arrow.s-top:after {
  top: 0.5em;/*IE hack*/
}
}
.ico-cmn-arrow.s-top:after {
  top: 0.5em\9;/*IE hack*/
}
/*list-cmn-info s-bottom*/
.ico-cmn-arrow.s-bottom:after {
  top: 0.6em;
  width: 8px;
  height: 6px;
  background: url(/upload/content/docomo/images/ico_arrow_b01.png) no-repeat 0 0;
  -webkit-background-size: 8px;
  background-size: 8px;
}
@media all and (-ms-high-contrast:none){
.ico-cmn-arrow.s-bottom:after {
  top: 0.5em;/*IE hack*/
}
}
.ico-cmn-arrow.s-bottom:after {
  top: 0.5em\9;/*IE hack*/
}
/*list-cmn-info s-next*/
.ico-cmn-arrow.s-next {
  padding-right: 1em;
  padding-left: 0;
}
.ico-cmn-arrow.s-next:after {
  left: auto;
  right: 0;
}
/*ico-cmn-arrow*/
.ico-cmn-arrow.s-inline {
  display: inline;
  margin-left: 0.25em;
}
.ico-cmn-arrow.s-inline:after {
  top: 0.4em;
}
/*ico-cmn-mark*/
.ico-cmn-mark {
  display: inline-block;
  margin-right: 7px;
  padding: 0 7px;
  line-height: 1.5;
  color: #fff;
  font-size: 86%;
  font-weight: bold;
  text-align: center;
  vertical-align: 0.05em;
}
.ico-cmn-mark sup {
  margin-left: 0.25em;
  line-height: 1.2;
  vertical-align: 0.1em;
  font-size: 92%;
  font-weight: normal;
}
.ico-cmn-mark a {
  color: #fff;
}
/*ico-cmn-mark-fix*/
.ico-cmn-mark-fix {
  display: inline-block;
  min-width: 78px;
  margin-right: 2px;
  padding: 1px 0 0;
  line-height: 1.4;
  color: #fff;
  font-size: 72%;
  font-weight: bold;
  text-align: center;
  vertical-align: 0.05em;
}
.ico-cmn-mark-fix:last-child {
  margin-right: 0;
}
/*mark style*/
.ico-cmn-mark-img {
  margin-right: 10px;
}
.ico-cmn-mark-img:last-child {
  margin-right: 0;
}
/*mark style*/
/*small*/
.ico-cmn-mark.s-mark-s-01 {
  font-size: 72%;
}
.ico-cmn-mark.s-mark-s-02 {
  line-height: 1.4;
  font-size: 72%;
}
/*red*/
.s-mark-red-01 {
  border: 1px solid #c03;
  background-color: #c03;
}
.s-mark-red-02 {
  border: 1px solid #c03;
  background-color: #fff;
  color: #c03;
}
.s-mark-red-02 sup a {
  color: #c03;
}
/*yellow*/
.s-mark-yellow-01 {
  border: 1px solid #ffab00;
  background-color: #ffab00;
}
.s-mark-yellow-02 {
  border: 1px solid #ffb300;
  background-color: #fff;
  color: #ffb300;
}
.s-mark-yellow-02 sup a {
  color: #ffb300;
}
.s-mark-yellow-03 {
  border: 1px solid #fac901;
  background-color: #fac901;
  color: #333;
}
/*ochre*/
.s-mark-ochre-01 {
  border: 1px solid #c7ad4c;
  background-color: #c7ad4c;
}
.s-mark-ochre-02 {
  border: 1px solid #c7ad4c;
  background-color: #fff;
  color: #c7ad4c;
}
.s-mark-ochre-02 sup a {
  color: #c7ad4c;
}
/*green*/
.s-mark-green-01 {
  border: 1px solid #008856;
  background-color: #008856;
}
.s-mark-green-02 {
  border: 1px solid #008856;
  background-color: #fff;
  color: #008856;
}
.s-mark-green-02 sup a {
  color: #008856;
}
/*blue*/
.s-mark-blue-01 {
  border: 1px solid #21ace3;
  background-color: #21ace3;
}
.s-mark-blue-02 {
  border: 1px solid #21ace3;
  background-color: #fff;
  color: #21ace3;
}
.s-mark-blue-03 {
  border: 1px solid #0533cb;
  background-color: #0533cb;
}
.s-mark-blue-02 sup a {
  color: #21ace3;
}
/*gray*/
.s-mark-gray-01 {
  border: 1px solid #767676;
  background-color: #767676;
}
.s-mark-gray-02 {
  border: 1px solid #767676;
  background-color: #fff;
  color: #767676;
}
.s-mark-gray-02 sup a {
  color: #767676;
}
/*purple*/
.s-mark-purple-01 {
  border: 1px solid #7a67ca;
  background-color: #7a67ca;
}
.s-mark-purple-02 {
  border: 1px solid #7a67ca;
  background-color: #fff;
  color: #7a67ca;
}
.s-mark-purple-02 sup a {
  color: #7a67ca;
}
/*.s-mark-no*/
.s-mark-no {
  color: #767676;
}
/*ico-cmn-mark.s-noborder*/
.ico-cmn-mark.s-noborder {
  border: 1px solid transparent;
}

/*mark+list-cmn-info*/
.list-cmn-info .ico-cmn-mark {
  margin-left: 15px;
}

/*ico-cmn-pc*/
.ico-cmn-pc {
  display: none;
}

/* link
-------------------------------------------*/
/*link-cmn-bnr*/
.link-cmn-bnr {
  display: block;
  position: relative;
  min-height: 123px;
  background-color: #eee;
}
.link-cmn-bnr:after {
  content: '';
  display: inline-block;
  min-height: 123px;
  vertical-align: middle;
}
.link-cmn-bnr:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.link-cmn-bnr:hover:before {
  border: 2px solid #69a1fe;
  z-index: 10;
}
.link-cmn-bnr.s-h-auto,
.link-cmn-bnr.s-h-auto:after {
  min-height: 0;
}
/* tablet/smt not hover */
body.tb .link-cmn-bnr:before,
body.smt .link-cmn-bnr:before {
  display: none;
}
.link-cmn-bnr > a,
.link-cmn-bnr > span {
  display: inline-block;
  vertical-align: middle;
}
/* bnr bg none*/
.link-cmn-bnr.s-no {
  min-height: 0;
  background: none;
}
.link-cmn-bnr.s-no:after {
  display: none;
}
/* bnr small*/
.s-bnr-s.link-cmn-bnr {
  min-height: 80px;
}
.s-bnr-s.link-cmn-bnr:after {
  min-height: 80px;
}
.contents-sub .link-cmn-bnr {
  min-height: 72px;
}
.contents-sub .link-cmn-bnr:after {
  min-height: 72px;
}
/* bnr height 144px */
.s-bnr-h144.link-cmn-bnr {
  min-height: 82px;
}
.s-bnr-h144.link-cmn-bnr:after {
  min-height: 82px;
}
.col2 .s-bnr-h144.link-cmn-bnr {
  min-height: 82px;
}
.col2 .s-bnr-h144.link-cmn-bnr:after {
  min-height: 82px;
}
.col3 .s-bnr-h144.link-cmn-bnr {
  min-height: 53px;
}
.col3 .s-bnr-h144.link-cmn-bnr:after {
  min-height: 53px;
}
.contents-sub .s-bnr-h144.link-cmn-bnr {
  min-height: 48px;
}
.contents-sub .s-bnr-h144.link-cmn-bnr:after {
  min-height: 48px;
}

/* image
-------------------------------------------*/
/*img-384*/
.img-384 {
  width: 384px;
}
/*img-cmn-border*/
.img-cmn-border,
.img-cmn-border-hover {
  position: relative;
  display: inline-block;
}
.img-cmn-border:before,
.img-cmn-border-hover:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #dcdcdc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #dcdcdc;
}
.img-cmn-border-hover:before {
  border: none;
}
a:hover > figure > .img-cmn-border:before,
a.img-cmn-border:hover:before,
a.img-cmn-border-hover:hover:before {
  border: 2px solid #69a1fe;
}


/* figure
-------------------------------------------*/
.fig-cmn-table {
  margin-bottom: 30px;
}
.fig-cmn-table:last-child {
  margin-bottom: 0;
}
.fig-cmn-table > figcaption {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
.fig-cmn-table > figcaption.show {
  height: auto;
  margin-bottom: 5px;
  text-align: left;
  overflow: visible;
  font-size: inherit;
}
.fig-cmn-table + p,
.fig-cmn-table + [class*=list-cmn] {
  margin-top: -6px;
}

/*fig-cmn-zoom*/
.fig-cmn-zoom {
  position: relative;
}
.fig-cmn-zoom:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url(/images_osp/common/spacer.gif) repeat 0 0;
}
.fig-cmn-zoom .guide {
  display: none;
}

/* table
-------------------------------------------*/
.table-cmn {
  width: 100%;
  border-collapse: separate;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
  color: #333;
  font-size: 86%;
}
.table-cmn th,
.table-cmn td {
  padding: 5px 6px;
}
.table-cmn th,
.table-cmn td {
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.table-cmn th:not(:first-child):empty,
.table-cmn td:not(:first-child):empty {
  border-left: none;
}
.table-cmn th {
  font-weight: bold;
}
.table-cmn td {
}
.table-cmn thead th {
  background-color: #d6d6d6;
  text-align: center;
}
.table-cmn tbody th {
  background-color: #eee;
}
.table-cmn tbody td {
  background-color: #fff;
}
/*cell color*/
.table-cmn .s-bgcolor-01 {
  background-color: #aaa;
}
.table-cmn .s-bgcolor-02,
.table-cmn.s-color-01 tbody th {
  background-color: #ffeef0;
}
.table-cmn .s-bgcolor-03,
.table-cmn.s-color-01 .s-bgcolor-03 {
  background-color: #ffdde0;
}
.table-cmn .s-bgcolor-04,
.table-cmn.s-color-01 thead th {
  background-color: #ffaab0;
}
.table-cmn .s-bgcolor-05 {
  background-color: #d6d6d6;
}
.table-cmn .s-bgcolor-06 {
  background-color: #eee;
}
/*headers*/
.txt-headers {
  display: none;
}
/*type zoom*/
.table-cmn-wrap.s-zoom .link-table {
  display: none;
}
.contents.s-table {
  width: auto;
  margin: 0;
  padding: 0;
}
.contents.s-table .contents-main {
  float: none;
  margin: 10px auto;
}
.contents.s-table .table-cmn-wrap {
  margin: 0;
}
/*table guide*/
.table-cmn-wrap .guide {
  display: none;
}
/*table-cmn.s-spec*/
.table-cmn.s-spec {
  border-right: 1px solid #767676;
  border-bottom: 1px solid #767676;
  text-align: left;
}
.table-cmn.s-spec tbody th,
.table-cmn.s-spec tbody td {
  border-left: 1px solid #767676;
  border-top: 1px solid #767676;
}
.table-cmn.s-spec tbody th {
  background-color: #aaa;
}
.table-cmn.s-spec tbody td {
  border-left: 1px solid #767676;
  border-top: 1px solid #767676;
}
.table-cmn.s-spec tbody .cell-01 {
  background-color: #c2c2c2;
}
.table-cmn.s-spec tbody .cell-02 {
  background-color: #dbdbdb;
}
.table-cmn.s-spec tbody .cell-03 {
  background-color: #f4f4f4;
}
/*table-cmn .list-cmn-notes*/
.table-cmn .list-cmn-notes {
  font-size: 100%;
}

/* btn
-------------------------------------------*/
.btn-cmn {
  display: inline-block;
  position: relative;
  width: 220px;
  padding: 11px 11px 11px 23px;
  line-height: 1.3;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  background: #fff url(/upload/content/docomo/images/ico_arrow_r01.png) no-repeat 12px center;
  -webkit-background-size: 6px;
  background-size: 6px;
  color: #000;
  text-decoration: none;
	filter: alpha( opacity=100);
}
a.btn-cmn:visited {
  color: #7600b3;
}
.btn-cmn > .inner {
  display: inline-block;
  vertical-align: middle;
}
.btn-cmn:before {
  content: '';
  display: inline-block;
  width: 0;
  vertical-align: middle;
}
.btn-cmn:after,
.btn-cmn-form:after,
.btn-cmn-login:after,
.btn-cmn-logout:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-cmn:after {
  border: 1px solid #d6d6d6;
}
/* btn hover*/
.btn-cmn:hover {
  color: #000;
}
a.btn-cmn:not(.s-disabled):hover:after,
button.btn-cmn:not(.s-disabled):hover:after,
label.btn-cmn:not(.s-disabled):hover:after,
a.btn-cmn.is-active:not(.s-disabled):after,
button.is-active.btn-cmn:not(.s-disabled):after,
label.is-active.btn-cmn:not(.s-disabled):after {
  border: 2px solid #69a1fe;
}
.btn-cmn-form:not(.s-disabled):hover:after,
.btn-cmn-login:not(.s-disabled):hover:after,
.btn-cmn-logout:not(.s-disabled):hover:after,
.btn-cmn-form.is-active:not(.s-disabled):after,
.btn-cmn-login.is-active:not(.s-disabled):after,
.btn-cmn-logout.is-active:not(.s-disabled):after {
  border: none;
  background-color: #000;
	-ms-filter: "alpha( opacity=14)";
	filter: alpha( opacity=14);
	opacity: 0.14;
}
a.btn-cmn-form:hover {
  border: 1px solid #69a1fe;
}
a.btn-cmn-form:not(.s-disabled):hover:after {
  border: 1px solid #69a1fe;
  background-color: transparent;
	-ms-filter: "alpha( opacity=100)";
	filter: alpha( opacity=100);
	opacity: 1;
}
/*strong*/
.btn-cmn.s-strong,
.btn-cmn.s-strong.s-disabled {
  background-color: #666;
  color: #fff;
}
a.btn-cmn.s-strong:visited,
a.btn-cmn.s-strong.s-disabled:visited,
.btn-cmn.s-strong:hover,
.btn-cmn.s-strong.s-disabled:hover {
  color: #fff;
}
.btn-cmn.s-strong:after {
  border: none;
}
/*strongest*/
.btn-cmn.s-strongest,
.btn-cmn.s-strongest.s-disabled {
  background-color: #c03;
  color: #fff;
}
a.btn-cmn.s-strongest:visited,
a.btn-cmn.s-strongest.s-disabled:visited,
.btn-cmn.s-strongest.s-disabled:hover,
.btn-cmn.s-strongest:hover {
  color: #fff;
}
.btn-cmn.s-strongest:after {
  border: none;
}
.btn-cmn.s-strong,
.btn-cmn.s-strongest {
  background-image: url(/upload/content/docomo/images/ico_arrow_r02.png);
  -webkit-background-size: 6px;
  background-size: 6px;
}
/*disabled*/
.btn-cmn.s-disabled,
.btn-cmn-form.s-disabled {
  color: #000;
	-ms-filter: "alpha( opacity=40)";
	filter: alpha( opacity=40);
	opacity: 0.4;
  cursor: default;
}
.btn-cmn.s-disabled:hover,
.btn-cmn-form.s-disabled:hover {
  color: #000;
}
.btn-cmn.s-disabled.s-strong:hover,
.btn-cmn.s-disabled.s-strongest:hover,
.btn-cmn-form.s-disabled.s-strong:hover,
.btn-cmn-form.s-disabled.s-strongest:hover {
  color: #fff;
}
.btn-cmn.s-disabled button,
.btn-cmn-form.s-disabled {
  cursor: default;
}
/*btn-cmn center */
.btn-cmn.s-center {
  padding-left: 23px;
  padding-right: 23px;
  text-align: center;
}
/*window open*/
.btn-cmn[target="_blank"],
.btn-cmn.s-strong[target="_blank"],
.btn-cmn.s-strongest[target="_blank"] {
  background-image: none;
}
.ico-cmn-btn {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -4px;
}
input.ico-cmn-btn {
  margin-top: -6px;
}
.ico-cmn-btn.s-pc {
  display: none;
}
.btn-cmn-form .ico-cmn-btn {
  left: 12px;
}
/*small*/
.btn-cmn.s-small {
  width: 132px;
  padding: 6px 11px 6px 23px;
  font-size: 86%;
}
/*inline*/
.btn-cmn.s-inline {
  width: auto;
}
/*image*/
.btn-cmn.s-image {
  width: auto;
  padding: 8px 11px 8px 28px;
  text-align: left;
  border-spacing: 0;
}
.btn-cmn.s-image img:not(.ico-cmn-btn) {
  margin-right: 8px;
  vertical-align: middle;
}
.btn-cmn.s-image > span {
  display: inline-block;
  vertical-align: middle;
}
.btn-cmn.s-image > span > span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
/*btn-cmn s-check-in*/
.btn-cmn.s-check-in {
  padding-left: 30px;
  background: none;
}
/*form*/
.btn-cmn-form {
  position: relative;
  display: inline-block;
  width: 140px;
  padding: 3px;
  border: 1px solid #d6d6d6;
  line-height: 1.3;
  background-color: #fff;
  text-align: center;
  vertical-align: top;
  color: #000;
  cursor: pointer;
}
.btn-cmn-form:hover {
  color: #000;
}
.btn-cmn-form > .inner {
  display: inline-block;
  width: 100%;
  padding: 5px 12px;
  border: 1px solid #e2e2e2;
  vertical-align: middle;
}
.btn-cmn-form > .inner:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.btn-cmn-form > .inner > span {
  display: inline-block;
  vertical-align: middle;
}
.btn-cmn-form.s-image > span > span {
  display: inline-block;
  vertical-align: middle;
}
.btn-cmn-form.s-image > span > span > span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.btn-cmn-form.s-image > span > span > span {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.btn-cmn-form.s-image img:not(.ico-cmn-btn) {
  margin: 0 18px 0 8px;
  vertical-align: middle;
}
/*form strong*/
.btn-cmn-form.s-strong {
  border: 1px solid #666;
  background-color: #666;
  color: #fff;
}
a.btn-cmn-form.s-strong:visited,
.pc a.btn-cmn-form.s-strong,
.smt a.btn-cmn-form.s-strong {
  color: #fff;
}
.btn-cmn-form.s-strong:hover {
  color: #fff;
}
.btn-cmn-form.s-strong > .inner {
  border: 1px solid #bababa;
}
/*form strongest*/
.btn-cmn-form.s-strongest {
  border: 1px solid #c03;
  background-color: #c03;
  color: #fff;
}
a.btn-cmn-form.s-strongest:visited,
.pc a.btn-cmn-form.s-strongest,
.smt a.btn-cmn-form.s-strongest {
  color: #fff;
}
.btn-cmn-form.s-strongest:hover {
  color: #fff;
}
.btn-cmn-form.s-strongest > .inner {
  border: 1px solid #e88ca3;
}
/*login&logout*/
.btn-cmn-login,
.btn-cmn-logout {
  display: inline-block;
  position: relative;
  width: 142px;
  font-size: 0;
}
.btn-cmn-login:after,
.btn-cmn-logout:after {
  border-radius: 6px;
}
/*btn-cmn-rss*/
.btn-cmn-rss,
.tit-aside-wrap-01 ul li .ico-rss {
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  line-height: 1.2;
  vertical-align: middle;
  background-color: #fff;
  color: #000;
  font-size: 86%;
  text-decoration: none;
}
.btn-cmn-rss:hover,
.tit-aside-wrap-01 ul li .ico-rss:hover {
  color: #000;
}
.btn-cmn-rss:after,
.tit-aside-wrap-01 ul li .ico-rss:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #d6d6d6;
}
.btn-cmn-rss:hover:after,
.tit-aside-wrap-01 ul li .ico-rss:hover:after {
  border: 2px solid #69a1fe;
}
.btn-cmn-rss img,
.tit-aside-wrap-01 ul li .ico-rss img {
  margin: 2px 4px 0 0;
  vertical-align: -0.1em;
}

/* form
-------------------------------------------*/
/*base*/
input[type=text],
input[type=url],
input[type=email],
input[type=tel],
input[type=search],
textarea {
  width: 100%;
  height: 2.3em;
  padding: 2px 10px;
  border: 1px solid #d6d6d6;
  background-color: #f6f6f6;
  vertical-align: middle;
  font-family: inherit;
  resize: none;
}
select {
  width: 100%;
  height: 2.6em;
  padding: 2px 10px;
  vertical-align: middle;
  font-family: inherit;
}
body.pc select {
  background-color: #f6f6f6;
  border: 1px solid #d6d6d6;
}
input[type=text][disabled],
input[type=url][disabled],
input[type=email][disabled],
input[type=tel][disabled],
input[type=search][disabled],
textarea[disabled] {
  color: #777;
  background-color: #e5e5e5;
}
/*radio checkbox*/
input[type=radio],
input[type=checkbox] {
  margin-right: 5px;
  vertical-align: middle;
}
input[type=radio] + label,
input[type=checkbox] + label {
  vertical-align: middle;
}
input[type=radio][disabled] + label,
input[type=checkbox][disabled] + label {
  color: #777;
}
/*select*/
.contents select {
  background-image: none;
}
/*textarea*/
textarea {
  height: 5em;
}
/*button*/
button {
  display: inline-block;
  padding: 0;
  border: none;
  overflow: visible;
  font: inherit;
  background: none;
  color: inherit;
  font-size: 100%;
  font-family: inherit;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*search*/
.form-cmn-search input[type=text] {
  width: 380px;
  vertical-align: top;
}
.form-cmn-search button {
  position: relative;
  display: inline-block;
  height: 2.3em;
  margin: 0;
  padding: 2px 16px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  vertical-align: top;
  background-color: #666;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.form-cmn-search button img {
  margin: 0 3px 0 0;
  vertical-align: middle;
}
.form-cmn-search button span {
  display: inline-block;
  vertical-align: middle;
}
.form-cmn-search button:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.form-cmn-search button:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.form-cmn-search button:hover:after {
  border: none;
  background-color: #000;
	-ms-filter: "alpha( opacity=14)";
	filter: alpha( opacity=14);
	opacity: 0.14;
}
/*style*/
input.s-w-220,
textarea.s-w-220,
select.s-w-220 {
  width: 220px;
}
input.s-w-380,
textarea.s-w-380,
select.s-w-380 {
  width: 380px;
}

/* box
-------------------------------------------*/
/*box-cmn margin*/
[class*=box-cmn] {
  margin-bottom: 30px;
}
[class*=box-cmn]:last-child {
  margin-bottom: 0;
}
[class*=box-cmn] + p,
[class*=box-cmn] + [class*=list-cmn] {
  margin-top: -6px;
}
/*box-cmn*/
.box-cmn {
  padding: 20px 21px;
  border: 1px solid #d6d6d6;
}
.box-cmn > .tit-cmn-lv5 {
  font-size: 100%;
}
/*box-cmn s-alert*/
.box-cmn.s-alert {
  border: 1px solid #c03;
  color: #c03;
}
.box-cmn.s-alert > .tit-cmn-lv5 .ico-cmn {
  margin-right: 5px;
}
/*box-cmn s-info*/
.box-cmn.s-info {
  padding: 10px 10px 20px;
}
.box-cmn.s-info > .tit-cmn-lv2 {
  padding-left: 10px;
  padding-right: 10px;
}
[class*="tit-cmn"] + .box-cmn.s-info > .tit-cmn-lv2:first-child,
[class*="tit-cmn"] + .box-cmn.s-info > .tit-cmn-lv3:first-child {
  margin-top: 0;
}

/*box-cmn-topics*/
.box-cmn-topics {
  padding: 22px;
  background-color: #fff9c4;
}
.box-cmn-topics > .tit-cmn-lv2,
.box-cmn-topics > .tit-cmn-lv3,
.box-cmn-topics > .tit-cmn-lv4,
.box-cmn-topics > .tit-cmn-lv5,
.box-cmn-topics > .tit-cmn-lv6 {
  margin-bottom: 20px;
  padding: 0;
  background: none;
  border: none;
}
/*bg color*/
.box-cmn-topics.s-bgcolor-01 {
  background-color: #ebd9d8;
}

/*box-cmn-toggle*/
.box-cmn-toggle {
  border: 1px solid #aaa;
  padding: 15px 10px 25px;
}
/*box-cmn-toggle title*/
.box-cmn-toggle .tit-cmn-lv2 {
  padding-left: 10px;
  padding-right: 10px;
}
/*box-cmn-toggle js-toggle*/
.box-cmn-toggle .box-cmn-toggle-in {
  padding: 0 10px;
}
.box-cmn-toggle .js-accordion {
  display: none;
}
.box-cmn-toggle .js-accordion + .js-accordion-body {
  display: block !important;
  padding-top: 0;
}
.js-nav-accordion + .js-accordion-body {
  display: block !important;
  padding-top: 0;
}
/*box-cmn-toggle read*/
.box-cmn-toggle .read {
  margin-bottom: 15px;
}
/*box-cmn-toggle list-cmn-notes*/
.box-cmn-toggle .list-cmn-notes > li {
  margin-top: 0;
}
/*box-cmn-toggle list-hear*/
.box-cmn-toggle .list-hear {
}
.box-cmn-toggle .list-hear > li {
  margin-bottom: 20px;
}
.box-cmn-toggle .list-hear > li:last-child {
  margin-bottom: 0;
}
.box-cmn-toggle .list-hear > li > .tit,
.box-cmn-toggle .list-hear > li > fieldset > .tit {
  display: block;
  width: 100%;
  margin: 0 0 5px;
  padding: 0;
  cursor: auto;
}
.box-cmn-toggle .list-hear > li > .tit > .ico,
.box-cmn-toggle .list-hear > li > fieldset > .tit > .ico {
  display: block;
  width: 2.0em;
  float: left;
  font-weight: bold;
}
.box-cmn-toggle .list-hear > li > .tit > .body,
.box-cmn-toggle .list-hear > li > fieldset > .tit > .body {
  display: block;
  overflow: hidden;
}
.box-cmn-toggle .list-hear > li > .body,
.box-cmn-toggle .list-hear > li > fieldset > .body {
  padding-left: 2.0em;
}
.box-cmn-toggle .list-hear > li > .body .list > li,
.box-cmn-toggle .list-hear > li > fieldset > .body .list > li {
  float: left;
  margin-right: 10px;
  font-size: 86%;
}
.box-cmn-toggle .list-hear > li > .body .list > li .list-cmn-form li,
.box-cmn-toggle .list-hear > li > fieldset > .body .list > li .list-cmn-form li {
  margin-right: 10px;
}
.box-cmn-toggle .list-hear > li > .body .textarea,
.box-cmn-toggle .list-hear > li > fieldset > .body .textarea {
  margin: 10px 0 1.0em;
}
/*box-cmn-toggle btn*/
.box-cmn-toggle .btn {
  margin-top: 20px;
  text-align: center;
}
.box-cmn-toggle .btn button {
  width: 220px;
}
/* JS OFF */
.box-recommend-contents.s-alert {
  padding: 40px 21px;
  text-align: center;
  color: #000;
  margin-bottom: 0;
}
.box-recommend-contents.s-wide.s-alert {
  padding: 65px 21px;
}
.box-recommend-contents.s-alert .ico-cmn.s-alert {
  width: 20px;
}
.box-recommend-contents.s-alert .ico-cmn.s-alert img {
  width: 16px; height: auto;
}

/* mod
-------------------------------------------*/
/*mod-cmn-border*/
.mod-cmn-border {
  margin-top: 30px;
  padding: 30px 0 0;
  border-top: 1px dotted #ddd;
}
.mod-cmn-border:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.mod-cmn-border > p:first-child {
  margin-top: -6px;
}

/*mod-cmn-aside-main*/
.mod-cmn-aside-main {
  margin: 30px 0;
  padding: 10px 0 25px;
  border-top: 1px dotted #ddd;
  border-bottom: 1px solid #ddd;
}
.mod-cmn-aside-main:last-child {
  margin-bottom: 0;
}
.mod-cmn-aside-main > .tit-cmn-lv2,
.mod-cmn-aside-main > .tit-cmn-lv3,
.mod-cmn-aside-main > .tit-cmn-lv4,
.mod-cmn-aside-main > .tit-cmn-lv5,
.mod-cmn-aside-main > .tit-cmn-lv6 {
  padding: 0;
  background: none;
  border: none;
}

/*mod-cmn-aside-sub*/
.mod-cmn-aside-sub {
  margin-top: 60px;
}
.mod-cmn-aside-sub > ul > li {
  border-bottom: 1px solid #ddd;
  padding: 25px 0;
}
.mod-cmn-aside-sub > ul > li:first-child {
  border-top: 1px solid #ddd;
}
.mod-cmn-aside-sub > ul > li .tit {
  font-size: 115%;
  font-weight: bold;
}
.mod-cmn-aside-sub > ul > li .tit + * {
  margin-top: 7px;
}
.mod-cmn-aside-sub > ul > li .link {
  margin-top: 10px;
}
.mod-cmn-aside-sub > ul > li .link:first-child {
  margin-top: 0;
}
.mod-cmn-aside-sub .list-cmn-info .time {
  float: none;
  margin-right: 0;
  font-size: 86%;
}

/*mod-cmn-label*/
.mod-cmn-label {
  padding: 8px 10px;
  border: 1px solid #d6d6d6;
  background-color: #f6f6f6;
  text-align: center;
}
.mod-cmn-label dt {
  padding-bottom: 8px;
  font-weight: bold;
}
.mod-cmn-label dd {
  padding-top: 8px;
  border-top: 1px solid #d6d6d6;
}
.mod-cmn-label > p {
  margin-bottom: 0;
  padding: 8px 10px;
  border-top: 1px solid #d6d6d6;
}
.mod-cmn-label > p:first-child {
  padding-top: 0;
  border-top: none;
}
.mod-cmn-label > p:last-child {
  padding-bottom: 0;
}
.mod-cmn-label > p + p {
  margin-top: 0;
}

/*mod-cmn-tab*/
.mod-cmn-tab {
  margin-bottom: 30px;
}
.mod-cmn-tab:last-child {
  margin-bottom: 0;
}
.mod-cmn-tab > .list-tab-wrap {
  position: relative;
  display: none;
  overflow: hidden;
}
.mod-cmn-tab > .list-tab-wrap:first-child {
  display: block;
}
.mod-cmn-tab > .list-tab-wrap ul {
  display: table;
  width: 100%;
  height: 65px;
  table-layout: fixed;
}
.mod-cmn-tab > .list-tab-wrap ul > li {
  display: table-cell;
  height: 100%;
  padding-right: 2px;
  border-bottom: 1px solid #aaa;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.smt .mod-cmn-tab > .list-tab-wrap ul > li {
  height: 65px;
}
.mod-cmn-tab > .list-tab-wrap ul > li:nth-child(2) {
  padding: 0 1px;
}
.mod-cmn-tab > .list-tab-wrap ul > li:last-child {
  padding: 0 0 0 2px;
}
.mod-cmn-tab > .list-tab-wrap ul > li > .inner {
  position: relative;
  display: block;
  height: 100%;
  margin-bottom: -5px;
  padding: 0 10px;
  border-top: 3px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  color: #000;
  text-decoration: none;
  z-index: 900;
  cursor: pointer;
}
.mod-cmn-tab > .list-tab-wrap ul > li.is-current > .inner {
  border-top: 3px solid #c03;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  background-color: #fff;
}
.mod-cmn-tab > .list-tab-wrap  ul > li.is-current > .inner:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.mod-cmn-tab > .list-tab-wrap:first-child  ul > li.is-current > .inner:after {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.mod-cmn-tab > .list-tab-wrap:first-child  ul > li.is-current > .inner:after {
  top: auto;
  bottom: -1px;
}
.mod-cmn-tab > .list-tab-wrap  ul > li > .inner:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mod-cmn-tab > .list-tab-wrap ul > li > em.inner {
  cursor: auto;
}
.mod-cmn-tab > .list-tab-wrap  ul > li > .inner > span {
  display: inline-block;
  line-height: 1.3;
  vertical-align: middle;
  text-decoration: none;
}
.mod-cmn-tab > .list-tab-wrap  ul > li > .inner > .ico-cmn-arrow:after {
  top: 0.4em;
}
/*tab body*/
.mod-cmn-tab .tab-body {
  padding-top: 30px;
}

/*mod-contact-list*/
.mod-contact-list {
  margin-top: 20px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.mod-contact-list > section {
  padding: 15px 0 20px;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.mod-contact-list > section > h3,
.mod-contact-list > section > h4 {
  width: 180px;
  padding-top: 5px;
  float: left;
  text-align: center;
}
.mod-contact-list > section > h3 span,
.mod-contact-list > section > h4 span {
  display: block;
  margin-top: 10px;
  padding: 0 5px;
  font-size: 115%;
  font-weight: bold;
  color: #333;
}
.mod-contact-list > section > .body {
  padding-right: 20px;
  overflow: hidden;
}
.mod-contact-list > section > .body > .item {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted #ddd;
}
.mod-contact-list > section > .body > .item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.mod-contact-list > section > .body > .item > .txt {
  margin-bottom: 0;
}
.mod-contact-list > section > .body > .item > .txt + * {
  margin-top: 0;
}
.mod-contact-list > section > .body dl {
  margin-top: -15px;
  overflow: hidden;
}
.mod-contact-list > section > .body dl:first-child {
  margin-top: 0;
}
.mod-contact-list > section > .body dt {
  float: left;
  clear: both;
  font-weight: bold;
  color: #333;
}
.mod-contact-list > section > .body dd {
  overflow: hidden;
}

/*mod-cmn-movie*/
.mod-cmn-movie {
  margin-bottom: 30px;
}
.mod-cmn-movie:last-child {
  margin-bottom: 0;
}
.mod-cmn-movie iframe {
  max-width: 700px;
}

/*mod-cmn-check*/
.mod-cmn-check {
  position: relative;
  display: block;
  padding-bottom: 10px;
  text-align: center;
  cursor: pointer;
}
.mod-cmn-check:hover,
.mod-cmn-check.is-active {
  background-color: #dbdbdb;
}
@media all and (-ms-high-contrast:none){
.mod-cmn-check img {
  pointer-events: none; /*IE*/
}
}
.mod-cmn-check .txt {
  display: block;
  margin: 5px 0 0 0;
  text-align: center;
  color: #093475;
}
.mod-cmn-check input {
  margin: 10px 0 0;
}
.mod-cmn-check .ico-cmn-mark {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0 4px;
}

/*mod-cmn-reverse*/
.mod-cmn-reverse > :first-child {
  margin-bottom: 30px;
}

/*mod-cmn-ico-list*/
.mod-cmn-ico-list {
  margin-top: -5px;
  overflow: hidden;
}
.mod-cmn-ico-list > li {
  float: left;
  margin: 5px 5px 0 0;
}

/*mod-cmn-plus*/
.mod-cmn-plus {
  text-align: center;
  font-size: 48px;
}

/* hr
-------------------------------------------*/
hr {
  display: block;
  width: 100%;
  height: 1px;
  margin: 60px 0 30px;
  padding: 0;
  border: none;
  border-top: 1px solid #ddd;
  background: none;
}
hr:first-child {
  margin-top: 0;
}
hr:last-child {
  margin-bottom: 0;
}
.contents hr + p,
.contents hr + [class*=list-cmn] {
  margin-top: -6px;
}
/*style*/
hr.s-dot {
  margin-top: 30px;
  border-top: 1px dotted #ddd;
}

/* map
-------------------------------------------*/
/*grid-cmn s-map*/
.grid-cmn.s-map > .col2:first-child {
  width: 360px;
  margin-right: 30px;
}
.grid-cmn.s-map > .col2:last-child {
  width: 310px;
}
.contents-main.full .grid-cmn.s-map > .col2:last-child {
  width: 550px;
}
.grid-cmn.s-map .map {
  margin-top: 45px;
}
.grid-cmn.s-map .select {
  margin-top: -15px;
}
.grid-cmn.s-map .btn {
  margin-top: 15px;
}
/*grid-cmn s-pref*/
.grid-cmn.s-map.s-pref > .col2:first-child {
  float: right;
  width: 310px;
  margin-right: 20px;
}
.grid-cmn.s-map.s-pref > .col2:last-child {
  width: 360px;
  margin-right: 30px;
}

/*list-cmn-map-btn*/
.list-cmn-map-btn > li {
  margin-bottom: 5px;
}
.list-cmn-map-btn > li:last-child {
  margin-bottom: 0;
}
.list-cmn-map-btn .btn-cmn {
  width: 100%;
}
.list-cmn-map-btn .btn-cmn:before {
  display: none;
}
.list-cmn-map-btn .btn-cmn .inner > span {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
  font-weight: bold;
  white-space: nowrap;
}
.list-cmn-map-btn .btn-cmn .inner > span + span {
  padding-left: 15px;
  font-weight: normal;
  font-size: 86%;
  white-space: normal;
}
.list-cmn-map-btn .btn-cmn .inner > span > span {
  display: inline-block;
}

/* footer_user_assessment
-------------------------------------------*/
#footer_user_assessment {
  margin: 0 auto;
  padding-bottom: 100px;
  width: 940px;
}
#footer_user_assessment > div {
  width: 700px;
}
#footer_user_assessment.s-full > div {
  width: auto;
}
body.smt #footer_user_assessment *
{ max-height: 100%;}
#footer_user_assessment p {
  line-height: 1.6;
  margin-bottom: 30px;
}
#footer_user_assessment p:last-child {
  margin-bottom: 0;
}
#footer_user_assessment p + p,
#footer_user_assessment p + [class*=list-cmn] {
  margin-top: -12px;
}

/* js
-------------------------------------------*/
/*js-accordion*/
.js-accordion,
.js-accordion-tab {
  display: block;
  position: relative;
  color: #000;
  text-decoration: none;
}
.js-accordion:visited,
.js-accordion-tab:visited {
  color: #000;
}
.js-accordion:hover, a:focus,
.js-accordion-tab:hover, a:focus {
  color: #000;
}
.js-accordion [class*=tit-cmn],
.js-accordion-tab [class*=tit-cmn] {
  margin-bottom: 0;
  padding-right: 90px;
}
.js-accordion .toggle,
.js-accordion-tab .toggle {
  position: absolute;
  right: 10px;
  top: 17px;
}
.js-accordion .tit-cmn-lv3 + .toggle,
.js-accordion-tab .tit-cmn-lv3 + .toggle {
  top: 11px;
}
.js-accordion .toggle span,
.js-accordion-tab .toggle span {
  vertical-align: middle;
  line-height: 1.4;
}
.js-accordion .toggle img,
.js-accordion-tab .toggle img {
  margin-left: 10px;
  vertical-align: middle;
}
.js-accordion + .js-accordion-body,
.js-accordion-tab + .js-accordion-body {
  padding-top: 15px;
}
.js-accordion-body {
  display: none;
}
/*js-accordion tit-cmn*/
.js-accordion .tit-cmn-lv2,
.js-accordion-tab .tit-cmn-lv2 {
  padding-top: 11px;
}
.js-accordion .tit-cmn-lv4,
.js-accordion-tab .tit-cmn-lv4 {
  padding-top: 12px;
}
.js-accordion .tit-cmn-lv5,
.js-accordion-tab .tit-cmn-lv5 {
  padding: 12px 0;
  border-bottom: 1px solid #ddd;
}
/*list-accordion*/
.list-accordion > li:not(:first-child) .js-accordion .tit-cmn-lv3,
.list-accordion > li:not(:first-child) .js-accordion-tab .tit-cmn-lv3 {
  margin-top: 15px;
}
.list-accordion:first-child > li:first-child .js-accordion .tit-cmn-lv2,
.list-accordion:first-child > li:first-child .js-accordion .tit-cmn-lv3,
.list-accordion:first-child > li:first-child .js-accordion .tit-cmn-lv4,
.list-accordion:first-child > li:first-child .js-accordion .tit-cmn-lv5,
.list-accordion:first-child > li:first-child .js-accordion-tab .tit-cmn-lv2,
.list-accordion:first-child > li:first-child .js-accordion-tab .tit-cmn-lv3,
.list-accordion:first-child > li:first-child .js-accordion-tab .tit-cmn-lv4,
.list-accordion:first-child > li:first-child .js-accordion-tab .tit-cmn-lv5 {
  margin-top: 0;
}
.list-accordion > li:not(:first-child) .js-accordion .tit-cmn-lv2,
.list-accordion > li:not(:first-child) .js-accordion .tit-cmn-lv4,
.list-accordion > li:not(:first-child) .js-accordion .tit-cmn-lv5,
.list-accordion > li:not(:first-child) .js-accordion-tab .tit-cmn-lv2,
.list-accordion > li:not(:first-child) .js-accordion-tab .tit-cmn-lv4,
.list-accordion > li:not(:first-child) .js-accordion-tab .tit-cmn-lv5 {
  margin-top: 0;
}
.list-accordion .js-accordion-body {
  display: block;
}
/*js-accordion-tab*/
.js-accordion-tab + .js-accordion-body .js-accordion-body-in {
  margin-top: 30px;
}
.js-accordion-tab + .js-accordion-body .js-accordion-body-item,
.js-accordion-tab + .js-accordion-body.is-active  .js-accordion-body-item:first-child {
  display: none;
}
.js-accordion-tab + .js-accordion-body .js-accordion-body-item:first-child,
.js-accordion-tab + .js-accordion-body.is-active .js-accordion-body-item {
  display: block;
}

/*js-accordion tit-cmn*/
.js-accordion-tab .tit-cmn-lv2 {
  padding-top: 11px;
}
.js-accordion-tab .tit-cmn-lv4 {
  padding-top: 12px;
}
.js-accordion-tab .tit-cmn-lv5 {
  padding: 12px 0;
  border-bottom: 1px solid #ddd;
}
/*list-accordion*/
.list-accordion > li:not(:first-child) .js-accordion-tab .tit-cmn-lv3 {
  margin-top: 15px;
}
.list-accordion:first-child > li:first-child .js-accordion-tab .tit-cmn-lv2,
.list-accordion:first-child > li:first-child .js-accordion-tab .tit-cmn-lv3,
.list-accordion:first-child > li:first-child .js-accordion-tab .tit-cmn-lv4,
.list-accordion:first-child > li:first-child .js-accordion-tab .tit-cmn-lv5 {
  margin-top: 0;
}
.list-accordion > li:not(:first-child) .js-accordion-tab .tit-cmn-lv2,
.list-accordion > li:not(:first-child) .js-accordion-tab .tit-cmn-lv4,
.list-accordion > li:not(:first-child) .js-accordion-tab .tit-cmn-lv5 {
  margin-top: 0;
}

/*js-tel*/
a.js-tel,
.pc a.js-tel,
.smt a.js-tel {
  color: inherit;
  text-decoration: none;
  cursor: auto;
  word-break: break-all;
  word-wrap: break-word;
}
.tit-cmn-wrap.s-float a.js-tel {
  display: block;
  width: 190px;
}
.tit-cmn-wrap.s-float .ico-cmn-mark {
  white-space: normal;
}
a.js-tel:hover,
.pc a.js-tel:hover,
.smt a.js-tel:hover {
  color: #000;
}

/*js-tel s-link*/
.smt a.js-tel.s-link {
  color: #093475;
  text-decoration: underline;
}
.smt a.js-tel.s-link:hover {
  color: #3374da;
  text-decoration: none;
}

/*lineup*/
#lineup-font-size-sampler {
  bottom: 0;
}

/* style
-------------------------------------------*/
/*width*/
.s-w-full {
  width: 100% !important;
}
.s-w-auto {
  width: auto !important;
}
.s-w-m100-pc {
  width: 100% !important;
  max-width: 100px !important;
}
.s-w-m160-pc {
  width: 100% !important;
  max-width: 160px !important;
}
.s-w-m220-pc {
  width: 100% !important;
  max-width: 220px !important;
}
.s-w-m340-pc {
  width: 100% !important;
  max-width: 340px !important;
}
.s-w-m460-pc {
  width: 100% !important;
  max-width: 460px !important;
}
.s-w-160 {
  width: 160px !important;
}
.s-w-250 {
  width: 250px !important;
}
.s-w-95per {
  width: 95% !important;
}
.s-w-90per {
  width: 90% !important;
}
.s-w-85per {
  width: 85% !important;
}
.s-w-80per {
  width: 80% !important;
}
.s-w-75per {
  width: 75% !important;
}
.s-w-70per {
  width: 70% !important;
}
.s-w-65per {
  width: 65% !important;
}
.s-w-60per {
  width: 60% !important;
}
.s-w-55per {
  width: 55% !important;
}
.s-w-50per {
  width: 50% !important;
}
.s-w-45per {
  width: 45% !important;
}
.s-w-40per {
  width: 40% !important;
}
.s-w-35per {
  width: 35% !important;
}
.s-w-30per {
  width: 30% !important;
}
.s-w-25per {
  width: 25% !important;
}
.s-w-20per {
  width: 20% !important;
}
.s-w-15per {
  width: 15% !important;
}
.s-w-10per {
  width: 10% !important;
}
.s-w-05per {
  width: 5% !important;
}
/*font weight*/
.s-fw-b {
  font-weight: bold !important;
}
.s-fw-n {
  font-weight: normal !important;
}
/*font size*/
.s-fz-s {
  font-size: 86%;
}
.s-fz-l {
  font-size: 115%;
}
/*font color*/
strong,
.s-color01 {
  color: #c03;
}
/*sup*/
.s-sup {
  vertical-align: top;
  font-size: 86%;
}
/*bg none*/
.s-bg-n {
  background-image: none !important;
}
/*ftbox*/
.s-ftbox {
  overflow: hidden;
}
/*border*/
.s-border-red {
  border: 2px solid #c5243e;
}
/*align*/
.s-ta-l {
  text-align: left !important;
}
.s-ta-c {
  text-align: center !important;
}
.s-ta-r {
  text-align: right !important;
}
.s-va-t {
  vertical-align: top !important;
}
.s-va-m {
  vertical-align: middle !important;
}
.s-va-b {
  vertical-align: bottom !important;
}
/*clear*/
.s-clear {
  clear: both;
}
/*word-break*/
.s-break {
  word-break: break-all;
  word-wrap: break-word;
}
/*white-space*/
.s-nowrap {
  white-space: nowrap;
}
/*only*/
.only-pc-ta-l {
  text-align: left !important;
}
.only-pc-ta-c {
  text-align: center !important;
}
.only-pc-ta-r {
  text-align: right !important;
}
/*only clearfix*/
.only-pc-clearfix {
/*  zoom: 1;*/
}
.only-pc-clearfix:before {
  content: "";
  display: table;
}
.only-pc-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/*margin*/
.s-mt-00 {
  margin-top: 0 !important;
}
.s-mb-00 {
  margin-bottom: 0 !important;
}
.s-ml-00 {
  margin-left: 0 !important;
}
.s-mr-00 {
  margin-right: 0 !important;
}
.s-mt-10 {
  margin-top: 10px !important;
}
.s-mb-10 {
  margin-bottom: 10px !important;
}
.s-mt-20 {
  margin-top: 20px !important;
}
.s-mb-20 {
  margin-bottom: 20px !important;
}
.s-mt-30 {
  margin-top: 30px !important;
}
.s-mb-30 {
  margin-bottom: 30px !important;
}
.s-mb-no {
  margin-bottom: 0 !important;
}
.s-mb-no + * {
  margin-top: 0 !important;
}
/*s-inline-block*/
.s-inline-block {
  display: inline-block !important;
}

/* print
-------------------------------------------*/
.wrapper.s-print .contents-main {
  margin: 0 auto;
  float: none;
}
.wrapper.s-print .btn-pagetop {
  display: none !important;
}