@charset "utf-8";

/**========================================================
*
* ACHILLES CORPORATION PRODUCT BOAT BOATSET
*
* layout.css
*
* last Update : 2018.02.01
*   
* 
========================================================*/

/* =================================

Reset

==================================== */


/*!
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
/*!
adj
*/
ol,ul{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em{font-style: normal;}




/* =================================

	structure

==================================== */


body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}



/* =================================

	common

==================================== */

#pageTop {
	position: relative;
	width: 72px;
	height: 72px;
	position: fixed;	
	right: 0px;
	bottom: 33px;
	z-index: 1000;
}
#productBoat {
	position: relative;
	width: 72px;
	height: 72px;
	position: fixed;	
	right: 0px;
	bottom: 115px;
	z-index: 1000;
}


/* =================================

	header

==================================== */

.l-header {
	width: 100%;
	background-color: #fff;
}
.l-header__inner {
	width: 1000px;
	height: 58px;
	margin: 0 auto;
	position: relative;
}

.l-header__logo {
	margin: 0 0 0 2px;
	padding: 14px 0 0 0;
}
.l-header__boat-bnr {
	position: absolute;
	right: 0px;
	top: 16px;
}
.l-header__boat-bnr a {
	transition: background-color 0.1s linear;
	display: inline-block;
	background-color: #d3a567;
	padding: 6px 10px 5px;
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	letter-spacing: -2px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;

}
.ua-ie .l-header__boat-bnr a {
	padding: 8px 10px 3px;
}
.l-header__boat-bnr a:hover {
	background-color: #b78b50;
}


/* =================================

	content header

==================================== */

.l-content-header {
	background: url(/product/lp/boatset/common/images/bg-page-title.jpg) center top;

	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3) inset;
}

.l-content-header__inner {
	width: 1000px;
	min-height: 173px;
	margin: 0 auto;
	position: relative;
}
.l-content-header__title{
	padding: 14px 0 0 0;
	box-sizing: border-box;
}
.header__title-sub {
	display: block;
	margin-left: 34px;
	margin-bottom: 2px;
}
.header__title-main {
	display: block;
	margin-left: 25px;
}
.l-content-header__contact-bnr {
	position: absolute;
	right: 0px;
	top: 83px;
}
.l-content-header__testdrive-bnr {
	position: absolute;
	right: 0px;
	top: 83px;
}
.l-content-header__contact-bnr a {
	transition: background-color 0.1s linear;
	display: inline-block;
	background-color: #616161;
	padding: 6px 15px 5px;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
}
.ua-ie .l-content-header__contact-bnr a {
	padding: 7px 15px 4px;
}

.l-content-header__contact-bnr a:hover {
	background-color: #414141;
}


/* =================================

	tab nav

==================================== */

#js-change-panel { display: none; }

.l-content-header__tabnav {
	width: 980px;
	height: 50px;
	position: absolute;
	bottom: 3px;
	left: 10px;
}


.p-tab-list {
	zoom: 1;
}
.p-tab-list:after { content: ""; display: block; clear: both; }

.p-tab-list__item {
	width: 480px;
	border-radius: 5px;
	background-color: #000;
}

.p-tab-list__item.item-left { float: left; }
.p-tab-list__item.item-right { float: right; }


.p-tab-list__item a {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	height: 50px;
	width: 100%;
	box-sizing: border-box;
	padding-top: 14px;
	/*opacity: 0.4;*/
	border-radius: 5px;
	
}
.c-btn-tabnav {
	transition: opacity 0.1s linear;
	
}
.c-btn-tabnav--csm { background-color: #cf0000; }
.c-btn-tabnav--pvc { background-color: #014da7; }

/*.c-btn-tabnav:hover, .c-btn-tabnav.is-active {
	opacity: 1;
}*/
.c-btn-tabnav:hover {
	opacity: 0.85;
}


/* =================================

	tab content

==================================== */

.l-content {}	
.p-list-tab {}

.p-list-tab__item {
	width: 100%;
	min-height: 200px;
	margin: 0;
	padding: 0;
}

.p-media-tabcontent {
	width: 100%;	
}
.p-media-tabcontent__inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.c-media-item__title {
	position: absolute;
	left: 0;
	top: 0;
}



/* =================================

	CSM

==================================== */
.heading-csm {
	height: 208px;
	position: relative;
	overflow: visible;
}

.heading-csm .heading-csm__taikoban {
	position: absolute;
	top: 11px;
	left: -125px;
	z-index: 2;
}
.heading-csm .heading-csm__title {
	position: absolute;
	left: 259px;
	top: 48px;
	margin-bottom: 5px;
	z-index: 5;
}
.heading-csm .heading-csm__info {
	position: absolute;
	left: 162px;
	top: 168px;
	margin-bottom: 5px;
	z-index: 6;
}
.heading-csm .heading-csm__lead {
	position: absolute;
	left: 135px;
	top: 161px;
	z-index: 4;
}

.heading-csm .heading-csm__icon {
	position: absolute;
	top: 123px;
	left: 865px;
	z-index: 0;
}


.bnr-sengaiki {
	margin-bottom: 30px;
}
.bnr-sengaiki.pvc-item01 { margin-bottom: 7px; }
	

.p-media-tabcontent-csm-wrapp {
	background: #c10a11 url("/product/lp/boatset/common/images/bg-csm.jpg") no-repeat center top;
	height: 3150px;
}
.p-media-tabcontent-eco-stron-wrapp {
	background: #3c4c97 url("/product/lp/boatset/common/images/bg-eco-stron.jpg") no-repeat center top;
	height: 820px;
}
.p-media-tabcontent-pvc-wrapp {
	background: #1558a0 url("/product/lp/boatset/common/images/bg-pvc.jpg") no-repeat center top;
	height: 3132px;
}



.heading-eco-stron__title {
	position: absolute;
	left: -27px;
	top: -1px;	
}



/*------------------------
 CSM section
-------------------------*/
.csm-section {
	position: relative;
	z-index: 10;
	margin-bottom: 30px;
	/*box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);*/
}
.csm-section .csm-bnr {
	position: absolute;
	left: -27px;
	top: 8px;
}
.csm-section img {
	vertical-align: bottom;
}
.csm-section .item01 {
	margin-left: -60px;
	margin-top: -16px;
	margin-bottom: 20px;
}
.csm-sengaiki .csm-sengaiki__item01 {
	margin-bottom: 25px;
}

/*------------------------
 PVC section
-------------------------*/
.pvc-section {
	position: relative;
	z-index: 10;
}
.pvc-section img {
	vertical-align: bottom;
}
.pvc-section.item01 { margin-bottom: 19px; }
.pvc-section.item02 { margin-bottom: 19px; }
.pvc-section.item03 { margin-bottom: 6px; }


/*------------------------
 ECO STRON section
-------------------------*/
.eco-stron-section {
	
}
.eco-stron-section.is-end {
	margin-top: -25px;
}
.p-media-tabcontent-sengaiki {
	padding: 50px 0 120px 0;
	background-color: #f9f6ee;
}

.list-sengaiki {
	margin-bottom: 20px;
}


.list-sengaiki .list-sengaiki__item {
	display: inline-block;
	margin-right: 10px;
}
.list-sengaiki .list-sengaiki__item:last-child {
	margin-right: 0;
}



.heading-border {
	display:block;
	position: relative;
	font-size: 26px;
	border-left:4px solid #ea0000;
	line-height: 1.2;
	padding: 9px 0 9px 20px;
	box-sizing: border-box;
	
	margin-bottom: 30px;
}
.heading-border span {
	font-size: 14px;
	color: #666;
}


/* =================================

	PVC

==================================== */
.heading-pvc {
	height: 264px;
	position: relative;
	overflow: visible;
}

.heading-pvc .heading-pvc__taikoban {
	position: absolute;
	top: 2px;
	left: -179px;
	z-index: 2;
}
.heading-pvc .heading-pvc__title {
	position: absolute;
	left: 103px;
	top: 44px;
	margin-bottom: 5px;
	z-index: 5;
}
.heading-pvc .heading-pvc__lead {
	position: absolute;
	left: 154px;
	top: 154px;
	z-index: 4;
}

.heading-pvc .heading-pvc__icon {
	position: absolute;
	top: 123px;
	left: 865px;
	z-index: 0;
}