@charset "utf-8";

.ctm_header{
  width:1060px;
  margin:0 auto;
  position:absolute;
  left:50%;
  margin-left:-530px;
  top:30px;
}

.ctm_header *{
  margin:0;
  padding:0;
  list-style-type:none;
  vertical-align:top;
}

.ctm_header .logo{
  width:100%;
  display:block;
  height:116px;
  background:url(../images/pc_header.jpg) no-repeat left top;
  padding-left:40px;
  padding-top:25px;
}


#toggle{display:none;}


.ctm_header .gnavi{
  margin-bottom:10px;
}

.ctm_header .gnavi ul{
  overflow:hidden;
  /zoom:1;
  background:url(../images/bg_gnavi.jpg) repeat-x left top;
  border:solid 1px #CCC;
  display:table;
  table-layout:fixed;
  width:100%;
}

.ctm_header .gnavi ul li{
  display:table-cell;
  text-align:center;
  border-right:solid 1px #E7E7E7;
  border-left:solid 1px #CCCCCC;
}

.ctm_header .gnavi ul li:first-child{
  border-left:none;
}


.ctm_header .gnavi ul li a{
    display:block;
  padding:10px;
  text-decoration:none;
}


.cartinbox{
  border:solid 4px #004990;
  background:#EEE;
  padding:9px;
  margin-bottom:20px;
}

.cartinbox *{
  margin:0;
  padding:0px;
  list-style-type:none;
}

.cartinbox .ttl{
    background:url(../images/icon_cart2.png) no-repeat left center;
  padding-left:30px;
  color:#003366;
  font-weight:bold;
  min-height:24px;
  line-height:24px;
  margin-bottom:5px;
  font-size:14px;
}

.cartinbox dl{
    width:100%;
    display:table;
  table-layout:fixed;
}

.cartinbox dl dt,
.cartinbox dl dd{
    display:table-cell;
  font-size:14px;
}

.cartinbox dl dt{
    width:40%;
}

.cartinbox dl dd{
    font-weight:bold;
}

.cartinbox dl dd .price{
    color:#CC0000;
}

.cartinbox .button{
    text-align:center;
  margin-top:10px;
}
.cartinbox .button a{
    display:block;
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
   padding:5px 10px;
   color:#FFF;
   text-decoration:none;
   font-weight:bold;
   border:solid 5px #CCC;
}

.cartinbox .button a:hover{
background: rgb(255,183,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(50%,rgba(255,167,61,1)), color-stop(51%,rgba(255,124,0,1)), color-stop(100%,rgba(255,127,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}

.cartinbox .freeship{
    color:#CC0000;
  font-size:14px;
}



.searchbox{
  border:solid 4px #CCC;
  background:#EEE;
  padding:9px;
  margin-bottom:20px;
}

.searchbox *{
  margin:0;
  padding:0px;
  list-style-type:none;
}

.searchbox .ttl{
      background:url(../images/icon_search2.png) no-repeat left center;
  padding-left:30px;
  color:#003366;
  font-weight:bold;
  min-height:24px;
  line-height:24px;
  margin-bottom:5px;
  font-size:14px;
}

.searchbox ul{
    position:relative;

}
.searchbox ul li.key{
    width:160px;
}

.searchbox ul li.key input{
    width:100%;
  padding:3px;
  height:25px;
  border:1px solid #999;
  background:#FFF;
  vertical-align:bottom;
  padding-right:40px;
  -webkit-border-radius:0px 10px 10px 0px;
  -moz-border-radius:0px 10px 10px 0px;
  border-radius:0px 10px 10px 0px;
}

.searchbox .btn{
      position:absolute;
  right:0;
  bottom:-1px;
}

.searchbox .btn button{
  letter-spacing:1px;
  background:#004490;
  padding:3px 5px;
  height:25px;
  border:none;
  color:#FFFFFF;
  -webkit-border-radius:0px 10px 10px 0px;
  -moz-border-radius:0px 10px 10px 0px;
  border-radius:0px 10px 10px 0px;
}


.searchbox dl{
  margin-top:5px;
}

.searchbox dl dt{
  padding-left: 10px;
  background:url(../images/arrow_right.png) no-repeat left center;
  font-size:14px;
  text-align:left;
}

.searchbox dl dd{
  font-size:12px;
  line-height:1.4;
  padding-left:15px;
  padding-bottom:5px;
}

/*-----sidebanner-------------------------------*/

ul.sidebanner,
ul.sidebanner li{
  margin:0;
  padding:0;
  list-style-type:none;
}

ul.sidebanner{
  width:100%;

}

ul.sidebanner img{
  vertical-align:top;
}

ul.sidebanner{
  margin-bottom:20px;
}

ul.sidebanner li{
  text-align:center;
  margin-top:10px;
}

ul.sidebanner li:first-child{
  margin-top:0px;
}

/*-----linenap-------------------------------*/

.item_lineup{
  width:100%;
  margin-bottom:20px;
}

.item_lineup *{
  margin:0;
  padding:0;
  list-style-type:none;
}

.item_lineup h3{
    background:#004990;
  color:#FFFFFF;
  font-size:14px;
  padding:8px 10px;
}


.item_lineup .inline{
  background:#FFFFFF;
}


.list_cont{
  margin:0 auto;
  border:1px solid #B5C9DF;
  border-top:none;
}

.list_cont ul li a{
  display:block;
  padding: 8px 5px 8px 25px;
  cursor:pointer;
  font-size:13px;
  text-align:left;
  border-top:dotted 1px #CCC;
  text-decoration:none;
  position:relative;
}

.list_cont ul li ul li a:after{
    display:block;
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  background:url(../images/arrow_right2.png) no-repeat;
  width:6px;
  height:10px;
  margin-top:-5px;
}
.list_cont ul li ul li a{
  background: none;
  font-weight:normal;
}
.list_cont ul li a{
border-top:solid 1px #B5C9DF;
background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(228,235,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(228,235,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(228,235,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(228,235,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(228,235,243,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(228,235,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e4ebf3',GradientType=0 ); /* IE6-9 */
  font-weight:bold;
}

.list_cont ul li a:after{
  display:block;
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  background:url(../images/arrow_right.png) no-repeat;
  width:6px;
  height:10px;
  margin-top:-5px;
}

.list_cont ul li ul li:first-child a{
  border-top:1px solid #B5C9DF;
}

.list_cont ul li a:hover{
    background:#FFE;
}


.list_cont2{
  margin:0 auto;
  border:1px solid #B5C9DF;
  border-top:none;
}

.list_cont2 ul li a{
  display:block;
  padding: 8px 5px 8px 25px;
  cursor:pointer;
  font-size:13px;
  text-align:left;
  border-top:dotted 1px #CCC;
  text-decoration:none;
  position:relative;
}


.list_cont2 ul li a{
  border-top:solid 1px #B5C9DF;
background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(228,235,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(228,235,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(228,235,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(228,235,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(228,235,243,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(228,235,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e4ebf3',GradientType=0 ); /* IE6-9 */
}

.list_cont2 ul li a:after{
    display:block;
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  background:url(../images/arrow_right.png) no-repeat;
  width:6px;
  height:10px;
  margin-top:-5px;
}

.list_cont2 ul li a:hover{
    background:#FFE;
}


/*----------------------------*/

.companyinfo{
  margin-bottom:20px;
}

.companyinfo *{
  margin:0;
  padding:0;
  list-style-type:none;
}


.companyinfo .inline{
  padding:10px 5px;
  font-size:12px;
}



/*shopinfo-----------------------*/


.shopinfo,
.shopinfo *{
  margin:0;
  padding:0;
  list-style-type:none;
}

.shopinfo{
  width:1060px;
  margin:20px auto;
  text-align:left;
}

.shopinfo .copyright{
  background:url(../images/bg_copyright.jpg) repeat-x left top;
  padding:20px 0 20px;
  font-size:12px;
  letter-spacing:1px;
  text-align:center;
}

.shopinfo .footnavi{
  text-align:center;
}

.shopinfo .footnavi ul{
  margin-bottom:5px;
}

.shopinfo .footnavi ul li{
  display:inline;
  padding:0 10px;
  text-align:right;
  border-left:solid 1px #CCC;
  font-size:12px;
}

.shopinfo .footnavi ul li:first-child{
  border-left:none;
}

.shopinfo .footnavi ul li a{
  color:#333333;
}





/*whatsnew-----------------------*/


.title2{
  font-size:18px;
  letter-spacing:1px;
  color:#004990;
  padding:3px 3px 3px 20px;
  border-bottom:solid 3px #004990;
  background:url(../images/arrow_right.png) no-repeat 5px center;
  text-align:left;
  margin-bottom:20px;
  font-weight:bold;
}

.whatsnew,
.whatsnew *{
  margin:0;
  padding:0;
  list-style-type:none;
}

.whatsnew{
  margin-bottom:20px;
}

.whatsnew h3{
  background:url(../images/bg_title.jpg) no-repeat left top;
  height:38px;
  line-height:38px;
  text-indent:20px;
  color:#FFFFFF;
  font-size:14px;
  margin:0;
  border-top-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.whatsnew dl{
  padding:20px;
  font-size:12px;
  line-height:1.4;
  letter-spacing:1px;
  overflow:hidden;
  /zoom:1;
}


.whatsnew dl dt{
  clear:both;
  float:left;
  width:130px;
  margin-bottom:5px;
}


.whatsnew dl dd{
  padding-left:140px;
  margin-bottom:5px;
  border-bottom:dashed 1px #CCCCCC;
  padding-bottom:5px;
}


.whatsnew dl .ttl{
  font-weight:bold;
}




/*mainbanner-----------------------*/

.mainbanner,
.mainbanner *{
  margin:0;
  padding:0;
  list-style-type:none;
}

.mainbanner{
  width:100%;
  margin-bottom:20px;
}

.mainbanner ul{
  width:640px;
  margin-right:-10px;
  overflow:hidden;
  /zoom:1;
}

.mainbanner ul li{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  vertical-align:top;
}

.mainbanner ul li img{
  vertical-align:top;
}




/*item_box_list-----------------------*/

.item_box_list *{
  list-style-type:none;
  margin:0;
  padding:0;
}


.item_box_list{
  margin-bottom:20px;
  width:100%;
  letter-spacing:-.4em;
}

.item_box_list .itembox{
  width:33.3%;
  padding-left:2%;
  padding-right:2%;
  margin-bottom:30px;
  vertical-align:top;
  display:inline-block;
  /display:inline;
  /zoom:1;
  letter-spacing:normal;
}

.item_box_list .itembox .photo{
  text-align:center;
}

.item_box_list .itembox .photo img{
  width:100%;
  height:auto;
}


.item_box_list .itembox .name{
  word-break: break-all;
  padding-top:5px;
  font-size:16px;
  line-height:1.4;
  text-align:left;
  font-weight:bold;
}

.item_box_list .itembox .price{
  margin-top:5px;
  padding:2px 0;
  font-size:14px;
  line-height:1.4;
  text-align:center;
  color:#CC0000;
  font-weight:bold;
}

/*
.item_box_list .itembox .price span{
  font-size:12px;
  font-weight:normal;
}*/


.item_box_list .itembox .desc{
  padding-top:5px;
  font-size:12px;
  line-height:1.4;
  text-align:left;
  color:#666666;
}






/*パン屑*/

div.breadcrumb {
  padding:0 0 10px;
}
div.breadcrumb div {
  display: inline;
}

/*小カテゴリ*/

.subcategory_list_area{
  margin-bottom:10px;
}

.subcategory_list_area *{
  margin:0;
  padding:0;
  list-style-type:none;
}

.subcategory_list_area ul li{
  display:inline-block;
  background:#FFF;
  /*border:solid 3px #DDD;*/
}

/*
.subcategory_list_area ul li a{
  display:block;
  padding:8px 10px;
  font-size:16px;
  text-decoration:none;
}
*/


.subcategory_list_area ul li a {
  border: 1px solid #15aeec;
  background-color: #49c0f0;
  background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
  background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
  border-radius: 4px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  display:block;
  padding:10px 10px;
  text-decoration:none;
  font-size:14px;
}
.subcategory_list_area ul li a:hover {
  border:1px solid #1090c3;
  background-color: #1ab0ec;
  background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
  background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.subcategory_list_area ul li a:active {
  background: #1a92c2;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
  color: #1679a1;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}



/*----------------------*/

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}


.pagination{
  margin:10px auto;
  text-align:center;
}

.pagination dl.number{
  display:table;
}

.pagination dl.number dt,
.pagination dl.number dd{
  display:table-cell;
}

.pagination dl.number dt,
.pagination dl.number dd{
  display:table-cell;
}


.pagination ol{
  text-align:center
}

.pagination ol li{
  margin:0 3px;
  font-weight: bold;
  padding:5px 10px;
  text-decoration: none;
  color: #000;
  display:inline-block;
  border: 1px solid #999;
}

.pagination ol li a{
  margin:-6px -11px;
  padding:5px 10px;
  display:block;
  text-decoration: none;
  color: #2e6ab1;
  border: 1px solid #2b66a5;
}


.pagination ol li a:hover,
.pagination ol li a:active {
  color: #000;
  background-color: lightyellow;
}


.pagination ol li.current {
  font-weight: bold;
  background-color: lightyellow;
}

.pagination ol li span.disabled {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #929292;
  color: #929292;
}

/*******************************
20171019追加
*******************************/
.ctm_header .gnavi ul li#gNavi02 ul{
  display: none;
}
.show_sp{
  display: none;
}

.add_sp_nav{
  display: none;
}