﻿body{
margin: 0;
padding: 0;
}

/*ヘッダーソース*/
header{
width:100%;
margin:0 auto;
padding: 0 0 10px 0;
}

.navbar-fixed-top{
width:100%;
background-color: white;
}

.search{
padding:10px;
text-align: center;
}


.search .text{
width: 70%;
height:40px;
border:2px solid #252525;
text-indent:3px;
padding: 0 0 0 0;
}
.search .btn {
width: 25%;
height:45px;
border:2px solid #252525;
background-color: #006cff;
color: white;
font-weight: 900;
padding: 0 0 1px 0;
text-shadow: 0 1px 0 rgba(0,0,0,1);
letter-spacing: 1px;
margin-left:-1px;
}

form{
margin:0;
}

.wrapper{
position: relative;
}

#title{
padding:0;
text-decoration:none;
}

#title a{
color:white;
}

#title img{
width: 90%;
padding: 0 0 10px 20px;
}

nav.menu{
width: 77.5%;
padding: 20px 0 0 0;
}

.menu ul{
width: 100%;
margin: 0px;
text-align: center;
list-style: none;
font-size: 12px;
font-size: 1.2rem;
padding: 0px;
display: flex;
justify-content: space-between;
align-items: center;
}

.menu li{
}

.menu li:first-child{
width:100px;
}

.menu li a{
text-decoration:none;
color:black;
display: block;
}

.menu li img.icon{
width: 60%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}

.menu p.zxcvb{
margin:0 ;
font-weight: 900;
font-size: 8px;
font-size: 0.8rem;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.list_frame{
border: 2px solid #252525;
width: 40px;
height: 40px;
margin: 0 auto;
position: relative;
}

p.bor{
margin:0;
text-align: center;
font-weight: 900;
font-size: 8px;
font-size: 0.8rem;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
right: 29px;
position: fixed;
top: 65px;
}

.global-nav{
list-style: none;
margin:0;
padding: 5px 35px 0 20px;
}

.global-nav li{
margin: 25px 0;
padding:0;
display: flex;
align-items: center;
}

.global-nav li img{
width:12%;
margin: 0 8px 0 0;
}

.global-nav li p{
margin:0;
}

.global-nav li p a {
text-decoration: none;
display: block;
color: white;
font-size: 10px;
font-size: 1.0rem;
font-weight: 900;
letter-spacing: 1px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*ヘッダーソース終わり*/


.topimage{
width:100%;

margin:0 auto 20px;

}

.topimage img{
width:100%;

}

h2{
margin:0;
padding:0;
}


.title1{
width:100%;
display: flex;
justify-content:center;
align-items: center;
position: relative;
margin: 0 0 20px 0;
}

.title2{
width:100%;
display: flex;
justify-content:center;
align-items: center;
position: relative;
margin: 80px 0 20px 0;
}

.border-left{
position:absolute;
top:18px;
left:0px;
width: 10%;
}


.border-left img{
width: 100%;
height: 3px;
}

.border-right{
position:absolute;
top:18px;
right:0;
width: 10%;
}

.border-right img{
width: 100%;
height: 3px;
}

.sale-region{
width: 100%;
}

/*今週の特価品ソース*/
.weeklysale{
margin: -5px auto 0;
}

.weeklysale img{
width:100%;
}



.new-box{
width:86%;
margin:0 auto;
border-radius: 7px;
border:2px solid #006cff;
padding:0 12px;
box-shadow: 0 5px 3px -3px rgba(0,0,0,0.5);
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.new-box a{
text-decoration: none;
display:block;
}

.new-box .tool-box{
width:95%;
margin:13px auto;
padding: 25px 8px;
border-radius: 7px;
background:#006cff;
display: flex;
align-items: center;
}

.tool-box .tool-description{
width:55%;
text-align: center;
}

.tool-box .tool-description h3{
margin:0 0 -7px 0;
padding:0;
color:white;
font-size: 13px;
font-size: 1.3rem;
font-weight: 900;
letter-spacing: 2px;
text-shadow: 0 1px 0 rgba(0,0,0,1);
}

.tool-box .tool-description span{
margin:0;
padding:0;
color:white;
font-size: 9px;
font-size: 0.9rem;
text-shadow: 0 1px 0 rgba(0,0,0,1);
}

.tool-box .tool-description p{
margin: 7px 0 0 0;
padding:0;
color:white;
font-size: 10px;
font-size: 1.0rem;
font-weight: 500;
letter-spacing: 1px;
line-height: 22px;
text-shadow: 0 1px 0 rgba(0,0,0,1);
}

.tool-box .tool-image{
width:45%;
text-align: center;
}




.category_d-box{
width: 83.5%;
margin: 0 auto;
padding: 0 4px 0 0;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.category_d-box a{
overflow : hidden;
outline : none;
}

.container{
width:100%;
border:2px solid #006cff;
border-radius: 7px;
margin: 0 0 30px 0;
box-shadow: 0 5px 3px -3px rgba(0,0,0,0.5);
}

.container img{
width:100%;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.container_title,.container_title2,.container_title3,.container_title4,.container_title5,.container_title6,.container_title7{
width:100%;
background:#006cff;
padding: 20px 0;
}

.container_title h3,.container_title2 h3,.container_title3 h3,.container_title4 h3,.container_title5 h3,.container_title6 h3,.container_title7 h3{
margin:0;
padding:0;
text-align: center;
}

.container_title h3 a,.container_title2 h3 a,.container_title3 h3 a,.container_title4 h3 a,.container_title5 h3 a,.container_title6 h3 a,.container_title7 h3 a{
text-decoration: none;
color:white;
font-size: 13px;
font-size: 1.3rem;
font-weight: 900;
letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(0,0,0,1);
}

.container_title p,.container_title2 p,.container_title3 p,.container_title4 p,.container_title5 p,.container_title6 p,.container_title7 p{
text-decoration: none;
color:white;
font-size: 9px;
font-size: 0.9rem;
font-weight: 900;
letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(0,0,0,1);
margin:0;
text-align: center;
}

.sliderimage,.sliderimage2,.sliderimage3,.sliderimage4,.sliderimage5,.sliderimage6,.sliderimage7{
margin:0;
padding:0 1px 0 0;
}


.category_k-box{
width: 83.5%;
margin:0 auto;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.category_k-box a{
overflow : hidden;
outline : none;
}




footer{
width:100%;
background: #006cff;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

footer ul{
width: 80%;
padding: 5px 0 0 0;
margin: 0 auto;
}

footer li:first-child{
border-top: 0px solid #006cff;
list-style: none;
}

footer li{
border-top: 3px solid white;
list-style: none;
}

footer li img{
float: right;
padding: 6px 10px 0 0;
}

footer p{
margin:0;
}

footer p a {
display: block;
width: 98%;
font-size: 10px;
font-size: 1.0rem;
text-decoration: none;
color: white;
padding: 9px 0 7px 5px;
font-weight: 900;
text-shadow: 0 1px 0 rgba(0,0,0,1);
}


.copyright{
text-align: center;
margin: 20px 0 0 0;
}

.copyright p{
color:white;
font-size: 7px;
font-size: 0.7rem;
}



