/*
Theme Name: attitude_child
Version: 1.0.0
Template: attitude
*/

/*
* ====================================================================================================
*/

.container {
	text-align: center;
}

#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover>a {
	color: #b4e6d7;
}

#access ul li ul li a,
#access ul li.current-menu-item ul li a,
#access ul li ul li.current-menu-item a,
#access ul li.current_page_ancestor ul li a,
#access ul li.current-menu-ancestor ul li a,
#access ul li.current_page_item ul li a {
	color: #777;
}

.slogan-wrap {
	background-color: white;
}
.slogan-wrap .slogan {
	font-size: 18px;
	color: #686868;
	width: 80%;
	float: left;
}

.slogan-wrap .view-work {
	float: right;
	display: block;
	height: 28px;
	padding: 8px 15px 0;
	margin-top: 8px;
}

#controllers a:hover,
#controllers a.active {
	background-color: #b4e6d7;
	color: #b4e6d7;
}

.tags {
	margin-bottom: 50px;
}

.woocommerce.widget_product_search .search-field {
	border-right: 0 none;
}

.widget_calendar #wp-calendar {
	color: #555;
}

.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#colophon .widget_archive ul li,
#colophon .widget_pages ul li,
#colophon .widget_nav_menu ul li,
#colophon .widget_recent_entries ul li,
#colophon .widget_categories ul li,
#colophon .widget_recent_comments ul li,
#colophon .widget_meta ul li,
#colophon .widget_rss ul li {
	padding-bottom: 8px;
}

#site-generator .copyright {
	width: 100%;
}

@media only screen and (max-width: 1078px) {

	.slogan-wrap .slogan {
		width: 77.5%;
	}


	.slogan-wrap .slogan,
	.slogan-wrap .view-work {
		float: none;
		width: 100%;
	}

	.slogan-wrap .view-work {
		width: 98%;
		margin: 10px auto 0;
	}
	
	 .tags {
    	margin-bottom: 30px;
 	 }

}

img.size-full  {
	width: 100%;
}


/*
* ====================================================================================================
*/




nav#access {
	margin-bottom: 1rem;
}

article.featured-text {
	display: none;
}

/*
2021.11.10 インスタ フィード 表示調整
*/
#content .list ul {
	margin: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

#content .list ul li {
	position: relative;
	width: 49%;
	margin-bottom: 1%
}

#content .list ul li::before {
	content: "";
	display: block;
	padding-top: 100%
}

#content .list ul li img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	object-fit: cover
}

@media (min-width: 767px) {
	#content .list ul li {
		width: 24%
	}
}

/*
2021.11.10 商品一覧 リデザイン
*/
.item_wrap {
	display: flex;
	flex-flow: row wrap
}

.item_wrap a {
	display: block;
	flex: 1 1 auto
}

/*
2021.11.10 メニュー リデザイン
*/
html body .wrapper .container {
	width: 96%;
	max-width: 1024px
}

@media (min-width: 767px) {
	#access .container .root {
		display: flex;
		justify-content: space-between
	}

	#access .container .root li {
		float: none;
		padding: 0
	}

	#access .container .root li a {
		float: none;
		padding: .5rem;
		height: auto
	}
}

#site-title a img {
	width: 100%;
	max-width: 1024px
}

/*
2021.11.11 原材料原産国表示部 修正
*/
.origin {
	display: flex;
	flex-flow: row wrap;
	justify-content: center
}

.origin .origin_item_wrap {
	flex: 0 1 auto;
	padding: 1rem;
	margin: 0 0 1rem 0
}

.origin .origin_item_wrap .origin_title {
	font-weight: bold;
	font-size: .9rem;
	padding-bottom: .5rem
}

.origin .origin_item_wrap .origin_body {
	text-align: left;
	word-break: keep-all
}

/*
2021.11.11 全ページ表示カートボタン作成[本体は親テーマのfooter.php]
*/
.cart_btn {
	display: block;
	position: fixed;
	bottom: 30px;
	left: 30px;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	font-family: 'FontAwesome';
	text-align: center;
	border-radius: 50%;
	background-color: #adebe0;
	color: #39bfa6
}

.cart_btn::before {
	content: '\f07a'
}

@media (min-width: 767px) {
	.cart_btn {
		display: none
	}
}

@media (max-width: 767px) {
	footer {
		padding-bottom: 4rem
	}
}

.back-to-top,
.cart_btn {
	filter: drop-shadow(0 0 0.15rem rgba(0, 0, 0, 0.2))
}

/*
2021.11.22 トップページ 311ショップリンク
*/
.btn_311online {
	box-sizing: border-box;
	font-size: 1.2rem;
	display: block;
	width: 100%;
	max-width: 500px;
	margin: 1rem auto;
	padding: 1rem;
	background: purple;
	color: white;
	border-radius: 500px;
	position: relative;
	transition: all .5s
}

.btn_311online:hover {
	opacity: .8;
	top: 2px
}

/*
product lineup
*/
.flex_img_wrap_3 {
  display: flex;
  flex-flow: row wrap;
}

.flex_img_wrap_3 img {
  flex: 0 1 auto;
  width: 50%;
  height: auto;
}

@media (min-width: 766px) {
  .flex_img_wrap_3 img {
    flex: 0 1 auto;
    width: 33.33%;
  }
}

.flex_img_wrap_4 {
  display: flex;
  flex-flow: row wrap;
}

.flex_img_wrap_4 img {
  flex: 0 1 auto;
  width: 50%;
  height: auto;
}

@media (min-width: 766px) {
  .flex_img_wrap_4 img {
    flex: 0 1 auto;
    width: 25%;
  }
}


/*
treats
*/
.treas_wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: 2rem;
}

@media (min-width: 767px) {
  .treas_wrap {
    flex-flow: row nowrap;
  }
}

.treas_wrap .treas_img {
  flex: 0 0 180px;
}

.treas_wrap .treats_txt_wrap {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column wrap;
}

.treas_wrap .treats_txt_wrap .treats_txt_title {
  font-weight: bold;
}

.treas_wrap .treats_txt_wrap .treats_txt_body .treats_txt_txt {
  padding: 1rem;
  text-align: left;
}

.treas_wrap .treats_txt_wrap .treats_txt_body .treats_txt_benefits {
  margin: 1rem;
  padding: 1rem;
  background-color: #F9F9F9;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.treats_item_wrap {
  display: flex;
  flex-flow: column nowrap;
}

.treats_item_wrap .treats_item_category {
  font-weight: bold;
}

.treats_item_wrap .treats_item_title .treats_item_title_wrap {
  font-size: 1.2rem;
  font-weight: bold;
}





























/*
treats_under
*/
.treats_item_wrap {
  display: flex;
  flex-flow: column nowrap;
}

.treats_item_wrap .treats_item_category {
  font-weight: bold;
}

.treats_item_wrap .treats_item_title {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

@media (min-width: 767px) {
  .treats_item_wrap .treats_item_title {
    flex-flow: row nowrap;
  }
}

.treats_item_wrap .treats_item_title .treats_item_title_wrap {
  font-size: 1.2rem;
  font-weight: bold;
}

.treats_item_wrap .treats_item_title .treats_item_title_wrap .treats_item_title_jpn {
  padding-bottom: .5rem;
  white-space: nowrap;
}

.treats_item_wrap .treats_item_title .treats_item_title_wrap .treats_item_title_eng {
  white-space: nowrap;
}

.treats_item_wrap .treats_item_title .treats_item_title_description {
  text-align: left;
  padding: 1rem;
}

.treats_item_wrap .treats_item_body {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

@media (min-width: 767px) {
  .treats_item_wrap .treats_item_body {
    flex-flow: row nowrap;
  }
}

.treats_item_wrap .treats_item_body .treats_item_body_img {
  flex: 0 0 auto;
  max-width: 400px;
}

.treats_item_wrap .treats_item_body .treats_item_body_txt {
  flex: 1 1 auto;
  text-align: left;
}

.treats_item_wrap .treats_item_body .treats_item_body_txt .treats_item_body_txt_materials_title,
.treats_item_wrap .treats_item_body .treats_item_body_txt .treats_item_body_txt_component_title {
  font-weight: bold;
}

.treats_item_wrap .treats_item_benefits {
  width: 90%;
  margin: 0 auto;
}

.treats_item_wrap .treats_item_benefits .treats_item_benefits_title {
  font-weight: bold;
  padding-bottom: 0.5rem;
  margin: 0 auto  0.5rem;
  border-bottom: thin dotted #5e5e5e;
}

.treats_item_wrap .treats_item_benefits .treats_item_benefits_body {
  text-align: left;
}

.treats_item_wrap .treats_item_benefits .treats_item_benefits_body .treats_item_benefits_body_item_wrap {
  margin-bottom: .5rem;
}

.treats_item_wrap .treats_item_benefits .treats_item_benefits_body .treats_item_benefits_body_item_wrap .treats_item_benefits_body_item_title {
  padding-top: .5rem;
  font-weight: bold;
}