@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 900;
	src: url(../../..//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
			url(../../..//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
			url(../../..//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
}
*/
html,body{
    overflow-x: hidden;
}
body{
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
p {
    margin-top: 0;
    margin-bottom: 1.5rem;
}
ul, ol, li {
    list-style: none;
}

body#home #search-product .dog li, body#home #search-product .cat li {
    width: calc(50% - 18px);
}
body#home #search-product dd img{height: auto;}
body#home #search-product dt{background-color:#fff; height: 32px;}
body#home #search-product dt span{
    --text-opacity: 1;
    color: #333;
    color: rgba(51,51,51,var(--text-opacity));
}

h1, h2, h3{color: #241917;}

h3 {
    margin-top: 40px;
    padding: 14px 24px;
}

.container{ width: 100%;}
#header{border-top:0}
.index-banner{ display: block; width: 100%; background-color: #EEEEEE;}
body#home{padding-top: 0;background-color:#fff;}

/* header start */
.topnav{
    display: block;
    width: 100%;
    background-color: #eee;
    padding-bottom:0px;
    margin-bottom: 30px;
}

#header .topnav ul{margin-top:3px; margin-bottom:2px;}

.topnav ul li{
    display: inline-block;
    margin-right: 10px;
}

.topnav ul li a{
   color: #383838;
   font-size: .95rem;
}

.topnav ul li a:hover{
    color: #E4802B;
}
.membernav{ text-align: right;}

.drawer #membernav-links{padding:0;  margin-bottom: 0;background-color: #fff;}
.drawer #membernav-links li{background-color: #fff;}
.drawer #membernav-links li a{
    display: block;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #E8E8E8;
    padding:0 10px; 
}



.site-header {	
	/*
	position: fixed;
	top: 0;
	left: 0;
	*/
	width: 100%;
    background: #fff;
	padding: 0 0 10px 0;
	transition: .3s;
	z-index: 100;
    /*background: transparent;*/
}  
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.header-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.site-branding {
    display: inline-block;
}
.header-menu {
    display: inline-block;
    text-align: center;
}
.main-navigation ul {
    font-size: 0;
    line-height: 1;
    list-style: none;
    margin: 42px 0 0 0;
    padding: 0;
}
.main-navigation ul li {
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    position: relative;
    padding: 0 15px;
    border-right:1px #383838 solid;
	line-height: 120%;
}
.main-navigation ul li:hover{ background-color: #eee;}
.main-navigation ul li:last-of-type{border-right: 0;}
.main-navigation ul li:first-of-type > a{font-weight: 600;}
.main-navigation ul li a{color:#383838}

#btn_menu {
    margin: 0;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 11;
}
.nav-trigger {
    color: transparent !important;
}

.cart-trigger, .nav-trigger {
    position: relative;
    /*display: block;*/     
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 3;
    cursor: pointer;
}
.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #525263;
}
.nav-trigger span {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    -webkit-transition: background 0.3s 0.3s;
    -moz-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
}
.nav-trigger span::before, .nav-trigger span::after {
    content: '';
    right: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}
.nav-trigger span::before {
    top: -6px;
}
.nav-trigger span::after {
    top: 6px;
}
.overlay {
    position: fixed;
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0,0,0, 0.5);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
#svgicon {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}
.drawer {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 260px;
    background: #F6F6F6;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.drawer-open .nav-trigger span {
    background: rgba(46, 50, 51, 0);
}
.drawer-open .nav-trigger span::before, .drawer-open .nav-trigger span::after {
    background: #525263;
}
.drawer-open .nav-trigger span::before {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.drawer-open .nav-trigger span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}
#contents {
    min-height: 65vh;
    z-index: 2;
}
#contents, #header, #footer, .pagetop {
    position: relative;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
/* header end */


/*banner*/
.index-banner > .container{padding-bottom:0; margin-top:3px;}

/*description-1*/
#description-1{margin-top:90px;}
#description-1 .title-top{text-align: center; display: inline-block; margin-left: auto; margin-right: auto;}
#description-1 .title-top .title-top-back{display: block; width:65%; border-radius:10px; background-color: #FFF001;height:32px; margin-left: auto; margin-right: auto;}
#description-1 .title-top .title-top-text{font-family: 'Noto Sans Japanese';  letter-spacing: -2px; font-weight:900; display: block; padding-left: 35px; padding-right: 35px; margin-top: -60px; font-size:36px;}


#drawer .menu a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    color: #525263;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #E8E8E8;
    /*color: white;*/
}

.description-1-item{padding-top: 35px; padding-bottom:75px; /* background-color: #F7F7F7; background-image: url(../../../theme/default/img/CPG.png)*/; background-position:top  right; background-repeat: no-repeat; position:absolute; top: 0; left: 25px;}
.description-1-item-title{
    font-family: 'Noto Sans Japanese';  letter-spacing: -2px; font-weight:900; font-size: 26px; margin-left:25px;
}
.description-1-item-text{
    margin-left: 25px; font-weight: 500; margin-top: 45px; line-height: 180%;    
}


.description-1-item2{padding-top: 35px; padding-bottom:15px; position:absolute; top: 0; right:25px;}
.description-1-item2-t{font-family: 'Noto Sans Japanese'; letter-spacing: -2px; font-weight:900; font-size: 26px; margin-right:25px;text-align: right;}
.description-1-item2-e{text-align:right;}
.description-1-item2-e img{ margin-right: 25px; margin-top: 10px;}
.description-1-item2-e2{margin-right: 25px; font-weight: 500; margin-top: 15px; line-height: 180%; text-align: right;}


.description-1-item3{padding-top: 35px; padding-bottom:75px; position: absolute; top: 0;}
.description-1-item3-t{font-family: 'Noto Sans Japanese';  letter-spacing: -2px; font-weight:900; font-size: 26px; margin-left:25px;}
.description-1-item3-e {margin-left: 25px; font-weight: 500; margin-top: 45px; line-height: 180%;}
 
#fromAUS{margin-top:90px; background-color: #323953;}
#fromAUS .icon1 img{margin-top: 18%; margin-right:5px;}
#fromAUS .icon2 img{margin-top: -15%;}
#fromAUS .fromAUS-title{line-height: 200%; margin-top: -5%; text-align: center; font-family: 'Noto Sans Japanese';  letter-spacing: -2px; font-weight:900; font-size:42px; color: #fff;}
.goodsin{text-align: left; padding-bottom:100px;}
.goodsin p{color: #f2f2f2;}
p.goodsin-title{font-family: 'Noto Sans Japanese'; letter-spacing: -2px; font-weight:900; font-size:42px; color: #fff;}


#hot-product {
	margin-top:25px;
}
.hot-product-title {
	text-align:center;
}
.hot-product-title h3 {
	font-family:'Microsoft YaHei';
	font-size:20px;
	font-weight:800;
	display:inline-block;
	background-color:#000;
	border-radius:5%;
	padding:10px 25px;
	color:#fff;
}
.hot-product-title span {
	color:#000;
	display:block;
	font-family:'Microsoft YaHei';
	font-weight:800;
	margin-top:15px;
}
#hot-product .product-list {
	margin-top:45px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#hot-product .product-item {
	/*width:23%;
	*/
	margin:18px 1%;
	-ms-flex:0 0 25%;
	flex:0 0 23%;
	max-width:23%;
	position:relative;
	width:100%;
}
#hot-product .product-item p{
    text-align: center;
}
#hot-product .product-item .product-item-icon {
	background-color:#F7F7F7;
	border-radius:2%;
	border:1px solid #ecebeb;
	padding:2px;
}
#hot-product .product-item .product-item-icon img {
	border-radius:2%;
}
#hot-product .product-item p {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-family:'Microsoft YaHei';
	padding:10px 15px;
	font-weight:500;
}

#customer {
	background-color:#F7F7F7;
	padding-bottom:45px;
}
#customer .container-title {
	padding-bottom:65px;
}
#customer .container-title h3 {
	font-family:'Noto Sans Japanese';
	letter-spacing:-2px;
	font-weight:900;
	font-size:36px;
	display:block;
	color:#221817;
	width:100%;
	text-align:center;
	background:none;
    margin-top: 40px;
}
#customer .container-title span {
	display:block;
	text-align:center;
	width:100%;
	font-size:28px;
}
.slick-slide img {
	margin:auto;
	padding:30px 10px;
	background-color:#fff;
}
.slick-prev::before,.slick-next::before {
	font-size:42px;
	color:#ccc
}
.slick-prev,.slick-next {
	height:40px;
	width:40px;
}
.slick-prev {
	left:-45px;
}
.slick-next {
	right:-45px;
}
.visual-text {
	display:block;
	margin-top:15px;
}

.food-box{background-color: #FAB653; display: flex; width: 100%; flex-wrap:wrap; border-radius: 5%; position: relative; padding:30px 20px;}
.food .food-title{display: -webkit-flex; /* Safari */ display: flex;justify-content:center; width: 100%; margin-top: 50px;}
.food .food-title h3{ line-height: 100%; height: 38px; color: #221816; padding:0;margin-right: -10px;z-index:2; font-family: 'Noto Sans Japanese'; letter-spacing: -2px; font-weight:900; font-size:38px; margin-top:28px; background-color: #fff;}
.food-content {width:50%; margin-top: 15px; text-align: center;}
.food-content > div{ display: inline-block;}
.food-content > div > p.tt{text-align: left;font-family: 'Noto Sans Japanese'; letter-spacing: -2px; font-weight:900; font-size:28px; margin-top: 20px;}
.food-content > div > p.cc{text-align: left; margin-bottom:40px;}
.food-content-1,.food-content-3 { border-right:1px #333 solid; }
.food-content-1 > div, .food-content-2 > div{border-bottom:1px #333 solid;}
.food-content-1, .food-content-2{ margin-bottom:40px;}


#footer .footer-logo{ width: 100%; text-align: center; margin-top:50px;}
#footer .footer-nav { width: 100%; margin-top: 15px;}
#footer .container ul{ display: block; text-align: center; }
#footer .container .footer-nav li{ display: inline-block;margin-top: 15px;}
#footer .container .footer-nav li a{color: #fff;font-size: 0.95em; border-right: 1px #fff solid}
#footer .container .footer-nav li:last-of-type a{border-right:0}
#footer .container li a{
	padding-right: 15px;
	padding-left: 15px;
}
.ms-icon{text-align: center; padding: 60px 0;}
.ms-icon img{margin: 0 15px;}

body.knowledge main h2{border-top:0;}

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

    .ec-productRole .ec-productRole__btn{width: 100%;}
    
}

@media screen and (max-width:1200px) {
    /*header*/
	.main-navigation ul li {font-size: 14px;padding: 0 8px;}
}

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

    .food-content-1 > div, .food-content-2 > div, .food-content-3 > div, .food-content-4 > div {
        width: 80%;
    }
    .food-content > div > p.tt{font-size: 24px;}

}


 @media screen and (min-width:992px) {
   
    /*header*/
	#btn_menu{display:none}
    .overlay{display:none}
    .sp{display:none !important}


}

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

    /*header*/
	.header-menu{display:none}
    .site-branding{margin-left:-5px}
    .site-branding img{width:85%}
    #btn_menu{right:0}
    .site-header{padding:15px 0 10px 0}
    .overlay.is-visible{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}
    .drawer{z-index:9999 !important}
    .sp{display:block !important}
    .drawer{height:0;visibility:hidden;-webkit-transition:visibility 0s 0.3s;-moz-transition:visibility 0s 0.3s;transition:visibility 0s 0.3s}
    .drawer-open .drawer{height:100%;visibility:visible;-webkit-transition:visibility 0s 0s;-moz-transition:visibility 0s 0s;transition:visibility 0s 0s}
    .drawer-open #contents,.drawer-open #header,.drawer-open #footer,.drawer-open .pagetop{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}

    #header .topnav{ display: none;}
    
    #member, #drawer .menu{
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        list-style: none;
        margin: 0;             
        padding: 0;
    }

    #member, #drawer .menu li{background-color: #fff;/*background-color: #565656;*/}

    #description-1 .title-top .title-top-text{
        font-size: 32px;
        margin-top: -54px;
    }
    .description-1-item3-e{margin-top:25px;}
     
    #fromAUS .icon1 img{margin-top: 18%; margin-right:0; width: 49%;}
    #fromAUS .icon2 img{margin-top: -15%;}

    .description-1-item{position:relative;left: 0;padding-bottom:55px;padding-top:15px;}
    .description-1-item-text{
        margin-left:15px;
        font-weight: 500;
        margin-top: 15px;        
    }
    .description-1-item-title{margin-left:5px;margin-bottom:0rem;}
    .description-1-item-text{margin-left:5px;}


    .description-1-item2{padding-top:25px; padding-bottom:45px; position:relative; top: 0; right:0;}
    .description-1-item2-t{font-family: 'Noto Sans Japanese'; letter-spacing: -2px; font-weight:900; font-size: 26px; margin-right:25px;text-align: left;}
    .description-1-item2-e{text-align:left;display:flex; width: 100%;}
    .description-1-item2-e img{ margin-top: 0px; width: 27%;margin-left: 1.2%;}
    .description-1-item2-e2{margin-right:0; font-weight: 500; margin-top: 15px; line-height: 180%; text-align: left;}

    
    .description-1-item3{padding-top:15px; padding-bottom:0; position: relative; top: 0;}
    .description-1-item3-t{font-family: 'Noto Sans Japanese';  letter-spacing: -2px; font-weight:900; font-size: 26px; margin-left:5px;}
    .description-1-item3-e{margin-left:5px; font-weight: 500; margin-top:15px; line-height: 180%;}
    
}

@media screen and (max-width:767px){
    #hot-product .product-item {
        flex: 0 0 30.3%;
        max-width: 30.3%;
    }
    
    #customer .container-title h3{font-size: 28px;padding: 14px 0;}
    #customer .container-title span{font-size: 18px;}
    .visual {
        margin-left:30px;
        margin-right:30px;
    }
    .slick-prev::before,.slick-next::before {
        font-size:32px;
        color:#ccc
    }
    .slick-prev,.slick-next {
        height:30px;
        width:30px;
    }
    .slick-prev {
        left:-35px;
    }
    .slick-next {
        right:-35px;
    }
    
    .food-box{padding: 30px 5px; border-radius: 2%;}
    .food-content-1 > div, .food-content-2 > div, .food-content-3 > div, .food-content-4 > div{width:90%;}
    .food-content > div > p.tt{font-size:18px;}
    .food-content > div > p.cc{font-size:14px;}

    .description-1-item-text,.description-1-item2-e2,.description-1-item3-e, .description-1-item4-e {font-size: 1.4rem;}

    #contents {
        min-height: 50vh;
        z-index: 2;
    }
    .ec-login{padding: 30px 13% 45px;}
    .ec-pageHeader h1{
        padding: 35px 0 12px;
        font-size: 18px;
    }
    .ec-login .ec-login__link{
        margin-top:20px;
    }

    body.knowledge-index main .index .dog .articles li{
        width: calc(50% - 16px);
        margin: 16px 8px 0;
    }

    body.knowledge-index main .index .dog .articles, body.knowledge-index main .index .cat .articles, body.knowledge-tag main .index .dog .articles, body.knowledge-tag main .index .cat .articles{margin: 12px -8px 0;
        flex-direction: row;}


}

@media screen and (max-width:575px){
    #fromAUS .icon1,  #fromAUS .icon2{ text-align: center;}
    #fromAUS .icon1 img{margin-top:18%; margin-right:0; width: auto; max-width: 49%;}
    #fromAUS .icon2 img{margin-top:5%; width: 85%;}
    #fromAUS .fromAUS-title{margin-top: -1%;}

    #hot-product .product-item {
        flex: 0 0 48%;
        max-width: 45%;
        margin: 18px 2.5%;
    }

    #customer .container-title h3{font-size: 22px;padding: 14px 0;}
    #customer .container-title span{font-size:14px;}

    .food-content > div > p.tt{font-size:16px;}
    .food-content > div > p.cc{font-size:12px;margin-bottom:20px;}
    .food-content-1, .food-content-2{margin-bottom:20px;}
    .food-title > span >img{ width: 90%;}
    .food .food-title h3{
        font-size: 28px;
        margin-top: 26px;
    }

}

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

	.site-branding img {width: 55%;}
	#btn_menu{right:10px;}

    #contents {
        min-height: 50vh;
        z-index: 2;
    }
    .ec-pageHeader h1{
        padding: 35px 0 12px;
        font-size: 18px;
    }
    .ec-role{
        padding-left: 5px;
        padding-right:5px;
    }
    .ec-login{padding: 30px 13% 45px;}
    .ec-login .ec-login__link{
        margin-top:20px;
    }
    
    #description-1 .title-top .title-top-back{height:22px;}
    #description-1 .title-top .title-top-text{
        padding-left:5px;
        padding-right:5px;
        margin-top: -36px;
        font-size: 18px;
    }
    #fromAUS .fromAUS-title,p.goodsin-title{font-size: 28px;}
    #footer .container ul{ padding: 0;}
    #footer .container .footer-nav li{ display: block;margin-top: 15px;}
    #footer .container .footer-nav li a{border-right:0}

    body.knowledge-index main .index .dog .articles li{margin: 20px 3% 10px 3%; width: 42%;}
body.knowledge-index main .index .dog .articles li{padding: 8px;}
    
}


.ec-layoutRole .ec-layoutRole__contents{
    max-width: inherit;
}

.container{
    max-width: 1150px;
    margin: 0 auto;
}

.slick-prev, .slick-next {
    height: 40px!important;
    width: 40px!important;
}

.slick-prev::before, .slick-next::before {
    font-size: 42px!important;
    color: #ccc!important;
}

.slick-next {
    right: -45px!important;
}

.slick-prev {
    left: -45px!important;
}

.ec-newsRole {
    padding: 60px 10px 0;
}