/* カスタマイズ用CSS */

.ec-newsRole .ec-newsRole__newsDate {
  font-size: 15px;
    color: #333;
}

@media only screen and (min-width: 768px) {
  .ec-newsRole .ec-newsRole__newsDate {
    min-width: 120px;
    margin-top: 4px;
    font-size: 16px;
    color: #333;
  }
}

.ec-newsRole .ec-newsRole__newsTitle {
  font-size: 16px;
  font-weight: normal;
  color: #333;
}

.ec-orderBySaleRole .ec-shelfGrid .ec-shelfGrid__item {
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .ec-productRole .ec-productRole__price {
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
    border: none;
  }
}

.ec-productRole .ec-pnh-rroductRole__code {
  padding: 5px 0 15px;
  border-bottom: 1px dotted #ccc;
}

.ec-productRole .ec-productRole__tags {
  margin-top: 5px;
  padding: 0;
    padding-bottom: 0px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
  border: none;
}

.ec-price .ec-price__price {
  display: inline-block;
  padding: 0em;
}

@media only screen and (min-width: 768px) {
  .ec-cartRole .ec-cartRole__cart {
    margin: 0 1%;
  }
}

@media only screen and (min-width: 768px) {
  .ec-cartRole .ec-cartRole__actions {
    width: 30%;
    margin-right: 1%;
  }
}

.ec-layoutRole__mainBottom {
    margin-top: 25px;
}
.ec-registerRole {
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
  .ec-pageHeader h1, .ec-pageHeader .h1 {
    border-top: none;
    border-bottom: 1px solid #ccc;
    margin: 10px 16px 48px;
    padding: 5px;
    font-size: 32px;
    font-weight: bold;
  }
}

@media (max-width: 767px) {
.ec-shelfRole {
  padding-left: 10px;
  padding-right: 10px;
}

.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
  position: absolute;
  top:1em;
  right: 1em;
}

.ec-headerNaviRole__search {
    text-align: center;
    margin: auto;
}
.ec-role {
  padding-left: 10px;
  padding-right: 10px;
}
.ec-sliderRole {
  padding-left: 10px;
  padding-right: 10px;
}
}

@media (min-width: 768px) {

}

.ec-secHeading .ec-secHeading__en {
  letter-spacing: 0em;
}

.ec-secHeading .ec-secHeading__line {
  margin: 0 5px;
  background: black;
  background: white;
}

.ec-secHeading {
  margin-bottom: 15px;
  background: #253c61;
  color: white;
  padding: 5px 12px;
}

.ec-role { 
    max-width: 1180px;
}

.ec-layoutRole .ec-layoutRole__contents {
    max-width: 1200px;
}


@media (max-width: 767px) {
  .ec-footerRole {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) {
  .ec-footerRole {
    padding-top: 40px;
    margin-top: 0px;
  }
}

.ec-blockBtn--action {
  height: 46px;
  line-height: 46px;
}

.ec-itemNav__nav {
    border: 1px solid #E8E8E8;
}
.ec-itemNav__nav li {
    width: 100%;
}

.ec-itemNav__nav li ul {
  min-width: 300px;
  top: 0%;
  left: 98%;
}

.ec-itemNav__nav li a {
  display: block;
  border-bottom: 1px solid #E8E8E8;
  margin: 0;
  padding: 6px;
  height: auto;
  color: #2e3233;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  text-align: left;
  background: #fff;
  border-bottom: 1px solid #E8E8E8;
  font-weight: normal;
  color: #336699;
}

.ec-itemNav__nav li ul li a {
  border-bottom: 1px solid #E8E8E8;
  padding: 8px 22px 8px 16px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-align: left;
  background: black;
}



@media only screen and (min-width: 768px) {
  .ec-footerTitle {
    padding: 10px 0 20px;
  }
}

.ec-headerRole__cart {
    float: right;
    max-width: 300px;
    margin-bottom: 6px;
}

@media (min-width: 768px) {
.ec-headerNaviRole__search {
    clear: both;
    float: right;
    max-width: 400px;
}
}




@media (max-width: 767px) {

.ec-cartNavi {
  padding: 14px 0 0 13px;
}

.nh-l {
    text-align: center;
}

.nh-l h1 {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}

.nh-l img {
    max-width: 400px;
}
.nh-r {

}
}

@media (min-width: 768px) {

.nh-l {
    width: 40%;
    float: left;
}

.nh-l h1 {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.nh-r {
    width: 60%;
    float: left;
    padding-top: 5px;
}
}










.ec-shelfGrid .ec-shelfGrid__item-image {
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 24px;
    font-weight: 500;
  }
}

.ec-sliderItemRole {
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (min-width: 768px) {
  .ec-borderedDefs dt {
    padding-top: 0px;
    width: 30%;
  }
}

.left_banner {
    text-align: center;
}
@media (max-width: 767px) {
.pc {
	display:none;
}

.sp {
	display:block;
}

}

@media (min-width: 768px) {
.pc {
	display:block;
}

.sp {
	display:none;

}
}

.ssl {
    margin-bottom: 15px;
}
.ssl img {
    max-width: 150px;
}

.ec-layoutRole__contentBottom {
    margin-top: 20px;
    background: #f5f6f7;
}
.ec-layoutRole__contentBottom table {
    margin-bottom: 15px;
    background: #f7faff;
}

.ec-layoutRole__header {
    padding-bottom: 10px;
}

  .ec-newsRole {
    padding: 10px 0 0;
  }

  .ec-borderedDefs dd {
    line-height: 1.6;
  }

.ec-registerRole input {
    margin-bottom: 5px;
}

.ec-registerRole .ec-errorMessage {
    margin-bottom: 5px;
}
@media (max-width: 767px) {

}

@media (min-width: 768px) {
.ec-layoutRole__mainWithColumn {
    padding-right: 10px;
}
}


.detail-title {
margin: 0px 0px 20px;
padding: 8px 12px;
font-size: 16px;
background-color: #DDEAD6;
color: #409166;
font-weight: bold;
}
.ec-categoryNaviRole {
    margin-bottom: 15px;
}


@media (max-width: 767px) {
.f-left {
    padding-right: 0px;
}

.f-right {
}
}

@media (min-width: 768px) {
.f-left {
    padding-right: 20px;
}

.f-right {
    padding-left: 20px;
}
}



.item_image {
    text-align: center;
    margin-bottom: 3px;
}
.item_image img {
    max-height: 180px;
}

.item_comment {
    margin-bottom: 10px;
}
.item_name {
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 16px;
}
.ec-secHeading h2 {
    font-size: 18px;
    font-weight: bold;
}
.mente {
    background-color: pink;
    padding: 10px 7px;
    text-align: center;
    margin-bottom: 20px;
}

.col-sm-6 {
    float: left;
}

.ec-categoryNaviRole {
    padding-left: 30px;
}









.ec-categoryNaviRole2 {
	text-align:left;
	margin: 10px 0px;
}

.ec-categoryNaviRole2 ul {
	margin:0px;
	padding-left:10px;
}

.ec-itemNav2 {
	  border-bottom: 1px solid #ccc;
	  border-right: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 0px;
}

img {max-width:100%;
}

.ec-productRole__description br {
  line-height: 5px;
}

.ec-productRole__description table {
	width: 100%;
	max-width:500px;
	margin: 0px;
}

.ec-productRole__description table td {
	padding:8px;
}

.detail-title {
margin: 0px 0px 20px;
padding: 8px 12px;
font-size: 17px;
background-color: #DDEAD6;
color: #409166;
font-weight:bold;
}

.info01 {
	padding:0px 4px 0px;
	margin:30px auto 0px;
	background-color:#409166;
		  border: 5px solid #409166;
		  color:#fff;
		  font-size:18px;
		  font-weight:bold;
}

.info02 {
	padding:15px 8px ;
	margin:0px auto 25px;
	background-color:#fff;
    border-bottom: 5px solid #409166;
    border-left: 5px solid #409166;
    border-right: 5px solid #409166;
}

#guide_area ul {
	margin:0px;
	padding:0px;
}

#guide_area li  {
	list-style:none;
}

#guide_area li a {
margin-bottom: 5px;
padding: 9px 15px 9px 10px;
border: 1px solid;
border-color: #ccc;
display: block;
background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
text-decoration: none;
outline: none;
background: url("../img2/background/bg_btn_list.jpg") bottom repeat-x;
}

.title {
	font-weight:bold;
}

.price02-default {
	color:red;
}

.banner {
	margin-bottom:10px;
}

@media (max-width: 767px) {
.h01 {
	padding-left:70px;
	margin-bottom:5px;
	font-size:80%;
}
}

@media (min-width: 768px) {
.h01 {
	margin-bottom:5px;
	font-size:80%;
}
}

.guide-h {
	margin:15px 5px;
}

.guide-h li {
	display:inline-block;
	width: 170px;
	font-size:14px;
}

.guide-table table {
		  border: 1px solid #006600;
		  padding:1px;
	width:100%;
	margin: 25px auto;
}

.guide-table th {
	padding:5px;
	background-color:#006600;
	color:#fff;
	border-bottom: 1px solid #fff;
}

.th00 {
	padding:5px;
	background-color:#006600;
	color:#fff;
	border-bottom: 1px solid #006600;

}

.guide-table td {
	padding:5px;
}

.st01 {
	margin:8px auto;
	padding:8px auto;
}

.item_name2 {
	margin:8px 0px;
}

.item_price2 {
	color:red;
	}

.osusume {
margin:35px auto 15px;
padding: 6px 0 8px 10px;
border-style: solid;
border-color: #f90 #ccc #ccc;
border-width: 1px 1px 0;
background: url('../img2/background/bg_btn_bloc_02.jpg') repeat-x left bottom #fef3d8;
font-weight:bold;
}

.sub1 {
	padding: 5px 0px 7px;
	margin:20px 0px;
	color:#f60;
	border-bottom:2px solid #6C0;
	font-weight:600;
	font-size:120%;
}

.c-title {
	background-color:#333;
	color:#fff;
	padding: 8px 3px;
	font-size:13px;
	text-align:center;
}

.dnone {
 display:none;
 }

@media (max-width: 767px) {
	.ec-headerTitle h1 {
	margin:0px 0px 7px 30px;
	padding:0px;
	font-size:14px;
	text-align:left;
}
.ec-headerTitle__title {
	width: 100%;
}
}

@media (min-width: 768px) {
	.ec-headerTitle h1 {	text-align:left;
	margin:0px;
	padding:0px;
	font-size:15px;
}
.ec-headerTitle__title {
	width: 50%;
}

.ec-headerTitle__title img {
	max-width:400px;
}
}

@media (max-width: 767px) {
.footer-info {
    max-width: 1150px;
    margin: auto;
	margin-top:20px;
	font-size: 15px;
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
}

@media (min-width: 768px) {
.footer-info {
    max-width: 1150px;
    margin: auto;
	margin-top:20px;
	font-size: 15px;
	padding-bottom: 30px;
}
}



.footer-info h2 {
	font-size:18px;
	font-weight:bold;
	border-bottom:solid #CCC thin;
	padding-bottom:4px;
}

.footer-info h3 {
	color:#0CF;
	font-size:16px;
	font-weight:bold;
	margin-bottom: 5px;
}

.footer-info h4 {
	font-size:16px;
	font-weight:bold;
	margin: 10px 0px 5px;
}

.f-title {
	font-size:17px;
	background-color:#222;
	color:white;
	font-weight:bold;
	text-align:center;
	padding: 7px 0px;
	background: #253c61;
}

.attr01 {
	color:red;
	margin:3px 0px;
	font-size:85%;
}

.footer-info dt {
	display:inline-block;
	width:30%;
}

.footer-info dd {
	display:inline-block;
	width:70%;
}

.ec-shelfGrid__item h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}
.ec-shelfGrid__item h3 {
	font-size:17px;
	font-weight:bold;
	margin:7px 0px;
	padding:0px;
}

.item_price {
	color:red;
	margin-bottom:3px;
}

.item_comment {
	font-size: 14px;
}
.small {
	line-height: 145%;
}

.list-small {
	line-height: 145%;
	margin:3px 0px 14px;
	font-size:13px;
}

.waku01 {
	  border: 1px double #c0c0c0;
	  margin:7px 0px;
	  padding:10px;
}

.footer-info table {
  border-top: 1px solid #7d7d7d;
   }
   
  
.footer-info th {
  border: 1px solid #7d7d7d;
   }
   
   
.footer-info td{
  border: 1px solid #7d7d7d;
   }
   
    
@media (max-width: 767px) {
   .ec-layoutRole__header h1 {
    margin: 5px 0px 10px;
    padding: 0px 0px 0px 45px;
    font-size: 14px;
}
}


@media (min-width: 768px) {
   .ec-layoutRole__header h1 {
    margin: 5px 0px 3px;
    padding: 0px;
    font-size: 15px;
}
}