@charset "UTF-8";

.elementor-3309 .elementor-element.elementor-element-35da71e {
  color : #777777;
  font-size : 18px;
  font-weight : 400;
  line-height : 32px;
}
.elementor-3309 .elementor-element.elementor-element-fe68190 {
  color : #777777;
  font-size : 18px;
  font-weight : 400;
  line-height : 32px;
}
.elementor-3309 .elementor-element.elementor-element-fe68190 > .elementor-widget-container {
  margin : 0px 0px 30px 0px;
}
  .elementor-3309 .elementor-element.elementor-element-197719a .binduz-er-populer-news-sidebar-faq .binduz-er-top-news-faq : :before, .elementor-3309 .elementor-element.elementor-element-197719a .binduz-er-blog-details-box .binduz-er-quote-text : :before, .elementor-3309 .elementor-element.elementor-element-197719a .binduz-er-blog-details-box .binduz-er-quote-text : :before {
  background-color : #423737;
  background-image : url("https : //jjj.tokyo/wp-content/uploads/2021/03/quote-bg.png");
  background-position : center center;
}
.elementor-3309 .elementor-element.elementor-element-e00c040 {
  color : #777777;
  font-size : 18px;
  font-weight : 400;
  line-height : 32px;
}
.elementor-3309 .elementor-element.elementor-element-e00c040 > .elementor-widget-container {
  padding : 30px 0px 0px 0px;
}
  .elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-items : not(.elementor-inline-items) .elementor-icon-list-item : not( : last-child) {
  padding-bottom : calc(10px/2);
}
  .elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-items : not(.elementor-inline-items) .elementor-icon-list-item : not( : first-child) {
  margin-top : calc(10px/2);
}
.elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
  margin-right : calc(10px/2);
  margin-left : calc(10px/2);
}
.elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-items.elementor-inline-items {
  margin-right : calc(-10px/2);
  margin-left : calc(-10px/2);
}
  body.rtl .elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item : after {
  left : calc(-10px/2);
}
  body : not(.rtl) .elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item : after {
  right : calc(-10px/2);
}
.elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-icon i {
  color : #DEDEDE;
  transition : color 0.3s;
}
.elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-icon svg {
  fill : #DEDEDE;
  transition : fill 0.3s;
}
.elementor-3309 .elementor-element.elementor-element-2f2049a {
  --e-icon-list-icon-size : 6px;--icon-vertical-offset : 0px;
}
.elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-item > a {
  font-size : 18px;
  font-weight : 400;
}
.elementor-3309 .elementor-element.elementor-element-2f2049a .elementor-icon-list-text {
  color : #777777;
  transition : color 0.3s;
}
.elementor-3309 .elementor-element.elementor-element-772ef37 > .elementor-container > .elementor-column > .elementor-widget-wrap {
  align-content : center;
  align-items : center;
}
.elementor-3309 .elementor-element.elementor-element-772ef37 {
  padding : 53px 0px 70px 0px;
}
.elementor-3309 .elementor-element.elementor-element-e9d2496 > .elementor-widget-container {
  margin : 0px 0px 0px 0px;
}
.elementor-3309 .elementor-element.elementor-element-38133ab > .elementor-widget-container {
  padding : 0px 0px 0px 60px;
}
.elementor-3309 .elementor-element.elementor-element-159be54 {
  color : #777777;
  font-size : 18px;
  font-weight : 400;
  line-height : 32px;
}
.elementor-3309 .elementor-element.elementor-element-a140ff1 .elementor-heading-title {
  color : #000000;
  font-family : "Roboto", Sans-serif;
  font-size : 20px;
  font-weight : 700;
}
.elementor-3309 .elementor-element.elementor-element-a140ff1 > .elementor-widget-container {
  padding : 30px 0px 22px 0px;
  border-style : solid;
  border-width : 0px 0px 1px 0px;
  border-color : #F7F7F7;
}
.elementor-3309 .elementor-element.elementor-element-0211476 {
  color : #777777;
  font-size : 18px;
  font-weight : 400;
  line-height : 32px;
}
.elementor-3309 .elementor-element.elementor-element-1f67877 {
  color : #777777;
  font-size : 18px;
  font-weight : 400;
  line-height : 32px;
}
.elementor-3309 .elementor-element.elementor-element-feddfdc {
  margin-top : 22px;
  margin-bottom : 0px;
}
  .elementor-3309 .elementor-element.elementor-element-47127f4 : not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3309 .elementor-element.elementor-element-47127f4 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color : #4F3A3A;
  background-image : url("https : //jjj.tokyo/wp-content/uploads/2021/03/blog-project-1.jpg");
  background-position : center center;
  background-repeat : no-repeat;
  background-size : cover;
}
.elementor-3309 .elementor-element.elementor-element-47127f4 > .elementor-element-populated >  .elementor-background-overlay {
  background-color : transparent;
  background-image : linear-gradient(180deg, #FFFFFF99 0%, #00000099 75%);
  opacity : 1;
}
.elementor-3309 .elementor-element.elementor-element-47127f4 > .elementor-element-populated {
  transition : background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin : 0px 15px 0px 0px;--e-column-margin-right : 15px;--e-column-margin-left : 0px;
  padding : 245px 0px 30px 0px;
}
.elementor-3309 .elementor-element.elementor-element-47127f4 > .elementor-element-populated > .elementor-background-overlay {
  transition : background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.elementor-3309 .elementor-element.elementor-element-c9cdc8e {
  text-align : center;
}
.elementor-3309 .elementor-element.elementor-element-c9cdc8e .elementor-heading-title {
  color : #FFFFFF;
  font-family : "Roboto", Sans-serif;
  font-size : 14px;
  font-weight : 700;
}
  .elementor-3309 .elementor-element.elementor-element-a531565 : not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3309 .elementor-element.elementor-element-a531565 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color : #4F3A3A;
  background-image : url("https : //jjj.tokyo/wp-content/uploads/2021/03/blog-project-2.jpg");
  background-position : center center;
  background-repeat : no-repeat;
  background-size : cover;
}
.elementor-3309 .elementor-element.elementor-element-a531565 > .elementor-element-populated >  .elementor-background-overlay {
  background-color : transparent;
  background-image : linear-gradient(180deg, #FFFFFF99 0%, #00000099 75%);
  opacity : 1;
}
.elementor-3309 .elementor-element.elementor-element-a531565 > .elementor-element-populated {
  transition : background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin : 0px 15px 0px 15px;--e-column-margin-right : 15px;--e-column-margin-left : 15px;
  padding : 245px 0px 30px 0px;
}
.elementor-3309 .elementor-element.elementor-element-a531565 > .elementor-element-populated > .elementor-background-overlay {
  transition : background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.elementor-3309 .elementor-element.elementor-element-7c5c8a2 {
  text-align : center;
}
.elementor-3309 .elementor-element.elementor-element-7c5c8a2 .elementor-heading-title {
  color : #FFFFFF;
  font-family : "Roboto", Sans-serif;
  font-size : 14px;
  font-weight : 700;
}
  .elementor-3309 .elementor-element.elementor-element-cdd9d22 : not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3309 .elementor-element.elementor-element-cdd9d22 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color : #4F3A3A;
  background-image : url("https : //jjj.tokyo/wp-content/uploads/2021/03/blog-project-3.jpg");
  background-position : center center;
  background-repeat : no-repeat;
  background-size : cover;
}
.elementor-3309 .elementor-element.elementor-element-cdd9d22 > .elementor-element-populated >  .elementor-background-overlay {
  background-color : transparent;
  background-image : linear-gradient(180deg, #FFFFFF99 0%, #00000099 75%);
  opacity : 1;
}
.elementor-3309 .elementor-element.elementor-element-cdd9d22 > .elementor-element-populated {
  transition : background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin : 0px 0px 0px 15px;--e-column-margin-right : 0px;--e-column-margin-left : 15px;
  padding : 245px 0px 30px 0px;
}
.elementor-3309 .elementor-element.elementor-element-cdd9d22 > .elementor-element-populated > .elementor-background-overlay {
  transition : background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.elementor-3309 .elementor-element.elementor-element-cff004f {
  text-align : center;
}
.elementor-3309 .elementor-element.elementor-element-cff004f .elementor-heading-title {
  color : #FFFFFF;
  font-family : "Roboto", Sans-serif;
  font-size : 14px;
  font-weight : 700;
}
.elementor-3309 .elementor-element.elementor-element-9f8c4d3 {
  text-align : center;
}
.elementor-3309 .elementor-element.elementor-element-9f8c4d3 .elementor-heading-title {
  color : #777777;
  font-size : 16px;
  font-weight : 400;
}
.elementor-3309 .elementor-element.elementor-element-9f8c4d3 > .elementor-widget-container {
  margin : 50px 0px -12px 0px;
}
  @media(min-width : 768px) {
  .elementor-3309 .elementor-element.elementor-element-2c8048e{width : 35.1%;
}
.elementor-3309 .elementor-element.elementor-element-8f3cac9 {
  width : 64.899%;
}
  }@media(min-width : 1025px) {
  .elementor-3309 .elementor-element.elementor-element-47127f4 : not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3309 .elementor-element.elementor-element-47127f4 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment : scroll;
}
  .elementor-3309 .elementor-element.elementor-element-a531565 : not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3309 .elementor-element.elementor-element-a531565 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-attachment : scroll;
}
  .elementor-3309 .elementor-element.elementor-element-cdd9d22 : not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3309 .elementor-element.elementor-element-cdd9d22 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-attachment : scroll;
}
  }@media(max-width : 767px) {
  .elementor-3309 .elementor-element.elementor-element-38133ab > .elementor-widget-container{padding : 20px 0px 0px 0px;
}
.elementor-3309 .elementor-element.elementor-element-47127f4 > .elementor-element-populated {
  margin : 0px 0px 0px 0px;--e-column-margin-right : 0px;--e-column-margin-left : 0px;
}
.elementor-3309 .elementor-element.elementor-element-a531565 > .elementor-element-populated {
  margin : 20px 0px 0px 0px;--e-column-margin-right : 0px;--e-column-margin-left : 0px;
}
.elementor-3309 .elementor-element.elementor-element-cdd9d22 > .elementor-element-populated {
  margin : 20px 0px 0px 0px;--e-column-margin-right : 0px;--e-column-margin-left : 0px;
}
}

/* Dynamic Tag Styles */
.binduz-er-tag ul li a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 12px;
  background: #f8f9fa;
  color: #495057;
  text-decoration: none;
  border-radius: 15px;
  border: 1px solid #dee2e6;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  margin-right: 8px;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
}

.binduz-er-tag ul li a:hover {
  background: #007bff;
  color: white;
  border-color: white;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3);
}

.binduz-er-tag ul li a i {
  font-size: 12px;
}

.binduz-er-tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0;
  margin: 0;
}

.binduz-er-tag ul li {
  list-style: none;
  margin: 0;
}

/* Tag ripple effect */
.tag-ripple {
  position: absolute;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  transform: scale(0);
  animation: tag-ripple-animation 0.6s linear;
  pointer-events: none;
}

@keyframes tag-ripple-animation {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .binduz-er-tag ul li a {
    font-size: 12px;
    padding: 4px 8px;
    margin-right: 5px;
  }
}

#qs__blog__main__container {
    padding: 0;
}
.elementor-1233 .elementor-element.elementor-element-48d3df5 .element__ready__portfolio__item__parent{
	padding: 0 20px 20px 0 !important;
}

.binduz-er-video-post .binduz-er-latest-news-item .binduz-er-thumb{
	min-width: 100%;
	max-width: 100%;
}


.binduz-preloader{
	background: #004E87;
}


#qomodo-recent-video-post-2 .binduz-er-popular-news-title{
	padding-top: 0;
}



.binduz-er-back-to-top{
	background: #004E87;
}

@media only screen and (min-width: 992px) and (max-width: 1366px) {
		.binduz-er-header-area-2 .binduz-er-header-meddle-bar {
			padding: 40px 0px;
	}
	.binduz-er-topbar-headline-2{
		opacity: 0;
		visibility: hidden;
	}
	.binduz-er-news-viewed-most .binduz-er-thumb img{
		width: 100%;
	}
	.binduz-er-top-news-title {
			margin-top: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.binduz-er-header-area-2 .binduz-er-header-meddle-bar {
    padding: 40px 0px;
}
	.binduz-er-header-area-2 .binduz-er-header-meddle-bar .binduz-er-logo{
		margin-right: 30px;
	}
	.binduz-er-topbar-headline-2{
		opacity: 0;
		visibility: hidden;
	}
}
@media only screen and (min-width: 20px) and (max-width: 768px){
		.binduz-er-topbar-headline-2{
		opacity: 0;
		visibility: hidden;
	}
		.binduz-er-header-area-2 .binduz-er-header-meddle-bar {
			padding: 20px 0px;
	}
	.binduz-er-header-add{
		display: none;
	}
	.binduz-er-news-viewed-most .binduz-er-content{
		padding: 40px 20px;
	}
	.binduz-er-news-slider-content-slider .binduz-er-item{
		padding: 20px;
	}
}


.binduz-er-news-search-box .binduz-er-news-search-body .binduz-er-news-search-form button{
	padding:0;
}

/* レシピ専用スタイル */
.recipe-wrapper {
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.recipe-header {
    padding: 20px 0;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 30px;
}

.recipe-description {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
    margin: 0;
    text-align: center;
    font-weight: 500;
}

.recipe-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
}

.recipe-info-item {
    text-align: center;
    font-size: 16px;
}

.difficulty-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    color: white;
}

.difficulty-easy {
    background-color: #28a745;
}

.difficulty-medium {
    background-color: #ffc107;
    color: #333;
}

.difficulty-hard {
    background-color: #dc3545;
}

.section-title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin: 30px 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 3px solid #007bff;
    display: inline-block;
}


.ingredients-list {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
}

.ingredient-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e9ecef;
    font-size: 16px;
}

.ingredient-item:last-child {
    border-bottom: none;
}

.ingredient-name {
    font-weight: 500;
    color: #333;
}

.ingredient-amount {
    font-weight: 700;
    color: #007bff;
}

.steps-list {
    counter-reset: step-counter;
    padding: 0;
    margin: 0;
}

.step-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #007bff;
    counter-increment: step-counter;
}

.step-number {
    width: 40px;
    height: 40px;
    background: #007bff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    margin-right: 15px;
    flex-shrink: 0;
}

.step-content {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    flex: 1;
}

.nutrition-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.nutrition-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 2px solid #e9ecef;
    transition: all 0.3s ease;
}

.nutrition-item:hover {
    border-color: #007bff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,123,255,0.1);
}

.nutrition-label {
    font-weight: 500;
    color: #666;
    font-size: 14px;
}

.nutrition-value {
    font-weight: 700;
    color: #007bff;
    font-size: 16px;
}

.nutrition-point {
    margin-top: 30px;
    padding: 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    border-left: 4px solid #28a745;
}

.nutrition-point h4 {
    color: #333;
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: 600;
}

.nutrition-point p {
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .recipe-info-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 15px;
    }
    
    .nutrition-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .step-item {
        flex-direction: column;
        text-align: center;
    }
    
    .step-number {
        margin: 0 0 15px 0;
    }
    
    
    .section-title {
        font-size: 20px;
    }
}