@charset "utf-8";
/************************************************
 共通設定
************************************************ */

#svgicon {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

/* リンク指定
----------------------------------------------- */

a:link, a:visited {
    color: #39c;
    text-decoration: none;
}
a:link:hover, a[href]:hover {
    color: #f60;
    text-decoration: underline;
}
a:hover, a:hover img, button:hover {
    opacity: .6;
    transition: all .8s;
}
.a_link {
    text-decoration: underline !important;
    color: #0066d6 !important;
}
.iv {
    display: none;
}
.tokuho {
    color: #000 !important;
}
.markU {
    display: block;
}
.mark_itemPage {
    padding: 0 5px 8px 0;
    vertical-align: middle;
}
/* ==============================================
 ヘッダー
=============================================== */

header {
    /* border-top: solid 3px #fd8d09; */
}
img {
    vertical-align: bottom;
    border: 0px;
}
h2 {
    font-size: 13px;
    font-weight: normal;
}
#header_width {
    width: 1040px;
    padding: 10px 0px 0px;
    margin: 0px auto;
}
#header_left {
    margin: -7px 0px 0px;
    float: left;
}
#header_right {
    float: right;
}
#header_bnr {
    width: 142px;
    margin: 34px 0 0 0;
    float: left;
}
#header_width .h1_sub {
    color: #757575;
    font-size: 11px;
    font-weight: normal;
}
#header_right>p {
    margin: 0px 0px 0px 10px;
    float: left;
}
#header_right .cart a {
    position: relative;
    display: block;
}
#header_right .cart a .badge {
    position: absolute;
    top: 12px;
    left: 53px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #DE5D50;
    border-radius: 10px;
    z-index: 5;    
}
#header_right .tel {
    padding: 0px 5px 0px 0px;
}
#search_form {
    padding: 4px 0px 0px;
    float: right;
    clear: both;
    position: relative;
}
#search_form p {
    float: left;
}
#search_form .icon_search {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 8px;
    left: 3px;
    float: none;
    z-index: 99;
    background-image: url("../img/common/search_bg.png")!important;
    background-repeat: no-repeat!important;
    background-position: left top!important;
}
#search_form input[type="text"] {
    width: 235px;
    height: 30px;
    border-left: solid 1px #cacaca;
    border-top: solid 1px #cacaca;
    border-bottom: solid 1px #cacaca;
    padding: 0 0 0 30px;
    margin: 0;
    border-radius: 5px 0 0 5px / 5px 0 0 5px;
    font-size: 12px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
#search_form button {
    border: none !important;
    background: none !important;
    width: 52px;
    padding: 0;
}
#header_width nav {
    padding: 20px 0px 15px;
    clear: both;
}
#header_width nav ul {
    font-size: 0;
    list-style: none;
}
#header_width nav ul li {
    display: inline-block;
    transition: all 1s;
}
#header_width nav ul li:hover {
    opacity: .6;
    transition: all 0.8s;
}



/* 20190328追加 */
#header_right {
    margin-bottom: 20px;
}
#header_width2 {
    width: 1040px;
    margin: 0px auto;
	margin-top: 20px;
	clear: both;
}
#header_width2 nav {
    clear: both;
}
#header_width2 nav ul {
    font-size: 0;
    list-style: none;
}
#header_width2 nav ul li {
    display: inline-block;
    transition: all 1s;
}
#header_width2 nav ul li:hover {
    opacity: .6;
    transition: all 0.8s;
}
.header_width100 {
	width: 100%;
	background-image: url("../img/common/nav_bg.png");
	background-repeat: repeat-x;
	clear: both;
	margin-bottom: 15px;
}
.link_right {
	text-align: right;
}
.link_right2{
	text-align: right;
	margin-top: 10px;
}
/* 20190328追加 */




article {
    padding: 20px 0px 0px;
    /* background: url("../img/common/article_bg.png") repeat-x top; */
}
#seasonBg {
    /* background:url("../user_data/notfound.html") repeat-x center top; */
}
#topic_keyword {
    width: 1040px;
    margin: 0px auto;
    overflow: auto;
}
#topic_keyword ul {
    list-style: none;
}
#topic_keyword ul li {
    display: inline-block;
    padding: 0px 9px;
}
#topis_keyword_hl {
    width: 120px;
    background: #fd8d09;
    text-align: center;
    padding: 10px 0px;
    float: left;
    font-size: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}
#topis_keyword_hl:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 7px solid transparent;
    border-left-color: #fd8d09;
    left: 100%;
    top: 11px;
}
#topic_keyword_list {
    width: 904px;
    background: #FFFFFF;
    border: solid 1px #f1f1f1;
    border-left: none;
    padding: 8px 0px 6px 15px;
    margin: 0px auto 20px;
    float: left;
}
#topic_keyword_list a {
    color: #635750;
    text-decoration: none;
}
.top_three_bn {
    width: 1040px;
    margin: 0px auto 40px;
    overflow: hidden;
}
.top_three_bn>div {
    float: left;
}
.top_three_bn_02 {
    margin: 0px 16px;
}
#left_side {
    width: 237px;
    float: left;
}
#leftside_5point>div {
    text-align: center;
    background: #ffd33b;
    padding: 5px 0px 10px;
}
#leftside_5point>div>a>p {
    margin: 0px 0px 5px;
}

#leftside_loginbox {
    font-weight: bold;
    background: #f4f4f4;
    text-align: center;
    padding: 20px 0px 10px;
    margin: 25px 0px;
}
#leftside_loginbox .cart a {
    position: relative;
    display: block;
}
#leftside_loginbox .cart a .badge {
    position: absolute;
    top: 6px;
    left: 60px;
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #DE5D50;
    border-radius: 10px;
    z-index: 5;    
}

#leftside_loginbox img {
    margin: 0px 0px 10px;
}
#user_name {
    padding: 0px 0px 10px;
}
#user_name span {
    color: #ff7200;
}
#leftside_bn_area {
    margin: 0px 0px 25px;
}
#leftside_bn_area>p {
    margin: 0px 0px 10px;
}
#leftside_search_category>div {
    border: solid 1px #6ca34e;
    border-top: none;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0px 0px 2px;
}
#leftside_search_category>div>div {
    border-bottom: dashed 1px #cac8bf;
    overflow: auto;
    padding: 10px 5px 10px 10px;
}
#leftside_search_category>div>div:last-child {
    border-bottom: none;
}
#leftside_search_category>div>div a {
    color: #553e2b;
    display: table-cell;
}
#leftside_search_category>div>div:nth-child(odd) {
    background: #f9faf5;
}
.lsc_thumb {
    width: 61px;
    float: left;
}
.lsc_categoryname {
    display: table-cell;
    width: 144px;
    padding: 20px 0px 0px 5px;
    float: right;
}
.lsc_categoryname h3 {
    background: url("../img/common/lsc_arrow.png") no-repeat 0px 3px;
    padding: 0px 0px 0px 15px;
    /*font-size:16px;*/
}
/*2018.2.2追記*/

.lsc_thumbN {
    display: table-cell;
    width: 61px;
    vertical-align: middle;
}
.lsc_categorynameN {
    display: table-cell;
    padding: 0px 0px 0px 5px;
    vertical-align: middle;
}
.lsc_categorynameN h3 {
    background: url("../img/common/lsc_arrow.png") no-repeat 0px 3px;
    padding: 0px 0px 0px 15px;
    font-size:13px;
}
.lsc_categorynameN h3 span {
    font-size:10px;
}
/* IE6 */

* html .lsc_thumbN, * html .lsc_categorynameN {
    display: inline;
    zoom: 1;
}
/* IE6 */

*:first-child+html .lsc_thumbN, *:first-child+html .lsc_categorynameN {
    display: inline;
    zoom: 1;
}
/*top column*/

#column-wrapper {
    width: 1040px;
    margin: 0 auto;
}
#left-column {
    float: left;
    width: 237px;
    position: relative;
    left: 0px;
    /* top: -68px; */
}
#right-column {
    float: right;
    width: 780px;
    position: relative;
}
.side_mv {
    width: 237px;
    padding: 6px 0 6px 0;
    text-align: center;
    border: 1px solid #F79223;
    border-radius: 4px;
    background-color: #FDFDD5;
    box-sizing: border-box;
}
.side_mv_ttl {
    margin: 10px 0;
}
.side_mv .mv img {
    margin-bottom: 5px;
}
#mainwidth {
    width: 1040px;
    margin: 0px auto;
}
#mainarea {
    width: 780px;
    float: right;
}
#important_notices {
    width: 740px;
    background: #fff9d6;
    padding: 20px;
    margin: 0px 0px 40px;
    overflow: auto;
}
#important_notices>p {
    width: 102px;
    float: left;
}
#important_notices>div p a {
    background: url("../img/common/lsc_arrow.png") no-repeat 0px 4px;
    padding: 0px 0px 0px 20px;
}
#important_notices>div {
    width: 610px;
    line-height: 130%;
    float: right;
}
#serach_mokuteki ul li {
    float: left;
    width: 182px;
    margin: 0 17px 20px 0;
}
#serach_mokuteki ul li:nth-child(4n) {
    margin: 0 0 20px 0;
}
/* .serach_mokuteki_2column {
    margin: 20px 0px 0px;
    overflow: hidden;
}
.sm2_hlimage {
    height: 70px;
}
.serach_mokuteki_2column .sm2_left {
    width: 385px;
    float: left;
}
.serach_mokuteki_2column .sm2_right {
    width: 385px;
    float: right;
}
.sm2_bt_left {
    width: 189px;
    margin: 10px 0px 0px;
    float: left;
}
.sm2_bt_right {
    width: 189px;
    margin: 10px 0px 0px;
    float: right;
}
.sm2l_left {
    width: 189px;
    float: left;
}
.sm2l_left p {
    margin: 0px 0px 10px;
}
.sm2l_right {
    width: 189px;
    float: right;
}
.sm2l_right p {
    margin: 0px 0px 10px;
}*/
#campaign {
    margin: 70px 0px 60px;
}
#campaign>p {
    margin: 0px 0px 12px;
}
.campaign_left {
    width: 383px;
    float: left;
}
.campaign_right {
    width: 383px;
    float: right;
}
.campaign_more_bt {
    text-align: right;
    padding: 5px 0px 0px;
    clear: both;
}
.campaign_more_bt a {
    color: #553e2b;
    background: url("../img/common/more_arrow.png") no-repeat left 5px;
    text-decoration: none;
    padding: 0px 0px 0px 10px;
}
#category_uriage_rank {
    overflow: auto;
}
#rank_syokuhin {
    width: 380px;
    /*background: #fff0f4;*/
    padding: 0px 0px 20px;
    margin: 15px 0px 0px;
    float: left;
}
#rank_syokuhin>div {
    padding: 20px 5px 0px;
    overflow: hidden;
    clear: both;
}
#rank_kaigosyoku {
    width: 380px;
    /*background: #ebfaff;*/
    padding: 0px 0px 20px;
    margin: 15px 0px 0px;
    float: right;
}
#rank_kaigosyoku>div {
    padding: 20px 5px 0px;
    overflow: hidden;
    clear: both;
}
.rs_rank_number {
    width: 51px;
    float: left;
}
.rs_rank_thumb {
    width: 100px;
    float: left;
}
.rs_rank_cmm {
    width: 200px;
    padding: 0px 5px 0px 0px;
    float: right;
}
.rs_rank_cmm h2 {
    font-size: 14px;
    margin: 0px 0px 10px;
}
.rs_rank_cmm>div {
    line-height: 130%;
}
#whatsnew {
    margin: 60px 0px 50px;
}
#whatsnew>p {
    margin: 0px 0px 20px;
}
#whatsnew>div {
    height: 290px;
    overflow: auto;
}
#whatsnew>div>div {
    border-bottom: dashed 1px #d0d0d0;
    padding: 0px 0px 20px;
    margin: 0px 0px 20px;
    overflow: auto;
}
#whatsnew>div>div>p {
    width: 140px;
    font-size: 15px;
    clear: both;
    float: left;
}
#whatsnew>div>div>div {
    width: 540px;
    font-size: 15px;
    line-height: 130%;
    float: right;
}
#wp_article_list {
    width: 380px;
    margin: 0px 0px 60px;
    float: left;
}
#wp_article_list>p {
    margin: 0px 0px 20px;
}
#wp_article_list>div {
    margin: 0px 0px 10px;
    overflow: hidden;
}
.wp_article_list_thumb {
    width: 109px;
    clear: both;
    float: left;
}
.wp_article_list_cmm {
    width: 260px;
    font-size: 15px;
    float: right;
}
.wp_article_list_cmm h2 {
    font-size: 15px;
    margin: 0px 0px 10px;
}
.wp_article_list_more {
    text-align: right;
    /*padding: 25px 0px 0px;
	margin: 25px 0px 0px !important;
	border-top: dashed 1px #cac7bf;*/
    clear: both;
}
.wp_article_list_more a {
    font-size: 15px;
    background: url("../img/common/recipe_more_arrow.png") no-repeat left 5px;
    padding: 0px 0px 0px 10px;
}
#wp_kantan_recipe {
    width: 385px;
    padding: 0px 0px 0px;
    margin: 0px 0px 60px;
    float: right;
}
#wp_kantan_recipe a p img {}
.wp_kantan_recipe_hl {
    text-align: center;
}
.thum_wp_kantan_recipe {
    text-align: center;
    padding: 0px;
}
#wp_kantan_recipe a img {
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
#wp_kantan_recipe a:hover img {
    opacity: .70;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: .70;
    -moz-opacity: .70;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
#wp_kantan_recipe>div {
    font-size: 15px;
    padding: 10px;
    background: #fffad1;
    line-height: 130%;
}
.recipe_more {
    font-size: 15px;
    text-align: right;
    padding: 40px 0px 10px;
}
.recipe_more a {
    background: url("../img/common/recipe_more_arrow.png") no-repeat left 5px;
    padding: 0px 0px 0px 10px;
}
#oshirase {
    font-size: 15px;
    line-height: 150%;
    border-top: dashed 1px #d0d0d0;
    border-bottom: dashed 1px #d0d0d0;
    padding: 20px 0px;
    margin: 0px 0px 60px;
    clear: both;
    overflow: auto;
}
.oshirase_one {}
.oshirase_hl {
    margin: 0px 0px 10px;
    clear: both;
}
.oshirase_date {
    width: 170px;
    margin: 10px 0px 0px;
    float: left;
}
.oshirase_cmm {
    width: 550px;
    margin: 10px 0px 0px;
    float: left;
}
/* ==============================================
 フッター
=============================================== */

#guidebox {
    width: 1040px;
    margin: 20px auto 0;
  font-size: 12px;
}
#guidebox>div {
    border-top: none;
	border-bottom: solid 1px #ffbd70;
	border-left: solid 1px #ffbd70;
	border-right: solid 1px #ffbd70;
    padding: 17px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: auto;
}
#guidebox span {
    color: #d30000;
}
.guidebox_00 {
    width: 180px;
    margin: 0px 13px 20px 10px;
  padding-right: 5px;
    float: left;
    border-right: dotted 2px #e5e4e0;
}
.guidebox_00>p {
    margin: 0px 0px 20px;
}
.guidebox_00>div {
    min-height: 90px;
    line-height: 150%;
}
.guidebox_01 {
    width: 184px;
    margin: 0px 13px 20px 0;
  padding-right: 5px;
    float: left;
    border-right: dotted 2px #e5e4e0;
}
.guidebox_01>p {
    margin: 0px 0px 20px;
}
.guidebox_01>div {
    min-height: 90px;
    line-height: 150%;
}
.guidebox_02 {
    width: 180px;
    border-right: dotted 2px #e5e4e0;
    margin: 0px 13px 20px 0;
  padding: 0;
  padding-right: 5px;
    float: left;
}
.guidebox_02>p {
    margin: 0px 0px 20px;
}
.guidebox_02>div {
    min-height: 90px;
    line-height: 150%;
}
.guidebox_03 {
    width: 203px;
    border-right: dotted 2px #e5e4e0;
    padding: 0px;
  padding-right: 13px;
    margin: 0px 13px 20px 0;
    float: left;
  text-align: justify;
}
.guidebox_03>p {
    margin: 0px 0px 20px;
}
.guidebox_03>div {
    min-height: 90px;
    line-height: 150%;
}
.guidebox_04 {
    width: 180px;
    margin: 0px 0 20px;
    float: left;
}
.guidebox_04>p {
    margin: 0px 0px 20px;
}
.guidebox_04>div {
    min-height: 90px;
    line-height: 150%;
}
.guide_more {
    text-align: right;
    padding: 0px 10px 0px 0px;
}
.guide_more a {
    background: url("../img/common/recipe_more_arrow.png") no-repeat left 5px;
    padding: 0px 0px 0px 10px;
}
.guidebox_tel {
    border-top: solid 1px #e2e0da;
    text-align: center;
    padding: 20px 0px 0px;
    clear: both;
}
        .guide_link { margin: 11px auto 0; padding-left: 30px; width: 1040px; text-decoration: underline; font-size: 16px; }
        .guide_link a { color: #3399cc; }

footer {

    /* background: url("../img/common/footer_bg.png") repeat-x top; */
	border-top: solid 1px #ffbd70;
}
#pagetop {
    width: 1040px;
    text-align: right;
    margin: 60px auto 0px;
}
footer>div {
    width: 1040px;
    padding: 25px 0px;
    margin: 0px auto;
}
footer>div ul {
    list-style: none;
}
footer>div ul li {
    display: inline-block;
    width: 250px;
    margin: 0px 0px 15px;
}
footer>div ul li a {
    font-size: 13px;
    background: url("../img/common/lsc_arrow.png") no-repeat left 3px;
    padding: 0px 0px 5px 20px;
}
#copyrights {
    width: 100%;
    text-align: center;
    border-top: solid 1px #e5e5e5;
}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    left: 0px !important;
    background: none !important;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper {
    width: 1054px !important;
    margin: 0px 0px 40px -6px !important;
}
.bx-pager {
    padding-top: 0px !important;
    bottom: -10px !important;
}
.slide {
    width: 1054px !important;
}
.top_three_bn_03 {
    width: 336px;
    height: 263px;
    /* background:url("../user_data/notfound.html") no-repeat; */
}
.top_three_bn_03 p {
    text-align: center;
    padding: 15px 0px 10px;
}

#sliderimg2, #sliderimg3 {
    display: none;
}
.re_top_three_bn_01 {
    position: relative;
    width: 688px;
    margin: 0px 16px 0px 0px;
}
.buy_books {
    position: absolute;
    right: 5px;
    bottom: 23px;
}
.buy_books a {
    position: relative;
    display: block;
    width: 155px;
    height: 215px;
    z-index: 999;
    background: #F00;
    opacity: 0 !important;
}
.leftside_bn_link2 {
    position: relative;
    width: 237px;
    margin: 0px 0px 10px 0px;
}
.l_buy_books {
    position: absolute;
    right: 5px;
    bottom: 7px;
}
.l_buy_books a {
    position: relative;
    display: block;
    width: 143px;
    height: 114px;
    z-index: 999;
    background: #F00;
    opacity: 0 !important;
}
/* ==============================================
 下層ページスタイルなど
=============================================== */
h2#txt-header, h2#txt-header-s {
    width: 100%;
    height: 70px;
    color: #FFF;
    font-size: 30px;
    font-family: "Rounded Mplus 1c";
    font-weight: bold;
    padding: 13px 20px;
    margin-bottom: 15px;
    box-sizing: border-box;
    background-color: #F79321;
    border-radius: 6px;
}
h3.headline, h3#txt-title {
    margin-bottom: 10px;
    font-size: 25px;
    font-family: "Rounded Mplus 1c";
    color: #5b432f;
    border-bottom: 2px solid #330000;
}
h3.headttl {
    margin-bottom: 5px;
    font-size: 18px;
    font-family: "Rounded Mplus 1c";
    color: #5b432f;
}
h3.sub-headline {
    height: 40px;
    margin: 30px 0 25px 0;
    line-height: 1;
    color: #5b432f;
    vertical-align: top;
    padding: 0px 0px 5px;
    border-bottom: solid 1px #5b432f;
}
h3.sub-headline:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 36px;
    background: #ffbd05;
    vertical-align: top;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
h3.sub-headline span {
    display: inline-block;
    margin-top: 5px;
    margin-left: 15px;
    font-family: "Rounded Mplus 1c";
    font-size: 24px;
    font-weight: bold;
    vertical-align: top;
}
.clear {
    width: 0px;
    height: 0px;
    clear: both;
    font-size: 0;
    line-height: 0;
}
#shopguide {
    background: #FFF;
    padding: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.st{
  font-weight: bold;
  color: #330000;
}
.attention {
    color: #f00;
}

#undercolumn {
    width: 100%;
    padding: 0px 0px 200px;
    margin: 0 0 30px 0;
}
.undercolumn_bg {
    position: relative;
    width: auto;
    background: #FFF;
    padding: 20px;
    margin: 0 auto;
    font-size: 15px;
    border-radius: 5px;
}
#pankuzu { margin-bottom: 15px; }
#pankuzu > li {
    display: inline-block;
    vertical-align: top;
}
#pankuzu > li a { color: #0044cc; }


.table-style-1 {
    width: 100%;
    font-size: 15px;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
}
.table-style-1 th {
    padding: 6px;
    background: #fdf8da;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    color: #330000;
}
.table-style-1 td {
    padding: 6px;
    color: #330000;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
#pagination_wrap {
    padding: 20px 0;
}
#pagination_wrap ul {
    font-size: 0;
    text-align: center;
}
#pagination_wrap ul li {
    display: inline-block;
    margin: 0 4px;
}
#pagination_wrap ul li a {
    display: block;
    padding: 0 8px;
    color: #7d7d7d;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    background-color: #f7f7f7;
    border: 1px solid #c9c9c9;
    border-radius: 6px;
    box-sizing: border-box;
}
#pagination_wrap ul li.active a {
    color: #fff;
    background-color: #f0891c;
}
.pagenation__item-first a, .pagenation__item-previous a,
.pagenation__item-next a, .pagenation__item-last a {
    font-size: 14px !important;
}
/* ==============================================
 よく使うボタン
=============================================== */
.toppage_btn {
    display: inline-block;
    width: 150px;
    height: 54px;
    text-indent: -9999px;
    vertical-align: bottom;
    background-image: url("../img/btn/btn_toppage.gif");
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.confirm_btn {
    width: 260px;
    height: 54px;
    text-indent: -9999px;
    vertical-align: bottom;
    background-image: url("../img/btn/btn_confirm.gif");
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.next_btn {
    width: 191px;
    height: 54px;
    text-indent: -9999px;
    vertical-align: bottom;
    background-image: url("../img/btn/btn_next.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.back_btn {
    display: inline-block;
    width: 150px;
    height: 54px;
    text-indent: -9999px;
    vertical-align: bottom;
    background-image: url("../img/btn/btn_return.gif");
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.back_btn2 {
    display: inline-block;
    width: 150px;
    height: 54px;
    text-indent: -9999px;
    vertical-align: bottom;
    background-image: url("../img/btn/btn_back.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.entry_btn {
    width: 191px;
    height: 54px;
    text-indent: -9999px;
    vertical-align: bottom;
    background-image: url("../img/btn/btn_entry.gif");
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.lg_btn {
    width: 260px;
    height: 54px;
    margin: auto;
    text-indent: -9999px;
    background-image: url("../img/btn/btn_login.gif");
    background-size: cover;
    border: none;
}
.complete_btn {
    width: 191px;
    height: 54px;
    text-indent: -9999px;
    vertical-align: bottom;
    background-image: url("../img/btn/btn_complete.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.regist_btn {
    display: block;
    width: 260px;
    height: 54px;
    margin: auto;
    text-indent: -9999px;
    background-image: url("../img/btn/btn_regist.gif");
    background-size: cover;
    border: none;
}
.return_btn {
    display: block;
    width: 224px;
    height: 43px;
    margin: auto;
    text-indent: -9999px;
    background-image: url("../img/btn/return_btn.png");
    background-size: cover;
    border: none;
    cursor: pointer;
}
.order_complete_btn {
    display: block;
    width: 226px;
    height: 59px;
    margin: auto;
    text-indent: -9999px;
    background-image: url("../img/btn/order_confirmation_btn.png");
    background-size: cover;
    background-color: transparent;
    border: none;
}
.credit_card_btn {
    display: block;
    width: 226px;
    height: 59px;
    margin: auto;
    text-indent: -9999px;
    background-image: url("../img/btn/credit_card_btn.png");
    background-size: cover;
    background-color: transparent;
    border: none;
}
.select_shipping_btn {
    display: block;
    width: 254px;
    height: 43px;
    margin: auto;
    text-indent: -9999px;
    background-image: url("../img/btn/select_shipping_btn.png");
    background-size: cover;
    border: none;
}
.add_btn {
    display: block;
    width: 260px;
    height: 54px;
    margin: auto;
    text-indent: -9999px;
    background-image: url("../img/btn/btn_add.gif");
    background-size: cover;
    border: none;
}
.coupon_use_btn {
    display: block;
    width: 254px;
    height: 43px;
    text-indent: -9999px;
    background-image: url("../img/btn/coupon_use_btn.png");
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}

.brown_btn {/* 成分ページボタン */
    display: block;
    width: 682px;
    height: 85px;
    padding: 0.6em 0;
    margin: auto;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: #300000 !important;
    font-family: "Rounded Mplus 1c";
    background-color: #b8aca2;
    border: none;
    border-bottom: 5px solid #7e6f62;
    border-radius: 6px;
    box-sizing: border-box;
}


span.required {
    display: inline-block;
    background: #fd8d09;
    font-size: 11px;
    color: #ffffff;
    line-height: 1;
    padding: 3px;
    border-radius: 2px;
    margin-left: 5px;
    float: right;
}

.btn_area {
    width: 100%;
    margin: 25px auto 0px;
    padding: 20px 0;
    text-align: center;
    background: #fdf8da;
}
.btn_area p {
    display: inline-block;
    vertical-align: top;
}

.btn_area2 {
    width: 780px;
    margin: 60px auto 0px;
    text-align: center;
}
.btn_area2 p {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
}

.alert_btn {
    display: inline-block;
}

.errormsg {
    color: #ff0000;
}

/* ==============================================
 formまわり
=============================================== */

#top_box__body_inner input {
  border-radius: 5px;
  padding: 8px 10px;
  border: 1px solid #d0d0d0;
}

.input_name input {
    width: 120px;
}
#zip01 {
    width: 72px;
}
#zip02 {
    width: 80px;
}
.input_tel input {
    width: 60px;
}
#entry_email_first, #entry_password_first {
    margin-bottom: 5px;
}
#entry_sex .radio {
    display: inline-block;
    margin-right: 5px;
}
.password input,.top_box__password input {
    width: 200px;
}
.password input:first-child {
    margin-bottom: 5px;
}
.hint select {
    margin-bottom: 5px;
}
.question-circle, .zip-search {
    display: none;
}

.dl_table {
    width: 100%;
    margin: 40px auto 0;
    border-collapse: collapse;
}
.dl_table.w780 {
    width: 780px;
    margin: auto;
    border-collapse: collapse;
}
.dl_table dl {
    display: table-row;
    margin: auto;
    border: 0 none;
}
.dl_table dt {
    display: table-cell;
    width: 280px;
    padding: 15px;
    vertical-align: middle;
    text-align: left;
    background-color: #FBF9DA;
    box-sizing: border-box;
}
.dl_table dd {
    display: table-cell;
    width: 660px;
    padding: 15px;
    box-sizing: border-box;
}
.dl_table dl, .dl_table dt, .dl_table dd {
    border: 1px solid #d0d0d0;
}
.dl_table dd .form-group:nth-child(n+2) {
    margin-top: 5px;
}
.not_required,form .dl_table:nth-of-type(3)  {
    margin-top: -1px;
}
#addr01,#addr02,#addr03,
#entry_email_first,
#entry_email_second,
#entry_password_first,
#entry_password_second,
#entry_question,
#entry_answer,
#entry_memo,
#entry_company_name {
    width: 96.5%;
}
#contant_box__body_inner.dl_table dt {
    text-align: left;
}
#contant_box__email input{
    width: 380px;
}
#contant_box__contents textarea {
    width: 380px;
    height: 460px;
}

.message {
    padding: 15px;
    margin-bottom: 20px;
    line-height: 150%;
    font-weight: bold;
    font-size: 18px;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    color: #5e380b;
    border: #cfc3b6 2px solid;
}

span.label_left {
    display: inline-block;
    width: 37px;
    text-align: left;
}
.dl_table .bg_orange {
    background-color: #f59e00;
}
.dl_table dd.bg_orange {
    background-color: #fff;
}
.dl_table dd .form-radio-bx {
    padding: 10px;
    border-radius: 8px;
}
.dl_table dd.bg_orange .form-radio-bx {
    background-color: #f59e00;
}
.dl_table dd #entry_mailmaga_flg {
    padding: 10px;
    border-radius: 8px;
}
.dl_table dd.bg_orange #entry_mailmaga_flg {
    background-color: #f59e00;
}

/* ==============================================
 クレジット決済崩れ
=============================================== */

.dl_card dd {
    width: 805px!important;
}