/* レビューコンテンツ
------------------------------------------------------- */
a:link {text-decoration:none;}
a:visited {/* text-decoration:none; */}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
.breadcrumb a:visited{color: #a23300;}

#contentsMainArea {
    margin: 18px 0 0;
    padding: 0;
}

.wrap_article{
    margin: 0 25px 25px;
}
.wrap_article p{font-size: 16px; line-height: 1.6; padding: 0 20px; margin-top: 20px;}

.wrap_article ol p{font-weight: bold;}
.number{counter-reset: number 0;}
.wrap_article ol {
  margin: 0;
  padding: 0;
  list-style: none; /* デフォルトの数字を非表示に */
  counter-reset: li;
}
.wrap_article ol li {
  position: relative;
  font-size: 16px;
  padding-left: 1.5em;
  line-height: 1.6;
  font-weight: bold;
  margin: 0 20px;
}
.wrap_article ol li:not(:first-child) {
  margin-top: 0.5em;
}
.wrap_article ol li::before {
  content: counter(number);
  counter-increment: number 1;;
  position: absolute;
  left: 0;
  top: 2px; /* 数字のY軸線上の位置を調整 */
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #000;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  text-align: center;
}


figure{margin-top: 15px !important; padding: 0 20px !important;}
img{max-width: 100%; vertical-align: middle;}
header section img,#bg-footer section img{border:none;}

/*　dot_line　ドットライン　*/
svg.dot_line{
	fill: none;
	stroke: rgb(185, 185, 185);
	stroke-width: 3;
	stroke-linecap: round; 
         /* 線の端の部分を丸く、四角はsquare*/
	stroke-dasharray: 0.5, 6;
         /*　塗りと空白距離で間隔を設ける */
	stroke-dashoffset: -5;
}

h2,h3,h4{font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif;}

/* h2 */
.h2_tit {
    font-size: 30px;
    position: relative;
    line-height: 1.2;
    font-weight: bold;
}
/* h3 */
.h3_tit {
    font-size: 30px;
    position: relative;
    line-height: 1.2;
    font-weight: bold;
    margin: 30px 0 15px;
}
/* h4 */
.h4_tit {
    font-size: 30px;
    position: relative;
    line-height: 1.2;
    padding: 0 20px;
    font-weight: bold;
    margin: 10px 0 -5px;
    color: #e46c0a !important;
}

.self_intro dl{display: flex; justify-content: space-between; align-items: flex-start; padding: 20px 20px 10px;}
.self_intro dt{flex: 0 1 90px;}
.self_intro dd{flex: 0 1 100%; font-size: 16px; line-height: 1.6; padding-left: 20px;}
.self_intro img{border-radius: 50%;}
.self_intro img.line{border: 1px solid #ccc; box-sizing: border-box;}

.check_btn{text-align: right; padding-right: 20px;}
.check_btn a {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    border-radius: 30px;
    background: red;
    color: #fff !important;
    padding: 8px 15px;
    text-align: center;
    }
.check_btn a:hover{text-decoration: none; filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

.rating_score{text-align: right; padding: 0 20px; margin-top: 20px;}

.rating{font-size: 24px; line-height: 1; background-color: #be0000; color: #fff; font-weight: bold; padding:10px 30px; border-radius: 50px; display: inline-block;}

.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #fff;
    letter-spacing: 0.2em;
    margin: 0 -10px 0 10px; 
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #fff000;
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */


/* 一覧用
-------------------------*/
.wrap_article_list{
    margin: 15px 25px 25px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif !important;
}

.h3_tit_new{
    font-size: 27px;
    position: relative;
    line-height: 1;
    font-weight: bold;
    padding: 20px 0 0 !important;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN',sans-serif;
    font-feature-settings: "palt";
}
.h3_tit_new span{
    font-size: 18px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif !important;
    font-weight: normal;
}
.h3_tit_new::before{
    content: "";
    display: inline-block;
    width: 70px;
    height: 50px;
    background: url( "images/icon_new.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    padding-right: 5px;
    margin-bottom: 5px;
}

/* h3 */
.h3_tit_review {
    font-size: 30px;
    position: relative;
    line-height: 1.2;
    font-weight: bold;
    margin: 40px 0 10px;
}

.new_list_box{background-color: #fffdc6; padding: 12px 20px 10px; border-radius: 14px;}
.new_list_box li{font-size: 16px; line-height: 1.6; display: flex; align-items: flex-start;}
.new_list_box li span:first-child::after{content: ":"; vertical-align: inherit; padding: 0 5px;}

/*.review_list_box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.review_list_box dl{flex: 0 1 48.5%; font-feature-settings: "palt"; margin-top: 30px;}*/

.review_list_box{display: flex;flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin:auto -2%;}
.review_list_box dl{flex: 0 1 46%;font-feature-settings: "palt"; margin-top: 30px; padding:0 2% 30px; border-bottom:1px dotted #ccc;}
.review_list_box dl:nth-child(odd){padding-left:0; margin-left:10px;}
.review_list_box dl:nth-child(even){padding-right:0; margin-right:10px;}

.review_list_box dt h4{font-size: 16px; line-height: 1.2; color: #7b3333; font-weight:bold; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif !important; letter-spacing: 0.1em;}
.review_list_box .review_name{font-size: 26px; line-height: 1.2; font-weight: bold; display: flex; justify-content: flex-start; align-items: center; border-radius: 14px; padding: 10px 15px; margin: 8px 0;}
.review_list_box .review_name div:first-child{flex: 0 0 90px; margin-right: 10px;}
.review_list_box .review_name img{border-radius: 50%;;}

.bg_women{color: #ea63bb; background-color: #ffedfd;}
.bg_men{color: #2b9ec9; background-color: #dbf9ff;}
.bg_unisex{color: #3bae5b; background-color: #dbffe8;}

.icon_good {
display: inline-block;
fill: currentColor;
width: 1.2em;
height: 1.2em;
margin-right: 0.4em;
vertical-align: middle;
margin-bottom: 0.2em;
}

.likebutton {
color: #7b3333;
font-size: 14px;
background-color: #fdffc9;
border: 1px solid #fba620;
border-radius: 1em;
padding: 0.2em 0.7em 0.1em;
line-height: 1.2em;
cursor: pointer;
transition: color 150ms ease-in-out, background-color 150ms ease-in-out, transform 150ms ease-in-out;
outline: 0;
font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif;
margin: 0 15px;
}
.txt_count{font-size: 14px; font-weight: bold; color: #f00;}

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0;
   padding: 0;
   z-index: 5;
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   width: 100%;          /* メニュー項目の横幅(125px) */
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
    width: 90%;
    display: block;
	text-align: center;
    font-size: 22px;
    line-height: 1;
    font-family: kan415typos-std, sans-serif !important;
    font-weight: bold;
    padding: 12px 3% 6px 7% !important;
	cursor: pointer;
	position: relative;
    background-color: #f98d37;
    margin-top: 8px;
    text-decoration: none;
    color: #fff;
}
@-moz-document url-prefix(){
ul.ddmenu a{
    padding: 10px 3% 8px 7% !important;
}
}
ul.ddmenu a::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("images/btn_down.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top:18%;
    left: 10px;
}
/*ul.ddmenu a:hover::before {
    background: url("images/btn_up.png") no-repeat;
}*/

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 5px 5% 10px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
   width: 90%;
   background-color: #ffebd4;
   z-index: 6;
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {
   width: 100%;
   color: #000;
   font-size: 16px;
   line-height: 1.4;
   padding-top: 5px;
}
ul.ddmenu ul li a {
   width: 100%;
   text-align: left;      /* 文字列の配置(左寄せ) */
   font-weight: normal;   /* 太字にはしない */
   content: none;
   margin-top: 0;
   background: none;
   font-size: 16px;
   line-height: 1.4;
   padding: 0 !important;
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif !important;
   color:revert;
   text-indent: 1em;
}
ul.ddmenu ul li a::before{content:"■"; margin-left: -1em; color: #000; display: inline-block; background: none; position: absolute; top: 0; left: 0;}
ul.ddmenu ul li a:hover::before{text-decoration: none !important;}
ul.ddmenu ul li a:hover {text-decoration: underline;}
   
   
/* 汎用
-------------------------*/
.m-t0 {margin-top:0px !important;}
.m-t10 {margin-top:10px !important;}
.m-t30 {margin-top:30px !important;}
.m-t40 {margin-top:40px !important;}
.m-t70 {margin-top:70px !important;}

.m-r5 {margin-right: 5px !important;}

.p-t0 {padding-top: 0px !important;}
.p-t10 {padding-top: 10px !important;}
.p-t15 {padding-top: 15px !important;}
.p-t30 {padding-top: 30px !important;}
.p-t40 {padding-top: 40px !important;}
.p-t55 {padding-top: 55px !important;}

.p-b10 {padding-bottom: 10px !important;}
.p-b15 {padding-bottom: 15px !important;}
.p-b20 {padding-bottom: 20px !important;}
.p-b30 {padding-bottom: 30px !important;}
.p-b40 {padding-bottom: 40px !important;}

#socialarea #tsubuyaku{float:none !important; text-align: left !important;}
#socialarea #bookmark #tsubuyaku2{display: none;}
#tsubuyaku2 img{margin: -5px 5px 0 0;}