@charset "utf-8";

.pageHeader {
	position: relative;
}
.cgw .pageHeader {
	margin-bottom: 3%;
  position: relative;
}
.cgw .pageHeader .headerBtn {
}
/*
.cgw .pageHeader .headerBtn:before {
  content: "";
  display: block;
  height: 46px;
  width: 162px;
  position: absolute;
  bottom: 15px;
  right: 22px;

}
.cgw .pageHeader .headerBtn:hover {
  opacity: 1;
}
*/
.cgw .pageHeader .headerBtn:hover img {
  opacity: 0.7;
}
.cgw .pageHeader .headerBtn img {
  width: auto;
  position: absolute;
  bottom: 15px;
  right: 15px;
	cursor: pointer;
}
@media (max-width: 1199px) {
/*
	.cgw .pageHeader .headerBtn:before {
	right: 14px;
	height: 46px;
  	width: 162px;
	}
	.cgw .pageHeader .headerBtn img {
  	right: 10px;
  	width: 162px;
	}
*/
}
@media (max-width: 991px) {
/*
	.cgw .pageHeader .headerBtn:before {
	right: 14px;
	height: 42px;
	width: 154px;
 	bottom: 18px;
	right: 16px;
	}
	.cgw .pageHeader .headerBtn img {
  	right: 12px;
  	width: 160px;
	}
*/
}
.logoArea {
  width: 930px;
  margin: 0 auto 40px;
  overflow: hidden;
}
.logoArea a {
  position: relative;
  display: block;
  float: left;
  margin-right: 16.5px;
}
.logoArea a:hover {
  opacity: 0.7;
}
.logoArea a.lastChild,
.category a.lastChild {
  margin-right: 0;
}
.logoArea a img {
  width: 220px;
}
.logoArea ul.square_shelf {
  display: block;
  margin-bottom: 20px;
}

.categoryListMainArea .childCategory {
	margin: 0 auto 60px auto;
}

.service p {
	font-size: 15px;
}
.cgw a:hover {
	opacity: 0.7;
        text-decoration: none;
}

.cgw .infoArea {
	margin-bottom: 30px;
}
.cgw .infoArea img {
	display: block;
	margin: 0 auto 20px;
}
.cgw .infoArea p {
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 3px;
}
.cgw .infoArea p .netMark {
	border: 2px solid #e60012;
	border-radius: 12px;
	color: #e60012;
	font-weight: bold;
	letter-spacing: -2px;
	font-size: 14px;
	margin: 0 3px;
	padding: 0 2px;
}
.cgw .btnArea {
	margin-bottom: 40px;
}
.cgw .btnArea ul {
	margin: 0 -15px;
}
.cgw .btnArea ul li {
	/*margin-bottom: 20px;*/
}
.cgw .btnArea ul li img {
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
}
.cgw .labelArea {
	overflow: hidden;
	margin-bottom: 40px;
}
.cgw .labelArea.itemRanking {
	margin-top: -40px;
}
.cgw .labelArea h3{
	margin: 40px 0 10px;
}
.cgw .labelArea h3 .notion {
        color: #e60012;
}
.cgw .labelArea ul {
/*	margin: 0 -14px;*/
	overflow: hidden;
	margin: 0;
}
.cgw .labelArea ul.yokoku li img{
	/* opacity: 0.6; */
}
.cgw .labelArea ul.yokoku li a:hover{
	opacity: 1;
}
.cgw .labelArea ul.yokoku li a img:hover{
	opacity: 1;
}
.cgw .labelArea ul li {
	margin-bottom: 18px;
}
.cgw .labelArea.oneThird ul li.double {
	width: 66.6%;
}
.cgw .labelArea ul li a,
.cgw .labelArea ul li .width {
	display: block;
	width: 290px;
	margin: 0 auto;
	position: relative;
}
.cgw .labelArea.oneThird ul li.double a {
	width: 610px;
}
.cgw .labelArea ul li a.top {
  margin-bottom: 20px;
}
.cgw .labelArea ul li .width img {
        opacity: 0.5;
        filter:alpha(opacity=50);
        -ms-filter: alpha(opacity=50);
}
.cgw .labelArea ul li a .linkNavigation {
	background-color: #e60012;
	bottom: 0;
}

.cgw .otokuArea {
overflow: hidden;
padding-top: 20px;
padding-bottom: 50px;
border-bottom: 1px solid #226aa0;
margin-bottom: 50px;
}
.cgw .otokuArea ul {
overflow: hidden;
}
.cgw .otokuArea ul li {
width: 50% !important;
}
.cgw .otokuArea ul li > img {
width: 100%;
}
.cgw .otokuArea .otokuArea1 .otoku1 {
display: block;
width: 100%;
margin:0 auto 10px;
}
.cgw .otokuArea ul li:first-child {
  border-right: 2px dashed #f00;
}
.cgw .otokuArea ul li .otoku2 {
margin-bottom: 20px;
}
.cgw .otokuArea ul li .otoku3 {
margin-bottom: 20px;
}
.cgw .otokuArea ul li a {
display: block;
}
.cgw .otokuArea ul li a + a {
margin-top: 10px;
}
.cgw .otokuArea1 {
margin-bottom: 20px;
padding-bottom: 25px;
border-bottom: 2px dashed #f00;
text-align: center;
}
.cgw .otokuArea1 > a {
display: inline-block;
margin: 20px 10px;
}
.cgw .otokuArea1 #otoku_btn01 {
	display: inline-block;
}
.cgw .otokuArea1 #otoku_btn01:hover {
cursor: pointer;
opacity: 0.7;
}
.cgw .otokuArea1 .okdSelection {
  display: inline-flex;
}
.cgw .otokuArea1 .okdSelection p {
  margin-right: 10px;
  font-size: 16px;
  line-height: 48px;
}

.linkNavigation {
    background-color: #e60012;
    bottom: 28px;
}

.cgw .labelArea ul li img {
/*	width: 100%;*/
}
.cgw .labelArea ul li .width img {
	width: 100%;
}
.cgw .rankingArea,
.cgw .lastYearRankingArea {
	margin-bottom: 50px;
}
.cgw .rankingArea ul li,
.cgw .lastYearRankingArea ul li {
	padding: 0 5px;
	margin-top: 40px;/*160615*/
}

.cgw .lastYearRankingArea ul li {
	margin-top: 0px;
}

.cgw .rankingArea ul li>a {
	position: relative;
	margin-bottom: 20px;
}
.cgw .lastYearRankingArea ul li>a {
	margin-bottom: 20px;
}
.cgw .rankingArea ul li img,
.cgw .lastYearRankingArea ul li img {
	width: 100%;
}
.cgw .rankingArea ul li img.icon {
	width: 35px;
	position: absolute;
	top: -40px;/*160615*/
	left: 10px;
}
.cgw .rankingArea ul li p,
.cgw .lastYearRankingArea ul li p {
	font-size: 14px;
}
.cgw .rankingArea ul li p a,
.cgw .lastYearRankingArea ul li p a {
	color: #333;
}
.cgw .lastYearRankingArea .category {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
.cgw .lastYearRankingArea .btnRanking {
	margin: 20px auto 40px;
	width: 480px;
}
.three ul{
    margin-left: 1.612% !important;
    margin-right: 0.53% !important;
}
.three ul li{
    width: 29.69% !important;
    margin-right: 4.838% !important;
}
.three ul li.end,
.five ul li.end{
    margin-right: 0 !important;
}
.five ul li{
/*	width: 18% !important;
	margin-right: 2%;*/
}
.cgw .rankingArea ul li {
        margin-top: 0;
        margin-bottom: 20px;
}
.cgw .rankingArea ul li img.icon-3 {
    left: 0;
    position: absolute;
    top: 50px;/* キャッチコピーがある場合は50px */
    width: 21.92%;
}
.cgw .rankingArea ul li img.icon-5 {
    left: 0;
    position: absolute;
    top: -3px;
    width: 26%;
}
.cgw .rankingArea ul li p {
    font-size: 14px;
}
.cgw .rankingArea .copy {
	margin-bottom: 10px;

}
.cgw h3.underline {
	border-bottom: 1px solid #dadada;
	margin-bottom: 20px;
}

.cgw h3.text-left {
	text-align: left;
}
.cgw h3 span.yymmdd {
	font-size: 16px;
}
.text-left .more {
	float: right;
	text-align: right;
	font-size: 14px;
}
.cgw h3.underline.text-left {
	padding: 0 0 15px 10px;
	margin-top: 20px;
}
.categoryListMainArea .childCategory .more {
	width: 239px;
    	padding: 8px;
    	background: #ffcccc;
    	text-align: center;
   	color: #333333;
    	margin-top: 0;
}
.categoryListMainArea .childCategory .more:after {
	content: "＞";
    	display: block;
    	width: 10px;
   	float: right;
}
.cgw .priceArea {
	margin-bottom: 50px;
}
.cgw .priceArea ul {
	overflow: hidden;
	margin: 0 -7px 50px;
}
.cgw .priceArea ul li a {
	display: block;
	width: 222px;
	margin: 0 auto;
	position: relative;
}
.cgw .priceArea ul li a .linkNavigation {
	top: 35%;
	background-color: #337bcb;
}
.cgw .priceArea ul li a img {
	width: 100%;
	max-width: 216px;
}
.cgw .categoryArea {
	margin-bottom: 50px;
}
.cgw .categoryArea ul {
	margin: 0 -6px;
}
.cgw .categoryArea ul li {
	margin-bottom: 15px;
}
.cgw .categoryArea ul li a {
	display: block;
	width: 287px;
	margin: 0 auto;
	position: relative;
}
.cgw .categoryArea ul li a .linkNavigation {
	background: url('../../../../../images/common/link_navigation.gif') right bottom no-repeat;
}
.cgw .categoryArea ul li a img {
	width: 100%;
}
.cgw .categoryArea .textCategoryAreae ul {
	margin: 0;
}
.cgw .categoryArea .textCategoryAreae ul li {
	padding: 15px;
	margin-bottom: 0;
}
.cgw .categoryArea .textCategoryAreae ul li p.categoryHeader {
	margin-bottom: 10px;
	font-size: 18px;
}
.cgw .categoryArea .textCategoryAreae ul li p a {
	color: #44b4ff;
	display: inline;
}
.cgw .textCategoryAreae {
	background: #fff;
	border: 1px solid #dadada;
}
.cgw .recommendBrand {
	margin-top: 30px;
	margin-bottom: 70px;
}
.cgw .recommendBrand ul {
	margin: 0 -7px;
}
.cgw .recommendBrand ul li img {
	width: 222px;
}
.cgw .recommendBrand .more a {
	color: #333;
}
.cgw .recommendBrand .more a:hover {
	text-decoration: none;
}
.cgw .service ul li {
	float: left;
}
.basePrice {
    font-size: 12px;
}
.shippingPrice {
    font-size: 15px;
    color: #f00;
}
/*-------------------------------------
 btnArea2
--------------------------------------*/
.btnArea2 {
  display: block;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  display: inline-table;
}
.btnArea2 ul li {
  display: block;
  float: left;
  width: 50%;
  text-align: center;
}
.btnArea2 img {
  width: 100%;
  max-width: 450px;
}
  @media (max-width: 1199px){     
}
  @media (max-width: 991px){ 
}



/*-------------------------------------
 recommendBrand
--------------------------------------*/
.recommendBrand {
  clear: both;
  width: 930px;
  margin: 0 auto 40px;
}
.recommendBrand h3 {
  font-size: 24px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
}
.recommendBrand ul li {
  width: 232px;
  float: left;
  padding-left: 20px;
  height: 30px;
  line-height: 1.3;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*.recommendBrand ul li a {
  color: #333;
}*/
.recommendBrand ul li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.recommendBrand ul li a .glyphicon {
  font-size: 7px;
  margin-right: 7px;
  top: -1px;
  -webkit-transform: scale(0.8);
  -webkit-transform-origin:10px 10px;
}
.recommendBrand ul li.recommendBrand-title {
	font-size: 18px;
	margin-bottom: 20px;
}
/*-------------------------------------
 recommendBrandBanner
--------------------------------------*/
.cgw .recommendBrandBanner {
	margin-bottom: 80px;
}
.cgw .recommendBrandBanner ul {
	margin: 0 -7px 50px;
}
.cgw .recommendBrandBanner ul li a {
	display: block;
	width: 222px;
	margin: 0 auto;
	position: relative;
}
.cgw .recommendBrandBanner ul li a .linkNavigation {
	top: 35%;
	background-color: #337bcb;
}
.cgw .recommendBrandBanner ul li a img {
	width: 100%;
}
/*-------------------------------------
 clearfix
--------------------------------------*/
.clearfix:after {
 content: "";
 clear: both;
 display: block;
}

.noshi-service-category-ml div.noshi-service-category {
 border: none;
}

@media (max-width: 1199px) {
	.cgw .pageHeader img {
		width: 100%;
	}
	.cgw .infoArea img {
		width: 100%;
	}
        .cgw .labelArea ul {
		margin: 0 -6px;
	}
	.cgw .labelArea ul li a,
        .cgw .labelArea ul li .width {
		width: 247px;
	}
	.cgw .labelArea.oneThird ul li.double a {
		width: 510px;
    		margin-top: 1px;
	}
	.cgw .labelArea ul li a.top {
	  margin-bottom: 17px;
	}
	.cgw .btnArea ul {
		margin: 0 -13px;
	}
	.cgw .btnArea ul img {
		width: 372px;
	}
	.cgw .btnRanking img {
		width: 100%;
	}
	.cgw .priceArea ul li a {
		width: 184px;
	}
	.cgw .priceArea ul {
		margin: 0 -5px 50px;
	}
	.cgw .recommendBrandBanner ul li a {
		width: 184px;
	}
	.cgw .recommendBrandBanner ul {
		margin: 0 -5px 50px;
	}
	.cgw .categoryArea ul li a {
		width: 237px;
	}
	/* tyuugen.cssの@media以降がIE8で動かないため応急的にこちらに記載 */
	.tyuugen .left h3 img {
		width: 100%;
		padding: 0 30px;
	}
	.tyuugen .left p span {
		display: block;
	}
	.tyuugen .bx-wrapper {
		width: 769px;
	}
	.tyuugen .bx-wrapper img {
		width: 162px;
	}
	.tyuugen .bx-wrapper li {
	 padding: 0px 10px;
	}
	.cgw .categoryArea ul {
		margin: 0 -4px;
	}
	.cgw .tyuugen .bx-wrapper {
		width: 100%;
	}
	.recommendBrand {
  clear: both;
  width: 769px;
  margin: 0 auto 40px;
}
	.cgw .recommendBrand ul {
		margin: 0 -5px;
	}
	.cgw .recommendBrand ul li img {
		width: 95%;
	}
	.cgw .service ul {
		padding-left: 40px;
	}
	.cgw .service ul li img {
		width: 215px;
		height: auto;
	}
	.recommendBrand ul li {
    width: 193px;
  }
  .logoArea {
    width: 769px;
  }
  .logoArea a {
    margin-right: 36px;
  }
  .logoArea a img {
    width: 165px;
  }
  .infoArea.center .ftS22 {
  	font-size: 16px !important;
  }
}
@media (min-width: 991px) {
	.cgw .rankingArea .copy{
		font-size: 16px;
	}
}
@media (max-width: 991px) {
	.cgw .labelArea ul li a,
        .cgw .labelArea ul li .width {
		width: 232px;
	}
	.cgw .labelArea.oneThird ul li.double a {
		width: 476px;
		margin-top: 2px;
	}
	.cgw .labelArea ul li a.top {
	  margin-bottom: 16px;
	}
	.cgw .btnArea ul {
		margin: 0 -13px;
	}
	.cgw .btnArea ul img {
		width: 349px;
	}
	.cgw .priceArea ul li a {
		width: 172px;
	}
	.cgw .categoryArea ul li a {
		width: 222px;
	}
	.cgw .recommendBrandBanner ul li a {
		width: 172px;
	}
		.recommendBrand {
  clear: both;
  width: 721px;
  margin: 0 auto 40px;
}
	.cgw .recommendBrand ul {
		margin: 0 -4px;
	}
	.cgw .service ul {
		padding-left: 30px;
	}
	.cgw .service ul li img {
		width: 201px;
		height: auto;
	}
  .recommendBrand ul li {
    width: 181px;
  }
  .logoArea {
    width: 721px;
  }
  .logoArea a {
    margin-right: 33px;
  }
  .logoArea a img {
    width: 155px;
  }
}
.ftS16 {
  	font-size: 16px !important;
  }








/*20200522お中元追加*/
.otokuWrap{overflow: hidden; margin:30px 0 60px!important; max-width:930px;}
	.otokuWrap p{margin: 0 0 10px;}
	.otokuWrap img{max-width:100%;}
	.otokuWrap .otokuArea1{ max-width:441px; width:48%; float: left; border-bottom: 0; position: relative; border-right: dashed 1px #ccc; box-sizing: border-box; margin-bottom: 0!important;}
	.otokuWrap .otokuArea2{width:52%; max-width:470px; float: right; margin-bottom: 0; position: relative; border-bottom: dashed 1px #ccc; box-sizing: border-box;}
	.otokuWrap .otokuArea3{width:52%; max-width:470px; float: right; position: relative;  box-sizing: border-box;}

.otokuWrap .otokuArea1 .taisyobtn{position: absolute; top: 240px; right: 35px;}
.otokuWrap .otokuArea1 .guidebtn{position: absolute; top: 280px; right: 35px;}
.otokuWrap .otokuArea1 .selection{position: absolute;  bottom: 0; left: 20px;}
	.otokuWrap .otokuArea2 .taisyobtn{position: absolute; top: 130px; right: 20px;}
	.otokuWrap .otokuArea3 .taisyobtn{position: absolute; bottom: 0px; right: 20px;}

.others{overflow: hidden; text-align: left; font-size: 0; margin: -40px -30px 50px 0;}
		.others li{display: inline-block; width:450px!important; margin-right:30px;}
		.others li img{ width:100%!important;}
.freePostageArea{margin-bottom: 70px;}
.freePostageArea h3{font-size: 14px!important; text-align: center; border-bottom: 0;}
.freePostageArea h3 img{margin-bottom: 10px;}
/*.freePostageArea li {max-width:176px!important; }*/
.freePostageArea li img{width:100%;}
	

@media (max-width: 1199px) {
.otokuWrap{overflow: hidden; margin:20px 0 60px!important;}
	.otokuWrap p{margin: 0 0 10px;}
	.otokuWrap img{max-width:100%;}


.otokuWrap .otokuArea1 .taisyobtn{position: absolute; top: 200px; right: 30px; width:130px; }
.otokuWrap .otokuArea1 .guidebtn{position: absolute; top: 230px; right: 30px; width:130px; }
.otokuWrap .otokuArea1 .selection{position: absolute;  bottom: 0; left: 20px; width:290px; }
	.otokuWrap .otokuArea2 .taisyobtn{position: absolute; top: 110px; right: 20px; width:130px; }
	.otokuWrap .otokuArea3 .taisyobtn{position: absolute; bottom: 0px; right: 20px; width:130px; }
	
	.others{overflow: hidden; text-align: left; font-size: 0; margin: -40px -20px 30px 0;}
		.others li{display: inline-block; width:370px!important; margin-right:20px;}
		.others li img{ width:100%!important;}
	.freePostageArea{margin-bottom: 60px;}
.freePostageArea h3{font-size: 12px!important;}	
	

}
@media (max-width: 991px) {
	.otokuWrap{overflow: hidden; margin:20px 0 50px!important;}

		.otokuWrap p{margin: 0 0 10px;}
	.otokuWrap img{max-width:100%;}


.otokuWrap .otokuArea1 .taisyobtn{position: absolute; top: 187px; right: 30px; width:120px; }
.otokuWrap .otokuArea1 .selection{position: absolute;  bottom: 0; left: 20px; width:270px; }
	.otokuWrap .otokuArea1 .guidebtn{position: absolute; top: 217px; right: 30px; width:120px; }
	.otokuWrap .otokuArea2 .taisyobtn{position: absolute; top:100px; right: 15px; width:120px;}
	.otokuWrap .otokuArea3 .taisyobtn{position: absolute; bottom: 0px; right: 15px; width:120px;}	
	
	.others{overflow: hidden; text-align: left; font-size: 0; margin: -40px -20px 30px 0;}
		.others li{display: inline-block; width:350px!important; margin-right:20px;}
		.others li img{ width:100%!important;}
	.freePostageArea{margin-bottom: 50px;}
.freePostageArea h3{font-size: 12px!important;}}













	.cgw .otokuArea1 span#okd_btn img:hover {
	cursor: pointer;
	opacity: 0.7;
}
	
.otokuWrap {
    overflow: hidden;
    margin: 30px auto 20px!important;
	max-width: 930px;}
.otokuWrap .otokuArea1 {
    max-width: 428px;
    width: 47%;
/*    max-width:100%;
    width:100%;*/
    float: left;
    border-bottom: 0;
    position: relative;
    border-right: dashed 1px #ccc;
    box-sizing: border-box;
	padding: 0 10px 0 0; margin: 0 0 0 2%;
}
	.otokuWrap .otokuArea1 img{margin-right: 2%;}
	.otokuWrap .otokuArea2 {
    width: 51%;
    max-width: 470px;
    float: right;
    margin-bottom: 0;
    position: relative;
    border-bottom: dashed 1px #ccc;
    box-sizing: border-box;
}
.otokuWrap .otokuArea3 {
    width: 51%;
    max-width: 470px;
    float: right;
    position: relative;
    box-sizing: border-box;
}
	.cgw .otokuArea1 > a {   display:inherit; }
	
	.otokuWrap .otokuArea1 .taisyobtn { top: 240px; right: 25px; }
.otokuWrap .otokuArea1 .selection { bottom: 20px; left: 20px; }
.otokuWrap .otokuArea2 .taisyobtn { top: 133px; right: 35px; }
.otokuWrap .otokuArea3 .taisyobtn { bottom: 10px; right: 43px; }
.otokuWrap .otokuArea1 .guidebtn { position: absolute; top: 280px; right: 28px;}


.buttons{ 
	display: flex;
    align-items: end;
    width: 100%;
    justify-content: space-around;
    margin-top:40px;
    background-color: #f0f6ff;
    padding: 3% 0;}
.buttons img{ width: 100%; }
.button{ width:45%; }
.button p{ 	font-size:22px;font-weight: bold;color:#ff3645; text-align: center; margin-bottom:5px;}

.service{ position:relative; margin-bottom: 0;}
.service img{ width:100%; }
.service-btn{ position:absolute;left:19.5%;top:52%;width: 31.5%;}
.service-btn.service-btn-2{ left:61%;}
.service-btn0{ position:absolute;right:2%;top:2%;width: 20.4%;}
.service-btn3{ position:absolute;left:19.5%;top:49%;width: 28.9%;}
.service-btn3.service-btn-4{ left:62.5%;}
.service-btn5{ position:absolute;left:28.5%;bottom:4.5%;width: 12%;}
.service-btn5.service-btn-6{ left:72%;}

	
	@media (max-width: 1199px){
.otokuWrap .otokuArea2,.otokuWrap .otokuArea3{ width:49%; }
.otokuWrap .otokuArea1 .taisyobtn { top: 204px; right: 25px; width: 130px;}
.otokuWrap .otokuArea1 .selection { bottom: 20px; left: 20px; width: 290px;}
.otokuWrap .otokuArea2 .taisyobtn { top: 117px; right: 7px; width: 130px;}
.otokuWrap .otokuArea3 .taisyobtn { bottom: 10px; right: 7px; width: 130px;}
.otokuWrap .otokuArea1 .guidebtn { position: absolute; top: 233px; right: 26px;}

}
	@media (max-width: 991px){
.otokuWrap .otokuArea1 .taisyobtn { top: 190px; right: 24px; width: 120px;}
.otokuWrap .otokuArea1 .selection { bottom: 20px; left: 20px; width: 270px;}
.otokuWrap .otokuArea2 .taisyobtn { top: 110px; right: 15px;width: 120px;}
.otokuWrap .otokuArea3 .taisyobtn { bottom:10px; right: 15px; width: 120px;}
.otokuWrap .otokuArea1 .guidebtn { position: absolute; top: 218px; right: 24px;}
	}
	



	.categoryLink{margin-bottom: 50px;}
.oneThird{overflow: hidden; font-size: 0; margin-bottom: 20px;}
.oneThird li{width:32.6%; max-width:300px; margin-right: 1%; display: inline-block;}
.oneThird li img{width:100%; }
.oneThird li:last-child{margin-right: 0;}
	.oneFourth{overflow: hidden; font-size: 0; margin-bottom: 20px;}
.oneFourth li{width:23.8709%; max-width:222px; margin-right: 1.4%; display: inline-block;}
.oneFourth li img{width:100%; }
.oneFourth li:last-child{margin-right: 0;}
	.oneFifth{overflow: hidden; font-size: 0; margin-bottom: 10px;}
	.oneFifth li{width:18.74%; max-width:174px; margin-right: 1.55%; display: inline-block; font-size: 14px; vertical-align:top  ; }
	.oneFifth li img{width:100%; }
	.oneFifth li:last-child{margin-right: 0;}
.oneFourth li.half{width:49%; max-width:inherit;}
	.catListTit{font-size: 16px; font-weight: bold; color: #0074cc; text-align: left; margin-bottom: 10px;}
	.cattextLink {margin: 0 0 10px;}
	.cattextLink li{display: inline-block; padding-right: 30px;padding-left: 30px; border-right: 1px solid #CCC;
    /*background: url(/front/cms/pc/parts/categoryTree/images/icon_right_arrow.png) left 1px top 6px no-repeat;*/margin: auto auto 10px;}
	.cattextLink li:nth-last-of-type(1){border-right: 1px solid #CCC;}

	.cattextLink li a{color: #333;}
	.cattextLink li.cateogrytxt{color: #FFF; background-color: #CCC; border: none;}
	.priceArea{font-size: 0; margin-bottom: 80px;}
	.priceArea ul{margin: 0!important;}
	.priceArea li{display: inline-block; width:24%; max-width: 222px; margin-right: 1.3%;}
	.priceArea li:last-child{margin-right:0;}
	
	#category h2,#price h2{text-align: center; font-size: 21px; font-weight: normal;}
	
	.cgw .priceArea ul li a img { max-width: 100%; max-width: 222px;}

	#recommend h2{font-size: 21px; font-weight: normal; text-align: center;}
.cgw .labelArea{ margin-top:30px; font-size: 0;}
.cgw .labelArea ul li { margin-bottom: 3.2%;}
/*	.otherArea .others { margin: -40px -30px 30px 0;}*/
.otherArea{margin-bottom: 50px;}
	.oneHalf{overflow: hidden; font-size: 0; margin-bottom: 20px;justify-content: space-between;display: flex;}
	.oneHalf li{display: inline-block; margin-right: 2%; width:49%; margin-bottom: 2%;}
	.oneHalf li:nth-of-type(odd){ margin-right: 0%;}
	.oneHalf li img{max-width: 100%;}
  ul.others{ margin-top:10px; }
  .others li{ width:33.3%!important; max-width:290px; margin-right:0; }
 .others li.others-2col{ width:66.6%!important; max-width:610px; margin-right:30px; }
 @media (max-width: 1199px){
  .others li{ max-width:247px; margin-right:0; }
 .others li.others-2col{ max-width:510px; margin-right:15px; }
 }
 @media (max-width: 991px){
.others li{ max-width:232px; margin-right:0; }
 .others li.others-2col{ max-width:478px; margin-right:15px; }
 }
  .notion{ color:red; }



.freePostageArea{margin-bottom: 30px;}
.target{text-align: right; font-size: 12px; margin-top: 20px;}
	.freePostageArea .moreBtn{float: right; margin-top: 60px;}



/*代行サービス*/
.cgw .service{ position:relative;margin-bottom: 3%;}
.cgw .service img{ width:100%; }
.cgw .service-btn{ position:absolute;left:19.5%;top:52%;width: 31.5%;}
.cgw .service-btn.service-btn-2{ left:61%;}
.cgw .service-btn0{ position:absolute;right:2%;top:2%;width: 20.4%;}
.cgw .service-btn3{ position:absolute;left:19.5%;top:49%;width: 28.9%;}
.cgw .service-btn3.service-btn-4{ left:62.5%;}
.cgw .service-btn5{ position:absolute;left:28.5%;bottom:4.5%;width: 12%;}
.cgw .service-btn5.service-btn-6{ left:72%;}
	
  @media (max-width: 1199px){     
      
}
    
  @media (max-width: 991px){ 
      
}
/*代行サービス*/


/*8位ランキング*/
.cgw .itemblock {
  overflow: hidden;
  margin: 0 auto 50px;
    margin-top: 0px;
}
.cgw .itemblock p {
    font-size: 14px;
}
.cgw h2 {
  font-size: 21px;
  text-align: center;
  margin: 0 auto 20px;
  border: 0;
  padding: 0;
	font-weight: 300;
}
.cgw .eight_column_rank{overflow: hidden; font-size: 0; margin: 0;}
.cgw .eight_column_rank li{display: inline-block; vertical-align: top; margin:0 1.2% 2% 0; padding:0; padding-top: 17px;}
.cgw .eight_column_rank li:nth-child(-n+3){width:32.5%;}
.cgw .eight_column_rank li:nth-child(n+4){width:19%;}
.cgw .eight_column_rank li a{display:block; position:relative;}
.cgw .eight_column_rank li a:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 48%;
    -webkit-transform: translateX(-48%);
    transform: translateX(-48%);
    display: block;
    width: 34px;
    height: 34px
}
.cgw .eight_column_rank li:first-child a:before {
    background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0;
    background-size: 34px 34px
}

.cgw .eight_column_rank li:nth-child(2) a:before {
    background: url(../../../img/custom/icon_ranking2.png) no-repeat 0 0;
    background-size: 34px 34px
}

.cgw .eight_column_rank li:nth-child(3) a:before {
    background: url(../../../img/custom/icon_ranking3.png) no-repeat 0 0;
    background-size: 34px 34px
}

.cgw .eight_column_rank li:nth-child(4) a:before {
    background: url(../../../img/custom/icon_ranking4.png) no-repeat 0 0;
    background-size: 34px 34px
}

.cgw .eight_column_rank li:nth-child(5) a:before {
    background: url(../../../img/custom/icon_ranking5.png) no-repeat 0 0;
    background-size: 34px 34px
}
.cgw .eight_column_rank li:nth-child(6) a:before {
    background: url(../../../img/custom/icon_ranking6.png) no-repeat 0 0;
    background-size: 34px 34px
}
.cgw .eight_column_rank li:nth-child(7) a:before {
    background: url(../../../img/custom/icon_ranking7.png) no-repeat 0 0;
    background-size: 34px 34px
}
.cgw .eight_column_rank li:nth-child(8) a:before {
    background: url(../../../img/custom/icon_ranking8.png) no-repeat 0 0;
    background-size: 34px 34px
}
.cgw .eight_column_rank li:nth-of-type(3){margin-right: 0;}
.cgw .eight_column_rank li:nth-of-type(8){margin-right: 0;}
/*8位ランキング*/






/*20240528追加*/
.mgB20 {margin-bottom:20px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB60 {margin-bottom:60px !important;}
.center p {text-align: center !important;}
.ftS22 {font-size: 22px !important;}
.cgw .pageHeader .headerBtn {display: block;width: 23%;padding-top: 27%;background-color: #FFF;opacity: 0.0;position: absolute;right: 2%;top: 8%;border-radius: 6px;}
.cgw .pageHeader .headerBtn:hover {opacity: 0.3; }
.cgw .pageHeader {margin-bottom: 0; font-size: 0;}
.endText{ text-align: center; }
.chugenNav{overflow: hidden;font-size: 0; margin-bottom: 30px;}
.chugenNav li{display: inline-block; width:16.6666666666666%; height: 54px; border-left: 1px solid #d74747;border-bottom: 1px solid #d74747;border-top: 1px solid #d74747;  position: relative; background-color: #FFF; vertical-align: top}
.chugenNav li.bluenav{ border: 1px solid #0c2a6d; margin: 0 0 0 0; }
.chugenNav li.bluenav a{  color: #0c2a6d}
.renewinfo{background-color: #fff; padding: 0; text-align: center; margin-bottom: 30px; overflow: hidden; padding-bottom: 10px; font-size: 0;}
.renewinfo p{margin-bottom: 10px; text-align: left; font-size: 16px;}
.renewinfo .textArea{display: inline-block; margin:0 20px 20px; width:65%; vertical-align: middle}
.renewinfo .btnArea{display: inline-block; margin: 20px; width:26%; vertical-align: middle}
.cgw .header_bar.js_fixed_bar.fixed { position: fixed; z-index: 999; top: 105px; overflow: hidden; display: block;}
.cgw .header_bar {margin-bottom: 20px; }
.chugenNav li a{width:100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 12px; color: #d74747; line-height: 100%; padding-bottom: 5px;}
.chugenNav li::after{content: "";position: absolute;  right: 50%;bottom: 5px;width: 6px;  height: 6px;  border-top: 1px solid #d74747;  border-right: 1px solid #d74747;  -webkit-transform: rotate(135deg);  transform: rotate(135deg);}
.chugenNav li.bluenav::after{content: "";position: absolute;  right: 50%;bottom: 5px;width: 6px;  height: 6px;  border-top: 1px solid #0c2a6d;  border-right: 1px solid #0c2a6d;  -webkit-transform: rotate(135deg);  transform: rotate(135deg);}
.category {margin-bottom: 50px;}
.category .catlink { margin: 0 auto 30px; padding: 0; list-style: none; font-size: 0;}
.category .catlink li { display: inline-block; vertical-align: top; border: 1px solid #CCC; width: 24%; height: 50px; margin: 0 1.2% 1.2% 0;}

.category .catlink li:nth-of-type(4n) { margin-right: 0;}
.category .catlink li a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 14px;}
.categoryLink{margin-bottom: 50px;}
.widebana{width: 100%; margin: 3% auto 3%; text-align: center;}
.serviceNav{width:100%; position: relative; margin-bottom: 20px;}
.serviceNav .btnA{position: absolute; width:20%; max-width:191px; top: 5%; right: 0;}
.serviceNav .btnB{position: absolute; width:32%; max-width:294px; bottom: 15%; left: 20%;}
.serviceNav .btnC{position: absolute; width:33%; max-width:303px; bottom: 15%; right: 4%;}	
.blockend{margin-bottom: 50px;}
.cgw .labelArea.oneThird ul li {width: 32.3333333%; margin-right: 1.4%; display: inline-block;}
.cgw .labelArea.oneThird ul li:nth-of-type(3n){margin-right: 0;}
.cgw .labelArea.oneThird ul li a{width:100%;}

.cgw .five_column_rank { overflow: hidden; font-size: 0; margin: 0;}
.cgw .five_column_rank li { display: inline-block; vertical-align: top; margin: 0 1.2% 2% 0; padding: 0; padding-top: 17px; width: 19%;}
.cgw .five_column_rank li:last-of-type {margin-right: 0;}
.cgw .five_column_rank li a:before { content: ""; position: absolute; top: -17px; left: 48%; -webkit-transform: translateX(-48%); transform: translateX(-48%); display: block; width: 34px; height: 34px;}
.cgw .five_column_rank li:first-child a:before { background: url(../../../img/custom/icon_ranking1.png) no-repeat 0 0; background-size: 34px 34px;}
.cgw .five_column_rank li:nth-child(2) a:before { background: url(../../../img/custom/icon_ranking2.png) no-repeat 0 0; background-size: 34px 34px;}
.cgw .five_column_rank li:nth-child(3) a:before { background: url(../../../img/custom/icon_ranking3.png) no-repeat 0 0; background-size: 34px 34px;}
.cgw .five_column_rank li:nth-child(4) a:before { background: url(../../../img/custom/icon_ranking4.png) no-repeat 0 0; background-size: 34px 34px;}
.cgw .five_column_rank li:nth-child(5) a:before { background: url(../../../img/custom/icon_ranking5.png) no-repeat 0 0; background-size: 34px 34px;}
.tokuten{position: relative; margin-bottom: 50px;}
.tokuten .linkA{position: absolute; width: 17%; top: 17.1%; right: 1%;}
.tokuten .linkB{position: absolute; width: 54.9%; top: 36.8%; right: 1%;}
.tokuten .linkC{    position: absolute; width: 32.2%; top: 46.4%; left: 9.4%;}
.tokuten .linkD{position: absolute; width: 33.7%; top: 68.3%; left: 38.1%;}
.tokuten .linkE{position: absolute; width:17%; bottom: 9%; right: 0%;}

.shoppingbag{border: 1px solid #a72227; padding: 10px; box-sizing: border-box; font-size: 0; margin-bottom: 80px;}
.shoppingbag .bag{display: inline-block; width:5%; vertical-align: middle;}
.shoppingbag .textArea{display: inline-block; width:64%; vertical-align: middle; font-size: 14px; margin: 0 2%; overflow: hidden;}
.shoppingbag .textArea .text{font-size: 16px; color:#a72227; font-weight: bold;}
.shoppingbag .btnArea{display: inline-block; width:27%; vertical-align: middle; margin: 0;}


#category h2, #price h2, #ranking h2{ font-size: 20px; text-align: left;}


.cat_more{text-align: right;margin-bottom: 5%;}
.cat_more_arrow{position: relative;padding-right: 15px;}
.cat_more_arrow:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    float: right;
    background: transparent;
    border-top: solid 1px #222;
    border-right: solid 1px #222;
    transform:rotate(45deg)translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 3%;
}