#main {
	background-image: url(/product/trantixxii/variation/images/main_bg.jpg);
	background-size: cover;
	background-position: center;
	margin-bottom: 68px;
}
#main>div{
	height: 350px;
	color: #fff;
	position: relative;
}
#main h1 {
	font-size: 50px;
	font-weight: bold;
	position: absolute;
	top: 100px;
	width: 480px;
	text-align: center;
}
#main p {
	font-size: 18px;
	position: absolute;
	top: 180px;
	width: 480px;
	text-align: center;
}
#main_image {
	position: absolute;
	top: 40px;
	right: 76px;
}

#main_2nd {
	background-image: url(/product/trantixxii/variation/images/main_2nd_bg.jpg);
	background-size: cover;
	background-position: center;
	margin-bottom: 15px;
}
#main_2nd>div{
	height: 80px;
	color: #fff;
	position: relative;
}
#main_2nd h1 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 10px;
}
#main_2nd h1 span {
	font-size: 12px;
}





#variation_header {
	color: #335990;
	font-weight: bold;
	margin-bottom: 10px;
}

#variation_color {
	width: 96%;
	margin:0 auto;
}

#variation_color_title {
	width: 99%;
	height: 5px;
	border: 1px solid #919191;
	border-bottom: none;
	margin: 20px auto 10px;
}

#variation_color_title p {
	background-color: #fff;
	margin: -14px auto;
	font-size: 14px;
	width: 280px;
	text-align: center;
}
#variation_color_tips {
	width:100% !important;
}
#variation_color_tips_container {
	overflow-x: scroll;
	margin-bottom: 20px;
}
#variation_color_tips {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}
#variation_color_tips>div {
	border: 1px solid #d2d2d2;
	width: 30px;
	height: 30px;
	float: left;
}

#variation_color_tips>div.on {
	border: 1px solid #335990;
}
#variation_color_tips>div>img {
	cursor: pointer;
	width: 100%;
}

#variation_filter {
	width: 96%;
	margin: 0 auto;
}
#variation_filter_title {
	width: 99%;
	height: 5px;
	border: 1px solid #919191;
	border-bottom: none;
	margin: 20px auto 10px;
}

#variation_filter_title p {
	background-color: #fff;
	margin: -14px auto;
	font-size: 14px;
	width: 175px;
	text-align: center;
}

body#LangEN #variation_filter_title p {
	line-height: 1em;
}

#variation_filters>div{
	margin-bottom: 10px;
	width: 48%;
}

#variation_filters>div:nth-child(1){
	float: left;
}
#variation_filters>div:nth-child(2){
	float: right;
}
#variation_filters select{
	width: 100%;
	border: 1px solid #cfcfcf;
	background-color: #f4f4f4;
	padding: 8px 20px;
	border-radius: 100px;
	font-size: 12px;
}
body#LangEN #variation_filters select{
	margin-top: 5px;
}

#variation_image_area {
	margin: 20px 0 10px;
	overflow: hidden;
}
#variation_image_area div {
	width: 200px;
	min-width: 0;
}
#variation_image_area img{
	width: 100%;
}

#variation_name {
    min-width: 90% !important;
	width: 90% !important;
	padding: 0.2em 0;
	background-color: #d4d9e1;
	text-align: center;
	color: #335990;
	margin-bottom: 10px;
    border-radius: 10px;
}

#variation_name h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}

#variation_detail {
	border-bottom: 1px solid #000;
	margin-bottom: 40px;
}

#variation_detail>table:nth-child(1), #variation_detail>table:nth-child(2), #variation_detail>table:nth-child(3), #variation_detail>table:nth-child(4), #variation_detail>table:nth-child(5), #variation_detail>table:nth-child(6), #variation_detail>table:nth-child(7), #variation_detail>table:nth-child(8), #variation_detail>table:nth-child(9), #variation_detail>table:nth-child(10), #variation_detail>table:nth-child(11) {
	border-collapse: collapse;
	border-left: 1px solid #000;
	width: 102%;
	margin-left: -1%;
}
#variation_detail>table {
	border-top: 1px solid #919191;
}
#variation_detail th {
    width: 96%;
    display: block;
	background-color: #014099;
	color: #fff;
	padding: 0.5% 2%;
	border: 1px solid #014099;
	font-size: 14px;
	font-weight: bold;
}
#variation_detail td {
    width: 96%;
    display: block;
	padding: 2%;
	font-size: 13px;
	line-height: 1.4;
    min-height: 1em;
}
#variation_detail td#detail_movie {
    padding: 0;
}
#variation_detail td#detail_movie>iframe,
#variation_detail td#detail_movie>p {
    max-width: 90%;
    display: block;
    margin:0 auto;
    text-align: center;
}
.forcedisp {
	opacity: 1 !important;
	transform: none !important;
	margin-right: 0 !important;
	perspective: none !important;
	transition: none !important;
}

#variation_finish {
	margin:0 auto 50px;
	clear: both;
}
#variation_finish h2 {
	font-size: 16px;
	width: 95%;
    margin: 0 auto;
}

#variation_finish ul {
	width: 95%;
	margin: 0 auto;
}
#variation_finish ul li {
	float: left;
	width: 31%;
	padding: 1%;
	font-size: 13px;
	line-height: 1.2;
}
#variation_finish ul li img {
	width: 100%;
	margin-bottom: 2%;
}
#variation_finish ul li p {
	height: 2em;
	text-align: center;
}


#variation_header, #coverflow, #variation_data {
	opacity: 0;
}

#variation_loading {
	position: absolute;
	top: 400px;
	left: 0;
	text-align: center;
}
#variation_loading img{
	width: 10%;
}
#variation_newlist {
    margin-bottom: 50px;
}
#variation_newlist_inner {
    width: calc(96% - 25px);
    min-width: calc(96% - 25px);
    margin: 0 2%;
    padding: 24px 0 2% 30px;
    background: #d4d9e1 url(/product/trantixxii/variation/images/variation_newlist_bg_sp.png) left top no-repeat;
}
#variation_table_inner {
    width: 98%;
    overflow-x: scroll;
    overflow-y: hidden;
}



.variation_table {
    width: 90%;
	min-width: 1000px;
	border-collapse: collapse;
	background: url(/product/trantixxii/variation/images/variation_newlist_texture.png) left top no-repeat;
}

.variation_table tr {
	border-bottom: 1px solid #d9d9d9;
}
.variation_table tr#AD03{
	display: flex;
    width: 0;
}
.variation_table tr#AD03 td:first-child{
	padding-left: 3px;
    margin-left: 19.5px;
}
.variation_table tr#AD03 td:last-child{
	padding-left: 723px;
    padding-right: 46px;
}
.variation_table tr#AD03 th{
	padding-right: 16px;
}

.variation_table th {
	color: #335990;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 32px;
	padding: 2px;
}
.variation_table th img {
	margin-right: 6px;
}
.variation_table th,
.variation_table td {
	vertical-align: top;
	background: #FFF;
}

.variation_table td {
	padding: 2px;
	background-color: #fff;
}

.variation_table td>div {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.variation_table td a {
	display: block;
	margin: 0 1px 0 0;
}

.variation_table a>img {
	width: 24px;
	height: 24px;
	border: 2px solid #FFF;
}
.variation_table a.on>img {
	border: 2px solid #1d5893;
}


#variation_table_group_tip {
	padding: 0 !important;
	width: 20px;
	height: 20px;
	background-color: transparent !important;
}

#variation_table_group_series {
	padding: 0 !important;
	height: 20px;
	width: 74px;
	background-color: #d4d9e1 !important;
}
#variation_table_cell_color {
	padding: 0 !important;
	width: 602px;
	background-color: transparent !important;
	background: url(/product/trantixxii/variation/images/variation_chart_color.png) bottom center no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) bottom right no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) bottom left no-repeat !important;
	border-left: 1px solid #d4d9e1;
	border-right: 1px solid #d4d9e1;
}
#variation_table_cell_gold {
	padding: 0 !important;
	width: 108px;
	background-color: transparent !important;
	background: url(/product/trantixxii/variation/images/variation_chart_gold.png) bottom center no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) bottom right no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) bottom left no-repeat !important;
	border-left: 1px solid #d4d9e1;
	border-right: 1px solid #d4d9e1;
}
#variation_table_cell_bw {
	padding: 0 !important;
	width: 76px;
	background-color: transparent !important;
	background: url(/product/trantixxii/variation/images/variation_chart_bw.png) bottom center no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) bottom right no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) bottom left no-repeat !important;
	border-left: 1px solid #d4d9e1;
	border-right: 1px solid #d4d9e1;
}

#variation_table_left {
	width: 17px;
	padding: 0 !important;
	background: url(/product/trantixxii/variation/images/variation_chart_left.png) center left no-repeat, url(/product/trantixxii/variation/images/variation_chart_left_wall.png) top left no-repeat, url(/product/trantixxii/variation/images/variation_chart_left_wall.png) bottom left no-repeat !important;
	background-color: #d4d9e1 !important;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
}
.variation_table_left_blank {
	background-color: transparent !important;
	background-color: #d4d9e1 !important;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
	min-width: 14px;
}
.variation_chart_series,
#variation_table_group_series {
    position: -webkit-sticky;
    position: sticky;
    left: 14px;
    z-index: 2;
}
.variation_nav {
	width: 20px !important;
	cursor: pointer;
	position: absolute;
	top: 50px;
}
.variation_nav img {
	width: 100%;
}

#variation_nav_prev {
	left: 30px;
}

#variation_nav_next {
	right: 30px;
}

/* 20210112更新 */

#variation_finish .finish_category p.title{
	font-size: 17px;
    font-weight: bold;
    color: #fff;
	width: 100%;
    display: flex;
	justify-content: center;
    background: #014099;
	margin-bottom: 1em;
	padding: 0.5% 0;
}

/* 20210113 更新 */

#name_btn_area{
	display: flex;
    flex-direction: column;
    align-items: center;
}

#shopping_btn{
	display: flex;
    justify-content: center;
	margin-bottom: 10px;
}

#shopping_btn a{
	display: flex;
	justify-content: space-between;
    width: 185px;
    padding: 10px;
    background-color: #000;
    border-radius: 10px;
	opacity: 0.3;
	pointer-events: none;
}

#shopping_btn #tip_0_link a,
#shopping_btn #tip_1_link a,
#shopping_btn #tip_2_link a,
#shopping_btn #tip_3_link a,
#shopping_btn #tip_4_link a,
#shopping_btn #tip_5_link a,
#shopping_btn #tip_6_link a,
#shopping_btn #tip_7_link a,
#shopping_btn #tip_8_link a,
#shopping_btn #tip_9_link a,
#shopping_btn #tip_10_link a,
#shopping_btn #tip_11_link a,
#shopping_btn #tip_12_link a,
#shopping_btn #tip_13_link a,
#shopping_btn #tip_14_link a,
#shopping_btn #tip_15_link a,
#shopping_btn #tip_16_link a,
#shopping_btn #tip_17_link a,
#shopping_btn #tip_18_link a,
#shopping_btn #tip_19_link a,
#shopping_btn #tip_20_link a,
#shopping_btn #tip_23_link a,
#shopping_btn #tip_24_link a,
#shopping_btn #tip_25_link a,
#shopping_btn #tip_26_link a,
#shopping_btn #tip_27_link a,
#shopping_btn #tip_28_link a,
#shopping_btn #tip_29_link a,
#shopping_btn #tip_30_link a,
#shopping_btn #tip_31_link a,
#shopping_btn #tip_32_link a,
#shopping_btn #tip_33_link a,
#shopping_btn #tip_34_link a,
#shopping_btn #tip_35_link a,
#shopping_btn #tip_36_link a,
#shopping_btn #tip_37_link a,
#shopping_btn #tip_38_link a,
#shopping_btn #tip_39_link a,
#shopping_btn #tip_40_link a,
#shopping_btn #tip_41_link a,
#shopping_btn #tip_42_link a,
#shopping_btn #tip_43_link a{
	opacity: 1;
    pointer-events: auto;
}

#shopping_btn #tip_0_link a:hover,
#shopping_btn #tip_1_link a:hover,
#shopping_btn #tip_2_link a:hover,
#shopping_btn #tip_3_link a:hover,
#shopping_btn #tip_4_link a:hover,
#shopping_btn #tip_5_link a:hover,
#shopping_btn #tip_6_link a:hover,
#shopping_btn #tip_7_link a:hover,
#shopping_btn #tip_8_link a:hover,
#shopping_btn #tip_9_link a:hover,
#shopping_btn #tip_10_link a:hover,
#shopping_btn #tip_11_link a:hover,
#shopping_btn #tip_12_link a:hover,
#shopping_btn #tip_13_link a:hover,
#shopping_btn #tip_14_link a:hover,
#shopping_btn #tip_15_link a:hover,
#shopping_btn #tip_16_link a:hover,
#shopping_btn #tip_17_link a:hover,
#shopping_btn #tip_18_link a:hover,
#shopping_btn #tip_19_link a:hover,
#shopping_btn #tip_20_link a:hover,
#shopping_btn #tip_23_link a:hover,
#shopping_btn #tip_24_link a:hover,
#shopping_btn #tip_25_link a:hover,
#shopping_btn #tip_26_link a:hover,
#shopping_btn #tip_27_link a:hover,
#shopping_btn #tip_28_link a:hover,
#shopping_btn #tip_29_link a:hover,
#shopping_btn #tip_30_link a:hover,
#shopping_btn #tip_31_link a:hover,
#shopping_btn #tip_32_link a:hover,
#shopping_btn #tip_33_link a:hover,
#shopping_btn #tip_34_link a:hover,
#shopping_btn #tip_35_link a:hover,
#shopping_btn #tip_36_link a:hover,
#shopping_btn #tip_37_link a:hover,
#shopping_btn #tip_38_link a:hover,
#shopping_btn #tip_39_link a:hover,
#shopping_btn #tip_40_link a:hover,
#shopping_btn #tip_41_link a:hover,
#shopping_btn #tip_42_link a:hover,
#shopping_btn #tip_43_link a:hover{
	opacity: 0.7;
}

#shopping_btn a.link_ND20{
	display: none;
}

#shopping_btn #tip_23_link a.link_ND20,
#shopping_btn #tip_24_link a.link_ND20,
#shopping_btn #tip_25_link a.link_ND20,
#shopping_btn #tip_26_link a.link_ND20,
#shopping_btn #tip_27_link a.link_ND20,
#shopping_btn #tip_28_link a.link_ND20,
#shopping_btn #tip_29_link a.link_ND20,
#shopping_btn #tip_30_link a.link_ND20,
#shopping_btn #tip_31_link a.link_ND20,
#shopping_btn #tip_32_link a.link_ND20,
#shopping_btn #tip_33_link a.link_ND20,
#shopping_btn #tip_34_link a.link_ND20,
#shopping_btn #tip_35_link a.link_ND20,
#shopping_btn #tip_36_link a.link_ND20,
#shopping_btn #tip_37_link a.link_ND20,
#shopping_btn #tip_38_link a.link_ND20,
#shopping_btn #tip_39_link a.link_ND20,
#shopping_btn #tip_40_link a.link_ND20,
#shopping_btn #tip_41_link a.link_ND20,
#shopping_btn #tip_42_link a.link_ND20,
#shopping_btn #tip_43_link a.link_ND20{
	display: flex;
}

#shopping_btn #tip_23_link a.link_SD3,
#shopping_btn #tip_24_link a.link_SD3,
#shopping_btn #tip_25_link a.link_SD3,
#shopping_btn #tip_26_link a.link_SD3,
#shopping_btn #tip_27_link a.link_SD3,
#shopping_btn #tip_28_link a.link_SD3,
#shopping_btn #tip_29_link a.link_SD3,
#shopping_btn #tip_30_link a.link_SD3,
#shopping_btn #tip_31_link a.link_SD3,
#shopping_btn #tip_32_link a.link_SD3,
#shopping_btn #tip_33_link a.link_SD3,
#shopping_btn #tip_34_link a.link_SD3,
#shopping_btn #tip_35_link a.link_SD3,
#shopping_btn #tip_36_link a.link_SD3,
#shopping_btn #tip_37_link a.link_SD3,
#shopping_btn #tip_38_link a.link_SD3,
#shopping_btn #tip_39_link a.link_SD3,
#shopping_btn #tip_40_link a.link_SD3,
#shopping_btn #tip_41_link a.link_SD3,
#shopping_btn #tip_42_link a.link_SD3,
#shopping_btn #tip_43_link a.link_SD3{
	display: none;
}

#shopping_btn .title_text p{
	color: #fff;
	font-weight: bold;
}

#shopping_btn .title_text p:first-child{
	background: url(/product/trantixxii/variation/images/shopping_cart.png) left top no-repeat;
	background-size: 22px auto;
	padding: 1px 0 2px 28px;
	font-size: 14px;
}

#shopping_btn .title_text p:nth-child(2){
	padding-left: 5px;
	font-size: 12px;
}

#shopping_btn .title_text_en p{
	color: #fff;
	font-weight: bold;
}

#shopping_btn .title_text_en p:first-child{
	background: url(/product/trantixxii/variation/images/shopping_cart.png) left top no-repeat;
	background-size: 20px auto;
	padding: 1px 0 4px 25px;
	font-size: 13px;
}

#shopping_btn .title_text_en p:nth-child(2){
	padding-left: 5px;
	font-size: 11px;
}

#shopping_btn img{
	width: 45px;
    height: 45px;
}

/* 20210217 追加 */

.pc_show{
	display: none;
}

.sp_show{
	display: block;
}

#advantage {
    background: url(/product/trantixxii/advantage/images/main_bg.jpg) center top no-repeat;
    background-size: 150%;
    padding-top: 35%;
    margin-bottom: 10%;
}

.brandOther {
    margin-top: 5%;
    position: relative;
}

.brandOther .contentBox {
    background: #ececec;
    text-align: center;
    padding: 5% 5% 1%;
}

.brandOther .title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.brandOther .btn {
    background: #526894 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 13px;
    margin: 10px auto 10px;
    padding: 10px 20px;
    width: 10em;
}

#advantage .mainIMG {
    width: 33%;
    position: absolute;
    top: 4%;
    right: 5%;
}

/* 20210301 追加 */

#main_2nd .btn_area{
	position: absolute;
    top: 9%;
    right: 10px;
}

#main_2nd .btn_area a{
	z-index: 10;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    display: block;
    padding: 5px 15px;
    width: 10em;
	font-size: 12px;
}

#main_2nd .btn_area a:nth-child(n + 2){
	margin-top: 5px;
}

#main_2nd .btn_area a.advantage{
	background: #4d4251 none repeat scroll 0 0;
}

#main_2nd .btn_area a.portfolio {
    background: #91ad5c none repeat scroll 0 0;
}