@charset "utf-8";

/************************************************
 import css
************************************************ */
/*フォント*/
body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

/*共通設定*/
.btn input {
    background: #00943b;
}
#main_column h2 {
    border-bottom: none;
    font-size: 1.45rem;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 30px !important;
}
.LC_Page_Index #container {
    width: 100%;
    max-width: 1200px;
    min-width: 980px;
}
span.clr_red {
    color: #E21A1A;
    font-size: 1.1rem;
}
button.cmn_btn {
    background: #E21A1A;
    width: 450px;
    height: 60px;
    border: none;
    font-size: 1.4rem;
    margin: 60px 0;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
}
button.round_btn {
    background: #E21A1A;
    /* width: 450px; */
    /* height: 60px; */
    border: none;
    font-size: 1.4rem;
    margin: 10px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
    padding: 10px 50px;
    border-radius: 100px;
}
button.cmn_btn:hover, button.round_btn:hover {
    opacity: 0.8;
}
button.cmn_btn a, button.round_btn a {
    color: #fff;
    display: block;
}

/*ヘッダー*/
#header {
    max-width: 100%;
}
#logo_area img {
    width: 100%;
    max-height: 48px;
}
#logo_area, #header .tel {
    margin-top: 21px;
    width: 40%;
    margin-right: 5px;
    max-width: 550px;
}
#header #header_utility {
    width: auto;
    font-size: 16px;
}
#header #header_utility #headerInternalColumn {
    float: right;
    width: 390px;
    height: 30px;
    margin-top: -15px;
}
#header .header_search #search_form .search_box {
    display: flex;
    padding-top: 26px;
}
#header_wrap #gloval_navi li {
    border-right: 1px solid #707070;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
font-weight: bold;
}
#header_wrap #gloval_navi li:first-child {
    border-left: 1px solid #707070 !important;
}
#header_wrap #header .search_box input[type='text'] {
    border: solid 1px #ccc;
    padding: 2px;
    margin-right: 5px;
    border-radius: 5px;
    width: 25%;
}
#header_utility #header_login_area .block_body {
    display: inline-flex;
    position: absolute;
    right: 0;
    flex-direction: row;
    justify-content: flex-end;
}
#header_login_area .layout_left {
    display: inline-flex;
}
#header_login_area #user_login {
    right: 130px;
    top: -30px;
}
#header_utility #headerInternalColumn .btn_cart {
    background: green;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    bottom: 25px;
}
#header_utility #headerInternalColumn .btn_cart a {
    color: #fff;
    display: block;
}
#header_utility #headerInternalColumn .h_nav {
    padding: 0 15px;
    font-weight: bolder;
}

/*フッター*/
#footer_inquiry {
    background: #FEF6E8;
}
#footer_inquiry .footer_inquiry_blk {
    width: 1200px;
    margin: 0 auto;
    display: flex;
}
#footer_inquiry .footer_inquiry_blk img {
    width: 40%;
    margin: 50px 0;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
}
#footer_inquiry .footer_inquiry_txt {
    width: 60%;
    background: #fff;
    margin: 50px 0;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .5);
}
#footer_inquiry .footer_inquiry_txt p {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 50px;
}
#footer_inquiry .footer_inquiry_txt p span {
    color: #E21A1A;
}
.base_design #footer_company {
    background: #000;
    color: #fff;
}
.base_design #footer_company .company_link_group {
    width: 600px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    line-height: 2rem;
}
.base_design #footer_company .company_link_group ul {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    list-style: none;
    margin-right: 20px;
}
.base_design #footer_company .company_link_group ul li a {
    color: #fff;
    font-size: 1rem;
}
.base_design #copyright {
    background: #000;
    color: #fff;
}
.base_design #footer_company .company_info img {
    width: 50%;
}
.base_design #footer_company .company_info {
    width: 600px;
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
    text-align: left;
}


/*スライダー*/
.bnr-slider .slick-slide {
    width: 100vw;
}
.bnr-slider .slick-slide img {
    width: 100%;
}
.slick-dotted.slick-slider {
    margin-top: 0 !important
}
.slick-dots li {
    margin: 0 !important
}
.slick-dots li.slick-active button:before {
    opacity: 1 !important;
    color: #E21A1A !important
}
button.cmn_btn a {
    color: #fff;
}
@media screen and (min-width: 1876px){
.bnr-slider .slick-slide {
    width: 1559px!important;
}
}

/*TOPページ*/
.LC_Page_Index #container .block_body #search_form {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.LC_Page_Index #container .block_body #search_form select.box145 {
    width: 330px;
    box-sizing: border-box;
    height: 50px;
    border-radius: 5px;
}
.LC_Page_Index #container .block_body #search_form input.box140 {
    width: 310px;
    height: 38px;
    padding: 5px;
    border-radius: 5px;
}
.LC_Page_Index #container .block_body #search_form .btn input {
    background: #00943b;
    height: 40px;
    margin-bottom: 10px;
    padding: 0 50px;
}
.top_page #pickup_item h2, .top_page #recommend_brand h2 {
    padding: 0px 0px 5px 0px;
    color: #333;
    font-size: 150%;
    font-weight: bold;
    text-align: left;
    letter-spacing: 1px;
    margin-bottom: 15px;
    border-bottom: none;
}
.LC_Page_Index #container .block_body #search_form {
    display: flex;
    justify-content: center;
}
.LC_Page_Index #container .block_outer .block_body dl.formlist {
    margin: 0 10px;
}
/*TOP_AboutUs*/
#top_about_us,#top_jigyo_info {
    text-align: center;
}
#top_about_us img.img_logo {
    margin: 50px 0 20px;
}
#top_about_us h2.title {
    text-align: left;
}
#top_about_us h3 {
    font-size: 1.6rem;
    text-align: left;
    margin: 60px 0;
}
#top_about_us p {
    text-align: left;
    font-size: 1.1rem;
    line-height: 2.4rem;
    font-weight: bold;
    margin: 60px 0;
}
#top_about_us p span {
    font-size: 0.9rem;
}
#top_about_us p.cmp_chatch {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
}
#top_about_us ul, #top_jigyo_info ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}
#top_about_us ul li, #top_jigyo_info ul li {
    width: 49%;
    margin-bottom: 15px;
}
#top_about_us ul li img, #top_jigyo_info ul li img {
    width: 100%;
}
#top_af_company ul {
    display: flex;
    width: 1000px;
    margin: 0 auto;
    justify-content: space-evenly;
}
#top_af_company ul li {
    width: 450px;
}
#top_af_company ul li img {
    width: 100%;
}
#top_af_company ul li p {
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
}
.LC_Page_Index #news_area {
    margin: 30px -500px;
    background: #FEF6E8;
    padding: 30px 0 50px;
}
.LC_Page_Index #news_area h2.title, .LC_Page_Index #news_area .block_body {
    width: 1200px;
    margin: 0 auto;
}
#news_area .news_contents {
    font-size: 1rem;
}
#news_area dl.newslist {
    background-color: transparent;
    padding: 10px 0;
    border-bottom: solid 1px #707070;
}
#news_area dl.newslist:first-child {
    border-top: solid 1px #707070;
}
#news_area dl.newslist:last-child {
    background-color: transparent;
    padding: 10px 0;
}

.LC_Page_Order table th {
    background-color: #FEF6E8;
}

#undercolumn_entry .message {
    margin: 30px 0 20px;
}

/*商品一覧 商品詳細*/

.plg_Raku2_LC_Page_Products_List #container,.plg_Raku2_LC_Page_Products_Detail #container {
  width: 960px!important;
  max-width: 960px!important;
  min-width: 960px!important;
}

.plg_Raku2_LC_Page_Products_List #cart_area h2, .plg_Raku2_LC_Page_Products_List #category_area h2,.plg_Raku2_LC_Page_Products_List #search_area h2,.plg_Raku2_LC_Page_Products_Detail #cart_area h2,.plg_Raku2_LC_Page_Products_Detail #category_area h2,.plg_Raku2_LC_Page_Products_Detail #search_area h2 {
  background-color: #eaeaea;
}

.plg_Raku2_LC_Page_Products_List #cart_area .btn a, form#search_form #search_keyword_top input#btn_kwd_search,.plg_Raku2_LC_Page_Products_Detail #cart_area .btn a{
  background: #E21A1A none repeat scroll 0% 0%;
}

.plg_Raku2_LC_Page_Products_Detail #fixed_link{
  display: none;
}

.plg_Raku2_LC_Page_Products_Detail #detailarea .cart_area {
  background-color: #FEF3F3;
}

.plg_Raku2_LC_Page_Products_Detail #detailarea .favorite_btn a {
  color: #fff;
  border: none;
  background-color: #E21A1A;
}

.plg_Raku2_LC_Page_Products_Detail #detailarea .ask_btn a,.plg_Raku2_LC_Page_Products_Detail #detailarea .panf_btn a{
  color: #fff;
  border: none;
  background-color: #FDA538;
}

.price01_notax_default,.price01_inctax_default{
font-size: 1.2rem;
}

.header_search #search_form .btn input {
    background: #00943B!important;
}

#search_form .btn input {
    background: #000;
}

/*お問い合わせ*/


.LC_Page_Contact table th{
background-color: #FEF6E8;
}

#undercolumn_contact .message {
    margin: 30px 0 20px;
}

div#undercolumn_contact .kiyaku_text {
    margin: 20px auto;
    padding: 10px;
    border: solid 1px #ccc;
    width: 97%;
    background: #fff;
    height: 30vh;
}

#undercolumn_contact .message {
    margin-bottom: 20px;
    line-height: 150%;
    font-weight: bold;
    font-size: 120%;
}

/*マイページ*/

.af_login #user_login p{
  font-size: 0.75rem!important;
}

.af_login #user_login {
  right: 0!important;
  top: -48px!important;
}

.af_login #header_utility #header_login_area .block_body {
  position: inherit;
}

.af_login .btn a {
  line-height: 2.5em;
  margin-top: -40px;
}

.af_login .logout_btn input{
  margin-top: -20px;
}

.af_login .btn a {
  height: 40px;
  line-height: 2.5em;
  margin-top: -40px;
}

.af_login #header_utility #header_login_area .block_body {
    display: block!important;
}

.af_login .btn {
    display: inline-block;
    margin-top: 0;
    font-size: 1rem;
    margin-bottom: 0!important;
}

.af_login .btn_outer{
  margin-top: -20px!important;
  margin-right: 0!important;}

.af_login .btn input,.af_login .btn a {
    height: 40px!important;
}

.af_login .header_mypage_btn {
    margin-left: 8px!important;
    line-height: inherit!important;
    margin-right: 100px!important;
}

.af_login .header_mypage_btn a{
  line-height: 2.5em!important;
  }

.af_login .cart_btn {
  margin-top: -47px!important;
  margin-right: 0!important;
}

.af_login .cart_btn a {
  width: 151px!important;
}

#header_login_area p.btn input, #header_login_area div.btn a {
    width: 115px;
}

#header_login_area .cart_btn a {
  padding: 11px 0 17px;
}

.af_login .cart_btn a {
    width: 116px!important;
}

#gloval_navi li {
  border-right: 1px solid #707070;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
font-weight: bold;
}
#gloval_navi li:first-child {
  border-left: 1px solid #707070 !important;
}

.footer_inquiry_txt{
  text-align: center;
}