*{
    margin: 0;
    padding: 0;
    list-style: none;
}
p, dd{
    line-height: 1.8rem;
}
img{
    max-width: 100%;
}
body {
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN', sans-serif;
    color: #333;
    position: relative;
}
.FcR {
    color: red;
}

.logo h1{
    text-align: center;
}
.mv{
    text-align: center;
}
section{
    width: 1000px;
    margin: 20px auto 60px;
}
section h2{
    margin-bottom: 20px;
    text-align: center;
}
section.fv{
    width: 100%;
    margin: 0;
}
.trouble > ul {
    display: inline-block;
    vertical-align: top;
    padding-left: 1rem;
}
.trouble > ul > li {
    font-size: 1.1rem;
    font-weight: bold;
    color: #fd7e84;
    padding-bottom: 5px;
}
.trouble > img:nth-child(4){
    margin-top: 20px;
    display: block;
}
.choose dl{
    margin-bottom: 10px;
}
.choose dt {
    border-top: 5px dotted #b7ac87;
    padding-top: 10px;
}
.choose dl:nth-child(2) dt{
    border-top: none;
    padding-top: 0;
}
.choose dd{
    padding: 0 9px 20px;
    display: none;
}
.choose dl:nth-child(2) dd{
    display: block;
}
.recommend > dl > dt {
    font-weight: bold;
    color: #fd7e84;
    border-bottom: 6px double;
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 20px 0 5px;
}
.recommend dt > span {
    font-weight: bold;
    color: #fd7e84;
    font-size: 1rem;
}
ul.recommend_point li {
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN', sans-serif;
    font-size: 1.3rem;
    font-weight: bold;
	padding: 0 0 0 56px;
	text-align: left;

}

.point-green{
    color: #00097b;
}



.detail h3{
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN', sans-serif;
}
.graph{
    margin: 40px 0;
}
.detail h3 ,
.detail h3 a{
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN', sans-serif;
    font-weight: bold;
    font-size: 1.7rem;
    color: #ffffff;
    margin: 40px 0 10px;
    background-color:#00097b;
}

.icon-padding{
	width: 30px;
	transform: translateY(5px);
	padding: 0 5px 0 5px;
}







/*
ul.recommend_point {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
}
ul.recommend_point li {
    display: block;
    width: 24%;
    padding: 10px;
    box-sizing: border-box;
    border: 2px solid #917a30;
    border-radius: 10px;
    text-align: center;
    color: #917a30;
    font-weight: bold;
    margin-bottom: 10px;
}
.product h3 {
    background: url(../img/h3_icon_pink.png) no-repeat left center;
    color: #fd7e84;
    padding-left: 3.5rem;
    font-size: 1.5rem;
    padding: 10px 3.5rem;
    border-bottom: 6px double;
    margin: 30px 0 10px;
}
.product > h3 {
    background: url(../img/h3_icon_brown.png) no-repeat left center;
    color: #917a30;
    border-bottom: 0;
}
*/
.product > h3,
.review h3{
    text-align: center;
    margin: 40px 0 10px;
}
section.product {
   /* border-bottom: 12px dotted #cbc4b2;*/
    padding: 0 0 30px;
}
.detail dt {
    /*background: #eeebe1;*/
   /* border-radius: 5px;*/
   /* padding: 0px 15px;*/
    color: #ff5b00;
    font-size: 1.1rem;
    font-weight: bold;
}
.detail dd {
    padding: 5px 0px 20px;
}
a.btn {
    display: block;
    text-align: center;
  /*  margin: 20px 0;*/
}
p.detail_btn {
    display: block;
    text-align: center;
    margin: 20px 0;
}
p.detail_btn:hover {
    cursor: pointer;
}
.review > div{
    padding: 3%;
    margin: 10px 0;
}
.review .good {
    background: #f5e4ef;
}
.review{
    background: #d9edf3;
}
.review .bad {
    background: #eeeeee;
}
.review p {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
}
.review .good p {
    color: #fe75bd;
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.review .normal p {
    color: #19b0de;
}
.review .bad p {
    color: #666;
}
.review li {
    padding-left: 10%;
    margin-bottom: 10px;
}
.review .good li {
    background: url(../img/review_good.png) no-repeat 15px center;
    background-size: 50px;
}
.review .normal li {
    background: url(../img/review_nomal.png) no-repeat 15px center;
    background-size: 50px;
}
.review .bad li {
    background: url(../img/review_bad.png) no-repeat 15px center;
    background-size: 50px;
}
.review li span {
    background: #ffffff;
    padding: 2% 5%;
    line-height: 1.5;
    width: 97%;
    box-sizing: border-box;
    border-radius: 15px;
    display: block;
    font-size: 0.9rem;
}
.research table{
    margin: auto;
    width: 60%;
}
.research table tr {
    border-bottom: 1px solid #cccccc;
    display: block;
}
.research table th {
    width: 8rem;
    text-align: left;
    font-weight: normal;
}
.research table td{
}

footer {
    width: 100%;
    background: #293888;
    padding: 50px 0;
   /* margin-top: 80px;*/
}
footer table{
    text-align: left;
    margin: auto;
    color: #ffffff;
}
footer table th{
    width: 130px;
}
footer table tr {
    border-bottom: 1px solid #bfb887
        ;
    display: block;
}
@media (max-width:1200px) {
.tasting_area {
	background: url(../img/drinking_bg.png) repeat;
	padding: 0 10px 5px;
	border: 0;
}
.tasting_inner .txt {
	font-size: 13px;
}
}
@media (min-width:640px) {
p.btn_f{
    color:red; text-align:center; font-weight:bold; font-size: 25px;
}
}
@media (max-width:640px) {
p.btn_f{
    color:red; text-align:center; font-weight:bold; font-size: 4vw;
}
}
.matome_btn_area {
	width: 40%;
	margin: 40px auto 0;
}
.rank5_area {
	background: #fff;
}
.rank5_area_inner {
	padding: 0px;
}
.rank5_list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}
.rank5_list li {
	text-align: center;
	width: 19%;
}

@media (max-width:1200px) {
.rank5_area_inner {
	padding: 10px;
}
.rank5_list li {
	width: 30%;
}
}
.rank5_list li p {
  margin-top: 10px;
  margin-bottom: 10px;
}
.rank5_list li a {
	color: #767675;
    text-decoration: none;
}
.rank5_list .txt-link{
background: #040403;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
    line-height: 1.5em;
    padding: 0 3px;
}

.rank_tbl {
	margin-bottom: 0px;
}
.rank_tbl .double_circle {
	background: #fffbe7;
}
.rank_tbl p {
	background: #f3e8d8;
	color: #222222;
	width: 100%;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 8px;
	font-size: 18px;
}
.rank_tbl p span {
	font-size: 11px;
}
.rank_tbl ul {
	display: flex;
	justify-content: space-between;
}
.rank_tbl ul li {
	text-align: center;
	width: 20%;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	font-size: 15px;
	padding: 10px 10px;
	line-height: 1.5;
}
.rank_tbl ul li .vgood-txt {
	font-weight: bold;
	font-size: 15px;
}
.rank_tbl ul li .vgood {
	font-size: 90px;
	color: #fd7e84;
	font-weight: 900;
	line-height: 80px;
}
.rank_tbl ul li .good {
	font-size: 60px;
	color: #f3c45e;
	font-weight: 900;
	line-height: 80px;
}
.rank_tbl ul li .bad {
	font-size: 60px;
	color: #917a30;
	font-weight: 900;
	line-height: 80px;
}
.rank_tbl ul li .worse {
	font-size: 80px;
	color: #626262;
	font-weight: 900;
	line-height: 80px;
}
.rank_tbl ul.tblheder li{
border-bottom: 2px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
background: #fbf8f3;
line-height: 1.2em;
font-size: 12px;
}

.rank_tbl ul.tblheder li a{
color: #404040;
}

.rank_tbl ul.tblheder li p{
float:right;
right:-50%;
position:relative;
background: none;
}

.rank_tbl ul.tblheder li:nth-child(1){
border-top: none;
border-bottom: none;
background: none;
}

.rank_tbl ul.tblheder li:nth-child(2){
border-top: 2px solid #c9c9c9;
border-left: 1px solid #c9c9c9;}

.rank_tbl ul.tblheder li:nth-child(3){
border-top: 2px solid #c9c9c9;
border-left: 1px solid #c9c9c9;}


.rank_tbl ul.tblheder li:nth-child(4){
border-top: 2px solid #c9c9c9;
border-left: 1px solid #c9c9c9;}

.rank_tbl ul.tblheder li:nth-child(5){
border-top: 2px solid #c9c9c9;
border-left: 1px solid #c9c9c9;}

.rank_tbl ul.tblheder li:nth-child(6){
border-top: 2px solid #c9c9c9;
border-right: 2px solid #c9c9c9;
}


.rank_tbl ul.tblheder1 li:nth-child(6){
border-right: 2px solid #c9c9c9;
}


.rank_tbl ul.tblheder2 li:nth-child(6){
border-right: 2px solid #c9c9c9;
}

.rank_tbl ul.tblheder3 li:nth-child(6){
border-right: 2px solid #c9c9c9;
}

.rank_tbl ul.tblheder4 li:nth-child(6){
border-right: 2px solid #c9c9c9;
}

.rank_tbl ul.tblheder5 li:nth-child(6){
border-right: 2px solid #c9c9c9;
}

.rank_tbl ul.tblheder6 li:nth-child(6){
border-right: 2px solid #c9c9c9;
}

.rank_tbl ul.tblheder7 li:nth-child(6){
border-right: 2px solid #c9c9c9;
}

.rank_tbl ul.tblheder7 li{
border-bottom: 2px solid #c9c9c9;
}

.rank_tbl ul.tblheder7 li:nth-child(1){
border-bottom: none;
}
.rank_tbl .rank_cat {
background: #ffeae5;
border-bottom: 1px solid #ffffff;
border-right: 2px solid #c9c9c9;
}
.rank_tbl .rank_cat p{
color: #fd7e84;
font-weight: 600;
background: none;
line-height: 1.5em;
font-size: 14px;
}
.osusume_tbl {
    width: 50%;
    margin-bottom: -40px;
    margin-left: -60px;
    margin-top: -20px;
}
.rankTable table tr:first-child th:nth-child(1) {
    /* padding-top: 0px; */
}
@media (max-width:640px) {
    .rankTable table tr:first-child th:nth-child(1) {
    /* padding-top: 8px; */
}
}

@media (max-width:1200px) {
    .rank_tbl ul.tblheder li:nth-child(2){
    border-right:none;
    }
    .rank_tbl ul.tblheder li:nth-child(3){
    border-top: 2px solid #c9c9c9;
    border-bottom: 2px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder li:nth-child(4){
    border-right: 2px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder1 li:nth-child(3){
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder1 li:nth-child(4){
    border-right: 2px solid #c9c9c9;
    }


    .rank_tbl ul.tblheder2 li:nth-child(3){
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder2 li:nth-child(4){
    border-right: 2px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder3 li:nth-child(3){
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder3 li:nth-child(4){
    border-right: 2px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder4 li:nth-child(3){
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder4 li:nth-child(4){
    border-right: 2px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder5 li:nth-child(3){
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder5 li:nth-child(4){
        border-right: 2px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder5 li:nth-child(4){
        border-right: 2px solid #c9c9c9;
    }


    .rank_tbl ul.tblheder6 li:nth-child(3){
        border-right: 1px solid #c9c9c9;
        border-bottom: 1px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder6 li:nth-child(4){
        border-right: 2px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder7 li:nth-child(3){
        border-right: 1px solid #c9c9c9;
        border-bottom: 2px solid #c9c9c9;
    }

    .rank_tbl ul.tblheder7 li:nth-child(4){
        border-right: 2px solid #c9c9c9;
    }
}
@media (max-width:1200px) {
    #content {
        width: 95%;
        max-width: 790px;
        float: none;
        margin: 20px auto;
    }
    .rank_tbl ul li {
        width: 100%;
    }
    .rank_tbl ul li .vgood-txt {
        font-weight: bold;
        font-size: 12px;
    }
    .rank_tbl ul li .vgood, .rank_tbl ul li .good, .rank_tbl ul li .bad {
        font-size: 40px;
        line-height: 50px;
    }
    .rank_tbl ul li .worse {
        font-size: 40px;
        line-height: 50px;
    }
    .rank_tbl {
        width: 100%;
    }
    .rank_tbl ul li:nth-child(3) {
        border: none;
    }
    .rank_tbl p {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 0;
    }
}
.fsS {
	font-size: 12px;
	text-align: left;
	line-height: 1.5em;
	display: block;
}
.fsM {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
	display: block;
}

.fsSS{
	font-size: 10px;
	text-align: left;
	line-height: 1.5em;
	display: block;
}

@media (max-width:800px) {
    .pc_dp_n {
        display: block;
    }
    .sp_dp_n {
        display: none;
    }
    .osusume_tbl {
        width: 60%;
        margin-bottom: -29px;
        margin-left: -35px;
        margin-top: -1px;
    }
    .rankTable table tr:first-child th, .rankTable table tr:last-child th {
        padding: 3.5% 0;
    }
}
.Rank_list{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.Rank_list > li{
    width: 48%;
}
.Rank_list li h4 {
    background: #fd7e84;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    margin-bottom: 0px;
}
.Rank_dtl_list{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.Rank_dtl_list li{
    line-height: 1.3em;
    font-size: 80%;
    text-align: center;
    width: 32%;
    background: #f6f5f4;
    padding: 10px 5px 5px 5px;
    min-height: 200px;
}

.Rank_dtl_list a{
color: #404040;
}
@media screen and (max-width:800px) {
    .Rank_list > li {
        width: 100%;
    }
}
.close{
    display: none;
}
.btn_fixed{
    position: fixed;
    bottom: 1%;
    right: 1%;
    text-decoration: none;
    padding: 20px;
    font-weight: bold;
    color: #fff;
    background: #f35120;
    border: 2px solid #f36e46;
    border-radius: 5px;
    transition: 0.5s;
}
.btn_fixed:hover{
    color: #fd7e84;
    background: #fff;
}
@media screen and (max-width:800px) {
    p, dd{
        font-size: 0.8rem;
        line-height: 1.5rem;
    }
    img{
        max-width: 100%;
    }
    section.fv {
        width: 100%;
    }
    section {
        width: 100%;
        margin: 20px auto 60px;
    }
    section h2 {
        margin-bottom: 10px;
    }
    ul.recommend_point {
        margin-bottom: 10px;
    }
    ul.recommend_point li {
        font-size: 1rem;
		padding: 0;
		text-align: left;

    }
    .detail dt {
        font-size: 1rem;
    }
    .review li {
        background-position: 0 center!important;
        background-size: 50px;
        padding-left: 15%;
        margin-bottom: 5px;
    }
    .review li span {
        width: 100%;
    }
    section.product {
        padding: 0 3% 10%;
        box-sizing: border-box;
    }
    .product > h3 {
/*
        background: url(../img/h3_icon_brown.png) no-repeat left center;
        background-size: 27px;
        color: #917a30;
        border-bottom: 0;
        padding: 0px 2rem;
        font-size: 1.2rem;
        margin: 0px 0 10px;
*/
    }
    section.trouble > img{
        width: 96%;
        display: block;
        margin: auto;
    }
    .trouble > ul > li {
        font-size: 0.9rem;
    }
    .choose dl {
        width: 96%;
        margin: 0 auto 0px;
    }
    .recommend p,
    .recommend dl{
        width: 96%;
        margin: 0 auto 0px;
    }
    .recommend > dl > dt {
        font-size: 1.2rem;
        line-height: 1.2;
        margin: 10px 0 5px;
    }
    .recommend dt > span {
        font-size: 0.9rem;
    }
    .product h3 {
/*
        background: url(../img/h3_icon_pink.png) no-repeat left center;
        color: #fd7e84;
        padding-left: 3.5rem;
        font-size: 1.3rem;
        padding: 10px 0 0 2rem;
        border-bottom: 6px double;
        margin: 15px 0 10px;
        background-size: 25px;
        background-position-y: 14px;
*/
    }
    .review .good p {
        color: #fe75bd;
        font-size: 1.2rem;
        margin-bottom: 10px;
    }
    .review li {
        margin-bottom: 10px;
    }
    .btn_fixed {
        padding: 7px;
    }
    .research table {
        margin: auto;
        width: 94%;
    }
    section.greeting p {
        width: 94%;
        margin: auto;
    }
    .trouble > ul {
        padding: 1rem;
    }
    .trouble > img:nth-child(4) {
        margin-top: 0px;
    }
    .Rank_list {
        width: 94%;
        margin: auto;
    }
    footer {
        font-size: 0.9rem;
    }
    footer table th {
        display: block;
    }
    .rank_tbl ul li {
        font-size: 0.7rem;
    }
    .logo h1 img {
        width: 40%;
    }
}
.marker {
background: linear-gradient(transparent 60%, #fff993 60%);
}
@media screen and (max-width:800px) {
    .graph {
        margin: 20px 0;
    }
    section {
        margin: 20px auto;
    }.product > h3, .review h3 {
        margin: 20px 0 10px;
    }
    .detail h3, .detail h3 a {
        font-size: 1.5rem;
        margin: 20px 0 10px;
    }
    section.product {
        padding: 5% 3% 5%;
    }
    section.search h2 {
        width: 90%;
        margin: auto;
    }
}
section#searchForm {
    margin: 20px auto 20px;
}
.review > div.normal {
    background: #e4ebf5;
}

/*20181112*/
.footer_txt{
    display: flex;
    width: 70%;
    margin: 0 auto;
    color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer_txt li{
    width: 40%;

}
@media screen and (max-width:800px) {
    .footer_txt{
        display: flex;
        width: 80%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer_txt li{
        width: 100%;
    }
    .footer_txt li:first-child{
        margin-bottom: 20px;
    }
    .mb-20 {
        margin-top: 0px;
    }
}

.ba {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.ba img{
	padding-top: 50px;
	padding-bottom: 50px;
}
@media screen and (max-width:800px) {
	.ba {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
    .ba img{
	padding-top: 10px;
	padding-bottom: 10px;

	}
}

.rankTable {
    background: #c1e1fe;
	width: 1000px;
	margin: 0 auto 3%;
	padding: 1.5%;
	box-sizing: border-box;
}
.rankTable table {
	background: #ffffff;
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	padding: 1%;
	border-radius: 5px;
}
.rankTable table tr th {
    background: #00097b;
	color: #ffffff;
	border-radius: 0;
	padding: 0.5% 0;
	/*font-weight: bold;*/
}
.rankTable table tr:first-child th,
.rankTable table tr:last-child th {
	background: #ffffff;
	border-radius: 0;
	padding: 1.2% 0;
	font-size: 1.5rem;
	vertical-align: top;
	line-height: 1;
	border-right: 2px dotted #c4c4c4;
}
.rankTable table tr:first-child th:last-child,
.rankTable table tr:last-child th:last-child {
	border-right: none;
}
.rankTable table tr:first-child th:nth-child(1){
	color: #dba728;

}
.rankTable table tr:first-child th:nth-child(2) {
	color: #9d9a93;
}
.rankTable table tr:first-child th:nth-child(3) {
	color: #c56e6e;
}
.rankTable table tr:first-child th:nth-child(4) {
	color: #74cccc;
}
.rankTable table tr:first-child th:nth-child(5){
	color: #74cccc;
}
.rankTable table tr:first-child th:nth-child(6){
	color: #74cccc;
}
.rankTable table tr:first-child th a,
.rankTable table tr:last-child th a {
    font-size: 14px;
}
.rankTable table tr:first-child th a img,
.rankTable table tr:last-child th a img {
	width: 45%;
}
@media screen and (max-width:800px) {
.rankTable table tr:first-child th a img,
.rankTable table tr:last-child th a img {
	width: 80%;
}
}
.rankTable td {
	border-right: 2px dotted #c4c4c4;
	text-align: center;
	padding: 1% 0;
	width: calc(100%/6-1%);
	font-size: 0.9rem;
	vertical-align: top;
}
.rankTable td:last-child {
	border-right: none;
}
td.txt_only {
	font-size: 1rem;
	color: #333333;
	padding: 2.5% 0;
}
span.ex, span.go, span.so, span.ba {
	font-weight: normal;
	line-height: 45px;
}
span.ex {
	font-size: 3rem;
	color: #f8525d;
}
span.go {
	font-size: 3rem;
	color: #ffbc53;
}
span.so {
	font-size: 3rem;
	color: #7fcdf1;
}
span.ba {
	font-size: 4rem;
	color: #7a7a7a;
}
span.txt_ex {
	font-weight: bold;
	color: #f8525d;
}

.scrollok{
	display: none;
}
@media (max-width: 620px){
    .rankTable table tr:first-child th,
.rankTable table tr:last-child th {
	background: #ffffff;
	border-radius: 0;
	padding: 3.5% 0;
	font-size: 1.5rem;
	vertical-align: top;
	line-height: 1;
	border-right: 2px dotted #c4c4c4;
}

	.rankTable table tr.sp_th {
		display: block;
		height: 28px;
	}
	.rankTable table tr.sp_th th {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		width: calc(100% - 20px);
	}

	.scrollok{
		display: block;
		text-align: center;
		color: #ff0000;
	}

	.rankTable {
		width: 100%;
	}
	/*.rankTable td:nth-child(3) {
		border-right: none;
	}*/
	/*.rankTable td:nth-child(4),
	.rankTable td:nth-child(5),
	.rankTable th:nth-child(4),
	.rankTable th:nth-child(5) {
		display: none;
	}*/
	.rankTable {
		padding: 3%;
	}
	span.ex, span.go, span.so, span.ba {
		line-height: 50px;
	}
	span.ex {
		font-size: 3.0rem;
	}
	span.go {
		font-size: 2.2rem;
	}
	span.so {
		font-size: 2.2rem;
	}span.ba {
		font-size: 3rem;
	}
	/*.rankTable table tr:first-child th:nth-child(3),
	.rankTable table tr:last-child th:nth-child(3) {
		border-right: none;
	}*/
	.rankTable td {
		width: calc(100%/6);
	}
	.rankTable table tr th {
		font-size: 1rem;
	}
	.rankTable {
		padding: 0;
		border: 10px solid #c1e1fe;
		overflow: scroll;
		width: 100%;
	}
	.rankTable table {
		/* width: 750px; */
		table-layout: fixed;
        padding: 0;
	}

}


p.research {
font-size: 13px;
line-height: initial;
text-indent: -1em;
margin-left: 1em;
}
span.comment {
    font-size: 15px;
}
.mT10 {
    margin-top: 10px;
}

h2.mb0 {
    margin-bottom: 0;
}
a.white{
    color:#fff;
}
.rankTable .by{
    background-color: #fcfee3 !important;
}



#acMenu dt{
display:block;
text-align:center;
cursor:pointer;
}
#acMenu dd{
display:none;
}
.caution_txt{
    text-align:right;
    font-size:0.7em;
}
.ser_w {
    max-width: 700px;
    margin: 0 auto;
}
@media (max-width: 787px){
    .ser_w {
        max-width: 100%;
        margin: 0 auto;
    }
}

@-moz-keyframes animate69 {
    0% {
        -moz-transform: skewX(9deg);
    }
    10% {
        -moz-transform: skewX(-8deg);
    }
    20% {
        -moz-transform: skewX(7deg);
    }
    30% {
        -moz-transform: skewX(-6deg);
    }
    40% {
        -moz-transform: skewX(5deg);
    }
    50% {
        -moz-transform: skewX(-4deg);
    }
    60% {
        -moz-transform: skewX(3deg);
    }
    70% {
        -moz-transform: skewX(-2deg);
    }
    80% {
        -moz-transform: skewX(1deg);
    }
    90% {
        -moz-transform: skewX(0deg);
    }
    100% {
        -moz-transform: skewX(0deg);
    }
}

@-o-keyframes animate69 {
    0% {
        -o-transform: skewX(9deg);
    }
    10% {
        -o-transform: skewX(-8deg);
    }
    20% {
        -o-transform: skewX(7deg);
    }
    30% {
        -o-transform: skewX(-6deg);
    }
    40% {
        -o-transform: skewX(5deg);
    }
    50% {
        -o-transform: skewX(-4deg);
    }
    60% {
        -o-transform: skewX(3deg);
    }
    70% {
        -o-transform: skewX(-2deg);
    }
    80% {
        -o-transform: skewX(1deg);
    }
    90% {
        -o-transform: skewX(0deg);
    }
    100% {
        -o-transform: skewX(0deg);
    }
}

@-webkit-keyframes animate69 {
    0% {
        -webkit-transform: skewX(9deg);
    }
    10% {
        -webkit-transform: skewX(-8deg);
    }
    20% {
        -webkit-transform: skewX(7deg);
    }
    30% {
        -webkit-transform: skewX(-6deg);
    }
    40% {
        -webkit-transform: skewX(5deg);
    }
    50% {
        -webkit-transform: skewX(-4deg);
    }
    60% {
        -webkit-transform: skewX(3deg);
    }
    70% {
        -webkit-transform: skewX(-2deg);
    }
    80% {
        -webkit-transform: skewX(1deg);
    }
    90% {
        -webkit-transform: skewX(0deg);
    }
    100% {
        -webkit-transform: skewX(0deg);
    }
}

@keyframes animate69 {
    0% {
        transform: skewX(9deg);
    }
    10% {
        transform: skewX(-8deg);
    }
    20% {
        transform: skewX(7deg);
    }
    30% {
        transform: skewX(-6deg);
    }
    40% {
        transform: skewX(5deg);
    }
    50% {
        transform: skewX(-4deg);
    }
    60% {
        transform: skewX(3deg);
    }
    70% {
        transform: skewX(-2deg);
    }
    80% {
        transform: skewX(1deg);
    }
    90% {
        transform: skewX(0deg);
    }
    100% {
        transform: skewX(0deg);
    }
}

.animate69 {
    -webkit-animation-name: animate69;
    -moz-animation-name: animate69;
    -o-animation-name: animate69;
    animation-name: animate69;
}

@-moz-keyframes option69 {
    0% {
        -moz-transform: translateX(0);
    }
    20% {
        -moz-transform: translateX(9%);
    }
    50% {
        -moz-transform: translateX(5%);
    }
    60% {
        -moz-transform: translateX(13%);
    }
    90% {
        -moz-transform: translateX(0);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@-o-keyframes option69 {
    0% {
        -o-transform: translateX(0);
    }
    20% {
        -o-transform: translateX(9%);
    }
    50% {
        -o-transform: translateX(5%);
    }
    60% {
        -o-transform: translateX(13%);
    }
    90% {
        -o-transform: translateX(0);
    }
    100% {
        -o-transform: translateX(0);
    }
}

@-webkit-keyframes option69 {
    0% {
        -webkit-transform: translateX(0);
    }
    20% {
        -webkit-transform: translateX(9%);
    }
    50% {
        -webkit-transform: translateX(5%);
    }
    60% {
        -webkit-transform: translateX(13%);
    }
    90% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes option69 {
    0% {
        transform: translateX(0);
    }
    20% {
        transform: translateX(9%);
    }
    50% {
        transform: translateX(5%);
    }
    60% {
        transform: translateX(13%);
    }
    90% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(0);
    }
}

.a-option69 {
    -webkit-animation-name: option69;
    -moz-animation-name: option69;
    -o-animation-name: option69;
    animation-name: option69;
}

img.a-option69 {
    left: 0;
    top: 18%;
}


.a-option69 {
    top: 0%!important;
}

.a-option69 {
    width: 0%!important;
}

.a-btn69 {
    max-width: 100%!important;
}

.animate69,
.a-btnsub69,
.a-option69 {
    animation-duration: 1.4s!important;
    -webkit-animation-duration: 1.4s;
    -ms-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s!important;
}
.animate {
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.menu-list{
	margin-top: 30px;
	margin-bottom: 50px;
}


.acc{
    border: 1px solid #fff;
font-size: .9em;
vertical-align: middle;
margin-top: 10px;
position: relative;
height: 1em;
line-height: 1;
padding: 0.3em 1em;
margin-right: 1em;
border-radius: 3em;
}
.menu {
	width: 100%;
}
.menu p{
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
}
label {
  display: flex;
	justify-content: space-between;
  margin: 0 0 1px 0;
	padding: 5px;
	color :#fff;
  background :#00097b;
}
#menu_bar1:checked + label:after, #menu_bar2:checked + label:after,
#menu_bar3:checked + label:after, #menu_bar4:checked + label:after,
#menu_bar5:checked + label:after, #menu_bar6:checked + label:after,
#menu_bar7:checked + label:after, #menu_bar8:checked + label:after,
#menu_bar9:checked + label:after, #menu_bar10:checked + label:after {
	transition: all 0.5s;
}

#menu_bar1:checked + label:after, #menu_bar2:checked + label:after,
#menu_bar3:checked + label:after, #menu_bar4:checked + label:after,
#menu_bar5:checked + label:after, #menu_bar6:checked + label:after,
#menu_bar7:checked + label:after, #menu_bar8:checked + label:after,
#menu_bar9:checked + label:after, #menu_bar10:checked + label:after{
  transform: rotateX(180deg);
  position: absolute;
  right: 3%;
}

input {
	display: none;
}

.menu p {
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
}

.menu p {
  max-height: 0;
  overflow-y: hidden;
	transition: all 1s;
}
.menu dl {
	margin: 10px 0 50px;
	padding: 0;
	list-style: none;
}

.menu dl {
  max-height: 0;
  overflow-y: hidden;
	transition: all 1s;
}
.menu dt:first-child{
	margin-top: 10px;
}
.menu dt{
	    color: #ff5b00;
    font-size: 1.1rem;
    font-weight: bold;
	margin-top: 20px;
}


#menu_bar1:checked ~ #links1 p,#menu_bar2:checked ~ #links2 dl,
#menu_bar3:checked ~ #links1 p,#menu_bar4:checked ~ #links2 dl,
#menu_bar5:checked ~ #links1 p,#menu_bar6:checked ~ #links2 dl,
#menu_bar7:checked ~ #links1 p,#menu_bar8:checked ~ #links2 dl,
#menu_bar9:checked ~ #links1 p,#menu_bar10:checked ~ #links2 dl {
	max-height: 710px;
  opacity: 1;
}
.img11{
	margin-top: 30px;
}

label h3, label h3 a {
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN', sans-serif;
    font-weight: bold;
    font-size: 1.7rem;
    color: #ffffff;
    background-color: #00097b;
}
.menu-list{
	margin-top: 30px;
	margin-bottom: 50px;
}
/*
ul.recommend_point {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
}
ul.recommend_point li {
    display: block;
    width: 24%;
    padding: 10px;
    box-sizing: border-box;
    border: 2px solid #917a30;
    border-radius: 10px;
    text-align: center;
    color: #917a30;
    font-weight: bold;
    margin-bottom: 10px;
}
.product h3 {
    background: url(../img/h3_icon_pink.png) no-repeat left center;
    color: #fd7e84;
    padding-left: 3.5rem;
    font-size: 1.5rem;
    padding: 10px 3.5rem;
    border-bottom: 6px double;
    margin: 30px 0 10px;
}
.product > h3 {
    background: url(../img/h3_icon_brown.png) no-repeat left center;
    color: #917a30;
    border-bottom: 0;
}
*/
.product > h3,
.review h3{
    text-align: center;
    margin: 40px 0 10px;
}
section.product {
   /* border-bottom: 12px dotted #cbc4b2;*/

}
.detail dt {
    /*background: #eeebe1;*/
   /* border-radius: 5px;*/
   /* padding: 0px 15px;*/
    color: #00097b;
    font-size: 1.1rem;
    font-weight: bold;
}
.detail dd {
    padding: 5px 0px 20px;
}
a.btn {
    display: block;
    text-align: center;
  /*  margin: 20px 0;*/
}
p.detail_btn {
    display: block;
    text-align: center;
    margin: 20px 0;
}
p.detail_btn:hover {
    cursor: pointer;
}
.review > div{
    padding: 3%;
    margin: 10px 0;
}
.detail h3{
justify-content: space-between;
align-items: center;
padding: .1em;
}

.close2 {
	display: none;
	margin:0 auto;
}
.close3 {
	display: none;
	margin:0 auto;
}

@media screen and (min-width:800px) {
    .sp{
        display:none;
    }
}

@media screen and (max-width:800px) {
    .sp{
        display:block;
    }
.detail h3.OaC_btn2 p{
    font-size:0.7em;
    margin-bottom: .5em;
}
.detail h3.OaC_btn2 a{
    font-size:1em;
}
.detail h3.OaC_btn3 p{
    font-size:0.7em;
    margin-bottom: .3em;
}
.acc{
    border: 1px solid #fff;
font-size: .8em;
vertical-align: middle;
margin-right: 0;
position: relative;
height: 1em;
line-height: 1;
padding: .3em .8em;
margin-right: 0;
border-radius: 3em;
}
}
@media only screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
}

.days_fs{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.days_img{
    text-align: center;
}

.shuffling {
margin-top: 10px;
animation-duration: 1.4s!important;
-webkit-animation-duration: 1.4s;
-ms-animation-duration: 1.4s;
-moz-animation-duration: 1.4s!important;
-webkit-animation-name: shuffling;
-moz-animation-name: shuffling;
-o-animation-name: shuffling;
animation-name: shuffling;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-moz-keyframes shuffling {
0% {-moz-transform: skewX(9deg);}
10% {-moz-transform: skewX(-8deg);}
20% {-moz-transform: skewX(7deg);}
30% {-moz-transform: skewX(-6deg);}
40% {-moz-transform: skewX(5deg);}
50% {-moz-transform: skewX(-4deg);}
60% {-moz-transform: skewX(3deg);}
70% {-moz-transform: skewX(-2deg);}
80% {-moz-transform: skewX(1deg);}
90% {-moz-transform: skewX(0deg);}
100% {-moz-transform: skewX(0deg);}
}
@-o-keyframes shuffling {
0% {-o-transform: skewX(9deg);}
10% {-o-transform: skewX(-8deg);}
20% {-o-transform: skewX(7deg);}
30% {-o-transform: skewX(-6deg);}
40% {-o-transform: skewX(5deg);}
50% {-o-transform: skewX(-4deg);}
60% {-o-transform: skewX(3deg);}
70% {-o-transform: skewX(-2deg);}
80% {-o-transform: skewX(1deg);}
90% {-o-transform: skewX(0deg);}
100% {-o-transform: skewX(0deg);}
}
@-webkit-keyframes shuffling {
0% {-webkit-transform: skewX(9deg);}
10% {-webkit-transform: skewX(-8deg);}
20% {-webkit-transform: skewX(7deg);}
30% {-webkit-transform: skewX(-6deg);}
40% {-webkit-transform: skewX(5deg);}
50% {-webkit-transform: skewX(-4deg);}
60% {-webkit-transform: skewX(3deg);}
70% {-webkit-transform: skewX(-2deg);}
80% {-webkit-transform: skewX(1deg);}
90% {-webkit-transform: skewX(0deg);}
100% {-webkit-transform: skewX(0deg);}
}
@keyframes shuffling {
0% {transform: skewX(9deg);}
10% {transform: skewX(-8deg);}
20% {transform: skewX(7deg);}
30% {transform: skewX(-6deg);}
40% {transform: skewX(5deg);}
50% {transform: skewX(-4deg);}
60% {transform: skewX(3deg);}
70% {transform: skewX(-2deg);}
80% {transform: skewX(1deg);}
90% {transform: skewX(0deg);}
100% {transform: skewX(0deg);}
}

.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC;
    font-size: 18px;
}

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

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

.star5_rating[data-rate="4.6"]:after{ width: 94%; } /* 星4.6 */
.star5_rating[data-rate="4.1"]:after{ width: 88%; } /* 星4.1 */
.star5_rating[data-rate="3.9"]:after{ width: 80%; } /* 星3.9 */
.star5_rating[data-rate="3.6"]:after{ width: 70%; } /* 星3.6 */
.star5_rating[data-rate="3.2"]:after{ width: 65%; } /* 星3.2 */

/* 追従 */
 /*デフォルトで非表示にする*/
 .ScrollTop {
    opacity: 0;
    transition: all 0.65s;
  }
  .ScrollTop.isActive {
    opacity: 1;
    transition: all 0.65s;
  }

  /*デフォルトで非表示にする*/
 .ScrollTop2 {
    opacity: 0;
    transition: all 0.65s;
  }
  .ScrollTop2.isActive2 {
    opacity: 1;
    transition: all 0.65s;
  }

   /* パソコンで見たときは"pc"のclassがついた画像が表示される */
   .pc_no { display: block !important; }
   .sp_no { display: none !important; }
   /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
   @media only screen and (max-width: 640px) {
       .pc_no { display: none !important; }
       .sp_no { display: block !important; }
   }

   .menu .sub dt {
    color: #00097b;
   }

   .table_ttl {
    display: block;
    width: 95%;
    max-width: 1000px;
    margin: 20px auto;
}

@media screen and (max-width: 620px){
.table_ttl {
    margin: 10px auto;
}
}

.point_ttl img{
    width: 70%;
    margin-bottom: 16px;
}
.point_ttl{
    text-align: center;
}
.point_content p{
    color: #000000;
}
.point_subttl img{
margin-top: 18px;
}
.point_content{
    margin-bottom:10px;
}
.point_text{
    font-size: 1.3rem;
    margin-top: 8px;
    padding-bottom: 10px;
    font-weight: bold;
    margin-left: 75px;
}
.point{
    position: relative;
}
.point_area{
    background-color: #dfefff;
    padding: 20px 0 20px 0;

}
.red{
    color: red;
}
.yellow{
    color: red;
}
.worry_text{
    text-align: center;
    font-size: 24px;
    margin-top: 24px;
}
.worry_text p{
    line-height: 2.5rem;
}

.w_lead{
    text-align: center;
    font-weight: 800;
    font-size: 2rem;
    padding-bottom: 30px;
    padding-top: 40px;
}

@media screen and (max-width: 620px){
    .worry_text p {
        line-height: 1.6rem;
        font-size: 18px;
    }
    .point_text p{
        font-size: 1rem;
    }
    .point_text{
        margin-left: 18px;
        padding-right: 18px;
        margin-top: 4px;
        padding-bottom: 4px;
    }
    .point_subttl img{
        height:33px;
    }
    .w_lead{
    font-size: 1.4rem;
    padding-bottom: 16px;
    padding-top: 0px;
}
.point_ttl img{
    width: 90%;
    margin-top: 15px;
}
.point_area{
    margin:0 10px;
}

}

/* tuika250304 */
.hyoji{
    margin: 0 0 1px 0;
    padding: 5px;
    color: #fff;
    background: #00097b;
    font-size: 1.7rem;
}
.hyoji a{
    color: #fff;
}
.naiyo{
    margin-top: 10px;
}
@media screen and (max-width: 800px) {
    .naiyo{
        font-size: 0.8rem;
    }
}