@charset "utf-8";

/************************************************
 import css
************************************************ */

/*SEO的カテゴリページのため一番上のカテゴリ削除*/
div#category_area ul#tree1 li.level1:first-child{
   display: none;
}
#leftcolumn #search_area dl.formlist:nth-child(1){
   display: none;
}


#main_slide_image.design-style{
    margin-top: 100px;
}
.LC_Page_Index #container{
width: 90%;
}
#category_area ul#tree1 ul.tree2 li a:link, #category_area ul#tree1 ul.tree2 li a:visited{
    color: var(--flow-char-color);
}


.LC_Page_Index #container #main_column .layout_lowertext >div.block_outer:not(:nth-child(1)){
         margin-top: 82px;
}

h2{
font-family: 'Kanit', sans-serif;
}

/*  left             ******** */
#leftcolumn{
    padding: 10px;
}
#contact_area h2,#login_area h2, #search_area h2, #calender_area h2, #cart_area h2, #cart h2, #category_area h2, #leftcolumn div.block_outer span{
    color:#607096;
    background-color: transparent;
    text-align: left;
    font-weight: bold;
    font-size: 100%;
    padding: 10px;
}
.recommend_list,
.ranking_list,
.history_list,
.block_outer{
    background-color: #fff;
    box-shadow: 0 0 10px #bbb;
    border-radius: 10px;
    margin: 20px 0;
}
.side_column .block_body{
    border: none;
}
.tree_img_outer{
    width: 0;
}

#calender_area caption.month{
    background-color: transparent;
    color: #000;
}
li.level2{
    background-color: #e8e8e8;
}

#contact_area ul{
    padding: 10px;
}
#contact_area ul i{
    padding-right: 10px;
}
.bold {
    font-weight: bold;
}
span.small {
    padding-left: 23px;
    font-size: 60%;
    font-weight: normal;
}
p.tel {
    font-size: 150%;
}

/*   header                                           ****** */
#header_wrap{
   background-image: url(/user_data/packages/raku2pc/img/background/bg1_30.png),linear-gradient(to right, #E4EFE9, #93A5CF);
}
.header_top {
    overflow: hidden;
}
#gloval_navi{
    background: transparent;   
    width: 50%;
    float: right;

}

#logo_area{
    width: 30%;
}
#logo_area img{
    width: 100%;
}
#gloval_navi ul{
    justify-content: space-between;
    width: 100%;
}
#gloval_navi ul li a{
    padding: 14px 4px;
}
#gloval_navi >ul p.logout_btn input,
.entry_btn a, .login_btn a, .cart_btn a{
    width: auto;
    background-color: transparent;
}
#gloval_navi .btn.logout_btn input{
   padding: 8px 4px;
}
/*   headerの検索窓                             ******  */

#header_wrap form .search_box{
    display: inline-block;
    width: auto;
    position: relative;
 right: 0;
}
#header_wrap form input.box140{
    width: 600px;
    height: 60px;
    border-radius: 60px;
    border: none;
    box-sizing: border-box;
    padding-left: 30px;
}
#header_wrap .form_outer form .btn input{
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: var(--main-color);
    position: absolute;
    top: 0;
    right: 0;
}

#header_wrap .form_outer{
    height: 400px;
    position: relative;
}

#header_wrap form#search_form{
    position: relative;
    top: 40%;
}
#header_wrap #gloval_navi ul li a{
        padding: 12px 18px;
    }

.mypage_btns {
    position: absolute;
    width: auto;
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
}
/*SEO的ヘッダー改修*/

.mypage_btns div{
    margin: 0 4px;
    background: #ffffff66;
    padding: 4px;
    border-radius: 4px;
    width: 7em;
}

.mypage_btns .cart_btn a i {
    display: inline;
}

.mypage_btns a {
    color: var(--main-color);
    line-height: 20px;
    font-weight: bold;
}
.entry_btn {
    border-radius: 20px;
    background: var(--main-color);
}

/*スティッキーヘッダー時                             ****** */
#header_wrap.sticky{
    position: fixed;
    z-index: 10000;
    left: 0;
    right: 0;
    top: 0;
}
#header_wrap.sticky #gloval_navi ul li a{
        padding: 4px 18px;
    }
#header_wrap.sticky form .search_box{
    right: -490px
}

#header_wrap.sticky .form_outer{
     height: 0px;
}
#header_wrap.sticky form#search_form{
        top: -50px;
        text-align: right; 
    z-index: 50;
    }
#header_wrap.sticky  .form_outer form .btn input{
        width: 40px;
        height: 40px;
    }
#header_wrap.sticky  .form_outer form input.box140{
    width: 500px;
    height: 40px;
}
#header_wrap.sticky #gloval_navi .btn.logout_btn input{
   padding: 0;
}
#header_wrap.sticky .mypage_btns {
    right: -6px;
    top: -50px;
    justify-content: flex-end;
}

/* **フッター                                               ******  */
.footer{
background: linear-gradient(to right, #CBD9E1, #93A5CF);
padding-top: 20px;
}
.footer ul{
    display: flex;
    justify-content: space-between;
    max-width: 960px;
    margin: auto;
}
#gloval_navi ul a,
.footer ul a{
   color: #fff;
   text-shadow: 0 0 10px #55555590;
}
.footer ul a:hover{
   color: #fff;
}
.footer #copyright{
     background: transparent;
}

/* **content                                        ******   */
.recommend_list,
.ranking_list,
.history_list,
#main_column .block_outer>div{
padding: 10px 40px 20px;
}
#main_column .recommend_list h2,
#main_column .ranking_list h2,
#main_column .history_list h2,
#toppage #main_column h2,
#main_column .block_outer h2{
padding: 0;
margin: 20px 0;
border: none;
   font-size: 3vw;
    font-weight: 400;
    text-shadow: 2px 2px 0px #bbddff;
    color: var(--main-color);
}
#greeting h2{
text-shadow: none;
font-size: 180%;
       font-family: sans-serif;
}

#category_image ul,
#tokusyu_image ul{
    display: flex;
    flex-flow: wrap;
}
#category_image ul li,
#tokusyu_image ul li {
    list-style: none;
    width: 25%;
    padding: 2px;
    box-sizing: border-box;
}
#category_image ul li img,
#tokusyu_image ul li img{
    width: 100%;
}
#tokusyu_image ul li {
width: 25%;
}

#news ul li{
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.banner_1{
    margin: 82px auto 50px;
}
.banner_1 img{
        width: 100%;
}

.LC_Page_Index #container #main_column .block_outer{
   margin-top: 50px;
}
#category_image ul li span{
   display: none;
}


#fancybox-wrap{
z-index: 10001;
}

div#entry_btn {
    padding: 10px;
    font-size: 90%;
}

div#entry_btn .entry_btn{
    background: var(--main-color);
    color: var(--char-color);
    padding: 4px 8px;
    border-radius: 4px;
    text-align: center;
    height: 30px;
    box-sizing: border-box;
}

/**/
.listphoto,
.productImage {
    width: 200px;
    height: 200px;
}
.listphoto img,
.productImage img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*子カテゴリ*/
div.child_outer ul {
    display: flex;
    flex-wrap: wrap;
}
div.child_outer ul li{
    width: 19%;
    padding: 10px 20px;
    border: 6px solid #607096;
    border-radius: 10px;
    text-align: center;
    margin: 4px;
}

/*商品詳細*/
div#ins_catalog_caption_pc {
    width: 60%;
    margin: auto;
}
#detail_type_b #ins_catalog_caption_pc{
 width: 80%;
 margin-left: 0;
}


#logo_area span {
    font-size: 12px;
}

#header_wrap.sticky .form_outer{
    display: flex;
}
#header_wrap.sticky .form_outer form input.box140{
    width: 265px;
}



/*SEO的TOPにカテゴリ一覧*/
ul.maker_list_links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
height: 300px;
    overflow-y: scroll;
}
ul.maker_list_links li {  
    width: 18%;
    text-align: center;
    border-radius: 10px; 
    margin: 10px 4px;
    background: #fcfdff;
}
#maker_category ul.makers li a,
ul.maker_list_links li a{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 14px 2px;
display: flex;
    align-items: center;
    justify-content: center;
}
ul.maker_list_links li a img{
max-width: 100%;
max-height: 60px;
}
#maker_category ul.makers li{
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 10px;
    width: 100%;
    margin: 10px;
}

ul.makers {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#maker_category>div{
    background: #fcfdff;
margin: 20px 0;
}
#maker_category>div p{
text-align: right;
    font-weight: bold;
}
#maker_category h3{
font-size: 140%;
    text-align: center;
}
#maker_link .list_btn {
text-align: right;
margin-top: 32px;
}
#maker_link .list_btn a{
    background: var(--main-color);
    padding: 10px 20px;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
}

 div#pickup-cate{
        background: #fff;
        position: absolute;
    width: 100vw;
    top: 380px;
    }
    div#pickup-cate ul{
        display: flex;
        justify-content: space-around;
    margin: 0 100px;
    }
    div#pickup-cate ul li a{
        font-weight: bold;
        line-height: 40px;
    }
    div#pickup-cate ul li a::after{
        content: '';
        display: block;
        height: 4px;
        width: 0;
        background: var(--main-color);
    }
    div#pickup-cate ul li a:hover:after{
        width: 100%;
    }
    .sticky #pickup-cate{
        display: none;
    }

.LC_Page_Index  h1{
display: none;
}

/* アップデーどによるもの？？Gnavのずれ*/
#gloval_navi ul li div{
    padding: 0px;
}

iframe {
    max-width: 100%;
}

/* 商品詳細の説明文内のHTML*/
#detailarea div#ins_catalog_caption_pc li {
    float: none;
}

#detail_type_e #ins_display_caption_pc {
    margin-bottom: 70px;
}

#detailarea .main_comment {
    font-size: 16px;
}
#undercolumn div {
    font-size: 16px;
}