@charset "UTF-8";

/*
	Theme Name: 佐野フーズ
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2025.12

*/


*{margin: 0;padding: 0;}
html {font-family: "Hina Mincho", serif;font-weight: 400;font-style: normal;}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}
figure{margin:0;}


.pagination {margin-top: 40px;margin-bottom: 0px;display: flex;align-items: center;justify-content: center;}
.pagination span {margin-right: 4px;margin-left: 4px;text-decoration: none;color: #000;background-color: #eee;font-size: 13px;padding: 2px 8px;}
.pagination a {text-decoration: none;margin-right: 2px;margin-left: 2px;color: #000;font-size: 13px;padding: 2px 4px;}








@media all and (min-width:751px) {
body {color: #000;font-size: 16px;line-height: 1.7;}
ul,li {list-style-type: none;}
a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


/*--------ヘッダー--------*/
header{position: fixed;height: 130px;background-color: #fff;z-index: 2;width: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.15);}
header>section{height: 100%;display: block;width: 1200px;margin: auto;}
header>section>div{display: flex;justify-content: space-between;width: 1200px;margin: auto;align-items: center;height: 100%;}
header h1{display: block;}
header h1 a{color: #000;text-decoration: none;display: flex;align-items: center;line-height: 1.4;}
header h1 figure{width: 50px;height: auto;display: block;margin-right: 10px;}
header h1 figure img{width: 100%;height: auto;display: block;}
header h1 span{font-size: 26px;font-weight: normal;}
header h1 span b{font-size: 16px;font-weight: normal;display: flex;}
header .tel{color: #000;font-size: 22px;text-decoration: none;letter-spacing: 1px;}
header .tel::before{content: "TEL";font-size: 16px;margin-right: 8px;}
.pcnav{background-color: #000;padding: 10px 30px;box-sizing: border-box;display: table;margin: -23px 0px 0 auto;border-radius: 100px;}
.pcnav ul{display: flex;align-items: center;justify-content: space-between;}
.pcnav ul li{display: block;margin: 0 25px;}
.pcnav ul li a{text-decoration: none;color: #fff;font-size: 15px;letter-spacing: 1px;}


.slide h2{position: absolute;color: #fff;z-index: 1;font-weight: normal;font-size: 16px;letter-spacing: 1px;top: 50%;transform: translate(0,-50%);left: 8%;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8),0px 0px 5px rgba(0, 0, 0, 0.8),0px 0px 5px rgba(0, 0, 0, 0.8),0px 0px 5px rgba(0, 0, 0, 0.8);}
.slide h2 b{font-weight: normal;font-size: 30px;display: block;letter-spacing: normal;}
.slide h2 br{display: none;}



/*--------フッダー--------*/
footer{background-color: #2f2f2f;position: relative;color: #fff;}
footer ul{position: absolute;left: 50%;transform: translate(-50%,0);display: flex;justify-content: center;top: -50px;}
footer ul li{margin: 0 15px;}
footer ul li a{color: #000000;text-decoration: none;font-size: 13px;}
footer ul li a::before{content: "\25B8";opacity: 0.3;margin-right: 3px;}
footer>section{position: relative;width: 1200px;margin: auto;padding: 45px 0;}
footer>section>img{position: absolute;right: 8%;top: -90px;}
footer .tel{color: #fff;text-decoration: none;font-size: 22px;letter-spacing: 1px;display: table;left: 50%;transform: translate(-50%,0);position: relative;}
footer .tel::before{content: "TEL";font-size: 16px;margin-right: 8px;}
footer h2{font-size: 18px;font-weight: normal;text-align: center;margin-top: 20px;}
footer h1{margin-top: 35px;font-size: 26px;font-weight: normal;text-align: center;}
footer h1 img{width: 50px;height: auto;display: block;margin: auto;margin-bottom: 5px;}
footer h1 span{font-size: 20px;margin-right: 3px;}
footer b{display: block;text-align: center;font-weight: normal;font-size: 16px;}
footer address{display: block;text-align: center;font-style: normal;margin-top: 30px;}
footer small{background-color: #000;display: block;width: 100%;text-align: center;font-size: 12px;padding: 2px 0;}


/*--------コンテンツ共通--------*/
main{padding-top: 130px;display: block;}
article{display: block;padding-bottom: 150px;}

.midashi{background-image: url(images/bg2.png);height: 120px;}
.midashi>div{width: 1200px;margin: auto;position: relative;display: flex;align-items: center;justify-content: flex-start;height: 100%;}
.midashi h2{font-size: 24px;font-weight: normal;color: #fff;letter-spacing: 2px;display: table;position: relative;}
.midashi>div::before{content: url(images/midashi_img.png);position: absolute;right: 0;bottom: -55px;}
.midashi h2::before{content: "";border-bottom: 6px solid #fff;position: absolute;bottom: -40px;left: 0;background-color: #fff;width: 100%;}

h2.read{font-size: 28px;text-align: center;font-weight: normal;}

.anc{padding-top:170px;margin-top:-170px;pointer-events:none;}

.contents .temp{margin-top: 270px;}

.temp{background-image: url(images/bg1.png);margin-top: 120px;padding-bottom: 30px;}
.temp>div{width: 1200px;margin: auto;display: flex;justify-content: flex-end;position: relative;}
.temp h2{position: absolute;left: 0px;writing-mode: vertical-rl;white-space: nowrap;font-weight: normal;font-size: 40px;line-height: 0.7;top: -135px;}
.temp h2 span{display: block;font-size: 33px;margin-top: 60px;}
.temp h2 span b{font-size: 48px;font-weight: normal;}
.temp ul{display: flex;justify-content: flex-end;position: relative;top: -100px;}
.temp ul li{margin-left: 8px;}
.temp ul li a{display: block;}
.temp ul li a img{display: block;width: 100%;height: auto;}
.temp>a{display: table;left: 50%;position: relative;transform: translate(-50%,0);top: -30px;}
.temp>a img{display: block;height: auto;width: 100%;box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;}



/*--------トッページ--------*/
.top .s1{width: 1200px;margin: auto;position: relative;top: -40px;background-color: #fff;padding-top: 50px;box-sizing: border-box;}
.top .s1 p{text-align: center;font-size: 18px;line-height: 3;letter-spacing: 1px;}


.top .s2{width: 1200px;margin: auto;margin-top: 100px;display: flex;justify-content: space-between;align-items: flex-start;}
.top .s2>div{width: 560px;}
.top .s2 h3{font-size: 20px;font-weight: normal;display: flex;align-items: center;letter-spacing: 1px;}
.top .s2 h3 a{font-size: 13px;text-decoration: none;color: #000;margin-left: 30px;letter-spacing: normal;}
.top .s2 h3 a::before{content: "\25B8";opacity: 0.3;margin-right: 3px;}
.top .s2 ul{border-top: 1px solid #000;padding-top: 15px;margin-top: 5px;}
.top .s2 ul li{padding: 10px 0;border-bottom: 1px dotted #ccc;}
.top .s2 ul li a{text-decoration: none;color: #000;display: flex;align-items: center;}
.top .s2 ul li a time{font-size: 13px;width: 75px;}
.top .s2 ul li a span{display: block;}







/*--------ブランドコンセプト--------*/
.concept .s1{width: 1200px;margin: auto;margin-top: 50px;}
.concept .s1 img{display: block;margin: auto;margin-top: 30px;margin-bottom: 30px;}
.concept .s1 p.theme{font-size: 18px;text-align: center;margin-top: 55px;line-height: 2.3;position: relative;}
.concept .s1 p.theme::before{content: "";position: absolute;background-color: #000;width: 50px;height: 50px;left: 50%;transform: translate(-50%,0) rotate(45deg);top: -100px;z-index: -1;}
.concept .s1 h3{display: table;font-size: 28px;font-weight: normal;left: 50%;transform: translate(-50%,0);position: relative;margin-top: 200px;letter-spacing: 1px;}
.concept .s1 h3::before{content: "";border-left: 1px solid #000;height: 55px;position: absolute;left: 50%;transform: translate(-50%,0);top: -90px;}
.concept .s1 ul{margin-top: 40px;}
.concept .s1 ul li{display: flex;align-items: flex-end;padding: 25px 0;border-bottom: 1px dotted #ccc;}
.concept .s1 ul li b{font-weight: normal;width: 230px;}
.concept .s1 ul li b small{font-size: 30px;margin-right: 15px;line-height: 1;}
.concept .s1 ul li p{display: block;}


/*--------事業案内--------*/
.service .s1{width: 1200px;margin: auto;margin-top: 50px;}
.service .s1 ul{margin-top: 60px;}
.service .s1 ul li{display: flex;align-items: center;}
.service .s1 ul li figure{display: block;flex: 0 0 540px;margin-right: 50px;}
.service .s1 ul li figure img{width: 100%;height: auto;display: block;}
.service .s1 ul li:nth-of-type(2){margin-top: 100px;}
.service .s1 ul li:nth-of-type(2) figure{margin-right: 0px;margin-left: 50px;order: 2;}
.service .s1 ul li:nth-of-type(2) div{order: 1;}

.service .s1 ul li div{flex: 1;}
.service .s1 ul li h3{font-size: 28px;font-weight: normal;position: relative;padding-left: 35px;}
.service .s1 ul li h3::before{content: "";border-top: 4px solid #000;width: 20px;position: absolute;left: 0;top: 25px;}
.service .s1 ul li h3 b{font-size: 80px;font-weight: normal;opacity: 0.1;position: absolute;left: 100px;top: -50px;line-height: 1;}
.service .s1 ul li h4{font-size: 19px;font-weight: normal;margin-top: 10px;}
.service .s1 ul li p{margin-top: 15px;}




/*--------ラインアップ--------*/
.snavi{width: 1200px;margin: auto;margin-top: 60px;}
.cnavi{display: flex;justify-content: space-around;border: 1px solid #ccc;box-sizing: border-box;}
.cnavi li{display: block;width: 100%;position: relative;}
.cnavi li a{display: flex;align-items: center;justify-content: center;text-decoration: none;color: #000;font-size: 18px;width: 100%;padding: 15px 0;}
.cnavi li::before{content: "";position: absolute;border-right: 1px solid #ccc;height: 10px;right: 0;top: 25px;}
.cnavi li:last-child::before{content: none;}
.gnavi{display: flex;justify-content: flex-end;margin-top: 20px;}
.gnavi li{margin-left: 30px;}
.gnavi li a{text-decoration: none;color: #000;font-size: 15px;display: flex;}
.gnavi li a::before{content: "\25B8";opacity: 0.3;margin-right: 3px;}
.gnavi li a img{width: 20px;height: auto;display: block;margin-right: 5px;}
.gnavi li:nth-of-type(1) a::before{content: none;}


	

.lineup .s1{width: 1200px;margin: auto;}
.lineup .s1 ul{margin-top: -70px;}
.lineup .s1 ul li{margin-top: 120px;display: flex;align-items: flex-start;}
.lineup .s1 ul li figure{flex: 0 0 400px;margin-right: 50px;}
.lineup .s1 ul li>div{flex: 1;}
.lineup .s1 ul li h3{font-size: 22px;font-weight: normal;letter-spacing: 1px;}
.lineup .s1 ul li h3::before{content: url(images/ec.png);margin-right: 10px;}
.lineup .s1 ul li span{display: block;font-size:15px;margin-top:10px;}
.lineup .s1 ul li b{display: block;font-weight: normal;font-size: 22px;}
.lineup .s1 ul li b::after{content: "円（税込）";font-size: 16px;}
.lineup .s1 ul li dl{background-color: #eee;margin-top: 20px;padding: 15px 20px;box-sizing: border-box;font-size: 13px;display: flex;flex-wrap: wrap;border-radius: 6px;}
.lineup .s1 ul li dl dt{width: 15%;box-sizing: border-box;display: block;padding: 2px 0;}
.lineup .s1 ul li dl dd{width: 85%;box-sizing: border-box;display: block;padding: 2px 0;}
.lineup .s1 ul li .input{margin-top: 20px;}
.lineup .s1 ul li .input input{width: 30px;padding: 3px;font-size: 16px;margin-left: 10px;}
.lineup .s1 ul li .input button{background-color: #ff6600;border: none;font-size: 18px;color: #fff;padding: 10px 50px;border-radius: 3px;margin-left: 20px;font-family: "Hina Mincho", serif;letter-spacing: 1px;}




/*--------ネット販売について--------*/
.guide .s1{width: 1200px;margin: auto;margin-top: 80px;}
.guide .s1 h3{font-size: 18px;font-weight: normal;display: table;position: relative;left: 50%;transform: translate(-50%,0);padding: 10px 40px;letter-spacing: 1px;background-color: #666;color: #fff;border-radius: 100px;}
.guide .s1 h3:nth-of-type(2){margin-top: 100px;}
.guide .s1 dl{display: flex;flex-wrap: wrap;margin-top: 40px;}
.guide .s1 dl dt{width: 20%;display: block;box-sizing: border-box;border-bottom: 1px dotted #ccc;padding: 8px 0;}
.guide .s1 dl dd{width: 80%;display: block;box-sizing: border-box;border-bottom: 1px dotted #ccc;padding: 8px 0;}
.guide .s1 dl dd a{text-decoration: none;color: #000;}

.guide .snavi{margin-top: 40px;}
.guide .gnavi{margin-top:0;}

/*--------お客様の声--------*/
.voice .s1{width: 1200px;margin: auto;margin-top: 50px;}
.voice .s1 ul{margin-top: 60px;}
.voice .s1 ul li{display: flex;align-items: flex-start;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px dotted #ccc;}
.voice .s1 ul li:last-child{padding-bottom: 0;margin-bottom: 0;border: none;}
.voice .s1 ul li figure{display: block;flex: 0 0 175px;margin-right: 25px;}
.voice .s1 ul li div{flex: 1;}
.voice .s1 ul li figure img{width: 100%;height: auto;display: block;}
.voice .s1 ul li h3{font-size: 18px;font-weight: normal;letter-spacing: 1px;}
.voice .s1 ul li h3::before{content: url(images/ec.png);margin-right: 10px;}
.voice .s1 ul li p{padding-top: 15px;}



/*--------企業情報--------*/
.company .s1{width: 1200px;margin: auto;margin-top: 50px;}
.company .s1 .aisatsu{margin-top: 50px;position: relative;}
.company .s1 .aisatsu img{display: block;}
.company .s1 .aisatsu p{background-color: #fff;padding: 30px 30px 0 0;position: relative;top: -140px;width: 700px;box-sizing: border-box;}
.company .s1 h3{font-size: 22px;display: table;font-weight: normal;position: relative;left: 50%;transform: translate(-50%,0);border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px 60px;letter-spacing: 1px;}
.company .s1 h3:nth-of-type(2){margin-top: 100px;}
.company .s1 dl{display: flex;flex-wrap: wrap;margin-top: 40px;justify-content: center;}
.company .s1 dl dt{width: 12%;box-sizing: border-box;padding: 8px 0;}
.company .s1 dl dd{width: 88%;box-sizing: border-box;padding: 8px 0;}







/*--------プライバシーポリシー--------*/
.privacy .s1{width: 1200px;margin: auto;margin-top: 60px;}
.privacy .s1 ul{}
.privacy .s1 ul li:first-child{padding-top:0px;margin-top: 0px;border: none;}
.privacy .s1 ul li{padding-top:30px;margin-top: 30px;border-top: 1px dotted #ccc;}
.privacy .s1 ul li span{display: flex;font-size: 17px;margin-bottom: 5px;align-items: center;}
.privacy .s1 ul li span::before{content: "\25CF";margin-right: 8px;font-size: 10px;opacity: 0.3;}



/*--------サイトマップ--------*/
.sitemap .s1{width: 1200px;margin: auto;margin-top: 60px;}
.sitemap .s1>ul{}
.sitemap .s1>ul>li{margin-top: 10px;padding-left: 20px;border-bottom: 1px dotted #ccc;padding-bottom: 10px;}
.sitemap .s1>ul>li:first-child{padding-left: 0px;}
.sitemap .s1>ul>li a::before{content: "\25B8";font-size: 12px;margin-right: 6px;opacity: 0.3;}
.sitemap .s1 ul li a{text-decoration: none;color: #000;}
.sitemap .s1 ul li small{color:#999;margin-left: 15px;font-size: 13px;}







/*--------post--------*/
.post .s1{display: flex;flex-direction: column;width: 1200px;margin: auto;margin-top: 40px;}
.post .selecter{display:flex;justify-content:center;align-items:center;margin-bottom: 40px;}
.post .selecter select{font-size:16px;margin-right:10px;padding:5px 10px;font-family: "Hina Mincho", serif;}
.post .s1 .container{margin-bottom: 70px;}
.post .s1 .container:last-child {margin-bottom:60px;}


/*--------postinitial--------*/
.post .container>h3{background-color: #f0f0f0;font-size: 16px;margin-bottom: 25px;color: #000;padding: 12px 20px;display: flex;border: 1px solid #ddd;border-radius: 3px;font-weight: normal;align-items: flex-start;}
.post .container>h3::before{content: url(images/ec.png);margin-right: 10px;position: relative;}
.post .container>time{display: block;margin-top: -25px;margin-bottom: -6px;font-size: 11px;text-align: right;}




	
.post .s1 .container>.inner h1{font-size: 20px;font-weight: normal;color: #000;}
.post .s1 .container>.inner h2{font-size: 18px;font-weight: normal;color: #000;}
.post .s1 .container>.inner h3,.post .s1 .container>.inner h4,.post .s1 .container>.inner h5,.post .s1 .container>.inner h6,.post .s1 .container>.inner b,.post .s1 .container>.inner em,.post .s1 .container>.inner p,.post .s1 .container>.inner span{font-size: 16px;font-weight: normal;color: #000;font-style: normal;margin:20px 0;}
.post .s1 .container>.inner ul{margin: 1em 0;}
.post .s1 .container>.inner ul li{margin-left: 25px;list-style-type: disc;}
.post .s1 .container>.inner ol{	margin: 1em 0;}
.post .s1 .container>.inner ol li{margin-left: 25px;list-style-type: decimal;}
.post .s1 .container>.inner a{color:#FF6600;}
.post .s1 .container>.inner a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}
.post .s1 .container>.inner blockquote{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner pre{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner .alignright{float: right;margin-left: 40px;margin-bottom: 0px;max-width:640px;height:auto;}
.post .s1 .container>.inner .aligncenter{display: block;margin: auto;margin-bottom: 0px;max-width:640px;height:auto;}
.post .s1 .container>.inner .alignleft{float: left;margin-right: 40px;margin-bottom: 0px;max-width:640px;height:auto;}
.post .s1 .container>.inner .alignnone{margin-bottom: 0px;max-width:640px;height:auto;}







/*--------お問い合わせ--------*/	

.contact .s1{width: 1200px;margin: auto;margin-top: 50px;}
.contact .s1 .read{font-size:22px;}
	
table.contact {border-collapse: collapse;width: 100%;margin: 40px auto 0;background-color: #fff;border: 1px solid #ccc;}
table.contact th {padding: 10px;width: 250px;background-color: #f5f5f5;border: 1px solid #ccc;font-weight: normal;}
table.contact th span {font-size:12px;color:#ff0000;}		
table.contact td {border-bottom: 1px solid #ddd;padding: 10px;}
table.contact td label{display:block;border-bottom:1px dotted #eee;padding-bottom:3px;margin-bottom:3px;}	
table.contact td small {display:block;font-size:14px;margin-top:3px;}
table.contact td input,table.contact td textarea,table.contact button {width: 100%;font-size:16px;padding: 6px;background-color: #f3f3f3;border: none;box-sizing: border-box;font-family: "Hina Mincho", serif;}
table.contact td select {font-size:16px;padding:3px;}
table.contact td button {width: 180px;font-size: 18px;padding: 12px 0px;margin:10px;border: none;background-color: #ff6600;color: #fff;border-radius: 3px;font-family: "Hina Mincho", serif;}
table.contact td button.reset {background-color:#999;}	
table.contact td.center{text-align:center;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: none;background: #ff0000;color: #fff;margin-bottom: 100px;margin-top: 0px;box-sizing: border-box;}
div.wpcf7-mail-sent-ok {background: #85B200;color: #fff;margin-bottom: 100px;border: none;margin-top: 0px;}	
div.wpcf7-response-output {margin: 20px auto !important;width: 90%;box-sizing: border-box;}
.wpcf7 .ajax-loader {margin: 0;}	
.s1>.wpcf7{margin-bottom:100px}



.cartform {width: 1200px;margin: auto;margin-top: 50px;}
#cartPreview p{text-align:center;}
.cartTable{border-collapse:collapse;width: 100%;}
.cartTable th{width: inherit !important;padding: 5px 0 !important;background-color: #f5f5f5 !important;border: none !important;text-align: center !important;font-size: 13px;}
.cartTable td{border-bottom:none !important;}	
.cartTotals{border-collapse:collapse;width: 100%;}
.cartTotals th{width:inherit !important;padding: 5px 0 !important; !important;background-color: #000 !important;border: none !important;text-align: center !important;color:#fff;font-size: 13px;}
.cartTotals td{border-bottom:none !important;text-align:right;}		
.cartRemove{width: 80px !important;font-size: 14px !important;padding: 7px 0px !important;margin: 0px !important;border: none;background-color: #999999 !important;color: #fff;border-radius: 3px;font-family: "Hina Mincho", serif;}




}









































/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/













@media all and (max-width:750px) {
body {color: #000;font-size: 16px;line-height: 1.7;}
ul,li {list-style-type: none;}


/*--------ヘッダー--------*/
header{position: fixed;height: 70px;background-color: #fff;z-index: 2;width: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.15);}
header>section{height: 100%;display: block;width: 100%;margin: auto;}
header>section>div{display: flex;justify-content: space-between;align-items: center;height: 100%;margin-left: 15px;}
header h1{display: block;}
header h1 a{color: #000;text-decoration: none;display: flex;align-items: center;line-height: 1.4;}
header h1 figure{width: 40px;height: auto;display: block;margin-right: 10px;}
header h1 figure img{width: 100%;height: auto;display: block;}
header h1 span{font-size: 20px;font-weight: normal;}
header h1 span b{font-size: 15px;font-weight: normal;display: flex;}
header .tel{display: none;}
.pcnav{display: none;}

.slide h2{position: absolute;color: #fff;z-index: 1;font-weight: normal;font-size: 12px;letter-spacing: 1px;top: 50%;transform: translate(0,-50%);left: 10%;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8),0px 0px 5px rgba(0, 0, 0, 0.8),0px 0px 5px rgba(0, 0, 0, 0.8),0px 0px 5px rgba(0, 0, 0, 0.8);}
.slide h2 b{font-weight: normal;font-size: 30px;display: block;letter-spacing: normal;line-height: 1.5;}



/*--------フッダー--------*/
footer{background-color: #2f2f2f;position: relative;color: #fff;margin-bottom: 53px;}
footer ul{display: none;}
footer ul li{margin: 0 15px;}
footer ul li a{color: #000000;text-decoration: none;font-size: 13px;}
footer ul li a::before{content: "\25B8";opacity: 0.3;margin-right: 3px;}
footer>section{position: relative;width: 100%;margin: auto;padding: 30px 0;}
footer>section>img{position: absolute;right: 8%;top: -60px;width: 35%;}
footer .tel{display: none;}
footer .tel::before{content: "TEL";font-size: 16px;margin-right: 8px;}
footer h2{font-size: 17px;font-weight: normal;text-align: center;margin-top: 10px;}
footer h1{margin-top: 30px;font-size: 22px;font-weight: normal;text-align: center;}
footer h1 img{width: 40px;height: auto;display: block;margin: auto;margin-bottom: 5px;}
footer h1 span{font-size: 20px;margin-right: 3px;}
footer b{display: block;text-align: center;font-weight: normal;font-size: 15px;}
footer address{display: block;text-align: center;font-style: normal;margin-top: 30px;font-size: 14px;}
footer small{background-color: #3f3f3f;display: block;width: 100%;text-align: center;font-size: 12px;padding: 2px 0;}



/*--------コンテンツ共通--------*/
main{padding-top: 70px;display: block;}
article{display: block;padding-bottom: 120px;}

.midashi{background-image: url(images/bg2.png);height: 80px;}
.midashi>div{width: 100%;margin: auto;position: relative;display: flex;align-items: center;justify-content: flex-start;height: 100%;}
.midashi h2{font-size: 18px;font-weight: normal;color: #fff;letter-spacing: 2px;display: table;position: relative;margin-left: 20px;}
.midashi>div::before{content: url(images/midashi_img.png);position: absolute;right: -10px;bottom: -50px;transform: scale(0.7);}
.midashi h2::before{content: "";border-bottom: 10px solid #fff;position: absolute;bottom: -30px;left: 0;background-color: #fff;width: 100%;}




h2.read{font-size: 22px;text-align: center;font-weight: normal;}

.anc{padding-top:100px;margin-top:-100px;pointer-events:none;}


.contents .temp{margin-top: 220px;}

.temp{background-image: url(images/bg1.png);margin-top: 120px;padding-bottom: 15px;}
.temp>div{width: 90%;margin: auto;display: flex;justify-content: flex-end;position: relative;}
.temp h2{position: absolute;left: 0px;writing-mode: vertical-rl;white-space: nowrap;font-weight: normal;font-size: 34px;line-height: 0.7;top: -125px;}
.temp h2 span{display: block;font-size: 26px;margin-top: 60px;}
.temp h2 span b{font-size: 35px;font-weight: normal;}
.temp ul{position: relative;top: -80px;width: 80%;}
.temp ul li{}
.temp ul li a{display: block;}
.temp ul li a img{display: block;width: 100%;height: auto;}
.temp>a{display: table;left: 50%;position: relative;transform: translate(-50%,0);top: -35px;width: 90%;}
.temp>a img{display: block;height: auto;width: 100%;box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;}



/*--------トッページ--------*/
.top .s1{width: 90%;margin: auto;position: relative;top: -40px;background-color: #fff;padding-top: 30px;box-sizing: border-box;}
.top .s1 p{text-align: left;font-size: 17px;line-height: 2;letter-spacing: 1px;width: 80%;margin: auto;}



.top .s2{width: 90%;margin: auto;margin-top: 60px;}
.top .s2>div{/* width: 560px; */margin-top: 40px;}
.top .s2 h3{font-size: 18px;font-weight: normal;display: flex;align-items: center;letter-spacing: 1px;}
.top .s2 h3 a{font-size: 12px;text-decoration: none;color: #000;margin-left: 30px;letter-spacing: normal;}
.top .s2 h3 a::before{content: "\25B8";opacity: 0.3;margin-right: 3px;}
.top .s2 ul{border-top: 1px solid #000;padding-top: 5px;margin-top: 10px;}
.top .s2 ul li{padding: 10px 0;border-bottom: 1px dotted #ccc;}
.top .s2 ul li a{text-decoration: none;color: #000;font-size: 15px;}
.top .s2 ul li a time{font-size: 12px;display: block;}
.top .s2 ul li a span{display: block;}







/*--------ブランドコンセプト--------*/
.concept .s1{width: 90%;margin: auto;margin-top: 50px;}
.concept .s1 img{display: block;margin: auto;margin-top: 30px;margin-bottom: 30px;width: 111%;margin-left: -5.55%;}
.concept .s1 p.theme{font-size: 17px;text-align: left;margin-top: 35px;line-height: 2;position: relative;}
.concept .s1 p.theme br{display: none;}
.concept .s1 p.theme::before{content: "";position: absolute;background-color: #000;width: 120px;height: 120px;left: 50%;transform: translate(-50%,0) rotate(45deg);top: -100px;z-index: -1;opacity: 0.05;}
.concept .s1 h3{display: table;font-size: 22px;font-weight: normal;left: 50%;transform: translate(-50%,0);position: relative;margin-top: 150px;letter-spacing: 1px;}
.concept .s1 h3::before{content: "";border-left: 1px solid #000;height: 40px;position: absolute;left: 50%;transform: translate(-50%,0);top: -55px;}
.concept .s1 ul{margin-top: 30px;}
.concept .s1 ul li{padding: 20px 0;border-bottom: 1px dotted #ccc;}
.concept .s1 ul li b{font-weight: normal;}
.concept .s1 ul li b small{font-size: 25px;margin-right: 10px;line-height: 1;}
.concept .s1 ul li p{display: block;}



/*--------事業案内--------*/
.service .s1{width: 90%;margin: auto;margin-top: 50px;}
.service .s1 ul{margin-top: 50px;}
.service .s1 ul li{}
.service .s1 ul li figure{display: block;}
.service .s1 ul li figure img{width: 111%;height: auto;display: block;margin-left: -5.55%;}
.service .s1 ul li:nth-of-type(2){margin-top: 100px;}
.service .s1 ul li:nth-of-type(2) figure{}
.service .s1 ul li:nth-of-type(2) div{}

.service .s1 ul li div{margin-top: 15px;}
.service .s1 ul li h3{font-size: 22px;font-weight: normal;position: relative;padding-left: 30px;}
.service .s1 ul li h3::before{content: "";border-top: 4px solid #000;width: 15px;position: absolute;left: 0;top: 20px;}
.service .s1 ul li h3 b{font-size: 70px;font-weight: normal;opacity: 0.1;position: absolute;right: 0;top: -50px;line-height: 1;}
.service .s1 ul li h4{font-size: 19px;font-weight: normal;margin-top: 15px;}
.service .s1 ul li p{margin-top: 15px;}



/*--------ラインアップ--------*/
.snavi{width: 95%;margin: auto;margin-top: 50px;}
.cnavi{display: flex;justify-content: space-around;border: 1px solid #ccc;box-sizing: border-box;}
.cnavi li{display: block;width: 100%;position: relative;}
.cnavi li a{display: flex;align-items: center;justify-content: center;text-decoration: none;color: #000;font-size: 16px;width: 100%;padding: 12px 0;}
.cnavi li::before{content: "";position: absolute;border-right: 1px solid #ccc;height: 10px;right: 0;top: 22px;}
.cnavi li:last-child::before{content: none;}
.gnavi{display: flex;justify-content: flex-end;margin-top: 20px;}
.gnavi li{margin-left: 15px;}
.gnavi li a{text-decoration: none;color: #000;font-size: 14px;display: flex;line-height: 1.3;align-items: flex-start;}
.gnavi li a::before{content: "\25B8";opacity: 0.3;margin-right: 3px;}
.gnavi li a img{width: 15px;height: auto;display: block;margin-right: 5px;}
.gnavi li:nth-of-type(1) a::before{content: none;}


.lineup .s1{width: 90%;margin: auto;}
.lineup .s1 ul{margin-top: -70px;}
.lineup .s1 ul li{margin-top: 100px;}
.lineup .s1 ul li figure{display: block;}
.lineup .s1 ul li>div{display: block;margin-top: 15px;}
.lineup .s1 ul li h3{font-size: 20px;font-weight: normal;letter-spacing: 1px;}
.lineup .s1 ul li h3::before{content: url(images/ec.png);margin-right: 6px;}
.lineup .s1 ul li span{display: block;font-size:15px;margin-top:10px;}
.lineup .s1 ul li b{display: block;font-weight: normal;font-size: 20px;}
.lineup .s1 ul li b::after{content: "円（税込）";font-size: 14px;}
.lineup .s1 ul li dl{background-color: #eee;margin-top: 20px;padding: 15px 20px;box-sizing: border-box;font-size: 13px;display: flex;flex-wrap: wrap;border-radius: 6px;}
.lineup .s1 ul li dl dt{width: 100%;box-sizing: border-box;display: block;padding: 6px 0;padding-bottom: 0;font-size: 12px;}
.lineup .s1 ul li dl dd{width: 100%;box-sizing: border-box;display: block;padding: 6px 0;padding-top: 0;}
.lineup .s1 ul li .input{margin-top: 20px;display: flex;align-items: center;justify-content: center;}
.lineup .s1 ul li .input input{width: 30px;padding: 3px;font-size: 16px;margin-left: 10px;}
.lineup .s1 ul li .input button{background-color: #ff6600;border: none;font-size: 17px;color: #fff;padding: 10px 50px;border-radius: 3px;margin-left: 20px;font-family: "Hina Mincho", serif;letter-spacing: 1px;}



/*--------ネット販売について--------*/
.guide .s1{width: 90%;margin: auto;margin-top: 50px;}
.guide .s1 h3{font-size: 16px;font-weight: normal;display: table;position: relative;left: 50%;transform: translate(-50%,0);padding: 8px 30px;letter-spacing: 1px;background-color: #666;color: #fff;border-radius: 100px;}
.guide .s1 h3:nth-of-type(2){margin-top: 80px;}
.guide .s1 dl{display: flex;flex-wrap: wrap;margin-top: 30px;font-size: 15px;}
.guide .s1 dl dt{width: 100%;display: block;box-sizing: border-box;padding: 12px 0;padding-bottom: 4px;font-size: 13px;}
.guide .s1 dl dd{width: 100%;display: block;box-sizing: border-box;border-bottom: 1px dotted #ccc;padding: 12px 0;padding-top: 0;}
.guide .s1 dl dd a{text-decoration: none;color: #000;}

.guide .snavi{margin-top: 30px;}
.guide .gnavi{margin-top:0;}


/*--------お客様の声--------*/
.voice .s1{width: 90%;margin: auto;margin-top: 50px;}
.voice .s1 ul{margin-top: 60px;}
.voice .s1 ul li{display: flex;align-items: flex-start;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px dotted #ccc;}
.voice .s1 ul li:last-child{padding-bottom: 0;margin-bottom: 0;border: none;}
.voice .s1 ul li figure{display: block;flex: 0 0 70px;margin-right: 20px;}
.voice .s1 ul li div{flex: 1;}
.voice .s1 ul li figure img{width: 100%;height: auto;display: block;}
.voice .s1 ul li h3{font-size: 18px;font-weight: normal;letter-spacing: 1px;line-height: 1.5;}
.voice .s1 ul li h3::before{content: url(images/ec.png);margin-right: 6px;}
.voice .s1 ul li p{padding-top: 15px;}


/*--------企業情報--------*/
.company .s1{width: 90%;margin: auto;margin-top: 50px;}
.company .s1 .aisatsu{margin-top: 40px;position: relative;}
.company .s1 .aisatsu img{width: 111%;margin-left: -5.55%;}
.company .s1 .aisatsu p{background-color: #fff;padding: 25px 20px 0 25px;position: relative;top: -160px;width: 100%;box-sizing: border-box;margin-left: -5.55%;margin-bottom: -100px;font-size: 15px;}
.company .s1 h3{font-size: 20px;display: table;font-weight: normal;position: relative;left: 50%;transform: translate(-50%,0);border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px 60px;letter-spacing: 1px;}
.company .s1 h3:nth-of-type(2){margin-top: 80px;}
.company .s1 dl{display: flex;flex-wrap: wrap;margin-top: 30px;justify-content: center;}
.company .s1 dl dt{width: 100%;box-sizing: border-box;padding: 6px 0;padding-bottom: 0;font-size: 14px;}
.company .s1 dl dd{width: 100%;box-sizing: border-box;padding: 8px 0;padding-top: 0;}











/*--------プライバシーポリシー--------*/
.privacy .s1{width: 90%;margin: auto;margin-top: 50px;}
.privacy .s1 ul{}
.privacy .s1 ul li:first-child{padding-top:0px;margin-top: 0px;border: none;}
.privacy .s1 ul li{padding-top:25px;margin-top: 25px;border-top: 1px dotted #ccc;font-size: 15px;}
.privacy .s1 ul li span{display: flex;font-size: 16px;margin-bottom: 5px;align-items: center;}
.privacy .s1 ul li span::before{content: "\25CF";margin-right: 6px;font-size: 10px;opacity: 0.3;}




/*--------サイトマップ--------*/
.sitemap .s1{width: 90%;margin: auto;margin-top: 50px;}
.sitemap .s1>ul{}
.sitemap .s1>ul>li{margin-top: 10px;padding-left: 20px;border-bottom: 1px dotted #ccc;padding-bottom: 10px;}
.sitemap .s1>ul>li:first-child{padding-left: 0px;}
.sitemap .s1>ul>li a::before{content: "\25B8";font-size: 12px;margin-right: 6px;opacity: 0.3;}
.sitemap .s1 ul li a{text-decoration: none;color: #000;}
.sitemap .s1 ul li small{display: none;}









/*--------post--------*/
.post .s1{display: flex;flex-direction: column;width: 90%;margin: auto;margin-top: 35px;}
.post .selecter{display:flex;justify-content:center;align-items:center;margin-bottom: 35px;}
.post .selecter select{font-size:16px;margin-right:10px;padding:5px 10px;font-family: "Hina Mincho", serif;}
.post .s1 .container{margin-bottom: 70px;}
.post .s1 .container:last-child {margin-bottom:60px;}




/*--------postinitial--------*/
.post .container>h3{background-color: #f0f0f0;font-size: 16px;margin-bottom: 25px;color: #000;padding: 10px 15px;display: flex;border: 1px solid #ddd;border-radius: 3px;font-weight: normal;align-items: flex-start;}
.post .container>h3::before{content: url(images/ec.png);margin-right: 8px;}
.post .container>time{display: block;align-items: center;justify-content: flex-end;margin-top: -25px;margin-bottom: -6px;font-size: 11px;text-align: right;}





.post .s1 .container>.inner h1{font-size: 18px;font-weight: normal;color: #000;}
.post .s1 .container>.inner h2{font-size: 17px;font-weight: normal;color: #000;}
.post .s1 .container>.inner h3,.post .s1 .container>.inner h4,.post .s1 .container>.inner h5,.post .s1 .container>.inner h6,.post .s1 .container>.inner b,.post .s1 .container>.inner em,.post .s1 .container>.inner p,.post .s1 .container>.inner span{font-size: 16px;font-weight: normal;color: #000;font-style: normal;margin:20px 0;}
.post .s1 .container>.inner ul{margin: 1em 0;}
.post .s1 .container>.inner ul li{margin-left: 25px;list-style-type: disc;}
.post .s1 .container>.inner ol{	margin: 1em 0;}
.post .s1 .container>.inner ol li{margin-left: 25px;list-style-type: decimal;}
.post .s1 .container>.inner a{color:#FF6600;}
.post .s1 .container>.inner a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}
.post .s1 .container>.inner blockquote{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner pre{display: inline;margin: 0;padding: 0;}
.post .s1 .container>.inner .alignright{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
.post .s1 .container>.inner .aligncenter{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
.post .s1 .container>.inner .alignleft{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}
.post .s1 .container>.inner .alignnone{display: block;margin: auto;margin-bottom: 0px;width: 100%;height: auto;}





/*--------お問い合わせ--------*/		
.contact .s1{width: 90%;margin: auto;margin-top: 40px;}	
.contact .s1 .read{font-size: 19px;}	
	
table.contact {border-collapse: collapse;width: 100%;margin-top: 15px;}
table.contact th {padding: 8px 0 0;display: block;text-align: left;font-weight:normal;}
table.contact th span {font-size:12px;color:#ff0000;font-weight:normal;}	
table.contact td {display: block;padding: 0 8px 8px 0;}
table.contact td label{display:block;border-bottom:1px dotted #eee;padding-bottom:8px;margin-bottom:8px;}
table.contact td small {display:block;font-size:14px;margin-top:3px;}
table.contact td input,table.contact td textarea{width:100%;font-size:16px;padding:3px;box-sizing:border-box;font-family: "Hina Mincho", serif;border: 1px solid #ccc;font-weight:normal;}
table.contact td select {font-size:16px;padding:3px;}
table.contact td button {font-size: 17px;padding:10px 20px;margin: 10px 4px;width:inherit;border:inherit;background-color:#ff6600;color: #fff;border-radius: 3px;font-family: "Hina Mincho", serif;}
table.contact td button.reset {background-color:#999;}
table.contact td input[type=file]{border: 1px solid #fff;padding:10px 20px;}
table.contact td.center{text-align:center;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: none;background: #ff0000;color: #fff;margin-bottom: 100px;margin-top: 0px;box-sizing: border-box;width:100% !important;}
div.wpcf7-mail-sent-ok {background: #85B200;color: #fff;margin-bottom: 100px;border: none;margin-top: 0px;}
div.wpcf7-response-output {margin: 0px !important;}
.wpcf7 .ajax-loader {margin: 0;}	

	
.cartform{width: 90%;margin: auto;margin-top: 40px;}
#cartPreview p{text-align:center;}
.cartTable{border-collapse:collapse;width: 100%;}
.cartTable th{width: inherit !important;padding: 5px 0 !important;background-color: #f5f5f5 !important;border: none !important;text-align: center !important;font-size: 13px;}
.cartTable td{border-bottom:none !important;}	
.cartTotals{border-collapse:collapse;width: 100%;}
.cartTotals th{width:inherit !important;padding: 5px 0 !important; !important;background-color: #000 !important;border: none !important;text-align: center !important;color:#fff;font-size: 13px;}
.cartTotals td{border-bottom:none !important;text-align:right;}		
.cartRemove{width: 80px !important;font-size: 14px !important;padding: 7px 0px !important;margin: 0px !important;border: none;background-color: #999999 !important;color: #fff;border-radius: 3px;font-family: "Hina Mincho", serif;}

	
	
.cartTable thead{display:none;}
.cartTable,.cartTable tbody,.cartTable tr,.cartTable td{display:block;width:100%;}
.cartTable tr{border-radius:10px;background:#fff;box-sizing: border-box;}
.cartTable td{display:flex;justify-content:space-between;align-items: center;gap:12px;padding:8px 0;border-bottom:1px dotted #ddd;text-align: left !important;}
.cartTable td:last-child{border-bottom:none;}
.cartTable td::before{content: attr(data-label);text-align:left;}
.cartTable td[data-label="商品"]{align-items:flex-start;}
.cartTable td[data-label="商品"]::before{flex:0 0 3.5em;}
.cartTable td[data-label="商品"] img{width:72px !important;height:auto !important;}
.cartTable .cartQty{width:90px !important;}


.cartTotals{display:block;width:100%;margin-top:12px;border: 3px solid #ddd;border-radius: 4px;padding:12px;background:#fff;box-sizing: border-box;}
.cartTotals tr,.cartTotals th,.cartTotals td{display:block;width:100%;}

.cartTotals tr:first-child{display:none;}
.cartTotals tr:nth-child(2) td{display:flex;justify-content:space-between;align-items:center;padding: 6px 0;border-bottom:1px dotted #ddd;}
.cartTotals tr:nth-child(2) td:last-child{border-bottom:none;}

.cartTotals tr:nth-child(2) td:nth-child(1)::before{content:"小計：";}
.cartTotals tr:nth-child(2) td:nth-child(2)::before{content:"送料：";}
.cartTotals tr:nth-child(2) td:nth-child(3)::before{content:"代引手数料：";}
.cartTotals tr:nth-child(2) td:nth-child(4)::before{content:"合計：";}
	

	
.cartTable tr td:first-child{margin-top:10px;border-top: 1px solid #ccc;padding-top: 10px;}	
	
	
	
	
	
}