@charset "UTF-8";

/* ===============================================
   Selector Grouping
=============================================== */
/* Clear Fix */
.top-section-9 .box-2:after,
.cf {
  *zoom: 1;
  content: "";
  display: table;
  clear: both;
}

#page-already.templates-top-3,
#page-beginner.templates-top-3,
#page-shintaku.templates-top-3{
  width: 100%;
  left: 0;
  margin-left: 0;
  height: 600px;
}

#page-already[class^="templates-top-"] .structure-contents,
#page-beginner[class^="templates-top-"] .structure-contents,
#page-shintaku[class^="templates-top-"] .structure-contents{
  width: 988px;
}

#page-already .top-section-2,
#page-beginner .top-section-2,
#page-shintaku .top-section-2{
  width: 100%;
}

[class^="templates-top-"] .group-nav-global-child {
    border: 0;
    width: 100%;
}

/* ===============================================
   Head
=============================================== */
.toushi-index-head-1, .head-2, .head-3, .head-4, .head-5, .head-img-2, .head-box-1, .head-box-3, .head-box-4, .head-box-7, .head-box-9, .head-box-10, .head-box-11, .head-index-1 {
  margin: 2em 0 0;
  line-height: 1.2;
}
  .toushi-index-head-1:first-child, .head-2:first-child, .head-3:first-child, .head-4:first-child, .head-5:first-child, .head-img-2:first-child, .head-box-1:first-child, .head-box-3:first-child, .head-box-4:first-child, .head-box-7:first-child, .head-box-9:first-child, .head-box-10:first-child, .head-box-11:first-child, .head-index-1:first-child {
    margin-top: 0;
}
.toushi-index-head-1 {
  background-size: 375px auto;
  width: 375px;
  margin-left: auto;
  margin-right: auto;
/*  padding-bottom: 37px;*/
	display:none;
	padding-bottom:0;
}
  .toushi-index-head-1 > span {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
}

.box-index-1 {
  overflow: hidden;
}

.box-index-1 > a,
.box-index-4 > .head-box-13 > a {
  position: relative;
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 20px 20px 20px 20px;
  margin: -20px;
}
.box-index-1 > a:before,
.box-index-4 > .head-box-13 > a:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #003a82;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 14%;
  right: 20px;
  margin-top: -7px;
}

.box-index-4 > .head-box-13 > a:before {
  top: 50%;
}

.box-index-1 a:hover,
.box-index-4 > .head-box-13 > a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.box-index-4 {
  overflow: visible;
  border: 2px solid #ccc;
  padding: 20px 45px;
}
.box-index-4 > .box-index-1-image {
  margin-bottom: 20px;
}
.box-index-4 > .box-index-1-image > img {
  width: 100%;
}
.box-index-4 .head-box-13 span.head-box-5 {
  display: block;
  margin-top: -32px;
}
.layout-grid.beginner .head-box-2 {
  min-height: 82px;
}
.layout-grid.beginner .head-box-2.text-position {
  padding: 30px 20px 10px;
}

.layout-grid.beginner .box-index-1 > a::before {
  top: 20%;
}

.head-box-2 {
  line-height: 1.2;
  font-size: 21px;
  font-size: 21rem;
  margin: -20px -20px 0;
  padding: 20px;
  font-weight: bold;
  border-bottom: none;
  display: block;
}
.head-box-12 {
  color: #003d82;
  font-weight: bold;
  font-size: 18px;
  font-size: 18rem;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.head-box-13 {
  line-height: 1.2;
  font-size: 18px;
  font-size: 18rem;
  margin: -20px -20px 0;
  padding: 20px;
}

.head-2-toushi {
  font-size: 26px;
  font-size: 26rem;
  text-align: center;
  margin-bottom: 40px;
}

.top-section-11 .layout-grid.col-2 > .layout-grid-item:nth-child(n+3) {
  margin-top: 30px;
}

/* ===============================================
   Layout
=============================================== */
.layout-flow-1 {
  margin-top: 60px;
}
.layout-flow-1 > p {
  font-weight: bold;
}
.layout-flow-2 {
  margin: 60px auto 35px;
}

.box-index-2 + .layout-toggle-1 {
  margin-top: -1px;
}

/* ===============================================
   List
=============================================== */
.list-1.inline > li, .list-2.inline > li,
.list-3.inline > li, .list-anchor-1 > li, .list-pagination-1 > li, .top-section-2 .top-list-banner-1 > li, .top-section-2 .top-list-lifestage > li, .top-section-4 .top-list-button-1 > li {
  display: inline-block;
  float: left;
}

  .list-button-1.col-2 > li,
  .list-button-2.col-2 > li,
  .list-button-3.col-2 > li {
    width: 50%;
}
  .list-button-1.col-3 > li,
  .list-button-2.col-3 > li,
  .list-button-3.col-3 > li {
    width: 33.33333%;
}
  .list-button-1.col-4 > li,
  .list-button-2.col-4 > li,
  .list-button-3.col-4 > li {
    width: 25%;
}

.list-button-3 {
  width: calc(100% + 8px);
  margin-left: -4px;
  margin-right: -4px;
  margin-top: 0;
  font-size: 0;
  
}
.list-button-3 > li {
  margin-top: 1em;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 16px;
  font-size: 16rem;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.list-button-3 .text-small {
  font-size: 16px;
  font-size: 16rem;
  margin-left: -7px;
}
.list-button-3.beginner-menu .button-4 > span {
  height: 139px;
}

/* ===============================================
   Text
=============================================== */
.em-1 {
  font-size: 16px;
  font-size: 16rem;
}
.em-2 {
  color: #cc3333;
  font-size: 20px;
}

/* ===============================================
   Button
=============================================== */
.button-1[class*="icon-"] {
  padding-left: 50px;
}
.button-1.icon-1 {
  background-image: url(/common/images/icon-head-2.png);
}
.button-1.icon-11 {
  background-image: url(/common/images/icon-button-11.png);
}
.button-1.icon-12 {
  background-image: url(/common/images/icon-button-12.png);
}
.button-1.icon-13 {
  background-image: url(/common/images/icon-button-13.png);
}
.button-1.icon-14 {
  background-image: url(/common/images/icon-button-14.png);
}
.button-1.icon-15 {
  background-image: url(/common/images/icon-button-15.png);
}
.button-1.icon-16 {
  background-image: url(/common/images/icon-button-16.png);
}
.button-1.icon-20 {
  background-image: url(/common/images/icon-button-20.png);
}
.button-1.icon-21 {
  background-image: url(/common/images/icon-button-21.png);
  padding-left: 37px;
}
.button-1.icon-22 {
  background-image: url(/common/images/icon-menu-07.png);
}
.button-1.icon-23 {
  background-image: url(/common/images/icon-button-23.png);
}

/* gray button
----------------------------------------------- */
.button-4,
.button-priority-4 {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  line-height: 1.2;
  position: relative;
  width: 100%;
  max-width: 352px;
}
.button-4[class*="w-"],
.button-priority-4[class*="w-"] {
  max-width: inherit;
}

.button-priority-4:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border: 2px solid #003a82;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
}

.button-priority-4 > span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 66px;
  padding: 6px 34px 4px 20px;
}


/* menu button
----------------------------------------------- */
.button-4:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.button-4 {
  background: #fff;
  border-radius: 5px;
  text-align: center;
  box-shadow: 1px 6px 0 0px rgba(0,0,0,0.2)}
.button-4[class*="icon-"] {
  padding-left: 0;
  background: #fff no-repeat center 20px;
}
.button-4[class*="icon-"] > span {
  line-height: 1.3;
}
.button-4.icon-1 {
  background-image: url(/common/images/icon-menu-01.png);
}
.button-4.icon-2 {
  background-image: url(/common/images/icon-menu-02.png);
}
.button-4.icon-3 {
  background-image: url(/common/images/icon-menu-03.png);
}
.button-4.icon-4 {
  background-image: url(/common/images/icon-menu-04.png);
}
.button-4.icon-5 {
  background-image: url(/common/images/icon-menu-05.png);
}
.button-4.icon-6 {
  background-image: url(/common/images/icon-menu-06.png);
}
.button-4.icon-7 {
  background-image: url(/common/images/icon-menu-07.png);
}
.button-4.icon-8 {
  background-image: url(/common/images/icon-menu-08.png);
}
.button-4.icon-9 {
  background-image: url(/common/images/icon-menu-09.png);
}
.button-4.icon-10 {
  background-image: url(/common/images/icon-button-21.png);
}

.button-priority-4 {
  font-size: 18px;
  font-size: 18rem;
  border-radius: 4px;
}
  .button-4 > span {
    display: block;
    width: 100%;
    padding-top: 75px;
    padding-bottom: 10px;
    font-size: 16px;
    font-size: 16rem;
    line-height: 1.6
}
  .button-4 > span > em{
    font-size: 22px;
    font-size: 22rem;
}
.button-4 > span ._row1{
  display: inline-block;
  padding-top: .5em;
  padding-bottom: .5em;
}
    .button-priority-4[class*="icon-1"] > span {
      padding-left: 65px;
      font-size: 16px;
      font-size: 16rem;}
      .button-priority-4[class*="icon-1"] > span > .button-icon {
        position: absolute;
        top: 50%;
        left: 12px;
        margin-top: -19px;
}
 
}
  .button-priority-4[class*="icon-2"] {
    text-align: center;
}
    .button-priority-4[class*="icon-2"] > span {
      display: block;
      padding-left: 10px;
}
      .button-priority-4[class*="icon-2"] > span > .link-icon {
        vertical-align: middle;
        top: -1px;
}
      .button-priority-4[class*="icon-2"] > span > .button-icon {
        position: relative;
        margin-right: 14px;
        vertical-align: middle;
}

.button-priority-4 {
  background: #f0f0f0;
  border-bottom: 4px solid #ccc;
}



/* orange / blue button (beginner page)
----------------------------------------------- */

.button-priority-3.button-orange {
  display: table;
  margin: 40px auto 0;
  border-bottom: none;
  background: #b94141;
  background: linear-gradient(#f7861f, #eb5f01);
  color: #fff;
}
.button-priority-3.button-blue {
  display: table;
  margin: 40px auto 0;
  border-bottom: none;
  background: #355189;
  background: linear-gradient(#3660b6, #355189);
  color: #fff;
}
.button-priority-3.button-orange > .label,
.button-priority-3.button-blue> .label {
  border-radius: 4px 0 0 4px;
  width: 60px;
  text-align: center;
  background-size: 32px auto;
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 4px;
}
.button-priority-3.button-orange > .label {
  background-image: url(/common/images/icon-button-24.png);
  background-color: #ffe5ca;
  box-shadow: inset 0px -4px 0px 0px #d8acac;
}
.button-priority-3.button-blue> .label {
  background-image: url(/common/images/icon-button-25.png);
  background-color: #dae6ff;
  box-shadow: inset 0px -4px 0px 0px #abb5c9;
}
.button-priority-3.button-orange > .title {
  text-align: center;
  border-radius: 0 4px 4px 0;
  box-shadow: inset 0px -4px 0px 0px #9c2727;
}
.button-priority-3.button-blue > .title {
  text-align: center;
}


/* new window icon
----------------------------------------------- */
.button-priority-3.button-blue > .icon-new-window-menu {
  bottom: 37%;
  right: 100px;
  background-color: #fff;
}
.icon-new-window-button {
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 45px;
  margin-top: -7px;
}
.icon-new-window-menu {
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  position: absolute;
  bottom: 17%;
  right: 10px;
}

/* logon button
----------------------------------------------- */
.button-logon-1 {
  color: #fff;
  display: table;
  width: 100%;
  text-decoration: none;
  line-height: 1.2;
  font-weight: bold;
  position: relative;
}
.button-logon-1:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -3px;
}
.button-logon-1:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  color:#fff !important;
}
.button-logon-1:visited {
  color: #fff;
}
.button-logon-1 > * {
  display: table-cell;
  vertical-align: middle;
}
.button-logon-1 > .label {
  border-radius: 4px 0 0 4px;
  width: 3em;
  padding: 0 3px;
  color: #cc3333;
  text-align: center;
  background: #fdd2d2;
  padding-bottom: 4px;
  box-shadow: inset 0px -4px 0px 0px #d8acac;
}
.button-logon-1 > .title {
  font-size: 14px;
  font-size: 14rem;
  text-align: center;
  border-radius: 0 4px 4px 0;
  padding: 5px 25px 8px 7px;
  background: #b94141;
  background: linear-gradient(#dc4444, #b94141);
  box-shadow: inset 0px -4px 0px 0px #9c2727;
}
.button-logon-1 > .title > .caption {
  display: inline-block;
}
.button-logon-1 > .title{
  display: table-cell;
  vertical-align: top;
}
.button-logon-1 > .title > .title{
  font-size: 24px;
  font-size: 24rem;
}
.button-logon-1.button-orange > .title > .caption {
  font-size: 21px;
  font-size: 21rem;
  display: inline-block;
}
.button-logon-1.button-orange > .label {
  border-radius: 4px 0 0 4px;
  width: 3.5em;
  padding: 0 3px;
  color: #cc3333;
  text-align: center;
  background-image: url(/common/images/icon-button-24.png);
  background-size: 32px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffe5ca;
  padding-bottom: 4px;
  box-shadow: inset 0px -4px 0px 0px #d8acac;
}
.button-logon-1.button-orange > .title {
  text-align: center;
  border-radius: 0 4px 4px 0;
  background: #b94141;
  background: linear-gradient(#f7861f, #eb5f01);
  box-shadow: inset 0px -4px 0px 0px #9c2727;
}

/* button area text (beginner page)
----------------------------------------------- */
.button-area {
  font-size: 0;
  margin: 30px auto 0;
}
.button-area-text {
  font-size: 18px;
  font-size: 18rem;
  position: relative;
}
.button-area-text::after {
  content: url(/individual/unyou/toushi/images/toushi-img-14.png);
  width: 54px;
  height:14px;
  margin-left: 10px;
}
.button-area .button-area-inner {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

/* ===============================================
   Slide
=============================================== */
.slide-1 {
  position: relative;
  text-align: center;
  float: left;
  margin-top: 0;
}

.flex-viewport {
  width: 700px;
}

/* ===============================================
   Footer
=============================================== */
.group-footer-pr-slide > .flex-viewport {
  width: auto;
}
.list-link-6 {
  margin: 0;
}
  .list-link-6 > li {
    display: inline-block;
    float: left;
    width: 33.33333%;
    margin: 0.3em 0;
}
    .list-link-6 > li > a {
      display: inline-block;
      position: relative;
      padding-left: 18px;
      text-decoration: none}
      .list-link-6 > li > a:before {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        border: 2px solid #003d82;
        border-width: 2px 2px 0 0;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -3px;
}

/* sub area
----------------------------------------------- */
.group-sub-logon {
  border: 1px solid #ccc;
  margin-top: 0;
  padding: 12px 5px;
}
  .group-sub-logon-title {
    font-size: 22rem;
    font-weight: bold;
    text-align: center;
    margin-top: 3px;
}

/* ===============================================
   Top
=============================================== */
#page-already.templates-top-1 {
	background:url(/individual/unyou/toushi/images/img_bg_already.jpg) no-repeat center top
}
#page-beginner.templates-top-1 {
  background: url(/individual/unyou/toushi/images/img_bg_beginner.jpg) no-repeat center top;
}
#page-shintaku.templates-top-1 {
  background: none;
}
@media only screen and (min-width: 1366px) {
  #page-beginner.templates-top-1,
  #page-already.templates-top-1{
    background-size:100% auto; }
}

#page-already .templates-top-3 {
  width: 988px;
/*  background: url(/individual/unyou/toushi/images/img_bg_already-txt.png) no-repeat center top;*/
	background:none!important;
}
#page-beginner .templates-top-3 {
  width: 988px;
  background: url(/individual/unyou/toushi/images/img_bg_beginner-txt.png) no-repeat center top;
}
#page-shintaku .templates-top-3 {
  width: 988px;
  background: url(/individual/unyou/toushi/images/img_bg_beginner-txt.png) no-repeat center top;
}

.templates-top-1 .group-footer-pr {
  border-top: none;
}
.templates-top-1.run-js .top-section-1 {
/*  height: 390px;*/
	height:410px;
}

.top-button-group {
  float: right;
}
.top-section-1 .group-sub-logon {
  float: none;
}
.top-section-1 .layout-button {
  margin-top: 2px;
/*  background-color: #ffffff;*/
}
.top-section-1 .layout-button > .button-1 {
  max-width: 270px;
  border: none;
}
  .top-section-1 .layout-button > .button-1 > span {
    height: 90px;
    font-size: 21px;
    font-size: 21rem;
    line-height: 1.1;
}
    .top-section-1 .layout-button > .button-1 > span > .em-3 {
      font-size: 28px;
      font-size: 28rem;
   
}
.top-section-1 .group-sub-logon-button-1 {
  margin-top: 20px;
}

.list-anchor-1 {
  margin-top: 0;
}
.list-anchor-1 > li {
  border-right: none;
  margin-right: 0;
}
.list-anchor-1 > li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.list-anchor-1 > li > a {
  display: block;
  padding-right: 0;
  position: relative;
}
.list-anchor-1 > li > a:before {
  content: none;
}

.top-section-2 {
  background: #fff;
  padding: 40px 0;
  /*margin-bottom: 2px;*/
}
  .top-section-2 .top-head-1 {
    color: #000000;
    font-size: 28px;
    text-align: center;
}
    .top-section-2 .top-head-1 > span {
      display: inline-block;
      padding: 0 90px;
      margin: 20px auto;
      position: relative;
}
      .top-section-2 .top-head-1 > span:before, .top-section-2 .top-head-1 > span:after {
        content: "";
        display: inline-block;
        width: 70px;
        height: 1px;
        background: #000000;
        position: absolute;
        top: 50%;
}
      .top-section-2 .top-head-1 > span:before {
        left: 0;
}
      .top-section-2 .top-head-1 > span:after {
        right: 0;
}
  .top-section-2 .top-list-lifestage {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 0;
}
    .top-section-2 .top-list-lifestage > li {
      padding: 0 10px;
      margin-top: 25px;
      width: 25%;
}
      .top-section-2 .top-list-lifestage > li a {
        display: block;
        position: relative;
}
        .top-section-2 .top-list-lifestage > li a img {
          border: 1px solid #ccc;
}
        .top-section-2 .top-list-lifestage > li a .label {
          position: absolute;
          top: -5px;
          left: 5px;
          background: url(/common/images/top-bg-5.png) no-repeat right bottom;
          color: #fff;
          display: table;
          width: 168px;
          height: 36px;
}
          .top-section-2 .top-list-lifestage > li a .label > span {
            display: table-cell;
            vertical-align: middle;
            line-height: 1.2;
}
            .top-section-2 .top-list-lifestage > li a .label > span.sub {
              font-size: 12px;
              font-size: 12rem;
}
            .top-section-2 .top-list-lifestage > li a .label > span > span {
              position: relative;
              padding: 0 15px 0 10px;
              display: inline-block;
}
              .top-section-2 .top-list-lifestage > li a .label > span > span:before {
                content: "";
                display: inline-block;
                width: 6px;
                height: 6px;
                border: 2px solid #fff;
                border-width: 2px 2px 0 0;
                -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                position: absolute;
                top: 50%;
                right: 2px;
                margin-top: -2px;
}
        .top-section-2 .top-list-lifestage > li a:hover .label {
          opacity: 0.6;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.top-section-3,
.top-section-4,
.top-section-5,
.top-section-6,
.top-section-8,
.top-section-9,
.top-section-10,
.top-section-11 {
  background: #ffffff;
  background-image: none;
  padding: 0;
  margin: 30px 0;
}

.top-section-8 .list-button-1 .button-1 > span {
  height: 67px;
  line-height: 1.2;
  font-weight: normal;}
.top-section-7 {
  box-shadow: none;
  margin: 80px 0;
  background: #ffffff;
  background-image: none;
  padding: 0;
}

.top-section-9 {
  padding: 0;
}
.top-section-9 .top-section-inner .layout-button {
  margin-top: 30px;
}

.top-section-10 {
  border: none;
  color: inherit;
}
.top-section-10 a{
  color:#61385e;
}

.top-section-11 .top-section-inner {
  border: 4px #eed1d1 solid;
  color: inherit;
  padding: 40px 66px;
  box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.2);
  margin-top: 80px;
}


/* #toushi-index-wrapper
----------------------------------------------- */

#toushi-index-wrapper{
}
#toushi-index-wrapper::after{
	content:" ";
	clear:both;
	display:block;
}

#toushi-index-wrapper .cell-1{
	width:25%;
	height:380px;
	background: rgba(255,255,255,0.5);
	/*float:left;*/
	float: right;
	text-align:center;
}
#toushi-index-wrapper .cell-1 .text-1{
	font-size:14px;
	font-size:14rem;
	font-weight:bold;
}
#toushi-index-wrapper .cell-1 .cell-box-1{
}
#toushi-index-wrapper .cell-1 .cell-box-2{
}
#toushi-index-wrapper .cell-1 .cell-box-3{
}

#toushi-index-wrapper .cell-2{
	width:40%;
	height:380px;
	float:left;
	text-align:center;
}
.bx-pager{
	width:100%;
	margin:auto;
}
.bx-pager-item{
	margin: 0 9px;
	display: inline-block;
}
.bx-pager-item a{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #ccc;
    border-radius: 50%;
    color: #ccc;
    overflow: hidden;
}
.bx-pager-item a.active{
	background: #cc3333;
	color: #cc3333;
}

#toushi-index-wrapper .cell-3{
	width:35%;
	height:380px;
	float:left;
	text-align:center;
}
#toushi-index-wrapper .cell-3 .tab-button-wrapper::after{
	content:" ";
	clear:both;
	display:block;
}
#toushi-index-wrapper .cell-3 .tab-button-wrapper .tab-button{
	width:50%;
	padding:15px 10px;
	float:left;
	font-size:16px;
	font-size:16rem;
	font-weight:bold;
}
#toushi-index-wrapper .cell-3 .tab-button-wrapper .tab-button:hover{
	cursor:pointer;
	opacity:0.5;
}
#toushi-index-wrapper .cell-3 .tab-button-wrapper #tab-button-1{
	background:rgba(204,51,51,0.8);
	color:#fff;
	border-radius: 10px 0 0 0;
}
#toushi-index-wrapper .cell-3 .tab-button-wrapper #tab-button-2{
	background:rgba(255,191,124,0.8);
	border-radius: 0 10px 0 0;
}
#toushi-index-wrapper .cell-3 .tab-box-wrapper .tab-box{
	height:326px;
}
#toushi-index-wrapper .cell-3 .tab-box-wrapper #tab-box-1{
	background:rgba(204,51,51,0.8);
	display:none;
}
#toushi-index-wrapper .cell-3 .tab-box-wrapper #tab-box-2{
	background:rgba(255,191,124,0.8);
	display:none;
}
#toushi-index-wrapper .cell-3 .tab-box-wrapper .is-current{
	display:block!important;
}



#toushi-index-wrapper .cell-1 .inner{
	padding:15px 15px 0px 15px;
}
#toushi-index-wrapper .cell-3 .inner{
	padding:10px;
}



.table-col-2,
.table-col-3{
	width:100%;
	margin: 5px auto;
	display:table;
}
.table-col-2 li{
	width:50%;
	display:table-cell;
	table-layout:fixed;
}
.table-col-3 li{
	width:33%;
	display:table-cell;
	table-layout:fixed;
}
.table-col-2 li .cell-inner,
.table-col-3 li .cell-inner{
	padding:3px;
}

.button-large-1 span{
	height: 80px!important;
}

.button-toushi-1,
.button-toushi-2{
	width: 100%;
	background: #fff;
	border-bottom: 4px solid #999;
	border-radius:2px;
	display: inline-block;
	position: relative;
	color:#c33;
	line-height: 1.2;
	text-decoration: none;
}
.button-toushi-1 > span,
.button-toushi-2 > span{
	width: 100%;
	padding:25px 5px 25px 0px;
	display:block;
	font-size: 15px;
	font-size: 15rem;
	font-weight: bold;
	text-align:center;
}
.button-toushi-1:before,
.button-toushi-2:before{
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border: 2px solid #c33;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -4px;
}
.button-toushi-2{
	color:#333;
}
.button-toushi-2:before {
	border: 2px solid #333;
	border-width: 2px 2px 0 0;
}


/* master.css > custom */
.templates-top-3{
	height:640px!important;
}


.button-important-2 > span,
.button-priority-1 > span,
.button-priority-2 > span,
.button-priority-3 > span,
.button-priority-5 > span {
	padding: 6px 25px 4px 20px;
}
.button-important-2:before,
.button-priority-1:before,
.button-priority-2:before,
.button-priority-3:before,
.button-priority-5:before {
	right: 15px!important;
}

.button-priority-5:before {
	border: 2px solid #fff;
	border-width: 2px 2px 0 0;
}