@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@500;600&display=swap');
/* CSS Document */

@media all and (min-width: 768px) and (max-width: 1080px) { 

	/***　ベース幅　***/
	.cat-inner,.eve-inner,.rec-inner,#brand {
		width: 100%;
		padding: 50px;
	}
	
	/***　おすすめブランド　***/
	.rec-inner ul {
		padding-left: 0px;
	}
	.rec-inner .prd-txt {
		margin-left: 100px;
	}

	/***　その他　***/
	.br-pd {
		display: none;
	}

	/***　フッター　***/
	footer {
		width: 90%;
		margin: 50px auto 0;
		padding-top: 50px;
	}
	
	footer h3 {
		font-size: 1.5em;
	}
	a.fbtn-ao {
		max-width: 300px;
		padding: 1rem 2rem;
	}
	.shp-place {
		width: 768px;
		margin: 0 auto 60px;
	}
	.shp-place .shp-img {
		width: 49.2%;
	}
	.shp-img img {
		width: 100%;
	}
	.shp-img iframe {
		width: 100%;
		height: 206px;
	}
}/*　↑↑↑　ipadサイズ　↑↑↑　*/

@media all and (min-width: 853px) and (max-width: 912px) { 

}/*　↑↑↑　???サイズ　↑↑↑　*/

/* ↓↓↓　TOPへ スマホ版　*/
@media all and (max-width: 767px) { 
	.sphide {
		display: none;
	}
    .gotop{
        width: 40px;
        height: 40px;
        text-indent: -9999px;
        opacity: 0.8;
        background: #fff;
		/*background: none;*/
		border: 1px solid #000;
        bottom: 10px;
        right: 10px;
    }
    .gotop::before{
		border-top: 2px solid #000;
    	border-right: 2px solid #000;
        bottom: 14px;
    }
}
 
/* ipad Air　*/
@media all and (min-width: 768px) and (max-width: 820px) {
	
	/***　ベース幅　***/
	.cat-inner,.eve-inner,.rec-inner,#brand {
		padding: 50px 30px;
	}
	.cat-inner ul {
		margin: 0 0 50px;
	}

	/***　キャッチエリア　***/
	.prd-img img {
		width: 250px;
		margin-left: 25px;
	}
	.cat-inner .prd-txt {
		margin-left: 50px;
	}
	.prd-txt {
		text-align: left;
		margin-top: 10px;
	}
	.prd-txt img {
		width: 40%;
	}

	/***　イベント特典　***/
	.eve-inner img {
		width: 300px;
	}
	.eve-inner .eve-txt {
		margin-left: 40px;
	}
	.eve-txt {
		margin-top: 0;
	}
	.eve-inner h3 {
		margin-top: 0;
	}
	.eve-txt p.caution {
		line-height: 1.4rem;
	}
	
	/***　おすすめブランド　***/
	.rec-inner ul {
		padding-left: 0px;
	}
	.rec-inner .prd-img img {
		width: 300px;
		margin-left: 0;
	}
	.rec-inner .prd-txt {
		margin-left: 25px;
	}

	/***　フッター　***/
	footer {
		width: 100%;
		margin: 30px auto 0;
		padding-top: 50px;
	}
	.shp-place {
		width: 768px;
		margin: 0 auto 40px;
	}

}

/* タブレット縦長　*/
@media all and (min-width: 480px) and (max-width: 767px) { 

	/***　ベース幅　***/
	.cat-inner,.eve-inner,.rec-inner,#brand {
		width: 100%;
		padding: 50px 30px;
	}
	.cat-inner ul {
		margin: 0 0 50px;
	}
	.cat-inner h3 {
		font-size: 2rem;
	}
	.cat-inner h4 {
		font-size: 1.5rem;
		line-height: 2.1rem;
	}
	/***　キャッチエリア　***/
	.prd-img img {
		width: 250px;
		margin-left: 25px;
	}
	.cat-inner .prd-txt {
		margin-left: 50px;
	}
	.prd-txt {
		text-align: left;
		margin-top: 10px;
	}
	.prd-txt img {
		width: 40%;
	}

	/***　イベント特典　***/
	.eve-inner img {
		width: 300px;
	}
	.eve-inner .eve-txt {
		margin-left: 40px;
	}
	.eve-txt {
		margin-top: 0;
	}
	.eve-inner h3 {
		margin-top: 0;
	}
	.eve-txt p.caution {
		line-height: 1.4rem;
	}
	
	/***　おすすめブランド　***/
	#recommend h2 {
		font-size: 2.2rem;
	}
	#recommend h2 span {
		font-size: 1.3rem;
	}
	.rec-inner ul {
		padding-left: 0px;
	}
	.rec-inner .prd-img img {
		width: 300px;
		margin-left: 0;
	}
	.rec-inner .prd-txt {
		margin-left: 25px;
	}
	.rec-inner h3 {
		font-size: 2rem;
		line-height: 2.4rem;
	}
	.rec-inner h4 {
		font-size: 1.5rem;
	}

	/***　その他　***/
	.br-pd {
		display: none;
	}

	/***　フッター　***/
	footer {
		width: 100%;
		margin: 30px auto 0;
		padding-top: 50px;
	}
	
	footer h3 {
		font-size: 1.5em;
	}
	a.fbtn-ao {
		max-width: 300px;
		padding: 1rem 2rem;
	}
	.shp-place {
		width: 768px;
		margin: 0 auto 40px;
	}
	.shp-place .shp-img {
		width: 49.2%;
	}
	.shp-img img {
		width: 100%;
	}
	.shp-img iframe {
		width: 100%;
		height: 206px;
	}

	.br-smp {display: inline;}
	.nosmp {display: none;}
}/*　↑↑↑　タブレット縦長　↑↑↑　*/

/*　スマホ　*/
@media all and (max-width: 480px) {
	
	.img_sp {
		display:inline-block;
	}
	.img_pc {
		display: none;
	}
	/***　ベース幅　***/
	.cat-inner,.eve-inner,.rec-inner,#brand {
		width: 100%;
		padding: 30px 10px;
	}
	
	/***　キャッチエリア　***/
	.cat-inner ul {
		/*display:block;*/
		margin: 0 auto 30px;
	}
	.cat-inner h2 {
		margin-bottom: 30px;
	}
	.cat-inner h3 {
		/*text-align: center;*/
		font-size: 1.2rem;
		margin-bottom: 0.5rem;
	}
	.cat-inner h4 {
		font-size: 1rem;
		line-height: 1.3rem;
		margin-bottom: 0.5rem;
	}
	.prd-img img {
		width: 70%;
		margin: 0px auto 0;
	}
	.cat-inner h2 img { /*ギザギザの吹き出し用*/
		width: 90%;
		margin-bottom: 40px;
	}
	.cat-inner .prd-txt {
		margin-left: 0;
	}
	.prd-txt {
		/*text-align: center;*/
		margin-top: 0
	}
	.prd-txt img {
		width: 50%;
	}
	.prd-txt .model-num {
		font-size: 0.8rem;
		margin-bottom: 0.5rem;
	}
	.prd-txt p {
	font-size: 0.8rem;
	line-height: 1.2rem;
	}
	.prd-txt .prd-price {
		font-size: 1.2rem;
		margin-top: 0.5rem;
	}

	/***　イベント特典　***/
	.eve-inner img {
		width: 100%;
	}
	.eve-inner .eve-txt {
		margin-left: 20px;
	}
	.eve-txt {
		margin-top: 0;
	}
	.eve-inner h3 {
		font-size: 1.2rem;
		margin-top: 0;
		margin-bottom: 0.5rem;
		padding:10px 15px;
	}

	.eve-inner h4 {
		font-size: 1.2rem;
		line-height: 1.6rem;
		margin-bottom: 0.5rem;
	}
	.eve-txt p {
		font-size: 0.8rem;
		line-height: 1.4rem;
	}
	.eve-txt p.caution {
		font-size: 0.7rem;
		margin-top: 0.5rem;
		line-height: 1rem;
	}
	
	/***　おすすめブランド　***/
	#recommend h2 {
		font-size: 1.8rem;
		margin-bottom: 30px;
	}
	#recommend h2 span {
		font-size: 1rem;
	}
	.rec-inner {
		padding-bottom: 0;
	}
	.rec-inner ul {
		margin: 0;
		padding-top: 30px;
		padding-left: 0;
		padding-bottom: 30px;
	}
	.rec-inner .prd-img img {
		width: 100%;
		margin-left: 0;
	}
	.rec-inner .prd-txt {
		margin-left: 10px;
	}
	.rec-inner h3 {
		font-size: 1.2rem;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		padding:0;
	}
	.rec-inner h4 {
		font-size: 1rem;
		line-height: 1.3rem;
		margin-bottom: 0.5rem;
	}

	/***　ブランドリンク　***/
	#brand {
		width: 95%;
		margin: 0 auto;
		padding-top: 50px;
		text-align: center;
	}
	#brand h3 {
		font-size: 1.6rem;
		font-weight: 550;
		letter-spacing: 0.1rem;
		margin-bottom: 50px;
	}
	.top_brList {
		display: flex;
		flex-wrap: wrap;
	}
	.top_brList > li {
		width: 32%;
		margin-left: 1.7%;
	}
	.top_brList > li:nth-child(4n+1) {
		margin-left: 1.7%;
	}
	.top_brList > li:nth-child(n+5) {
		margin-top: 0;
	}
	.top_brList > li:nth-child(3n+1) {
		margin-left: 0;
	}
	.top_brList > li:nth-child(n+4) {
		margin-top: 2%;
	}

	/***　フッター　***/
	footer h2 img {
		width: 50%;
		margin: 0 auto 30px;
	}
	footer {
		width: 100%;
		margin: 30px auto 0;
		padding-top: 50px;
	}
	footer h3 {
		font-size: 1.2em;
	}
	.shop {
		font-size: 1.6em;
		line-height: 1.4em;
	}
	.s-btxt {
		font-size: 16px;
	}
	.s-txt {
		font-size: 14px;
		margin: 5px 10px;
	}

	a.fbtn-ao {
  		max-width: 80%;
  		padding: 1rem 2rem;
	}

	.fbtn-txt {
		font-size: 16px;		
	}
	
	.shp-place {
 		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}

	.shp-img img {
		width: 100%;
		margin-bottom: 20px;
	}
	.shp-img iframe {
		width: 100%;
	}
	.copyright {
		margin: 0px 0 10px;
	}	
}
/*　iPhone SE　*/
@media all and (max-width: 375px) {
	.br-pd {display: inline;}
	
	.prd-txt p {
		font-size: 0.7rem;
		line-height: 1.2rem;
	}

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

}