@charset "UTF-8";
/* CSS Document */

/*
Theme Name: 株式会社アケア
Theme URI: http://www.akea.jp
Description: A theme by <a href="http://www.akea.jp">株式会社アケア</a>.
Version: 1
Author: ono
Author URI: http://www.d-strive.com
*/

html {min-height:100%; }
body {margin: 0px; padding: 0px; font-size: 14px; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, "メイリオ", sans-serif; line-height: 150%; -webkit-text-size-adjust: none; color: #fff; background: #000;}
.highlight a:hover *{ filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-table; overflow: hidden;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
img {max-width: 100%;height: auto;width /***/: auto;border: none;vertical-align: bottom;}
img.miniimage { display: none; }
@media screen and (min-width: 737px) {
   img.spimage { display: none; } /* miniを表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
@media screen and (max-width: 736px) {
   img.spimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
p { margin: 0; padding: 0; }
ul { margin: 0; padding:0; }
li { margin: 0; padding:0; }
h1 { font-size: 12px; font-weight: normal; margin:0; padding:0; line-height: 20px;}
h2 { color: #fff; font-size: 21px; font-weight: bold; margin:40px 0 20px; padding:20px 10px 10px; line-height: 24px; background: #222;}
h3 { font-size: 18px; font-weight: bold; color:#fff;  margin:40px auto 20px; padding:5px; line-height: 24px; border-bottom: 1px #f00 solid;}
a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #ddd; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }
strong { font-weight: bolder; }
.txtC { text-align:center; }
.txtR { text-align:right; }
.txtB { font-weight:bold; }
.txtWT { color: #fff; }
.txtRD { color: #f00; }
.txtGD { color: #b7932e; }
.txt12 { font-size: 12px; line-height: 150%; }
.txt14 { font-size: 14px; line-height: 150%; }
.txt18 { font-size: 15px; line-height: 150%; }
.txt21 { font-size: 21px; line-height: 150%; }
.txt24 { font-size: 25px; line-height: 150%; }
.txt32B { font-size: 32px; font-weight: bold; }
.txt36 { font-size:36px; line-height: 150%;}
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }
.pcbr { display: block; }
.spbr { display: none; }

img.alignright {max-width: 37.5%; float: right; margin: 0 0 20px 30px; }
img.alignleft {max-width: 37.5%; float: left; margin: 0 30px 20px 0; }
img.aligncenter {max-width: 37.5%; margin: 0 auto 20px; display: block;}

#spNav { display: none;}
.drawer-menu { background: #222222;}
.drawer-menu ul { padding:0; margin: 0;}
.drawer-menu li {line-height: 40px;}
.drawer-menu li a {border-bottom: 1px solid #333;border-top: 1px solid #555;padding: 5px 20px;line-height: 40px;display:block;}
.drawer-menu a { color: #FFF;}
.drawer-menu:hover,
.drawer-menu:focus,
.drawer-menu:active,
.drawer-menu.active { color: #FFF;}
.drawer-hamburger-icon{position:relative;display:block;margin-top:14px;}

#header {
    width: 100%;
    height: 80px;
}
h1 {width: 0; text-indent: -9998em;}
#header_wrap {
    width: 1280px;
    margin: 0 auto;
}
#head_logo {
    width: 220px;
    float: left;
    margin: 40px 0 8px 0;
}

#g_navi {
    width: 960px;
    padding: 0;
    margin: 56px 0 0 0;
    height: 16px;
    line-height: 16px;
    float: right;
    text-align: right;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}
#g_navi ul {padding: 0px; margin: 0px;}
#g_navi li {padding: 0px; display: inline; list-style-type:none;}

/*------off*/
#g_navi li.navi_HOME a {padding: 8px; color: #fff;}
#g_navi li.navi_UFS a {padding: 8px; color: #fff;}
#g_navi li.navi_BODYKIT a {padding: 8px; color: #fff;}
#g_navi li.navi_CARBON a {padding: 8px; color: #fff;}
#g_navi li.navi_SPOILER a {padding: 8px; color: #fff;}
#g_navi li.navi_AMAZON a {padding: 8px; color: #fff;}
#g_navi li.navi_ONLINESHOP a {padding: 8px; color: #fff;}
#g_navi li.navi_COMPANY a {padding: 8px; color: #fff;}
#g_navi li.navi_CONTACT a {padding: 8px; color: #fff;}

/*------hover*/
#g_navi li.navi_HOME a:hover {background: #f00;}
#g_navi li.navi_UFS a:hover {background: #f00;}
#g_navi li.navi_BODYKIT a:hover {background: #f00;}
#g_navi li.navi_CARBON a:hover {background: #f00;}
#g_navi li.navi_SPOILER a:hover {background: #f00;}
#g_navi li.navi_AMAZON a:hover {background: #f00;}
#g_navi li.navi_ONLINESHOP a:hover {background: #f00;}
#g_navi li.navi_COMPANY a:hover {background: #f00;}
#g_navi li.navi_CONTACT a:hover {background: #f00;}

.container {}
.container_checker {background: url(../image/bg_checker.png)repeat;}
.container_wt {color: #333; background: #fff;}
.container_wt a:link { color: #333; text-decoration: none; }
.container_wt a:visited { color: #333; text-decoration: none; }
.container_wt a:hover { color: #f00; text-decoration: none; }
.container_wt a:active { color: #f00; text-decoration: none; }
.container_gy {background: #4d4d4d;}
.container_rg {color: #000; background: #ccc;}

.drawer {
    display: none;
}

#top_image {
    width: 100%;
    height: 800px;
    background-size: cover;
    margin: 0 0 80px 0;
}
#top_image_area01 {
    padding: 120px 0 0 0;
}
#white_block {
    width: 320px;
    height: 200px;
    float: left;
    background: #fff ;
    opacity: 0.5;
}
#top_copy_area01 {
    height: 152px;
    margin: 0 0 0 344px;
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    line-height: 120%;
}
#top_copy_area02 {
    width: 600px;
    height: 48px;
    margin: 0 0 0 344px;
    background: rgba(0,0,0,0.5);
    line-height: 48px;
    text-align: center;
    font-size: 24px;
}
#top_image_area02 {
    width: 320px;
    margin: 96px auto 0;
}
#top_image_area03 {
    width: 64px;
    margin: 240px auto 0;
}

.sub_title_bk {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
    text-align: center;
    line-height: 48px;
    font-size: 48px;
    font-family: 'Oswald', sans-serif;
}
.sub_title_wt {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
    text-align: center;
    line-height: 48px;
    font-size: 48px;
    color: #333;
    font-family: 'Oswald', sans-serif;
}
.sub_title_bkk {
    padding: 30px 0 20px;
    text-align: center;
    line-height: 48px;
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
}
.sub_title_parts img {
    width :220px;
    margin: 0 32px 0 0;
}

.news_wrap {
    width: 1260px;
    margin: 0 auto;
    padding: 40px 0 80px;
}
.news_box {
    width: 320px;
    margin: 0 50px;
    float: left;
    color: #333;
    border-bottom: 1px solid #999;
}
.news_image img {
    width: 320px;
}
.news_date {
    margin: 10px 0;
}
.news_ttl {
    height: 40px;
    margin: 0 0 20px 0;
    overflow: hidden;
}
.news_detail {
    margin: 0 0 20px 0;
    overflow: hidden;
}

.single_news_wrap {
    width: 840px;
    margin: 0 auto;
    padding: 40px 0 80px;
}
.p-navi {
    width: 840px;
    margin: 0 auto;
    padding: 10px 0 80px;
    border-top: 1px #333 solid;
}
.p-navi_P {
    float: left;
    width: 50%;
}
.p-navi_N {
    float: right;
    width: 50%;
    text-align: right;
}

#special_large {
    width: 1280px;
    height: 240px;
    text-align: center;
    margin: 0 auto 40px;
    padding: 0 0 100px 0;
}
.special_wrap {
    width: 1280px;
    margin: 0 auto;
    padding: 0 0 100px 0;
}
.special_left {
    float: left;
    width: 600px;
    height: 320px;
    margin: 0 80px 100px 0;
}
.special_right {
    float: right;
    width: 600px;
    height: 320px;
    margin: 0 0 100px 0;
}

#shop_area {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 100px 0;
}
.bnr_shop {
    width: 400px;
    margin: 0 40px;
    float: left;
}

#contents_area {
    width: 1280px;
    margin: 0 auto;
    padding:100px 0;
}
.content_btn {
    width: 624px;
    margin: 8px;
    float: left;
}
.contents_btn_01 {
    position: relative;
    width: 624px;
    height: 468px;
    margin: 8px;
    float: left;
    background: url(../image/btn_ufs.jpg) no-repeat center center;
    text-align: center;
}
.contents_btn_02 {
    position: relative;
    width: 624px;
    height: 468px;
    margin: 8px;
    float: left;
    background: url(../image/btn_bodykit.jpg) no-repeat center center;
    text-align: center;
}
.contents_btn_03 {
    position: relative;
    width: 624px;
    height: 468px;
    margin: 8px;
    float: left;
    background: url(../image/btn_carbon.jpg) no-repeat center center;
    text-align: center;
}
.contents_btn_04 {
    position: relative;
    width: 624px;
    height: 468px;
    margin: 8px;
    float: left;
    background: url(../image/btn_spoiler.jpg) no-repeat center center;
    text-align: center;
}
.contents_ttl {
    padding: 90px 0 0 0;
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    line-height: 48px;
}
.contents_cap {
    padding: 40px 0 0 0;
    font-size: 18px;
}
.contents_button {
    position: absolute;
    display: block;
    color: #fff;
}
a.contents-button:link:after, a.contents-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.contents-button:link:hover, a.contents-button:visited:hover {
	color: #FFF;
	text-shadow: none;
	border: 1px solid #f00;
}
a.contents-button:link:hover:after, a.contents-button:visited:hover:after {
	height: 600%;
}
a.contents-button:link, a.contents-button:visited {
	position: absolute;
    width: 160px;
    height: 40px;
	display: block;
    line-height: 40px;
    top: 130px;
    left: 231px;
	margin: 0 auto;
	color: #fff;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 1;
    background: rgba(0,0,0,0.7);
}
/* Victoria Buttons */
a.contents-button.victoria-one {
	border: 1px solid #fff;
}
a.contents-button.victoria-one:after {
	background: #F00;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}

#slider_area {
    padding: 0 0 80px 0;
}

#sns_area {
    width: 1280px;
    margin: 0 auto;
    padding: 80px 0;
}
.sns_wrap {
    width: 100%;
    padding-bottom: 80px;
    background: #000;
}
.sns_list {
    display: flex;
    justify-content: center;
}
.sns_inline a {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 40px;
    padding: 20px 30px;
    border-radius: 4px;
    background: #222;
    box-shadow: 0 0 8px #666;
    transition: 0.3s;
}
.sns_inline a:hover {
    box-shadow: 0 0 16px #999;
    transition: 0.3s;
}
.sns_inline img {
    width: 32px;
    height: 32px;
    margin-right: 1.0em;
    vertical-align: middle;
}

.link_area {
    width: 1280px;
    margin: 0 auto;
    padding: 0 0 100px 0;
}
.link_area li {
    float: left;
    width: 280px;
    margin: 15px 20px;
    list-style: none;
}

#footer {
    width: 1280px;
    margin: 0 auto;
    padding: 80px 0;
}
.footer_wrap {
    width: 1280px;
    height: 72px;
    margin: 0 auto;
}
#footer_navi {
    width: 960px;
    float: right;
    text-align: right;
    padding: 16px 0 0 0;
}
#footer_navi ul {padding: 0px; margin: 0px;}
#footer_navi li {padding: 8px; display: inline; list-style-type:none; font-size: 14px; line-height: 2em;}
/*------off*/
#footer_navi a {color: #fff;}
/*------hover*/
#footer_navi a:hover {color: #f00;}
#footer_logo {
    width: 320px;
    float: right;
}
#footer_add {
    padding: 8px 24px;
}
#sns_icon {
    width: 174px;
    margin: 0 auto;
}
.icon_area {
    width: 42px;
    float: left;
    margin: 0 8px;
}

#page-top {
    font-size: 48px;
}
#page-top a {
    position: fixed;
    bottom: 100px;
    right: 20px;
    text-decoration: none;
    color: #888;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
    color: #bbb;
}

#footer_copy {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 2px 0;
}

/* UFS */
.hamburger {
    background: url(../image/ufs_banner.png) no-repeat;
    display: block;
    width: 200px;
    height: 156px;
    position: fixed;
    top: 108px;
    right: 24px;
    z-index: 10000;
    padding: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

#main_title_ufs {
    position: relative;
    width: 100%;
    height: 1400px;
    background: url(../image/top_ufs.jpg) no-repeat center center;
    background-size:cover;
}
#ufs_title_wrap {
    width: 0; text-indent: -9998em;
}
.ufs_lead_01 {
    position: absolute;
    top: 80px;
}
.ufs_lead_02 {
    position: absolute;
    top: 360px;
}
.ufs_lead_03 {
    position: absolute;
    bottom: 20px;
}
#ufs_area {
    width: 960px;
    margin: 100px auto;
}
.ufs_contents {
    width: 100%;
    margin: 20px auto;
}
#ufs_main_image {
    width: 100%;
}
.lisence_L {
    float: left;
    width: 320px;
    height: 48px;
    border: 1px solid #f00;
    background: #f00;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    line-height: 48px;
}
.lisence_R {
    float: left;
    width: 100%;
    height: 48px;
    margin-left: -324px;
    padding-left: 324px;
    box-sizing: border-box;
    border: 1px solid #f00;
    text-align: center;
    font-size: 24px;
    line-height: 48px;
}

.ufs_parts_wrap {
    margin: 40px auto;
}
.ufs_parts {
    float: left;
    width: 460px;
    margin: 10px;
}

.ufs_cap {
    width: 100%;
    padding: 20px 0;
    color: #b7932e;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;
    border-bottom: 1px solid #fff;
}
.ufs_txt {
    font-size: 18px;
    padding: 20px 0;
    line-height: 1.5em;
}
.ufs_contents_S_wrap {
    float: left;
    width: 30%;
    margin: 0 1.6%;
}
.ufs_cap_S {
    padding: 10px 0;
    color: #b7932e;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.ufs_txt_S {
    padding: 10px 0;
    line-height: 1.5em;
}

.ufs_contents_M_wrap {
    float: left;
    width: 48%;
    margin: 0 1%;
}
.ufs_cap_M {
    padding: 10px 0;
    color: #b7932e;
    line-height: 1.5em;
    border-bottom: 1px solid #fff;
}
.ufs_txt_M {
    padding: 10px 0;
    line-height: 1.5em;
}
.ufs_century {
    width: 260px;
}
.ufs_downforce {
    float: left;
    width: 200px;
    margin: 0 8px;
}
.ufs_cooldown {
    float: left;
    width: 726px;
    height: 178px;
    margin: 0 8px;
    border: 1px solid #fff;
}
.ufs_cooldown_L {
    float: left;
    width: 120px;
    padding: 29px 24px;
}
.ufs_cooldown_R {
    float: left;
    width: 510px;
}
.ufs_cd_cap {
    color: #b7932e;
    font-size: 18px;
    font-weight: bold;
    padding: 40px 0 0 20px;
}
.ufs_cd_txt {
    padding: 20px 0 0 20px;
}

.ufs_cap_RD {
    color: #f00;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    margin: 10px 0
}
.ufs_image {
    width: 100%;
    margin: 10px 0;
}

.bgcGY {
    background: #333;
}
.area_harf {
    display: table;
    float: left;
    width: 48%;
    margin: 1%;
}
.radius {
    display: table-cell;
    vertical-align: middle;
    height: 120px;
    width: 100%;
    border: 1px solid #fff;
    border-radius:  10px;
    background: #f00;
    text-align: center;
}
.ufs_tokkyo {
    display: block;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
}
.tokkyo_no {
    font-size: 18px;
}
.ufs_tokkyo_txt {
    display: table-cell;
    vertical-align: middle;
    height: 120px;
    font-size: 18px;
}

.ufs_subtttl {
    color: #f00;
    font-size: 18px;
    padding: 2%;
}
.ufs_contents_R_wrap {
    float: right;
    width: 48%;
    margin: 0 1%;
}
.ufs_contents_R_wrap td {
    padding: 4px;
}

.page_guide {
    border-top: 1px solid #f00;
    padding: 4px 0;
}
.prev {
    float: left;
}
.next {
    float: right;
}

.ufs_sub_btn {
    width: 100%;
    text-align: center;
}
.ufs_sub_btn a:link, ufs_sub_btn a:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 12px 15px;
	color: #fff;
	overflow: hidden;
}

.ufs_back_btn {
    width: 50%;
    margin: 20px auto;
    font-size: 18px;
    text-align: center;
}
.ufs_back_btn a:link, ufs_back_btn a:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:18px;
	overflow: hidden;
	letter-spacing: .08em;
}

a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 1;
    background: #333;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
	border: 1px solid #f00;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 600%;
}
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	border-radius: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* Victoria Buttons */
a.animated-button.victoria-one {
	border: 1px solid #fff;
}
a.animated-button.victoria-one:after {
	background: #F00;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}

#ufs_lineup {
    height: 100%;
}

/* BODY KIT */
.copy_txt {
    font-size: 36px;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px 2% 0;
    text-align:center;
    line-height: 36px;
}
#bodykit_series {
    width: 1280px;
    margin: 0 auto;
    padding: 40px 0;
}
.bk_box {
    float: left;
    width: 48%;
    margin: 4% 1%;
}
.bk_cap {
    text-align: center;
}

.bodykit_slaider {
    width: 1280px;
    margin: 0 auto;
    padding: 0 0 40px;
}
.thumb-item {
    width: 1264px;
    margin: 0 auto;
}
.thumb-item-nav {
    width: 100%;
    margin: 0 auto;
}
.thumb-item-nav li {
    float: left;
    width: 31.33%;
    margin: 1%;
}

.bk_gallery {
    width: 1280px;
    margin: 0 auto;
    padding: 40px 0;
}
.bk_gallery_ttl {
    width: 1280px;
    margin: 0 auto;
}
.bk_gallery ul {
    list-style: none;
}
.bk_gallery li {
    float: left;
    width: 31.33%;
    margin: 1%;
}
.bk_cap {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    line-height: 40px;
}

.bk_contents {
    width: 1280px;
    margin: 0 auto;
    padding: 80px 0;
}
.bk_contents_WT {
    width: 1240px;
    margin: 0 auto;
    padding: 20px;
    color: #333;
    background: #fff;
}
.body_color {
    float: left;
    width: 220px;
    height: 24px;
    margin: 12px;
    font-size: 8px;
    line-height: 24px;
    list-style: none;
}
.body_color_img {
    float:left;
    width: 40px;
}
.body_color_txt {
    float:left;
    padding: 0 4px;
}
.bk_car_name {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #f00;
    padding: 40px 8px 8px;
}
.bk_car_cap {
    padding: 12px 8px;
}
.bk_image_L {
    width: 100%;
    margin: 0 auto;
    padding: 8px;
}
.bk_image_M {
    float: left;
    margin: 0 auto;
    padding: 8px;
}
.bk_image_S {
    float: left;
    margin: 0 auto;
    padding: 8px;
    list-style: none;
}
.bk_image_S img {
    width: 304px;
}
.bk_image_cap {
    width: 304px;
    height: 28px;
    margin: 4px 0;
    font-size: 12px;
    line-height: 120%;
    overflow: hidden;
}

.bodykit_detail {
    width: 1280px;
    margin: 0 auto;
    padding: 40px 0;
}
.bodykit_detail table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.bodykit_detail th, td {
	border-bottom: 1px solid #999;
	padding: 4px;
    text-align: left;
}

.bk_back_btn {
    width: 40%;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    padding: 0px 0 80px 0;
}
.bk_back_btn a:link, ufs_back_btn a:visited {
	position: relative;
	display: block;
	margin: 40px auto;
	padding: 14px 15px;
	color: #fff;
	font-size:18px;
	overflow: hidden;
	letter-spacing: .08em;
	z-index: 0;
    background: #333;
}

/* CARBON PARTS */
#main_title_carbon {
    width: 100%;
    height: 800px;
    background: url(../image/top_carbon.jpg) no-repeat center center;
    background-size:cover;
}

.main_title {
    width: 100%;
    padding: 400px 0 46px;
    text-align: center;
    font-size: 64px;
    font-family: 'Oswald', sans-serif;
}
.main_title_cap {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    background: #f00
}

.product_logo {
    width: 500px;
    margin: 0 auto;
    padding: 120px 0;
    text-align: center;
}
.sub_txt {
    text-align: center;
    margin: 20px 0;
}
.product_gallery {
    width: 960px;
    margin: 0 auto;
    padding: 80px 0;
}
.product_gallery ul {
    list-style: none;
}
.product_gallery li{
    float: left;
    width: 31.33%;
    margin: 1%;
}
.product_slider {
    width: 960px;
    margin: 0 auto;
}
.product_imageL {
    float: left;
    width: 944px;
    margin: 8px;
}
.product_imageS {
    float: left;
    width: 464px;
    margin: 8px;
}

.product_detail {
    width: 960px;
    margin: 0 auto;
    padding: 80px 0;
}
.product_detail table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.product_detail th, td {
	border-bottom: 1px solid #999;
	padding: 4px;
    text-align: left;
}

/* AKEa SPOILER */
#main_title_spoiler {
    width: 100%;
    height: 800px;
    background: url(../image/top_spoiler.jpg) no-repeat center center;
    background-size:cover;
}

/* COMPANY */
#main_title_company {
    width: 100%;
    height: 800px;
    background: url(../image/top_company.jpg) no-repeat center center;
    background-size:cover;
}

.cp_wrap {
    width: 640px;
    margin: 0 auto;
    padding: 100px 0;
    font-size: 18px;
    line-height: 48px;
}
.cp_L {
    float:left;
    width: 20%;
    height: 48px;
    border-right: 1px solid #fff;
    padding: 2%;
}
.cp_R {
    float:left;
    width: 70%;
    height: 48px;
    padding: 2%;
}

#map_area {
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 100px 0;
}
.access_detail {
    width: 100%;
    padding: 20px 0;
}

/* CONTACT */
#main_title_contact {
    width: 100%;
    height: 800px;
    background: url(../image/top_contact.jpg) no-repeat center center;
    background-size:cover;
}

#form_area {
    width: 960px;
    margin: 0 auto;
    padding: 100px 0;
}
#form_title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 40px 0;
}

/* Thanks */
.thanks_message {
    width: 960px;
    margin: 0 auto;
    padding: 100px 0;
}
.thanks_cap {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 40px 0;
    line-height: 140%;
}
.thanks_txt {
    width: 560px;
    margin: 0 auto;
}
.thanks_banner {
    width: 400px;
    margin: 80px auto;
    text-align: center;
    border: 1px #ccc solid;
}

/* PRIVACY */
#main_title_privacy {
    width: 100%;
    height: 800px;
    background: url(../image/top_privacy.jpg) no-repeat center center;
    background-size:cover;
}
#privacy_area {
    width: 800px;
    margin: 0 auto;
    padding: 100px;
}
#privacy_title {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 40px 0;
    border-bottom: 1px solid #f00;
}
.privacy_txt {
    width: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #f00;
    line-height: 2em;
}

/* SITE MAP */
#main_title_sitemap {
    width: 100%;
    height: 800px;
    background: url(../image/top_sitemap.jpg) no-repeat center center;
    background-size:cover;
}
#sitemap_area {
    width: 800px;
    margin: 100px auto;
    border-style: solid none;
    border-color: #f00;
    border-width: 1px;
}
.sm_wrap {
    width: 100%;
    padding: 40px 0;
    line-height: 18px;
}
.sm_M {
    float: left;
    width: 96%;
    padding: 4% 1% 1% 1%;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #f00;
}
.sm_L {
    float: left;
    width: 23%;
    padding: 1%;
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
}
.sm_R {
    float: left;
    width: 73%;
    padding: 1%;
}

/* 86 Style */
.container_checker2 {
    background: url(../image/bg_checker2.png)repeat-x;
    width: 100%;
    height: 160px;
}
.topcopy1 {
    width: 960px;
    margin: 0 auto;
    padding: 60px 0 0 0;
}
.topcopy2 {
    width: 960px;
    margin: 0 auto;
}
.t86_contents {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0;
}
.t86_ttl {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
}
.intoroduce {
    padding: 20px 0;
}
.intoroduce_L {
    float: left;
    width: 64%;
}
.intoroduce_R {
    float: right;
    width: 32%;
    text-align: right;
}
.intoroduce_txt {
    font-size: 18px;
    line-height: 200%;
}

.t86_image_L {
    width: 100%;
    margin: 0 auto;
    padding: 8px 0;
}
.t86_image_M {
    float: left;
    margin: 0 auto;
    padding: 8px;
}
.t86_image_S {
    float: left;
    margin: 0 auto;
    padding: 8px;
}

.t86_contents table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.t86_contents td {
	border-bottom: 1px solid #666;
	padding: 4px;
}

.t86_contents_gy {
    color: #333;
    width: 920px;
    background: #ddd;
    padding: 20px;
    margin: 0 auto 120px;
}
.t86_color {
    float: left;
    width: 230px;
    margin: 10px 0;
}
.t86_color_img {
    float: left;
    width: 30px;
    height: 21px;
}
.t86_color_txt {
    font-size: 12px;
    float: left;
    width: 180px;
    height: 21px;
    padding: 0 5px;
    line-height: 21px;
}

.t86_contents_w640 {
    max-width: 640px;
    margin: 60px auto;
}

.yt_frame {
    display: flex;
    justify-content: center;
    width: 640px;
    height: 360px;
}

.yt_frame iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    overflow: hidden;
}

.t86_gallery {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0;
}
.t86_gallery ul {
    list-style: none;
}
.t86_gallery li{
    float: left;
    width: 31.33%;
    margin: 1%;
}

/* ICE FUSE */
#main_title_if {
    position: relative;
    width: 100%;
    height: 800px;
    background: url(../image/top_icefuse.jpg) no-repeat center center;
    background-size:cover;
}
#if_title_wrap {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}
.if_lead_01 {
    position: absolute;
    top: 60px;
    left: 40px;
}
.if_lead_02 {
    position: absolute;
    top: 60px;
    right: 40px;
}
.if_lead_03 {
    position: absolute;
    left: 40px;
    top: 660px;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2em;
}
#if_area {
    width: 960px;
    margin: 0 auto;
}
.if_contents {
    width: 100%;
    margin: 0px auto;
    padding: 40px 0;
}
.if_cap {
    width: 100%;
    padding: 40px 0;
}
.if_txt {
    width: 100%;
}
.if_lineup {
    width: 98%;
    margin: 4% 1%;
}
.if_lineup_wrap {
    float: left;
    width: 48%;
    margin: 4% 1%;
}
.if_lineup_txt01 {
    font-size: 18px;
    padding: 10px 0;
    line-height: 1.5em;
    text-align: center;
    background: #fff;
}
.if_lineup_txt02 {
    padding: 1px 0;
    line-height: 1.5em;
    text-align: center;
}
.if_lineup_txt03 {
    font-size: 24px;
    font-weight: bold;
    padding:  20px 0 0 0;
    line-height: 1.5em;
}
.if_lineup table {
    width: 60%;
    border-collapse: collapse;
}
.if_lineup_wrap table {
    width: 100%;
    border-collapse: collapse;
}
.if_plice {
    text-align: right;
}

/* ETONNER */
#main_title_etn {
    width: 960px;
    margin: 0 auto;
}
.etn_contents_wrap {
    width: 100%;
}
.etn_lead_01 {
    float:left;
    width: 62.5%;
}
.etn_lead_02 {
    float:left;
    width: 37.5%;
}
.etn_intro {
    font-size: 18px;
    line-height: 220%;
    margin: 40px auto;
}
.etn_intro_bg01 {
    font-size: 18px;
    line-height: 220%;
    margin: 40px auto;
    background: url(../image/etonner/etn_bg_01.jpg) no-repeat right bottom;
    width: 960px;
    height: 480px;
}
.etn_intro_bg02 {
    font-size: 18px;
    line-height: 220%;
    margin: 0 auto;
    background: url(../image/etonner/etn_bg_02.jpg) no-repeat left bottom;
    width: 960px;
    height: 720px;
}
.etn_intro_bg03 {
    font-size: 18px;
    line-height: 220%;
    margin: 0 auto;
    background: url(../image/etonner/etn_bg_03.jpg) no-repeat right bottom;
    width: 960px;
    height: 720px;
}
.etn_item_L {
    float: left;
    width: 46%;
    height: 95%;
    padding: 2%;
    position: relative;
}
.etn_item_R {
    float: right;
    width: 46%;
    height: 95%;
    padding: 2%;
    position: relative;
}
.etn_item_name {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px #fff solid;
    margin: 50px 0 30px 0;
}
.etn_item_txt {
    width: 60%;
}
.etn_item_img {
    position: absolute;
    top: 5%;
    left: 50%;
    margin: 0 0 0 -20%;
}
.etn_item_prc {
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin: 0 0 0 -20%;
    text-align: right;
}

.etn_product_area {
    width: 960px;
    margin: 0 auto;
}
.etn_product_AP {
    width: 100%;
    padding: 40px 0;
}
.etn_product_AP_img {
    float: left;
    width: 33.33%;
    text-align: center;
}
.etn_product_AP_txt {
    float: left;
    width: 66.66%;
    font-size: 18px;
    line-height: 180%;
}
.etn_product_name_E {
    font-size: 32px;
    font-weight: bold;
    padding: 0 0 10px 0;
}
.etn_product_name_J {
    font-weight: bold;
    padding: 0 72px 20px 40px ;
}
.etn_product_txt {
    padding: 0 72px 0 40px;
}

.etn_moveable_paris_01 {
    background: url(../image/etonner/etn_moveable_paris_01.jpg) no-repeat bottom right;
    width: 920px;
    height: 800px;
    margin: 0 auto;
    padding: 40px 20px;
}
.etn_moveable_paris_ttl {
    font-size: 60px;
    font-weight: bold;
    line-height: normal;
}
.etn_moveable_paris_subttl {
    font-size: 36px;
    font-weight: bold;
    line-height: normal;
}
.etn_moveable_paris_prc {
    width: 50%;
    line-height: 200%;
    border-top: 1px #333 solid;
}
.etn_moveable_paris_intro01 {
    font-size: 24px;
    line-height: 200%;
}
.etn_moveable_paris_02 {
    width: 960px;
    margin: 0 auto;
    padding: 40px 0;
}
.etn_moveable_paris_intro02 {
    float: left;
    width: 50%;
    font-size: 24px;
    line-height: 180%;
}
.etn_moveable_paris_03 {
    width: 960px;
    height: 1840px;
    margin: 0 auto;
    position: relative;
    line-height: normal
}

.etn_MP_name_E, .etn_MP_name_E2 {
    font-size: 36px;
    font-weight: bold;
    padding: 0 0 0 18%;
}
.etn_MP_name_J, .etn_MP_name_J2 {
    font-size: 21px;
    font-weight: bold;
    padding: 0 0 0 25%;
}
.etn_MP_txt, .etn_MP_txt2 {
    font-size: 21px;
    border-top: 2px #333 solid;
    padding: 2% 0 0 25%;
}
.etn_addict_img {
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.etn_addict_txt {
    width: 66.66%;
    position: absolute;
    top: 340px;
    left: 320px;
}
.etn_adoration_img {
    width: 50%;
    position: absolute;
    top: 540px;
    left: 480px;
}
.etn_adoration_txt {
    width: 66.66%;
    position: absolute;
    top: 820px;
    left: 0;
}
.etn_sapiential_img {
    width: 50%;
    position: absolute;
    top: 1040px;
    left: 0;
}
.etn_sapiential_txt {
    width: 66.66%;
    position: absolute;
    top: 1380px;
    left: 320px;
}

.etn_moveable_paris_04 {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0 80px;
    text-align: right;
}
.etn_moveable_paris_05 {
    background: url(../image/etonner/etn_seraphic_charm.jpg) no-repeat bottom right;
    width: 960px;
    height: 480px;
    margin: 0 auto;
    padding: 40px 0;
}

.etn_product_EdT_seraph_txt {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 180%;
    margin: -80px 0 40px;
}
.etn_product_EdT_txt {
    float: left;
    width: 66.66%;
    font-size: 14px;
    line-height: 180%;
}