/* @override 
	https://www.ace-of-parts.com/data/ace-of-parts/pc/20150120185140698d51.css?* */

@charset "utf-8";
/* CSS Document */

/********************************************************************/

/* HTMLタグ要素 */

/********************************************************************/

body {
    background-color: #ffffff;
    padding: 0px;
    margin: 0px;
    color: #000000;
}


A,
A:link,
A:visited,
A:hover,
A:active {
    color: #0088CC;
    text-decoration: none;
    font-weight: bold;
    outline: none;
}

.use_hover A:hover {
    color: #006DD9;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 5px;
}

h1 {
    font-size: 161.6%;
}

h2 {
    font-size: 146.5%;
}

h3 {
    font-size: 131%;
}

h4 {
    font-size: 123.1%;
}

h5 {
    font-size: 116%;
}

h6 {
    font-size: 108%;
}


/********************************************************************/

/* 大外 */

/********************************************************************/

#container {
    font-size: 108%;
}

#inner_container {
    max-width: 980px;
    margin: 0px auto;
}

.wide_layout #inner_container {
    max-width: 1200px;
}

.inner_side_container,
#inner_main_container {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    border-radius: 5px;
    margin: 2px;
}


/********************************************************************/

/* トップページコンテンツ間余白 */

/********************************************************************/

.main_section,
.side_section {
    margin: 0px 5px 25px;
}

#inner_main_container .main_section:first-child,
.inner_side_container .side_section:first-child {
    margin-top: 5px;
}

#inner_main_container .main_section:last-child,
.inner_side_container .side_section:last-child {
    margin-bottom: 5px;
}


/********************************************************************/

/* キャッチフレーズ欄 */

/********************************************************************/

/* キャッチフレーズ */
.copy {
    min-height: 18px;
    padding: 5px 5px 0px;
    font-size: 85%;
}


/********************************************************************/

/* ヘッダー */

/********************************************************************/

#header {
    position: relative;
    background-color: #FFFFFF;
    box-shadow:1px 1px 6px -3px #999999;
    border-radius: 5px;
    margin: 0px 2px 0px;
}

/********************************************************************/

/* ショップ名 */

/********************************************************************/

/* ショップ名ロゴ */
.shoplogo {
    padding: 5px;
}

.use_hover .shoplogo A:hover img {
    opacity: 0.8;
}

/* ショップ名テキスト */
.shoptext {
    padding: 5px 0px;
    min-height: 40px;
    margin-right: auto;
}

.shoptext A {
    font-size: 116%;
    margin: 0px;
}


/********************************************************************/

/* 文字サイズ */

/********************************************************************/

.font_setting {
    padding: 5px 5px 10px;
    text-align: center;
}

/* 文字サイズ画像 */
.set_font_normal,
.set_font_large {
    width: 45px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: 45px 60px;
    background-size: 45px 60px;
}

/* 普通画像 */
.set_font_normal {
    background-image: url(img/font_default.gif);
}

/* 大画像 */
.set_font_large {
    margin-left: 5px;
    background-image: url(img/font_large.gif);
}

/* 文字サイズ画像マウスオーバー、選択中 */
.use_hover .font_setting .set_font_normal:hover,
.use_hover .font_setting .set_font_large:hover,
.font_setting .nav_on {
    background-position: left bottom;
}


/********************************************************************/

/* ヘッダーナビ */

/********************************************************************/

/* 各ナビゲーション */
.inner_header_nav .nav_btn {
    background-color: #2090DC;
    color: #FFFFFF;
}

.use_hover .inner_header_nav .nav_btn:hover {
    background-color: #36A8E9;
    color: #FFFFFF;
}


/*************************************************************/

/* 検索 */

/*************************************************************/

.search_bar .search {
    background-color: #FFFFFF;
}


/*************************************************************/

/* グローバルナビゲーション */

/*************************************************************/

.global_nav {
    margin: 15px 2px 0px;
    background-image: url(img/topnavi_bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: 600px 100px;
    background-color: #000000;
    border-radius: 5px;
    color: #FFFFFF;
}

.top_page_body .global_nav {
    margin-bottom: 15px;
}

/* 各ナビゲーション */
.inner_global_nav .nav_btn {
    background-image: url(img/navi_bg.gif);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 2px 100px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: center;
}

.use_hover .inner_global_nav .nav_btn:hover {
    background-color: #444444;
    color: #FFFFFF;
}

.inner_global_nav li:last-child .nav_btn {
    background-image: none;
}

.use_hover .inner_global_nav li:first-child .nav_btn:hover {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.use_hover .inner_global_nav li:last-child .nav_btn:hover {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


/********************************************************************/

/* 開閉ナビゲーション */

/********************************************************************/

.inner_popup_nav_area,
.inner_popup_menu_area {
    background-color: #FFFFFF;
    color: #000000;
}

/* 各ナビゲーション */
.inner_popup_nav .nav_btn {
    background-color: #FFFFFF;
    border-top: 1px dotted #CCCCCC;
    font-weight: normal;
    color: #000000;
}

.use_hover .inner_popup_nav .nav_btn:hover {
    background-color: #F5F5F5;
    color: #333333;
}

/* 開閉ナビゲーション閉じるボタン */
.nav_close_box .nav_close {
    background-color: #222222;
}

.use_hover .nav_close_box .nav_close:hover {
    background-color: #333333;
}


/********************************************************************/

/* メインナビゲーション */

/********************************************************************/

/* 各ナビゲーション */
.inner_side_nav .nav_btn,
.inner_main_nav .nav_btn {
    background-image: url(img/naviglobal_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    border-radius: 5px;
    background-color: #FAFAFA;
    color: #000000;
}

.use_hover .inner_side_nav .nav_btn:hover ,
.use_hover .inner_main_nav .nav_btn:hover {
    opacity: 0.7;
    color: #000000;
}

/* フリーページナビゲーション背景 */
.freepage_nav .inner_freepage_nav .nav_btn {
    background-image: url(img/naviglobal_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FAFAFA;
}

.use_hover .freepage_nav .inner_freepage_nav .nav_btn:hover {
    opacity: 0.7;
}

/********************************************************************/

/* トップページ適合確認設定 */

/********************************************************************/

/* オレンジ色のタイトル帯 - 中央寄せの修正 */
#tv_search_title {
    /* 中央配置のための修正 */
    display: block; /* ブロック要素に変更 */
    margin: 0 auto; /* margin: 0 auto; で中央寄せを確実にする */
    
    /* その他の設定は調整済みの値を使用 */
    font-size: 20px;
    line-height: 1.3;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    
    /* 文字列が収まる幅（850px）はそのまま使用 */
    width: 850px; 
    color: rgb(255, 255, 255);
    letter-spacing: 1px;
    text-align: center; /* 帯の中の文字を中央寄せ */
    background: rgb(233, 84, 18);
    border-radius: 5px;
}


/* 白枠（iframe）の修正 */
#tv_search_iframe {
    display: block; 
    
    /* 幅をさらに広げます。例: 950px */
    /* フォームの内容がすべて収まるように、この値を調整してください */
    width: 1050px; 
    margin: 0 auto; /* 中央に寄せる */
    
    /* タイトル帯に重なるように上にずらす値を調整 */
    margin-top: -65px; /* 必要に応じて、この値を微調整してください */
    
    height: 175px; /* 高さも必要に応じて調整 */
}



/********************************************************************/

/* カテゴリ、特集ナビゲーション */

/********************************************************************/

.itemlist_nav {
    margin-top: 15px;
}

/* 各ナビゲーション */
.inner_itemlist_nav .nav_btn {
    background-color: #F5F5F5;
    border-bottom: 1px solid #D9D9D9;
    font-weight: normal;
    color: #000000;
}

.use_hover .inner_itemlist_nav .nav_btn:hover {
    background-color: #E9E9E9;
    color: #000000;
}

/********************************************************************/

/* サイドメニュー */

/********************************************************************/

/* サイドメニュー枠 */
.open_side_col .side_container {
    background-color: #FFFFFF;
}

/* サイドカテゴリ一覧 */
.side_itemlist_nav {
    padding: 0px 1px;
}

/* サブカテゴリ　第二階層 */
.side_itemlist_nav .sub_menu_link {
    padding: 10px 24px 10px 10px;
}

/* サブカテゴリ背景 */
.side_itemlist_nav .sub_menu_link {
    background-color: #FFFFFF;
    border-top: none;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

/* マウスオーバー */
.use_hover .side_itemlist_nav .side_itemlist_nav_link:hover {
    background-color: #E9E9E9;
    color: #000000;
}

 /*************************************************************/
    
    
    /* サイドナビ リニューアル2015_1001追記*/
    
    
/*************************************************************/
    
    #side-cate{
        width:230px;
        }
    #side-cate h2{
        width:230px;
        height: 50px;
        color: #fff;
        font-size: 16px;
        line-height: 29px;
        background: #999;
        }
    
    /*#side-cate ul{
        width:180px;
        margin:0;
        padding:0;
        }
    
    #side-cate ul li{
        width:180px;
        height:63px;
        display:block;
        list-style:none;
        margin:0;
        padding:0;
        
        
        }*/
    
    #side-cate a{
            line-height:180%;
            transition: color .3s;
        }
        
        #side-cate ul li { 
        list-style-type:none;
        padding:0 !important;
        }
    
    .cate-font{
        font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-size:14px;
        font-weight:bold;
        color:#777777;
        margin: 0;
        padding: 0;
        
        }
    
    #side-cate .lnavi ul{
    margin: 0;
    padding: 0;
    }


   /* 2行タイトル・1行タイトル問わず、全てのカテゴリタイトルの上下調整をFlexboxで統一 */
   .cate01 h3,
   .cate02 h3,
   .cate03 h3,
   .cate04 h3,
   .cate05 h3,
   .cate07 h3,
   .cate06 h3,
   .cate08 h3,
   .cate09 h3,
   .cate10 h3,
   .cate11 h3,
   .cate12 h3,
   .cate13 h3,
   .cate14 h3,
   .cate15 h3,
   .cate16 h3,
   .cate17 h3,
   .cate18 h3,
   .cate19 h3,
   .cate20 h3,
   .cate21 h3,
   .cate22 h3,
   .cate23 h3{
    padding: 0;
    display: flex; 
    align-items: center;
    justify-content: flex-start;  
    
    /* ★★★ 最重要: 背景画像の高さに合わせて高さを設定 ★★★ */
    /* 例: 背景領域の高さが100pxの場合。この数値を実際の高さに合わせて調整してください。 */
    height: 100px; 
    }

    .cate-font a {
    display: block; 
    padding-left: 70px; /* アイコンの幅に合わせて、左に70pxの余白を確保 */
　　}
    
    .inch-normal{
        margin-bottom:15px;
    }
    
    /* 202104  変更 */
    .cate01{
        width:230px;	background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate01-1.jpg) no-repeat;
        }
        
    .cate02{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate02-1.jpg) no-repeat;
        }
        
    .cate03{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate03-1.jpg) no-repeat;
        }	
        
    .cate04{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate04-1.jpg) no-repeat;
        }	
    
    .cate05{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate05-1.jpg) no-repeat;
        }	
        
    .cate06{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate06-1.jpg) no-repeat;
        }	
        
    .cate07{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate07-1.jpg) no-repeat;
        }	
        
    .cate08{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate08-1.jpg) no-repeat;
        }	
        
    .cate09{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate09-1.jpg) no-repeat;
        }
        
    .cate10{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate10-1.jpg) no-repeat;
        }
        
    .cate11{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate11-1.jpg) no-repeat;
        }
    
    .cate12{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate12-1.jpg) no-repeat;
        }		
        
    .cate13{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate13-1.jpg) no-repeat;
        }	
    
    .cate14{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate14-1.jpg) no-repeat;
        }
    
    .cate15{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate15-1.jpg) no-repeat;
        }	
    
    .cate16{
        width:230px;
        background:url(https://www.emotions.co.jp/ace-of-parts/renewal2021/s-cate16-1.jpg) no-repeat;
        }	
    
    .cate17{
        width:230px;
        background:url(https://www.emotions.co.jp/ace-of-parts/renewal2021/s-cate17-1.jpg) no-repeat;
        }	
    
    .cate18{
        width:230px;
        background:url(https://www.emotions.co.jp/ace-of-parts/renewal2021/s-cate18-1.jpg) no-repeat;
        }	
    .cate19{
        width:230px;
        background:url(https://www.emotions.co.jp/ace-of-parts/renewal2021/s-cate19-1.jpg) no-repeat;
    }
    .cate20{
        width:230px;
        background:url(https://www.emotions.co.jp/ace-of-parts/renewal2021/s-cate20-1.jpg) no-repeat;
    }
    .cate21{
        width:230px;
        background:url(https://www.emotions.co.jp/ace-of-parts/renewal2021/s-cate21-1.jpg) no-repeat;
    padding: 10px 0 0 0;
    }
   .cate22{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate22-1.jpg) no-repeat;
    }
   .cate23{
        width:230px;
        background:url(https://ace-test.ocnk.net/data/ace-test/image/s-cate23-1.jpg) no-repeat;
        }
    
    
    /*-------サイドメガメニュー-----------------------*/
    #sidenavi .lnavi {
        position: relative;
        margin:0px;
        padding: 0px;
        }
    #sidenavi .lnavi li {
        display: block;
        position: relative;
    }
    
    #sidenavi .lnavi>li>h3.cate-font,
    #sidenavi .lnavi>li>p.cate-font {
        line-height: 120%;
    }
    
    /*-------サイドメガメニュー2-----------------------*/
    
    #sidenavi>ul>li>ul  {
        display:none;
    }
    
    
    #sidenavi .lnavi>li:hover>ul  {
        top:0px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        left:180px;
        background-color:#FFFEE8;
        display:block;
        width:435px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-top-color: #EEEEEE;
        border-right-color: #EEEEEE;
        border-bottom-color: #EEEEEE;
        z-index:10000;
    }
    
    .tree02 {
        margin:20px 0 10px 0;
    }
    .tree02 a {
      transition: all .3s;
    }
    .tree02 a:hover {
      color: #fff;
      background-color: #ffba00;
    }
    
    #sidenavi .lnavi>li>ul>li.tree03   {
        width:240px;
        padding:15px 15px;
        float:left;
        
    }
    
    #sidenavi .lnavi>li>ul>li.tree03>ul>li   {
        padding:5px 0;
    }
    
    #sidenavi .lnavi>li>ul>li.tree03>ul>li img   {
        float:left;
        padding-right:5px;
    }
    
    #sidenavi .lnavi>li>ul>li.tree03>ul>li p   {
        font-size:13px;
        color:#666666;
        line-height:130%;
    }
            
    #sidenavi .lnavi>li>ul>li.tree03>ul>li a   {
        text-decoration:underline;
    }								
        
    /*-------サイドナビ右バナー-----------------------*/	
    
    #side-bnr{
        width:140px;
        }
        
    #side-bnr ul{
        width:140px;
        }
        
    #side-bnr li{
        width:140px;
        list-style:none;
        margin:0px;
        padding:0px;
        margin-bottom:10px;
        }
        
    
    #side-bnr li:last-child{
        margin-bottom:0px;
        margin:0px;
        padding:0px;}	
        
    
    /*-------サイドナビ左バナー-----------------------*/
    
    #side-bnr01{
        padding: 0;
        width:230px;
        list-style-type: none;
        }
    ul#side-bnr01 li a{
        display: block;
        width: 230px;
        height: 44px;
        border-radius: 5px;
        text-align: center;
        line-height: 44px;
        list-style-type: none;
        font-size: 16px;
    }
    ul#side-bnr01 li a:hover{
        opacity: 0.7;
        filter: alpha(opacity=70);
    }
    ul#side-bnr01 li.member a{
        margin: 0 0 10px 0;
        background: #e95412;
        border:1px solid #e95412;
        color: #fff;    
    }
    
    ul#side-bnr01 li.member a:hover,
    ul#side-bnr01 li.member a:visited{
            color: #fff;
    }
    
    ul#side-bnr01 li.document a{
        color: #fff;
        background: #0066FF;
        margin: 0 0 10px 0;
    }
    
    ul#side-bnr01 li.catalog a{
        color: #fff;
        background: #2eda0c;
    }
    

/********************************************************************/

/* フッターナビゲーション */

/********************************************************************/

.footer_nav {
    background-color: #F5F5F5;
}

/* 各ナビゲーション */
.footer_nav_item {
    color: #000000;
}

.footer_nav_item .nav_btn {
    border-bottom: 1px dotted #CCCCCC;
    color: #000000;
}

.use_hover .footer_nav_item .nav_btn:hover {
    background-color: #E9E9E9;
    color: #000000;
}


/********************************************************************/

/* タイトル */

/********************************************************************/

.side_box h2,
.main_box h2 {
    padding: 12px 10px;
    background-image: url(img/h2_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FAFAFA;
    border-bottom: 1px solid #E0DFE3;
    border-radius: 5px;
    color: #000000;
}


/********************************************************************/

/* 第二階層タイトル */

/********************************************************************/

/* 第二階層各ページタイトル */
.page_box .page_title h1,
.page_box .page_title h2,
.page_box .recently .section_title h2,
.page_box .use_emphasis_title .section_title h2 {
    padding: 12px 10px;
    background-image: url(img/h2_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FAFAFA;
    border-bottom: 1px solid #E0DFE3;
    border-radius: 5px;
    color: #000000;
}

.shoppingcart_page_body .page_box .page_title h2 {
    margin-bottom: 10px;
}


/********************************************************************/

/* 第二階層サブタイトル */

/********************************************************************/

/* 各ページサブタイトル */
.page_box .section_title h2,
.page_box .section_title h3 {
    padding: 12px 10px;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FAFAFA;
    border-bottom: 1px solid #E0DFE3;
    border-radius: 5px;
    color: #000000;
}

.page_box #cart_preview .section_title h3 {
    margin-bottom: 10px;
}

.page_box .help_contents .section_title h4 {
    margin-top: 10px;
}

.page_box .section_title h4 {
    background-color: #F5F5F5;
    border-radius: 5px;
    padding: 10px;
}

.page_box .page_contents .search_result_title h3 {
    margin-top: 10px;
}


/********************************************************************/

/* 第二階層小項目タイトル */

/********************************************************************/

.contents_title {
    border-left: 5px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
    padding: 8px;
    font-weight: normal;
    font-size: 116%;
    color: #000000;
}

.rules_title {
    font-weight: bold;
}


/********************************************************************/

/* フォームタイトル */

/********************************************************************/

.form_title {
    border-left: 5px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
    padding: 8px;
    font-weight: normal;
    font-size: 116%;
    color: #000000;
}

.form_inner_title {
    border-bottom: 1px solid #E0DFE3;
    font-weight: bold;
    color: #000000;
}


/********************************************************************/

/* タイトル文字サイズ */

/********************************************************************/

.page_title h1,
.page_title h2,
.section_title h1,
.section_title h2 {
    margin: 0px;
    font-size: 123.1%;
    font-weight: normal;
    margin-bottom: 5px;
}

.page_title h3,
.section_title h3 {
    margin: 0px;
    font-size: 116%;
    font-weight: normal;
}

.page_title h4,
.page_title h5,
.page_title h6,
.section_title h4,
.section_title h5,
.section_title h6 {
    margin: 0px;
    font-size: 100%;
    font-weight: bold;
}


/********************************************************************/

/* メインコンテンツ */

/********************************************************************/

/********************************************************************/

/* 一覧
・写真のみ表示
・説明付き表示
・商品一覧ページ(写真のみ、説明付き)
・最新情報、店長日記
・ソート
*/

/********************************************************************/


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

/* 写真のみ表示  */

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

/* サムネイル写真 */
.layout_photo .list_item_photo {
    padding: 5px 0;
    text-align: center;
}

/* 一覧枠 */
.layout_photo .list_item_data {
    padding: 5px 1px;
}

/* もっと見る */
.more_item {
    padding: 10px 5px 0px 5px;
    border-top: 1px solid #E0DFE3;
    text-align: right;
}

.more_item .general_btn {
    padding: 5px;
    font-size: 85%;
    font-weight: normal;
}

/* 写真のみ文字サイズ */
.layout_photo .item_data_link {
    font-size: 85%;
}

.layout_photo .col2 .item_data_link {
    font-size: 93%;
}


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

/* 説明付き */

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

/* リンク */
.layout_column_text .list_item_box,
.layout_text .not_link {
    border-bottom: 1px solid #E0DFE3;
}

.list_item_data p.item_desc {
    color: #000000;
}


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

/* 商品一覧  */

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

/* 商品、記事一覧マウスオーバー */
.use_hover .item_list .item_data_link:hover,
.use_hover .item_list .list_item_link:hover {
    opacity: 0.7;
}

/* 商品名 */
.item_name {
    font-weight: bold;
}

.list_item_data p.item_name {
    margin-bottom: 3px;
}

/* 販売価格 */
.price {
    padding: 2px 0px;
    color: #000000;
    font-weight: bold;
}

.price .selling_price,
.price .regular_price {
    padding: 2px 0px;
}

/* 通常販売価格 */
.price .regular_price {
    color: #666666;
    font-weight: normal;
    display: block;
}

.item_box .text_layout .regular_price {
    display: inline;
}

/* 希望小売価格、税込価格 */
.item_box .retail_price,
.item_box .tax_incl_price {
    color: #666666;
    font-weight: normal;
    word-break: normal;
}

/* 在庫あり */
.stock {
    color: #000000;
    font-size: 93%;
}

/* 在庫僅か */
.lowstock {
    color: #990000;
}

/* 在庫なし */
.soldout,
.variation_stock_list .data_table .soldout {
    color: #777777;
}

/* レビュー件数 */
.item_info .review_number {
    color: #000000;
}

/* 商品一覧ランキングNo. */
.rankno {
    color: #FFFFFF;
    background-color: #FF8000;
}

.item_data .rankno1 {
    background-color: #FF5217;
}


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

/* 記事一覧  */

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

/* タイトル */
.list_subject {
    padding: 5px 0px;
}

/* 日付 */
.date {
    color: #000000;
    font-size: 93%;
    font-weight: normal;
}


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

/* ソート */

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

.sort {
    border-bottom: 1px solid #E0DFE3;
}

.sort_toggle .toggle_open {
    padding: 7px;
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
}

.sort_toggle .toggle_open:hover {
    background-color: #F9F9F9;
}

/* ソート項目枠 */
.sort_item {
    padding: 10px;
    border-left: 1px solid #E0DFE3;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
    background-color: #F5F5F5;
}

.sort_box {
    padding: 5px;
    margin: 3px;
    border-bottom: 1px solid #E0DFE3;
}

.sort_item .global_btn {
    padding: 5px;
    text-align: center;
}

/* 件数 */
.item_count {
    font-size: 93%;
}


/********************************************************************/

/* スライド */

/********************************************************************/

/* スライド送りボタン */
.slider_box .swiper-pagination-bullet,
.swipe_list .pointer span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 1px solid #E0DFE3;
    border-radius: 50%;
    cursor: pointer;
}

/* 現スライド */
.slider_box .swiper-pagination-bullet-active,
.swipe_list .pointer span.current {
    background-color: #0088CC;
    border: 1px solid #0088CC;
}

#photo .slider_box .swiper-pagination-bullet,
#photo .swipe_list .pointer span,
#photo .slider_box .swiper-pagination-bullet-active,
#photo .swipe_list .pointer span.current {
    border: none;
}

/* 前へ、次へアイコン */
.swipe_list .pointer_box span.pointer_prev,
.swipe_list .pointer_box span.pointer_next,
.swiper-button-prev,
.swiper-button-next {
    width: 25px;
    height: 25px;
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.use_hover .swiper-button-prev:hover,
.use_hover .swiper-button-next:hover {
    background-color: #E0DFE3;
}

.use_hover .slider_box .swiper-button-disabled:hover {
    background-color: #F5F5F5;
}

/* 前へアイコン画像 */
.swipe_list .pointer_box span.pointer_prev,
.swiper-button-prev {
    background-image: url(img/icon_prev.gif);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

/* 次へアイコン画像 */
.swipe_list .pointer_box span.pointer_next,
.swiper-button-next {
    background-image: url(img/icon_next.gif);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}


/********************************************************************/

/* 第二階層 */

/********************************************************************/

.page_box {
    color: #000000;
    padding: 5px 5px 20px;
}

.module_box {
    padding: 0 5px;
}

/* 共通説明 */
.page_desc {
    padding: 10px;
}

/* 共通ボックス */
.global_info {
    background-color: #FFFFEE;
    border: 1px solid #E0DFE3;
    padding: 10px;
}


/********************************************************************/

/* 商品詳細 */

/********************************************************************/

/* 商品情報　各ブロック */
.detail_section {
    border-bottom: 1px solid #E0DFE3;
}

/* 商品情報　商品名 */
.detail_item_data h1,
.detail_item_data .item_name {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 10px;
}

/* 商品詳細　価格エリアdivタグ間余白 */
.detail_item_data .section_box {
    margin-bottom: 10px;
}

/* 商品詳細　価格エリア項目間余白 */
.detail_item_data .section_box p {
    margin-bottom: 5px;
}

/* 商品詳細　販売価格 */
.detail_item_data .selling_price {
    font-size: 123.1%;
    word-break: normal;
}

/* 商品詳細　販売価格金額 */
.detail_item_data .selling_price .figure {
    font-weight: bold;
}

/* 商品詳細　通常販売価格 */
.detail_item_data .regular_price {
    font-size: 85%;
}

/* 商品詳細　希望小売価格、税込価格 */
.detail_item_data .retail_price,
.detail_item_data .tax_incl_price {
    color: #666666;
    font-weight: normal;
}

/* 商品詳細　販売価格ラベル */
.detail_item_data .selling_price {
    font-weight: normal;
}

/* 商品詳細　在庫 */
.detail_item_data .stock {
    font-size: 108%;
    font-weight: bold;
}

/* 商品情報　商品説明 */
.item_desc {
    margin: 0px;
}

/* 価格変動注意書き */
.price_desc {
    font-size: 77%;
}

/* 商品仕様 */
.detail_spec_data {
    margin: 0px;
}

/* 他の写真枠 */
.other_item_data {
    margin: 0px;
}

.other_item_data .global_photo {
    text-align: center;
}

/* 他の写真説明 */
.other_photo_desc {
    margin: 0px;
}

/* ソーシャルツール */
.social_tool {
    padding-bottom: 5px;
}

/* バリエーション在庫表 */
.variation_stock_list {
    margin-bottom: 5px;
}

/* バリエーション、オーダーメイド項目間余白 */
.variation_item,
.order_item {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* オーダーメイド項目 */
.order_item {
    border-bottom: 1px dotted #CCCCCC;
}

.ordermade .bottompos {
    border-bottom: none;
}

/* 在庫数のラベルなし */
.hidden_stock .stocklist_data {
    text-align: center;
}

/* バリエーション在庫選択中背景 */
.variation_stock_list .data_table .selected_item {
    background-color: #E0F0F8;
    color: #006DD9;
}

.variation_stock_list .data_table .selected_data {
    background-color: #E0F0F8;
}


/*--------------------------------------*/
/* バリエーション選択のポップアップ */

/* ポップアップ枠 */
.popup_variation,
.popup_area {
    background-color: #FFFFFF;
    border: 1p solid #E0DFE3;
}

.popup_variation_selection,
.popup_section {
    border-bottom: 1px solid #E0DFE3;
}

/* バリエーション項目ボタン */
.popup_variation_button,
.item_selection_button {
    background-color: #F5F5F5;
    border: 2px solid #CCCCCC;
}

/* 選択中 */
.selected_option .popup_variation_button,
.selected_option .item_selection_button {
    background-color: #E0F0F8;
    border: 2px solid #0066CC;
    color: #0066CC;
}

/* 変更、選択してくださいボタン */
.popup_variation_edit_button,
.popup_variation_select_button,
.item_select_operation_button {
    background-image: url(img/btn_main.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #A9A6B1;
    color: #FFFFFF;
}

.popup_variation_value,
.variation_selection_value,
.item_selection_value {
    color: #0066CC;
}

/* 選択済み枠 */
.variation_selection_box .validation_selection_selected_all,
.use_hover .variation_selection_box .validation_selection_selected_all:hover {
    background-color: #E0F0F8;
    border: 2px solid #E0DFE3;
    color: #000000;
}

.validation_selection_selected_all .variation_selection_msg_text {
    background-image: url(img/btn_main.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #A9A6B1;
    color: #FFFFFF;
}


/*--------------------------------------*/
/* サムネイル写真 */

.thumbnail {
    margin-top: 5px;
}

/* サムネイル写真 */
.thumbnail .thumbnail_btn {
    border: 2px solid #FFFFFF;
}

.thumbnail .current .thumbnail_btn {
    border: 2px solid #0088CC;
}

/* サムネイル写真枠サイズ */
.thumbnail_listbox {
    width: 60px;
}


/*************************************************************/

/* レビュー */

/*************************************************************/

.large_rating_icon .rating_point {
    font-size: 153.9%;
}

.medium_rating_icon .rating_point {
    font-size: 123.1%;
}

/* 星ポイント */
.rating_point {
    margin-left: 10px;
    color: #EF9D35;
}

/* レビュー数 */
.review_number {
    margin-left: 10px;
}

/* グラフ */
.bar_graph {
    background-color: #EF9D35;
}

/* 年代 */
.rating_age {
    font-size: 93%;
}

/* 分析レポート内レビュー数 */
.rating_number A {
    font-size: 93%;
}

/* レビュー一覧 */
.review_data {
    border-bottom: 1px dotted #000000;
}

.mypagereview_contents .review_data {
    border-bottom: none;
}

/* レビュータイトル */
.review_title {
    font-size: 123.9%;
    font-weight: bold;
}

.itemdetail .review_data .review_title,
.mypagereview_contents .review_data .review_title {
    font-size: 108%;
}

/* 登録日 */
.review_postdate {
    background-color: #F5F5F5;
}

/* メモ */
.review_note {
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

.detail_page_body .review_note {
    border-top: 1px solid #E0DFE3;
    border-bottom: none;
}

/* ショップオーナー返信 */
.owner_note {
    border-bottom: 1px solid #E0DFE3;
}

/* ショップオーナーヘッダー */
.owner_header {
    font-size: 93%;
    color: #0088CC;
}

/* ショップオーナー登録日 */
.owner_postdate {
    display: inline-block;
    margin-left: 5px;
}

/* 参考質問数字 */
.user_number {
    font-size: 123.9%;
    font-weight: bold;
    color: #EF9D35;
}

/* 参考質問ボタン */
.review_vote_btn {
    display: block;
    margin-top: 5px;
}

/* 商品一覧レビュー数 */
.itemlist .review_number {
    font-size: 85%;
    margin-left: 5px;
}

/* 商品詳細レビュー数 */
.review_list .review_number {
    font-size: 93%;
}

/* 商品詳細ヘッダー */
.detail_review_header {
    padding-top: 10px;
}

/* 商品詳細、マイページレビュー管理ボタン */
.review_admin .global_btn {
    border-top: 1px solid #E0DFE3;
    text-align: center;
}

.detail_review_header .global_btn {
    text-align: center;
}


/********************************************************************/

/* ログイン */

/********************************************************************/

/* ID、PW枠 */
.signin_box .id_box,
.signin_box .pass_box {
    margin: 0px;
}

/* ID、PWタイトル */
.signin_box .id_title,
.signin_box .pass_title {
    margin-bottom: 10px;
    border-bottom: 1px solid #E0DFE3;
    font-size: 116%;
    font-weight: bold;
}

.signin_box .password .global_link {
    font-size: 85%;
}

/* 新規登録枠 */
#register_form {
    padding-top: 20px;
    border-top: 1px solid #E0DFE3;
}


/********************************************************************/

/* カート */

/********************************************************************/

/* カートの中身各枠 */
.inner_cart_data {
    margin-bottom: 10px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
    border-radius: 5px;
}

/* 各項目枠 */
.cart_section {
    border-top: 1px solid #E0DFE3;
}

/* 区切り線 */
.top_separator {
    border-top: 1px solid #E0DFE3;
}

.bottom_separator {
    border-bottom: 1px solid #E0DFE3;
}

/* 各項目ラベル */
.cart_label {
    font-weight: normal;
}

/* ボタン中央寄せ */
.cart_inner_btn {
    text-align: center;
}

/* 小計、送料 */
.cart_sub_total_price,
.cart_shipping_charge {
    text-align: right;
}

/* 合計 */
.cart_footer {
    text-align: right;
}

.grand_total {
    display: inline-block;
    border-bottom: 2px solid #E0DFE3;
    margin-bottom: 5px;
}

.grandtotal_price {
    font-size: 153.9%;
    color: #990000;
}

/* 買い物を続ける */
.continue_shopping {
    text-align: right;
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* 送り主、お届け先追加変更ボタン */
.cart_recipient .global_btn {
    text-align: center;
}

/* お届け先名 */
.cart_recipient_title {
    border-left: 5px solid #0088CC;
    font-weight: bold;
}

/* ラジオボタン選択の強調表示 */
.checked_row {
    background-color: #FFFFCC;
}

.form_area .checked_row > .form_title,
.form_inner_area .checked_row > .form_inner_title {
    color: #CC0000;
}

/* リピータ向け決済機能用 */
.inner_global_info {
    background-color: #FFFFCC;
    border: 1px solid #E0DFE3;
}

/* クーポン/ポイント枠 */
.toggle_box .cart_point,
.toggle_box .box_padding,
.toggle_box .cart_point_notice {
    margin: 1px;
}

/* クーポン/ポイント変更時の金額を更新ボタン欄、強調表示背景 */
.notice_box .form_btn_spad {
    background-color: #FFFFCC;
}


/*************************************************************/

/* ステップ表 */

/*************************************************************/

.step_list {
    margin: 10px 0px;
    padding: 0px;
}

/* ステップ表 各枠背景 */
.step_data {
    background-color: #F5F5F5;
    border-right: 1px solid #FFFFFF;
    text-align: center;
}

/* ステップ表 右端 */
.step_list .posright .step_data {
    border-right: none;
}

/* ステップ表 各枠　現ページ */
.step_check .step_data {
    background-color: #E3007E;
}

/* ステップ表 文字 */
.step_data span {
    color: #666666;
}

/* ステップ表 ステップ数 */
.step_data .step_number {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* ステップ表 現ページ文字 */
.step_check .step_data span {
    color: #FFFFFF;
}


/********************************************************************/

/* 最新情報、店長日記 */

/********************************************************************/

/* 日付 */
.article_date {
    border-bottom: 1px solid #E0DFE3;
    margin-bottom: 10px;
}

.format {
    font-size: 77%;
}

/* 記事 */
.ph_article {
    font-size: 108%;
}

/* バックナンバー */
.count_number {
    font-size: 93%;
}


/********************************************************************/

/* ご利用案内 */

/********************************************************************/

/* 上部ページ内リンクのナビゲーション */
.anchor_nav_area .nav_btn {
    border: 1px solid #E0DFE3;
    background-color: #F5F5F5;
}

.use_hover .anchor_nav_area .nav_btn:hover {
    border: 1px solid #E0DFE3;
    background-color: #E0DFE3;
}

/* 各ブロック */
.help_contents .inner_contents_box {
    margin-bottom: 10px;
}

.help_step,
.help_payment {
    padding-bottom: 5px;
}

/* 説明各ブロック */
.help_data {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 93%;
}

/* 推奨環境 */
#spec_contents dt {
    font-weight: bold;
    padding-bottom: 5px;
}

#spec_contents dd {
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
}


/********************************************************************/

/* 特定商取引 */

/********************************************************************/

/* 各欄枠 */
.contents_desc {
    padding: 10px 5px;
}


/********************************************************************/

/* メールマガジン */

/********************************************************************/

/* 登録、解除タイトル */
.mailmagazine_box .mailmagazine_subscribe_title,
.mailmagazine_box .mailmagazine_unsubscribe_title {
    border-bottom: 1px solid #E0DFE3;
    margin-bottom: 10px;
    font-size: 116%;
    font-weight: bold;
}


/********************************************************************/

/* マイページ */

/********************************************************************/

/* ポイント */
.member_contents .point_number {
    font-size: 138.5%;
    font-weight: bold;
    color: #990000;
}

/* リンク枠 */
.link_box .global_iconleft {
    display: block;
    margin-bottom: 10px;
}

/* 注意書き */
.mypage_note {
    font-size: 93%;
    line-height: 140%;
}

/* マイページ共通　送り主　お届け先 */
.mypage_recipient {
    padding: 5px 0px;
    font-size: 108%;
}


/*************************************************************/

/* 購入履歴 */

/*************************************************************/

/* 商品名 */
.history_data_list .item_name {
    font-weight: normal;
    color: #000000;
}


/*************************************************************/

/* 送り主、お届け先 */

/*************************************************************/

/* 住所 */
.recipient_data_list .user_address {
    font-weight: normal;
    color: #000000;
}


/*************************************************************/

/* お気に入り */

/*************************************************************/

/* 登録日、メモ */
.item_registration_date,
.item_memo {
    font-size: 93%;
}

/* 商品説明 */
.favorite_contents .item_desc {
    padding: 5px 0px;
    margin: 5px 0px;
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* メモ */
.item_memo_text {
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
    color: #000000;
}


/*************************************************************/

/* 複数選択 */

/*************************************************************/

/* 複数削除 */
.bulk_btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* 複数選択 */
.inner_bulk_check_box {
    background-color: #F5F5F5;
}

.layout_column_text .inner_bulk_check_box,
.layout_text .inner_bulk_check_box {
    background-color: #F5F5F5;
}

.bulk_mode .layout_column_text .list_item_box,
.bulk_mode .layout_column_text .not_link,
.bulk_mode .layout_text .not_link {
    border-bottom: none;
}

/* 一括削除時の下部ボタン枠 */
.bulk_mode .fixed_bottom {
    background-color: #F5F5F5;
    border-top: 1px solid #E0DFE3;
}

/* 数量表示バッジ */
.badge {
    background-color: #CC0000;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}


/*************************************************************/

/* 掲示板 */

/*************************************************************/

/* 記事枠 */
.post_box {
    margin-bottom: 5px;
    border: 1px solid #E0DFE3;
    background-color: #F5F5F5;
}

/* 記事枠レス */
.post_box_res {
    padding-left: 20px;
}

/* 記事ヘッダー */
.post_box .data_table .cell_header,
.post_box .data_table .cell_data {
    background-color: #E9E9E9;
    font-weight: normal;
}

/* 記事ヘッダー下部余白 */
.post_box .data_table {
    margin-bottom: 5px;
}

/* 記事ヘッダー中央寄せ */
.post_box .res_cell,
.post_box .toggle_cell,
.post_box .replay_cell {
    text-align: center;
}

.post_title,
.post_user,
.post_day,
.post_number {
    padding: 2px 0px;
}

/* 記事タイトル */
.post_title {
    font-weight: bold;
    font-size: 14px;
}

/* 記事ユーザー */
.post_user {
    font-size: 11px;
}

/* 記事投稿日 */
.post_day {
    font-size: 11px;
}

/* 記事No */
.post_number {
    font-size: 13px;
}

/* URL */
.post_url {
    font-size: 13px;
}

/* 記事コメント */
.bbs_comments {
    background-color: #FFFFFF;
    border: 1px solid #D1D1D1;
}

/* 記事検索 */
.bbs_search {
    background-color: #F5F5F5;
}

/* 検索文字強調 */
.result_emphasis {
    background-color: #FFFF73;
}

/* 検索前に戻る */
.bbs_search .global_link {
    margin-left: 10px;
}

/* 記事開閉 */
#bbs_toggle {
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* 記事投稿欄 */
.bbs_post_form {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
}


/*************************************************************/

/* 関連ページ */

/*************************************************************/

/* 内容 */
.link_desc_box {
    border-top: 1px solid #E0DFE3;
}


/*************************************************************/

/* 私が店長です */

/*************************************************************/

/* スタッフ画像 */
.staff_photo,
.pstaff_photo {
    text-align: center;
    margin-top: 10px;
}

/* プロフィール項目 */
.staff_contents dt,
.pstaff_contents dt {
    border-top: 1px solid #E0DFE3;
    font-weight: bold;
}

/* プロフィール内容 */
.staff_contents dd,
.pstaff_contents dd {
    border-top: 1px solid #E0DFE3;
}

.staff_profile_desc {
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
}


/********************************************************************/

/* カレンダー */

/********************************************************************/

/* カレンダーヘッダー */
.cal_month {
    padding-bottom: 15px;
    text-align: center;
}

.cal_month .prev_month,
.cal_month .next_month,
.cal_month .this_month {
    padding: 0px 10px;
}

.cal_month span.prev_month,
.cal_month span.next_month {
    padding: 0px 5px;
    font-weight: bold;
    cursor: pointer;
}

/* 今月 */
.this_month {
    font-size: 123.1%;
    font-weight: bold;
}

.side_col .this_month {
    font-size: 13px;
    padding: 0px;
}

.side_col .next_month,
.side_col .prev_month {
    font-size: 12px;
    padding: 0px;
}

/* カレンダー枠線 */
.calendar_data .data_table th.cell_header,
.calendar_data .data_table td.cell_data {
    border: 1px solid #CCCCCC;
}

/* カレンダー曜日セル */
.calendar_data .cal_day_header {
    font-size: 85%;
}

/* カレンダー各セル */
.calendar_data .data_table .cal_day_cell {
    width: 14%;
    height: 60px;
    vertical-align: top;
}

/* 日曜日 */
.sun .cal_day {
    color: #CC0000;
}

/* 土曜日 */
.sat .cal_day {
    color: #3399CC;
}

/* 今日 */
.calendar_data .today {
    font-weight: bold;
}

/* イベント一覧 */
.event_list li {
    border-bottom: 1px solid #E0DFE3;
}

/* イベント内容 */
.event_data {
    padding: 10px 0px;
}

/* イベント名 */
.event_name {
    font-weight: bold;
    line-height: normal;
}

/* アイコン画像 */
div.event_icon {
    text-align: center;
}

div.event_icon img {
    margin: 0px 1px;
}

span.event_icon {
    margin-right: 5px;
}

/* 定休日 */
.calendar_data .holiday,
.holiday_icon {
    background-color: #FFD9B3;
}

.holiday_icon {
    border: 1px solid #CCCCCC;
    display: inline-block;
    width: 15px;
    height: 15px;
}

/* イベント説明 */
.event_desc {
    font-size: 93%;
    padding: 5px;
}

/* 左右カラム */
.side_col .cal_day {
    font-size: 85%;
}

/* 余白 */
.side_col .data_table th.cell_header,
.side_col .data_table td.cell_data {
   padding: 2px;
}

.side_col .calendar_data .data_table .cal_day_cell {
    height: auto;
}


/********************************************************************/

/* table */

/********************************************************************/

/* thタグ、tdタグ */
.data_table .cell_header,
.data_table_header,
.data_table .cell_data {
    padding: 5px;
    border: 1px solid #E0DFE3;
}

/* thタグ */
.data_table .cell_header,
.data_table_header {
    background-color: #F5F5F5;
    color: #000000;
}

/* tdタグ */
.data_table .cell_data {
    background-color: #FFFFFF;
    color: #000000;
}


/********************************************************************/

/* フォーム */

/********************************************************************/

/* フォーム上部説明 */
.global_note li {
    border-bottom: 1px dotted #E0DFE3;
}

.list_icon_circle {
    color: #000000;
}

/* フォーム項目 */
.form_element,
.form_inner_element {
    padding: 10px;
}

/* 必須項目 */
.require {
    color: #CC0000;
    font-weight: bold;
}

abbr.require {
    border: none;
    cursor: default;
}

/* 注意書き */
span.cell_note {
    font-size: 85%;
    font-weight: normal;
}

/* メールアドレス欄 */
.confirm_email {
    border-color: #E0DFE3;
    background-color: #FFFFEE;
}


/********************************************************************/

/* 入力エリア */

/********************************************************************/

/* 標準 */
.form_data .defaultsize {
    width: 170px;
}

/* 特小 */
.form_data .xsmallsize {
    width: 60px;
}

/* 小 */
.form_data .smallsize {
    width: 80px;
}

/* 大 */
.form_data .largesize {
    max-width: 500px;
    width: 97%;
}


/********************************************************************/

/* フォームエラー */

/********************************************************************/

/* 個別エラー表示 */
.form_error {
    border: 5px solid #FF0000;
    border-radius: 5px;
}

/* フォーム上部エラー表示 */
.error_box {
    border: 1px solid #FF0000;
    border-radius: 5px;
}

/* 商品詳細エラー表示 */
.detail_page_body .error_box {
    margin: 10px;
}

/* エラー表示　※赤枠内文字 */
.error_status {
    color: #FF0000;
    font-size: 93%;
    padding-left: 5px;
}

/* エラー時入力エリア背景色 */
.page_box .edit_form .error_row input,
.page_box .edit_form .error_row select,
.page_box .edit_form .error_row textarea {
    background-color: #FFF0F0;
}

/* エラーアイコン */
.error_icon .fa {
    background-color: #E43100;
    border: 1px solid #E8E0DD;
    box-shadow: 0px 0px 0px 1px #E43100;
    color: #FFFFFF;
}

/* フォーム上部OK表示 */
.ok_box {
    border: 1px solid #0088CC;
    border-radius: 5px;
}

/* OK表示 ※緑枠内文字 */
.ok_status {
    color: #0088CC;
    font-size: 93%;
    padding-left: 5px;
}

/* OK表示アイコン位置調整 */
.ok_status img {
    padding-right: 3px;
}

/* OK時入力エリア背景色 */
.page_box .edit_form .ok_row input,
.page_box .edit_form .ok_row select,
.page_box .edit_form .ok_row textarea,
.page_box .edit_form .error_row .ok_input {
    background-color: #E4F1FC;
}

/* OKアイコン */
.ok_icon .fa {
    background-color: #0088CC;
    border: 1px solid #CFEAFC;
    box-shadow: 0px 0px 0px 1px #0088CC;
    color: #FFFFFF;
}

/* 重要な注意書き色 */
.note_color {
    color: #CC0000;
}


/********************************************************************/

/* アイコン */

/********************************************************************/

/* ヘッダーナビボタン */
.inner_header_nav .header_nav_item .fa {
    color: #FFFFFF;
}

/* グローバルナビ */
.inner_global_nav .fa {
    color: #FFFFFF;
}

.global_iconleft .fa {
    padding-right: 5px;
}

.global_iconright .fa {
    padding-left: 5px;
}

/* 閉じる、削除ボタン */
.close_btn_box .fa,
.delete_btn_box .fa {
    color: #000000;
}

.nav_close_btn .fa {
    color: #FFFFFF;
}

/* フッター下部ボタン */
.fixed_corner_button .fa {
    font-size: 40px;
    color: #000000;
}

.use_hover .fixed_corner_button:hover .fa {
    color: #333333;
}

/* +-開閉ボタン */
.open_icon .fa,
.close_icon .fa {
    color: #666666;
}

/* 説明付き一覧表示調整 */
.right_side_list_icon {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11px;
    font-size: 22px;
}


/********************************************************************/

/* ボタン */

/********************************************************************/

/* アイコンボタン枠 */
.icon_btn {
    padding: 0px 3px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.use_hover .icon_btn:hover {
    border: 1px solid #E0DFE3;
    background-color: #F5F5F5;
}

/* +-開閉ボタン枠 */
.open_icon,
.close_icon {
    border: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

.use_hover .open_icon:hover,
.use_hover .close_icon:hover,
.use_hover abbr .open_icon:hover,
.use_hover abbr .close_icon:hover {
    background-color: #D1D1D1;
}

/* 汎用ボタン */
.general_btn {
    padding: 0px 3px;
    border: solid 1px #E0DFE3;
    border-radius: 5px;
    display: inline-block;
}

.use_hover .general_btn:hover {
    border: 1px solid #E0DFE3;
    background-color: #F5F5F5;
}

.standard_btn {
    padding: 10px 20px;
    border: solid 1px #E0DFE3;
    border-radius: 5px;
    display: inline-block;
}

.use_hover .standard_btn:hover {
    border: 1px solid #E0DFE3;
    background-color: #F5F5F5;
}

/* 右端ボタン */
.page_title_right_edge .general_btn,
.section_title_right_edge .general_btn {
    background-color: #E0DFE3;
    border-radius: 5px;
    color: #333333;
}

.use_hover .page_title_right_edge .general_btn:hover,
.use_hover .section_title_right_edge .general_btn:hover {
    background-color: #F5F5F5;
    color: #333333;
}

/* 画像リンク */
.use_hover .photo_link:hover {
    opacity: 0.7;
}


/*************************************************************/

/* フォームボタン */

/*************************************************************/

/* フォームボタンマウスオーバー */
.use_hover .global_btn input:hover,
.use_hover button:hover,
.use_hover .global_btn A:hover {
    opacity: 0.8;
}

/* ボタンサイズXXS */
.global_btn .btn_size_xxsmall {
    width: 30px;
    height: 30px;
}

/* ボタンサイズXS */
.global_btn .btn_size_xsmall {
    width: 50px;
    height: 30px;
}

/* ボタンサイズS */
.global_btn .btn_size_small {
    width: 70px;
    height: 30px;
}

/* ボタンサイズM */
.global_btn .btn_size_medium {
    width: 90px;
    height: 30px;
}

.global_btn A.btn_size_xxsmall,
.global_btn A.btn_size_xsmall,
.global_btn A.btn_size_small,
.global_btn A.btn_size_medium,
.global_btn A.btn_size_auto {
    line-height: 30px;
}

/* ボタンサイズL */
.global_btn .btn_size_large {
    width: 130px;
    height: 35px;
}

.global_btn A.btn_size_large {
    line-height: 35px;
}

/* ボタンサイズXL */
.global_btn .btn_size_xlarge {
    width: 180px;
    height: 40px;
    font-size: 116%;
}

.global_btn A.btn_size_xlarge {
    line-height: 40px;
}

/* ボタンサイズXXL */
.global_btn .btn_size_xxlarge {
    width: 281px;
    height: 50px;
    font-size: 123%;
}

.global_btn A.btn_size_xxlarge {
    line-height: 50px;
}

/* ボタンサイズ横幅auto */
.global_btn .btn_size_auto {
    height: 30px;
    width: auto;
    padding: 0px 20px;
}

/* ボタンサイズ小文字 */
.font_size_small {
    font-size: 77%;
}

/* 縦2段積みボタン */
.under_global_btn {
    display: block;
    margin-top: 30px;
}

/* 商品詳細 */
.detail_item_data .add_cart .global_btn {
    display: block;
    text-align: center;
    margin: 10px 0px;
}

/* 下部配置ボタン */
.form_btn {
    text-align: center;
    margin: auto;
    padding: 20px 0;
}

/* 下部ボタン上部注意書き */
.global_bottom_info {
    border-bottom: 1px solid #E0DFE3;
}

/* ログインページ新規登録余白調整 */
#register_form .form_btn {
    padding: 0px;
}

/* Aタグボタン */
.global_btn A {
    font-weight: normal;
}

/* 外部決済ボタン */
.outside_btn_box {
    background-color: #FFFFEE;
    border: 1px solid #E0DFE3;
}

/* 楽天決済用 */
.payment_method_desc {
    margin-bottom:10px;
}


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

/* ボタン色 */

/*--------------------------------------*/
/* 色通常 */
/* フォームボタン全般 */
.btn_color_common {
    background-image: url(img/btn_main.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #A9A6B1;
    color: #FFFFFF;
}

.btn_color_common,
A.btn_color_common:link,
A.btn_color_common:visited,
A.btn_color_common:hover,
A.btn_color_common:active {
    color: #FFFFFF;
}

.use_hover .btn_color_common:hover {
    color: #FFFFFF;
}

/* 色強調 */
.btn_color_emphasis {
    background-image: url(img/btn_main_b.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #37A9EA;
    color: #FFFFFF;
}

.btn_color_emphasis,
A.btn_color_emphasis:link,
A.btn_color_emphasis:visited,
A.btn_color_emphasis:hover,
A.btn_color_emphasis:active {
    color: #FFFFFF;
}

.use_hover .btn_color_emphasis:hover {
    color: #FFFFFF;
}


/*************************************************************/

/* パンくずリスト */

/*************************************************************/

/* パンくずリスト */
.breadcrumb_list {
    font-size: 85%;
}


/********************************************************************/

/* ポップアップ */

/********************************************************************/

/* ポップアップの背景 */
.overlay_area .modal_skin {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}


/********************************************************************/

/* ロード、ページャー */

/********************************************************************/

/* 読み込み中アイコン画像 */
.loading,
.initial_loading {
    background: url(img/load_icon.gif);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.entry_box .loading {
    background-image: url(img/load_entry_icon.gif);
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

/* 一覧ページャー */
.pager {
    margin: 5px 0px;
    text-align: center;
}

/* 現ページ */
.pager strong {
    min-width: 20px;
    min-height: 20px;
    padding: 3px;
    margin: 0px 1px;
    border: 1px solid #000000;
    background-color: #000000;
    color:#FFFFFF;
}

/* 各ページ */
.pager .pager_btn {
    min-width: 20px;
    min-height: 20px;
    margin: 0px 1px;
    padding: 3px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
    text-decoration: none;
}

.use_hover .pager .pager_btn:hover {
    border: 1px solid #000000;
    background-color: #000000;
    color: #FFFFFF;
}


/********************************************************************/

/* グローバルサイトリンク */

/********************************************************************/

/* リンク一覧 */
.site_list_dropdown {
    background-color: #FFFFFF;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

/* 各リンク先 */
.layout_dropdown .site_list_data {
    border-bottom: 1px solid #E0DFE3;
}

/* 各リンク文字 */
.global_site .site_list_dropdown .nav_btn,
#inner_footer .layout_dropdown .site_list_data .nav_btn {
    color: #000000;
}

.use_hover .global_site .site_list_dropdown .nav_btn:hover,
.use_hover #inner_footer .layout_dropdown .site_list_data .nav_btn:hover {
    color: #666666;
    background-color: #F5F5F5;
}

/* リスト表示タイトル */
#inner_footer .layout_dropdown .site_list_title .nav_btn {
    background-image: none;
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    color: #000000;
}


/********************************************************************/

/* フッター */

/********************************************************************/

/* PCサイトボタン */
.footer_pc_site_box {
    height: 30px;
    padding: 15px 0px 15px 0px;
    position: relative;
    background-color: #F5F5F5;
    box-sizing: content-box;
    text-align: center;
}

.pc_site_btn .pc_site_link {
    width: 80px;
    margin: auto;
    padding: 8px 8px 8px 30px;
    display: inline-block;
    background-image: url(img/icon_pc.png);
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-sizing: content-box;
    font-size: 12px;
    text-align: center;
    color: #000000;
}

.use_hover .pc_site_btn .pc_site_link:hover {
    color: #000000;
    opacity: 0.8;
}

/* フッター */
.footer_area {
    background-color: #F5F5F5;
}

#footer {
    text-align: center;
}

.footer_area A {
    color: #0088CC;
}

.use_hover .footer_area A:hover {
    color: #006DD9;
}

.footer_upper_link_box .continued_link_box {
    border-left: 1px solid #666666;
}

/* ページトップへ戻るボタン */
.fixed_corner_button {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    background-color: #CCCCCC;
    text-align: center;
}

.move_to_add_cart .corner_covering_item,
.use_hover .move_to_add_cart:hover .corner_covering_item {
    color: #CCCCCC;
}

/* フッター下部バナー */
.footer_banner {
    text-align: center;
}

.use_hover .footer_banner .banner_box A:hover {
    opacity: 0.8;
}


/********************************************************************/

/* Powered by おちゃのこネット
※上記の文言は共用ドメインコースをご利用の場合に表示されます。
必須項目ですので、下記の編集は許可されていません。
・文言の削除
・文字色を薄くする
・文字サイズを小さくする */

#ochanoko {
    padding: 5px;
    text-align: center;
    font-size: 12px;
}

#ochanoko A {
    font-size: 12px;
}

#ochanoko p {
    font-size: 10px;
}

.accessory_color {
    background-color: #F5F5F5;
    color: #000000;
}

.accessory_color A {
    color: #000000;
}

.accessory_color A:hover {
    color: #333333;
}

/********************************************************************/


/********************************************************************/

/* 202511追加 */

/********************************************************************/

.wh-content .wh-lead h1 {
    background-color: #95857b;
    color: #ffffff;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 30px;
    padding: 15px;
}
.wh-content .wh-main h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: normal;
    font-style: normal;
}
.wh-content .wh-main .price-area h2 {
    text-align: left;
}
.wh-content .wh-main h3 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
}
.wh-content .wh-main .price-area h3 {
    text-align: left;
    background-color: #95857b;
    color: #ffffff;
    padding: 5px 20px;
    font-size: 16px;
}
.wh-content .wh-main p {
    margin-bottom: 30px;
}
.red {
    color: #cc0000;
}
.wh-content .wh-main .price-table {
    width: 100%;
    margin-bottom: 50px;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
}
.wh-content .wh-main .price-table thead th {
    background-color: #e8e8e8;
    padding: 15px;
    text-align: center;
}
.wh-content .wh-main .price-table tbody th {
    width: 250px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #e8e8e8;
    padding: 15px;
    text-align: left;
    font-weight: normal;
    font-style: normal;
}
.wh-content .wh-main .price-table tbody td {
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 15px;
    text-align: right;
}