@charset "utf-8";
.color-original {
	color: #645A91;
}

.bg-original {
	background-color: #645A91;
}

em, strong {
	font-weight: bold;
}

.all_about-index {
	padding-bottom: 40px;
}

.all_about-index header {
	padding: 0 6.25%;
}

.all_about-index header p {
	text-align: center;
	font-size: 14px;
}

.all_about-index ul[role="about"] {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	display: table;
	table-layout: fixed;
	border-top: 1px #ccc solid;
	background: #fff;
	text-align: center;
	z-index: 10;
      -webkit-transform: translateZ(10px);
}

.all_about-index ul[role="about"] li {
	display: table-cell;
	height: 29px;
	background-color: #fff;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-ms-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

.all_about-index ul[role="about"] li + li {
	border-left: 1px #ccc solid;
}

.all_about-index ul[role="about"] li:nth-child(1) a {
	color: #4678A5;
}

.all_about-index ul[role="about"] li:nth-child(2) a {
	color: #645A91;
}

.all_about-index ul[role="about"] li:nth-child(3) a {
	color: #BE5A5A;
}

.all_about-index ul[role="about"] li:nth-child(4) a {
	color: #468282;
}

.all_about-index ul[role="about"] li a {
	height: 100%;
	line-height: 1;
	padding-top: 3px;
}

.all_about-index ul[role="about"] li a small {
	display: block;
	transform: scale(0.8);
	font-weight: normal;
}

.all_about-index ul[role="about"] li a strong {
	display: block;
	font-size: 12px;
}

.all_about-index .comparison {
	width: 100%;
	margin-top: 6px;
	border-top: 1px solid #ccc;
	position: relative;
	overflow: hidden;
}

.all_about-index .comparison > h3 {
	width: 100%;
	padding-top: 25px;
	border-top: 1px solid #ccc;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	text-align: center;
	font-size: 18px;
	line-height: 1;
}

.all_about-index .comparison .comparison-nav {
	width: 100%;
}

.all_about-index .comparison .comparison-nav > li {
	position: absolute;
	top: 10px;
	z-index: 2;
	padding: 10px;
}

.all_about-index .comparison .comparison-nav > li:before {
	font-size: 30px;
}

.all_about-index .comparison .comparison-nav > li.prev {
	left: 0;
}

.all_about-index .comparison .comparison-nav > li.next {
	right: 0;
}

.all_about-index .comparison #abouttypes {
	width: 81.25%;
	position: absolute;
	top: 0;
	left: 9.375%;
	z-index: 1;
}

.all_about-index .comparison #abouttypes .types {
	display: flex;
	justify-content: space-between;
	width: 400%;
	position: absolute;
	top: 0;
	left: 0;
}

.all_about-index .comparison #abouttypes .types .type {
      display: block;
      float: left;
	/*width: 81.25%;*/
      width: 25%;
	padding-top: 10px;
	padding-left: .96%;
	padding-right: .96%;
	text-align: center;
}

.ua-android-4:not(.ua-chrome) .all_about-index .comparison #abouttypes .types .type > * {
  display: none;
}

.ua-android-4:not(.ua-chrome) .all_about-index .comparison #abouttypes .types .type.active > * {
  display: block;
}

.all_about-index .comparison #abouttypes .types .type .type-summary {
	min-height: 310px;
}

.all_about-index .comparison #abouttypes .types .type .type-summary h4 {
	text-align: center;
	font-size: 24px;
	line-height: 1.2;
}

.all_about-index .comparison #abouttypes .types .type .type-summary h4 span {
	font-size: 14px;
}

.all_about-index .comparison #abouttypes .types .type .type-summary h4 + p {
      min-height: 2.8em;
	margin: 5px 0 10px 0;
	text-align: left;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.4;
}

.all_about-index .comparison #abouttypes .types .type .type-summary .type-img {
	width: 100%;
	height: 0;
	margin-bottom: 25px;
	padding-bottom: 70%;
	border-radius: 10px;
	background-color: #F5F5F5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35.4% auto;
}

.all_about-index .comparison #abouttypes .types .type .type-summary dl {
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-size: 13px;
	line-height: 2;
}

.all_about-index .comparison #abouttypes .types .type .type-summary dl:first-of-type {
	border-top: 1px solid #ccc;
}

.all_about-index .comparison #abouttypes .types .type .type-summary dl dd {
	font-weight: normal;
	margin: -2em 0 0 26%;
}

.all_about-index .comparison #abouttypes .types .type .type-summary dl dd + dd {
	margin-top: 0;
	border-top: 1px solid #ccc;
}

.all_about-index .comparison #abouttypes .types .type .type-summary .type-detaillink {
	width: 100%;
	max-width: none;
	margin-top: 20px;
	font-size: 14px;
	line-height: 30px;
}

.all_about-index .comparison #abouttypes .types .type .type-summary .type-detaillink + p {
	margin-top: 10px;
	min-height: 6em;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	line-height: 1.4;
}

.all_about-index .comparison #abouttypes .types .type .type-summary .type-detaillink + p em {
	display: inline-block;
	font-weight: bold;
	font-size: 15px;
}

.all_about-index .comparison #abouttypes .types .type .type-detail {
	margin-top: 75px;
	border: 1px solid #ccc;
	font-size: 13px;
	font-weight: normal;
}

.all_about-index .comparison #abouttypes .types .type .type-detail table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.all_about-index .comparison #abouttypes .types .type .type-detail table th, .all_about-index .comparison #abouttypes .types .type .type-detail table td {
	border-bottom: 1px solid #ccc;
	line-height: 3.08;
}

.all_about-index .comparison #abouttypes .types .type .type-detail table td {
	background-color: #f5f5f5;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .no-bdb {
	border-bottom: none;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .btn-flat {
	width: 100%;
	max-width: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 30px;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-main th {
	vertical-align: middle;
	font-weight: normal;
	font-size: 18px;
      line-height: 1;
	color: #fff;
      height: 2.44em;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-main th small {
  display: block;
  font-size: 13px;
  line-height: 1.3;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-main td {
	padding: 20px 0;
	vertical-align: middle;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-main td > img {
	display: inline-block;
	width: 41.66667%;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-size table thead th {
	width: 83.33333%;
	border-left: 1px solid #ccc;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-size table tbody th {
	border-right: 1px solid #ccc;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-size table tbody td {
  line-height: 1.3;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-weight:after {
	content: "";
	display: block;
	width: 0;
	min-height: 5em;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-weight td {
	line-height: 1.4;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-dates:after {
	content: "";
	display: block;
	width: 0;
	min-height: 10.5em;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-dates td {
	line-height: 1.4;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-dates td span {
	display: block;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-dates td span + span {
	margin-top: 3px;
      padding-top: 3px;
}
.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-dates td:nth-last-child(2) span + span {
      border-top: 1px solid #ccc
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-fdw:after {
	content: "";
	display: block;
	width: 0;
	min-height: 5em;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-fdw td {
	line-height: 1.4;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-zoom a {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	position: relative;
      background: url('/store/techo/2018/images/loading3.gif') no-repeat 50% 50%;
      -webkit-background-size: 13.33% auto;
         -moz-background-size:13.33% auto;
              background-size: 13.33% auto;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-zoom a > img {
	display: block;
	width: 62.5%;
	height: 83.33333%;
	position: absolute;
	top: 8.33333%;
	left: 18.75%;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-zoom a:before {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 1;
	background-color: #FA960A;
	text-align: center;
	overflow: hidden;
	font-size: 18px;
	line-height: 1.22;
	color: #fff;
}

.all_about-index .comparison #abouttypes img {
      -webkit-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
         -moz-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
          -ms-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
           -o-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
              transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
}

.all_about-index .comparison #abouttypes img:not([src]),
.all_about-index .comparison #abouttypes img.state-ready,
.all_about-index .comparison #abouttypes img.state-ready-forced {
    opacity: 0;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .notinclude {
	position: relative;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .notinclude:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .notinclude > p {
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
	line-height: 1;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-info:after {
	content: "";
	display: block;
	width: 0;
	min-height: 28em;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-info td {
	padding: 10px;
	vertical-align: top;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-info td ul {
	text-align: left;
	margin-left: 10px;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-info td ul li {
	text-indent: -0.5em;
	line-height: 1.4;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-info td ul li:before {
	content: "- ";
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-mutiline {
	line-height: 1.2;
	padding: 10px;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-exclusive {
	padding: 10px 0;
	line-height: 1.4;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-exclusive > img {
	display: inline-block;
	width: 54.58333%;
	margin-bottom: 5px;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-more {
	padding: 20px 10px;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-more a:first-child {
	background-color: #FA960A;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-more a:first-child:before {
	font-size: 24px !important;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-more a:last-child {
	margin-top: 10px;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-cover {
	padding: 30px 10px 20px 10px;
}

.all_about-index .comparison #abouttypes .types .type .type-detail .type-detail-cover > img {
	display: inline-block;
	margin-bottom: 20px;
}

.all_about-index .comparison #abouttypes .types #comparison-original .type-detail table th + th, .all_about-index .comparison #abouttypes .types #comparison-original .type-detail table td + td, .all_about-index .comparison #abouttypes .types #comparison-cousin .type-detail table th + th, .all_about-index .comparison #abouttypes .types #comparison-cousin .type-detail table td + td {
	border-left: 1px solid #ccc;
}

.all_about-index .comparison #abouttypes .types #comparison-original .type-detail .type-detail-main th, .all_about-index .comparison #abouttypes .types #comparison-cousin .type-detail .type-detail-main th {
	width: 50%;
}

.all_about-index .comparison #abouttypes .types #comparison-original .type-detail .type-detail-main td > img, .all_about-index .comparison #abouttypes .types #comparison-cousin .type-detail .type-detail-main td > img {
	width: 83.33333%;
}

.all_about-index .comparison #abouttypes .types #comparison-planner h4 {
	color: #4678A5;
}

.all_about-index .comparison #abouttypes .types #comparison-planner .type-summary .type-img {
	background-image: url(/store/techo/en/2018/sp/all_about/images/index-planner.png);
}

.all_about-index .comparison #abouttypes .types #comparison-planner .type-detaillink {
	background-color: #4678A5;
}

.all_about-index .comparison #abouttypes .types #comparison-planner .type-detail .type-detail-cover a {
	background-color: #4678A5;
}

.all_about-index .comparison #abouttypes .types #comparison-original h4 {
	color: #645A91;
}

.all_about-index .comparison #abouttypes .types #comparison-original .type-summary .type-img {
	background-image: url(/store/techo/en/2018/sp/all_about/images/index-original.png);
}

.all_about-index .comparison #abouttypes .types #comparison-original .type-detaillink {
	background-color: #645A91;
}

.all_about-index .comparison #abouttypes .types #comparison-original .type-detail .type-detail-cover a {
	background-color: #645A91;
}

.all_about-index .comparison #abouttypes .types #comparison-cousin h4 {
	color: #BE5A5A;
}

.all_about-index .comparison #abouttypes .types #comparison-cousin .type-summary .type-img {
	background-image: url(/store/techo/en/2018/sp/all_about/images/index-cousin.png);
}

.all_about-index .comparison #abouttypes .types #comparison-cousin .type-detaillink {
	background-color: #BE5A5A;
}

.all_about-index .comparison #abouttypes .types #comparison-cousin .type-detail .type-detail-cover a {
	background-color: #BE5A5A;
}

.all_about-index .comparison #abouttypes .types #comparison-weeks h4 {
	color: #468282;
}

.all_about-index .comparison #abouttypes .types #comparison-weeks .type-summary .type-img {
	background-image: url(/store/techo/en/2018/sp/all_about/images/index-weeks.png);
}

.all_about-index .comparison #abouttypes .types #comparison-weeks .type-detaillink {
	background-color: #468282;
}

.all_about-index .comparison #abouttypes .types #comparison-weeks .type-detail .type-detail-cover a {
	background-color: #468282;
}

main[data-abouttype="planner"] ul[role="about"] li:nth-child(1) {
	background-color: #4678A5;
}

main[data-abouttype="planner"] ul[role="about"] li:nth-child(1) a {
	color: #fff;
}

main .comparison .comparison-nav li.prev,
main .comparison .comparison-nav li.next {
  -webkit-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
         -moz-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
          -ms-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
           -o-transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
              transition: opacity .3s cubic-bezier(.25, .25, .75, .75);
}

main[data-abouttype="planner"] .comparison .comparison-nav li.prev {
	opacity: 0;
      pointer-events: none;
}

main[data-abouttype="original"] ul[role="about"] li:nth-child(2) {
	background-color: #645A91;
}

main[data-abouttype="original"] ul[role="about"] li:nth-child(2) a {
	color: #fff;
}

main[data-abouttype="cousin"] ul[role="about"] li:nth-child(3) {
	background-color: #BE5A5A;
}

main[data-abouttype="cousin"] ul[role="about"] li:nth-child(3) a {
	color: #fff;
}

main[data-abouttype="weeks"] ul[role="about"] li:nth-child(4) {
	background-color: #468282;
}

main[data-abouttype="weeks"] ul[role="about"] li:nth-child(4) a {
	color: #fff;
}

main[data-abouttype="weeks"] .comparison .comparison-nav li.next {
	opacity: 0;
      pointer-events: none;
}

.unable-swipe[data-abouttype="planner"] .comparison #abouttypes .types {
	left: 0;
}

.unable-swipe[data-abouttype="original"] .comparison #abouttypes .types {
	left: -100%;
}

.unable-swipe[data-abouttype="cousin"] .comparison #abouttypes .types {
	left: -200%;
}

.unable-swipe[data-abouttype="weeks"] .comparison #abouttypes .types {
	left: -300%;
}

.ua-desktop .all_about-index ul[role="about"] {
  width: 640px;
  left: 50%;
  margin-left: -320px;
}