*{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_a{
    margin-left: 1rem;
}
p, dd{
}
img{
    max-width: 100%;
}
body {
    color: #333;
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;	
}	
.fcR{	
color: #e30000;	
}

.logo h1{
    text-align: center;
}
.mv{
    text-align: center;
}
@media (min-width:750px) {
.mv img{
    max-width: 1200px;
    width: 100%;
}
}
section{
    width: 1000px;
    margin: 30px auto 60px;
}
section h2{
    margin-bottom: 20px;
    text-align: center;
}
section.fv{
    width: 100%;
    margin: 0;
}
.t-c{
	text-align: center;
}
.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-size: 1.3rem;
    font-weight: bold;
	padding: 0 0 0 56px;

}

.point-green{
	color: #254f08;
}




.graph{
    margin: 40px 0;
}
.detail h3 ,
.detail h3 a{
    font-weight: bold;
    font-size: 1.7rem;
    color: #ffffff;
    margin: 40px 0 10px;
	background-color: #254f08;
}

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


.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: #000000;
    /* background: #254F08;*/
}
#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{
	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{
  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 25px;
	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: #254f08;
    font-size: 1.1rem;
    font-weight: bold;
	margin-top: 20px;
}


#menu_bar1:checked ~ #links1 p,
#menu_bar2:checked ~ #links2 dl,
#menu_bar3:checked ~ #links3 dl,
#menu_bar4:checked ~ #links1 p,
#menu_bar5:checked ~ #links2 dl,
#menu_bar6:checked ~ #links3 dl{
	max-height: 700px;
  opacity: 1;
}

label h3, label h3 a {
    font-weight: bold;
    font-size: 1.7rem;
    color: #ffffff;
    background-color: #254f08;
}
.menu-list{
	margin-top: 30px;
	margin-bottom: 50px;
}

.img11{
	margin-top: 30px;
}

.ctaanim{
    animation-name: ctaanim;
    animation-duration:1.25s!important;
    box-shadow: 0 30px 4px -16px #00000044;
    border-radius: 32px;
}
@keyframes ctaanim{
0% {
    transform: scale(1);
    drop-shadow: 0 30px 4px #00000044;
}
60% {
    transform: scale(0.95);
    drop-shadow: 0 2px 0px #00000088;
}
70% {
    transform: scale(1.03);
    drop-shadow: 0 30px 4px #00000044;
}
80% {
    transform: scale(0.985);
    drop-shadow: 0 26px 2px #00000055;
}
90% {
    transform: scale(1.015);
    drop-shadow: 0 30px 4px #00000044;
}
100% {
    transform: scale(1);
    drop-shadow: 0 30px 4px #00000044;
}
}

/*
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;
}
*/


.coment .com1{	
padding: 10px;	
background: #fffbdb;	
margin: 20px 0;	
}


.product > h3,
.review h3{
    text-align: center;
    margin: 40px 0 10px;
    background: #c5e6af;
    padding: 15px;
    font-size: 35px;
}
section.product {
    background: #fff8d1;
    padding: 15px;
}
.product_inner {
    background: #fff;
    padding: 15px;
    border-radius: 20px;
}
.detail dt {
    /*background: #eeebe1;*/
   /* border-radius: 5px;*/
   /* padding: 0px 15px;*/
    color: #254f08;
    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{
}
.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC;
    font-size: 23px; 
}

.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.4"]:after{ width: 90%; } /* 星4.4 */
.star5_rating[data-rate="4.1"]:after{ width: 84%; } /* 星4.1 */
.star5_rating[data-rate="3.6"]:after{ width: 70%; } /* 星3.6 */
.star5_rating[data-rate="3.3"]:after{ width: 65%; } /* 星3.3 */

footer {
    width: 100%;
    background: #254f08;
    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;
}
}
.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;
}
@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;
}
.fsL {
	font-size: 18px;
}
.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;
}
.rankTable .th_pika{
width: 22%;
}
@media (max-width:800px) {
    .pc_dp_n {
        display: block;
    }
    .sp_dp_n {
        display: none;
    }
#menu_bar1:checked ~ #links1 p,
#menu_bar2:checked ~ #links2 dl,
#menu_bar3:checked ~ #links3 dl,
#menu_bar4:checked ~ #links1 p,
#menu_bar5:checked ~ #links2 dl,
#menu_bar6:checked ~ #links3 dl{
	max-height: 900px;
  opacity: 1;
}
}
.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: 16px;
        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;

    }
    .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 {
		padding-bottom: 5px;
/*
        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.8rem;
    }
    .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%;
    }
    section.search h2 {
        width: 90%;
        margin: auto;
    font-size: 15px;
    }
}
section#searchForm {
    margin: 20px auto 20px;
}
.review > div.normal {
    background: #e4ebf5;
}

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

}
@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;
    }
}

.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;

	}
	.acc{
    border: 1px solid #fff;
font-size: .7em;
vertical-align: middle;
margin-right: 0;
position: relative;
height: 1em;
line-height: 1;
padding: .3em .8em;
margin-right: 0;
border-radius: 3em;
}
	label h3, label h3 a {
    font-weight: bold;
    font-size: 1.05rem;
    color: #ffffff;
    background-color: #254f08;
}
}

.rankTable {
	background: #367c3e;
	width: 1000px;
	margin: 0 auto;
	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: #367c3e;
	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% 0;
	font-size: 2rem;
	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: #367c3e;
}
.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: 1rem;
}
.rankTable table tr:first-child th a img,
.rankTable table tr:last-child th a img {
	padding: 5% 0;
	width:80%;
}
.rankTable td {
	border-right: 2px dotted #c4c4c4;
	text-align: center;
	padding: 1%;
	width: calc(100%/6-1%);
	
	vertical-align: top;
}
.rankTable td:last-child {
	border-right: none;
}

.rankTable tr:nth-child(odd) th:first-child,
.rankTable tr td:first-child{
    background:#fff8c0;
}

.rankTable tr:first-child th:nth-of-type(2){
    background:#fff8c0;
}

.rankTable tr td:nth-child(2){
    background:#fff8c0;
}

.rankTable tr:last-child th:nth-of-type(2){
    background:#fff8c0;
}

.fs10{	
font-size: 15px;	
}	
/*公式はこちらボタン*/	
@media (min-width: 620px){	
th .tex-link{	
width: 70%;	
}	
.btn_a {	
background: #002591;	
text-align: center;	
border-radius: 10px;	
}	
.rankTable a.btn_a {	
text-decoration: none;	
color: #fff;	
padding: 5% 10%;	
box-shadow: 0 4px 0 #00175a;	
display: block;	
margin: 9px;	
line-height: 1.3;	
font-size: 13px !important;	
}	
}	
@media (max-width: 620px){	
th .tex-link{	
width: 70%;	
}	
.btn_a {	
background: #002591;	
text-align: center;	
border-radius: 10px;	
}	
.rankTable a.btn_a {	
text-decoration: none;	
color: #fff;	
padding: 5% 10%;	
box-shadow: 0 4px 0 #00175a;	
display: block;	
margin: 9px;	
line-height: 1.3;	
font-size: 11px !important;	
}	
.rankTable .th_pika{	
width: 15.6%;	
}	
.fs10{	
font-size: 13px;	
}	
}

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: 70px;
}
span.ex {
	font-size: 3.8rem;
	color: #f8525d;
}
span.go {
	font-size: 3.5rem;
	color: #ffbc53;
}
span.so {
	font-size: 3.2rem;
	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.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{
	    background: #fff8d1;
    display: block;
    text-align: center;
    color: #ff0000;
	}

	.rankTable {
		width: 100%;
	}
    .rankTable table{	
width: 100%;	
table-layout: fixed;	
padding: 0%;
}
	/*.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.5rem;
	}
	span.go {
		font-size: 2.5rem;
	}
	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 #367c3e;
		    border-top: 0px;
		overflow: scroll;
		width: 100%;
	}
	.rankTable table {
		width: 750px;
	}

}
.footer_txt a,.footer_txt a:active,.footer_txt a:hover,.footer_txt a:visited{
    color:#ffffff;
}

p.research {
font-size: 13px;
line-height: initial;

}
span.comment {
    font-size: 15px;
}
.mT10 {
    margin-top: 10px;
}
.mT20 {
    margin-top: 20px;
}


h2.mb0 {
    margin-bottom: 0;
}


@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);
    }
}

.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;
}
.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;
}
.animate69 {
    -webkit-animation-name: animate69;
    -moz-animation-name: animate69;
    -o-animation-name: animate69;
    animation-name: animate69;
}

.imgc img{
    display:block;
    margin:auto;
}

.crown{
    width:64%;
}
.lead{
    display:block;
    margin:0 auto;
}


.pc { 
    display: block !important; 
}
.sp { 
    display: none !important; 
}

@media only screen and (max-width: 750px) {
    .pc { 
        display: none !important; 
    }
    .sp {
        display: block !important; 
    }
}

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

/*画像の切り替え*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_img { display: block !important; }
.sp2_img { display: none !important; }
.mt80{
    margin-top: 80px;
}
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 620px) {
.pc_img { display: none !important; }
.sp2_img { display: block !important; }
.mt20{
    margin-top: 20px;
}
.mt10{
    margin-top: -18px;
}
}

.tac{
    text-align: center;
    font-size: 18px;
}

/*タイマー*/
.tick {
  font-size:1rem;
  white-space:nowrap;
  font-family:arial,sans-serif;
  width: 600px;
  
    max-width: 94%;
  margin: 10px auto 0;
}

.tick-flip,.tick-text-inline {
  font-size:2.5em;
}

.tick-label {
  margin-top:1em;
  font-size:1em;
}

.tick-char {
  width:1.5em;
}

.tick-text-inline {
  display:inline-block;
  text-align:center;
  min-width:1em;
}

.tick-text-inline+.tick-text-inline {
  margin-left:-.325em;
}

.tick-group {
  margin:0 .5em;text-align:center;
}

.tick-text-inline {
   color: #FFFFF3; 
}

.tick-label {
   color: #367c3e; 
   font-weight:bold;
}

.tick-flip-panel {
   color: rgb(255, 255, 255); 
}

.tick-flip {
   font-family: 'Oswald', sans-serif; 
}

.tick-flip-panel-text-wrapper {
   line-height: 1.35; 
}

.tick-flip-panel {
   background-color: #566270; 
}

.tick-flip {
   border-radius:0.12em; 
}

.countdown{
     margin: 30px auto 30px;
    background: #fff8d1;
    padding: 15px 0px;
    border-radius: 10px;
}
h2.OaC_btn {
    font-size: 20px;
    background: #c5e6af;
    padding: 5px;
    width: 50%;
    margin: auto;
    border-radius: 10px;
}
.fcF{
    color: #fff; 
}
.product_inner h3 {
    background: #367c3e;
    padding: 15px;
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
    border-radius: 20px;
}
.product_inner h3 a {
    text-decoration: none;
    color: #fff;
}
.product_flex {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
}
img.product_mv {
    display: block;
        width: 100%;
    margin: auto;
}
.product_point p {
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.product_detail {
    width: 45%;
}
.fsLL {
    font-size: 44px!important;
    line-height: 1em;
}
.product_point {
    background: #fff8d1;
    margin: 15px 0px;
    height: fit-content;
    width: 100%;
    border-radius: 10px;
}
.product_point {
    background: #fff8d1;
    margin: 15px 0px;
}
.product_point h4 {
    background: #c5e6af;
    text-align: center;
    font-size: 20px;
    padding: 5px 0px;
    border-radius: 10px 10px 0 0;
}
.product_slider h4 {
    font-size: 20px;
    background: #c5e6af;
    padding: 5px;
    text-align: center;
    border-radius: 10px;
}
.product_slider {
    margin: 30px auto;
    width: 100%;
}
.slider {
    text-align: center;
    margin: 10px auto;
    width: 60%;
}
.slider h5 {
    padding: 10px;
    font-size: 20px;
    background: #367c3e;
    color: #fff;
    margin-bottom: 15px;
}
.product_slider_box {
    border: 10px solid #367c3e;
    border-top: 0px;
    padding: 0 0 10px;
}
.product_slider_box p{
    font-size: 18px;
    line-height: 1.3;
}
.fwB{
    font-weight:bold;
}
.feature_tit {
     margin-left: 1.5em;
    text-indent: -1.4em;
    /* font-size: 87%; */
    line-height: 1.3em;
    font-weight: bold;
    color: #367c3e;
    font-size: 18px;
    margin-bottom: 10px;
}
.product_box {
    margin: 35px 0px 10px;
}
.feature_tit .p-icon {
margin-right: 7px;
    vertical-align: baseline;
    color: #367c3e;
    font-size: 25px;
}
.product_box h4 {
    padding: 5px 10px;
    background: #fff8d1;
    margin-bottom: 20px;
    border-left: 5px solid #367c3e;
    font-size: 20px;
}
.kutikomi {    
    display: flex;
    justify-content: space-between;
padding: 20px 20px;
    margin-bottom: 20px;
    border-radius: 15px;
    font-weight: bold;
    border: 1px solid #b5b5b5;
}
.kutikomi_icon {
    width: 100px;
}
p.kutikomi_text {
    width: 85%;
}
p.product_box_point {
        padding: 10px 10px 15px;
    border: 2px solid #c5e6af;
    margin: 10px 0;
    border-radius: 10px;
    font-weight: bold;
}
.product_box_point span {
    background: #c5e6af;
    padding: 5px;
    line-height: 2.4;
}
.hikaku_tensuu {
    font-size: 30px;
}
.product_flex a {
    width: 50%;
}
@media only screen and (max-width: 620px) {
    .product_flex a {
    width: 100%;
}
.kutikomi_icon {
          width: 25%;
    margin: auto;
    margin-top: 0;
    margin-left: 0;
}
p.kutikomi_text {
    width:70%;
}
    .countdown {
    margin: 0px auto 15px;
}
img.product_mv {
    width:95%;
}
.product_inner h3 {
    padding: 10px;
    font-size: 25px;
    margin-bottom: 10px;
}
.product_inner {
    padding: 10px;
}
.product_detail {
    width: 100%;
}
.slider {
    width: 100%;
}

.product_box h4 {
    margin-bottom: 15px;
        margin-top: 35px;
}
.product_box {
    margin: 20px 0px 10px;
}

.kutikomi {
    margin-bottom: 15px;
        padding: 10px 10px;
}
}