/*
Theme Name: CSG_2026 Phase1
Description: csg_kaiをベースにしたリニューアルPhase1版。jQuery重複解消・画像最適化・GA4移行・hreflang対応を実施。検索/絞り込みロジックとレイアウトはcsg_kaiから変更なし。
Version: 2026p1
*/

@charset "utf-8";
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@media screen and (min-width: 1140px){
}
@media screen and (max-width:1139px){
}

/* tags
---------------------------------------------------- */
html,body { margin:0; padding: 0; color: #151515; background:#fff; font-family:'Noto Sans Japanese','メイリオ',sans-serif; font-size: 15px; line-height: 2.0em;}
a:link,a:visited { color:#242424;}
a:hover,a:active { color:#aaaaaa; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
a:hover img{ opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
p {}
img { border-style: none; vertical-align: bottom; max-width: 100%; height: auto;}
h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd { margin: 0; padding: 0; list-style: none; font-weight: normal; clear:both;}

#wrap{ width:100%; margin: 0 auto;}

@media screen and (min-width: 1140px){
	div.inner{ width: 1140px; margin: 0 auto;}
}
@media screen and (max-width:1139px){
	div.inner{ width: 800px; margin: 0 auto;}
}


/* header
---------------------------------------------------- */
header#globalHeader{ margin-bottom: 30px;}
header#globalHeader h1{ margin: 20px 0; float: left;}
header#globalHeader div#headerLanguage{ margin: 20px 40px; float: right; font-size: 16px; text-align: center;}
header#globalHeader div#headerLanguage i{ color: #a60000; margin-right: 10px;}
header#globalHeader div#headerLanguage span{ display: block; font-size: 11px;}

header#globalHeader nav#globalMenu{  width: 100%;  background: #242424; overflow: hidden;}
@media screen and (min-width: 1140px){
	header#globalHeader nav#globalMenu div#menuBtn{ display: none;}
	header#globalHeader nav#globalMenu ul li{ float: left; border-left: 1px dotted #656565;}
	header#globalHeader nav#globalMenu ul li a{ display: block; padding: 10px 8px; color: #fff; text-decoration: none; font-size: 14px;}
	header#globalHeader nav#globalMenu ul li:last-child{ border-right: 1px dotted #656565;}
	header#globalHeader nav#globalMenu ul li a:hover{ background: #656565;}
}
@media screen and (max-width:1139px){
	header#globalHeader nav#globalMenu {margin-bottom: 30px; font-size: 16px;}
	header#globalHeader nav#globalMenu div#menuBtn{ color: #fff; text-align: center; padding: 20px 0; }
	header#globalHeader nav#globalMenu div#menuBtn i{ margin-right: 20px;}
	header#globalHeader nav#globalMenu ul{ display: none;}
	header#globalHeader nav#globalMenu ul li a{ display: block; padding: 20px 8px; color: #fff; text-decoration: none; font-size: 14px; border-top:  1px dotted #656565;}
}


/* footer
---------------------------------------------------- */
footer#globalFooter{ clear: both; background: #242424; color: #fff; padding: 30px 0 20px 0; text-align: right;}
footer#globalFooter a{ color: #fff;}
footer#globalFooter a:hover{ color: #656565;}
@media screen and (min-width: 1140px){
	footer#globalFooter div#footerAddress{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid#353535;}
	footer#globalFooter div#footerAddress p{ font-size: 15px;}
	footer#globalFooter div#footerCopyright{ font-size: 11px;}
}
@media screen and (max-width:1139px){
	footer#globalFooter div#footerAddress{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid#353535;}
	footer#globalFooter div#footerAddress p{ font-size: 15px;}
	footer#globalFooter div#footerCopyright{ font-size: 11px;}
}


/* main
---------------------------------------------------- */
main{ width: 100%; overflow: hidden;}

@media screen and (min-width: 1140px){
	article{ width: 800px; float: left; margin-bottom: 40px;}
	aside{ width: 300px; float: right;}
}
@media screen and (max-width:1139px){
	article{ width: 800px; margin-bottom: 30px;}
	aside{ width: 800px;}
}
section{ clear: both;}
section h1 i{ margin-right: 10px;}

aside div.sidebox{ margin-bottom: 30px;}
aside div.sidebox h1{ font-size: 16px; border-bottom: 2px solid #242424; padding:0 8px 5px 8px;}
aside div#sideCart{}
aside div#sideCart a{ display: block; text-decoration: none; font-weight: 600; background: #a60000; color: #fff; text-align: center; line-height: 60px; font-size: 18px; border-radius: 3px;}
aside div#sideCart a:hover{ background: #ff0000;}
aside div#sideSerch{}
aside div#sideSerch dl{ width: 90%; margin: 0 auto;}
aside div#sideSerch dl dt{ font-size: 11px;}
aside div#sideSerch dl dd{}
aside div#sideSerch dl dd select,
aside div#sideSerch dl dd input#kw{ width: 98%; padding: 1%; background: #faffbd; border: none; line-height: 26px; height: 26px;}
aside div#sideSerch div.serchBtn{ margin-top: 20px;}
aside div#sideSerch div.serchBtn input{ display: block; margin: 0 auto; width: 80%; background: #242424; color: #fff; border: none; cursor: pointer; line-height: 30px;}
aside div#sideSerch div.clearBtn{ text-align: center;}
@media screen and (min-width: 1140px){
}
@media screen and (max-width:1139px){
	aside div#sideSerch dl dt{ font-size: 14px;}
	aside div#sideSerch dl dd select,
	aside div#sideSerch dl dd input#kw{ font-size: 32px; height: 64px; overflow: hidden;}
}


aside div#sideBrand{ overflow: hidden; margin-bottom: 30px;}
aside div#sideBrand ul{}
aside div#sideBrand ul li a{ display: block; border-bottom: 1px dotted #656565; padding: 3px 5px; text-decoration: none;}
@media screen and (min-width: 1140px){
}
@media screen and (max-width:1139px){
	aside div#sideBrand ul li a{ padding: 20px 5px;}
}



/* home
---------------------------------------------------- */
section#homeTop{ background: #f0f0f0; padding: 10px; margin-bottom: 30px;}
section#homeTop h1{ text-align: center; padding-bottom: 10px; font-size: 16px;}
section#homeTop ul{}
section#homeTop ul li{ }
section#homeTop ul li img{ }
section#homeTop img{ width: 100%; height: auto;}
section#homeTop p{ text-align: right; font-size: 14px;}

div#homeCampaign{ margin-bottom: 30px; text-align: center;}
div#homeCampaign p{ margin-top: 15px;}

section#homeInfo { margin-bottom: 50px; overflow: hidden;}
section#homeInfo h2{ border-top: 1px solid #242424; border-bottom: 1px solid #242424; padding: 10px 0; text-align: center; margin-bottom: 30px;}
section#homeInfo p{ margin: 0.5em 1em;}
section#homeInfo p.signature{ text-align: right;}
section#homeInfo div.more{ margin-top: 30px;}
section#homeInfo div.more a{ display: block; background: #242424; width: 80%; margin: 0 auto; padding: 10px 0; text-decoration: none; font-size: 20px; color: #fff; text-align: center;}
section#homeInfo div.more a:hover{ background: #454545;}

section#homeInstantDelivery { margin-bottom: 50px; overflow: hidden;}
section#homeInstantDelivery h2{ border-top: 1px solid #242424; border-bottom: 1px solid #242424; padding: 10px 0; text-align: center; margin-bottom: 30px;}
section#homeInstantDelivery div.more{ margin-top: 30px;}
section#homeInstantDelivery div.more a{ display: block; background: #242424; width: 80%; margin: 0 auto; padding: 10px 0; text-decoration: none; font-size: 20px; color: #fff; text-align: center;}
section#homeInstantDelivery div.more a:hover{ background: #454545;}

section#homespCon { margin-bottom: 50px; overflow: hidden;}
section#homespCon h2{ border-top: 1px solid #242424; border-bottom: 1px solid #242424; padding: 10px 0; text-align: center; margin-bottom: 30px;}
section#homespCon ul.itemList{ margin-right: -40px; margin-bottom: -40px; overflow:hidden; }
section#homespCon ul.itemList li{ float: left; width: 240px; margin-right: 40px; margin-bottom: 40px;}
section#homespCon ul.itemList li div.imgBox{ width:240px; height: 160px; margin-bottom: 10px; text-align: center; margin: 0 auto; display: table-cell; vertical-align: middle; position: relative;}
section#homespCon ul.itemList li div.imgBox .deliverystatus{ position: absolute;	top: 0;	left: 0;	margin: 0; 	color: white;	background:#a60000;	font-size: 15px; font-weight: bold;	line-height: 1;	padding: 5px 10px;}
section#homespCon ul.itemList li div.contBox{ font-size: 12px;}
section#homespCon ul.itemList li div.contBox h3{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden;} 
section#homespCon ul.itemList li div.contBox div.part{}
section#homespCon ul.itemList li div.contBox div.part span{ background: #333; color: #fff; border-radius: 3px; padding: 0 3px;}
section#homespCon ul.itemList li div.contBox div.price{ text-align: right;}
section#homespCon ul.itemList li div.contBox div.price span{ font-size: 24px; font-weight: 600; color: #f30000;}
section#homespCon ul.itemList li div.contBox div.price span.priceT{ color: #333; font-size: 16px; font-weight: normal;text-decoration: line-through; }

section#homeWithDefects { margin-bottom: 50px; overflow: hidden;}
section#homeWithDefects h2{ border-top: 1px solid #242424; border-bottom: 1px solid #242424; padding: 10px 0; text-align: center; margin-bottom: 30px;}
section#homeWithDefects ul.itemList{ margin-right: -40px; margin-bottom: -40px; overflow:hidden; }
section#homeWithDefects ul.itemList li{ float: left; width: 240px; margin-right: 40px; margin-bottom: 40px;}
section#homeWithDefects ul.itemList li div.imgBox{ width:240px; height: 160px; margin-bottom: 10px; text-align: center; margin: 0 auto; display: table-cell; vertical-align: middle; position: relative;}
section#homeWithDefects ul.itemList li div.imgBox .deliverystatus{ position: absolute;	top: 0;	left: 0;	margin: 0; 	color: white;	background:#a60000;	font-size: 15px; font-weight: bold;	line-height: 1;	padding: 5px 10px;}
section#homeWithDefects ul.itemList li div.contBox{ font-size: 12px;}
section#homeWithDefects ul.itemList li div.contBox h3{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden;} 
section#homeWithDefects ul.itemList li div.contBox div.part{}
section#homeWithDefects ul.itemList li div.contBox div.part span{ background: #333; color: #fff; border-radius: 3px; padding: 0 3px;}
section#homeWithDefects ul.itemList li div.contBox div.price{ text-align: right;}
section#homeWithDefects ul.itemList li div.contBox div.price span{ font-size: 24px; font-weight: 600; color: #f30000;}
section#homeWithDefects ul.itemList li div.contBox div.price span.priceT{ color: #333; font-size: 16px; font-weight: normal;text-decoration: line-through; }

@media screen and (min-width: 1140px){
}
@media screen and (max-width:1139px){
	section#homeWithDefects ul.itemList li div.contBox h3{ font-size: 20px; line-height: 30px; height: 90px; overflow: hidden;} 
}
section#homeWithDefects div.more{ margin-top: 30px;}
section#homeWithDefects div.more a{ display: block; background: #242424; width: 80%; margin: 0 auto; padding: 10px 0; text-decoration: none; font-size: 20px; color: #fff; text-align: center;}
section#homeWithDefects div.more a:hover{ background: #454545;}


section#homeRec {}
section#homeRec h2{ border-top: 1px solid #242424; border-bottom: 1px solid #242424; padding: 10px 0; text-align: center; margin-bottom: 30px;}
section#homeRec ul.itemList{ margin-right: -40px; margin-bottom: -40px; overflow:hidden; }
section#homeRec ul.itemList li{ float: left; width: 240px; margin-right: 40px; margin-bottom: 40px;}
section#homeRec ul.itemList li div.imgBox{ width:240px; height: 160px; margin-bottom: 10px; text-align: center; margin: 0 auto; display: table-cell; vertical-align: middle; position: relative;}
section#homeRec ul.itemList li div.imgBox .deliverystatus{ position: absolute;	top: 0;	left: 0;	margin: 0; 	color: white;	background:#a60000;	font-size: 15px; font-weight: bold;	line-height: 1;	padding: 5px 10px;}
section#homeRec ul.itemList li div.contBox{ font-size: 12px;}
section#homeRec ul.itemList li div.contBox h3{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden;} 
section#homeRec ul.itemList li div.contBox div.part{}
section#homeRec ul.itemList li div.contBox div.part span{ background: #333; color: #fff; border-radius: 3px; padding: 0 3px;}
section#homeRec ul.itemList li div.contBox div.price{ text-align: right;}
section#homeRec ul.itemList li div.contBox div.price span{ font-size: 24px; font-weight: 600; color: #f30000;}
section#homeRec ul.itemList li div.contBox div.price span.priceT{ color: #333; font-size: 16px; font-weight: normal;text-decoration: line-through; }
@media screen and (min-width: 1140px){
}
@media screen and (max-width:1139px){
	section#homeRec ul.itemList li div.contBox h3{ font-size: 20px; line-height: 30px; height: 90px; overflow: hidden;} 
}
section#homeRec div.more{ margin-top: 30px;}
section#homeRec div.more a{ display: block; background: #242424; width: 80%; margin: 0 auto; padding: 10px 0; text-decoration: none; font-size: 20px; color: #fff; text-align: center;}
section#homeRec div.more a:hover{ background: #454545;}

ul.slider{ }
ul.slider li{ padding: 5px;}
ul.slider li div.imgBox{ width:240px; height: 160px; margin-bottom: 10px; text-align: center; margin: 0 auto; display: table-cell; vertical-align: middle; position: relative;}
ul.slider li div.imgBox .deliverystatus{ position: absolute;	top: 0;	left: 0;	margin: 0; 	color: white;	background:#a60000;	font-size: 15px; font-weight: bold;	line-height: 1;	padding: 5px 10px;}
ul.slider li div.contBox h3{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden;} 
ul.slider li div.contBox div.part{ font-size: 12px;}
ul.slider li div.contBox div.part span{ background: #333; color: #fff; border-radius: 3px; padding: 0 3px;}
ul.slider li div.contBox div.price{ text-align: right;}
ul.slider li div.contBox div.price span{ font-size: 24px; font-weight: 600; color: #f30000;}
ul.slider li div.contBox div.price span.priceT{ color: #333; font-size: 16px; font-weight: normal;text-decoration: line-through; }
.slick-track {display: flex;  }
.slick-slide {	height: auto !important;  }

/* single
---------------------------------------------------- */
main#single article section#mainCont{ margin-bottom: 30px; overflow: hidden;}
main#single h1{ margin-bottom: 1em; font-size: 22px; font-weight: bold;}
main#single div.itemImage{ float: left; width: 60%; margin-bottom: 30px;}
main#single div.itemImage img{ width: 100%; height: auto;}
main#single div.itemOutline{ float: right; width: 38%; padding-left: 2%; margin-bottom: 30px;}
main#single div.itemOutline div.price{ margin-top: 30px; text-align: right;}
main#single div.itemOutline div.price span{ font-size: 44px; font-weight: 600; }
main#single div.itemOutline div.price span.priceT{ font-size: 16px; font-weight: normal;text-decoration: line-through; }
main#single div.itemOutline div.price span#normalPrice{ color: #333; font-size: 1em; font-weight: normal;text-decoration: line-through; }
main#single div.itemOutline div.price span#discountArrow{ color: #333; font-size: 1em; font-weight: normal;}
main#single div.itemOutline div.more { text-align: center; margin-top: 30px; line-height: 60px; font-size: 22px;}
main#single div.itemOutline div.more form{text-align: left;}
main#single div.itemOutline div.more form label{ display: block; font-size: 14px; line-height: 1.25em; font-weight: bold;}
main#single div.itemOutline div.more form select{ display: block; font-size:18px; margin-bottom: 1em;}
main#single div.itemOutline table{ width: 100%;}
main#single div.itemOutline table th{ width: 30%; text-align: center; font-size: 11px; color: #fff; background: #242424;}
main#single div.itemOutline table td{ padding: 5px; font-size: 14px;}
main#single div.infoBtn{ text-align: center; margin-top: 10px;}
main#single div.infobox1{ border: 1px #a60000 solid; padding: 1em; margin-bottom: 1em;}
main#single div.infobox1 p{ margin: 0.25em;}

main#single article section#mainCont .deliverystatus span{ background: #333; color: #fff; border-radius: 3px; padding: 0 3px;}

/*----------------*/
div#wpCont{ font-size: 15px;}
div#wpCont h2{ background: #f1f1f1; font-size: 16px; font-weight: 400; padding: 5px 10px; margin: 10px 0;}
div#wpCont h3{ border-bottom: 1px dotted #444; font-weight: bold; font-size: 15px;}
div#wpCont p{ margin: 1em 0;}
div#wpCont img{ max-width: 100%; height: auto; margin-bottom: 5px;}
div#wpCont iframe{ max-width: 100%; max-height: 450px;}
div#wpCont table{ width: 100%; font-size: 13px;}
div#wpCont table th{ padding: 10px 0; width: 30%; font-size: 12px;}
div#wpCont table td{ padding: 10px 0; }
div#wpCont ul {    list-style: disc; padding-left: 1.5em;}
div#wpCont ul li::marker {    color: #222;}
div#wpCont ul ul li::marker { color: #aaa;}

main#single article section#mainCont div.infoBtn{ text-align: center;}
@media screen and (min-width: 1140px){
}
@media screen and (max-width:1139px){
	main#single article section#mainCont div.leftBox div#wpCont{ font-size: 20px;}
}

/*--New layout----*/
main#singleADV{}
main#singleADV header#contentHeader{ border-bottom: 1px dotted #aaa;}
main#singleADV header#contentHeader h1{ font-size: 22px; font-weight: bold;}
main#singleADV header#contentHeader .deliverystatus span{ background: #a60000; color: #fff; border-radius: 3px; padding: 0 3px;}

main#singleADV article section#mainCont{}

main#singleADV article section#mainCont h1{ margin: 10px 0; font-size: 14px; text-align: right;}

main#singleADV div.itemImage{ float: left; width: 60%; margin-bottom: 30px;}
main#singleADV div.itemImage img{ width: 100%; height: auto;}
main#singleADV div.itemOutline{ float: right; width: 38%; padding-left: 2%; margin-bottom: 30px;}
main#singleADV div.itemOutline div.price{ margin-top: 30px; text-align: right;}
main#singleADV div.itemOutline div.price span{ font-size: 44px; font-weight: 600; }
main#singleADV div.itemOutline div.price span.priceT{ font-size: 16px; font-weight: normal;text-decoration: line-through; }
main#singleADV div.itemOutline div.price span#normalPrice{ color: #333; font-size: 1em; font-weight: normal;text-decoration: line-through; }
main#singleADV div.itemOutline div.price span#discountArrow{ color: #333; font-size: 1em; font-weight: normal;}
main#singleADV div.itemOutline div.more { text-align: center; margin-top: 30px; line-height: 60px; font-size: 22px;}
main#singleADV div.itemOutline div.more form{text-align: left;}
main#singleADV div.itemOutline div.more form label{ display: block; font-size: 14px; line-height: 1.25em; font-weight: bold;}
main#singleADV div.itemOutline div.more form select{ display: block; width: 100%; font-size:16px; margin: 0.5em 0 1.5em 0; padding: 0.5em;}
main#singleADV div.itemOutline div.more form .cartButtomBox select{ display: inline-block; width: 50%;}
main#singleADV div.itemOutline table{ width: 100%;}
main#singleADV div.itemOutline table th{ width: 30%; text-align: center; font-size: 11px; color: #fff; background: #242424;}
main#singleADV div.itemOutline table td{ padding: 5px; font-size: 14px;}
main#singleADV div.infoBtn{ text-align: center; margin-top: 10px;}
main#singleADV div.infobox1{ border: 1px #a60000 solid; padding: 1em; margin-bottom: 1em;}
main#singleADV div.infobox1 p{ margin: 0.25em;}

main#singleADV article section#mainCont div#itemImageBox{ clear: both; overflow: hidden; background: #f5f5f5; margin-bottom: 30px;}

article section#subCont{margin-top: 30px; text-align: center;}
article section#subCont div.more a{ display: block; background: #242424; width: 90%; margin: 0 auto; padding: 10px 0; font-weight: bold; text-decoration: none; font-size: 16px; color: #fff;}
article section#subCont div.more a:hover{ background: #454545;}

.gallery { 	width: 100%; overflow: hidden; }
.gallery br {display: none;}
.gallery-item { display: inline-block; margin: 1%;}
.gallery-icon {  text-align: center; }
.gallery-icon img {	width: 100%; height: auto;}
.gallery-caption { color: #222; font-size: 12px; margin: 0 0 10px; text-align: center;}
.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 48%;	}
.gallery-columns-3 .gallery-item { width: 31.33333%;}
.gallery-columns-4 .gallery-item { width: 23%;}
.gallery-columns-5 .gallery-item { width: 18%;}



/* ホイール用テーブル
-----------------------------------------------------*/
a.specs{ display: block; text-decoration: none; font-weight: 600; background: #a60000; color: #fff; text-align: center; line-height: 60px; font-size: 18px; border-radius: 3px; margin-bottom: 25px;}
a.specs:hover{ background: #ff0000;}

table.wheel-spec-table{ width: 100%;}
table.wheel-spec-table th{ font-weight: bold; background-color: #454545; color: #fff;}
table.wheel-spec-table th,
table.wheel-spec-table td{ padding: 0.5em 0.25em; text-align: center;}
table.wheel-spec-table tr:nth-child(odd) td{ background-color: #f1f1f1;}
table.wheel-spec-table .cartButtomBox select{font-size: 14px; }
table.wheel-spec-table .cartButtomBox input{ font-size: 14px; margin-top: 5px;}
table.wheel-spec-table span.teika{ text-decoration:  line-through;}
table.wheel-spec-table span.baika{font-weight: bold; font-size: 1.25em;}


/* カートボタン
-----------------------------------------------------*/
.itemBox{ margin-top: 20px;}
.cartHosyoBox{ text-align: left; font-size: 15px; line-height: 1.5em; border: 1px solid #454545; padding: 0.5em; margin-bottom: 20px;}
.cartHosyoBox .title{ font-weight: bold;}
.cartHosyoBox p{ margin: 0.5em 0;}
.cartHosyoBox li{ padding: 0.5em 0;}
.cartHosyoBox label{ cursor: pointer;}
.cartButtomBox { font-size: 16px;}
.cartButtomBox input{ display: block; width: 90%; margin:0 auto; cursor: pointer; color: #fff; background: #a60000; border: none; border-radius: 3px; padding: 0.5em 1.5em; font-weight: bold; font-size: 18px;}
.cartButtomBox input:hover{ background: #ff0000;}
.cartButtomBox select{font-size: 18px; }

/* お問合せ＆送料確認ボンタン
-----------------------------------------------------*/
.infoButtomBox { text-align: center;}
.infoButtomBox input{ display: inline-block; cursor: pointer; color: #fff; background: #242424; border-radius: 3px; border: none; padding: 0.25em 1.5em; font-size: 16px;}
.infoButtomBox input:hover{ background: #ff0000;}
.infoButtomBox select{font-size: 18px; }


/* 送料改版
-----------------------------------------------------*/
div.infoadd{ border: 1px solid #fc0; border-radius: 2px; padding: 0.25em 0.5em; font-size: 14px; line-height: 1.5em;}
div.infoadd p{ margin: 0.25em 0;}
div.priceCaution{ border: 1px solid #fc0; border-radius: 2px; padding: 0.25em 0.5em; font-size: 14px; line-height: 1.5em;}
div.priceCaution p{ margin: 0.25em 0;}


/* achive
---------------------------------------------------- */
section#itemIndex{}
section#itemIndex h1{ border-left: 5px solid #242424; border-bottom: 1px dotted #242424; padding: 10px 10px; margin-bottom: 30px; font-size: 22px;}
section#itemIndex ul#itemList{ margin-right: -40px; margin-bottom: -40px; overflow:hidden; }
section#itemIndex ul#itemList li{ float: left; width: 240px; margin-right: 40px; margin-bottom: 40px;}
section#itemIndex ul#itemList li div.imgBox{ width:240px; height: 160px; margin-bottom: 10px; text-align: center; margin: 0 auto; display: table-cell; vertical-align: middle;  position: relative;}
section#itemIndex ul#itemList li div.imgBox img{ width:240px; height: 160px;}
section#itemIndex ul#itemList li div.imgBox .deliverystatus{ position: absolute;	top: 0;	left: 0;	margin: 0; 	color: white;	background:#a60000;	font-size: 15px; font-weight: bold;	line-height: 1;	padding: 5px 10px;}
section#itemIndex ul#itemList li div.contBox{ font-size: 12px; overflow: hidden;}
section#itemIndex ul#itemList li div.contBox h3{ font-size: 14px; line-height: 25px; height: 75px; overflow: hidden;} 
section#itemIndex ul#itemList li div.contBox div.part{ }
section#itemIndex ul#itemList li div.contBox div.part span{ background: #333; color: #fff; border-radius: 3px; padding: 0 3px;}
section#itemIndex ul#itemList li div.contBox div.price{ text-align: right;}
section#itemIndex ul#itemList li div.contBox div.price span{ font-size: 24px; font-weight: 600; color: #f30000;}
section#itemIndex ul#itemList li div.contBox div.price span.priceT{ color: #333; font-size: 16px; font-weight: normal;text-decoration: line-through; }
section#itemIndex div.pageNation{ margin: 30px 0;}

section#campaignInfo{ border: 1px solid #e5e5e5; padding: 20px 25px; border-radius: 3px;}
section#campaignInfo h2{ margin-bottom: 0.5em;}
section#campaignInfo p{ margin: 0.5em 0 0 0;}
section#campaignInfo div.more{ margin-top: 30px;}
section#campaignInfo div.more a{ display: block; background: #242424; width: 80%; margin: 0 auto; padding: 10px 0; text-decoration: none; font-size: 20px; color: #fff; text-align: center;}
section#campaignInfo div.more a:hover{ background: #454545;}

@media screen and (min-width: 1140px){
}
@media screen and (max-width:1139px){
	section#itemIndex ul#itemList li div.contBox h3{ font-size: 20px; line-height: 30px; height: 90px; overflow: hidden;} 
}