@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
レスポンシブ用
1080px以下タブレットなど
576px以下スマホなど
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が-1280pxの場合に適用 */
@media screen and ( max-width:1280px )
{

.slick-dots{
	bottom: -2em;
}

.slider_02 .pre_btn{
	left: -2%;
}

.slider_02 .next_btn{
	right: -2%;
}

}

/* ウィンドウ幅が-1080pxの場合に適用 */
@media screen and ( max-width:1080px )
{

/* sp画像表示 */
.pc { display: none !important; }
.sp { display: inline !important; }

#main{
	margin-top: 35px;
}

/* top movie -1080px*/

#top-movie video{
	width: 100%;
}

#top-movie .foot-img{
	top: 14.5%;
	right: 0;
	width: 15%;
}

/* top brand -1080px*/

#brand-box p{
	font-size: 1.7em;
	line-height: 2em;
}

/* top instagram -1080px*/

#instagram ul{
	width: 90%;
	margin: 0 auto 5%;
}

#instagram ul li{
	margin-top: 3.5%;
	width: 48% !important;
}

#sns .icon li{
	width: 30%;
	padding: 1.5em;
}

#sns .icon li a{
	font-size: 1.2em;
}

#sns .icon li.instagram{
	padding-top: 1.85em;
}

#sns .icon li.instagram img{
	width: 10%;
}

#sns .icon li.instagram span{
	margin-bottom: 0.3em;
}

#sns .icon li.twitter img{
	width: 14%;
}

#sns .icon li.twitter span{
	margin-bottom: 0.6em;
}

}

/* ウィンドウ幅が-576pxの場合に適用 */
@media screen and ( max-width:576px )
{

/*slider -576px*/

.pre_btn{
	top: 50%;
	width: 4%;
}

.next_btn{
	top: 50%;
	width: 4%;
}

.slick-dotted.slick-slider {
  margin-bottom: 1.5em;
}

.slick-dots{
	margin-bottom: 2.5em;
}

.slick-dots li button::before {
    font-size: 0.6rem;
}

/* top-movie -576px*/

#top-movie h2{
	width: 85%;
	font-size: 3.5em;
	margin: 11% auto 6%;
}

#top-movie h2::before{
	top: -0.5em;
	width: 0.9em;
	height: 1.5em;
}

#top-movie h2::after{
	top: -0.5em;
	right: 0;
	width: 0.9em;
	height: 1.5em;
}

#top-movie h3{
	margin: 0 auto 1.5% -5%;
	width: 98%;
}

#movie-dog{
	width: 90%;
	margin: 0.5% auto 0;
}

/* top brand -576px*/

#brand{
	background-image: url("../img/top/top-brand-bk-sp.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-top: 2.5em solid white;
	border-bottom: 2.5em solid white;
	position: relative;
}

#brand-box{
	width: 100%;
	padding: 6em 0 8.5em;
	margin: 0 0 0 auto;
}

#brand h2{
	width: 90%;
}

#brand-box .txt-box{
	width: 90%;
	background-image: url("../img/top/top-brand-txtbk-sp.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 7em 0 6.8em;
	margin: 0 auto;
}

#brand-box p{
	line-height: 1.8em;
	font-weight: bold;
	font-size: 3.2em;
}

#brand-dog{
	width: 34%;
}

/* new -576px*/

#newrelese{
	padding-bottom: 7em;
}

#newrelese h2{
	margin-bottom: 1em;
	padding-top: 7%;
	padding-left: 0.5em;
	width: 65%;
}

#newrelese .foot-img{
	top: 5.7%;
	width: 16.5%;
}

#newrelese .foot-img-2{
	width: 16%;
}

#new-dog{
	bottom: -8em;
	width: 17%;
}

.slider_02 .pre_btn{
	top: 37%;
	left: -2%;
}

.slider_02 .next_btn{
	top: 37%;
	right: -2%;
}

.slider_02 .txt{
	text-align: center;
}

.slider_02 h3{
	margin: 0.5em 0 0;
	font-size: 3.2em;
	line-height: 1.5em;
}

.slider_02 .color{
	font-size: 2.2em;
	line-height: 2em;
	margin: 0 auto;
}

.slider_02 .slick-dots{
	bottom: -5em;
}

/* products -576px*/

#products h2{
	padding-top: 7%;
	width: 53%;
	margin-bottom: 2%;
}

#products-dog{
	top: auto;
	bottom: -25em;
	left: 0;
	width: 20%;
}

#products .foot-img{
	width: 16%;
}

#products .foot-img-2{
	width: 16%;
}

.products-ul{
	margin-bottom: 12%;
	width: 85%;
}

.products-ul li{
	width: 48.4%;
	margin-right: 3%!important;
	margin-top: 3%;
	background: white;
	padding-bottom: 3em;
}

.products-ul li:nth-of-type(2n){
	margin-right: 0!important;
}

.products-ul .txt{
	bottom: 0.2em;
}

.products-ul h3{
	font-size: 2.5em;
	line-height: 1.7em;
}

.products-ul .color{
	font-size: 1.85em;
	line-height: 1em;
}

.products-ul .on-color{
	bottom: 1.5em;
}

.products-ul .sp-line2 h3{
	line-height: 1.1em;
}

.products-ul .no-color.sp-line2{
	bottom: 0.5em;
}

.products-ul .sp_line_2 h3{
	line-height: 1em;
}

/* top instagram -576px*/

#instagram .foot-img{
	width: 25%;
	transform:rotate(90deg);
}

#instagram ul{
	width: 90%;
	margin: 0 auto 10%;
}

#instagram ul li{
	margin-top: 5%;
	width: 100% !important;
}

/* sns -576px*/

#sns .icon li{
	width: 38%;
	padding: 2em;
}

#sns .icon li a{
	font-size: 2.5em;
}

#sns .icon li.instagram{
	padding-top: 2.6em;
}

#sns .icon li.instagram img{
	width: 13%;
}

#sns .icon li.instagram span{
	margin-bottom: 0.3em;
}

#sns .icon li.twitter img{
	width: 20%;
}

#sns .icon li.twitter span{
	margin-bottom: 0.8em;
}

/* shopLink -576px*/

.shop-linkbtn ul{
	margin: 6% auto;
}

}