@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
/**************************************************
 * CSS
 *		2016.03.22
 **************************************************/

/****** 共通 ***************************************/
footer a{ color:#333; }
h2, h3{ font-weight:bold; }
h2{ margin-bottom:20px; display: flex;}
h3, h4{ margin-bottom:10px; }
#white h3{ font-size:1.2em; padding-left:15px; background:transparent url('../img/common/ico_sq.gif') left center no-repeat; }
#white #detail h3{ background:none; padding-left:0; }
.arrow a{
	display:block;
	padding-left:16px;
	background:transparent url('../img/common/arrow_red.png') left top no-repeat;
	font-size:85%;
}
.bannerList{ margin:0; padding:0; list-style-type:none; }

/****** header ************************************/
h1{ font-size:11px; color:#999; }
#gnav{ width:560px; }
#gnav ul{ margin:0; padding:0; list-style-type:none; }
#gnav > ul > li{
	float:left;
	width:auto;
	padding:0;
	margin:0 0 0 2em;
/*	font-family:'Roboto', sans-serif; */
	font-weight:bold;
	font-size:1.3em;
	letter-spacing:0.05em;
}
#gnav > ul > li:first-child{ margin-left:0; }
#gnav > ul > li:last-child{ margin-right:0; }
#gnav > ul > li#gnavProducts > a, #gnav > ul > li#gnavInquiry a{ border-bottom:none; }

/****** footer ************************************/
footer ul{ margin:0; padding:10px 0; list-style-type:none; text-align:center; background:#e8e8e8; }
footer ul li{ display:inline; font-size:11px; }
footer ul li:before{ content:'\ff5c'; margin:0 6px; }
footer ul li:first-child:before{ content:''; }
footer p{ margin:0; padding:10px 0; text-align:center; color:#fff; background:#000; }
#btnPageTop{ position:fixed; bottom:80px; right:0; }
#btnPageTop a{
	display:block;
	width:64px;
	height:64px;
	text-align:center;
}
#btnPageTop a img {
	width: 64px;
}
@media screen and (max-width: 768px) {
	#btnPageTop a{
		width: 44px;
		height: 44px;
	}
	#btnPageTop a img {
		width: 44px;
	}
}

/****** side **************************************/
#sideColumn ul{ margin:0; padding:0; list-style-type:none; }
#sideColumn ul li{ margin-bottom:30px; }
#sideColumn ul li:last-child{ margin-bottom:0; }
#sideColumn ul li img{ height:auto; width:100%; }
.fb-page{ width:100%; }
#sideBtn li{margin-bottom:.5em !important;}
#sideBtn li a
{
	border:1px solid #ccc;
	box-sizing:border-box;
	color:#333;
	display:block;
	font-size:1.5em;
	height:2.5em;
	line-height:2.5em;
	text-align:center;
}
#sideBtn li a:hover
{
	background:#b5d005;
	color:#fff;
}

/****** main **************************************/
#mainColumn section{ margin:0 0 30px }
#mainColumn section:last-of-type{ margin-bottom:0; }
#mainColumn h2 span, .partsTitle span{
	background:#000;
	color:#fff;
	font-size:11px;
	letter-spacing:normal;
	vertical-align:super;
	margin-right:1em;
	padding:1px 10px;
}
#mainColumn .spanBlock{ display:block; margin:1em; }
#mainColumn .txtLinkBox{
	margin:20px 0 0;
	padding:10px;
	border:1px solid #eee;
	background:#f4f4f4;
}

/****** パンくずリスト *******************************/
#clumbList{ margin:0 0 26px; padding:0; list-style-type:none; }
#clumbList li{ float:left; width:auto; padding:0; text-indent:0; font-size:11px; }
#clumbList li:before{ content:'\003e'; margin:0 6px; }
#clumbList li:first-child:before{ content:''; margin:0; }

/****** index *************************************/
#indexImage{ width:100%; text-align:center; position:relative; }
#indexSlide{
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  border:none;
  padding:0;
  position:relative;
  overflow:hidden;
	height:39vw;
  width:100%;
}
#mainImage{ width:1200px; margin:0 auto; }
#wheelImage{ position:absolute; top:calc( 39vw - 64px ); left:20px; }
.bnrList02, .bnrList03{ margin:0 0 30px; padding:0; list-style-type:none; }
.bnrList02 li, .bnrList03 li{ float:left; }
.bnrList02 li{ width:calc(50% - 10px); max-width:475px; margin:0 20px 20px 0; background:#ccf; }
.bnrList03 li{ width:calc( ( 100% - 40px ) / 3 ); max-width:310px; margin-right:20px; }
.bnrList02 li:nth-child(even){ margin-right:0; }
.bnrList02 li:nth-last-child(-n+2){ margin-bottom:0; }
.bnrList03 li:nth-child(3n){ margin-right:0; }
.bnrList02 li img, .bnrList03 li img{ height:auto; width:100%; }
#newsUpBnr img, #newsBottomBnr img{ height:auto; width:100%; }
#mainColumn h2#ttlNews span{
	font-family:'Roboto', sans-serif;
	font-size:2.4em;
	letter-spacing:0.06em;
	background:none;
	color:#333;
	vertical-align:baseline;
	margin-right:0;
}
#newsBox {padding-top:40px;}
#newsBox dl{ height:240px; overflow:auto; }
#newsBox dt{
	display:block;
	float:left;
	clear:left;
	width:9em;
	font-weight:bold;
	margin:0 0 6px 0;
	padding:0 0 6px 0;
}
#newsBox dd{
	margin:0 0 6px 0;
	padding:0 0 6px 9em;
	border-bottom:1px dashed #999;
}
#newsBox dt:first-of-type{ padding-top:6px; }
#newsBox dd:first-of-type{ padding-top:6px; border-top:1px dashed #999; }
#aboutIndex{ width:650px; height:310px; overflow:hidden; }
#aboutIndexLt{ width:350px; float:left; background:#9c0 url(../img/1603/bg.jpg) no-repeat left top; color:#fff; }
#aboutIndexRt{ width:300px; float:right; }
#aboutIndexLt p{ padding:20px; font-size:14px; }
#altileLink{ position:relative; }
#altileLink #altileLinkRt{ position:absolute; top:0; left:50%; height:100%; width:50%; }

/****** esrpolicy *********************************/
#mainColumn #esrpolicy .txtLinkBox{ width:420px; }

/****** frame *************************************/
.sectionDot{ padding-bottom:30px; border-bottom:1px dashed #ccc; }
.frameLt{ width:200px; float:left; }
.frameRt{ width:430px; float:right; }
.frame02Lt{ width:430px; float:left; }
.frame02Rt{ width:200px; float:right; }

/****** technology ********************************/
#frameVariation{ margin-bottom:30px; }
#frameVariation img{ width:100%; height:auto; }
#frameImage{ margin-top:30px; }
#frameImage p{ margin:30px 0; }

/****** dealer ************************************/
#dealers table{ border-bottom:1px solid #ddd; width:100%; }
#dealers table th, #dealers table td{ padding:5px 10px; border-top:1px solid #ddd; font-weight:normal; font-size:85%; }
#dealers table th{ background:#f1f1f1; width:50px; }
#dealers table td.telephoneTd{ width:100px; }
#dealers table td.tstDrive{ width:46px; }
.testDrive{ margin:0; padding:0; list-style-type:none; }
.testDrive li{ float:left; width:14px; height:14px; line-height:14px; margin-left:2px; overflow:hidden; }
.testDrive li:first-child{ margin-left:0; }
#dealers table td ul{ margin:0; padding:0; list-style-type:none; }
#dealers table td ul li{ display:inline; }
#mainColumn #dealers .txtLinkBox{ margin-top:0; padding:16px; }
#mainColumn #dealers .txtLinkBox img{ display:block; height:19px; margin:0 auto; }

/****** detail ************************************/
.series_parts{ width:900px; margin:0 0 15px; padding:0; list-style-type:none; }
.series_parts li{ width:140px; float:left; text-align:left;}
.series_parts li img{ width:140px; border:#AAA solid 1px;}
.series_parts li.parts_txt{ padding:0 10px; }
.series_folding{ margin:0 0 10px; padding:0; list-style-type:none;  }
.series_folding li{ width:200px; float:left; text-align:left; margin: 0 33px 0 0; }
.series_folding li:last-child{ margin-right:0; }
.series_folding li img{ width:200px; box-sizing:border-box; border:#AAA solid 1px;}
.series_folding li.folding_txt{ margin-bottom:0; }
#spacTable{ width:100%; margin:0 0 20px; border:none; }
#spacTable th{ width:18em; background:#f9f9f9; border-top:1px dotted #eee; border-bottom:1px dotted #eee; padding:10px; font-weight:bold; }
#spacTable td{ border-top:1px dotted #eee; border-bottom:1px dotted #eee; padding:10px 20px; font-weight:bold; }
.order_img  { width: 400px; float: left;}
.order_img img { border: black solid 1px; }
.order_form { width: 458px; float: right;}
.order_form p { margin: 10px 0 0;}
.order_form p.large { font-size:18px; margin-bottom:20px; letter-spacing:normal; }
.order_form p label { display:inline-block; width:80px; }
#quantity{ width:6em !important; }

#spacTable thead tr th{ width:auto !important; }
#spacTable thead tr th:first-of-type{ width:18em; }
#spacTable thead tr th:last-of-type{ text-align:center; }
.textGreen{ color:#558046; }
#pursuerModel{ display:flex; justify-content:center; margin:2.6em 0 2em; }
#pursuerModel .item{ min-height:16em; padding:0 1em; position:relative; width:50%; }
#pursuerModel .item:first-of-type{ border-right:1px dashed #666; }
#pursuerModel .item:last-of-type{ color:#558046; }
#pursuerModel .item h4{ position:absolute; top:0; width:100%; }
#pursuerModel .item h4 span{ display:block; font-weight:bold; text-align:center; }
#pursuerModel .item h4 .modelName{ font-size:4.2em; line-height:1em; }
#pursuerModel .item h4 .modelNameSub{ font-size:2.6em; line-height:1em; }
#pursuerModel .item .modelInfo{ margin:0 !important; padding:0 1em; position:absolute; left:0; bottom:0; width:100%; }
#pursuerModel .item .modelInfo li{ font-weight:bold; text-align:center; }
#pursuerModel .item .modelInfo .modelPrice{ border-bottom:2px solid #496db3; font-size:3em; line-height:1em; }
#pursuerModel .item .modelInfo .modelPrice .taxUnit{ font-size:.625em; }
#pursuerModel .item .modelInfo .modelOther{ font-size:1.5em; margin-top:.3em; }
.colorVariationWrap{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.colorVariationWrap .item{ margin:0 !important; }
.colorVariationWrap ul:first-of-type{ border-right:2px dashed #999; padding-right:5%; width:calc( 65% + 1px ); }
.colorVariationWrap ul:first-of-type li{ margin:0 20px 20px 0 !important; width:calc( ( 100% - 20px ) / 2 ) !important; }
.colorVariationWrap ul:first-of-type li:nth-child(even){ margin-right:0 !important; }
.colorVariationWrap ul:first-of-type li:last-child{ margin-bottom:0 !important; }
.colorVariationWrap ul:last-of-type{ width:30%; }
.colorVariationWrap ul:last-of-type li{ margin:0 0 20px !important; width:calc( 100% - 10px ) !important; }


/****** payment ************************************/
#payment table{
	border:1px solid #ccc;
	margin:1em 0;
	width:60%;
}
#payment th, #payment td{ border:1px solid #ccc; padding:6px; }
#payment th{ background:#f0f0f0; }


/**************************************************
 * 黒ページ
 **************************************************/

/****** 共通 ***************************************/
#black{ background:#000; color:#fff; }
#black #wrapper a{ color:#fff; }
#black #wrapper a:hover{ color:#f33; }
#black .fltLt380{ width:380px; float:left; }
#black .fltRt510{ width:510px; float:right; }
#black .itemList div{ float:left; width:290px; margin:0 15px 20px 0; padding:0; }
#black .itemList div.lastChild{ margin:0; }
#black .itemList ul{ margin:0; padding:0; list-style-type:none; }
#black .itemList li{ text-align:center; }
#black #wrapper .cartBtn{
	width:288px;
	height:38px;
	border:1px solid #fff;
	background:#999 url(../img/common/bk_btn_cart.png) repeat-x 0 0;
	line-height:38px;
	text-align:center;
}
#black #wrapper .cartBtn a{ display:block; color:#fff; text-decoration:none; }
#black #wrapper .cartBtn a:hover{ color:#fff; background:#f60 url(../img/common/bk_btn_cart.png) repeat-x 0 -38px; }

/****** header ************************************/
#black #logo{ padding:8px 0 8px 31px; }
#black #gnav > ul > li > a{ color:#ccc; }
#black footer ul li{ color:#333; }

/****** 画像切り替え ********************************/
#viewer{ clear:both; width:900px; height:266px; margin-top:5px; }
#viewer div.fleft{ float:left; width:400px; position:relative; }
#viewer div.fright{ float:right; width:500px; height:266px; position:relative; }
.pursuer-block #viewer, .pursuer-block #viewer div.fright{ height:316px; }
#viewer div.fleft img{ position:absolute; top:0; left:0; }
#viewer .thumBox{ position:absolute; bottom:0; }
#viewer ul{ width:490px; padding:0; margin:0; list-style-type:none; overflow:hidden; }
#viewer ul li{ width:110px; height:69px; margin-right:5px; float:left; }
#viewer ul.ul3item li{ width:160px; height:106px; }
#viewer ul.ul3item li.lastChild{ margin:0; }
#viewer ul li img{ top:0; left:0; position:relative; }
#viewer .active{
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/*ClearFixElements */
#viewer ul:after{
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#viewer380, #viewer380f{}
#viewer380 div.view, #viewer380f div.view{ width:380px; height:252px; position:relative; }
#viewer380 div.view img, #viewer380f div.view img{ position:absolute; top:0; left:0; }
#viewer380 .thumBox, #viewer380f .thumBox{ margin-top:10px; }
#viewer380 ul, #viewer380f ul{ width:380px; padding:0; margin:0; list-style-type:none; overflow:hidden; }
#viewer380 ul li{ float:left; width:120px; height:80px; margin-right:10px; }
#viewer380f ul li{ float:left; width:185px; height:123px; margin-right:10px; }
#viewer380 ul li.lastChild, #viewer380f ul li.lastChild{ margin:0; }
#viewer380 ul li img, #viewer380f ul li img{ top:0; left:0; position:relative; }
#viewer380 .active, #viewer380f .active{
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/*ClearFixElements */
#viewer380 ul:after, #viewer380f ul:after{
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

/****** パーツ＆アクセサリー **************************/
.partsList{ 
	margin:0;
	padding:0;
	list-style-type:none;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.partsList li{
	width:23%;
	min-height:162px;
	padding:0;
	text-align:center;
	margin-bottom: 20px;
}
.partsList li div{ width:100%; height:140px; overflow:hidden; box-sizing:border-box; border:1px solid #ccc; }
.partsList li img{
	width:100%;
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}
.partsList li img:hover{
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

/*** 解像度の幅が1200px以下 **************************/
@media screen and (max-width:1200px){
	#mainImage{ width:100%; }
	#mainImage img{ width:100%; height:auto; }
	#wheelImage{ display:none; }
}


/***HMR007***************************************/
.hmr007-area {
	background:url(../img/hmr007/hmr007_bg.jpg) no-repeat; width:900px; height:auto;}
.hmr007-area h3 {background:none; padding-left:0;}
.hmr007-area p {line-height:190%;}
.hmr007-area h2 img {margin:20px 0 0 0;}
.hmr007-area01 {margin:110px 0 0 0;}
.hmr007-area01 span img {margin:0 0 25px 10px;}
.hmr007-area02 {margin:40px 0 0 0; width:560px; height:auto;}
.hmr007-area02 p {padding:0 10px 0 0;}
.hmr007-area02b3 {margin:20px 0 0 0; width:560px; height:auto;}
.hmr007-area02b3 h3 {color:#01d5d9; margin:10px 0 10px 0;}
.hmr007-area02b3 img {margin:0 0 0 10px;}
.hmr007-area02b3 p {padding:15px 10px 0 10px;}
.hmr007-area03 {width:900px; height:260px; border:solid 1px #01d5d9; padding:0; background:#fff; margin:90px 0 0 0;}
.hmr007-area03 p.tx01 {float:left; padding:20px 0 10px 20px; width:145px; height:65px; margin:0;}
.hmr007-area03 p.tx02 { padding:0; float:right; width:700px; height:240px; margin:0; padding:15px 20px 20px 0;}
.hmr007-area03 p.tx02 span { color:#01d5d9; font-size:120%; font-weight:bold;}
.hmr007-area04 {width:900px; height:813px; background:url(../img/hmr007/img_products_02.jpg) no-repeat; margin:40px 0 50px 0; padding:0;}
.hmr007-area04 p { color:#fff;margin:10px 0 0 0; padding-top: 30px; padding-left: 20px; line-height: 190%;}
.hmr007-area04 img.harea04 {margin: 0; padding: 0;}
.hmr007-area05 h4.hmr_prod_02 img {float:right; padding:0 10px 0 0;}
.hmr007-area05 p.tx03 {width:410px; height:auto; float:right; padding:20px 0 0 0; line-height:190%;}
.hmr007-area05 p.tx04 { width:480px; height:auto; padding:10px 0 0 0; line-height:190%;}
.hmr007-area05 img.hmr_prod_03 { padding:60px 0 0 40px;}
.hmr007-area05_B { clear:both;}
.hmr007-area05_C {width:100%;height:auto;clear:both;}
.hmr007-area05_C h4 {width:560px; height:auto; float:right; padding:20px 0 0 0; line-height:190%;}
.hmr007-area05_C p {width:560px;height:auto;float:right ;padding:5px 0 0 0; line-height:190%;}
.hmr007-area05_C img.hmr_prod_04 { float:left; margin:20px 0 0 0;}
.hmr007-area06 {width:900px; height:auto; clear:both; margin:40px 0 0 0; padding:30px 0 20px 10px;}
.detiru_box01 {width:295px; height:auto; float:left; margin:20px 0 0 0;padding:0;}
.detiru_box01 p { border-left:solid 2px #ff0078; width:265px; height:90px; padding:0 0 0 7px; margin:10px 0 0 0; letter-spacing:-0.05em;}
.hmr007-area07 { width:900px; height:auto; clear:both; margin:0 0 40px 0; padding:50px 0 20px 10px;}
.hmr007-area07 .flame_box img { float:left; padding:0 30px 0 0;}
.hmr007-area07 .flame_box p { font-size:140%; padding:40px 0 0 0;}
.hmr007-area07 .flame_box p span { font-weight:bold;}
.hmr007-area07 .flame_box p span.tx05 {font-size:80%;}
.hmr007-area07b { clear:both;margin:0;}
.hmr007-area07b table {border:solid 2px #ccc; margin:20px 0 0 10px; width:870px; color:#000;}
.hmr007-area07b table td { border:solid 2px #ccc; padding:5px; text-align:center;}
.hmr007-area07b table td span { font-weight:bold;}
.hmr007-area07b table td.spec_01 { background:#feabd2; font-weight:bold; text-align:center; height:25px; vertical-align:middle; width: 27%; }
.hmr007-area07b table td.spec_02 { background:#73d9db; font-weight:bold; ftext-align:center; height:25px; vertical-align:middle; width: 27%;}
.hmr007-area07b table td.spec_03 { text-align:left; background:#f9ffba;}
.hmr007-area07b table td.spec_04 { background:#8efada; font-weight:bold; ftext-align:center; height:25px; vertical-align:middle; width: 27%;}
.hmr007-area08 { width:900px; height:auto; clear:both; margin:0px 0 10px 0; padding:10px 0 20px 10px;}
.hmr007-area08 .hmr_goods_box { width:440px; height:auto; margin:40px 5px 10px 0; float:left;}
.hmr007-area08 .hmr_goods_box .hmr_goods_photo { width:190px; height:130px; float:left;}
.hmr007-area08 .hmr_goods_box .hmr_goods_tx { width:240px; height:150px; float:right;}
.hmr007-area08 .hmr_goods_box .hmr_goods_tx h4 { color:#01d5d9; font-size:125%; font-weight:bold; padding:3px 0 0 0;}
.hmr007-area08 .hmr_goods_box .hmr_goods_tx p {padding-top: 0; margin-top: 0; vertical-align: top;}
.hmr007-area08 .hmr_goods_box .hmr_goods_tx p span {font-weight:bold;}
.hmr007-area08 .hmr_goods_box .hmr_goods_tx p span.pink_tx {color:#ff0078;}
.hmr007-area09 {width:900px; height:auto; text-align:center; clear:both; padding:80px 0 0 0;}
.hmr007-area10 { width:850px; height:auto; margin:60px 0 10px 0; padding:20px; border:solid 1px #01d5d9;}
.hmr007-area10 h4 { color:#01d5d9; font-size:120%; font-weight:bold;}
.hmr007-area10 p {margin:0 0 10px 0;}
.hmr007-area11 {width:900px; height:auto; text-align:center; padding:10px 0 0 0; font-size:88%;}
.hmr007-area11 img {padding:20px;}
.hmr007-area11 img.crypton_bnr {margin-top:30px;}

/***Girls***************************************/
.girls-title {
  font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}
.girls-subtitle {
  text-align: center;
  background-color: #ED646C;
  color: #fff;
  font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  padding: 5px 0;
}
.girls-img {
  width: 100%;
}

.girls-list {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.girls-item {
  width: 24%;
  list-style: none;
  border: 1px solid #aaa;
  box-sizing: border-box;
  margin-top: 60px;
}

.girls-text {
  font-size: 14px;
  line-height: 24px;
}

.girls-text:last-of-type {
  margin-top: 20px;
}

.girls-area04 {
  margin-top: 60px;
}

.girls-area04 table {
  border-collapse: collapse;
  border: 1px solid #000;
}

.girls-area04 table tr td {
  border-collapse: collapse;
  border: 1px solid #000;
}

.girls-area04 table tr:first-of-type td {
  text-align: center;
  background-color: #489F67;
  color: #fff;
  font-weight: bold;
}

.girls-area05 {
  margin-top: 60px;
}

.girls-area05 table {
  border-collapse: collapse;
  border: 1px solid #000;
}

.girls-area05 table tr td {
  border-collapse: collapse;
  border: 1px solid #000;
}

.girls-area05 table tr:first-of-type td {
  width: 50%;
	display: table-cell;
	vertical-align: middle;
}
.girls-area05 table tr:first-of-type td img {
  width: 100%;
}
.girls-area05 table tr:nth-of-type(2) td {
  text-align: center;
  background-color: #489F67;
  color: #fff;
  font-weight: bold;
}

.girls-area05 table tr td:nth-of-type(2),
.girls-area05 table tr td:nth-of-type(3),
.girls-area05 table tr td:nth-of-type(4),
.girls-area05 table tr td:nth-of-type(5) {
  max-width: 30px;
  text-align: center;
}

.bnr-img {
  width: 100%;
}

.bnrList03 li:nth-child(n+4) {
  margin-top: 20px;
}

/***ALTAILE***************************************/
.ALTAILE-area {margin-bottom: 50px;}
.ALTAILE-area .clearF {clear: both;}
#white .ALTAILE-area h3 {background:none; padding-left:0;} 
.ALTAILE-area01 {width: 100%; height: auto; margin-top:30px; margin-bottom: 20px;}
.ALTAILE-area01 .al_img {width:300px; height: auto; margin-bottom: 40px; float:left;}
.ALTAILE-area01 p {float:right; width: 585px; padding: 10px 0 40px 0; line-height: 180%;}
.ALTAILE-area02 {width: 100%; height: 200px; padding-bottom: 20px;}
.ALTAILE-area03 {margin-top: 20px; width: 100%; height: auto; clear: both;}
.ALTAILE-area03 img.Amgr {margin-right: 24px;} 
.ALTAILE-area03 h3 {margin-bottom: 20px;} 
.ALTAILE-area04  {width: 100%; height: auto; margin-top:30px; margin-bottom: 20px;}
.ALTAILE-area04 table {border: none; margin-top: 20px;}
.ALTAILE-area04 table th {background:#eeefef; font-size:94%; border: solid 1px #333; text-align: center; color: #000; font-weight: normal;}
.ALTAILE-area04 table td {font-size:86%; border: solid 1px #333; padding: 4px; }
.ALTAILE-area04 table td.al_t01 {width:115px; background:#d4dce0;}
.ALTAILE-area04 table td.al_t03,.ALTAILE-area04 table td.al_t05,.ALTAILE-area04 table td.al_t07 {text-align: center;}
.ALTAILE-area04 table td.al_t02,.ALTAILE-area04 table td.al_t04,.ALTAILE-area04 table td.al_t06 {width:185px;}
.ALTAILE-area04 p {font-size:94%; padding-top:5px;}
.ALTAILE-area04 img {margin-top: 20px;}

.ALTAILE-area05  {width: 100%; height: auto; margin-top:40px; margin-bottom: 20px;}
.ALTAILE-area05 .al_price01 {float:left; width:440px;}
.ALTAILE-area05 .al_price02 {float:right; width:440px;}
.ALTAILE-area05 table {border: none; margin-top: 20px; font-size:92%;}
.ALTAILE-area05 table td {border: solid 1px #333; padding: 4px; text-align: center;}
.ALTAILE-area05 table th {background:#d4dce0; border: solid 1px #333;}
.ALTAILE-area05 p {font-size:94%; padding-top:5px;}
/***top ALTAILE banner***/
.bnr-altaile {width:650px; height:120px;}


.pursuer-block {
  margin: 70px 0 0;
}
.pursuer-top img {
  width: 100%;
}
.pursuer-title {
  font-size: 2.4em !important;
  border-bottom: 4px solid #D1CAC6;
  padding-left: 0 !important;
  padding-bottom: 10px;
  background: none !important;
  margin-bottom: 25px !important;
}

.pursuer-detail-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}
.pursuer-detail-item {
  width: calc((100% - 60px)/4);
  list-style: none;
}
.pursuer-detail-item:nth-child(-n + 4) {
  margin: 0 0 30px;
}
.pursuer-detail-pic {
  margin: 0 0 10px;
}
.pursuer-detail-pic img {
  width: 100%;
}
.pursuer-detail-text {
  text-align: justify;
  text-justify: inter-ideograph;
}
.pursuer-spec {
  margin: 1em 2.5em;
}
.pursuer-spec img {
  width: 100%;
}
.pursuer-color-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}
.pursuer-color-item {
  width: calc((100% - 40px)/3);
  list-style: none;
}
.pursuer-color-item:nth-child(-n + 3) {
  margin: 0 0 30px;
}
.pursuer-color-item:nth-of-type(2) {
  margin: 0 20px 30px;
}
.pursuer-color-item:nth-of-type(4) {
  margin: 0 20px 0 0;
}
.pursuer-color-pic {
  border: 1px solid #D1CAC6;
}
.pursuer-color-pic img {
  width: 100%;
}
.pursuer-color-text {
  text-align: center;
  margin: 8px 0 0;
  font-size: 14px;
}
#detail .pursuer-block:last-of-type{ margin-bottom:70px; }
#pursuerFolding, #pursuerGeometry{ list-style-type:none; margin:0; padding:0; }
#pursuerFolding li{ float:left; margin-right:5%; width:30%; }
#pursuerFolding li:last-child{ margin-right:0; }
#pursuerFolding li img{ height:auto; width:100%; }
#pursuerGeometry li{ float:left; width:33%; }
#pursuerGeometry li img{ height:180px; width:auto; }
#pursuerHeight img{ float:left; height:auto; margin-right:1em; width:36%; }


/*** 買物かごまわり ***************************************/
#detail_cart_box ul{ margin:0; }



/* 2025/06/16 追加 */
body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	width: 100%;
}
footer {
	margin-top: auto;
	padding-top: 40px;
}

.top-swiper .swiper {
	max-height: 750px;
}
#headerCube, #wrapper{ 
	max-width: 1200px;
	width:calc(100% - 40px);
}
@media (min-width: 769px) {
	#headerCube, #wrapper{ 
		min-width:900px;
	}
}
@media (max-width: 768px) {
	#headerCube, #wrapper{ 
		width: 100%;
		min-width: auto;
	}
}
#headerCube {
	margin:0 auto;
	padding:16px 0;
	text-align:left;
	border-bottom: 1px solid #ddd;
}
#logo{ width:200px; }
#logo img { width: 100%; }
@media (max-width: 768px) {
	#logo {
		width: 150px;
	}
	#headerCube {
		padding: 10px 0;
	}
}
@media (max-width: 768px) {
  #headerCube {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
    background: #fff;
		height: 56px;
		box-sizing: border-box;
  }
  .main {
    padding-top: 56px;
		width: 100%;
  }
}
#wrapper {
	max-width: 900px;
	width: 100%;
	margin: 30px auto 0;
	padding: 0;
	display: flex;
	flex-direction: row-reverse;
	gap: 24px;
	text-align: left;
	justify-content: center;
	box-sizing: border-box;
}
@media (max-width: 768px) {
	#wrapper {
		gap: 0;
		padding: 0 12px;
		flex-direction: column;
	}
}
#mainColumn {
	max-width: 650px;
	width: 100%;
}
#sideColumn { 
	width: 330px;
}
@media (max-width: 768px) {
	#sideColumn {
		width: 100%;
		margin-top: 32px;
		padding-top: 32px;
		border-top: 1px dotted #ccc;
	}
	#mainColumn {
		width: 100%;
	}
}

#gnav { 
	width:72%;
	max-width: 700px;
}

#gnav > ul {
	display: flex;
	justify-content: space-between;
}

#gnav > ul > li { 
	font-size: 1.6em;
}
#gnav > ul > li:last-child{
	margin-right: 0;
}

#gnavProducts {
	position: relative;
}
#gnavProducts .sub {
	position: absolute;
	top: 44px;
	width:220px;
	padding:10px 6px 6px;
	background:#f8f8f8;
	display:none;
	z-index:2001;
}

#gnav .sub ul{ float:left; width:220px; margin:0 3px; padding:0; list-style:none; }
#gnav .sub ul li{ background:none; width:202px; height:2em; text-align:left; padding: 3px 6px 0; border-bottom:1px dotted #999; }
@media screen and (max-width: 768px) {
	#gnav .sub ul li {
		width: 100%;
		height: auto;
	}
}
#gnav .sub ul li a{ float:none; display:block; color:#009; text-decoration:none; font-size:12px; }
#gnav .sub ul li a:hover{ color:#f60; background:none; }
#gnav .sub ul li.navTitle{
	margin-bottom:6px;
	padding:3px 6px;
	height:18px;
	line-height:18px;
	background:#ccc;
	font-size:14px;
	color:#333;
	font-weight:bold;
}

.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ハンバーガーメニュー */
.hamburger {
  display: none;
  width: 30px;
  height: 20px;
  position: relative;
  cursor: pointer;
  z-index: 1000;
}

.hamburger span {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #333;
  transition: all 0.3s;
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

.hamburger span:nth-child(3) {
  bottom: 0;
}

.hamburger.active span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

@media screen and (max-width: 768px) {
  .hamburger {
    display: block;
  }

  #gnav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    height: 100vh;
    background: #fff;
    padding: 80px 20px 20px;
    transition: right 0.3s;
    z-index: 999;
    overflow-y: auto;
  }

  #gnav.active {
    right: 0;
  }

  #gnav ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 0;
    padding: 0;
    margin: 0;
  }

  #gnav > ul > li {
    float: none !important;
    width: 100% !important;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
    font-size: 1.1em;
    text-align: left;
  }

  #gnav > ul > li > a {
    display: block;
    padding: 16px 0 16px 16px;
    font-size: 1.1em;
    font-weight: bold;
    color: #222;
    letter-spacing: 0.05em;
  }

  #gnav .sub {
    padding: 0 0 0 24px;
    background: none;
    box-shadow: none;
    display: block;
    position: static;
  }

  #gnav .sub ul {
    padding: 0;
    margin: 0;
  }

  #gnav .sub li {
    border-bottom: none;
    font-size: 1em;
  }

  #gnav .sub li a {
    padding: 10px 0 10px 8px;
    color: #666;
    font-weight: normal;
    font-size: 1em;
    border: none;
  }
}

#gnav > ul > li > a{ 
	display:block;
	padding:10px 3px 6px;
	position: relative;
}

#gnav > ul > li > a:hover {
	color: #000;
}

#gnav > ul > li > a::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

#gnav > ul > li > a:hover::after { 
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #b5d005;
}

img {
	max-width: 100%;
	height: auto;
}

.grecaptcha-badge {display:none}