@charset "UTF-8";

/* CSS Document */



body {font-family: 'Century Gothic', sans-serif;}

a {font-family: 'Century Gothic', sans-serif;}



body {background:rgba(255,255,255,1);}



/*-----header-----*/

header nav .middle_nav li a{

	font-family: 'Century Gothic', sans-serif;

	font-weight: 200;

	font-size: 15px;

}
.navbar-light .navbar-nav .nav-link {
  padding: 0 1.0rem;
}


/*-----footer-----*/

footer{

	width: 100%;

	background-color: #666;

	color: #fff;

	padding: 50px 0 30px 0;

	font-size: 15px;

	font-weight: 200;

	margin-top: 50px;

}

footer .footer-wrap{

	width: 1170px;

	margin: 0 auto;

}

footer .footer-box02,

footer .footer-box03{

	padding-left: 60px;

}

footer .footer-logo dt img{

	width: 257px;

	padding-bottom:45px; 

}

footer .footer-logo dd{

	font-size: 13px;

	line-height: 2.2;

}

footer .fotter-ttl{

	display: inline;

	padding-bottom: 5px;

	border-bottom: 1px solid #fff;

	font-weight: bold;

}

footer .footter-menu{

	list-style: none;

	padding-left: 0;

	padding-top: 10px;

}

footer .footter-menu li a{

	color: #fff;

	text-decoration: none;

	font-weight: 100;

	line-height: 1.2;

	white-space: normal;

}

footer .footter-menu a:hover{

	color: #fff;

	text-decoration: underline;

}

footer .footer-icon{

	list-style: none;

	display: flex;

	flex-direction: row;

	flex-wrap: nowrap;

	align-items: center;

	padding-left: 0;

}

footer .footer-icon li{

	padding: 0 5px;

}

footer .fa-w-mail {

  background: url(../images/icon_w_mail.svg) no-repeat;

  width: 51px;

  height: 36px;

  background-size: 51px;

  top: 0;

  left: 0;

  font-size: 0!important;

}

.fa-w-cart {

  background: url(../images/icon_w_cart.svg) no-repeat;

  width: 44px;

  height: 35px;

  background-size: 44px;

  top: 0;

  left: 0;

  font-size: 0!important;

}

.fa-w-instagram {

  background: url(../images/icon_w_instagram.svg) no-repeat;

  width: 36px;

  height: 36px;

  background-size: 36px;

  top: 0;

  left: 0;

  font-size: 0!important;

}

.fa-w-facebook {

  background: url(../images/icon_w_facebook.svg) no-repeat;

  width: 35px;

  height: 35px;

  background-size: 35px;

  top: 0;

  left: 0;

  font-size: 0!important;

}



footer address{

	display: block;

	width: 100%;

	padding-top: 50px;

	text-align: center;

}

footer address a{

	color: #fff;

}

footer address a:hover{

	color: #fff;

	text-decoration: underline;

}

/*-----all-----*/

.ccontents-wrap{

	width: 1170px;

	margin: 0 auto;

}

.pt-hd{

	margin-top: 100px;

}

h2{

	font-family: "Century Gothic", sans-serif;

    text-transform: uppercase;

    margin-bottom: 25px;

    background-color: rgba(255, 255, 255, 0);

    color: #333;

    height: auto;

    display: block;

    align-items: center;

    justify-content: center;

    text-transform: uppercase;

    font-size: 28px;

	width: 100%;

	text-align: center;

	padding: 0 0 0 0 !important;

	margin-bottom: 0;

}

.bg-gray{

	width: 100%;

	background-color: #f2f2f2;

	margin-top: 65px

}

.pass-box{

	width: 100%;

	background-color: #f2f2f2;

	padding: 20px 0;

}

.pass-box ul{

	list-style: none;

	padding-left: 0;

}

.pass-box li{

	padding: 0 1.0em 0 0;

}

.pass-box li a{

	color: #333;

}

.pass-box li a:hover{

	text-decoration: underline;

}

.pass-box li:after{

	content: ">>";

	font-size: 11px;

	vertical-align:top;

	padding: 0 0 0 1.0em;

}

.pass-box li.stay:after{

	content: " ";

	font-size: 0;

}

.plpr0{

	margin-left: -15px !important;

	margin-right: -15px !important;

}

.border-top{

	border-top: 1px solid #808080;

}

/*-----top----*/

.slider{

	width: 100%;

	height: 590px;

	padding: 20px 0 0 0;

	list-style: none;

	overflow: hidden;

	position: relative;

}

.slider ul{

	display: flex;

	flex-direction: row;

	position: absolute;

	box-sizing: border-box;

	padding-left: 0;

	margin-bottom: 0;

}

.slider li{

	display: block;

	padding-right: 50px;

	box-sizing: border-box;

}

.slider li:last-child{

	padding-right: 0;

}



.news-box{

	width: 100%;

	padding: 40px 0 0 0;

	border-top: 1px solid #808080;

	border-bottom: 1px solid #808080;

}

.news-box a{

	color: #333;

	text-decoration: none;

}

.news-box a:hover{

	text-decoration: underline;

}

.news-box dl{

	display: flex;

	width: 790px;

	margin: 0 auto;

	flex-direction: row;

	flex-wrap: wrap;

	font-size: 19px;

	text-align: left;

}

.news-box dt{

	width: 22%;

	white-space:nowrap;

	font-weight: normal;

	padding-bottom: 30px;

	text-align: left;

}

.news-box dd{

	width: 77%;

	text-align: left;

}

.btn-gray{

	margin-bottom: 0;

	text-align: right;

}

.btn-gray a{

	display: inline-block;

	background-color: #999;

	color: #fff;

	font-size: 24px;

	padding: 4px 24px;

}


#brand {
    margin-top: 40px;
}
.brand-menu{

	list-style: none;

	padding-left: 0;

	margin-left: -15px;

	margin-right: -15px;

	padding-top: 30px;
	justify-content: space-between;

}
.brand-menu li{
	position: relative;
	height: 500px;
}

.brand-menu div.brand-img{

	width: 270px;

	height: 362px;

	overflow: hidden;

}

.brand-menu div.brand-img img{

	display: block;
	transition-duration: 0.4s;	

}

.brand-menu div.brand-img img:hover{

	transform: scale(1.2,1.2);

	transition-duration: 0.4s;	

}

.brand-menu p.brand-ttl{
	display: block;
	width: 100%;

	text-align: center;

	margin-bottom: 0;

	padding: 30px 0 50px 0;
	position: absolute;
	z-index: 30;

}

.brand-menu p.brand-ttl img{
	width: 40%;
}

.brand-menu p.brand-ttl a{

	color: #333;

}

.brand-menu p.brand-ttl a:hover{

	text-decoration: underline;

}

.img-83{

	width: 83% !important;

}

.img-65{

	width: 65% !important;

}

.img-auto{

	width: auto !important;

	margin-top: -80px;

}

.brand-menu span{

	display: block;

	font-size: 11px;

	padding-top: 15px;
	line-height: 1

}
#top #shop{
	margin-top:0 !important;
}
.shop-img{
	width: 100%;
	height: 300px;
	background: url("../images/img_shop.jpg") no-repeat 50% 0;
	overflow: hidden;

	padding-left: 0;

	padding-right: 0

}

.shop-info{

	padding-right: 0;
	padding-left:0;

}

h2.h2pt30{

	padding: 30px 0 !important;
	line-height: 1;

}
h2.h2pt50{

	padding-top: 50px !important;
	line-height: 1;

}
h2.h2pb30{

	padding-bottom: 30px !important;
	line-height: 1;

}
.shop-brand {

	vertical-align: top;

	padding-left: 0;

	padding-right: 0;
	margin:0 0 0 0;
	background-color: #f2f2f2;
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;

}

.shop-brand dt{

	display: block;
	text-align: center;
	padding: 15px 0;
	background-color: #e5e5e5;

}

.shop-brand dt span{

	display: block;

	font-size: 12px;

}

.shop-brand dd{
	background-color: #f2f2f2;
	padding-top: 20px;
	text-align: center;

}

.shop-brand ul{

	padding-left: 0;

	list-style: none;
	margin-bottom: 0 !important;

}
.shop-brand dd li{
	padding-bottom: 10px;
}

.shop-brand li{
/* isle (2021-03-12)
	padding-bottom: 10px;
*/
}

.shop-brand li a{

	color: #333;

	cursor: pointer;

}.shop-brand li a:hover{

	text-decoration: underline;

}



.online-shop{

	padding-top: 50px;

	justify-content: center;

	align-items: flex-start;

}

.online-shop div{

	text-align: center;

}


.online-shop .w353,

.online-shop .w55{

	text-align: center;

	padding-top: 20px;

}

.online-shop .w135 img{

	width: 135px;

}

.online-shop .w353 img{

	width: 355px;

}

.online-shop .w55 img{

	width: 55px;

}
.btn-contact{
	display: block;
	width: 100%;
	padding: 50px 0 0 0;
	margin-bottom: 0;
	text-align: center;
}
.btn-contact a{
	display: inline-block;
	text-align: center;
	background-color: #000;
	color: #fff;
	padding: 2px 20px;
}
.btn-contact a:hover{
	background-color: #333;
}
.ui-dialog-buttonset {
	margin: -170px 0 0 10px;
}

.ui-dialog-buttonset .ui-button{
	background-color: #666 ;
	width: 35px;
	height: 35px;
	border-radius: 17px;
	color: #fff;
	text-align: center;
	line-height: 35px;
	border: 1px solid #666;
	outline:none;
	cursor: pointer;
}

@media screen and (max-width:768px){

	.img_body{

        background-image: none;

        background-position:50% -53px;

    }

	footer{

        padding: 20px 0 0 0;

    }

	footer .footer-box01,

	footer .footer-box02,

	footer .footer-box03,

	footer .footer-box04{

		text-align: center;

		padding-bottom: 20px;

		padding-left: 0;

	}

	footer .footer-wrap{

      width: 100%;

      margin: 0 auto;

    }

	footer .footer-logo dt img{

        width: 257px;

        padding-bottom:15px; 

    }

	footer .footer-icon{

		justify-content: center;

    }

	footer address{

        padding-top: 00px;

		font-size: 12px;

    }

	/*-----all-----*/

    .ccontents-wrap{

        width: 100%;

        margin: 0 auto;

    }

	.pt-hd{

        margin-top: 170px;

    }

	h2{

		font-size: 22px;

	}

    /*-----top----*/

    .slider{

        width: 100%;

		height: 160px;

		padding: 20px 10px 40px 10px;

    }

    .slider ul{

		padding-left: 0;

    }

    .slider li{

        display: block;

		width:100%;

        padding-right: 20px;

    }

    .slider li:last-child{

        padding-right: 0;

    }

	.slider li img{

		width: 160px;

		height: 160px;

	}

	.news-box{

        width: 100%;

        padding: 20px 0 0 0;

        border-top: 1px solid #808080;

        border-bottom: 1px solid #808080;

    }

    .news-box dl{

        display: block;

        width: 100%;

		padding: 0 10px;

        margin: 0 auto;

        font-size: 15px;

        text-align: left;

    }

    .news-box dt{

        width: 100%;

        white-space:nowrap;

        font-weight: normal;

        padding-bottom: 0px;

        text-align: left;

    }

    .news-box dd{

        width: 100%;

        text-align: left;

		margin-bottom: 20px;

    }
	
	.btn-gray a{

        font-size: 18px;

        padding: 2px 15px;

    }

	.brand-menu{
		width: 365px;

        margin-left:auto;

        margin-right:auto;

        padding-top: 50px;

		padding-left:5px;

		padding-right:5px;
		justify-content: flex-start;

    }

	.brand-menu li{

		width: 50%;
		height:331px;

		text-align: center;

		margin-left:0;

        margin-right:0;

		padding-left:5px;

		padding-right:5px;

	}

	.brand-menu div.brand-img{

        width: 100%;
		height: auto;

        overflow: hidden;

    }

    .brand-menu div.brand-img img{

        display: block;

		width: 100%;

		height: auto;

    }
	.brand-menu p.brand-ttl{
        padding: 10px 0 30px 0;
		line-height: 1.4;
    }
	
    .brand-menu p.brand-ttl img{

        width: 50%;

    }

    .brand-menu p.brand-ttl a{

        color: #333;

    }

	.shop-img img{

		width: 70%;

		height: auto;

		margin: 0 auto;

		padding-top: 30px;

	}

	.shop-info {

        padding-left: 10px;

		padding-right: 10px;

    }

	.shop-info h2 {

        padding: 30px 0 50px 0 !important;

        height: 30px;

    }

	.shop-brand {
		width: 50%;
        margin: 0 0 15px 0;
        background-color: #f2f2f2;
        border-right: 5px solid #fff;
        border-left: 5px solid #fff;

    }


	.shop-brand dl {

        margin-bottom: 20px;

    }

	.online-shop .w353{

		width: 100%;

	}

	.online-shop .w353 img{

        width: 100%;

    }

	.img-auto {

        width: 40% !important;

        margin-top: -30px;

    }

	.pass-box ul{

        list-style: none;

        padding-left: 10px;

    }

	.plpr0{

        margin-left: 0 !important;

        margin-right: 0 !important;

    }
	.ui-dialog-buttonset .ui-button{
        width: 25px;
        height: 25px;
		line-height: 25px;
    }



}

@media screen and (max-width:600px){

    .ccontents-wrap{

        width: 100%;

        margin: 0 auto;

    }

	.pt-hd{

        margin-top: 60px;

    }

    #brand {
    margin-top: 0px;
}


}