/* カスタマイズ用CSS */

/* リンク */
a{
    color: #8b7e71;
}

a:hover,
a:focus {
  color: #b9aca0;
  text-decoration: underline;
}

/* 段落 */
p{
    padding: 10px;
    font-size: 12pt;
    line-height: 20pt;
}

.caution{
    font-size: 13px;
    line-height: 20px;
}

/* h1の調整 */
.head_h1{
    float: right;
    margin-right: 10px;
    font-size: 12px;
}

/* 見出しのデザイン（主にh2） */
.midashi_1 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #000;/*左線*/
  font-size: 18pt;
  font-weight: bold;
}

/* 見出しのデザイン（主にh3） */
.midashi_2 {
    padding: 1rem 2rem;
    border-bottom: 3px solid #000;
    background: #f4f4f4;
    font-size: 16pt;
    font-weight: bold;
}

/* 見出しのデザイン（主にh4） */
.midashi_3{
    font-size: 13pt;
    border-bottom: dotted 2px #b0c4de;
    width: fit-content;
    padding: 5px;
    font-weight: bold;
}

/* ボタン */
.btn--blue,
a.btn--blue {
  color: #fff;
  background-color: #003f8e;
  font-size: 12pt;
  font-weight: bold;
  width: 100%;
  border-radius: 100px;
}

a.btn--blue:after{
    content: '>';
    float: right;
    font-weight: bold;
}

.btn--blue:hover,
a.btn--blue:hover {
  color: #fff;
  background: #024ba7;
}

a.btn--radius {
   border-radius: 100px;
}

/* お届けまでの流れページ */

.flow_box1{
    margin-left: 20px;
    width: 60%;
    padding: 20px;
    text-align: center;
    border: 2px solid #aaa;
    font-size: 13pt;
    background-color: #ebf6f7;
}

.flow_box1 img{
    margin-left: 10px;
    margin-right: 10px;
    width: 70px;
    height: 70px;
}

.flow_arrow{
    width: 60%;
    margin-left: 20px;
    padding: 10px;
    text-align: center;
}
.page_flow{
    width: 98%;
    margin-left: 5px;
}
.page_flow p{
    font-size: 12pt;
    line-height: 20pt;
}

.page_flow img{
    width: 100%;
    height: 100%;
}

/* お届けまでの流れページ　左右2分割のブロック */
.step_left {
    float: left;
    width: 65%;
    padding: 0px;
    margin-right: auto;
	margin-left: 20px;
	margin-top: 20px;
}

.step_right {
    float: right;
	width: 30%;
    padding: 0px;
    margin-left: auto;
	margin-right: 20px;
	margin-top: 20px;
}

/*　クリア　*/
.clear {
    clear: both;
}

/*　スペース調整　*/
.space_2 {
    height: 2px;
}

.space_5 {
    height: 5px;
}

.space_10 {
    height: 10px;
}

.space_20 {
    height: 20px;
}

.space_30 {
    height: 30px;
}

.space_40 {
    height: 40px;
}

.space_50 {
    height: 50px;
}

.space_60{
	height: 60px;
}

.space_90{
	height: 90px;
}

.space_120 {
    height: 120px;
}

.space_150 {
    height: 150px;
}

/* ----------------------------文字の装飾---------------------------- */

/* 商品一覧ページの金額の調整 */
.price02-default{
    font-weight: bold;
    font-size: 14pt;
}
.deco_red1{     /* 赤いボックス・白文字 */
    display: inline-block;
    padding: 1px 7px;
    margin: 5px 0;
    color: #FFF;
    background: #DE5D50;/*背景色*/
    border-radius: 7px;/*角の丸み*/
    font-weight: bold;
    font-size: 12px;
}

.deco_red2{
    font-weight: bold;
    color:#DE5D50;
}

.deco_futoji1{ /* 太字＋下線 */
    font-weight: bold;
    border-bottom: solid 1px #000;
}

.deco_futoji2{ /* 太字 */
    font-weight: bold;
}

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

/* ブロックのタイトル（日本語） */
.ec-secHeading .ec-secHeading__jp2 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    
}

/* 注文内容のタイトル */
.ec-orderDelivery .ec-orderDelivery__title {
    padding: 16px 0 17px;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    margin-left: 15px;
}

/* 商品詳細ページ　商品説明欄のタイトル */
.shouhin_title1 {
    font-size: 13pt;
    font-weight: bold;
}

/* 商品詳細ページ 商品名タイトル */
    .ec-productRole .ec-productRole__title .ec-headingTitle {
        font-size: 22px;
        line-height: normal;
        font-weight: bold;
        border: none;
    }


/* おすすめ商品 */
.ec-shelfRole {
    font-size: 14px;
    margin-top: 20px;
}

.ec-shelfGrid .ec-shelfGrid__item img{
    margin-bottom: 10px;
}

.ec-price .ec-price__price{
        font-size: 28px;
    }

.ec-productRole .ec-productRole__profile{
    margin-left: 16px;
    line-height: 28px;
}

.ec-select label {
    margin-right: 10px;
    font-weight: bold;
    margin-left: 10px;
}


/* ----------------------------------------------------------------------------- */
/* 最小768px */
@media only screen and (min-width: 768px) {
    
    /* 商品一覧ページの枠 */
    .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd){
        border: 1px solid #ccc;
        margin-left: 10px;
        width: 24%;
    }
    
    .ec-shelfGrid .ec-shelfGrid__item:nth-child(even){
        border: 1px solid #ccc;
        margin-left: 10px;
        width: 24%;
    }
    
    /* 商品一覧ページの画像の配置 */
    .ec-shelfGrid .ec-shelfGrid__item-image{
        height: 200px;
    }
    
    /* 商品詳細ページ　商品説明欄のタイトル */
    .shouhin_title1{
        font-weight: bold;
    }
    
    /* 商品詳細ページ */
    .ec-productRole .ec-productRole__title .ec-headingTitle {/* 商品タイトル */
        font-size: 24px;
        line-height: normal;
        font-weight: bold;
    }
    
    /* 商品詳細ページの位置調整 */
    .ec-layoutRole .ec-layoutRole__main{
        margin-top: 40px;
    }
    
    .ec-price .ec-price__price{
        font-size: 28px;
    }
    
    /* カテゴリーメニューのレイアウト */
    .ec-categoryNaviRole {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .ec-itemNav__nav li {
        float: left;
        width: auto;
        font-size: 14px;
        border-bottom: solid 1px #ccc;
        margin-left: 7px;
        margin-right:7px;
    }

    .ec-itemNav__nav li a {
        text-align: center;
        border-bottom: none;
        font-size: 14px;
        height: 40px;
    }
    
    .ec-itemNav__nav li ul li{
        border: none;
    }
    
    .ec-itemNav__nav li ul li a{
        font-size: 13px;
        background-color: #4a4a4a;
        padding: 10px;
    }

    .ec-topicpath .ec-topicpath__item a{
        color: #998168;
    }
    .ec-topicpath .ec-topicpath__item--active a{
        color: #998168;
    }
}

/* ----------------------------------------------------------------------------- */
/*834px以下*/
@media screen and (max-width: 834px){
    
    /* お届けまでの流れ */    
    .flow_box1{
        margin-left: 10px;
        width: 95%;
        padding: 20px;
        text-align: center;
        border: 2px solid #aaa;
        font-size: 13pt;
        background-color: #ebf6f7;
    }
    
    .flow_arrow{
        width: 100%;
        margin-left: 5px;
        padding: 10px;
        text-align: center;
}
    
    /* お届けまでの流れページ　左右2分割のブロック */
.step_left {
    float: left;
    width: 95%;
    padding: 0px;
    margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
}

.step_right {
    float: right;
	width: 90%;
    padding: 0px;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* スマホ時の商品一覧ページのアイテム */
.ec-shelfGrid .ec-shelfGrid__item{
    border: 1px solid #ccc;
    padding: 8px 8px 0 8px;
    width: 100%;
    margin-left: 8px;

}

}