@charset "UTF-8";
/* CSS Document */

/*pc*/

@media print, screen and (min-width: 769px){

    .hed_img {
        background:url(../images/category/farmfresh_goods/hed_img.png) 0 0 no-repeat;
        width:960px;
        height:150px;
        text-indent:-9999px;
        margin:0 auto 30px;
    }


    .farmfresh_goods_hed_img {
        background:url(../images/category/farmfresh_goods/title_img.gif) 0 0 no-repeat;
        width:250px;
        height:17px;
        text-indent:-9999px;
        margin-bottom:25px;

    }


    .sub_title_img {
        background:url(../images/category/farmfresh_goods/sub_title_img.gif) 0 0 no-repeat;
        width:280px;
        height:50px;
        text-indent:-9999px;
        margin:25px 0;
    }


    .leftContents {
        width:360px;
        float: left;
        margin: 0 0 50px 0;
    }

    .rightContents {
        float:right;
    }


    #gift_wrap {
        border: 1px dotted #DDDDDD;
        border-radius: 5px 5px 5px 5px;
        position: relative;
    }

    .border_wrap {
        margin:0;
        padding:28px 28px 18px;
        width:auto;
    }


    .badge {
        left:-20px;
        position:absolute;
        top:-25px;
        z-index:10;
    }


    .sub_title_sanchi_img {
        background:url(../images/category/farmfresh_goods/sub_title_sanchi_img.gif) 0 0 no-repeat;
        width:400px;
        height:13px;
        text-indent:-9999px;
        font-size:1px;
        line-height:1px;
        margin-bottom:15px;
    }

    .com_list {
        margin:0;
        padding:0;
        list-style-type:none;
    }


    .com_list li {
        background:url(../images/com/arrow.gif) 0 8px no-repeat;
        color:#f4508e;
        border-bottom:1px dotted #f4508e;
        padding:5px 0 5px 20px;
    }



    .border_wrap02 {
        margin:0;
        padding:28px 28px 18px;
        width:auto;
        margin-bottom:40px;
    }


    .featuredproducts_title_text {
        font-size:1.6em;
        font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        margin-bottom:15px;
    }

    .featuredproducts_title_text span {
        font-size:0.6em;
        font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight:normal;
    }

    .featuredproducts_goods_img {
        width:230px;
        float:left;
    }

    .featuredproducts_goods_img img {
        border:1px solid #ccc;
        padding:4px;
    }

    .featuredproducts_goods_detail {
        width:370px;
        float:right;
    }
	
	.featuredproducts_goods_detail .mt {
        margin-top: 110px;
    }

    .featuredproducts_goods_detail02 {
        width:350px;
        float:right;
    }


    .featuredproducts_text {
        font-size:1.2em;
        font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        border-bottom:1px dotted #666;
        margin-bottom:10px;
        padding-bottom:5px;
    }

    .featuredproducts_text span {
        font-size:0.8em;
    }


    .voice_wrap {
        background:#faf0f4;
        width:360px;
        border:1px dotted #f4508e;
        padding:4px;
        margin-bottom:20px;
    }

    .voice_title_text {
        border-left:3px solid #f4508e;
        font-size:1.2em;
        font-weight:bold;
        font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        color:#f4508e;
        margin-bottom:10px;
        padding-left:8px;
    }

    .voice_text {
        color:#f4508e;
        margin-bottom:5px;
    }

    .voice_text span {
        background:#f4508e;
        padding:0 2px;
        font-size:0.9em;
        color:#FFF;
        margin-left:15px;
    }

    .voice_wrap p {
        background:#FFF;
        padding:5px;
        clear: both;
        font-size:0.9em;
    }

    .air_rogo_bg01{
        background: url(../images/category/farmfresh_goods/featuredproducts/air/rogo_img02.gif) no-repeat left top;
        height: 75px;
        width: 620px;
        text-indent: -9999px;
        }

    .esteban_rogo_bg01{
        background: url(../images/category/farmfresh_goods/featuredproducts/esteban/rogo_img01.gif) no-repeat left center;
        padding-left: 210px;
        margin-bottom: 20px;
        height: 55px;
        }

    .imabari_rogo_bg01{
        background: url(../images/category/farmfresh_goods/featuredproducts/imabari/rogo_img01.gif) no-repeat left center;
        padding-left: 70px;
        margin-bottom: 20px;
        height: 55px;
        }

    .air_title_img01{
        background: url(../images/category/farmfresh_goods/featuredproducts/air/title_img01.gif) no-repeat left top;
        text-indent: -9999px;
        height: 30px;
        width: 620px;
        }


    .air_title_img02{
        background: url(../images/category/farmfresh_goods/featuredproducts/air/title_img02.gif) no-repeat left top;
        text-indent: -9999px;
        height: 30px;
        width: 620px;
        }


    .air_title_img03{
        background: url(../images/category/farmfresh_goods/featuredproducts/air/title_img03.gif) no-repeat left top;
        text-indent: -9999px;
        height: 30px;
        width: 620px;
        }

    .air_title_img04{
        background: url(../images/category/farmfresh_goods/featuredproducts/air/title_img04.gif) no-repeat left top;
        text-indent: -9999px;
        height: 30px;
        width: 620px;
        }


    .air_title_img05{
        background: url(../images/category/farmfresh_goods/featuredproducts/air/title_img05.gif) no-repeat left top;
        text-indent: -9999px;
        height: 30px;
        width: 620px;
        }


    .air_title_img06{
        background: url(../images/category/farmfresh_goods/featuredproducts/air/title_img06.gif) no-repeat left top;
        text-indent: -9999px;
        height: 30px;
        width: 620px;
        }

    hr {
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #fff;
    }

    .pink_box{
        background:#faf0f4;
        border: 1px dotted #F4508E;
        padding:9px;	
        }
    
}


/*sp*/

@media print, screen and (max-width: 768px){

    .hed_img {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    
    .hed_img h2 {
        position: absolute;
        top: 55%;
        left: 5%;
        transform: translateY(-50%);
        line-height: 110%;
        font-size: 1.2em;
    }
    
    .hed_img h2 span {
        font-size: 0.7em;
        font-weight: normal;
    }
    
    .hed_img img {
        width: 100%;
        height: auto;
    }


    .farmfresh_goods_hed_img {
        font-size: 1em;
        margin-bottom:25px;

    }


    .sub_title_img {
        font-size: 1.2em;
        font-weight: bold;
        margin: 25px 0;
    }


    .leftContents {
        margin: 0 0 50px 0;
    }

    .rightContents {
        width: 80%;
        margin: 0 auto;
    }
    
    .rightContents img {
        width: 100%;
        height: auto;
    }


    #gift_wrap {
        border: 1px dotted #DDDDDD;
        border-radius: 5px 5px 5px 5px;
        position: relative;
    }

    .border_wrap {
        margin:0;
        padding:28px 28px 18px;
        width:auto;
    }


    .badge {
        left:-20px;
        position:absolute;
        top:-25px;
        z-index:10;
    }


    .sub_title_sanchi_img {
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 15px;
        color: #F89CC1;
    }

    .com_list {
        margin:0;
        padding:0;
        list-style-type:none;
    }


    .com_list li {
        background:url(../images/com/arrow.gif) 0 8px no-repeat;
        color:#f4508e;
        border-bottom:1px dotted #f4508e;
        padding:5px 0 5px 20px;
    }



    .border_wrap02 {
        margin:0;
        padding:28px 18px 18px;
        width:auto;
        margin-bottom:40px;
    }


    .featuredproducts_title_text {
        font-size:1.6em;
        font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        margin-bottom:15px;
    }

    .featuredproducts_title_text span {
        font-size:0.6em;
        font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight:normal;
    }

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

    .featuredproducts_goods_img img {
        border:1px solid #ccc;
        padding:4px;
        width: 80%;
        height: auto;
    }

    .featuredproducts_text {
        font-size:1.2em;
        font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        border-bottom:1px dotted #666;
        margin:20px 0 10px;
        padding-bottom:5px;
    }

    .featuredproducts_text span {
        font-size:0.8em;
    }
    
    .featuredproducts_goods_detail img{
        width: 100%;
        height: auto;
    }


    .voice_wrap {
        background:#faf0f4;
        border:1px dotted #f4508e;
        padding:4px;
        margin-bottom:20px;
    }

    .voice_title_text {
        border-left:3px solid #f4508e;
        font-size:1.2em;
        font-weight:bold;
        font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        color:#f4508e;
        margin-bottom:10px;
        padding-left:8px;
    }

    .voice_text {
        color:#f4508e;
        margin-bottom:5px;
    }

    .voice_text span {
        background:#f4508e;
        padding:0 2px;
        font-size:0.9em;
        color:#FFF;
        margin-left:15px;
    }

    .voice_wrap p {
        background:#FFF;
        padding:5px;
        clear: both;
        font-size:0.9em;
    }

    .air_rogo_bg01{
        width: 100%;
    }
    
    .air_rogo_bg01 img{
        width: 100%;
        height: auto;
    }
    
    .air_img{
        width: 100%;
    }

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

    .imabari_rogo_bg01{
        background: url(../images/category/farmfresh_goods/featuredproducts/imabari/rogo_img01.gif) no-repeat left center;
        padding-left: 70px;
        margin-bottom: 20px;
        height: 55px;
        }

    .air_title_img01{
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 10px;
        }
    
    .air_title_img01 span{
        color: #BA4674;
        }


    .air_title_img02{
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 10px;
        }
    
    .air_title_img02 span{
        color: #BA4674;
        }


    .air_title_img03{
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 10px;
        }
    
    .air_title_img03 span{
        color: #BA4674;
        }

    .air_title_img04{
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 10px;
        }
    
    .air_title_img04 span{
        color: #BA4674;
        }


    .air_title_img05{
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 10px;
        }
    
    .air_title_img05 span{
        color: #BA4674;
        }


    .air_title_img06{
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 10px;
        }
    
    .air_title_img06 span{
        color: #BA4674;
        }

    hr {
        border-top: 1px solid #bbb;
        border-bottom: 1px solid #fff;
    }

    .pink_box{
        background:#faf0f4;
        border: 1px dotted #F4508E;
        padding:9px;	
        }
    
}
