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



.pc-only {
	display: none;
}

.sp-only {
	display: block;
}



/*****HEADER*****/


header#masthead h1{
   position: absolute;
   top: 0;
   left:calc(50% - 150px );
   z-index: 20;
}
header#masthead nav{
   display: none;  
}


header#masthead ul{
    display: none;
    
}


/*****footer*****/
footer{
	margin-bottom: 20vw;

}







footer div.news-area ul,
body#home section.news-area ul {
	width: auto;
	flex-wrap: wrap;
	padding-left: 10px;
	padding-right: 10px;

}

footer div.news-area ul li,
body#home section.news-area ul li {
    width: 48%;
    position: relative;
    text-align: left;
    background-color: #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
footer div.news-area ul li a figure img,
body#home section.news-area ul li a figure img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}


footer div.bnr-area ul li {
	width: 300px;
	margin: 10px auto;
}

footer nav div.mail-area {
	display: none;
}























footer div.bnr-area ul {
	width: auto;
	margin:auto;
	display: flex;

	flex-wrap: wrap;
}








footer nav ul {
	width: auto;
	margin: auto;
	display: flex;
	justify-content: flex-start;
	position: relative;
	flex-wrap: wrap;

}
footer nav ul li {
	width: 50%;
	text-align: center;

}

footer nav ul:before {
 
    left: calc(50% - 20px);
}



div.breadcrumbs,
body#company #content .breadcrumbs,
body#delivery #content .breadcrumbs {
	margin-left: 10px;
	margin-right: 10px;
}














body#item #content main {
	width: auto;
}




body#item #content main h1::before,
body#shop #content main h1::before,
body#company #content main h1::before,
body#delivery #content main h1::before,
body#delivery02 #content main h1::before,
body.post-type-archive-delivery #content main h1::before,
body#contact #content main h1::before,
body#thanks #content main h1::before,
body#home section.slide-area:before,
body#home section.slide-area:after,
body#privacy #content main h1::before,
body#recruit #content main h1::before,
body.category-news #content main h1::before,
body.archive #content main h1.main-ttl::before,
body.single #content main h1.main-ttl::before{
	display: none;

}




body#item #content main p.read::after,
body#shop #content main p.read::after,
body#company #content main p.read::after,
body#delivery #content main p.read::after,
body#delivery02 #content main p.read::after,
body.post-type-archive-delivery #content main p.read::after,
body#contact #content main p.read::after,
body#thanks #content main p.read::after,
body#privacy #content main p.read::after,
body.category-news #content main p.read::after,
body.archive #content main p.read::after,
body.single #content main p.read::after {

	display: none;
}

body#item #content main ul {
	width: auto;

}

body#item #content main ul li {
    margin-left: auto;
    margin-right: auto;
}
body#shop #content main div.icon-attent,
body#shop #content main ul.area-list {
	margin-left: 10px;
	margin-right: 10px;
}

body#shop #content main figure img {
	width: 100%;
	height: auto;
}

body#shop #content main section table th {
    width: 100px;
}

body#shop #content main section div.icon-area {
    padding-right: 10px;
}

body#shop #content main section div.icon-area img {
    margin-left: 5px;
}

body#company #content main ul.cont-list,
body#company #content main section#cont01 table,
body#company #content main section#cont02 ul,
body#company #content main section#cont03 table,
body#company #content main section#cont03 p,
body#company #content main section#cont04 ul li div,
body#delivery #content main section#cont01 div.slide-area, 
body#delivery #content main section#cont02 div.slide-area,
body#delivery #content main section#cont03,
body#contact #content main section p {
	margin-left: 10px;
	margin-right: 10px;
}
body#company #content main ul.cont-list li a {
	margin-left: 0;
}
body#company #content main section#cont01 table th {
	width: 130px;
}


body#company #content main section#cont03 figure img {
	width: 100%;
	height: auto;
}

body#delivery #content main p.read, body#delivery #content main p {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}

body#delivery #content main div.tel-area img {
	width: 100%;
	height: auto;
}
body#delivery #content main figure {
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	width: auto;

}
body#delivery #content main figure img {
	margin-bottom: 10px;
	width: 100%;
	height: auto
}

body#contact #content main section ul li input[type="text"], 
body#contact #content main section ul li input[type="email"], 
body#contact #content main section ul li input[type="tel"],
body#contact #content main section ul li textarea,
body#contact #content main section ul li:nth-of-type(2) .your-add input[type="text"] {
	width: 90%;
}

body#contact #content main section ul li select {
	width: 50%;
}

body#home section.slide-area {
	margin-top: 100px;
}
body#home section.read-area {

    padding-left: 0;
    margin: 20px 10px;
}
body#home section.read-area-oshi {

    padding-left: 0;
    margin: 20px 10px;
}


body#home section.cont-area ul {
	display: block;
}
body#home section.cont-area ul li {
	width: 100%;
	height: 42vw;
}
body#home section.cont-area ul li a {
	margin-top: 8vw;

}

body#home section.hoteru-area ul li {
   height: 35vw;
    padding-top: 2.8vw;
}

body#privacy #content main div.entry-content {
	padding-left: 10px;
	padding-right: 10px;
}

body#recruit #content main p.read {
	background-image:none;
}
body#recruit #content main div.entry-content {
	padding-left: 10px;
	padding-right: 10px;
}

body.archive #content main div.con-area {
    display: block;
}

body.single #content main div.wrap,
body.archive #content main div.wrap {
	display: block;
}


body.single #content main section.main-area,
body.archive #content main section.main-area {
	margin-left: 10px;
	margin-right: 10px;
	width: auto;
}

body.single #content main h3.list-ttl,
body.archive #content main h3.list-ttl {
    background-size:cover;
    line-height: 1.1;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}
body.archive #content main div.con-area figure {
	text-align: center;
}

body.archive #content main aside,
body.single #content main aside {
	width: 100%;
}


body#delivery02 #content main h1::before{
	display: none;
}

body#delivery02 #content main p.read::after{
	display: none;
}

body#delivery02 #content main p.read, body#delivery #content main p {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}

body#delivery02 #content main div.tel-area img {
	width: 100%;
	height: auto;
}

body#delivery02 #content main figure img {
	margin-bottom: 10px;
	width: 100%;
	height: auto
}
body#delivery02 #content main section#cont01 {
	margin-left: 10px;
	margin-right: 10px;

}
body#delivery02 #content main section#cont01 div.flex-area {
	display: block;
}
body#delivery02 #content main section#cont01 div.flex-area div.txt-area h3 {
	font-size: 4.5vw;
	margin-bottom: 5px;
}
body#delivery02 #content main p {
	font-size: 4vw;

}
body#delivery02 #content main section#cont01 div.flex-area div.txt-area2 {
	width: auto;
	margin-bottom: 10px;
}
body#delivery02 #content main section#cont01 p  {
	text-align: left;
}
body#delivery02 #content main section#cont01 div.flex-area div.txt-area2 ul li {
	font-size: 4.5vw;
}
body#delivery02 #content main section#cont01 div.flex-area div.txt-area2 dl dd {
	font-size: 4.2vw;
	margin-bottom: 10px;
}
body#delivery02 #content main section#cont02 {
	padding-left: 10px;
	padding-right: 10px;
}
body#delivery02 #content main section#cont02 p.attent {
	text-align: left;
}
body#delivery02 #content main section#cont02 ul li {
	width: 48%;
}
body#delivery02 #content main section#cont02 ul li figure img {
	height: 160px;
}
body#delivery02 .tab_content {
	padding: 15px;
}
body#delivery02 #content main section#cont02 ul li h3 {
	font-size: 5vw;
}

body#delivery02 .tab_item{
	font-size: 10px;
}


/* エクスプレスサービス（神戸市内宅配　調整）202006*/


body.post-type-archive-delivery #content main h1::before{
	display: none;
}

body.post-type-archive-delivery #content main p.read::after{
	display: none;
}

body.post-type-archive-delivery #content main p.read, body#delivery #content main p {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}

body.post-type-archive-delivery #content main div.tel-area img {
	width: 100%;
	height: auto;
}

body.post-type-archive-delivery #content main figure img {
	margin-bottom: 10px;
	width: 100%;
	height: auto
}
body.post-type-archive-delivery #content main section#cont01 {
	margin-left: 10px;
	margin-right: 10px;

}
body.post-type-archive-delivery #content main section#cont01 div.flex-area {
	display: block;
}
body.post-type-archive-delivery #content main section#cont01 div.flex-area div.txt-area h3 {
	font-size: 4.5vw;
	margin-bottom: 5px;
}
body.post-type-archive-delivery #content main p {
	font-size: 4vw;

}
body.post-type-archive-delivery #content main section#cont01 div.flex-area div.txt-area2 {
	width: auto;
	margin-bottom: 10px;
}
body.post-type-archive-delivery #content main section#cont01 p  {
	text-align: left;
}
body.post-type-archive-delivery #content main section#cont01 div.flex-area div.txt-area2 ul li {
	font-size: 4.5vw;
}
body.post-type-archive-delivery #content main section#cont01 div.flex-area div.txt-area2 dl dd {
	font-size: 4.2vw;
	margin-bottom: 10px;
}
body.post-type-archive-delivery #content main section#cont02 {
	padding-left: 10px;
	padding-right: 10px;
}
body.post-type-archive-delivery #content main section#cont02 p.attent {
	text-align: left;
}
body.post-type-archive-delivery #content main section#cont02 ul li {
	width: 48%;
}
body.post-type-archive-delivery #content main section#cont02 ul li figure img {
	height: 160px;
}
body.post-type-archive-delivery .tab_content {
	padding: 15px;
}
body.post-type-archive-delivery #content main section#cont02 ul li h3 {
	font-size: 5vw;
}

body.post-type-archive-delivery .tab_item{
	font-size: 10px;
}

/* スマホ投稿画像 100%調整*/
body.single #content main section.main-area .entry-content img {
    width: 100%;
    height: 100%;
}