﻿a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}


#prodr_marinated_ {
width: 100%;
max-width:480px;
height:auto;
padding: 0%;
margin: 0 auto;
background-color:#e62614;
}

#prodr_marinated_top {
max-width:480px;
height:auto;
padding: 0%;
margin: 0 auto;
background-color:#e62614;
}

.to_top_ {
width: 100%;
max-width:480px;
height:auto;
padding: 0%;
margin: 0 auto;
}

.h_ttl2{
width: 100%;
max-width:480px;
height:auto;
padding: 0%;
margin: 0 auto;
}

#prodr_marinated_top h1 {
width: 100%;
max-width:480px;
height:auto;
padding: 0%;
margin: 0 auto;
font-size: 1px;
font-weight: normal;
}

.ardr_read_top{
width: 100%;
max-width:480px;
height:auto;
padding: 5% 5% 5% 5%;
margin: 0 auto;
color: #fff;
font-size:16px;
text-align: left;
background-color:#e62614;
}

#mr_cabbage {
width: 100%;
max-width:480px;
height:auto;
margin-top: -17.07vw;
padding-top: 17.07vw;
}

#mr_cabbage_01 {
width: 90%;
max-width:432px;
height:auto;
padding: 1% 0% 0% 0%;
margin: 0 auto;
background-color:#fff;
font-size:16px;
text-align: left;
}

#mr_cabbage_01 h2{
width: 100%;
max-width:432px;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0 auto;
float:none;
border: none;
background: #fff;
}

.h2_image {
width: 100%;
max-width:432px;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0 auto;
}

.marinated_left01 {
width: 90%;
max-width:432px;
height:auto;
padding: 0%;
margin:5% 5% 0% 5%;
background-color:#fff;
}

.marinated_right01 {
width: 96%;
max-width:432px;
height:auto;
padding: 0% ;
margin:0% 0.5% 0% 1.6%;
background-image: url("/img/usr/free/ardr/ardr_memobg2.png");
background-repeat: no-repeat;
overflow:hidden;
background-size:cover;
}

.marinated_right02 {
width: 96%;
max-width:432px;
height:auto;
padding: 0% ;
margin:0% 0.5% 0% 1.6%;
background-image: url("/img/usr/free/ardr/ardr_memobg3.png");
background-repeat: no-repeat;
overflow:hidden;
background-size:cover;
}

.ardr_bake_read01 {
width: 88%;
max-width:360px;
height:275px;
padding: 42% 5% 0% 8%;
margin:0 auto;
color: #333;
font-size:16px;
text-align: left;
line-height:1.5;
}

.ardr_bake_read01 a{
font-weight:bold;
text-decoration: left;
}

.ardr_bake_read02 {
width: 88%;
max-width:360px;
height:300px;
padding: 42% 5% 0% 8%;
margin:0 auto;
color: #333;
font-size:16px;
text-align: left;
line-height:1.5;
}

.ardr_bake_read02 a{
font-weight:bold;
text-decoration: left;
}

.to_dr_item {
width: 100%;
max-width: 360px;
height:auto;
padding: 5% 0% 12% 15%;
margin:0 auto;
}

._yajirusi_ {
width: 100%;
max-width:432px;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0 auto;
}

/*col組*/

.cols_recipe {
width: 100%;
max-width:480px;
height:auto;
margin:0 auto;
padding: 0% 0% 0% 0%;
float:none;
clear:left;
background-color:#fff;
}

.col_recipe01 {
width:100%;
max-width:480px;
height:auto;
margin:0 auto;
padding: 0% 0% 8% 0%;
float:none;
background-color:#fff;
}

.col_read:first-child {
margin-left:0px;
}

.image_ {
width: 300px;
height: 225px;
margin:0 auto;
padding: 0px;
}

.name_recipe{
margin:0 auto;
padding: 1% 0% 0% 0%;
line-height:1.6;
text-align: center;
width: 100%;
font-size:16px;
color:#333;
font-weight:normal;
}

.name_recipe a {
font-size:16px;
color:#333;
font-weight:normal;
text-decoration: none;
}

.name_recipe a:hover {
color:#e62614;
text-decoration: underline;
}

.kugiri{
width: 100%;
max-width:480px;
height:30px;
padding: 0%;
margin: 0 auto;
background-color:#e62614;
}

#mr_daikon {
width: 100%;
max-width:480px;
height:auto;
margin-top: -17.07vw;
padding-top: 17.07vw;
}

#mr_daikon_01 {
width: 90%;
max-width:432px;
height:auto;
padding: 1% 0% 0% 0%;
margin: 0 auto;
background-color:#fff;
font-size:16px;
text-align: left;
}

#mr_daikon_01 h2{
width: 100%;
max-width:432px;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0 auto;
float:none;
border: none;
background: #fff;
}

#mr_hakusai {
width: 100%;
max-width:480px;
height:auto;
margin-top: -17.07vw;
padding-top: 17.07vw;
}

#mr_hakusai_01 {
width: 90%;
max-width:432px;
height:auto;
padding: 1% 0% 0% 0%;
margin: 0 auto;
background-color:#fff;
font-size:16px;
text-align: left;
}

#mr_hakusai_01 h2{
width: 100%;
max-width:432px;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0 auto;
float:none;
border: none;
background: #fff;
}

#mr_kinoko {
width: 100%;
max-width:480px;
height:auto;
margin-top: -17.07vw;
padding-top: 17.07vw;
}

#mr_kinoko_01 {
width: 90%;
max-width:432px;
height:auto;
padding: 1% 0% 0% 0%;
margin: 0 auto;
background-color:#fff;
font-size:16px;
text-align: left;
}

#mr_kinoko_01 h2{
width: 100%;
max-width:432px;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0 auto;
float:none;
border: none;
background: #fff;
}

#mr_onion {
width: 100%;
max-width:480px;
height:auto;
margin-top: -17.07vw;
padding-top: 17.07vw;
}

#mr_onion_01 {
width: 90%;
max-width:432px;
height:auto;
padding: 1% 0% 0% 0%;
margin: 0 auto;
background-color:#fff;
font-size:16px;
text-align: left;
}

#mr_onion_01 h2{
width: 100%;
max-width:432px;
height:auto;
padding: 0% 0% 0% 0%;
margin: 0 auto;
float:none;
border: none;
background: #fff;
}

#re_contents {
width: 100%;
max-width:480px;
height:165px;
padding:8% 5% 3% 5%;
margin:0 auto;
background-color:#e62614;
clear:left;
}

.chu_txt2{
width: 100%;
max-width:480px;
height:auto;
color:#fff;
font-weight:normal;
text-decoration: none;
font-size: small;
padding: 5% 0% 0% 0%;
line-height:2;
text-align: left;
}

.chu_txt2 a{
color:#fff;
}

.re_ardr_top{
width: 246px;
height:145px;
float:right;
margin:0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

#dr_end {
width: 100%;
max-width:480px;
height:180px;
padding: 0%;
margin:0 auto;
background-color:#e62614;
}

.dip_copy {
color: #fff;
width: 100%;
height: 60px;
margin: 30px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 1.5;
text-align: center;
clear: left;
}


@media (max-width:414px){

.ardr_read_top{
font-size:15px;
}

.marinated_right01 {
width: 95%;
height:auto;
padding: 0% ;
margin:0% 2% 0% 2%;
background-image: url("/img/usr/free/ardr/ardr_memobg3.png");
}

.marinated_right02 {
width: 95%;
height:auto;
padding: 0% ;
margin:0% 2% 0% 2%;
background-image: url("/img/usr/free/ardr/ardr_memobg4.png");
}

.ardr_bake_read01 {
width: 84%;
height:265px;
padding: 39% 5% 0% 8%;
}

.ardr_bake_read02 {
width: 84%;
height:290px;
padding: 39% 5% 0% 8%;
}

.to_dr_item {
width: 92%;
height:auto;
padding: 3% 5% 10% 15%;
margin:0 auto;
}

.chu_txt2{
width: 100%;
max-width:480px;
height:auto;
color:#fff;
font-weight:normal;
text-decoration: none;
font-size: small;
padding: 0% 0% 0% 0%;
line-height:2;
text-align: left;
}
}

@media (max-width:393px){

.marinated_right01 {
width: 96%;
}

.marinated_right02 {
width: 96%;
}

.ardr_bake_read01 {
height:250px;
font-size:15px;
}

.ardr_bake_read02 {
height:285px;
font-size:15px;
}

.name_recipe{
font-size:15px;
}

.name_recipe a {
font-size:15px;
}
}


@media (max-width:375px){
.name_read{
font-size:14px;
}

.name_read a {
font-size:14px;
}

.name_recipe{
font-size:14px;
}

.name_recipe a {
font-size:14px;
}

.ardr_read_top{
font-size:14px;
}

.ardr_read{
font-size:14px;
}

.ardr_bake_read01 {
height:240px;
font-size:14px;
padding: 40% 3% 0% 6%;
}

.ardr_bake_read02 {
height:270px;
font-size:14px;
padding: 40% 3% 0% 6%;
}

.to_dr_item {
width: 95%;
height:auto;
margin:0 auto;
padding: 0% 5% 12% 13%;
}
}


@media (max-width:360px){

.marinated_right01 {
background-image: url("/img/usr/free/ardr/ardr_memobg3.png");
}

.ardr_bake_read {
height:242px;
}

.image_ {
width: 90%;
height: auto;
margin:0 auto;
padding: 0% 5% 0% 5%;
}

.ardr_bake_read01 {
height:230px;
}

.ardr_bake_read02 {
height:265px;
}
}

@media (max-width:320px){

.marinated_right01 {
width: 96%;
margin: 0% 0% 0% 2%;
}

.marinated_right02 {
background-image: url("/img/usr/free/ardr/ardr_memobg5.png");
width: 96%;
margin: 0% 0% 0% 2%;
}

.ardr_bake_read {
padding: 39% 5% 0% 6%;
line-height: 1.3;
}

.ardr_bake_read01 {
height:215px;
line-height:1.4;
padding: 36% 5% 0% 8%;
}

.ardr_bake_read02 {
height:250px;
line-height:1.4;
padding: 36% 5% 0% 8%;
}

.to_dr_item {
width: 87%;
height:auto;
padding: 0% 0% 10% 13%;
margin:0 auto;
}
}