@charset "utf-8";

/*
Theme Name: Mineral Foundation Ranking
Author: Editors
*/

body {
	width:100%;
	min-width:980px;
	color:#333333;
	background-color:#FFFFFF;
	position:relative;
}

a {
	color:inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
	text-decoration:underline;
}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
a.no-filter:hover img {
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
a.disable:hover {
	text-decoration:none;
	cursor:default;
}

/*  for PC-TABLET  */

.sp {
	display:none;
}
.inner {
	width:980px;
	margin:0 auto;
}

/* background */
.pattern01 {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9ebc', endColorstr='#ffd6e3', GradientType=0)";
	background: url(img/index/bg_square.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffd6e3), color-stop(0.00, #ff9ebc));
	background: url(img/index/bg_square.png) repeat, -webkit-linear-gradient(#ff9ebc, #ffd6e3);
	background: url(img/index/bg_square.png) repeat, -moz-linear-gradient(#ff9ebc, #ffd6e3);
	background: url(img/index/bg_square.png) repeat, -o-linear-gradient(#ff9ebc, #ffd6e3);
	background: url(img/index/bg_square.png) repeat, -ms-linear-gradient(#ff9ebc, #ffd6e3);
	background: url(img/index/bg_square.png) repeat, linear-gradient(#ff9ebc, #ffd6e3);
}
.pattern02 {
	background:url(img/qa/qa_bg.gif) repeat left top;
	border-top:1px solid #f7e8e8;
	border-bottom:1px solid #ffffff;
}
.pattern03 {
	background:url(img/index/middle_bg.gif) repeat left top;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e8d9de;
}


/*  Common
------------------------------*/
.header {
	background:#f6f6f6;
	border-top:4px solid #5f0100;
	padding-top:15px;
	padding-bottom:12px;	
}
.header .left {
	width:134px;
	float:left;
	margin-right:10px;
}
.header .right {
	width:834px;
	float:left;
	padding-top:22px;
}
.header .right p {
	font-size:10px;
	color:#a16d6d;
	padding-left:42px;
}
.header .right p:first-child {
	margin-bottom:3px;
}
.header .right .gnavi-wrap {
	background:url(img/header/menu_pc_bg.png) no-repeat 100% 100%;
	width: 834px;
	height: 48px;
	margin-top:9px;
}
.header .right .gnavi {
	display:table;
	padding: 0 50px 0 50px;
	width: 734px;
}
.header .right .gnavi li {
	display:table-cell;
	text-align: center;
	height:48px;
	vertical-align:middle;
	min-width: 60px;
}
.header .right .gnavi li a {
	color:#580100;
	font-size:14px; font-size:1.4rem;
}
.header .right .gnavi li a:hover,
.header .right .gnavi li.current-menu-item a,
.header .right .gnavi li.current-page-ancestor a,
.header .right .gnavi li.current-post-ancestor a {
	color:#ff75a0;
	text-decoration:none;
	transition:.2s;
}
.breadcrumbs {
	padding:16px 0 5px 2px;
}
.breadcrumbs a:hover, .breadcrumbs a:active {
	text-decoration:none;
	color:#ff75a0;
}

#contents {
	padding:0 0 60px;
}
#contents #main {
	width:740px;
	float:left;
}
#contents .sidenavi {
	width:230px;
	float:right;
}
#contents .sidenavi ul li {
	margin-top:15px;
}
#contents .sidenavi ul li:first-child {
	margin-top:0px;
}
#contents .sidenavi ul li a:hover img {
	transition:.3s;
}
#contents .sidenavi .box {
	background:url(img/common/slash_border.gif);
	overflow:hidden;
	margin-bottom:15px;
}
#contents .sidenavi .box dl {
	margin:6px;
	background:#fff;
}
#contents .sidenavi .box dt {
	background: url(img/ranking/side_type_icon.gif) no-repeat 47px center #e49c3f;
	color:#fff;
	font-weight:bold;
	font-size:14px; font-size:1.4rem;
	padding:12px 0 12px 72px;
}
#contents .sidenavi .box dd {
	width:88%;
	margin:0 auto;
	border-bottom:1px dotted #d9d9d9;
	padding:8px 0 8px 12px;
}
#contents .sidenavi .box dd a:hover, #contents .sidenavi .box dd a:active {
	text-decoration:none;
	color:#ff75a0;
}
#contents .sidenavi .box dd:last-child {
	border:none;
}
footer .pagetop {
	border-top:2px solid #ffa4c0;
	border-bottom:1px solid #e86a92;
	background:#FFFFFF;
}
footer .pagetop a {
	display:block;
	width:138px;
	margin:0 0 0 auto;
}
footer .sitemap {
	background:#ff75a0;
	color:#ffffff;
}
footer .sitemap .inner {
	padding:30px 0 45px;
}
footer .sitemap .inner > ul {
	width:245px;
	float:left;
}
footer .sitemap .inner > ul > li {
	margin-left: 26px;
	margin-right: 12px;
	font-size:12px; font-size:1.2rem; 
	white-space:nowrap;
}
footer .sitemap .inner > ul > li > a {
	display:block;
	font-weight:bold;
	vertical-align:bottom;
	border-bottom:1px dotted #ffffff;
	padding-bottom:6px;
	padding-left: 17px;
	margin-bottom:10px;
	background:url(img/footer/icon_circle.gif) no-repeat left 3px;
}
footer .sitemap .inner ul ul {
	height:150px;
}
footer .sitemap .inner ul ul li {
	padding-left:10px;
	line-height:1.8;
}
footer .sitemap .inner > ul:nth-child(3) li {
	margin-bottom:27px;
}
footer .sitemap .inner > ul:last-child li {
	margin-bottom:36px;
}
footer .sitemap .inner > ul > li:last-child {
	margin-bottom:0;
}
footer .sitemap .inner > ul:first-child {
	margin-top:19px;
}
footer .copyright {
	background:#000000;
	text-align:center;
	padding:12px;
	color:#FFF;
	font-size:12px; font-size:1.2rem;
	font-family:PTF NORDIC Std, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
footer .copyright img {
	vertical-align:middle;
}

/*  index
------------------------------*/

#index .header {
	border:none;
	background:#FFFFFF;
	padding:0;
}
#index .header .inner {
	position:relative;
}
#index .header .title {
	height:80px;
	position:relative;
}
#index .header .title h1 {
	width:235px;
	position:absolute;
	left:9px;
	top:8px;
	z-index:9999;
}
#index .header .title p {
	padding-left:260px;	
	font-size:10px;
	color:#a16d6d;
	padding-top:25px;
}
#index .header .title p span {
	font-size:18px;
	color:#810200;
	font-weight:bold;	
}
#index .header p.blow {
	width:480px;
	color:#fff;
	font-size:12px; font-size:1.2rem;
	line-height:1.5;
	background:url(img/ranking/ranking_box_bg.gif) repeat 0 0;
	border:2px solid #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 12px 12px 12px 15px;
	position:absolute;
	left:261px;
	top:100px;
}
#index .header p.blow:after {
	display:block;
	content:url(img/ranking/box_blow.png);
	width:41px;
	height:21px;
	position:absolute;
	right:-41px;
	top:50%;
}
#index .ranking {
	padding-bottom:35px;
	border-bottom:1px solid #FFFFFF;
}
#index .pc .ranking {
	padding-top:124px;
}
#index .ranking h2 {
	width:740px;
	position:relative;
	top:3px;
}
#index .ranking ol {
	width:740px;
	float:left;
}
#index .ranking ol li {
	width:356px;
	height: 217px;
	border:2px solid #FFFFFF;
	background:#FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(153, 153, 153, 0.20) 0px 8px 8px;
	-moz-box-shadow: rgba(153, 153, 153, 0.20) 0px 8px 8px;
	box-shadow: rgba(153, 153, 153, 0.20) 0px 8px 8px;
	position:relative;
	overflow:hidden;
}
#index .ranking ol li:first-child {
	width:auto;
	margin-bottom:20px;
	height:236px;
}
#index .ranking ol li:first-child:before {
	display: block;
	content: "";
	position: absolute;
	bottom: -15px;
	right: -10px;
	width: 77px;
	height: 77px;
	border-radius: 50%;
	background: #ff6b99;
	z-index:998;
}
#index .ranking ol li:first-child:after {
	display: block;
	content:"";
	background:url(img/index/icon_heart.gif) no-repeat 0 0;
	background-size:contain;
	position: absolute;
	bottom: 10px;
	right: 16px;
	width: 28px;
	height: 25px;
	z-index:999;
}
html>/**/body #index .ranking ol li:first-child:after {
	right/***/: 19px\9;
	bottom/***/: 16px\9;
}
:root #index .ranking ol li:first-child:after {
	right: 16px\9;
	bottom: 10px\9;
}
#index .ranking ol li .name{
}
#index .ranking ol li .image{
	position:absolute;
}
#index .ranking ol li .text {
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
	color:#767676;
	position: relative;
	z-index: 999;
}
#index .ranking ol li .text span {
	color:#a34544;
}
#index .ranking ol li.first .name{
	width:212px;
	margin-top: 35px;
	margin-left:404px;
	margin-bottom: 20px;
}
#index .ranking ol li.first .image {
	width:313px;
	left:3px;
	top:0;
}
#index .ranking ol li.first .text {
	padding-left:335px;
	margin-bottom:18px;
}
#index .ranking ol li.second {
	float:left;
}
#index .ranking ol li.second .name{
	width: 138px;
	margin-top: 38px;
	margin-left: 38px;
	margin-bottom: 35px;
}
#index .ranking ol li.second .image{
	left: 196px;
	top: 0px;
	width: 100px;
}
#index .ranking ol li.second .text {
	padding:0 12px;
}
#index .ranking ol li.third {
	float:right;
}
#index .ranking ol li.third .name {
	width:166px;
	margin-top: 40px;
	margin-left:27px;
	margin-bottom: 35px;
}
#index .ranking ol li.third .image {
	right: -17px;
	top: -7px;
	width: 170px;
}
#index .ranking ol li.third .text {
	padding:0 12px;
}

#index .ranking ol li .icon {
	width:42px;
	position:absolute;
	right:6px;
	top:12px;
	z-index:999;
}
#index .ranking ol li:first-child .icon {
	width:48px;
	right:14px;
}
#index .ranking ol li .btn-area {
	width: 100%;
	background:#f3f3f3;
	padding:5px 0;
	position: absolute;
	bottom: 0;
}
#index .ranking ol li .btn-area a.btn {
	display:block;
	color:#fbfbfb;
	font-size:14px;
	font-size:1.4rem;
	background:#343434;
	letter-spacing:1px;
	width:190px;
	margin:0 auto;
	height:28px;
	line-height:28px;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#index .ranking ol li .btn-area a.btn:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#index .ranking ol li:first-child .btn-area {
	width:400px;
	padding:12px 0;
	right:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=1)";  	
	background: -webkit-gradient(linear, left top, right top, color-stop(0.50, #f3f3f3), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(left, #fff 0%, #f3f3f3 50%);
	background: -moz-linear-gradient(left, #fff 0%, #f3f3f3 50%);
	background: -o-linear-gradient(left, #fff 0%, #f3f3f3 50%);
	background: -ms-linear-gradient(left, #fff 0%, #f3f3f3 50%);
	background: linear-gradient(to right, #fff 0%, #f3f3f3 50%);
}
#index .ranking ol li:first-child .btn-area a.btn {
	width:230px;
	height:33px;
	line-height:33px;
	margin-right:120px;
}
#index .ranking .btn-area a.btn:hover {
	text-decoration:none;
}
#index .ranking nav {
	width:222px;
	float:right;
	position:relative;
	z-index:100;
}
#index .ranking nav:before {
	display:block;
	content:url(img/ranking/model_02.png);
	position:absolute;
	top: -254px;
	left: 6px;
}
#index .ranking .type-box {
	border:2px solid #FFFFFF;
	background:#FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(153, 153, 153, 0.20) 0px 8px 8px;
	-moz-box-shadow: rgba(153, 153, 153, 0.20) 0px 8px 8px;
	box-shadow: rgba(153, 153, 153, 0.20) 0px 8px 8px;
}
#index .ranking .type-box .headline {
	position:relative;
	overflow:hidden;
}
#index .ranking .type-box .headline:before {
	display: block;
	content: "";
	position: absolute;
	top: -35px;
	left: -61px;
	width: 113px;
	height: 113px;
	border-radius: 50%;
	background: #ff6b99;
}
#index .ranking .type-box .headline:after {
	display: block;
	content:"";
	background:url(img/index/icon_crown.gif) no-repeat 0 0;
	background-size:contain;
	position: absolute;
	top: 16px;
	left: 5px;
	width: 38px;
	height: 26px;
}
html>/**/body #index .ranking .type-box .headline:after {
	left/***/: 7px\9;
	top/***/: 18px\9;
}
:root #index .ranking .type-box .headline:after {
	left: 5px\9;
	top: 16px\9;
}
#index .ranking .type-box h3 {
	padding: 15px 0 10px 60px;
	font-size:11px;
	white-space:nowrap;
}
#index .ranking .type-box h3 span {
	display:block;
	color:#f6712a;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.2;
}
#index .ranking .type-box p {
	text-align:center;
	color:#ffffff;
	font-size:14px;
	height: 32px;
	line-height: 32px;
	margin:0 -13px 0 -13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7d161', endColorstr='#deb63f', GradientType=0)";  	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #deb63f), color-stop(0.00, #f7d161));
	background: -webkit-linear-gradient(#f7d161, #deb63f);
	background: -moz-linear-gradient(#f7d161, #deb63f);
	background: -o-linear-gradient(#f7d161, #deb63f);
	background: -ms-linear-gradient(#f7d161, #deb63f);
	background: linear-gradient(#f7d161, #deb63f);
	-webkit-box-shadow: 0px 5px 3px 0px rgba(224, 224, 224, 0.4);
	-moz-box-shadow:    0px 5px 3px 0px rgba(224, 224, 224, 0.4);
	box-shadow:         0px 5px 3px 0px rgba(224, 224, 224, 0.4);
	position:relative;
	z-index:999;
}
#index .ranking .type-box p:before {
	content: "";
    position: absolute;
    top: -6px;
	left:0;
    width: 0;
	border-top: 3px solid transparent;
	border-right: 6px solid #b68e18;
	border-bottom: 3px solid #b68e18;
	border-left: 5px solid transparent;
}
#index .ranking .type-box p:after {
	content: "";
    position: absolute;
    top: 100%;
	right:0;
    width: 0;
	border-top: 3px solid #b68e18;
	border-right: 5px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 6px solid #b68e18;
}
#index .ranking .type-box ul li {
	width:auto;
	height: 76px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0)";  	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eaeaea), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #eaeaea);
	background: -moz-linear-gradient(#fff, #eaeaea);
	background: -o-linear-gradient(#fff, #eaeaea);
	background: -ms-linear-gradient(#fff, #eaeaea);
	background: linear-gradient(#fff, #eaeaea);	
}
#index .ranking .type-box ul li a {
	display:block;
	line-height: 76px;
	padding-left: 20px;
	font-size:16px;	
	font-size: 1.6rem;
}
#index .ranking .type-box ul li a:hover {
	color:#ff6b99;
	transition:.2s;
	text-decoration:none;
}

#index .catalog {
	border-top:1px solid #ececec;
	padding-top:8px;
	padding-bottom:56px;
	border-bottom:1px solid #ebd9d9;
}
#index .catalog h2 {
	padding-bottom:3px;
	background:url(img/catalog/index/border.gif) repeat-x left bottom;
	margin-bottom:20px;
	position:relative;
}
#index .catalog h2 > span {
	position:absolute;
	left:215px;
	top:38px;
	font-size:15px;	font-size:1.5rem;
}
#index .catalog h2 + p {
	margin: 0 auto 20px;
	width: 97%;
}
#index .catalog ul.clearfix li {
	width:172px;
	margin-left:30px;
	float:left;
}
#index .catalog ul.clearfix li:first-child {
	margin-left:0px;
	clear:both;
}
#index .catalog ul.clearfix li .image {
	margin-bottom:20px;
}
#index .catalog ul.clearfix li h3 {
	height:38px;
	text-align:center;
	display:block;
	margin-bottom:6px;
}
#index .catalog ul.clearfix li p {
	margin-bottom:8px;
}

#index .qa {
	height:520px;
	border-bottom:23px solid rgba(255,172,182,0.4);
}
#index .qa h2 {
	padding-left: 8px;
	position: relative;
	top: -2px;
}
#index .qa .inner {
	position:relative;
}
#index .qa .right {
	width:697px;
	height:132px;
	padding-top:40px;
	position:absolute;
	right:-10px;
	top:-2px;
	background:url(img/qa/headline_bg_pc.png) no-repeat right top;	
}
#index .qa .right p {
	color:#7c2323;
	font-size:12px; font-size:1.2rem; 
	width:368px;
	padding-left:10px;
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}
#index .qa .right .btn {
	width:199px;
	display:inline-block;
	vertical-align:top;
}
#index .qa ul li {
	background:#FFFFFF;
	position:absolute;
	min-height:100px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow:0px 5px 19px 0px rgba(100,100,100,0.2);
}
#index .qa ul.disperse li a:hover {
	text-decoration:underline;
}
#index .qa ul.disperse li:before {
	content:"";
	display:block;
	position:absolute;
}
#index .qa ul.disperse li:first-child {
	width:190px;
	padding:30px 14px 12px 14px;
	left:72px;
	top:264px;
}
#index .qa ul.disperse li.first a,
#index .qa ul.disperse li.third a,
#index .qa ul.disperse li.fifth a,
#index .qa ul.disperse li.sixth a {
	color:#fc9761;
}
#index .qa ul.disperse li.second a,
#index .qa ul.disperse li.fourth a {
	color:#ff75a0;
}
#index .qa ul.disperse li.first:before {
	background:url(img/qa/tape_orange.jpg) no-repeat;
	width: 128px;
	height:32px;
	top:-16px;
	left:30px;
}
#index .qa ul.disperse li.second {
	width:200px;
	padding: 30px 15px 8px 15px;
	left: 311px;
	top: 180px;
}
#index .qa ul.disperse li.second:before {
	background:url(img/qa/tape_purple.jpg) no-repeat;
	width: 136px;
	height:32px;
	top: -13px;
	left:30px;
}
#index .qa ul.disperse li.third {
	width:180px;
	padding: 34px 13px 10px 16px;
	left: 342px;
	top: 370px;
}
#index .qa ul.disperse li.third:before {
	background:url(img/qa/tape_green.jpg) no-repeat;
	width: 105px;
	height: 32px;
	top:-16px;
	left: 35px;
}
#index .qa ul.disperse li.fourth {
	width:185px;
	padding:30px 14px 12px 14px;
	left: 546px;
	top: 238px;
}
#index .qa ul.disperse li.fourth:before {
	background:url(img/qa/tape_blue.jpg) no-repeat;
	width:116px;
	height:32px;
	top:-16px;
	left:30px;
}
#index .qa ul.disperse li.fifth {
	width: 173px;
	padding:26px 14px 12px 14px;
	left: 772px;
	top:168px;
}
#index .qa ul.disperse li.fifth:before {
	background:url(img/qa/tape_orange.jpg) no-repeat;
	width:108px;
	height:32px;
	top:-20px;
	left:30px;
	-webkit-transform: rotate(-6deg) ;
	-moz-transform: rotate(-6deg) ;
	-ms-transform: rotate(-6deg) ;
}
#index .qa ul.disperse li.sixth {
	width: 210px;
	padding:27px 14px 12px 14px;
	left:736px;
	top: 384px;
}
#index .qa ul.disperse li.sixth:before {
	background:url(img/qa/tape_purple.jpg) no-repeat;
	width: 136px;
	height: 26px;
	top: -14px;
	left: 31px;
	-webkit-transform: rotate(2deg) ;
	-moz-transform: rotate(2deg) ;
	-ms-transform: rotate(2deg) ;
}

#index .pattern03 .inner {
	padding:58px 0;
}
#index .voice {
	width:480px;
	float:left;
}
#index .voice .voice-box {
	min-height:574px;
	border:2px solid #ededed;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#ffffff;
}
#index .voice h2 {
	text-align:center;
}
#index .voice dl {
	border:5px solid #f4f4f4;
	margin:9px 18px 14px 18px;
}
#index .voice dt {
	color:#fc9761;
	background: url(img/common/icon_circle_orange.png) no-repeat 19px center;
	background-size: 23px 23px;
	border-top:5px solid #f4f4f4;
	font-size:1.2rem; font-size:12px;
	padding:10px 10px 10px 48px;
	font-weight:bold;
}
#index .voice dt:first-child {
	border-top:none;
}
#index .voice dt:nth-child(4n+1) {
	color:#fc9761;
	background: url(img/common/icon_circle_orange.png) no-repeat 19px center;
	background-size: 23px 23px;
}
#index .voice dt:nth-child(4n-1) {
	color:#ff75a0;
	background: url(img/common/icon_circle_pink.png) no-repeat 19px center;
	background-size: 23px 23px;
}
#index .voice dd {
	margin:0 10px 10px 10px;
	padding:10px 20px;
	background:#f4f4f4;
	color:#959595;
}
#index .voice p a {
	display:block;
	border:5px solid #f4f4f4;
	margin:0px 18px 15px;
	color:#ff75a0;
	font-size:1.8rem; font-size:18px;
	text-align:center;
	padding:3px 0;
}

#index .dictionary {
	width:480px;
	float:right;
}
#index .dictionary .dictionary-box {
	background:url(img/dictionary/box_frame.gif) no-repeat;
	height:578px;/*Voice height*/
	background-size:100% 100%;
}
#index .dictionary h2 {
	width:80%;
	padding-top: 40px;
	padding-bottom: 16px;
	margin: 0 auto 0 8%;
}
#index .dictionary dl {
	width:434px;
	margin:0 auto;
	background:url(img/dictionary/text_bg.jpg) repeat;
	padding-top:22px;
}
#index .dictionary dt {
	clear:both;
	width: 140px;
	color:#ff75a0;
	background: url(img/common/icon_circle_pink_ie.png) no-repeat 35px center;
	padding-left: 58px;
	background-size: 14px 14px;
	font-weight:bold;
	float:left;
	position:relative;
}
#index .dictionary dd {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding-right:10px;
	margin-bottom:26.8px;
}
html>/**/body #index .dictionary dd {
	margin-bottom/***/: 24px\9;
}
#index .dictionary dd:not(:target) {
	margin-bottom: 26.8px\9;
}
#index .dictionary dt:after {
	content:"…";
	display:inline-block;
	position:absolute;
	top:-0.3em;
	right:5px;
	color:#666;
}

#index .about {
	background:#ffeff4;
	padding:80px 0 75px;
}
#index .about-box {
	background:#ffffff;
	padding:25px 0 20px 80px;
	border-top:3px solid #ff75a0;
	-webkit-box-shadow:rgba(7, 0, 2, 0.03) 0px 0px 3px 3px;
	-moz-box-shadow:rgba(7, 0, 2, 0.03) 0px 0px 3px 3px;
	box-shadow:rgba(7, 0, 2, 0.03) 0px 0px 3px 3px;
	position:relative;
}
#index .about h2 {
	display:inline-block;
	vertical-align:middle;
	width:147px;
	margin-right:70px;
}
#index .about p {
	display:inline-block;
	vertical-align:middle;
	width:640px;
	font-size:1.2rem; font-size:12px;
	line-height:1.8;
	color:#959595;
}
#index .about-box:before, #index .about-box:after {
	content:"";
	display:block;
	position:absolute;
	background:url(img/index/icon_clip.png) no-repeat;
	width: 61px;
	height: 81px;
	top: -57px;
	background-size: 100%;
	left: 49px;
}
#index .about-box:after {
	left:inherit;
	right:46px;
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

/*  Catalog
------------------------------*/
#catalog {
	margin-top:5px;
}
#catalog .attention {
	color:#ff6b99;
	font-weight:bold;	
}
#catalog > h1 {
	/*margin-bottom:7px;*/
}
#catalog .catalog-wrap {
	background:url(img/common/slash_border.gif);
	overflow:hidden;
}
#catalog .catalog-wrap article {
	background:#FFFFFF;
	margin:6px;
}
#catalog .front {}
#catalog .front .image {}
#catalog .place {
	background:#efefef;
	letter-spacing:-0.30em;
}
#catalog .place > p {
	width:96px;
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
	letter-spacing:normal;
}
#catalog .place > div {
	width:600px;
	display:inline-block;
	vertical-align:middle;

	letter-spacing:normal;
}
#catalog .place > div p.catch {
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
}
#catalog .place > div p {
	font-size:10px; font-size:1.0rem;
	font-weight:bold;
}
#catalog .basic-info {
	margin-top:16px;
}
#catalog .basic-info p {
	padding:0 25px;
	line-height:1.8;
}
#catalog .basic-info .basic-box {
	width:680px;
	border:5px solid #efefef;
	margin:15px auto 40px;
	padding:17px 17px 22px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#catalog .basic-info .basic-box dl {
	width:250px;
	float:left;
	padding-left:12px;
	padding-top:5px;
	line-height: 1.8;
}
#catalog .basic-info .basic-box dl dt {
	width: 5.5em;
	float: left;
	text-align: right;
	clear:both;
}
#catalog .basic-info .basic-box dl dd {
	float:left;
}
#catalog .basic-info .basic-box dl dd:last-child {
	color:#ff6b99;
	font-weight:bold;
}
#catalog .basic-info .basic-box a {
	width:286px;
	float:right;
}
#catalog .word-of-mouth {
	background:url(img/common/border_flag.jpg) repeat-x 2px top;
	padding-top:50px;
}
#catalog .word-of-mouth h3 {
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	color:#ff6b99;
	text-align:center;
	margin-bottom:5px;
}
#catalog .word-of-mouth > p {
	text-align:center;
}
#catalog .word-of-mouth .chart {
	width:680px;
	margin:25px auto 35px;
	padding-top:20px;
	border-top:1px dotted #bbbbbb;
}
#catalog .word-of-mouth .chart table.score {
	width:286px;
	float:left;
	font-size:14px; font-size:1.4rem;
	font-weight:bold;
	margin-top:16px;
	margin-left:30px;
}
#catalog .word-of-mouth .chart table.score tfoot {
	display:table-header-group;
}
#catalog .word-of-mouth .chart table.score tfoot th {
	font-size:16px; font-size:1.6rem;
}
#catalog .word-of-mouth .chart table.score tfoot td {
	font-size:24px; font-size:2.4rem;
	letter-spacing:1px;
}
#catalog .word-of-mouth .chart table.score tr {
	background:url(img/catalog/table_border.gif) repeat-x left bottom;
}
#catalog .word-of-mouth .chart table.score th {
	text-align:left;
	padding:7px 0 7px 15px;
}
#catalog .word-of-mouth .chart table.score td {
	text-align:right;
	padding-right:22px;
}
#catalog .word-of-mouth .chart table.score td span {
	color:#e75280;
}
#catalog .word-of-mouth .chart figure {
	width:297px;
	float:left;
	margin-left:35px;
}
#catalog .word-of-mouth .chart figcaption {
	display:none;
}
#catalog .catalog-inner {
	width:680px;
	margin:0 auto;
}
#catalog .catalog-inner section {
	background:url(img/catalog/border_chain.jpg) no-repeat left top;
}
#catalog .spec {
	padding-top:47px;
	margin-bottom:40px;
}
#catalog .spec .spec-box {
	width:640px;	
	color:#FFFFFF;
	background:#ff75a0;
	margin:0 auto;
	padding-bottom:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}
#catalog .spec .spec-box:after {
	content:"";
	display:block;
	width:98px;
	height:94px;
	position:absolute;
	background:url(img/catalog/icon_spec.png) no-repeat 100% 100%;
	right:5px;
	top:-14px;
}
#catalog .spec .spec-box h3 {
	margin:0 10px;
	font-size:16px; font-size:1.6rem;
	text-align:center;
	font-weight:bold;
	padding:18px 0 48px;
	background:url(img/catalog/border_spec.gif) repeat-x left 51px;
}
#catalog .spec table {
	width:572px;
	margin:0 auto;
	text-align:left;
}
#catalog .spec table tr {
	background:url(img/catalog/table_border_pink.gif) repeat-x left bottom;
}
#catalog .spec table th {
	padding:5px 0 5px 5px;
	width:115px;
}
#catalog .spec table td {
	font-weight:bold;
}
#catalog .spec table .strong {
	color:#fff000;
}
#catalog .spec table td:before {
	content: "…";
	display: inline-block;
	margin-right: 10px;
	color:#ffffff;
}
#catalog .good-bad {
	padding-top:27px;
	padding-bottom:40px;
}
#catalog .good-bad > div:first-child {
	width:80px;
	margin:0 auto;
	text-align:center;	
}
#catalog .good-bad h3 {
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	color:#ff6b99;
	text-align:center;
	margin-top:7px;
	padding-bottom:7px;
	border-bottom:1px dotted #bbbbbb;
}
#catalog .good-bad section {
	margin-top:25px;
	background:none;
}
#catalog .good-bad section h4 {
	width:293px;
	height:45px;
	text-align:center;
	font-weight: bold;
	line-height: 40px;
}
#catalog .good-bad section.good h4 {
	background:url(img/catalog/frame_good.jpg) no-repeat left top;
	color:#ff6b99;
}
#catalog .good-bad section.bad h4 {
	background:url(img/catalog/frame_bad.jpg) no-repeat left top;
	color:#333333;
}
#catalog .good-bad section ul {
	margin-top:10px;
}
#catalog .good-bad section ul li {
	float:left;
	padding-left:18px;
	font-size:12px; font-size:1.2rem;
	line-height:2.0;
}
#catalog .good-bad section.good ul li {
	background:url(img/common/icon_circle_pink_ie.png) no-repeat 3px 5px;
	background-size:12px 12px;
}
#catalog .good-bad section.bad ul li {
	background:url(img/common/icon_circle_gray_ie.png) no-repeat 3px 5px;
	background-size:12px 12px;
}
#catalog .good-bad section ul li:nth-child(2n+1) {
	clear:both;
	width:300px;
	margin-right:10px;
}
#catalog .report {
	padding-top:50px;
	padding-bottom:40px;
}
#catalog .report .report-box {
	width:640px;
	min-height:225px;
	margin:0 auto;
	background:url(img/catalog/report-box_bg.gif) repeat 36px 43px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	overflow:hidden;
}
#catalog .report h3 {
	padding-top:28px;
	width:545px;
	margin:0 auto;
}
#catalog .report h3 img {
	display:inline-block;
}
#catalog .report h3 img:first-child {
	margin-right:10px;	
}
#catalog .report h4 {
	margin-top:26px;
	padding-left:305px;	
	color:#FFFFFF;
	font-size:16px; font-size:1.6rem;
}
#catalog .report p {
	padding-left:305px;
	margin-top:4px;
	margin-bottom:20px;
	width:300px;
	color:#FFFFFF;
}
#catalog .report .image {
	position:absolute;
	width:222px;
	left:60px;
	bottom:-64px;
}
#catalog .report .image img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#catalog .catalog-inner .foot-btn {
	background:url(img/catalog/border_chain.jpg) no-repeat left top;
	padding:30px 0 40px;
}
#catalog .catalog-inner .foot-btn a {
	display:block;
	width:286px;
	margin:0 auto;
}
#catalog.list .intro {
	padding:20px 20px 0;	
}
#catalog.list ul {
	padding:20px 20px 10px;
}
#catalog.list ul li {
	margin-bottom:10px;
}
#catalog.list h1 {
	margin-bottom:0;
}

/*  Ranking
------------------------------*/
#ranking {
	background:url(img/common/slash_border.gif);
	overflow:hidden;
}
#ranking .attention {
	color:#ff6b99;
	font-weight:bold;	
}
#ranking .ranking-wrap {
	margin:6px;
	background-color:#FFF;
}
#ranking h1 {
	margin-bottom:8px;
	padding-left:1%;
}
#ranking .ranking-inner {
	width:93.4%;
	margin:0 auto;
}
#ranking article h2 {
	padding-bottom:3%;
	border-bottom:1px dotted #bbbbbb;
}
#ranking .summary {
	padding:20px 0 30px;
}
#ranking .summary .image {
	float:left;
	margin-right:10px;
	width:32%;
	text-align:center;
}
#ranking .summary .image.woman {
	width:25%;
}
#ranking .summary p {
	overflow:hidden;
}
#ranking .summary p.state {
	color:#f6712a;
	font-weight:bold;
	font-size:14px; font-size:1.4rem;
	padding:6px 0 8px;
}
#ranking .summary p.state span {
	display:block;
	font-size:17px; font-size:1.7rem;
}
#ranking ol.ranker {}
#ranking ol.ranker li {
	border:5px solid #efefef;
	padding:1px;
	margin-bottom:20px;
}
#ranking ol.ranker li .label {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0)";  	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eaeaea), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(#ffffff, #eaeaea);
	background: -moz-linear-gradient(#ffffff, #eaeaea);
	background: -o-linear-gradient(#ffffff, #eaeaea);
	background: -ms-linear-gradient(#ffffff, #eaeaea);
	background: linear-gradient(#ffffff, #eaeaea);
	overflow:hidden;
	height:auto;
}
#ranking ol.ranker li .label > p {
	float:left;
}
#ranking ol.ranker li .label div {
	float:left;
	padding-left:25px;
}
#ranking ol.ranker li .label div h3 {
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	padding-top:18px;
}
#ranking ol.ranker li.rank-1 .label div h3 {
	color:#e49c3f;
}
#ranking ol.ranker li.rank-2 .label div h3 {
	color:#838383;
}
#ranking ol.ranker li.rank-3 .label div h3 {
	color:#974848;
}
#ranking ol.ranker li .label div p {
	font-size:12px; font-size:1.2rem;
	font-weight:bold;
}
#ranking ol.ranker li .middle {
	width:94.5%;
	margin:0 auto;
}
#ranking ol.ranker li .middle .photo {
	width:290px;
	float:left;
	margin-right:38px;
	text-align:center;
}
#ranking ol.ranker li .middle .text {
	width:300px;
	float:left;
	margin-bottom:20px;
}
#ranking ol.ranker li .middle .text p {
	padding:32px 0 15px;
}
#ranking ol.ranker li .middle .text .nano {
	margin-top:15px;	
}
#ranking ol.ranker li .middle .text .nano span {
	display:block;
	background:#ff75a0;
	width:150px;
	padding:7px 0;
	margin-bottom:10px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	text-align:center;
	font-size:14px; font-size:1.4rem;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#ranking ol.ranker li .detail {
	width:94.5%;
	margin:0 auto 15px;
}
#ranking ol.ranker li .detail table th, #ranking ol.ranker li .detail table td {
	text-align:center;
	width:auto;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	vertical-align:middle;
}
#ranking ol.ranker li .detail table th {
	color:#fff;
	background:#8f8f8f;
	height:33px;
}
#ranking ol.ranker li .detail table td {
	background:#e6e6e6;
	padding:5px 0;
	height:64px;
	font-size:12px; font-size:1.2rem;
}
/* ingredient */
#ranking ol.ranker li .detail th.name {
	width:210px;
}
#ranking ol.ranker li .detail th.ingredient {
	width:248px;
}
#ranking ol.ranker li .detail td.ingredient {
	text-align:left;
	position:relative;
	padding:5px 8px 5px 20px;
}
#ranking ol.ranker li.rank-1 .detail td.ingredient {
	padding-left:15px;
}
#ranking ol.ranker li.rank-1 .detail td.ingredient p {
	position:absolute;
	right: -58px;
	bottom: 3px;
}
#ranking ol.ranker li .detail th.cleansing {
	width:170px;
}
#ranking ol.ranker li .detail td.cleansing {
	color:#ff6b99;
	font-size:15px; font-size:1.5rem;
	font-weight:bold;
}
/* cost-performance */
#ranking ol.ranker li .detail table.cost td {
	height: inherit;
	padding: 20px 0;
	font-size: 13px; font-size:1.3rem;
}
#ranking ol.ranker li.rank-1 .detail td.ratio {
	position:relative;
	font-size:15px; font-size:1.5rem;
}
#ranking ol.ranker li.rank-1 .detail td.ratio p {
	position:absolute;
	width: 110px;
	right: -48px;
	bottom: 4px;
}
#ranking ol.ranker li .detail th.price {
	width:180px;
}
#ranking ol.ranker li .detail th.capacity {
	width: 130px;
}
#ranking ol.ranker li .detail th.ratio {
	width: 170px;
}
#ranking ol.ranker li .detail th.term {
	width: 147px;
}
#ranking .comment-box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#ff75a0;
	color:#fff;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:40px;
}
#ranking .comment-box > p {
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	text-align:center;
	padding:7px 0;
	background:url(img/ranking/bg_comment.gif) repeat 0 0;
}
#ranking .comment-box .comment {
	padding:3%;
}
#ranking .comment-box .comment .eyecatch {
	width:25%;
	margin-right:2%;
	display:inline-block;
	vertical-align:middle;
}
#ranking .comment-box .comment p {
	width:70%;
	display:inline-block;
	vertical-align:middle;
}
#ranking .others {
	background:url(img/common/border_flag.jpg) repeat-x 2px top;
	padding-top:50px;
}
#ranking .others h2 {
	font-weight:bold;
	font-size:17px; font-size:1.7rem;
	margin-bottom:6px;
	line-height:1.4;
	text-align:center;
}
#ranking .others h2 span {
	display:block;
	color:#ff6b99;
}
#ranking .others div > p {
	color:#d6d6d6;
	font-weight:bold;
	text-align:center;
	margin-bottom:16px;
}
#ranking .others ul {
	width:auto;
	padding-bottom:24px;
}
#ranking .others ul li {
	border:5px solid #f4f4f4;	
	margin-top:10px;
	padding-top:5px;
}
#ranking .others ul li:first-child {
	margin-top:0;
}
#ranking .others ul li h3 {
	background:url(img/common/icon_circle_orange.png) no-repeat 18px center;
	background-size:23px 23px;
	padding:10px 10px 10px 46px;
	color:#fc9761;
	font-weight:bold;
	font-size:14px; font-size:1.4rem;
	cursor:pointer;
}
#ranking .others ul li:nth-child(2n) h3 {
	background:url(img/common/icon_circle_pink.png) no-repeat 18px center;
	background-size:23px 23px;
	color:#ff75a0;
}
#ranking .others ul li p {
	background:#f4f4f4;
	padding:10px 15px 10px 20px;
	margin:0 10px 10px;
	color:#959595;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#ranking.list .intro {
	padding: 20px 15px 0;	
}
#ranking.list ul {
	/*padding:20px 20px 10px;*/
}
#ranking.list ul li {
	margin-bottom:10px;
}
#ranking.list h1 {}
#ranking.list {}
#ranking.list ul li a , 
#catalog.list ul li a {
	/*background:url(img/common/listmark.gif) left no-repeat;
	padding-left:15px;*/
}

/*  SiteMap
------------------------------*/
#sitemap {
	border:6px solid #eeeeee;
	color:#a34544;
	min-height:548px;
}
#sitemap .inner {
	padding:30px 0 45px;
	width:auto;
}
#sitemap .inner > ul {
	width:240px;
	float:left;
	margin-bottom:30px;
}
#sitemap .inner > ul:nth-child(3n+1) {
	clear:both;
}

#sitemap .inner > ul > li {
	margin-left: 20px;
	margin-right: 20px;
	font-size:12px; font-size:1.2rem; 
	white-space:nowrap;
}
#sitemap .inner > ul > li > a {
	display:block;
	font-weight:bold;
	vertical-align:bottom;
	border-bottom:1px dotted #a34544;
	padding-bottom:6px;
	padding-left: 17px;
	margin-bottom:10px;
	background:url(img/common/icon_circle_pink_ie.png) no-repeat left 3px;
	background-size:14px 14px;
}
#sitemap .inner ul ul {
}
#sitemap .inner ul ul li {
	padding-left:10px;
	line-height:1.8;
}
#sitemap .inner > ul:last-child li {
	margin-bottom:36px;
}
#sitemap .inner > ul > li:last-child {
	margin-bottom:0;
}
#sitemap .inner > ul.single {
	margin-top:19px;
}

/*  About
------------------------------*/
#about {
	border:6px solid #eeeeee;
	min-height:548px;
}
#about .inner {
	padding:30px 40px 45px;
	width:auto;
}
#about dl dt {
	color:#a34544;	
	font-size:14px; font-size:1.4rem;
	margin-top:45px;
}
#about dl dd {
	font-size:12px; font-size:1.2rem;
	line-height: 1.8;
}
#about dl dt:first-child {
	margin-top:0;
}
#about .image {
	margin-top:15px;
}

/*　ranking_list
------------------------------*/
#ranking.list p.intro {
	margin-bottom:30px;
}
#ranking.list .cont {
	letter-spacing:-.4em;
	letter-spacing:-.4rem;
}
#ranking.list .cont li {
	letter-spacing:normal;
	margin-right:44px;
	margin-bottom:20px;
	padding-bottom:15px;
	width:310px;
	display:inline-block;
	vertical-align:top;
	border:#CCC 3px solid;
}
#ranking.list .cont li:nth-child(even) {
	margin-right:0;
}
#ranking.list .cont li:nth-child(3) .btn {
	margin-top:19px;
}
#ranking.list .cont .photo {
	margin-bottom:15px;
}
#ranking.list .cont .photo img {
	width:100%;
}
#ranking.list .cont h3 ,
#ranking.list .cont h4 ,
#ranking.list .cont p {
	padding:0 15px;
}
#ranking.list .cont h3 {
	font-size:20px;
	color:#ff6b99;
	font-weight:bold;
}
#ranking.list .cont h4 {
	font-weight:bold;
}
#ranking.list .cont .btn {
	text-align:center;
}

#catalog.list .intro {
	margin-bottom:25px;
}
#catalog.list li {
	margin-left:10px;
	margin-right:15px;
	margin-bottom:20px !important;
	width:320px;
	display:inline-block;
	vertical-align:top;
}
#catalog.list li:nth-child(even) {
	margin-left:0;
	margin-right:0;
}
#catalog.list li .photo {
	padding:22px 0 0 22px;
	width:298px;
	height:178px;
	background:url(img/catalog/index/check_frame.gif) no-repeat;
}
#catalog.list li .logo ,
#catalog.list li .btn {
	text-align:center;
}
#catalog.list li .logo {
	margin:5px auto;
	width:100%;
	height:55px;
	display:table;
}
#catalog.list li .logo p {
	display:table-cell;
	vertical-align:middle;
}
#catalog.list li .text {
	height:40px;
	padding:0 10px;
	margin-bottom:10px;
}