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;}
img {width: 100%;}
figure {margin: 0;}
.hosoku{font-size: 11px;}
p.more {
	text-align: right;
	margin-top: 20px;
}
p.more a {
	color: #004f9f;
	text-decoration: none;
	font-size: 14px;
}

div.detail_top_info div.bookmark .f_box {
	width: 230px;
	border: 1px solid #cccccc;
	box-shadow: none;
}
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 {
	background: none;
	color: #000;
	padding: 0;
}
div.detail_top_info div.bookmark .f_box p.close a {
    display: block;
    width: 13px;
    height: 13px;
    font-size: 14px;
    line-height: 1px;
    text-align: left;
    position: absolute;
    top: 10px;
	right: 6px;
	text-decoration: none;
	background: none;
	text-indent: 0;
}


div#Contents .text_tit {
	font-size: 16px;
	font-weight: 700;
	padding: 25px 15px 14px;
	line-height: 1;
	position: relative;
}

.container .inner {
	padding: 15px 15px 25px;
	border-top: 1px solid #d5d5d5;
}
.container .blue_line {
	border-top: 4px solid #99d2f0;
	border-bottom: 7px solid #f2eeed;
}
.container .orange_line {border-top: 4px solid #ff9f51;}
.container .green_line {border-top: 4px solid #a7de7a;}
.container .no_line {
	border-top: 7px solid #f2eeed;
}

.container .nom_tit {
	font-weight: 700;
	font-size: 14px;
}
.container .tag_tit {
	position: relative;
    padding: 0 10px;
    font-size: 15px;
    line-height: 1;
    border: none;
	font-weight: 700;
	margin-bottom: 15px;
}
.container .tag_tit::after{
	content: "";
	width: 4px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: inline-block;
    background: #ff6600;
}
.container .slide_tit { margin-bottom: -10px;}
.container .tag_tit span.sp_right {
	position: relative;
	float: right;
	width: 10px;
	height: 10px;
	right: -14px;
}
.container .tag_tit span.sp_right a{
	text-decoration: none;
}
.container .tag_tit span.sp_right a::after{
	content: "";
    display: inline-block;
    margin-left: 13px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #777777;
    border-right: 1px solid #777777;
    -webkit-transform: rotate(134deg);
    transform: rotate(134deg);
    transition: .3s;
    position: absolute;
    top: 0px;
    left: -12px;
}
.container .tag_tit span.sp_right.open a::after {
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.container .sp_slide { 
	display: none;
	margin-top: 25px;
}

.container .inner dl dt{
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 10px;
}
.container .inner dl dt.dt2 {font-size: 14px;}


.category_area {
	display: flex;
	margin: 0px 15px;
}

.cate_flex{
	margin: 0 0 15px;
}

.cate_flex .category_area{
	margin: 10px 15px 0;
}

.category_area p {
	margin-right: 15px;
	font-size: 14px;
	line-height: 1;
}

.cate_flex .category_area p{position: relative;}
.cate_flex p:not(:last-of-type)::after {
    content: "|";
    position: absolute;
    top: 3px;
    right: -10px;
}
.orange_line .cate_flex p:not(:last-of-type)::after {
    content: "|";
    position: absolute;
    top: 3px;
    right: -19px;
}
.category_area .cate_box {
	display: flex;
}

.category_area .cate_box .box p{
	margin: 0 0 0 13px;
	float: left;
}
.category_area .cate_box .box p a{
	text-decoration: underline;
}

.category_area a.active{
	font-weight: 700;
	text-decoration: none;
}

.cate_box .category_area p {margin-right: 12px;}


.category_area {
    margin: 0px 15px 15px;
}


.cate_box .category_area p {margin-right: 12px;}
.orange_line .cate_box .category_area p {margin-right: 30px;}


.container .graph_area {
	padding: 15px 10px 20px;
	border-top: #d6d6d6 1px solid;
}
.container .graph_area .tag_tit span a {
    font-weight: 400;
	float: right;
}

.container .graph_area p.customer {
	background: url(../../images/review/icon_custmer.png) no-repeat;
	padding-left: 20px;
	padding: 6px 0 6px 41px;
}

.container .graph_area ul {margin: 7px 0 10px;}
.container .graph_area ul li {
	padding: 5px 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.rank {
	top: 3px;
	left: 5px;
}

.container .graph_area ul li span.bar {
	text-indent: -9999px;
	width: calc(100% - 160px);
	height: 13px;
	background: url(../../images/review/bar.gif) no-repeat;
	display: inline-block;
    position: relative;
    top: 3px;
    left: 10px;
}
.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 .supli_list .more_info {margin-bottom: 40px;}


.graph_area span.rank {
	width: 70px;
    height: 15px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.graph_area span.rank01 {
	background:url(../images/common/star2.png) no-repeat 0 0;
	background-size:4725px 12px;
}

.graph_area span.rank03 {
	background:url(../images/common/star2.png) no-repeat -1050px 0;
	background-size:4725px 12px;
}

.graph_area span.rank05 {
	background:url(../images/common/star2.png) no-repeat -2100px 0;
	background-size:4725px 12px;
}

.graph_area span.rank07 {
	background:url(../images/common/star2.png) no-repeat -3150px 0;
	background-size:4725px 12px;
}

.graph_area span.rank09 {
	background:url(../images/common/star2.png) no-repeat -4200px 0;
	background-size:4725px 12px;
}



.reviewbox {
    padding: 15px 15px;
    border-top: #d6d6d6 1px solid;
	position:relative;
}
.reviewbox p {
	line-height: 18px;
	font-size: 14px;
}
.reviewbox .flex_box{
	display: flex;
    margin: 15px 0;
}

.reviewbox .flex_box figure {
    margin-right: 10px;
}

.reviewbox .flex_box .rev_right {
    width: calc(100% - 60px);
}

.reviewbox .rev_tit{
	font-size: 14px;
    background:url(../../images/review/icon_custmer.png) no-repeat top 0px left 0 / 26px auto;
    padding: 3px 0 6px 34px;
    margin: 0 10px 5px;
}
.reviewbox .flex_box .rev_tit a {
    color: #004f9f;
    text-decoration: none;
    margin: 0px 0 4px;
    display: block;
}


.reviewbox span.rank {
	width: 70px;
    height: 15px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.reviewbox span.rank01 {
	background:url(../images/common/star2.png) no-repeat 0 0;
	background-size:4725px 12px;
}

.reviewbox span.rank02 {
	background:url(../images/common/star2.png) no-repeat -525px 0;
	background-size:4725px 12px;
}

.reviewbox span.rank03 {
	background:url(../images/common/star2.png) no-repeat -1050px 0;
	background-size:4725px 12px;
}

.reviewbox span.rank04 {
	background:url(../images/common/star2.png) no-repeat -1575px 0;
	background-size:4725px 12px;
}

.reviewbox span.rank05 {
	background:url(../images/common/star2.png) no-repeat -2100px 0;
	background-size:4725px 12px;
}

.reviewbox span.rank06 {
	background:url(../images/common/star2.png) no-repeat -2625px 0;
	background-size:4725px 12px;
}

.reviewbox span.rank07 {
	background:url(../images/common/star2.png) no-repeat -3150px 0;
	background-size:4725px 12px;
}

.reviewbox span.rank08 {
	background:url(../images/common/star2.png) no-repeat -3675px 0;
	background-size:4725px 12px;
}

.reviewbox span.rank09 {
	background:url(../images/common/star2.png) no-repeat -4200px 0;
	background-size:4725px 12px;
}
.reviewbox .good_area{position: relative;}
.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.reply {
	position: absolute;
	left: -4px;
	bottom:-16px;
	display: none;
}
.container .reviewbox p.reply1 {color:#c60b09}
.container .reviewbox p.reply2 {color:#888787}


.reviewbox p span.date {
    float: right;
	margin-top: 16px;
}

.reviewbox p.name {
    padding-right: 130px;
    padding-top: 15px;
}
.reviewbox p.name a {
    color: #454545;
}

.reviewbox p.rev_text {
	margin: 15px 0 0px;
}

span.num {
	float: right;
	padding: 0;
}


.supli_list .more_info {
	text-align: center;
	margin-top: 15px;
}

.supli_list .more_info p a{
	display: inline-block;
	width: 165px;
	padding: 5px;
	text-decoration: none;
	margin-bottom: 7px;
	border: 1px solid #bfbfbf;
}



.supli_list .other_page {
	padding: 25px 0 40px;
	border-top: 1px solid #dfd5ca;
}
.supli_list .other_page ul{
	display: flex;
	justify-content: center;
	margin: 0 0 20px;
}

.supli_list .other_page ul li a {
	padding: 7px 10px;
	line-height: 1;
	display: inline-block;
	margin: 0 15px;
	text-decoration: none;
}
.supli_list .other_page ul li a.first ,
.supli_list .other_page ul li a.last{
	margin: 0;
}
.supli_list .other_page ul li a.here{
	background: #d9d9d9;
	color: #000;
}

.supli_list .other_page p {
	font-size: 12px;
	text-align: center;
	line-height: 1;
}




.container .wrapper .box {
	padding: 10px 0px 10px;
	display: flex;
	align-items: center;
	border-top: 1px solid #dfd5ca;
	position: relative;
}
.container .wrapper .box:first-of-type {border: none;}

.container .wrapper .box .rank_tit {
	font-size: 14px;
	margin-bottom: 3px;
}
.container .wrapper .box .rank_tit span.rank {
	text-indent: -9999px;
	display: inline-block;
	width: 57px;
}
.container .wrapper .box .rank_tit span.rank1 {	background: url(../images/common/img_main_01.png) no-repeat left 0px top -197px / 395px auto;}
.container .wrapper .box .rank_tit span.rank2 {	background: url(../images/common/img_main_01.png) no-repeat left -66px top -197px / 395px auto;}
.container .wrapper .box .rank_tit span.rank3 {	background: url(../images/common/img_main_01.png) no-repeat left -134px top -197px / 395px auto;}
.container .wrapper .box .rank_tit span.rank4 {	background: url(../images/common/img_main_01.png) no-repeat left -198px top -197px / 395px auto;}
.container .wrapper .box .rank_tit span.rank5 {	background: url(../images/common/img_main_01.png) no-repeat left -266px top -197px / 395px auto;}
.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: 0 10px 0 0;
	width: 120px;
/*	width: 75px; */
	height: auto;
}

.container .wrapper .box .sp_right{
	width: calc(100% - 130px);
/*	width: calc(100% - 85px); */
}

.container .wrapper .box a {text-decoration: none;}
.container .wrapper .box dl dt {
	font-size: 14px;
	color: #004f9f;
	line-height: 1.3;
	margin-bottom: 7px;
	font-weight: 400;
}

.container .wrapper .box dl dd {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 8px;
}

.container .wrapper .box .sp_reverse {
	display: flex;
	flex-direction: column-reverse;
}
.container .wrapper .box p.price {
	color:#c60b09;
	font-size:16px;
	margin-top: 6px;
	line-height: 1;
}
.container .wrapper .box p.price del{
	color: #afafaf;
	font-size: 12px;
	margin-left: 5px;
	position: relative;
	bottom: 1px;
}
.container .wrapper .box p.price span{margin-left: 5px;}
.container .wrapper .box p.price span.off{
	font-size: 9px;
	color:#c60b09;
	padding: 2px 4px 1px;
	line-height: 1;
	border: 1px solid #c60b09;
	position: relative;
	bottom: 2px;
	display: inline-block;
}
.container .wrapper .box p.price span.noitem {
	font-size: 11px;
    padding: 3px 5px;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    color: #fff;
    background: #ff9900;
    position: relative;
    bottom: 2px;
}
.container .wrapper .box span.rank{
	font-size: 14px;
}
.container .wrapper .box span.rank a{
	color: #000;
	font-size: 14px;
	text-decoration: underline;
}


.container .wrapper .box p.rank span.star {
	text-indent: -9999px;
	display: inline-block;
	width: 76px;
}

.container .wrapper .box p.rank span.star01 {background:url(../images/common/star2.png) no-repeat 0px 3px /4938px auto}
.container .wrapper .box p.rank span.star02 {background:url(../images/common/star2.png) no-repeat -547px 3px /4938px auto}
.container .wrapper .box p.rank span.star03 {background:url(../images/common/star2.png) no-repeat -1097px 3px /4938px auto}
.container .wrapper .box p.rank span.star04 {background:url(../images/common/star2.png) no-repeat -1646px 3px /4938px auto}
.container .wrapper .box p.rank span.star05 {background:url(../images/common/star2.png) no-repeat -2195px 3px /4938px auto}
.container .wrapper .box p.rank span.star06 {background:url(../images/common/star2.png) no-repeat -2743px 3px /4938px auto}
.container .wrapper .box p.rank span.star07 {background:url(../images/common/star2.png) no-repeat -3292px 3px /4938px auto}
.container .wrapper .box p.rank span.star08 {background:url(../images/common/star2.png) no-repeat -3840px 3px /4938px auto}
.container .wrapper .box p.rank span.star09 {background:url(../images/common/star2.png) no-repeat -4389px 3px /4938px auto}


.container .tabbox { 
	display: none;
	margin: 0;
}
.container .tabbox.active { display: block;}

.container .wrapper2 {
	display: flex;
	justify-content: space-between;
}

.container .wrapper2 .box {
	padding: 10px 0px 10px;
	position: relative;
	display: block;
	border: none;
	width: 31%;
}
.container .wrapper2 .box:nth-of-type(n + 4){display: none;}
.container .wrapper2 .box .sp_right {width: auto;}
.container .wrapper2 .box p.item_tit a{
	font-size: 14px;
    color: #004f9f;
    line-height: 1.3;
	margin-bottom: 7px;
	text-decoration: none;
}
.container .wrapper2 .box figure {margin: 0 auto 0;}
.container .wrapper2 .box p.price{ 
	text-align: center;
	line-height: 1.5;
}

.container .wrapper2 .box p.rank {
	text-align: center;
	width: auto;
	height: auto;
	margin: 0;
}

.detail_top_info {
	padding: 25px 15px 15px;
	border-bottom: 7px solid #f2eeed;
}

div.detail_top_info div.info_box h1 {
	font-size:18px;
	font-weight: 700;
	margin-bottom: 7px;
	padding: 0;
	border: none;
}
.detail_top_info .other_info {margin-bottom: 20px;}
.detail_top_info .other_info table th{text-align: left;}
.detail_top_info .sp_inner {
	margin: 0 15px;
}


div.detail_top_info .info_box .rank{
	padding: 0;
	text-align: center;
	margin-bottom: 8px;
}
div.detail_top_info .info_box span.rank {
	width: 70px;
    height: 15px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    top: 1px;
	margin-right: 6px;
}

div.detail_top_info .info_box span.rank01 {
	background:url(../images/common/star2.png) no-repeat 0 0;
	background-size:4725px 12px;
}

div.detail_top_info .info_box span.rank02 {
	background:url(../images/common/star2.png) no-repeat -525px 0;
	background-size:4725px 12px;
}

div.detail_top_info .info_box span.rank03 {
	background:url(../images/common/star2.png) no-repeat -1050px 0;
	background-size:4725px 12px;
}

div.detail_top_info .info_box span.rank04 {
	background:url(../images/common/star2.png) no-repeat -1575px 0;
	background-size:4725px 12px;
}

div.detail_top_info .info_box span.rank05 {
	background:url(../images/common/star2.png) no-repeat -2100px 0;
	background-size:4725px 12px;
}

div.detail_top_info .info_box span.rank06 {
	background:url(../images/common/star2.png) no-repeat -2625px 0;
	background-size:4725px 12px;
}

div.detail_top_info .info_box span.rank07 {
	background:url(../images/common/star2.png) no-repeat -3150px 0;
	background-size:4725px 12px;
}

div.detail_top_info .info_box span.rank08 {
	background:url(../images/common/star2.png) no-repeat -3675px 0;
	background-size:4725px 12px;
}

div.detail_top_info .info_box span.rank09 {
	background:url(../images/common/star2.png) no-repeat -4200px 0;
	background-size:4725px 12px;
}

.info_box p.rank span.level {
    font-size: 16px;
    margin-right: 7px;
    position: relative;
    top: 1px;
}

.detail_top_info .ph {width: auto;}
.detail_top_info .info_box .ph .single_item {
	width: 250px;
/*	width: 180px; */
	margin: 0 auto 30px;
}
div.detail_top_info .info_box p.price {
	color:#c60b09;
	font-size:17px;
	margin-top: 6px;
	line-height: 1;
	text-align: center;
	font-weight: 700;
}
div.detail_top_info .info_box p.price del{
	color: #afafaf;
	font-size: 12px;
	margin-left: 7px;
	position: relative;
	bottom: 1px;
}
div.detail_top_info .info_box p.price span{margin-left: 5px;}
div.detail_top_info .info_box p.price span.off{
	font-size: 9px;
	color:#c60b09;
	padding: 0px 4px;
	line-height: 1;
	border: 1px solid #c60b09;
	position: relative;
	bottom: 3px;
	margin-left: 9px;
}
div.detail_top_info .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 -105px top -1673px / 872px auto;
	position: relative;
	bottom: 2px;
}

.info_box .normal {margin-top: 20px;}
.info_box select {font-size: 16px;}
.info_box .detail_box select {padding: 3px 0 6px;}
.info_box .detail_box .buybox select {padding: 2px 0;}
.info_box .detail_box .typebox {margin: 5px 0 13px;}
.info_box .detail_box .buybox {margin-bottom: 15px;}
.info_box .detail_box a.cart {
	display: inline-block;
}

.info_box .detail_box .typebox select {
	width: 100%;
}

div.detail_top_info div.note_area {margin-top: 20px;}


div.detail_top_info div.bookmark {
    position: absolute;
	right: 40px;
    top: 257px;
}
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;
}

.detail_top_info div.bookmark p.btn a.fav.active {
    background: url(../../images/product/detail.png) no-repeat -29px -162px;
}

.info_box p.sp_center { text-align: center;}

.container #check_list .box .sp_right { padding: 0 5px;}
#check_list .slick-next {
	right: -15px;
	top: 105px;
}
#check_list .slick-prev {
	left: -19px;
	top: 105px;
}
#check_list .slick-next:before {
    content: '〉';
    right: 13px;
}
#check_list .slick-prev:before {
    content: '〈';
    right: 13px;
}
.container #check_list .slick-prev:before,.container #check_list .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: gray;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container .ingre_inner table{margin: 15px 0 25px;}
.container .ingre_inner table th{
	font-weight: 400;
	text-align: left;
/*	text-decoration: underline; */
}

/.container .sp_pan {
	padding: 3px 8px;
/*	border-top: 7px solid #efeeea;
	border-bottom: 7px solid #efeeea;
	padding: 10px 15px;
*/}
.container .sp_pan ul {
	display: flex;
}
.container .sp_pan ul li {
	margin-right: 25px;
	position: relative;
}
.container .sp_pan ul li::after {
	content: ">";
	position: absolute;
	top: 0;
	right: -16px;
}
.container .sp_pan ul li:last-of-type::after{display: none;}
.container .sp_pan ul li a { font-size: 12px;}

/* Detail
===============================================================*/



#Detail .info_box .detail_nor .buybox{
}

.info_box .detail_box .buybox form{
	display: inline-block;
}

.info_box .detail_box .buybox p{
	display: inline-block;
}
.info_box .detail_nor a.cart{
	display: inline-block;
	width: 100%;
	height: auto;
}

#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 {margin-bottom: 20px;}
#Detail .info_box .detail_reg .termbox select{ width: 100%;}
#Detail .info_box .detail_reg a.cart {
	display: inline-block;
}

#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 .info_box .slick-dots li.slick-active button {
	background-image: none;
    background: #4c4c4c;
    border-radius: 50%;
}



/* Review
===============================================================*/
#Review p.blue_link a{
	color: #004f9f;
	text-decoration: none;
	margin-bottom: 15px;
	display: inline-block;
	margin-left: 15px;
	line-height: 1;
}

#Review .container .supli_list .more_info {
	text-align: center;
}


#Review .container .tag_tit {
	position: relative;
    padding: 0 10px;
    font-size: 15px;
    line-height: 1;
    border: none;
	font-weight: 700;
	margin-bottom: 0;
}
#Review .container .tag_tit::after{
	content: "";
	width: 4px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: inline-block;
    background: #ff6600;
}


#Review .category_area {
	display: flex;
	margin: 0px 15px;
}

#Review .cate_flex{
	margin: 0 0 15px;
}

#Review .cate_flex .category_area{
	margin: 10px 15px 0;
}

#Review .category_area p {
	margin-right: 15px;
	font-size: 14px;
	line-height: 1;
}

#Review .cate_flex .category_area p{position: relative;}
#Review .cate_flex p:not(:last-of-type)::after {
    content: "|";
    position: absolute;
    top: 3px;
    right: -10px;
}

#Review .category_area .cate_box {
	display: flex;
}

#Review .category_area .cate_box .box p{
	margin: 0 0 0 13px;
	float: left;
}
#Review .category_area .cate_box .box p a{
	text-decoration: underline;
}

#Review .category_area a.active{
	font-weight: 700;
	text-decoration: none;
}

#Review .cate_box .category_area p {margin-right: 12px;}


#Review .category_area {
    margin: 0px 15px 15px;
}


#Review .cate_box .category_area p {margin-right: 12px;}



#Review .container .graph_area {
	padding: 15px 10px 20px;
	border-top: #d6d6d6 1px solid;
}

#Review .container .graph_area p.customer {
	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 10px;}
#Review .container .graph_area ul li {
	padding: 5px 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.rank {
	top: 3px;
	left: 5px;
}

#Review .container .graph_area ul li span.bar {
	text-indent: -9999px;
	width: calc(100% - 160px);
	height: 13px;
	background: url(../../images/review/bar.gif) no-repeat;
	display: inline-block;
    position: relative;
    top: 3px;
    left: 10px;
}
#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;
}

#Review .container .supli_list .more_info {margin-bottom: 40px;}


#Review .graph_area span.rank {
	width: 70px;
    height: 15px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    top: 1px;
    margin-right: 6px;
}

#Review .graph_area span.rank01 {
	background:url(../images/common/star2.png) no-repeat 0 0;
	background-size:4725px 12px;
}

#Review .graph_area span.rank03 {
	background:url(../images/common/star2.png) no-repeat -1050px 0;
	background-size:4725px 12px;
}

#Review .graph_area span.rank05 {
	background:url(../images/common/star2.png) no-repeat -2100px 0;
	background-size:4725px 12px;
}

#Review .graph_area span.rank07 {
	background:url(../images/common/star2.png) no-repeat -3150px 0;
	background-size:4725px 12px;
}

#Review .graph_area span.rank09 {
	background:url(../images/common/star2.png) no-repeat -4200px 0;
	background-size:4725px 12px;
}



#Review .reviewbox {
    padding: 15px 15px;
    border-top: #d6d6d6 1px solid;
	position:relative;
}
#Review .reviewbox p {
	line-height: 18px;
	font-size: 14px;
}
#Review .reviewbox .flex_box{
	display: flex;
    margin: 15px 0;
}

#Review .reviewbox .flex_box figure {
    margin-right: 10px;
}

#Review .reviewbox .flex_box .rev_right {
    width: calc(100% - 60px);
}

#Review .reviewbox .rev_tit{
	font-size: 14px;
    background: url(../../images/review/icon_custmer.png) no-repeat top 0px left 0 / 26px auto;
    padding: 3px 0 6px 34px;
    margin: 0 10px 5px;
}
#Review .reviewbox .flex_box .rev_tit a {
    color: #004f9f;
    text-decoration: none;
    margin: 0px 0 4px;
    display: block;
}


#Review .reviewbox span.rank {
	width: 70px;
    height: 15px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
    top: 1px;
    margin-right: 6px;
}

#Review .reviewbox span.rank01 {
	background:url(../images/common/star2.png) no-repeat 0 0;
	background-size:4725px 12px;
}

#Review .reviewbox span.rank02 {
	background:url(../images/common/star2.png) no-repeat -525px 0;
	background-size:4725px 12px;
}

#Review .reviewbox span.rank03 {
	background:url(../images/common/star2.png) no-repeat -1050px 0;
	background-size:4725px 12px;
}

#Review .reviewbox span.rank04 {
	background:url(../images/common/star2.png) no-repeat -1575px 0;
	background-size:4725px 12px;
}

#Review .reviewbox span.rank05 {
	background:url(../images/common/star2.png) no-repeat -2100px 0;
	background-size:4725px 12px;
}

#Review .reviewbox span.rank06 {
	background:url(../images/common/star2.png) no-repeat -2625px 0;
	background-size:4725px 12px;
}

#Review .reviewbox span.rank07 {
	background:url(../images/common/star2.png) no-repeat -3150px 0;
	background-size:4725px 12px;
}

#Review .reviewbox span.rank08 {
	background:url(../images/common/star2.png) no-repeat -3675px 0;
	background-size:4725px 12px;
}

#Review .reviewbox span.rank09 {
	background:url(../images/common/star2.png) no-repeat -4200px 0;
	background-size:4725px 12px;
}

#Review .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 .reviewbox p span.date {
    float: right;
	margin-top: 16px;
}

#Review .reviewbox p.name {
    padding-right: 130px;
    padding-top: 15px;
}
#Review .reviewbox p.name a {
    color: #454545;
}

#Review .reviewbox p.rev_text {
	margin: 15px 0 0px;
}

#Review span.num {float: right;}


#Review .supli_list .more_info {
	text-align: center;
	margin-top: 15px;
}

#Review .supli_list .more_info p a{
	display: inline-block;
	width: 165px;
	padding: 5px;
	text-decoration: none;
	margin-bottom: 7px;
	border: 1px solid #bfbfbf;
}



#Review .supli_list .other_page {
	padding: 25px 0 40px;
	border-top: 1px solid #dfd5ca;
}
#Review .supli_list .other_page ul{
	display: flex;
	justify-content: center;
	margin: 0 0 20px;
}

#Review .supli_list .other_page ul li a {
	padding: 7px 10px;
	line-height: 1;
	display: inline-block;
	margin: 0 15px;
	text-decoration: none;
}
#Review .supli_list .other_page ul li a.first ,
#Review .supli_list .other_page ul li a.last{
	margin: 0;
}
#Review .supli_list .other_page ul li a.here{
	background: #d9d9d9;
	color: #000;
}

#Review .supli_list .other_page p {
	font-size: 12px;
	text-align: center;
	line-height: 1;
}

/*
==================== 20200727  ============================== */

.container .orange_line .wrapper {
	justify-content: flex-start;
	margin: 0 -8px;
}

.container .orange_line .wrapper .box {
	margin: 0 8px;
}

/*
==================== 20201208 追加 ============================== */
.ex_area .ex_wrap { margin-bottom: 22px;}
.ex_area .ex_wrap:last-of-type { margin-bottom: 0;}
.ex_area .ex_wrap .bold_tit {
	font-weight: 700;
	font-size: 15px;
}
.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: 12px 10px;
	background: #fff6e7;
	margin-top: 8px;
}
.ex_area .ex_wrap .skin-area dt {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 7px;
}
.ex_area .ex_wrap .skin-area dd {
	position: relative;
	padding-left: 14px;
	margin-bottom: 5px;
	font-size: 14px;
}
.ex_area .ex_wrap .skin-area dd::before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 15px;
    height: 12px;
    background: url(../images/common/img_main_01.png) no-repeat left -304px top -1133px / 375px auto;
    left: -1px;
    top: 3px;
}
.ex_area .ex_wrap .skin-area dd:last-of-type { margin-bottom: 0;}

.ex_area .ex_wrap .line_tit {
	font-size: 15px;
	font-weight: 700;
	padding-bottom: 7px;
	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 figure {
	margin: 15px 30px 0;
}
.ex_area .ex_wrap .row figure img { width: 100%;}
.ex_area .ex_wrap .triangle {
	position: relative;
	padding-left: 10px;
	margin-top: 12px;
}
.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 {
	font-size: 14px;
}
.ex_area .ex_wrap .orange_area {
	margin-top: 15px;
	padding: 12px 15px;
	background: #fff7d8;
}
.ex_area .ex_wrap .video_area {
	width: 100%;
	margin: 0 auto 15px;
	position: relative;
}
.ex_area .ex_wrap .video_area::before {
	content: '';
	padding-top: 56.7%;
	display: block;
}
.ex_area .ex_wrap .video_area iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

a#voice{
  display: block;
  padding-top: 70px;
  margin-top: -70px;
}

.list-box figure {
    width: 169px;
    height: auto;
    margin-right: 18px;
}
.list-box { padding: 20px 0; border-bottom: 1px solid #d5cdbf; display: flex; }
.list-box .right-box { width: calc(100% - 125px);}
div#Main .list-box p.list-tit { line-height: 1.3;}
div#Main .list-box p.list-tit a { font-size: 14px; margin: 8px 0 8px; line-height: 1.3; text-decoration: none; }
div#Main .list-box .list-info { margin-top: 7px; }
div#Main .list-box .list-info .list-date { font-size: 12px; line-height: 1; margin-bottom: 6px; }
.gray-back .info-area .info-tit {padding-left: 10px;}