@charset "utf-8";

/******************************************************************
サイトコンテンツスタイルシート
Author: T.Sugiyama
Author URI: http://fromdime.com
******************************************************************/

/*-------------------------------------------
共通

-------------------------------------------*/
html {
    /*    font-size: 1rem;*/
    /*    font-size: 0.9375rem;*/
    /*    letter-spacing: 0.1em;*/
    /*    line-height: 2;*/
}
body {
    line-height: 1.8;
    /*    font-size: 1rem;*/

}
ul {
    list-style: none;
}
dl, ol, p, ul {
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, ul, p {
    margin: 0;
    padding: 0;
}
/*
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.2rem;
}
h3 {
font-size: 1.15rem;
}
h4 {
font-size: 1.1rem;
}
h5 {
font-size: 1.05rem;
}
h6 {
font-size: 1rem;
}
*/
.marginbh {
    margin-bottom: 0.5rem;
}
.marginb {
    margin-bottom: 1rem;
}
.marginbw {
    margin-bottom: 2rem;
}

.marginth {
    margin-top: 0.5rem;
}
.margint {
    margin-top: 1rem;
}
.margintw {
    margin-top: 2rem;
}

.marginlh {
    margin-left: 0.5rem;
}
.marginl {
    margin-left: 1rem;
}
.marginlw {
    margin-left: 2rem;
}

.marginrh {
    margin-right: 0.5rem;
}
.marginr {
    margin-right: 1rem;
}
.marginrw {
    margin-right: 2rem;
}


table.type_com {
    border-collapse: collapse;
    border-spacing: 0;
    padding-top: 7px;
    padding-right: 5px;
    padding-bottom: 7px;
    padding-left: 5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e2e2e2;
    border-bottom-color: #e2e2e2;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 80%;
    width: 100%;
}
table.type_com th {
    font-weight: normal;
    text-align: left;
    border-top-width: 0;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #ddd;
    border-bottom-color: #ddd;
    width: 20%;
    background-color: #fefbf0;
    padding-top: 12px;
    padding-right: 5px;
    padding-bottom: 12px;
    padding-left: 15px;
}
table.type_com  td {
    text-align:left;
    width: 80%;
    padding-top: 12px;
    padding-right: 5px;
    padding-bottom: 12px;
    padding-left: 10px;
    border-top-width: thin;
    border-bottom-width: thin;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #e2e2e2;
    border-bottom-color: #e2e2e2;
}


/*
テーブルの基本レイアウト
*/
table.base_table {
    /*    table-layout:fixed;*/
    font-size: 1.5rem;
}
table.base_table tbody {
    border: 1px solid #dddddd;
    border-bottom: none;
    border-right: none;
}
table.base_table tr {
    border-bottom: 1px solid #e7e7e7;
}
table.base_table tr:first-child {
    border-top: 1px solid #e7e7e7;
}
table.base_table tr th {
    text-align: center;
}
table.base_table tr td {
    text-align: left;
}
table.base_table tr th,
table.base_table tr td {
    border-right: 1px solid #dddddd;
    padding: 0.8rem 2rem;
}



table.parallel_table {
    table-layout:fixed;
}
table.parallel_table tr:first-child {
    border-top: 1px solid #e7e7e7;
}
table.parallel_table tr th {
    text-align: left;
    font-weight: normal;
    padding-bottom: 1rem;
    padding-top: 1rem;
}
table.parallel_table tr td {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
table.parallel_table tr {
    border-bottom: 1px solid #e7e7e7;
}


.title{
    font-weight: bold;
    padding: 5px;
    border: 1px solid #ddd;
}

.lead{
    font-size: 120%;
    line-height: 3.2rem;
}
.bold_red{
    font-weight: bold;
    color: #D53C37;
}

/*-------------------------------------------
構造調整タグ
-------------------------------------------*/


/*-------------------------------------------
汎用パーツ
-------------------------------------------*/


/*-------------------------------------------
プラグイン
-------------------------------------------*/


/*-------------------------------------------
ヘッダー
-------------------------------------------*/


/*-------------------------------------------
フッター
-------------------------------------------*/


/*-------------------------------------------
サイドバー
-------------------------------------------*/


/*-------------------------------------------
トップページ(toppage)
-------------------------------------------*/


/*-------------------------------------------
投稿（お知らせ）
-------------------------------------------*/


/*-------------------------------------------
商品ページ
-------------------------------------------*/
#sub_area {
    border-top: 1px dotted #cccccc;
    margin-top: 4rem;
    padding-top: 4rem;
}


/*-------------------------------------------
固定ページ(page)
-------------------------------------------*/
/*
guide
*/
.section_title {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 1rem;
}
.section_sub_title {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 3rem;
}
.help_guide_box__body_innner {
    margin-bottom: 15rem;
}
#payment_method .section_inner {
    margin-bottom: 5rem;
}
#payment_method .section_inner_title {
    color: #ffffff;
    font-size: 1.5rem;
    display: inline-block;
    padding: 0.4rem 1.5rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 250px;
}
#payment_method .caution {
    color: #fe0000;
    font-size: 1.5rem;
    font-weight: bold;
}
#pm_credit_cart .section_inner_title {
    background-color: #fe2f88;
}
#pm_convenience .section_inner_title {
    background-color: #f0ad4e;
}
#pm_cash_on_delivery .section_inner_title {
    background-color: #9b5f6f;
}
#pm_bank_transfer .section_inner_title {
    background-color: #0ea535;
}
#pm_jppost_transfer .section_inner_title {
    background-color: #fe0000;
}

/* 配送方法・送料について */
#delivery_charge {
}
#delivery_charge table {
    width: 100%;
    margin: 0.5rem 0;
}
#delivery_charge thead {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
#delivery_charge tbody {
    border: 1px solid #dddddd;
    border-bottom: none;
    border-right: none;
}
#delivery_charge tr {
    border-bottom: 1px solid #dddddd;
}
#delivery_charge tr.headline {
    background-color: #eeeeee;
}
#delivery_charge th {
    text-align: center;
}
#delivery_charge td {
}
#delivery_charge th,
#delivery_charge td {
    border-right: 1px solid #dddddd;
    padding: 0.3rem 1rem;
}
#delivery_charge td.area_text {
    text-align: center;
}
#delivery_charge td.pref_text {
}
#delivery_charge td.price_text {
    text-align: right;
}

/* クレカ */
#pm_credit_cart {
}
#pm_credit_cart img {
    max-width: 350px;
    width: 100%;
}

/* 銀行振込 */
#pm_bank_transfer .pm_bank_box {
    margin-bottom: 3rem;
}
#pm_bank_transfer .pm_bank_box .table_title {
    font-size: 1.8rem;
}

/* 郵便振替 */
#pm_jppost_transfer .pm_jppost_box {
    margin-bottom: 3rem;
}

/* のし紙 */
#noshigami .section_inner {
    margin-bottom: 5rem;
}
#noshigami_process img {
    max-width: 350px;
    width: 100%;
}

/* guide nav */
#help_guide_nav .nav_name {
    text-align: center;
    padding: 2rem 1rem;
    border: 1px solid #eeeeee;
    display: block;
}
#help_guide_nav .nav_name:hover {
    opacity: 0.8;
}


/*********************
お問い合わせフォーム
*********************/


/*-------------------------------------------
404 Page Not Found
-------------------------------------------*/











/*-------------------------------------------

-------------------------------------------*/
#header {
    background: #FFE100;
}
.header_logo a {
    color: #009844;
}
.head_bar {
    height: 40px;
    background-color: #00A0E9;
}
.category-nav {
    /*    background: #00A0E9;*/
}
.cart-trigger {
    background-color: #ffffff;
}
.input_search {
    background-color: #ffffff;
}
.front_page h3 {
    background-color: #00A0E9;
    color: #FFE100;
    padding: 10px 20px;
}
#news_area .heading01 {
    position: relative;
}
#news_area .heading01:after {
    content: "";
    position: absolute;
    top: -13px;
    right: 5px;
    background-image: url(../img/common/chara01.png);
    background-repeat: no-repeat;
    background-size: contain;
    /* background-position: center center; */
    width: 130px;
    height: 70px;
}
.heading01 {
    background-color: #FFE100;
    color: #000000;
}
#sales_ranking .heading01 {
    background-color: #00A0E9 !important;
    color: #FFE100 !important;
    padding: 10px 20px !important;
    font-size: 1.17em !important;
}
#header .header_logo_area {
    /*width: 400px;*/
    margin-right: 115px;
}
#header .header_logo_area img {
    max-width: 400px;
    width: 100%;
}
.member_link li {
    background-color: #ffffff;
}
.member_link li a {
    /*    color: #ffffff;*/
}
#footer {
    background-color: #FFE100;
}
.btn-success {
    color: #000000;
    background-color: #FFE100;
    border-color: #FFE100;
}
.comment_area h5 {
    color: #00A0E9;
}
.front_page .comment_area p {
    font-size: 1.8rem;
}
#sales_ranking .item_photo {
    position: relative;
    padding: 10px;
}
#sales_ranking .item_photo img {
    border: 1px solid #eeeeee;
    border-radius: 20px;
}
#sales_ranking .item_photo .label-ranking {
    position: absolute;
    top: -10px;
    left: -10px;
    background-image: url(../img/common/rank_back.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 70px;
    height: 70px;
    line-height: 75px;
    color: #000000;
    font-weight: bold;
    font-size: 2.3rem;
}
.footer_logo_area {
    margin-top: 35px;
}
.footer_logo_area .logo {
/*
    width: 350px;
*/
    margin: 30px auto;
}
.footer_logo_area .logo img {
    max-width: 350px;
    width: 100%;
}





/*-------------------------------------------
 商品ページ
-------------------------------------------*/
#page_product_detail #quickorder-list {
    margin: 2rem 0 3rem;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 5px;
}
#page_product_detail #quickorder-list tr {
    margin-bottom: 0.3rem;
}
#page_product_detail #quickorder-list td:nth-child(1) {
    width: 55%;
}
#page_product_detail #quickorder-list td:nth-child(2) {
    width: 0;
}
#page_product_detail #quickorder-list td:nth-child(3) {
    width: 25%;
}
#page_product_detail #quickorder-list td:nth-child(4) {
    width: 20%;
}
#page_product_detail #quickorder-list td:nth-child(4) input[type="number"] {
    max-width: 100px;
}

#page_product_detail #plg_product_detail_recommend h3 {
    margin-bottom: 2rem;
}
#page_product_detail #plg_product_detail_recommend {
    margin-bottom: 8rem;
}
#page_product_detail #plg_product_detail_recommend .slick-dots {
    bottom: -20px;
}









/******************************************************************
メディアクエリー
******************************************************************/
/* 1281px ~ : PC Large screens -> Default */

/* ~ 1280px : PC screens */
@media only screen and (max-width: 80em) {
}

/* ~ 1024px : Medium screens */
@media only screen and (max-width: 64em) {

    /*-------------------------------------------
    トップページ(toppage)
    -------------------------------------------*/


}

/* ~ 960px : Tablet screens */
@media only screen and (max-width: 60em) {
}

/* ~ 812px : iphone X screens */
@media only screen and (max-width: 50.750em) {
}

/* ~ 767px : Tablet screens */
@media only screen and (max-width: 47.938em) {
}

/* 641px ~ 1024px : Medium only */
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
}

/* 640px以下:Small screens */
@media only screen and (max-width: 40em) {


    /*-------------------------------------------
    構造調整タグ
    -------------------------------------------*/


    /*-------------------------------------------
    汎用パーツ
    -------------------------------------------*/


    /*-------------------------------------------
    ヘッダー
    -------------------------------------------*/


    /*-------------------------------------------
    トップページ(toppage)
    -------------------------------------------*/


    /*-------------------------------------------
    フッター
    -------------------------------------------*/


    /*-------------------------------------------
    投稿(post)
    -------------------------------------------*/


    /*-------------------------------------------
    固定ページ(page)
    -------------------------------------------*/


    /*********************
    お問い合わせフォーム
    *********************/


} /* 641以下end */

/* 479px以下: SP screens */
@media only screen and (max-width: 29.938em) {

    /*-------------------------------------------
    共通

    -------------------------------------------*/


    /*-------------------------------------------
    プラグイン、jqueryなど
    -------------------------------------------*/


    /*-------------------------------------------
    ヘッダー
    -------------------------------------------*/


    /*-------------------------------------------
    フッター
    -------------------------------------------*/


    /*-------------------------------------------
    トップページ(toppage)
    -------------------------------------------*/


    /*-------------------------------------------
    シングルページ(single)
    -------------------------------------------*/


    /*-------------------------------------------
    固定ページ(page)
    -------------------------------------------*/


    /*********************
    お問い合わせフォーム
    *********************/


}