@charset "UTF-8";
/*共通css
----------------------------------------------------------------------------------------------------*/
body { overflow-wrap: break-word;word-break: normal;font-family: futura-pt, "Zen Maru Gothic", sans-serif;font-weight: 400;font-style: normal;overflow-x: hidden;color: #4D4D4B;letter-spacing: 0.15em;line-height: 1.75;display: flex;flex-flow: column;min-height: 100vh; 
  margin-top: 40px;
  /* opacity: 0; */
  transition: opacity 0.5s ease-in-out;}
/* フォントが読み込まれたらアクティブ */
.wf-active {opacity: 1;}
main{overflow-x: hidden; margin-top:auto; width: 100%;}
p{line-height:1.8; font-size: 13px;}
.sp{display: none;}
.pc{display: block;}
.bold{font-weight: bold;}
.container{ max-width:1000px;} 
img{display: block; width: 100%; height: auto;}
.object-fit-img {object-fit: cover;object-position: bottom;font-family: 'object-fit: cover; object-position: bottom;'}

/* PV数表示 */
.post-views{display: inline; position: fixed; bottom: 170px; right:4%; z-index:101;}
.top_view{display: inline; position: fixed; bottom: 170px; right:4%; z-index:101;}

.red{color: #ff6666;}
/*トップページ戻るボタン*/
#pageTop {position: fixed;bottom:100px;right: 16px;}
#pageTop a {display: block;z-index: 999;padding: 0px;border-radius: 30px;width: 62px;height: 62px;background-color:#BBB3A9; color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pageTop i {padding:23px 0 0 2px;font-size:15px;color:#fff; display: block;}
#pageTop a:hover {text-decoration: none;opacity: 0.7;}

.home{width: 100px; margin: 50px auto; border: 1px solid #ddd; text-align: center;}
.home a{padding: 7px 10px; display: block;}
/* 404ページ */
.error404{width: 80%; margin:0 auto 40px auto;}
.error404 lottie-player{width: 300px; margin: 0 auto;}
.error404 h2{text-align: center; margin: 20px; font-size: 25px;}
.error404 .home{text-align: center;}
.error404 p {color: #333;}
.error404 p a{text-align: center; display: inline-block;}

/* 迷惑メール防止 */
.grecaptcha-badge { visibility: hidden; }
/* パンくずりすと */
.breadcrumbs{width: 95%; margin: 0 auto;}
.breadcrumbs a{color: #4865b2;}

/* パンクズリスト */
.breadcrumb {display: flex;align-items: center;width: 90%;max-width: 1000px;margin: 0 auto;}
.bc-sep {margin: 0 1rem;}
.breadcrumb a {color: #4865b2;font-size: 11px;}
/* 目次 */
.index {margin: 0 0 30px 0;border: 1px solid #d2d2d2;padding: 10px;border-radius: 10px;background-color: #fcfcfc;}
.index .ttl {text-align: center;font-size: 18px;}
.index ol,
.index ul {border: none !important;padding: 0 0 0 30px !important;background-color: #fcfcfc !important;margin-bottom: 1% !important;}
.index a {color: #4e4e4e !important;font-size: 13px;}

/* PV数表示 */
.post-views{display: inline; position: fixed; bottom: 170px; right:4%; z-index:101;}

.logo{width: 15%; max-width: 80px;} 

/* readmore  */
.more{width: 190px; border-bottom: 1px solid #444; margin: 50px 0; }
.more a{font-size: 13px;}

/*マーカーアニメーション*/
.marker.active {background-position: -100% .5em;}
.marker{
  background-image: -webkit-linear-gradient(left, transparent 50%, #f8e9fc 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, #f8e9fc 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, #f8e9fc 50%);
  background-image: -o-linear-gradient(left, transparent 50%, #f8e9fc 50%);
  background-image: linear-gradient(left, transparent 50%, #f8e9fc 50%);
  background-repeat: repeat-x;
  background-size: 200% .8em;
  background-position: 0 .5em;
  transition: all 1.5s ease;
  font-weight: bold;}


/* 光るボタン ---------------------- */
.btn-shine {text-align: center;margin: 1rem;}
.btn-shine a {display: inline-block;padding:0.9em 6em;background:#a46bca;color: #fff;text-decoration: none;border-radius: 100vh;box-shadow: 0px 3px 11px rgb(175 175 175);transition: 0.3s; color: #fff!important; position: relative;overflow: hidden;} 
.btn-shine a:hover {opacity: 1;box-shadow: none;transform: scale(0.99, 0.99) translateY(1px);}
.btn-shine a:after {content: "";position: absolute;top: -50%;left: -50%;width: 10%;height: 150%;opacity: 0.5;filter: blur(1px);background: rgba(255, 255, 255, 0.5); transform: rotate(45deg);animation: reflect 3s ease-in-out infinite;}
/*** 光のアニメーション ***/
@keyframes reflect {
  0%,
  75% {transform: rotate(45deg) scale(0);opacity: 1;}
  100% {transform: rotate(45deg) scale(100);opacity: 0;}
}
/*** ボタンを光らせるここまで ---------------------------***/

/*header
----------------------------------------------------------------------------------------------------*/
header{height:80px!important; line-height: 80px; color: #333; position: fixed; width: 100%; top:0; z-index: 100; background-color: #fff;transition: 0.5s;}
#fixed-header.is-show {top: 0;}
header .container{max-width: 1200px; width: 90%; display: flex; align-items: center; justify-content: space-between; margin: 0 auto;}
header .logo a{color: #333; font-weight: bold; font-size: 25px;}
header .logo a:hover{opacity: 0.5; color: #333;}
header .logo p{line-height: 80px;}
header .container .nav ul{display: flex; justify-content: space-between; align-items: center;}
header .container .nav ul li{ text-align: center;}
header .container .nav ul li a{color: #333; font-size:min(1.6vw,12px);  display: block; padding: 10px 1.083vw; line-height: 1.5; font-family: serif;}
header .container .nav ul li a:hover{text-decoration: underline; opacity: 1;}
header .container .nav ul li .green{color: #81b4ad;}
header i{font-size: 16px; padding: 0 5px;}
header a:hover{opacity: 0.5; color: #fff; }
.humberger{display: none; position: fixed;bottom:25px;right: 17px;width:62px; height: 62px; background-color:#BBB3A9; text-align: center; padding-top: 14px; z-index: 100; border-radius: 50%;}
.humberger p{line-height: 1; color: #fff; font-size: 10px;}
.menu-trigger,
.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger {position: relative;width: 30px;height: 20px;}
.menu-trigger span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #fff;border-radius: 4px;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 9px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
#menu02.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-315deg);transform: translateY(10px) rotate(-315deg);}
#menu02.active span:nth-of-type(2) {opacity: 0;}
#menu02.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(315deg);transform: translateY(-9px) rotate(315deg);}
@media (max-width: 768px) {
  header {z-index: 100;position: fixed;top: 0;left: -58%;width: 58%;height: 100vh!important;max-width: inherit;margin: 0 auto 0 0;transition: 0.2s ease-in-out;}
  header .container {display: block;}
  header .menu .menu__single .sub-menu {visibility: inherit;opacity: 1;z-index: 1;width: 60%;position: inherit;top: inherit;margin: 0 0 0 auto;}
  header .menu .menu__single .sub-menu li a {color: #000;font-size: 14px !important;}
  .openNav{left: 0;}
  header .logo {margin: 0 auto;width: 40%; max-width: 100px;}
  header .logo p {font-size: min(5.33vw,15px);}
  header .container .nav{height: 100%;}
  header .container .nav ul { display:block;}
  header .container .nav ul li {margin: 20px 0;}
  header .container .nav ul li a {font-size: min(5.33vw,15px);}
}


footer{background-color: #212121; color: #E5E5E4; padding: 20px 0; width: 100%;}
footer .container{ max-width:1200px; margin: 0 auto; width:90%!important;} 
footer .ttl{position: inherit!important; top:0; }
footer .other{padding-bottom: 30px;}
footer .other .cards{display: flex;}
footer .other .cards .card{width:28%; margin-right: 3%;}
footer .other .cards .img{padding-top: 66%; margin-bottom: 10px;}
footer .other .cards .card1 .img{background-image:url(../img/footer_1.jpg);}
footer .other .cards .card2 .img{background-image:url(../img/footer_2.jpg);}
footer .other .cards .card3 .img{background-image:url(../img/footer_3.jpg);}

footer .other h3{font-size:18px; margin-bottom: 12px;}
footer .menu{border-top: 1px solid #707070; border-bottom: 1px solid #707070; padding: 30px 0;}
footer a{color: #fff!important;} 
footer .menu ul{display:flex; flex-wrap: wrap;}
footer .menu ul li { padding:0 30px 0 0; margin-bottom: 10px;}
footer .info{padding-top: 30px;}
footer .info h3{font-size: 16px; margin-bottom: 15px;}
footer .info p{font-size: 13px;}
footer .info .map .address{color:#9A9A9A;}
footer .info .map i{font-size: 11px; padding-left: 5px;} 
footer .sns {display: flex; }
footer .sns p {margin: 0 10px 0 0;}
footer .sns i{font-size: 15px;}
footer .copy{text-align: center;}
@media screen and (max-width:768px){
  footer .menu ul{justify-content: space-between;}
  footer .menu ul li {width: 33%; padding:0;}
  footer .other .cards {display:block;}
  footer .other .cards .card {width:100%; margin: 0 auto 25px auto;}
}

/* 共通パーツ */
.common{margin: 30px 0 30px auto;}
.common .imgtxt{display: flex; align-items: center; justify-content: space-between;}
.common .ttl h2{font-size: 25px; margin-bottom: 30px;}
.common .ttl h3{font-size: 18px;}
.common .img{width: 80%; border: 1px solid #F5f5f5; overflow: hidden;}
.common .img .bg{ padding-top: 60%;}
.common .img .bg:hover {transform: scale(1.2, 1.2);transition: 1s all;}
.common .img a{-webkit-transition: all 0.2s; transition: all 0.2s; display: block;}
.common .txt{width:20%;}

#top .top{position: relative; width: 90%; margin: 0 auto; max-width: 1200px; height: 80vh; background-image: url(../img/top.jpg);}
#top .top::before {height: 80vh; width:100%; margin: 0 auto; content:'';position: absolute;  background-color: rgba(0,0,0,.1); top: 0; right: 0; bottom: 0; left: 0; }
#top .top .txt{position: absolute;color: #fff; top: 17%; left: 20px; text-shadow: 1px 2px 3px #464646;}
#top .top .txt h2{font-size: 25px; font-family: serif;}
#top .top .txt p{font-size: 20px;}

.messe { max-width: 1200px; width: 90%; padding: 150px 0; margin:  0 0 0 auto;}
.messe .container{width: 80%; margin: 0 0 0 auto;}
.messe .ttl h2{font-size: 25px; margin-bottom: 20px;}
.messe .txt p{line-height: 2,0; margin-bottom: 30px;}

.product{width: 90%; max-width: 1200px;}
.product h2{width: 80%; margin: 0 0 0 auto;}
.product .img .bg{background-image: url(../img/top2.jpg);}

.about{width: 90%; max-width: 1200px;}
.about .img .bg{background-image: url(../img/top3.jpg);}

.contact{width: 90%; max-width: 1200px;}
.contact .img .bg{background-image: url(../img/footer_3.jpg);}

/* システム開発事業 */
.system{width: 90%; max-width: 1200px; margin: 30px 0 30px auto;}
.system .img .bg{background-image: url(../img/top4.jpg);}

.top_news { max-width: 1200px; width: 90%; padding:85px 0 0px 0; margin:0 0 0 auto;}
.top_news .container{width: 80%; margin: 0 0 0 auto;}
.top_news article{margin-bottom:20px;}
.top_news .ttl h2{font-size: 25px;}
.top_news .ttl h3{font-size: 15px; font-family: serif;}

/* おろしはこちら */
.sale{width: 90%;margin: 0 0 0 auto; padding: 85px 0 30px 0;}
.sale .container{width: 80%; margin: 0 0 0 auto;}
.Wholesale{background-color: #626262; width: 350px; margin: 40px 0;}
.Wholesale a{color:#fff ; padding: 7px 20px; display: block; margin: 0 auto; text-align: center;}


/* お問いあわせチェックボックス */
.container .contactform form .checkbox input[type=checkbox] {display: none;}
.container .contactform form .checkbox input{background: #fff;border: 2px solid #231815;content: ''; height: 20px;left: 0px;margin:1px 0 0 0;width: 20px;}
.container .contactform .checkbox{display: flex; margin-bottom: 30px;}
.container .contactform .checkbox .wpcf7-list-item { display: block!important; padding: 5px 30px 5px 0px; margin:0 0 5px 0px!important;}
.container .contactform .checkbox .wpcf7-list-item label {box-sizing: border-box;cursor: pointer; display: block; position: relative;width: auto; font-weight:bold ; margin:0 0 5px 30px;}
.container .contactform .checkbox .wpcf7-list-item label::before  {background: #fff;border: 2px solid #9c9998;content: '';display: block;height: 15px;left: -30px;margin: 0 0 3px 0;position: absolute;top: 3px;width: 15px;}
.container .contactform .checkbox .wpcf7-list-item label span::after{border-right: 3px solid #ed7a9c; border-bottom: 3px solid #ed7a9c;content: '';display: block;height: 15px;left: -22px;margin-top: -7px;opacity: 0;position: absolute;top: 32%;transform: rotate(45deg);width: 5px;}
input[type=checkbox]:checked + span:after{opacity:1!important;}




/*-------news-single-------*/
#single .news{padding:0px 0 100px 0; color: #333;}
#single .news .container {max-width: 700px;margin: 40px auto 0 auto;}
#single .news .container .articles {display: block;}
#single .news .container .articles article {width: 100%;display: block; margin-top: 0;}
#single .news .container .articles article .ttl {padding: 0;}
#single .news .container .articles article .ttl .date {display: inline;font-size: 13px;font-weight: bold;padding: 0; color: #727271;}
#single .news .container article i{color:#727271 ;}
#single .news .container article .imgtxt{width: 100%;}
#single .news .container article .img {padding-top: 66%;margin:0 auto 20px auto;}
#single .news .container article {width: 100%;height: fit-content;}
#single .news .container article h1 {font-size: 20px;}
#single .news .container article h2 {font-size: 18px; margin: 5% 0 3% 0;padding: 2%;background-color: #f7f7f7;}
#single .news .container article h3{font-size: 15px;}
#single .news .container article h4{font-size: 15px;}
#single .news .container article h5{font-size: 15px;}
#single .news .container article p{font-size: 13px;}
/* 目次要素とのスペース */
#single .news .container article h2:first-of-type {margin-top: 60px;}
#single .news .container article h3 {text-align: left;border-bottom: 1px solid #4a4a4a;width: 100%;margin: 40px 0 5px;}
#single .news .container article h4 {font-size: 16px;line-height: 2;padding: 5px 1%;font-weight: bold;margin: 0;text-align: left;background-color: #f7f7f7;}
#single .news .container article h4:before {content: "✓";}
#single .news .container article h4::after {content: none;border: inherit;}
#single .news .container article ul {list-style: inherit;padding-left: 7%;margin:15px 0;}
#single .news .container article ol {list-style: decimal;padding-left: 7%;margin:15px 0;}
#single .news .container article li {font-size: 14px;line-height: 1.8;margin-bottom:5px;}
#single .news .container article img {margin: 20px 0;border-radius: 1.5%;border: 2px solid #e9e9e9;}
#single .news .container article img.portrait {width: 50%;margin: 0;}
#single .news .container article img.landscape {width: 100%;}

#single .news .container article p {margin-bottom: 30px;line-height: 2;}
#single .news .container article blockquote {background-color: #f5f5f5;margin: 0;padding: 20px;}
#single .news .container article blockquote p {margin-bottom: 20px;}
#single .news .container article .credit p {font-size: 13px;text-align: center;color: #939090;letter-spacing: 0.05em;margin: 0 !important;}
#single .news .container article a {color: #7d9cd4;}
#single .news .container article .back-top {text-align: center;}
#single .news .container article ul,
#single .news article ol {padding-right: 10px;}
#single .news .container article figure ul {border: none;background-color: #fff;padding: 0;}

.wp-block-image figcaption {color: #939090; margin:-20px 0 0 0!important;}
/* classの付与 */
#single .news .imgtxt .pre {border: none;padding: 20px 10px 20px 40px;background-color: #fafafa;outline: 1px solid #f0f0f0;border-color: #f0f0f0;margin: 15px 0 60px 0;}
#single .news .imgtxt .pre p {padding: 15px 0;margin-bottom: 0;}

/* iframe */
#single .img {width:100%;overflow: hidden; margin: 0 auto;}
#single .img iframe{width: 80%; margin: 0 auto;display: block; object-fit: cover;border: none; height: 420px;}

/* タグ */
.tags {font-weight: bold;}

#single .post-connection {text-align: left;border-bottom: 1px solid #4a4a4a;width: 100%;padding: 0 0 5px 0;margin: 40px 0 20px 0 !important;}
#single .post-connection::before {content: "" !important;}
#single .related-post article {width: 100% !important;padding: 0;display: flex !important;margin-bottom: 30px;}
#single .related-post article .imgtxt {width: 30% !important;margin: 0 !important;}
#single .related-post article .imgtxt .img {margin: 0 !important;width: 100%;}
#single .related-post article .ttl {padding-left: 20px !important;}
#single .related-post h2 {padding: 10px 0 !important;font-size: 15px !important;background-color: inherit !important;border: none !important;font-weight: bold;margin-top: 0 !important ;}
#single .related-post .title a {font-size: 15px;}
#single .related-post p {margin: 0 !important; font-size: 15px}
#single .related-post a {font-weight: normal;color: #333 !important;}

#archive h2{font-size:15px;}
#archive .news{padding:80px 0; max-width: 700px; margin: 0 auto;}
#archive article {margin-top: 40px;transition: 0.3s; display: flex; }
#archive article .imgtxt{width: 23.5%;}
#archive article .imgtxt .img{ padding-top: 60%;}
#archive .articles {margin-bottom: 70px;}
#archive .articles .up:hover {box-shadow:0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);transform: translateY(-2px);}
#archive .articles .ttl {margin: 0;flex:1; padding: 0 0 0 3%;}
#archive .articles .ttl dl {margin: 0;}
#archive .articles .ttl dt {font-size: 11px; display: inline-block;}
#archive .articles h3{font-size: 19px;}
#archive .articles .ttl p {font-size: 11px;display: inline;line-height: 1.8;padding-left: 10px;}
#archive .articles .ttl a{color: #5C5C58}


/* aboutクラス内の要素のスタイル */
.about {margin-bottom: 40px;}
/* テーブルのスタイル */
.history  table {width: 100%;border-collapse: collapse;}
.history  table th, .history table td {padding: 15px;text-align: left;border-bottom: 1px solid #ddd;}
.history  table th {background: #e7e7e7;color: #333;font-weight:normal;}
.history  table td {background: #f9f9f9;}
.history  table tr:last-child td {border-bottom: none;}
/* リンクのスタイル */
.history  a {color: #3498db;text-decoration: none;}
.history  a:hover {text-decoration: underline;}

/* テーブルの幅調整 */
.history table th, .history table td {word-wrap: break-word;}
/* innerクラスの調整 */
.history  .inner {padding: 20px;background: #f5f5f5;border-radius: 8px;}
/* レスポンシブ対応 */
@media (max-width: 600px) {
  .history table th, .history table td {padding: 10px;}
}

.contactform{max-width: 800px; margin:0 auto;}
.contactform form p{font-size: 13px!important; margin-bottom: 10px!important;}
.contactform form input{margin:5px 0 15px 0; font-weight: bold; background-color: #f5f5f5; border-radius: 4px;box-shadow: none;color: #333;font-family: var(--s-font-61aeba65);font-size: 16px;font-weight: 400;height: 50px;justify-content: center;letter-spacing: 0em;line-height: 1.4;opacity: 1;padding: 10px 16px 10px 16px;text-align: left;width: 100%;max-width: 100%; border: none;}
.contactform form textarea {margin:10px 0 15px 0; font-weight: bold;background: #f5f5f5;border-radius: 4px;box-shadow: none;color: #333;font-family: var(--s-font-61aeba65);font-size: 16px;font-weight: 400;height: 160px;justify-content: center;letter-spacing: 0em;line-height: 1.4;opacity: 1;padding: 10px 16px 10px 16px;text-align: left;width: 100%;max-width: 100%;}
.contactform form input[type="submit"] {
  background: #bdbdbd;
  border-radius:6px;
  box-shadow: 0px 2px 12px 0px rgba(51, 51, 51, 0.3);
  color: #fff;
  flex: none;
  font-size: 18px;
  justify-content: center;
  margin: 0px auto;
  opacity: 1;
  padding: 12px 48px 12px;
  text-align: center;
  letter-spacing: 0.2em;
  display: block;
}

/*デフォルトの送信ボタンのスタイルを無効化する*/
input[type="submit"] {appearance: none;-webkit-appearance: none;-moz-appearance: none;}
span.wpcf7-spinner {display: none;}
.contact form input[type="submit"]{background: #333;border-radius: 320px;box-shadow: 0px 2px 12px 0px rgba(51, 51, 51, 0.3);color: #fff;flex: none;font-size: 18px;justify-content: center;margin: 0px 12px 12px;opacity: 1;padding: 12px 48px 12px;width: 280px;max-width: calc(100% - 24px);text-align: center; letter-spacing: 0.2em;}


#restraurants body{color: #222;}
#restraurants .Wholesale{margin: 40px auto; w}
#restraurants .container{margin: 0 auto; width: 98%;}
#restraurants .top{position: relative; background-image: url(../img/restaurant/top2.jpg); padding-top: 66%;}
#restraurants .top h1{font-family: serif; color:#7c7c7c; position: absolute; top:50%; left:30%;  transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); text-align: center; font-size: 20px;}
#restraurants .guidance{max-width: 1200px; margin: 0 auto; padding:60px 0; text-align: center;}
 
#restraurants .guidance h2{margin: 30px 0; text-align: center;}
#restraurants .guidance p{margin-bottom: 20px;}
#restraurants .merit{position: relative; background-image: url(../img/restaurant/merit.webp); padding: 40px 0; }
#restraurants .merit::before {content:'';position: absolute;  background-color: rgb(255 255 255 / 75%); top: 0; right: 0; bottom: 0; left: 0; }
#restraurants .merit .txt{position: relative; width: 55%;}
#restraurants .merit h2{font-family: serif; margin-bottom: 30px;}
#restraurants .merit h3{font-family: serif; margin:25px 0 5px 0; border-bottom: 1px solid #dedede;}
#restraurants .merit p{font-size: 12px;}
#restraurants .merit .Wholesale{position: relative;}
#restraurants .Benefits {padding: 60px 0;}
#restraurants .Benefits .imgtxt{display: flex; justify-content: space-between;}
#restraurants .Benefits .txt{width: 50%;}
#restraurants .Benefits .img{width: 50%; background-image: url(../img/restaurant/Benefits.jpg); opacity: 0.7;}
#restraurants .Benefits h2{font-family: serif; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #d2d2d2;}
#restraurants .Benefits h3{margin-bottom:3px;}
#restraurants .Benefits p{font-size: 12px; margin-bottom: 25px;}
@media screen and (max-width:768px){
  #restraurants .top {background-image:url(../img/restaurant/top2_sp.jpg); padding-top: 143%;}
  #restraurants .top h1 {top: 12%;left: 50%; width: 100%; font-size: 15px;}
  #restraurants .guidance p{text-align: left;}
  #restraurants .merit .txt{width:100%;}
  #restraurants .Benefits .imgtxt {display: block;}
  #restraurants .Benefits .imgtxt .txt{width: 100%;}
  .Wholesale {width:55%;}
}
/*responsive
----------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px){
  body{margin-top: 20px;}
  .pc{display: none;}
  .sp{display: block;}
  .container {width: 100%; margin: 0 auto;}
  .common { margin: 0 auto;}
  .common .container{margin-bottom: 30px;}
  .common .imgtxt { display:block;}
  .common .txt {width: 100%;}
  .common .img { width: 100%;}
 
  .product h2{width:100%;}
  .messe { padding: 100px 0;}
  .messe .container {width:100%;}
  .top_news {margin: 0 auto;}
  .top_news .container {width:100%;}
  #archive .news {padding:0;}
  .sale {margin: 0 auto;}
  .sale .container {width: 80%; margin: 0 auto;}
  .Wholesale {width: 100%;}
  .container .contactform .checkbox {display:block;}
  .container .contactform .checkbox .wpcf7-list-item label {margin: 0 0 0px 30px;}
  .container .contactform .checkbox .wpcf7-list-item {margin: 0 0 0px 0px !important;}
  .container .contactform .checkbox p{margin: 0!important;}
}