/*
Theme Name: cbdism
Theme URI:
Description:
Version: 1.1
Author: kameda
Author URI:
*/

@charset "UTF-8";

html{
  font-size: 62.5%;
  /* scroll-behavior: smooth; */
}
body{
  color: #555555;
  font-size: 1.2rem;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-sans-serif;;
}
*,*::before, *::after{
  box-sizing: border-box;
}
a:link, a:visited, a:hover,  a:active{
  color: #0056b3;
  text-decoration: none;
}
.main > .row{
  width: 100%;
}
.row{
  margin: 0;
}
.page_title{
  margin: 1.5rem 0;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.more_show{
	display:none;
  margin-bottom: 1.5rem;
}
.more_show .btn{
  background: #fff;
  border: solid 2px #CCCCCC;
  padding: 15px 50px;
  font-size: 1.5rem;
  color: #555555;
  font-weight: bold;
}

/* clearfix */
.clearfix::after{
  content: '';
  display: block;
  clear: both;
}
/* シンプルリスト */
.simple_list{
  list-style: none;
}
.simple_list li{
  padding: 1.0rem;
  border-bottom: solid 1px #cccccc;
}

/*--- header ---*/
.top_header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 100;
}
#search_menu{
  background: #fff;
  box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px -1px rgba(0,0,0,0.2);
  width: 100%;
  max-width: none;
}
#page_top{
  height: 55px;
}
.header{
  height: 55px;
  padding: 5px 0 5px;
  background: #fff;
  position: relative;
  box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.2);
}
.header .logo{
  margin: 0 auto;
  height: 45px;
  width: 195px;
  background: url(assets/images/title_logo3.png) no-repeat;
  background-position: top center;
  overflow: hidden;
  white-space: nowrap;
}
.header .logo_txt{
  display: block;
  font-size: 1rem;
  color: #555555;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 992px){
  .header .logo_txt {
    bottom: 5px;
  }
}
.header .logo a{
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  text-align: center;
}
.header .search_logo{
  position: absolute;
  top: 7.5px;
  right: 7.5px;
  display: block;
  margin: 0;
}
.header .search_logo_setting{
  height: 40px;
  width: 40px;
  font-size: 40px;
  color: #555555;
  margin: 0px;
}
#search_menu .navbar{
  padding: 0.5rem;
}
#search_menu.container{
  padding: 0;

}
#search_menu .form-inline{
  width: 100%;
}
#search_menu .form-inline .form-control{
  display: inline-block;
  width: 80%;
  vertical-align: middle;
  font-size: 16px;
}
#search_menu .form-inline .btn{
  width: 20%;
  font-size: 1.5rem;
}
/*--- header end ---*/
/*--- メインビジュアル ---*/
.main_visiual{
  margin-bottom: 1.5rem;
  position: relative;
}
.main_visiual img{
  height: 200px;
  width: 100%;
  object-fit: cover;
}
.main_visiual p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  margin: 0;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons",
"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
"ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
/*--- メインビジュアル end---*/

/* セクション */
.main.container.index{
  padding: 0;
}
.sec_category,
.sec_store,
.sec_overall_rank{
  margin-bottom: 1.5rem;
  height: auto;
  padding: 0;
}
.sec_store{
  padding: 0 1.5rem;
}

.section_title{
  margin: 0;
  padding: 0;
  margin-bottom: 1.0rem;
  font-size: 1.8rem;
  font-weight: bold;
  width: auto;
	text-align:center;
}
.section_title_brand{
  letter-spacing: -0.1rem;
}
@media (min-width: 576px) {
  .section_title_brand{
    font-size: 1.4rem;
    margin: 0.4rem 0 1rem;
    letter-spacing: 0;
  }
}
@media (min-width: 768px) {
  .section_title_brand{
    font-size: 1.8rem;
    margin: 0 0 1rem;
  }
}
.sec_category .section_title,
.sec_overall_rank .section_title{
  padding-left: 15px;
  padding-right: 15px;
}
.accordion_menu_btn{
  display: block;
  font-size: 1.2rem;
  text-align: right;
  margin-top: 1.0rem;
}
.accordion_menu_btn,
.accordion_mune{
/*   padding: 0 15px; */
}
.accordion_menu_btn {
	padding:0 15px;
}
/* .accordion_mune li{
  border-bottom: solid 1px #CCCCCC;
} */
@media (max-width:768px) {
	.accordion_mune li {
		padding-left:0rem;
		padding-right:0rem;
	}
}
.accordion_mune li a{
  display: block;
  padding: 0;
  margin: 1rem 0 1rem 0;
  font-size: 1.5rem;
  font-weight: bold;
  color: #555555;
}
.accordion_mune li:last-child{
  border-bottom: none;
}
.accordion_mune li a p{
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.accordion_mune li a i{
  float: right;
  margin-top: 0.35rem;
  padding: 0;
  font-size: 1.5rem;
  color: gray;
}

/* △マークを表示させるためのクラス */
.am-c-d.active:before {
	content:'\f077';
}
.am-r-d.active:before {
	content:'\f077';
}

/*--- スライダー ---*/
.swiper-container {
  width: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  border: solid 1px white;
  height: calc(25vw * 1.3);
  border-radius: 5%;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.slide-category {
	width:auto;
	position:relative;
	margin-right:15px;
}
@media (max-width:768px) {
	.slide-category {
		width:33.33%;
	}
}
.slider-category .swiper-slide a,
.slider-ranking .swiper-slide a{
  display: block;
  width: 100%;
  height: 100% !important;
  border-radius: 5%;
  transition: opacity 0.2s;
	padding:0;
}
.slider-category .swiper-slide a:hover,
.slider-ranking .swiper-slide a:hover{
  opacity: 0.8;
}
.slider-category .swiper-slide a img,
.slider-ranking .swiper-slide a img{
  width: 90%;
  height: calc(25vw * 0.9);
  margin: 0.5rem auto 0;
  border-radius: 5%;
}
.slider-category .swiper-slide a .text,
.slider-ranking .swiper-slide a .text{
  margin: 0.5rem 0;
  font-size: 1rem;
  color: #555555;
  word-wrap: break-word;
}
.swiper-button-next,
.swiper-button-prev{
  background-color: #999999;
  border-radius: 50%;
  height: 27px;
  width: 27px;
  text-align: center;
}
.swiper-button-next::after,
.swiper-button-prev::after{
  color: black;
  font-size: 1.2rem;
  line-height: 27px;
}
.swiper-button-next{
  top: 58%;
  right: 0px;
}
.swiper-button-prev{
  top: 58%;
  left: 0px;
}
.swiper-container {
 padding:0 1.5rem;
}

/*--- スライダー end ---*/
/*--- カテゴリ ---*/

/*--- カテゴリ end---*/
/*--- ストアを探す ---*/
.sec_store .container{
  padding: 0;
}
.sec_store .map,
.sec_store .map_nearby{
  padding: 0;
}
.sec_store .map .inner,
.sec_store .map_nearby .inner{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  width: 100%;
  height: auto;
  border: solid 1px #CCCCCC;
  border-radius: 6px;
  transition: opacity 0.2s;
}
.sec_store .map .inner:hover,
.sec_store .map_nearby .inner:hover{
  opacity: 0.8;
}
.sec_store .map .inner img,
.sec_store .map_nearby .inner img{
  width: 100%;
}
.sec_store .map .inner img{
  max-width: 100%;
}
.sec_store .map_nearby .inner img{
  max-width: 60%;
}
@media (min-width: 576px) {
  .sec_store .map_nearby .inner img{
    max-width: 75%;
  }
}
.sec_store .map .inner .text,
.sec_store .map_nearby .inner .text{
  font-size: 1.4rem;
  color: #555555;
  margin: 0;
  margin-top: 1rem;
}
.sec_store .map{
  padding-right: 0.75rem;
}
.sec_store .map_nearby{
  padding-left: 0.75rem;
}
/*--- ストアを探す end ---*/

/*--- 総合ランキング ---*/
.rank_list{
  counter-reset: ranking-1;
}
.rank_list .order{
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  vertical-align: middle;
  margin: 0;
  margin-right: 0.5rem;
  border-radius: 50%;
  font-weight: normal;
  color: black;
  text-align: center;
}
.rank_list .nav-item:nth-of-type(1) .order{
  background-color: #EAC601;
  color: #fff;
}
.rank_list .nav-item:nth-of-type(2) .order{
  background-color: #C9C9C9;
  color: #fff;
}
.rank_list .nav-item:nth-of-type(3) .order{
  background-color: #D67607;
  color: #fff;
}
.rank_list .order:before{
  content: counter(ranking-1);
  counter-increment: ranking-1;
  display: inline-block;
}
.slider-ranking .swiper-slide{
  position: relative;
}
.slider-ranking .swiper-slide .order{
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  margin: 0;
  margin-right: 0.5rem;
  border-radius: 50%;
  font-weight: normal;
  color: black;
  text-align: center;
}
.slider-ranking .swiper-wrapper{
  counter-reset: ranking-2;
}
.slider-ranking .swiper-slide .order:before{
  content: counter(ranking-2);
  counter-increment: ranking-2;
  display: inline-block;
}
.slider-ranking .swiper-slide:nth-of-type(1) .order{
  background-color: #EAC601;
  color: #fff;
}
.slider-ranking .swiper-slide:nth-of-type(2) .order{
  background-color: #C9C9C9;
  color: #fff;
}
.slider-ranking .swiper-slide:nth-of-type(3) .order{
  background-color: #D67607;
  color: #fff;
}
/*--- 総合ランキング end ---*/

/* 各カテゴリランキング */
.swiper-slide:nth-of-type(1) .category-order {
	color:#fff;
	background-color:#EAC601;
}
.swiper-slide:nth-of-type(2) .category-order {
	color:#fff;
	background-color:#C9C9C9;
}
.swiper-slide:nth-of-type(3) .category-order {
	color:#fff;
	background-color:#D67607;
}
.category-order:before {
	content: counter(ranking-2);
    counter-increment: ranking-2;
    display: inline-block;
}
.category-order {
    position: absolute;
    top: 0rem;
    left: 0.5rem;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    margin: 0;
    margin-right: 0.5rem;
    border-radius: 50%;
    font-weight: normal;
    color: black;
    text-align: center;
	background-color:white;
}
.section-ranking-title {
	font-size:1.4rem;
	font-weight:bold;
}
@media (max-width:768px) {
	.section-ranking-title {
	padding:15px;		
	}
}
#acd-menu {
	display:none;
}
.category_ranking_acc {
	max-height:0;
	overflow:hidden;
	transition:all .6s;
}
#acd-menu:checked ~ .category_ranking_acc {
	max-height:100vh;
}
.acd-menu-label {
	color:#227fe8;
	cursor:pointer;
	display:inline-block;
	width:100%;
	text-align:right;
	padding-right:15px;
}


/* コラム */
.column-content h2 {
	font-size:1.5rem;
	font-weight:bold;
	padding-top:10px;
}
.column-content li {
	list-style-position:inside;
}
.column-content_wrapper {
	width:90%;
}
.column-top-wrapper {
	display:flex;
	margin-bottom:30px;
}
.column-top-inner {
	width:90%;
	padding-right:30px
}
.column-top-inner-read {
	width:100%;
}
.column-inner:last-child .column-item {
	border-bottom:none;
}
.column-title {
	font-size:1.5rem;
	font-weight:bold;
}
.column-title-sp {
	display:none;
}
.column-thumbnail-inner {
	position:relative;
	min-width:300px;
}
@media (max-width:768px){
	.column-title {
		display:none;
	}
	.column-title-sp {
		display:block;
	}
	.column-inner {
		width:100%;
		padding:0 15px;
	}
	.column-thumbnail-inner {
		max-width:100px;
		min-width:100px;
	}
	.column-thumbnail-inner img{
		width:100%;
		height:auto;
	}
	.column-anker:nth-of-type(4) .column-item {
		border-bottom:none;
	}
	.column-content-des {
		display:none;
	}
	.column-item-des p {
		margin-bottom:0;
	}
	.column-item-des p:nth-of-type(5) {
		display:none;
	}
	.sec-column {
		padding:0 10px;
	}
	.column-top-inner {
		width:100%;
		padding-right:0;
	}
}
.column-item {
	display:flex;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #cccccc;
	color:#000;
}
.column-anker:last-child .column-item {
	border-bottom:none;
}
.column-item-des {
	flex-grow:1;
	padding:10px;
}
@media (max-width:768px) {
	.column-item-des {
		padding:5px;
	}
}
.paginate_btn {
	text-align:center;
	margin-bottom:30px;
	margin-top:30px;
	display:flex;
	justify-content:center;
/* 	flex-wrap:wrap; */
}
.paginate_btn .current {
	color:#fff !important;
	background-color:#25a660;
}
.paginate_btn .page-numbers {
	display:flex;
	justify-content:center;
	align-items:center;
	color:#5e5e5e;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
}
#paginate_btn_sp {
	display:none !important;
}
@media (max-width:768px) {
	#paginate_btn_sp {
		text-align:center;
	margin-bottom:30px;
	margin-top:30px;
	display:flex;
	justify-content:center;
	}
	.paginate_btn {
		display:none;
	}
	.paginate_btn .page-numbers {
		margin-right:3px;
		margin-left:3px;
	}
}

.page-numbers {
	display:inline-block;
	width:50px;
	height:50px;
	color:#000;
	padding:10px;
	background-color:#cccccc;
	border-radius:50%;
	vertical-align:middle;
}
@media (max-width:768px) {
	.page-numbers {
		width:50px;
		height:50px;		
	}
}
.nav-links {
	background-color:none;
	margin-bottom:20px;
}
.nav-links .page-numbers {
	display:flex;
	background-color:transparent;
/* 	flex-wrap:wrap; */
	justify-content:center;
}
.nav-links .page-numbers li {
	margin-bottom:10px;
}
.nav-links .page-numbers .page-numbers {
	justify-content:center;
	align-items:center;
	color:#5e5e5e;
}
.nav-links .page-numbers .page-numbers.dots {
	background-color:#cccccc;
	color:#5e5e5e;
}
.page-numbers li .page-numbers {
	background-color:#cccccc;
}
.paginate-wrapper {
	text-align:center;
}
.pagination {
	justify-content:center;
}
.pagination .nav-links .page-numbers {
	width:auto;
	height:auto;
}
.pagination .nav-links .page-numbers span {
	background-color:#25a660;
	color:#fff;
}
.pagination .nav-links .page-numbers .page-numbers{
	width:50px;
	height:50px;
	margin-right:10px;
	margin-left:10px;
}
@media (max-width:768px) {
	.pagination .nav-links .page-numbers .page-numbers {
		margin-right:3px;
		margin-left:3px;
	}
}
.category_name {
	color:#fff;
	font-size:1.2rem;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	margin:0;
	background-color:#26a560;
	padding:0 5px;
}
@media (max-width:768px) {
	.side-banner {
		display:none;
	}
}

/* コラム詳細 */
.column-page_inner img {
	width:100%;
	height:auto;
}
.wp-post-image {
	width:100%;
	height:auto;
}
.column-page_inner {
	display:flex;
}
.column-content-title {
	font-weight:bold;
}
.column-content-title_inner {
	padding:20px 0px;
}
.column-content_inner {
	padding-right:20px;
}
.column-page-d_inner .sato_mongon {
	margin-bottom:1rem;
}
.column-page-d_inner .swiper-container {
	margin-bottom:50px;
}
.column-page-d_inner .container {
	padding:0;
}
#ez-toc-container {
	border:none;
	width:50%;
}
#ez-toc-container li {
	padding:10px 0px;
	margin:0;
}
.column-banner_inner {
	text-align:center;
}
.column-banner_inner img {
	width:120px;
	height:600px;
}
@media (max-width:768px) {
	#ez-toc-container {
		width:100%;
	}
	.column-banner_inner {
		display:none;	
}
	.column-content_wrapper {
		width:100%;
	}
	.column-content_inner {
		width:100%;
		padding-right:0;
	}
	.column-page-d_inner .sato_a8sp  {
		padding:0 10px;
	}
	.product_sato_a8sp {
		padding:0 10px;
	}
}
.ez-toc-heading-level-2 {
	border-bottom:1px solid #555555;
}
.ez-toc-page-1 {
	padding:10px 0;
	border-bottom:1px solid #555555;
}
.ez-toc-page-1:last-child {
	border-bottom:none;
}
.ez-toc-title {
	color:#000;
}

/*--- フッター ---*/
.footer{
  background-color: #555555;
  text-align: center;
  padding: 1.5rem;
}
.footer .followus{
  color: #fff;
  font-weight: bold;
}
.footer .sns{
  margin: 0 auto 1.5rem;
  width: 100px;
}
.footer .sns a{
  display: block;
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: opacity 0.2s;
}
.footer .sns i{
  padding-top: 7.5px;
  font-size: 25px;
  color: #555555;
}
.footer .sns .twitter_icon{
  float: left;
}
.footer .sns .instagram_icon{
  float: right;
}

.footer .nav {
  list-style: none;
  max-width: 38.5rem;
  margin: 0 auto 1.5rem;
}
.footer .nav li {
  text-align: center;
  padding:0 0.5rem 0 0.5rem;
}
.footer .nav li a {
  text-decoration: none;
  font-size: 1.0rem;
  font-weight: 300;
  color: #fff;
  font-weight: bold;
  transition: opacity 0.2s;
}
.footer .sns a:hover,
.footer .nav li a:hover {
  opacity: 0.8;
}

.footer small{
  margin: 0;
  font-size: 1.2rem;
  color: #fff;
}

/* パンくずリスト */
.breadcrumbs {
	text-align:left;
	color:#fff;
	margin:0 300px 10px;
}
@media (max-width:768px) {
	.breadcrumbs {
		margin:0 0 10px;
	}
}
.breadcrumbs span a {
	color:#fff;
}
/*--- フッター end---*/

/*--- fixed-menu ---*/
.fixed-menu{
  position: fixed;
  height: 5rem;
  width: 5rem;
  bottom: 6rem;
  right: 1.5rem;
  border-radius: 50%;
  background: #999999;
  text-align: center;
  z-index: 200;
}
.fixed-menu i{
  font-size: 3rem;
  color: #fff;
  line-height: 5rem;
}
/*--- fixed-menu end---*/

/*--- カテゴリー一覧ページ ---*/
.category_list li a .image {
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin-right: 1rem;
}
.category_list li .text_area{
  color: #555555;
  font-size: 1.4rem;
}
.category_list li h2{
  font-size: 1.4rem;
}
.category_list li .star_rating{
  margin-bottom: 0.5rem;
  height: 20px;
  color:#FF9D00;
}
.category_list li .text{
  font-size: 1.2rem;
}
.category_list li .text span{
  color: red;
}

.category_list_2{
  margin-bottom: 1.5rem;
}
.category_list_2 .item{
  padding: 0;
  margin: 1rem 0;
}
.category_list_2 .item:nth-child(odd){
	padding-right: 0.75rem;
}
.category_list_2 .item:nth-child(even){
	padding-left: 0.75rem;
}
.category_list_2 a {
  height: 100%;
  display: block;
  box-shadow: rgba(212, 212, 212, 0.5) 0px 2px 4px;
  transition: box-shadow 0.3s ease 0s;
}
.category_list_2 a:hover{
  box-shadow: rgba(212, 212, 212, 0.8) 0px 2px 10px;
}
.category_list_2 a .image {
  width: 100%;
  padding-top: 100%;
}
.category_list_2 .text_area{
  color: #555555;
  font-size: 1.4rem;
  padding: 1rem
}
.category_list_2 h2{
  font-size: 1.4rem;
}
.category_list_2 .star_rating{
  margin-bottom: 0.5rem;
  height: 20px;
  color: #FF9D00;
}
.category_list_2 .text{
  font-size: 1.2rem;
}
.category_list_2 .text span{
  color: red;
}
/*--- カテゴリー一覧ページ end---*/
.textpage_container .text_area{
  font-size: 1.4rem;
  word-wrap: break-word;
  margin-bottom: 1.5rem;
}
/*--- テキストページ ---*/
/*--- テキストページ end---*/

/*--- エリア一覧 ---*/
.area_list{
  margin-bottom: 1.5rem;
}
.area_list h2,
.area_list h3{
  font-size: 1.4rem;
  margin: 0;
}
.area_list a{
  display: block;
  position: relative;
  width: 100%;
  font-size: 1.4rem;
  color: black;
}
.area_list .item i{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #555555;
}
.second_list{
  padding: 0 2.0rem;
}
.second_list a{
  color: #0056b3;
}
/*--- エリア一覧 end---*/

/*--- 製品ページ ---*/
.product_info > div{
  margin-bottom: 1.5rem;
}
@media (min-width:1200px){
	.product_store{
		max-width:1140px;	
	}
}
@media (min-width:992px){
	.product_store{
		max--width:960px;
	}
}
@media (min-width:768px){
	.product_store{
		max--width:720px;
	}
}
@media (min-width:576px){
	.product_store{
		max--width:540px;
	}
}
.product_info,
.product_review,
.product_store{
  margin-bottom: 1.5rem;
  margin-top:-70px;
	margin-left:auto;
	margin-right:auto;
  padding-top:70px;
}
.product_store{
  margin-bottom: 1.5rem;
	padding-left:15px;
	padding-right:15px;
}
.product_info .title,
.product_review .title,
.product_store .title{
	text-align:center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.product_info .image_area,
.product_info .text_area,
.product_info .text_container{
  padding: 0;
  margin: 0;
  margin-bottom: 1rem;
}
.product_info .text{
  margin: 0;
}
.product_nav_inner {
  border-bottom: solid 1px #cccccc;
  margin-bottom: 1.5rem;
}
@media (min-width:1200px){
	.product_nav{
		max-width:1140px;	
	}
}
@media (min-width:992px){
	.product_nav{
		max--width:960px;
	}
}
@media (min-width:768px){
	.product_nav{
		max--width:720px;
	}
}
@media (min-width:576px){
	.product_nav{
		max--width:540px;
	}
}
.product_nav {
	margin:0 auto;
}
.product_nav .nav {
  list-style: none;
  margin-bottom: 0.2rem;
}
.product_nav .nav li {
  width: 33.33%;
  text-align: center;
  padding:0 0.5rem 0 0.5rem;
}
.product_nav .nav li a {
  text-decoration: none;
  /* font-size: 1.0rem; */
  color: #555555;
  font-weight: bold;
  transition: opacity 0.2s;
}
.product_nav .nav li a i{
  font-size: 2rem;
}
.product_nav .nav li a:hover {
  opacity: 0.8;
}
.product_info .image_area{
  padding-right: 0.5rem;
}
.product_info .text_area{
  padding-left: 0.5rem;
}
.product_info .image{
  margin: 0 auto;
  width: 100%;
  min-width: 80px;
  max-width: 150px;
  min-height: 80px;
  max-height: 150px;
  object-fit: cover;
}
.product_info .image::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.product_info .text_container{
  font-size: 1.4rem;
}
.product_review .review_btn .btn, .review_submit_area .review_btn{
  color: #fff;
  background-color: #0ca660;
  transition: opacity 0.2s;
  padding: 8px 15px;
  font-size: 1.5rem;
}
.btn:hover{
  opacity: 0.8;
}
.product_review .comments{
  margin-bottom: 1rem;
}
.product_review .comments p{
  margin-bottom: 0.5rem;
}
.product_review .comments ul{
  list-style: none;
}
.product_review .comments li{
  margin-bottom: 1rem;
}
.comments .link {
	color:#227bda;
}
.product_store ul{
  list-style: none;
}
.product_store .image,
.store_info .image{
  /* float: left; */
  width: 70px;
  height: 70px;
  margin-bottom: 1rem;
}
.product_store .text_container,
.store_info .text_container{
  padding-left: 1rem;
  margin-bottom: 1rem;
}
.product_store .item{
  position: relative;
  margin-bottom: 1rem;
  border-bottom: solid 1px #cccccc;
}
.product_store .item:last-child {
	border-bottom:none;
}
.product_store .text_container h3,
.store_info .text_container h1 {
  font-size: 1.2rem;
  font-weight: bold;
}
.store_info {
	list-style:none;
}
.product_store .text_container .star_rating,
.store_info .text_container .star_rating{
  margin-bottom: 0.5rem;
}
@media (min-width:1140px) {
	.store_info_inner {
		margin:0 150px;
	}
}
.product_store .text_container .price span{
  color: red;
}
.product_store .btn_store {
  position: absolute;
  bottom:1rem;
  right: 0;
  color: #fff;
  background-color: #0ca660;
  transition: opacity 0.2s;
  padding: 6px 9px;
  font-size: 1rem;
}
.product_store .btn_store:hover{
  opacity: 0.8rem;
}
.product-recommend_container {
	padding:0;
}
.close {
	font-size:1.2rem;
	padding-top:5px;
	cursor:pointer;
	color:#227bda;
}
.a {
	overflow-wrap:break-word;
}
.review_comments {
	overflow-wrap: break-word;
}
/*--- 製品ページ end---*/

/* ストアページ */
.store_container{
  width: 100%;
  margin: 0 auto;
}
.store_container .row .left_item,
.store_container .row .right_item{
  padding: 0;
}
.store_container .row .left_item{
  padding-right: 0.75rem;
}
.store_container .row .right_item{
  padding-left: 0.75rem;
  padding-right: 15px;
}
.store_info{
  margin: 1.5rem 0;
  border-bottom: solid 1px #cccccc;
}
.store_map,
.store_time,
.store_web,
.store_explanation{
  margin-bottom: 1.5rem;
  border-bottom: solid 1px #cccccc;
}
.store_page .product_review {
  border: none;
}
.store_info .text_container .time span{
  color: #0ca660
}
.store_page .label{
  margin-bottom: 1rem;
}
.store_page .title{
  margin: auto 0;
  font-size: 1.5rem;
  font-weight: bold;
  white-space: nowrap;
}
.store_page .text{
  padding-left: 1rem;
  margin: auto 0;
}
.ggmap {
margin: 0 auto;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 1rem;
max-width: 600px;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ggmap_2{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ggmap_2 iframe,
.ggmap_2 object,
.ggmap_2 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-bottom: 12px;
}
/* ストアページ end*/

/* ストア一覧 */
.store_list a{
  color: #555555;
}
.store_list p{
  margin:0;
}
@media (min-width:1140px) {
	.store_list .sort {
		margin:0 150px;
	}
}
/* ストア一覧 end*/

/* コラム詳細 */
.main_inner {
	display:flex;
	padding:50px;
}
.content_inner {
	width:90%;
}
.column_banner_side {
	
}
/* コラム詳細 end */

@media (min-width: 576px){
  .main{
  padding: 0;
/* margin: 0 150px; */
  }
  .main.container{
    /* max-width: 580px; */
  }
  /* スライダー */
  .swiper-container{
    padding:0 14px;
  }
  .slider-category{
    width: 99.7%;
  }
  .slider-category .swiper-slide {
    height: 150px;
  }
  .slider-category .swiper-slide a img{
    width: 90px;
    height: 90px;
    margin: 0.5rem auto 0;
  }

  .sec_category{
    /* padding-right: 0.75rem; */
    margin: 0;
  }
  .sec_store{
    padding-left: 0.75rem;
    padding-right: 15px;
    margin: 0;
  }
  .main > .row{
    margin-bottom: 1.5rem;
  }

  .slider-ranking .swiper-slide {
    height: 190px;
  }
  .slider-ranking .swiper-slide a img{
    width: 130px;
    height: 130px;
    margin: 0.5rem auto 0;
  }

  /* マップ */
  .sec_store .map .inner,
  .sec_store .map_nearby .inner{
    height: 150px;
  }

  .slider-category .swiper-slide a .text
  .slider-ranking .swiper-slide a .text{
    margin: 1rem;
  }
  .slider-ranking .swiper-slide{
    height: auto;
  }
  .amb-r{
    padding-right: 15px;
    padding-left: 0;
  }
  .amb-c{
    padding-right: 15px;
    padding-left: 0;
  }
  /* 各カテゴリ */
  .category_list_2 .item:nth-child(n){
  	padding: 0;
  }
  .category_list_2 .item:nth-child(3n-2){
  	padding-right: 1rem;
  }
  .category_list_2 .item:nth-child(3n-1){
  	padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .category_list_2 .item:nth-child(3n){
  	padding-left: 1rem;
  }

  /* 製品ページ */
  .product_store .btn_store {
    position: absolute;
    bottom:1rem;
    right: 0;
    color: #fff;
    background-color: #0ca660;
    transition: opacity 0.2s;
    padding: 8px 15px;
    font-size: 1.5rem;
  }
  .product_store .btn_store:hover{
    opacity: 0.8rem;
  }
}
@media (min-width: 768px){
  .main_visiual img{
    height: 400px;
    width: 100%;
    object-fit: cover;
  }
  .main_visiual p{
    font-size: 2.2rem;
  }
  .sec_store{
    padding-left: 1.5rem;
  }

  /* スライダー */
  .slider-ranking .swiper-slide {
    height: 190px;
  }
  .slider-ranking .swiper-slide a img{
    width: 130px;
    height: 130px;
    margin: 0.5rem auto 0;
  }

  .sec_ranking{
    padding-right: 0.75rem;
    margin: 0;
  }
  /* 製品ページ */
  .product_info .text_area{
    padding-right: 0.5rem;
  }
  .product_info .text_container{
    padding-left: 0.5rem;
  }
  .product_store .btn_store{
    position: absolute;
    bottom:1rem;
    right: 0;
    color: #fff;
    background-color: #0ca660;
    transition: opacity 0.2s;
    padding: 8px 15px;
    font-size: 1.5rem;
  }
  .product_store .btn_store:hover{
    opacity: 0.8rem;
  }
  /* ストアページ */
  .store_container{
    max-width: 720px;
  }
  .store_info{
    border-bottom: none;
  }
  .store_map,
  .store_time,
  .store_web,
  .store_explanation{
    border-bottom: none;
  }
  .ggmap {
    padding-bottom: 400px;
  }
  /* 各カテゴリ */
  .category_list_2 .item:nth-child(n){
  	padding: 0;
  }

  .category_list_2 .item:nth-child(4n-3){
  	padding-right: 1rem;
  }
  .category_list_2 .item:nth-child(4n-2){
  	padding-left: 0.5rem;
    padding-right: 0.75rem;
  }
  .category_list_2 .item:nth-child(4n-1){
    padding-left: 0.75rem;
    padding-right: 0.5rem;
  }
  .category_list_2 .item:nth-child(4n){
  	padding-left: 1rem;
  }

}
@media (min-width: 992px){
  html{
    font-size: 75%;
  }
  .main_visiual,
  .main > .row,
  .sec_overall_rank{
    margin-bottom: 2.2rem;
  }
  /* スライダー */
  .slider-category .swiper-slide,
  .slider-ranking .swiper-slide {
    height: 175px;
  }
  .slider-category .swiper-slide a img,
  .slider-ranking .swiper-slide a img{
    width: 130px;
    height: 130px;
    margin: 0.5rem auto 0;
  }

  /* ブランド */
  .sec_store .map .inner img {
    width: 180px;
  }

  /* マップ */
  .sec_store .map .inner,
  .sec_store .map_nearby .inner{
    height: 175px;
  }
  .sec_store .map_nearby .inner img {
    width: 120px;
  }

  /* ストアページ */
  .store_container{
    max-width: 960px;
  }
}
@media (min-width: 1200px){
  .category_list_2 .item:nth-child(n){
  	padding: 0;
  }

  .category_list_2 .item:nth-child(6n-5){
  	padding-right: 1rem;
  }
  .category_list_2 .item:nth-child(6n-4){
  	padding-left: 0.5rem;
    padding-right: 0.75rem;
  }
  .category_list_2 .item:nth-child(6n-3){
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .category_list_2 .item:nth-child(6n-2){
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .category_list_2 .item:nth-child(6n-1){
    padding-left: 0.75rem;
    padding-right: 0.5rem;
  }
  .category_list_2 .item:nth-child(6n){
  	padding-left: 1rem;
  }

  /* ストアページ */
  .store_container{
    max-width: 1140px;
  }
}
@media (max-width: 343px){
  .footer .nav {
    display: block;
  }
}

/* レビューフォーム */
.review_form,.review_post_alert {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.review_form {
  z-index: 999; /*サイトによってここの数値は調整 */
}
.review_post_alert {
  z-index: 1000;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.review_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  padding: 10px 30px;
  background-color: #fff;
}
  .name , .rating_area{
    margin-top: 5px;
    margin-bottom: 20px;
  }

  .form_item {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
    input {
      font-size: 16px;
    }
    textarea {
      font-size: 16px;
    }

  /* 星レーティングCSS */

  /*インプットタイプ★★★★★*/
  .stars{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .stars input[type='radio']{
    display: none;
  }
  .stars label{
    padding-right: 0px;
    color: #ddd;
    border-color: #FF9D00;
    font-size: 30px;
    cursor: pointer;
  }
  .stars label:hover,
  .stars label:hover ~ label,
  .stars input[type='radio']:checked ~ label{
    color: #FF9D00;
  }

  .review_comment {
    margin-top: 5px;
    background-color: #C9C9C9;
    width: 100%;
  }

.review_submit_area, .review_cancel_area {
  width: 30%;
  margin: 10px auto;
}

  .review_submit-btn, .review_cancel-btn {
    text-align: center;
    width: 100%;
  }

  .review_submit-btn {
    background-color: #0ca660;
  }
  .review_cancel-btn {
    background-color: #999999;
    color: #fff;
    padding: 8px 15px;
    transition: opacity 0.2s;
    font-size: 1.5rem;
  }
  .review_submit-btn:hover {
    color: #212529;
  }

.closeModal {
  position: absolute;
  font-size: 2rem;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
@media(max-width: 767px) {
  .review_wrap {
    width: 95%;
    height: 95%;
  }
  .review_submit_area, .review_cancel_area {
    width: 40%;
    margin: 10px auto;
  }
}

/* レビュー投稿完了画面 */
.alert_area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  padding: 10px 30px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
  .close-btn {
    cursor: pointer;
    color: #00aaff;
    background-color: transparent;
    font-size: 1.5rem;
    text-align: center;
    border-radius: 10px;
  }

/* 取扱ストア */

/*星のスタイル*/
.star_rating{
  color: #FF9D00;
}
  .star {
    font-size: 1.2em;
  }
  .sum_reviewer {
    color: #111;
    font-size: 0.8em;
  }

/*数字のスタイル*/
.review_date {
  color: #111;
}

/* レビュー評価グラフ */
.bar_area {
  position: relative;
  width: 100%;
}
  .bar_wrap {
    display: flex;
    position: relative;
    width: 100%;
    margin-top: 20px;
  }
    .bar_table {
      width: 60%;
      position: relative;
    }
    .avg_table {
      width: 40%;
    }
    .avg_rating {
      text-align: center;
    }
      .star_avg {
        font-size: 2.5rem;
        font-weight: bold;
        margin: 0;
      }
      /* レビューグラフ */
    .bar {
      position: relative;
      height: 30px;
      margin-bottom: 30px;
    }
      .num_class {
        white-space: nowrap;
        text-align: center;
        padding-right: 15px;
        width: 30px;
      }
      .bar_chart {
        position: relative;
        width: 50%;
        margin: 10px 10px;
      }
      .canvas_wrap {
        position: relative;
        width: 90%;
        margin: 0 auto;
      }
      .shadow_line, .main_line {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        border-top-left-radius: 10px 10px;
        border-bottom-left-radius:10px 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
      }
      .shadow_line {
        width: 100%;
        background-color: #999999;
        border: 1px solid #999;

      }
      .main_line {
        background-color: #FF9D00;
      }
      .bar_percent {
        padding-left: 15px;
      }
  .avg_area {
    width: 40%;
  }

/* 取扱ストア表示順序 */
div.title {
  display: inline;
}
@media (min-width:768px) {
	.sort {
	  display:block;
    text-align: right;
	  margin-bottom:1.5rem;
  }
}

@media (max-width:767px) {
	.sort {
		display:none;
	}
	.sort_sp_inner {
		text-align:right;
		margin-bottom: 10px;
    padding: 0px 0px 10px;
	}
	.sort_sp_title {
		display:inline-block;
	}
}
@media (min-width:768px) {
	.sort_sp_inner {
		display:none;
}
}
@media (max-width:768px) {
	#area_sp_inner {
		padding:0 15px 10px;
	}
}
    .sort #sort_price, #sort_price_hf, #sort_review,#sort_recommend,#sort_abc {
      cursor: pointer;
      padding: 10px 10px;
	  padding-right: 13px;
    }
    #sort_price, #sort_review,#sort_recommend {
      border-right: 1px solid #ccc;
    }
/* アフィリエイトエリア */
.a8_area {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
  .a8_area .a8_title {
    margin-bottom: 5px;
    color: #777;
  }
  .a8_area .a8_content * {
    margin: 0 auto;
  }

/* sato編集 */
.order{
	background-color:white;
}
.sato_mongon{
	text-align:center;
	margin-bottom:-15px;
}
.sato_sns_area{
  text-align:center;
  width:100%;
}
.sato_sns_facebook > img{
width:50px;
height:50px;
/*   display:none; */
}
.sato_sns_twitter > img{
width:50px;
height:50px;
/*   display:none; */
}
.sato_sns_line > img{
width:50px;
height:50px;
/*   display:none; */
}
.sato_sns_icon{
  display: none;
}
.slider-ranking .swiper-slide a img{
display:block;
margin-left: auto;
margin-right: auto;
} 
.slider-category .swiper-slide a .sato_text, .slider-ranking .swiper-slide a .sato_text{
margin-top:-20px;
}
.sato_text_cate {
	margin-top:0;
}
.header .logo a{
margin-top: -30px;
}
.sato_order{
display:none;
}
.sato_list-item{
opacity: 1;
}
.sato_list-item.is-hidden {
opacity: 0;
height: 0;
margin: 0;
}
.sato_list-btn {
margin-top: 20px;
}
.sato_list-btn.is-btn-hidden{
display:none;
}
.sato_list-btn button {
background-color: #333;
color:#fff;
border: none;
cursor: pointer;
outline: none;
padding: 0;
}
.sato_a8{
text-align:center;
max-width:1140px;
margin:0 auto;
}
.sato_a8sp{
width:100%;
text-align:center;
margin-bottom:10px;
}
.sato_a8>a>img{
height:auto;
margin-bottom:15px;
}
.sato_a8sp>a>img{
width:100%;
height:auto;
margin-top:10px;
}
.canvas_wrap{
position:static;
}
/* @media (max-width: 1299px){
.sato_a8{
display:none;
} */
@media (max-width: 768px){
.sato_a8{
display:none;
}	
.slider-category .swiper-slide a .sato_text, .slider-ranking .swiper-slide a .sato_text{
margin-top:-50px;
}
.slider-ranking .swiper-slide{
height:150px;
margin-right:10px;
}
	.slider-item {
		padding-right:1rem;
		padding-left:1rem;
	}
}
@media (min-width: 769px){
.sato_a8sp{
display:none;
}
  .sort {
    right: 10%;
  }
}

/* 404 */
.txt_center {
  text-align: center;
}
.notfound_visiual {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 785px;
  margin: 30px auto;
}
.notfound_visiual_img {
  width: 50%;
}
.notfound_visiual_img img {
  width: 100%;
  height: auto;
}
.to_top {
  width: 50%;
  white-space: nowrap;
  text-align: center;
}
.to_top a {
  color: #007FEB !important;
}

/* ブランド一覧 */
.js-brand-link:hover {
  cursor: pointer;
}
.brand_anchor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.brand_anchor_item {
  list-style: none;
  margin: 4px;
}
@media (min-width: 576px) {
  .brand_anchor_item {
    margin: 0;
    padding: 0 10px;
  }
  .brand_anchor_item:not(:first-child) {
    border-left: 1px solid #CCCCCC;
  }
}
.brand_anchor_item span {
  display: block;
  padding: 10px 15px;
  color: #555555;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
}
@media (min-width: 576px) {
  .brand_anchor_item span {
    display: inline;
    padding: 0;
    color: #007FEB;
    border: 0;
    border-radius: 0;
  }
}
.brand_anchor_title {
  padding: 10px 20px;
  background: #EEEEEE;
}
.brand_list {
  margin: 0 0 10px;
}
@media (min-width: 576px) {
  .brand_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
  }
}
.brand_list_item {
  list-style: none;
  margin: 5px 0 0;
  padding: 5px 0 0;
}
.brand_list_item:not(:first-child) {
  border-top: 1px solid #CCCCCC;
}
.brand_list_item img {
  max-width: 57px;
}
.brand_list_item .text_area {
  margin-left: 20px;
}
@media (min-width: 576px) {
  .brand_list_item {
    width: 33.33%;
    margin: 20px 0 0;
    padding: 0;
  }
  .brand_list_item:not(:first-child) {
    border-top: 0;
  }
}
.brand_list_item a {
  display: flex;
  align-items: center;
}
.brand_list_item h2 {
  font-size: 1.2rem;
  color: #555555;
}
.brand_list_item .text {
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  color: #555555;
}

/* ブランド詳細 */
.brand_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 20px 0;
}
.brand_info img {
  max-width: 57px;
}
.brand_title {
  margin: 0 20px;
}
.brand_title h2 {
	font-size:1.8rem;
}
.brand_title p {
  margin: 0;
}
.brand_desc {
  margin: 20px 0 0;
}
@media (min-width: 576px) {
  .brand_desc {
    width: 65%;
    margin: 0 0 0 auto;
  }
}
.brand_desc p {
  margin: 0;
}
.brand_product_title {
  margin: 0;
  padding: 20px 0;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.brand_product_list {
  margin: 0 0 20px;
}
@media (min-width: 576px) {
  .brand_product_list {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -20px 20px;
  }
}
.brand_product_list_item {
  list-style: none;
}
.brand_product_list_item:not(:first-child) {
  margin: 20px 0 0;
}
@media (min-width: 576px) {
  .brand_product_list_item {
    width: calc(20% - 40px);
    margin: 20px 20px 0;
  }
  .brand_product_list_item:not(:first-child) {
    margin: 20px 20px 0;
  }
}
.brand_product_list_item a {
  display: flex;
  align-items: center;
  color: #555555;
}
@media (min-width: 576px) {
  .brand_product_list_item a {
    display: block;
  }
}
.brand_product_list_item img {
  width: 30%;
  display: block;
}
@media (min-width: 576px) {
  .brand_product_list_item img {
    width: 75%;
    margin: 0 auto 20px;
  }
}
.brand_product_text_area {
  width: 70%;
  padding: 0 0 0 20px;
}
@media (min-width: 576px) {
  .brand_product_text_area {
    width: 100%;
    padding: 0;
  }
}
.price_text {
  color: #FF6464;
}
.brand_product_list_item h2 {
  font-size: 1.2rem;
  margin: 0 0 10px;
}
.brand_product_list_item p {
  margin: 0;
}

.brand_store_list {
  margin: 0 0 20px;
}
@media (min-width: 576px) {
  .brand_store_list {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -20px 20px;
  }
}
.brand_store_list_item {
  list-style: none;
}
.brand_store_list_item:not(:first-child) {
  margin: 20px 0 0;
}
@media (min-width: 576px) {
  .brand_store_list_item {
    width: calc(50% - 40px);
    margin: 20px 20px 0;
  }
  .brand_store_list_item:not(:first-child) {
    margin: 20px 20px 0;
  }
}
.brand_store_list_item a {
  display: flex;
  align-items: center;
}
.brand_store_list_item img {
  width: 70px;
  display: block;
}
.brand_store_text_area {
  flex-grow: 1;
  padding: 0 0 0 20px;
}
.brand_store_list_item h2 {
  font-size: 1.2rem;
  margin: 0 0 10px;
}
.brand_store_list_item p {
  margin: 0;
}

/* ストア詳細 */
.brand_product_title_store {
  padding: 20px 0 0;
}