@charset "UTF-8";
@media (max-width: 990px) {
/*--　ヘッダーnav　-----------------------------------------------------------------*/
.nav_header{
	width: 100%;
	height: 50px;
	position: relative;
	margin: 30px auto 80px;
}
.nav_icon li img{width: 85%;}
.nav_icon li:nth-child(1){position: absolute; top: 0%; left:7%;}
.nav_icon li:nth-child(2){position: absolute; top: 0%; left:23%;}
.nav_icon li:nth-child(3){position: absolute; top: 0%; left:38%;}
.nav_icon li:nth-child(4){position: absolute; top: 0%; left:54%;}
.nav_icon li:nth-child(5){position: absolute; top: 2px; left:70%;}
.nav_icon li:nth-child(6){position: absolute; top: 12px; left:85%;}

.nav_icon li:nth-child(7){position: absolute; top: 0%; left:7%;}
.nav_icon li:nth-child(8){position: absolute; top: 0%; left:23%;}
.nav_icon li:nth-child(9){position: absolute; top: 0%; left:38%;}
.nav_icon li:nth-child(10){position: absolute; top: 0%; left:54%;}
.nav_icon li:nth-child(11){position: absolute; top: 2px; left:70%;}
.nav_icon li:nth-child(12){position: absolute; top: 12px; left:85%;}
/*--　↓ヘッダーロゴ部分　-----------------------------------------------------------------*/
.header_wrapper{width: 100%;height: 190px;}
.header_wrapper img{width:100%;}
.logo{top:5%;left:2%;width: 20%;}
.title{top:5%;right:1%;width: 70%;}
.guwan{top:60%;right:20%;width: 250px;}
.shopping{display: none;}
/*.guwan{top:64%;right:19%;width: 30%;transition: 0.1s;}
.guwan:hover {transform: translate(-3%,-12%);}*/
/*--　　-----------------------------------------------------------------*/
/*--　↓フッター　-----------------------------------------------------------------*/
.footer_wrapper{width: 100%;height: 700px;}
footer img{width:100%;}

.logo_footer{
	width: 100%;
	text-align: center;
	height: 80px;
	top: 20px;
	left: 0px;
}
.logo_footer img{
	width: auto;
	height: 100%;
}

footer ul a{font-size: 18px;}
footer ul li:nth-last-child(7){position: absolute;top: 24%;left: 25%;}
footer ul li:nth-last-child(6){position: absolute;top: 32%;left: 25%;}
footer ul li:nth-last-child(5){position: absolute;top: 40%;left: 25%;}
footer ul li:nth-last-child(4){position: absolute;top: 24%;left: 60%;}
footer ul li:nth-last-child(3){position: absolute;top: 32%;left: 60%;}
footer ul li:nth-last-child(2){position: absolute;top: 40%;left: 60%;}
footer ul li:nth-last-child(1){position: absolute;top: 48%;left: 60%;}

.link_buy{top: 55%;left: 25%;width: 18%;}
.tensen1{top: 55.55%;left: 25.55%;width: 17%;}
.link_tel{top: 55%;left: 55%;width: 18%;}
.tensen2{top: 55.55%;left: 55.55%;width: 17%;}

.hana{
	top:80%;
	left: 5%;width: 90%}

}/*@media900*/


/*--　　-----------------------------------------------------------------*/
@media (max-width: 700px) {
.header_wrapper{height: 160px;}
	.guwan{top:60%;right:20%;width: 230px;}
	.footer_wrapper{height: 600px;}
	footer ul a{font-size: 17px;}
	
	.link_buy{top: 57%;left: 28%;width: 18%;}
	.tensen1{top: 57.55%;left: 28.55%;width: 17%;}
	.link_tel{top: 57%;left: 58%;width: 18%;}
	.tensen2{top: 57.55%;left: 58.55%;width: 17%;}
}/*@media*/
@media (max-width: 600px) {
	.guwan{top:60%;right:20%;width: 210px;}
	.header_wrapper{height: 140px;}
}/*@media*/
@media (max-width: 500px) {
	.guwan{top:60%;right:20%;width: 190px;}
	.header_wrapper{height: 120px;}
	.footer_wrapper{height: 500px;}
	footer ul a{font-size: 14px;}
	
	.link_buy{top: 57%;left: 24%;width: 18%;}
	.tensen1{top: 57.55%;left: 24.55%;width: 17%;}
	.link_tel{top: 57%;left: 58%;width: 18%;}
	.tensen2{top: 57.55%;left: 58.55%;width: 17%;}
	
footer ul li:nth-last-child(7){position: absolute;top: 24%;left: 22%;}
footer ul li:nth-last-child(6){position: absolute;top: 32%;left: 22%;}
footer ul li:nth-last-child(5){position: absolute;top: 40%;left: 22%;}
footer ul li:nth-last-child(4){position: absolute;top: 24%;left: 57%;}
footer ul li:nth-last-child(3){position: absolute;top: 32%;left: 57%;}
footer ul li:nth-last-child(2){position: absolute;top: 40%;left: 57%;}
footer ul li:nth-last-child(1){position: absolute;top: 48%;left: 57%;}
footer ul li a{font-size: 14px;}
}/*@media*/
@media (max-width: 400px) {
	.guwan{top:60%;right:20%;width: 160px;}
	
	.link_buy{top: 57%;left: 23%;width: 18%;}
	.tensen1{top: 57.55%;left: 23.55%;width: 17%;}
	.link_tel{top: 57%;left: 57%;width: 18%;}
	.tensen2{top: 57.55%;left: 57.55%;width: 17%;}
	
footer ul li:nth-last-child(7){position: absolute;top: 24%;left: 19%;}
footer ul li:nth-last-child(6){position: absolute;top: 32%;left: 19%;}
footer ul li:nth-last-child(5){position: absolute;top: 40%;left: 19%;}
footer ul li:nth-last-child(4){position: absolute;top: 24%;left: 54%;}
footer ul li:nth-last-child(3){position: absolute;top: 32%;left: 54%;}
footer ul li:nth-last-child(2){position: absolute;top: 40%;left: 54%;}
footer ul li:nth-last-child(1){position: absolute;top: 48%;left: 54%;}
footer ul li a{font-size: 14px;}
}/*@media400*/




/*--　６8０px以下で出てくるハンバーガー　-----------------------*/
@media (max-width: 680px) {
/*--　↓ヘッダーナビとばす　--*/
	.nav_header{position: absolute;top: -100%;width: 1px;}
	.nav_icon li{width: 1px;}
/*--　↓ハンバーガー　--*/
	#btn_open:checked~.nav_hamburger{
		top:14%;
		transition: .4s;
		transition-timing-function: ease;
	}

    .btn_menu{
        display: block;
        width: 40px;
        height: 40px;
        position:absolute;
        top:9%;
        right: 4%;
        background: #e3cfe7;
        border-radius: 10px;
        z-index: 100;
    }
    .btn_menu span{
        width:60%;
        height:4px;
        display: block;
        position: absolute;
        left:20%;
        background: #fff;
        border-radius: 5px;
        transition: all .2s linear;
    }
    .btn_menu span:nth-of-type(1){
        top: 10px;
        transform: rotate(0);
    }
    .btn_menu span:nth-of-type(2){
        top: 18px;
        transform: scale(1);
    }
    .btn_menu span:nth-of-type(3){
        bottom: 10px;
        transform: rotate(0);
    }
    #btn_open:checked + label span:nth-of-type(1){
        top: 18px;
        transform: rotate(-45deg);
    }
    #btn_open:checked + label span:nth-of-type(2){
        transform: scale(0);
    }
    #btn_open:checked + label span:nth-of-type(3){
        bottom: 18px;
        transform: rotate(45deg);
    }
    .btn_menu{
        cursor:pointer;
    }
}/*@media*/
@media (max-width: 350px) {
footer ul li a{font-size: 12px;}
}/*@media350*/