@CHARSET "UTF-8";
/*
*** basic setting on css/normalize.css ***
*/


/* = common setting
-------------------------------------------------------------- */ 

*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	overflow-y: scroll;
  font-size: 62.5%;
}
h1 {
  font-size: 15px;
}
h2 {
  font-size: 14px;
}
h3, h4 {
  font-size: 13px;
}
body {
	margin: 0;
	font-size: 1rem;
	font-weight: normal;
	color: #333;
	line-height: 1.5;
	letter-spacing: 1px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  background: #f3f3f3;
  word-break: break-all;
  padding-top: 50px;
  font-size: 13px;
}
body.dg-open {
  overflow: initial !important;
}
a {
	outline: none;
	color: #333;
	text-decoration: none;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
a:hover {
	color: #000;
}
img,svg{
	max-width: 100%;
	height: auto;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	vertical-align: bottom;
}
iframe{
	max-width: 100%;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	margin: 0 0 2rem;
}
ul,dl,dt,dd{
	margin: 0;
	padding: 0;
	font-weight: normal;
}
li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
p{
	margin: 0 0 20px;
}
.sp_none{
	display: none;
}

.btn_link{
	border: #333 solid 1px;
  background: #fff;
	color: #333;
	display: block;
	padding: 1rem 0;
	width: 100%;
	max-width: 200px;
	line-height: 1.7;
	margin: 0 auto;
	text-align: center;
  position: relative;
  border-radius: 5px;
  transition: .3s;
  outline: 0;
  cursor: pointer;
}
.btn_link:hover{
	background: #3c3c3c;
	color: #fff;
}
.btn_link::after{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
}
.btn_link:hover::after{
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
}
.btn_pink{
  background: linear-gradient(to bottom, #ff6b9f, #fb4b89);
  border: 0;
  color: #fff;
  border-radius: 50px;
/*  box-shadow: 0 3px rgba(0,0,0,.3); */
}
.btn_pink::after{
  content: none;
}
table{
	width: 100%;
	border-collapse: collapse;
  border-spacing: 0;
}
table th{
	padding: 1rem;
  width: 30%;
	text-align: left;
  font-weight: normal;
}
table td{
	padding: 1rem;
  word-break: break-all;
}

.txt_right{
	text-align: right;
}

/* Clearing floats */
.clear:after{
	clear: both;
}
.clear:before,
.clear:after{
	display: table;
	content: "";
}

.youtube_wrap{
  position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.youtube_wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
input[type="search"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea,
select{
  font-size: 1.6rem;
  transform: scale(0.8);
  transform-origin: center left;
  padding: 5px;
  border: #000 solid 1px;
  border-radius: 5px;
  line-height: 1.7;
  width: 120%;
  background: #fff;
  box-shadow: none;
  outline: 0;
}
textarea{
  height: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
select{
  border-radius: 50px;
}
input[type="checkbox"],
input[type="radio"]{
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 1rem;
}
input[type="file"]{
  font-size: 1.2rem;
}
button{
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
button:focus{
  border: 0;
  outline: 0;
}
.wrapper{
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
}
.short_wrap{
  max-width: 800px;
}
#page_404 {
  background: #efefef;
}
.center_contents {
    text-align: center;
}
.page_container{
  background: #fff;
  margin: 10px;
  padding: 20px 3% 5rem;
  overflow-x: hidden;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}



#site_header{
  background: #fff;
  height: 45px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  display: flex;
  align-items: center;
  /* box-shadow: 0 2px 3px rgba(0,0,0,.1); */
}
#header_search{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%) scale(.8);
  transform-origin: left center;
  z-index: 10;
}
.site_logo{
  display: block;
  width: 100px;
  margin: 0 auto;
}
#header_right{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
#header_login{
  width: 80px;
  width: 100%;
}
#header_right ul{
  display: flex;
}
#header_right ul li{
  margin-left: 2px;
  position: relative;
}
.nav_circle{
  display: flex;
  align-items: center;
  background: #ccc;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
}
.nav_circle__icon{
  width: 100%;
}
.nav_circle__icon img{
  width: 15px;
  vertical-align: middle;
}
.user_thumb{
  overflow: hidden;
  position: relative;
  display: block;
  border-radius: 50%;
  z-index: 1;
  border: #ccc solid 1px;
}
/*
.user_thumb img{
  width: 100%;
}
*/
#user_nav__review .nav_circle{
  background: #ff6b9f;
}
#user_nav__edit .nav_circle{
  background: #33b9a8;
}



#site_footer{
  background: #333;
  color: #fff;
  padding: 40px 0 30px;
}
#footer_logo{
  text-align: center;
}
#footer_logo .site_logo{
  width: 200px;
}
#footer_logo h2{
  font-size: .9rem;
  letter-spacing: 0;
  margin: 1rem 0 3rem;
  color: #c3c3c3;
}
/*
#footer_nav{
  border-bottom: #555 solid 1px;
}
#footer_nav a{
  display: block;
  color: #fff;
  position: relative;
}
.footer_nav__inner>li>a{
  font-size: 1.6rem;
  padding: 1.5rem 1rem;
  border-top: #555 solid 1px;
  letter-spacing: 2px;
}
.footer_nav__inner li a::after{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: solid 1px #ff6b9f;
  border-right: solid 1px #ff6b9f;
}
.footer_nav__sub{
  border-top: #555 solid 1px;
  padding: 1rem;
}
.footer_nav__sub li a{
  padding: 1rem 0 1rem 30px;
  font-size: 1.1rem;
}
.footer_nav__sub li a::before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  left: 6px;
  width: 5px;
  height: 5px;
  border-top: solid 1px #ff6b9f;
  border-right: solid 1px #ff6b9f;
}
.footer_nav__sub li a::after{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px #ff6b9f solid;
  border-radius: 50%;
}*/
#footer_copy{
  text-align: center;
  margin: 5rem 0 0;
  color: #878787;
  font-size: .8rem;
}



.title_bg{
  background: url('../img/common/bg_pattern.jpg');
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.stars{
  display: flex;
  align-items: center;
  justify-content: center;
}
.stars img{
  vertical-align: middle;
}
.stars span{
  white-space: nowrap;
}
#review_edit__form .stars{
  flex-direction: row-reverse;
}
.content_block{
  margin-bottom: 3rem;
}
.icon_offical{
  width: 15px;
  vertical-align: middle;
}

.review_box__user {
  margin: 0 0 5px 0;
}
.review_box__user_txt .icon_offical{
  margin-left: 1rem;
}
.review_box__user_txt h3{
/*  font-size: 1.1rem;
  margin-bottom: 1rem;
  */
  margin-bottom: 0;
}
.review_box__user_txt h3 span{
  font-weight: bold;
/*  font-size: 0.9rem; */
}
.review_box__user_txt p{
  margin: 0;
  font-size: .8rem;
}

.btn_good{
  margin: .5rem 0 0 auto;
  color: #ff6b9f;
  font-size: 1.2rem;
  cursor: pointer;
  display: flex;
  width: fit-content;
  align-items: center;
}
.btn_good svg{
  width: 15px;
  margin-right: 5px;
  vertical-align: middle;
  overflow: inherit;
}
.btn_good svg path{
  fill: #898989;
}
.already_good svg path {
    fill: #ff6b9f;
}
.review_box{
  padding: 1rem 0;
  border-bottom: #cecece solid 1px;
}
#profile_keep .review_box{
  border-bottom: none;
}
.review_box .btn_good{
  justify-content: flex-end;
}
.review_box__user{
  display: flex;
  align-items: center;
  position: relative;
}
.review_box__user .btn_edit{
  position: absolute;
  top: 10px;
  right: 0;
  width: 15px;
  z-index: 5;
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
}
.review_box__user .user_thumb{
  width: 20%;
}
.review_box__user_txt{
  flex: 1;
}
.review_box__graph{
  margin: 2rem 0;
  margin: 0;
  position: relative;
}
.review_box__stars{
  /*
  position: absolute;
  top: 0;
  left: 0;
  */
}
.review_box__stars p{
  display: flex;
  margin-bottom: 0px;
}
.review_box__repeat {
  font-size: .8rem;
}
.review_box__repeat li{
  margin-bottom: 5px;
}
.review_box__repeat span{
  display: inline-block;
  border: #ff6b9f solid 1px;
  color: #ff6b9f;
  padding: 1px 10px;
  border-radius: 50px;
  white-space: nowrap;
  margin-left: .5rem;
  font-size: 90%;
}
.review_box__repeat .no_repeat{
  border: #555 solid 1px;
  color: #555;
}
.review_box__repeat .like_repeat{
  border: #33b9a8 solid 1px;
  color: #33b9a8;
}
.graph_triangle{
  width: 70%;
  margin: 0 0 1rem auto;
  padding: 2rem 0 0;
}
.review_date{
  color: #949494;
  position: absolute;
  top: 0;
  right: 0;
}
.btn_more{
  display: block;
  width: 100%;
  background: #f7f7f7;
  text-align: center;
  padding: 1rem;
  position: relative;
}
.btn_more .arrow{
  content: '';
  width: 8px;
  height: 8px;
  border-top: solid 1px #ff6b9f;
  border-right: solid 1px #ff6b9f;
  transform: rotate(135deg);
  display: inline-block;
  margin-right: 1rem;
}

.main_contents{
  margin-bottom: 5rem;
}
.side_box{
  margin-bottom: 5rem;
}
.side_user_box .thumb_box {
  border-radius: 50%;
}
.side_box__title{
  text-align: center;
  margin-bottom: 1rem;
}
.side_box__title h2{
/*  font-size: 1.6rem; */
  font-weight: bold;
  margin: 1rem 0 .5rem;
}
.side_box__title img{
  width: 150px;
}
.side_box .btn_link{
  width: 100%;
  max-width: 100%;
  margin-top: 1rem;
/*  font-size: 1.2rem; */
  font-weight: bold;
}
.side_box .btn_link:hover{
  background: #ff6b9f;
  border: #ff6b9f solid 1px;
}
.side_box ul li a{
  display: flex;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px #cecece solid;
  position: relative;
  color: #ff6b9f;
}
.side_box ul li:first-child a{
  border-top: 1px #cecece solid;
}
.side_box ul li a::before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  right: 0;
  width: 8px;
  height: 8px;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
}
.side_box ul li a figure{
  width: 20%;
  margin: 0;
}
.side_box ul li a span,
.sidebar_detail .inner{
/*  font-size: 1.2rem; */
/*  width: 80%; */
  padding: 0 1rem;
  line-height: 1.4;
}
.sidebar_detail .inner h3{
/*  font-size: 1.2rem; */
  margin-bottom: 5px;
}
.sidebar_detail .inner h3 span{
  font-size: 80%;
  display: block;
  color: #333;
  padding: 0;
}
.sidebar_detail .inner p{
  margin: 0;
}
.sidebar_detail .inner p img{
  width: 15px;
}
.sidebar_detail figure{
/*  border: #cecece solid 1px; */
}
/*
.sidebar_detail figure img{
  width: 100%;
  height: 100%;
  max-height: 80px;
  object-fit: contain;
}*/

.posted_box__inner{
  display: flex;
/*  align-items: flex-start; */
}
.posted_box__txt{
  width: 80%;
  padding-right: 1rem;
}
.posted_box__photo{
  width: 20%;
}
.posted_box__txt p{
  margin-bottom: 1rem;
}


.page_title{
  border-bottom: #cecece solid 2px;
  padding-bottom: 5px;
  margin-bottom: 3rem;
/*  font-size: 1.6rem; */
}

.thumb_box{
  padding-top: 100%;
  overflow: hidden;
  position: relative;
}


.thumb_box img{
  height: 100%;
  max-width: initial;
  width: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.message{
  text-align: center;
  background: #f9eeef;
  color: #e60012;
  border: #e60012 solid 1px;
  margin-top: 2rem;
  padding: 1rem;
  display: block;
}
.message_green {
  background: #f3fdea;
  color: #2bab47;
  border: #0d9615 solid 1px;
}
.normal_message{
  text-align:  center;
  padding: 0 0 3rem;
}














/* ヘッダーコンポーネント
-------------------------------------------------------------- */

#head_search_bar #search_box {
  border: none;
  cursor: pointer;
}
#user_nav__photo {
  position: relative;
  cursor: pointer;
}
#head_search_bar{
  width: 160px;
  z-index: 99;
  transition: .3s;
}
#head_search_bar #search_box{
  width: 100%;
}

.edit_search {
  margin: 0 0 20px 0;
}
#head_search_bar .edit_search::before {
    width: 25px;
    height: 25px;
}

#header_search #head_search_bar.is_val .edit_search::before,
#header_search #head_search_bar:hover .edit_search::before,
#header_search #head_search_bar:focus .edit_search::before {
  width: 15px;
  height: 15px;
  transition: .2s;
}
 


#head_search_bar.is_val,#head_search_bar:hover,#head_search_bar:focus {
  width: 200px;
}
#head_search_bar.is_val #search_box,
#head_search_bar:hover #search_box,
#head_search_bar:focus #search_box {
  width: 200px;
  border: #ccc solid 1px;
  border-radius: 50px;
}

#header_right ul.user_nav__photo_links {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background: #fff;
  border-radius: 5px;
  filter: drop-shadow(0 0 2px rgba(0,0,0,.3));
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  display: block;
}

#header_right ul.user_nav__photo_links::before{
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
#header_right #user_nav__photo ul.user_nav__photo_links{
  right: 0;
  transform: none;
  width: 120px;
  left: auto;
}
#header_right #user_nav__photo ul.user_nav__photo_links::before{
  left: 90%;
}
@media screen and (max-width: 768px){
  #header_right #user_nav__edit ul.user_nav__photo_links {
    left: 0;
  }
  #header_right #user_nav__edit ul.user_nav__photo_links::before {
    left: 68%;
  }
}


#user_nav__photo:hover .user_nav__photo_links,
#user_nav__review:hover .user_nav__photo_links,
#user_nav__edit:hover .user_nav__photo_links {
  opacity: 1;
  visibility: visible;
}
#header_right .user_nav__photo_links li {
  margin: 0;
  font-size: 11px;
}
#header_right ul.user_nav__photo_links li:first-child{
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#header_right ul.user_nav__photo_links li:last-child{
  overflow: hidden;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.user_nav__photo_links li a{
  display: block;
  padding: 8px;
  white-space: nowrap;
  text-align: center;
  border-bottom: #ccc dotted 1px;
  font-size: 11px;
}
.user_nav__photo_links li:last-child a{
  border: 0;
}
.user_nav__photo_links li:hover {
  background: #ccc;
}
/*
#user_nav__photo img {
  width: 28px;
  border-radius: 50%;
}
*/
#user_nav__photo>.thumb_box {
  width: 28px;
  border-radius: 50%;
}
.user_nav__photo_links button[type="submit"]{
  width: 100%;
  background: none;
  padding: 1rem;
  border: 0;
  outline: 0;
  box-shadow: none;
  cursor: pointer;
}
#search_box {
  border-radius: 50px;
  border: #ccc solid 1px;
  background: #fff;
  line-height: 1.7;
  box-shadow: none;
  outline: 0;
  overflow: visible;
  font-family: inherit;
  margin: 0;
}

@media screen and (min-width: 768px) {
  #head_search_bar .edit_search::before {
      width: 30px;
      height: 30px;
      transition: .2s;
  }
 
 #header_search #head_search_bar.is_val .edit_search::before,
 #header_search #head_search_bar:hover .edit_search::before,
 #header_search #head_search_bar:focus .edit_search::before {
    width: 20px;
    height: 20px;
 }
}
@media screen and (min-width: 1025px) {
  #header_menu>div,#header_menu>div.flex_left, #header_menu>div.flex_right{
    max-width: 100px;
  }
  #header_menu a, #header_menu i {
    font-size: 14px;
    color: #222;
  }
  .header_menu_link_sp {
    padding: 0;
    margin: 0;
  }
  /*
  #user_nav__photo img, 
  */
  #user_nav__photo>.thumb_box{
    width: 40px;
  }
  .user_nav__photo_links li a,
  .user_nav__photo_links button[type="submit"]{
    padding: 15px 20px;
    font-size: 12px;
  }
  
  #head_search_bar.is_val {
    width: 300px;
  }
  #head_search_bar:hover,
  #head_search_bar:focus{
    width: 300px;
  }
  #header_right #user_nav__photo ul.user_nav__photo_links{
    right: auto;
    left: 50%;
    translate: -50% 0;
    width: 130px;
  }
  #header_right #user_nav__photo ul.user_nav__photo_links::before{
    left: 50%;
  }
}






/* トップページコンポーネント
-------------------------------------------------------------- */

#top_main_img_inner {
  background: url(/img/top/main.jpg) no-repeat;
  width: 100%;
  height: 350px;
  position: relative;
  background-size: cover;
}
#top_head{
  width: 80%;
  max-width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 3;
}
#main_logo{
  width: 150px;
  margin: 0 auto 2rem;
}
.top_block{
  margin-bottom: 5rem;
}
.top_block .side_box__title{
  margin: 2rem 0;
  border-bottom: #cecece solid 1px;
  padding-bottom: 1rem;
}
.top_block .side_box__title h2{
/*  fotn-size: 1.8rem; */
}
.top_block .btn_link{
  max-width: 500px;
  font-weight: bold;
  padding: 1.5rem 0;
}
@media screen and (min-width: 1024px){
  #top_main_img_inner{
    height: 500px;
    background-attachment: fixed;
  }
  #main_logo{
    width: 200px;
    margin-bottom: 3rem;
  }
  .top_block{
    margin-bottom: 8rem;
  }
  #top_head .edit_search input[type="text"]{
    padding: 1rem 1rem 1rem 3.5rem;
  }
}




/* 検索結果ページコンポーネント
-------------------------------------------------------------- */

.pr_link{
  margin-bottom: 1rem;
}
.pr_link span{
/*  font-size: 1.1rem; */
  font-weight: bold;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.search_box__flex{
  display: flex;
}
.search_products{
  padding: 1rem 0 2rem;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  border-bottom: #cecece solid 1px;
  margin-bottom: 2rem;
}
.search_products__box{
  border: #cecece solid 1px;
  background: #fff;
  border-radius: 10px;
  padding: 1rem .5rem 70px;
  width: 49%;
  margin: 0 0.5% 5px;
  position: relative;
}
.search_products__photo{
  text-align: center;
}
.search_products__bottom{
  bottom: 1rem;
  left: 5%;
  width: 90%;
  position: absolute;
}
.search_products__txt h2 span{
  display: block;
  font-size: 80%;
}
.search_products__txt .btn_link{
  border-radius: 50px;
  padding: 5px 0;
  margin-top: 1rem;
  background: #333;
  color: #fff;
}
.search_products__txt .btn_link::after{
  content: none;
}
.search_products__txt .btn_link img{
  width: 10px;
  vertical-align: middle;
  margin-right: 1rem;
  display: none;
}
.search_products__txt .btn_link:hover{
  background: #ff6b9f;
  color: #fff;
  border: #ff6b9f solid 1px;
}
.posted_box__wrap{
  margin-bottom: 3rem;
}
.paging{
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.paging ul{
  display: flex;
}
.paging ul li{
  width: 60px;
  margin-left: 5px;
}
.paging li{
  background: #333;
  color: #fff;
  display: block;
  border-radius: 5px;
  text-align: center;
  padding: 5px 0;
  position: relative;
}
.paging li a span{
  color: #ff6b9f;
}
.search_content{
  margin-bottom: 3rem;
}
.search_content h2{
  padding-left: 10px;
  border-left: #ff6b9f solid 3px;
  margin-bottom: 1rem;
/*  font-size: 1.2rem; */
  font-weight: bold;
}
.tag_list{
  display: flex;
  flex-wrap: wrap;
}
.tag_list li{
  margin-right: 5px;
  margin-bottom: 1rem;
}
.tag_list li span{
  display: block;
  background: #f4f4f4;
  color: #ff6b9f;
  padding: 5px 10px;
  border-radius: 50px;
}
.tag_list li span:hover{
  background: #ff6b9f;
  color: #fff;
}
.keyword_list{
  margin-bottom: 1rem;
}
.keyword_list li a{
  display: block;
  padding: 1rem 1rem 1rem 3rem;
  border-bottom: #cecece solid 1px;
  position: relative;
}
.keyword_list li a:hover{
  background: #f5f5f5;
}
.keyword_list li a img{
  position: absolute;
  top: 50%;
  left: 1rem;
  width: 15px;
  transform: translateY(-50%);
}
.search_keywords .btn_link{
  max-width: 100%;
}
.search_keywords .btn_link::after{
  transform: translateY(-50%) rotate(135deg);
}
.search_products__txt{
  margin: 1rem 0;
}
.search_products__txt h2{
/*  font-size: 1.2rem; */
}
.stars{
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px){
  .search_products__box{
    width: 32%;
    padding: 1rem 1rem 80px;
  }
}
@media screen and (min-width: 1024px){

  .search_products__txt h2 {
      min-height: 5rem;
  }
}

  
  
/* 商品レビュー一覧ページ コンポーネント
-------------------------------------------------------------- */

.search_menu {
  position:absolute;
  top: 100%;
  right: 0;
  z-index: 50;
  padding-top: 1rem;
}
.search_menu__inner{
  background: #fff;
  color: #222;
  border: solid 2px #222;
  padding: 10px;
  text-align: left;
  border-radius: 5px;
  position: relative;
}
.search_menu__inner::before{
  content: '';
  border-right: 8px solid transparent;
  border-bottom: 10px solid #222;
  border-left: 8px solid transparent;
  position: absolute;
  top: -10px;
  right: 20px;
}
.search_menu__inner::after{
  content: '';
  border-right: 8px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 8px solid transparent;
  position: absolute;
  top: -8px;
  right: 20px;
  z-index: 5;
}
.sort_menu dt {
  width: 20px;
}
.sort_menu dd {
  padding: 3px 10px;
  cursor: pointer;
  white-space: nowrap;
}
.sort_menu dd:hover {
   background: #f4f4f4;
}
.review_box .btn_edit dd:hover, .comment_box .btn_edit dd:hover {
   background: #fff;
}

.point_menu{
  width: 200px;
}
.point_menu dt{
  background: #f4f4f4;
  padding: 3px 10px;
  font-weight: bold;
}
.point_menu dt span{
  color: #ff6b9f
}
.point_menu dd{
  padding: 1rem;
}
.point_menu dd ul{
  display: flex;
  flex-wrap: wrap;
}
.point_menu dd ul li{
  width: 50%;
  margin: 0 0 1rem;
}
.point_menu .btn_link{
  background: #ff6b9f;
  color: #fff;
  border: 0;
}
.point_menu .btn_link::after{
  content: none;
}
#search_username ul li{
  width: 100%;
}
.review_info {
  line-height: 1.7;
}
#product_detail #product_detail__txt p {
  margin-bottom: 0;
}
#product_detail__txt .stars {
    margin-bottom: 0;
}
.wrapper .review_title {
  line-height: 1.5;
  letter-spacing: 0;
/*  font-size: 1.4rem; */
}
@media screen and (min-width: 768px){
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 20px;
  }
  h2, .h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 16px;
  }
  h4 {
    font-size: 16px;
  }
  
  .review_info {
    line-height: inherit;
  }
  .point_menu{
    width: 400px;
  }
  .point_menu dd ul li{
    width: 33.33%;
  }
}
.search_menu__inner .current dt{
  background: #222;
}






/*プロフィール詳細ページ コンポーネント
-------------------------------------------------------------- */

.is_follow {
  display: none;
}
.is_follow.active {
  display: inline;
}
.pagination li.active {
  font-weight: 700;
}
a.own {
  cursor: auto;
}
.pagination li {
  cursor: pointer;
  padding: 5px;
}
#profile_media__list{
  display: flex;
  flex-wrap: wrap;
}
#profile_media__list li{
  width: 33.33%;
  padding: 2px;
}
.review_pin{
  margin-right: 2rem;
}
.icon_multi{
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 5;
  width: 20px;
}
.media_box .btn_good{
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 5;
  color: #fff;
}
.media_box .btn_good svg path,
.icon_multi svg path{
  fill: #fff;
}


/* ローディング画面 */
.loader {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1080;
}
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
/*  background: rgba(0,0,0,1.0); */
  position: absolute;
  left: 0;
  top: 0;
}
.loading{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 40px;
    display: flex;
    align-items: center;
}
.obj{
    width: 5px;
    height: 40px;
    background: white;
    background: rgba(0,0,0,1.0);
    margin: 0 3px;
    border-radius: 10px;
    animation: loading 0.8s infinite;
}
.obj:nth-child(2){
    animation-delay: 0.1s;
}
.obj:nth-child(3){
    animation-delay: 0.2s;
}
.obj:nth-child(4){
    animation-delay: 0.3s;
}
.obj:nth-child(5){
    animation-delay: 0.4s;
}
.obj:nth-child(6){
    animation-delay: 0.5s;
}
.obj:nth-child(7){
    animation-delay: 0.6s;
}
.obj:nth-child(8){
    animation-delay: 0.7s;
}
@keyframes loading{
    0%{
        height: 0;
    }
    50%{
        height: 40px;
    }
    100%{
        height: 0;
    }
}



/*プロフィール一覧ページ コンポーネント
-------------------------------------------------------------- */

.user_list__box{
  border-bottom: #cecece dotted 1px;
}
.user_list__box a{
  display: flex;
  align-items: center;
  padding: 1rem 0;
}
.user_list__box .user_thumb{
  width: 20%;
  margin: 0;
}
.user_list__box .user_name{
  width: 80%;
  padding-left: 1rem;
}
@media screen and (min-width: 768px){
  .user_list__box .user_thumb{
    width: 15%;
    margin: 0;
  }
  .user_list__box .user_name{
    width: 85%;
  }
}




/*  記事一覧ページ コンポーネント
-------------------------------------------------------------- */

.hash_tags {
  text-align: right;
}

#note_detail{
  position: relative;
  padding-bottom: 2rem;
}
#note_detail .posted_box__txt{
  width: 100%;
}
#note_detail .posted_box__txt p{
  /* line-height: 1.4; */
  line-height: 2;
}
#note_detail .btn_good{
  position: absolute;
  bottom: 0;
  right: 0;
}

#note_detail .note_title {
  margin-top: -20px;
}
.posted_box__txt .note_title{
  margin-bottom: 1rem;
/*  font-size: 1.7rem; */
  font-weight: bold;
}




/* コスメ一覧ページ コンポーネント
-------------------------------------------------------------- */


.sidebar_detail{
  display: flex;
  align-items: center;
  padding: 1rem 0;
  border-bottom: #cecece solid 1px;
}
.sidebar_detail figure{
  width: 20%;
}
.sidebar_detail .inner{
  width: 80%;
  padding-left: 1rem;
}


/* レビューレイアウト コンポーネント
-------------------------------------------------------------- */

.svg_container{
  width: 100%;
  height: auto;
  margin: auto;
}
.chart_container{
  width: 100%;
  max-width: 350px;
  height:auto;
  display: block;
  margin: 0;
}
.chart_foundation_pentagons .tryangle {
  fill:none;
  stroke: #7ac5e9;
  stroke-width:50px;
  stroke-width: 25px;
  stroke: #ff6b9f1f;
/*  stroke-dasharray:3px; */
}
.chart_foundation_pentagons .chushinsen {
  stroke-width: 1px;
  stroke: #aaa;
}
.chart_foundation_pentagons .chushinsen_point {
  stroke-width: 1px;
  stroke: #aaa;
  fill: #aaa;
}
.skill_label{
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
  font-size: 16px;
  font-weight: 700;
  display: block;
  fill:#000;
  stroke: none;
  stroke-dasharray:0px;
}
.chart_Polygon{
  position: absolute;
  fill:none;
  stroke-width: 2px;
  stroke: #ff7ba9;
  /*
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  */
  z-index: 9;
}
.marker_point {
  fill: #ff7ba9;
}

.review_box__graph .stars_wrap{
/*  font-size: 1.1rem; */
  font-weight: bold;
  margin-bottom: 0;
}
.review_box__graph .stars{
  margin-right: .5rem;
}
.review_box__image ul{
  margin: 1rem -2px;
  display: flex;
}
.review_box__image ul li{
  width: 33.33%;
  padding: 2px;
}
.btn_more {
  cursor: pointer;
}
.review_box__comment {
/*  font-size: 1rem; */
  white-space: pre-wrap;
  word-wrap: break-word;
}
.review_box__comment p{
  margin: 0;
}
.review_add_btn{
  border-radius: 5px;
  margin: 0;
  box-shadow: none;
  max-width: 120px;
}
@media screen and (min-width: 768px){
  .review_box__comment{
    line-height: 2;
  }
  .review_box__graph .stars_wrap{
/*    font-size: 1.6rem; */
  }
  .review_box__image ul{
    margin: 1rem -5px;
  }
  .review_box__image ul li{
    padding: 5px;
  }
}


/* プロフィール編集 コンポーネント
-------------------------------------------------------------- */
.edit_table{
  margin-bottom: 3rem;
}
.edit_table th{
  display: block;
  width: 100%;
  padding: 2rem 0 0;
}
.edit_table td{
  display: block;
  padding: 1rem 0 2rem;
}
.edit_table tr{
  border-bottom: #ccc solid 1px;
}
.birthday_input{
  display: flex;
}
.birthday_input li{
  width: 33.33%;
  padding-right: 5px;
}
.birthday_input li select{
  /*width: 80%;*/
  border-radius: 5px;
}
.select_wrap{
  position: relative;
}
.select_wrap::after{
  content: '';
  border-top: #ff6b9f solid 1px;
  border-right: #ff6b9f solid 1px;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%) rotate(135deg);
  pointer-events: none;
  width: 8px;
  height: 8px;
}
.select_wrap select{
  border-radius: 5px;
}
.icon_sns{
  width: 10px;
}
.checkbox_wrap li{
  display: inline-block;
  margin-right: 2rem;
}
.login_tw{
  max-width: 300px;
  margin-top: 1rem;
}
.btn_save__pink{
  max-width: 100%;
  background: linear-gradient(to bottom, #ff6b9f , #fb4b89);
  border-radius: 50px;
  color: #fff;
  border: 0;
/*  font-size: 1.2rem; */
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.edit_form{
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px){
  .edit_table th{
    display: table-cell;
    width: 25%;
    padding: 2rem 0;
    vertical-align: top;
  }
  .edit_table td{
    display: table-cell;
    padding: 2rem;
  }
}


/* レビュー投稿 コンポーネント
-------------------------------------------------------------- */

#review_edit__form dl{
  margin-bottom: 3rem;
}
#review_edit__form dt span{
  display: inline-block;
  color: #fff;
  background: #ff6b9f;
  font-size: 80%;
  padding: 1px 10px;
  border-radius: 50px;
  margin-left: 1rem;
  font-weight: normal;
}
#review_edit__form dt span.no_required{
  background: #85b9cc;
}
.edit_search{
  position: relative;
  overflow: hidden;
}
.edit_search input[type="search"]{
  border-radius: 50px;
  border: #ccc solid 1px;
  padding: 1rem 1rem 1rem 4rem;
  background: #fff;
}
.edit_search::before{
  content: '';
  background: url('../img/common/icon_search.png') no-repeat center center;
  background-size: contain;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 25px;
  transform: translateY(-50%);
  left: 1.5rem;
  z-index: 5;
}
#review_edit__form .stars{
  display: flex;
}
#review_edit__form .stars input[type='radio']{
  display: none;
}
#review_edit__form .stars label{
  padding: 0 5px;
  color: #ccc;
  font-size: 30px;
  cursor: pointer;
} 
#review_edit__form .stars label:hover,
#review_edit__form .stars label:hover ~ label,
#review_edit__form .stars input[type='radio']:checked ~ label{
  color: #fc0;
}

#review_edit__form .btn_custom{
  display: none;
}
#review_edit__form .btn_custom__label{
  display: block;
  background: #f3f3f3;
  text-align: center;
/*  font-size: 1rem; */
  padding: 1rem 0;
  border-radius: 5px;
}
#review_edit__form .btn_custom__label:hover{
  background: #aaa;
}
#review_edit__form .btn_custom:checked + label{
  background: #ff6b9f;
  color: #fff;
}
#review_edit__form .btn_custom__wrap{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
#review_edit__form .btn_custom__wrap li{
  width: 50%;
  padding: 0 5px;
  margin-bottom: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#review_edit__form .edit_submit{
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: #f3f3f3 solid 1px;
}
#review_edit__form .edit_submit .btn_link{
  max-width: 500px;
/*  font-size: 1.4rem; */
}

@media screen and (min-width: 768px) {
  #review_edit__form .edit_search::before{
    width: 20px;
    height: 20px;
  }
}


.add_ag__wrap{
  display: flex;
  justify-content: space-between;
}
.add_ag{
  width: 70%;
}

.add_ag__wrap input[type="text"]{
  margin: 0;
}
.add_ag__wrap button{
  width: 30%;
  background: none;
  padding: 0;
  outline: 0;
  border: 0;
  margin: 0 0 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ff6b9f;
  border-radius: 5px;
}
.add_ag__wrap button img{
  width: 80%;
  max-width: 100px;
}
.btn_save{
  border: #ff6b9f solid 1px;
  color: #ff6b9f;
  margin: 1rem auto;
}
.btn_save::after{
  border-top: solid 1px #ff6b9f;
  border-right: solid 1px #ff6b9f;
}
.btn_save:hover{
  background: #ff6b9f;
}
.btn_remove{
  border: #33b9a8 solid 1px;
  color: #33b9a8;
}
.btn_remove:hover{
  background: #33b9a8;
}
.btn_remove::after{
  border-top: solid 1px #33b9a8;
  border-right: solid 1px #33b9a8;
}

#review_reserve .page_title{
  text-align: center;
}
#review_reserve figure{
  margin: 0;
}
#review_reserve .sidebar_detail .inner h3{
  color: #ff6b9f;
}

label{
  cursor: pointer;
}
.input_hidden{
  display: none;
}
.input_file__img{
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  background: #ccc;
  display: block;
  margin-bottom: .5rem;
  z-index: 1;
}
.input_file__img::before{
  padding-top: 100%;
  content: '';
  display: block;
  width: 100%;
}
.input_file__img img{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 5;
}
.input_file__button{
  background: linear-gradient(to bottom, #ff6b9f , #fb4b89);
  border-radius: 5px;
  color: #fff;
  text-align: center;
  border: 0;
  outline: 0;
  display: block;
  padding: 1rem 0;
}
.input_file__change{
  display: none;
}
.profile_thumb__input{
  width: 30%;
}


.dg-backdrop{
  background: rgba(0,0,0,.5) !important;
}
.dg-container .dg-content-cont--floating{
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
}
.dg-container .dg-main-content{
  padding: 0;
}
.dg-container .dg-content-body{
  padding: 2rem;
}
.dg-container .dg-title{
  text-align: center;
/*  font-size: 1.4rem; */
  margin-bottom: 1rem;
}
.dg-container .dg-content-body--has-title .dg-content{
/*  font-size: 1rem; */
  text-align: center;
}
.dg-container .dg-content-footer{
  display: flex;
  padding: 0;
}
.dg-container .dg-btn{
  display: block;
  width: 50%;
  padding: 2rem 0;
  text-align: center;
  border-radius: 0;
/*  font-size: 1.2rem; */
}
.dg-container .dg-btn--cancel{
  background: none;
  color: #ff6b9f;
  border-right: 2px solid #E1E6EA;
}
.dg-container .dg-btn--ok{
  background: none;
  color: #ff6b9f;
  border: none;
}

#footer_search_bar{
  margin: 2rem auto 0;
  width: 80%;
  max-width: 500px;
}






/* =RWD
-------------------------------------------------------------- */

@media screen and (min-width: 768px){
  .pc_none{
		display: none;
	}
	.sp_none{
		display: block;
	}
  /*
  #footer_nav{
    display: flex;
    justify-content: space-between;
    border: 0;
  }
  .footer_nav__inner{
    width: 31%;
  }
  .footer_nav__end li:last-child{
    border-bottom: #555 solid 1px;
  }
  .footer_nav__inner>li>a:hover{
    background: #ff6b9f;
  }
  .footer_nav__inner>li>a:hover::after{
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
  }
  .footer_nav__sub li a:hover{
    color: #ff6b9f !important;
  }*/
  #footer_logo .site_logo{
    width: 250px;
  }
  #footer_logo h2{
    margin-bottom: 5rem;
    font-size: .9rem;
  }
  .review_box__user .user_thumb{
    width: 15%;
  }
  .posted_box__txt{
    width: 70%;
    padding-right: 20px !important;
  }
  .posted_box__photo{
    width: 15%;
  }
}

#header_login {
  display: block;
  font-size: 10px;
  padding: 5px 0;
  letter-spacing: initial;
  margin-right: -10px;
}

@media screen and (min-width: 1025px){

  body{
    padding-top: 66px;
  }
  input[type="search"],
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"],
  textarea,
  select{
    transform: none;
    width: 100%;
    font-size: 1.2rem;
  }
  #site_header{
    height: 62px;
    transition: .3s;
  }
  .scroll #site_header{
    height: 70px;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
  }
  #site_header__inner{
    position: relative;
  }
  #header_login{
    /*width: 120px; */
    font-size: 14px;

  }
  .page_container{
    margin: 10px;
    padding-top: 30px;
  }
  .site_logo{
    width: 200px;
  }
  .scroll #header_logo{
    width: 180px;
  }
  #header_search{
    transform: translateY(-50%);
  }
  #header_search img{
    width: 25px;
  }
  #header_right ul li{
    margin-left: 5px;
  }
  .nav_circle{
    width: 40px;
    height: 40px;
  }
  .nav_circle__icon img{
    width: 25px;
  }
  .pc_flex{
    display: flex;
    justify-content: space-between;
  }
  .pc_flex .main_contents{
    width: 70%;
  }
  .right_contents{
    width: 27%;
  }
  .side_box__title img{
    width: 200px;
  }
  /*
  .side_box ul li a{
    color: #000;
  }
  */

  .side_box ul li a:hover{
    color: #cab641;
  }
  .posted_box__txt p{
    line-height: 1.4;
  }
  .profile_exp {
    display: block;
    font-size: 11px;
    letter-spacing: 0;
  }

}


.slider-outer {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.slider-inner {
  width: 100%;
  display: flex;
  margin: 0 -3px;
}
.slide-img_div {
  position: relative;
  width: auto;
  width: 25%;
  padding: 0 3px;
}
.slide-img {
  max-width: initial;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.carousel__main {
  display: flex;
  margin: 0 0 10px;
  overflow: hidden;
  position: relative;
}

.carousel__button {
  height: 100%;
  padding: 0 5px;
  border: 0;
}
.carousel__center {
  width: 100%;
  margin: 0;
}
.slide-img_div .thumb_box {
  border: solid 1px #fee9f0;
}
.slide-img_div .thumb_box img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fade-enter-active, .fade-leave-active {
  transition: all 1s ease;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .slide-img_div .thumb_box img {
      height: auto;
      width: auto;
      max-width: 100%;
  }
}



#review_edit__form .edit_form {
   overflow: hidden;
}
#review_edit__form .product_name_select {
  border-bottom: solid 1px #ccc;
  cursor:pointer;
  padding: 5px;
}
#review_edit__form .product_name_select:hover {
  background: #ccc;
}

#review_edit__form #item_selected_box {
  margin: 10px 0 0 20px;
}
#review_edit__form .errors {
color: #ff6b9f;
    padding: 5px;
    font-weight: 700;
}
#review_edit__form .edit_search[data-v-5aec9a47]::before {
    top: 25px !important;
    
}
#review_edit__form .btn_add {
  width: fit-content;
  padding: 10px 20px;
}
#review_edit__form .thum_div p {
  position: relative;
}
#review_edit__form .thum_div .close_btn{
  position: absolute;
  right: -3px;
  top: -3px;
  z-index: 3;
  background: #777;
  padding: 5px 8px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
}
#review_edit__form .thum_div {
  width: 25%;
  padding: 0 3px;
  margin-bottom: 5px;
}
#review_edit__form .thum_div .thumb_box{
  border: 0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#review_edit__form .thum_div .thumb_box img {
  width: 100%;
}
#review_edit__form .thum_div .slide-img_div {
  width: 100%;
}

#profile_comment {
  white-space: pre-line;
}

#review_reserve .sidebar_detail .inner p {
  color: #000;
/*  font-size: 0.9rem; */
}






.modal-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  transition: .3s;
  visibility: hidden;
  opacity: 0;
}
.modal {
  width: 96%;
  max-width: 600px;
  position: relative;
  padding: 0;
  z-index: 200;
  /*opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;*/
}
.modal-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,.8);
  z-index: 1;
  /*opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s,*/
}
.modal-wrap.is-open {
  visibility: visible;
  opacity: 1;
}
/*
.modal-wrap.is-open .modal {
  opacity: 1;
  visibility: visible;
}
.modal-wrap.is-open .modal-overlay {
  opacity: 1;
  visibility: visible;
}*/
.modal-close {
  background: none;
  color: #fff;
  font-size: 2.2rem;
  border: none;
  border-radius: 4px;
  padding: 10px 16px;
  cursor: pointer;
  transition: 0.3s;
  position: fixed;
  top: 1rem;
  right: 1rem;
}
.modal-close :hover {
  opacity: 0.7;
}
.modal-ttl {
  font-size: 20px;
}

.modal-content p{
  margin: 0;
}
.modal-btn {
  
}
.modal-btn-wrap {
  text-align: left;
  position: absolute;
  left: 0;
  top: -37px;
}

#reserve_page_title {
  margin-bottom: 2rem;
/*  margin-top: -2rem; */
}

.user_box h3 span.recommend_user {
  font-size: 1rem;
}


.profile_header02 .review_box__user_txt .icon_offical{
  margin-left: 5px;
}
.profile_header02 .posted_date{
  display: block;
  color: #999;
  font-size: .8rem;
}
.profile_header02 .review_post_user{
  font-size: 12px;
}
.posted_box__like{
  display: flex;
  align-items: center;
  color: #999;
  font-size: 12px;
 /* font-weight: bold;*/
 margin-left: 5px;
}
.posted_box__like .icon_heart{
  margin-right: 3px;
}
.posted_box__like .icon_heart svg *{
  fill: #999;
}
/*
.posted_box__like.active{
  color: #FC6B9F;
}*/
.posted_box__like.active{
  display: flex;
}
.posted_box__like.active .icon_heart svg *{
  fill: #FC6B9F;
}
/*
.icon_keep{
  width: 10px;
}*/
.btn_good svg{
  height: 15px !important;
  width: auto !important;
}
.icon_keep svg *{
  fill: #999;
}
.active .icon_keep svg *{
  fill: #FC6B9F;
}
.review_may .posted_box__txt{
  padding: 0 5px 1rem;
}
.profile_header03{
  padding: 1rem 0;
  border-top: #e3e3e3 solid 1px;
  border-bottom: #e3e3e3 solid 1px;
}
.profile_header03 .profile_txt{
  display: block;
  color: #666;
  font-size: .8rem;
}
#note_detail{
  border: 0;
  margin: 0;
  padding: 0;
}
.profile_header03__follow{
  border: #666 solid 1px !important;
  border-radius: 5px;
  color: #666;
  font-size: .8rem;
  flex: 0 0 83px;
  margin: 0 0 0 .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
}
.profile_header03__follow .icon_follow{
  width: 1.1rem;
  margin-right: .5rem;
}
.profile_header03__follow.active{
  border: #FC6B9F solid 1px !important;
  color: #fff;
  background: #FC6B9F;
  display: flex;
}
.posted_box__txt {
  flex-direction: column;
  display: flex;
}
.posted_box__data{
  display: flex;
  align-items: center;
  margin: auto 0 0 0;
}
.posted_box__data .posted_date{
  margin: 0 auto 0 0;
}
.posted_box__data .btn_edit{
  padding: .5rem;
  margin-left: .5rem;
}
.posted_box__data .btn_edit img{
  width: 13px;
}

#note_detail .posted_box__txt .bold{
  font-weight: bold;
}
#note_detail .posted_box__txt .large{
  font-size: 120%;
}
#note_detail .posted_box__txt .width_max{
  margin: 1.5rem -6%;
}

.note_complete_dialog .dg-content, .note_cancel_dialog .dg-content {
  font-size: 12px;
}
.note_complete_dialog .dg-content-body, .note_cancel_dialog .dg-content-body {
  border-bottom: none;
}
.note_complete_dialog .dg-container .dg-btn--ok, .note_cancel_dialog .dg-container .dg-btn--ok {
  color: #000;
  0 0 0 auto;
}
.note_complete_dialog .dg-container .dg-btn--cancel, .note_cancel_dialog .dg-container .dg-btn--cancel {
  border-right: none;
  color: #000;
}

@media screen and (min-width: 768px) {

  .posted_box__like .icon_heart{
    margin-right: .2rem;
  }
  .profile_header02  .review_post_user,
  .profile_header03  .review_post_user{
    font-size: 16px;
  }
  .profile_header02 .posted_date{
    font-size: 14px;
  }
  .profile_header03{
    padding: 2rem 0;
  }
  .profile_header03 .profile_txt{
    font-size: 15px;
    margin-top: 5px;
  }
  .posted_box__like .icon_heart{
    width: 15px;
  }
  .posted_box__like{
    font-size: 14px;
  }
  .profile_header03__follow{
    flex: 0 0 140px;
    height: 35px;
    font-size: 14px;
  }
  .profile_header03__follow .icon_follow{
    width: 18px;
  }
  .icon_follow img{
    vertical-align: middle;
  }
  #note_detail .posted_box__txt .width_max{
    margin: 2rem 0;
  }
  .side_box ul li a figure{
    width: 12%;
  }
}




.no-link-tags {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0 0;
}

.no-link-tags li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: .9rem;
}

.no-link-tags li a:first-of-type {
  display: block;
  /* padding: 6px 40px 6px 15px; */
  padding: 6px 20px 6px 20px;
  color: #ff6b9f;
  background: #ededed;
  border-radius: 18px;
}

.no-link-tags li a:first-of-type:hover {
  color: #fff;
  background: #ff6b9f;
}

.no-link-tags li a {
  border-top: none !important;
}
.no-link-tags li a:before {
  display: none;
}


.add_note_link_box {
    position: absolute;
    /*display: flex;
    -webkit-box-align: center;
    align-items: center;*/
    max-width: 604px;
    width: 90%;
}

.add_note_link_box > div {
    box-shadow:0px 1px 3px 1px #00000024,0px 1px 2px 0px #00000038;
    padding: 4px 8px;
    background-color: #FFFFFF;
    border-radius: 4px;
    min-height: 40px;
}
.add_note_link_box_inner {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 32px;
}
.add_note_link_box_inner .note_link__input{
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  margin-right: 8px;
  padding: 0px 8px;
  border-radius: 4px;
  box-sizing: border-box;
  border: none;
  background-color: #F5F8FA;
  font-size: 1rem;
  line-height: 1;
  flex: 1;
}
.add_note_link_box_inner .note_link__submit{
  background: #333;
  padding: .5rem;
  align-self: stretch;
  border-radius: 5px;
  color: #fff;
}
#textBox {
  min-height: 400px;
}
#textBox h3, #note_detail h3{
/*  font-size: 1.5rem; */
  font-weight: bold;
}

#textBox ol>li:first-child , #note_detail ol>li:first-child{
    counter-reset: num 0;
}

#textBox ol>li , #note_detail ol>li{
    list-style-type: auto;
    counter-increment: num 1;
}
#textBox ol li,
#textBox  ul li,
#note_detail ol li,
#note_detail ul li {
    margin-top: 9px;
    margin-bottom: 9px;
    overflow: initial;
}


#textBox ol,
#textBox ul,
#note_detail ol,
#note_detail ul,
#note_detail .detail_html_p ol,
#note_detail .detail_html_p  ul {
  padding-left: 24px;
}
#note_detail .user_data__bottom .user_data__list02 li {
  margin-top: 0px;
}
.main_contents ul.user_data__list02 {
  padding-left: 0 !important;
}
.main_contents ul.user_data__list02 li {
  list-style-type: none !important;
}
#textBox ul > li , #note_detail ul > li, #note_detail .detail_html_p ul > li{
    list-style-type: disc;
}

#textBox ol li, #textBox ul li , #note_detail ol li, #note_detail ul li{
    margin-top: 9px;
    margin-bottom: 9px;
    overflow: initial;
}
#textBox p, #textBox > ul li , #note_detail p, , #note_detail > ul li{
 /*   font-size: 1.125rem; */
    line-height: 2.25rem;
}

.top_block__title {
    font-weight: bold;
}


.item__sideblock .top_block__title_wrap {
    margin-bottom: 10px;
}
.top_block__title_wrap {
    text-align: center;
    margin-bottom: 10px;
}





.button-pink, .button-blue, .button-white {
    position: relative;
    display: block;
    width: 560px;
    max-width: 100%;
    height: 90px;
    margin: 0 auto;
    color: inherit !important;
    font-size: 18px;
    line-height: 89px;
    text-align: center;
    text-decoration: none !important;
    border-radius: 5px;
}

.button-white {
  background: #fff;
  border: 2px #333 solid;
  transition: color 0.3s;
}

.button-white::after {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: #ff6b9f;
  background-image: -moz-linear-gradient(top, #ff6b9f 0%, #fb4b89 100%);
  background-image: -webkit-linear-gradient(top, #ff6b9f 0%, #fb4b89 100%);
  background-image: linear-gradient(to bottom, #ff6b9f 0%, #fb4b89 100%);
}

.button-white:hover {
  color: #fff !important;
}

.button-white span::before {
  right: 28px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
}

.button-white:hover span::before {
  border-color: #fff;
}

.button-white:hover input[type="submit"] {
  color: #fff !important;
}

.button-white span::before {
    right: 28px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
}
.button-pink span::before, .button-blue span::before, .button-white span::before {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -5px;
    transform: rotate(45deg);
    content: "";
}

.main_contents > aside#navi_aside {
  float: right;
  /* width: 270px; */
  line-height: 1.7;
  letter-spacing: normal;
}

.main_contents > aside#navi_aside .search h2, aside#navi_aside .search .h2 {
  background: url(/img/title_search.png) no-repeat top;
}
.webp aside#navi_aside .search h2, .webp aside#navi_aside .search .h2 {
  background: url(/img/title_search.png) no-repeat top;
}


.top_block__img {
    margin-bottom: 10px;
}

aside#navi_aside .search .search-item > li {
  margin-bottom: 10px;
}

aside#navi_aside .search .search-item > li select {
  opacity: 0;
}

aside#navi_aside .search .selectBox-dropdown {
  position: relative;
  display: block !important;
  min-width: 100%;
  height: 40px;
  color: #000;
  font-size: 16px;
  line-height: 38px;
  background: #fff;
  outline: none;
  cursor: pointer;
}

aside#navi_aside .search .selectBox-dropdown .selectBox-label {
  position: relative;
  display: block;
  width: 100% !important;
  height: 100%;
  padding-left: 15px;
  overflow: hidden;
  border: solid 1px #cecece;
}

aside#navi_aside .search .selectBox-dropdown .selectBox-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  background: #333;
  content: "";
}

aside#navi_aside .search .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {
  background: #ff6b9f;
}

aside#navi_aside .search .selectBox-dropdown .selectBox-arrow::after {
  position: absolute;
  top: 13px;
  right: 15px;
  width: 10px;
  height: 10px;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  transform: rotate(45deg);
  content: "";
}

aside#navi_aside .search .selectBox-dropdown-menu {
  position: absolute;
  z-index: 2;
  background: #333;
}

aside#navi_aside .search .selectBox-options li {
  border-bottom: 1px #cecece solid;
}

aside#navi_aside .search .selectBox-options li a {
  position: relative;
  display: block;
  padding: 5px 0 5px 15px;
  color: #fff;
  cursor: pointer;
}

aside#navi_aside .search .selectBox-options li:hover a,
aside#navi_aside .search .selectBox-options li.selectBox-selected a {
  background: #ff6b9f;
}

aside#navi_aside .search .toggle-search-detail {
  position: relative;
  display: block;
  height: 40px;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  background: #333;
}

aside#navi_aside .search .toggle-search-detail.open {
  background: #ff6b9f;
}

aside#navi_aside .search .toggle-search-detail::before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 17px;
  height: 1px;
  background: #fff;
  content: "";
}

aside#navi_aside .search .toggle-search-detail::after {
  position: absolute;
  top: 50%;
  left: 23px;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #fff;
  content: "";
}

aside#navi_aside .search .toggle-search-detail.open::after {
  content: none;
}

aside#navi_aside .search .search-detail {
  /*display: none; */
  padding: 15px 20px 15px;
  font-size: 0;
  background: #333;
}

aside#navi_aside .search .search-detail li {
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  vertical-align: top;
}

aside#navi_aside .search .search-detail li label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  cursor: pointer;
}

aside#navi_aside .search .search-detail li label input[type="checkbox"] {
  display: none;
}

aside#navi_aside .search .search-detail li label span {
  display: block;
}

aside#navi_aside .search .search-detail li label span::before {
  position: absolute;
  top: 5px;
  left: 6px;
  z-index: 1;
  display: block;
  width: 8px;
  height: 12px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg);
  opacity: 0;
  content: "";
}

aside#navi_aside .search .search-detail li label span::after {
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  content: "";
}

aside#navi_aside .search .search-detail li label input[type="checkbox"]:checked + span::before {
  opacity: 1;
}

aside#navi_aside .search .search-detail li label input[type="checkbox"]:checked + span::after {
  background: #ff6b9f;
}

aside#navi_aside .search .button-white {
  width: 100%;
  height: 50px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 49px;
}

aside#navi_aside .search .button-white input {
  font-size: 16px;
}

aside#navi_aside .search h2,aside#navi_aside .ranking h2,aside#navi_aside .item h2,aside#navi_aside .column h2, aside#navi_aside .search .h2,aside#navi_aside .ranking .h2,aside#navi_aside .item .h2,aside#navi_aside .column .h2 {
  margin-bottom: 5px;
  padding-top: 50px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
}

aside#navi_aside .search h2 + p,aside#navi_aside .ranking h2 + p,aside#navi_aside .item h2 + p,aside#navi_aside .column h2 + p, aside#navi_aside .search .h2 + p,aside#navi_aside .ranking .h2 + p,aside#navi_aside .item .h2 + p,aside#navi_aside .column .h2 + p {
  margin-bottom: 20px;
  font-size: 12px;
  text-align: center;
}

aside#navi_aside .ranking,
aside#navi_aside .column {
  margin-top: 60px;
}

aside#navi_aside .ranking h2, aside#navi_aside .ranking .h2 {
  background: url(/img/title_ranking.png) no-repeat top;
}
.webp aside#navi_aside .ranking h2, .webp aside#navi_aside .ranking .h2 {
  background: url(/img/title_ranking.png.webp) no-repeat top;
}


aside#navi_aside .column h2, aside#navi_aside .column .h2 {
  background: url(/img/title_column.png) no-repeat top;
}
.webp aside#navi_aside .column h2, .webp aside#navi_aside .column .h2 {
  background: url(/img/title_column.png.webp) no-repeat top;
}

aside#navi_aside .ranking ul,
aside#navi_aside .column ul {
  border-top: 1px solid #cecece;
}

aside#navi_aside .ranking ul li,
aside#navi_aside .column ul li {
  padding: 15px 0;
  border-bottom: 1px solid #cecece;
}

aside#navi_aside .ranking ul li a,
aside#navi_aside .column ul li a {
  display: block;
  font-size: 0;
}

aside#navi_aside .ranking ul li a:hover,
aside#navi_aside .column ul li a:hover {
  color: #cab641;
}

aside#navi_aside .ranking ul li a figure,
aside#navi_aside .column ul li a figure {
  display: inline-block;
  width: 60px;
  height: 60px;
  vertical-align: middle;
}

aside#navi_aside .ranking ul li a figure img,
aside#navi_aside .column ul li a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

aside#navi_aside .ranking ul li a span,
aside#navi_aside .column ul li a span {
  display: inline-block;
  width: 70%;
  width: calc(100% - 60px);
  padding-left: 10px;
  font-size: 14px;
  vertical-align: middle;
  line-height: 1.7;
}

aside#navi_aside .column .button-white {
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding: 15px 0;
  border-width: 1px;
}

aside#navi_aside .column .button-white span {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}

aside#navi_aside .column .button-white span::before {
  right: 20px;
  width: 10px;
  height: 10px;
}
.button-white:hover {
  background: #fb4b89;
  border: 0;
}

aside#navi_aside .item {
  margin-top: 60px;
}

aside#navi_aside .item h2, aside#navi_aside .item .h2 {
  background: url(/img/title_item.png) no-repeat top;
}
.webp aside#navi_aside .item h2, .webp aside#navi_aside .item .h2 {
  background: url(/img/title_item.png.webp) no-repeat top;
}

aside#navi_aside .item ul {
  border-top: 1px solid #cecece;
}

aside#navi_aside .item ul li {
  padding: 15px 0;
  border-bottom: 1px solid #cecece;
}

aside#navi_aside .item ul li a {
  display: block;
  font-size: 0;
}

aside#navi_aside .item ul li a figure {
  display: inline-block;
  width: 60px;
  height: 60px;
  padding: 5px;
  vertical-align: middle;
  background: #fff;
  border: 1px #cecece solid;
}

aside#navi_aside .item ul li a figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

aside#navi_aside .item ul li a .inner {
  display: inline-block;
  width: calc(100% - 60px);
  padding-left: 10px;
  vertical-align: middle;
}

aside#navi_aside .item ul li a .inner h3, aside#navi_aside .item ul li a .inner .h3 {
  margin-bottom: 5px;
  font-size: 13px;
  transition: color 0.3s;
}

aside#navi_aside .item ul li a:hover .inner h3 {
  color: #cab641;
}

aside#navi_aside .item ul li a .inner h3 span, aside#navi_aside .item ul li a .inner .h3 span {
  display: block;
  color: #666;
  font-size: 11px;
}

aside#navi_aside .item ul li a .inner p {
  line-height: 1;
}

aside#navi_aside .item ul li a .inner p img {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 2px;
  vertical-align: middle;
}

aside#navi_aside .item ul li a .inner p span {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  vertical-align: middle;
}

aside#navi_aside .sns {
  margin-top: 60px;
  text-align: center;
}

aside#navi_aside .sns h2, aside#navi_aside .sns .h2 {
  padding-top: 60px;
  background: url(/img/title_sns.png) no-repeat top;
}
.webp aside .sns h2, .webp aside .sns .h2 {
  background: url(/img/title_sns.png.webp) no-repeat top;
}

aside#navi_aside .sns h3, aside#navi_aside .sns .h3 {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 20px;
  font-size: 13px;
}

aside#navi_aside .sns h3::before,aside#navi_aside .sns h3::after, aside#navi_aside .sns .h3::before,aside#navi_aside .sns .h3::after {
  position: absolute;
  top: 0;
  width: 1px;
  height: 20px;
  background: #333;
  content: "";
}

aside#navi_aside .sns h3::before, aside#navi_aside .sns .h3::before {
  left: 0;
  transform: rotate(-20deg);
}

aside#navi_aside .sns h3::after, aside#navi_aside .sns .h3::after {
  right: 0;
  transform: rotate(20deg);
}

aside#navi_aside .sns ul {
  border-top: 1px solid #cecece;
}

aside#navi_aside .sns ul li {
  padding: 15px 0;
  border-bottom: 1px solid #cecece;
}

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

  .main_contents > aside#navi_aside {
    position: fixed;
    top: 45px;
    left: -290px;
    z-index: 3;
    width: 290px;
    height: calc(100vh - 45px);
    overflow-y: scroll;
    background: #fff;
    transition: left 0.3s;
    -webkit-overflow-scrolling: touch;
  }

  #side_bar_aside{
    padding: 20px 15px;
    background: #efefef;
  }
  #side_bar__bk{
    padding: 20px 15px;
    background: #333;
  }
  aside#navi_aside.open {
    left: 0;
  }

  aside#navi_aside .search .search-item > li {
    position: relative;
    margin-bottom: 5px;
  }

  aside#navi_aside .search .selectBox-dropdown {
    width: 100% !important;
    height: 28px;
    font-size: 11px;
    line-height: 26px;
  }

  aside#navi_aside .search .selectBox-dropdown .selectBox-label {
    padding-left: 10px;
  }

  aside#navi_aside .search .selectBox-dropdown .selectBox-arrow {
    width: 34px;
    border: solid 1px #cecece;
  }

  aside#navi_aside .search .selectBox-dropdown .selectBox-arrow::after {
    top: 8px;
    right: 13px;
    width: 8px;
    height: 8px;
  }

  aside#navi_aside .search .selectBox-dropdown-menu {
    top: 28px !important;
    left: 0 !important;
    width: 100% !important;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
    border-left: 1px #fff solid;
  }

  aside#navi_aside .search .toggle-search-detail {
    height: 30px;
    margin-top: 3px;
    font-size: 11px;
    line-height: 30px;
    border: solid 1px #cecece;
  }

  aside#navi_aside .search .toggle-search-detail::before {
    left: 10px;
    width: 15px;
  }

  aside#navi_aside .search .toggle-search-detail::after {
    left: 17px;
    height: 15px;
    margin-top: -7px;
    background: #fff;
  }

  aside#navi_aside .search aside#navi_aside .search-detail {
    padding: 20px 15px 10px;
  }

  aside#navi_aside .search aside#navi_aside .search-detail li {
    font-size: 11px;
  }

  aside#navi_aside .search aside#navi_aside .search-detail li label span::before {
    top: 3px;
    left: 6px;
    width: 6px;
    height: 10px;
  }

  aside#navi_aside .search aside#navi_aside .search-detail li label span::after {
    top: 0;
    width: 18px;
    height: 18px;
  }

  aside#navi_aside .search .button-white {
    height: 35px;
    line-height: 35px;
  }

  aside#navi_aside .search h2,  aside#navi_aside .ranking h2,  aside#navi_aside .item h2,  aside#navi_aside .column h2, aside#navi_aside .search .h2,  aside#navi_aside .ranking .h2,  aside#navi_aside .item .h2,  aside#navi_aside .column .h2 {
    padding-top: 40px;
    color: #fff;
    font-size: 16px;
  }

  aside#navi_aside .search h2 + p,  aside#navi_aside .ranking h2 + p,  aside#navi_aside .item h2 + p,  aside#navi_aside .column h2 + p, aside#navi_aside .search .h2 + p,  aside#navi_aside .ranking .h2 + p,  aside#navi_aside .item .h2 + p,  aside#navi_aside .column .h2 + p {
    color: #fff;

  }

  aside#navi_aside .search h2, aside#navi_aside .search .h2 {
    background: url(/img/title_search_sp.png) no-repeat top;
    background-size: 160px;
  }
  .webp aside .search h2, .webp aside .search .h2 {
    background: url(/img/title_search_sp.png) no-repeat top;
    background-size: 160px;
  }

  aside#navi_aside .ranking h2, aside#navi_aside .ranking .h2 {
    background: url(/img/title_ranking_sp.png) no-repeat top;
    background-size: 160px;
  }
  .webp aside .ranking h2, .webp aside .ranking .h2 {
    background: url(/img/title_ranking_sp.png.webp) no-repeat top;
    background-size: 160px;
  }

  aside#navi_aside .column,
  aside#navi_aside .item {
    margin-top: 40px;
  }

  aside#navi_aside .item h2, aside#navi_aside .item .h2 {
    background: url(/img/title_item_sp.png) no-repeat top;
    background-size: 150px;
  }
  .webp aside#navi_aside .item h2, .webp aside#navi_aside .item .h2 {
    background: url(/img/title_item_sp.png.webp) no-repeat top;
    background-size: 150px;
  }

  aside#navi_aside .column h2, aside#navi_aside .column .h2 {
    background: url(/img/title_column_sp.png) no-repeat top;
    background-size: 150px;
  }
  .webp aside .column h2, .webp aside .column .h2 {
    background: url(/img/title_column_sp.png.webp) no-repeat top;
    background-size: 150px;
  }

  aside#navi_aside .ranking ul li a,
  aside#navi_aside .column ul li a,
  aside#navi_aside .item ul li a {
    position: relative;
    padding-right: 15px;
    color: #fff;
  }

  aside#navi_aside .ranking ul li a::after,
  aside#navi_aside .column ul li a::after,
  aside#navi_aside .item ul li a::after {
    position: absolute;
    top: 30px;
    right: 3px;
    width: 8px;
    height: 8px;
    border-top: solid 1px #ff6b9f;
    border-right: solid 1px #ff6b9f;
    transform: rotate(45deg);
    content: "";
  }

  aside#navi_aside .ranking ul li a span,
  aside#navi_aside .column ul li a span {
    font-size: 13px;
  }

  aside#navi_aside .item ul li a .inner h3, aside#navi_aside .item ul li a .inner .h3 {
    font-size: 13px;
  }

  aside#navi_aside .item ul li a .inner h3 span, aside#navi_aside .item ul li a .inner .h3 span {
    color: #aaa;
  }

  aside#navi_aside .item ul li a .inner p span {
    font-size: 13px;
  }

  aside#navi_aside .column .button-white {
    padding: 10px 0;
  }

  aside#navi_aside .column .button-white span {
    font-size: 13px;
  }

  aside#navi_aside .sns h3 {
    color: #fff;
  }

  aside#navi_aside .sns h3::before,
  aside#navi_aside .sns h3::after {
    background: #fff;
  }
}


@media screen and (min-width: 768px) {
  #textBox h3, #note_detail h3{
    font-size: 16px;
  }
  
  .main_contents {
    display: flex;
  }
  .main_contents > main {
    width: 700px;
    margin-right: 50px;
  }
  .main_contents > aside#navi_aside {
    width: 270px;
  }
}

.item__sideblock {
    margin-bottom: 30px;
}

aside#navi_aside .ranking, aside#navi_aside .column {
    margin-top: 60px;
}
aside#navi_aside .ranking h2, aside#navi_aside .ranking .h2 {
    margin-bottom: 5px;
    padding-top: 50px;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
  background: url(https://onecosme.jp/img/title_ranking.png) no-repeat top;
}




.input_none {
    display: none;
}



.item__sideblock{
  margin-bottom: 30px;
}
.item__sideblock .top_block__txt{
  margin: 0;
}
.item__sideblock .top_block__title_wrap{
  margin-bottom: 10px;
}
.item__sideblock .top_block__img img{
  height: 30px;
}

.arrow_down {
    width: 6px;
    height: 6px;
    border-top: #ff6b9f solid 1px;
    border-right: #ff6b9f solid 1px;
    transform: rotate(135deg);
    display: inline-block;
    margin-left: 5px;
}

.button-white:hover {
    color: #fff !important;
}

.button-pink span, .button-blue span, .button-white span {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    font-weight: bold;
}

.item__sideblock__inner{
  border: #DCDCDC solid 2px;
  padding: 10px;
  border-radius: 5px;
  background: #fff;
}
#side_search .item__sideblock__inner{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.item__sideblock__inner .button-white{
  height: 50px;
  line-height: 46px;
  width: 100%;
  font-size: 13px;
}
.item__sideblock__inner .btn{
  padding: 5px 30px 5px 10px;
  border-radius: 5px;
  display: block;
  position: relative;
  border: #F0F0F0 solid 1px;

}
.item__sideblock__inner dl{
  position: relative;
  margin-bottom: 16px;
}
#side_diagnose dl::after{
  content: '';
  background: #CACACA;
  position: absolute;
  bottom: -10px;
  width: 10px;
  height: 5px;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0,100% 0,50% 100%);
}
#side_diagnose dl.noafter::after {
  display: none;
}
#side_diagnose .input_wrap {
 position: relative;
}

#side_diagnose .input_disp_check {
    display: inline;
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 1;
}
#side_diagnose .custom_btn dt {
  background: #fff;
  color: #000;
  border: solid 1px #777;
  text-align: center;
}
#side_diagnose .item__sideblock__inner .custom_btn dt .arrow_down {
  left: 5%;
  right: auto;
}

#side_diagnose .item__sideblock__inner .custom_btn dt.open .arrow_down, #side_diagnose  .item__sideblock__inner .custom_btn dt:hover .arrow_down {
  color: #333;
  border-color: #000;
}

#side_diagnose .custom_btn dt::before {
    position: absolute;
    top: 50%;
    left: 23px;
    width: 11px;
    height: 1px;
    background: #000;
    content: "";
}

#side_diagnose .custom_btn dt::after {
    position: absolute;
    top: 50%;
    left: 28px;
    width: 1px;
    height: 11px;
    margin-top: -5px;
    background: #000;
    content: "";
    transition: .3s;
}
#side_diagnose .custom_btn dt.black::before, #side_diagnose .custom_btn dt.black::after {
  background: #fff;
}

#side_diagnose .custom_btn dt.open::after {
  opacity: 0;
  transform: rotate(90deg);
}
#side_diagnose .custom_btn label {
  position: relative;
}

#side_diagnose .custom_btn label .btn {
      padding: 5px 30px 5px 30px;
}


#side_diagnose .custom_btn label input[type="checkbox"] {
  display: none;
}


#side_diagnose .custom_btn label span::after {
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
    width: 12px;
    height: 12px;
    background: #fff;
    content: "";
    border: solid 1px;
}
#side_diagnose .custom_btn label span::before {
    position: absolute;
    top: 8px;
    left: 11px;
    z-index: 1;
    display: block;
    width: 5px;
    height: 9px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
    opacity: 0;
    content: "";
}

#side_diagnose .custom_btn label input[type="checkbox"]:checked + span::before {
    opacity: 1;
}
#side_diagnose .item__sideblock__inner dt.black {
  background: #000;
  color: #fff;
}
#side_diagnose dl:last-child::after{
  content: none;
}
#side_diagnose .btn-reset{
  margin: 15px auto 0;
  width: 70%;
  border: #777 solid 1px;
  color: #777 !important;
  font-size: 11px;
  height: 40px;
  line-height: 36px;
}
#side_diagnose .btn-reset:hover{
  background: #F4F4F4;
}
#side_diagnose .btn-reset::after{
  content: none;
}
.item__sideblock__inner dt{
  margin-bottom: 5px;
  background: #F4F4F4;
  position: relative;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  transition: .3s;
}
.item__sideblock__inner dt.open,
.item__sideblock__inner dt.black,
.item__sideblock__inner dt:hover{
  background: #333;
  color: #fff;
}
.item__sideblock__inner .list_child dl{
  margin-bottom: 5px;
}
.item__sideblock__inner .list_child dt{
  background: #fff;
  font-weight: normal;
}
.item__sideblock__inner .list_child dt.open,
.item__sideblock__inner .list_child dt:hover{
  color: #FF6B9E;
  border-color: #FF6B9E;
}
.item__sideblock__inner dt .arrow_down{
  border-color: #333;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.item__sideblock__inner dt.open .arrow_down{
  transform: translateY(-50%) rotate(135deg);
}
.item__sideblock__inner dt.open .arrow_down,
.item__sideblock__inner dt:hover .arrow_down{
  border-color: #fff;
}
.item__sideblock__inner dd li{
  margin-bottom: 5px;
  font-size: 10px;
}
.item__sideblock__inner dd li .btn:hover{
  color: #FF6B9E;
  cursor: pointer;
}
.item__sideblock__inner .list_child dt.open .arrow_down,
.item__sideblock__inner .list_child dt:hover .arrow_down{
  border-color: #FF6B9E;
}
.input_none:checked + .btn{
  background: #FF6B9E;
  color: #fff;
}
.input_none:checked + .btn:hover{
  color: #fff;
}
.search_box{
  position: relative;
  margin-bottom: 10px;
}
.search_box input{
  /*padding: 8px 35px;*/
  padding: 10px 35px 10px 10px;
  width: 100%;
  display: block;
  border-radius: 5px;
  border: #D2D2D2 solid 1px;
  transform: scale(1);
}
.search_box__btn{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
  background: #333;
  color: #fff;
  font-size: 12px;
  height: 100%;
  width: 35px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.search_box input {
  font-size: 1rem;
}
.search_box__btn::before{
  content: '';
  background: url(../svgs/search_white.svg) no-repeat center center / contain;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;
}

#side_bar_aside .item__sideblock .top_block__txt{
  font-size: 12px;
}
#side_search__tub{
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 5;
  margin-bottom: -2px;
}
#side_search__tub li{
  width: 48%;
  border: #DCDCDC solid 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 0;
  font-size: 11px;
  text-align: center;
  padding: 10px 0;
  background: #F5F5F5;
  font-weight: bold;
  cursor: pointer;
  border-bottom: #DCDCDC solid 2px;
}
#side_search__tub li.current{
  background: #fff;
  border-width: 2px;
  border-bottom: #fff solid 1px;
}

.list_child ul li .btn{
  border: 0;
  border-radius: 0;
  border-bottom: #F0F0F0 solid 1px;
}
.list_child ul li .btn:hover{
  background: none;
  color: #FF6B9E;
}
.list_child ul li .btn .arrow{
  content: '';
  border-top: #B1B1B1 solid 1px;
  border-right: #B1B1B1 solid 1px;
  width: 5px;
  height: 5px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.list_child ul li .btn:hover .arrow{
  border-color: #FF6B9E;
}


.item__sideblock__inner dd{
  display: none;
}
.no_genre{
  color: #FF6B9E;
  border: #FF6B9E solid 2px;
  text-align: center;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 5px;
  width: 90%;
  margin: 0 auto;
}
.item__sideblock__inner dt.open + dd{
  display: block;
}





.tub_wrap{
  margin: 0 -16px;
  border-top: #cecece solid 1px;
  border-bottom:  #f3f3f3 solid 2px;
}

.tub_list{
  display: flex;
}
.tub_list li{
  flex: 1;
  position: relative;
}
.tub_list .tub_txt {
  padding: 15px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  font-size: 10px;
  font-weight: bold;
  background: none;
  border: 0;
  width: 100%;
  color: #000;
}
.tub_list li.current::after{
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  background: #ff6b9f;
  width: 100%;
  height: 2px;
  z-index: 5;
}





.sort_area{
  margin: 0 -16px 0;
  padding: 10px 16px;
}
.newitem_sort{
  border-top: #cecece solid 1px;
}
.sort_flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.current_cat{
  font-size: 9px;
  padding-left: 10px;
}
.sort_area__button_wrap{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sort_area__button{
  margin-left: 5px;
  position: relative;
}






.btn_sort{
  background: #555;
  border: 0;
  padding: 8px 13px;
  border-radius: 3px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 9px;
  letter-spacing: 2px;
  line-height: 1;
  transition: .3s;
}
.btn_sort .btn_sort__icon{
  width: 8px;
  margin-right: 5px;
}
.btn_sort__icon svg *{
  fill: #ff6b9f;
}
.btn_sort:hover{
  background: #ff6b9f;
}
.btn_sort:hover .btn_sort__icon svg *{
  fill: #fff;
}





.sort_list__txt{
  font-weight: bold;
  font-size: 9px;
  white-space: nowrap;
}
.sort_list__check{
  padding: 3px 8px;
}
.sort_list__check li{
  margin: 8px 0;
}
.sort_list__check .check_icon{
  border: #555 solid 1px;
  border-radius: 2px;
  background: #f4f4f4;
}
.sort_list__radio .sort_list__label{
  padding: 5px 20px 5px 5px;
}
.sort_list__radio .check_icon::after{
  opacity: 0;
  border-top: #ff6b9f solid 2px;
  border-right: #ff6b9f solid 2px;
}
.sort_list__radio .input_none:checked + .sort_list__label{
  background: #f4f4f4;
}
.sort_list__radio .sort_list li{
  width: 100%;
}


.vue-loading {
  margin: 0 0 200px;
  padding: 20px 0 200px;
}



#menu_trigger {
  display: none;
}

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

  header {
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100%;
    min-width: 100%;
    height: 45px;
    margin: 0;
    padding: 0;
    background: #fff;
  }
  .header_wrap {
    background: #fff;
  }

  header .header-logo {
    display: inline-block;
    height: 45px;
  }

  header .header-logo img {
    width: auto;
    height: 15px;
    margin-top: 16px;
  }

  #menu_trigger {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 45px;
    height: 45px;
  }

  #menu_trigger img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  #menu_trigger img.close {
    display: none;
  }
}

#header_right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
/*  right: 30px;
  width: 70px; */
}

header {
  text-align: center;
}

header .header-logo img {
    width: 170px;
}
.site_logo {
  width: auto;
}
@media screen and (max-width: 768px) {
  header .header-logo {
      display: inline-block;
      height: 45px;
  }
  header .header-logo img {
    width: auto;
    height: 15px;
    margin-top: 16px;
  }
  header .header-logo img {
    width: auto;
    height: 15px;
    margin-top: 16px;
  }
}


@media screen and (min-width: 720px) {
  #header_right {
      /* right: 5%; */
      /*width: 150px;*/
  }
}


.breadcrumb{
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
  margin: 20px 0;
}
.breadcrumb .icon_home{
  width: 15px;
}
.breadcrumb li{
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.breadcrumb li::after{
  content: '';
  border-top: #333 solid 1px;
  border-right: #333 solid 1px;
  width: 3px;
  height: 3px;
  transform: rotate(45deg);
  margin: 0 8px;
  display: inline-block;
}
.breadcrumb li:last-child::after{
  content: none;
  margin: 0;
}
.breadcrumb li a{
  text-decoration: underline;
}
.breadcrumb li a:hover{
  text-decoration: none;
}

@media screen and (max-width: 720px) {
  .breadcrumb {
    max-width: 600px;
  }
  .breadcrumb_nav {
    overflow: hidden;
  }
}



.review_box__user_name{
  flex: 1;
}
.btn_keep{
  margin-left: 10px;
}
.btn_keep figure, .btn_good figure {
  pointer-events: none;
}


.archive_title {
    font-weight: bold;
}

/*******　user_ranking_list  *******/


#user_ranking_list .re_container__header{
  padding-left: 0;
}
#user_ranking_list .tub_wrap{
  margin: 0;
}
#user_ranking_list .userList{
  padding: 30px 0;
}
#user_ranking_list .userList_wrap{
  margin: 0 -4px;
}
#user_ranking_list .userList_box{
  padding: 4px;
}
#user_ranking_list .userList_box__link{
  border: #cecece solid 1px;
  padding: 10px;
}
#user_ranking_list .userList_box .user_data__img{
  position: relative;
}
#user_ranking_list .userList_box .user_name{
  margin-bottom: 5px;
  font-size: 12px;
}
#user_ranking_list .userList_box__txt{
  line-height: 1.4;
  font-size: 13px;
}
#user_ranking_list .userList_box__txt .read_more{
  text-align: right;
  margin: 5px 0 0;
  padding: 0;
  font-size: 90%;
}
.user_ranking__num{
  position: absolute;
  bottom: -5px;
  left: 0;
  line-height: 1;
  font-family: 'Times New Roman', Times, serif;
  font-style: italic;
  font-size: 30px;
  z-index: 10;
  text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}
.c-pagination-wrap{
  border-top: #cecece solid 1px;
  padding-top: 30px;
}
.c-pagination{
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-pagination-item{
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
  margin: 0 5px;
  font-size: 10px;
  color: #888;
  cursor: pointer;
}
.c-pagination-item.active{
  background: #ff6b9f;
  color: #fff;
  display: inherit;
  cursor: auto;
}

@media screen and (min-width: 768px) {
  #user_ranking_list .userList_wrap{
    margin: 0 -8px;
  }
  #user_ranking_list .userList_box{
    padding: 8px;
  }
  #user_ranking_list .userList_box__link{
    padding: 15px;
  }
  #user_ranking_list .userList_box .user_name{
    font-size: 14px;
    margin-bottom: 10px;
  }
  #user_ranking_list .userList_box__txt{
    font-size: 12px;
  }
  #user_ranking_list .userList_box .user_data{
    margin-bottom: 20px;
  }
  .user_ranking__num{
    font-size: 45px;
    bottom: -10px;
  }
  .c-pagination-item{
    font-size: 14px;
    width: 40px;
    height: 40px;
    margin: 0 8px;
  }
}



.sideborder_title {
    font-size: 13px;
    font-weight: bold;
    padding-left: 13px;
    border-left: #ff6b9f solid 2px;
    line-height: 1.3;
    margin: 13px 0;
}

@media screen and (min-width: 768px) {
  .review_note__wrap .sideborder_title {
      font-size: 18px;
  }
}



.under_border{
  border-bottom: #cecece solid 1px;
}


/*******　common perts　2024.03.11  *******/


.item_review__box{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.item_review__img{
  flex: 0 0 60px;
  margin-right: 10px;
}
.item_review__img .img_clopping{
  border: 1px #cecece solid;
}
.item_review__inner{
  flex: 1;
}
.item_review__name{
  font-size: 10px;
  padding-right: 10px;
  margin: 0;
}
.item_review__name span{
  display: block;
  font-size: 70%;
}
.item_review__star{
  margin: 0 0 0 auto;
  flex: 0 0 80px;
  display: flex;
  align-items: center;
  font-size: 10px;
}
.item_review__star img{
  width: 10px;
  margin-right: 2px;
}
#review_list .search_box__wrap, #review_note__list .search_box__wrap{
  height: 70px;
  position: relative;
}
#review_list .search_box, #review_note__list .search_box {
  position: absolute;
  border: #333 solid 2px;
  border-radius: 20px;
  transition: .3s;
  overflow: hidden;
  z-index: 999;
  width: 100%;
}
#review_list .search_box::before, #review_note__list .search_box::before {
  content: '';
  background: url(../img/icon/search.svg) no-repeat center center / contain;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 8px;
  left: 10px;
  z-index: 5;
  pointer-events: none;
  opacity: .4;
}
#review_list .search_box input[type="search"], #review_note__list .search_box input[type="search"] {
  padding: 8px 20px 8px 30px;
  font-size: 14px;
  width: 100%;
  border: 0;
  border-radius: 20px;
  outline: 0;
  line-height: 1;
}
#review_list .search_predict__list{
  padding: 5px 0 10px;
  background: #fff;
}
#review_list .search_predict__list li{
  line-height: 1.4;
  padding: 5px 25px;
  transition: .3s;
}
#review_list .search_predict__list li:hover{
  background: #efefef;
}

.sort_new .btn_sort{
  padding: 8px 0;
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0;
}
.sort_new .btn_sort:hover{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#review_list .sort_new .sort_pop__wrap{
  width: 100%;
  padding: 0;
}
#review_list .sort_new .sort_pop{
  padding: 3px;
  border: 0;
  box-shadow: 0 2px 3px rgba(0,0,0,.1);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.sort_new .sort_pop__wrap::after,
.sort_new .sort_pop__wrap::before{
  content: none;
}
.sort_new .check_icon{
  display: none;
}
.sort_new .sort_list__radio .sort_list__label{
  padding: 5px 3px;
  text-align: center;
  display: block;
  border: #f0f0f0 solid 1px;
  border-radius: 5px;
  line-height: 1.2;
}
#review_list .sort_new .sort_list__radio .sort_list__label:hover{
  background: #efefef;
}
#review_list .sort_new .sort_list__radio .input_none:checked + .sort_list__label{
  background: none;
  color: #ff6b9f;
}
#review_list .sort_new .sort_list__radio li{
  margin: 2px 0;
}
#review_list .sort_new .sort_list__txt{
  white-space: normal;
}

@media screen and (min-width: 768px) {
  #review_list .search_box input[type="search"] , #review_note__list .search_box input[type="search"] {
    font-size: 16px;
    padding: 8px 20px 8px 35px;
  }
  #review_list .search_box::before, #review_note__list .search_box::before {
    width: 20px;
    height: 20px;
    left: 10px;
    top: 7px;
  }
  .sort_new .btn_sort{
    width: 100px;
  }
  .item_review__img{
    flex: 0 0 80px;
  }
  .item_review__name{
    font-size: 14px;
  }
  .item_review__star{
    flex: 0 0 110px;
    font-size: 12px;
  }
  .item_review__star img{
    width: 15px;
  }
}



.user_list_box {
  margin-bottom: 40px;
}
.profile_cont__wrap {
  margin-bottom: 40px;
}

/*******　review_list  *******/
.review_detail__wrap{
  display: flex;
}
.review_detail__txt{
  flex: 1;
}
.review_list__box{
  margin-bottom: 40px;
}
.review_detail__txt p.short_text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.review_detail__img{
  flex: 0 0 100px;
  margin-left: 15px;
}
.review_detail__title{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
}
.review_detail__title a {
  border-bottom: solid 1px #333;
}


#review_list .review_stars {
    display: flex;
    align-items: center;
    line-height: 1;
}

#review_list .user_name {
    font-size: 12px;
    flex: 1;
}

#review_list .sort_pop__wrap {
    position: absolute;
    top: 100%;
    padding: 10px 0 0;
    right: 0;
    z-index: 99;
}
#review_list .sort_pop {
    background: #fff;
    padding: 8px;
    border: #555 solid 1px;
    border-radius: 4px;
}


#review_list .review_stars img {
    width: 18px;
    margin-right: 2px;
}

#review_list .re_container__header{
  padding-left: 0;
}
.review_list__search{
  margin: 30px 0;
}
.review_list__search .title{
  text-align: center;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 700;
}
.review_list__search .title span{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  line-height: 1;
}
.review_list__search .title span::before,
.review_list__search .title span::after{
  content: '';
  width: 30px;
  height: 15px;
  background: url(../img/review_title__orn.svg) no-repeat center bottom / contain;
  display: block;
}
.review_list__search .title span::after{
  transform: scale(-1,1);
}
.review_list__search .search_box__wrap{
  max-width: 500px;
  width: 90%;
  margin: 0 auto;
}
.review_list__sort{
  display: flex;
  align-items: center;
  border-top: #ececec solid 1px;
  padding: 20px 0;
}
.review_list__sort > p{
  flex: 1;
  font-size: 10px;
}
.review_list__sort .sort_inner{
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
}
#review_list .review_block01__footer{
  margin: 20px 0 10px;
}
#review_list .read_more{
  color: #8d8d8d;
  font-size: 90%;
}
#review_list .user_data__inner{
  margin: 0;
}
#review_list .user_data__bottom{
  margin-top: 5px;
}

#review_note__list .breadcrumb_div,
#review_list .breadcrumb_div{
  margin-top: 30px;
  padding: 8px 0;
  border-top: #cecece solid 1px;
  border-bottom: #cecece solid 1px;
}
#review_note__list .breadcrumb li,
#review_list .breadcrumb li{
  margin: 5px 0;
}

#review_list .review_date {
  position: relative;
  margin: 0 0 0 10px !important;
}

@media screen and (min-width: 768px) {
  .review_list__search .title{
    font-size: 16px;
  }
  .review_list__search{
    margin: 50px 0;
  }
  .review_list__search .title span::before,
  .review_list__search .title span::after{
    width: 40px;
    height: 20px;
  }
  .review_list__sort > p{
    font-size: 12px;
  }
  #review_note__list .breadcrumb_div,
  #review_list .breadcrumb_div{
    margin-top: 50px;
  }
  
  #review_list .user_name {
      font-size: 16px;
  }

}

@media screen and (max-width: 768px) {
  #review_list .user_data__img{
    flex: 0 0 48px;
    margin-right: 5px;
  }
  #review_list .review_stars img {
      width: 11px;
  }
  #review_list .user_data__inner {
    margin: 0 0 auto;
  }
  #review_list .user_data__bottom {
      margin-top: 0px;
  }
  #review_list .user_data__bottom .review_stars span {
    font-size: 11px;
  }
}

#review_note__list .review_date {
  position: relative;
}

#review_note__list .re_container__header {
    padding-left: 0;
    border: 0;
}

#review_note__list .archive_title {
  margin: 0;
}


/*******　note_list  *******/

#review_note__list .re_container__header{
  padding-left: 0;
  border: 0;
}
#review_note__list .review_note__wrap{
  margin-bottom: 40px;
}
#review_note__list .review_note__wrap .sideborder_title{
  font-size: 14px;
  margin-bottom: 15px;
}
#review_note__list .header_search{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}
#review_note__list .header_search .sideborder_title{
  flex: 1;
  margin: 0;
}
#review_note__list .header_search .search_box{
  width: 45%;
  margin: 0 0 0 auto;
  right: 0;
}
#review_note__list .header_search .search_box::before{
  top: 5px;
}
#review_note__list .header_search .search_box input[type="search"]{
  padding: 8px 10px 8px 30px;
  font-size: 10px;
}
/*
#review_note__list .user_data__list02 {
    color: #ff6b9f;
    border: #ff6b9f solid 1px;
    padding: 2px 0;
    border-radius: 5px;
    font-size: 8px;
    margin: 0 0 2px;
}

#review_note__list .user_data__list02 li {
  border-color: #ff6b9f;
  padding: 0 4px;
  margin: 0;
} */

@media screen and (min-width: 768px) {
  #review_note__list .review_note__wrap .sideborder_title{
    font-size: 18px;
  }
  #review_note__list .header_search .search_box input[type="search"]{
    font-size: 12px;
    padding: 8px 10px 8px 35px;
  }
  #review_note__list .review_note__wrap{
    margin-bottom:60px;
  }
}


@media screen and (min-width: 768px){
  #wrapper{
    overflow: visible !important;
  }
  .re_container{
    margin: 0;
    font-size: 14px;
  }
  .re_container__header{
    padding: 50px 16px 30px;
  }

  .sideborder_title{
    font-size: 18px;
  }
  .ranking_flag{
    transform: scale(150%);
    transform-origin: top left;
  }
  .footer-content .item ul.archive_list{
    overflow: hidden;
    padding-bottom: 5px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer-content .item ul.archive_list li{
    width: 48%;
    margin: 0 0 -1px !important;
  }
  .page-home #top_ranking{
    margin-top: 0;
  }
  #top_main_img_inner{
    margin: -35px 0 0;
    height: 400px;
    background-attachment: fixed;
    margin-bottom: 50px;
  }
  .top_block__img img{
    height: 35px;
  }

  .top_block__txt{
    font-size: 12px;
    margin: 0;
  }
  .top_block .button-white{
    font-size: 14px;
  }
  .top_block{
    margin-bottom: 80px;
  }
  .category_list__img{
    flex: 0 0 100px;
    margin-right: 20px;
  }
  .category_list__inner{
    font-size: 16px;
  }
  .item_btns__inner img{
    width: 30px;
  }
  .item_btns__inner p{
    font-size: 13px;
    margin-top: 15px;
  }
  .item_btns__box{
    padding: 25px 10px 20px;
    border-radius: 10px;
    box-shadow: 0 5px rgb(0 0 0 / 10%);
  }
  .item_btns li:not(:last-child){
    margin-right: 15px;
  }
  .ranking_cat .title{
    font-size: 18px;
  }
  .category_list__img .thumb_box{
    border-radius: 5px;
  }

  .item_block__img{
    flex: 0 0 200px;
    margin-right: 20px;
  }
  .item_block__detail_txt{
    font-size: 14px;
  }
  .btn_tag{
    font-size: 14px;
    padding: 5px 20px;
  }
  /*
  .item_block{
    font-size: 14px;
    margin-bottom: 50px;
  }
  */
  .item_block__links li a{
    font-size: 16px;
  }
  .item_block .tag_list{
    margin: 20px 0;
  }
  .item_detail__header .white-space{
    font-size: 14px;
  }
  /*
  .post-item h2.rechange_title__heart{
    font-size: 18px;
    padding-left: 35px;
  }
  .post-item h2.rechange_title__heart::before{
    width: 25px;
    height: 25px;
  }
  */
  .item_detail__wrap{
    height: 250px;
  }
  .item_detail__wrap dl{
    font-size: 14px;
  }
  .qa_box__btn{
    font-size: 16px;
    padding: 20px;
  }
  .sec-compare table th,
  .sec-compare table td,
  .sec-compare table tr.url a{
    font-size: 15px;
  }
  .contents{
    font-size: 14px;
  }
  .contents_table{
    font-size: 14px;
  }
  .container_header p{
    font-size: 14px;
  }
  .category_list__txt{
    font-size: 12px;
  }
  .tub_wrap{
    margin: 0;
  }
  .tub_list .tub_txt{
    font-size: 12px;
  }
  .arrow_down{
    margin-left: 10px;
  }
  .btn_sort{
    font-size: 12px;
  }
  .btn_sort .btn_sort__icon{
    width: 10px;
    margin-right: 10px;
  }
  .current_cat{
    font-size: 12px;
  }
  .sort_list__txt{
    font-size: 12px;
  }
  .sort_pop__wrap::before,
  .sort_pop__wrap::after{
    right: 40px;
  }
  .sort_pop__title{
    font-size: 12px;
    padding: 8px 10px;
  }
  .sort_pop{
    padding: 10px;
  }
  .check_icon{
    width: 18px;
    height: 18px;
  }
  .sort_list__check{
    padding: 5px 10px;
  }
  .modal_container__title{
    font-size: 18px;
    margin-bottom: 30px;
  }
  .narrow_block__title{
    margin-bottom: 20px;
  }
  .narrow_block__title .sideborder_title{
    font-size: 14px;
  }
  .narrow_block__title p{
    font-size: 12px;
  }
  .modal_container__inner::-webkit-scrollbar {
   display:none;
  }
  .page-archive-ranking ul li a .column_title{
    padding: 0;
    font-size: 16px;
    width: 100%;
  }
  .item__sideblock__inner .btn{
    padding: 8px 30px 8px 10px;
  }
  .item__sideblock__inner dt{
    font-size: 14px;
  }
  .item__sideblock__inner dd li{
    font-size: 12px;
  }
  .item__sideblock__inner .button-white{
    font-size: 14px;
  }
  #side_search__tub li{
    font-size: 12px;
  }
  #review_note__list .review_detail__title {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px){
  #review_note__list .review_detail__title{
    font-size: 13px;
  }
  
  #review_note__list .review_block02__box {
    font-size: 13px;
  }
  #review_note__list .user_name {
    font-size: 12px;
    flex: 1;
  }
}





.no_active {
  display: none;
}
.active {
  display: block;
}













.img_clopping{
  overflow: hidden;
  display: block;
  padding-top: 100%;
  background: #fff;
  position: relative;
}
.img_clopping img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  object-fit: cover;
  width: 100%;
  min-height: 100%;
}


/*******  user_ranking  *******/
.user_value {
  color: #999;
}
#user_ranking_list .posted_box__like .icon_heart svg * {
  fill: #FC6B9F;
}

@media screen and (max-width: 768px){
  #user_ranking_list .posted_box__like {
    font-size: 10px;
  }
  #user_ranking_list .posted_box__like .icon_heart {
          width: 12px;
  }
  
  
}

.column_box__data {
    align-items: center;
    bottom: 10%;
    bottom: 0;
    color: #b3b3b3;
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    line-height: 1;
    margin-top: .5rem;
    margin-right: 10px;
    position: absolute;
    right: 0;
}

.column_box__data_icon {
    margin-right: .3rem;
    width: 15px;
}
.posted_box__txt h2 {
  position: relative;
  padding-bottom: 20px;
}

.column_box__data_icon svg * {
    fill: #b3b3b3;
    stroke: #b3b3b3;
}

.note_add_link {
  font-size: 12px;
  margin: 0 0 20px 0;
}
.note_add_link #review_edit_search, .note_add_link #review_edit_search input[type="search"] {
  font-size: 14px;
}
.note_add_link button {
 font-size: 12px;
}

.note_add_link .button-white {
  height: 50px;
  line-height: 46px;

  width: fit-content;
  margin: 0 0 0 auto;
}
.note_add_link .button-white span {
    padding: 0 20px;
}
.note_add_link .button-white span:before {
  display: none;
}


.note_add_link .product_name_select {
    border-bottom: solid 1px #ccc;
    cursor: pointer;
    padding: 5px;
}


@media screen and (min-width: 768px) {
  .note_add_link #review_edit__form #product_detail__photo {
      flex: 0 0 133px;
  }
}

.note_add_link #review_edit__form #product_detail__photo {
    flex: 0 0 66px;
}
@media screen and (min-width: 768px) {
  .note_add_link #product_detail__photo {
      flex: 0 0 352px;
      margin-right: 3rem;
  }
}
.note_add_link #product_detail__photo {
    flex: 0 0 125px;
    margin-right: 1.5rem;
    position: relative;
}


.note_add_link .review_title {
    border-top: #cecece solid 1px;
}
.note_add_link .review_edit_search {
  font-size: 14px;
}


.note_add_link #product_detail__txt .button-white {
  margin: 0 auto 0;
  width: 70%;
  border: #777 solid 1px;
  color: #777 !important;
  font-size: 11px;
  height: 40px;
  line-height: 36px;
}
.note_add_link .review_title {
  margin-bottom: 15px;
}

.note_add_link #product_detail__txt {
  padding-left: 0;
}


.links_cosme_list_h2 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
}
#profile_cont__wrap .footer-content {
  margin-top: 20px;
  margin-bottom: 20px;
}

#page_note_edit .alert_text {
  font-size: 12px;
  margin-bottom: 10px;
  color: #ff6b9f;
}


#product_detail__photo .thumb_box img {
  padding: 10px;
}





:root {
  --pink: #ff6b9f;
  --border-gray: #e4e4e4;
}

.container_title{
  font-size: 17px;
  text-align: center;
  margin: 10px 0 20px;
  font-weight: bold;
}


@media screen and (min-width: 1024px){
  .container_title{
    font-size: 30px;
    margin: 30px 0 50px;
  }
}



/* ******* formパーツ ******* */

.form_box__wrap{
  margin: 20px auto;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  padding: 30px 5% 0;
}
.form_wrap .form_input__wrap{
  position: relative;
}
.form_wrap .form_input{
  border: #ccc solid 1px;
  box-shadow: none;
  font-size: 11px;
  padding: 10px;
  width: 100%;
  display: block;
  transform: none;
}
.form_wrap .form_input:focus{
  border: #ff6b9f solid 1px;
}
.icon_blind{
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  right: 10px;
  z-index: 5;
  width: 30px;
  padding: 5px;
  line-height: 1;
  cursor: pointer;
}
.check_box__wrap{
  position: relative;
  padding-left: 20px;
  display: inline-block;
}
.icon_checkbox{
  border: #ccc solid 1px;
  border-radius: 2px;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.check_box__wrap .input_none:checked + .icon_checkbox{
  background: #ff6b9f;
  border: #ff6b9f solid 1px;
}
.check_box__wrap .input_none:checked + .icon_checkbox::before{
  content: '';
  border-bottom: #fff solid 1px;
  border-right: #fff solid 1px;
  width: 5px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: 45deg;
}
#form_submit .button_link{
  width: 100%;
  letter-spacing: 2px;
  cursor: pointer;
}
#form_submit .button_link::after{
  content: none;
}

@media screen and (min-width: 1024px){
  .form_wrap .form_input{
    font-size: 16px;
  }
  .check_box__wrap{
    padding-left: 27px;
  }
  .next_auto_login{
    font-size: 14px;
    margin-top: 10px;
  }
  .icon_checkbox{
    width: 20px;
    height: 20px;
  }
  .check_box__wrap .input_none:checked + .icon_checkbox::before{
    width: 8px;
    height: 12px;
    top: 30%;
  }
  #form_submit .button_link{
    font-size: 16px;
    padding: 20px 30px;
  }
}



/* **** ログイン＆新規登録 **** */

#login_wrap{
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}
.login_box_wrap{
  margin: 20px auto;
  max-width: 700px;
}
.login_box{
  padding-bottom: 50px;
}
#login_form{
  margin-bottom: 50px;
  border-bottom: var(--border-gray) solid 1px;
}
.login_box h2{
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.login_box h2::after{
  content: '';
  width: 30px;
  height: 1px;
  background: #ff6b9f;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
}
#login_form__inner dl{
  margin-bottom: 20px;
}
#login_form__inner dl dt{
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 10px;
}
.recaptcha_div{
  margin: 30px auto 20px;
  width: 90%;
  max-width: 270px;
}
.recaptcha_div.has-error {
  border: solid 2px #d93025;
}
.g-recaptcha {
  scale: .9;
  transform-origin: left center;
}
.form_txt{
  color: #888;
}
.next_auto_login{
  color: #888;
  margin-top: 10px;
  font-size: 11px;
}
#login_footer{
  text-align: right;
  margin-top: 10px;
}
#login_footer p{
  margin: 10px 0;
  font-size: 10px;
}
#login_footer a{
  display: inline-block;
}
#login_footer a::after{
  content: '';
  width: 5px;
  height: 5px;
  border-top: #888 solid 1px;
  border-right: #888 solid 1px;
  transform: rotate(45deg);
  display: inline-block;
  margin-left: 5px;
}
.link_red {
  color: #ff6b9f;
}
#login_footer a:hover .link_red{
  text-decoration: underline;
}
#login_form .input_pass{
  padding-right: 30px;
}
.login_box__links{
  margin-top: 30px;
}
.login_box__links li{
  margin-bottom: 15px;
}
.login_sns__btn{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  box-shadow: 0 4px rgba(0,0,0,.2);
  max-width: 500px;
  margin: 0 auto;
}
.login_sns__btn:hover{
  translate: 0 3px;
  box-shadow: 0 1px rgba(0,0,0,.2);
  color: #fff;
}
.btn_google{
  background: #f35247;
}
.btn_facebook{
  background: #2276ff;
}
.sns_icon{
  width: 20px;
  height: 20px;
  margin: 0 auto 0 0;
}
.login_sns__btn span{
  flex: 1;
  text-align: center;
}
.agreement_check{
  font-size: 10px;
  text-align: center;
  margin: 30px 0 20px;
}
.agreement_check .term_link{
  color: #ff6b9f;
  text-decoration: underline;
}
.agreement_check .term_link:hover{
  text-decoration: none;
}

@media screen and (min-width: 1024px){
  .login_box{
    padding: 80px 10%;
  }
  .login_box h2{
    font-size: 18px;
    margin-bottom: 50px;
  }
  #login_form{
    margin-bottom: 0;
  }
  #login_form__inner dl{
    margin-bottom: 30px;
  }
  #login_form__inner dl dt{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .next_auto_login{
    font-size: 14px;
  }
  .recaptcha_div{
    max-width: 304px;
    margin: 50px auto;
  }
  .g-recaptcha {
    scale: 100%;
  }
  #login_footer{
    margin-top: 35px;
  }
  #login_footer p{
    margin: 15px 0;
    font-size: 14px;
  }
  #login_footer a::after{
    width: 8px;
    height: 8px;
  }
  .login_sns__btn{
    font-size: 16px;
  }
  .sns_icon{
    width: 30px;
    height: 30px;
  }
  .agreement_check{
    font-size: 14px;
    margin: 50px 0 30px;
  }
}



/* **** プロフィール編集 **** */

.user_thumnail__edit{
  border-bottom: var(--border-gray) solid 1px;
  padding-bottom: 30px;
}
.user_thumnail__flex{
  display: flex;
  align-items: center;
}
.user_thumnail__img{
  flex: 0 0 35%;
  max-width: 165px;
  margin-right: 10px;
  border-radius: 50%;
  border: #d4d4d4 solid 1px;
  padding: 2px;
}
.user_thumnail__img .thumb_box{
  display: block;
  border-radius: 50%;
  
}
.user_thumnail__img .thumb_box img{
  width: 95%;
  height: 95%;
}
.user_thumnail__edit .input_file__button{
  flex: 1;
  background: none;
  border: #ccc solid 1px;
  max-width: 100px;
  padding: 10px;
  font-size: 10px;
  letter-spacing: 1px;
  border-radius: 2px;
  color: #333;
}

#profile_edit{
  padding: 30px 5% 50px;
}
#profile_edit .edit_table{
  margin: 10px 0;
  border-bottom: var(--border-gray) solid 1px;
}
#profile_edit .edit_table tr{
  border: 0;
}
#profile_edit .edit_table th{
  padding: 20px 0 5px;
  font-size: 12px;
  font-weight: bold;
}
#profile_edit #profile_edit__sns{
  margin-top: 20px;
}
#profile_edit #profile_edit__sns th{
  padding: 5px 0;
}
#profile_edit .edit_table th .profile_exp{
  color: #a6a6a6;
  font-size: 60%;
  margin-left: 10px;
  font-weight: normal;
}
#profile_edit .edit_table td{
  padding: 0 0 20px;
}
#profile_edit .edit_table tr:last-child td{
  padding-bottom: 30px;
}
#profile_edit__sns .icon_sns{
  width: 15px;
  vertical-align: middle;
  margin-left: 10px;
}
#profile_edit .select_wrap::after{
  border-color: #444;
  right: 10px;
  width: 5px;
  height: 5px;
}
.add_info{
  margin-top: 10px;
  font-size: 10px;
}
.check_list__wrap{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2px;
}
.check_list__wrap li{
  width: 50%;
  padding: 0 2px;
  margin-bottom: 4px;
}
.check_list__wrap li.full{
  width: 100%;
}
.profile_radio li{
  width: 33.33%;
}
.check_list__label{
  padding: 15px 5px;
  border: #ccc solid 1px;
  border-radius: 5px;
  display: block;
  text-align: center;
  font-size: 11px;
}
.input_none:checked + .check_list__label{
  background: var(--pink);
  color: #fff;
  border: var(--pink) solid 1px;
}
#profile_edit #form_submit .button_link{
  margin-top: 50px;
  border-radius: 50px;
}

@media screen and (min-width: 768px){
  .user_thumnail__edit{
    padding: 0 30px 30px;
  }
  #profile_edit .edit_table th .profile_exp{
    display: block;
    margin: 0;
  }
  #profile_edit .edit_table{
    border: 0;
    margin: 0;
  }
  #profile_edit .edit_table tr{
    border-bottom: var(--border-gray) solid 1px;
  }
  #profile_edit #profile_edit__sns th,
  #profile_edit .edit_table th{
    padding: 40px 0 30px;
    text-align: right;
  }
  #profile_edit #profile_edit__sns td,
  #profile_edit .edit_table td{
    padding: 30px 15px;
  }
}
@media screen and (min-width: 1024px){
  .user_thumnail__img{
    padding: 5px;
  }
  .user_thumnail__edit .input_file__button{
    font-size: 14px;
    max-width: 200px;
  }
  #profile_edit .edit_table th{
    font-size: 16px;
  }
  .add_info{
    font-size: 14px;
  }
  .check_list__label{
    font-size: 14px;
  }
  .check_list__wrap li{
    padding: 0 5px;
    margin-bottom: 10px;
  }
}








.enq_comment_header,
.discuss_comment{
  margin: 5px 0;
  color: #888;
}
.enq_comment_icon,
.discuss_comment_icon{
  background: url('../img/common/comment.png') no-repeat center center / contain;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}



.question_detail {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 14px;
}




.disucss_status {
    color: #ff6b9f;
    margin: 5px 0;
    font-weight: 700;
    font-size: 10px;
}





.question_edit__wrap{
  border-top: #d6d6d6 solid 1px;
  margin-top: 10px;
  padding-top: 20px;
}
.disucss_status{
  margin: 0 0 0 auto;
}
.question_wrap__txt{
  margin: 20px 0;
}
.question_wrap__img{
  margin: 20px 0;
}



discuss_actions__txt{
  flex: 1;
  text-align: left;
}
.discuss_actions__txt .count_text{
  display: block;
  color: #888;
  font-size: 70%;
}
.discuss_actions .button_link::after{
  content: none;
}
.discuss_actions .button_link.active{
  background: linear-gradient(180deg, #EF84A5 0%, #EA779A 100%);
  box-shadow: 0px 4px 1px 0px #B74E6D;
  border: 0;
  color: #fff;
}
.discuss_actions .button_link.active .discuss_actions__icon{
  filter: brightness(0) invert(1);
}
.discuss_actions .button_link.active .discuss_actions__txt .count_text{
  color: #fff;
}
.question_edit__title, .enq_edit__title{
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 14px;
}
.answer_block__best{
  color: #ff6b9f;
  font-weight: 700;
  font-size: 10px;
  margin-bottom: 10px;
}
.answer_block__inner{
  border-top: #d6d6d6 solid 1px;
  padding: 20px 0;
}
.answer_block_other {
  border-top: #d6d6d6 solid 1px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.item_box__link{
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: #cecece solid 1px;
}
.item_box__img{
  width: 80px;
  height: 80px;
  margin-right: 10px;
  border: #cecece solid 1px;
}
.item_box__img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.item_box__txt{
  flex: 1;
}
.item_box__brand{
  font-size: 60%;
  display: block;
  color: #666;
}
.item_name{
  color: #ff6b9f;
  line-height: 1.4;
  display: block;
}
.item_box__stars{
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.item_box__stars img{
  width: 12px;
  margin-right: 3px;
}
.item_box__count{
  margin-left: 5px;
}
@media screen and (min-width: 1024px) {
  .discussList {
    padding: 20px;
  }
  .search__tab li{
    font-size: 14px;
    padding: 15px 0;
  }
  .discuss_search_words{
    font-size: 12px;
  }
  .discuss_search_title{
    font-size: 16px;
    margin-bottom: 10px;
  }
  .question_detail{
    font-size: 16px;
  }
  .disucss_status{
    font-size: 12px;
  }
  .enqList_question{
    font-size: 16px;
  }
  .enqList_viewing{
    font-size: 12px;
  }
  .enqList_answer{
    max-width: 600px;
    margin: 20px auto;
  }
  .enqList_answer .vertical li{
    height: 80px;
  }
  #question_edit .archive_title{
    font-size: 26px;
  }
  .review_edit__photos{
    margin: 30px 0;
  }
  .review_edit__photos .thum_div{
    padding-right: 20px;
  }
  .review_edit__photos .thum_div .close_btn{
    width: 30px;
    height: 30px;
    top: -10px;
    right: 10px;
  }
  .review_edit__photos .thumb_box_v .no_img img{
    width: 50px;
    height: 50px;
  }
  .review_edit__photos .thumb_box_v .no_img img{
    font-size: 12px;
  }
  .question_edit__title{
    font-size: 16px;
  }
  .item_box__img{
    width: 100px;
    height: 100px;
    margin-right: 20px;
  }
}

.discuss_post_img {
  width: 60%;
}