@charset "utf-8";

/********** 2020 05 nav **********/
@media (min-width: 736px) {
	#gNavi .sp_item1 {
		display: none;
	}

	#gNavi .sp_item2 {
		display: none;
	}

	#gNavi .sp_item3 {
		display: none;
	}

	#gNavi .sp_item_x {
		display: none;
	}

	#gNavi .sp_arrow {
		display: none;
	}
}

@media (min-width:0px) and (max-width:735px) {
	#gNavi {
		background-color: #fff;
		text-align: center;
		font-size: 1rem;
		border-bottom: 4px solid #7ac943;
		padding-top: 0;
		border-top: 1px solid #aaa;
		padding-bottom: 5px;
	}
    #gNavi li br {
		display: block;
	}

	#gNavi .sp_arrow {
		display: inline-block;
	}

	#gNavi a {
		font-weight: normal;
		color: #222;
	}

	#gNavi li {
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #aaa;
	}

	#gNavi li:nth-child(n + 5) {
		border-bottom-style: none;
	}

	#gNavi ul li img {
		display: block;
		width: 100%;
	}

	#gNavi .sp_item1 {
		display: block;
		font-size: 0.95rem;
		text-align: center;
		padding: 30px 0 23px;
	}

	#gNavi .sp_item1 img {
		width: 100%;
		max-width: 250px;
		margin: 0 auto;
	}

	#gNavi .sp_item1 a {
		margin: 0 auto;
	}

    .nav__flex{
    width: 100%;
    max-width: 400px;
    height: 85px;
    display: flex;
    flex-wrap: wrap;
    }
    
	#gNavi .sp_item2 {
		display: block;
		width: 50%;
        height: auto;
	}

	#gNavi .sp_item3 {
		display: block;
		width: 50%;
        height: auto;
	}
}
/********** reform nav **********/
@media (min-width:0px) and (max-width:735px) {
	#gNavi.sub {
		background-color: #fff;
		text-align: center;
		font-size: 1rem;
		border-bottom: 4px solid #34a5ff;
		padding-top: 0;
		border-top: 1px solid #aaa;
		padding-bottom: 5px;
	}

	#gNavi.sub li {
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #aaa;
	}

    #gNavi.sub li:nth-child(n + 6) {
		border-bottom-style: none;
	}

	#gNavi.sub .sp_item1 {
		display: block;
		font-size: 0.95rem;
		text-align: center;
		padding: 30px 0 23px;
	}
}
/********** //reform nav ********/

/********** marugoto nav ************/
@media (min-width:0px) and (max-width:735px) {
	#gNavi.sub.pt1 {
		background-color: #fff;
		text-align: center;
		font-size: 1rem;
		border-bottom: 4px solid #7ac843;
		padding-top: 0;
		border-top: 1px solid #aaa;
	}

	#gNavi.sub.pt1 li {
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #aaa;
	}

	#gNavi.sub.pt1 li:nth-child(n + 6) {
		border-bottom-style: none;
	}
	#gNavi.sub.pt1 .sp_item1 {
		display: block;
		font-size: 0.95rem;
		text-align: center;
		padding: 30px 0 23px;
	}
}
/********** //marugoto nav **********/

/********** chuko reform nav **********/
@media (min-width:0px) and (max-width:735px) {
	#gNavi.chuko {
		background-color: #fff;
		text-align: center;
		font-size: 1rem;
		border-bottom: 4px solid #00a89c;
		padding-top: 0;
		border-top: 1px solid #aaa;
		padding-bottom: 5px;
	}
	#gNavi.chuko li {
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #aaa;
	}

	#gNavi.chuko li:nth-child(n + 5) {
		border-bottom-style: none;
	}
	#gNavi.chuko .sp_item1 {
		display: block;
		font-size: 0.95rem;
		text-align: center;
		padding: 30px 0 23px;
	}

    .sp_item_x {
        display: block;
        width: 100%;
        padding-bottom: 30px;
    }
}
/********** //chuko reform nav ********/

@media (min-width:0px) and (max-width:321px) {
	#gNavi li br {
		display: none;
	}
}
/********** //2020 05 nav ********/