#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: 30px;
}
#main_2nd>div{
	height: 150px;
	color: #fff;
	position: relative;
}

#main_2nd h1 {
	font-size: 40px;
	font-weight: bold;
	margin-top: 25px;
}

#main_2nd h1 span {
	font-size: 20px;
}



#variation_header {
	color: #014099;
	font-weight: bold;
	margin-bottom: 0px;
}

#variation_color {
	width: 710px;
	float: left;
}

#variation_color_title {
	width: 708px;
	height: 5px;
	border: 1px solid #919191;
	border-bottom: none;
	margin-top: 20px;
	margin-bottom: 20px;
}

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

#variation_color_tips {
	overflow: hidden;
}
#variation_color_tips>div {
	float: left;
	border: 2px solid #FFF;
	width: 28px;
}

#variation_color_tips>div.on {
	border: 2px solid #5776a2;
}
#variation_color_tips>div>img {
	cursor: pointer;
	width: 100%;
}

#variation_filter {
	width: 250px;
	float: right;
}
#variation_filter_title {
	width: 238px;
	height: 5px;
	border: 1px solid #919191;
	border-bottom: none;
	margin-top: 20px;
	margin-bottom: 20px;
}

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

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

#variation_filters>div{
	margin-bottom: 10px;

}
#variation_filters select{
	width: 238px;
	border: 1px solid #cfcfcf;
	background-color: #f4f4f4;
	padding: 8px 20px;
	border-radius: 100px;
	font-size: 13px;
}

#variation_image_area {
	margin: 30px 0px;
	overflow: hidden;
}
#variation_image_area div {
	width: 400px;
}
#variation_image_area img{
	width: 100%;
}

#variation_name {/* 20210113 更新　*/
	width: 450px;
	padding: 10px;
	background-color: #d4d9e1;
	text-align: center;
	color: #335990;
	border-radius: 10px;
	margin-bottom: 35px;
	margin-left: 255px;
	margin-right: 35px;
}

#variation_name h2 {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.1;
}

#variation_detail {
	border-bottom: 1px solid #919191;
	margin-bottom: 100px;
}

#variation_detail>table {
	border-collapse: collapse;
	float: left;
	border-top: 1px solid #919191;
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
    min-height: 50px;
}
#variation_detail>table:nth-child(2), #variation_detail>table:nth-child(6) {/* 20201130 更新 */
	border-left: none;
}
#variation_detail>table:nth-child(1), #variation_detail>table:nth-child(2), #variation_detail>table:nth-child(5), #variation_detail>table:nth-child(6) {/* 20201130 更新 */
	width: 50%;
}
#variation_detail>table:nth-child(5), #variation_detail>table:nth-child(6) {/* 20201130 更新 */
	min-height: 20em;
}
#variation_detail>table:nth-child(3), #variation_detail>table:nth-child(4), #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) {/* 20201130 更新 */
	width: 100%;
}
#variation_detail th {
	width: 10em;
	background-color: #014099;
	color: #fff;
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
}
#variation_detail td {
	padding: 10px 20px;
	font-size: 14px;
	line-height: 1.6;
}
#variation_detail>table:nth-child(5) td, #variation_detail>table:nth-child(6) td {/* 20201130 更新 */
	vertical-align: top;
}
#variation_detail td#detail_movie>iframe,
#variation_detail td#detail_movie>p {
	display: block;
	margin:0 auto;
	text-align: center;
}
#variation_detail td#detail_example>a {
	text-decoration: underline;
}
#variation_detail td#detail_example>a:hover {
	text-decoration: none;
}
.forcedisp {
	opacity: 1 !important;
	transform: none !important;
	margin-right: 0 !important;
	perspective: none !important;
	transition: none !important;
}
#variation_finish {
	width: 980px;
	margin:0 auto 100px;
}
#variation_finish h2 {
	border-bottom: 2px solid #333;
	color: #014099;
	font-size: 30px;
	margin: 50px 0 20px;
	padding-bottom: 10px;
}
#variation_finish h2:first-child,
#variation_finish h2.mT0{
	margin-top: 0;
}
#variation_finish ul {
	width: 90%;
	overflow: hidden;
	zoom: 1;
}

#variation_finish ul li {
	width: 29%;
	padding: 1em 2% 0.5em;
	float: left;
	text-align: center;
}
#variation_finish ul li img {
	margin-bottom: 0.5em;
}
#variation_finish ul li p {
	font-weight: bold;
}

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

#variation_loading {
	position: absolute;
	top: 500px;
	left: 0;
	text-align: center;
}

#variation_newlist {
	margin-bottom: 50px;
}
#variation_newlist_inner {
	width: 950px;
	padding: 24px 0 10px 25px;
	background: #d4d9e1 url(/product/trantixxii/variation/images/variation_newlist_bg.png) left top no-repeat;
}




.variation_table {
	table-layout: fixed;
	width: 939px;
	border-collapse: collapse;
}

.variation_table tr {
	border-bottom: 1px solid #d9d9d9;
}

.variation_table tr#AD03{
	display: flex;
    padding-left: 18px;
}
.variation_table tr#AD03 th{
	padding: 2px 26px 2px 0px;
}
.variation_table tr#AD03 td .variation_chart_main{
	flex-wrap: initial;
}
.variation_table tr#AD03 td:last-child{
	padding: 4px 42px 3px 592px;
}
.variation_table tr#ND20・ND15 th,
.variation_table tr#ND20・ND15（Soft） th{
	line-height: 1.5em;
    padding: 11px 2px 2px 5px;
}
.variation_table tr#ND20・ND15 th span,
.variation_table tr#ND20・ND15（Soft） th span{
	font-size: 13px;
}
.variation_table tr#ND20・ND15 {
	border-bottom: none;
}
.variation_table tr#ND20・ND15（Soft） .variation_chart_tip a{
	display: none;
}

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


.variation_table td {
	padding: 4px 6px 3px 0;
	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: 28px;
	height: 28px;
	border: 2px solid #FFF;
}
.variation_table a.on>img {
	border: 2px solid #1d5893;
}

.variation_chart_color_type{
	
}

.variation_chart_tip {
	padding-left: 5px !important;
}

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

#variation_table_group_series {
	padding: 0 !important;
	height: 20px;
	width: 135px;
	background-color: transparent !important;
}
#variation_table_cell_color {
	padding: 0 !important;
	width: 562px;
	background-color: transparent !important;
	background: url(/product/trantixxii/variation/images/variation_chart_color.png) top center no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) top right no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) top 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) top center no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) top right no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) top 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) top center no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) top right no-repeat, url(/product/trantixxii/variation/images/variation_chart_wall.png) top left no-repeat !important;
	border-left: 1px solid #d4d9e1;
	border-right: 1px solid #d4d9e1;
}

#variation_table_left {
	width: 17px;
	padding: 0 !important;
	background-color: transparent !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;
}
.variation_table_left_blank {
	background-color: transparent !important;
}


.variation_nav {
	width: 30px !important;
	cursor: pointer;
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
}
.variation_nav img {
	width: 100%;
}

#variation_nav_prev {
	right: 600px
}

#variation_nav_next {
	left: 600px
}


/* 20210112 更新 */

#variation_finish .finish_category{
	display: flex;
	border: 1px solid #919191;
}

#variation_finish .finish_category:nth-child(n + 2){
	border-top: none;
}

#variation_finish .finish_category p.title{
	font-size: 18px;
    font-weight: bold;
    color: #fff;
    width: 10%;
    display: flex;
    align-items: center;
	justify-content: center;
    background: #014099;
}

/* 20210113 更新 */

#name_btn_area{
	display: flex;
	justify-content: center;
}

#shopping_btn{
	margin-top: 8px;
}

#shopping_btn a{
	display: flex;
	justify-content: space-between;
    width: 200px;
    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 #tip_67_link a,
#shopping_btn #tip_68_link a,
#shopping_btn #tip_69_link a,
#shopping_btn #tip_70_link a,
#shopping_btn #tip_71_link a,
#shopping_btn #tip_72_link a,
#shopping_btn #tip_73_link a,
#shopping_btn #tip_74_link a,
#shopping_btn #tip_75_link a,
#shopping_btn #tip_76_link a,
#shopping_btn #tip_77_link a,
#shopping_btn #tip_78_link a,
#shopping_btn #tip_79_link a,
#shopping_btn #tip_80_link a,
#shopping_btn #tip_81_link a,
#shopping_btn #tip_82_link a,
#shopping_btn #tip_83_link a,
#shopping_btn #tip_84_link a,
#shopping_btn #tip_85_link a,
#shopping_btn #tip_86_link a,
#shopping_btn #tip_87_link a{
	opacity: 0.3;
	pointer-events: 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: 24px auto;
	padding: 0px 0 5px 31px;
	font-size: 16px;
}

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

#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: 22px auto;
	padding: 0px 0 7px 29px;
	font-size: 14px;
}

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

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

/* 20210217 追加 */

.pc_show{
	display: block;
}

.sp_show{
	display: none;
}

#advantage {
    background: url(/product/trantixxii/advantage/images/main_bg.jpg) center top no-repeat;
    height: 350px;
    margin-bottom: 100px;
}

.brandOther {
    margin-top: 20px;
    position: relative;
}

.brandOther .contentBox {
    background: #ececec;
    width: 336px;
    height: 350px;
    margin-left: 115px;
    text-align: center;
}

#advantage.brandOther .title {
    padding-top: 80px;
}

.brandOther .title {
    font-size: 20px;
    font-weight: bold;
    padding-top: 60px;
    color: #333;
}

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

#advantage .mainIMG {
    position: absolute;
    right: 90px;
    top: 27px;
}

/* 20210301 追加 */

#main_2nd .btn_area {
    position: absolute;
    top: 16%;
    right: 0;
}

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

#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;
}

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