@charset "utf-8";
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
	font-size:15px;
	line-height:normal;
	color:#000;
	margin: 0;
	padding: 0;
}



*{ font-size:1em; }



*{
box-sizing:border-box;
}

html,body,p,h1,h2,h3,h4,h5,ul,ol,li,dd,dl,dt,div {
	padding:0;
	margin:0;
    font-weight:normal;
}

img { border:0; }
html { height:100%; }
li { list-style-type:none; }
a {
	color:inherit;
	text-decoration:none;
}

a.underline {

	text-decoration:underline;
}

.flex{
    display:flex;
}

.none { display:none; }
.sp { display:none; }
.sp_ib { display:none; }
.sp_inline { display:none; }
.pc { display:block; }
.pc_ib { display:inline-block; }
.pc_inline { display:inline; }
.mode { float:left; }

/* for modern brouser */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size:0;
	visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix { display: inline-block; }
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/


body{
    background:url('/bg.png');
    padding:100px 0;

}


.wrapper{
    width:100%;
    overflow:hidden;
}


header{ margin:0 auto;}
footer{ margin:0 auto;}
@media all and (min-width: 1400px)  {
    header{ width:1400px;}
    footer{ width:1400px;}
}
@media all and (max-width: 1400px)  {
    header{ width:100%;}
    footer{ width:100%;}
}

header{ 
    text-align:center;
    padding:15px 0;
    position:fixed;
    height:100px;
    width:100%;
    top:0;
    left:0;
    z-index:1;
    background:url('/item/bg.png');

}

header .searchbox{ 
	position:absolute;
	right: 10px;
	top:50%;
	margin-top:-15px;
	display: flex;
	width:260px;

	background-color:#fff;
	border:1px solid #aaa;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;
}
dl.searchbox dt{
	margin-right:40px;
	padding:8px 0 8px 8px;
}
dl.searchbox dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
}
dl.searchbox dd{
	position:absolute;
	top:0;
	right:0;
}
dl.searchbox dd button{
	display:block;
	padding:10px;
	background:none;
	border:none;
}
dl.searchbox dd button span{
	display:block;
	width:20px;
	height:20px;
	background:url('/item/search.png') no-repeat scroll 0 0;
}

.menu_open{
    position: fixed;
    left:30px;
    top:20px;
    cursor:pointer;
    z-index: 9;
}

.menu_close{
    position:absolute;
    left:30px;
    top:20px;
    
    display:none;
    cursor:pointer;
    z-index:15;
}


.tencho1{
    position:absolute;
    left:100%;
    top:110px;
    background:#5aba47;
    width: 56px;
    height:180px;
    cursor:pointer;
    z-index:15;


    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;

    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
}



.tencho1 hr{
    border:0;
    border-bottom:1px solid rgba(230,230,230,0.8);
    width:70%;
    margin:15px 0;
}


.menu{
    position:fixed;

    top:0;
    left:0;

    height:100vh;

    z-index:10;
    display:flex;
    overflow:0;
    width:0;

    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    z-index:10;
}

.menu_child{

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffdf2b+0,f9d400+100 */
background: #ffdf2b; /* Old browsers */
background: -moz-linear-gradient(left,  #ffdf2b 0%, #f9d400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffdf2b 0%,#f9d400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffdf2b 0%,#f9d400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    width:270px;
    height:100vh;

    padding:105px 20px 0;

}

.menu_child ul li{
    border-bottom:1px solid #e5c200;
}

.menu_child ul li:last-child{
        border-bottom:0;
}

.menu_child ul li [href]{
    display:block;
    width:100%;
    height:100%;
        padding:0.5em 0.2em;

}
.menu_child ul li [href].on,
.menu_child ul li [href]:hover{
    background:#fff;
}

.menu_child ul li [href]{
cursor: pointer;
}

.menu1{
z-index: 13;
display:none;
}

.menu2{
z-index: 12;
display:none;

}

.menu3{
z-index: 11;
display:none;


}

.breadcrumb{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    font-size:0.85em;
    margin-bottom:1em;
}

ul.breadcrumb{
    display:flex;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    padding:0 1em 0 0 ;
}

ul.breadcrumb li:not(:first-child):before{
content:"＞";
}

ul.breadcrumb li a{
    padding:0 0.5em;
    text-decoration: underline;
}



.main{
    width:1000px;
    margin:0 auto;
    padding-bottom:50px;
}

.main section p{
    margin-bottom:1em;
    }

    
footer{
    background:#ffec86;

    margin-bottom:50px;
    width:100%;
    padding:1em 0;
    position:relative;
}

footer .footer_giza{
    width:100%;
    height:10px;
    background:url(/item/footer_giza.png) repeat-x;
    position:absolute;
    top:-9.5px;

}

footer .footer_content{
    width:1000px;
    margin:0 auto;
    text-align:left;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

footer .footer_content .box{
    width:350px;
    height:390px;
    background:#fff;
    font-size:0.8em;
    padding:15px;
    margin:0 5px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    
}

footer .footer_content .box h3{
    font-size:1.2em;
    font-weight:bold;
}
footer .footer_content .box h4{
    font-weight:bold;
        margin-bottom:0.5em;

}

footer .footer_content .box dt,
footer .footer_content .box dd{
    display:inline;
    padding-bottom:0.5em;
}

footer .footer_content .box dt{
    padding-right:1em;
}


footer .footer_content .box p,
footer .footer_content .box dd,
footer .footer_content .box td{
    color:#999;
}

footer .footer_content .box dd:after{
    content:"";
    display:block;
    margin-bottom:0.5em;

}

footer .footer_content .box .table1 {
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-spacing: 0;
border-collapse:collapse;
font-size:0.8em;
}

footer .footer_content .box .table1 th,
footer .footer_content .box .table1 td{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
width:25%;
text-align:center;
color:#000;
}


footer .footer_content .box .table1 tr th{
background:#ffd800;

}

footer .footer_content .box .table1 .small{
    display:inline-block;
    letter-spacing:-1px;
font-size:0.8em;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);

}

footer .footer_content .box .table2 td{
width:50%;
}

footer .footer_content .box a{
text-decoration: underline;
}

.bottom{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:#ffd800;
    z-index:1;
    padding:25px 20px;
    display: flex;
    justify-content:flex-start;

}

.bottom .left{
    width:70%;
    text-align:left;
}

.bottom .right{
    width:30%;
    display:flex;
    justify-content: flex-end;
    align-items: center;
}

.bottom .right .cart{
margin-left:1em;
}

.bottom .bottom_border{
height:5px;
width:100%;
position:absolute;
margin-top:-5px;
top:0;
left:0;
background-color: rgba(180,180,180,0.6);
}

.page_title{
    text-align: center;
    background:rgba(255,223,43,0.5);
    padding:0.1em 0;
    font-size:2em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight:normal;
    margin-bottom:30px;

}



.mode{float:left;}



@media all and (max-width: 1200px)  {

    header .searchbox{ 
		width:180px;
		height: auto;
    }

}


@media all and (max-width: 736px)  {
	.mode{float:right;}

		
	img{ max-width:100%;}	
	.sp { display:block; }
	.sp_ib { display:inline-block; }
	.sp_inline { display:inline; }
	.pc { display:none; }
	.pc_ib { display:none; }
	.pc_inline { display:none; }

    header{
        width:100%;
    }

    .tencho1{
    display:none;
    }

    .menu_open{
        left:0;
        top:0;
        background:#fff;
        padding:2vw;
    }

    .menu_close{
        left:2vw;
        top:5vw;
    }



    .menu_child{
        width:100vw;
        height:100vh;
        padding:20vw 2% 0;
    }


    .main{
        width:100%;
    }
    
    .main section{
        padding: 2vw;
    }

    footer{
        width:100%;
    }
    
    footer .footer_content{
            width:100%;
    }

    .bottom{
        padding:1% 2%;

    }

     .bottom .left{
         width:50%;
     }
     .bottom .right{
         width:50%;

     }


    .bottom .goriyou{
        display:none;        
    }
    .bottom .shinki{
        display:none;        
    }

    .bottom .login{
        width:40vw;
        margin-bottom:-1vw;
    }

    .bottom .cart{
    width:8vw;
    }

    

    header .searchbox{
     display: none;   
    }


    header h1 img{
        width:67%;
    }

    .menu_open{
        width:16%;
    }



    footer .footer_content{
        display: block;
    }

    footer .footer_content .box{
        width:98%;
        height:auto;
        
        
        padding:1%;
        margin:1% auto 1%;

        
    }



    body{
        padding: 0 0 10vw;
    }

    header{ 
        position:static;
    }




    
    
    
}