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


/***
* SHARE
******************************/

html {
}
* {
	box-sizing:border-box;
}
img {
	width:100%;
}
body {
	font:'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, Meiryo, sans-serif;
	color:#333;
}
a {
	text-decoration:none;
}
p {
	margin-bottom: 1.5rem;
}
.description p {
	font-size: 1.1em;
	margin-bottom: 0;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	border-left: 2px solid #FFFB95;
	border-bottom: 2px solid #FFD97F;
	background-color: #FFFB95;
}
.siteWidth {
	max-width:960px;
	width:90%;
	margin:0 auto;
}
.inlineBlock {
	font-size: 14px;
	letter-spacing: -.40em;
	line-height: 1.4em;
}
.inlineBlock li, .inlineBlock .productArticle, #productName, #productSize {
	display:inline-block;
	vertical-align:bottom;
	letter-spacing: normal;
}
.inlineBlock .productArticle {
	vertical-align: top;
}
.kao{
	text-align: center;
	margin:0 auto;
}
.kao img{
    text-align: center;
    margin: 0 auto;
    width: 25%;
}
.kao p{
    text-align: center;
    margin: 0 auto;
}
.font-b{
	font-size: 15px;
}
.reset_both{
	float:none;
}
.text_center{
	text-align: center;
}

@media screen and (max-width: 768px) {
    .br_sp { display:none; }
}
/***
* HEADER
******************************/
#header {
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	background-image: url('/images/headerBack.png');
}
#header .siteWidth {
	background:url('/images/headerForeground.svg') no-repeat right bottom;
}
#header2 p{
	margin: 0;
}
#header2 .siteWidth {
	max-width: 960px;
	width: 100%;
	}
#headerLogo {
	max-width:300px;
	width:100%;
	margin:0;
}
/***
* MAIN NAV
******************************/
#mainNav {
}
#mainNavArea {
	background-color: #FFFE92;
	display:table;
	table-layout: fixed;
	width:100%;
}
#mainNav ul li {
	display: table-cell;
	width: 16.66666666%;
	border-left: 1px solid #AAAAAA;
	border-bottom: 3px solid #24BB00;
}
#mainNav ul li:last-child {
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-top: none;
}
#mainNav ul li a {
	width: 100%;
	display: block;
	color: #209200;
	line-height: 3.0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
#mainNav ul li a:hover {
	background-color: #26C600;
	color: #FFFFFF;
}
/***
* MAIN IMAGE
******************************/
.slider {
	margin-bottom:0.5rem;
}
/***
* MAIN
******************************/
/*
#main {
	max-width:880px;
	width:90%;
	margin:0 auto;
}
*/
.sectionBasis {
	margin-bottom: 0.5rem;
	margin-left: 1rem;
	margin-right: 1rem;
}
#seriesMenu li {
	width:49%;
	margin-right:1.666666666%;
}
#seriesMenu li:last-child {
	margin-right:0;
}
#seriesMenu li a {
	display:block;
}
#sectionTopNew {
	margin:0 auto 0.5rem;
}
h3#newInformation {
	background: url('/images/news.svg') no-repeat 0 0;
	border-bottom: 1px solid #DB9C00;
	padding-right: 0;
	padding-left: 100px;
	padding-bottom: 0;
}
#sectionTopIntroduction {
	width:49.1666666666%;
	margin:0 auto 0.5rem;
}
#sectionTopIntroduction ul li {
	width:48.305084745%;
	margin-right:3.389830508%;
}
#sectionTopIntroduction ul li:last-child {
	margin-right:0;
}

/*** SIDEBAR
******************************/
#sidebar .h4Wrapper {
}
#sidebar h4.heading {
	max-width: 200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	/* [disabled]color: #0033cc; */
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.asideArea {
}
.asideMenu {
	max-width:880px;
	width:90%;
	margin:0 auto;
	padding:0.5em 0;
}
#sideCatalog {
	display:none;
}
#sectionShopping ul li {
	width:32.0833333%; /*** 154px */
	margin:0 1.875% 9px 0; /*** 0 9px 9px 0 */
}
#sectionShopping ul li:last-child {
	margin:0;
}

/***
* FOOTER
******************************/
#footerTop {
	padding:1rem 0;
	background-color:#ffffff;
	text-align:center;
}
#footerTop li {
	display:inline;
	padding:0 1rem;
	border-right:1px solid #cccccc;
}
#footerTop li:last-child {
	border-right:0;
}
#footerMiddle {
	margin-bottom:0;
}
#footerBottom {
	padding: 0.5rem 0;
	background-color: #9BCE00;
	border-top: 0.5rem solid #E9F000;
}
#footerBottom #footerBottomArea {
	display:table;
	table-layout: fixed;
	width:100%;
}
#footerLogo, #footerNav, #copyRight {
	display:table-cell;
	vertical-align:bottom;
	color:#ffffff;
}
#footerLogo {
	width:36.875%;
}
#footerLogo img {
	max-width:250px;
}
#footerNav {
	display:none;
}
#footerNav a, #footerNav a:hover, #footerNav a:visited {
	color:#ffffff;
}
#copyRight {
	text-align: right;
	font-size: 0.8333333333333rem;
	line-height: 1em;
}
/*********** 商品一覧 ***********/
#productBackground {
	background-color:#f5dfb8;
}
#h1Product {
	padding:0.5rem 0;
	font-size:1.16666666666rem; /*** 14px */
	line-height:1;
}
#h1Product span {
	display:block;
	background:url(../images/share/basis/h1Products.png) right bottom no-repeat;
	padding-top:0.5rem;
}
#seriesNavB .siteWidth {
	padding-bottom:0.25rem;
}
#seriesNavB li {
	width:49.166666666%; /*** 236px */
	margin:0 1.666666666% 1% 0; /*** 0 8px ? 0*/
}
#sectionCatalog {
	padding:0.5rem 0;
}
 #sectionCatalog .productArticle:nth-child(2n) {
margin-right:0;
}
.productArticle {
/***	width:48.958333333%;*/
	margin:0 2.08333333% 0.5rem 0;
	background-color:#ffde9e;
}
.productArticle .description {
	padding:0.5em;
/***	border:1px solid #b78e5e;*/
}
.productArticle .description p {
	line-height:1.25;
	padding-left:1.5rem;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}
.productArticle .description i {
	font-style:normal;
}
.productArticle .description .productValue {
	display:none;
}
/*********** PRODUCT DETAIL ***********/
#productTitle {
	padding:1rem 0;
}
#productName {
}
#productName i {
	display:block;
	max-width:74px;
	width:41.242937853%; /*** 73px */
}
/* 
#productName h2 {
	font-size:1.16666666666rem;
	line-height:1.28571428571;
	font-weight:normal;
}
#productName h2 span {
	font-size:1.5rem;
	font-weight:bold;
}
*/
#productSize {
	display:none;
	width: 61.041666666%;
	margin: 0 0 1% 0;
}
#productSize img {
	max-width:376px;
	width:78.571428571%;
}
#productDetailMenu li {
	width: 23.75%;
	margin-right:1.66666666%;
}
#productDetailMenu li:last-child {
	margin:0;
}
#productDetailMenu li a {
	display:block;
	width:100%;
	text-align:center;
	line-height:2.5;
	border:1px solid #9d9d9d;
	font-size:0.91666666666rem;
	background: #e1e1e1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2IzYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e1e1e1 0%, #b3b3b3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #b3b3b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e1e1e1 0%, #b3b3b3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e1e1e1 0%, #b3b3b3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e1e1e1 0%, #b3b3b3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e1e1e1 0%, #b3b3b3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#b3b3b3', GradientType=0 ); /* IE6-8 */
}
#productDetailMenu li a:hover {
	background: #fafafa; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #fafafa 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%, #cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%, #cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fafafa 0%, #cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#cccccc', GradientType=0 ); /* IE6-8 */
}
h2{
	padding-top: 1rem;
	padding-left: 0;
	padding-bottom: 1rem;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	line-height: 1.5;
	font-weight: bold;
	color: #CD4E03;
	text-indent: 5px;
	text-align: center;
}
#mainDescription {
	padding-top: 1rem;
	padding-left: 0;
	padding-bottom: 1rem;
	font-size: 1.16666666666rem;
	letter-spacing: 0.1em;
	line-height: 1.5;
	font-weight: bold;
	color: #CD4E03;
	text-indent: 5px;
}
ul.detailImage li {
	width: 48.4375%;
	margin: 0 3.125% 0.5em 0;
	vertical-align:top;
}
ul.detailImage li:last-child {
	margin-right:0;
}
ul.detailImage p {
	margin-top:0.5rem;
	line-height:1.33333333333;
}
#pageDetail #sideCatalog {
	display:block;
}
#pageDetail #sideCatalog h4 {
	display:none;
}
#pageDetail #sideCatalog .asideMenu li {
	width:49.166666666%;
	margin-right:1.666666666%;
}
#sideCatalog li {
	background: url('/images/listArrow.png') #ffffff 0.3rem 0.3rem no-repeat;
	line-height: 1.25;
	padding-left: 1.5rem;
	margin-bottom:0.5rem;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
/***
* ドロップダウン
*********************************/
#mainNav {
	height: 3em;
}
#mainNavArea, #mainNavArea li {
	position:relative;
}
#mainNavArea ul {
	height:0;
	overflow:hidden;
	width:100%;
	position: absolute;
	top: 3rem;
	left:0;
	z-index:20;
}
#mainNavArea ul li {
	display:block;
	width:100%;
}
#mainNav #mainNavArea ul a {
	background: #e1e1e1;
	/* [disabled]padding: 6px; */
	border-right: none;
	border-bottom: 1px solid #fff;
	zoom: 1;
	line-height: 1;
}
#mainNav #mainNavArea ul a:hover {
	background: #ccc;
}
 @media screen and (max-width: 480px) {
#sectionShopping ul li:nth-child(3n) {
margin-right:0;
}
 #sectionShopping ul li:nth-child(4), #sectionShopping ul li:nth-child(5) {
margin-bottom:0;
}

#container {
	background-color: #FFFBCF;
}
/********** PRODUCT FIELD **********/

#mainNav ul li a {
	font-size: 9px;
}

#seriesNavB li:nth-child(2n) {
margin-right:0;
}

/*********** PRODUCT DETAIL *********/
#pageDetail #sideCatalog .asideMenu li:nth-child(2n) {
margin-right:0;
}
#headerLogo {
	max-width:220px;
	width:100%;
	margin:0;
}
}

/**************************************
480<WIDTH<760
***************************************/
@media screen and (min-width: 480px) {

/***
* SHARE
***************************/
#container {
	margin-top: 0.5rem;
	background-color: #FFFBCF;
	padding-left: 10px;
	padding-right: 5px;
}
#informationWrapper {
margin-bottom:0.5rem;
}
 #sectionTopIntroduction ul li {
width:48.235294117%;
margin-right:3.38758823%;
}
 #sectionShopping ul li {
width:19.270833333%; /***148px */
margin:0 0.911458333% 0 0; /*** 0 7px 0 0 */
}
 #footerTop, #footerMiddle {
display:none;
}
 #footerLogo {
width:23.046875%;
}
 #footerNav {
 width:32.161458333%;
display:table-cell;
padding-left:1rem;
}
 #footerNav li {
display:inline;
margin-right:2rem;
}
 #copyRight {
	width: 44.791666666%;
}


/********** TOP **********/
#sectionTopNew {
	float: left;
	font-size: 14px;
	width: 100%;
	margin-top: 0;
	margin-right: 1.5625%;
	margin-bottom: 0;
	line-height: 1.5em;
	background-color: #FFE8E8;
}
 #sectionTopIntroduction {
float:left;
width:49.165454545%;
margin:2rem 0 0;
}



/********** PRODUCT FIELD ***********/
#productBackground {
	position: relative;
	padding-bottom: 31.34765625%;
	border-bottom: 6px solid #cccccc;
}
 #h1Product {
 padding:0.5rem;
 font-size:1.5rem; /*** 18px */
background-color:rgba(255, 255, 255, 0.6);
}
 #seriesNavB {
position: absolute;
bottom: 0;
width:100%;
}
#productBackground #seriesNavB .siteWidth {
margin: 0 auto;
padding:0;
}
 #productBackground-light #seriesNavB .siteWidth {
margin: 0 auto;
padding:0;
}
 #productBackground-accessory #seriesNavB .siteWidth {
margin: 0 auto;
padding:0;
}
 #productBackground-camp #seriesNavB .siteWidth {
margin: 0 auto;
padding:0;
}
 #seriesNavB li {
width:24.21875%; /*** 186px */
margin:0 1.041666666% 0 0; /*** 0 8px 0 0*/
}
 #seriesNavB li:last-child {
margin:0;
}
 #productTitle {
padding:0.5rem 0;
}
 .productArticle {
 background-color: transparent;
}
 .productArticle .description {
	padding: 0.5em 0;
	border-style: none;
	font-size: 1.16666666666rem; /*** 14px */
}
 .productArticle .description i {
 dissplay:block;
}
 .productArticle .description span {
 font-size:1.5rem;
 font-weight:bold;
}
 .productArticle .description p {
background:none;
padding-left:0;
}
/*********** PRODUCT DETAIL **********/
#pageDetail #productBackground {
background:#f5dfb8;
padding-bottom:0;
}
 #pageDetail #productBackground #seriesNavB {
position:relative;
background:#ffffff;
}
 #pageDetail #productName, #pageDetail #productSize {
 display:inline-block;
width: 48.958333333%;
margin: 0 2.08333333% 1% 0;
}
 #pageDetail #productSize {
margin-right:0;
}
 #pageDetail #productName i {
width: 19.786096256%;
}
 #productDetail01, #productDetail02 {
float:left;
width: 46%;
margin: 0 4% 0 0;
}
#productDetail_70{
	float:left;
	width: 70%;
}
#productDetail_30{
	float:left;
	width: 30%;
}
#productDetail02 {
margin-right:0;
}
 #mainDescription {
padding-top:0;
}
 #detailWrapper {
padding:1rem 0;
}
 ul.detailImage li {
width:100%;
margin-right:0;
}
 #pageDetail #sideCatalog .asideMenu li {
width:30%;
background-color:transparent;
}
}


/**************************************
768<WIDTH
***************************************/
@media screen and (min-width: 768px) {

/********** SHARE **********/
#container {
	max-width: 960px;
	width: 100%;
	margin: 0.5rem auto 0;
	padding-bottom: 30px;

}
 #main {
float:left;
width:80%;

}
#main .siteWidth {
width:100%;
}
 #sidebar {
float:right;
width:18.75%;
}
 #sectionShopping ul li {
width:100%;
margin:0 0 10px 0;
}
 #sidebar h4.heading {
padding:0.5em 0;
}

/*********** PRODUCT CATALOG **********/
#productBackground .siteWidth {
width:98.958333333%; /*** 760px */
}
 #seriesNavB li {
width:24.210526315%; /*** 184px */
margin-right:1.052631578%; /*** 8px */
}
 .productArticle {
/***width:48.4375%;*/
margin-right:3.125%;
}
 .productArticle .description .productValue {
display:inline;
margin-left:1rem;
}
 #sideCatalog {
 display:block;
margin-bottom:1rem;
}
 #sideCatalog .asideMenu {
width:100%;
padding:0.5em;
border:1px solid #b78e5e;
}
 #sideCatalog li:last-child {
margin-bottom:0;
}

/********** PRODUCT DETAIL ***********/
#pageDetail #h1Product {
display:none;
}
 #pageDetail #sideCatalog h4 {
display:block;
}
 #pageDetail #sideCatalog .asideMenu {
padding: 0.5rem;
}
 #pageDetail #sideCatalog .asideMenu li {
display:block;
width:100%;
background: url('/images/listArrow.png') #ffffff 0.3rem 0.3rem no-repeat;
line-height: 1.25;
margin:0 0 0.5rem 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
}
}


.counter{
	width:30%;
	float:right;
	margin:0 5%;
}
