@charset "utf-8";

.temp01 {
width:550px;
margin:0 auto;
border:1px solid #ccc;
overflow:hidden;
}
/*----------index.html----------*/
/*----------ベース----------*/
html, input, select, textarea, table, th, td, li, a, pre {
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "MS PGothic", sans-serif;
font-weight: 400;
}
body {
position: relative;
line-height: 1.7;
font-size: 12px;
-webkit-text-size-adjust: 100%;
color: #333333;
word-break: break-all;
}
img {
border:0;
vertical-align:bottom;
}
a:link, a:visited {
color: #333333;
text-decoration: none;
}
a:link, a:visited {
color: #3399CC;
text-decoration: none;
}
li {
list-style-type: none;
}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
header * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, figure, h1, h2, h3, h4, h5, h6, form, select {
margin: 0;
padding: 0;
}
*, *:before, *:after {
word-break: break-all;
}
.container,
.searchInner,
.newsBoxWrap{
width:950px;
margin:0 auto;
overflow:hidden;
box-sizing: border-box;
}
.contWrap {
width:950px;
margin:0 auto;
/*overflow:hidden;*/
box-sizing: border-box;
}
h2.secTtl {
font-size: 22px;
}
.secWrap {
padding: 20px 0 0 0;
position: relative;
}
.secWrap:before {
content: "";
position: absolute;
right: 0;
left: 0;
top: 2px;
height: 5px;
border-top: 2px solid #5F4933;
border-bottom: 1px solid #5F4933;
}
.secBox,
.gNav,
.newsBox {
margin-bottom:10px;
}
.alpha a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition: opacity 0.3s ease-out;
}
/* ボタンのマウスオーバー追加 2020.3.31天井 */
.alpha button:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: opacity 0.3s ease-out;
}
/*----------ヘッダー----------*/
.headerMessage {
max-width: 2000px;
min-width: 950px;
margin: 0 auto;
padding: 0;
/*background-color: #fff;*/
/*background-color: #ee3d2a;*/
background-color: #ab0706;
/*background-color: #00489d;*/
/*background-color: #EF3C2A;*/
/*border-bottom: 1px solid #ddd;*/
/*text-align: right;*/
text-align: center;
}
.headerMessage img {
width:1060px;
height:50px;
}

.headerWrap {
background: url(https://dogworld.itembox.design/item/bg_header_01.jpg) repeat 0 0;
max-width: 2000px;
min-width: 950px;
margin: 0 auto;
}
.headerInner{
padding: 10px 20px;
position: relative;
}
header .logo {
position: absolute;
top: 20px;
display: inline-block;
}
.logo img {
width:250px;
42px;
}
header .logo a {
display:block;
}
.headerContentR {
padding-left:200px;
}
.userInfo {
font-size: 12px;
text-align:right;
}
.iconBoxWrap {
position: relative;
margin-top: 2px;
}
.iconInner {
position: absolute;
right: 0;
top: 35%;
margin-top: -18px;
}
ul.iconList {
display: table;
width: 500px;
margin-top: -5px;
}
ul.iconList > li {
display: table-cell;
float: left;
width: 53px;
text-align: center;
margin-left: 14px;
padding-top: 5px;
padding-bottom: 5px;
}
ul.iconList > li a {
display: block;
color: #666666;
font-size: 10px;
}
ul.iconList > li span {
color: #333333;
display: block;
margin-top: 5px;
}
/*.fav .sprite {
margin-top: 0;
}*/
.bagInner {
padding: 5px 0 17px;
margin: -5px 0 -17px;
position: relative;
cursor: pointer;
}
.bagInner .number {
display: block;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #E03311;
color: #ffffff;
line-height: 1.0;
position: absolute;
top: -4px;
right: 11px;
padding: 3px 5px;
margin-top: 5px;
}
ul.iconList .bag {
cursor: pointer;
}
ul.iconList .fav {
cursor: pointer;
}
ul.iconList .hist {
cursor: pointer;
}
ul.iconList .mypage {
cursor: pointer;
}
ul.iconList .payment {
cursor: pointer;
}
ul.iconList .qa {
cursor: pointer;
}
ul.iconList .contact {
cursor: pointer;
}
.bag .sprite:before {
content: ' ';
background-image: url(https://dogworld.itembox.design/item/icon_header.png);
background-position: 0px -20px;
width: 22px;
height: 20px;
margin: 0 0 6px 14px;
display: block;
}
.fav .sprite:before{
content: ' ';
background-image: url(https://dogworld.itembox.design/item/icon_header.png);
background-position: 0px 0px;
width: 23px;
height: 20px;
margin: 0 0 6px 16px;
display: block;
}
.hist .sprite:before{
content: ' ';
background-image: url(https://dogworld.itembox.design/item/icon_header.png);
background-position: -23px 0px;
width: 23px;
height: 20px;
margin: 0 0 6px 16px;
display: block;
}
.mypage .sprite:before{
content: ' ';
background-image: url(https://dogworld.itembox.design/item/icon_header.png);
background-position: -22px -20px;
width: 17px;
height: 20px;
margin: 0 0 6px 16px;
display: block;
}
.payment .sprite:before{
content: ' ';
background-image: url(https://dogworld.itembox.design/item/icon_header.png);
background-position: -39px -20px;
width: 17px;
height: 20px;
margin: 0 0 6px 16px;
display: block;
}
.qa .sprite:before{
content: ' ';
background-image: url(https://dogworld.itembox.design/item/icon_header.png);
background-position: -45px 0px;
width: 18px;
height: 20px;
margin: 0 0 6px 16px;
display: block;
}
.contact .sprite:before{
content: ' ';
background-image: url(https://dogworld.itembox.design/item/icon_header.png);
background-position: -1px -98px;
width: 19px;
height: 20px;
margin: 0 0 6px 16px;
display: block;
}
.cf:after, .cfx:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.headerCatch {
width: 100%;
padding-left: 50px;
padding-right: 501px;
display: inline-block;
margin-top: 10px;
margin-bottom:10px;
}
.userName {
margin-right:5px;
}
.userName span {
font-weight:bold;
}
.userPoint {
font-weight:bold;
margin-right:5px;
}

.userRank {
font-weight:bold;
}


/*----------ナビ----------*/
.gNavCont {
padding: 0 20px;
background: #F8F8F8;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #EEEEEE;
}
.gNav ul {
font-size: 0;
background-color: #F8F8F8;
min-width: 950px;
display: block;
width:950px;
margin:0 auto;
}
.gNav li {
font-size: 13px;
display: inline-block;
background-color: #F8F8F8;
line-height: 1.5;
position: relative;
}
.gNav li a {
color: #333333;
display: block;
padding: 10px 12px;
}
.aboutDW {
float: right;
}

/*----------トップヘッダ セールバナー----------*/
.saleBox ul{
	width:948px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}

/*----------スライドトップ----------*/
.topSlideBox .slider {
width: 90%;
margin: 0 auto 30px auto;
}
.topSlideBox .slick-slide img {
width: 100%;
height: auto;
}
.topSlideBox .slide03{
width: 100%;
}
.topSlideBox .slide03 .slick-slide{
margin: 5px;
}
.topSlideBox{
width:950px;
margin: 0 auto;
}
.slide03 .slick-slide:not(.slick-center) {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.slide03 .slick-slide:not(.slick-center) {
-webkit-filter: opacity(70%);
-moz-filter: opacity(70%);
-o-filter: opacity(70%);
-ms-filter: opacity(70%);
filter: opacity(70%);
transition: 0.2s linear;
}
/*----------検索フォーム----------*/
#topSearchBtn {
/*width: 320px;
margin: 20px auto 0;*/
padding: 5px 20px 5px 20px;
text-align: center;
letter-spacing: .5px;
background: #F90;
box-shadow: 0 2px 3px -1px rgba(0,0,0,.34), 0 -42px 29px -21px #ff8a00 inset;
border-radius: 5px;
display: block;
}
#topSearchBtn span {
padding: ;
font-size: 18px;
font-weight: 700;
line-height: 1;
text-shadow: 1px 1px 2px rgba(255,105,5,1);
color: #fff;
position: relative;
}
.searchInner {
padding:10px;
background-color:#F8F8F8;
font-size:14px;
}
.searchInner td {
line-height:1.5;
padding:5px;
}
#wordInput1 {
width:350px;
}
.hotWord li {
padding:5px 10px 5px 10px;
background-color:#fff;
float:left;
margin: 3px 3px 3px 3px;
}
.btnSearch .fa {
margin-right:5px;
}
.btnSearch {
background: #6e7b8e;
border-radius: 1px;
width:100px;
display:block;
text-align:center;
box-sizing: border-box;
padding: 5px 10px 5px 10px;
font-size:17px;
}
.btnSearch span {
color:#ffffff;
}
/*----------ニュース----------*/
.newsBox {
background-color: #fff;
box-sizing: border-box;
border: 1px solid #CC842F;
}
.news {
width: 173px;
padding: 5px;
background-color: #CC842F;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
}
.news p {
color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 1.0;
text-align: center;
}
.newsCont {
padding: 10px 20px;
box-sizing: border-box;
display: table-cell;
font-size: 0;
vertical-align: middle;
}
.newsCont p {
display: inline-block;
color: #333;
font-size: 15px;
font-weight: bold;
line-height: 1.4;
text-align: left;
vertical-align: middle;
}
/*----------3カラム----------*/
.sideNav{
float: left;
width: 210px;
}
.mainArea{
float: left;
width: 730px;
margin-left: 10px;
}
.mainCont {
width: 550px;
margin-right: 10px;
float: left;
}
.subCont {
width: 170px;
float: right;
}
.mainCont2 {
float: left;
width: 100%;
}
/*----------右バナーエリア----------*/
.sideBtnLog {
background: #a37e58;
border-radius: 1px;
width:170px;
display:block;
text-align:center;
box-sizing: border-box;
padding: 10px 10px 10px 10px;
font-size:17px;
margin-bottom:20px;
}
.sideBtnLog span{
color:#ffffff;
}
.sideBtnLog .fa,
.sideBtnRegi .fa {
margin-right:5px;
}
.sideBtnRegi {
background: #CC842F;
border-radius: 1px;
width:170px;
display:block;
text-align:center;
box-sizing: border-box;
padding: 10px 10px 10px 10px;
font-size:17px;
margin-bottom:20px;
}
.sideBtnRegi span{
color:#ffffff;
}
.bnrBox img {
width:100%;
}
.bnrBox {
margin-bottom:20px;
}
/*----------左ナビ----------*/
.cate01 {
margin: 0 0 1px 0;
}
.sidemenuImg {
margin: 0 0 10px 0;
}
.sideMenu {
font-size: 12px;
}
.sideMenu .arrow01 {
width: 16px;
}
.sideMenu tr td {
border-bottom: 1px dotted #ccc;
}
td {
font-size: 14px;
color: #333333;
line-height: 150%;
}
.sideMenu .cateName {
font-size: 12px;
width:120px;
}
.sideMenu .icons {
width: 74px;
}
.sideMenu .icons img {
margin: 5px;
}
.child {
display: none;
}
.menu {
display: block;
position: relative;
margin: 1px 0 0;
padding: 12px 10px 12px 10px;
color: #333;
font-size: 16px;
background: #F4EFE5;
font-weight: bold;
cursor:pointer;
border-radius: 2px;
}
.menu:after {
position: absolute;
top: 50%;
right: 10px;
margin-top: -14px;
content: '>';
font-size: 14px;
font-weight: bold;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-moz-transition: all, 0.25s, linear;
-o-transition: all, 0.25s, linear;
-webkit-transition: all, 0.25s, linear;
transition: all, 0.25s, linear;
}
.menu.active:after {
-moz-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/*----------スライド----------*/
.slide01 {
}
.mainCont .slick-slide img {
border: 1px solid #e5e5e5;
display: block;
width: 100%;
}
.mainCont .slick-slide .image {
padding: 5px;
}
.mainCont .slick-prev:before,
.mainCont .slick-next:before {
color: #a37e58;
opacity:0.5;
}
.mainCont .slick-slider {
margin: 30px auto 30px;
}
.mainCont .slick-slider{
width:490px;
margin:0 auto;
}
/*----------タイトルなど----------*/
.h2ttl {
font-size: 22px;
border-bottom: 2px solid #4c4c4c;
text-indent: 5px;
color: #4c4c4c;
margin:0;
}
.h2ttlBox {
display: block;
margin-top: 1px;
padding-top: 3px;
border-top: 1px solid #4c4c4c;
}
.toList1 {
float: right;
color: #333333;
font-size: 13px;
display: block;
text-align: right;
padding: 10px 15px;
margin: 20px 0 0 0 ;
text-decoration:none;
}
.toList1:hover{
text-decoration:underline;
}
.toList1:after {
content: "";
display: inline-block;
width: 7px;
height: 11px;
margin-left: 10px;
margin-top: 10px;
background: url(https://dogworld.itembox.design/item/ico_tab-arrow.png);
}
.secBrand,
.secSale,
.secRecoCate,
.secTrouble,
.secRecBnr
.secBnr,
.secRecBnr_g,
.secFav,
.secAge,
.secSup {
margin-bottom:40px;
overflow:hidden;
}
/*----------セール----------*/
.saleItemName {
display: block;
color: #666666;
font-size: 12px;
line-height: 1.5;
height: 3em;
overflow: hidden;
}
.saleItemPrice {
color: #E03311;
font-size: 18px;
font-weight: bold;
}
/*----------カテゴリー----------*/
.secRecoCate li {
float: left;
padding: 10px;
width: 25%;
box-sizing: border-box;
}
.secRecoCate li a{
position: relative;
display: block;
font-weight: bold;
text-align: center;
}
.secRecoCate .backImg{
display: block;
}
.secRecoCate img {
width: 100%;
height: auto;
}
.secRecoCate .cateName {
display: block;
position: absolute;
bottom: 0;
padding: 10px 0px 10px 0;
width: 100%;
font-size: 14px;
background-color: rgba(255,255,255,0.5);
}
.secRecoCate a{
color: #333333;
}
.secRecoCate ul {
overflow:hidden;
}
/*----------お悩み----------*/
.secTrouble ul {
overflow:hidden;
}
.secTrouble li {
float:left;
width : 33.33333% ;
height:auto;
padding:5px;
box-sizing: border-box;
}
.secTrouble a{
display: block;
height: 100%;
}
.troubleName{
color: #333333;
display: block;
padding: 0 10px;
font-weight:bold;
}
.troubleCap{
font-size: 14px;
color: #333333;
font-weight: normal;
display: block;
overflow: hidden;
white-space: nowrap;
padding: 7px 10px 0;
}
.troubleEach {
box-sizing: border-box;
border: 1px solid #E5E5E5;
background: #F8F8F8;
-moz-box-shadow: 0px 1px 0px 0px #F3F3F3;
-webkit-box-shadow: 0px 1px 0px 0px #F3F3F3;
box-shadow: 0px 1px 0px 0px #F3F3F3;
}
.troubleEach img {
width: 100%;
height: auto;
}
.troubleImg {
border-box;
display:block;
}
/*----------おススメバナー----------*/
.bnrBox1 {
}
.bnrEach img {
width: 100%;
height: auto;
}
.bnrEach {
box-sizing: border-box;
border: 1px solid #E5E5E5;
background: #F4EFE5;
-moz-box-shadow: 0px 1px 0px 0px #F3F3F3;
-webkit-box-shadow: 0px 1px 0px 0px #F3F3F3;
box-shadow: 0px 1px 0px 0px #F3F3F3;
}
.bnrImg {
box-sizing:border-box;
display:block;
}
.bnrCap {
font-size: 14px;
color: #333333;
font-weight: normal;
display: block;
overflow: hidden;
white-space: nowrap;
padding: 7px 10px 0;
}
.brnName {
color: #333333;
display: block;
padding: 0 10px;
font-weight:bold;
}
.secRecBnr ul,.secRecBnr_g ul {
overflow:hidden;
}
.secRecBnr li {
float:left;
width : 50% ;
height:auto;
padding:5px;
box-sizing: border-box;
}

.secRecBnr_g li{
float:left;
width : 33% ;
height:auto;
padding:5px;
box-sizing: border-box;
}

.secRecBnr a,.secRecBnr_g a{
display: block;
height: 100%;
}
/*----------好み----------*/

.favEach {
box-sizing: border-box;
border: 1px solid #E5E5E5;
background: #F4EFE5;
-moz-box-shadow: 0px 1px 0px 0px #F3F3F3;
-webkit-box-shadow: 0px 1px 0px 0px #F3F3F3;
box-shadow: 0px 1px 0px 0px #F3F3F3;
}
.favImg {
box-sizing:border-box;
display:block;
}
.favCap {
font-size: 14px;
color: #333333;
font-weight: normal;
display: block;
overflow: hidden;
white-space: nowrap;
padding: 7px 10px 0;
}
.favName {
color: #333333;
display: block;
padding: 0 10px;
font-weight:bold;
}
.secFav ul {
overflow:hidden;
}
.secFav li {
float:left;
width : 33.33333%;
height:auto;
padding:5px;
box-sizing: border-box;
}
.secFav a{
display: block;
height: 100%;
}
.favEach img {
width: 100%;
height: auto;
}
.favImg {
border-box;
display:block;
}
/*----------年齢----------*/
.ageEach {
box-sizing: border-box;
border: 1px solid #E5E5E5;
background: #F8F8F8;
-moz-box-shadow: 0px 1px 0px 0px #F3F3F3;
-webkit-box-shadow: 0px 1px 0px 0px #F3F3F3;
box-shadow: 0px 1px 0px 0px #F3F3F3;
}
.ageImg {
box-sizing:border-box;
display:block;
}
.ageCap {
font-size: 14px;
color: #333333;
font-weight: normal;
display: block;
overflow: hidden;
white-space: nowrap;
padding: 7px 10px 0;
}
.ageName {
color: #333333;
display: block;
padding: 0 10px;
font-weight:bold;
}
.secAge ul {
overflow:hidden;
}
.secAge li {
float:left;
width : 33.33333%;
height:auto;
padding:5px;
box-sizing: border-box;
}
.secAge a{
display: block;
height: 100%;
}
.ageEach img {
width: 100%;
height: auto;
}
.ageImg {
box-sizing: border-box;
display:block;
}
/*----------サプリメント----------*/
.supEach {
box-sizing: border-box;
border: 1px solid #E5E5E5;
background:#F4EFE5;
-moz-box-shadow: 0px 1px 0px 0px #F3F3F3;
-webkit-box-shadow: 0px 1px 0px 0px #F3F3F3;
box-shadow: 0px 1px 0px 0px #F3F3F3;
}
.supImg {
box-sizing:border-box;
display:block;
}
.supCap {
font-size: 14px;
color: #333333;
font-weight: normal;
display: block;
overflow: hidden;
white-space: nowrap;
padding: 7px 10px 0;
}
.supName {
color: #333333;
display: block;
padding: 0 10px;
font-weight:bold;
}
.secSup ul {
overflow:hidden;
}
.secSup li {
float:left;
width : 33.33333%;
height:auto;
padding:5px;
box-sizing: border-box;
}
.secSup a{
display: block;
height: 100%;
}
.supEach img {
width: 100%;
height: auto;
}
.supImg {
border-box;
display:block;
}
/*----------フッター----------*/
footer * {
box-sizing: border-box;
}
.toTop {
text-align: right;
border-top: 1px solid #DDDDDD;
height: 40px;
line-height: 40px;
padding: 0 20px;
min-width: 950px;
max-width: 2000px;
margin: 0 auto;
background: #ffffff;
}
.toTop a {
color: #666666;
    margin: -10px;
    padding: 10px;
}
.footerInner {
max-width: 2000px;
min-width: 950px;
margin: 0 auto;
border-top: 1px solid #EEEEEE;
}
.fotterOuter {
min-width: 950px;
background: #F6F6F6;
}
.siteMap {
color: #666666;
padding: 10px 25px;
}
ul.footerLink {
margin-bottom:20px;
}
.fLink {
width: 20%;
float: left;
margin-top: 20px;
}
.fLink a{
text-decoration: none;
color: #666666;
}
.footerCont {
border-top: 1px solid #DDDDDD;
}
footer h2 {
font-size: 14px;
font-weight: bold;
margin-top:20px;
}
.copyright {
padding: 12px 0;
text-align: center;
color: #999999;
}
/*----------フロートバナー----------*/
.floatMsg {
display: block;
height: 400px;
position: fixed;
top: 190px;
width: 80px;
z-index: 99;
right: 0;
}
.floatMsg img {
height: auto;
width: 100%;
vertical-align: middle;
}

/*----------brand.html----------*/
.brandConceptOuter {
background-color: #F8F8F8;
margin-bottom:20px;
}
.brandConceptInner {
padding:10px;
}
.brandImgThumb {
float:left;
width:30%;
border: 1px solid #CC842F;
box-sizing: border-box;
}
.brandImgThumb img {
width:100%;
height:auto;
}
.brandTxtBox {
float:right;
width:65%;
}
.brandConceptOuter h1 {
font-size:25px;
}
.brandConceptOuterChild h2 {
font-size:20px;
}
.brandConceptOuterChild {
background-color: #fffaef;
margin-bottom:20px;
}
.selectBtnDog{
background: #6e7b8e;
border-radius: 1px;
width: 170px;
text-align: center;
box-sizing: border-box;
padding: 10px 10px 10px 10px;
font-size: 17px;
}
.selectBtnCat{
background: #CC842F;
border-radius: 1px;
width: 170px;
text-align: center;
box-sizing: border-box;
padding: 10px 10px 10px 10px;
font-size: 17px;
}
.selectBtnRab{
background: #4c4c4c;
border-radius: 1px;
width: 170px;
text-align: center;
box-sizing: border-box;
padding: 10px 10px 10px 10px;
font-size: 17px;
}
.selectBtnEtc{
background: #a37e58;
border-radius: 1px;
width: 170px;
text-align: center;
box-sizing: border-box;
padding: 10px 10px 10px 10px;
font-size: 17px;
}
.selectBtnDog span,
.selectBtnCat span,
.selectBtnRab span,
.selectBtnEtc span {
color: #ffffff;
}
.selectBtnDog .fa,
.selectBtnCat .fa,
.selectBtnRab span,
.selectBtnEtc span {
margin-right: 5px;
}
.selectBtnDog,
.selectBtnCat,
.selectBtnRab,
.selectBtnEtc {
display: inline-block;
margin-right:30px;
}
.brandWrap {
margin-bottom:20px;
}

/*----------category.htmlサブ----------*/
.selectBtnDog_que{
background: #6e7b8e;
}
.selectBtnCat_que{
background: #CC842F;
}
.selectBtnRab_que{
background: #4c4c4c;
}
.selectBtnEtc_que{
background: #a37e58;
}
.selectBtnDog_que span,
.selectBtnCat_que span,
.selectBtnRab_que span,
.selectBtnEtc_que span {
color: #ffffff;
}
.selectBtnDog_que .fa,
.selectBtnCat_que .fa,
.selectBtnRab_que .fa,
.selectBtnEtc_que .fa {
margin-right: 5px;
}
.selectBtnDog_que,
.selectBtnCat_que,
.selectBtnRab_que,
.selectBtnEtc_que {
display: inline-block;
margin: 0 5px 0 5px;
border-radius: 1px;
width: 23%;
text-align: center;
box-sizing: border-box;
padding: 10px 10px 10px 10px;
font-size: 17px;
}
.selectBtnBoxList {
width:100%;
margin-bottom:20px;
}
.subCateBox1 h2{
font-size: 20px;
}
.subCateBox1{
background-color: #fffaef;
margin-bottom: 20px;
}
.subCateBox1Inner{
padding:10px;
}
selectBtnBoxSup {

}
.selectBtnSup {
display: inline-block;
margin: 5px 5px 5px 5px;
border-radius: 3px;
width: 18%;
text-align: center;
box-sizing: border-box;
padding: 5px;
font-size: 14px;
border:1px dotted #4c4c4c;
background: #FFF;
line-height:1;
}
.selectBtnSup span {
color: #4c4c4c;
font-size:12px;
}
.selectBtnSup .fa {
margin-right: 5px;
}
.selectBtnBoxSup {
margin-top:10px;
}
/*----------type_.html用----------*/
.typeBoxOuter ul {
overflow: hidden;
}
.typeBoxOuter li{
float: left;
width: 25%;
height:250px;
padding: 5px;
box-sizing: border-box;
border: 1px solid #E5E5E5;
background: #F8F8F8;
-moz-box-shadow: 0px 1px 0px 0px #F3F3F3;
-webkit-box-shadow: 0px 1px 0px 0px #F3F3F3;
box-shadow: 0px 1px 0px 0px #F3F3F3;
}
.typeEach {
}
.typeBoxOuter a {
display: block;
height: 100%;
}
.typeBoxOuter span.typeImg {
display: block;
}
.typeBoxOuter span.typeImg img {
width: 100%;
height: auto;
}
.typeBoxOuter span.typeName {
font-size: 14px;
color: #333333;
font-weight: normal;
display: block;
overflow: hidden;
/*white-space: nowrap;*/
padding: 7px 10px 0;
}
/*----------お客様サポート用----------*/
.cmnBoxOuter {
background-color: #F8F8F8;
margin-bottom: 20px;
width:730px;
}
.cmnBoxInner {
padding: 20px;
}
.cmnBoxInner h1 {
font-size: 25px;
box-sizing: border-box;
}
.cmnBoxOuter2 {
background-color: #fffaef;
margin-bottom: 20px;
width:730px;
}
.cmnBoxOuter3 {
background-color: #F8F8F8;
margin-bottom: 20px;
width:360px;
float:left;
margin-right:10px;
box-sizing: border-box;
}
.cmnBoxOuter4 {
background-color: #F8F8F8;
margin-bottom: 20px;
width:360px;
float:left;
box-sizing: border-box;
}
.telNum {
margin-bottom: 5px;
font-size: 30px;
font-weight: bold;
color: #6e7b8e;
margin: 0 auto;
}
.telNum i {
margin-right:5px;
}
.cmnBoxOuter2 h2,
.cmnBoxOuter3 h2,
.cmnBoxOuter4 h2,
.cmnBoxOuter5 h2,
.cmnBoxOuter6 h2,
.cmnBoxOuter7 h2,
.cmnBoxOuter8 h2{
font-size: 20px;
line-height:1;
margin-bottom:10px;
}
.cmnBoxOuter2 .cmnBtn1,
.cmnBoxOuter2 .cmnBtn2,
.cmnBoxOuter3 .cmnBtn3,
.cmnBoxOuter4 .cmnBtn4,
.cmnBoxOuter5 .cmnBtn5,
.cmnBoxOuter6 .cmnBtn6,
.cmnBoxOuter7 .cmnBtn7,
.cmnBoxOuter8 .cmnBtn8 {
border-radius: 1px;
width: 320px;
text-align: center;
box-sizing: border-box;
padding: 10px 10px 10px 10px;
font-size: 17px;
display: inline-block;
margin-top:10px;
}
.cmnBoxOuter2 .cmnBtn1 {
background: #CC842F;
}
.cmnBoxOuter2 .cmnBtn2 {
background: #a37e58;
}
.cmnBoxOuter3 .cmnBtn3 {
background: #6e7b8e;
}
.cmnBoxOuter4 .cmnBtn4 {
background: #6e7b8e;
}
.cmnBoxOuter5 .cmnBtn5 {
background: #6e7b8e;
}
.cmnBoxOuter6 .cmnBtn6 {
background: #6e7b8e;
}
.cmnBoxOuter7 .cmnBtn7 {
background: #6e7b8e;
}
.cmnBoxOuter8 .cmnBtn8 {
background: #6e7b8e;
}
.cmnBtn1 span,
.cmnBtn2 span,
.cmnBtn3 span,
.cmnBtn4 span,
.cmnBtn5 span,
.cmnBtn6 span,
.cmnBtn7 span,
.cmnBtn8 span {
color: #ffffff;
}
.cmnBtn1 i,
.cmnBtn2 i,
.cmnBtn3 i,
.cmnBtn4 i,
.cmnBtn5 i,
.cmnBtn6 i,
.cmnBtn7 i,
.cmnBtn8 i{
margin-right: 5px;
}
/*----------about.html用----------*/
.cmnBoxInner img {
width:100%;
margin-top:10px;
}
/*----------reqest_top.html用----------*/
.cmnBoxOuter5 {
background-color: #fffaef;
margin-bottom: 20px;
width:360px;
float:left;
margin-right:10px;
box-sizing: border-box;
}
.cmnBoxOuter6 {
background-color: #F8F8F8;
margin-bottom: 20px;
width:360px;
float:left;
box-sizing: border-box;
}
.cmnBoxOuter7 {
background-color: #F8F8F8;
margin-bottom: 20px;
width:360px;
float:left;
margin-right:10px;
box-sizing: border-box;
}
.cmnBoxOuter8 {
background-color: #fffaef;
margin-bottom: 20px;
width:360px;
float:left;
box-sizing: border-box;
}
.cmnBoxOuter5 img,
.cmnBoxOuter6 img,
.cmnBoxOuter7 img,
.cmnBoxOuter8 img {
margin-bottom:10px;
}
.reqCom_pc1 {
background-color: #fff;
border: 1px dotted #ccc;
padding: 10px;
margin-top: 5px;
}
.fa-commenting-o {
letter-spacing: 3px;
}
.fa-user {
letter-spacing: 3px;
}
.reqCom_text {
font-weight: bold;
}
.reqCom_des{
font-weight:bold;
}
/*-----------------------
リクエストページャー
------------------------*/
.pager1 {
color:#a07c57;
/*background-color:#a07c57;*/
margin:0 0 15px;
display:block;
max-width:100%;
box-sizing:border-box;
border:dotted 1px #a07c57;
}
.pager1 ul {
display:table;
width:100%;
table-layout: fixed;
}
.pager1 li {
display:table-cell;
}
.pager1 li a {
display:block;
padding:15px;
color:#a07c57;
}
.pager1 li a i {
margin-right:5px;
margin-left:5px;
}
.pgPrev {
text-align:left;
}
.pgTop {
text-align:center;
border-right:1px dotted rgba(160, 124, 87, 1);
border-left:1px dotted rgba(160, 124, 87, 1);
}
.pgNex {
text-align:right;
}
.cfx {
clear:both;
}

/*-----------------------
about.html追加
------------------------*/
.aboutPage {
  font-size:16px;
}
.aboutPage p.lead {
margin-bottom:20px
}
.aboutPage img {
  margin-bottom:5px;
}
.cmnBoxOuterAbout {
    background-color: #FFF;
    margin-bottom: 20px;
    width: 730px;
}
.aboutPage h2 {
  font-size: 22px;
  border-bottom: 2px solid #4c4c4c;
  text-indent: 5px;
  color: #4c4c4c;
  margin: 0 0 5px 0;
  font-weight:bold;
}
.aboutPage h3 {
  color:#6e7b8e;
  font-size: 20px;
}
.aboutBox1 {
  margin-bottom:40px;
  clear:both;
  overflow: hidden;
}
.aboutBox2 {
  height:430px;
  margin-bottom:30px;
  width: 330px;
  float: left;
  box-sizing: border-box;
}
.aboutBox2:nth-child(odd) {
    margin-right: 10px;
}
.aboutBox3 {
  margin-bottom:30px;
}
.aboutPage table td {
  padding:10px;
}
.aboutPage table tr td:first-child {
  padding-right:30px;
}
.aboutPage .smallT {
  font-size:23px;
}
.aboutPage .point1{
  font-size:16px;
  color:#6e7b8e;
}
/*-----------------------
req_form.html追加
------------------------*/
.reqForm h2 {
  font-size: 22px;
  border-bottom: 2px solid #4c4c4c;
  text-indent: 5px;
  color: #4c4c4c;
  margin: 0 0 5px 0;
  font-weight: bold;
}
.reqForm {
  font-size: 16px;
}
.reqForm  h3 {
    color: #6e7b8e;
    font-size: 20px;
    margin: 10px 0 10px 0;
}
.reqFormTxt {
  padding:30px;
  background-color: #fffaef;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.reqFormTxt p {
  margin-bottom:20px;
  font-weight:bold;
}
.reqFormTxt span.cap {
  font-size:13px;
  font-weight:normal;
}
/*-----------------------
guidePage
------------------------*/
.guidePage {

}
.guidePage h2 {
  font-size: 22px;
  border-bottom: 2px solid #4c4c4c;
  text-indent: 5px;
  color: #4c4c4c;
  margin: 0 0 5px 0;
  font-weight: bold;
}
.guidePage {
  font-size: 16px;
}
.guidePage .timeSelect {
  margin: 2px 5px 2px 5px;
  background-color:#F8F8F8;
  border-radius:1px;
  padding:3px 7px 3px 7px;
  line-height:2.5em;
}
.guidePage h3 {
    color: #4c4c4c;
    font-size: 20px;
    margin: 25px 0 0px 0;
    font-weight:bold;
}
.guidePage ul{
  margin-top:10px;
}
.guidePage li {
  margin-bottom:5px;
  /*font-size:14px;*/
}
.guidePage i {
  margin-right:3px;
}
.guidePage .att {
  margin: 10px 0 10px 0;
  border:1px solid #EEEEEE;
  padding:20px;
}
.sc th,
.sc td {
  padding:20px;
  border-bottom:dotted 1px #c58131;
}
.sc {
  margin-bottom:20px;
}
.sc th {
  border-right:dotted 1px #c58131;
}
.sc th {
  width:30%;
  background-color:#fff9ef;
  text-align:center;
}
.liketh {
  background-color:#fff9ef;
}
.guideCont1 {
  margin-bottom:15px;
}
.guidePage h4 {
  font-weight:bold;
}
.tokutei th,
.tokutei td {
  padding:20px;
  border-bottom:dotted 1px #c58131;
}
.tokutei {
  margin-bottom:20px;
}
.tokutei th {
  border-right:dotted 1px #c58131;
}
.tokutei th {
  width:30%;
  background-color:#fff9ef;
  text-align:center;
}
.guidePage table {
  width:100%;
}
/*セールアイコンサイドナビ*/
.forIcon {
  position: relative;
}
p.iconSale {
  position: absolute;
  top: 0;
  left: -60px;
  z-index: 0;
}

/*セールアイコンサイドナビカテゴリー*/
.iconSaleCate {
  position: absolute;
  top: 6px;
  left: -45px;
  z-index: 0;
}
.forIconCate {
  position: relative;
}

main {
  overflow:hidden;
}
.contWrap {
width:950px;
margin:0 auto;
/*overflow:hidden;*/
box-sizing: border-box;
}

/*-----------------------
event
------------------------*/
.contWrapEvent{
  width:950px;
  margin:0 auto;
  /*overflow:hidden;*/
  box-sizing: border-box;
  /*background: #f4303e;*/
    padding-bottom: 30px;
    position: relative;
}
.eventWrap {
  background: url(../images/bg_01.jpg);
    background-position: center 0;
    overflow: hidden;
    padding:20px 0 0 0;
}

.cmnBoxOuterEvent {
    background-color: #FFF;
    margin-bottom: 20px;
    width: px;
}
.mainAreaEvent {
  /*float: left;*/
  /*width: 730px;*/
  margin-left: 10px;
}
.eventList  {
  clear:both;
  overflow: hidden;
  margin-bottom:30px;
}
.eventList li {
  font-size:15px;
  border:1px solid #3399CC;
  padding:10px 20px 10px 20px;
  float:left;
  margin: 10px 20px 10px 0;
  border-radius:5px;
}
.eventList ul {
  overflow:hidden;
}
.contWrapEvent .alpha li:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition: opacity 0.3s ease-out;
}
.secEvent {
  margin-bottom:30px;
}
.secEvent ul {
    overflow: hidden;
}
.secEvent li {
    float: left;
    width: 33.33333%;
    height: auto;
    padding: 5px;
    box-sizing: border-box;
}
.eventEach {
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
    background: #F8F8F8;
    -moz-box-shadow: 0px 1px 0px 0px #F3F3F3;
    -webkit-box-shadow: 0px 1px 0px 0px #F3F3F3;
    box-shadow: 0px 1px 0px 0px #F3F3F3;
}
.secEvent a {
    display: block;
    height: 100%;
}
.eventImg {
    display: block;
}
.cmnBoxInner img {
    width: 100%;
    margin-top: 10px;
}
.eventEach img {
    width: 100%;
    height: auto;
}
.eventCap {
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    padding: 7px 10px 0;
}
.eventName {
    color: #333333;
    display: block;
    padding: 0 10px;
    font-weight: bold;
}
.brandList{
  overflow: hidden;
  margin-bottom:30px;
}
.brandList li{
  float: left;
  width: 19%;
  height: 220px;
  padding: 10px;
  box-sizing: border-box;
  border:1px solid #e5e5e5;
  margin: 5px 4px 5px 4px;
}
.brandList img {
  margin:0;
}
/*.brandList li.nom{
  float: left;
  width: 18%;
  height: auto;
  padding: 5px;
  box-sizing: border-box;
  border:1px solid #e5e5e5;
  margin: 10px 0px 10px 0;
}*/
.visualSale {
  width:100%;
}


/*お知らせ*/
.newsBoxSide h3 {
  font-weight:bold;
  font-size:16px;
}
.newsBoxSide ul {
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 10px;
}
.newsBoxSide li {
font-size: 13px;
border-top: 1px solid #EEEEEE;
padding: 10px 7px;
}
.newsBoxSide li a {
  display: inline-block;
  color: #3399CC;
  cursor: pointer;
  text-decoration: none;
}
.newsBoxSide .newsListPage{
color: #333333;
font-size: 13px;
display: block;
text-align: right;
padding: 10px 15px;
margin: -15px -15px;
cursor: pointer;
text-decoration: none;
}
.newsBoxSide .newsListPage i {
  margin-left:5px;
}
.newsBoxSide h3 i {
margin-right:5px;
}

.siteMapInner {
width: 950px;
margin: 0 auto;
}

.calBox {
margin-bottom:20px;
}
.calBox h3 i {
    margin-right: 5px;
}
.calBox .calName {
font-size: 16px;
color:#4c4c4c;
}
.calBox table {
border:1px solid #F3EEE4;
text-align:center;
width:100%;
margin-bottom:10px;
}
.calBox head {
  color:#FFF9EF;
  background-color:#;
}
.calBox .calName {
  font-weight:bold;
}
.calBox .yearmonth {
  text-align: center;
  font-weight:bold;
}
.calBox .do {
  color:#0000ff;
}
.calBox .niti {
  color:#ff0000;
  background-color:#ffcccc;
}
.calBox .head {
  background-color:#F3EEE4;
}

/*商品ページ下おすすめ*/
.recommend_grk{
overflow:hidden;
margin-top:15px;
width:750px;
}

.recommend_grk ul li{
float:left;
}

/*ニュース*/
.newsarchive{
	padding:5px;
}
.newsarchive dl{
	width:100%;
	overflow:hidden;
	border-bottom:1px dashed #ccc;
	padding:10px 0;
}
.newsarchive dt{
	width:100px;
	color:#6e7b8e;
	float:left;
}
.newsarchive dd{
	width:600px;
	padding-left:20px;
	float:left;
}
.newsSingle .postDay {
text-align:right;
margin-bottom:5px;
}
.newsSingle .topiBox {
	margin-top:20px;
margin-bottom:20px;
}
.newsSingle .newsSingleTtl {
padding: 0 5px 3px;
margin: 0px 0 10px;
font-size: 14px !important;
font-weight: bold;
border-bottom: solid 1px #ccc;
}
.cap {
font-size:12px !important;
color:#6e7b8e;
}
.redTxt {
color:#CF3F2F;
font-weight:bold;
}

/*-----------------------
防災ジャンル分け
------------------------*/

.bnrComent {
font-size: 16px;
color: #333333;
font-weight: normal;
display: block;
overflow: hidden;
white-space: nowrap;
padding: 7px 10px;
text-align:center;
}


/*-----------------------
商品ページ（まとめ買い用リンク）
------------------------*/

#item-wrapper {
    background-color:#ffffff;
    border:#ffae00 solid 3px;
    border-radius:7px;
    color:#423b35;
    font-size:15px;
    font-weight:bold;
    margin-bottom:0px;
    padding:7px 0px;
}
.items ul li a .thumbnail {
    width:300px;
    padding-left:18px;
}
.items ul li a .thumbnail img {
    max-height:200px;
    max-width:200px;
}
#item .information .items  {
	  background-color:#fff2c1;
    border:0px;
    /*border:#ffae00 solid 1px;*/
    /*border-radius:7px;*/
    margin-bottom:3px;
    margin-left:0px;
    margin-right:0px;
    padding-top:10px;
    padding-bottom:0px;
}
#item .information .items .icon_disp {
    width:300px;
}
#item .information .items .title {
    font-size:11px;
    height:100%;
    padding-left:12px;
}
#item .information .items .description,
#item .information .items .price,
#item .information .items .tax_label,
#item .information .items .icon_disp .tag,
#item .information .items .icon_disp .label,
#item .information .items .icon_disp i.i-rank-1 {
    display:none;
}

/* future-shop切り替え後に追加 */
/*「おすすめ商品パーツ」のサイズ調整*/
@media screen and(min-width:600px){
.fs-c-productListCarousel＿list＿item{
flex-basis:120px;
max-width:120px;
min-width:102px;
}
}
	.fs-c-featuredProduct＿title{
margin-bottom:20px;
}

#main{
float:left;
width:730px;
margin-left:10px;
}

.contWrap {
overflow: hidden;
}
.fs-l-productLayout {
  grid-template-columns: 1fr 1fr;
}
.fs-l-productLayout > * {
  grid-column: 1 / span2;
}
.fs-l-productLayout > .fs-l-productLayout__item--1 {
  grid-column: 1;
}
.fs-l-productLayout > .fs-l-productLayout__item--2 {
  grid-column: 2;
}

#fs_ProductDetails .fs-l-productLayout__item{
margin-left:10px;
}

a.bt-logout,a.cancel_member{
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  color: #333;
  border: 1px solid #cbcbcb;
  border-bottom: 1px solid #b2b1b1;
  text-shadow: 0px 1px 0px #fafafa;
  -webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  -moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #eeeeee), color-stop(0.5, #e2e2e2));
  background: -moz-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: -o-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: -ms-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee 50%', endColorstr='#e2e2e2 50%');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee 50%', endColorstr='#e2e2e2 50%')";
  float:left;
  margin-right:50px;
}

/* レフトナビ - hover修正 2020.3.18天井 */
a.togglee.menu:hover {
  color: inherit;
  text-decoration: underline;
}

#qa_contents{
width:960px;
min-height:300px;
height:auto !important;
margin:0 auto;
}
#information_entry{
margin:0 auto 30px auto;
}
#information_entry h3{
margin:10px 0 0;
font-weight:normal;
padding:10px 20px;
border-width:1px;
border-style:solid;
border-radius:8px 8px 0 0;
background-color:#eee;
color:#333;
border-color:#dedede;
}
.accordion_head{
cursor:pointer;
}
.accordion_box{
padding:10px 10px 20px 25px;
margin:-1px 0 0 0;
border-width:1px;
border-style:solid;
background-color:#fff;
border-color:#ddd;
}

/* PC　共通ヘッダーの上にある余白を削除 */
.fs-l-header {
 padding-top:0;
}

.side_nutro_banner{
  margin-top: 0;
  margin-bottom: 20px;
}

.side_nutro_banner a img{
  transition: all 0.3s ease;
}

.side_nutro_banner a:hover img{
  opacity: 0.8;
}