
/* page_link
===============================================================*/
	div.detail_top_info {
		width:708px;
		margin:0 0 25px 20px;
		position:relative;
		display: flex;
		justify-content: space-between;
	}

	div.detail_top_info .ph_area {
		width:223px;
		padding:15px 0 30px 0;
		/*float:left;*/
	}

	div.detail_top_info .ph_area span {
		display:block;
		text-align:center;
		padding:20px 0 0 0;
	}

	div.detail_top_info .ph_area a {
		padding:0 0 2px 17px;
		background:url(../images/top/img_ic_07.png) no-repeat 0 2px;
	}

	div.detail_top_info p.view {
		width:250px;
		text-align:center;
		position:absolute;
		top:260px;
		left:0;
	}

	div.detail_top_info p.view a {
		padding:0 0 0 10px;
		background:url(../images/common/img_main_a.png) no-repeat -724px -1030px;
	}


	div.detail_top_info div.info_box {
		width:425px;
		/*float:right;*/
	}

	div.detail_top_info div.info_box h1 {
		font-size:20px;
		font-weight: 700;
	}

	div.detail_top_info div.info_box table {
		margin:0 0 10px 0;
	}

	div.detail_top_info div.info_box table tr th ,
	div.detail_top_info div.info_box table tr td {
		padding:8px 0;
		text-align:left;
		font-weight:normal;
	}

	div.detail_top_info div.info_box table tr th.r {
		text-align:right;
		padding:8px 5px 8px 0;
	}

	div.detail_top_info div.info_box table tr td.price span.np {
		font-size:18px;
		color:#cc0000;
		font-weight:bold;
	}

	div.detail_top_info div.info_box table tr td.price span.op {
		color:#afafaf;
		text-decoration:line-through;
	}

	div.detail_top_info div.info_box table tr td.price span.op2 {
		color:#afafaf;
	}

	div.detail_top_info div.info_box table tr td.price img {
		position:relative;
		top:-2px;
		left:0;
	}

	div.detail_top_info div.info_box table tr td div.select_wrapper {
		padding:5px 15px 0 0;
		float:left;
	}

	div.detail_top_info div.info_box table tr td p.cart_btn {
		width:178px;
		height:35px;
		text-indent:-9999px;
		float:left;
	}

	div.detail_top_info div.info_box table tr td p.cart_btn a {
		display:block;
		width:178px;
		height:35px;
		background:url(../images/common/img_main_a.png) no-repeat 0 -3205px;
	}

	div.detail_top_info div.info_box table tr td p.cart_btn a:hover {
		background:url(../images/common/img_main_a.png) no-repeat -178px -3205px;
	}

	div.detail_top_info div.note_area {
		border:#e2ddd4 1px solid;
		padding:15px 28px;
		margin:0 0 15px 0;
		-webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	}

	div.detail_top_info div.pronone {
		margin-top: 40px;
	}

	div.detail_top_info div.note_area p.m {
		color:#c40000;
		font-size:14px;
	}

	div.detail_top_info div.other_info {
		margin-bottom: 15px;
	}
	div.detail_top_info div.other_info table  {
		margin:0;
	}

	div.detail_top_info div.other_info table tr th ,
	div.detail_top_info div.other_info table tr td  {
		padding:0;
		vertical-align:top;
	}


	div.detail_top_info div.bookmark {
		position: absolute;
		top: 273px;
    left: -80px;
	}

	div.detail_top_info div.bookmark .f_box {
		z-index: 1;
		display:none;
		min-width:230px;
		padding:20px 10px;
		position:absolute;
		top:35px;
		right:0;
		background-color:#ffffff;
		border:#e0e0e0 1pxp solid;
		/* border-radius */
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border: 1px solid #cccccc;
	}

	div.detail_top_info div.bookmark .f_box p {
		text-align:center;
		font-size:14px;
	}

	div.detail_top_info div.bookmark .f_box p.m {
		color:#de5b5e;
		margin-bottom: 10px;
	}

	div.detail_top_info div.bookmark .f_box p.list a {
	}

	div.detail_top_info div.bookmark .f_box p.list a:hover {
		color:#ff9900;
	}

	div.detail_top_info div.bookmark .f_box p.close a {
		display: block;
		width: 13px;
		height: 13px;
		font-size: 16px;
		line-height: 1px;
		text-align: left;
		position: absolute;
		top: 10px;
		right: 7px;
		text-decoration: none;
	}

	div.detail_top_info div.bookmark p.btn {
		padding:0 0 0 10px;
		text-indent:-9999px;
	}

	div.detail_top_info div.bookmark p.btn a.fav {
		display: block;
		width: 25px;
		height: 22px;
		background: url(../images/product/detail.png) no-repeat 0px -162px;
	}
	div.detail_top_info div.bookmark p.btn a.fav.active {
		background: url(../images/product/detail.png) no-repeat -29px -162px;
	}

	div.detail_top_info div.bookmark p.btn2 {
		padding:0 0 0 10px;
		text-indent:-9999px;
		float:left;
		position:relative;
		top:-1px;
		left:0;
	}

	div.detail_top_info div.bookmark p.btn2 a {
		display:block;
		width:126px;
		height:26px;
		background:url(../images/common/img_main_a.png) no-repeat -678px -3205px;
	}

	div.detail_top_info div.bookmark p.btn2 a:hover {
		background:url(../images/common/img_main_a.png) no-repeat -804px -3205px;
	}

	div.detail_top_info div.info {
		width:434px;
		padding:0 0 5px 0;
		margin:0 0 15px 0;
		background:url(../images/product/img_bg_01.gif) no-repeat left bottom;
	}

	div.detail_top_info div.info_inner {
		padding:15px 10px 10px 10px;
		background:url(../images/product/img_bg_01.gif) no-repeat 0 0;
	}

	div.detail_top_info div.info_inner p {
		text-align:center;
	}

	div.detail_top_info div.info_inner p.note {
		color:#cf0101;
		font-size:14px;
	}

	div.detail_top_info div.info_inner label {
		font-size:12px;
	}

	iframe.twitter-share-button {
	    width: 100px!important;
	}

	div#___plusone_0 ,
	div#___plusone_0 iframe.twitter-share-button {
	    width: 65px!important;
	}

	div#___plusone_0 {
	    display:inline !important;
	}




/* product add201905
===============================================================*/
  div.detail_top_info .ph_area ul{
  	display: flex;
  	justify-content: center;
  	align-items: center;
	margin: 60px 0 0;
	width: 220px;  
  }
  div.detail_top_info .ph_area ul li{
  	min-width: 53px;
  	margin: 0 2px;
	border: 1px solid #eaeaea;
	max-width: 68px;  
  }
  div.detail_top_info .ph_area ul li.here{
  	border: 1px solid #e0c69d;
  }
  div.detail_top_info .ph_area ul li a{
  	display: block;
  	background: none;
  	padding: 0;
  }
  div.detail_top_info .ph_area ul li a:focus{
  	outline: none;
  }
  div.detail_top_info .ph_area ul li a img{
  	width: 100%;
  }
  div.detail_top_info .ph_area .slick-next{right: -21px;}
  div.detail_top_info .ph_area .slick-prev:before,
  div.detail_top_info .ph_area .slick-next:before{
  	content: url(../images/common/left2.png);
  	opacity: 1;
  }
  div.detail_top_info .ph_area .slick-next:before{
  	content: url(../images/common/right2.png);
  }
  div.detail_top_info .ph_area .slick-disabled{
  	opacity: 0;
  }



  /*æ‹¡å¤§è¡¨ç¤º*/
  div.detail_top_info .ph{
  	position: relative;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  }
  div.detail_top_info .ph .ph_lupe{
  	position: absolute;
  	top: 50px;
  	left: 30px;
  	z-index: 2;
  	background:rgba(0,0,0,.13);
  	border: 1px solid #eaeaea;
  	width: 150px;
  	height: 118px;
  }
  div.detail_top_info .ph .ph_lupe{
  	display: none;
  }
  div.detail_top_info .ph:hover .ph_lupe{
  	display: block;
  }
  div.detail_top_info .ph img{
  	max-width: 250px;
  	max-height: 250px;
  }
  div.detail_top_info .info_box{
  	position: relative;
  }
  div.detail_top_info .info_box .zoom_area{
  	display: none;
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 2;
	  border: 1px solid #eaeaea;
	  background: #fff;
	  width: 435px;
    height: 343px;
	  overflow: hidden;
  }
  div.detail_top_info .info_box .zoom_area.active {
	  display: block;
	}
	div.detail_top_info .info_box .zoom_area img {
	  margin-top: -30px;
	  margin-left: -60px;
	}

/*  202006 追加
========================================= */

/* common
===============================================================*/
h1,h2,h3,h4,h5,h6,p,dt,dd,li,a,th,td{line-height: 1.5;}
p,dt,dd,li,a,th,td{font-size: 14px;}
figure {margin: 0;}
.sp {display: none;}
.hosoku{font-size: 11px;}
p.more {
	text-align: right;
	margin-top: 20px;
}
p.more a {
	color: #004f9f;
	text-decoration: none;
	font-size: 14px;
}
p.more a:hover {color: #ff9900;}

div#Contents .text_tit {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 25px;
	line-height: 1;
	margin-bottom: 20px;
	position: relative;
	font-weight: 700;
}

.container .gray_back{
	padding: 20px;
	margin-bottom: 55px;
	background: #f6f6f6;
}

.container .inner{
	padding: 25px 20px 30px;
	border-top: 1px solid #d5d5d5;
	background: #fff;
}
.container .blue_line {
	border-top: 4px solid #99d2f0;
	margin-top: 20px;
}
.container .orange_line {
	border-top: 4px solid #ff9f51;
	margin-top: 20px;
}
.container .green_line {border-top: 4px solid #a7de7a;}
.container .no_line{
	border: none;
	margin-top: 20px;
}

.container .nom_tit {
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 20px;
}
.container .tag_tit {
	position: relative;
    padding-left: 10px;
    font-size: 18px;
    margin-bottom: 5px;
	line-height: 1;
	margin-bottom: 20px;
}
.container .tag_tit::after{
	content: "";
    width: 4px;
    height: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
	display: inline-block;
    background: #ff6600;
}

.container .inner dl dt{
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 10px;
}
.container .inner dl dt.dt2{font-size: 14px;}

.container .category_area {
	display: flex;
	margin: 0px 10px 15px 0;
}

.container .category_area a.active{
	font-weight: 700;
	text-decoration: none;
}


.container .category_area p {
	margin-right: 15px;
	font-size: 14px;
	line-height: 1;
}

.container .category_area .cate_box .box p{
	margin: 0 0 0 13px;
	float: left;
}
.container .category_area .cate_box .box p a{
	text-decoration: underline;
}


.container .cate_box .category_area p {margin-right: 20px;}



.container .cate_flex {
	display: flex;
}

.container .cate_flex p {
	margin-right: 20px;
	position: relative;
}
.container .cate_flex p:not(:last-of-type)::after {
	content: "|";
    position: absolute;
    top: 3px;
    right: -13px;
}


.container .reviewbox {
    padding: 20px 20px 30px;
    border-top: #d5d5d5 1px solid;
	position: relative;
	background: #fff;
}

.container .reviewbox .rev_tit { 
	font-size: 14px;
	background: url(../images/review/icon_custmer.png) no-repeat;
	padding: 6px 0 6px 41px;
	margin-bottom: 15px;
}

.container .reviewbox .rev_tit a {
	margin: 3px 0 4px;
	font-size: 14px;
}

span.rank {
	width: 80px;
    height: 15px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    top: 1px;
    margin-right: 6px;
}
span.rank01 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -351px;
}

span.rank02 {
	background:url(../images/common/img_main_a.png) no-repeat -872px -351px;
}

span.rank03 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -374px;
}

span.rank04 {
	background:url(../images/common/img_main_a.png) no-repeat -872px -374px;
}

span.rank05 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -397px;
}

span.rank06 {
	background:url(../images/common/img_main_a.png) no-repeat -872px -397px;
}

span.rank07 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -420px;
}

span.rank08 {
	background:url(../images/common/img_main_a.png) no-repeat -872px -420px;
}

span.rank09 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -442px;
}

.container .reviewbox p.name {
    padding-right: 130px;
    padding-top: 15px;
}
.container .reviewbox p.name a {
    color: #454545;
}

.container .reviewbox p.rev_text{margin: 15px 0 5px;}

.container .reviewbox .good_area{position: relative;}
.container .reviewbox p span.good a {
    background: url(../images/common/img_main_a.png) no-repeat left -366px top -2430px;
    text-indent: -9999px;
    width: 32px;
    display: inline-block;
    padding: 3px 0;
    margin-top: 10px;
}
.container .reviewbox p span.good a:hover {opacity: 0.7;}

.container .reviewbox p.reply {
	position: absolute;
	left: 1px;
	bottom: -20px;
	display: none;
}
.container .reviewbox p.reply1 {color:#c60b09}
.container .reviewbox p.reply2 {color:#888787}

.container .reviewbox p span.date {
    float: right;
    margin-top: 16px;
}
.container .text_tit {margin-bottom: 35px;}
.container span.num {
	float: right;
}
.container .graph_area {
	padding: 30px 20px 25px;
	border-top: #d5d5d5 1px solid;
	background: #fff;
}

.container .graph_area p.Review {
	background: url(../images/review/icon_custmer.png) no-repeat;
	padding-left: 20px;
	padding: 6px 0 6px 41px;
}

.container .graph_area ul {margin: 7px 0 5px;}
.container .graph_area ul li {
	padding: 7px 0;
	border-top: 1px solid #f7ecde;
}
.container .graph_area ul li:last-of-type {
	border-bottom: 1px solid #f7ecde;
}

.container .graph_area ul li span.bar {
	text-indent: -9999px;
	width: 500px;
	height: 13px;
	background: url(../images/review/bar.gif) no-repeat;
	display: inline-block;
    position: relative;
    top: 3px;
    left: 8px;
}
.container .graph_area ul li.five span.bar {
	background-size: 100% 13px;
}
.container .graph_area ul li.four span.bar {
	background-size: 80% 13px;
}
.container .graph_area ul li.three span.bar {
	background-size: 50% 13px;
}
.container .graph_area ul li.two span.bar {
	background-size: 30% 13px;
}
.container .graph_area ul li.one span.bar {
	background-size: 10% 13px;
}





.container .wrapper {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.container .tabbox { display: none;}
.container .tabbox.active { display: block;}

.container .wrapper .box {
	width: 150px;
	position: relative;
}

.container .wrapper .box img {
	width: 150px;
}

.container .wrapper .box .rank_tit span.rank {
	text-indent: -9999px;
	display: inline-block;
	width: 50px;
}
.container .wrapper .box .rank_tit span.rank1 {	background: url(../images/common/img_main_a.png) no-repeat left 0px top -2434px;}
.container .wrapper .box .rank_tit span.rank2 {	background: url(../images/common/img_main_a.png) no-repeat left -65px top -2434px;}
.container .wrapper .box .rank_tit span.rank3 {	background: url(../images/common/img_main_a.png) no-repeat left -134px top -2434px;}
.container .wrapper .box .rank_tit span.rank4 {	background: url(../images/common/img_main_a.png) no-repeat left -204px top -2434px;}
.container .wrapper .box .rank_tit span.rank5 {	background: url(../images/common/img_main_a.png) no-repeat left -273px top -2434px;}
.container .wrapper .box .rank_tit span.no_crown {
	font-weight: 400;
	padding-right: 10px;
	text-indent: 0;
	width: 14px;
}

.container .wrapper .box .rank_tit span.tag {
	font-size: 11px;
	padding: 3px 5px;
	line-height: 1;
	margin: 0 3px 3px;
	font-weight: 400;
	display: inline-block;
}
.container .wrapper .box .rank_tit span.tag01 { background: #ffee60;}
.container .wrapper .box .rank_tit span.tag02 { background: #ffc8c5;}
.container .wrapper .box .rank_tit span.tag03 { background: #c5e8ff;}

.container .wrapper .box figure {
	margin: 5px 0;
	text-align: center;
}

.container .wrapper .box a {text-decoration: none;}
.container .wrapper .box dl dt {
	font-size: 14px;
	color: #004f9f;
	line-height: 1.3;
	margin-bottom: 5px;
	font-weight: 400;
}

.container .wrapper .box dl dd {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 5px;
}
.container .wrapper .box a:hover dl dt ,
.container .wrapper .box a:hover dl dd {color: #ff9900;}

.container .wrapper .box p.price {
	text-align: center;
	color:#c60b09;
	font-size:14px;
	margin-bottom: 3px;
	font-weight: 700;
}
.container .wrapper .box p.price del{
	color: #afafaf;
	font-size: 12px;
	margin-left: 5px;
}
.container .wrapper .box p.price span{margin-left: 5px;}
.container .wrapper .box p.price span.off{
	font-size: 9px;
    color: #c60b09;
    padding: 3px 4px 1px;
    line-height: 1;
    border: 1px solid #c60b09;
    display: inline-block;
    position: relative;
    bottom: 2px;
}
.container .wrapper .box p.price span.noitem {
	font-size: 11px;
    padding: 3px 5px 1.5px;
    line-height: 1;
    margin: 0 0 0px 5px;
    font-weight: 400;
    display: inline-block;
    background: #ff9900;
    color: #fff;
    position: relative;
    bottom: 1px;
}
.container .wrapper .box p.rank{
	text-align: center;
	font-size: 12px;
}
.container .wrapper .box p.rank a{
	color: #000;
	text-decoration: underline;
}
.container .wrapper .box p.rank a:hover{
	color: #ff9900;
}

.container .wrapper .box p.rank span.star {
	text-indent: -9999px;
	display: inline-block;
	width: 87px;
}

.container .wrapper .box p.rank span.star01 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -351px;
}

.container .wrapper .box p.rank span.star02 {
	background:url(../images/common/img_main_a.png) no-repeat -869px -351px;
}

.container .wrapper .box p.rank span.star03 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -373px;
}

.container .wrapper .box p.rank span.star04 {
	background:url(../images/common/img_main_a.png) no-repeat -869px -373px;
}

.container .wrapper .box p.rank span.star05 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -396px;
}

.container .wrapper .box p.rank span.star06 {
	background:url(../images/common/img_main_a.png) no-repeat -869px -396px;
}

.container .wrapper .box p.rank span.star07 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -419px;
}

.container .wrapper .box p.rank span.star08 {
	background:url(../images/common/img_main_a.png) no-repeat -869px -419px;
}

.container .wrapper .box p.rank span.star09 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -442px;
}

.container .wrapper2 .box p.item_tit a {
	font-size: 14px;
    color: #004f9f;
    line-height: 1.3;
	margin-bottom: 5px;
	text-decoration: none;
}
.container .wrapper2 .box p.item_tit a:hover {
	color: #ff9900;
}




.info_box p.rank span.level {
	font-size: 16px;
	font-size: 16px;
    margin-right: 7px;
    position: relative;
    top: 1px;
}
.info_box p.price {
	color:#c60b09;
	font-size:20px;
	margin-bottom: 18px;
	font-weight: 700;
}
.info_box p.price del{
	color: #afafaf;
	font-size: 14px;
	margin-left: 5px;
}
.info_box p.price span{margin-left: 5px;}
.info_box p.price span.off{
	font-size: 10px;
	color:#c60b09;
	padding: 0px 4px;
	line-height: 1;
	border: 1px solid #c60b09;
	position: relative;
    bottom: 3px;
}
.info_box p.price span.noitem {
	margin-left: 10px;
    width: 32px;
    height: 17px;
    text-indent: -9999px;
    display: inline-block;
    background: url(../images/common/img_main_a.png) no-repeat left -115px top -1823px;
}

.info_box .detail_box .typebox select ,
.info_box .detail_box .termbox select { padding-bottom: 4px;}
.info_box .detail_box .typebox {margin: 5px 0 13px;}
.info_box .detail_box .buybox {margin-bottom: 15px;}
#Detail .info_box .detail_box a.cart {
	display: inline-block;
	width: 159px;
	height: 32px;
	text-indent: -9999px;
	position: relative;
	top: -7px;
	margin-left: 8px;
}

.container .ingre_inner table{margin: 15px 0 25px;}
.container .ingre_inner table th{
	font-weight: 400;
	text-align: left;
	text-decoration: underline;
	width: 470px;
}
.container .ingre_inner dl dd{text-decoration: underline;}

.container .graph_area .tag_tit span a{
	font-size: 14px;
	font-weight: 400;
	float: right;
}


/* Detail
===============================================================*/
#Detail .detail_top_info div.info_box h1 {
	font-size:20px;
	font-weight: 700;
	margin-bottom: 30px;
}


#Detail .info_box .detail_nor .buybox{
	display: inline-block;
}

#Detail .info_box .detail_box .buybox form{
	display: inline-block;
}

#Detail .info_box .detail_box .buybox p{
	display: inline-block;
}
#Detail .info_box .detail_nor a.cart{
	display: inline-block;
	width: 159px;
	height: 32px;
	background: url(../images/product/detail.png) no-repeat 0px 0px;
	text-indent: -9999px;
}
#Detail .info_box .detail_nor a.cart:hover {
	background: url(../images/product/detail.png) no-repeat 0px -32px;
}

#Detail .regular {
	border-top: 1px solid #d9d9d9;
	margin-top: 20px;
	padding-top: 15px;
}
#Detail .info_box .detail_reg{display: none;}
#Detail .info_box .detail_reg .{display: none;}

#Detail .info_box .detail_reg .termbox { display: inline-block;}
#Detail .info_box .detail_reg a.cart {
	display: inline-block;
	width: 159px;
	height: 32px;
	background: url(../images/product/detail.png) no-repeat 0px -81px;
	text-indent: -9999px;
	position: relative;
	top: -8px;
}
#Detail .info_box .detail_reg a.cart:hover {
	background: url(../images/product/detail.png) no-repeat 0px -113px;
}

#Detail .container .green_line .wrapper {
}

#check_list .box {
	margin: 0 5px;
	width: 120px !important;
}
#check_list .box figure img {
margin: auto;
	width: 120px;
}

#check_list .slick-dots {bottom: -44px;}
#check_list .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    text-align: center;
    opacity: .25;
    background: #999999;
    border-radius: 50%;
	-webkit-font-smoothing: antialiased;
}
#check_list .slick-dots li.slick-active button:before {
    opacity: 1;
	background: #4c4c4c;
}

#Detail .container .graph_area ul li span.bar {width: 470px;}
.container .category_area {margin-right: 20px;}
#Detail .container .cate_box .category_area p {margin-right: 30px;}
#Detail .container .cate_flex p:not(:last-of-type)::after {right: -18px;}

#Detail div.detail_top_info div.det_nor {margin-top: 10px;}


/* Review
===============================================================*/
#Review p.blue_link a{
	color: #004f9f;
	text-decoration: none;
	margin-bottom: 20px;
	display: inline-block;
}

#Review .container .tag_tit { margin-bottom: 40px;}

#Review .container .supli_list .more_info {
	text-align: center;
}

#Review .container .supli_list .more_info p a{
	display: inline-block;
	width: 220px;
	padding: 10px;
	text-decoration: none;
	margin-bottom: 7px;
	border: 1px solid #bfbfbf;
	transition: all 500ms 0s ease;
}
#Review .container .supli_list .more_info p a:hover{
	background: #bfbfbf;
	color: #fff;
}



#Review .container .tag_tit {
	position: relative;
    padding-left: 10px;
    font-size: 18px;
    margin-bottom: 5px;
	line-height: 1;
	margin-bottom: 20px;
}
#Review .container .tag_tit::after{
	content: "";
    width: 4px;
    height: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
	display: inline-block;
    background: #ff6600;
}

#Review .container .category_area {
	display: flex;
	margin: 0px 10px 15px 0;
}

#Review .container .category_area a.active{
	font-weight: 700;
	text-decoration: none;
}


#Review .container .category_area p {
	margin-right: 15px;
	font-size: 14px;
	line-height: 1;
}

#Review .container .category_area .cate_box .box p{
	margin: 0 0 0 13px;
	float: left;
}
#Review .container .category_area .cate_box .box p a{
	text-decoration: underline;
}


#Review .container .cate_box .category_area p {margin-right: 20px;}



#Review .container .cate_flex {
	display: flex;
}

#Review .container .cate_flex p {
	margin-right: 20px;
	position: relative;
}
#Review .container .cate_flex p:not(:last-of-type)::after {
	content: "|";
    position: absolute;
    top: 3px;
    right: -13px;
}


#Review .container .reviewbox {
    padding: 20px 32px 30px;
    border-top: #c7b79c 1px solid;
    position: relative;
    margin-bottom: 15px;
}

#Review .container .reviewbox .rev_tit { 
	font-size: 14px;
	background: url(../images/review/icon_custmer.png) no-repeat;
	padding: 6px 0 6px 41px;
	margin-bottom: 15px;
}

#Review .container .reviewbox .rev_tit a {
	margin: 3px 0 4px;
	font-size: 14px;
}

#Review .container span.rank {
	width: 80px;
    height: 15px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    top: 1px;
    margin-right: 6px;
}
#Review .container span.rank01 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -351px;
}

#Review .container span.rank02 {
	background:url(../images/common/img_main_a.png) no-repeat -872px -351px;
}

#Review .container span.rank03 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -374px;
}

#Review .container span.rank04 {
	background:url(../images/common/img_main_a.png) no-repeat -872px -374px;
}

#Review .container span.rank05 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -397px;
}

#Review .container span.rank06 {
	background:url(../images/common/img_main_a.png) no-repeat -872px -397px;
}

#Review .container span.rank07 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -420px;
}

#Review .container span.rank08 {
	background:url(../images/common/img_main_a.png) no-repeat -872px -420px;
}

#Review .container span.rank09 {
	background:url(../images/common/img_main_a.png) no-repeat -664px -442px;
}

#Review .container .reviewbox p.name {
    padding-right: 130px;
    padding-top: 15px;
}
#Review .container .reviewbox p.name a {
    color: #454545;
}

#Review .container .reviewbox p.rev_text{margin: 15px 0 5px;}

#Review .container .reviewbox p span.good a {
    background: url(../images/common/img_main_a.png) no-repeat left -366px top -2430px;
    text-indent: -9999px;
    width: 32px;
    display: inline-block;
    padding: 3px 0;
    margin-top: 10px;
}

#Review .container .reviewbox p span.date {
    float: right;
    margin-top: 16px;
}
#Review .container .text_tit {margin-bottom: 35px;}
#Review .container span.num {
	float: right;
}
#Review .container .graph_area {
	margin-bottom: 25px;
	padding: 30px 20px 0;
	border-top: #c7b79c 1px solid;
}

#Review .container .graph_area p.Review {
	background: url(../images/review/icon_custmer.png) no-repeat;
	padding-left: 20px;
	padding: 6px 0 6px 41px;
}

#Review .container .graph_area ul {margin: 7px 0 5px;}
#Review .container .graph_area ul li {
	padding: 7px 0;
	border-top: 1px solid #f7ecde;
}
#Review .container .graph_area ul li:last-of-type {
	border-bottom: 1px solid #f7ecde;
}

#Review .container .graph_area ul li span.bar {
	text-indent: -9999px;
	width: 500px;
	height: 13px;
	background: url(../images/review/bar.gif) no-repeat;
	display: inline-block;
    position: relative;
    top: 3px;
    left: 8px;
}
#Review .container .graph_area ul li.five span.bar {
	background-size: 100% 13px;
}
#Review .container .graph_area ul li.four span.bar {
	background-size: 80% 13px;
}
#Review .container .graph_area ul li.three span.bar {
	background-size: 50% 13px;
}
#Review .container .graph_area ul li.two span.bar {
	background-size: 30% 13px;
}
#Review .container .graph_area ul li.one span.bar {
	background-size: 10% 13px;
}

/*
==================== 20200727 追加 ============================== */

.container .blue_line .wrapper ,
.container .orange_line .wrapper {
	justify-content: flex-start;
	margin: 0 -8px;
}

.container .blue_line .wrapper .box ,
.container .orange_line .wrapper .box {
	margin: 0 8px;
}

/*
==================== 20201208 追加 ============================== */
.ex_area .ex_wrap { margin-bottom: 30px;}
.ex_area .ex_wrap:last-of-type { margin-bottom: 0;}
.ex_area .ex_wrap .bold_tit {
	font-weight: 700;
	font-size: 14px;
}
.ex_area .ex_wrap p { font-size: 14px;}
.ex_area .ex_wrap .red {
	color: #dd1918;
	font-weight: 700;
}
.ex_area .ex_wrap .line_yl {
	background: linear-gradient(transparent 60%, #ffe268 60%);
    font-weight: 700;
}
.ex_area .ex_wrap .skin-area {
	padding: 20px;
	background: #fff6e7;
	margin-top: 8px;
}
.ex_area .ex_wrap .skin-area dt {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 11px;
}
.ex_area .ex_wrap .skin-area dd {
	position: relative;
	padding-left: 22px;
	margin-bottom: 5px;
}
.ex_area .ex_wrap .skin-area dd::before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 13px;
	background: url(../images/common/img_main_a.png) no-repeat left -392px top -3585px;
    left: 0;
    top: 3px;
}
.ex_area .ex_wrap .skin-area dd:last-of-type { margin-bottom: 0;}

.ex_area .ex_wrap .line_tit {
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 10px;
	line-height: 1;
	border-bottom: 1px solid #ffc096;
	margin-bottom: 15px;
}
.ex_area .ex_wrap .line_tit.bl_line { border-bottom: 1px solid #96d1ff;}
.ex_area .ex_wrap .row {
	display: flex;
	justify-content: space-between;
}
.ex_area .ex_wrap .row p { width: 400px;}
.ex_area .ex_wrap .row figure { width: 230px;}
/* 2023-07-12
.ex_area .ex_wrap .row p { width: 450px;}
.ex_area .ex_wrap .row figure { width: 180px;}
*/
.ex_area .ex_wrap .row figure img { width: 100%;}
.ex_area .ex_wrap .triangle {
	position: relative;
	padding-left: 10px;
	margin-top: 15px;
}
.ex_area .ex_wrap .triangle::before {
	content: "";
    position: absolute;
    top: 6px;
    left: 0px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 6px solid #4c4c4c;
}
.ex_area .ex_wrap .triangle dt {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
}
.ex_area .ex_wrap .triangle dd {}
.ex_area .ex_wrap .orange_area {
	margin-top: 20px;
	padding: 20px;
	background: #fff7d8;
}
.ex_area .ex_wrap .video_area {
	width: 560px;
	height: 315px;
	margin: 0 auto 20px;
}
.ex_area .ex_wrap .video_area iframe {
	width: 100%;
	height: 100%;
}