/*===PC設定===*/
/*エラー表示*/
.has-error .form-control{
    border-color: #dc5961;
    background-color: #f2dede;
}
.has-error {
    color: #dc5961;
}
.fr_mail-has-error {
    color: #a89b0f;
    font-size: 12px;
}
.fr_text-danger {
    color: #dc5961;
}
.fr_mail-alert{
    color: #a89b0f;
    font-size: 11px;
    display: -webkit-box;
}
.fr_mail-danger{
    color: #a89b0f;
    font-size: 11px;
}


/*===PC設定===*/
@media screen and (min-width: 768px) {
    /* コンテンツリスト文字 */
    .fr_content-list-container {
        width: 100%;
        padding: 0;
    }
    .fr_content-list-detail-box {
        position: relative;
        overflow: hidden;
        height: 500px;
        margin: 0 0 70px 0;
    }

    .fr_series-ttl + .fr_content-list-detail-box {
        margin: 17px 0 0;
    }
    .fr_content-list-detail-in-box {
        display: block;
    }

    .fr_content-list-visual img {
        display: block;
        min-width: 1366px;
        width: 100%;
        min-height: 500px;
        transition: none;
        -o-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
    }
    .fr_content-inner{
        max-width:1200px;
        margin:0 auto ;
    }
    .fr_content-inner-share-blog{
        margin:0 auto ;
    }

.fr_content-inner-share{
    max-width:1200px;
    margin:0 auto;
}
    /* コンテンツリスト文字 */
    .fr_content-list-Area.h6{
       text-align: center;
        margin: 20px 0 15px 0;
   }
    .fr_content-list-headlineArea{
        text-align: center;
        margin:25px 0 35px 0;
    }
    .fr_content-list-Area{
        text-align: center;
        margin: 10px 0 10px 0;
    }
    .fr_content-list-titleArea{
        text-align: center;
        margin: 10px 0 10px 0;
    }
    a.fr_content-list-titleArea {
        color: #505050;
    }
   /* hr line */
    hr.fr_content-title-list {
        width: 87px;
        color: #c7c7c7;
        padding-top: 5px;
    }

    hr.fr_content-list {
        width: 52px;
     color: #c7c7c7;
        margin: auto;
    }
    .fr_news-detail-line{
        margin: 47px 0 47px 0;

    }
    hr.fr_mail-title-list {
        width: 87px;
        color: #c7c7c7;
        padding-top: 5px;
    }
    hr.fr_mail-line {
        display: none;
    }
    /* btn */
    a.fr_content-list-btn{
        display: block;
        max-width: 144px;
        width: 100%;
        margin: 0 auto;
        padding: 5px;
        border: 1px solid #505050;
        color: #505050;
        font-size: 14px;
        line-height: 1.7;
        text-decoration: none;
        text-align: center;
    }
    .fr_blog-detail-btn {
        display: block;
        max-width: 188px;
        width: 100%;
        margin: 90px auto 0;
        padding: 5px;
        border: 1px solid #505050;
        color: #505050;
        font-size: 14px;
        line-height: 1.7;
        text-align: center;
    }

    .fr_blog-filter-title{
        margin-bottom:25px;
    }
    /* blog facebook shareボタン */
   .fr_blog-filter-title-list {
        list-style: none;
        margin-left: 25px;
       height:20px;
       padding-bottom:30px;
       width:200px;

    }
    li.fr_blog-filter-title-list a:hover{
        background-color: #ededed;
        text-decoration: none;
        display: block;
        opacity: 1;
        color: #505050;
    }
    .fr_share-btn a:hover i:before{
        color: #3d5a98;
    }
    a.fr_share-btn{
        opacity: 1;
    }
    span.fr_fb-share {
        margin-left: 10px;
    }
    .fr_blog-thumbnail{
        max-width: 793px;
        height: auto;
        width: 100%;
    }
    /* blog 文字まわり */
   .fr_blog-title{
       font-size:24px;

   }
    .fr_blog-title-h2{
        margin-top:92px;
    }
    a.detail_link.js_effect_item.fr_blog-title{
        text-decoration: none;
    }
   .fr_blog-entry-box{
       max-width: 793px;
       margin-top: 40px;
   }
    .fr_blog-detail-entry-box{
        max-width:793px;
        margin-top:0px;
    }
    .fr_blog-title, .fr_blog-entry-date {
        display: inline-block;
    }
    .fr_blog-category {
        color: #c7c7c7;
        
    }
    .fr_blog-entry-title{
        
    }
    .fr_blog-entry-txtbox {
        max-width: 793px;
        margin: 20px 0 40px 0;
    }
    .fr_blog-main-txtbox {
        margin: 40px 0 80px 0;
        line-height: 2;
    }
    .fr_blog-main-txtbox a{
        text-decoration: underline;
    }

    .fr_blog-list-line{
        margin:80px 0 80px 0;
    }
    .fr_blog-detail-line{
        margin:120px 0 10px 0;
    }


    .fr_blog-caption{
        margin-bottom:115px;
    }
    .fr_blog-title-line{
        display:none;
    }
    /* blog 詳細 */
    .fr_blog-entry-box-caption {
        max-width: 793px;
        margin-top: 15px;
        padding-bottom: 40px;
    }
    .fr_blog-txt-caption {
        font-size:11px;
    }
    a .fr_blog-txt-caption {
        text-decoration: underline;
    }


    /* pager */
    .fr_pager-center{
    text-align: center;
    clear: left;
    max-width: 1200px;
    margin: 0 auto;
    }
    /*アイコン領域*/
    .fr_icon-filter{
        float: left;
        margin-right: 10px;

    }
    /*2line*/
    .icon-filter>i{
        width: 16px;
        height:2px;
        margin-bottom: 3px;
        display: block;
        background-color: #c7c7c7;
    }
    .icon-filter{
        display: inline-block;
        display: -moz-groupbox;
    }
    /*1line*/
    .icon-filter:after{
        content:"";
        height:2px;
        width: 16px;
        display: -webkit-box;
        display: -moz-groupbox;
        background-color: #c7c7c7;
    }
    .fr_navi-loading-pc {
        display: none;
    }


    /*navi tab*/
    .fr_news-category-title{
        font-size: 16px;
    }
    .fr_news-caption{
        margin-bottom:60px;
        font-size: 14px;
    }
    .fr_nav-pills>li>a {
        position: relative;
        display: block;
        padding: 5px 15px;
    }

    .fr_list-group {
        /* margin-bottom: 20px; */
    /*padding-left: 0; */
    max-width: 900px;
    margin: 60px auto 20px auto;
}
    .fr_list-group-item {
        position: relative;
        display: block;
        padding: 30px 15px;
        margin-bottom: -1px;
        background-color: #fff;
       border: 1px solid #fff;
    }
    .fr_nav-news{
        width: 100%;
        background-color: #ededed;
        box-shadow:0 5px 5px -8px #c7c7c7 inset;
        height: 40px;
    }
    .fr_nav-news ul {
        text-align: center;
    }
    .fr_nav-news ul li {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        width: 14%;
    }
    .fr_nav-pills>li.active>a, .fr_nav-pills>li.active>a:hover, .fr_nav-pills>li.active>a:focus {
        color: #505050;
        border-bottom: 2px solid #261b14;
        height: 40px;
    }
    .fr_nav-pills>li.active>a, .fr_nav-pills>li.active>a:hover, .fr_nav-pills>li.active>a:focus {
        color: #505050;
        box-shadow:0 5px 5px -8px #c7c7c7 inset;
        background-color: #ededed;
}
    /*news*/
    .fr_label-info {
        background-color: #ededed;
        display: inline-block;
        padding: 7px 40px;
        color: #505050;
        font-weight: normal;
        border-radius: 0;
    }
    .fr_news_label{
        font-size: 14px;
    }
    .fr_news-entry-title{
        font-size: 18px;
        line-height: 1.7;
    }
    .fr_news-title-date{
        margin:20px auto 95px auto;
    }
    .fr_news-entry-box {
        max-width: 793px;
        margin-top: 40px;
        margin: 0 auto;
    }
    .fr_news-thumbnail {
        max-width: 793px;
        height: auto;
        width: 100%;
        margin: 0 auto;
    }
    .fr_news-txtbox {
        margin: 60px auto 120px auto;
    }
    /*carouselまわり*/

    .carousel-indicators {
        bottom: -50px;
    }
    .carousel-indicators li {
        background-color: #c7c7c7;
        border: none;
        width: 12px;
        height: 12px;
        margin: 0 5px 0 5px;
    }
    .carousel-indicators li :only-child{
        background-color: #fff;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        background-color: #000;
        margin: 0 5px 0 5px;
    }
    .carousel-indicators :only-child {
        background-color: #fff;
    }

    .fr_btn-info-news {
      background-color: transparent;
        border-color: #505050;
    }
    .fr_btn-info-news:hover {
    text-decoration: none;
    opacity: 0.6;
        background-color: transparent;
        border-color: #505050;}

    /*carousel-fade表示*/

    .carousel-fade .carousel-inner .item {
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
    }
    .carousel-fade .carousel-inner .active {
        opacity: 1;
    }
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }
    .carousel-fade .carousel-control {
        z-index: 2;
    }
    /*carousel-fade表示end*/
    /* aboutus start */
    .fr_aboutus-container {
        width: 100%;
        padding: 0;
    }
    .fr_aboutus-detail-box {
        position: relative;
        overflow: hidden;
        height: 800px;
        margin: 0 ;
    }

    .fr_series-ttl + .fr_aboutus-detail-box {
        margin: 17px 0 0;
    }
    .fr_aboutus-detail-in-box {
        display: block;
    }
    .fr_aboutus-detail-hbg{
        display: block;
        opacity: 0.1;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: #000;
        transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
    }

    .fr_aboutus-visual img {
        display: block;
        min-width: 1366px;
        width: 100%;
        min-height: 800px;
        transition: none;
        -o-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
    }
    .fr_about-comp-txt-box{
        position: absolute;
        top: 10%;
        right: 0;
        z-index: 2;
        width: 100%;
        padding-bottom:40px;
    }

    .fr_about-comp-txt-box-about{
        position: absolute;
        top: 35%;
        right: 52%;
        z-index: 2;
        width: 300px;
    }
    .fr_about-comp-txt-box-info{
        position: absolute;
        top: 35%;
        left: 52%;
        z-index: 2;
        width: 300px;
    }
    .fr_about-comp-txt-box-rec{
        position: absolute;
        top: 65%;
        right: 52%;
        z-index: 2;
        width: 300px;
    }
    .fr_about-comp-txt-box-comp{
        position: absolute;
        top: 65%;
        left: 52%;
        z-index: 2;
        width: 300px;
    }
    .fr_about-comp-ttl {
        margin: 0;
    }
    .fr_about-comp {
        margin: 0 auto;
        top: 50%;

    }
    .fr_about-line {
        width:590px;
        border-color: #9c9c9c;
        padding:70px auto 70px auto;
    }
    .fr_comp_ttl{
    display: block;
    margin: 20px 0 60px 0;
    color: #fff;
    font-size: 31px;
    line-height: 1.5;
    text-align: center;}

    .fr_about-detail-txt {
        margin: 15px 0 0;
        color: #fff;
        font-size: 18px;
        line-height: 1.9;
        text-align: center;
    }
    .fr_about-detail-cap{
        display: block;
        margin: 0;
        color: #fff;
        font-size: 14px;
        line-height: 1.5;
        text-align: center;
    }
    .fr_aboutus-btn {
        display: block;
        max-width: 160px;
        width: 100%;
        margin: 25px auto 0;
        padding: 5px;
        border: 1px solid #9c9c9c;
        color: #999999;
        font-size:  14px;
        line-height: 1.7;
        text-align: center;
    }
    a.fr_aboutus-btn:hover {
        color: #999;
        text-decoration: none;
        opacity: 0.6;
    }
    /* mail_newproducts */

    .fr_mail-new-txt-box {
        position: absolute;
        top: 15%;
        right: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 40px;
        display: table;
        max-width: 530px;
    }

    .fr_mail-newproducts-visual img {
        display: block;
        min-width: 1420px;
        width: 100%;
        min-height: 390px;
        transition: none;
        -o-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
    }
    .fr_mail-newproducts-detail-box {
        position: relative;
        overflow: hidden;
        height: 390px;
        margin: 0 0 70px 0;
        list-style: none;
    }
    .fr_mail-new-form {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        color:#fff;
        background-color: #261b14;
        border-radius: 0;
        height:280px;
        border: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);}


    .fr_mail-newproduct-btn {
        border:1px solid #fff;
        color: #fff;
        width:161px;
        padding: 10px;
        float: right;
        text-align: center;
    }
    .fr_mail-newproduct-ttl {
        margin: 50px auto 20px auto;
        font-size: 18px;}

    .fr_btn-remove {
        color: #fff;
        font-size: 11px;
        margin-top: 95px;
    }
    .fr_mail-inner {
        max-width: 1015px;
        margin:0 auto;
    }
    .fr_mail-newproduct-remove-btn {
        display: block;
        max-width: 180px;
        width: 100%;
        margin: 30px 0 0 0;
        border: 1px solid #505050;
        color: #505050;
        font-size:  14px;
        line-height: 1.7;
        text-align: center;
    }
    .fr_news-remove-block {
        margin: 80px auto 0 auto;
        max-width: 996px;
    }
    .fr_mail-inner a img:hover {
        opacity: 0.8;
    }

    #fr_mail-bnrimg {
        max-width: 996px;
        margin: 0 auto;
        width: 100%;
    }
    #fr_mail-bnrimg img {
        display:none;
        text-align:center;
    }
    .fr_mail-bnrimg-cont {
        background:url(//s3-ap-northeast-1.amazonaws.com//tsuchiyakaban-2/file/user_data/mail/tb_newproducts_mail_pc.jpg) top center no-repeat;
        height:200px;
        max-width: 996px;
        width: 100%;
        -moz-background-size:100% auto;
        background-size:100% auto;
    }
    #fr_mail-bnrimgbg {
        max-width: 996px;
        margin: 0 auto;
        width: 100%;

    }


    #fr_mail-bnrimgbg img {
        display:none;
        text-align:center;
    }
    .fr_mail-bnrimg-contbg {
        background:url(//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban-2/file/user_data/mail/mm_fb_pc.jpg) top center no-repeat;
        height:200px;
        max-width: 996px;
        width: 100%;
        position: relative;
        -moz-background-size:100% auto;
        background-size:100% auto;
    }
    .fr_mail-bnrimg-contbg a {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        text-indent:-999px;
    }

    .fr_mail-pc-none{
        display: none;
    }

    /*Mail magazine */
    .fr_mail-ttl {
        font-size: 22px;
        line-height: 1.7;
    }
    .fr_mail-new-ttl-box{
        margin:120px  auto 60px auto;
    }
    .fr_mail-ttl-box{
        margin:60px  auto 80px auto;
    }
    .fr_mail-cont-ttl-bar{
        height:40px;
        background-color: #505050;
        color: #fff;
    }
    p.fr_mail-cont-ttl-bar {
        text-align: center;
        padding-top: 8px;
    }
    .fr_mail-content-iconWrap{
        background-color: #ededed;
        max-width: 30.5%;
    }
    .fr_margin-mail-box{
        margin-right:4%;
    }
    .fr_margin-mail-box2{
        margin-left:0.3%;
    }
    .fr_mail-content-iconWrap p {
        text-align: center;
    }
    .fr_mail-icon{
        font-size: 40px;
        list-style: none;
        text-align: center;
        padding-top: 10px;
        max-height: 70px;
        color: #707070;
    }
    .fr_mail-scroll-icon {
        font-size: 50px;
        list-style: none;
        text-align: center;
        max-height: 70px;
        color: #fff;
    }
    li.fr_mail-scroll-icon {
        left: 38%;
    }
    .fr_icon-scroll{
        margin-top: 14px;
        display: block;
    }
    .fr_margin-mail{
        margin-right:23px;
    }
    .fr_mail-cont-box{
        max-width: 590px;
    }

    hr.fr_mail-ttl-line-top{
        border-color: #505050;
        margin-bottom: 20px;
        margin-top: 0;
        width: 80px;
        margin-left: 0;
    }
    hr.fr_mail-ttl-line-bottom{
        border-color: #505050;
        margin-top: 20px;
        margin-bottom:0;
        width: 80px;
        margin-left: 0;
    }
    .fr_mail-inner-box {
        margin-bottom:100px;
    }
    .fr_mail-contentBox{
        height: 837px;

    }

    .fr_mail-content-list {
        bottom: 0;
        position: absolute;}

    .fr_mail-cont-left-bottom{
        margin-bottom:120px;
    }
    .fr_mail-inlineframe{
        padding: 0;
        width: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        border: 1px solid #505050;
        height:836px;
        position: relative;
    }
    .fr_mail-inlineframe-ul{
        margin: 0;
        padding: 0;
        height: 836px;
        overflow-y: scroll;
        z-index: -1;
    }
    .fr_mail-inlineframe-li{
        list-style: none!important;
        width: 100%;
    }

    .fr_mail-round-btn {
        width: 78px;
        height: 78px;
        background: #505050;
        border-radius: 70px;
        -moz-border-radius: 70px;
        -webkit-border-radius: 70px;
        opacity: 0.8;
        display: block;
        text-align: center;
        font-weight: bold;
        font-size: 120%;
        transition: background-color 0.5s ease-in;
        -webkit-transition: background-color 0.5s ease-in;
        z-index: 2;
        top: 88%;
        left: 40%;
        position: absolute;
    }

    .fr_mail-round-btn:hover {

        color: #FFF;
    }
    .fr_mail-magazine-ttl{
        font-size:16px;
        text-align: center;
        margin:0;
    }
    .fr_mail-magazine-ttl-bottom{
        font-size:30px;
        text-align: center;
        margin-bottom: 60px;
    }
    .fr-mailmagazine-form{
        width:530px;
        margin:0 auto;
    }
    .fr_mail-magazine-txt-box {
        position: absolute;
        top: 15%;
        right: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 40px;
        display: table;
        max-width: 530px;
    }

    .fr_mail-modal-sp{
        display: none;
    }


    /*===既存のパーツcss overwrite===*/
    /* natural stamp */
    .block_stamp {
        padding: 35px 0 44px;
        /* border-top: 1px solid #cdcdcb; */
        margin: 0 auto;
        text-align: center;
        overflow: hidden;
        position: relative;
        clear: both;}
    .block_stamp ul li {
        width: 180px;
        margin: 0 17px 36px;
        display: inline-block;
        letter-spacing: normal;
        vertical-align: top;
        text-align: left;}
    .block_stamp p.read {

        text-align: left;
    }
    .block_stamp ul li img {
        margin: 40px auto 0;
    }


}
/*===PC/TAB設定===*/
@media screen and (max-width: 960px) {
    .fr_mail-inlineframe{
        padding: 0;
        max-width: 370px;
        overflow-x: hidden;
        overflow-y: hidden;
        border: 1px solid #505050;
        max-height: 750px;
        position: relative;
        width: 100%;
    }
    .fr_mail-inlineframe-ul{
        margin: 0;
        padding: 0;
        max-height: 836px;
        max-width: 390px;
        overflow-y: scroll;
        z-index: -1;
    }
    .fr_mail-inlineframe-li{
        list-style: none!important;
        /*padding: 4px;*/
        width:100%;
    }
    .fr_mail-contentBox {
        height: 750px;
        margin-right: 7%;
    }


}
/*===SP設定===*/
@media screen and (max-width: 767px) {
    .fr_content-list-box {
        position: relative;
        overflow: hidden;
        height: 247px;
    }

    .fr_content-list-ttl + .fr_content-list-box {
        margin: 18px 0 0;
    }

    .fr_content-list-in-box {
        display: block;
    }

    .fr_content-inner {
        max-width: 767px;
        margin: 0 auto;
    }

    .fr_content-inner-share-blog {
        max-width: 767px;
        margin: 0 auto;
    }

    .fr_content-inner-share {
        max-width: 767px;
        margin: 0 auto;
    }

    .fr_content-list-visual img {
        display: block;
        min-width: 375px;
        width: 100%;
        min-height: 247px;
        transition: none;
        -o-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
    }

    .fr_content-list-btn {
        display: block;
        max-width: 93px;
        width: 100%;
        margin: 20px auto 0;
        padding: 5px;
        border: 1px solid #505050;
        color: #505050;
        font-size: 13px;
        line-height: 1.7;
        text-align: center;
    }

    /* 画像余白delete */
    .col-xs-12-row {
        margin-left: -11px;
        margin-right: -11px;
    }

    .fr_content-list-txt {
        margin: 0 20px 0 20px;
    }

    .fr_content-list-title {
        margin-top: 20px;
        font-size: 12px;
    }

    /* btn */
    a.fr_content-list-btn {
        display: block;
        max-width: 96px;
        width: 100%;
        margin: 10px auto 60px 0;
        padding: 5px;
        border: 1px solid #505050;
        color: #505050;
        font-size: 11px;
        line-height: 1.7;
        float: left;
        text-align: center;
        text-decoration: none;
    }

    .fr_blog-detail-btn {
        display: block;
        max-width: 134px;
        width: 100%;
        margin: 30px auto 60px auto;
        padding: 5px;
        border: 1px solid #505050;
        color: #505050;
        font-size: 11px;
        line-height: 1.7;
        text-align: center;
    }

    /* hr line */
    hr.fr_content-list {
        display: none;
    }

    hr.fr_content-title-list {
        width: 43px;
        color: #969696;
        padding-top: 5px;
    }

    .fr_blog-list-line {
        margin: 40px 0 40px 0;
    }

    .fr_blog-detail-line {
        margin-top: 60px;
        margin-bottom: 10px;
    }

    .fr_news-detail-line {
        margin: 40px 0 40px 0;

    }

    .fr_blog-title-line {
        width: 57px;
        color: #a3a3a3;
        margin: 40px auto 40px auto;
    }
    hr.fr_mail-line {
        width: 60px;
        color: #c7c7c7;
        margin: 50px auto 30px auto;
    }

    hr.fr_mail-title-list {
        display: none;
    }

    /* blog 詳細 */
    .fr_blog-caption {
        margin-bottom: 0;
    }

    .fr_blog-title-line {
        width: 57px;
        color: #a3a3a3;
        margin: 40px auto 40px auto;
    }

    /* blog 詳細 */
    .fr_blog-entry-box-caption {
        max-width: 730px;
        margin-top: 15px;
    }

    .fr_blog-txt-caption {
        font-size: 12px;
    }

    a .fr_blog-txt-caption {
        text-decoration: underline;
    }

    /* タイトル文字 */
    a.fr_content-list-titleArea {
        color: #505050;
        text-decoration: none;
    }

    .fr_content-list-headlineArea {
        text-align: center;
        margin: 25px auto 30px auto;
    }

    /*Blog 文字まわり*/
    .fr_blog-title {
        font-size: 15px;
    }

    a.detail_link.js_effect_item.fr_blog-title {
        text-decoration: none;
    }

    .fr_blog-entry-box {
        margin-top: 35px;
    }

    .fr_blog-detail-entry-box {
        margin-top: 35px;
    }

    .fr_blog-title, .fr_blog-entry-date {
        display: inline-block;
    }

    .fr_blog-category {
        color: #c7c7c7;
        margin-top: 10px;

    }

    .fr_blog-entry-title {

    }

    .fr_blog-entry-txtbox {
        margin: 30px 0 40px 0;
        font-size: 12px;
    }

    .fr_blog-main-txtbox {
        margin: 50px 0 30px 0;
        font-size: 12px;
    }

    .fr_blog-main-txtbox a {
        text-decoration: underline;
    }

    .fr_blog-filter-title-list {
        border-top: 1px solid #eee;
        list-style: none;
    }

    .fr_pager-loading-btn {
        display: block;
        max-width: 120px;
        width: 100%;
        padding: 20px 10px 10px 10px;
        background-color: #f0f0f0;
        color: #505050;
        margin: 0 auto;
        line-height: 1.7;
        text-align: center;
        font-size: 12px;
    }

    a.pr_top-topics-btn.fr_font-family-raleway.en_h5 {
        text-decoration: none;
    }

    .filter-top {
        padding: 5px 0 5px 0;
        margin-top: 20px;
    }

    .filter-bottom {
        border-bottom: 1px solid #eee;
        margin: 0 0 50px 0;
    }

    .fr_blog-filter-title-list a {
        display: block;
        padding: 12px 0 12px 20px;
        color: #505050;
        font-size: 13px;
        line-height: 1.5;
        text-decoration: none;
    }

    span.fr_fb-share {
        font-size: 16px;
    }

    .fr_share-btn {
        text-align: center;
        opacity: 1;
    }

    /*アイコン領域*/
    .fr_icon-filter {
        float: left;
        margin-right: 10px;
        margin-top: 3px;

    }

    /*2line*/
    .icon-filter > i {
        width: 16px;
        height: 2px;
        margin-bottom: 3px;
        display: block;
        background-color: #c7c7c7;
    }

    .icon-filter {
        display: inline-block;
        display: -moz-groupbox;
    }

    /*1line*/
    .icon-filter:after {
        content: "";
        height: 2px;
        width: 16px;
        display: -webkit-box;
        display: -moz-groupbox;
        background-color: #c7c7c7;
    }

    .fr_navi-loading-sp {
        display: none;
    }

    .fr_navi-pager-sp {
        display: none;
    }

    /*navi tab*/
    .fr_list-group {
        margin: 10px auto 0 auto;
    }

    .fr_list-group-item {
        position: relative;
        display: block;
        padding: 20px 15px;
        margin: 0 10px -1px 10px;
        background-color: #fff;
        border: 1px solid #fff;
    }

    .fr_news-caption {
        margin-bottom: 40px;
        font-size: 12px;
    }

    .fr_news-category-title {
        font-size: 12px;
    }

    .fr_nav-news {
        width: 100%;
        background-color: #ededed;
        height: 40px;
    }

    .nav-justified > li, .nav-tabs.nav-justified > li {
        float: left;
        width: 33%;
        height: 40px;
    }

    .fr_nav-tabs {
        width: 33%;
    }

    .fr_nav-pills {
        box-shadow: 0 5px 5px -8px #c7c7c7 inset;
        background-color: #ededed;
        margin-bottom: 0px;
    }

    .fr_nav-pills > li > a:hover, .fr_nav-pills > li > a:focus {
        text-decoration: none;
        box-shadow: 0 5px 5px -8px #c7c7c7 inset;
        background-color: #ededed;
        height: 40px;
    }

    .fr_nav-pills > li.active > a, .fr_nav-pills > li.active > a:hover, .fr_nav-pills > li.active > a:focus {
        color: #505050;
        border-bottom: 2px solid #261b14;
        height: 40px;
    }

    .fr_nav-pills > li.active > a, .fr_nav-pills > li.active > a:hover, .fr_nav-pills > li.active > a:focus {
        color: #505050;
        box-shadow: 0 5px 5px -8px #c7c7c7 inset;
        background-color: #ededed;
    }

    /*news*/
    .fr_label-info {
        background-color: #ededed;
        padding: 5px 20px;
        color: #505050;
    }


    .fr_news-entry-title {
        font-size: 14px;
        line-height: 1.7;
    }

    .fr_blog-entry-date
    .fr_news-title-date {
        margin: 20px auto 95px auto;
    }

    .fr_news_label {
        font-size: 10px;
    }

    /*carouselまわり*/
    .fr_news-entry-box {
        max-width: 793px;
        margin-top: 40px;
        margin: 0 auto;
    }

    .fr_news-thumbnail {
        max-width: 793px;
        height: auto;
        width: 100%;
        margin: 0 auto;
    }

    .fr_news-txtbox {
        margin: 50px auto 30px auto;
    }

    .fr_btn-info-news {
        display: block;
        max-width: 134px;
        width: 100%;
        margin: 20px auto 0;
        padding: 10px 20px 10px 20px;
        border: 1px solid #505050;
        color: #505050;
        font-size: 11px;
        line-height: 1.7;
        text-align: center;
    }

    .carousel-indicators {
        bottom: -40px;
    }

    .carousel-indicators li {
        background-color: #c7c7c7;
        border: none;
        width: 12px;
        height: 12px;
        margin: 0 5px 0 5px;
    }

    .carousel-indicators li :only-child {
        background-color: #fff;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        background-color: #000;
        margin: 0 5px 0 5px;
    }

    .carousel-indicators :only-child {
        background-color: #fff;
    }



    /*carousel-fade表示*/
    .carousel-fade .carousel-inner .item {
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
    }

    .carousel-fade .carousel-inner .active {
        opacity: 1;
    }

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }

    .carousel-fade .carousel-control {
        z-index: 2;
    }

    /* aboutus start */
    .fr_about-box {
        background: url(//s3-ap-northeast-1.amazonaws.com//tsuchiyakaban-2/file/user_data/about/corporate_image_sp.jpg) center/cover;
    }

    .fr_aboutus-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0;

    }

    #fr_aboutus-back {
        background: url(//s3-ap-northeast-1.amazonaws.com//tsuchiyakaban-2/file/user_data/about/corporate_image_sp.jpg) center/cover;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 0;
        background-repeat: repeat-y;
        margin-top: -118px;
        padding-top: 118px;;
    }

    .fr_aboutus-wrapper::before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100vh;
        -webkit-background-size: cover; /*Android4*/
    }

    .fr_aboutus-container {
        position: relative;
        margin: 0;
        padding: 0;
        height: 100%;
    }

    .fr_aboutus-detail-box {
        position: relative;
        overflow: hidden;
        margin: 0;
        height: 100%;
        z-index: 1
    }

    .fr_aboutus-box {
        height: 100%;
        width: 359px;
    }

    .fr_series-ttl + .fr_aboutus-detail-box {
        margin: 17px 0 0;
    }

    .fr_aboutus-detail-in-box {
        display: block;
    }

    .fr_aboutus-visual img {
        display: none;
    }

    .fr_footer-area {
        position: relative;
        width: 100%;
    }

    .fr_about-detail-txt {
        margin: 13px 0 0;
        color: #fff;
        font-size: 12px;
        line-height: 1.9;
        text-align: center;
    }

    .fr_about-line {
        width: 350px;
        border-color: #9c9c9c;
        padding: 70px auto 70px auto;
    }

    .fr_comp_ttl {
        display: block;
        margin: 40px 0 40px 0;
        color: #fff;
        font-size: 23px;
        line-height: 1.5;
        text-align: center;
    }

    .fr_about-detail-txt {
        margin: 13px 0 0;
        color: #fff;
        font-size: 18px;
        line-height: 1.9;
        text-align: center;
    }

    .fr_about-detail-cap {
        display: block;
        margin: 13px 0 0;
        color: #fff;
        font-size: 13px;
        line-height: 1.5;
        text-align: center;
    }

    .fr_aboutus-btn {
        display: block;
        max-width: 160px;
        width: 100%;
        margin: 25px auto 60px auto;
        padding: 10px 30px 10px 30px;
        border: 1px solid #9c9c9c;
        color: #999;
        font-size: 13px;
        line-height: 1.7;
        text-align: center;
    }

    .fr_aboutus-btn, a:hover {
        color: #999;
    }

    /* aboutus end */
    .fr_about-footer {
        margin-top: 0px

    }

    .fr_about-fnav-area {
        padding: 55px 0 35px;
        background: #261b14;
    }

    /* mail_newproducts */
    .fr_mail-new-txt-box {
        position: absolute;
        top: 20%;
        right: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 40px;
        display: table;
        max-width: 350px;

    }

    .fr_mail-newproducts-visual img {
        display: block;
        min-width: 390px;
        width: 100%;
        min-height: 570px;
        transition: none;
        -o-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
    }

    .fr_mail-newproducts-detail-box {
        position: relative;
        overflow: hidden;
        height: 260px;
        margin: 0 0 50px 0;
        list-style: none;
    }

    .fr_mail-new-form {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        color: #fff;
        background-color: #261b14;
        border-radius: 0;
    }

    .fr_mail-newproduct-btn {
        border: 1px solid #fff;
        color: #fff;
        background-image: none;
        white-space: nowrap;
        padding: 12px 11px;
        font-size: 10px;
        height: 45px;
        min-width: 120px;
        float: right;
        width: 35%;
    }

    .fr_mail-newproduct-ttl {
        margin: 10px auto 10px auto;
        font-size: 13px;
    }

    .fr_btn-remove {
        color: #fff;
        font-size: 11px;
        margin-top: 20px;
        text-align: right;
    }

    .fr_mail-inner {
        margin: 0 auto;
    }

    .fr_mail-newproduct-remove-btn {
        display: block;
        max-width: 180px;
        width: 100%;
        margin: 30px 0 0 0;
        border: 1px solid #505050;
        color: #505050;
        font-size: 13px;
        line-height: 1.7;
        text-align: center;
    }


    .fr_news-remove-block {
        margin: 20px 0 20px 0;
    }

    #fr_mail-bnrimg {
        width: 100%;
        padding:10px;
    }

    #fr_mail-bnrimg-cont img {
        max-width: 100%;
    }

    .fr_mail-bnrimg-cont {
        background: none;
    }
    #fr_mail-bnrimgbg {
        width: 100%;
        padding:10px;
    }
    #fr_mail-bnrimgbg-cont img {
        max-width: 100%;
    }
    .fr_mail-bnrimgbg-cont {
        background: none;
    }
    .fr_bg-mailmagazine-bnrimg {
        width: 100%;
        background: url(//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban-2/file/user_data/mail/mmbg_sp.jpg) top center no-repeat;
        height: 300px;
       position: relative;
    }

    .fr_bg-mailmagazine-bnrimg-cont img {
        max-width: 100%;
    }

    .fr_mail-newproduct-form {
        width: 154px;
        float: left;
    }
    #fr_bg-mail-bnrimg {
        width: 100%;
        background: url(//s3-ap-northeast-1.amazonaws.com//tsuchiyakaban-2/file/user_data/mail/mail_np_bg_sp.jpg) top center no-repeat;
        height: 300px;
        display: table;
    }

    .fr_bg-mail-bnrimg-cont img {
        max-width: 100%;
    }
    .fr_mail-alert {
        font-size: 10px;
        color: #a89b0f;
    }
    .fr_mail-danger{
        font-size: 10px;
        color: #a89b0f;
    }

    /*mail*/
    .fr_margin-mail {
        margin-left: 23px;
    }
    .fr_mail-boxlist-wrap{
    }
    /*Mail magazine */
    .fr_mail-ttl {
        font-size: 14px;
        line-height: 1.7;
        text-align: center;
    }
    .fr_mail-new-ttl-box{
        margin:30px  auto 40px auto;
    }
    .fr_mail-ttl-box{
        margin:60px  auto 40px auto;
    }
    .fr_mail-cont-ttl-bar{
        height:40px;
        background-color: #505050;
        color: #fff;
    }
    p.fr_mail-cont-ttl-bar {
        text-align: center;
        padding-top: 8px;
        font-size: 12px;
    }
    .fr_mail-content-iconWrap{
        background-color: #ededed;
        max-width: 31%;
    }
    .fr_margin-mail-box{
        margin-right:3%;
    }
    .fr_margin-mail-box2{
        margin-left:0.3%;
    }
    .fr_mail-content-iconWrap p {
        text-align: center;
        font-size: 11px;
    }
    .fr_mail-icon{
        font-size: 30px;
        list-style: none;
        text-align: center;
        padding-top: 10px;
        max-height: 70px;
        color: #707070;
    }

    .fr_margin-mail{
        margin-right:23px;
    }
    .fr_mail-cont-box{
        max-width: 590px;
    }
    .fr_mail-modal-sp{
        height: auto;
        margin-bottom: 40px;
    }
    .fr_mail-modal-sp img {
        border: 1px solid #505050;
    }
    p.fr_mail-modal-caption {
        font-size: 10px;
        color: #c7c7c7;
    text-align: center }

    hr.fr_mail-ttl-line-top{
     display: none;
    }
    hr.fr_mail-ttl-line-bottom{
        display: none;
    }
    .fr_mail-inner-box {
        margin-bottom:50px;
    }
    .fr_mail-contentBox{
        margin-right: 0;
        float: none;
    }

    .fr_mail-content-list {
        bottom: 0;
    }

    .fr_mail-cont-left-bottom{
        margin-bottom:120px;
        text-align: center;
        font-size:12px;
    }
    .fr_mail-inlineframe{
        display: none;
    }

    .fr_mail-round-btn {
        display: none;
    }

    .fr_mail-round-btn:hover {
        display: none;
    }

    .fr-mailmagazine-form{
        width:530px;
        margin:0 auto;
    }
    .fr_mail-form-optimize-row{
        margin:10px auto 0 auto;
    }

    .fr_mail-magazine-txt-box {
        position: absolute;
        right: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 40px;
        display: table;
        max-width: 530px;
        padding: 10px;
        top: 20%;
    }
    .fr_mail-nav-ttl a {
        display: inline-block;
        position: relative;
        color: #fff;
        vertical-align: top;
        padding: 0 10px 0 0;
    }
    .fr_mail-nav-ttl a:after {
        display: block;
        position: absolute;
        top: 3px;
        right: 0;
        width: 6px;
        height: 6px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        content: '';
    }


    /*===既存のパーツcss overwrite===*/
    /* natural stamp */
    .block_stamp ul li {
        display: block;
        overflow: hidden;
    }

    .block_stamp p.title {
        float: none;
    }

    .block_stamp img {
        display: block;
        float: left;
        margin: 0 15px 3px auto;
        width: 40%;
        height: auto;
    }

    .block_stamp p.read {
        text-align: left;
    }

    .block_stamp ul li p {
        margin: 0;
    }


}



    /*===SP設定===*/
    @media screen and (max-width: 320px) {

        /* credit */
        .fr_card-xs-3 {
            width: 25%;
            padding: 5px;

        }

        /* natural stamp */
        .block_stamp ul li p {
            margin: 0;
        }

        .block_stamp img {
            display: block;
            float: left;
            margin: 0 5px 3px auto;
        }

        .block_stamp p.read {
            margin: 17px 0 30px;
            color: #505050;
            font-size: 12px;
            line-height: 1.6;
        }

        .well.fr_mail-new-form {
            padding: 5px;
        }


        .fr_mail-newproduct-btn {
            height: 45px;
            width: 100px;
            float: right;
            margin-left: 5px;
            min-width: 109px;
            padding: 12px 2px;
            text-align: center;
        }

        .col-sm-12.col-xs-12.fr_mail-content-list {
            position: absolute;
            top: 104%;
        }

    }


.jumbotron{
    background-color: transparent;
}

.pr_plist-status-item13{
    border-color:#261b14;
    color:#261b14;
}
.pr_plist-status-item14{
    border-color:#c7c7c7;
    color:#c7c7c7;
}
.pr_plist-status-item15{
    border-color:#842b10;
    color:#842b10;
}
.fr_color-tip-nostock{
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1 !important;
}
.pr_plist-se-status-box{
    min-height: 25px !important;
}

/*------------------
商品一覧 カテゴリ上部画像部分調整 scss上書き 160824 ho
------------------*/
/*===PC設定===*/
@media screen and (min-width: 768px){
    .fr_productJumbotron .pr_plist-main-ttl{
        font-size: 30px;
        position: relative;
    }

    .pr_plist-main-bg-box {
        /*コード簡略のためプロトCSS上書き更新 160824 ho*/
        /*  background: #000;
            opacity: 0.3;*/
        background: none;
        opacity: 10;
        background-color: rgba(0,0,0,0.3);
    }
}

/*===tab設定===*/
@media screen and (min-width: 480px) and (max-width: 767px){
    .fr_productJumbotron .pr_plist-main-ttl{
        font-size: 24px;
        margin-bottom: 12px;
        position: relative;
    }

    .pr_plist-main-bg-box {
        /*コード簡略のためプロトCSS上書き更新 160824 ho*/
        /*  background: #000;
            opacity: 0.3;*/
        background: none;
        opacity: 10;
        background-color: rgba(0,0,0,0.3);
        height: 78px;
    }
    .pr_plist-main-txt-box {
        height: 78px;
    }
}

/*===SP設定===*/
@media screen and (max-width: 479px){
    .fr_productJumbotron .pr_plist-main-ttl{
        margin: 0;
        font-weight: inherit;
        font-size: 21px;
        position: relative;
    }

    .pr_plist-main-bg-box {
        /*コード簡略のためプロトCSS上書き更新 160824 ho*/
        /*  background: #000;
            opacity: 0.3;*/
        background: none;
        opacity: 10;
        background-color: rgba(0,0,0,0.3);
    }
}

/*------------------
シリーズ商品一覧 カテゴリ上部画像部分調整 scss上書き 160824 ho
------------------*/
/*===PC/tab設定===*/
@media screen and (min-width: 480px){
    .fr_productJumbotron{
        position: relative;
    }

    /*プロトCSS上書き更新 160824 ho*/
    .fr_productJumbotron .pr_series-detail-txt-box{
        position: absolute;
        top: auto;
        bottom: 80px;
        left: 0;
        z-index: 2;
        width: 100%;
    }
}

/*===SP設定===*/

@media screen and (max-width: 320px){
    .fr_productJumbotron{
        position: relative;
        margin-bottom: 60px;
    }
    .fr_productJumbotron .pr_series-detail-txt-box {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        /*ロゴの位置の設定はこちらから*/
        margin: 60px 0 0 0;
        height: 218px;
        width: 100%;
    }
    .fr_productJumbotron .pr_series-detail-txt {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        color: #505050;
        font-size: 10px;
        line-height: 1.7;
        text-align: center;
        width: 100%;
    }
}

@media screen and (min-width: 321px) and (max-width: 479px){
    .fr_productJumbotron{
        position: relative;
        margin-bottom: 60px;
    }
    /*プロトCSS上書き更新 160824 ho*/

    .fr_productJumbotron .pr_series-detail-txt-box {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        /*ロゴの位置の設定はこちらから*/
        margin: 60px 0 0 0;
        height: 218px;
        width: 100%;
    }

    .fr_productJumbotron .pr_series-detail-txt {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        color: #505050;
        font-size: 12px;
        line-height: 1.7;
        text-align: center;
        width: 100%;
    }
}

/*------------------
404エラー 160825 ho
------------------*/
.fr_erroerPage h2 {

    line-height: 1.7;
}

/*===SP設定===*/
@media screen and (max-width: 480px){
    .fr_erroerPage h2{
        font-size: 13px;
    }
}

/*===PC/tab設定===*/
@media screen and (min-width: 481px){
    .fr_erroerPage h2{
        font-size: 20px;
    }

}

/*------------------
503メンテナンス画面 160825 ho
------------------*/
.fr_maintanance-jumbotron{
    height: 100%;
    background-size: cover;
}

.fr_maintanance-jumbotron .fr_jumbotron-container{
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 3.5;
    margin: 0 auto;
}

/*===SP設定===*/
@media screen and (max-width: 480px){
    .fr_maintanance-jumbotron{
        background:url(//s3-ap-northeast-1.amazonaws.com//tsuchiyakaban-2/file/user_data/503/sp-maintanance_background.jpg) center no-repeat;
        background-size: cover;
    }

    .fr_maintanance-jumbotron .fr_jumbotron-container{
        line-height: 2.2;
    }
    .fr_mt-logoArea{
        margin: 60px auto 0 auto;
    }
    .fr_mt-logoArea img{
        width: 50%;
    }
}

/*===PC/tab設定===*/
@media screen and (min-width: 481px){
    .fr_maintanance-jumbotron{
        background:url(//s3-ap-northeast-1.amazonaws.com//tsuchiyakaban-2/file/user_data/503/maintenance_background.jpg) center no-repeat;
        background-size: cover;
    }

    .fr_maintanance-jumbotron .fr_jumbotron-container{
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0 auto;
    }
    .fr_mt-logoArea{
        margin-top: 100px;
    }
}

/*------------------
logo scss 解除 ho 160825
------------------*/
.fr_img_logo {
    max-width: initial;
    max-width: auto;
    max-height: intial;
    max-height: auto;
}

/*------------------
採用応募要項 160826 ho
------------------*/
/*===SP設定===*/
@media screen and (max-width: 480px){
    .fr_rerequisite h3{
        margin: 40px auto;
    }
}

/*===PC/tab設定===*/
@media screen and (min-width: 481px){
    .fr_rerequisite h3{
        margin: 80px auto;
    }

}

/*------------------
パンくずCSS上書き 160826 ho
------------------*/
@media screen and (min-width: 481px){
    .pr_topicpath-area {
        margin: 0 auto !important;
    }
}

/*------------------
マイページ周り書き換え 160829 ho
------------------*/

/*===PC設定===*/
@media screen and (min-width: 769px){
    /*navi書き換え*/
    .fr_bt-btn{
        display: block;
        width: 30%;
        margin-top: 24px;
        margin-bottom: 24px;

    }
    /*index内*/
    .fr_mypageIndex h2{
        margin: 60px auto;
    }
    /*マイページ内インデックス以外*/
    .fr_myPage h3{
        margin: 60px auto;
        text-align: center;
    }
    /*一部除外する*/
    .fr_myPage .text-left{
        text-align: left !important;
    }
    /*ログアウトボタン*/
    .fr_mypageIndexLogoutBtn{
        margin: 60px auto 0 auto;
        width: 25%;
    }
    .pr_sample-note-list{
        background: #f6f6f6;
        padding: 28px 24px 28px 24px;
    }
    .pr_sample-note-list .h4{
        line-height: 1.7;
    }
}

/*===tab設定===*/
@media screen and (min-width: 321px) and (max-width: 768px) {
    /*navi書き換え*/
    .fr_bt-btn{
        display: block;
        width: 50%;
        margin-top: 12px;
        margin-bottom: 32px;
        font-size:80%;
    }
    /*index内*/
    .fr_mypageIndex h2{
        margin: 40px auto;
        line-height:1.7;
    }
    /*マイページ内インデックス以外*/
    .fr_myPage h3{
        margin: 40px auto;
        text-align: center;
        line-height:1.7;
    }

    /*一部除外する*/
    .fr_myPage .text-left{
        text-align: left !important;
    }
    /*ログアウトボタン*/
    .fr_mypageIndexLogoutBtn{
        width: 60%;
        margin: 80px auto 0 auto;
    }
    .pr_sample-note-list{
        background: #f6f6f6;
        padding: 28px 24px 28px 24px;
    }
    .pr_sample-note-list .h4{
        line-height: 1.7;
    }
}

/*===sp設定===*/
@media screen and (max-width: 320px){
    /*navi書き換え*/
    .fr_bt-btn{
        display: block;
        width: 70%;
        margin-top: 24px;
        margin-bottom: 40px;
        font-size: 13px;
    }
    /*index内*/
    .fr_mypageIndex h2{
        margin: 24px auto;
    }
    /*マイページテキスト小さい画面用*/
    .fr_btn_txtxs{
        font-size: 16px !important;
    }
    /*マイページ内インデックス以外*/
    .fr_myPage h3{
        margin: 32px auto;
        text-align: center;
        line-height:1.7;
    }
    /*ログアウトボタン*/
    .fr_mypageIndexLogoutBtn{
        margin: 24px auto 0 auto;
        width: 100%;
    }
    .pr_sample-note-list{
        background: #f6f6f6;
        padding: 28px 24px 28px 24px;
    }
    .pr_sample-note-list .h4{
        line-height: 1.7;
    }
}


/*------------------
メールマガジン完了画面 160829 ho
------------------*/

/*===PC設定===*/
@media screen and (min-width: 769px) {
    .fr_mailMagazineCompleate h2 {
        margin: 60px auto;
    }
    .fr_mailMagazineCompleate img{
        max-width: 100%;
    }
}

/*===tab設定===*/
@media screen and (min-width: 321px) and (max-width: 768px) {
    .fr_mailMagazineCompleate h2 {
        margin: 40px auto;
    }
    .fr_mailMagazineCompleate img{
        max-width: 100%;
    }
}

/*===sp設定===*/
@media screen and (max-width: 320px){
    .fr_mailMagazineCompleate h2 {
        margin: 24px auto;
    }
    .fr_mailMagazineCompleate img{
        max-width: 100%;
    }
}

/*------------------
会員登録完了画面 160829 ho
------------------*/
/* regist */
/*===PC設定===*/
@media screen and (min-width: 769px) {
    .fr_CompleteMember .h2{
        margin: 60px auto;
    }
    .fr_CompleteMember img{
        max-width: 100%;
    }
}

/*===tab設定===*/
@media screen and (min-width: 321px) and (max-width: 768px) {
    .fr_CompleteMember .h2 {
        margin: 40px auto;
    }
    .fr_CompleteMember img{
        max-width: 100%;
    }
}

/*===sp設定===*/
@media screen and (max-width: 320px){
    .fr_CompleteMember .h2 {
        margin: 24px auto;
    }
    .fr_CompleteMember img{
        max-width: 100%;
    }
}

/*------------------
購入完了画面 160829 ho
------------------*/
/*===PC設定===*/
@media screen and (min-width: 769px) {
    .fr_shoppingComplete .h3{
        margin: 60px auto;
    }
    .fr_shoppingComplete img{
        max-width: 100%;
    }
}

/*===tab設定===*/
@media screen and (min-width: 320px) and (max-width: 768px) {
    .fr_shoppingComplete .h3 {
        margin: 40px auto;
    }
    .fr_shoppingComplete img{
        max-width: 100%;
    }
}

/*===sp設定===*/
@media screen and (max-width: 320px){
    .fr_shoppingComplete .h3 {
        margin: 24px auto;
    }
    .fr_shoppingComplete img{
        max-width: 100%;
    }
}

/*------------------
購入完了画面 iPhone5/se 160907 ho
------------------*/
@media screen and (max-width: 320px) {
    .fr_forgot h2{
        font-size: 20px;
    }
}

/*------------------
クレジットカード系画面(SP) 160830 LL
------------------*/
@media screen and (max-width: 320px) {
    .fr_credit-card-no input {
        padding-left: 8px;
        padding-right: 8px;
    }
}

/*------------------
フォーム周り(エントリー) 160830 ho
------------------*/
/*===PC設定===*/
@media screen and (min-width: 769px) {
    .fr_formArea h2{
        margin: 60px auto;
        line-height: 1.7;
        text-align: center;
    }
}

/*===tab設定===*/
@media screen and (min-width: 320px) and (max-width: 768px) {
    .fr_formArea h2{
        margin: 40px auto;
        line-height:1.7;
        text-align: center;
    }
}

/*===sp設定===*/
@media screen and (max-width: 320px){
    .fr_formArea h2{
        margin: 24px auto;
        line-height:1.7;
        text-align: center;
    }
}

/*------------------
先方依頼変更 シリーズインデックス 160830 ho
------------------*/
.pr_series-detail-in-box:hover .pr_series-detail-hbg{
    opacity: 0 !important;
}

/*------------------
新作速報メール ho 160831調整
------------------*/
/*共通設定*/
.fr_mail-nav-ttl{
    display: block;
    position: absolute;
    top: auto;
    left:auto;
    right: 20px;/*親パディングと同数値*/
    bottom: 12px;
}

.fr_mail-nav-ttl a{
    display: block;
   /* CSS打ち消し用 一旦消し*/
    font-size: 10px;
}

.fr_mail-nav-ttl a:after{
    display: none;/*CSS打ち消し用*/
}

.fr_np-submitBox{
    height:40px !important;
    line-height: 25px;
}

@media screen and (min-width: 769px) {
    .fr_bg-mail-bnrimg {
        background: url("//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban-2/file/user_data/mail/mail_np_bg.jpg") no-repeat center 0 ;
        background-size: cover;
        min-height: 390px;
        margin: 0 auto;
        position: relative;
    }
    .fr_mail-new-form{
        display: block;
        position: absolute;
        margin: auto auto;
        width: 530px;
        padding: 20px;
        color: #fff;
        background-color: #261b14;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height: 320px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .fr_mail-newproduct-ttl {
        margin: 70px auto 24px auto;
        font-size: 18px;
    }
    .fr_bg-mailmagazine-bnrimg{
        background: url("//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban-2/file/user_data/mail/mmbg_pc.jpg") no-repeat center 0 ;
        background-size: cover;
        min-height: 390px;
        margin: 0 auto;
        position: relative;
    }
}

/*===tab/sp設定===*/
@media screen and (min-width: 320px) and (max-width: 768px) {
    .fr_bg-mail-bnrimg {
        background: url("//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban-2/file/user_data/mail/mail_np_bg_sp.jpg") no-repeat center 0 ;
        background-size: cover;
        min-height: 240px;
        margin: 0 auto;
        position: relative;
    }
    .fr_mail-new-form{
        display: block;
        position: absolute;
        margin: auto auto;
        min-width: 60%;
        max-width: 350px;
        padding: 12px;
        color: #fff;
        background-color: #261b14;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height: 160px;
        max-height: 190px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .fr_mail-newproduct-ttl {
      /*margin: 24px auto 12px auto;*/
        font-size: 18px;
    }
    .fr_mail-nav-ttl{
        display: block;
        position: absolute;
        top: auto;
        left:auto;
        right: 12px;/*親パディングと同数値*/
        bottom: 12px;

    }
    .fr_np-submitBox{
        padding-left: 0;
        padding-right: 0;
        font-size: 60% !important;
    }
    .fr_bg-mailmagazine-bnrimg{
        background: url("//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban-2/file/user_data/mail/mmbg_sp.jpg") no-repeat center 0 ;
        background-size: cover;
        min-height: 240px;
        margin: 0 auto;
        position: relative;
    }
}

/*===sp設定===*/
@media screen and (max-width: 320px){
    .fr_bg-mail-bnrimg {
        background: url("//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban-2/file/user_data/mail/mail_np_bg_sp.jpg") no-repeat center 0;
        background-size: cover;
        min-height: 240px;
        margin: 0 auto;
        position: relative;
    }
    .fr_mail-new-form{
        display: block;
        position: absolute;
        margin: auto auto;
        width: 90%;
        max-width: 300px;
        padding: 12px;
        color: #fff;
        background-color: #261b14;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height: 160px;
        max-height: 180px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .fr_mail-newproduct-ttl {
        margin: 24px auto 12px auto;
        font-size: 18px;
    }
    .fr_mail-nav-ttl{
        display: block;
        position: absolute;
        top: auto;
        left:auto;
        right: 12px;/*親パディングと同数値*/
        bottom: 12px;
    }
    .fr_np-submitBox{
        padding-left: 0;
        padding-right: 0;
        font-size: 60% !important;
    }
    .fr_bg-mailmagazine-bnrimg{
        background: url("//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban-2/file/user_data/mail/mmbg_sp.jpg") no-repeat center 0 ;
        background-size: cover;
        min-height: 240px;
        margin: 0 auto;
        position: relative;
    }
}

/*------------------
SP購入系画面フローアイコンhover-off 160831 LL
------------------*/
@media screen and (max-width: 480px) {
    .fr_shopping-flow-topArea .btn-default{
        background-color: #fff !important;
        border-color: #ccc !important;
    }
}

/*------------------
メルマガページ 160901 LL
------------------*/
.fr_mail-nav-ttl > a{
    color: #fff;
}
/* PC */
.fr_mail-inlineframe-li > img{
    width: calc(100% - 17px);
}
@media screen and (min-width: 768px) {
    .fr_mail-inlineframe-li > img{
        width: 100%;
    }
    .fr_mail-bnrimg-contbg:hover{
        opacity: .6;
    }
    .fr_mail-cont-left-bottom{
        font-size: 13px;
    }
}
.fr_mail-modal-img{
    width: 100%;
}
@media screen and (max-width: 321px) { /* iPhone5/SE */
    .fr_mail-contentBox .fr_mail-ttl {
        font-size:13px;
    }
    .fr_content-list-headlineArea{
        font-size:12px !important;
    }
}


/*------------------
新作速報 160902 ho
------------------*/
@media screen and (min-width: 1020px){
    .fr_bnrArea01 {
        margin: 80px auto 0 auto;
        max-width: 1018px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1020px){
    .fr_bnrArea01{
        max-width: 90%;
    }
    .fr_bnrArea01 > a img{
        width: 100%;
    }
}

@media screen and (max-width: 768px){
    .fr_bnrArea01 {
        margin: 80px auto 0 auto;
        max-width: 90%;
        text-align: left;
    }
    .fr_bnrArea02{
        width: 90%;
        text-align: center;
    }
    .fr_bnrArea02 > a img{
        width: 100%;
    }
}

/*------------------
メルマガ 160902 ho
------------------*/
.fr_mail-bnrimg-contbg{
    width: 98%;
    margin: 0 auto;
}

/*------------------
商品一覧並び順部分 sass上書き ho 0907
------------------*/
@media screen and (max-width: 768px) {
    .pr_plist-switch-stock > a {
        font-size: 13px !important;
    }
}

/*------------------
新作速報 パーツ内スタイル ho 0907
------------------*/
.pr_cdetail-series-txt a{
    text-decoration: underline;
}

/*------------------
マイページ iphone5/SEに対応 ho 0907
------------------*/
@media screen and (max-width: 320px) {
    .well { /*標準のものだが合わないのでベースを調整*/
        padding-left: 10px;
        padding-right: 10px;
    }

    .fr_btn-address-auto-input { /*標準のものだが合わないのでベースを調整*/
        margin: 0 !important;
        padding: 0 2px !important;
    }
}

/*------------------
ご利用ガイド iphone5/SEに対応 iio 0908
------------------*/
@media screen and (max-width: 320px) {
    .fr_guide-btn-xs {
        letter-spacing: 0;
        padding: 6px 6px;
    }
    .fr_guide-title-sp {
        font-size: 17px;
        letter-spacing: 0;
    }
    .fr_guide-margin-right-xs {
        margin-right: 5px;
    }
    .fr_guide-font-size-xs {
        font-size: 11px;
        letter-spacing: 0;
    }
}
    /*------------------
ご利用ガイド iphone6 iio 0908
    ------------------*/
    @media screen and (min-width: 321px) {
        .fr_guide-margin-right-xs {
            margin-right: 10px;
        }
        .fr_guide-font-size-xs {
            font-size: 12px;
            letter-spacing: 0;
        }
    }
/*------------------
レビューを書く iphone5/se iio 0908
------------------*/
@media screen and (min-width: 320px) {
    .fr_review-none{
   display: none;
    }
    .fr_btn-review-xs {
        padding: 5px 9px;
    }

    }
/*------------------
お届け先の指定 iphone5/se iio 0908
------------------*/
@media screen and (max-width: 320px) {
    .fr_deliv-font-xs{
        letter-spacing: 0;
        line-height:1.7;
    }
    .fr_shopping-form-margin-top-xs {
        margin-top: 6px;
    }
    .fr_shopping-form-optimize-title {
        margin-bottom: 10px;
        padding: 5px;
    }

}