/*
Template:Flash
Theme Name: marubun
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script&display=swap');
/*loader*/

.loader {
  display: block;
  position: relative;
  height: 64px;
  width: 120px;
	z-index:9999;
	top:50%;
	left:45%;
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-transform: translate3d(0,0,0);
}
.loader img{
	max-width:500px;
	width:120px;
}

.loading-square {
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0;
}

.rotateY {
  animation: rotateY 2.8s linear infinite;
}

@-webkit-keyframes rotateY {
    0% {
        -webkit-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    25% {
        -webkit-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    50% {
        -webkit-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    75% {
        -webkit-transform:rotateY(270deg);
        transform:rotateY(270deg);
    }
    100% {
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }
}

@-moz-keyframes rotateY {
    0% {
        -moz-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    25% {
        -moz-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    50% {
        -moz-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    75% {
        -moz-transform:rotateY(270deg);
        transform:rotateY(270deg);
    }
    100% {
        -moz-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }
}


@keyframes rotateY {
    0% {
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        transform:rotateY(0deg);
    }
    25% {
        -webkit-transform:rotateY(90deg);
        -moz-transform:rotateY(90deg);
        transform:rotateY(90deg);
    }
    50% {
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }
    75% {
        -webkit-transform:rotateY(270deg);
        -moz-transform:rotateY(270deg);
        transform:rotateY(270deg);
    }
    100% {
        -webkit-transform:rotateY(360deg);
        -moz-transform:rotateY(360deg);
        transform:rotateY(360deg);
    }

}



/*---------------*/

.section-title{
	font-size:24px;
	text-transform:none;
	letter-spacing:0.5px;
	color:#3f3f3f;
}
.entry-content, .entry-summary{
  color:#121212 !important;
}

.tg-slider-widget .btn-wrapper a{
	color:#313b48;
  border-color:#313b48
}
.tg-container{
	max-width:none;
}

.tg-slider-widget .btn-wrapper a:hover{
	background:#313b48;color:#fff;border-color:#313b48
}

#secondary .widget ul li a{color:#000}

.custom-logo{
	width:150px;
	margin-left:1%;
}
.logo .logo-image{
	padding:10px 10px 0px 10px;
}

i.fa {
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-color:#fff;
  -webkit-text-stroke-width:1px
}
#site-navigation .menu-toggle{
  font-size:26px !important;
}
#site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_item > a{
  color:#0089A7 !important;
}
.current-flash-item a{
  color:#0089A7 !important;
}

#site-navigation .menu{
	background:#FFFDFA !important;
}
#site-navigation ul li {
   padding: 23px 0px 0px 0;
   margin-right:30px;
}
#site-navigation ul li a{
	font-size:15px;
}
.header-onlinestore_icon{
  width: 19px;
  position: absolute;
  right: 9%;
  top: 72px;
}
  @media(min-width:1800px){
    .header-onlinestore_icon {
    right: 7%;
  }
  }
  @media(max-width:1100px){
    .header-onlinestore_icon{
      display: none;
    }
  }

.header-bottom{
	padding:0 5% 0 7%;
}
.lang-switch {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #999;
}
.lang-switch a {
    color: #999;
}
.single.entry-content-block.entry-header{
	margin:0 0 0 0 !important;
	margin-bottom:0 !important;
}
.single.entry-content-block.entry-meta{
	margin-bottom:0px;
}


body .site{
	background-color:#FFFDFA;
	font-family:Times,'Noto Serif JP','YuMincho','Hiragino Mincho ProN';
	font-weight:100;

		}

.header-bottom{
	background-color:#FFFDFA;
	height:110px;
  transition: all 0.3s;
}


.site-navigation-wrapper{
	padding:50px 60px 10px 0px;
}

.main-navigation{
	font-size:12px;
	float:right;

}
.logo{
	padding-top:0px
}
footer{
	color:green;
	font-size:15px;
	background-color:black;
}
.copyright{
  margin-left: 42%;
}
.instagram-logo{
  float: left;
  margin-left: 20px;
  margin-top: -12px;
}
.instagram-logo img{
  width:40px;
}
#scroll-up{
  z-index:10;
  color:#464646;
  background-color: #ccc;
}

#pgc-5-8-0, #pgc-5-8-1, #pgc-5-9-0, #pgc-5-9-1{
  width:50% !important;
}



/*title layout*/
.panel-row-style{
	padding:0;
}
#pg-5-0 > .panel-row-style, #pg-3211-0 > .panel-row-style{
	padding:0 !important;
  margin-top:4%;
}


/* Blog Layout */

#primary {
	width: 100%;
}

.widget-title{
	font-size:18px;
	margin-bottom:1%
}

.tg-blog-widget{
	background-color:#FAFAFA;
}
.widget_text.panel-widget-style.panel-widget-style-for-5-5-1-0{
	margin:2% 0 0 7%;
}


.breadcrumb-trail{
	background-color:#FFFDFA;
}

.header-sticky .is-sticky .header-bottom{
	background-color: #FFFDFA;
}

.brandlogo{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align: center;

	width: 100%;
	height: 100%
}


/*brandlogo size*/

/*rahmen*/
.col715 .brandlogo img, .col3230 .brandlogo img{
 width:58%;
}

/*zephyr*/
.col711 .brandlogo img, .col2830 .brandlogo img{
 width:38%;
}

/*ZOA*/
.col1133 .brandlogo img, .col2834 .brandlogo img{
 width:38%;
}

/*GOSU
.col632 .brandlogo img{
 width:53%;
}
*/

/*porchetto*/

.col1129 .brandlogo img, .col2836 .brandlogo img{
 width:68%;
}

/*UTSUA*/
.col2701 .brandlogo img, .col2701 .brandlogo img{
 width:50%;
}

/*文青*/
.col623 .brandlogo img, .col3232 .brandlogo img{
 width:41%;
}

/* restaurantuse洋食器、和食器*/


.col2221 .brandlogo img{
 width:85%;
}

.col2176 .brandlogo img{
 width:73%;
}

.col2176 .normal, .col2176 .reverse, .col2221 .normal, .col2221 .reverse{
	margin:0 15%;
}


/*デザイナー　コントラクト*/

#pl-2221{
	width:50%;
	text-align: center;
	margin:2% auto;
}



.wp-caption .wp-caption-text{
	text-align:right;
}
.designer-h4, .contract-h4{
	margin:5% 0 0 0;
	font-weight:100;
	font-size:20px;
}
.designer-p{
	margin-top:5%;
	text-align: left;
}
.designer-p-en{
	font-size:16px;
	text-align: left;
}

.designer-p a{
	font-size:14px;
	border-bottom:0.5px solid #6E6E6E;
}

.designer-p-en a{
	font-size:16px;
	border-bottom:0.5px solid #6E6E6E;
}



/*---------------------*/
  @media screen and (min-width: 500px) {
.blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover .normal{
	opacity: 0;
}

.blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover .reverse{
	opacity: 1;
}
}
.reverse{
	opacity: 0;
}

.blog-section .row:nth-child(odd) .blog-content {
	padding: 0;
}

.blog-section .row:nth-child(even) .blog-content {
	padding: 0;
}


.blog-content  {
  height: auto;
  position: relative;
  width: 100%;
}

.blog-content::before {
  content: '';
  display: block;
  padding-top: 100%;
}


h1.trail-title{
	font-size:16px;
	margin:1% 0 0 10%;
}

/*ブログ　ホバー時の色設定*/
@media screen and (min-width: 500px) {
.blog-section .tg-blog-widget:hover .post-image figure a::before {
	border-right:none;
	border-left:none;
	border-top:none;
	border-bottom:none;
	transition: all 0.3s ease;
	opacity:0.2;

    content: " ";
    font-size: 22px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
		box-sizing: border-box;
}
}

.blog-section .row:nth-child(odd) .post-image::before,
.blog-section .row:nth-child(even) .post-image::before{
	border-right:none;
	border-left:none;
	border-top:none;
	border-bottom:none;
}

.blog-section .row:nth-child(odd) .post-image::before,
.blog-section .row:nth-child(even) .post-image::before{

	transition: all 0.3s ease;
	opacity:0.2;
}

@media screen and (min-width: 500px) {
/*ラーメン*/
.blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col715:hover, .blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col3230:hover{
	background-color:#e18082;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col715:hover .post-image::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col3230:hover .post-image::before{
	border-right: 15px solid #e18082;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col715:hover .post-image::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col3230:hover .post-image::before{
	border-right: 22.5vw solid #e18082;
  border-top: 22.5vw solid #e18082;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col715:hover .post-image figure a::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col3230:hover .post-image figure a::before{
	border-right: 22.5vw solid #e18082;
  border-top: 22.5vw solid #e18082;
}

/*zephyr*/
.blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col711:hover, .blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col2830:hover{
	background-color:#e8e09e;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col711:hover .post-image::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col2830:hover .post-image::before{
	border-right: 15px solid #e8e09e;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col711:hover .post-image::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col2830:hover .post-image::before{
	border-right: 22.5vw solid #e8e09e;
  border-top: 22.5vw solid #e8e09e;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col711:hover .post-image figure a::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col2830:hover .post-image figure a::before{
	border-right: 22.5vw solid #e8e09e;
  border-top: 22.5vw solid #e8e09e;
}

/*zoa*/
.blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col1133:hover, .blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col2834:hover{
	background-color:#FFC0CB;
}
.blog-section .row:nth-child(even) .tg-blog-widget.col1133:hover .post-image::before, .blog-section .row:nth-child(even) .tg-blog-widget.col2834:hover .post-image::before{
	border-left: 15px solid #FFC0CB;
}
.blog-section .row:nth-child(even) .tg-blog-widget.col1133:hover .post-image::before, .blog-section .row:nth-child(even) .tg-blog-widget.col2834:hover .post-image::before{
	border-left: 22.5vw solid #FFC0CB;
  border-top: 22.5vw solid #FFC0CB;
}
.blog-section .row:nth-child(even) .tg-blog-widget.col1133:hover .post-image figure a::before, .blog-section .row:nth-child(even) .tg-blog-widget.col2834:hover .post-image figure a::before{
	border-left: 22.5vw solid #FFC0CB;
  border-top: 22.5vw solid #FFC0CB;
}

/*porchetto*/
.blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col1129:hover, .blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col2836:hover{
	background-color:#d6e9ca;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col1129:hover .post-image::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col2836:hover .post-image::before{
	border-right: 15px solid #d6e9ca;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col1129:hover .post-image::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col2836:hover .post-image::before{
	border-right: 22.5vw solid #d6e9ca;
  border-top: 22.5vw solid #d6e9ca;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col1129:hover .post-image figure a::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col2836:hover .post-image figure a::before{
	border-right: 22.5vw solid #d6e9ca;
  border-top: 22.5vw solid #d6e9ca;
}

/*gosu
.blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col632:hover{
	background-color:#87CEEB;
}
.blog-section .row:nth-child(even) .tg-blog-widget.col632:hover .post-image::before{
	border-left: 15px solid #87CEEB;
}

.blog-section .row:nth-child(even) .tg-blog-widget.col632:hover .post-image::before{
	border-left: 22.5vw solid #87CEEB;
  border-top: 22.5vw solid #87CEEB;
}
.blog-section .row:nth-child(even) .tg-blog-widget.col632:hover .post-image figure a::before{
	border-left: 22.5vw solid #87CEEB;
  border-top: 22.5vw solid #87CEEB;
}
*/

/*UTSUA*/

.blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col2701:hover{
	background-color:#CCD5CE;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col2701:hover .post-image::before{
	border-right: 15px solid #CCD5CE;
}

.blog-section .row:nth-child(odd) .tg-blog-widget.col2701:hover .post-image::before{
	border-right: 22.5vw solid #CCD5CE;
  border-top: 22.5vw solid #CCD5CE;
}
.blog-section .row:nth-child(odd) .tg-blog-widget.col2701:hover .post-image figure a::before{
	border-right: 22.5vw solid #CCD5CE;
  border-top: 22.5vw solid #CCD5CE; /*#D7D7D7 #D6DBD7  #CCD5CE*/
}

/*文青*/
.blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col623:hover, .blog-section .tg-blog-widget-layout-1 .tg-blog-widget.col3232:hover{
	background-color:#ADBCE8;
}
.blog-section .row:nth-child(even) .tg-blog-widget.col623:hover .post-image::before, .blog-section .row:nth-child(even) .tg-blog-widget.col3232:hover .post-image::before{
	border-left: 15px solid #ADBCE8;
}
.blog-section .row:nth-child(even) .tg-blog-widget.col623:hover .post-image::before, .blog-section .row:nth-child(even) .tg-blog-widget.col3232:hover .post-image::before{
	border-left: 22.5vw solid #ADBCE8;
  border-top: 22.5vw solid #ADBCE8;
}
.blog-section .row:nth-child(even) .tg-blog-widget.col623:hover .post-image figure a::before, .blog-section .row:nth-child(even) .tg-blog-widget.col3232:hover .post-image figure a::before{
	border-left: 22.5vw solid #ADBCE8;
  border-top: 22.5vw solid #ADBCE8;
}

}

.brandlogo.reverse{
	height:100%;
	width:100%;
}
.brandlogo.reverse a{
	display:block;
	height: 100%;
	width:100%;
}

.brandlogo a img{

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


/*--------------------------*/



/*offers*/

.tg-blog-widget{
	background-color:#FFFDFA
}
.blog-section .row:nth-child(2n){
	background-color:#FFFDFA
}
#panel-5-2-0-1 .section-title-wrapper{
	margin-bottom:50px !important;
}

.tg-blog-widget.tg-column-2.col2176{
	width:39%;
	margin:2% 3% 0 8% !important;
	padding:3% 5% 3% 3%;
	background-color:#F2F2F2;
	border-bottom:2px solid #dbd8d8;
}
.tg-blog-widget.tg-column-2.col2221{
	width:39%;
	margin:2% 8% 0% 3% !important;
	padding:3% 5% 3% 3%;
	background-color:#F2F2F2;
	border-bottom:2px solid #dbd8d8;
}



.blog-section .row:nth-child(2n+1){
	background-color:#FFFDFA
}


/*--------------------------*/
/*NEWS*/


.feature-product-section .tg-feature-product-widget .featured-image-desc::before,
.feature-product-section .tg-feature-product-widget .featured-image-desc span{
	display:none;
}

.feature-title-wrap{
  font-size:25px
}

#news-widget h3.feature-title-wrap a{
	font-size:17px;
  line-height:2vw;
}


#news-widget h4.feature-desc-wrap{
	font-size:14px;
}
.feature-desc-wrap a{
	color:white;
}
#news-widget .tg-column-wrapper .tg-column-3{
	width:23%;
	margin-left:5.5%;
}

#news-widget .tg-column-wrapper .tg-column-3:first-child{
	margin-left:12%;
}

#news-widget .tg-column-wrapper .tg-column-3:last-child{
	margin-left:5%;
}
.news_cat-news{
	margin:5% 6%;
  min-height:700px;
}

.news-more:hover{
  opacity:0.5;
}
#post-2574 .su-responsive-media-yes iframe{
  width:50% !important;
  height:50% !important;
  min-width: 500px;
  min-height: 300px;
}

/*---------------------------------------*/


/*News archive レイアウト*/

.breadcrumb-trail.breadcrumbs h1{
	display:none;
}
#pg-5-3{
	margin:5% 0;
}

#news-archive{
	margin:2% 3% 10% 3%;
}
#news-archive .feature-product-section .tg-feature-product-widget{
	width:20%;
	float:left;
	margin-left:4.55%;
  margin-top:2%;
}
#news-archive .tg-column-wrapper{
	margin-left:0 !important;
}

#news-archive .feature-desc-wrap p{
  margin:0;
}
.nav-previous{
  display: none;
}


/*特集ページレイアウト*/


.pg-5-3-feature{
	margin:4% 0 3% 0 !important;
}

.feature_category{
  margin-top:3%;
}
.feature-archive li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.feature-archive li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1.5px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.feature-archive li a:hover::after {
  transform: scale(1, 1);
}

.feature-archive a img{
  padding:0;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
}
.feature-top-container:hover a img{
  -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}


#pgc-632-0-0{z-index:10;}

ul.feature_category {
    text-align: right;
    margin-right: 5%;
}

ul.feature_category li {
    display: inline-block;
    margin: 0 20px;
}

.feature-top-container {
	height: 360px;
}
ul.feature_category li{
  font-weight:400;
  margin: 0 12px;
  padding:2px;
}
ul.feature_category li.sel {
  background-color:#f2f2f2;
  border-radius:5px;
	/*font-weight: 600;*/
}
.feature-archive .feature-product-section .tg-feature-product-widget{
  margin-top:0 !important;
}





.feature-archive .tg-feature-product-layout-1 .tg-feature-product-widget:hover .featured-image-desc,
.feature-archive .tg-feature-product-layout-2 .tg-feature-product-widget:hover .featured-image-desc{
  display: none;
}

.feature-archive-h3{
  font-size:21px;
}
.feature-backtoonlinestore{
  text-align: right;
  margin: 0 5% 5% 0;
}
.feature-backtoonlinestore a{
  border-bottom:1px solid #ccc
}
.feature-topwrapper h4{
  font-size:14px;
  font-weight:600;
  margin:5% 0;
}
.feature-topwrapper p{
  font-weight:200;
  font-size:13px;
}

.feature-topwrapper{
  padding:2%;
}
.feature{
  text-align: center;
  font-size:15px;
}
.feature a img {
  padding: 0;
}
.feature-text{
  font-size:14px;
}
.feature .entry-title.hidden {
  display: block;
  text-align: center;
}
.feature .entry-content-block {
  width: 80% !important;
  text-align: center;
  padding: 5% 6%;
  margin: 3% auto;
  background-color: #f2f2f2;
  font-size:16px;
  font-weight: 300;
}
.single .feature .entry-content-block .entry-header {
  margin: 0 0 5% 0;
  border-bottom: 1px solid #ccc;
  text-align: left;
  font-weight: 500;
}
.feature .entry-title{
  padding-bottom:2%;
}
.feature .entry-content {
  border-bottom: none !important;
}
.feature a:hover{
  transition: all 0.3s ease;
  opacity:0.8;
}

.rahmenshokunin-top{
  margin-top:5% !important;
}

.rahmenshokunin{
  width: 100%;
  text-align: center;
  padding: 0 10%;
  margin-top: 0px;
  overflow: hidden;
  margin-top: 10%;
}

.rahmenshokunin-img{
  width: 30%;
  float: left;
  text-align:right;
}

.rahmenshokunin-text{
  width: 60%;
  float: left;
  text-align: left;
  margin:2% 0 0 10%;
}
.rahmenbachi-story{
  width:70%;
  margin:auto;
}
.rahmenbachi-story img{
  margin-bottom:5%;
}
.rahmenbachi-story-text{
  text-align: left;
  border-bottom: 1px dotted;
  margin-bottom:3%;
}

.rahmen-story-contents{
  margin-top:3%;
}
.rahmenstory-topimg{
  padding-bottom:5%;
  border-bottom: 1px dotted;
  margin-bottom:10%;

}


/*特集loading----*/

/*#postsArea.loading:before*/

.feature-preloader{
  display:none;
  position: relative;
}
.feature-preloader.loading{
  display:block;
}

.loading span {
	display: block;
	bottom: 0px;
	width: 9px;
	height: 5px;
	background: #21858c;
	position: absolute;
	-webkit-animation: postArea 1.5s infinite ease-in-out;
	-moz-animation: postArea 1.5s infinite ease-in-out;
	-ms-animation: postArea 1.5s infinite ease-in-out;
	-o-animation: postArea 1.5s infinite ease-in-out;
	animation: postArea 1.5s infinite ease-in-out;
}

.loading span:nth-child(2) {
	left: 11px;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-ms-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}

.loading span:nth-child(3) {
	left: 22px;
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}

#spinners {
	position: absolute;
	top: 400px;
	left: 49%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media(max-width:1200px){
  #spinners {
    top:350px;
    left:48%;
  }
}
@media(max-width:400px){
  #spinners {
    top:280px;
    left:46%;
  }
}

.feature-preloader {
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}



@-webkit-keyframes postArea {
	0% {
		height: 5px;
		-webkit-transform: translateY(0px);
		background: #21858c;
	}
	25% {
		height: 30px;
		-webkit-transform: translateY(15px);
		background: #30aeb7;
	}
	50% {
		height: 5px;
		-webkit-transform: translateY(0px);
		background: #21858c;
	}
	100% {
		height: 5px;
		-webkit-transform: translateY(0px);
		background: #21858c;
	}
}

@-moz-keyframes preloader {
	0% {
		height: 5px;
		-moz-transform: translateY(0px);
		background: #21858c;
	}
	25% {
		height: 30px;
		-moz-transform: translateY(15px);
		background: #30aeb7;
	}
	50% {
		height: 5px;
		-moz-transform: translateY(0px);
		background: #21858c;
	}
	100% {
		height: 5px;
		-moz-transform: translateY(0px);
		background: #21858c;
	}
}

@-ms-keyframes preloader {
	0% {
		height: 5px;
		-ms-transform: translateY(0px);
		background: #21858c;
	}
	25% {
		height: 30px;
		-ms-transform: translateY(15px);
		background: #30aeb7;
	}
	50% {
		height: 5px;
		-ms-transform: translateY(0px);
		background: #21858c;
	}
	100% {
		height: 5px;
		-ms-transform: translateY(0px);
		background: #21858c;
	}
}

@keyframes preloader {
	0% {
		height: 5px;
		transform: translateY(0px);
		background: #21858c;
	}
	25% {
		height: 30px;
		transform: translateY(15px);
		background: #30aeb7;
	}
	50% {
		height: 5px;
		transform: translateY(0px);
		background: #21858c;
	}
	100% {
		height: 5px;
		transform: translateY(0px);
		background: #21858c;
	}
}

/*採用ページ*/


#post-2743 .entry-content{
  width: 80%;
  margin: 6% 10%;
  padding:0 5%;
}

#pg-2743-1{
  position:relative;
}
#panel-2743-1-0-0{
  text-align:center;
}
#panel-2743-1-0-0 img{
  width:100% !important;
}
#panel-2743-1-0-1 .widget_text{
  padding: 5% 8%;
  background-color: #eaf2fa;
  border-radius:3px;
  color: #202020;
  font-weight: 400;
  background-color: rgba(240, 240, 240, 0.75);
  border-radius: 3px;
  position: absolute;
  top: 25%;
  left: 14%;
  width: 70%;
}

#panel-2743-1-0-1 p{
  line-height:35px;
  font-weight: 500;
}

      @media(max-width:1100px){
        #post-2743 .entry-content{
          width: 90%;
          margin: 6% 5%;
          padding:0 5%;
        }

        #panel-2743-1-0-0 img{
          opacity:0.3;
        }
        #panel-2743-1-0-1 .widget_text{
          background-color:transparent;
          width:100%;
          top:0;
          left:0;
          font-weight: 500;
        }
        #panel-2743-1-0-1 .widget-title{
          margin-top:10% !important;
        }

      }

      @media(max-width:700px){
        #panel-2743-1-0-1 .widget-title{
          margin-top:5% !important;
          margin-bottom: 10%;
        }
        #panel-2743-1-0-1 p{
          line-height:30px !important;
        }

      }
      @media(max-width:500px){
        #panel-2743-1-0-0 img{
          opacity:1;
        }
        #panel-2743-1-0-1 .widget-title{
          margin-bottom: 10%;
        }
        #panel-2743-1-0-1 .widget_text{
          position:relative;
          font-weight:400 !important;
        }
        .su-spoiler-title:hover {
          background-color: transparent !important;
          border-radius: 0px;
        }


      }



#post-2743 .widget-title{
  margin-top:1%;
  text-align:center;
  margin-bottom: 6%;
  font-size: 20px;
}

#pg-2743-2{
  margin-top:10%;
}

#pg-2743-3{
  margin-top:10%;
  background-color:#f2f2f2;
}




.everest-forms{
  width: 50%;
  margin:5% auto;
}

.job-contents{
  margin-left:20px;
}
.job-type{
  width:48%;
  float:left;
  padding:10px 20px;
  border:1px solid #ccc;
  margin:0 1%;
}
.su-spoiler-title:hover {
    background-color: #f2f2f2;
    transition: ease 400ms;
    border-radius: 5px;
}
#pg-2743-3 .widget-title{
  margin-top:12%;
}
.su-spoiler-title{
  font-size:16px !important;
  border-bottom: 1px solid #ccc;
  line-height: 40px !important;
  padding: 7px 7px 7px 40px !important;
}

.su-spoiler-icon{
  top:15px !important;
}
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon{
  left:7px !important;
}


#post-2743 .job-contents h3{
  font-size:16px;
  margin-top:5%;
}

#post-2743 p, #post-2743 ul{
  margin-top:3%
}

#post-2743 button{
  background:#5cb7bd;
}




/*--------------------------*/

/*企業理念*/


#pgc-5-6-1 h6{
	text-align:center;
}

#pgc-5-6-1 p{
	text-align:center;
}
#pl-5 #panel-5-6-1-0{
	margin: 15% 0% 10% 0%;
}

.company-margin {
	margin-bottom:0px !important;
}


.company-p{
	line-height:40px !important;
	/*font-size:1vw;*/
	text-align:center;
}
.br-company-1{
	display:none;
}



#pgc-5-7-1{
	margin-left:6%;
}
.widget_text.panel-widget-style.panel-widget-style-for-5-7-1-0{
	margin:9% 0 0 0;
}
.widget_text.wow.fadeIn.panel-widget-style.panel-widget-style-for-5-7-1-1{
	margin-top:3%;
}

#panel-5-9-2-0 h6{
	margin-bottom:2px;
}
#panel-5-9-2-0 p{
	line-height:25px;
}

.company-ex-2{
	display:none;
}

.henkaku{
	margin-top:30px !important;
}


/*ブランドページの設定*/

#panel-715-1-1-0{
	float:left;
}




/*--------------------------*/

/*ラーメン鉢ページ*/

.ml-slider-3-8-1{
  width:75%;
}

img.alignnone.size-medium.wp-image-1314, .wp-image-1314{
	position:absolute;
	top:0;
	z-index:1;
	margin:4% 0 0 23%;
	width:11%;
  opacity: .9;
}
#panel-715-1-2-0 img, #panel-2832-1-2-0 img{
	width:100%;
}

.v-bottom{
	padding:7% 3% 0 0;
}
.v-bottom p{
	margin:0 0 10px 0;
}
.v-bottom h4{
	margin-bottom:30px;
	text-align:center;
}
.a-rahmen-ex{
	float:right;
	margin:1% 5%;
	color:#606060;
}


#panel-715-2-0-0 h3{
	text-align:center;
}

#pg-715-1, #pg-2832-1{
	max-width:100%;
	background-color:#F2F2F2;
	padding:5% 0 5% 0;
}

.widget_text.panel-widget-style.panel-widget-style-for-715-2-0-0{
	text-align:center;
}

.widget_text.panel-widget-style.panel-widget-style-for-715-2-0-0 h3{
	display:inline-block;
	font-size:23px;
	border-bottom:1px solid;
}

.image.wp-image-1302.attachment-full.size-full, .image.wp-image-1915.attachment-full.size-full{
	padding:0 8%;
}
.image.wp-image-1915.attachment-full.size-full{
	margin-top:2%;
}


#pg-715-4, #pg-2832-4{
	display:none;
}

#panel-632-1-1-0 h3{
	font-size:20px;
}
#panel-632-1-1-0 p{
	font-size:15px !important;
}


  /*ラーメン鉢英語ページ*/





  #pg-2832-3{
    padding:0 8%;
  }




/*--------------------------*/

/*zephyr*/

#pg-711-0, #pg-2830-0{
	position:relative;
	z-index:0;

}
/*
#pg-711 .section-title h3{
	font-size:21px;
}
#pl-711 .widget-title h3{
	font-size:18px;
}
*/

#pgc-711-0-0, #pgc-2830-0-0{
	position:absolute;
  bottom:0;
	left:0;
	z-index:1;
	margin:20% 0 0 10%;

}

/*----*/
#panel-711-0-0-0 img, #panel-2830-0-0-0 img{
  max-width:25% !important;
}
#pgc-711-0-1, #pgc-2830-0-1{
margin: 5% 0 0 30%;
}
#panel-711-0-0-1, #panel-2830-0-0-1{
  margin-top:6%;
}
#panel-711-0-0-1 p, #panel-2830-0-0-1 p{
  margin-top:5%;
}
.panel-row-style.panel-row-style-for-711-3, #pgc-711-5-0, #pgc-711-5-1, #pgc-711-5-2,
.panel-row-style.panel-row-style-for-2830-3, #pgc-2830-5-0, #pgc-2830-5-1, #pgc-2830-5-2 {
  text-align: center;
}
.panel-row-style.panel-row-style-for-711-3 .so-panel,
.panel-row-style.panel-row-style-for-2830-3 .so-panel{
  margin-top: 5%;
}
#pl-711 #panel-711-2-0-0, #pl-711 #panel-711-4-0-0,
#pl-2830 #panel-2830-2-0-0, #pl-2830 #panel-2830-4-0-0 {
  margin: 0% 0% 0% 12% !important;
}
#pgc-711-5-0, #pgc-711-5-1, #pgc-711-5-2,
#pgc-2830-5-0, #pgc-2830-5-1, #pgc-2830-5-2{
  margin-top: 2%;
}


#pg-711-6, #pg-2830-6{
	text-align:center;
}

/*----*/
.panel-711-0-0-1 .textwidget.custom-html-widget p,
.panel-2830-0-0-1 .textwidget.custom-html-widget p{
	font-size:13px;
}

.image.wp-image-1367.attachment-1000x530.size-1000x530{
	margin:8% 0 0 45%;
}


.image.wp-image-1318.attachment-100x100.size-100x100{
	margin:0 0 3% 10%;
	width:20%;
}
#pg-711 .widget-title h3, #pg-2830 .widget-title h3{
	font-size:18px !important;
}



.breadcrumb-trail.breadcrumbs{
	background-color:transparent;
	margin-bottom:0px;
}

.companyimage{
	float:right;
}

.wpcf7-form-control.wpcf7-submit{
	background:#0089A7 !important;
}

#masthead{
	margin-bottom:30px;
}
#pg-711-3 .wp-caption-text, #pg-2830-3 .wp-caption-text{
	text-align:left !important;
}
#panel-711-4-0-0 a, #panel-2830-4-0-0 a{
	border-bottom:0.5px solid #6e6e6e;
	color:inherit;
}



/*--------------------------*/

/*ZOAのレイアウト設定*/

/*Top*/
.so-panel.widget.widget_media_image.panel-first-child.panel-last-child{
	position:relative;
}
.brandpage-zoalogo{
	position:absolute;
	z-index:1;
	width:9%;
	margin:18% 0 0 19.5%;
}

.panel-row-style.panel-row-style-for-1133-0,
.panel-row-style.panel-row-style-for-2834-0{
	text-align:center;
}

.widget_text.zoa-top.panel-widget-style.panel-widget-style-for-1133-0-2-0 h3,
.widget_text.zoa-top.panel-widget-style.panel-widget-style-for-2834-0-2-0 h3{
	margin:18% 0 8% 8%;
}
.panel-row-style.panel-row-style-for-1133-0 p,
.panel-row-style.panel-row-style-for-2834-0 p{
 	text-align:left;
	margin-left:10%;
}


.widget_text.panel-widget-style.panel-widget-style-for-1133-1-0-0 h3,
.widget_text.panel-widget-style.panel-widget-style-for-2834-1-0-0 h3{/*シリーズ*/
	text-align:center;
	margin-right:3%;
}
.panel-row-style.panel-row-style-for-1133-1 h3,
.panel-row-style.panel-row-style-for-2834-1 h3{
	font-size:25px;
	padding:0 0 0 0;
}


#pgc-1133-2-0,
#pgc-2834-2-0{
	background-color:#F2F2F2;
}
#pgc-1133-2-1,
#pgc-2834-2-1{
	background-color:#FAFAFA;
}
#pgc-1133-2-0, #pgc-1133-2-1,
#pgc-2834-2-0, #pgc-2834-2-1{
	width:100% !important;
	padding:5%;
}
#pg-1133-2 > .panel-row-style,
#pg-2834-2 > .panel-row-style{
	padding:0 !important;
}


.middle{/*prime daily タイトル*/
	font-size:17px;
	text-align:center;
	padding:0 0 2% 3%;
	margin:0 10% 0 7%;
}
.zoa-series{
	max-height:3em;
}


#panel-1133-2-0-1 p, #panel-1133-2-1-1 p,
#panel-2834-2-0-1 p, #panel-2834-2-1-1 p{/*prime daily 文章*/
	margin:0 0 0 0;
	padding:2% 10% 0 8%;
}


#pg-1133-2 img, #pg-2834-2 img{
	width:260px;
	margin-top:40%;
}

#panel-w5bf535e309776-0-1-0, #panel-w5bf535e309798-0-1-0, #panel-w5bf535e3097b1-0-1-0, #panel-w5bf535e3097c8-0-1-0,
#panel-w5bf4faab2939f-0-1-0, #panel-w5bf4faab293c6-0-1-0, #panel-w5bf535e309806-0-1-0, #panel-w5bf535e309831-0-1-0{
	margin:40% 0 40% 0;
}
.zoa-item-ex{
	margin-top:90%;
}
.zoa-item-ex h5{
	font-size:1.4vw
}

.zoa-item-ex p{
	margin:10px 0 0 0;
	max-height:4em;
	font-size:1.1vw
}


#pg-1133-3, #pg-2834-3{/*ロゴ説明*/
	margin:10% 15% 0 15%;
	padding:5%;
	text-align:center;
	background-color:#F2F2F2;
}


#panel-1133-3-0-0, 
#panel-2834-3-0-0{
	padding:25% 0 10% 0;

}

#pg-1133-3 img,
#pg-2834-3 img{
	width:350px;
	padding-left:2%;
}

#pg-1133-3 h3,
#pg-2834-3 h3{
	margin-bottom:30px;
}



/*--------------------------*/


/*文青のレイアウト設定*/


.post-623 .entry-content{
  width:80%;
  margin:0 10%;
}



#panel-623-1-0-0{
  margin-bottom: 15% !important;
}
#panel-623-1-0-0 img{
  width:120px;
}


#pgc-623-1-0{
  position:absolute;
  top:300px;
  left:15%;
  font-weight:500;
}


#pg-623-2{
  margin-top:10%;
}
#pg-623-2 .widget-title, #pg-623-4 .widget-title{
  margin-bottom: 20px;
}

#pg-623-4{
  display: none;
}
#pgc-623-4-0, #pgc-623-4-1{
  margin-top:10%;
}
#panel-623-4-0-1, #panel-623-4-1-1{
  margin-top:5%;
}

#pg-623-5{
  text-align: center;
  margin-top:10%;
}
.bunsei-catalog{
  width:110px;
}


@media(min-width:1200px){
  #pgc-623-1-0{
    font-size:15px;
  }
}

@media(max-width:1200px){
  #pgc-623-1-0{
    top:250px;
  }
}
@media(max-width:1000px){
  #pgc-623-1-0{
    top:180px;
  }
}

@media(max-width:780px){
  .post-623 .entry-content{
    width:90%;
    margin:0 5%;
  }

  #panel-623-0-0-0{
    background-image: url(https://www.marubun-arita.co.jp/wp/wp-content/uploads/2018/08/DSC_0217-backgroundimgae.jpg);
    background-size:contain;
    background-repeat: no-repeat;

  }
  #panel-623-0-0-0 img{
    visibility: hidden;
  }

  #pgc-623-1-0{
    position:static;
    margin-top:-20%;
    z-index:1;
  }
  #panel-623-1-0-0{
    margin-left:3%;
  }
  #panel-623-1-0-0 img {
    width:150px;
  }
  #pg-623-2, #pg-623-3{
    display: none;
  }
  #pg-623-4{
    display: block;
  }

}


@media(max-width:500px){

  #panel-623-1-0-0 img {
    width: 90px;
  }


}


/*porchettoのレイアウト設定*/
#panel-1129-0, #panel-2836-0{
	margin-top:7%;
}

#panel-1129-0-0-0, #panel-2836-0-0-0{
	text-align:center;
	margin-top:15%;
}
#panel-1129-0-0-1, #panel-2836-0-0-1{
	text-align:center;
	margin-top:10%;
	padding:0 5% 0 10%;
}
.image.wp-image-1312.attachment-medium.size-medium{
	width:45%;
}

#panel-1129-0-1-0, #panel-2836-0-1-0{
	text-align:left;
	width:90%;
}

#pg-1129-1, #pg-2836-1{
	padding-top:4%;
}
#pg-1129-2, #pg-2836-2{
	text-align:center;
	padding:5% 6% 10% 6%;
}

#panel-1129-2-0-1,#panel-1129-2-1-1,#panel-1129-2-2-1,
#panel-1129-2-0-2,#panel-1129-2-1-2,#panel-1129-2-2-2,
#panel-2836-2-0-1,#panel-2836-2-1-1,#panel-2836-2-2-1,
#panel-2836-2-0-2,#panel-2836-2-1-2,#panel-2836-2-2-2 {
	margin-top:30%;
}


/*--------------------------*/


/*洋食器、和食器　レイアウト設定*/

#pg-2176-0{
	text-align:center;
	margin:2% 11% 5% 11%;
}
#pgc-2176-0-0{
	margin-right:5%
}
#pgc-2176-0-1{
	margin-left:5%;
}

.restaurant-h4{
	margin-top:8%;
	font-weight:100;
	font-size:18px;
}
.restaurant-p{
	text-align:left;
	margin-top:2%;
	font-size:14px;
}
.restaurant-p a{
	color:inherit;
	border-bottom:0.5px solid #6E6E6E;
	font-size:14px;
}
.restaurant-p a:hover{
	opacity:0.5;
}



/* NEWS 追加　*/

.linkarea {
	position: relative;
    display: block;
    height: 100%;
    z-index: 300;
}

.feature-product-section .tg-feature-product-widget .feature-title-wrap,
.feature-product-section .tg-feature-product-widget .feature-desc-wrap {
	position: relative;
    z-index: 100;
}




*/

/*--------------------------*/

/*カタログアイコン*/

a{
	color:#313b48;
}
.square_btn:hover{
	opacity:0.5;
}


.square_btn.rahmen{
    display: inline-block;
    padding: 16px 12px 12px 12px;
    background: #F2F2F2;
    color:#2E2E2E;
    border: solid 1px #E6E6E6;
    border-radius: 3px;
		font-size:15px;

}
img.rahmen-catalog{
  width:130px;
	margin-bottom:4px;
}
#panel-715-5-0-0, #panel-2832-5-0-0{
	text-align:center;
}


.square_btn.zephyr{
	display: inline-block;
	padding: 6px 12px 4px 12px;
	background: #F2F2F2;
	color:#2E2E2E;
	border: solid 1px #E6E6E6;
	border-radius: 3px;
	font-size:15px;
}
img.zephyr-catalog{
	width:80px;
	margin:bottom:4px;
}


.square_btn.zoa{
    display: inline-block;
    padding: 16px 12px 12px 12px;
    background: #F2F2F2;
    color:#2E2E2E;
    border: solid 1px #E6E6E6;
    border-radius: 3px;
		font-size:15px;
}
img.zoa-catalog{
	width:90px;
	margin-bottom:4px;
}


.square_btn.potchetto{
    display: inline-block;
    padding: 16px 12px 12px 12px;
    background: #F2F2F2;
    color:#2E2E2E;
    border: solid 1px #E6E6E6;
    border-radius: 3px;
		font-size:15px;
}
img.porchetto-catalog{
	margin-bottom:4px;
	width:70px;
}



.2016-catalog{
	width:70px;
}


/*
.square_btn.gosu{
	display: inline-block;
	padding: 4px 10px;
	background: #F2F2F2;
	color:#2E2E2E;
	border: solid 1px #E6E6E6;
	border-radius: 3px;
	font-size:15px;
}
.gosu-catalog{
	width:110px;
}
*/

.square_btn.restaurant{
    display: inline-block;
    padding: 30px 25px 25px 30px;
    background: #FAFAFA;
    border: solid 1px #F2F2F2;
    border-radius: 3px;
		font-size:15px;

}


#panel-632-3-0-0{
	text-align:center;
}

#bottom-footer{
	padding-left:3%;
}

/*NEWSの各ページ*/

.wp-caption img[class*="wp-image-"]{
	margin-left:0;
}



/*googlemap*/
.su-gmap.su-responsive-media-yes{
	width:85%;
}

/*--------------------------*/

@media (min-width:1500px){

  .feature-top-container{
    height:460px;
  }



}




@media (max-width:1200px){
	.tg-container{
		width:100% !important;
		padding:0 !important;
	}

	/*ラーメン*/



	/*zephyr1200*/
	#panel-711-0-0-1 p, #panel-2830-0-0-1 p{
		font-size:13px;
	}
	.image.wp-image-1318.attachment-100x100.size-100x100 {
		width:22%;
	}

	.company-p{
		line-height:35px !important;

	}

}






/*--------------------------*/


@media (max-width:1000px){
	.tg-container{
		width:100% !important;
		padding:0 !important;
	}

	#panel-5-6-1-0 h5{
		font-size:16px !important;
	}
	#pgc-5-6-1 p{
		margin:0px;
	}

/*ラーメン鉢ページ*/

	#panel-715-1-2-0 img, #panel-2832-1-2-0 img{
		margin-top:10%;

	}
	#pl-5 #panel-5-9-2-1{
		margin:0 5% !important;
	}

	#pgc-5-9-1{
		line-height:23px !important;
	}

	#pgc-5-9-1 h5{
		font-size:15px !important;
	}
	.custom-logo{
		margin-left:20% !important;
	}

	#pgc-632-1-1{
		padding:10% 5% 0 0;
	}

	#panel-632-1-1-0 h3{
		font-size:19px;
	}
	#panel-632-1-1-0 p{
		font-size:14px !important;
	}

/*zephyr*/

.image.wp-image-1318.attachment-100x100.size-100x100 {
	width:19%;
}
.image.wp-image-1367.attachment-1000x530.size-1000x530{
	width:100%;
	margin:8% 0 0 45%;
}

/*zoa*/

	.widget_text.zoa-top.panel-widget-style.panel-widget-style-for-1133-0-2-0 h3,
  .widget_text.zoa-top.panel-widget-style.panel-widget-style-for-2834-0-2-0 h3{
		margin:5% 0 5% 8%;
		font-size:18px;
	}
	#panel-1133-0-2-0 p,
  #panel-2834-0-2-0 p{
		font-size:13px;
	}
	#pg-1133-2 img,
  #pg-2834-2 img{
		margin-top:50%;
	}

	#pgc-1133-2-0, #pgc-1133-2-1,
  #pgc-2834-2-0, #pgc-2834-2-1{
		padding:5% 5% 10% 5%;
	}

	#panel-w5ba39e4c6af1a-0-1-0 ,#panel-w5ba33c6b6f44e-0-1-0 ,#panel-w5ba33d63cd70d-0-1-0 ,#panel-w5ba33dd43a343-0-1-0 ,
	#panel-w5ba390102bc26-0-1-0 ,#panel-w5ba33cb211d8e-0-1-0 ,#panel-w5ba33d63cda63-0-1-0 ,#panel-w5ba33dd43a679-0-1-0 {
		font-size:17px;
		margin-top:75%;
	}

	#panel-w5ba39e4c6af1a-0-1-0 p,#panel-w5ba33c6b6f44e-0-1-0 p,#panel-w5ba33d63cd70d-0-1-0 p,#panel-w5ba33dd43a343-0-1-0 p,
	#panel-w5ba390102bc26-0-1-0 p,#panel-w5ba33cb211d8e-0-1-0 p,#panel-w5ba33d63cda63-0-1-0 p,#panel-w5ba33dd43a679-0-1-0 p{
		font-size:13px;
	}


	#panel-1133-3-0-0,
  #panel-2834-3-0-0{
		padding:20% 0 0 0 !important;
	}



	/*gosu*/




	/*porchetto*/

	#panel-1129-0-0-0, #panel-2836-0-0-0,{
		margin-top:5% !important;
	}


	/*和食器*/
	#pgc-2221-0-1 h4{
		margin-top:10% !important;
		font-size:19px;
	}
	#pgc-2221-0-1 p{
		font-size:14px;
	}

	/*洋食器*/
	#pgc-2176-0-1 h4{
		margin-top:10% !important;
		font-size:19px;
	}
	#pgc-2176-0-1 p{
		font-size:14px;
	}

	/*NEWS*/
.feature-title-wrap{
  font-size:18px;
}

	/*company 1000*/


/*特集ページ1000*/

.feature .entry-content-block {
  width:90% !important;
}
.column-writer img{
  float:none;
}
.column-writer{
  text-align:left !important;
}



/*採用ページ1000px*/

.everest-forms{
  width:80%;
}


}





/*--------------------------*/


@media (max-width:780px){

	.widget_text.panel-widget-style.panel-widget-style-for-5-7-1-0{
		margin:5% 0 0 0;
	}
	.feature-title-wrap{
		font-size:14px;
	}





	/*--------------------------*/

	/*ラーメン鉢*/

		#pg-5-7 > .panel-row-style{
			padding:0 6% !important;
		}

		.widget_text.panel-widget-style.panel-widget-style-for-5-5-1-0{
			margin:2% 0 0 0 !important;
		}
		#pg-715-1{
			padding:5% 0 0 0;
		}

		#pg-715-3, #pg-2832-3{
			display:none;
		}
		#pg-715-4, #pg-2832-4{
			display:block;
		}


		.v-bottom h4{
			font-size:17px;
		}
		.v-bottom p{
			font-size:13px;
		}
		.v-bottom{
			padding:5% 15% 0 15% !important;
		}
		.a-rahmen-ex{
			margin:1% 15%;
		}
		#panel-715-1-2-0 img, #panel-2832-1-2-0 img{
			width:70%;
			margin:7% 15% 10% 15%;
		}
		#panel-715-2-0-0 h3, #panel-2832-2-0-0 h3{
			font-size:20px;
		}



		.rahmen-text-mobile{
			margin:5% 10% 10% 32% !important;
			line-height:25px;
			text-indent:1em;
		}

		#panel-715-4-0-0, #panel-715-4-0-2, #panel-2832-4-0-0, #panel-2832-4-0-2{
			text-align: center;
		}
		#panel-715-4-0-0 img, #panel-2832-4-0-0 img{
			width:50%;
		}

		#panel-715-4-0-2 img, #panel-2832-4-0-2 img{
			width:20%;
		}



		.square_btn.rahmen{
				display: inline-block;
				padding: 5px 2px 2px 5px;
				background: #F2F2F2;
				color:#2E2E2E;
				border: solid 1px #E6E6E6;
				border-radius: 3px;
				font-size:13px;

		}
		img.rahmen-catalog{
			width:100px;
			margin-bottom:2px;
		}
		#panel-715-5-0-0{
			text-align:center;
		}

		#pg-715-0, #pg-2832-0{
			margin-bottom:75px !important;
		}

		#pg-715-1{
			margin-bottom:100px !important;
		}





		/*--------------------------*/
		/*zephyr*/
		#pg-711-0, #pg-2830-0{
			background-image:url(//www.marubun-arita.co.jp/wp/wp-content/uploads/2018/09/zephyr-white.jpg);

		}
    #pgc-711-0-1, #pgc-2830-0-1{
      display: none;
    }
		.image.wp-image-1318.attachment-100x100.size-100x100{
			width:15%;
			margin:0 0 3% 5%;
		}
		.image.wp-image-1367.attachment-1000x530.size-1000x530{
			display:none;
		}
		#pgc-711-0-0, #pgc-2830-0-0{
			bottom:auto;
			margin:8% 0 0 10%;
		}

		#panel-711-2-0-0, #panel-711-4-0-0,
    #panel-2830-2-0-0, #panel-2830-4-0-0{
			padding:0 8% 0 8%;
		}
		#pl-711 #panel-711-2-0-0, #pl-711 #panel-711-4-0-0,
    #pl-2830 #panel-2830-2-0-0, #pl-2830 #panel-2830-4-0-0{
			margin:0 !important;
		}
		#panel-711-5-0-0, #panel-711-5-1-0, #panel-711-5-2-0,
    #panel-2830-5-0-0, #panel-2830-5-1-0, #panel-2830-5-2-0{
			margin-bottom:5% !important;
		}





		/*--------------------------*/

		/*zoa780*/

		.brandpage-zoalogo{
			width:16%;
			margin:39% 0 0 -7%;
		}
		#pg-1133-0 > .panel-row-style,
    #pg-2834-0 > .panel-row-style{
			padding:3% 8% 0 8% !important;
		}

		.widget_text.zoa-top.panel-widget-style.panel-widget-style-for-1133-0-2-0 h3,
    .widget_text.zoa-top.panel-widget-style.panel-widget-style-for-2834-0-2-0 h3{
			margin:5% 0;
		}
		.panel-row-style.panel-row-style-for-1133-0 p,
    .panel-row-style.panel-row-style-for-2834-0 p{
			margin:0 5%;
		}

		#pgc-1133-2-0, #pgc-1133-2-1,
    #pgc-2834-2-0, #pgc-2834-2-1{
			padding:15% 10% 10% 10% !important;
		}
		#pg-1133-2 img,
    #pg-2834-2 img{
			margin-top:15%;
		}
		#panel-w5bf535e309776-0-1-0, #panel-w5bf535e309798-0-1-0, #panel-w5bf535e3097b1-0-1-0, #panel-w5bf535e3097c8-0-1-0,
		#panel-w5bf4faab2939f-0-1-0, #panel-w5bf4faab293c6-0-1-0, #panel-w5bf535e309806-0-1-0, #panel-w5bf535e309831-0-1-0 {
			margin-top:7%;
		}
		#pg-1133-2 .panel-grid-cell,
    #pg-2834-2 .panel-grid-cell{
			text-align:center;
		}
		#panel-1133-2-0-1 p, #panel-1133-2-1-1 p,
    #panel-2834-2-0-1 p, #panel-2834-2-1-1 p{
			padding:5% 0 0 5%;
			text-align:left;
		}
		#panel-w5bf535e309776-0-1-0 h5,#panel-w5bf535e309798-0-1-0 h5,#panel-w5bf535e3097b1-0-1-0 h5,#panel-w5bf535e3097c8-0-1-0 h5,
		#panel-w5bf4faab2939f-0-1-0 h5,#panel-w5bf4faab293c6-0-1-0 h5,#panel-w5bf535e309806-0-1-0 h5,#panel-w5bf535e309831-0-1-0 h5{
			margin-top:1% !important;
		}
		#panel-w5bf535e309776-0-1-0 p,#panel-w5bf535e309798-0-1-0 p,#panel-w5bf535e3097b1-0-1-0 p,#panel-w5bf535e3097c8-0-1-0 p,
		#panel-w5bf4faab2939f-0-1-0 p,#panel-w5bf4faab293c6-0-1-0 p,#panel-w5bf535e309806-0-1-0 p,#panel-w5bf535e309831-0-1-0 p{
			padding:0 20%;
			text-align:left;
		}
		.zoa-item-ex{
			margin:8% 20% 0 20%;
		}
		.zoa-item-ex h5{
			font-size:2.8vw
		}
		.zoa-item-ex p{
			margin:10px 0 0 0;
			font-size:2.1vw;
			max-height:4em
		}
		#pg-1133-3,
    #pg-2834-3{
			margin:5%;
		}
		#panel-1133-3-0-0,
    #panel-2834-3-0-0{
			padding:5% !important;
		}
		#pg-1133-2 img,
    #pg-2834-2 img{
			margin-top:20%;
		}

/*--------------------------*/


			/*porchetto780*/

			#panel-1129-0-0-1, #panel-2836-0-0-1{
				padding:0 10%;
			}
			#panel-1129-0-1-0, #panel-2836-0-1-0{
        text-align:center;
        margin:auto;
      }

      .porchetto-content-text{
        text-align:left;
        }

			.image.wp-image-1312.attachment-medium.size-medium{
				width:40%;
			}
			#panel-1129-1-0-0, #panel-2836-1-0-0{
				margin-bottom:0px !important;
			}
			#panel-1129-2-0-1, #panel-1129-2-1-1, #panel-1129-2-2-1,
			#panel-1129-2-0-2, #panel-1129-2-1-2, #panel-1129-2-2-2,
			#panel-1129-2-1-0, #panel-1129-2-2-0,
      #panel-2836-2-0-1, #panel-2836-2-1-1, #panel-2836-2-2-1,
			#panel-2836-2-0-2, #panel-2836-2-1-2, #panel-2836-2-2-2,
			#panel-2836-2-1-0, #panel-2836-2-2-0{
				margin-top:5%;
			}

      /*文青*/
      #pgc-623-1-0 p{
        font-weight:300;
      }


	/*NEWS780*/

			#news-widget h3.feature-title-wrap a{
				font-size:16px;
			}

			#news-widget h4.feature-desc-wrap{
				font-size:13px;
			}

  /*特集780*/

  .feature_toppage-wrapper h3.entry-title{
    font-size:14px;
  }
  .entry-summary{
    font-size:14px;
  }

  /*ラーメン鉢職人紹介*/
  .rahmenshokunin{

    padding: 0 0%;
  }

  .rahmenshokunin-img{
    width: 100%;
    float: none;
    text-align:center;
  }

  .rahmenshokunin-text{
    width: 100%;
    text-align:center;
    margin:10% 0 0 0;
  }

  /*ラーメン鉢ストーリー*/
  .rahmenbachi-story{
    width:80%;
  }


	/*洋食器、和食器 780*/

			#pgc-2176-0-1{
				margin:3% 5% 0 5% !important;
			}


	/*企業理念　780*/
	#panel-5-6-1-0 p{
		margin:0 0 30px 0  !important;
		font-size:14px !important;
	}
	#pgc-5-6-1 h6{
		font-size:2.2vw;
	}
	#pgc-5-6-0{
		width:100% !important;
	}
  #pgc-5-7-1{
		margin-left:0%;
	}

  /*関連事業
  #pg-5-8{
    width:80%;
    margin-left:10%;
    padding-left:5px;
  }*/
  .related-project {
    width: 90%;
    margin: 5% 5%;
    padding: 0 1%;
  }
  .related-project-text{

    margin:5% 0;
  }

}







/*--------------------------*/


@media (max-width:768px){

  /*トップスライダー768*/

  .topslider_PC{
    display: none;
  }
  .topslider_Mobile{
    display:block !important;
  }

  .ml-slider-3-8-1 {
    width: 100%;
  }
  #pg-5-0 > .panel-row-style, #pg-3211-0 > .panel-row-style{
    padding: 4% 3% 0% 3% !important;
 }
  img.alignnone.size-medium.wp-image-1314, .wp-image-1314{
    margin: 6% 0 0 10%;
    width: 15%;
  }

  .collection_wrapper {
    margin: 0 0% 10% 0% !important;
  }

	.post-image,
	.blog-content {
		width:50% !important;
		margin-bottom:0 !important;
		}

	.section-title{
		font-size:23px;
		font-weight:400px;
	}

	.custom-logo{
		margin-left:0 !important;
	}
	.site-navigation-wrapper{
		padding:40px 30px 0 0;
	}

  .blog-section .row,
  .tg-blog-widget-layout-1 .tg-blog-widget{
 	  margin-bottom:0 !important;
  }

	.tg-column-wrapper.tg-blog-widget-layout-1 .tg-blog-widget:nth-child(2n+1) .post-image,
	.tg-column-wrapper.tg-blog-widget-layout-1 .tg-blog-widget:nth-child(2n) .blog-content{
		float: left !important;
	}

	.tg-column-wrapper.tg-blog-widget-layout-1 .tg-blog-widget:nth-child(2n) .post-image,
	.tg-column-wrapper.tg-blog-widget-layout-1 .tg-blog-widget:nth-child(2n+1) .blog-content{
		float: right !important;
	}


	#panel-5-1-0-0 > .panel-widget-style, #panel-5-3-0-0 > .panel-widget-style, #panel-5-6-0-0 > .panel-widget-style{
		padding:0 !important;
	}


	/*ラーメン*/

	.blog-section .row:nth-child(odd) .tg-blog-widget.col715:hover .post-image::before{
		border-right: 47vw solid #e18082;
	  border-top: 47vw solid #e18082;
	}
	.blog-section .row:nth-child(odd) .tg-blog-widget.col715:hover .post-image figure a::before{
		border-right: 47vw solid #e18082;
	  border-top: 47vw solid #e18082;
	}
   /*porchetto/*/

  .blog-section .row:nth-child(odd) .tg-blog-widget.col1129:hover .post-image::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col2836:hover .post-image::before{
    border-right: 47vw solid #BEEBB2;
    border-top: 47vw solid #BEEBB2;
  }
  .blog-section .row:nth-child(odd) .tg-blog-widget.col1129:hover .post-image figure a::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col2836:hover .post-image figure a::before{
    border-right: 47vw solid #BEEBB2;
    border-top: 47vw solid #BEEBB2;
  }


	/*zephyr*/

	.blog-section .row:nth-child(odd) .tg-blog-widget.col711:hover .post-image::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col2830:hover .post-image::before{
		border-right: 47vw solid #e8e09e;
	  border-top: 47vw solid #e8e09e;
	}
	.blog-section .row:nth-child(odd) .tg-blog-widget.col711:hover .post-image figure a::before, .blog-section .row:nth-child(odd) .tg-blog-widget.col2830:hover .post-image figure a::before{
		border-right: 47vw solid #e8e09e;
	  border-top: 47vw solid #e8e09e;
	}

	/*zoa*/
	.blog-section .row:nth-child(even) .tg-blog-widget.col1133:hover .post-image::before, .blog-section .row:nth-child(even) .tg-blog-widget.col2834:hover .post-image::before{
		border-left: 47vw solid #FFC0CB;
	  border-top: 47vw solid #FFC0CB;
	}
	.blog-section .row:nth-child(even) .tg-blog-widget.col1133:hover .post-image figure a::before, .blog-section .row:nth-child(even) .tg-blog-widget.col2834:hover .post-image figure a::before{
		border-left: 47vw solid #FFC0CB;
	  border-top: 47vw solid #FFC0CB;
	}
  /*文青*/

  .blog-section .row:nth-child(even) .tg-blog-widget.col623:hover .post-image::before, .blog-section .row:nth-child(even) .tg-blog-widget.col3232:hover .post-image::before{
    border-right: 47vw solid #ADBCE8;
    border-top: 47vw solid #ADBCE8;
  }
  .blog-section .row:nth-child(even) .tg-blog-widget.col623:hover .post-image figure a::before, .blog-section .row:nth-child(even) .tg-blog-widget.col3232:hover .post-image figure a::before{
    border-right: 47vw solid #ADBCE8;
    border-top: 47vw solid #ADBCE8;
  }

	/*gosu

	.blog-section .row:nth-child(even) .tg-blog-widget.col632:hover .post-image::before{
		border-left: 47vw solid #87CEEB;
	  border-top: 47vw solid #87CEEB;
	}
	.blog-section .row:nth-child(even) .tg-blog-widget.col632:hover .post-image figure a::before{
		border-left: 47vw solid #87CEEB;
	  border-top: 47vw solid #87CEEB;
	}*/


  /*UTSUA*/

	.blog-section .row:nth-child(odd) .tg-blog-widget.col2701:hover .post-image::before{
		border-left: 47vw solid #CCD5CE;
	  border-top: 47vw solid #CCD5CE;
	}
	.blog-section .row:nth-child(odd) .tg-blog-widget.col2701:hover .post-image figure a::before{
		border-left: 47vw solid #CCD5CE;
	  border-top: 47vw solid #CCD5CE;
	}




  #panel-5-2-0-0 {
     margin: 0 3% 10% 3% !important;
  }

	.company_copy{
		margin:0 0;
	}

	.tg-blog-widget.tg-column-2.col2176{
		width:80% !important;
		margin:3% 10% 0 10% !important;
		padding:3% 2% 3% 3%;
	}
	.tg-blog-widget.tg-column-2.col2221{
		width:80% !important;
		margin:8% 10% 0 10% !important;
		padding:3% 3% 3% 2%;
	}


	.col2176 .normal, .col2176 .reverse{
		margin:0 5%;
	}


	.col2221 .normal, .col2221 .reverse{
		margin:0 0 !important;
	}
	.col2221 .brandlogo img{
		width:80% !important;
	}





	/*news*/


	#news-widget .tg-column-wrapper .tg-column-3 {
		width:100%;
		margin:20px 0 !important;
	}
  #news-archive {
    margin: 2% 2% 10% 2% !important;
  }
  #news-archive .feature-product-section .tg-feature-product-widget {
    width:38%;
    margin-left: 8%;
}
	#news-widget .grid {
		width:100%;
		margin:0 auto;
	}
	#news-widget h3.feature-title-wrap a{
		font-size:17px;
	}

	#news-widget h4.feature-desc-wrap{
		font-size:14px;
	}

	.col2176 .brandlogo img{
		width:60% !important;
	}
	.col2221 .brandlogo img{
		width:70% !important;
	}

  #pg-5-3 {
    margin-bottom:0px !important;
}
  #news-widget{
    padding:0 13% !important;
  }


  /*特集記事768*/

  .feature_contents_wrapper{
    width:90% !important;
  }

  ul.feature_category{
    text-align: left;
    margin-right: 5%;
    background-color: #f2f2f2;
    padding: 10px 15px 8px 15px;
    border-radius: 5px;
  }
  ul.feature_category li{
    margin: 0 3px;
    padding: 3px;
    font-size: 12px;
  }
  ul.feature_category li.sel{
    background-color: #ddd;
    border-radius: 5px;
  }
  .feature-topwrapper h4{
    font-weight:500;
  }
  .feature_category{
    margin-top:10%;
  }
  .feature-archive li a::after{
    display: none;
  }

  .feature-top-container {
		height: 270px;
	}
  .feature-topwrapper p{
    display: none;
  }
  .feature-product-section .tg-feature-product-widget{
    margin-bottom:0px;

  }
  #news-archive .feature-product-section .tg-feature-product-widget{
    margin-top:7%;
  }



	/*企業理念*/

  #pgc-5-8-0, #pgc-5-8-1, #pgc-5-9-0, #pgc-5-9-1{
  width:100% !important;
  }

  .company_copy-image{
      text-align: center;
      width:94%;
      margin: auto;
  }
	.image.wp-image-993.attachment-full.size-full{
		width:100%;
	}

	.company_copy{
	margin: 0 5% 10% 5% !important;
	}
  .company-h {
    margin-bottom: 20%;
  }
  .company_en-h{
    margin:8% 0 !important;
  }

  .related-project-tittle{
   width:88% !important;
   margin-left:6% !important;
  }


  /*footer768*/

  .copyright {
    margin-left: -20%;
}



}



/*--------------------------*/


@media (max-width:500px){


	/*loader*/

	.loader{
	left:34%;
	}
  .logo {
    padding: 5px 0 0 0 !important;
  }
  .custom-logo{
    width:240px;
  }

  #primary-menu{
    max-height:600px !important;
  }

	#pg-5-0, #pg-5-2, #pg-5-4, .company_copy{
		margin-bottom:50px !important;
	}
	.section-title-wrapper{
		margin-bottom:0 !important;
	}

	#pl-7 h3{
		font-size:20px;
	}
	#pl-7 p{
		font-size:13px;
	}

	.feature-product-section .tg-feature-product-widget .feature-desc-wrap {
		font-size:9px;
	}
	.section-title{
		font-size:18px;
	}
  .header-bottom{
  	padding:0 !important;
    height:110px !important;
  }

  /*mobile_slider*/

  #pg-3211-0{
    margin-bottom: 0px !important;
  }


	/*-----------------*/




	/*top-logo*/

	/*rahmen*/
	.col715 .brandlogo img, .col3230 .brandlogo img{
	 width:80%;
	}

	/*zephyr*/
	.col711 .brandlogo img, .col2830 .brandlogo img{
	 width:50%;
	}

	/*ZOA*/
	.col1133 .brandlogo img, .col2834 .brandlogo img{
	 width:55%;
	}

	/*2016
	.col632 .brandlogo img{
	 width:70%;
	}*/

	/*porchetto*/

	.col1129 .brandlogo img, .col2836 .brandlogo img{
	 width:85%;
	}
  /*UTSUA*/
	.col2701 .brandlogo img, .col2701 .brandlogo img{
	 width:70%;
	}

	/*文青*/
	.col623 .brandlogo img, .col3232 .brandlogo img{
	 width:50%;
	}

	/* restaurantuse洋食器、和食器*/


	.col2221 .brandlogo img{
	 width:85% !important;
	}

	.col2176 .brandlogo img{
	 width:75% !important;
	}

  /*特集ページレイアウト500*/

  .feature .entry-content{
    width:100%;
  }





/*---------------------------*/

	/*ラーメン鉢500*/

	.rahmen-text-mobile{
		margin:5% 10% 10% 15% !important;
	}
  #metaslider_1336 {
    width: 90%;
    margin: auto;
  }
  img.alignnone.size-medium.wp-image-1314{
    width:18%;
    margin: 6% 0 0 10%;
  }
  .v-bottom{
    padding:5% 8% 0 8% !important;
  }
  #panel-715-1-2-0 img, #panel-2832-1-2-0 img{
    width: 80%;
    margin: 7% 10% 10% 10%;
  }


/*
	img.alignnone.size-medium.wp-image-1314 {
    margin: 5% 0 0 6% !important;
		width:17%;
	}
*/
	#pg-715-0 > .panel-row-style{
		padding:0 !important;
	}



/*---------------------------*/

	/*zephyr*/
	#pgc-711-0-0 > .panel-cell-style,
  #pgc-2830-0-0 > .panel-cell-style{
		min-width:0px !important;
	}

	#panel-711-0-0-1 p, #panel-2830-0-0-1 p{
		font-size:12px;
	}
	.image.wp-image-1318.attachment-100x100.size-100x100{
		width:19% !important;
		margin:0 0 3% 0 !important;
	}
	#pg-711-0, #pg-2830-0{
		margin-bottom:75px !important;
	}
	#pg-711-1, #pg-2830-1{
		margin-bottom:0px !important;
	}
	#pg-711-2 h3, #pg-711-4 h3,
  #pg-2830-2 h3, #pg-2830-4 h3 {
		font-size:16px !important;
		margin-bottom:5px;
	}
	#pg-711-2 p, #pg-711-4 p,
  #pg-2830-2 p, #pg-2830-4 p {
		font-size:12px;
	}
  #pg-711-3 img, #pg-711-5 img,
  #pg-2830-3 img, #pg-2830-5 img{
    width:100%;
  }

	#panel-711-3-0-0,#panel-711-3-1-0,#panel-711-3-2-0,#panel-711-3-2-2,
  #panel-2830-3-0-0,#panel-2830-3-1-0,#panel-2830-3-2-0,#panel-2830-3-2-2{
		display:none;
	}


/*---------------------------*/

	/*zoa500*/
		#pg-1133-0,
    #pg-2834-0{
			margin-bottom:75px !important;
		}
		.so-panel .widget .widget_themegrill_flash_heading .tg-widget .section-title-wrapper .panel-first-child .panel-last-child {
			margin-bottom:0px !important;
		}

		.panel-row-style.panel-row-style-for-1133-0,
    .panel-row-style.panel-row-style-for-2834-0{
			text-align:left;
		}



		.panel-row-style.panel-row-style-for-1133-0 h3,
    .panel-row-style.panel-row-style-for-2834-0 h3{
			text-align:center;
		}
		.widget_text.zoa-top.panel-widget-style.panel-widget-style-for-1133-0-2-0 h3,
    .widget_text.zoa-top.panel-widget-style.panel-widget-style-for-2834-0-2-0 h3{
			margin:10% 0 5% 0;
		}
		.panel-row-style.panel-row-style-for-1133-0 p,
    .panel-row-style.panel-row-style-for-2834-0 p{
			margin:0 5%;
		}
		.zoa-item-ex{
			margin:8% 5% 1% 5%
		}

		.zoa-item-ex h5{
			font-size:5vw;
			margin-top:10%;
		}
		.zoa-item-ex p{
			margin:10px 0 0 0;
			font-size:4vw;
			max-height:4em
		}


		#pg-1133-2 img,
    #pg-2834-2 img{/*対比画像*/
			margin-top:25%;
			padding-left:0;
		}

		#panel-1133-2-0-2 .textwidget .custom-html-widget,
    #panel-2834-2-0-2 .textwidget .custom-html-widget{
			padding:0 10% 0 8% !important;

		}
		#panel-w5bf535e309776-0-0-0, #panel-w5bf4faab2939f-0-0-0{ /*最初の画像＋マージン*/
			margin-top:15%;
		}

		#pgc-1133-2-0, #pgc-1133-2-1,
    #pgc-2834-2-0, #pgc-2834-2-1{
			padding:10% 5% 10% 5% !important;
		}

		.zoa-500-none{
			display:none;
		}
		#panel-1133-2-0-1 p, #panel-1133-2-1-1 p,
    #panel-2834-2-0-1 p, #panel-2834-2-1-1 p{
			padding:5% 0 0 5%;
			text-align:left;
		}

		#pg-1133-0 > .panel-row-style,
    #pg-2834-0 > .panel-row-style{
			padding:3% 5% 0 5% !important;
		}
		#pg-1133-3,
    #pg-2834-3{
			margin-bottom:100px !important;
		}
		.brandpage-zoalogo{
			margin:40% 0 0 38%;
		}
		#pg-1133-3,
    #pg-2834-3{
			margin:0;
		}

		#pg-1133-5,
    #pg-2834-5{
			margin-top:3%;
		}
		#panel-w5bf535e309776-0-1-0 p,#panel-w5bf535e309798-0-1-0 p,#panel-w5bf535e3097b1-0-1-0 p,#panel-w5bf535e3097c8-0-1-0 p,
		#panel-w5bf4faab2939f-0-1-0 p,#panel-w5bf4faab293c6-0-1-0 p,#panel-w5bf535e309806-0-1-0 p,#panel-w5bf535e309831-0-1-0 p{
			padding:0;
		}

		/*GOSU500*/
		#pg-632-0{
			margin-bottom:50px !important;
		}

		/*offers500*/

  .tg-blog-widget.tg-column-2.col2176 {
  width:94% !important;
  margin: 5% 3% 1% 3% !important;
  }
  .tg-blog-widget.tg-column-2.col2221 {
    width: 94% !important;
    margin: 8% 3% 0 3% !important;
    padding:3% 3% 3% 2%;
  }
			/*collaboration500*/
				#pl-2221{
					width:90%;
				}
				#panel-2221-0-0-1{
					padding:0 5%;
				}

    /*news500*/


    #news-archive #news-widget{
      padding:0 0 !important;
    }

    #news-archive .feature-product-section .tg-feature-product-widget {
    width: 48%;
    margin: 5% 1% 0 1% !important;
    }
    .new-archive-h3{
      margin-bottom:4%;
    }

    #news-widget h3.feature-title-wrap a, #news-widget h4.feature-title-wrap a{
      font-size:14px;
    }

    .feature-desc-wrap p{
      font-size:11px;
    }
    #pg-5-3 {
      margin:0;
      margin-top:10% !important;
    }




		/*company 500*/

		#pgc-5-6-1 h6{
			font-size:14px;
		}
		#pl-5 #panel-5-6-1-0{
			margin: 3% 6% 20% 6% !important;
		}
		.br-company-1{
			display:block;
		}
		.company-p{
			line-height:30px !important;
		}
		.company-margin{
			margin-bottom:20px;
		}
		.aboutcompany-title p{
			margin:0 0 10px 0 !important;
		}

	.company-ex-1{
		display:none;
	}
	.company-ex-2{
		display:block;
	}
	.company-ex{
		margin-bottom:40px;
	}
  .related-project-tittle #pgc-5-12-0{
    width:15% !important;
    float: left;
  }
  .related-project-tittle #pgc-5-12-1{
    width:85% !important;
  }


/*特集ページ500*/
.feature .entry-content-block {
    width: 95% !important;
}
.single .entry-content-block .entry-title {
    font-size: 15px;
}


.feature-top-container {
  height: 210px;
}

/*採用ページ500px*/


.job-type{
  width:100%;
  float:none;
  margin:5% 0 0 0;
}
.job-type-secound {
  border-left:1px solid #ccc;
}

#post-2743 .entry-content {
  width: 100%;
  background-color:transparent;
  margin: 5% 0%;
  }

  .evf-submit-container{
    margin-top:15%;
    text-align:center;
  }

  .su-spoiler-style-default > .su-spoiler-title{
    margin-left:0;
  }

  /*コンタクト500*/
   .wpcf7-form-control-wrap select{
     width:100%;
   }



}




@media(max-width:480px){


  .site-navigation-wrapper {
    padding: 15px 30px 0 0 !important;
  }
  #site-navigation, .center-logo-below-menu #site-navigation {
    padding: 30px 0 0 0 !important;
  }
 .company_copy {
    margin: 0 0% 10% 0% !important;
 }

 .instagram-logo img{
   width:45px;
 }
 .tg-container .logo{
  width: 100px;

 }

}


@media(max-width:380px){


  .feature-top-container {
    height: 165px;
  }

}


/*----newラーメンページ開始--------*/


.rahmenpage-container {
  overflow: hidden;
  width: 100%;
  padding: 2% 5%;
}

.rahmenpage-container-1{
  overflow: hidden;
  position: relative;
  margin-bottom:8%;
}

.rahmenpage-container-1-topimg{
  overflow: hidden;
  width: 65%;
}

.rahmenpage-container-1-text{
  position: absolute;
  width: 43%;
  top:0;
  right: 1%;
  margin-top: 5%;
}
.rahmenpage-container-1-text a{
    border-bottom: 1px solid #ccc;
}
.rahmen_linkto_online{
  width:100%;
  overflow: hidden;
  text-align:center;
}
.rahmen_linkto_online a{
  border-bottom: 1px solid #ccc;
}
.rahmenpage-container-1-logo {
  margin: 0 0 14% 0;
  width: 36%;
  min-width: 150px;
}
.rahmenpage-container-1 h3{
  margin: 0 auto 10% auto;
  font-size:21px;
}
.rahmenpage-container-1 p{
  font-weight: 400;
}


.rahmenpage-container-2{
  width:100%;
  padding: 0 5%;
}

.rahmenpage-container-2 img{
  width:100%;
  margin-top:3%;
}
/*形状モバイル*/
.rahmenpage-shape-mobile{
  display:none;
}

.rahmenpage-shape-mobile{
  text-align: center;
  margin:auto;
}
.rahmenpage-shape-mobile ul{
  margin:0 10% 0 20%;
  counter-reset: item;
}
.rahmenpage-shape-mobile li{
  text-align: left;
  margin-top:1em;
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.rahmenpage-shape-mobile li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
  font-weight: bold;
  color: #b40000;
}

.rahmenpage-shape-mobile img.rahmenbowl-image{
  width:100%;
}
.rahmenpage-shape-mobile img.rahmenrenge-image{
  width:40%;
}




.rahmenpage-container-3{
  margin-top:6%;
}

.rahmenpage-story{
  width:100%;
  overflow:hidden;
  padding:7% 5%;
  background-color:#f2f2f2;
  margin-top:5%;
}

.rahmenpage-story-text{
  width:50%;
  padding-right:6%;
  float:left;
}
.rahmenpage-story-text h4{
  margin:5% 0 10% 0;
}
.rahmenpage-story-text a{
  border-bottom:2px solid #ccc;
}
.rahmenpage-story-text a:hover{
  color:#906D66;
}
.rahmenpage-story-img{
  width:50%;
  float:left;
}
.rahmenpage-story-img img{
  width:100%;
}


.rahmenpage-container-4{
  margin-top:8%;
}

.rbs_gallery_button{
display:none;
}
.robogallery-gallery-2997 {
margin: 6% 0 0 -1% !important;
}

.rahmenpage-container-5{
  margin:8% 0 5% 0;
}

.rahmenpage-container .thumbnail-overlay {
  display: none !important;
}


.rahmenpage-catalog{
  text-align: center;
  margin:0 auto;
}
.square_btn.rahmen{
  width:280px;
}
.square_btn.rahmen img{
  float:left;
}

@media(max-width:1100px){

  .rahmenpage-container-1-logo {
    margin: 0 0 5% 0;
  }

}


@media(max-width:1000px){

    .rahmenpage-container p{
      font-size:14px;
    }

    .rahmenpage-container-1-logo{
     margin:0 0 0 0;
    }
    .rahmenpage-container-1-text{
      margin-top:0;
    }
    .rahmenpage-container-1 h3 {
      font-size: 17px;
    }
}


@media(max-width:780px){

    .rahmenpage-container {
      padding: 0% 5%;
    }

    .rahmenpage-container-1-topimg {
      width: 100%;
    }

    .rahmenpage-container-1-text {
      position: static;
      width: 100%;
      top: 0;
      right: 0;
    }
    .rahmenpage-container-1-logo{
      position:absolute;
      top:5px;
      right:0;
    }
    .rahmenpage-container-1 h3 {
      margin: 0 auto 6% auto;
      font-size: 16px;
    }
    .rahmenpage-container-1 p {
      padding: 0 1%;
    }


    .rahmenpage-shape{
      display:none;
    }
    .rahmenpage-shape-mobile{
      display:block;
    }
    .rahmenpage-shape-mobile ul {
      margin: 0 5% 0 10%;
    }


    .rahmenpage-container-3, .rahmenpage-container-4{
      margin-top: 15%;
    }
    .rahmenpage-story{
      margin-top:10%;

    }


    .rahmenpage-story-img ,.rahmenpage-story-text{
      width:100%;
    }
    .rahmenpage-story-text{
      padding-left: 3% 0 0 3%;
    }
    .rahmenpage-story-text h4{
      font-size:16px;
    }
    .robogallery-gallery-2997 {
      margin: 10% 0 0 5% !important;
    }
    .square_btn.rahmen {
    width: 220px;
    }

}



/*-----newラーメンページ終了---------*/


/*newトップスライダー開始 -----*/

.new_topslider{
  position:relative;
  margin:2% 5% 2% 5%;
}
#pgc-2768-0-0{
  width:80%;
  text-align: center;
  margin:3% auto 0 auto;
}
#pgc-2768-0-1{
  width:100% !important;
}
.robo_gallery{
  margin-left:0 !important;
}
.new_topslider .ml-slider-3-8-1{
  width:100%;
}
.new_topslider .flex-control-nav{
  display: none;
}

.new_topslider-text{
  position:absolute;
  top:0px;
  left:0;
  background-color:#a5c2c7;
  padding: 7% 0 7% 5%;
  z-index: 2;
  width: 40%;
  font-weight:600;
  color: #fff;
  line-height: 60px;
  height:51.5vw;
}
.new_topslider-text h3{
  margin-bottom:60px;
  font-family: "Dancing Script";
  font-size:2vw;
}
.new_topslider-text p{
  font-size:1vw;
}

.topslider_Mobile{
  display:none;
}



@media(min-width:2000px){

  #pgc-2768-0-0{
    width:40%;
  }
  .new_topslider{
    margin:4% 5% 0 5%;
    background-color:#a5c2c7;
    padding:0;

  }
  .new_topslider-text{
    position:static;
    background-color: transparent;
    padding:150px 0 0 80px;
    text-align: left;
    width:100%;
  }
  .new_topslider .flexslider{
    margin-bottom:0 !important;
  }



}


/*newトップスライダー終了 -----*/


/*top_feature -----*/

.feature_contents_wrapper{
  width:85%;
  margin:0 auto 3% auto;
}
.feature_contents_wrapper .tg-column-3{
  width:28%;
  margin-left:5%;
}
.feature_toppage-wrapper .blog-content::before{
  display: none;
}

.feature_toppage-wrapper h3.entry-title {
  font-size:16px;
}
.feature_toppage-wrapper img{
  width:100%;
}
.feature_toppage-wrapper .post-image {
  margin-bottom:10% !important;
}

.feature_toppage-wrapper .post-image  a img{
  padding:0;
}
.tg-column-3 figure{
  overflow:hidden;
}
.tg-column-3 a img{
  padding:0;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.2s linear;
}
.tg-column-3:hover a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.05);
}
.morefeature{
  text-align: right;
}




@media(max-width:768px){

  .feature_toppage-wrapper .post-image, .feature_toppage-wrapper .blog-content {
    width:100% !important;
  }
  .feature_toppage-wrapper .tg-blog-widget.tg-column-3{
    width:100% !important;
    margin-left:0 !important;
  }

}


/*差し替え--------------*/


/*コレクション*/
/*panel-5-2-0-0 */
.collection_wrapper{
  margin: 0 5% 10% 5%;
}


/*会社にについて*/

#pgc-3211-4-0, #pgc-3211-4-1{
  width:50% !important;
}

/*.company_copy*/
.company_copy{
  margin:0 4%;
}
.company_copy-image{
  width:100%;
}
.company_copy img{
  width:100%;
}

.company-h{
  letter-spacing: .05em;
  text-align: center;
}
/*#pl-5 #panel-5-6-1-0*/
.company-p{
  margin: 15% 0% 10% 0%;
}


.company_about{
  padding: 0% 14% 0% 14%;
  line-height: 25px;
}
@media(max-width:780px){

  #pg-3211-2{
   padding:0 5%;
  }
  .company_about{
    padding: 0% 1% 0% 1%;
  }
  #pgc-3211-4-0, #pgc-3211-4-1{
    width:100% !important;
  }
  .related-project{
    width: 86% !important;
    margin: 5% 7% !important;
  }

}

@media(max-width:500px){

  #pg-3211-2{
   padding:0 3%;
  }
  .company_about{
    padding: 0% 1% 0% 1%;
  }
  #pgc-3211-4-0, #pgc-3211-4-1{
    width:100% !important;
  }

}




/*#pg-5-8*/
.related-project-tittle{
  width: 70%;
  text-align: left;
  border-bottom: 1px solid #ccc;
  margin-left: 15%;
  padding-left: 10px;
}



/*pgc-5-9-0*/

.related-project-text{
  margin-top: 2%;
  padding-left: 2%;
}
.related-project-text img{
  width:10%;
}
.related-project-text p{
  margin-top:8%;
}





/*英語ページ-----*/

/*英語ー企業ページ*/

#pgc-2768-6-1{
  padding:5% 0 0 5%;
}
.company_en-h{
  margin:3% 0;
  font-weight:300;
  text-align:left !important;
}
.company_en-p{
  margin-bottom:3%;
}

.company-mision-en{
  padding-left:10%;
}

.company-ex-en{
  padding:10% 0 0 10%;
  margin-bottom:40px;
}


/*関連事業*/

.related-project{
  width:70%;
  margin:5% 15% 0 15%;/*
  border-bottom: 1px solid #ccc;*/
  padding-bottom:2%;
}

#panel-5-9-0-0 img{
  width:10%;
}

#panel-5-9-0-1{
  margin-top:8%;
}
#pgc-5-9-0{
  margin-top:2%;
  padding-left:2%;
}


#panel-5-8-0-0 h3{
  font-size:16px;
  font-weight:400;
}


.related-project-link{
  margin-right: 10px;
  color: #606060;
  float: left;
  margin-top: 10px;
  border-bottom: 1px solid #ccc;
}


@media(max-width:780px){

  .company-mision-en{
    margin-top:8%;
    padding:10% 0 10% 10%;
  }

}


/*------*/


.lang-switch{
  display: none;
}
.page-id-3211 .lang-switch{
  display: block;
}


/*menu-toggle----------------------*/


/*共通*/
.menu-toggle,
.menu-toggle span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-toggle {
  position: relative;
  width: 30px;
  height: 24px;
}
.menu-toggle span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
}
.menu-toggle span:nth-of-type(1) {
  top: 0;
}
.menu-toggle span:nth-of-type(2) {
  top: 11px;
}
.menu-toggle span:nth-of-type(3) {
  bottom: 0;
}


/*調整*/

.menu-toggle span:nth-of-type(1) {
  -webkit-animation: menu-bar01 .75s forwards;
  animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(11px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar01 {
  0% {
    transform: translateY(11px) rotate(45deg);
  }
  50% {
    transform: translateY(11px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.menu-toggle span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
.menu-toggle span:nth-of-type(3) {
  -webkit-animation: menu-bar02 .75s forwards;
  animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(-11px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar02 {
  0% {
    transform: translateY(-11px) rotate(-45deg);
  }
  50% {
    transform: translateY(-11px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.menu-toggle.active span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 .75s forwards;
  animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(11px) rotate(45deg);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(11px) rotate(0);
  }
  100% {
    transform: translateY(11px) rotate(45deg);
  }
}
.menu-toggle.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-of-type(3) {
  -webkit-animation: active-menu-bar03 .75s forwards;
  animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-11px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-11px) rotate(-45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-11px) rotate(0);
  }
  100% {
    transform: translateY(-11px) rotate(-45deg);
  }
}



/*スクロール時のヘッダー高さ変更


  .header-bottom.is_scroll{
    height:80px !important;
  }

  .is_scroll .logo .logo-image {
    padding: 0px 0 10px 0;
  }

  .is_scroll .custom-logo{
    width: 180px;
  }
  .is_scroll .site-navigation-wrapper {
   padding: 10px 60px 10px 0px;
  }
  .is_scroll .header-onlinestore_icon{
   top: 32px;
  }

*/

@media(min-width:768px){
  .is-sticky .header-bottom{
    height:110px !important;
  }

  .is-sticky .logo .logo-image {
    padding: 0 20px 0 0;
    margin-left: 20px;
  }

  .is-sticky .custom-logo{
    width: 106px;
  }
  .is-sticky .site-navigation-wrapper {
   padding: 30px 60px 0px 0px;
  }
  .is-sticky .header-onlinestore_icon{
   top: 28px;
  }
  .is-sticky #site-navigation ul li {
    padding: 0 0 10px 0;
  }
  .header-bottom, .logo-image, .custom-logo, .site-navigation-wrapper, .header-onlinestore_icon, #site-navigation, #site-navigation ul li{
    transition: all 0.3s;
  }
  
  #masthead-sticky-wrapper {
    height: 110px !important;
  }


}

  

@media(max-width:1100px){

  .is-sticky .site-navigation-wrapper{
    padding: 0px 60px 0px 0px;
  }

  .is-sticky #site-navigation{
    padding: 30px 0 10px 0;
  }

  #site-navigation ul > li a{
    line-height: 50px !important;
    font-size:16px;
  }


}


.main-navigation ul li::after{
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: '';
    width: 100%;
    height: 2px;
    background:#ccc;
    transform: scale(0, 1);
    transition: transform .1s;
    z-index: -1;
}
.main-navigation ul li:hover::after{
    transform: scale(1, 1);
}


/*ラーメン鉢投票ページ*/

.cg_gallery_rating_div_star_one_star {
  height: 25px !important;
  width: 25px !important;
  line-height: 25px !important;
  background-size: 25px 25px !important;
}
.cg_gallery_rating_div_count, .cg_gallery_comments_div_count{
  font-size: 23px !important;
  color:#333 !important;
  margin: 4px 0 0 2px !important;
}
.cg_gallery_comments_div_icon{
  height: 25px !important;
  width: 25px !important;
  line-height: 25px !important;
  background-size: 25px 25px !important;
}
.cg_gallery_rating_div{
  width: auto !important; 
  float: left;
}
.cg_gallery_comments_div {
  width: auto; 
  float: right;
}
.cg_gallery_info{
  background-color:transparent !important;/*
  padding: 10px !important;*/
  bottom: -40px !important;
}

.cg_gallery_info_title{
  font-weight: 600;
  font-size: 18px;
  line-height: unset;
  background-color:#aaa !important;/*
  color:#333 !important;*/
  padding: 10px !important;
}
.cg_show.cg-cat-0 {
  margin-top: 80px !important;
}


@media(max-width:500px){

  .cg_show.cg-cat-0 {
    width: 150px !important;
    height: 150px !important;
    margin: 10px auto !important;
  }

  #mainCGallery2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }


}





/* ベーカリースタイル*/


.entry-content .bakery_wrap{
  margin: 4% 0;
  overflow: hidden;
}

.bakery_wrap img{
  width: 100%;
}

/*  .bakery_topimage{
    width:80%;
  }*/

.bakery_ex{

  margin: 5% auto;
  text-align: center;
  font-size: 17px;
  letter-spacing: 2px;
}

.bakery_ex h4{
  display: inline-block;
  position: relative;
  border-bottom: 1px solid #ccc;
}

/*.bakery_ex h4::before {
  position: absolute;
  content: "";
  border-bottom: 1px solid #ccc;
  height: 10px;
  width: 100%;
  bottom: -6px;
  transition: all 0.3;
}*/


  .bakery_why{
    position: relative;
    width:80%;
    margin:5% 10%;
  }

  .bakery_why_contents{
    width: 50%;
    float: left;
  }

.bakery_why_ex{
  margin-top: 5%;
  padding:5%;
  font-size: 17px;
  letter-spacing: 2px;
}

.bakery_why_img2{
  margin-top:-4%;
  width: 30%;
}

.bakery_why_img3{
  margin:10% 0 0 8%;
  width: 60%;
}

.bakery_ex_mobile{
  display: none;
}


  @media(max-width:500px){

    .bakery_ex h4{
      display: block;
      font-size: 16px;
      padding-bottom: 7px;
    }

    .bakery_why {
    position: relative;
    width: 90%;
    margin: 5% 5%;
  }



  .bakery_why_img{
    display: none;
  }

  .bakery_why_ex {
  margin-top: 0%;
  padding: 0%;
  font-size: 15px;
  letter-spacing: 2px;
  padding-right: 8px;
  }

  .bakery_why_img2{
  margin-top:0;
  width: 50%;
  }

  .bakery_why_img3 {
  margin: 0% 0 10% 0%;
  width: 100%;
  }

  .bakery_ex_mobile{
    display: block;
  }
  .bakery_ex_show{
    display: none;
  }

  .bakery_access{
    margin:0 !important;
    padding-top:3%;
  }
  .bakery_access div{
    width: 96% !important;
    padding-top:0 !important;
    margin:2%;
  }
  .bakery_access div p{
    font-size:16px !important;
  }



}





