.bread {
    margin: 6px 0 6px 50px;
    font-size: 11px;
}

.contents_wrapper {
    margin-top: 40px;
    margin-left: 70px;
    padding-left: 20px;
    padding-top: 20px;
    width: 820px;
}

.category {
    float: right;
}

.category select {
    font-size: 13px;
    line-height: 13px;
    padding: 6px 22px 6px 8px;
    border-radius: 4px;
    background: url(/static/images/pc/category_arrow.png) no-repeat #e7e7e7;
    background-position: right center;
    border-right: 8px solid #e7e7e7;
    min-width: 143px;
    height: 17px;
    float: right;
}

.category select::-ms-expand {
    display: none;
}

.backnumber select {
    font-size: 13px;
    line-height: 13px;
    padding: 8px 22px 8px 8px;
    border-radius: 4px;
    background: url(/static/images/pc/category_arrow.png) no-repeat #e7e7e7;
    background-position: right center;
    border-right: 8px solid #e7e7e7;
    min-width: 143px;
}

.backnumber select::-ms-expand {
    display: none;
}

.backnumber_bottom select {
    font-size: 13px;
    line-height: 13px;
    padding: 8px 22px 8px 8px;
    border-radius: 4px;
    background: url(/static/images/pc/category_arrow.png) no-repeat #e7e7e7;
    background-position: right center;
    border-right: 8px solid #e7e7e7;
    min-width: 143px;
}

.backnumber_bottom select::-ms-expand {
    display: none;
}

.page_title {
    font-size: 30px;
    line-height: 30px;
}

.bdr_b_blue {
    padding-bottom: 10px;
    border-bottom: 1px solid #5c99d1;
}

.bdr_b_gray {
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d6;
}

.news2 li {
    margin-top: 70px;
    clear: both;
}

.news2 li::after {
    content: "";
    clear: both;
    display: block;
}

.news2 li a {
    display: block;
}

.news2 li a span {
    display: block;
}

.news2 li a span img {
    display: block;
}

.news2 li .bdr {
    border: 1px solid #e7e7e7;
    width: 230px;
    height: 240px;
    border-radius: 5px;
    overflow: hidden;
}

.news2 li .bdr img {
    margin-bottom: 0 !important;
}

.news2 li .thumb {
    max-width: 480px;
    margin-right: 30px;
    float: left;
    display: block;
    font-size: 11px;
    line-height: 11px;
}

.news2 li .thumb a:hover {
    opacity: 0.7;
}

.news2 li .thumb img {
    display: block;
    border-radius: 5px;
    margin-bottom: 10px;
}

.img_br0 li .thumb img {
    display: block;
    border-radius: 0px !important;
    margin: 0 auto 10px;
}

.img_br0 li .thumb .read_more {
    padding-right: 0;
}

.news2 li .cat {
    font-size: 11px;
    line-height: 11px;
    padding: 3px 5px;
    border-radius: 4px;
    background: #4c7cbc;
    display: inline-block;
    color: #fff;
}

.news2 li .title {
    font-size: 18px;
    line-height: 1.6em;
    font-weight: bold;
    margin-top: 16px;
    display: block;
}

.news2 li .day2 {
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    display: block;
    margin-top: 16px;
}

.title_bottom_price {
    font-size: 11px;
    line-height: 11px;
    display: block;
    margin-top: 5px;
}

.title_bottom_price b {
    font-size: 14px;
    font-weight: 400;
}

.news2 li .news_text,
.news2 li .news_text2 {
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-top: 24px;
}

.news2 li .news_text2 {
    margin-left: 300px;
    display: block;
}

.news2 li .read_more {
    font-size: 14px;
    line-height: 24px;
    margin-top: 40px;
    float: right;
    background: url(/static/images/pc/read_more_arrow.png) no-repeat right center;
    padding-right: 14px;
}

.news2 li .read_more a:hover {
    color: #4c7cbc;
}

.news2 li .link_cap,
.news2 li .link_cap2 {
    margin-top: 10px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-left: 300px;
}

.news2 li .link_cap2 {
    display: block;
}

.news2 li .link_cap img,
.news2 li .link_cap2 img {
    display: inline-block;
}

.news2 li .link_cap img {
    vertical-align: middle;
}

.news2 li.shimpei-ig iframe {
    margin: 0 auto !important;
}

.column3::after {
    display: block;
    clear: both;
    content: "";
}

.column3 li {
    clear: none;
    display: block;
    width: 230px;
    float: left;
    margin-right: 65px;
}

.column3 li iframe {
    width: 100%;
    margin-top: 20px;
}

.column3 li span {
    display: block;
}

.column3 li span img {
    display: block;
}

.column3 li:nth-child(3n) {
    margin-right: 0px;
}

.column3 li:nth-child(3n+1) {
    clear: left;
}

.column3 li .thumb {
    display: table;
    width: 100%;
    border: 1px solid #d7d7d6;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 20px;
}

.column3 li .thumb span {
    display: table-cell;
    vertical-align: middle;
    height: 230px;
    /*background: url(/static/images/pc/thumb_back.png) no-repeat center center;*/
}

.thumb_back_none li .thumb span {
    background: none;
}

.column3 li .thumb span img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 80%;
    width: auto;
    border-radius: 0px;
}

.column3 li .title {
    font-size: 16px;
    margin-top: 10px;
    clear: both;
}

.column3 li .news_text {
    margin-top: 16px;
    font-size: 13px;
    line-height: 22px;
    display: block;
}

.column3 li .cat {
    font-size: 11px;
    line-height: 11px;
    padding: 3px 5px;
    border-radius: 4px;
    background: #4c7cbc;
    display: inline-block;
    color: #fff;
}

.column3 li .news_cap {
    font-size: 12px;
    line-height: 20px;
}

.column3 li .read_more {
    margin-top: 10px;
    display: block;
    background: none;
    padding-right: 18px;
    font-size: 13px;
    line-height: 22px;
    float: none;
    margin-bottom: 25px;
}

.column3 li .read_more img {
    display: inline-block;
    vertical-align: middle;
}

.column3 li .news_cap img {
    display: inline-block;
    vertical-align: middle;
}

.amazon li .thumb {
    position: relative;
    float: none;
}

.amazon li .thumb span {
    display: block;
    margin-top: 4px;
}

.amazon li .news_cap {
    line-height: 1.6em;
    margin-top: 2px;
    font-size: 11px;
}

.amazon li .thumb span a {
    position: relative;
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
    width: auto;
    border-radius: 0px;
    margin-left: auto;
    left: 0;
    top: 0;
    height: 184px;
    margin-top: 4px;
}

.amazon li .thumb span a img {
    max-height: 100%;
    display: block;
}

.amazon li .thumb a {
    position: absolute;
    width: 90px;
    height: 26px;
    left: 50%;
    bottom: 11px;
    margin-left: -45px;
}

.pagination {
    color: #595655;
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    margin: 70px auto;
}

.pagination .page_prev {
    float: left;
    display: block;
}

.pagination .page_next {
    float: right;
    display: block;
}

.pagination2 {
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: table;
    margin: auto;
    border-collapse: separate;
    border-spacing: 14px;
    margin-top: 70px;
}

.pagination2 .num {
    border: 1px solid #918f8f;
    text-align: center;
    width: 20px;
    display: table-cell;
    color: #918f8f;
    border-radius: 4px;
}

.pagination2 .active,
.pagination2 .num:hover {
    border: 1px solid #5494cf;
    color: #5494cf;
    background: #e7e7e7;
}

.pagination2 .page_prev,
.pagination2 .page_next {
    display: table-cell;
    width: 12px;
}

.pagination2 .page_prev:hover,
.pagination2 .page_next:hover {
    opacity: 0.7;
}

.pagination2 .page_prev {
    background: url(/static/images/pc/page_prev2.png) no-repeat center center;
    background-size: auto 100%;
}

.pagination2 .page_next {
    background: url(/static/images/pc/page_next2.png) no-repeat center center;
    background-size: auto 100%;
}

.pagination2 .page_prev:hover {
    background: url(/static/images/pc/page_prev2_h.png) no-repeat center center;
    background-size: auto 100%;
}

.pagination2 .page_next:hover {
    background: url(/static/images/pc/page_next2_h.png) no-repeat center center;
    background-size: auto 100%;
}

/*B109　新しい読みもの ここから*/
.pagination2 .larger, .pagination2 .smaller {
    border: 1px solid #918f8f !important;
    text-align: center !important;
    width: 20px !important;
    color: #918f8f !important;
    border-radius: 4px !important;
    margin: 0 12px;
}

.wp-pagenavi .current {
    border: 1px solid #5494cf !important;
    color: #5494cf !important;
    background: #e7e7e7 !important;
    border-radius: 4px !important;
    text-align: center !important;
    width: 20px !important;
    margin: 0 12px !important;
}

.wp-pagenavi a, .wp-pagenavi span {
    padding: 3px 7px !important;
}
/*B109　新しい読みもの ここまで*/

.backnumber {
    padding: 60px 70px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.backnumber_bottom {
    padding: 60px 70px;
    width: 790px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
}

.backnumber .title {
    float: left;
    line-height: 30px;
    margin: 0;
    cursor: pointer;
    font-size: 30px;
    display: inline-block;
}

.backnumber_bottom .title {
    float: left;
    line-height: 30px;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
}

.backnumber .title_logo {
    float: left;
    line-height: 30px;
    margin: 0;
    cursor: pointer;
    font-size: 25px;
    display: inline-block;
}

.backnumber select,
.backnumber input,
.backnumber_bottom select,
.backnumber_bottom input {
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

.backnumber form,
.backnumber_bottom form {
    display: inline-block;
    float: right
}

.backnumber input,
.backnumber_bottom input {
    color: #595655;
    height: 29px;
    border: 1px solid #5494cf;
    padding: 0;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    width: 143px;
    margin-right: 0;
    transition: 0.3s;
}

.backnumber input:hover,
.backnumber_bottom input:hover {
    background: #5494cf;
    color: #fff;
}

.harumi_menu {
    padding: 17px 0;
    background: #fafafa;
    margin-bottom: 5px;
}

.harumi_menu ul {
    text-align: center;
}

.harumi_menu ul li {
    font-size: 13px;
    line-height: 23px;
    height: 23px;
    display: inline-block;
    margin: 0 25px;
    box-sizing: border-box;
    vertical-align: middle;
}

.harumi_menu ul li a {
    position: relative;
    display: inline-block;
}

.harumi_menu ul li a::after {
    position: absolute;
    content: "";
    transition: 0.3s;
    border-bottom: 1px solid #5494cf;
    width: 0%;
    bottom: 0;
    left: 0;
}

.harumi_menu ul li.active a::after,
.harumi_menu ul li a:hover::after {
    width: 100%;
}

.harumi_menu ul li a {
    color: #595655;
}

.prof_text {
    padding-left: 40px;
    font-size: 14px;
    line-height: 24px;
    margin-top: 30px;
}

.prof_text .read_more {
    display: inline-block;
    margin-top: 30px;
    font-size: 14px;
    line-height: 24px;
    background: url(/static/images/pc/read_more_arrow.png) no-repeat right center;
    padding-right: 14px;
    transition: 0.3s;
}

.read_more:hover {
    color: #4c7cbc;
}

.prof li,
.history li {
    display: flex;
    justify-content: space-between;
}

.prof .left, .prof .right,
.history .left,
.history .right {
    display: block;
    box-sizing: border-box;
    line-height: 24px;
    padding-bottom: 20px;
    font-size: 14px;
}

.prof .left {
    text-align: right;
    width: 11.5%;
    padding-right: 20px;
}

.prof .right {
    text-align: left;
    width: 88.5%;
    padding-left: 25px;
    background-image: url(/static/images/pc/curcle.png), url(/static/images/pc/border_blue.png);
    background-repeat: no-repeat, repeat-y;
    background-position: 0px 4px, 6px 0px;
}

.history .left {
    text-align: right;
    width: 18%;
    padding-right: 20px;
}

.history .right {
    text-align: left;
    width: 85%;
    padding-left: 25px;
    background-image: url(/static/images/pc/curcle.png), url(/static/images/pc/border_blue.png);
    background-repeat: no-repeat, repeat-y;
    background-position: 0px 4px, 6px 0px;
}

.category_book::after {
    clear: both;
    content: "";
    display: block;
}

.category_book {
    text-align: center;
    letter-spacing: -.4em;
}

.category_book li {
    width: 143px;
    display: inline-block;
    letter-spacing: normal;
    margin-right: 25px;
    margin-bottom: 22px;
}

.category_book li:nth-child(5n),
.category_book li:last-child {
    margin-right: 0;
}

.category_book li a {
    display: block;
    font-size: 11px;
    line-height: 27px;
    border: 1px solid #5494cf;
    /*padding: 2px;*/
    text-align: center;
    background: #fff;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
    font-weight: bold;
}

.category_book li a:hover {
    background: #5d7bb8;
    color: #fff;
    opacity: 1;
}

.category_book .active a {
    background: #5d7bb8;
    border: 1px solid #5d7bb8;
    color: #fff;
}

.link_title {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 70px;
}

.link_title b {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.6em;
}

.link {
    border-top: 1px solid #d7d7d6;
}

.new_item {
    padding: 70px;
    margin-bottom: 70px;
    background: #fafafa;
}

.new_item ul::after {
    content: "";
    display: block;
    clear: both;
}

.new_item ul li {
    float: left;
    width: 230px;
    margin-right: 65px;
    margin-bottom: 50px;
    color: #595655;
}

.new_item ul li:nth-child(3n) {
    margin-right: 0px;
}

.new_item ul li img {
    display: block;
    width: 100%;
    margin-bottom: 12px;
}

.new_item ul li .new,
.new_item ul li .muryou,
.new_item ul li .sai {
    border: 1px solid;
    font-size: 10px;
    line-height: 10px;
    padding: 5px 6px;
    border-radius: 3px;
    display: block;
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

.new_item ul li .new {
    color: #2d3560;
}

.new_item ul li .muryou {
    color: #888585;
}

.new_item ul li .sai {
    color: #4c7cbc;
}

.new_item ul li .review {
    font-size: 10px;
    line-height: 20px;
    display: block;
    float: right;
    border-bottom: 1px solid;
    color: #888585;
}

.new_item ul li .review:hover {
    opacity: 1;
    color: #5494cf;
    border-bottom: 1px solid #5494cf !important;
}

.new_item ul li .text {
    display: block;
    clear: both;
    font-size: 13px;
    line-height: 22px;
    padding-top: 5px;
}

.new_item ul li .price {
    font-size: 11px;
    line-height: 22px;
}

.new_item ul li .price b {
    font-size: 13px;
}

.bookmark_item {
    background: none;
    padding: 0 30px;
}

.bookmark_item .wrapper,
.back_gray .bookmark_item2 .wrapper {
    background: #fff;
    border-radius: 4px;
    padding: 60px 40px;
    color: #595655;
}

.bookmark_item .wrapper .title {
    height: 26px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: bold;
}

.bookmark_item .wrapper .title img {
    float: left;
    display: block;
    margin-right: 8px;
}

.bookmark_item .wrapper ul::after {
    content: "";
    display: block;
    clear: both;
}

.bookmark_item .wrapper ul li {
    width: 165px;
    margin-right: 52px;
    float: left;
}

.bookmark_item .wrapper ul li:nth-child(4n) {
    margin-right: 0;
}

.bookmark_item .wrapper ul li a {
    display: block;
    text-align: center;
    color: #595655;
}

.bookmark_item .wrapper ul li a .thumb {
    display: block;
    border: 1px solid #d7d7d6;
    border-radius: 100px;
}

.bookmark_item .wrapper ul li a .thumb:hover {
    opacity: 0.7;
}

.bookmark_item .wrapper ul li a .thumb img {
    display: block;
    width: 100%;
    border-radius: 100px;
}

.bookmark_item .wrapper ul li a .text {
    display: block;
    clear: both;
    font-size: 13px;
    line-height: 22px;
    padding-top: 5px;
}

.bookmark_item .wrapper ul li a .price {
    font-size: 11px;
    line-height: 22px;
}

.bookmark_item .wrapper ul li a .price b {
    font-size: 13px;
}

.bookmark_item2 {
    background: #fafafa;
}

.bookmark_item2 .wrapper {
    color: #595655;
}

.bookmark_item2 .wrapper .title {
    height: 26px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: bold;
}

.bookmark_item2 .wrapper .title img {
    float: left;
    display: block;
    margin-right: 8px;
}

.bookmark_item2 .wrapper ul::after {
    content: "";
    display: block;
    clear: both;
}

.bookmark_item2 .wrapper ul li {
    width: 167px;
    margin-right: 50px;
    float: left;
}

.bookmark_item2 .wrapper ul li:nth-child(4n) {
    margin-right: 0;
}

.bookmark_item2 .wrapper ul li a {
    display: block;
    text-align: center;
    color: #595655;
}

.bookmark_item2 .wrapper ul li a .thumb {
    display: block;
    border: 1px solid #d7d7d6;
    border-radius: 100px;
    overflow: hidden;
    background: #fff;
}

.related_contents02 .bookmark_item2 .wrapper ul li a .thumb {
    border: none;
}

.back_gray .bookmark_item2 .wrapper ul li a .thumb {

    border: 1px solid #d7d7d6;
}

.bookmark_item2 .wrapper ul li a .thumb img {
    display: block;
    width: 100%;
}

.bookmark_item2 .wrapper ul li a .text {
    display: block;
    clear: both;
    font-size: 13px;
    line-height: 22px;
    padding-top: 15px;
}

.bookmark_item2 .wrapper ul li a .price {
    font-size: 11px;
    line-height: 22px;
}

.bookmark_item2 .wrapper ul li a .price b {
    font-size: 13px;
}

.products.bookmark_in_gray .bookmark_item {
    background: #fafafa;
    padding: 0 30px !important;
}

.bookmark_in_gray .bookmark_item {
    padding: 30px !important
}

.recent_in_gray .related_contents02.gray01.pc, .recent_in_gray .related_contents01.pc {
    background: #fafafa !important;
}

.bookmark_in_gray .bookmark_item .wrapper {
    background: #fafafa !important;
}

.bookmark_in_gray .bookmark_item .wrapper ul li a .thumb {
    border: none;
}

.recent_in_gray_sp .contents02.gray01.sp {
    background: #fafafa !important;
}

.recent_in_white_sp .contents02.gray01.sp {
    background: #fff !important;
}

/*	padding: 70px;
	background: #fafafa; }*/
.new_item ul::after {
    content: "";
    display: block;
    clear: both;
}

.new_item ul li {
    float: left;
    width: 230px;
    margin-right: 65px;
    margin-bottom: 25px;
    color: #595655;
}

.new_item ul li:nth-child(3n) {
    margin-right: 0px;
}

.new_item ul.product-list li:nth-child(3n+1) {
    clear: both;
    float: left;
}

.new_item ul li.no_hover:hover img {
    opacity: 1.0 !important;
}

.new_item ul li.no_hover:hover .price {
    opacity: 1.0 !important;
}

.new_item ul li img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 12px;
}

.new_item ul li .new,
.new_item ul li .muryou,
.new_item ul li .sai,
.new_item ul li .other {
    border: 1px solid;
    font-size: 10px;
    line-height: 10px;
    padding: 5px 6px;
    border-radius: 3px;
    display: block;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    margin-top: 5px;
}

.new_item ul li .new {
    color: #2d3560;
}

.new_item ul li .muryou {
    color: #888585;
}

.new_item ul li .sai, .new_item ul li .other {
    color: #4c7cbc;
}

.new_item ul li .review {
    font-size: 10px;
    line-height: 20px;
    display: block;
    float: right;
    border-bottom: 1px solid;
    color: #888585;
}

.new_item ul li .text {
    display: block;
    clear: both;
    font-size: 13px;
    line-height: 22px;
    padding-top: 5px;
    word-break: break-all;
}

.new_item ul li .price {
    font-size: 11px;
    line-height: 22px;
}

.new_item ul li .price b {
    font-size: 13px;
}

.bookmark_item .wrapper {
    background: #fff;
    border-radius: 4px;
    padding: 60px 40px;
    color: #595655;
}

.bookmark_item .wrapper .title {
    height: 26px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: bold;
}

.bookmark_item .wrapper .title img {
    float: left;
    display: block;
    margin-right: 8px;
}

.bookmark_item .wrapper ul::after {
    content: "";
    display: block;
    clear: both;
}

.bookmark_item .wrapper ul li {
    width: 165px;
    margin-right: 52px;
    float: left;
}

.bookmark_item .wrapper ul li:nth-child(4n) {
    margin-right: 0;
}

.bookmark_item .wrapper ul li a {
    display: block;
    text-align: center;
    color: #595655;
}

.bookmark_item .wrapper ul li a .thumb {
    display: block;
    border: 1px solid #d7d7d6;
    border-radius: 100px;
}

.bookmark_item .wrapper ul li a .thumb img {
    display: block;
    width: 100%;
}

.bookmark_item .wrapper ul li a .text {
    display: block;
    clear: both;
    font-size: 13px;
    line-height: 22px;
    padding-top: 5px;
}

.bookmark_item .wrapper ul li a .price {
    font-size: 11px;
    line-height: 22px;
}

.bookmark_item .wrapper ul li a .price b {
    font-size: 13px;
}

.bookmark_item2 {
    background: #fafafa;
}

.bookmark_item2 .wrapper {
    color: #595655;
}

.bookmark_item2 .wrapper .title {
    height: 26px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: bold;
}

.bookmark_item2 .wrapper .title img {
    float: left;
    display: block;
    margin-right: 8px;
}

.bookmark_item2 .wrapper ul::after {
    content: "";
    display: block;
    clear: both;
}

.bookmark_item2 .wrapper ul li {
    width: 167px;
    margin-right: 50px;
    float: left;
}

.bookmark_item2 .wrapper ul li:nth-child(4n) {
    margin-right: 0;
}

.bookmark_item2 .wrapper ul li a {
    display: block;
    text-align: center;
    color: #595655;
}

.bookmark_item2 .wrapper ul li a .thumb {
    display: block;
    border: 1px solid #d7d7d6;
    border-radius: 100px;
    overflow: hidden;
    background: #fff;
}

.bookmark_item2 .wrapper ul li a .thumb img {
    display: block;
}

.bookmark_item2 .wrapper ul li a .text {
    display: block;
    clear: both;
    font-size: 13px;
    line-height: 22px;
    padding-top: 5px;
}

.bookmark_item2 .wrapper ul li a .price {
    font-size: 11px;
    line-height: 22px;
}

.bookmark_item2 .wrapper ul li a .price b {
    font-size: 13px;
}

.harumi_shop img {
    display: block;
}

.category_shop::after {
    clear: both;
    content: "";
    display: block;
}

.category_shop li {
    width: 187px;
    float: left;
    margin-right: 24px;
    margin-bottom: 22px;
}

.category_shop li:nth-child(4n) {
    margin-right: 0;
}

.category_shop li a {
    display: block;
    font-size: 11px;
    line-height: 27px;
    border: 1px solid #6ea87c;
    padding: 0;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    font-weight: bold;
}

.category_shop .active a {
    background: #6ea87c;
    border: 1px solid #6ea87c;
    color: #fff;
}

.harumi_shop_slider .bx-wrapper ul li {
    box-sizing: border-box;
    padding: 30px;
    background: #fff;
}

.harumi_shop_slider .bx-wrapper ul li img {
    float: left;
    width: 342px;
    display: block;
    margin-right: 40px;
}

.harumi_shop_slider .bx-wrapper ul li .harumi_shop_slider_right {
    float: right;
    width: 365px;
}

.harumi_shop_slider .bx-wrapper ul li .harumi_shop_slider_right .title {
    font-size: 22px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 28px;
}

.harumi_shop_slider .bx-wrapper ul li .harumi_shop_slider_right .title2 {
    font-size: 20px;
    line-height: 34px;
    margin-bottom: 28px;
}

.harumi_shop_slider .bx-wrapper ul li .harumi_shop_slider_right .title3 {
    font-size: 20px;
    line-height: 36px;
    margin-bottom: 28px;
}

.harumi_shop_slider .bx-wrapper ul li .harumi_shop_slider_right .text {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 50px;
}

.harumi_shop_slider .bx-wrapper ul li .harumi_shop_slider_right .link2 .backnumber2 {
    font-size: 13px;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

.harumi_shop_slider .bx-wrapper ul li .harumi_shop_slider_right .link2 .backnumber2 img {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    width: auto;
}

.harumi_shop_slider .bx-wrapper ul li .harumi_shop_slider_right .link2 .more3 {
    float: right;
    border: 1px solid #6ea87c;
    height: 42px;
    line-height: 42px;
    background: url(/static/images/pc/harumi_shop_slider_arrow_right.png) no-repeat;
    background-position: 209px 15px;
    padding: 0 25px;
    border-radius: 5px;
}

.harumi_shop_slider .bx-wrapper .bx-prev {
    left: auto;
    left: -40px;
    background: url(/static/images/pc/slider_arrow2.png) no-repeat left center;
}

.harumi_shop_slider .bx-wrapper .bx-next {
    right: -40px;
    background: url(/static/images/pc/slider_arrow2.png) no-repeat right center;
}

.harumi_shop_slider .cap {
    font-size: 11px;
    line-height: 11px;
    margin-top: 8px;
    margin-bottom: 32px;
}

.harumi_shop_slider .bx-pager a,
.harumi_shop_slider .bx-pager img {
    display: block;
    width: 120px;
}

.harumi_shop_slider .bx-pager a {
    float: left;
    margin-right: 20px;
}

.harumi_shop_slider .bx-pager a:nth-child(6n) {
    margin-right: 0;
}

.slide_content img {
    float: none !important;
    width: 760px !important;
    height: 478px !important;
}

.slide_content area {
    display: inline;
    cursor: pointer;
}

.more4 {
    border: 1px solid #6ea87c;
    height: 42px;
    line-height: 42px;
    background: url(/static/images/pc/harumi_shop_slider_arrow_right.png) no-repeat;
    background-position: 259px 15px;
    padding: 0 25px;
    width: 226px;
    text-align: center;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    clear: both;
    color: #595655;
}

.picup_cap {
    font-size: 13px;
    line-height: 13px;
    height: 13px;
    text-align: center;
}

.picup li {
    float: left;
    width: 180px;
    margin-right: 32px;
    margin-bottom: 55px;
}

.picup li:nth-child(4n) {
    margin-right: 0;
}

.picup li a {
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
}

.picup li a img {
    display: block;
    margin-bottom: 18px;
}

.backnumber3 {
    float: left;
    width: 394px;
    padding-right: 10px;
    margin-right: 32px;
    margin-bottom: 55px;
    box-sizing: border-box;
}

.backnumber3:nth-child(2n) {
    margin-right: 0;
}

.backnumber3 .first {
    position: relative;
}

.backnumber3 .first::after {
    content: "";
    display: block;
    clear: both;
}

.backnumber3 .thumb {
    width: 195px;
    float: left;
    margin-right: 30px;
}

.backnumber3 .thumb img {
    display: block;
}

.backnumber3 .title {
    font-size: 20px;
    line-height: 30px;
}

.backnumber3 .title2 {
    font-size: 13px;
    margin-top: 8px;
}

.backnumber3 .title3 {
    font-size: 13px;
    margin-top: 38px;
}

.backnumber3 .more5 {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 13px;
    border: 1px solid #6ea87c;
    height: 35px;
    line-height: 35px;
    background: url(/static/images/pc/harumi_shop_slider_arrow_right.png) no-repeat;
    background-position: 143px 10px;
    padding: 0 30px;
    width: 100px;
    text-align: center;
    border-radius: 5px;
    display: block;
}

.backnumber3 .cap {
    margin-top: 30px;
    font-size: 13px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 21px;
    border-bottom: 1px dotted #F4F9F6;
}

.backnumber3 .second {
    width: 108px;
    margin-right: 30px;
    float: left;
}

body .e131 .backnumber3 .second:nth-child(5) {
    margin-right: 0;
}

.backnumber3 .second img {
    border: 1px solid #d7d7d6;
    border-radius: 4px;
}

.backnumber3 .second .title {
    font-size: 13px;
    line-height: 20px;
}

.simple_title {
    border-bottom: 1px solid #5494cf;
    font-size: 20px !important;
    line-height: 1.7em !important;
    height: auto !important;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 44px;
}

.company_about {
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0 10px 40px;
}

.company_about::after {
    content: "";
    display: block;
    clear: both;
}

.company_about .left {
    float: left;
    width: 120px;
    font-weight: bold;
}

.company_about .right {
    float: left;
    width: 660px;
}

.saiyou_link {
    display: block;
    font-size: 14px;
    line-height: 28px;
    border: 1px solid #5494cf;
    padding: 0;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    width: 200px;
    margin: auto;
    color: #595655;
    font-weight: bold;
}

.saiyou_link:hover {
    background: #4c7cbc;
    color: #fff;
    opacity: 1.0 !important;
}

.katsudou_title {
    color: #595655;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: bold;
    border-bottom: 1px solid #5c99d1;
    margin-top: 65px;
    padding-bottom: 8px;
}

.kids_saver ul li {
    float: left;
    width: 230px;
    margin-right: 65px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 70px;
}

.kids_saver ul li:nth-child(3n) {
    margin-right: 0;
}

.kids_saver ul li .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.kids_saver_cap {
    padding: 40px;
    border: 1px solid #5494cf;
    border-radius: 5px;
    clear: both;
    font-size: 14px;
    line-height: 24px;
}

.kids_saver_cap .title {
    font-size: 18px;
    line-height: 1.6em;
    font-weight: bold;
    margin-bottom: 25px;
}

.kids_saver_cap .more5 {
    text-align: right;
}

.kids_saver_cap .more5 a {
    color: #595655;
}

.recipe_search {
    margin-top: 40px;
    margin-left: 70px;
}

.recipe_search .category {
    float: left;
    margin-right: 20px;
}

.recipe_search .search {
    float: left;
    margin-right: 20px;
}

.recipe_search .search .input {
    float: left;
    width: 205px;
    border: none;
    display: block;
    font-size: 14px;
    background: none;
    padding: 0px 12px 0 35px;
    height: 29px;
    background: url(/static/images/pc/search_submit.png) no-repeat;
    background-size: 19px 17px;
    background-position: 8px 4px;
    border: 1px solid #5494cf;
    border-radius: 5px 0 0 5px;
}

.recipe_search .search .submit {
    color: #595655;
    float: right;
    border: none;
    margin-right: 0;
    text-indent: 0px;
    cursor: pointer;
    width: auto;
    background: none;
    border-top: 1px solid #5494cf;
    border-bottom: 1px solid #5494cf;
    border-right: 1px solid #5494cf;
    border-radius: 0 5px 5px 0;
    padding: 0px 12px;
    margin-left: 0;
    height: 29px;
    font-size: 13px;
}

.recipe_more {
    margin-top: 70px;
    font-size: 14px;
    text-align: right;
    background: url(/static/images/pc/read_more_arrow.png) no-repeat right center;
    padding-right: 15px;
}

.more2 a:hover,
.recipe_bookmark_more a:hover,
.recipe_more a:hover {
    opacity: 1;
    color: #5494cf;
}

.recipe_bookmark_more {
    margin-top: 20px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    text-align: right;
    background: url(/static/images/pc/recipe_more.png) no-repeat right center;
    padding-right: 25px;
}

.recipe_bookmark_more:hover {
    background: url(/static/images/pc/recipe_more_h.png) no-repeat right center;
}

.contents_404 {
    margin-top: 135px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.contents_404 img {
    margin-bottom: 58px;
    display: inline-block;
}

.contents_404 .title_404 {
    font-size: 18px;
    line-height: 1.6em;
    font-weight: bold;
    margin-bottom: 20px;
}

.contents_404 a {
    display: inline-block;
    margin-top: 60px;
    background: url(/static/images/pc/read_more_arrow.png) no-repeat right center;
    padding-right: 15px;
}

.recipe_detail,
.recipe_detail2 {
    padding-left: 40px;
    margin-top: 20px;
}

.margin20 {
    margin-top: 20px;
}

.recipe_detail li,
.recipe_detail2 li {
    font-size: 16px;
    line-height: 24px;
    padding: 6px 0;
}

.recipe_detail a, .recipe_detail2 a {
    color: #4a7cbb;
    display: inline !important;
}

.recipe_detail a:hover, .recipe_detail2 a:hover {
    text-decoration: underline;
    opacity: 0.7;
}

.recipe_detail li {
    border-top: 1px solid #e7e7e7;
}

.recipe_detail li:first-child {
    border-top: none;
}

.recipe_detail .title {
    border-top: none;
    padding-top: 30px;
}

.recipe_detail2 {
    padding-left: 50px;
    margin-left: 40px;
    position: relative;
}

.recipe_detail2 li {
    margin-bottom: 40px;
    line-height: 30px;
}

.recipe_detail2 li span {
    position: absolute;
    left: 0px;
    display: inline-block;
    border: 1px solid #5494cf;
    border-radius: 5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #5494cf;
}

.recipe_main_text a {
    color: #5494cf;
    display: inline !important;
}

.recipe_main_text a:hover {
    text-decoration: underline;
    opacity: 0.7;
}

.img_bdr img {
    border: 1px solid #d7d7d6;
    border-radius: 5px;
}

.no_bdr {
    border: none;
}

.no_bdr li {
    border: none;
    width: 165px;
}

.no_bdr li img {
    width: 100%;
    box-sizing: border-box;
}

.no_bdr li .title,
.no_bdr li .price {
    display: block;
    font-size: 13px;
    line-height: 21px;
}

.no_bdr li .title {
    margin-top: 15px;
}

.sns2 {
    margin-top: 80px;
    margin-bottom: 30px;
}

.sns2 a {
    display: block;
    float: left;
    height: 28px;
    margin-right: 30px;
}

.sns2 a img {
    margin-right: 0;
}

.sns2 img {
    margin-right: 30px;
    display: block;
    height: 28px;
    float: left;
    display: block;
    max-height: 100%;
}

.sns {
    margin-top: 30px;
}

.sns a,
.sns .img {
    display: block;
    float: left;
    height: 29px;
}

.sns a img,
.sns .img img {
    display: block;
    height: 100%;
}

.sns .r {
    float: right;
}

.sns .r a {
    margin-right: 6px;
}

.sns .r .arrow_box {
    position: relative;
    border: 1px solid #d1d1d1;
    float: right;
    font-size: 13px;
    line-height: 13px;
    border-radius: 3px;
    padding: 8px;
    top: -8px;
}

.sns .r .arrow_box:after, .sns .r .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.sns .r .arrow_box:after {
    border-color: rgba(89, 86, 85, 0);
    border-right-color: #fff;
    border-width: 3px;
    margin-top: -3px;
}

.sns .r .arrow_box:before {
    border-color: rgba(209, 209, 209, 0);
    border-right-color: #d1d1d1;
    border-width: 4px;
    margin-top: -4px;
}

.tokusyu_cap {
    border-top: 1px solid #d7d7d6;
    border-bottom: 1px solid #d7d7d6;
    height: 31px;
    line-height: 31px;
    width: 400px;
    margin: 24px auto 0;
}

.tokusyu_wrapper {
    width: 602px;
    margin: auto;
    font-size: 14px;
    line-height: 28px;
}

.tokusyu_wrapper h2 {
    margin-bottom: 28px;
}

.tokusyu_image {
    width: 680px;
    margin: 70px auto 38px auto;
}

.tokusyu_image img {
    display: block;
    max-width: 100%;
    margin: auto;
}

.tokusyu_item li {
    position: relative;
    width: 50%;
    float: left;
    padding-right: 17px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.tokusyu_item li:nth-child(2n) {
    padding-right: 0px;
    padding-left: 17px;
}

.tokusyu_item li:nth-last-child(1),
.tokusyu_item li:nth-last-child(2) {
    margin-bottom: 0;
}

.tokusyu_item li::after {
    content: "";
    display: block;
    clear: both;
}

.tokusyu_item li .thumb {
    float: left;
    width: 164px;
    border: 1px solid #d7d7d6;
    border-radius: 5px;
    margin-right: 19px;
    line-height: 0;
    overflow: hidden;
}

.tokusyu_item li h3 {
    margin-bottom: 10px;
}

.tokusyu_item li h3,
.tokusyu_item li .text {
    width: 100%;
    float: right;
}

.tokusyu_title_border {
    border-bottom: dotted 1px #f4f8fc;
    padding-bottom: 8px;
}

#shoppingguide {
    max-width: 1280px;
    margin: auto;
    padding: 70px 70px 0;
}

#shoppingguide h3 {
    clear: both;
    padding-bottom: 10px;
    border-bottom: 1px solid #5c99d1;
}

#shoppingguide .shoppingguide_menu {
    width: 46%;
    float: left;
    margin-bottom: 30px;
}

#shoppingguide .shoppingguide_menu:nth-child(2),
#shoppingguide .shoppingguide_menu:nth-child(3) {
    margin-top: 30px;
}

#shoppingguide .shoppingguide_menu:nth-child(odd) {
    float: right;
}

#shoppingguide .shoppingguide_menu:nth-child(even) {
    clear: both;
}

#shoppingguide .shoppingguide_menu a {
    display: block;
}

.txt_u a {
    text-decoration: underline;
}

.shoppingguide_menu {
    width: 100%;
    float: none;
    margin-bottom: 30px;
}

.shoppingguide_menu .title {
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.shoppingguide_menu .title2 {
    font-size: 16px;
    font-weight: bold;
    color: #4694d1;
}

.shoppingguide_menu ul {
    margin-top: 5px;
    margin-left: 13px;
    margin-bottom: 12px;
    padding-left: 8px;
    border-left: 1px solid #5c99d1;
}

.shoppingguide_menu ul li {
    position: relative;
    padding: 9px 0px 9px 17px;
}

.shoppingguide_menu ul li:last-child {
    padding: 9px 0px 0px 17px;
    height: 9px;
}

.shoppingguide_menu ul li a {
    display: block;
    font-size: 13px;
    line-height: 13px;
}

.shoppingguide_menu ul li a:hover {
    opacity: 0.7;
}

.shoppingguide_menu ul li::before {
    content: "";
    border-top: 1px solid #5c99d1;
    width: 10px;
    top: 15px;
    left: 0;
    position: absolute;
}

.shoppingguide_menu ul li .link2 {
    display: block;
    margin: 10px 0;
}

.shoppingguide_menu ul li .link2 a::before {
    content: "";
    display: block;
    float: left;
    border: 7px solid;
    margin-right: 5px;
    height: 0;
    width: 0;
    border-top-color: #f3f3f3;
    border-right-width: 0;
    border-right-color: #f3f3f3;
    border-bottom-color: #f3f3f3;
}

.shoppingguide_menu ul li .link2 a {
    display: inline-block;
    font-size: 14px;
}

.shoppingguide_menu ul li .link2 a img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.link3 {
    display: block;
    margin: 10px 0;
}

.link3 a::before {
    content: "??";
}

.link3 a {
    display: inline-block;
    font-size: 14px;
    color: #595655 !important;
    margin-bottom: 20px;
    margin-left: 20px;
}

.link3 a img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.img_flo_r,
.img_flo_r img {
    display: block;
    float: right;
    margin: 0 0 10px 15px;
    max-width: 220px;
}

.read_more2 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    float: left;
    background: url(/static/images/pc/read_more_arrow.png) no-repeat right center;
    padding-right: 14px;
}

.access_contents_left {
    float: left;
    width: 48%;
}

.access_contents_left .f_l,
.access_contents_left .f_r {
    margin-bottom: 20px;
}

.access_contents_left .f_l {
    clear: both;
}

.access_contents_right {
    float: right;
    width: 48%;
}

.access_contents_right iframe {
    width: 100%;
    height: 400px;
}

.shop_back {
    text-align: right;
    margin-bottom: 70px;
    font-size: 14px;
}

.shop_back a::before {
    content: "??";
}

.shop_back a {
    display: inline-block;
    font-size: 14px;
    color: #595655 !important;
    margin-bottom: 20px;
    margin-left: 20px;
}

.b {
    font-weight: bold;
    margin-top: 20px;
}

.entry_main_image {
    display: block;
    margin: 0 auto 20px;
}

.day4 {
    text-align: right;
    line-height: 100%;
    margin-bottom: 70px;
}

.day4 .cat {
    display: inline-block;
    border-left: 1px solid #595655;
    border-right: 1px solid #595655;
    padding: 0 10px;
    margin: 0 10px
}

.day4 .cat a {
    color: #5494cf;
}

.hidden {
    display: none;
}

.bdr_blue_wrapper {
    clear: both;
    float: none;
    width: 100%;
    font-size: 14px;
    line-height: 160%;
    box-sizing: border-box;
    margin: 20px 0 40px 0;
    padding: 15px 20px;
    border: 1px solid #4694d1;
}

.bdr_blue_wrapper .title {
    margin: 0 0 4px 0;
    font-weight: bold;
    line-height: 1.5;
    color: #4694d1;
}

.publication_series_wrapper {
    clear: both;
    float: none;
    width: 100%;
    font-size: 14px;
    line-height: 160%;
    box-sizing: border-box;
    margin: 70px 0 20px 0;
}

.publication_series_title {
    margin: 0 0 4px 0;
    font-weight: bold;
    line-height: 1.5;
    color: #4694d1;
    font-size: 16px;
}

.hakkou_list {
    margin: 30px 0
}

.hakkou_list li {
    font-size: 14px;
    line-height: 160%;
    margin: 10px 0
}

.hakkou_list li a {
    color: #5494cf;
}

/*商品詳細ページ調整用*/

.sub_comment3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sub_comment3 h5,
.sub_comment3 .line {
    display: block;
    width: 100%;
}

.sub_comment3 .line {
    content: "";
    clear: both;
    display: block;
    margin-bottom: 30px;
}

.sub_comment3 .line .point_left,
.sub_comment3 .line .point_right {
    width: 48%;
    box-sizing: border-box;
}

.sub_comment3 .line .point_left {
    float: left;
}

.sub_comment3 .line .point_right {
    float: right;
    font-size: 13px;
    line-height: 23px;
}

.sub_comment3 .line .point_left img {
    border-radius: 5px;
    max-width: 100%;
    display: block;

    font-size: 13px;
    line-height: 23px;
}

.sub_comment3 h5 {
    font-size: 18px;
    line-height: 1.6em;
    font-weight: bold;
    margin-bottom: 18px;
}

.sub_comment3 .spec {
    margin-bottom: 60px;
    width: 100%;
}

.sub_comment3 .spec tr {
    border-bottom: 1px solid #d7d7d6;
}

.sub_comment3 .spec tr th {
    width: 20%;
    vertical-align: middle;
    text-align: left;
}

.sub_comment3 .spec tr th,
.sub_comment3 .spec tr td {
    font-size: 13px;
    padding: 4px 0;
    line-height: 14px;
}

.sub_comment3 .spec tr td {
    padding-left: 26px;
    line-height: 23px;
}

.sub_comment3 .store_left {
    float: left;
    width: 150px;
    margin-right: 20px;
    margin-bottom: 40px;
}

.sub_comment3 .store_right {
    float: left;
    width: 607px;
    height: 108px;
    padding: 20px;
    margin-bottom: 40px;
    border: 1px solid #d7d7d6;
}

/* 同シリーズ対応 */
.sub_comment3 p.ttl {
    font-weight: bold;
}

.sub_comment3 .related_item {
    clear: both;
    width: 100%;
    padding-top: 20px;
}

.sub_comment3 .related_item p {
    width: 140px;
    margin: 0 10px 0 0px;
    float: left;
}

.sub_comment3 .related_item p img {
    border-radius: 5px;
    border: 1px solid #d7d7d6;
}

.sub_comment3 .related_item p img:hover {
    opacity: 0.7;
}

/* このアイテムを使ったレシピ対応 */
.sub_comment3 .recipe_left {
    width: 230px;
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}

.sub_comment3 .recipe_left img {
    border-radius: 5px;
    border: 1px solid #d7d7d6;
}

.sub_comment3 .recipe_right {
    width: 569px;
    float: left;
    margin-bottom: 40px;
}

.sub_comment3 .recipe_right .ttl {
    font-weight: bold;
    margin-top: 10px;
}

.sub_comment3 .recipe_right .ttl span {
    font-weight: normal;
}

.sub_comment3 .recipe_right a {
    color: #4c7cbc;
}

.sub_comment3 .recipe_right a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.sub_comment3 .recipe_right ul {
    padding-left: 16px;
}

.sub_comment3 .recipe_right li {
    list-style-type: decimal;
    list-style-position: outside;
    font-weight: bold;
}

.sub_comment3 .recipe_right li span {
    font-weight: normal;
}

/*

.sub_comment3 h5:nth-child(1),
.sub_comment3 .line {
 -webkit-box-ordinal-group:3;
 -ms-flex-order:3;
 -webkit-order:3;
 order:3;
}
.sub_comment3 h5:last-child,
.sub_comment3 .spec {
 -webkit-box-ordinal-group:0;
 -ms-flex-order:0;
 -webkit-order:0;
 order:0;
}*/
.bland {
    display: none;
}

/*お気に入り一覧テーブル*/
.reco_table {
    width: 100%;
    border-collapse: collapse;
}

.reco_table tr {
    width: 100%;
    border-collapse: collapse;
}

.reco_table tr th {
    font-weight: bold;
    text-align: center;
    background: #fafafa;
}

.reco_table tr td,
.reco_table tr th {
    vertical-align: middle;
    padding: 0.7em;
    line-height: 170%;
    border: 1px solid #ccc;
    font-size: 14px;
}

.reco_table tr .delete {
    width: 60px;
    text-align: center;
}

.reco_table tr .pic {
    width: 100px;
    text-align: center;
}

.reco_table tr .pic a {
    display: block;
}

.reco_table tr a:hover {
    color: #4c7cbc;
}

.reco_table tr .item textarea {
    display: block;
    width: 100%;
    margin: 5px 0;
}

.reco_table tr .item .save {
    float: right;
    background: #888585;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 4px;
}

.reco_table tr .item .save:hover {
    opacity: 0.8;
}

.reco_table tr .price {
    width: 80px;
    text-align: center;
}

.reco_table tr td .red02 {
    font-weight: bold;
}

/*各ページトップ画像設定*/
.main_image img {
    width: 100%;
    display: block;
}

/*会員退会手続きコンテンツ*/
.taikai_box {
    border: 1px solid #ccc;
    text-align: center;
    padding: 25px;
    font-size: 14px;
    line-height: 24px;
}

.taikai_box a {
    /*background: #4c7cbc;
	display: inline-block;
	color: #fff;
	padding: 10px;
	width: 150px;*/
    margin: 30px auto 20px;
    /*border-radius: 5px;
	transition: 0.3s;*/
}

.taikai_box a:hover {
    background: #2d3560;
}

.taikai_box a.bg_gray01:hover {
    background: #595655 !important;
}

.wrap_price {
    font-size: 13px;
}

.konpo {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 10px 0;
    padding: 0;
    border: 0;
    line-height: 1.6;
}

.konpo td {
    margin: 0;
    padding: 10px;
    border: 1px solid #cccccc;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
}

.konpo th {
    display: table-cell;
    margin: 0;
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #efefef;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
}

.konpo td input {
    width: auto;
    display: block;
    margin: auto;
}

.bf_pay {
    background: #fafafa;
    font-size: 14px;
    line-height: 24px;
    padding: 20px;
    border-radius: 5px;
    margin: 40px 0;
}

.bf_pay .read_more {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    float: right;
    background: url(/static/images/pc/read_more_arrow.png) no-repeat right center;
    padding-right: 14px;
}

.news2 li .read_more a:hover {
    color: #4c7cbc;
}

.point {
    border: 1px solid #d7d7d6;
    font-size: 14px;
    line-height: 24px;
    padding: 20px;
    display: block;
}

.message {
    height: 300px;
    width: 100%;
    font-size: 13px;
    color: #333;
    padding: 5px;
}

.cap_14px .news_text {
    font-size: 14px !important;
    line-height: 1.6em !important;
}

/******************************
* Cascading Style Sheets - D38
******************************/
.top_detail_content04.good_item .thumb {
    border: 1px solid #d7d7d6;
    border-radius: 5px;
}

.new_item ul li .review.d38:hover {
    color: #4c7cbc;
}

.recipe_bookmark_more.d38:hover a {
    color: #4c7cbc;
}

/******************************
* Cascading Style Sheets - A4
******************************/
.code_item.content_a4 {
    padding: 60px;
}

.code_item.content_a4 .title {
    font-size: 16px;
    padding: 14px 0 9px;
}

.code_item.content_a4 ul {
    width: 695px;
    margin: 0 auto;
}

.code_item.content_a4 ul li {
    width: 315px;
    float: left;
    margin-bottom: 30px;
}

.code_item.content_a4 ul li:nth-child(even) {
    float: right;
}

.code_item.content_a4 ul li .price, .new_item.content_a4 ul li .price {
    font-size: 12px;
    line-height: 20px;
}

.code_item.content_a4 ul li .price span, .new_item.content_a4 ul li .price span {
    white-space: nowrap;
    display: inline-block;
}

.new_item.content_a4 ul li .text {
    font-size: 14px;
    line-height: 24px;
}

/******************************
* Cascading Style Sheets - A5
******************************/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.related_contents01.a5 {
    padding-bottom: 0;
}

.related_contents02.a5 {
    padding-bottom: 90px;
}

.news2.a5 li {
    margin-top: 0;
    margin-bottom: 46px;
}

.news2.a5 li a:hover img {
    opacity: .7;
}

.news2.a5 li.best3 {
    margin-bottom: 66px;
}

.news2.a5 li .thumb {
    max-width: 398px;
}

.news2.a5 li .thumb img {
    margin-bottom: 0;
}

.news2.a5 li .title {
    margin-top: 0;
    max-width: 332px;
    margin-left: auto;
    padding-left: 62px;
    line-height: 2.3em;
}

.news2.a5 li .title.best1 {
    background: url('/static/images/pc/a5_icon_best1.png') no-repeat;
    background-size: 50px 40px;
}

.news2.a5 li .title span {
    display: inline-block;
    margin-top: 8px;
}

.news2.a5 li .news_text {
    max-width: 332px;
    margin-left: auto;
    margin-top: 8px;
}

.news2 li.float-r .thumb {
    float: right;
    margin-left: 30px;
    margin-right: 0;
}

.news2.a5 li.float-r .title {
    margin-left: 0;
    margin-right: auto;
    line-height: 1.6em;
}

.news2.a5 li .title.best2 {
    background: url('/static/images/pc/a5_icon_best2.png') no-repeat;
    background-size: 50px 40px;
}

.news2.a5 li.float-r .title span {
    margin-top: 15px;
}

.news2.a5 li.float-r .news_text {
    margin-left: 0;
    margin-right: auto;
    padding-left: 62px;
}

.news2.a5 li .title.best3 {
    background: url('/static/images/pc/a5_icon_best3.png') no-repeat;
    background-size: 50px 40px;
}

.news2.a5 li.below4 {
    float: left;
    max-width: 256px;
    clear: none;
}

.news2.a5 li.below4.mr26 {
    margin-right: 26px;
}

.news2.a5 li.below4.mr26.best7 {
    clear: both;
}

.news2.a5 li.below4 .thumb.no-float {
    float: none;
    margin-right: 0;
    position: relative;
}

.news2.a5 li.below4 .thumb.no-float span.best {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #5494cf;
    background: #5494cf;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 8px 0 0 8px;
    text-align: center;
    z-index: 1;
}

.news2.a5 li.below4 .thumb.no-float span.best span {
    padding-top: 15px;
}

.news2.a5 li.below4 .title {
    padding-left: 0;
    line-height: 1.6em;
}

.news2.a5 li.below4 .title span {
    font-size: 16px;
    margin-top: 11px;
}

.news2.a5 li.best4to6 {
    max-width: 256px;
}

.news2.a5 li.best4to6 .thumb.no-float {
    max-width: 256px;
}

.news2.a5 li.best7to10 {
    max-width: 185px;
}

.news2.a5 li.best7to10 .thumb.no-float {
    max-width: 185px;
}

.news2.a5.award li:last-child {
    margin-bottom: 0;
}

.news2.a5.award li .thumb {
    max-width: 254px;
}

.news2.a5.award li .title {
    max-width: 536px;
    padding-left: 0;
    line-height: 1.6em;
    margin-top: 10px;
}

.news2.a5.award li .news_text {
    max-width: 536px;
    padding-left: 0;
}

.news2 li a span.award {
    font-size: 14px;
    color: #5494cf;
    font-weight: bold;
    max-width: 536px;
    margin-left: auto;
    background: url('/static/images/pc/crown.png') no-repeat;
    background-size: 25px 20px;
    display: inline-block;
    line-height: 1.6em;
    padding-left: 30px;
}

.news2 li a span.award span {
    padding-top: 2px;
}

.related_contents02 .soukatsu {
    border: 1px solid #5494cf;
    border-radius: 5px;
    padding: 40px;
    margin-top: 68px;
}

.related_contents02 .soukatsu p {
    font-size: 14px;
    line-height: 1.6em;
}

.related_contents02 .soukatsu span {
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding-bottom: 30px;
}

.related_contents02 .soukatsu a:hover {
    color: #5494cf;
    border-bottom: 1px solid #5494cf !important;
}

.btn-a5.tri,
.btn-a5 a {
    display: block;
    font-size: 14px;
    letter-spacing: 0.18em;
    font-weight: bold;
    max-width: 240px;
    margin: 70px auto 0;
    line-height: 28px;
    border: 1px solid #5494cf;
    padding: 0;
    text-align: center;
    background: #5d7bb8;
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.btn-a5.tri a:hover,
.btn-a5 a:hover {
    background: #80c6e5;
    border-color: #80c6e5;
}

.btn-a5.w300 a {
    max-width: 300px;
}

.btn-a5.pro_list a {
    margin-top: 0;
    margin-bottom: 90px;
}

@media only screen and (max-width: 700px) {
    .btn-a5.pro_list a {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

/******************************
* Cascading Style Sheets - C22/23
******************************/
.related_contents24 > ul > li.odd .left-content.left-content-ten {
    width: 61px;
}

.related_contents24 > ul > li.even .left-content.left-content-ten {
    width: 61px;
}

.related_contents24 > ul > li.even .middle-content.middle-content-ten {
    margin-right: 20px;
}

.related_contents24 > ul > li.odd .right-content.right-content-ten {
    margin-left: 20px;
}

.related_contents24 > ul > li.c22 .title24 a b {
    font-size: 16px;
}

.related_contents24 > ul > li.odd.top77:before {
    top: 77px;
}

.related_contents24 > ul > li.even.top77:before {
    top: 77px;
}

/******************************
* Cascading Style Sheets - B16
******************************/
.sns.b16 {
    margin-top: 67px;
}

.sns.b16 a, .sns.b16 .img {
    height: 18px;
}

.sns.b16 a img.fb {
    width: 18px;
    height: 18px;
}

.sns.b16 a img.tw {
    width: 18px;
    height: 17px;
}

.sns.b16 a img.pin {
    width: 18px;
    height: 18px;
}

.sns.b16 a img.mail {
    width: 20px;
    height: 16px;
}

.sns.b16 a img.print {
    width: 18px;
    height: 18px;
}

.sns.b16 a img.star {
    width: 20px;
    height: 20px;
    max-height: 20px;
}

.sns.b16 .r .arrow_box {
    border-radius: 5px;
    padding: 7px;
    top: -4px;
}

/******************************
* Cascading Style Sheets - C1
******************************/
.new_item ul li .text a {
    color: inherit;
}

.new_item ul li .text a:hover {
    opacity: 1;
}

/******************************
* Cascading Style Sheets - D4
******************************/
.top_detail_content04.block2 .choose-size {
    padding: 20px;
}

.top_detail_content04.block2 .choose-size .bottom-content .sns {
    margin: 0 12px 0 0;
}

.top_detail_content04.block2 .choose-size .bottom-content .sns li {
    margin-right: 12px;
}

.top_detail_content04.block2 .choose-size .bottom-content .sns li:last-child {
    margin-right: 0;
    padding-left: 12px;
}

/*********************************
* Cascading Style Sheets - F select
*********************************/
.vd_select.after-none:after {
    content: none;
}

.after-none .select_back {

}

/*********************************
* Cascading Style Sheets - F1
*********************************/
.login_page .form_login .save_info {
    margin-top: 5px;
}

.login_page .form_login .save_info input {
    width: 15px;
    height: 15px;
    margin-left: 0;
    margin-top: 0;
}

/*********************************
* Cascading Style Sheets - F2
*********************************/
.related_contents_e3 .large_more p {
    display: inline;
    font-size: 30px;
    color: #5494cf;
    position: relative;
    padding-bottom: 10px;
}

.related_contents_e3 .large_more p span {
    position: relative;
    padding-bottom: 10px;
}

.related_contents_e3 .large_more p:after {
    content: '';
    left: -0px;
    right: 0;
    margin: 0 auto;
    top: 100%;
    position: absolute;
    width: 14px;
    height: 6px;
    background: url(/static/images/pc/large_more.png) no-repeat center #fff;
    display: block;
}

.related_contents_e3 .large_more p span:before,
.related_contents_e3 .large_more p span::after {
    position: absolute;
    content: '';
    width: 50%;
    height: 2px;
    background: url(/static/images/pc/large_more_bd.png);
    top: 100%;
}

.related_contents_e3 .large_more p span:before {
    right: 52%;
}

.related_contents_e3 .large_more p span::after {
    left: 52%;
}

.btn-reprint.agree {
    background: #4c7cbc !important;
    color: #fff;
}

.btn-reprint.agree:hover {
    background: #80c6e5 !important;
}

.form_gray_bd_blue {
    padding: 68px;
}

/*********************************
* Cascading Style Sheets - F2~F6
*********************************/
#main_left.center {
    float: none;
    margin: 0 auto;
}

/*********************************
* Cascading Style Sheets - F3.F4
*********************************/
::-webkit-input-placeholder {
    color: #999999;
}

.table-form .vd_select select.f-select {
    font-size: 15px;
    padding: 0 10px;
}

.vd_radio_circle label:before {
    border: 2px solid #888585;
}

/*********************************
* Cascading Style Sheets - F5
*********************************/
.saiyou_link.bg_blue.f5 {
    background: #4c7cbc !important;
    border: none;
    width: 240px;
    letter-spacing: 0.18em;
}

.saiyou_link.bg_blue.f5:hover {
    background: #80c6e5 !important;
}

/*********************************
* Cascading Style Sheets - F18.F19
*********************************/
.w-90px {
    width: 90px;
}

ul.list-style.f-list-style > li:before {
    top: 7px;
}

.table-form .vd_select.select-f.w-55px {
    width: 55px;
}

.table-form .vd_select.select-f.w-70px {
    width: 70px;
}

/*********************************
* Cascading Style Sheets - F21
*********************************/
.pad_l150px {
    padding-left: 150px;
}

.border-box {
    box-sizing: border-box;
}

.table_cart.f21 .input-group-cart {
    float: none;
    text-align: center;
    position: relative;
}

.table_cart.f21 td:nth-child(4) div {
    margin: 0;
}

.table_cart.f21 .input-group-cart .input-group-btn {
    /*position: absolute;
    top: 0;
    right: 47px;*/
    display: inline-block;
    margin: 0 5px;
}

.table_cart.f21 .input-group-cart .input-group-btn.down {
    right: 15px;
}

.table_cart.f21 .input-group-cart .input-group-btn button {
    margin-left: 0;
    padding-bottom: 4px;
}

.table_cart.f21 td a.delete {
    color: #595655;
}

.table_cart.f21 td a.delete:hover {
    opacity: 0.7;
}

/*********************************
* Cascading Style Sheets - F22
*********************************/
.section_1.f22 .f22-div {
    float: left;
    width: 44%;
}

.section_1.f22 .f22-div select {
    margin-left: auto;
}

.section_1.f22 h2 {
    float: left;
    margin-left: 15px;
}

/*********************************
* Cascading Style Sheets - F25
*********************************/
.f25.w_15px {
    width: 15px;
    margin-top: 1px;
}

.f25.h_15px {
    height: 15px;
}

/*********************************
* Cascading Style Sheets - F29
*********************************/
.action_btn .saiyou_link.bg_white:hover {
    background: #4c7cbc !important;
}

/*********************************
* Cascading Style Sheets - F34
*********************************/
.message.f34 {
    height: 610px;
}

/*********************************
* Cascading Style Sheets - F35
*********************************/
.saiyou_link.bg_blue02 {
    border: 1px solid #5494cf;
}

.saiyou_link.bg_blue02:hover {
    border: 1px solid #80c6e5;
    opacity: 1;
}

/*********************************
* Cascading Style Sheets - F38
*********************************/
.taikai_box.f38 a {
    display: inline-block;
    margin: 15px auto 0;
    padding: 3px 5px;
}

.taikai_box.f38 a.no {
    margin-right: 15px;
}

.taikai_box.f38 a.yes {
    margin-left: 15px;
}

.taikai_box.f38 a.bg_gray01 {
    background: #d7d7d6 !important;
    padding: 3px 5px;
}

.taikai_box.f38 a.no:hover {
    background: #d7d7d6 !important;
    padding: 3px 5px;
}

/*********************************
* Cascading Style Sheets - N3~N7
*********************************/
.tokusyu_item .read_more.read_more-n {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.18em;
}

.tokusyu_item .read_more.read_more-n:hover {
    background: #4c7cbc;
    border-color: #4c7cbc;
    color: #fff;
    opacity: 1;
}

/*********************************
* Cascading Style Sheets - F41
*********************************/
.contents_404 a {
    padding-right: 0;
}

/*********************************
* Cascading Style Sheets - N1
*********************************/
.bc-text {
    font-size: 15px;
    line-height: 35px;
    letter-spacing: 0.24em;
    font-family: YuMincho, 'Yu Mincho', serif !important;
}

.bc-list01 {
    position: relative;
    padding-left: 130px;
    margin-top: 90px;
    margin-bottom: 80px;
    opacity: 0;
    transition: 2s;
}

.bc-list01.active {
    opacity: 1
}

.bc-list01 .bc-img {
    position: absolute;
    top: 0;
    right: 70px;
    bottom: 0;
    margin: auto 0;
}

.bc-list02 {
    position: relative;
    padding-left: 540px;
    margin-bottom: 80px;
    opacity: 0;
    transition: 2s;
}

.bc-list02.active {
    opacity: 1
}

.bc-list02 .bc-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 75px;
    margin: auto 0;
}

.bc-list03 {
    position: relative;
    padding-bottom: 100px;
    padding-left: 130px;
    margin-bottom: 90px;
    overflow: hidden;
}

.bc-list03 .bc-text {
    opacity: 0;
    transition: 2s;
}

.bc-list03 .bc-text.active {
    opacity: 1;
}

.bc-list03 .bc-img {
    position: absolute;
    right: -731px;
    bottom: 0;
    opacity: 0;
    transition: 4s;
}

.bc-list03 .bc-img.active {
    right: 0;
    opacity: 1;
}

.bc-list04 {
    position: relative;
    padding-bottom: 1150px;
    padding-left: 130px;
    overflow: hidden;
}

.bc-list04 .bc-text {
    opacity: 0;
    transition: 2s;
}

.bc-list04 .bc-text.active {
    opacity: 1;
}

.bc-list04 .bc-back01 {
    position: absolute;
    bottom: 0;
    right: -960px;
    z-index: -1;
    opacity: 0;
    transition: 4s;
}

.bc-list04 .bc-back01.active {
    right: 0;
    opacity: 1;
}

.bc-list04 .bc-back02 {
    position: absolute;
    bottom: -1730px;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: 4s;
}

.bc-list04 .bc-back02.active {
    bottom: 0;
    opacity: 1;
}

.bc-list04 .bc-circle {
    width: 420px;
    height: 420px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
}

.bc-list04 .bc-circle.circle01 {
    left: 60px;
    bottom: 430px;
}

.bc-list04 .bc-circle.circle02 {
    right: -30px;
    bottom: 220px;
}

.bc-list04 .bc-circle .circle-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.bc-list04 .bc-circle.circle01 .circle-box {
    width: 265px;
    height: 35px;
    text-align: center;
}

.bc-list04 .bc-circle.circle02 .circle-box {
    width: 320px;
    height: 70px;
}

.bc-list04 .bc-img {
    position: absolute;
    left: 250px;
    bottom: 150px;
}

/*********************************
* Cascading Style Sheets - A2
*********************************/
.a2 .related_contents02.padd-t-60 {
    padding-top: 60px;
}

.a2 .related_contents02.padd-top-none {
    padding-top: 0;
}

.a2 .float-r {
    float: right;
}

.a2 .a2-dt-img {
    float: left;
}

.a2 .a2-list-ol dt {
    margin-bottom: 26px;
}

.a2 .a2-list-ol dd {
    font-size: 14px;
    line-height: 24px;
}

.a2 .a2-list-ol dt span {
    display: inline-block;
    color: #4c7cbc;
    font-size: 18px;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    margin-left: 20px;
}

.a2 .a2-list-ol dt span.lh {
    line-height: 23px;
}

.a2 dl.w462 {
    width: 462px;
}

.a2 dl.w490 {
    width: 490px;
}

.a2 dl.w410 {
    width: 410px;
}

.a2 dl.w532 {
    width: 532px;
}

.a2 dd a {
    font-size: 14px;
    color: #5494cf;
    display: inline-block;
    margin-top: 10px;
}

.a2 dd a:hover {
    opacity: .7;
}

.a2 .mag-r7px {
    margin-right: -7px;
    margin-top: 25px;
}

.a2 .mag-t15px {
    margin-top: -15px;
}

.a2 .mag-t22px {
    margin-top: 22px;
    margin-right: 40px;
}

.a2 .mag-l20px {
    margin-left: 20px;
}

.a2 .mag-r45px {
    margin-right: 45px;
}

.a2 .mag-t7px {
    margin-top: -7px;
    margin-left: 28px;
}

.a2 .a2-list-ol li {
    border-top: 1px solid #ddd;
    padding: 75px 0 65px;
}

.a2 .a2-list-ol li.padd-b50px {
    padding-bottom: 50px;
}

.a2 .a2-list-ol li.padd-b55px {
    padding-bottom: 55px;
}

.a2 .a2-list-ol li.padd-b73px {
    padding-bottom: 73px;
}

.a2 .a2-list-ol li:first-child {
    border-color: #5494cf;
}

.a2 .related_contents01.a2-faq-box {
    padding-top: 65px;
    padding-bottom: 75px;
}

.a2 .faq-ttl {
    font-size: 20px;
    font-weight: bold;
    width: 60px;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #5494cf;
    padding-bottom: 6px;
    margin-bottom: 60px;
}

.a2 .a2-faq-list dl {
    background: #fff;
    border-radius: 5px;
    width: 395px;
    height: 240px;
    box-sizing: border-box;
    padding: 40px 34px 0 44px;
    margin-bottom: 30px;
}

.a2 .a2-faq-list dl.float_l {
    margin-right: 15px;
}

.a2 .a2-faq-list dl.float_r {
    margin-left: 15px;
}

.a2 .a2-faq-list dl.w100 {
    width: 100%;
    clear: both;
    padding-top: 45px;
}

.a2 .a2-faq-list dl dt {
    font-size: 16px;
    font-weight: bold;
    color: #5494cf;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 23px;
    line-height: 24px;
}

.a2 .a2-faq-list dl span {
    color: #5494cf;
    margin-right: 15px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}

.a2 .a2-faq-list dl dd {
    font-size: 14px;
    line-height: 24px;
    padding-left: 1em;
    text-indent: -1em;
    text-align: justify;
}

.a2 .a2-faq-list dl dd a {
    display: inline;
}

.a2 .a2-faq-list dl dt.mag-t17px {
    margin-top: 17px;
    margin-bottom: 30px;
}

.a2 .a2-faq-box p.to-faq {
    font-size: 14px;
}

.a2 .a2-faq-box p.to-faq a {
    color: #5494cf;
}

/******************************
* Cascading Style Sheets - S
******************************/

.s-search-tab ul.item-box-list li:nth-child(3n+1) {
    clear: both;
    float: left;
}

@media only screen and (max-width: 750px) {
    .s-search-tab ul.item-box-list li:nth-child(3n+1) {
        clear: none;
        float: left;
    }

    .s-search-tab ul.item-box-list li:nth-child(2n+1) {
        clear: both !important;
        float: left;
    }
}

.search-result .s-search-tab .tab > li {
    font-size: 12px;
    width: 166px;
    height: 28px;
    background: url(../../images/pc/search-tab-bg.png) no-repeat;
    float: left;
    margin-right: -1px;
    cursor: pointer;
    text-align: center;
    padding: 8px 0;
    box-sizing: border-box;
}

.search-result .result-txt {
    margin-bottom: 70px;
    font-size: 18px;
    padding-left: 65px;
}

.search-result .tab {
    overflow: hidden;
    border-bottom: 1px solid #649ed4;
}

.search-result .tab li.select {
    background: url(../../images/pc/search-tab-bg-hover.png) no-repeat;
    color: #fff;
}

.search-result .hide-tab {
    display: none;
}

.search-result .related_contents02 {
    padding: 70px 0;
}

.search-result .item-box-list {
    width: 100%;
    padding: 25px 3.5%;
    box-sizing: border-box;
}

.search-result .item-box {
    width: 26%;
    padding: 25px 3.5%;
    float: left;
}

.search-result .item-box a:hover {
    opacity: 0.7;
    display: block;
}

.search-result .item-box-list {
    background: #fafafa;
}

.search-result .item-box-list .thumb-s1 img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.search-result .item-box-list .thumb-s1 {
    margin-bottom: 10px;
}

.search-result .item-box .icon {
    padding: 5px;
    border-radius: 3px;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.search-result .item-box .icon-box {
    height: 22px;
}

.search-result .item-box .icon.new {
    border: 1px solid #2d3560;
    color: #2d3560;
}

.search-result .item-box .icon.free {
    border: 1px solid #888585;
    color: #888585;
}

.search-result .item-box .icon.restock {
    border: 1px solid #4c7cbc;
    color: #4c7cbc;
}

.search-result .review-link a {
    font-size: 11px;
    color: #888585;
    float: right;
    padding-bottom: 5px;
    border-bottom: 1px solid #888585;
    display: inline-block;
}

.search-result .ttl {
    clear: both;
    color: #595655;
    font-size: 13px;
    padding-top: 8px;
    font-weight: normal;
    line-height: 1.69;
}

.search-result .result-price {
    font-size: 13px;
    font-weight: normal;
    line-height: 2;
}

.search-result .result-ttl {
    text-align: center;
    padding: 55px 0 60px;
    font-size: 14px;
}

.search-result .result-ttl span {
    color: #4c7cbc;
    font-weight: bold;
}

.search-result .result-ttl b {
    font-size: 24px;
    padding: 0 10px;
}

.search-result .result-more {
    text-align: center;
    padding: 50px 0;
    clear: both;
}

.search-result .result-more a {
    font-size: 13px;
    position: relative;
    display: block;
}

.search-result .result-more a:after {
    content: ' ';
    display: block;
    width: 15px;
    height: 15px;
    border-right: 1px solid #b6d0e8;
    border-bottom: 1px solid #b6d0e8;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -10px;
}

.search-result .s2 .item-box-list {
    background: #fff;
}

.search-result .s2 .item-box {
    width: 100%;
    padding: 25px 4% 30px;
    float: none;
    box-sizing: border-box;
}

.search-result .s2 .item-box:after {
    content: "";
    display: block;
    clear: both;
}

.search-result .s2 .thumb-s2 {
    width: 28%;
}

.search-result .s2 .thumb-s2 {
    width: 28%;
    float: left;
}

.search-result .s2 .txt-box-s2 {
    width: 68%;
    padding-left: 4%;
    float: left;
}

.search-result .s2 .icon.appearances {
    padding: 3px 5px;
    font-size: 11px;
    line-height: 11px;
    background: #4c7cbc;
    color: #fff;
    display: block;
    font-weight: normal;
}

.search-result .s2 .ttl {
    color: #595655;
    font-size: 18px;
    font-weight: bold;
}

.search-result .s2 .date {
    color: #888585;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 0 25px
}

.search-result .s2 .text01 {
    color: #888585;
    font-size: 13px;
    padding-left: 7%;
    line-height: 2;
}

.search-result .s2 .more-s2 {
    font-size: 13px;
    color: #595655;
    text-align: right;
    padding: 15px 1em 15px 0;
    position: relative;
}

.search-result .s2 .more-s2:after {
    content: ' ';
    display: block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #79abd9;
    border-top: 1px solid #79abd9;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
}

.search-result .s3 .ttl {
    font-size: 15.97px;
    color: #595655;
    font-weight: bold;
}

.search-result .s3 a:hover h3 {
    opacity: .8;
}

.search-result .s3 .item-box {
    height: 310px;
}

.search-result .result-price span {
    font-size: 11px;
    vertical-align: bottom;
}

.new_info_title {
    font-size: 25px;
    line-height: 30PX;
}

/*商品ページのバナー*/
.detailarea_btn {
    padding: 140px 70px 70px 70px;
}

.detailarea_btn img {
    border-radius: 5px;
}

.detailarea_btn .bnr-box .thumb {
    width: 394px;
    float: left;
    margin-right: 32px;
}

.detailarea_btn .bnr-box .txt-box {
    width: 394px;
    float: right;
}

.detailarea_btn .bnr-box .txt-box .ttl {
    color: #595655;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.69;
    padding-bottom: 25px;
}

.detailarea_btn .bnr-box .txt-box .text {
    width: 394px;
    color: #888585;
    font-size: 13px;
    /*padding-left: 7%;*/
    line-height: 2;
}

.detailarea_btn .bnr-box .txt-box .more_btn {
    font-size: 13px;
    color: #595655;
    text-align: right;
    padding: 15px 1em 15px 0;
    position: relative;
}

.detailarea_btn .bnr-box .txt-box .more_btn:after {
    content: ' ';
    display: block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #79abd9;
    border-top: 1px solid #79abd9;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
}

.detailarea_btn a:hover {
    opacity: 0.7;
    display: block;
}

.detailarea_btn .bnr-box:after {
    content: "";
    display: block;
    clear: both;
}

.sub_comment3 .detailarea_btn {
    padding: 0 0 70px 0;
}

.sub_comment3 .good {
    margin-bottom: 35px;
}

.sub_comment3 .good .title {
    font-size: 16px;
}

.sub_comment3 .good .title span {
    font-weight: bold !important;
}

.sub_comment3 .good .title img {
    border-radius: 0;
}

.sub_comment3 .detailarea_btn.double .bnr-box {
    width: 394px;
    float: left;
    margin-right: 32px;
}

.sub_comment3 .detailarea_btn.double .bnr-box:nth-child(2n) {
    margin-right: 0;
}

.sub_comment3 .detailarea_btn.double .bnr-box .thumb {
    float: none;
}

.sub_comment3 .detailarea_btn.double .bnr-box .txt-box {
    float: none;
}

.sub_comment3 .detailarea_btn.double .bnr-box .txt-box .ttl {
    margin: 10px 0;
    padding: 0
}

@media only screen and (max-width: 700px) {
    .sub_comment3 .detailarea_btn {
        padding: 0 0 0 0;
    }

    .detailarea_btn {
        padding: 60px 14px 0;
        position: relative;
    }

    .detailarea_btn .bnr-box .thumb {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .detailarea_btn .bnr-box .txt-box {
        width: 100%;
        float: none;
    }

    .detailarea_btn .bnr-box .thumb img {
        margin-bottom: 10px;
        border-radius: 5px;
        height: auto !important;
    }

    .detailarea_btn .bnr-box .txt-box .ttl {
        margin-top: 5px;
        margin-bottom: 8px;
        font-size: 15px;
        padding: 0;
    }

    .detailarea_btn .bnr-box .txt-box .text {
        padding: 0;
        margin: 0;
        font-size: 14px;
        width: 100%;
        line-height: 24px;
    }

    .detailarea_btn .bnr-box .txt-box .more_btn {
        padding: 15px 1em 15px 0;
        margin: 0;
    }

    .sub_comment3 .detailarea_btn.double .bnr-box {
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 20px
    }

    .sub_comment3 .detailarea_btn.double .bnr-box:nth-child(2n) {
        margin-right: 0;
    }

    .sub_comment3 .detailarea_btn.double .bnr-box .thumb {
        float: none;
    }

    .sub_comment3 .detailarea_btn.double .bnr-box .txt-box {
        float: none;
    }

    .sub_comment3 .detailarea_btn.double .bnr-box .txt-box .ttl {
        margin: 10px 0;
        padding: 0
    }
}

/*-------------------------------
20171004 shop top
-------------------------------*/
#shop_top h2 {
    font-weight: bold;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
}

#shop_top h2 span {
    display: inline-block;
    font-size: 18px;
    padding-bottom: 2px;
    margin-bottom: 30px;
    border-bottom: 1px solid #5494cf;
}

#shop_top p.name {
    line-height: 1.5em;
    margin-top: 10px;
    font-size: 14px;
}

#shop_top p.name.bold {
    font-weight: bold;
    font-size: 100%;
}

#shop_top .banner02 img {
    border-radius: 5px;
}

#shop_top .related_contents02 .banner02 li a img {
    margin-bottom: 10px;
}

#shop_top .news {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}

#shop_top .news2 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

#shop_top .news2 li {
    margin-top: 0;
}

#shop_top .news2 li a span {
    display: inline;
}

#shop_top .news2 h2 span {
    margin-bottom: 0;
}

#shop_top .text3 {
    font-size: 14px;
}

#shop_top .new {
    color: #2d3560;
    border: 1px solid;
    font-size: 10px;
    line-height: 10px;
    padding: 5px 6px;
    border-radius: 3px;
    font-weight: bold;
    margin-top: 5px;
}

@media only screen and (max-width: 700px) {
    #shop_top h2 {
        font-size: 105%;
    }

    #shop_top h2 span {
        display: inline-block;
        font-size: 105%;
        padding-bottom: 2px;
        margin-bottom: 22px;
        border-bottom: 1px solid #5494cf;
    }

    #shop_top p.name {
        margin-bottom: 0;
    }

    #shop_top .related_contents01.news .text3 {
        padding-left: 0;
        width: 100%;
    }

    #shop_top .related_contents02 .banner02 li {
        margin-bottom: 20px;
    }

    #shop_top .btn-a5 a {
        margin-top: 0;
        margin-bottom: 40px
    }

    #shop_top .news {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #shop_top .news2 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    #shop_top .news2 ul.news {
        padding-top: 0 !important;
    }

    #shop_top #slide_space-recipe {
        padding-bottom: 30px;
    }
}

/*-------------------------------
20171005 商品
-------------------------------*/
@media only screen and (min-width: 700px) {
    .top_detail_content04 .f_s14px,
    .right-content .f_s14px,
    .sub_comment3 .line .point_right {
        font-size: 15px !important;
        line-height: 1.7em !important;
        letter-spacing: 0.05em
    }
}

/*-------------------------------
20171101 コラム4並び
-------------------------------*/
.hnb_w650 {
    width: 650px !important;
    margin-left: auto;
    margin-right: auto;
}

.hnb_w690 {
    width: 690px !important;
    margin-left: auto;
    margin-right: auto;
}

.hnb_column4 .column a {
    color: #595655
}

.hnb_column4 .column {
    width: 180px;
    float: left;
    margin-bottom: 30px;
    margin-right: 33px;
}

.hnb_column4 .column.endpc {
    margin-right: 0;
}

.hnb_column4 .column dt, .hnb_column4 .column dd {
    font-size: 14px;
    line-height: 1.3em
}

.hnb_column4 .column .image {
    margin-bottom: 5px;
}

.hnb_column4 .column .image img {
    border: 1px solid #d7d7d6;
    border-radius: 4px;
}

.mb10 {
    margin-bottom: 10px
}

.hnb_column2 .column .image {
    margin-bottom: 5px;
}

.hnb_column2 .column a {
    color: #595655
}

.hnb_column2 .column {
    width: 385px;
    float: left;
    margin-bottom: 50px;
    margin-right: 50px;
}

.hnb_column2 .column.endpc {
    margin-right: 0;
}

.hnb_column2 .column dt {
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 5px
}

.hnb_column2 .column dd {
    font-size: 14px;
    line-height: 1.6em
}

@media only screen and (max-width: 700px) {
    .hnb_w650 {
        width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .hnb_w690 {
        width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .hnb_column4 .column a,
    .hnb_column2 .column a {
        color: #595655
    }

    .hnb_column4 .column {
        width: 48%;
        float: left;
        margin-bottom: 20px;
        margin-right: 4%;
    }

    .hnb_column4 .column.endsp,
    .hnb_column2 .column.endsp {
        margin-right: 0;
    }

    .hnb_column4 .column dt,
    .hnb_column4 .column dd,
    .hnb_column2 .column dt,
    .hnb_column2 .column dd {
        font-size: 14px;
        line-height: 1.3em;
        font-weight: normal
    }

    .hnb_column4 .column .image {
        margin-bottom: 5px;
    }

    .hnb_column4 .column .image img {
        border: 1px solid #d7d7d6;
        border-radius: 4px;
    }

    .hnb_column2 .column {
        width: 100%;
        float: none;
        margin-bottom: 40px;
        margin-right: 0;
    }

}

/*-------------------------------
20171122 クリスマスのおもてなし
-------------------------------*/
.hnb_contents {
    line-height: 24px;
    font-size: 14px
}

.hnb_contents .mb40 {
    margin-bottom: 40px;
}

.hnb_contents .mb50 {
    margin-bottom: 50px;
}

.hnb_contents .hnb_left_img {
    width: 400px;
    margin-right: 60px;
    float: left;
}

.hnb_contents .hnb_left_img img {
    width: 400px;
    border-radius: 4px;
}

.hnb_contents .hnb_right_text {
    width: 360px;
    float: left;
}

.hnb_contents .hnb_left_text {
    width: 360px;
    float: left;
    margin-right: 60px;
}

.hnb_contents .hnb_right_img {
    width: 400px;
    float: left;
}

.hnb_contents .hnb_right_img img {
    width: 400px;
    border-radius: 4px;
}

.hnb_contents .hnb_right_text .icon,
.hnb_contents .hnb_left_text .icon {
    background: url(../../images/pc/read/essay/171122XM/icon.png) no-repeat left bottom;
    background-size: 45px 50px;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 0 50px;
    margin-bottom: 20px
}

.hnb_contents .hnb_right_text .icon a,
.hnb_contents .hnb_left_text .icon a {
    color: #595655;
}

.hnb_contents .hnb_right_text .icon a:hover,
.hnb_contents .hnb_left_text .icon a:hover {
    color: #595655;
    opacity: 0.7;
    text-decoration: none;
}

.hnb_contents .recipe3_box {
    width: 260px;
    float: left;
    margin-right: 20px;
    margin-bottom: 40px;
}

.hnb_contents .recipe3_box:nth-child(3n) {
    margin-right: 0;
}

.hnb_contents .recipe3_box .img img {
    border-radius: 4px;
}

.hnb_contents .recipe3_box .img {
    margin-bottom: 7px;
}

.hnb_contents .recipe3_box .name {
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: bold;
}

.hnb_contents .recipe3_box a {
    color: #595655
}

.hnb_contents .recipe3_box a:hover .name {
    opacity: 0.7;
}

.hnb_contents .btn-a5 a {
    max-width: 320px;
    margin-top: 0px
}

.hnb_contents .red_waku {
    border: 1px solid #bb454e;
    border-radius: 4px;
    padding: 40px;
    margin-bottom: 100px;
}

.hnb_contents .red_waku p.ttl {
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
}

.hnb_contents .red_waku p.center {
    margin-top: 30px;
    text-align: center;
}

.maru4 .box {
    float: left;
    width: 185px;
    margin-right: 26px;
}

.maru4 .box:nth-child(4n) {
    margin-right: 0;
}

.maru4 .box .img img {
    border-radius: 100px;
}

.maru4 .box .name {
    margin-top: 7px;
    font-size: 14px;
    font-weight: bold;
    text-align: center
}

.maru4 .box a {
    color: #595655
}

.maru4 .box a:hover .name {
    opacity: 0.7;
}

.hnb_contents .hnb_left_text a,
.hnb_contents .hnb_right_text a,
.hnb_contents .red_waku a {
    color: #5494cf;
}

.hnb_contents .hnb_left_text a:hover,
.hnb_contents .hnb_right_text a:hover,
.hnb_contents .red_waku a:hover {
    text-decoration: underline;
    opacity: 0.7;
}

.hnb_contents a:hover img {
    opacity: 0.7;
}

@media only screen and (max-width: 700px) {
    .hnb_contents .mb40 {
        margin-bottom: 40px;
    }

    .hnb_contents .mb50 {
        margin-bottom: 50px;
    }

    .hnb_contents .hnb_left_img {
        width: auto;
        padding: 22px 22px 0 22px;
        margin-right: 0;
        float: none;
        margin-bottom: 4%
    }

    .hnb_contents .hnb_left_img img {
        width: 100%;
        border-radius: 5px;
    }

    .hnb_contents .hnb_right_text {
        width: 100%;
        float: none;
    }

    .hnb_contents .hnb_left_text {
        width: 100%;
        float: none;
        margin-right: 5%;
    }

    .hnb_contents .hnb_right_img {
        width: auto;
        padding: 22px 22px 0 22px;
        float: none;
    }

    .hnb_contents .hnb_right_img img {
        width: 100%;
        border-radius: 5px;
    }

    .hnb_contents .hnb_right_text .icon,
    .hnb_contents .hnb_left_text .icon {
        background: url(../../images/pc/read/essay/171122XM/icon.png) no-repeat left bottom;
        background-size: 35px 40px;
        font-size: 15px;
        font-weight: bold;
        padding: 20px 0 0 40px;
        margin-bottom: 20px
    }

    .hnb_contents .hnb_right_text .icon a,
    .hnb_contents .hnb_left_text .icon a {
        color: #595655;
    }

    .hnb_contents .recipe3_box {
        width: 48%;
        float: left;
        margin-right: 4%;
        margin-bottom: 6%;
    }

    .hnb_contents .recipe3_box:nth-child(3n) {
        margin-right: 4%;
    }

    .hnb_contents .recipe3_box:nth-child(2n) {
        margin-right: 0;
    }

    .hnb_contents .recipe3_box .img img {
        border-radius: 4px;
    }

    .hnb_contents .recipe3_box .img {
        margin-bottom: 7px;
    }

    .hnb_contents .recipe3_box .name {
        margin-bottom: 7px;
        font-size: 15px;
        font-weight: bold;
    }

    .hnb_contents .recipe3_box .read {
    }

    .hnb_contents .btn-a5 a {
        max-width: 100%;
        margin-top: 0px
    }

    .hnb_contents .red_waku {
        border: 1px solid #873C36;
        border-radius: 4px;
        padding: 16px 20px;
        margin-bottom: 15%;
    }

    .hnb_contents .red_waku p.ttl {
        text-align: center;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: bold;
    }

    .hnb_contents .red_waku p.center {
        margin-top: 20px;
        text-align: center;
    }

    .maru4 .box {
        float: left;
        width: 48%;
        margin-right: 4%;
        margin-bottom: 6%
    }

    .maru4 .box:nth-child(2n) {
        margin-right: 0;
    }

    .maru4 .box .img img {
        border-radius: 100px;
    }

    .maru4 .box .name {
        margin-top: 7px;
        font-size: 90%;
        font-weight: bold;
        text-align: center
    }

}

/*雑貨店のクリスマス46*/
.harumi_xmas46 {
    background-color: #FCEAE4 !important;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 10px !important;
}

.harumi_xmas46 .center {
    margin-bottom: 70px;
}

.harumi_xmas46 .ttl {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #333 !important
}

.harumi_xmas46 .text {
    margin-bottom: 70px;
    width: 570px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    color: #333 !important
}

.harumi_xmas46 a:hover .news_text {
    opacity: 0.7;
}

#slider_harumi .flex-direction-nav {
    display: none;
}

@media only screen and (max-width: 700px) {
    .harumi_xmas46 .center {
        margin-bottom: 30px;
    }

    .harumi_xmas46 .ttl {
        margin-bottom: 15px;
        font-size: 17px;
        font-weight: bold;
        color: #333 !important
    }

    .harumi_xmas46 .text {
        margin-bottom: 30px;
        width: 100%;
        color: #333 !important
    }
}

/*おしらせ*/
.head_news {
    font-size: 13px;
}

.head_news a {
    text-decoration: underline;
    color: #FF0004;
    margin-top: 14px !important
}

.head_news a:hover {
    opacity: 0.7
}

/*header{ height:108px;}
#logo a{ margin-bottom:14px;}*/

@media only screen and (max-width: 700px) {
    .head_news {
        font-size: 14px;
        margin-left: 0;
        padding: 0 1% 2% 2%;
        margin-bottom: 0
    }

    .head_news a {
        text-decoration: underline;
        color: #FF0004;
    }

    .head_news a:hover {
        text-decoration: none;
    }

    /*#logo a{ margin-top:0;}*/
}

.under_news {
    margin-bottom: 40px !important;
    line-height: 1.4em !important
}

.under_news.mt40 {
    margin-top: 40px;
}

.under_news a {
    text-decoration: none;
    color: #FF0004;
    display: block;
    padding: 15px;
    border: 1px solid #FF0004;
    font-size: 14px;
}

.under_news a:hover {
    opacity: 0.7
}

@media only screen and (max-width: 700px) {
    .under_news {
        margin-bottom: 0px !important;
        line-height: 1.6em !important
    }

    .under_news.mt40 {
        margin-top: 20px;
    }

    .under_news a {
        text-decoration: none;
        color: #FF0004;
        display: block;
        padding: 3%;
        border: 1px solid #FF0004;
        font-size: 14px;
    }
}

/*かいもの入り口に戻る*/
.btn-a5.pro_list.type2 a {
    margin-top: 90px;
}

@media only screen and (max-width: 700px) {
    .btn-a5.pro_list.type2 a {
        margin-top: 40px;
    }
}

/*CVボタン*/
.orenji,
.saiyou_link.bg_blue.orenji,
.saiyou_link.bg_blue02.orenji,
.action_btn.disc_btn .saiyou_link.orenji {
    background: #ed6d46 !important;
}

.orenji:hover,
.saiyou_link.bg_blue02.orenji:hover {
    opacity: 0.7 !important;
}

.bg_blue02.orenji:hover,
input#log.btn-reprint.bg_blue.float_none.white_color.f_s14px.pad_t3px.pad_b3px.mag_t10px.orenji:hover {
    opacity: 0.7 !important;
    background-color: #ed6d46 !important;
    cursor: pointer;
}

.action_btn.disc_btn .saiyou_link.orenji,
.saiyou_link.bg_blue.orenji,
.saiyou_link.bg_blue02.orenji {
    border-color: #ed6d46 !important;
}

.btn_more.orenji:hover {
    cursor: pointer;
}

.btn_more.orenji {
    color: #fff;
    border-color: #ed6d46 !important;
}

.btn_more.orenji span {
    font-size: 14px;
    line-height: 24px;
    background: url(/static/images/pc/read_more_arrow_h.png) no-repeat right center;
    padding-right: 50px;
}

/*2018バレンタイン*/
.hnb_contents .hnb_right_text .icon2,
.hnb_contents .hnb_left_text .icon2 {
    background: url(../../images/pc/read/essay/180124VD/icon.png) no-repeat left bottom;
    background-size: 50px 50px;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 0 50px;
    margin-bottom: 20px
}

.hnb_contents .hnb_right_text .icon2 a,
.hnb_contents .hnb_left_text .icon2 a {
    color: #595655;
}

.hnb_contents .hnb_right_text .icon2 a:hover,
.hnb_contents .hnb_left_text .icon2 a:hover {
    color: #595655;
    opacity: 0.7;
    text-decoration: none;
}

@media only screen and (max-width: 700px) {
    .hnb_contents .hnb_right_text .icon2,
    .hnb_contents .hnb_left_text .icon2 {
        background: url(../../images/pc/read/essay/180124VD/icon.png) no-repeat left bottom;
        background-size: 40px 40px;
        font-size: 15px;
        font-weight: bold;
        padding: 20px 0 0 40px;
        margin-bottom: 20px
    }

    .hnb_contents .hnb_right_text .icon2 a,
    .hnb_contents .hnb_left_text .icon2 a {
        color: #595655;
    }
}

/*20180123 hnb*/
.table_cart.f21 .input-group-cart .input-group-btn button {
    padding-bottom: 2px;
}

@media all and (-ms-high-contrast: none) {
    .table_cart .input-group-cart .input-group-btn button {
        line-height: 1;
    }

    .btn_more {
        padding-top: 8px;
    }
}

.number.first span {
    color: #3d6396;
}

.number.second span {
    color: #4c7cbc;
}

.number.third span {
    color: #7096c9;
}

.number.four span {
    color: #8dabd4;
}

/*-----------------------------------------
購入ログイン
------------------------------------------*/
.login_page.gray01 .mypage_log .left {
    float: left;
    width: 356px;
    margin-right: 20px;
    border: #ECECEC 2px solid;
    border-radius: 5px;
    padding: 30px 20px;
    background-color: #FAFAFA;
}

.login_page.gray01 .mypage_log .right {
    float: left;
    width: 356px;
    border: #ECECEC 2px solid;
    border-radius: 5px;
    padding: 30px 20px;
}

.login_page.gray01 .mypage_log h3 {
    color: #5F9BCF;
    font-weight: bold;
    font-size: 17px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #5F9BCF;
}

.login_page.gray01 .mypage_log .mag_b30px {
    margin-bottom: 30px;
}

.login_page.gray01 .mypage_log .right .b {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0
}

.login_page.gray01 .mypage_log .right .save_info {
    font-size: 12px;
}

.login_page.gray01 .mypage_log .right input.box300 {
    width: 344px;
    padding: 5px;
}

@media only screen and (max-width: 700px) {
    .login_page.gray01 .mypage_log {
        width: 100%;
    }

    .login_page.gray01 .mypage_log .left {
        float: none;
        width: auto;
        margin-right: 0 !important;
        border: #ECECEC 2px solid;
        border-radius: 5px;
        padding: 5%;
        background-color: #FAFAFA;
        margin-bottom: 20px;
        height: auto !important;
    }

    .login_page.gray01 .mypage_log .right {
        float: none;
        width: auto;
        margin-right: 0 !important;
        border: #ECECEC 2px solid;
        border-radius: 5px;
        padding: 5%;
        height: auto !important;
    }

    .login_page.gray01 .mypage_log #login_memory {
        width: auto !important;
    }

    .login_page.gray01 .mypage_log .right input.box300 {
        width: 96%;
        padding: 2%;
    }

    .login_page.gray01 .mypage_log .right .save_info {
        margin-bottom: 15px;
    }

    .login_page.gray01 .mypage_log .btn-reprint.bg_blue02 {
        padding: 8px 32px !important;
    }
}

/*-----------------------------------------
SEO ttl
------------------------------------------*/
p.title.f_s13px.hnb {
    font-size: 13px;
    font-weight: bold;
}

h1.title.sp_mag_t0px.hnb {
    font-size: 16px;
    text-align: left !important;
}

@media only screen and (max-width: 700px) {
    p.title.f_s13px.hnb {
        line-height: 21.5px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    h1.title.sp_mag_t0px.hnb {
        font-size: 15px;
        line-height: 21.5px;
        margin-bottom: 10px;
        font-weight: bold;
    }
}

/*20180123 レシピナビ*/
@media only screen and (max-width: 700px) {
    .link_title.b2.recipe {
        margin-top: 20px;
    }

    .hnb_recipe_nab .recipe-search {
        margin: 0 14px 30px 14px;
        color: #5a534f !important;
    }

    .hnb_recipe_nab .recipe-search a:link,
    .hnb_recipe_nab .recipe-search a:visited {
        color: #666666;
        text-decoration: none;
    }

    .hnb_recipe_nab .recipe-search h3 {
        padding-bottom: 10px;
        border-bottom: 1px solid #5c99d1;
        font-size: 15px;
        line-height: 1.1;
        color: #4c7cbc;
        margin-bottom: 0;
        color: #595655;
        font-weight: bold;
    }

    .hnb_recipe_nab .recipe-search h4 {
        margin: 30px 0 10px 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.1;
        color: #5a534f;
    }

    .hnb_recipe_nab .recipe-search ul li a {
        /*	display: block ;
background: url(/static/images/pc/more3.png) 8px center no-repeat ;
	background-size: 7px ; margin-bottom:5px;
	padding: 1px 0 1px 20px ;*/
        display: block;
    }

    .hnb_recipe_nab .recipe-search ul li:hover {
        background-color: #C4E0EC;
    }

    .hnb_recipe_nab .recipe-search ul.reipe_btn li {
        border: 1px solid #e7e7e7;
        padding: 3%;
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
        font-size: 100%;
        border-radius: 5px;
    }

    .hnb_recipe_nab .recipe-search ul.reipe_btn li:nth-child(even) {
        margin-right: 0;
    }

    .hnb_recipe_nab .recipe-search .open span a {
        display: block;
        float: left;
        font-size: 100%;
        margin: 0 2% 2% 0;
        padding: 3%;
        border: 1px solid #e7e7e7;
        border-radius: 5px;
    }

    .hnb_recipe_nab .recipe-search .open span a:hover {
        background-color: #C4E0EC;
        display: block
    }

    .hnb_recipe_nab .recipe-search .mb10 {
        margin-bottom: 10px;
    }

    .hnb_recipe_nab .recipe-search .mb20 {
        margin-bottom: 20px;
    }

    .hnb_recipe_nab .recipe-search label:hover,
    .hnb_recipe_nab .recipe-search .tag_set:hover {
        background-color: #C4E0EC;
    }

    .hnb_recipe_nab .recipe-search dl {
        border: 1px solid #e7e7e7;
        border-bottom: none;
    }

    .hnb_recipe_nab .recipe-search dl dt {
        margin: 0;
        padding: 0;
        color: #666666;
        border-bottom: 1px solid #e7e7e7;
    }

    .hnb_recipe_nab .recipe-search dl dt span {
        display: block;

        background-size: 14px;
        margin: 0;
        padding: 10px 10px 10px 30px;
        cursor: pointer;
    }

    .hnb_recipe_nab .recipe-search dl dt a {
        display: block;
        background: url(/static/images/pc/more3.png) 14px center no-repeat;

        background-size: 7px;
        padding: 3% 3% 3% 30px;
    }

    .hnb_recipe_nab .recipe-search dl dd {
        display: none;
        border-bottom: 1px solid #e7e7e7;
        padding: 10px 15px;
    }

    .hnb_recipe_nab .recipe-search dl dd p {
        margin: 5px 0;
        line-height: 1.8;
    }

    .hnb_recipe_nab .recipe-search form input[type="text"] {
        float: left;
        background: #ffffff;
        width: 75%;
        height: 30px;
        padding: 3px;
        border: 1px solid #e7e7e7;
        line-height: 1.1;
        vertical-align: middle;
    }

    .hnb_recipe_nab .recipe-search form input[type="submit"] {
        float: right;
        border: none;
        background: #4c7cbc !important;
        width: 23%;
        height: 30px;
        font-size: 16px;
        line-height: 1.1;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        vertical-align: middle;
    }

    .hnb_recipe_nab .recipe-search .tag_set {
        margin-bottom: 10px;
    }

    .hnb_recipe_nab .recipe-search label {
        display: block;
        margin: 0;
        padding: 0;
        color: #666666;
        border: 1px solid #e7e7e7;
        padding: 10px 10px 10px 30px;

        background: url(/static/images/pc/more2.png) 10px center no-repeat;
        background-size: 14px;

    }

    .hnb_recipe_nab .recipe-search input[type="checkbox"].on-off {
        display: none;
    }

    .hnb_recipe_nab .recipe-search div.open {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        margin: 0;
        padding: 0;
        list-style: none;

        margin-bottom: 10px;
    }

    .hnb_recipe_nab .recipe-search input[type="checkbox"].on-off + div.open {
        height: 0;
        overflow: hidden;
    }

    .hnb_recipe_nab .recipe-search input[type="checkbox"].on-off:checked + div.open {
        height: auto;
        padding: 15px 10px 10px 10px;
        border: 1px solid #e7e7e7;
        border-top: none;
    }

    .hnb_recipe_nab .recipe-search p.clearfix {
        margin-bottom: 0;
    }

    .hnb_recipe_nab .recipe-search div.open em {
        font-weight: bold;
        font-style: normal;
    }

}

/*レストラン*/
.menu_bnr_area {
    margin-top: 50px !important;
    margin-bottom: 80px !important;
}

.menu_bnr_area.mb0 {
    margin-bottom: 0 !important;
}

.menu_bnr_area li.banner img {
    border-radius: 5px;
}

.menu_bnr_area li.banner a {
    margin: 0 0 20px 0
}

.menu_bnr_area li.banner .news_text {
    line-height: 1.6em;
    font-size: 14px
}

.related_contents99 .left_news {
    width: 30%;
    float: left;
}

.related_contents99 .left_news img {
    border-radius: 5px;
}

.related_contents99 .right_news {
    width: 65%;
    margin-left: 5%;
    float: left;
}

@media only screen and (max-width: 700px) {
    .menu_bnr_area {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .menu_bnr_area li.banner img {
        border-radius: 5px;
    }

    .menu_bnr_area li.banner a {
        margin: 15px auto 15px auto
    }

    .menu_bnr_area li.banner .news_text {
        line-height: 1.6em;
        font-size: 14px
    }

    .related_contents99 .left_news {
        width: auto;
        float: none;
        margin-bottom: 4%
    }

    .related_contents99 .right_news {
        width: auto;
        margin-left: 0;
        float: none;
    }
}

.res_menu .menu_profile_image {
    background-color: #E6E6E6;
    text-align: center;
    padding: 40px 0;
    font-size: 20px;
    color: #6C6968;
    font-weight: bold
}

.res_menu .menu_nav {
    width: 710px;
    margin: 40px auto 0 auto;
}

.res_menu .menu_nav p {
    width: 177.5px;
    float: left;
}

.res_menu .menu_nav p:hover {
    opacity: 0.7;
}

.res_menu .blue_bar_title::before {
    border: none;
    width: 0;
}

.res_menu .blue_bar_title::after {
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    border-top: 1px solid;
    left: 70px;
    top: 8px;
}

.res_menu .blue_bar_title.l100::after {
    left: 100px;
}

.res_menu .blue_bar_title.l80::after {
    left: 80px;
}

.res_menu .blue_bar_title {
    padding-left: 0;
    overflow: hidden
}

.res_menu .related_contents_e85 .restaurant_detail85.block3 .gray01 li h2 {
    margin-bottom: 0;
}

.res_menu h3 {
    margin-bottom: 10px !important;
}

.res_menu .mb30 {
    margin-bottom: 30px;
}

.res_menu .deza {
    text-align: center;
}

.res_menu .deza .thumb {
    border-radius: 100px !important;
}

.res_menu .related_contents_e85 .restaurant_detail85 .gray01.menu3 li.banner {
    width: 252px;
    margin-right: 30px;
}

.res_menu .related_contents_e85 .restaurant_detail85 .gray01.menu3 li.banner:nth-child(3n) {
    margin-right: 0;
}

.res_menu .related_contents_e85 .restaurant_detail85 .gray01.menu3 li.banner img {
    width: 252px;
}

.res_menu .related_contents_e85 .restaurant_detail85 .gray01.menu3 li .thumb {
    width: 252px;
    height: 174px
}

.res_menu .pdf_box {
    border: 1px #5494cf solid;
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.6em;
    margin-bottom: 40px
}

.res_menu .pdf_box span {
    color: #C73B3B;
    font-size: 14px;
}

.res_menu .pdf_box .mb20 {
    margin-bottom: 20px;
}

.res_menu .pdf_box .left.first {
    width: 36%;
}

.res_menu .pdf_box .left {
    width: 30%;
    margin-right: 2%;
    float: left
}

.res_menu .pdf_box .left.end {
    margin-right: 0;
}

.res_menu .pdf_box .left p a {
    background: url(/yutori/yutori-wp/wp-content/themes/yutori/img/res/img/pdf.jpg) no-repeat right center;
    padding-right: 22px
}

.res_menu .pdf_box .left p {
    margin: 5px 0
}

.res_menu li.bottom {
    padding-top: 260px;
    margin-bottom: 0 !important;
}

.res_menu li.bottom .f_s12px {
    margin-bottom: 0;
}

.res_menu h2.news span.bdr_b_blue {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #5c99d1;
}

.res_menu h2.news {
    text-align: center;
}

.res_menu .price {
    font-size: 12px;
    margin: 5px 0 10px;
    display: block
}

.res_menu .price b {
    font-weight: normal;
    font-size: 14px;
}

.res_menu .text.f_s14px {
    line-height: 1.6em;
    font-size: 12px !important
}

@media only screen and (max-width: 700px) {
    .res_menu li.bottom {
        padding-top: 0;
        margin-bottom: 10px !important;
    }

    .res_menu .pdf_box .left.first {
        width: 100%;
    }

    .res_menu .pdf_box .left {
        width: 100%;
        margin-right: 0;
        float: none
    }

    .res_menu .related_contents_e85 .restaurant_detail85 .gray01.menu3 li.banner {
        width: 100%;
        margin-right: 0;
    }

    .res_menu .related_contents_e85 .restaurant_detail85 .gray01.menu3 li.banner:nth-child(3n) {
        margin-right: 0;
    }

    .res_menu .related_contents_e85 .restaurant_detail85 .gray01.menu3 li.banner img {
        width: 100%;
    }

    .res_menu .related_contents_e85 .restaurant_detail85 .gray01.menu3 li .thumb {
        width: auto;
        height: auto
    }

    .res_menu .blue_bar_title::after {
        top: 12px;
    }
}

.res_list h2.bdr_b_blue {
    color: #5c99d1 !important;
    margin-bottom: 40px
}

.res_list h3.ttl {
    color: #659DD0 !important;
}

.res_list li.mt0 {
    margin-top: 0 !important;
}

.content_location_e5.res_list ul {
    margin-top: 40px !important;
}

.res_list .shop_list {
    margin-bottom: 70px;
}

.res_list .shop_list .left {
    width: 23%;
    text-align: center;
    margin-right: 7%;
    float: left;
}

.res_list .shop_list .right {
    width: 70%;
    float: left;
    padding-top: 20px;
}

.res_list .mini {
    column-rule: #B2B1B0;
    font-size: 12px
}

.res_menu li.banner .small4 .item {
    width: 48%;
    margin-right: 4%;
    float: left;
    margin-bottom: 15px;
}

.res_menu li.banner .small4 .item:nth-child(2n) {
    margin-right: 0;
}

.res_menu li.banner .small4 .item img {
    width: 100%;
}

.res_menu li.banner .small4 .item .thumb {
    width: auto;
    height: auto;
}

.res_menu li.banner .small4 .item h2 {
    margin-top: 5px;
}

.res_menu .thumb img {
    border-radius: 5px;
}

@media only screen and (max-width: 700px) {
    .content_location_e5.res_list ul {
        margin-top: 20px !important;
    }

    .res_list h3.ttl {
        color: #659DD0 !important;
        font-weight: bold;
    }

    .res_list h2.bdr_b_blue {
        margin-bottom: 0 !important;
        font-size: 18px;
    }

    body .content_location_e5.res_list ul li p.text {
        padding: 0;
        text-indent: 0;
    }

}

/* Facebook　メルマガ　導線*/
.fbarea {
    width: 820px;
    margin-top: 70px;
}

.fbarea .fbBOX .fbL {
    float: left;
    width: 410px;
    line-height: 0;
}

.fbarea .fbBOX .fbR {
    float: right;
    width: 410px;
    line-height: 0;
}

.fbarea a {
}

.fbarea a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.fbarea .fbtxt {
    width: 790px;
    background-color: #eee7e0;
    text-align: center;
    padding: 15px;
    font-size: 14px;
    line-height: 150%;
}

.news_text a {
    display: inline !important;
    color: #5494cf;
    text-decoration: none;
}

.soukatsu a {
    color: #5494cf;
}

.related_contents02 .soukatsu a:hover {
    text-decoration: none !important;
    /*	border-bottom:none !important; */
}

@media screen and ( max-width: 750px ) {
    .fbarea {
        width: 100%;
        margin-top: 40px;
    }

    .fbarea .fbBOX .fbL, .fbarea .fbBOX .fbR {
        float: none;
        line-height: 0;
        width: 100%;
    }

    .fbarea .fbBOX .fbL img, .fbarea .fbBOX .fbR img {
        width: 100% !important;
    }

    .fbarea a {
        transition: .3s;
    }

    .fbarea .fbtxt {
        width: 100%;
        background-color: #eee7e0;
        text-align: left;
        padding: 15px 20px;
        font-size: 13px;
        line-height: 150%;
    }
}

/*　2017ベストレシピ　*/
#bestrecipe2017 .news2.a5 li .title.best1 {
    background: url('/static/images/pc/bestrecipe2017/icon_best1_2017.png') no-repeat;
    background-size: 50px 40px;
}

#bestrecipe2017 .news2.a5 li .title.best2 {
    background: url('/static/images/pc/bestrecipe2017/icon_best2_2017.png') no-repeat;
    background-size: 50px 40px;
}

#bestrecipe2017 .news2.a5 li .title.best3 {
    background: url('/static/images/pc/bestrecipe2017/icon_best3_2017.png') no-repeat;
    background-size: 50px 40px;
}

#bestrecipe2017 .news2.a5 li.below4 .thumb.no-float span.best {
    position: absolute;
    color: #6c3f30;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #feda01;
    background: #feda01;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 8px 0 0 8px;
    text-align: center;
    z-index: 1;
}

.news2 li a span.award {
    font-size: 14px;
    color: #b8860b;
    font-weight: bold;
    max-width: 536px;
    margin-left: auto;
    background: url('/static/images/pc/bestrecipe2017/crown_2017.png') no-repeat;
    background-size: 25px 20px;
    display: inline-block;
    line-height: 1.6em;
    padding-left: 30px;
}

/*18.3.15 メールマガジン*/
.mail_maga p.ttl {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d7d7d6;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.7em
}

.mail_maga .tri {
    cursor: pointer;
    padding: 8px;
    margin-bottom: 10px;
    background: url(/static/images/pc/category_arrow.png) no-repeat 97% center #ededed !important;
    border-radius: 5px;
}

.mail_maga .open {
    display: none;
    margin-bottom: 20px;
}

.mail_maga p {
    margin-bottom: 0.6em;
}

.mail_maga p input {
    height: 20px;
    margin-right: 5px
}

.mail_maga p label {
    display: block;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: bold;
}

.mail_maga p label:hover {
    color: #5494cf;
}

.mail_maga .open label {
    font-weight: normal;
}

.mail_maga p span {
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.6em;
    display: block;
    font-weight: normal;
}

@media only screen and (max-width: 700px) {
    .mail_maga p span {
        background-color: #fff !important;
        color: #595655 !important;
        font-size: 90% !important
    }
}

/*18.04.20.　harumiお気に入り
.add_180425{padding:70px 0 ; width:800px; margin:0 auto;}
.add_180425 .center{text-align:center;}
.add_180425 .mt10{ margin-top:20px}
.add_180425 .mb10{ margin-bottom:10px}
.add_180425 .mb20{ margin-bottom:20px}
.add_180425 .mb30{ margin-bottom:30px}
.add_180425 .mb40{ margin-bottom:40px}
.add_180425 .mb60{ margin-bottom:60px !important}
.add_180425 .mb70{ margin-bottom:70px !important}
.add_180425 .left{ float:left; width:250px;}
.add_180425 .left img{border-radius:5px;}
.add_180425 .diz img{-webkit-backface-visibility: hidden;}
.add_180425 .right{ float:right; width:510px}
.add_180425 .right .ttl img{width:80%;-webkit-backface-visibility: hidden;}
.add_180425 .right.bk1{background:url(/static/images/pc/harumi/47/mother/pick_08_PC.jpg) no-repeat right bottom; background-size:90px }
.add_180425 .right.bk2{background:url(/static/images/pc/harumi/47/mother/pick_11_PC.jpg) no-repeat right bottom; background-size:120px}
.add_180425 .right.bk3{background:url(/static/images/pc/harumi/47/mother/pick_14_PC.jpg) no-repeat right bottom; background-size:90px}
.add_180425 .bk4{background:url(/static/images/pc/harumi/47/mother/pick_17_PC.jpg) no-repeat right bottom; background-size:130px}
.add_180425 .pc_non{display: inline !important;}
.add_180425 .item_link a{ color:#595655; font-size:14px; line-height:1.7em;}
.add_180425 .item_link a:hover{opacity:0.7;}
.add_180425 .item_link span{ font-size:15px; font-weight:bold;}
.add_180425 .text{font-size:16px; line-height:1.8em;}
.add_180425 .green{color:#71A77D; margin-bottom:5px; font-size:15px}
.add_180425 a.more_link{color:#71A77D; font-size:13px; background:url(/static/images/pc/harumi_shop_slider_arrow_right.png) no-repeat right 4px; background-size:5px; padding-right:10px }
.add_180425 a.more_link:hover{opacity:0.7;}

@media only screen and (max-width: 700px){
.add_180425{padding:40px 20px ; width: auto; margin:0 auto;}
.add_180425 img{width:100% !important;}
.add_180425 .mb60{ margin-bottom:30px !important}
.add_180425 .mb70{ margin-bottom:30px !important}
.add_180425 .left{ float:none; width:100%; margin-bottom:20px}
.add_180425 .right{ float:none; width:100%}
.add_180425 .text{font-size:14px; line-height:1.6em;}
.add_180425 a.more_link{text-align:center; margin-top:10px}
.add_180425 .item_link a{ color:#595655; font-size:11px; }
.add_180425 .item_link span{ font-size:12px; font-weight:bold;}
.add_180425 .right.bk1{background:none; background-size:90px }
.add_180425 .right.bk2{background:none; background-size:120px}
.add_180425 .right.bk3{background:none; background-size:90px}
.add_180425 .bk4{background:none; background-size:130px}
.add_180425 .green{font-size:13px}
.add_180425 .pc_non{display:none !important;}
}

*/

/*18.04.27.カテゴリナビ*/
.cate_navi {
    width: 860px;
    margin: 0 auto 70px;
}

.cate_navi li {
    width: 260px;
    float: left;
    text-align: center;
    margin-bottom: 30px;
    margin-right: 40px;
}

.cate_navi li:nth-child(3n) {
    margin-right: 0;
}

.cate_navi li p {
    margin-bottom: 10px;
}

.cate_navi li a {
    color: #595655;
    font-weight: bold;
}

.cate_navi li a:hover,
.cate_navi li a:hover img {
    opacity: 0.7;
}

.cate_navi li.active a {
    color: #5d7bb8;
}

.new_catettl h1 {
    margin: 70px 0;
    font-size: 24px
}

@media only screen and (max-width: 700px) {
    .cate_navi {
        width: 92%;
        margin: 20px 4% 40px;
    }

    .cate_navi li p {
        margin-bottom: 5px;
    }

    .cate_navi li {
        width: 49%;
        float: left;
        text-align: center;
        margin-bottom: 15px;
        margin-right: 2%;
    }

    .cate_navi li:nth-child(3n) {
        margin-right: 2%;
    }

    .cate_navi li:nth-child(2n) {
        margin-right: 0 !important;
    }

    .new_catettl h1 {
        margin: 40px 0 0 0;
        font-size: 20px
    }

    .new_item {
        margin-bottom: 40px;
    }
}

/*18.04.25.母の日*/
.mother_type {
    color: #6C6968;
}

.mother_type a img:hover {
    opacity: 0.7;
}

.mother_type .w630 {
    width: 630px;
    margin: 0 auto;
}

.mother_type .w650 {
    width: 650px;
    margin: 0 auto;
}

.mother_type .w570 {
    width: 570px;
    margin: 0 auto;
}

.mother_type .w820 {
    width: 820px;
    margin: 0 auto;
}

.mother_type .mb5 {
    margin-bottom: 5px;
}

.mother_type .mb10 {
    margin-bottom: 10px;
}

.mother_type .mb20 {
    margin-bottom: 20px;
}

.mother_type .mb40 {
    margin-bottom: 30px;
}

.mother_type .mb30 {
    margin-bottom: 40px;
}

.mother_type .mb50 {
    margin-bottom: 50px;
}

.mother_type .mb60 {
    margin-bottom: 60px;
}

.mother_type .mb70 {
    margin-bottom: 70px;
}

.mother_type .mb100 {
    margin-bottom: 100px;
}

.mother_type .tri .open {
}

.mother_type .tri .icon:hover {
    opacity: 0.7;
}

.mother_type .tri .icon {
    background: url(/static/images/pc/read/essay/180425MD/parts/close.png) no-repeat center bottom;
    width: 75px;
    height: 70px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    background-size: 45px
}

.mother_type .tri .icon.active {
    background: url(/static/images/pc/read/essay/180425MD/parts/open.png) no-repeat center bottom;
    width: 75px;
    height: 70px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    background-size: 45px
}

.mother_type .tri .icon span {
    font-size: 13px;
    font-weight: bold;
    display: none;
}

.mother_type .tri .icon.active span {
    display: block;
}

.mother_type .tri .open {
    margin-top: 70px;
}

.mother_type .w570 .pc .nav p {
    float: left;
    width: 168px;
    margin-right: 33px;
}

.mother_type .w570 .pc .nav p.end {
    margin-right: 0;
}

.mother_type .w570 .text {
    font-size: 12px;
}

.mother_type .section h5.min {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    margin: 25px 0;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.1em
}

.mother_type .section {
    border-bottom: 8px solid #f3f3f3;
    margin-bottom: 70px
}

.mother_type .section .open h5 {
    margin-bottom: 40px;
}

.mother_type .item_area .item {
    float: left;
    width: 254px;
    margin-right: 29px;
    margin-bottom: 50px;
}

.mother_type .item_area .item:nth-of-type(3n) {
    margin-right: 0;
}

.mother_type .item_area .item .img img {
    border-radius: 3px;
}

.mother_type .item_area .item .img {
    margin-bottom: 7px;
    position: relative;
}

.mother_type .item_area .item .img img.lav_img {
    position: absolute;
    left: 0;
    top: 20px;
    border-radius: 0;
}

.mother_type .item_area .item .sub li {
    width: 80px;
    margin-right: 7px;
    float: left
}

.mother_type .item_area .item .sub li:nth-child(3n) {
    margin-right: 0;
}

.mother_type .item_area .item .sub li img {
    border-radius: 3px;
}

.mother_type .item_area .item .lav {
    margin: 10px 0;
    height: 20px
}

.mother_type .item_area .item .lav span img {
    margin-right: 5px;
}

.mother_type .item_area .item .name {
    height: 6em;
    font-size: 12px;
    line-height: 1.7em
}

.mother_type .item_area .item .name a {
    color: #595655;
}

.mother_type .item_area .item .name a:hover {
    opacity: 0.7;
}

.mother_type .item_area .item2 {
    margin-bottom: 50px;
}

.mother_type .item_area .item2 .right {
    width: 350px;
    float: left;
    margin-left: 30px;
}

.mother_type .item_area .item2 .left {
    width: 350px;
    float: left;
    margin-left: 0;
}

.mother_type .item_area .item2 .img img {
    border-radius: 5px;
}

.mother_type .item_area .item2 .min {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.7em;
    letter-spacing: 0.1em
}

.mother_type .item_area .item2 .text {
    margin-bottom: 30px;
}

.mother_type .item_area .item2 .name a {
    color: #595655;
    font-size: 12px;
    line-height: 1.7em
}

.mother_type .item_area .item2 .name a:hover {
    opacity: 0.7;
}

.mother_type .gift p {
    line-height: 1.7em
}

.mother_type .gift p.red {
    color: #e53164;
    line-height: 1.7em;
    font-size: 16px;
}

.mother_type .gift {
    margin-bottom: 100px;
}

.mother_type .gift p.line {
    border-bottom: 1px solid #DAD9D9;
    padding: 0 0 5px 10px;
    margin-bottom: 10px;
}

.mother_type .gift .ul {
    padding: 0 10px;
    font-size: 14px
}

.mother_type .gift .left {
    width: 300px;
    margin-bottom: 40px;
    float: left;
    margin-right: 30px;
}

.mother_type .gift .left.end {
    margin-right: 0;
}

.mother_type .gift span.mini {
    font-size: 13px;
}

.mother_type .gift span.mini a {
    color: #4C7CBC;
}

.mother_type .gift span.mini a:hover {
    opacity: 0.7;
}

.mother_type .gift img.w80 {
    width: 80%;
    text-align: center;
}

.mother_type .gift .center {
    text-align: center;
}

.mother_type .gift .area {
    border: 2px dotted #f6cbc9;
    padding: 25px 40px;
    border-radius: 10px;
}

.mother_type .gift .area .icon {
    background: url(/static/images/pc/read/essay/180425MD/parts/truck.png) no-repeat left center;
    padding-left: 55px;
    font-size: 13px;
}

.mother_type .gift .area .btn {
    border: none;
    background-color: #f6cbc9;
}

.mother_type .gift .area .btn a {
    color: #6C6968;
    font-weight: bold;
}

.mother_type .gift .area .btn:hover {
    opacity: 0.7;
}

@media only screen and (min-width: 751px) {
    .mother_type.add190417 .related_contents01 {
        padding: 0 70px 70px;
    }
}

@media only screen and (max-width: 700px) {
    .mother_type .item_area .color {
        text-align: center;
        font-size: 28px;
        line-height: 1em
    }

    .mother_type .w630 {
        width: 92%;
        margin: 0 auto;
    }

    .mother_type .w650 {
        width: 92%;
        margin: 0 auto;
    }

    .mother_type .w570 {
        width: 92%;
        margin: 0 auto;
    }

    .mother_type .w820 {
        width: 92%;
        margin: 0 auto;
    }

    .mother_type .mb5 {
        margin-bottom: 5px;
    }

    .mother_type .mb10 {
        margin-bottom: 10px;
    }

    .mother_type .mb20 {
        margin-bottom: 20px;
    }

    .mother_type .mb30 {
        margin-bottom: 30px;
    }

    .mother_type .mb40 {
        margin-bottom: 30px;
    }

    .mother_type .mb50 {
        margin-bottom: 40px;
    }

    .mother_type .mb60 {
        margin-bottom: 50px;
    }

    .mother_type .mb70 {
        margin-bottom: 50px;
    }

    .mother_type .mb100 {
        margin-bottom: 50px;
    }

    .mother_type .tri .open {
        display: none;
    }

    .mother_type .gift p.red {
        margin-bottom: 20px;
    }

    .mother_type .item_area .item {
        float: left;
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px
    }

    .mother_type .item_area .item:nth-of-type(3n) {
        margin-right: 4%;
    }

    .mother_type .item_area .item:nth-of-type(2n) {
        margin-right: 0;
    }

    .mother_type .item_area .item .name {
        height: 7em;
    }

    .mother_type .item_area .item .lav {
        height: 5px 0;
        height: auto;
    }

    .mother_type .item_area .item .lav span img {
        margin-right: 2px;
        height: 17px;
    }

    .mother_type .item_area .item .img img.lav_img {
        height: 25px;
        top: 10px;
    }

    .mother_type .tri .icon {
        background: url(/static/images/pc/read/essay/180425MD/parts/open.png) no-repeat center bottom;
        width: 75px;
        height: 70px;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
        background-size: 45px
    }

    .mother_type .tri .icon.active {
        background: url(/static/images/pc/read/essay/180425MD/parts/close.png) no-repeat center bottom;
        width: 75px;
        height: 70px;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
        background-size: 45px
    }

    .mother_type .tri .icon span {
        font-size: 13px;
        font-weight: bold;
        display: block
    }

    .mother_type .tri .icon.active span {
        display: none;
    }

    .mother_type .item_area .item2 {
        margin-bottom: 50px;
    }

    .mother_type .item_area .item2 .right {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 20px
    }

    .mother_type .item_area .item2 .left {
        width: 100%;
        float: left;
        margin-left: 0;
    }

    .mother_type .item_area .item2 .min {
        font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        font-weight: bold;
        margin-bottom: 20px;
        line-height: 1.7em;
        letter-spacing: 0.1em;
        font-size: 16px
    }

    .mother_type .gift p.line {
        padding-left: 0;
    }

    .mother_type .gift .ul {
        padding: 0;
    }

    .mother_type .gift .left {
        width: 48%;
        margin-bottom: 5px;
        float: left;
        margin-right: 4%;
    }

    .mother_type .gift .left.end {
        margin-right: 0;
    }

    .mother_type .gift img.w80 {
        width: 100%;
        text-align: center;
    }

    .mother_type .gift .area {
        border: 2px dotted #f6cbc9;
        padding: 5% 8%;
        border-radius: 10px;
        font-size: 14px
    }

    .mother_type .gift .area .icon {
        background: url(/static/images/pc/read/essay/180425MD/parts/truck.png) no-repeat top center;
        padding-left: 0;
        padding-top: 40px;
        font-size: 13px;
    }

    .mother_type .item_area .item2 .text {
        margin-bottom: 20px;
    }

    .mother_type .text {
        font-size: 13px;
    }

}

/* 190408 追加 */
.mother_type.add190417 .gift .area .icon {
    background: url(/static/images/pc/read/essay/190417MD/parts/truck.jpg) no-repeat left center;
}

.mother_type.add190417 .item_area .item2 .text {
    margin-bottom: 20px;
}

.mother_type.add190417 .item_area .item2 .tag {
    width: 180px;
    margin-bottom: 20px;
}

.mother_type.add190417 .title {
    padding-bottom: 4%;
}

.mother_type.add190417 .icon.shopping, .mother_type.add190417 .icon.reading {
    width: 35% !important;
}

.mother_type.add190417 .f_s16px {
    font-size: 16px !important;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 5px;
}

@media only screen and (max-width: 700px) {
    .mother_type.add190417 ul.bnr181205 li {
        border-bottom: none !important;
        padding-bottom: 10px !important;
        margin-bottom: 10px !important;
    }

    .mother_type.add190417 ul.bnr181205 li img {
        float: none !important;
        width: 100% !important;
    }

    .mother_type.add190417 .related_contents01 .banner a h2.b122_h2 {
        float: none !important;
        width: 100%;
    }

    .mother_type.add190417 ul.bnr181205 li a h2.b122_h2 + .text {
        float: none !important;
        width: 100% !important;
    }

    .mother_type.add190417 .gift .area .icon {
        background: url(/static/images/pc/read/essay/190417MD/parts/truck.jpg) no-repeat top center;
        padding-left: 0;
        padding-top: 40px;
        font-size: 13px;
    }
}

/*18.05.21.一覧*/

.new_item ul li .thumb {
    position: relative;
    width: 100%;
    height: 100%;
}

.new_item ul li .thumb span {
    position: absolute;
    left: 0;
    top: 20px;
    border-radius: 0;
}

@media only screen and (max-width: 700px) {
    .new_item ul li .thumb {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .new_item ul li .thumb span {
        position: absolute;
        top: 0px;
    }

    .new_item ul li .thumb span img {
        width: 70px;
    }
}

/*18.05.30.ぱんくず*/
.bread.cate div,
.bread.new div {
    display: inline-block;
}

.bread.new .breadcrumb {
    display: none;
}

.bread.new .breadcrumb:first-child {
    display: block;
}

.bread.new .breadcrumb div:nth-child(2) {
    display: none;
}

.bread.new.haru .breadcrumb div:nth-child(2) {
    display: inline-block;
}

.bread.new.haru .breadcrumb div:nth-child(3),
.bread.new.haru .breadcrumb div:nth-child(4) {
    display: none;
}

/*flag*/
ul.product-list .thumb span {
    position: absolute;
    left: 0;
    top: 0 !important;
    border-radius: 0;
}

ul.product-list .thumb span img {
    width: 90px;
}

.side_menu .open {
    width: 200px;
    text-align: left;
    font-weight: normal
}

/*18.11.26 レシピトップバナーエリア*/
.related_contents02 .bnrBOX {
    width: 100%;
    margin-bottom: 70px;
}

.related_contents02 .bnrBOX .boxL, .related_contents02 .bnrBOX .boxR {
    width: 48%;
}

.related_contents02 .bnrBOX .boxL img, .related_contents02 .bnrBOX .boxR img {
    width: 100%;
    border-radius: 5px;
}

.related_contents02 .bnrBOX .boxL {
    float: left;
}

.related_contents02 .bnrBOX .boxR {
    float: right;
}

@media only screen and (max-width: 700px) {
    .related_contents02 .bnrBOX {
        width: 100%;
        margin-bottom: 40px;
    }

    .related_contents02 .bnrBOX .boxL {
        margin-top: 20px;
    }

    .related_contents02 .bnrBOX .boxL, .related_contents02 .bnrBOX .boxR {
        width: 100%;
    }

    .related_contents02 .bnrBOX .boxL img, .related_contents02 .bnrBOX .boxR img {
        width: 100%;
        border-radius: 5px;
    }

    .related_contents02 .bnrBOX .boxL {
        float: none;
        margin-bottom: 20px !important;
    }

    .related_contents02 .bnrBOX .boxR {
        float: none;
    }
}

/*18.12.25 レストラン*/
.pc_660 {
    width: 660px;
    margin: 0 auto;
}

@media only screen and (max-width: 700px) {
    .pc_660 {
        width: auto;
    }
}

/*18.12.21 商品強化*/
#customervoice_area {
    margin-bottom: 70px;
}

.new.sub_comment4 #manaita {
    display: none;
}

.new.sub_comment4 {
    padding-top: 50px;
}

.new.sub_comment4 .mb80 {
    margin-bottom: 80px;
}

.new.sub_comment4 .mb40 {
    margin-bottom: 40px;
}

.new.sub_comment4 .center {
    text-align: center;
}

.new.sub_comment4 .hero img {
}

.new.sub_comment4 h2 {
    color: #2159A4;
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 1.7em;
    margin-top: 0;
    font-weight: bold;
    letter-spacing: 0.05em
}

.new.sub_comment4 p.sub_read {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #2159A4;
    line-height: 1.7em;
    letter-spacing: 0.05em
}

.new.sub_comment4 h3 {
    color: #2159A4;
    font-size: 20px;
    border-left: 5px solid #2159A4;
    border-bottom: 1px solid #2159A4;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 3px;
    margin-bottom: 40px;
    line-height: 1.6em;
    font-weight: bold;
}

.new.sub_comment4 h4 {
    font-size: 22px;
    margin: 55px 0 50px;
    line-height: 1.6em
}

.new.sub_comment4 .text {
    width: auto;
    font-size: 16px;
    line-height: 2em;
    letter-spacing: 0.05em;
    margin-bottom: 60px;
}

.new.sub_comment4 .voice h4 {
    margin-bottom: 20px;
    font-size: 20px;
    margin-top: 0
}

.new.sub_comment4 .voice h4.staff {
    background: url(/static/images/pc/de_staff.png) 0 center no-repeat;
    background-size: 50px;
    padding: 10px 0 10px 65px;
}

.new.sub_comment4 .voice {
    background-color: #fafafa;
    padding: 40px 30px;
    margin-bottom: 40px;
}

.new.sub_comment4 .voice span {
    color: #FFC600;
    margin-left: 10px;
}

.new.sub_comment4 .voice .mb20 {
    margin-bottom: 20px;
}

.new.sub_comment4 .voice .text {
    margin-bottom: 0;
}

.new.sub_comment4 .movie iframe {
    width: 600px;
    height: 400px
}

.new.sub_comment4 .red {
    color: #ed6d46;
}

.top_detail_content04.block3 .sub_comment3 .cate_btn {
    text-align: center;
    margin: 0 auto;
}

.top_detail_content04.block3 .sub_comment3 .cate_btn a {
    display: block;
    font-size: 14px;
    letter-spacing: 0.18em;
    font-weight: bold;
    max-width: 300px;
    margin: 0 auto;
    line-height: 28px;
    border: 1px solid #5d7bb8;
    padding: 0 15px;
    text-align: center;
    background: #5d7bb8;
    color: #fff !important;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.top_detail_content04.block3 .sub_comment3 .cate_btn a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.top_detail_content04.block3 .sub_comment3 .bnr-box a:hover {
    text-decoration: none;
}

.new.sub_comment4 .tokusyu_item li h4, .new.sub_comment4 .tokusyu_item li .text {
    width: 100%;
    float: right;
    margin: 0;
}

.new.sub_comment4 .tokusyu_item li h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.new.sub_comment4 .tokusyu_item li .text {
    display: block;
    font-size: 14px;
    line-height: 24px;
}

.new.sub_comment4 .tokusyu_item li a.read_more.read_more-n {
    color: #595655;
}

.new.sub_comment4 .tokusyu_item li a.read_more.read_more-n:hover {
    text-decoration: none;
    color: #fff;
}

.sub_comment3 .detailarea_btn.mb30 {
    padding-bottom: 30px;
}

@media only screen and (max-width: 700px) {
    #customervoice_area {
        margin-bottom: 40px;
    }

    .new.sub_comment4 {
        padding-top: 0;
    }

    body .top_detail_content04.block3 {
        margin-bottom: 0 !important
    }

    .new.sub_comment4 h4 {
        margin: 40px 0 40px;
    }

    .new.sub_comment4 .center {
        text-align: left;
    }

    .new.sub_comment4 .voice {
        background-color: #fafafa;
        padding: 20px 15px;
        margin-bottom: 40px;
    }

    .new.sub_comment4 .movie iframe {
        width: 100%;
        height: 260px
    }

    .new.sub_comment4 .read.mb80 {
        margin-bottom: 60px;
    }

    .new.sub_comment4 .mb40 {
        margin-bottom: 20px;
    }

    .new.sub_comment4 h2 {
        font-size: 22px;
        margin-bottom: 30px;
        line-height: 1.5em;
        margin-top: 20px;
        font-weight: bold;
    }

    .new.sub_comment4 p.sub_read {
        display: block;
        font-size: 18px;
        font-weight: normal;
        color: #2159A4;
        line-height: 1.7em;
        text-align: left;
    }
}

/* 19.01.23 バレンタイン */
.text a.hnb_txtlink {
    color: #595655;
}

.text a.hnb_txtlink:hover {
    text-decoration: none;
}

.text .hnb_txtlink span {
    color: #5494cf;
}

@media only screen and (max-width: 700px) {
    h2.hnb_forsp_txt {
        font-size: 15px;
        font-weight: bold;
    }

    .related_contents01 .banner a img.b122_yomimono_img.hnb_b122_yomimono_img {
        width: 100%;
    }

    .text .hnb_txtlink {
        color: #595655;
    }

    .text .hnb_txtlink span {
        color: #5494cf;
    }
}

/* 19.06.03 メインコメント動画CSS */
@media only screen and (max-width: 700px) {
    .movie-wrap {
        position: relative;
        padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
        height: 0;
        overflow: hidden;
    }

    .movie-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

/* 19.07.18 レシピバナー用 */
.pc_mb {
    margin-bottom: 30px;
}

@media only screen and (max-width: 700px) {
    .pc_mb {
        margin-bottom: inherit;
    }
}

.link_title.b2.recipe h1{font-size: 14px; font-weight: normal;line-height: 24px;margin-bottom: 0;}
@media only screen and (max-width: 700px) {
    .link_title.b2.recipe h1{font-size: 13px; font-weight: normal;line-height: 24px}
.bdr_b_blue.mag_b20px.recipe h1,
	.bdr_b_blue.mag_b20px.recipe {font-weight: normal !important;}

}

.products_detail_cart_error {
    margin-top: 20px;
    margin-left: 50px;
}
@media only screen and (max-width: 700px) {
    .products_detail_cart_error {
        margin-right: 10px;
        margin-left: 10px;
    }
}
