.w595 {
	width: 595px;
	max-width: 100%;
	margin: 0 auto;
}
/*Sidebar*/
.sidebarBlock {
	width: 100%;
	margin-bottom: 25px;
	border: 1px solid #B6B6B6;
	box-sizing: border-box;
	background-color: #FFFFFF;
}

.sidebarContent .sidebarBlock:last-child {
	margin-bottom: 0;
}

.sidebarTransTitle {
	padding: 12px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d6d1cb+0,b3aea9+15,e6e7e7+59,b3aea9+88,b2b2b2+100 */
	background: rgb(214,209,203); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(214,209,203,1) 0%, rgba(179,174,169,1) 15%, rgba(230,231,231,1) 59%, rgba(179,174,169,1) 88%, rgba(178,178,178,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(214,209,203,1) 0%,rgba(179,174,169,1) 15%,rgba(230,231,231,1) 59%,rgba(179,174,169,1) 88%,rgba(178,178,178,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(214,209,203,1) 0%,rgba(179,174,169,1) 15%,rgba(230,231,231,1) 59%,rgba(179,174,169,1) 88%,rgba(178,178,178,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d1cb', endColorstr='#b2b2b2',GradientType=1 ); /* IE6-9 */
}

.sidebarBlock p {
	text-align: center;
	font-size: 1.714rem;
	line-height: 1.75;
	color: #040000;
	font-weight: bold;
}

.sidebarListSalon {
	padding: 20px 0 25px 25px;
}

.sidebarListSalon ul li {
	margin-bottom: 25px;
}

.sidebarListSalon ul li:last-child {
	margin-bottom: 0;
}

.sidebarListSalon ul li a {
	font-size: 1.577rem;
	color: #4D4D4D;
	line-height: 1.75;
	font-weight: bold;
	display: block;
	padding-left: 25px;
	position: relative;
}

.sidebarListSalon ul li a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10.5px 0 10.5px 14px;
	border-color: transparent transparent transparent #014e7a;
}

.sidebarListCol .sidebarItem {
	display: flex;
	justify-content: space-between;
	padding: 15px 10px 15px 15px;
	border-bottom: 1px solid #D0D0D0;
}

.sidebarListCol ul li:last-child .sidebarItem {
	border-bottom: none;
}

.sidebarItem .sidebarItemThumb {
	width: 22%;
}

.sidebarItem .sidebarItemThumb img {
	width: 100%;
	height: auto;
}

.sidebarItem .sidebarItemDes {
	width: 70%;
	margin-top: -3px;
}

.sidebarItem .sidebarItemDes p {
	font-size: 1.2rem;
	line-height: 1.5;
	color: #040000;
	text-align: left;
}
/*End sidebar*/

/*Main container*/
.storeImgTitle {
	/*background-color: #FFF;*/
	text-align: center;
	margin-bottom: 15px;
}

.storeImgTitle img {
	width: 100%;
	height: auto;
}

.orangePostContent {
	background: rgba(255, 248, 221, 0.67);
	border: 1px solid #B6B6B6;
	padding-bottom: 20px;
}

.orangePostContent p {
	font-size: 1.8rem;
	color: #040000;
	line-height: 1.6;
	text-align: justify;
	margin: 18px 0 18px 0;
}

.orangePostContent h3 {
	font-size: 2.9rem;
	font-weight: 900;
	line-height: 1.75;
	color: #FFFFFF;
	background-color: #1890DF;
	padding: 4px 12px;
	margin-bottom: 25px;
}

.pointBlue {
	margin-bottom: 45px;
}

.pointBlueTitle {
	background-color: #014A75;
	color: #FFFFFF;
	font-size: 1.919rem;
	line-height: 1.28;
	text-align: center;
	padding: 4px 0;
	letter-spacing: 3px;
	position: relative;
}

.pointBlueTitle:after {
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 0 16px 20px;
	border-color: transparent transparent transparent #fcf5db;
}

.pointBlueTitle:before {
	content:'';
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 20px 16px 0;
	border-color: transparent #fcf5db transparent transparent;
}

.pointBlueDes {
	background-color: #FFFFFF;
	border-radius: 30px;
	padding: 12px 10px 12px 18px;
	font-size: 2.323rem;
	color: #060001;
	line-height: 1.5;
	font-weight: 900;
	margin: 0;
}

.btnGreenBlock {
	display: flex;
	justify-content: space-between;
	margin-bottom: 45px;
}

.btnGreenBlock a {
	background-color: #377C46;
	border-radius: 12px;
	color: #FFF;
	font-size: 1.714rem;
	line-height: 1.75;
	width: 30%;
	font-weight: 900;
	padding: 13px 0;
	text-align: center;
}

.productTitle {
	background-color: #014D7A;
	display: flex;
	height: 58px;
	justify-content: center;
	align-items: center;
}

.productTitle p br {
	display: none;
}

.productTitle p {
	color: #FFFFFF;
	font-size: 2.618rem;
	font-weight: 900;
	line-height: 1.75;
	margin: 0 0 0 22px;
}

.productPlan .productTitle img {
	width: 85px;
	height: 85px;
}

.productReview .productTitle img {
	width: 70px;
	height: 70px;
}

.maxbutton.maxbutton-orangebtn.orangeBtn {
	color: #fff;
    font-family: initial !important;
    font-size: initial;
    text-align: initial;
    font-style: initial;
    font-weight: initial;
    padding-left: initial;
    line-height: initial;
    box-sizing: initial;
    background-color: unset;
	height: initial !important; 
    display: block !important;
    position: relative !important;
    width: 100% !important;/*ボタンの幅*/
    padding: 16px 0 !important;
    margin: 0 auto !important;
    background-color: #D15926 !important;/*ボタンの色*/
    box-shadow: 0 4px 0 0 #19191A !important;/*影の色(rgbaの値を変更)*/
    border-radius: 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    overflow: hidden !important;
    margin: 18px 0 40px 0 !important;
    font-family: 'Noto Sans JP', sans-serif !important;
}
 
.maxbutton.maxbutton-orangebtn.orangeBtn .mb-text {
	font-family: 'Noto Sans JP', sans-serif !important;
	padding-top: 0 !important;
}

.orangeBtn span {
	font-weight: bold !important;
    font-size: 2.3rem !important;
    color: #FFFFFF !important;
    line-height: 1.375 !important;
    position: relative !important;
    min-height: 65px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.orangeBtn span:after {
	content: "";
	position: absolute;
	width: 33px;
	height: 33px;
	background-image: url('../images/btnIcon.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
}

.orangeBtn:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
}

.orangeBtn::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: orangeBtn 3s ease-in-out infinite;
}

@-webkit-keyframes orangeBtn {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.greenBtn {
	color: #fff;
    font-family: initial !important;
    font-size: initial;
    text-align: initial;
    font-style: initial;
    font-weight: initial;
    padding-left: initial;
    line-height: initial;
    box-sizing: initial;
    background-color: unset;
	height: initial !important; 
    display: block !important;
    position: relative !important;
    width: 100% !important;/*ボタンの幅*/
    padding: 16px 0 !important;
    margin: 0 auto !important;
    background-color: #388047 !important;/*ボタンの色*/
    box-shadow: 0 4px 0 0 #19191A !important;/*影の色(rgbaの値を変更)*/
    border-radius: 12px !important;
    text-align: center !important;
    text-decoration: none !important;
    overflow: hidden !important;
    margin: 18px 0 40px 0 !important;
    font-family: 'Noto Sans JP', sans-serif !important;
}
 
.greenBtn .mb-text {
	padding-top: 0 !important;
}

.greenBtn span {
	font-weight: bold !important;
    font-size: 2.987rem !important;
    color: #FFFFFF !important;
    line-height: 1.3 !important;
    position: relative !important;
    min-height: 76px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.greenBtn span:after {
	content: "";
	position: absolute;
	width: 33px;
	height: 33px;
	background-image: url('../images/btnIconGreen.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
}

.greenBtn:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
}

.greenBtn::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: greenBtn 3s ease-in-out infinite;
}

@-webkit-keyframes greenBtn {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.reviewBlock {
	margin: 20px 0 45px 0;
}

.reviewItem {
	padding: 0 10px 15px 10px;
	border-bottom: 1px solid #666666;
	margin-bottom: 20px;
}

.reviewBlock .reviewItem:last-child {
	margin-bottom: 0;
}

.userReviews {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.userReviews .userImg{
	width: 63px;
}

.userReviews .userInfo {
	margin-left: 15px;
}

.userReviews .userInfo p {
	margin: 0;
	font-size: 1.923rem;
	font-weight: bold;
	color: #014D7A;
	line-height: 1;
}

.userReviews .userInfo p.textBlueBg {
	color: #FFFFFF;
	font-size: 1.898rem;
	font-weight: normal;
	background-color: #014D7A;
	display: inline-block;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.reviewItem .reviewsDes p {
	font-size: 1.8rem;
	color: #040000;
	line-height: 1.77;
	margin: 0;
}

.orangePostContent img {
	width: 100%;
	height: auto;
}

.storeContent table td:first-child,
.orangePostContent table td:first-child {
	background-color: #B1D5F0 !important;
}

.storeContent table,
.orangePostContent table {
	border: 1px solid #524740;
	background: #fff;
	margin: 33px 0 40px 0;
	width: 100%;
}

.storeContent table td ,
.orangePostContent table td {
	font-size: 1.491rem;
	color: #040000;
	font-weight: bold;
	line-height: 1.75;
	border-bottom: 1px solid #524740;
	/*border-right: 1px solid #524740;*/
	vertical-align: middle;
	text-align: center;
	height: 36px !important;
}

.storeContent table td a ,
.orangePostContent table td a {
	height: 100%;
	display: flex;
	align-items: center;
	margin: 0 auto;
	padding: 0 10px;
	background: #fff;
	-webkit-transition: opacity  0s ease;
    -moz-transition: opacity  0s ease;
    -ms-transition: opacity  0s ease;
    -o-transition: opacity  0s ease;
    transition: opacity  0s ease;
    color: #16499C;
    text-decoration: underline;
}

.storeContent table tr:first-child td:first-child ,
.orangePostContent table tr:first-child td:first-child {
	width: 30.3% !important;
}

.storeContent table td:first-child:hover ,
.orangePostContent table td:first-child:hover {
	background: transparent;
}


.storeContent table td:nth-child(1),
.orangePostContent table td:nth-child(1) {
	border-right: 1px solid #524740;
}

.storeContent table td a, 
.orangePostContent table td a {
	position: relative;
}

.storeContent table td:nth-child(1) > a:after,
.orangePostContent table td:nth-child(1) > a:after{
	position: absolute;
	content: '';
	width: 5px;
	height: 100%;
	background: #fff;
	top: 0;
	right: -2px;
}

/*End main container*/

/*gold check*/
.goldCheck {
	margin-bottom: 15px;
}

.goldCheck p {
	font-size: 1.8rem;
	color: #000000;
	line-height: 1.77;
	text-align: justify;
}

.goldCheck .checkTitle {
	margin-bottom: 15px;
}

/*end gold check*/

.storeContent .pointBlue {
	margin-bottom: 20px;
}

/*boxReviews*/
.boxReviews {
	border: 1px solid #B7B7B7;
	padding: 25px 0 10px 20px;
	background-color: #FFFFFF;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.boxReviews p {
	font-size: 1.901rem;
	line-height: 1.47;
	color: #000000;
}

.boxReviews p b{
	font-weight: 900;
}

.boxReviews ul {
	padding-top: 15px;
	padding-left: 45px;
}

.boxReviews ul li {
	width: 48%;
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px;
}

.boxReviews ul li p{
	font-weight: 900;
	font-size: 1.6rem;
}

.boxReviews ul li.onCheck p{
	color: #000000;
}

.boxReviews ul li.unCheck p{
	color: #666666;
}

.boxReviews ul li.onCheck img {
	width: 23.934px;
	height: 23.189px;
	margin-right: 7px;
}

.boxReviews ul li.unCheck img {
	width: 22.093px;
	height: 21.968px;
	margin-right: 7px;
	margin-left: 2px;
}
/*end boxReviews*/

/*hikaku post*/
.hikakuPost {
	padding-top: 20px;
}

.hikakuPost .maxbutton.maxbutton-orangebtn.orangeBtn {
	margin-bottom: 23px !important;
}

.hikakuPost .storeMainImg {
	margin-bottom: 20px;
}

.hikakuPost .boxReviews {
	border: none;
	margin-bottom: 15px;
}

.hikakuPost .listRanking > li {
	padding-top: 0;
	margin-bottom: 45px;
}

.hikakuPost .listRanking > li:last-child {
	margin-bottom: 45px;
}

.hikakuPostTitle {
	background-color: #005080;
	width: 100%;
	display: flex;
	box-sizing: border-box;
	align-items: center;
	padding: 3px 0 3px 15px;
	border: 1px solid #000000;
}

.hikakuPostTitle img {
	width: 65.638px;
	height: 55.234px;
	margin-right: 10px;
}

.hikakuPostTitle p {
	font-size: 3.7rem;
	font-weight: 900;
	color: #FFFFFF;
	line-height: 1.75;
}

.hikakuPostDes {
	font-size: 2rem;
	line-height: 1.6;
	color: #000000;
	text-align: justify;
}

.hikakuPost .orangeBtn span {
	font-size: 2.3rem !important;
}
/* end hikaku post*/

/*columnDetail*/
.columnDetail .w595 {
	padding: 15px;
	box-sizing: border-box;
}

.columnDetail .w595 p {
	margin: 0 0 2.4rem;
	font-size: 1.6rem;
	line-height: 1.75;
	color: #252525;
}

.columnDetail .w595 img {
	max-width: 100%;
    height: auto;
    display: block;
}

.columnDetail .w595 h1 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.6;
	position: relative;
    margin: 0;
    color: #444;
    padding: 15px 0;
}

.columnDetail .w595 h2 {
	font-weight: bold;
	margin: 5.6rem 0 1.568rem;
    font-size: 2.24rem;
    line-height: 1.6;
    border-top: none;
    border-right: none;
    padding: 0.896rem 1.12rem;
    color: #494949;
    background: #f4f4f4;
    border-left: solid 6px #0e099b;
    border-bottom: solid 3px #d7d7d7;
}

.columnDetail .w595 h3 {
    margin: 4.992rem 0 1.344rem;
    padding: 10px 0 10px 10px;
    border-left-width: 4px;
    border-left-style: solid;
    font-size: 1.92rem;
    line-height: 1.5;
    border-top: none;
    border-left: none;
    border-right: none;
    position: relative;
    padding-bottom: 0.96rem;
    border-bottom: 4px solid #DDD;
    background-color: transparent;
    color: #252525;
}

.columnDetail .w595 h3:after {
    position: absolute;
    content: " ";
    border-bottom: solid 4px #0e099b;
    bottom: -4px;
    width: 10%;
    display: block;
}

.columnDetail .w595 h4 {
    margin: 4.048rem 0 1.232rem;
    font-size: 1.76rem;
    padding: 0.44rem 0 0.88rem 1.32rem;
    border-left: 3px solid #DDD;
    border-bottom: 1px solid #DDD;
    font-weight: bold;
    color: rgb(37, 37, 37);
    line-height: 1.75;
}
/*end columnDetail*/
.orangePostContent pre {white-space: pre-wrap}
@media (max-width: 900px) {
	.boxReviews ul li p {
		font-size: 1.3rem;
	}
}

@media (max-width: 768px) {
	.storeImgTitle {
		margin-bottom: 0;
		width: calc(100% + 16px);
		margin-left: -8px;
	}

	.orangePostContent p {
		font-size: 1.35rem;
		margin: 10px 0 15px 0;
		padding: 0 8px;
		box-sizing: border-box;
	}

	.pointBlueTitle {
		font-size: 1.2rem;
		padding: 2px 0;
	}

	.pointBlueTitle:after {
		border-style: solid;
		border-width: 9.5px 0 9.5px 10px;
		border-color: transparent transparent transparent #fcf5db;
	}

	.pointBlueTitle:before {
		border-style: solid;
		border-width: 9.5px 10px 9.5px 0;
		border-color: transparent #fcf5db transparent transparent;
	}

	.pointBlueDes {
		font-size: 1.34rem;
		padding: 10px 14px;
		border-radius: 15px;
	}

	.pointBlue {
		margin-bottom: 20px;
	}

	.btnGreenBlock {
		padding: 0 2px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	.btnGreenBlock a {
		border-radius: 6px;
		font-size: 1.066rem;
		padding: 8px 0;
		width: 31%;
	}

	.productTitle {
		height: 30px;
	}

	.productTitle p {
		font-size: 1.309rem;
		margin: 0;
		padding: 0;
		margin-left: 15px;
	}

	.productPlan {
		margin-bottom: 25px;
	}

	.productPlan .productTitle img {
		width: 38px;
		height: 38px;
	}

	.orangePostContent h3 {
		font-size: 1.6rem;
	}

	.maxbutton.maxbutton-orangebtn.orangeBtn {
		padding: 0 !important;
		border-radius: 6px !important;
		box-shadow: 0 2px 0 0 #19191A !important;
		width: calc(100% - 8px) !important;
		margin: 18px auto 18px auto !important;
	}

	.greenBtn {
		padding: 0 !important;
		border-radius: 6px !important;
		box-shadow: 0 2px 0 0 #19191A !important;
		width: calc(100% - 8px) !important;
		margin: 18px auto 18px auto !important;
	}

	.orangePostContent {
		padding-bottom: 0;
	}

	.orangePostContent img {
		width: calc(100% + 16px);
		max-width: initial;
		margin-left: -8px;
	}

	.orangePostContent .storeImgTitle img {
		width: 100%;
		margin-left: 0;
	}

	.orangePostContent .storeBanner img {
		width: 100%;
		margin-left: 0;
	}

	.greenBtn:last-child{
		margin-bottom: 10px !important;
	}

	.orangeBtn span {
		font-size: 1.6rem !important;
		min-height: 65px !important;
	}

	.orangeBtn span:after {
		width: 20px;
		height: 20px;
	}

	.greenBtn span {
		font-size: 1.7rem !important;
		min-height: 65px !important;
	}

	.greenBtn span:after {
		width: 20px;
		height: 20px;
	}

	.productReview .productTitle img {
		width: 38px;
		height: 38px;
	}

	.userReviews .userImg img {
		width: 36px;
	}

	.userReviews .userInfo p {
		font-size: 1.4rem;
		padding: 0;
	}

	.userReviews .userInfo p.textBlueBg {
		font-size: 1.1rem;
		margin-bottom: 3px;
		padding: 3px 6px;
	}

	.userReviews .userImg {
		width: auto;
	}

	.userReviews .userInfo {
		margin-left: 10px;
	}

	.reviewBlock {
		padding: 0 12px;
		box-sizing: border-box;
	}

	.reviewItem .reviewsDes p {
		padding: 0;
		font-size: 1.35rem;
	}

	.reviewItem {
		padding: 0;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.reviewBlock {
		margin-bottom: 20px;
	}

	.storeContent table ,
	.orangePostContent table {
		margin: 13px auto 15px auto;
		width: 90%;
	}

	.storeContent table td ,
	.orangePostContent table td {
		font-size: 0.9rem;
		height: 20px !important;
	}

	.storeContent table td a ,
	.orangePostContent table td a {
		font-size: 1rem;
		padding: 0 5px;
	}

	.storeContent table tr:first-child td:first-child ,
	.orangePostContent table tr:first-child td:first-child {
		width: 32.6% !important;
	}

	.goldCheck {
		margin-bottom: 4px;
	}

	.goldCheck p {
		font-size: 1.3rem;
	}

	.boxReviews {
		padding: 15px 0 10px 10px;
	}

	.boxReviews p {
		font-size: 1.112rem;
	}

	.boxReviews ul li {
		margin-bottom: 5px;
	}

	.boxReviews ul li p {
		font-size: 0.9345rem;
	}

	.boxReviews ul li.onCheck img {
		width: 13.87px;
		height: 13.5px;
	}

	.boxReviews ul li.unCheck img {
		width: 12.812px;
		height: 12.812px;
	}

	.boxReviews ul {
	    padding-top: 10px;
	    padding-left: 25px;
	}

	.boxReviews ul li.onCheck img {
		margin-right: 5px;
	}

	.hikakuPost {
		padding-top: 30px;
	}

	.hikakuPostTitle img {
	    width: 39.3px;
	    height: 33px;
	    margin-right: 7px;
	}

	.hikakuPostTitle p {
		font-size: 2.22rem;
	}

	.hikakuPostTitle {
		padding: 0 0 0 5px;
	}

	.listRanking .storeContent {
		margin-top: 6px;
		padding: 0 8px;
	}

	.hikakuPostDes {
		font-size: 1.35rem;
	}

	.orangePostContent {
		border: 0;
		background-color: #FFF;
	}

	.orangePostContent .w595{
		padding-top: 0;
		border: 1px solid #B6B6B6;
		background: rgba(255, 248, 221, 0.67);
	}

	.hikakuPost .orangeBtn span {
		font-size: 1.46rem !important;
	}

	.columnDetail .w595 {
		padding: 8px;
	}
}


/* New */
/*.tableRanking li:first-child {
	background: #FFEFAC;
}

.tableRanking li:first-child .colLeft {
	display: block;
	padding: 0;
}

.tableRanking li:first-child .colLeft .rankNumber {
	width: 100%;
	height: initial;
	text-align: center;
	margin-top: 12px;
}

.tableRanking li:first-child .colLeft .rankNumber span {
    font-size: 6rem;
    bottom: 19px;
}

.tableRanking li:first-child .colLeft .rankNumber img {
	width: 135px;
}

.tableRanking li:first-child .colRight {
	padding-bottom: 50px;
}

.tableRanking li:first-child .desc {
	padding-left: 0;
}

.tableRanking li:first-child .desc p {
	text-align: center !important;
}

.tableRanking li:first-child .rankContent {
    width: 100%;
    margin-left: 0;
}

.tableRanking li:first-child .storeName {
    font-size: 2.9rem;
    margin-top: 15px;
    text-align: center;
}

.tableRanking li:first-child .rankScore {
    width: 100%;
    justify-content: center;
}

.tableRanking li:first-child .rankText {
	font-size: 2.7rem;
}*/

.tableRanking .colLeft {
    flex-wrap: wrap;
    align-content: center;
    padding: 0 10px 0 10px;
}

.tableRanking li:first-child .rankValue {
	/*font-size: 7.8rem;*/
	color: #E51F19;
}

.ranking1Img {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.ranking1Img img {
	width: 100%;
}

.rank1Qa {
	width: 100%;
	text-align: center;
}

.rank1Qa img {
	width: 92%;
	margin: 27px auto 0 auto;
}

.tableRanking .desc p {
	letter-spacing: -0.5px;
}

.tableRanking li:first-child .btnDetail a {
	margin-top: 30px;
}

.storeInfomation .storeDesc {
	font-size: 1.8rem;
	font-weight: bold;
}

.listRanking .storeInfomation {
	padding-left: 115px;
	padding-right: 25px;
	text-align: center;
}

.listRanking .storePoint {
	width: 140px;
    height: 110px;
    margin-top: 10px;
}

.listRanking .storePoint .text {
	font-size: 1.5rem;
	font-weight: bold;
}

.listRanking .storePoint .point {
	font-style: normal;
}


.accordionStore {
	margin-top: 40px;
}

.accordionStore .sp-easy-accordion .sp-ea-single {
	margin-bottom: 0;
	border-radius: 0;
	border: none !important;
}

.accordionStore .sp-easy-accordion .sp-ea-single .ea-header a {
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff !important;
	line-height: 1 !important;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1 !important;
	width: 100%;
    text-align: center;
    display: block;
}

.accordionStore .sp-ea-single .ea-header a .ea-expand-icon {
	width: 29.65px;
	height: 29.65px;
	float: right !important;
	background-image: url('../images/plus.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.accordionStore .sp-ea-single .ea-header a .ea-expand-icon.fa-plus {
	background-image: url('../images/plus.svg');
}

.accordionStore .sp-ea-single .ea-header a .ea-expand-icon.fa-minus {
	background-image: url('../images/minus.svg');
}

.accordionStore > p {
	margin-bottom: 40px;
}

.accordionStore .fa-minus:before {
	display: none;
}

.accordionStore .fa-plus:before {
	display: none;
}

.accordionStore .sp-ea-single .ea-header a[aria-expanded=true] .ea-expand-icon {
	transform: rotate(180deg);
}

.accordionStore .ea-card.sp-ea-single {
	background-color: #fff !important;
	margin-bottom: 12px;
}

.accordionStore .ea-card.sp-ea-single .ea-header {
	border-radius: 12px !important;
	background: #0071b7 !important;
	box-shadow: 0px 3px 0px 0px rgba(112,112,112,1);
    -webkit-box-shadow: 0px 3px 0px 0px rgba(112,112,112,1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(112,112,112,1);
    margin-bottom: 12px;
    position: relative;
    z-index: 99;
}


.accordionStore .ea-body {
	padding: 25px 15px 0 15px !important;
	border: 1px solid #0071B7;
	border-top: none;
	border-bottom-left-radius: 35px;
	border-bottom-right-radius: 35px;
}

.accordionStore .ea-body p {
	line-height: initial;
	padding-bottom: 5px !important;
	display: inline-block;
	margin-right: 38px;
	margin-bottom: 30px;
}

.accordionStore .ea-body p a {
	color: #16499C;
	font-weight: 500;
	font-size: 2.4rem;
	text-decoration: underline;
}

.accordionStore .ea-body p strong {
	margin-top: 10px;
    font-weight: bold;
    border: 1px solid #000;
    font-size: 1.4rem;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-bottom: 8px;
}

.accordionStore .sp-collapse {
	margin-top: -20px;
}

.listRanking .rankingStoreInfo {
	padding-left: 7px;
	padding-right: 7px;
}

.qa {
	margin: 50px 0;
}

.qa .qaTitle {
	font-weight: bold;
	font-size: 3.6rem;
	text-align: center;
	color: #fff;
	background: #01264b;
	padding: 30px 0;
}

.qa .qaCompare {
	padding: 40px 20px;
	display: flex;
	justify-content: space-between;
}

.qa .qaCompare .colLeft {
	width: 15.5%;
}

.qa .qaCompare .colRight {
	position: relative;
	width: 80%;
	border: 1px solid #707070;
	padding: 20px 12px 20px 20px;
	box-sizing: border-box;
}

.qa .qaCompare .colRight:after {
	content: '';
	position: absolute;
	left: -16px;
	top: 16px;
	background-image: url(../images/left_arrow.png);
	width: 16px;
	height: 18px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.qa .qaCompare .colRight p {
	font-size: 2.2rem;
	line-height: 1.73;
	color: #000;
}

.qa .qaCompare .colRight p span {
	font-size: 2.6rem;
	color: #E51F19;
	font-weight: bold;
}

.qaWrapper {
	padding: 30px 35px 0 35px;
	overflow: hidden;
}

.qaYellow {
	background: #FFF8DD;
}

.qa .qaBox {
	margin-bottom: 30px;
}

.qa .qaBoxTitle {
	background: #2386C8;
	font-size: 2.5rem;
	color: #FFFFFF;
	text-align: center;
	padding: 23px 0;
	box-sizing: border-box;
}

.qa .qaBoxTitle b {
	font-size: 3rem;
}

.qa .qaBoxContent {
	padding: 20px 15px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #2386c8;
	text-align: center;
}

.qa .qaBoxContent .qaNote {
	text-align: right;
}

.qa .qaBoxContent .qaNote p {
	font-size: 1.2rem;
	color: #000;
	line-height: 1.66;
	margin-top: 15px;
	font-weight: normal;
	text-align: right;
	margin-bottom: 0;
}

.qa .qaBoxContent p {
	font-size: 1.9rem;
	color: #000;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.qa .qaBoxContent p span {
	color: #E51F19;
}

.arrowNotMgTop {
	margin-top: 0;
}

.qa .qaDesc {
	font-size: 2.8rem;
	color: #000;
	font-weight: bold;
	line-height: 1.57;
	text-align: center;
	margin-bottom: 30px;
}

.qa .qaDesc span {
	color: #E51F19;
	font-weight: 900;
}

.qa .qaCompare2 {
	padding: 0 0 30px 0;
}

.qa .qaCompare2 .colRight p span {
	font-size: 2.6rem;
}

.redArrow {
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 147.5px 0 147.5px;
    border-color: #E51F19 transparent transparent transparent;
    margin: 24px auto;
}

.qa .qaBoxTable {
	/*display: flex;*/
	justify-content: space-between;
}

.qa .qaBoxTable .colLeft, .qa .qaBoxTable .colRight {
	width: 49%;
}

.qa .qaBoxTable .qaBoxTitle b {
	font-size: 2.4rem;
}

.qa .qaBoxTable .qaBoxContent p {
	font-size: 2.4rem;
}

.qa .qaTitleYellow {
	background: #8B7E3D;
	padding: 60px 0;
	margin: 40px 0;
}



@media (max-width: 768px) {
	/*.tableRanking li:first-child .colLeft .rankNumber {
		margin-top: 10px;
	}

	.tableRanking li:first-child .colLeft .rankNumber img {
		width: 78px;
	}

	.tableRanking li:first-child .colLeft .rankNumber span {
	    font-size: 3.5rem;
	    bottom: 10px;
	}

	.tableRanking li:first-child .storeName {
		font-size: 1.55rem;
		margin-top: 8px;
	}

	.tableRanking li:first-child .rankText {
		font-size: 1.45rem;
	}

	.tableRanking li:first-child .rankValue {
		font-size: 4.2rem;
	}*/

	.rank1Qa img {
		margin-top: 15px;
	}

	.tableRanking li:first-child .colRight {
		padding-bottom: 25px;
	}

	.ranking1Img {
		margin-top: 10px;
	}

	.tableRanking li:first-child .btnDetail a {
		margin-top: 15px;
	}


	.listRanking .storeInfomation {
	    padding: 10px 15px 8px 58px;
	    margin-top: 10px;
	}

	.storeInfomation .storeDesc {
		font-size: 1rem;
	}

	.listRanking .storePoint {
	    width: 85px;
	    height: 71px;
	    margin-top: 3px;
	}

	.listRanking .storePoint .text {
	    font-size: 1rem;
	    font-weight: bold;
	}

	.listRanking .storePoint .point small {
		font-size: 1.15rem;
	}

	.listRanking .storePoint .point {
		font-size: 2.75rem;
	}

	.accordionStore {
		margin-top: 25px;
	}

	.accordionStore .sp-easy-accordion .sp-ea-single .ea-header a {
		padding: 9px !important;
		font-size: 1.4rem;
	}

	.accordionStore .ea-body p {
		font-size: 1.5rem;
		margin-right: 15px;
    	margin-bottom: 15px;
	}

	.accordionStore .ea-body p a {
		font-size: 1.5rem;
	}

	.accordionStore .ea-body {
		padding: 15px 7px 0 7px;
		border-bottom-left-radius: 16px;
    	border-bottom-right-radius: 16px;
	}


	.accordionStore .sp-ea-single .ea-header a .ea-expand-icon {
		width: 15px;
		height: 15px;
		float: right !important;
		background-image: url('../images/plus.svg');
		margin-right: 5px !important;
	}

	.qa {
		margin-top: 25px;
	}

	.qa .qaTitle {
		font-size: 2rem;
		padding: 15px 0;
	}

	.qa .qaCompare {
		padding: 22px 15px;
	}

	.qa .qaCompare .colLeft {
		width: 13.43%;
	}

	.qa .qaCompare .colRight {
		width: 80.59%;
		padding: 10px 6px 10px 10px;
	}

	.qa .qaCompare .colRight:after {
	    content: '';
	    position: absolute;
	    left: -8.5px;
	    top: 8px;
	    width: 8px;
	    height: 8px;
	}

	.qa .qaCompare .colRight p {
		font-size: 1.3rem;
	}

	.qa .qaCompare .colRight p span {
		font-size: 1.5rem;
	}

	.qa .qaBoxTitle {
		font-size: 1.5rem;
	}

	.qa .qaBoxTitle b {
		font-size: 1.75rem;
	}

	.qa .qaBoxTitle {
		padding: 12px 0;
	}

	.qa .qaBoxContent {
		padding: 16px 10px;
	}

	.qa .qaBoxContent .qaNote p {
		font-size: 0.6rem;
		margin-top: 7px;
	}

	.qaWrapper {
		padding: 15px 12px 0 12px;
	}

	.qa .qaBox {
		margin-bottom: 15px;
	}

	.blueArrow, .redArrow {
		border-width: 26px 86.5px 0 86.5px;
	}

	.qa .qaBoxContent p {
		font-size: 1.23rem;
	}

	.qa .qaDesc {
		font-size: 1.7rem;
	}

	.qa .qaCompare2 {
		padding: 0 0 16px 0;
	}

	.qa .qaBoxTable .qaBoxTitle b {
		font-size: 1.5rem;
	}

	.qa .qaBoxTable .qaBoxContent p {
		font-size: 1.5rem;
	}

	.qa .qaBoxContent {
		padding: 7.5px;
	}

	.qa .qaTitleYellow {
	    padding: 30px 0;
	    margin: 20px 0;
	}

	.topBanner {
		padding: 0;
		height: initial;
	}

	.topSearchAdv {
		padding-bottom: 12px;
	}

	.recommendBlock {
		margin-top: 0;
	}

	.tableRanking .colLeft {
		padding: 0 5px;
	}
}

.footerContainer .colRight .footerMenuTitle:first-child {
	margin-bottom: 0;
}

.footerColumn {
	margin-bottom: 50px;
}

.footerColumn a {
	white-space: nowrap;
}

@media (max-width: 768px) {
	.footerColumn {
		margin-bottom: 35px;
	}
}

.showMoreShopContent {
	display: none;
}

.listRanking > div, .showMoreShopContent > div{
	padding: 15px 0 0 0;
	border: 1px solid #b7b7b7;
	background: rgba(255, 248, 221, 0.67);
	margin-bottom: 68px;
}

.listRanking > div:last-child, .showMoreShopContent > div:last-child {
	margin-bottom: 0;
}

.listRanking > div.showMoreShop, .listRanking > div.showMoreShopContent{
	padding: 0;
	border: none;
	background: initial;
	margin-bottom: 0;
}

.listRanking > div.showMoreShop {
	padding: 10px 0;
	border: 1px solid #707070;
	text-align: center;
	cursor: pointer;
	font-size: 1.5rem;
    font-weight: 500;
    color: #014D7A;
    text-decoration: underline;
    width: 90%;
    margin: 0 auto 68px auto;
}

@media (max-width: 768px) {
	.listRanking > div, .showMoreShopContent > div {
		padding: 8px 0 15px 0;
	}
}

.editor {
	padding: 25px 15px 20px 15px;
	border: 1px solid #b7b7b7;
	box-sizing: border-box;
	width: 100%;
	background: rgba(255, 248, 221, 0.67);
	margin-bottom: 63px;
}

.editorHeader {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.editorHeader .colLeft {
	width: 21.12%;
}

.editorHeader .colRight {
	width:74.647%;
}

.editorTitle {
	font-size: 2.2rem;
	line-height: 1.8;
	font-weight: 500;
}

.editorName {
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 1.8;
}

.editorDesc {
	font-size: 2.2rem;
	line-height: 1.8;
	font-weight: 500;
	margin-top: 15px;
}

@media (max-width: 768px) {
	.editor {
		padding: 12.5px 7.5px 10px 7.5px;
		margin-bottom: 40px;
	}
	
	.editorTitle {
		font-size: 1.3rem;
	}
	
	.editorName {
		font-size: 1.6rem;
	}
	
	.editorDesc {
		font-size: 1.3rem;
		margin-top: 8px;
	}
}


.bgRedirect {
	background: #D5F0FC;
}

.wrapper1000 {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    padding: 35px 0 35px 0;
}

.rContent {
	width: 100%;
	box-sizing: border-box;
	padding: 33px 95px;
	background: #FFFFFF;
	text-align: center;
}

.loadingTitle {
	font-size: 2.1rem;
	color: #014D7A;
	font-weight: 500;
	line-height: 1.48;
	margin-top: 20px;
}

.rShopContent {
	width: 100%;
	border-radius: 15px 15px 10px 10px;
	border: 1px solid #014d7a;
	box-sizing: border-box;
	margin-top: 37px;
}

.rShopContentTitle {
	padding: 16px 0;
	background: #014d7a;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
	margin-top: -1px;
	width: calc(100% + 2px);
	margin-left: -1px;
	font-size: 2.3rem;
	font-weight: 500;
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rShopContentTitle img {
	margin-right: 15px;
}

.rPointText {
	font-size: 2.3rem;
	font-weight: 500;
	color: #060001;
	line-height: 1.5;
	margin-top: 10px;
}

.rImg {
	width: 237px;
	margin: 0 auto 15px auto;
}

.rOrder {
	font-weight: bold;
	font-size: 2.3rem;
	color: #e51f19;
	margin: 7px 0;
	line-height: 1.5;
}

.rFooter {
	margin-top: 30px;
}

.rFooter p {
	font-size: 2.3rem;
	line-height: 1.5;
	color: #060001;
	margin-bottom: 5px;
}

.rFooter p a {
	display: inline-block;
	color: #014D7A;
	text-decoration: underline;
}

.rSp {
	display: none;
}

@media (max-width: 768px) {
	.bgRedirect {
		background: #fff;
	}

	.wrapper1000 {
		padding: 40px 0;
	}

	.rContent {
		padding: 0 10px;
	}

	.loadingTitle {
		font-size: 1.4rem;
		margin-top: 14px;
	}

	.rShopContent {
		margin-top: 17px;
	}

	.rShopContentTitle {
		font-size: 1.4rem;
		flex-wrap: wrap;
		padding: 6px 0;
	}

	.rShopContentTitle img {
		margin-right: 0;
		width: 24.5px;
		margin-bottom: 3px;
	}

	.rPointText {
		font-size: 1.4rem;
	}

	.rOrder {
		font-size: 1.4rem;
	}

	.rFooter {
		margin-top: 10px;	
	}

	.rFooter p {
		font-size: 1.4rem;
	}

	.rFooter p.rPLast {
		font-size: 1.15rem;
	}

	.rSp {
		display: block;
	}

	.rImg {
		width: 36%;
	}

	.rTextImg {
		width: 100%;
	}
}


/* new */
.mainLogo {
	width: initial;
	height: 37px;
	margin: 0;
}

.headerContainer a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.headerContainer span {
	font-size: 2.3rem;
	font-weight: bold;
	color: #fff;
	margin-left: 10px;
}

.topBannerText {
	padding: 12px 17px;
    background: #014e7b;
    color: #fff;
    font-size: 3.8rem;
    font-weight: bold;
    position: absolute;
    bottom: 7%;
    right: 7%;
}

@media (max-width: 768px) {
	.mainLogo {
		height: 20px;
	}
	.headerContainer span {
		font-size: 1.5rem;
		margin-left: 5px;
	}

	.topBannerText {
	    padding: 6px 8px;
	    background: #014e7b;
	    color: #fff;
	    font-size: 1.9rem;
	    font-weight: bold;
	    position: absolute;
	    bottom: 12%;
	    right: 7%;
	}
}

@media (max-width: 320px) {
	.footerContainer {
		padding-left: 20px;
	}

	.footerColumn a {
		white-space: initial;
	}
}

.tableCompare {
	border: 1px solid #CCCCCC;
	margin-bottom: 50px;
	width: 100%;
}

.tableCompare tr {
	background-color: #222668;
}

.tableCompare td {
	width: 25%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 131px;
	box-sizing: border-box;
	font-weight:bold;
}

.tableCompare td {
	border-right: 1px solid #CCCCCC;
}

.tableCompare td:last-child {
	border-right: none;
}

.tableCompare td:first-child {
	border-bottom: 1px solid #FFFFFF;
}


.tableCompare .imgTd1 {
	width: 65.5%;
}

.tableCompare .imgTd2 {
	width: 69%;
}

.tableCompare .imgTd3 {
	width: 84.02%;
}

.tableCompare p {
	line-height: 1.4;
	text-align: center;
}

.tableCompareTdTitle {
	font-size: 22.68px;
	color: #fff;
	line-height: 1.2;
}

.tableCompareTr2 p {
	font-size: 14px;
	color: #1A1A1A;
}

.tableCompareTr2 p b {
	font-size: 33.44px;
	color: #D41A47;
}

.tableCompareTr2 td:nth-child(3) p b , .tableCompareTr2 td:nth-child(4) p b {
	color: #1A1A1A;
}

.tableCompare td:nth-child(1), .tableCompare td:nth-child(2) {
	border-right: 2px solid #D41A47;
}

.tableCompare td:nth-child(2), .tableCompare td:nth-child(3) {
	border-left: 2px solid #D41A47;
}

.tableCompareTr1 td:nth-child(1), .tableCompareTr1 td:nth-child(2) {
	border-right: 1px solid #CCCCCC;
}

.tableCompareTr1 td:nth-child(2), .tableCompareTr1 td:nth-child(3) {
	border-left: none;
}

.tableCompareTr2 td:nth-child(2) {
	background-color: #FFE061;
}


.tableCompareTr2 td:nth-child(3), .tableCompareTr2 td:nth-child(4) {
	background-color: #FFFFFF;
}

.tableCompareTr3 p {
	font-size: 15.12px;
	color: #1A1A1A;
}

.tableCompareTr3 p b {
	font-size: 44.24px;
	color: #D41A47;
}

.tableCompareTr3 td:nth-child(3) p b, .tableCompareTr3 td:nth-child(4) p b {
	color: #1A1A1A;
}

.tableCompareTr3 td:nth-child(2) {
	background-color: #e6ca57;
}


.tableCompareTr3 td:nth-child(3), .tableCompareTr3 td:nth-child(4) {
	background-color: #E6E6E6;
}

.tableCompareTr4 td:nth-child(2) {
	background-color: #FFE061;
}


.tableCompareTr4 td:nth-child(3), .tableCompareTr4 td:nth-child(4) {
	background-color: #FFFFFF;
}

.tableCompareTr4 p {
	font-size: 19.42px;
	color: #1A1A1A;
}

.tableCompareTr4 p b {
	font-size: 18.34px;
	color: #D41A47;
}

.tableCompareTr5 td:nth-child(2) {
	background-color: #e6ca57;
}


.tableCompareTr5 td:nth-child(3), .tableCompareTr5 td:nth-child(4) {
	background-color: #E6E6E6;
}

.imgTdi1 {
	width: 37.8px;
	height: 37.8px;
}

.imgTdi2 {
	width: 30.74px;
	height: 30.74px;
}

.imgTdi3 {
	width: 37.8px;
	height: 37.8px;
}

.tableCompareTr5 p {
	font-size: 12px;
	color: #1A1A1A;
}

.tableCompareTr6 td:nth-child(2) {
	background-color: #FFE061;
}


.tableCompareTr6 td:nth-child(3), .tableCompareTr6 td:nth-child(4) {
	background-color: #FFFFFF;
}

.tableCompareTr6 p {
	font-size: 19.42px;
	color: #1A1A1A;
}

.tableCompareTr6 p b {
	font-size: 19.42px;
	color: #D41A47;
}

.tableCompareTr7 td:nth-child(2) {
	background-color: #e6ca57;
}


.tableCompareTr7 td:nth-child(3), .tableCompareTr7 td:nth-child(4) {
	background-color: #E6E6E6;
}

.tableCompare .tableBtnHp {
	width: 86.4%;
	height: 52px;
	background-image: url('../images/btn_bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 17.3px;
}

.tableCompareTr7 td:first-child {
	border-bottom: none;
}

.tableCompareTr1 td:nth-child(2) {
	border-bottom: 2px solid #D41A47;
}

.tableCompareTr2 td:nth-child(2) {
	border-top: 2px solid #D41A47;
}

.tableCompareTr7 td:nth-child(2) {
	border-bottom: 4px solid #D41A47;
}

.tableCompare p span {
	font-size: 12.95px;
	display: block;
}

@media (max-width: 768px) {
	
	.tableCompare td {
		height: 65px;
	}
	.tableCompareTdTitle {
		font-size: 14px;
	}
	
	.tableCompareTr2 p {
		font-size: 8px;
	}
	.tableCompareTr2 p b {
		font-size: 16.5px;
	}
	
	.tableCompare p span {
		font-size: 7px;
	}
	
	.tableCompareTr3 p {
		font-size: 9px;
	}
	
	.tableCompareTr3 p b {
		font-size: 22px;
	}
	
	.tableCompareTr4 p {
		font-size: 10px;
	}
	
	.tableCompareTr4 p b {
		font-size: 9px;
	}
	
	.imgTdi1 {
		width: 19px;
		height: 19px;
	}

	.imgTdi2 {
		width: 15.5px;
		height: 15.5px;
	}

	.imgTdi3 {
		width: 19px;
		height: 19px;
	}
	
	.tableCompareTr5 p {
		font-size: 7px;
	}
	
	.tableCompareTr6 p {
		font-size: 10px;
	}
	
	.tableCompareTr6 p b {
		font-size: 10px;
	}
	
	.tableCompare .tableBtnHp {
		font-size: 9px;
		height: 36px;
	}
}


/* new search */
.newTopSearch {
	background: #fff;
	padding: 5px 16px 15px 16px;
}
.newSearchBox {
	padding: 20px 27px;
	box-sizing: border-box;
	border: 2px solid #848384;
}

.searchStepWrap {
	display: none;
}

.searchStepWrap.open {
	display: unset;
}

.searchStepInfo {
	width: calc(100% - 20px);
	padding: 9px 0px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	margin: 0 auto 5px auto;
	font-size: 2.3rem;
	font-weight: bold;
	color: #4d4d4d;
	line-height: 1.5;
	border: 1px solid #4d4d4d;
}

.searchStepText {
	width: 38.9%;
	text-align: right;
	padding-right: 30px;
	box-sizing: border-box;
	border-right: 1px solid #4d4d4d;
}

.searchStepQuestion {
	width: 61.1%;
	padding-left: 30px;
	box-sizing: border-box;
}

.searchStepCheck {
	display: none;
}

.searchStepGroup {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.searchStepRow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30.25%;
	margin: 15px 10px 0 10px;
	box-sizing: border-box;
}

.searchStepWrap2 .searchStepRow {
	width: 30.6%;
}

.searchStepLabelText {
	font-weight: bold;
	font-size: 2rem;
	color: #fff;
}

.searchStepCheckBtn {
	position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 10px;
	background: #014e7b;
	box-sizing: border-box;
	padding: 10px 0;
}

.searchStepCheck:checked+.searchStepCheckBtn {
	background-color: #ff7e0e;
}

.searchStepCheck:checked+.searchStepCheckBtn span {
	color: #fff;
}

.searchStepCheck:checked+.searchStepCheckBtn:after {
	background: url(images/search_arrow_white.svg);
}

.searchStepCheckBtn:after {
	content: '';
	position: absolute;
	right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 17px;
	border-color: transparent transparent transparent #ffffff;
}

.searchStepCheckBtn span {
	position: relative;
	top: -2px;
}

.searchStepWrap2 .searchStepCheckBtn:after {
	right: 9px;
}

.searchStepBtnBack {
	position: relative;
	width: 30.5%;
	border-radius: 10px;
	background: #fff;
	border: 2px solid #014e7b;
	margin: 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-top: 15px;
	padding: 9px 0;
	box-sizing: border-box;
}


.searchStepBtnBack:before {
	content: '';
	position: absolute;
	left: 20px;
    top: 50%;
    transform: translate(0,-50%);
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 17px 8px 0;
	border-color: transparent #014e7b transparent transparent;
}

.searchStepBtnBack span {
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
	color: #014e7b;
}



.searchStepWrap3 .searchStepRow {
	width: 230px;
}

.searchStepWrap3 .searchStepCheckBtn:after {
	right: 9px;
}

.searchStepWrap3 .searchStepRow3 {
	width: 340px;
}

.searchStepWrap3 .searchStepRow3 .searchStepCheckBtn:after {
	right: 40px;
}

.searchStepWrap4 .searchStepRow {
	width: 320px;
} 

.searchStepWrap4 .searchStepCheckBtn:after {
	display: none;
}

.searchStepWrap4 .searchStepGroup {
    justify-content: space-around;
}

.searchStepBtnSubmit {
	position: relative;
    width: 30.5%;
    border-radius: 10px;
	background: #b4a065;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 10px 0;
}

.searchStepBtnSubmit span {
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
	color: #fff;
}

.searchStepBtnSubmit:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 17px;
    border-color: transparent transparent transparent #ffffff;
}

.searchStepRowBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 27px;
}

.searchStepRowBtn .searchStepBtnBack {
	margin: 0 20px 0 0;
}

.searchStepCenter {
	text-align: center;
}

.searchStepLabelTextSmall {
	font-size: 1.5rem;
	left: -12px;
}

.topBanner {
	padding: 93px 25px 72px 25px;
}

@media (max-width: 768px) {
	.newTopSearch {
		padding: 5px 8px 10px 8px;
	}
	
	.newSearchBox {
		padding: 10px 13px;
	}
	
	.searchStepInfo {
		width: calc(100% - 10px);
		font-size: 1.3rem;
	}
	
	.searchStepText {
		padding-right: 15px;
	}
	
	.searchStepQuestion {
		padding-left: 15px;
	}
	
	.searchStepRow {
		margin: 10px 5px 0 5px;
	}
	
	.searchStepCheckBtn {
		border-radius: 5px;
		padding: 5px 0;
	}
	
	.searchStepLabelText {
		font-size: 1.2rem;
	}
	
	.searchStepCheckBtn:after {
		border-width: 4px 0 4px 8px;
		right: 10px;
	}
	
	.searchStepBtnBack {
		border: 1px solid #014e7b;
		margin-top: 10px;
		padding: 4px 0;
		border-radius: 5px;
	}
	
	.searchStepBtnBack span {
		font-size: 1.2rem;
	}
	
	.searchStepBtnBack:before {
		border-width: 4px 8px 4px 0;
		left: 10px;
	}
	
	.searchStepRowBtn {
		margin-top: 14px;
	}
	
	.searchStepRowBtn .searchStepBtnBack {
		margin: 0 10px 0 0;
	}
	
	.searchStepBtnSubmit {
		border-radius: 5px;
		padding: 5px 0;
	}
	
	.searchStepBtnSubmit span {
		font-size: 1.2rem;
	}
	
	.searchStepBtnSubmit:after {
		border-width: 4px 0 4px 8px;
		right: 10px;
	}
	
	.searchStepLabelText {
		font-size: 0.8rem;
		left: -6px;
	}
	
	.topBanner {
		padding: 0;
	}
	
	.searchStepCheckBtn span {
		top: 0;
	}
}

.toggleNewSearch {
	font-size: 2rem;
	color: #4d4d4d;
	background: #D1D1D1;
	padding: 10px 0;
	text-align: center;
	cursor: pointer;
}

.newTopSearch {
	display: none;
}

@media (max-width: 768px) {
	.toggleNewSearch {
		font-size: 1.3rem;
	}
}


.compareBest {
	text-align: center;
	margin: 30px auto 40px auto;
}

.compareBest p {
	position: relative;
	display: inline-block;
	left: 8px;
	padding-bottom: 36px;
}

.compareBest p:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 17.47px;
	background-image: url('../images/line_arrow.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0;
	bottom: 0;
}

.compareBest big {
	font-weight: bold;
	font-size: 7rem;
	letter-spacing: 0.06em;
	text-align: left;
	color: #a1a07f;
}

.compareBest span {
	font-weight: bold;
	font-size: 4.2rem;
	letter-spacing: 0.06em;
	text-align: left;
	color: #000;
	margin-left: 6px;
}

.topSearchAdv .advContent {
	background: none;
	padding-top: 0;
	padding: 25px 27px 6px 37px;
}

.topSearchAdv .advContent .version {
	background: none;
    top: -83px;
}

.versionContent {
	text-shadow: none;
	font-size: 2.6rem;
}

.topSearch, .topSearchAdv {
    width: 52.2%;
}

.adv1 {
	font-weight: bold;
	font-size: 2.6rem;
	text-align: left;
	color: #000;
	line-height: 1.2;
	white-space: nowrap;
	margin-top: -46px;
}

.adv2 {
	font-weight: bold;
	font-size: 7rem;
	text-align: left;
	color: #000;
	line-height: 1.47;
	white-space: nowrap;
}

.adv3 {
	font-weight: bold;
	font-size: 5.7rem;
	text-align: left;
	color: #000;
	line-height: 1.2;
	white-space: nowrap;
}

.topBanner {
	padding: 120px 25px 120px 25px;
}

@media (max-width: 768px) {
	.toggleNewSearch {
		font-size: 1.3rem;
	}

	.compareBest big {
		font-size: 3.5rem;
		letter-spacing: 0.03em;
	}

	.compareBest span {
		font-size: 2.1rem;
		letter-spacing: 0.03em;
	}

	.compareBest p {
		padding-bottom: 18px;
	}

	.compareBest p:after {
		height: 9px;
	}

	.compareBest {
		margin: 15px auto 20px auto;
	}

	.topSearchAdv {
	    width: 100%;
        padding: 84px 8px 66px 8px;
	}

	.topBanner {
	    padding: 0;
	}

	.adv1 {
		font-size: 1.3rem;
	}

	.adv2 {
		font-size: 3.5rem;
	}

	.adv3 {
		font-size: 2.85rem;
	}

	.versionContent {
		font-size: 1.3rem;
	}

	.topSearchAdv .advContent {
		padding-left: 28px;
		width: 53.8%;
	}

	.topSearchAdv .advContent .version {
		top: -63px;
	}
}

@media (max-width: 395px) {
	.topSearchAdv {
	    padding: 84px 8px 53px 8px;
	}

	.adv1 {
		margin-top: -55px;
	}

	.topSearchAdv .advContent .version {
	    top: -66px;
	}
}

@media (max-width: 360px) {
	.topSearchAdv {
	    padding: 75px 8px 53px 8px;
	}

	.topSearchAdv .advContent .version {
	    top: -58px;
	}
}

.topBannerText {
	background: #000;
}



.newTableCompare {
	width: 100%;
	border: 1px solid #D1D1D1;
	border-bottom: none;
	text-align: center;
	margin-bottom: 35px;
}

.newTableCompare thead {
	height: 58px;
	font-weight: bold;
	font-size: 21px;
	color: #000;
	background: #f2f1f0;
}

.newTableCompare tr {
	border-bottom: 1px solid #D1D1D1;
}

.newTableCompare thead th {
	border-right: 1px solid #D1D1D1;
	width: 24.65%;
}

.newTableCompare thead th:last-child {
	border-right: none;
}

.newTableCompare thead th:first-child {
	color: #fff;
	background: #8d8d8d;
	width: 26.2%;
}

.newTableCompare tbody td {
	border-right: 1px solid #D1D1D1;
	padding: 11.25px 0 7.5px 0;
	box-sizing: border-box;
}

.ntbShopName {
	font-weight: bold;
	font-size: 19.5px;
	color: #000;
}

.ntbPoint {
	font-weight: bold;
	font-size: 21px;
	color: #000;
}

.ntbImg {
	margin: 33px 0;
	width: 68.2%;
}

.ntbIcon1 {
	color: #D41A47;
	font-size: 54.75px;
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
}

.ntbText1 {
	color: #D41A47;
	font-size: 18.75px;
	font-weight: bold;
	line-height: 1.48;
}

.ntbIcon2 {
	color: #b8a21c;
	font-size: 54.75px;
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
}

.ntbText2 {
	color: #b8a21c;
	font-size: 18.75px;
	font-weight: bold;
	line-height: 1.48;
}


.ntbIcon3 {
	color: #d28228;
	font-size: 54.75px;
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
}

.ntbText3 {
	color: #d28228;
	font-size: 18.75px;
	font-weight: bold;
	line-height: 1.48;
}


.ntbRecText1 {
	font-weight: bold;
	font-size: 23.25px;
	color: #000;
	line-height: 1.5;
}

.ntbRecText2 {
	font-weight: bold;
	font-size: 21px;
	color: #000;
	line-height: 1.5;
}

.newTableCompare tbody .ntbTextLeft {
	text-align: left;
	padding: 25.5px;
	box-sizing: border-box;
}

.ntbBtn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 15px;
}

.newTableCompare tbody .ntbBtn1 {
	width: 180px;
	height: 56.25px;
	border-radius: 28.125px;
	background: #222668;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 21px;
	color: #fff;
}

.newTableCompare tbody .ntbBtn2 {
	width: 210px;
	height: 56.25px;
	border-radius: 28.125px;
	background: #9c9d24;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 21px;
	color: #fff;
}

.newTableCompare thead th.ntbTh1 {
	background: #cba943;
}

@media (max-width: 480px) {
	.newTableCompare thead {
		font-size: 12.1px;
		height: 33px;
	}

	.newTableCompare thead th {
		height: 33px;
	}

	.ntbShopName {
		font-size: 11.6px;
	}

	.ntbPoint {
		font-size: 12.1px;
	}

	.ntbIcon1 {
		font-size: 32.45px;
	}

	.ntbIcon2 {
		font-size: 32.45px;
	}

	.ntbIcon3 {
		font-size: 32.45px;
	}

	.ntbText1 {
		font-size: 11px;
	}

	.ntbText2 {
		font-size: 11px;
	}

	.ntbText3 {
		font-size: 11px;
	}

	.ntbRecText1 {
		font-size: 13.75px;
	}

	.ntbRecText2 {
		font-size: 12.1px;
	}

	.newTableCompare tbody .ntbTextLeft {
		padding: 12.5px 15.4px;
	}

	.newTableCompare tbody .ntbBtn1 {
		width: 108px;
		font-size: 12.1px;
		height: 33.55px;
	}

	.newTableCompare tbody .ntbBtn2 {
		width: 127px;
		font-size: 12.1px;
		height: 33.55px;
	}

	.ntbBtn {
		margin-top: 9px;
	}

	.newTableCompare tbody td {
		padding: 6.6px 0 6.6px 0;
	}

	.newTableCompare {
		margin-bottom: 20px;
	}

	.ntbImg {
		margin: 16px 0;
	}
}


/*new layout*/
.newTop3Banner {
	position: relative;
}

.newTop3Banner p {
	position: absolute;
	top: 20%;
	left: 50%;
  	transform: translateX(-50%);
  	width: 100%;
}

.newTop3Banner p span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2.85rem;
	font-weight: bold;
	color: #fff;
}

.newTop3Banner p span big {
	font-size: 3.15rem;
	margin-top: 1.5rem;
	display: block;
}

.maxbutton.maxbutton-orangebtn.orangeBtn .mb-text {
	flex-wrap: wrap !important;
}

.maxbutton.maxbutton-orangebtn.orangeBtn .mb-text p {
	font-size: 2.175rem !important;
	width: 100%;
}

.maxbutton.maxbutton-orangebtn.orangeBtn .mb-text p.big {
	font-size: 2.925rem !important;
}


.listRanking > div, .showMoreShopContent > div {
	background: none;
	border: none;
}

.listRanking .storeContent {
	padding: 0;
}

.listRanking .storeInfomation {
	background: none;
	border: none;
	text-align: left;
	padding: 16px 0 17px 84px;
	margin-top: 10px;
}

.storeInfomation .storeName {
	margin-left: 3rem;
	font-size: 3.75rem;
	color: #014D7A;
}

.storeInfomation .storeName a {
	color: #014D7A;
	text-decoration: underline;
	font-size: 3.75rem;
}

.listRanking .rankNumber {
	left: 0;
	width: 84px;
	height: 81px;
}

.listRanking .rankNumber span {
	color: #fff;
	font-size: 3rem;
	bottom: 25px;
}

.listRanking .storePoint {
	width: 105px;
	height: 97.5px;
	border-radius: 0;
	background: #908A67;
	margin: 0;
	justify-content: end;
}

.listRanking .colRight {
	display: flex;
    justify-content: end;
}

.listRanking .storePoint .point {
	width: calc(100% - 9px);
	margin: 4.5px auto;
	background: #fff;
	color: #070203;
	text-align: center;
	font-size: 2.775rem;
	padding: 8.25px 0;
}

.listRanking .storePoint .point span {
	font-size: 1.575rem;
}

.listRanking .storePoint .point small {
	display: block;
	width: 100%;
	font-size: 1.125rem;
	margin-top: 7px;
}

.listRanking .storePoint .text {
	margin-bottom: 3px;
}

.productTitle {
	height: 103px;
	background: #9F9C7B;
	font-size: 2.475rem;
	position: relative;
}

.productTitle:after {
	content: '';
	position: absolute;
	left: 50%;
  	transform: translateX(-50%);
  	bottom: -18px;
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 18.9px 19.35px 0 19.35px;
    border-color: #9F9C7B transparent transparent transparent;
}

.listRanking .reviewBlock {
    margin: 33px 0 10px 0;
}

.reviewItem {
	border: 1px solid #929292;
	padding: 24px 30px 30.75px 30px;
	margin-bottom: 15px;
}

.userReviews .userInfo p.textBlueBg {
	font-size: 1.8rem;
	background: none;
	font-weight: normal;
	color: #000000;
	padding: 0;
	margin-bottom: 15px;
}

.userReviews .userInfo p {
	color: #000000;
	font-size: 2.175rem;
}

.reviewItem .reviewsDes p {
	font-size: 2.175rem;
}

.userReviews {
	border-bottom: 2px solid #929292;
	padding-bottom: 18.75px;
}

.accordionStore .ea-card.sp-ea-single .ea-header {
	background: #1e2a5c !important;
}

.accordionStore {
	margin-top: 18px;
}

.accordionStore > p {
	display: none;
}

.listRanking .rankNumber .blackPoint {
	color: #303030;
}


.campaignTable table {
	border-color: #929292;
}

.campaignTable table td {
	border-color: #929292;
}

.campaignTable table td:nth-child(1) {
	border-color: #929292;
}

.campaignTable table td:first-child {
	background: #F2F1F0 !important;
}

.campaignTable table td {
	font-size: 2.025rem;
	color: #1A1311;
	height: 58px !important;
}

.campaignTable table td p strong {
	display: flex;
	align-items: center;
	margin-left: 19px;
}

.campaignTable table tr:first-child td:first-child {
	width: 29.64% !important;
}

.productTitle .campaignTitle {
	text-align: center;
}

.productTitle .campaignTitle br {
	display: block;
}

.campaignContent p {
	font-size: 2.325rem;
	color: #070203;
	line-height: 1.77;
	margin-bottom: 45px;
}

.campaignContent p:first-child {
	margin-top: 18px;
}

.campaignContent p:last-child {
	margin-bottom: 37px;
}

.campaignContent p em {
	color: #BD3320;
	font-style: normal;
}

.newTableCompare thead th.ntbTh3 {
	background: #8c4622;
}

.listRanking .storeInfomation:after {
	display: none;
}

.hikakuPost .listRanking .storeContent {
	padding: 0 20px;
}

.recTop1 .listRanking li {
	padding: 0 20px 20px 20px;
}

.newTableCompare tbody .ntbBtn2 {
	background-color: #D15926;
}
@media (max-width: 768px) {
	.maxbutton.maxbutton-orangebtn.orangeBtn .mb-text p {
		font-size: 1.0875rem !important;
	}

	.maxbutton.maxbutton-orangebtn.orangeBtn .mb-text p.big {
		font-size: 1.4625rem !important;
		margin-top: 10px;
	}

	.maxbutton.maxbutton-orangebtn.orangeBtn .mb-text {
		flex-direction: column;
	}

	.newTop3Banner p span {
		font-size: 1.425rem;
	}

	.newTop3Banner p span big {
		font-size: 1.575rem;
	}

	.storeInfomation .storeName a {
		font-size: 1.875rem;
	}

	.listRanking .rankNumber {
	    width: 42px;
    	height: 40.5px;
	}

	.listRanking .rankNumber span {
		font-size: 1.5rem;
    	bottom: 12.5px;
	}

	.listRanking .storeInfomation {
		padding: 8px 0 8.5px 42px;
    	margin-top: 5px;
	}

	.listRanking .storePoint {
		zoom: 0.7;
	}

	.productTitle {
		height: 50px;
	}

	.productTitle:after {
	    bottom: -8px;
	    border-width: 9.45px 9.675px 0 9.675px;
	}
	.reviewItem {
		padding: 12px 15px 15px 15px;
	}
	.userReviews .userInfo p.textBlueBg {
		font-size: 1.1rem;
		margin-bottom: 8px;
	}

	.userReviews .userInfo p {
		font-size: 1.4rem;
	}

	.reviewItem .reviewsDes p {
		font-size: 1.35rem;
	}

	.userReviews {
		padding-bottom: 9.4px;
	}

	.campaignTable table {
	    width: 100%;
	}

	.campaignTable table td {
		font-size: 1.3rem;
		height: 29px !important;
	}

	.campaignTable table tr td:last-child span:first-child {
		font-size: 2rem !important;
	}
	.campaignTable table tr td:last-child span:last-child {
		font-size: 1.3rem !important;
	}

	.campaignContent p:first-child {
		margin-top: 9px
	}

	.campaignContent p:last-child {
		margin-bottom: 18.5px;
	}

	.campaignContent p {
		font-size: 1.3rem;
		margin-bottom: 22px;
	}

	.campaignTable table td p strong {
		margin-left: 10px;
	}

	.hikakuPost .listRanking .storeContent {
		padding: 0 8px;
	}

	.recTop1 .listRanking li {
		padding: 0 8px 8px 8px;
	}
}

.researchMethod {
	margin-top: 60px;
}

.researchMethod p {
	width: 80%;
}

.researchMethodContent {
	padding: 0 17px;
	box-sizing: border-box;
	margin-top: -20px;
	margin-bottom: 40px;
}

.researchMethodContentP {
	padding: 0 5.5px;
	box-sizing: border-box;
}

.researchMethodContent p {
	font-size: 2.175rem;
	font-weight: 500;
	color: #1a1311;
	line-height: 1.89;
	margin: 30px 0 40px 0;
}

@media (max-width: 768px) {
	.researchMethod {
		margin-top: 30px;
	}

	.researchMethodContent {
		padding: 0 8.5px;
		margin-top: -10px;
		margin-bottom: 20px;
	}

	.researchMethodContentP {
		padding: 0 3px;
	}

	.researchMethodContent p {
		font-size: 1.28rem;
		margin: 15px 0 20px 0;
	}
}