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


/* PC用CSS HTMLタグ要素 */

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

/*--------------------------------------*/
/* font-sizeの指定表
フォントサイズ指定に%を利用しています。
拡大縮小される場合は下記の表を参考にshopping_cart_button
指定を変更してください。

例）12pxを指定の場合 font-size: 93%;

 77%  = 10px    |   123.1% = 16px   |   167% = 22px
 85%  = 11px    |   131%   = 17px   |   174% = 23px
 93%  = 12px    |   138.5% = 18px   |   184% = 24px
 100% = 13px    |   146.5% = 19px   |   192% = 25px
 108% = 14px    |   153.9% = 20px   |   197% = 26px
 116% = 15px    |   161.6% = 21px   |

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

/*--------------------------------------*/
/* カラム設定について
1カラム、2カラム、3カラムにて指定が異なる箇所があります。
スタイルシート内には、全てのカラム設定用の横幅や指定を
記載しております。
指定を変更される場合は、ご自身の設定をご確認ください。
*/
/*--------------------------------------*/

/*--------------------------------------*/
/* 高解像度ディスプレイ対応
このコメントが入ってる箇所では、高解像度ディスプレイ用に通常の
背景画像に加えて2倍サイズの画像が指定してあります。
通常サイズの画像を変更される際は、下記の注意書きをご覧ください。

・高解像度ディスプレイ用の画像を指定しない
下記のbackground-imageに、通常サイズと同様の画像を指定。

・高解像度ディスプレイ用の画像を指定する
通常サイズの画像の縦横とも2倍のサイズの画像を
高解像度ディスプレイ対応内のbackground-imageに指定し
background-sizeには、通常サイズの画像サイズを指定。
*/
/*--------------------------------------*/


body {
    word-break: break-all;
    color: #000000;
    line-height: 140%;
    border-top: 5px solid #016301;
}
#head{
    background-color:#EEEEEE;
    width:100%;
}/*
#head p.header_txt{
    font-size:90%;
    font-weight:bold;
    color:#333333;
    padding:5px 0 2px 0;
    letter-spacing:0.02em;
    width:1280px;
    text-align:left;
    margin:0 auto;
}*/

/* リンク */
A,
A h3 {
    font-weight: bold;
    text-decoration: none;
    color: #0088CC;
}

A:hover,
A h3:hover {
    color: #0066CC;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* ヘッダータグ */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}


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

/* 大枠 */

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

/* 大枠 */
#container {
    width: 100%;
    min-width: 1280px;
    position: relative;
}

/* 大枠中央レイアウト */
.fix_center {
    width: 1280px;
    margin: auto;
}

.colmode .fix_center {
    width: 760px;
}


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

/* カラム設定 */

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

/* 左カラム */
#leftcol {
/*	width: 200px;*/
    width: 230px;
    float: left;

}

/* 右カラム */
#rightcol {
    width: 200px;
    float: left;
}

.widemode #rightcol {
    float: right;
}

/* メインカラム 1カラム */
#maincol1 {
    width: 780px;
    margin: 0 auto;
}

/* メインカラム 2カラム */
#maincol2 {
    width: 1030px;
    float: left;
    margin-left:20px;
}


/* メインカラム 3カラム */
#maincol3 {
    width: 580px;
    float: left;
}

/* 3カラム写真小モード用 */
#setcol {
    width: 780px;
    float: left;    
}

/* ポップアップ */
#popup {
    width: 780px;
    margin: auto;
}

/* コンテンツエリア最小縦幅 */
#maincol1,
#maincol2,
#maincol3,
#widecol {
    min-height: 700px;
}

.contents_undisplay #maincol1 {
    min-height: auto;	
}

.contents_undisplay #inner_footer {
    min-height: 800px;	
}

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

/* カラム横幅可変モード */

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

/* 商品一覧、商品検索結果横幅 */

.widemode .fix_center {
    width: 90%;
    min-width: 1030px;
    margin: auto;
}

.widemode #maincol1 {
    width: auto;
}

.widemode #maincol2 {
    width: auto;
    float: none;
    margin-left: 200px;
}

.widemode .layout_r #maincol2 {
    margin-left: 0px;
    margin-right: 200px;
}


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

/* ヘッダー */

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

/* ヘッダー */
#header {
    /*border-top: 1px solid #016301;*/
    
}

/* ヘッダー背景画像 */
#inner_header {
    padding-top: 3px;
    min-height: 70px;
    padding-bottom: 5px;
    background-image: url(img/header_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    height:130px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #inner_header {
        background-image: url(img/header_bg_x2.gif);
        background-size: 70px 115px;
    }
    /*-----------------------------------------------------------*/
}


/* ヘッダー上　キャッチフレーズ欄 */
#header_top {
    position: relative;
}

/* ヘッダー中　ショップロゴ、検索、カートの中身 */
#header_middle {
    position: relative;
}

/* ヘッダー下　ログイン、新規登録 */
#header_bottom {
    position: relative;
    padding-top: 0px;
        /*top:-5px;*/
    top:8px;
}

#header_bottom {
    top: 80px !important;
    z-index: 100;
    margin: 0;
    width: 500px;
    right: calc((100% - 1280px) / 2);
    position: absolute !important;
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
    align-items: center;
}
#container #globalnavi {
    overflow: hidden
}
#header_bottom #carttop {
    float: none;
}
#header #header_bottom .signin_box {
    width: auto;
    margin: 0;
    margin-left: 20px;
    padding: 0!important;
}

.signin_top .secure_link {
    padding: 10px 12px 10px 28px;
    background-color: #f9f5f3;
    border-radius: 20px;
    color: #000;
    font-size: 12px;
}

.register_top .secure_link {
    padding: 10px 12px 10px 28px;
    background-color: #f9f5f3;
    border-radius: 20px;
    color: #000;
    font-size: 12px;
}

.cartbtn A {
    padding: 12px;
    background-color: #473b2c;
    border-radius: 20px;
    background-image: none;
}


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

/* フッター */

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

/* フッター */
#footer {
    width: 100%;
    background-color: #000000;
    border-top: 1px solid #222222;
}

/* Powered by おちゃのこネット
/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」
※上記の文言は必須項目ですので、削除する事は許可されていません。 */

#ochanoko {
    width: 100%;
    border-bottom: 1px solid #000000;
}

.footer_top {
    background-color: #222222;
    color: #E0DFE3;
}

#inner_ochanoko {
    text-align: right;
    padding: 15px 0px;
}

/* コピーライト */
#copyright {
    font-size: 85%;
}

#copyright A {
    color: #FFFFFF;	
}

/* フッター内部コンテンツ */
#inner_footer {
    min-height: 600px;
    padding-top: 10px;
    text-align: center;
    position: relative;
    color: #E0DFE3;
}

/* ページトップ */
#pagetop {
    width: 100%;
}

#inner_pagetop {
    height: 30px;
    position: relative;
}

#inner_pagetop A {
    display: block;
    height: 20px;
    background-image: url(img/icon_pagetop.png);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    background-color: #000000;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 5px 5px 25px;
    text-align: center;
    color: #FFFFFF;
    font-size: 77%;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #inner_pagetop A {
        background-image: url(img/icon_pagetop_x2.png);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

#inner_pagetop A:hover {
    background-color: #333333;
}



/*グループ表示をカテゴリのように見せる*/
#signin_box .side_contents.signin_list.column,#signin_box .side_contents.signin_list.column li{
	padding:0;
    margin:0;
}
.list_comment .center_category_list{
	border-bottom:2px #CCC dotted;
	margin:0 0 50px 0;
	padding:0;
}
.list_comment .center_category_list ul{
	margin:0 0 20px 0;
	padding:0;
}
.list_comment .center_category_list ul li,
.list_comment .center_category_list ul li A{
    float:left; !important;
    
}
.list_comment .center_category_list ul li A{
    background-color: #F1FDEE !important;
    border: 1px solid #CCC;
}

.list_comment .center_category_list li A:hover {
    background-color: #DDFCD4;
}



/* スマートフォンサイトボタン */
#phonesite {
    position: relative;
    height: 30px;
    padding: 15px 0px 15px;
    background-color: #000000;
}

.phone_site_link {
    display: block;
	width: 188px;
	margin: auto;
    background-color: #FFFFFF;
    border-radius: 5px;	
}

.phone_site_link:hover {
    background-color: #CCCCCC;
}
.phone_site_link A {
    display: block;
    width: 150px;
    padding: 8px 8px 8px 30px;
	background-image: url(img/icon_phone.png);
    background-repeat: no-repeat;
    background-position: 5px 2px;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .phone_site_link A  {
        background-image: url(img/icon_phone_x2.png);
        background-size: 30px 30px;
    }
    /*-----------------------------------------------------------*/
}


/* フッター自由記入欄 */
.footer_free_space {
    text-align: left;
    color: #FFFFFF;
}


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

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

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

/* キャッチフレーズ */
#copy {
    padding: 3px 15px 0 0px;
    font-size: 11px;
    line-height: normal;
    float: left;
    color:#666666;
    width:1280px;
}

/* 表示パターン横幅 */
.header_top_800 {
    max-width: 800px;
}

.header_top_700 {
    max-width: 700px;
}

.header_top_600 {
    max-width: 600px;
}

.header_top_300 {
    max-width: 300px;
}

.header_top_200 {
    max-width: 200px;
}

.header_top_100 {
    max-width: 100px;
}


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

/* グローバルサイト、文字サイズ */

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

/* タイトル */
.site_list_title,
.set_font_title {
    display: inline-block;
    height: 20px;
    vertical-align: top;
    font-weight: bold;
}


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

.global_site {
    font-size: 11px;
    line-height: normal;
}

#header_global_site {
    float: right;
}

/* 横並び表示リンク */
.global_site A {
    display: inline-block;
    min-height: 20px;
    vertical-align: top;
}

/* リスト表示 */
.layout_dropdown {
    position: relative;
}

/* リスト表示タイトル */
.layout_dropdown .site_list_title A {
    padding: 0px 5px 0px 20px;
    background-image: url(img/icon_open.gif);
    background-repeat: no-repeat;
    background-position: left -2px;
    position: relative;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .layout_dropdown .site_list_title A {
        background-image: url(img/icon_open_x2.gif);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}

/* リスト表示タイトルマウスオーバー、選択中 */
.layout_dropdown .site_list_title A:hover,
.layout_dropdown .site_list_title A.hover,
.layout_dropdown .nav_on A {
    background-color: #F5F5F5;
}

/* リンク一覧 */
.site_list_dropdown {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 180px;
    padding: 10px;
    background-color: #FFFFFF;
    border-top: 5px solid #F5F5F5;
    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 {
    display: block;
    padding: 3px;
    border-bottom: 1px solid #E0DFE3;
}

/* 各リンク文字 */
.site_list_dropdown A {
    display: block;
    padding: 0px 3px;
    line-height: 20px;
}

.site_list_dropdown A:hover {
    background-color: #F5F5F5;
}

/* フッター用指定 */
#inner_footer .global_site {
    width: auto;
    margin: 10px auto;
}

#inner_footer .footer_global_site .global_site {
    width: 300px;
    margin: 10px auto;
}

/* 横並び表示文字色 */
#inner_footer .site_list_data A {
    color: #FFFFFF;
}

#inner_footer .site_list_data A:hover {
    color: #CCCCCC;
}

/* リスト表示文字色 */
#inner_footer .layout_dropdown .site_list_data A {
    color: #0088CC;
}

#inner_footer .layout_dropdown .site_list_data A:hover {
    color: #0066CC;
}

/* リスト表示タイトル */
#inner_footer .layout_dropdown .site_list_title {
    height: 30px;
}

#inner_footer .layout_dropdown .site_list_title A {
    background-image: none;
    background-color: #FFFFFF;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    line-height: 20px;
}

/* リンク一覧 */
.reverse_position .site_list_dropdown {
    left:50%;
    border: none;
    margin-top: 5px;
    margin-left: -100px;
    padding-top: 5px;
    text-align: left;
}


/*--------------------------------------*/
/* 文字サイズ */

.font_setting {






    display: inline-block;
    font-size: 11px;
    line-height: normal;
    margin-left: 15px;
}

#header_font_setting {
    float: right;
}

/* 文字サイズ画像 */
.set_font_normal,
.set_font_large {
    display: inline-block;
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: left top;
}

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

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .set_font_normal {
        background-image: url(img/font_default_x2.gif);
        background-size: 30px 40px;
    }
    /*-----------------------------------------------------------*/
}

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

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .set_font_large {
        background-image: url(img/font_large_x2.gif);
        background-size: 30px 40px;
    }
    /*-----------------------------------------------------------*/
}

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


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

/* ショップ名 */

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

/* ショップ名ロゴ */
#shoplogo {
    width: 500px;
    height: 40px;
    float: left;
}

#shoplogo:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
}


/* ショップ名テキスト */
#shoptext {
    float: left;
    font-size: 138.5%;
/*    min-height: 40px;*/
width: 450px;
margin-top:5px;
}

/* ヘッダーバナーありの場合 */
.has_header_banner #shoptext {
    width: 200px;
}


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

/* 商品検索 */

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

/* 商品検索 */
#search {
    float: right;
    background-color: #019601;
    color: #FFFFFF;
    padding: 5px;
	margin-bottom:0;
}
#search_s {
    float: none;
    background-color: #019601;
    color: #FFFFFF;
    padding: 5px;
	width:190px;
	text-align:center;
	margin-bottom:15px;
}
#search_s .search_form input[type="search"]{
	width:100% !important;
}
#search_s .search_form input[type="submit"]{
	width:100px !important;
}
#search_m {
    float: none;
    background-color: #019601;
    color: #FFFFFF;
    padding: 5px;
	width:210px;
	text-align:center;
	margin-bottom:15px;
}
#search_m .search_form input[type="search"]{
	width:100% !important;
}
#search_m .search_form input[type="submit"]{
	width:100px !important;
}

/* 検索エリア自由記入欄 */
#search_free {
    float: right;
}


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

/* ログイン・新規登録 */

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

/* 枠 */
#header_bottom .signin_box {
    width: 780px;
    margin: 0 auto;
    padding-top: 10px;
    padding-right: 10px;
    float: right;
    text-align: right;
}

/* 各文字区切り */
.signin li {
    display: inline;
    padding: 0px 5px;
    font-size: 85%;
}

.signin .member_name,
.signin .member_group,
.signin .signout_top,
.signin .mypage_top,
.signin .member_point,
.signin .point {
    display: inline;
    padding: 0px 5px;
    font-size: 85%;
}

/* 各リンク文字 */
.signin li A,
.signin span A {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 8px center;
}

.signout_top
.signin li A,
.signin span A {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0px center;
}

/* ログインボタン */
#header_bottom .signin .signin_top {
    padding-right: 0px;
    border-right: 0px solid #999999;
}

/* ログインボタン背景画像 */
.signin_top A {
    background-image: url(img/icon_signin.gif);
}

/*　お客様登録ページ　コンテンツのセンター合わせ　*/

.page_box.mregistration{
    margin: 0 auto;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .signin_top A {
        background-image: url(img/icon_signin_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* 新規登録ボタン背景画像 */
.register_top A {
    background-image: url(img/icon_regist.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .register_top A {
        background-image: url(img/icon_regist_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/*--------------------------------------*/
/* ログアウト・マイページ */

.activemember .member_group,
.activemember .point {
    padding-right: 0px;
}

/* ユーザー名 */
.member_name {
    font-weight: bold;
}

#header_bottom .member_name {
    border-right: 1px solid #E0DFE3;
}

/* ログアウト */
#header_bottom .signout_top {
    padding-right: 10px;
    border-right: 1px solid #999999;
}

/* ログアウトボタン背景画像 */
.signout_top A {
    background-image: url(img/icon_signout.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .signout_top A {
        background-image: url(img/icon_signout_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* 会員グループ */
.member_group {
    font-weight: normal;
}

/* マイページ */
#header_bottom .mypage_top {
    padding-left: 10px;
    display: inline-block;
}

/* マイページボタン背景画像 */
.mypage_top A {
    background-image: url(img/icon_mypage.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .mypage_top A {
        background-image: url(img/icon_mypage_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

/* 保有ポイント */
#header_bottom .member_point {
    border-left: 1px solid #E0DFE3;
    display: inline-block;
}

/* ポイント数 */
.signin .point {
    font-weight: bold;
    color: #CC0000;
    padding: 0px;
}


/*-----------------------------------------------------------*/
/* 左右エリア */

/* ログイン枠 */
.side_signin .signin {
    border: 1px solid #E0DFE3;
}

.side_signin .signin_box {
    width: auto;
    padding: 10px;
}

/* li、spanブロック表示 */
.side_signin li {
    display: block;
    font-size: 95%;
    padding: 0px;
}

.side_signin .member_name,
.side_signin .member_group,
.side_signin .signout_top,
.side_signin .mypage_top,
.side_signin .member_point,
.side_signin .point {
    display: block;
    font-size: 95%;
    padding: 0px;
}

/* ポイントインライン表示 */
.side_signin .signin .point {
    display: inline;
}

/* 各ボタン */
.side_signin .signin li A,
.side_signin .signin .mypage_top A {
    display: block;
    padding: 8px 0px 8px 22px;
    background-position: 3px center;
}

.side_signin .signin li A:hover,
.side_signin .signin .mypage_top A:hover {
    background-color: #F5F5F5;
}

/* ログインボタン */
.side_signin .signin_top A {
    border-bottom: 1px solid #E0DFE3;
}

/* ユーザー名 */
.side_signin .member_name {
    border: 1px solid #E0DFE3;
    background-color: #F9F9F9;
    padding: 10px 10px 5px;
}

/* 会員グループ */
.side_signin .member_group {
    font-weight: normal;
    font-size: 85%;
}

/* ログアウトボタン */

.side_signin .signin .signout_top {
    width: auto;
    border-top: 1px solid #E0DFE3;
    padding: 3px;
    margin-top: 5px;
    text-align: right;
}

.side_signin .signin .signout_top A {
    font-size: 85%;
}

/* ログインボタン */
.side_signin .mypage_top A {
    margin-top: 8px;
}

/* 保有ポイント */
.side_signin .member_point {
    background-color: #FFFFEE;
    border: 1px solid #E0DFE3;
    padding: 5px;
    font-size: 85%;
    margin-top: 1px;
}

.signin_box .member_point .point {
    display: inline-block;
}


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


/* 上部カートの中身 */

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

#carttop {
    float: right;
    margin-left: 5px;
}

/* カートの中身ボタン */
.shopping_cart_button {
    position: relative;
    width: 130px;
}

/* 自由記入欄サイドカラム用 */
#leftcol .cartcontentsarea,
.reverse_cartcontent .cartcontentsarea {
    margin-right: 0;
    padding: 0 20px 20px 0;
    right: -210px;
    left: auto;
}

/* 自由記入欄メインカラム用 */
.center_cartcontent .cartcontentsarea {
    margin-right: 0;
    padding: 0 20px 20px 20px;
    left: -115px;
}

/* カート中身背景 */
.cartbtn {
    background-image: url();
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #;
    border-radius: 5px;
    position: relative;
}

.cartbtn:hover,
.cartbtn.hover {
    background-image: url(img/cart_bg_o.gif);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #473b2c;
}

.has_cart_popup .cartbtn:hover,
.has_cart_popup .cartbtn.hover {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* カート中身アイコン */
.cartbtn A {
    display: block;
    width: 87px;
    height: 25px;
    padding: 10px 0px 4px 45px;
    background-image: url(img/icon_cart.png);
    background-repeat: no-repeat;
    background-position: 10px 4px;
    font-size: 12px;
    line-height: normal;
    color: #FFFFFF;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .cartbtn A {
        background-image: url(img/icon_cart_x2.png);
        background-size: 30px 30px;
    }
    /*-----------------------------------------------------------*/
}

.cartmiddle #carttop A {
    height: 27px;
    padding-top: 8px;
}

.header_hidden #carttop A {
    margin-top: 10px;
}

/* カートの中身数量 */
.cartquantity {
    width: 30px;
    text-align: center;
    position: absolute;
    top: 4px;
    left: 12px;
    color: #FFFFCC;
}

/* 数量99以上の場合 */
.quantityover {
    position: absolute;
    top: -5px;
    right: 0px;
    font-size: 10px;
}

/* カートの中身 */
.cartcontentsarea {
    width: 320px;
    margin-right: -20px;
    padding: 0px 0px 20px 20px;
    position: absolute;
    top: 30px;
    left: -210px;
}

.cartcontents {
    padding: 10px;
    background-color: #FFFFFF;
    border-top: 5px solid #473b2c;
    box-shadow:5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

.cartcontents li {
    padding: 5px;
    border-bottom: 1px solid #E0DFE3;
}

/* サムネイル写真 */
.cartcontents .global_photo {
    width: 40px;
    float: left;
}

/* 商品説明 */
.cartcontents .text_data {
    width: 230px;
    padding: 0px 10px;
    float: left;
}

/* カートは空です */
.cartcontents li.cart_empty {
    padding: 5px;
    border-bottom: none;
}

.cartcontents .cart_empty .text_data {
    width: auto;
    padding: 0px;
    float: none;
    font-size: 93%;
    text-align: center;
}

/* 商品名、説明文字 */
.cartcontents .item_data A,
.cartcontents .item_data p {
    font-size: 77%;
    line-height: normal;
}

.item_box .order_label,.item_box .order_desc,.item_box .variation_label{
	font-weight:bold;
	color:#F00;

    font-size:120%;
    line-height:1.5em;
    letter-spacing:0.02em;

}


/* 合計金額 */
.cartcontents .shoppingcart_pricetotal p {
    padding: 5px;
    margin: 0px;
    text-align: right;
}

/* ボタン配置 */
.cartcontents .global_btn {
    border-top: 1px solid #E0DFE3;
    padding: 5px;
    text-align: center;
}


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

/* ヘッダーバナー */

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

.header_banner {
    position: absolute;
    top: -8px;
    left: 285px;
	line-height:180%;
}


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

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

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

/* ヘッダーナビゲーション */
#globalnavi {
    width: 100%;
    background-color: #FFFFFF;
    background-image: url(img/navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    border-top: 1px solid #E0DFE3;
}

/* 各ナビゲーション配置 */
#globalnavi li {
    width: auto;
    float: left;
    list-style: none;
}

/* 各ナビゲーション背景画像、文字 */
#globalnavi li A {
    display: block;
    min-height: 20px;
    text-align: center;
    color: #000000;
    max-width: 250px;
    border-right: 1px solid #E0DFE3;
    font-size: 14px;
}

#globalnavi .sub_menu li A {
    font-size: 93%;
}

/* 各ナビゲーション余白 */
#globalnavi .nav_box {
    display: block;
    padding: 15px;
}

#globalnavi .sub_menu .nav_box {
    display: inline;
    padding: 0px;
}

/* 各ナビゲーションマウスオーバー */
#globalnavi li:hover,
#globalnavi li.hover > div > .nav_link,
#globalnavi li.hover .toggle_link,
#globalnavi li.h_home:hover  {
    background-image: url(img/navi_bg_o.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: left top;
}

/* 選択中 */
#globalnavi li.nav_on {
    background-image: url(img/navi_bg_o.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: left top;
}

/* ホーム余白 */
#globalnavi li.h_home .nav_box {
    padding: 0px;
}

/* 左端ナビゲーション枠線 */
#globalnavi .posleft A {
    border-left: 1px solid #E0DFE3;
}

/* 複数行用アイコン画像 */
#globalnavi .toggle_link .nav_box {
    display: block;
    padding: 0px;
    min-height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
}

.toggle_button .open .nav_box {
    background-image: url(img/navi_open_bg.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .toggle_button .open .nav_box {
        background-image: url(img/navi_open_bg_x2.png);
        background-size: 45px 45px;
    }
    /*-----------------------------------------------------------*/
}

.toggle_button .close .nav_box {
    background-image: url(img/navi_close_bg.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .toggle_button .close .nav_box {
        background-image: url(img/navi_close_bg_x2.png);
        background-size: 45px 45px;
    }
    /*-----------------------------------------------------------*/
}

/* 複数行時上部線 */
.overplus_nav .dropdown {
    border-top: 1px solid #E0DFE3;
}

/* メニュー背景 */
#globalnavi ul.dropdown ul.sub_menu li {
    width: 230px;
    height: auto;
    float: none;
    background-color: #FFFFFF;
    background-image: url(img/navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    box-shadow:5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

/* メニュー文字、アイコン */
#globalnavi ul.dropdown ul.sub_menu li A,
#globalnavi ul.dropdown ul.sub_menu li A:hover {
    display: block;
    width: 200px;

    max-width: 200px;
    height: auto;
    padding: 8px 10px 8px 20px;
    color: #000000;
    text-align: left;
    border-bottom: 1px solid #E0DFE3;
    border-right: none;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 5px 8px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #globalnavi ul.dropdown ul.sub_menu li A,
    #globalnavi ul.dropdown ul.sub_menu li A:hover {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* タブレット用閉じるボタン */
#globalnavi ul.dropdown ul.sub_menu li.dropdown_close A,
#globalnavi ul.dropdown ul.sub_menu li.dropdown_close A:hover,
.side_category_popup .hover li.dropdown_close A,
.side_category_popup .hover li.dropdown_close A:hover {
    background-color: #000000;
}

/* マウスオーバー時下線非表示 */
#globalnavi ul.dropdown ul.sub_menu li.posbottom A {
    border-bottom: none;
}

#globalnavi ul.dropdown ul.sub_menu li:hover {
	background-image: none;
    background-color: #FFFFFF;
}

/* サブメニュー有りアイコン */
.more {
    padding-left: 20px;
    background-image: url(img/icon_more.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .more {
        background-image: url(img/icon_more_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/*--------------------------------------*/
/* サイドナビゲーション */

/* ナビゲーション背景画像 */
.navi_list li {
    background-image: url(img/side_navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border: 1px solid #E9E9E9;
    margin-bottom: 3px;
}

.navi_list li:hover {
    background-image: url(img/side_navi_bg_o.gif);
    background-position: left top;
}

/* ナビゲーションアイコン画像 */
.navi_list li A {
    padding: 10px 18px 10px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px;
    color: #333333;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .navi_list li A {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

/* 選択中 */
.navi_list li.nav_on {
    background-image: none;
    background-color: #E0F0F8;
    border: 1px solid #E0F0F8;
    margin-bottom: 3px;
}



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

#globalnavi_footer {
    width: 100%;
    border-bottom: 1px solid #222222;
}

/* 各ナビゲーション文字色 */
#globalnavi_footer li .footer_navi_link {
    color: #FFFFFF;
}

/* 各ナビゲーションマウスオーバー */
#globalnavi_footer li .footer_navi_row:hover {
    background-color: #222222;
}

/* 選択中 */
#globalnavi_footer li.nav_on .footer_navi_row {
    background-color: #222222;
}

/* 各ブロックレイアウト */
#globalnavi_footer .footer_navi_box {
    float: left;
    color: #FFFFFF;
	box-sizing: border-box;
    border-left: 1px solid #222222;
}

#globalnavi_footer .footer_navi_box_right {
    border-right: 1px solid #222222;
}

#globalnavi_footer .column1 .footer_navi_box {
    float: none;
}

/* 1カラム */
#globalnavi_footer .column1 .footer_navi_box {
    width: 100%;
}

/* 2カラム */

#globalnavi_footer .column2 .footer_navi_box {
    width: 50%;
}

/* 3カラム */
#globalnavi_footer .column3 .footer_navi_box {
    width: 33.3%;
}

/* 4カラム */
#globalnavi_footer .column4 .footer_navi_box {
    width: 25%;
}

/* 5カラム */
#globalnavi_footer .column5 .footer_navi_box {
    width: 20%;
}

/* 各ブロック */
#globalnavi_footer ul {
    min-height: 180px;
    padding: 10px;
    list-style: none;
}


/* 各ナビゲーション背景、文字 */
#globalnavi_footer li .footer_navi_link {
    display: block;
    padding: 5px 5px 5px 15px;
    background-image: url(img/icon_w.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    font-size: 85%;
    font-weight: normal;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #globalnavi_footer li .footer_navi_link {
        background-image: url(img/icon_w_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

/* 上部自由記入欄利用時用 */
#footer_free_top {
    border-bottom: 1px solid #222222;
}

/* 自由記入欄用 */
.footer_navi_free,
.footer_navi_free A,
.footer_free_space,
.footer_free_space A {
    color: #FFFFFF;
	text-align: left;
}

#globalnavi_footer .footer_navi_free A:hover,
.footer_free_space A:hover {
    color: #CCCCCC;	
}


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

/* グローバルリンク */

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

.global_link {
    padding: 5px 5px 5px 15px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .global_link {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


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

/* メイン写真 */

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

/* メイン写真 */
#photo {
    width: 100%;
}

.colmode #photo {
    margin-bottom: 30px;
}

/* 3カラムレイアウト時 */
#setcol .colmode {
    margin-left: 20px;
}

.layout_r #setcol .colmode {
    margin-left: 0px;
    margin-right: 20px;
}

/* 全画像共通枠 */
.global_photo {
    margin: 0px auto 10px;
	line-height: 0px;
}


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

/* スライド表示 */

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

#photo {
    margin-top: 1px;
}

.slide{
    float: left;
}
.top_image_slide,item_image_box img{
	width:980px !important;
}

/* サムネイルメニュー */

/* 各メニュー */
.menu li{
    width: 75px;
    display: inline-block;
    list-style: none;
    overflow: hidden;
    border-top: 5px solid #CCCCCC;
    margin-right: 1px;
    margin-top: 1px;
    vertical-align: top;
}

/* ボタン */
.menu li A {
    display: block;
}

/* 表示中サムネイル */
.menu li.current,
.menu li.current:hover {
    border-top: 5px solid #0066FF;
}

.menu li.act A {
    cursor: default;
}

/* サムネイル横幅 */
.menu a img{
    width: 80px;
}

/* スライド送り */
.swipe_list .pointer_box {
    padding: 5px 0px;
    text-align:center;
}

/* スライド送りボタン */
.swipe_list .pointer span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 5px 0px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    cursor: pointer; 
}

/* 左右ボックス */
.side_box .swipe_list .pointer span {
    margin: 0 4px;
}

/* 現スライド */
.swipe_list .pointer span.current {
    background-color: #0066FF;
    border: 1px solid #0066FF;
}

/* 前へ、次へアイコン */
.swipe_list .pointer_box span.pointer_prev,
.swipe_list .pointer_box span.pointer_next {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0px 10px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    border-radius: 25px;
    cursor: pointer;
}

/* 商品詳細メイン写真用 */
.swipe_list .detail_item_photo .pointer_box span.pointer_prev,
.swipe_list .detail_item_photo .pointer_box span.pointer_next {
    margin: 0px;
}

/* 前へアイコン画像 */
.swipe_list .pointer_box span.pointer_prev {
    background-image: url(img/icon_prev.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .swipe_list .pointer_box span.pointer_prev {
        background-image: url(img/icon_prev_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}

/* 次へアイコン画像 */
.swipe_list .pointer_box span.pointer_next {
    background-image: url(img/icon_next.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .swipe_list .pointer_box span.pointer_next {
        background-image: url(img/icon_next_x2.gif);
        background-size: 25px 25px;



    }
    /*-----------------------------------------------------------*/
}

/* マウスオーバー時 */
.swipe_list .pointer_box span.pointer_prev:hover,
.swipe_list .pointer_box span.pointer_next:hover {
    background-color: #F0F0F0;
}

.swipe_list .pointer_box .pointer_prev_box span.pointer_prev,
.swipe_list .pointer_box .pointer_next_box span.pointer_next {
    margin: 0px;
}

/* スライドの注釈 */
.swipe_list .image_annotation {
    background-image: url(img/photo_alpha.png);
}

.swipe_list .annotation_left_top {
    left: 30px;
    top: 30px;
}

.swipe_list .annotation_right_top {
    right: 30px;
    top: 30px;
}

.swipe_list .annotation_left_bottom {
    left: 30px;
    bottom: 30px;
}

.swipe_list .annotation_right_bottom {
    right: 30px;
    bottom: 30px;
}


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

/* メインカラム */

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

/* メインカラム 1カラム */
#maincol1 #main_container {
    margin: 0px 0px 20px;
}

/* メインカラム 2カラム */
#maincol2 #main_container {
    margin: 0px auto 20px;
}

/* メインカラム 2カラム 商品ページのみ */
body.detail_page_body #main_container {
    width: 780px;
}

/* 右レイアウト */
.layout_r #maincol2 #main_container {
    margin: 0px 20px 20px 0px;
}

/* メインカラム 3カラム */
#maincol3 #main_container {
    margin: 0px 20px 20px;
}

/* 左、右カラム各ボックス */
.side_box {
    margin-bottom: 30px;
}

/* メインカラム各ボックス */
.main_box {
    margin-bottom: 30px;
}


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

/* コンテンツ領域 */

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

/* コンテンツ領域 */
#contents {
    margin-top: 15px;
    margin-bottom: 15px;
}

.bg_full #inner_contents,
.bg_full #inner_contents_top,
.bg_full #inner_contents_bottom {
    background-color: #FFFFFF;
}

#wide_contents {
    background-color: #F5F5F5;
    padding-bottom: 15px;
	margin-bottom: 15px;
}


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

/* 左、右カラム　タイトル、コンテンツ枠 */

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

/* タイトル */
.side_box h2 {
    padding: 10px;
    margin-bottom: 1px;
    background-image: url(https://www.in-the-box.jp/data/on-the-table/image/side_h2_bg2.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #F5F5F5;
    font-weight: bold;
color:#FFFFFF;
}
/*
.side_box h2 {
    padding: 10px;
    margin-bottom: 1px;
    background-image: url(img/side_h2_bg.gif);

    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #F5F5F5;
    font-weight: bold;
}
*/
/* 左、右カラムコンテンツ */
.side_contents {
    padding: 0px;
}


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

/* メインカラム　タイトル、コンテンツ枠 */

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

/* タイトル */
.main_box h2 {
    padding: 10px;
    font-weight: bold;
}

/* メインカラムコンテンツ */
.main_contents {
    width: auto;
}


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

/* パンくずリスト */

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

/* パンくずリスト */
#pan {
    margin-top: 0 !important;
    margin-bottom: 15px;
    padding: 5px;
    background-color: #F5F5F5;
}


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

/* 左カラム */

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

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

/* カテゴリ、グループ一覧 */

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

/* カテゴリ、グループ一覧タイトル */
.category h2,
.pickupcategory h2 {
    background-image: url(https://www.in-the-box.jp/data/on-the-table/image/side_h2_bg.gif);
    background-color: #444444;
    color: #FFFFFF;
    border-top: none;
}
/*　黒のグラデーション背景　https://www.in-the-box.jp/res/layout001/img/side_category_bg.gif　*/
/*.category h2,
.pickupcategory h2 {
    background-image: url(img/side_category_bg.gif);
    background-color: #444444;
    color: #FFFFFF;
    border-top: none;
}*/

/* カテゴリ、グループ一覧枠 */
.category_list,
.pickupcategory_list {
    border: 1px solid #E9E9E9;
}


/*--------------------------------------*/
/*
カテゴリ
グループ
オークションメニュー
共通 */

/* 各メニュー枠 */
.side_contents li {
    list-style: none;
    list-style-position: outside;
}

/* 各メニューボタン */
.side_contents li A {
    display: block;
}


/*--------------------------------------*/
/* メインカテゴリ、グループ */

/* メインカテゴリ、グループ背景 */
.category_list li,
.pickupcategory_list li {
    background-color: #F5F5F5;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
}

/* カテゴリ、グループアイコン画像 */
.category_list li A,
.pickupcategory_list li A {
    padding: 5px 18px 5px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 6px;
    color: #444444;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .category_list li A,
    .pickupcategory_list li A {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* メインカテゴリ、グループ背景　選択中 */
.category_list li.nav_on,
.pickupcategory_list li.nav_on {
    background-color: #E0F0F8;
    margin: 0px;
    border-top: none;
    border-bottom: none;
}

/* カテゴリアイコン画像　選択中 */
.category_list li A.nav_on,
.pickupcategory_list li A.nav_on {
    color: #006DD9;
    font-weight: bold;
}

/* カテゴリアイコン画像　サブカテゴリ有 */
.side_category_stack .parentcategory A {
    background-image: url(img/icon_db.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_category_stack .parentcategory A {
        background-image: url(img/icon_db_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* カテゴリアイコン画像　サブカテゴリ閉じる */
.side_category_stack A.parent_category {
    background-image: url(img/icon_dbc.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/














@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_category_stack li A.parent_category {
        background-image: url(img/icon_dbc_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* サブカテゴリポップアップ */
.side_category_popup .sub_category_box {
    width: 240px;
    position: absolute;
    top: -20px;
    visibility: hidden;
}

/* ポップアップ枠 */
.side_category_popup .subcategories {
    border: 1px solid #D9D9D9;
}

/* 左エリア用 */
#leftcol .side_category_popup .sub_category_box {
    padding: 20px 20px 20px 0px;
    left: 198px;
}

#leftcol .side_category_popup .subcategories {
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

/* 右エリア用 */
#rightcol .side_category_popup .sub_category_box {
    padding: 20px 0px 20px 20px;
    right: 198px;
}

#rightcol .side_category_popup .subcategories {
    box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
}

.side_category_popup .hover li.dropdown_close A,
.side_category_popup .hover li.dropdown_close A:hover {
    background-image: none;
    background-color: #000000;
    padding: 5px 15px 0px 15px;
    text-align: center;
}

/* メインカテゴリ開閉 */
.category_toggle {
    display: block;
    width: 15px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 2px;
}

/* サブカテゴリ開閉 */
.category_list li ul .category_toggle {
    display: block;
    width: 15px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 8px;
}

/* マウスオーバー */
.category_list li A:hover,
.side_category_popup .hover .parentcategory A,
.pickupcategory_list li A:hover {
    background-color: #E9E9E9;
    color: #000000;
}

.category_list li.nav_on A.nav_on:hover,
.side_category_popup li.hover .parentcategory A.nav_on,
.pickupcategory_list li.nav_on A.nav_on:hover {
    background-color: #E0F0F8;
    font-weight: bold;
}


/*--------------------------------------*/
/* サブカテゴリ　第二階層 */

.category_list li ul li A {
    padding: 5px 5px 5px 23px;
    background-position: 8px 6px;
    color: #666666;
    font-weight: normal;
}

/* サブカテゴリ背景 */
.category_list li ul li {
    background-color: #FFFFFF;
    border: none;
}


/*--------------------------------------*/
/* オークション */

/* オークション背景画像 */
.auction_list li {
    background-image: url(img/side_navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border: 1px solid #E9E9E9;
    margin-bottom: 3px;
    color: #000000;
}

.auction_list li:hover {
    background-image: url(img/side_navi_bg_o.gif);
}

/* オークションアイコン画像 */
.auction_list li A {
    padding: 10px 5px 10px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px;
    color: #333333;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .auction_list li A {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


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

/* ショッピングカート */

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

/* カートの中身一覧 */
.shoppingcart_list li {
    padding: 10px;
    border: 1px solid #E9E9E9;
    margin-bottom: 1px;
}

/* カートの中身一覧リンク */
.shoppingcart_list li A {
    display: inline;
    padding-left: 0px;
}

.shoppingcart li A:hover {
    background-color: transparent;
}

/* 各ブロック */
.side_cart_data_box {
    display: block;
    padding: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #E0DFE3;
}


/* 変更するリンク */
.side_cart_data .global_link {



    border: none;
    margin-bottom: 0px;
    padding-left: 15px;
}

/* 合計金額 */
.shoppingcart_pricetotal {
    background-color: #F5F5F5;
}

/* 合計金額文字 */
.shoppingcart_pricetotal p {
    padding: 10px;
    margin: 0px;
    font-weight: bold;
}

/* 金額文字 */
.shoppingcart_pricetotal p strong {
    color: #336699;
}

/* レジに進む */
.shoppingcart_register {
    padding: 10px;
    border: 1px solid #E9E9E9;
    text-align: center;
}

/* オーダーメイド */
.side_cart_data .custom_item,
.side_cart_data .custom_separator {
    border-bottom: none;
    display: inline;
}


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

/* 私が店長です */

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

/* 私が店長ですコンテンツ */
.staff_contents {
    padding: 5px 10px 10px;
    border: 1px solid #E9E9E9;
}

/* スタッフ画像 */
.staff_photo {
    width: 140px;
    margin: 10px auto;
}

/* プロフィール枠 */
.staff_contents dl {
    padding: 10px;
}

.staff_contents dt,
.staff_contents dd {
    padding: 5px;
}

/* プロフィール項目 */
.staff_contents dt {
    clear: left;
    float: left;
    width: 40px;
    font-weight: bold;
    border-top: 1px solid #000000;
}

/* プロフィール内容 */
.staff_contents dd {
    margin-left: 50px;
    border-top: 1px dotted #000000;
}

/* プロフィールコメント */
.side_box .staff_profile_desc {
    margin-bottom: 10px;
}

/* 店長ページリンク */
.staff_contents .global_link {
    border-top: 1px solid #E0DFE3;
}


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

/* いらっしゃいませ */

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

/* いらっしゃいませ枠余白 */


/*20150907変更*/
.welcome_data {
    padding: 15px;
}


.welcome_data {
    padding: 5px;
}


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

/* 店長日記 */

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

/* 店長日記枠余白 */
.diary_data {
    padding: 15px 15px 15px 0;
}

/* トップ店長日記タイトル */
.diary_data h3 {
    font-size: 108%;
    font-weight: bold;
}

/* トップ店長日記日付 */
.top_page_body .diary_data .article_date {
    font-weight: normal;
}


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

/* いらっしゃいませ、店長日記共通 */

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

/* いらっしゃいませ、店長日記背景画像 */
.welcome,
.diary {
    background-color: #FFFFFF;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 15px 0px 0px 15px;
}

/* 1カラム　いらっしゃいませ、店長日記背景画像 */
#maincol1 .welcome,
#maincol1 .diary {
    background-image: url(img/article_bg_b.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol1 .welcome,
    #maincol1 .diary {
        background-image: url(img/article_bg_b_x2.gif);
        background-size: 980px 200px;
    }
    /*-----------------------------------------------------------*/
}


/* 2カラム　いらっしゃいませ、店長日記背景画像 */
/*
#maincol2 .welcome,
#maincol2 .diary {
    background-image: url(img/article_bg.gif);
}*/

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol2 .welcome,
    #maincol2 .diary {
        background-image: url(img/article_bg_x2.gif);
        background-size: 780px 200px;
    }
    /*-----------------------------------------------------------*/
}


/* 3カラム　いらっしゃいませ、店長日記背景画像 */
#maincol3 .welcome,
#maincol3 .diary {
    background-image: url(img/article_bg_s.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/

    #maincol3 .welcome,

    #maincol3 .diary {
        background-image: url(img/article_bg_s_x2.gif);
        background-size: 580px 200px;
    }
    /*-----------------------------------------------------------*/
}


/* 左右レイアウト */
.tarticle_data .global_photo,
.tarticle_data .ph_article {
    float: left;
}

/* 記事余白 */
.tarticle_data .ph_article {
    padding: 10px;
}


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

/* 写真サイズ */

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

/* 140px */
.tarticle_data .layout140 .global_photo,
.article_data .layout140 .global_photo {
    width: 140px;
}

/* 250px */
.tarticle_data .layout250 .global_photo,
.article_data .layout250 .global_photo {
    width: 250px;
}

/* 400px */
.tarticle_data .layout400 .global_photo,
.article_data .layout400 .global_photo {
    width: 400px;
}


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

/* 写真サイズ別記事横幅指定 */

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

/* 中央1カラム */

/* 140px */
#maincol1 .tarticle_data .layout140 .ph_article {
    width: 775px;
}

/* 250px */
#maincol1 .tarticle_data .layout250 .ph_article {
    width: 665px;
}

/* 400px */
#maincol1 .tarticle_data .layout400 .ph_article {
    width: 515px;
}


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

/* 中央2カラム */

/* 140px */
#maincol2 .tarticle_data .layout140 .ph_article {
    width: 555px;
}

/* 250px */
#maincol2 .tarticle_data .layout250 .ph_article {
    width: 445px;
}

/* 400px */
#maincol2 .tarticle_data .layout400 .ph_article {
    width: 295px;
}


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

/* 中央3カラム */

/* 140px */
#maincol3 .tarticle_data .layout140 .ph_article {
    width: 335px;
}

/* 250px */
#maincol3 .tarticle_data .layout250 .ph_article {
    width: 225px;
}

/* 400px */
#maincol3 .tarticle_data .layout400 .global_photo,
#maincol3 .tarticle_data .layout400 .ph_article {
    float: none;
}


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

/* 左右カラム */

.side_col .welcome,
.side_col .diary {
    background-image: url(img/side_article_bg.gif);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 15px 0px 0px 0px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_col .welcome,
    .side_col .diary {
        background-image: url(img/side_article_bg_x2.gif);
        background-size: 200px 200px;
    }
    /*-----------------------------------------------------------*/
}


.side_col .welcome h2,
.side_col .diary h2 {
    background-image: none;
    background-color: transparent;
    border: none;
    padding-left: 15px;
}

.side_box .tarticle_data .ph_article {
    padding: 10px 0px 0px;
}

/* 140px */
.side_box .tarticle_data .layout140 .global_photo,
.side_box .tarticle_data .layout140 .ph_article {
    float: none;
}


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

/* What's New */

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

/* What's Newタイトル */
.whatnew h2 {
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    border: none;
    color: #000000;
	border-bottom:1px solid #CCC;
	font-size:120%;
}

/* 1カラム　What's Newタイトル 
同じ画像→　https://www.in-the-box.jp/data/on-the-table/image/shop-layout/item_h2_bg_b_x2.gif　*/

#maincol1 .whatnew h2 {
/*    background-image: url(https://www.in-the-box.jp/res/layout001/img/item_h2_bg_b.gif);*/
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol1 .whatnew h2 {

/*        background-image: url(img/item_h2_bg_b_x2.gif);*/
        background-size: 980px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 2カラム　What's Newタイトル */
#maincol2 .whatnew h2 {
/*    background-image: url(img/item_h2_bg.gif);*/
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol2 .whatnew h2 {
/*      background-image: url(img/item_h2_bg_x2.gif);*/
        background-size: 100% 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 3カラム　What's Newタイトル */
#maincol3 .whatnew h2 {
    background-image: url(img/item_h2_bg_s.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol3 .whatnew h2 {
        background-image: url(img/item_h2_bg_s_x2.gif);
        background-size: 580px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 左右カラム　What's Newタイトル 
同じもの→　https://www.in-the-box.jp/data/on-the-table/image/shop-layout/side_item_h2_bg.gif　*/
.side_col .whatnew h2 {
    background-image: url(img/side_item_h2_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_col .whatnew h2 {
        background-image: url(img/side_item_h2_bg_x2.gif);
        background-size: 200px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* What's Newコンテンツ */
article .contents_box{
    margin-bottom:45px;
}
.pwhatnew_contents h1{
    font-size:18px !important;
}
.whatnew_contents {
    padding: 10px;
    border: none;
}
.pnews_data{
    font-size:14px;
}
.pnews_data .txt_article{
    padding-top:25px;
    margin-top:20px;
}

/* 各行 */
.news_data {
    border-bottom: 1px solid #E0DFE3;
    padding: 5px 0px;
}

.main_box .news_data .news_date,
.main_box .news_data A {
    float: left;
}

.side_box .news_data .news_date,
.side_box .news_data A {
    float: none;	
}

.side_box .news_data .news_date {
    display: block;	
}

/* 日付 */
.news_date {
    padding-right: 10px;
    font-size: 80%;
}

/* 年月日 */
.format {
    font-size: 85%;
}


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

/* 商品一覧 */

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

/* 商品一覧タイトル */
.item_box h2 {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    font-weight: bold;
    color: #000000;
	border-bottom:0px solid #CCC;
}

/* 1カラム　商品一覧タイトル */
#maincol1 .item_box h2 {
/*    background-image: url(img/item_h2_bg_b.gif);*/
	width:100%;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol1 .item_box h2 {
/*        background-image: url(img/item_h2_bg_b_x2.gif);*/
        background-size: 980px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 2カラム　商品一覧タイトル */
#maincol2 .item_box h2 {
/*    background-image: url(img/item_h2_bg.gif);*/
	background-size: 980px 50px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol2 .item_box h2 {
/*        background-image: url(img/item_h2_bg_x2.gif);*/
        background-size: 980px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 3カラム　商品一覧タイトル */
#maincol3 .item_box h2 {
/*    background-image: url(img/item_h2_bg_s.gif);*/
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol3 .item_box h2 {
/*        background-image: url(img/item_h2_bg_s_x2.gif);*/
        background-size: 580px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 左右カラム　商品一覧タイトル */
.side_col .item_box h2 {
    background-image: url(img/side_item_h2_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

/* 高解像度ディスプレイ対応 */

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_col .item_box h2 {
        background-image: url(img/side_item_h2_bg_x2.gif);
        background-size: 200px 50px;
    }
    /*-----------------------------------------------------------*/
}

/* 商品一覧説明 */
.main_desc {
    padding: 0px 15px;
}

.side_desc {
    padding: 10px;
}

/* 商品一覧商品情報 */
.item_box .item_data {
    padding: 10px;
}

/* 商品一覧マウスオーバー */
.item_box .item_hover:hover {
    background-color: #F9F9F9;
}

/* 商品一覧販売価格 */
.item_box .price {
    color: #000000;
    font-weight: bold;
    word-break: normal;
}

/* 商品一覧通常販売価格 */
.item_box .regular_price {
    font-weight: normal;
    display: block;
    word-break: normal;
}

.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 {
    font-size: 85%;
    color: #666666;
    font-weight: normal;
}

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

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

/* 商品一覧説明 */
.item_box .item_desc {
    padding: 5px;
    color: #000000;
    font-weight: normal;
}

/* 追加 */
#product_form_area{
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding: 20px 0 20px 0;
}
#b_product_form_area{
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    padding: 20px 0 20px 0;
}

/* 商品一覧ランキングNo. */
.rankno {
    width: auto;
    min-width: 40px;
    margin-bottom: 5px;
    padding: 3px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0066FF;
    font-size: 85%;
}

.item_data .rankno1 {
    background-color: #E3007E;
    font-size: 100%;
}


/*--------------------------------------*/
/* 写真のみレイアウト */

.item_box li {
    float: left;
}

.item_box li .text_data {
    margin-top: 10px;
}


/*--------------------------------------*/
/* 説明ありレイアウト */

.item_box .text_layout li {
    float: none;
}

.item_box .text_layout .global_photo {
    float: left;
}

.item_box .text_layout .text_data {
    float: left;
    margin-top: 0px;
}


/*--------------------------------------*/
/* リスト枠線 */

/* グリッド表示用右、下罫線 */
.item_box li {
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* リスト下線非表示 */
.item_box li.posbottom,
.item_box .text_layout li.posbottom {
    border-bottom: none;
}

/* リスト右線非表示 */
.item_box li.posright,
.item_box .text_layout li {
    border-right: none;
}


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

/* 商品一覧レイアウト用幅指定 */



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

[!]カスタマイズに際して
「管理画面」→「配置/画像/コメント」のカラム設定、写真/説明設定
「商品一覧ページ設定」の商品一覧サムネイルサイズ
上記2か所をご確認の上、該当の指定をカスタマズください。

・サムネイル写真枠　.global_photo
200px、160px、120pxで設定しています。

・説明欄枠　.item_data
カラム数、表示位置、選択サムネイルサイズで横幅が異なります。

・左右横幅調整
数値に端数がでる場合の調整用指定となります。

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

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

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

/* 200px */
.layout200 .item_data .global_photo {
    width: 200px;
}

/* 160px */
.layout160 .item_data .global_photo {
    width: 160px;
}

/* 120px */
.layout120 .item_data .global_photo {
    width: 120px;
}

/* 左右エリア写真中央揃え */
#leftcol .item_box .item_data .global_photo,
#rightcol .item_box .item_data .global_photo {
    margin: 0px auto 10px;
}

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

/* 1カラム */
/* 写真のみ */

/* トップメインエリア、商品一覧ページ共通 */
/* 新商品、おすすめ商品、ランキング */
/* 最大横幅980px .item_data左右10pxの余白 */

/*
横幅の算出について
例）横幅160pxの場合
　最大横幅980px-余白100px-罫線4px＝876px
　876pxまで入るスペースで875px分をitem_dataの横幅で指定
　175pxが5列で175×5＝875pxとなります。
　1px余分となるため、paddingで1pxを調整
*/

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

/*--------------------------------------*/
/* 横幅200px */
/* 横幅:897px　罫線:3px　余白:80px　※調整:1px */

#maincol1 .layout200 .item_data {
    width: 224px;
}

/* 左右横幅調整 */
#maincol1 .layout200 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅160px */
/* 横幅:876px　罫線:4px　余白:100px　※調整：1px */

#maincol1 .layout160 .item_data {
    width: 175px;
}

/* 左右横幅調整 */
#maincol1 .layout160 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅120px */
/* 横幅:855px　罫線:5px　余白:120px　※調整：3px */

#maincol1 .layout120 .item_data {
    width: 142px;
}

/* 左右横幅調整 */
#maincol1 .layout120 {
    padding: 1px;
    padding-left: 2px;
}


/*--------------------------------------*/
/* ランキング */

/* ランキングNo.2-No.5 */
#maincol1 .ranking_contents .item_list .posbottom .item_data {
    width: 224px;
}

#maincol1 .ranking_contents .layout160,
#maincol1 .ranking_contents .layout120 {
    padding: 0px 0px 0px 1px;
}


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

/* 1カラム */
/* 説明付き */

/* トップメインエリア、商品一覧ページ共通 */
/* 新商品、おすすめ商品、ランキングNo.1 */

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

/*--------------------------------------*/
/* 商品説明枠共通 */

#maincol1 .text_layout .item_data,
.widemode #maincol1 .text_layout .item_data {
    width: auto;
	padding: 10px;
}

#maincol1 .text_layout .layout200,
#maincol1 .text_layout .layout160,
#maincol1 .text_layout .layout120 {
    padding: 0px;
}


/*--------------------------------------*/
/* 横幅200px */

#maincol1 .text_layout .layout200 .text_data,
.widemode #maincol1 .text_layout .layout200 .text_data {
    width: 740px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅160px */

#maincol1 .text_layout .layout160 .text_data,
.widemode #maincol1 .text_layout .layout160 .text_data {
    width: 780px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅120px */

#maincol1 .text_layout .layout120 .text_data,
.widemode #maincol1 .text_layout .layout120 .text_data {
    width: 820px;
    padding: 0px 10px;
}


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

/* 2カラム */
/* 写真のみ */

/* トップメインエリア、商品一覧ページ共通 */
/* 新商品、おすすめ商品、ランキング */
/* 最大横幅760px .item_data左右10pxの余白 */

/*
横幅の算出について
例）横幅160pxの場合
　最大横幅760px-余白80px-罫線3px＝677px
　677pxまで入るスペースで676px分をitem_dataの横幅で指定
　169pxが4列で169×4＝676pxとなります。
　1px余分となるため、paddingで1pxを調整
*/

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

/*--------------------------------------*/
/* 横幅200px */
/* 横幅:698px　罫線:2px　余白:60px　※調整:2px */

#maincol2 .layout200 .item_data {
    width: 232px;
/*width: 230px;*/
}

/* 左右横幅調整 */
#maincol2 .layout200 {
    padding: 1px;
}


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

/* 横幅160px */
/* 横幅:677px　罫線:3px　余白:80px　※調整:1px */

#maincol2 .layout160 .item_data {
    width: 169px;
}

/* 左右横幅調整 */
#maincol2 .layout160 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅120px */
/* 横幅:656px　罫線:4px　余白:100px　※調整:1px */

#maincol2 .layout120 .item_data {
    width: 131px;
/*width: 130px;*/
}

/* 左右横幅調整 */
#maincol2 .layout120 {
    padding-left: 1px;
}

/*--------------------------------------*/
/* ランキング */

/* ランキングNo.2-No.5 */
#maincol2 .ranking_contents .item_list .posbottom .item_data {
    width: 169px;
}


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

/* 2カラム */
/* 説明付き */

/* トップメインエリア、商品一覧ページ共通 */
/* 新商品、おすすめ商品、ランキングNo.1 */

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

/*--------------------------------------*/
/* 商品説明枠共通 */

#maincol2 .text_layout .item_data,
.widemode #maincol2 .text_layout .item_data {
    width: auto;
	padding: 10px;
}

#maincol2 .text_layout .layout200,
#maincol2 .text_layout .layout160,
#maincol2 .text_layout .layout120 {
    padding: 0px;
}


/*--------------------------------------*/
/* 横幅200px */

#maincol2 .text_layout .layout200 .text_data,
.widemode #maincol2 .text_layout .layout200 .text_data {
    width: 520px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅160px */

#maincol2 .text_layout .layout160 .text_data,
.widemode #maincol2 .text_layout .layout160 .text_data {
    width: 560px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅120px */

#maincol2 .text_layout .layout120 .text_data,
.widemode #maincol2 .text_layout .layout120 .text_data {
    width: 600px;
    padding: 0px 10px;
}


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

/* 3カラム */
/* 写真のみ */

/* トップメインエリア */
/* 新商品、おすすめ商品、ランキングNo.2-No.5 */
/* 最大横幅540px */

/*
横幅の算出について
例）横幅160pxの場合
　最大横幅540px-余白54px-罫線2px＝484px
　484pxまで入るスペースで480px分をitem_dataの横幅で指定
　160pxが3列で160×3＝480pxとなります。
　4px余分となるため、paddingで4pxを調整
*/

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

/*--------------------------------------*/
/* 横幅200px */
/* 最大横幅:499px　罫線:1px　余白:40px　※調整:1px */

#maincol3 .layout200 .item_data {
    width: 249px;
}

/* 左右横幅調整 */
#maincol3 .layout200 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅160 */
/* 最大横幅:484px　罫線:2px　余白:54px　※調整:4px */

#maincol3 .layout160 .item_data {
    width: 160px;
    padding: 9px;
}

/* 左右横幅調整 */
#maincol3 .layout160 {
    padding: 2px;
}


/*--------------------------------------*/
/* 横幅120 */
/* 最大横幅:497px　罫線:3px　余白:40px　※調整:1px */

#maincol3 .layout120 .item_data {
    width: 124px;
    padding: 5px;
}

/* 左右横幅調整 */
#maincol3 .layout120 {
    padding-left: 1px;
}


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

/* 3カラム */
/* 説明付き */

/* トップメインエリア */
/* 新商品、おすすめ商品、ランキングNo.1 */

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

/*--------------------------------------*/
/* 商品説明枠共通 */

#maincol3 .text_layout .item_data {
    width: auto;
	padding: 10px;
}

#maincol3 .text_layout .layout200,
#maincol3 .text_layout .layout160,
#maincol3 .text_layout .layout120 {
    padding: 0px;
}


/*--------------------------------------*/
/* 横幅200px */

#maincol3 .text_layout .layout200 .text_data {
    width: 300px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅160px */

#maincol3 .text_layout .layout160 .text_data {
    width: 340px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅120px */

#maincol3 .text_layout .layout120 .text_data {
    width: 380px;
    padding: 0px 10px;
}


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

/* 左右エリア */
/* 新商品、おすすめ商品、ランキング商品 */

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

/* コンテンツ枠 */

.item_box .side_contents {
    border: 1px solid #F5F5F5;
}

/* 商品説明横幅 */
#leftcol .side_contents .item_data,
#rightcol .side_contents .item_data {
    width: 180px;
}


/*--------------------------------------*/
/* メインエリア指定リセット */

.item_box .side_contents A {
    padding: 0px
}

.item_box .side_contents A:hover {
    background-color: transparent;
}

#leftcol .item_box li,
#rightcol .item_box li {
    border: none;
	border-bottom: 1px solid #E0DFE3;
    float: none;
}

/* 最近チェックした商品のみfloat */
#leftcol .item_box .swipe_list li,
#rightcol .item_box .swipe_list li {
    float: left;
}


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

/* 最近チェックした商品 */

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

/* 最近チェックした商品タイトル */


#maincol1 .recently h2,
#maincol2 .recently h2,
#maincol3 .recently h2,
.main_wide_box .recently h2,
.side_col .recently h2 {
	background-image: none;
	background-color: #F5F5F5;
    font-weight: bold;
	padding-top: 10px;
}

/* メインエリア最下部のタイトル */
.main_wide_box .recently h2 {
    padding-left: 10px;
}

/* 最近チェックした商品背景 */
.recently {
    background-color: #F5F5F5;
}

#maincol1 .recently,
#maincol2 .recently,
#maincol3 .recently {
    padding-bottom: 10px;	
}

.recently .layout_photo img {
    height: auto;
}

/* リセットボタン */
.recently_reset {
    position: relative;
}

.recently_reset A {
    display: block;
    padding: 2px 10px 2px 25px;
    position: absolute;
    top: -25px;
    right: 0px;
    background-image: url(img/icon_reset.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-size: 10px;
    font-weight: normal;
    text-align: right;
	height: 18px;
    line-height: 18px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .recently_reset A {
        background-image: url(img/icon_reset_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* メインエリアリセットボタン */
#maincol1 .recently_reset A,
#maincol2 .recently_reset A,
#maincol3 .recently_reset A {
    top: -35px;
	right: 5px;	
}

/* 左右エリアリセットボタン */
.side_col .recently_reset {
    height: 40px;
}

.side_col .recently_reset A {
    padding: 2px 10px 2px 25px;
    top: auto;
    bottom: 5px;
    right: 5px;
}

/* リセットボタンマウスオーバー */
.recently_reset A:hover,
.side_col .recently_reset A:hover {
    background-color: #E0DFE3;
}

/* 商品一覧マウスオーバー */
.recently .item_hover:hover {
    background-color: #FFFFFF;
}


/*--------------------------------------*/
/* 横幅120px */
/* 横幅:855px　罫線:5px　余白:120px　※調整：3px */
#wide_contents .layout120 .item_data {
    width: 142px;
}

#wide_contents .layout120 {
    padding: 1px;
    padding-left: 2px;
}


/*--------------------------------------*/
/* 横幅160px */
/* 横幅:876px　罫線:4px　余白:100px　※調整：1px */
#wide_contents .layout160 .item_data {
    width: 175px;
}

/* 左右横幅調整 */
#wide_contents .layout160 {
    padding-left: 1px;
}

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


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

/* 提携、SSLバナー */

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

.banner_box {
    text-align: center;
    margin: 5px 0px;
}

.footer_banner {
    text-align: center;
    margin: 10px;
}

.footer_banner .banner_box {
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}


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

/* 第二階層各ページ枠 */

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

/* ページタイトル
.page_box h2 {
    background-image: url(img/page_h2_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #EEEEEE;
    padding: 10px;
    margin-bottom: 1px;
    font-size: 112%;
    color: #000000;
    font-weight: bold;
}*/
    
.page_box h2 {
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #;
    padding: 10px;
    margin-bottom: 1px;
    font-size: 26px;
    color: #000000;
    font-weight: bold;
}

/* ページサブタイトル */
.contents_box h3,
.form_box h3 {

    background-image: url(img/page_h3_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #F5F5F5;
    border-top: 1px solid #F1F1F1;
    padding: 10px;
    font-size: 108%;
    font-weight: bold;
}

/* ページ小項目タイトル */
.inner_contents_box h4 {
    border-left: 5px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    padding: 5px;
    font-weight: bold;
    font-size: 108%;
}

/* カート確認画面ページ小項目タイトル */
#shoppingcart_page_step4 .inner_contents_box h4,
#shoppingcart_page_step5 .inner_contents_box h4,
.historydetail_page_body .inner_contents_box h4 {
    border: none;
    margin-bottom: 5px;
    text-align: left;
}

/* ページ小項目サブタイトル */
.inner_contents_box h5 {
    padding: 5px;
    border-bottom: 1px dotted #F1F1F1;
    font-weight: bold;
}

/* ページコンテンツ */
.page_contents {
    width: auto;
}

/* 各コンテンツ余白 */
.contents_box {
    margin: 20px;
}

/* 各コンテンツ小項目余白 */
.inner_contents_box {
    padding: 10px;
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* ページ可変時　罫線非表示 */
.widemode .page_contents {
    border: none;
}


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

/* 商品一覧、検索結果 */

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

/* 商品一覧、検索結果タイトル */
/*
.itemlist h2{
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    font-weight: bold;
    color: #000000;
	font-size: 123.1%;
}
*/

.itemlist h2{
font-size:26px;
font-weight:bold;
padding:0;
margin:0px 0 20px 0;
}
.itemlist h3{
font-size:22px;
font-weight:bold;
padding:0;
margin:10px 0 10px 0;
}
.itemlist h4{
font-size:20px;
font-weight:bold;
padding:0;
margin:10px 0 10px 0;
}
.itemlist h5{
font-size:18px;
font-weight:bold;
padding:0;
margin:10px 0 10px 0;
}

.itemdetail .page_title {
    background-color: #EEEEEE;
    border-left:10px #016301 solid;
    margin:0 0 15px 0;
    padding:5px;
}
.itemdetail h1.detail_page_title{
    font-weight: bold;
    color: #000000;
    line-height:150%;
	font-size: 150%;
    letter-spacing:0.02em;
    padding-left:10px;
}

/* 1カラム　商品一覧、検索結果タイトル 　白とグレー　薄いグラデーションの背景*/

#maincol1 .itemlist h2,
#maincol1 .detail_page_title {
    background-image: url(img/item_h2_bg_b.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol1 .itemlist h2,
    #maincol1 .detail_page_title {
        background-image: url(img/item_h2_bg_b_x2.gif);
        background-size: 980px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* 2カラム　商品一覧、検索結果タイトル */
#maincol2 .itemlist h2,
#maincol2 .detail_page_title {
/*    background-image: url(img/item_h2_bg.gif);
        background-image: url(img/item_h2_bg_x2.gif);*/
	background-size: 980px 60px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol2 .itemlist h2,
    #maincol2 .detail_page_title {
/*        background-image: url(img/item_h2_bg_x2.gif);*/
        background-size: 780px 50px;
    }
    /*-----------------------------------------------------------*/
}

/* カテゴリ説明欄 */
.categorylist_desc {
    padding: 10px;
	line-height:1.5em;
	letter-spacing:0.02em;
}

/* サブカテゴリ一覧上部表示 */
.center_category_list,body.help_page_body .center_category_list {
    margin: 10px;
}


.page_contents .center_category_list li,body.help_page_body .center_category_list li {
    border: none;
    float: left;
}

/* 各サブカテゴリ枠 */
.center_category_list li A{
    width: 160px;
    display: block;
    background-color: #F4F4F4;
    border: 1px solid #CCC;
    padding: 10px;
    margin: 1px;
    white-space: nowrap;
    overflow: hidden;

    text-overflow: ellipsis;
}

body.help_page_body .center_category_list li A {
    width:140px;
    float:left !important;
}

.center_category_list li A:hover,body.help_page_body .center_category_list li A:hover {
    background-color: #E8E8E8 !important;
}

/* 登録商品数 */
.category_item_count,
.history_count {
    padding: 10px;
    font-size: 85%;
}


/*--------------------------------------*/
/* ソート */

/* ソート大枠 */
.sort {
    width: 100%;
    background-color: #F5F5F5;
    margin-top:30px;
}

.sort select {
    height: 30px;
}

/* ソートコンテンツ枠 */
.sort div {
    min-height: 50px;
    float: left;
    border-left: 1px solid #FFFFFF;
    font-size: 93%;
}

.sort_order {
    width: 210px;
}

.sort_layout {
    width: 160px;

}

.sort_number {
    width: 150px;
}

.sort_stock {
    width: 115px;
}

.sort_size {
    width: 120px;
}

.sort_layout_icons {
    display: inline-block;
}

/* ソートコンテンツ */
.sort p {
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/* 表示方法、在庫あり調整 */
.sort_layout p,
.sort_stock p {
    padding: 16px 5px 0px;
}

.sort_layout img {
    max-width: none;
    margin-right: 10px;
}


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

/* 商品詳細 */

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

/* 詳細ページ余白 */
.detail_contents{
    width:100%;
}
.detail_contents .inner_page_contents {
    padding: 20px 0 20px 0;
    width:100%;
}


/* 商品情報　各ブロック */
.detail_section {
    padding: 10px;
    border-bottom: 0px dotted #000000;
}

/* 商品情報　各ブロック　下線非表示 */
.formbottom {
    border-bottom: none;
}

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

.product_name_inside {
    margin-top: 10px;
}

/* 商品情報　商品名 */
.detail_item_data .common_icon {
    padding: 0px 10px;
}

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

/* カート上下配置用余白 */
.item_form_bottom {
    margin-top: 20px;
}

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

/* オーダーメイド下部価格余白削除 */
.detail_item_data .bottompos div,
.detail_item_data .bottompos p {
    margin-bottom: 0px;
}

/* 商品詳細　販売価格 */
.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%;
    word-break: normal;
}

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

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

/* 商品詳細　配送についての説明 */
.option_section{
    margin:20px 0;
}
.charge_option_item{
    font-size:130%;
    font-weight:bold;
    color:#0000FF;
}
.charge_option_item:before {
    content: "";
    display: inline-block;
    width: 120px;
    height: 29px;
    margin: -3px 0 0 0;
    background: url("https://www.in-the-box.jp/data/on-the-table/image/delivery_option.gif") no-repeat;
    background-size: contain;
    vertical-align: middle;
}
/* 商品詳細　才数重量 */
p.delivery_option{
    color:#1EA01E;
    font-weight:bold;
    padding:5px;
    border:1px #1EA01E solid;
    display:block;
    width:150px;
    text-align:center;
}

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

/* 商品情報　商品説明 */
.item_desc {
    padding: 10px;
    
}

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

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

.variation .bottompos,
.ordermade .bottompos {
    padding-bottom: 0px;
}

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

.variation_stock_list input[type="radio"] {

    margin: 0;
}

/* 在庫数のラベルなし */
.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;
}


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

.thumbnail {
    padding-top: 5px;
}

/* サムネイル写真大枠横幅 */
/* 選択サイズにより利用class名が異なります */
.thumbnail_list {
    margin: auto;
}

.th50 .thumbnail_list {
    max-width: 250px;
}

.th60 .thumbnail_list {
    max-width: 300px;

}

.th80 .thumbnail_list {
    max-width: 400px;
}


.th120 .thumbnail_list {
    max-width: 600px;
}

/* レイアウト別サムネイル枠横幅 */
.layout250 .th60 .thumbnail_list,
.layout250 .th80 .thumbnail_list,
.layout250 .th120 .thumbnail_list {
    max-width: 250px;	
}

.layout300 .th80 .thumbnail_list,
.layout300 .th120 .thumbnail_list,
.layoutnfloat .th60 .thumbnail_list {
    max-width: 300px;	
}

.layout400 .th120 .thumbnail_list,
.layoutnfloat .th80 .thumbnail_list {
    max-width: 400px;	
}

.layoutnfloat .th120 .thumbnail_list {
    max-width: 600px;	
}

.layout800 .th120 .thumbnail_list {
    max-width: 800px;	
}

/* サムネイル各枠 */
.thumbnail li {
    float: left;
}

.thumbnail li A {
    display: block;
    margin: 0px auto 5px;
}

.thumbnail li A:hover {
    background-color: transparent;
}

.thumbnail .thumbnail_btn {
    border: 2px solid #FFFFFF;
}

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


/* サムネイル写真枠サイズ */
/* 選択サイズにより利用class名が異なります */
.th50 li {
    width: 50px;
}

.th60 li {
    width: 60px;
}

.th80 li {
    width: 80px;
}

.th120 li {
    width: 120px;
}

/* Facebookコメント、関連商品 */
.detail_inner_box {
    margin: 20px 0px;
}

/* 関連商品タイトル */
.detail_page_body .related_item h2,
.shoppingcart_page_body .related_item h2 {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

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

/* 各ボタンレイアウト */
.social_tool li {
    float: left;
    height: 27px;
}

/* garittoレビュー */
.garitto_review {
    width: 100%;
    height: 25px;
}

.mixi_detail img {
    border: none;
    margin-right: 8px;
}

.mixi_detail {
    height: 27px;
}

/* コメント */
#fbcomment_contents .fb_unit {
    padding: 20px 0px 0px;
    margin: 0px auto;
}

#maincol1 #fbcomment_contents .fb_unit {
    width: 900px;
}

#maincol2 #fbcomment_contents .fb_unit {
    width: 700px;
}


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

/* 商品詳細レイアウト指定 */

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

[!]カスタマイズに際して
「商品詳細ページ設定」の商品詳細のレイアウト設定をご確認の上、
該当の指定をカスタマズください。

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

/*--------------------------------------*/
/* レイアウト1、2、3左右配置  */
.main_photo_slide,
.detail_item_data {
    float: left;
}

.detail_item_photo {
    position: relative;
	border:2px #CCC solid;
}
img.fancybox-image{
	border:1px #666 solid;
}

/* 商品説明枠共通 */
.layout300 .detail_item_data {
    padding-left: 40px;
	width:600px !important;
}

.layout600 .detail_item_data {
    border: 0px solid #EEE;
	padding:0px !important;
	width:760px !important;
}
/*************************************************************/

/* 商品メイン画像、説明横幅指定 */

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

[!]カスタマイズに際して
「商品詳細ページ設定」の商品詳細の写真サイズをご確認の上、
該当の指定をカスタマズください。

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

/*--------------------------------------*/
/* 250px */

/* 写真枠 */
.layout250 .detail_item_photo {
    width: 250px;
}

/* 商品説明枠 */
/* 1カラム */
#maincol1 .layout250 .detail_item_data {
    width: 672px;
}

/* 2カラム */
#maincol2 .layout250 .detail_item_data {
    width: 452px;
}


/*--------------------------------------*/
/* 300px */

/* 写真枠 */
.layout300 .detail_item_photo {
    width: 300px;
}

/* 商品説明枠 */
/* 1カラム */
#maincol1 .layout300 .detail_item_data {
    width: 622px;
}

/* 2カラム */
#maincol2 .layout300 .detail_item_data {
	/*    width: 402px;*/
    width: 520px;
}


/*--------------------------------------*/
/* 400px */

/* 写真枠 */
.layout400 .detail_item_photo {
    width: 400px;
}

/* 商品説明枠 */
/* 1カラム */
#maincol1 .layout400 .detail_item_data {
    width: 522px;
}

/* 2カラム */
#maincol2 .layout400 .detail_item_data {
    width: 302px;
}


/*--------------------------------------*/
/* 600px */





/* 写真枠 */

.layout600 .detail_item_photo {
    width: 600px;
}

/* 商品説明枠 */
/* 1カラム */
#maincol1 .layout600 .detail_item_data {
    width: 322px;
}


/*--------------------------------------*/
/* 800px */

/* 写真枠 */
.layout800 .detail_item_photo {
    width: 800px;
}


/*--------------------------------------*/
/* レイアウト4、5横一列配置 */

.layoutnfloat .main_photo_slide,
.layoutnfloat .detail_item_data {
    float: none;
}

/* 写真枠　横一列配置 */
.layoutnfloat .detail_item_photo {
    margin: auto;
}


/* 商品説明枠　横一列配置 */
.layoutnfloat .detail_item_data {
    padding-left: 0px;
    margin: 10px 0px;
}

/* 1カラム */
#maincol1 .layoutnfloat .detail_item_data {
    width: 942px;
}

/* 2カラム */
#maincol2 .layoutnfloat .detail_item_data {
/*    width: 722px;*/
width: 850px;
}


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

/* 商品仕様 */

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

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

.detail_spec .data_table .cell_header {
    width: 200px;
}


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

/* 他の写真 */

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

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

.detail_other_photo ul {
    margin: 10px 0px;
}

/* 他の写真レイアウト */
.detail_other_photo li {
    float: left;
}

/* 他の写真枠 */
.other_item_data {
    border: 1px solid #F5F5F5;
    margin: 1px;
    padding: 5px;
}

/* 他の写真説明 */
.other_photo_desc {
    padding: 10px 5px;
}


/*--------------------------------------*/
/* 500px */

/* 横並び解除 */
.detail_other_photo .layout500 li {
    float: none;
}

/* 写真枠 */
.detail_other_photo .layout500 .global_photo {
    width: 500px;
}


/*--------------------------------------*/
/* 220px 140px */

/* 横並び */
.detail_other_photo .layout220 li,
.detail_other_photo .layout140 li {
    width: 33%;
}


.detail_other_photo .layout220 li.poscenter,
.detail_other_photo .layout140 li.poscenter {
    width: 34%;
}

/* 写真枠 */
.detail_other_photo .layout220 .global_photo {
    width: 220px;
}

/* 写真枠 */
.detail_other_photo .layout140 .global_photo {
    width: 140px;
}


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

/* 会員登録、お問い合わせ、ショッピングカート */

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

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

/* ステップ表 */

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


/* ステップ表 大枠 */
.step_list {
    width: 100%;
}

/* ステップ表 各枠 */
.step_list li {
    float: left;
}

/* ステップ表横幅　2カラム */
#step_col2 li {
    width: 50%;
}

/* ステップ表横幅　3カラム */
#step_col3 li {
    width: 33%;
}

/* ステップ表横幅　5カラム */
#step_col5 li {
    width: 20%;
}

/* ステップ表横幅　6カラム */
#step_col6 li {
    width: 17%;
}

#step_col6 li#step2 {
    width: 18%;
}

#step_col6 li#step6 {
    width: 14%;
}

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

.shoppingcart_page_body .step_data {
    min-height: 40px;
}

.shoppingcart_page_body #maincol2 .step_data {
    padding: 5px;
}

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

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

/* ステップ表 文字 */
.step_data span {
    display: block;
    color: #666666;
    font-size: 93%;

}

/* ステップ表6カラム時文字 */
.shoppingcart_page_body #maincol2 #step_col6 span {
    font-size: 85%;
}

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

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


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

/* 入力フォームテーブル table,th,td */


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

/* フォーム上部説明 */
.global_note {

    margin: 15px;
}

.inner_contents_box .global_note {
    margin: 5px 0px;
}

.global_note li {
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid #E0DFE3;
    /*background-image: url(img/icon_circle.gif);*/
    background-repeat: no-repeat;
    background-position: left 5px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .global_note li {
        background-image: url(img/icon_circle_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

.custom_note {
    padding: 5px 0px;
}


/* フォーム枠 */
.form_box {
    margin: 20px;
}

.inner_contents_box .form_box {
    margin: 10px;
}

/* 左右コンテンツフォーム枠 */
.side_form_box {
    margin: 5px 0px;
}

/* tableタグ */
.form_table {
    width: 100%;
}

/* thタグ、tdタグ */
.form_table .cell_header,

.form_table .cell_data {
    padding: 15px;
    border-bottom: 1px solid #E0DFE3;
    vertical-align: middle;
}

/* 最上部行 */
.form_table th.postop,
.form_table td.postop {
    border-top: 2px solid #000000;
}

/* thタグ */
.form_table .cell_header {
    width: 30%;
    color: #333333;
    text-align: left;
    background-color: #F5F5F5;
}

/* tdタグ */
.form_table .cell_data {
    width: 70%;
}

/* 必須項目 */
.note {
    margin-bottom: 5px;
}
.require {
    color: #FF0000;
    font-weight: bold;
    padding-left: 5px;
}

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

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

div.cell_note,
p.cell_note {
    padding: 5px;
}

/* tdタグ内注意書き */
td span.cell_note {
    display: inline;
    padding-left: 5px;
}

/* tdタグ内例 */
td span.ex_note {
    display: block;
    border-top: 1px solid #E0DFE3;
    margin-top: 8px;
    padding: 3px;
}


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

/* データ表示テーブル table,th,td */

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

/* tableタグ */
.data_table {
    width: 100%;
}

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

/* thタグ */
.data_table .cell_header {
    color: #333333;
    background-color: #F5F5F5;
    white-space: nowrap;
}

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

/* 各セル指定 */
.cellbold {
    font-weight: bold;
}

.cellnormal {
    font-size: medium;
}

.cellleft {
    text-align: left;
}

.cellright {
    text-align: right;
}

.cellcenter {
    text-align: center;
}

.nodata {
    padding: 30px 0px;
}


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

/* ショッピングカート */

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

/* カート小項目余白 */
.cart_data {
    padding: 5px 10px;
}


/*--------------------------------------*/
/* カートの中身 */

/* td価格 */
.data_table td.price {
    text-align: right;
    white-space: nowrap;
}

/* th、tdボタン */
.data_table th.btn,

.data_table td.btn {
    text-align: center;
}

/* tdお届け先 */
.data_table td.recipient_number,
.data_table td.recipient_name {
    font-weight: bold;
}

/* tdお届け先名 */
.data_table td.recipient_name {
    min-width: 60px;
}

/* td価格 */
.data_table td.sub_total .price,
.data_table td.total .price {
    font-weight: bold;
}

/* th、td小計、合計 */
.data_table th.sub_total,
.data_table th.total {
    text-align: right;
}

/* th、td小計 */
.data_table th.sub_total,
.data_table td.sub_total {
    background-color: #F5F5F5;
}

/* th、td合計 */
.data_table th.total,
.data_table td.total {
    background-color: #ECEBED;
}

/* td数量 */
.data_table td.quantity {
    text-align: center;
    white-space: nowrap;

}

/* td商品名 */
.data_table td.item_name {
    width: 300px;
}

/* td商品写真 */
.data_table td.item_photo {
    width: 100px;
    text-align: center;
}

.data_table td.item_photo A:hover {
    opacity:0.8;
    filter: alpha(opacity=80);
}

/* 買い物を続ける、合計左右並び */
.cart_footer .global_btn,
.cart_footer .cart_price_box {
    float: right;
}

.cart_footer .cart_price_box,
#maincol2 .cart_footer .cart_price_box {
    width: 348px;
    margin-left: 0px;
}

.cart_footer .global_btn {
    width: 180px;
    border: 1px solid #;
    background-color: #;
    padding: 15px;
    margin-top: 20px;
}


/* 1カラム */
#maincol1 .cart_footer .global_btn {
    margin-left: 338px;
}

/* 2カラム */
#maincol2 .cart_footer .global_btn {
    margin-right: 118px;
}

/* 合計金額枠 */
.price_box {
    text-align: right;
    padding: 10px;
    border-bottom: 1px solid #E0DFE3;
}

/* 総合計 */
.grand_total {
    font-size: 116%;
}

/* 総合計金額 */
.grand_total .price {
    font-weight: bold;
}

/* 送料無料まで */
.charge_free {
    color: #CC0000;
}

/* 送料無料まで金額 */
.charge_free .price {
    font-weight: bold;
}

/* 注意書きの枠表示 */
.global_info {
    padding: 10px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFEE;
}

/* 下部ボタン上部注意書き */
.global_bottom_info {
    width: 70%;
    margin: 40px auto 0px auto;
    padding: 10px;
    border-bottom: 1px solid #E0DFE3;
    text-align: center;
}

/* ご利用に際して */
.userrules {
    margin: 20px;
}

.shoppingcart_page_body .userrules {
    margin: 20px 10px;
}

#userrules_contents {
    margin: 10px 15px;
}

/* ご利用に際してタイトル */
.userrules h4,
.userrules A {
    display: block;
    border-left: none;
    padding: 10px;
    font-weight: bold;
    font-size: 108%;
    border-bottom: none;
}

/* 注意書き */
.title_note {
    font-weight: normal;
}

/* ご利用に際してタイトルボタン背景 */
.display_link .userrules_title {
    background-position: right center;
    background-repeat: no-repeat;
}

/* 開くボタン背景 */
.display_link .contents_open {
    background-image: url(img/icon_open2.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .display_link .userrules_title {
        background-image: url(img/icon_open2_x2.png);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}

/* 閉じるボタン背景 */
.display_link .contents_close {
    background-image: url(img/icon_close2.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .display_link .contents_close {
        background-image: url(img/icon_close2_x2.png);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}

.display_link .userrules_title:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
}

/* ご利用に際してタイトルボタンアイコン */
.userrules A {
    background-position: left center;

    background-repeat: no-repeat;
    padding: 5px 5px 5px 25px;
    color: #000000;
}

/* 開くボタンアイコン */
.display_link .contents_open A {
    background-image: url(img/icon_open.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .display_link .contents_open A {
        background-image: url(img/icon_open_x2.gif);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}

/* 閉じるボタンアイコン */
.display_link .contents_close A {
    background-image: url(img/icon_close.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .display_link .contents_close A {
        background-image: url(img/icon_close_x2.gif);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}


/* 年齢認証 */
.cart_agecheck {
    margin: 20px 0px;
}

/* クレジットカード入力 */
#cart_payment .global_info {
    padding: 0px;
    border: none;
}


/*--------------------------------------*/
/* カートステップ1 */

/* ログイン */
#signin_contents {
    padding: 10px;
}

/* ログインボックス */
#signin_contents .signin_box {
    padding: 15px 8px;
    margin: 0px auto;
    background-color: #F9F9F9;
    text-align: center;
}

/* 追加_ログインボックス */
#login{
    margin: 10px 0 0 0;
}

/* ID、PW */
#signin_contents .id_title,
#signin_contents .pass_title {
    font-size: 116%;
    font-weight: bold;
}

#signin_contents .id_box,
#signin_contents .pass_box {
    padding: 0px 10px;
}

/* パスワード */
#signin_contents .password {
    background-image: url(img/icon_pass.gif);
    margin-top: 5px;
}

#signin_contents .password A {
    font-size: 85%;
}

/* カートステップ1、2　左右floatコンテンツ */
/* 会員登録-会員登録せずに購入、送り主-お届け先、用途-オプション */
.cart_contents_data,
.recipient_icon {
    float: left;
    margin-top: 15px;
}

/* 1カラム */
#maincol1 .cart_contents_data {
    width: 300px;
}

/* 2カラム */
#maincol2 .cart_contents_data {
    width: 324px;
}

/* カートステップ1、2　会員登録せずに購入、オプション余白調整 */
.member_data,
.purpose_data {
    margin-right: 0px;
}

/* 追加_カートステップ*/
.cart_select.clearfix{
    width:600px;
    margin: 0 auto;
}

/* 会員登録-会員登録せずに購入余白調整 */
.member_data,
.guest_data {
    margin-top: 0px;
}

.cart_contents_data.guest_data .global_btn .btn_color_emphasis {
  background-image:none;
  background-color: #888;
}


/*--------------------------------------*/
/* カートステップ2～カートステップ5 */

/* 選択ボックス */
.cart_contents_select {
    padding: 5px 10px 10px;
    background-color: #F5F5F5;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* 送り主、お届け先タイトル */
.sender_select h5,
.recipient_select h5 {
    margin-top: 3px;
}

.shipping_inner h5 {
    margin-top: 10px;
}

/* 送り主、お届け先間矢印アイコン */
.recipient_icon {
    width: 50px;
    text-align: center;
}

/* 送り主、お届け先　登録/変更 */
.cart_recipient .cart_contents_select {
    position: relative;
}

/* 送り主、お届け先　登録/変更ボタン位置 */
.cart_recipient .senderaddinput,
.cart_recipient .recipientaddinput {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0px;
}

/* 送り主横幅調整 */
.cart_recipient .sender_new {
    width: 125px;
}

.cart_recipient .sender_new A {
    width: 110px;
}

/* 用途オプション、お届け日時余白調整 */
.cart_option,
.cart_deliverydate {
    margin-top: 35px;
}

/* お届け先追加 */
.btn_box .add_recipient {
    margin-top: 30px;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* お支払い方法選択で選択中の背景色 */
.form_table .checked_row > .cell_header {
    background-color: #E0F0F8;
    color: #006DD9;
}

.form_table .checked_row > .cell_data {
    background-color: #E0F0F8;
}

/* お支払方法注意書き */
.upper_info {
    margin-bottom: 10px;
}

.lower_info {
    margin-top: 10px;
}

/* ポイント */
.cart_point_box {
    margin: 20px 0px 0px 400px;
}

/* 左カラム有 */
#maincol2 .cart_point_box {
    margin-left: 200px;
}

/* ポイント利用する/利用しない枠 */

.point_box {
    padding: 5px;
}

/* ポイント利用枠 */
.point_use {
    border-bottom: 1px solid #E0DFE3;
}

/* ポイント利用説明 */
.point_use_desc {
    padding: 5px;
    margin-top: 5px;
    border-top: 1px solid #E0DFE3;
}

/* 金額を更新ボタン欄背景 */
.cart_point_box .form_btn_spad {
    background-color: #F5F5F5;	
}

/* 変更時の金額を更新ボタン欄背景 */
.notice_box .form_btn_spad {
    background-color: #FFF0F0;
}

/* 確認画面　送り主、お届け先各ブロック */
#recipient_formdata .form_table {
    margin-bottom: 15px;
}

/* 返品特約 */
#cart_return {
    width: 700px;
    margin: auto;
}

#cart_return #return_contents {
    background-color: #FFFFEE;
}

/* 購入完了画面 */
.thanks_message {
   padding: 10px;


}

.thanks_message_lead {
    padding: 5px 0px;
    font-size: 123%;
    font-weight: bold;
}

.thanks_message_history_id,
.thanks_message_desc {
    padding: 5px;
}


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

/* ご利用案内 */

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

/* 小項目余白 */
.help_data {
    padding: 10px;
	font-size:115%;
}
.help_data ul.caution_list{
	margin:0 !important;
	padding:0 !important;
}
.help_data ul.caution_list li{
	display: inline-block;
	list-style:none !important;
	margin-right:10px;
}

/* 小項目タイトル */
.table_caption {
    padding: 5px 0px;
    text-align: left;
}

.help_data .table_caption .caption_text{
	line-height:180%;
}
.help_data table.data_table th,.help_data table.data_table td{
	padding:8px;
}
.help_data table.data_table{
	margin-bottom:10px;
}

.help_data p.indentation{
	color:#FF0000;
	font-weight:bold;
}
#icon_contents .help_data {
    padding: 5px 10px;
}

/* ページ内ナビゲーション */
.help_navigation {
    margin: 10px;
}

.page_contents .help_navigation li {
    border: none;
    float: left;
}

/* 各ナビゲーション枠 */
.help_navigation li A {
    width: 124px;
    display: block;
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    padding: 10px;
    margin: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.help_navigation li A:hover {
    background-color: #F5F5F5;
}
body.help_page_body .help_navigation{
    display:none;
}

/* 送料表　セル幅 */
.area_charge th,
.area_charge td {
    width: 20%;
}

.pref_charge th,
.pref_charge td {
    width: 14%;
}

/* 重量別送料 */
.weight_charge {
    overflow: auto;
    overflow-y: visible;
}

/* アイコン */
#help_icon .data_table .cell_header {
    width: 60px;
	background-color: #FFFFFF;	
}

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

#spec_contents dd {
    background-color: #F5F5F5;
    padding: 10px;
}

/* 推奨環境　SSL画像 */
#spec_contents #spec3 img,
#spec_contents #spec3 p {
    float: right;
}

#spec_contents #spec3 p {
    padding-right: 10px;
}

/* 1カラム */
#maincol1 #spec_contents #spec3 p {
    width: 753px;
}

/* 2カラム */
#maincol2 #spec_contents #spec3 p {
    width: 533px;
}


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

/* 特定商取引法 */

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

/* thタグ、tdタグ */
.legal_contents .data_table .cell_header,
.legal_contents .data_table .cell_data {
    padding: 15px;
    vertical-align: middle;
}

/* 最上部行 */
.legal_contents .data_table th.postop,
.legal_contents .data_table td.postop {
    border-top: 2px solid #000000;
}

/* thタグ */
.legal_contents .data_table .cell_header {
    text-align: left;
}


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

/* 最新情報 */

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

/* 枠余白 */
.pwhatnew_contents {
    padding: 10px;
}

.whatnew_detail_page_body .pwhatnew_contents {
    padding: 0px;    
}

.whatnew_detail_page_body .contents_box {
    margin: 0px;    
}

/* タイトル */
.pwhatnew_contents h1 {
    background-image: url(img/page_h3_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #F1F1F1;
    border-left: 5px solid #D1D1D1;
    padding: 15px;
    font-weight: bold;
}


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

/* 店長日記 */

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

/* 枠余白 */
/*.pdiary_contents {
    padding: 10px;
}*/

.diary_detail_page_body .pdiary_contents {
    padding: 0px;
}

.diary_detail_page_body .contents_box {
    margin: 0px;
	    
}

/* タイトル */
.pdiary_contents h1 {
    background-image: url(img/page_h3_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #F1F1F1;
    border-left: 5px solid #D1D1D1;
    padding: 15px;
    font-weight: bold;
font-size:140%;
}


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

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

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

/* 記事余白 */
.article_data {
    padding: 10px 10px 10px 0;
	font-size:115%;
/*    border-left: 5px solid #D1D1D1;*/
}

/* 記事日付 */
.article_date {
    width: 100%;
    padding: 5px 0px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #D1D1D1;
    font-weight: bold;
    float: left;
}

/* 左右レイアウト */
.article_data .global_photo,
.article_data .ph_article {
    float: left;
}

.article_data .ph_article {
    padding: 10px;
}


/*--------------------------------------*/
/* 写真サイズ別記事横幅指定 */

/* 1カラム */

/* 140px */
#maincol1 .article_data .layout140 .ph_article {
    width: 735px;
}

/* 250px */
#maincol1 .article_data .layout250 .ph_article {
    width: 625px;
}

/* 400px */
#maincol1 .article_data .layout400 .ph_article {
    width: 475px;
}

/* 2カラム */

/* 140px */
.article_data .layout140 .ph_article {
    width: 515px;
}

/* 250px */
.article_data .layout250 .ph_article {
    width: 405px;
}

/* 400px */
.article_data .layout400 .ph_article {
    width: 255px;
}


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

/* リンク集 */

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

/* 枠余白 */
.link_data {
    width: auto;
    padding: 10px;
    margin: 10px;
    border-bottom: 1px solid #F5F5F5;
}

/* 左右レイアウト */

.link_title_box,
.link_desc_box {
    float: left;
}

/* タイトル横幅 */
.link_data .link_title_box {
    width: 40%;
}

/* 説明文横幅 */
.link_data .link_desc_box {
    width: 60%;
}

/* タイトル */
.link_data .link_title_box A {
    display: block;
    min-height: 50px;
    border-right: 1px dotted #D1D1D1;
    padding: 10px;
}

/* バナー下テキスト */
.link_data h3 {
    margin-top: 10px;
}

/* 説明文 */
.link_data .link_desc {
    padding: 10px;
}

/* 下部罫線削除 */
.link_contents li.posbottom .link_data {
    border-bottom: none;
}


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

/* 掲示板 */

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

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

/* 記事枠下部余白削除 */
.post_box .posbottom {
    margin-bottom: 0px;
}

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

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

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

/* 記事ヘッダー中央寄せ */
.post_box td.url,
.post_box td.res,
.post_box td.toggle,
.post_box td.btn {
    text-align: center;
}

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

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

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

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

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


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

#bbs_toggle img {
    margin-right: 5px;
}


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

/* 私が店長です */

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

/* スタッフ画像 */
.pstaff_photo {
    width: 250px;
    margin: 10px auto;
}

/* プロフィール枠 */
.pstaff_contents dl {
    padding: 10px;
}

.pstaff_contents dt,
.pstaff_contents dd {
    padding: 5px;
}

/* プロフィール項目 */
.pstaff_contents dt {
    clear: left;
    float: left;
    width: 40px;
    font-weight: bold;
    border-top: 1px solid #000000;
}

/* プロフィール内容 */
.pstaff_contents dd {

    margin-left: 50px;
    border-top: 1px dotted #000000;
}

/* 1カラム */
#maincol1 .pstaff_contents dd {
    width: 590px;
}

/* 2カラム */
#maincol2 .pstaff_contents dd {
    width: 370px;
}

/* 左右レイアウト */
.pstaff_photo,
.staff_profile {
    float: left;
}

.staff_profile,
.staff_profile_desc {
    padding: 10px;
}

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


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

/* マイページ */

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


/* マイページ各コンテンツ余白 */
.member_contents .member_contents {
    margin: 10px 0px;
}

/* ポイント数 */
.member_contents .point {
    padding: 10px;
}

/* ポイント数　数字 */
.member_contents .point_number {
    font-size: 116%;
    color: #CC0000;
    font-weight: bold;
}

/* ポイント有効期限 */
.point_limit {
    padding-left: 15px;
}

/* リンク枠余白 */
.member_contents .link_box {
    padding: 10px;
}


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

/* 購入履歴 */

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

/* 購入履歴 */
.history_search {
    background-color: #F5F5F5;
    margin-bottom: 15px;
    padding: 10px;
}

.history_search select {
    height: 30px;
}

/* 項目名 */
.search_keyword,
.search_date {

    font-weight: bold;
}

/* 検索ボタン */
.history_search .global_btn .searchinput {
    height: 30px;
}


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

/* 送り主、お届け先登録/変更 */

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

.mypage_recipient .form_btn_spad {
    margin-bottom: 10px;
}


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

/* ログインページ */

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

.psignin_contents .inner_contents_box {
    border-top: 1px solid #F1F1F1;
}


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

/* メールマガジン登録・解除 */

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

/* メールマガジンコンテンツ */
.mailmagazine_contents {
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
}

/* 登録・解除ボックス　上部線 */
.mailmagazine_contents .inner_contents_box {
    border-top: 1px solid #F1F1F1;
}

/* 登録・解除ボックス */
.mailmagazine_box {
    padding: 15px 8px;
    background-color: #F9F9F9;
    text-align: left;
}


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

/* 携帯サイトURL */

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

/* 携帯サイトURLコンテンツ*/
.mobilesite_contents {
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
}

/* 送信ボックス　上部線 */
.mobilesite_contents .inner_contents_box {
    border-top: 1px solid #F1F1F1;
}

/* 送信ボックス */
.mobilesite_box {
    padding: 15px 8px;
    background-color: #F9F9F9;
    text-align: left;
}

/* QRコード画像 */
.qrcode {
    border-top: 1px solid #E0DFE3;
    margin: 15px;
}


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

/* ページャー */

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

/* ページャー枠 */
.pager {
    text-align: center;
    padding: 20px;
    border-top: 1px solid #E0DFE3;
    margin-top: 20px;
}

/* 上部ぺージャー */
#pagertop {
    border-top: none;
    border-bottom: 1px solid #E0DFE3;
    margin-top: 0px;
    margin-bottom: 20px;
}

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

/* 他のページ */
.pager A {
    display: inline-block;
    min-width: 20px;
    padding: 3px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
    margin: 0px 1px;
    text-decoration: none;
}

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

/* 掲示板ページャー */

.bbs_contents .pager {
    border: none;
    padding: 5px;
}

.bbs_contents #pagertop {
    border-bottom: none;
}



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

/* フォーム関連 */

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

form {
    margin: 0px;
    padding: 0px;
    display: inline;
}

/* テキストエリアサイズ */
.xxsmallsize {
    width: 35px;
}

.xsmallsize {
    width: 50px;
}

.smallsize {
    width: 100px;
}

.mediumsize {
    width: 150px;
}

.largesize {
    width: 200px;
}

.xlargesize {
    width: 300px;
}

.xxlargesize {
    width: 95%;
}

.searchform {
    width: 250px;
}

#search input {
    font-size: 12px;
    line-height: normal;
}

/* セレクトボックスラベル */
.selection_label {
    padding: 2px;
}

/* 確認用入力 */
.confirmation_input {
    margin-top: 5px;
}


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

/* フォームボタン */

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

/* フォームボタンマウスオーバー */
.global_btn input:hover,
.global_btn A:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* ボタンサイズ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 .btn_size_large {
    line-height: 35px;
}

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

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

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

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

/* ボタンサイズXXXL */
.global_btn .btn_size_xxxlarge {
    width: 400px;
    height: 50px;
    font-size: 123%;
	font-weight:bold;
}
.global_btn .btn_size_xxxlarge {
    line-height: 52px;
}

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

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

/* 左右並びボタン */
.btn_float {
    width: 121px;
    margin: auto;
}

.btn_float span {
    display: block;
    float: left;
}

.recipient_list_data .btn_float {
    padding: 5px;
}

/* 左右並びボタン　下部配置 */
.btn_box .btn_float {
    width: 281px;
    margin: auto auto 80px;
    padding: 20px;
}

.btn_box .largesize {
    width: 350px;
}

.btn_box .largesize .btn_size_large {
    height: 30px;

}

/* 左右並びボタン　下部配置 右ボタン位置調整 */

.btn_float .global_btn .btn_size_xlarge {
    margin-top: -6px;
}

/* 左右並びボタン　商品一覧 */
li .add_cart .btn_float {
    width: 432px;
    margin: 15px 0px 0px 10px;
}

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

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

/* 左右並びボタン　商品詳細 */
.detail_item_data .add_cart .btn_float {
    width: 281px;
}


/* 左ボタン */
.btn_float .posleft {
    padding-right: 10px;
    border-right: 1px solid #E0DFE3;
}

/* 右ボタン */
.btn_float .posright {
    padding-left: 10px;
}

/* 中央ボタン */
.btn_float .poscenter {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #E0DFE3;
}

/* 左右エリア　ボタン余白 */
.side_form_box .global_btn input {
    margin: 5px 0px;
}

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

/* カート内、掲示板余白調整 */
.shoppingcart_page_body .form_btn,
.bbs_page_body .form_btn {
    padding: 20px;
}

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

/* カート内、送り主/お届け先余白調整 */
.sender_page_body .form_btn,
.senderchange_page_body .form_btn,
.shipping_page_body .form_btn,
.shippingchange_page_body .form_btn {
    padding: 40px;
}

.form_btn_spad {
    text-align: center;
    margin: auto;
    padding: 10px;
    background-color: #;
}

/* 関連商品下部ボタン */
.item_list .add_cart {
    text-align: center;
    margin-top: 10px;
}

/* Aタグボタン */

.global_btn A {
    display: block;
    text-align: center;
    font-weight: normal;
    margin: auto;
}

/* spanタグボタン */
.global_btn span {
    display: inline-block;
    padding: 8px;
}


/* 検索ボタン */
.global_btn .searchinput {
    height: 25px;
}

/* 外部決済ボタン */

.outside_btn_box {

    margin: 0px 20px;
    background-color: #FFFFEE;
    border: 1px solid #E0DFE3;
}

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


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

/* ボタン色 */

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

/* 色強調 */
.global_btn .btn_color_emphasis,
.global_btn A.btn_color_emphasis {
    background-image: url(img/btn_main_b.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #3E8BFF;

    color: #FFFFFF;
}


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

/* エラー */

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

/* 左右エリアカートエラー表示 */
.side_cart_data span.error_box,
.side_cart_data span.error_status {
    border-bottom: none;
    padding: 0px;
}

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

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

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

/* エラー表示アイコン位置調整 */
.error_status img {
    padding-right: 3px;
}

.form_ok {
    padding-left: 5px;
}

.form_status {
    display: inline-block;
}

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


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

/* フォームエラー */

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

/* thタグ、tdタグ背景 */
.form_table .form_error th,
.form_table .form_error td {
    border: none!important;
    background-color: #FF0000;
}

/* thタグ */
.form_table .form_error th {
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* tdタグ */
.form_table .form_error td {
    padding: 0px;

    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}



/* 必須項目 */

.form_table .form_error th .require {
    color: #FFFFFF;
}

/* tdタグ内背景色 */
.form_error td .cell_form_error {
    margin: 5px;
    padding: 10px;
    background-color: #FFFFFF;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* エラー項目間余白 */
.form_table td.cell_border {
    padding: 0px!important;
    height: 0px!important;
    border-bottom: 1px solid #FFF!important;
}

/* エラー除外項目透過 */
.detail_page_body .form_alpha,
.form_table .form_alpha th,
.form_table .form_alpha td {
    opacity:0.3;
    filter: alpha(opacity=30);
}

/* 商品詳細ページエラー */
.detail_page_body .form_error {
    margin: 5px 0px;
    padding: 5px 5px 5px 20px;
    background-color: #FF0000;
    border-radius: 5px;
    background-image: url(img/icon_detailerorr.png);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.detail_page_body .form_error .cell_form_error {
    background-color: #FFFFFF;
    padding: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* バリエーション赤枠エラー */
.form_error_block {
    padding: 5px;
    background-color: #FF0000;
    border-radius: 5px;
}

.form_error_block .cell_form_error {
    padding: 3px;
    background-color: #FFFFFF;
    border-radius: 2px;
}

/* divタグボックスエラー */
div.form_error {
    margin: 5px 0px;
    padding: 5px 5px 5px 20px;
    background-color: #FF0000;
    border-radius: 5px;
    background-image: url(img/icon_detailerorr.png);

    background-repeat: no-repeat;
    background-position: 3px center;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    div.form_error {
        background-image: url(img/icon_detailerorr_x2.png);
        background-size: 16px 16px;
    }
    /*-----------------------------------------------------------*/
}

div.form_error .cell_form_error {
    padding: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #FFFFFF;
}


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

/* OK */

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

/* 左右エリアOK表示 */
.side_cart_data span.ok_box,
.side_cart_data span.ok_status {
    border-bottom: none;
    padding: 0px;
}

/* フォーム上部OK表示 */
.ok_box {
    border: 1px solid #339900;
    margin: 10px 0px 15px;
    padding: 10px;
    border-radius: 5px;
}

/* OK表示　※緑枠内文字 */
.ok_status {
    color: #339900;
    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: #F5FFF2;
}


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

/* ロード */

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

.entry_box {
    display: inline-block;
    position: relative;
}

.loading {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(img/load_icon.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .loading {
        background-image: url(img/load_icon_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}

.entry_box .loading {
    position: absolute;
    left: 8px;
    top: 5px;
    background-image: url(img/load_entry_icon.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	/*-----------------------------------------------------------*/
    .entry_box .loading {
        background-image: url(img/load_entry_icon_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}




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

/* 余白 */

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

.box_padding {
    padding: 2px;
}

.box_margin {
    margin: 2px;
}


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

/* ウィンドウを閉じる */

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

/* ポップアップ画面 */
#popup {
    position: relative;
}

/* 閉じる位置 */
.window_close {
    position: absolute;
    top: 9px;
    left: 750px;
}

.close_btn {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(img/btn_winclose.png);
}

.close_btn:hover {
    background-image: url(img/btn_winclose_o.png);
    background-color: transparent;

}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .close_btn {
        background-image: url(img/btn_winclose_x2.png);
        background-size: 20px 20px;
    }

    .close_btn:hover {
        background-image: url(img/btn_winclose_o_x2.png);
		background-size: 20px 20px;
    }

    /*-----------------------------------------------------------*/
}



/*この商品を買った人は、こんな商品も買っています*/
.inner_review_list .review_list_area h2{
	background-image:none !important;
}


/*店長日記写真画像レイアウト*/

.pdiary_contents .global_photo{
padding:5px;
background-color:#FFF;
border:1px solid #cccccc;
width:200px !important;
}

.pdiary_contents .global_photo img{
/*padding:5px;
margin-left:10px;*/
clear:both;
background-color:#000;
width:100%;
}

.pdiary_contents .ph_article{
clear:both;
width:780px;
}

.contents_box .article_data .ph_article{
/*width:780px;*/
width:900px;
text-align:left;
}

.pdiary_contents strong{
font-size:18px;
background:none;
color:#FF0000;
padding-left:0;
padding-bottom:0;
margin-left:0;
margin-bottom:0;
line-height:120%;
}



/*オーダーメイドページ目録mokuroku*/
/*トップページダンボールメニューdanboardbtn・オーダーメイドメニューjireibtn共通*/

.mokuroku{
padding-top:15px;
padding-bottom:15px;
font-size:115%;
}

.mokuroku img{
padding-bottom:15px;
}

.mokuroku h2{
background:none;
font-size:150%;
margin:20px 0;
line-height:1.5em;
color: #000;
}

h2.mokuroku_t{
background-image:none;
background:none;
color:#FF0000;
font-size:150%;
margin:20px 0;
line-height:1.5em;
}


.mokuroku ul.jireibtn01,
.mokuroku_top ul.jireibtn01,
.mokuroku_top ul.danboardbtn01{
margin:25px 0 0 0;
padding:0;
}

.mokuroku ul.jireibtn02,
.mokuroku_top ul.jireibtn02,
.mokuroku_top ul.danboardbtn02{
margin:0;
padding:0;
}

.mokuroku_top ul li{
margin:0 30px 10px 0;
padding:0;
}

.mokuroku_top ul.danboardbtn01 li,
.mokuroku_top ul.danboardbtn02 li{
margin:0 30px 15px 0;
padding:0;
}

.mokuroku ul li{
margin:0 10px 20px 0;
padding:0;
}

ul.danboardbtn01 li,
ul.danboardbtn02 li{
float:left;
text-indent:-9999em;
font-size:0;
color:#000000;
display:block;
width:214px;
height:94px;
list-style:none;
}


ul.danboardbtn01 li a,
ul.danboardbtn02 li a{
float:left;
text-indent:-9999em;
font-size:0;
color:#000000;
display:block;
width:214px;
height:94px;
list-style:none;
}


.danboardbtn_01 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_01.jpg) no-repeat;
}
	
.danboardbtn_02 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_02.jpg) no-repeat;}

.danboardbtn_03 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_03.jpg) no-repeat;
}

.danboardbtn_04 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_04.jpg) no-repeat;
}



.danboardbtn_05 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_05.jpg) no-repeat;
}

.danboardbtn_06 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_06.jpg) no-repeat;
}

.danboardbtn_07 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_07.jpg) no-repeat;
}

.danboardbtn_08 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_14.jpg) no-repeat;
}

.danboardbtn_09 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_09.jpg) no-repeat;
}

.danboardbtn_10 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_10.jpg) no-repeat;
}

.danboardbtn_11 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_11.jpg) no-repeat;
}

.danboardbtn_12 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_12.jpg) no-repeat;
}

.danboardbtn_13 a{
background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/danboardbtn_13.jpg) no-repeat;
}

.danboardbtn_01 a:hover,.danboardbtn_02 a:hover,.danboardbtn_03 a:hover,.danboardbtn_04 a:hover,.danboardbtn_05 a:hover,.danboardbtn_06 a:hover,.danboardbtn_07 a:hover,.danboardbtn_08 a:hover,.danboardbtn_09 a:hover,.danboardbtn_10 a:hover,.danboardbtn_11 a:hover,.danboardbtn_12 a:hover,.danboardbtn_13 a:hover{
opacity: 0.7 ;
filter: alpha(opacity=70) ;	/* Ie用 */
}



/*オーダーメイド目録　詳細（フリーページ）*/

.mokuroku_jirei p{
	font-size:120%;
	line-height:150%;
	font-weight:bold;
	border-bottom:1px #666666 solid;
	margin:45px 0 25px 0;
}
.mokuroku_jirei h1{
position: relative;
  padding: 20px 0 10px 40px;
  border: 1px solid #EEE;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  height:25px;
  font-size:140%;
  font-weight:bold;
  margin:25px 0 15px 0;
}

.mokuroku_jirei h1::after{
  position: absolute;
  top: 1em;
  left: .6em;
  z-index: 2;
  content: '';
  width: 10px;
  height: 10px;
  border: 3px solid #016301;
  border-radius: 100%
}

.mokuroku_jirei li{
clear:both;
border-bottom:1px #cccccc dotted;
list-style:none;
padding-bottom:20px;
margin:0 0 20px 0;
font-size:110%;
}

.mokuroku_jirei img{
width:90px;
margin-right:10px;
border:1px #cccccc solid;
padding:3px;
}


.gotop,.free_contents .text_area .gotop,.free_contents .text_area.common .gotop,
.item_desc_text .gotop{
	text-align:right;
	overflow:hidden;
	font-size:14px;
	margin:25px 0 30px 0;
}

.clear{
clear:both;
}


/*テキスト配置*/

.txt_center{
text-align:center;
}

.txt_right{
text-align:right;
}

.m_txt05{
clear:both;
background:none;
font-size:120%;
font-weight:bold;
line-height:1.4em;
padding:5px 0 5px 0;
margin:0;
}

.m_txt15{
clear:both;
background:none;
font-size:100%;
font-weight:bold;

line-height:1.4em;
padding:15px 0 15px 0;
margin:0;
}

.m_txt20{
clear:both;
background:none;
font-size:120%;
font-weight:bold;
line-height:1.4em;
padding:20px 0 20px 0;
margin:0;
}


/*テキスト装飾*/
/*テキスト消し（収納グッズ大特集で使用）*/
.clearText {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.clearText img{
	overflow:visible;
}
.c_gre{
color: #009900;
}

.c_red{
color:#FF0000;
}

.c_pink{
color:#FF0099;
}

.c_blue{
color:#0000FF;
}

.t_100{
font-size:100%;
font-weight:bold;
line-height:1.2em;
}

.t_110{
font-size:110%;
font-weight:bold;
line-height:1.3em;
}

.t_120{
font-size:120%;
font-weight:bold;
line-height:1.4em;
}

.t_150{
font-size:150%;
font-weight:bold;
line-height:1.5em;
}

.tn_130{
font-size:130%;
font-weight:normal;
line-height:1.3em;
}

.t_80{
font-size:80%;
}
.t_90{
font-size:90%;
}

.c_dred{
	color:#EE8888;
}
.c_dyellow{
	color:#D1C942;
}
.c_dgreen{
	color:#91D35C;
}
.c_dblue{
	color:#74C9D8;
}


/*スペース*/

.pt_txt15{
padding:15px 0 0 0;
}

.pt_txt20{
padding:20px 0 0 0;
}

.ptb_txt15{
padding:15px 0;
}

.p_txt15{
padding:15px;
}

.mt_txt15{
margin:15px 0 0 0;
}

.mt_txt20{
margin:20px 0 0 0;
}

.mt_txt40{
margin:40px 0 0 0;
}

.mtb_txt15{
margin:15px 0;
}

.m_txt15{
margin:15px;
}

.f_left{
	float:left;
	margin-right:15px;
}

/*黄色背景*/

.yellow_box{
border:1px #000000 solid;
padding:15px;
margin:15px 0;
background-color:#ffffcc;
font-weight:bold;
width:350px;
}
.yellow_box_600{
border:1px #000000 solid;
padding:15px;
margin:20px 0;
background-color:#ffffcc;
width:auto;
max-width:600px;
line-height:1.5em;
font-weight:normal !important;
}
.yellow_box.w_auto{
width:auto;
}

.yellow_box strong,
.yellow_box_600 strong{
padding:10px 5px;
font-size:120%;
line-height:2em;
}
.yellow_box p,
.yellow_box_600 p{
padding:10px 5px;
}

.yellow_box p.em,
.yellow_box_600 p.em{
	font-style:normal;
	font-weight:bold;
	font-size:150%;
padding:10px 5px;
background-color:#FF0;
}


.yellow_box .caution_l,
.yellow_box_600 .caution_l{
	font-size:130%;
	color:#F00;
}

.yellow_box .caution_s,
.yellow_box_600 .caution_s{
	font-size:90%;
	color:#F00;
}
.yellow_box ul{
	margin:0;
	padding:0;
}
.yellow_box ul li{
	margin:0 0 0 30px;
	padding:0;
}

.yellow_box_600 dl.list{
	margin:0;
	padding:0;
}


.yellow_box_600 dl.list dt{
	float:left;
}

.yellow_box_600 dl.list dd{
	overflow:hidden;
}
.yellow_box_600 dl.list dd ul.m123{
	padding-left:10px;
	margin:0;
	padding-top:0;
list-style:none;
}



/*トップページ上部用*/
.yellow_box_max{
padding:12px 12px 12px 20px;
margin:15px auto;

background-color:#FEFDE2;
font-weight:bold;
width:95%;
letter-spacing:0.05em;
}

.yellow_box_max strong{
color:#FF0000;
font-size:120%;
}


/*ベージュボックス*/
.beige_box{
    background-color:#f2e8dc;
    border:1px #674626 solid;
}

.beige_box.cafe_print{
    width:352px;
    padding:10px;
    margin:0;
    text-align:center;
}
.beige_box.cafe_print img{
    margin:0 auto;
}

/*トップ画像注釈*/

#photo h2.top_photo{
font-size:120%;
font-weight:bold;
}

/*トップページ動画掲載用*/
.movie{
	padding:5px;
	border:2px solid #ccc;
	text-align:center;
	background-color:#fff;
	margin:15px 0 25px 0;
}
.movie p{
	text-align:left !important;
	padding:5px 0;
	font-size:90%;
	letter-spacing:0.04em;
}
.movie iframe{
	border:5px solid #eee;
}
/*ページ上部画像メニューボタン*/

#inner_contents_top ol{
list-style:none;
margin:0 0 25px 0;
padding:0;
width:100%;
}

.contents_top #inner_contents_top ol li{
list-style:none;
margin:0;
padding:0;
float:left;

text-indent:-9999em;
font-size:0;
color:#ffffff;
display:block;
}

#inner_contents_top li.topbnr01,
#inner_contents_top li.topbnr01 a{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr01.gif);
background-repeat: no-repeat;
width:163px;
height:56px;
margin:0;
padding:0;
float:left;
text-indent:-9999em;
font-size:0;
color:#ffffff;
display:block;
}

#inner_contents_top li.topbnr02,
#inner_contents_top li.topbnr02 a{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr02.gif);
background-repeat: no-repeat;
width:163px;
height:56px;
margin:0;
padding:0;
float:left;
text-indent:-9999em;
font-size:0;
color:#ffffff;
display:block;
}

#inner_contents_top li.topbnr03,
#inner_contents_top li.topbnr03 a{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr03.gif);
background-repeat: no-repeat;
width:164px;
height:56px;
margin:0;
padding:0;
float:left;
text-indent:-9999em;
font-size:0;
color:#ffffff;
display:block;
}

#inner_contents_top li.topbnr04,
#inner_contents_top li.topbnr04 a{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr04.gif);
background-repeat: no-repeat;
width:163px;
height:56px;
margin:0;
padding:0;
float:left;
text-indent:-9999em;
font-size:0;
color:#ffffff;
display:block;
}

#inner_contents_top li.topbnr05,
#inner_contents_top li.topbnr05 a{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr05.gif);
background-repeat: no-repeat;
width:163px;
height:56px;
margin:0;
padding:0;
float:left;
text-indent:-9999em;
font-size:0;
color:#ffffff;
display:block;
}

#inner_contents_top li.topbnr06,
#inner_contents_top li.topbnr06 a{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr06.gif);
background-repeat: no-repeat;
width:164px;
height:56px;
margin:0;
padding:0;
float:left;
text-indent:-9999em;
font-size:0;
color:#ffffff;
display:block;
}

#inner_contents_top li.topbnr01 a:hover{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr01_on.gif);
background-repeat: no-repeat;
width:163px;
height:56px;
display:block;
}

#inner_contents_top li.topbnr02 a:hover{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr02_on.gif);
background-repeat: no-repeat;
width:163px;
height:56px;
display:block;
}

#inner_contents_top li.topbnr03 a:hover{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr03_on.gif);
background-repeat: no-repeat;
width:164px;
height:56px;
display:block;
}

#inner_contents_top li.topbnr04 a:hover{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr04_on.gif);
background-repeat: no-repeat;
width:163px;
height:56px;
display:block;
}

#inner_contents_top li.topbnr05 a:hover{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr05_on.gif);
background-repeat: no-repeat;
width:163px;
height:56px;
display:block;
}
#inner_contents_top li.topbnr06 a:hover{
background-image: url(https://www.in-the-box.jp/data/on-the-table/image/topbnr06_on.gif);
background-repeat: no-repeat;
width:163px;
height:56px;
display:block;
}

.overflow_h{
overflow: hidden;
zoom: 1;  /* IE6,7対策 */
}


/*トップページお客様事例バナー*/

.mokuroku_top{
padding:0;
margin:15px 0 0 0;
}
.mokuroku_top ol{
margin:20px 0 0 0 ;
padding:0;
}

.mokuroku_top ol.order_bnr li{
list-style:none;
margin:0;
padding:10px 0;
}



.mokuroku_top ul.jireibtn01{
margin:0;
padding:0;
}



/*トップページフリーエリア*/

.top_txtarea{
margin:0 0 15px 15px;
}
.main_contents h2{
padding:20px 0;
font-size:105%;
font-weight:bold;
line-height:1.5em;
}


.packergeart{
width:100%;
margin:0 !important;
padding:0 !important;
}

.packergeart img{
float:left;
    margin-right:15px;
}

.packergeart p{
}

.pdf a{
	background:url(https://www.in-the-box.jp/data/on-the-table/image/shop-layout/pdficon_small.gif) no-repeat right 1px;
	width:16px;
	height:16px;
	padding-right:17px;
}



.top_txtarea .contactus_top{
	margin:0 auto 20px auto;
	padding:0;
	text-align:center;
}



/*当社の特徴*/
.packageartinfo h2{
	background-image: url(img/item_h2_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}


/*ワイン特集*/

.free_contents .text_area.wine h2{
	width:95%;
	border-left:7px #AC2A6E solid;
	font-size:140%;
	font-weight:bold;
	padding:12px 0 10px 10px;
	margin:35px 0 20px 0;
    background:#E2CCD8;
/*  background: linear-gradient(to top, rgba(216,216,216,216.5), #eee);*/
}

.free_contents .text_area.wine h3{
	font-size:130%;
	font-weight:bold;
	margin:35px 10px 10px 10px;
	color:#AC2A6E;
}

.free_contents .text_area.wine h4{
	font-size:120%;
	font-weight::bold;
	text-align:right;
margin:25px 0;
}

/*クリスマス特集*/

.free_contents .text_area.xmas h2{
	width:100%;
	font-size:150%;
	font-weight:bold;
	padding:25px 0 0 70px;
	margin:35px 0 0px 0;
	background-image:url(https://www.in-the-box.jp/data/on-the-table/image/xmas/xmas_h2_bg.gif);
	background-repeat:no-repeat;
	background-position:left 0;
	height:62px;
	color:#FFF;
    letter-spacing:0.08em;
/*  background: linear-gradient(to top, rgba(216,216,216,216.5), #eee);*/
}

.free_contents .text_area.xmas h3{
	font-size:140%;
	font-weight:bold;
	margin:20px 10px;
}

.text_area.xmas .flex-wrap#xmas_list .flex-box img{
    background: -moz-linear-gradient(top,#eee, #ccc 100%);
background: -webkit-linear-gradient(top,#eee, #ccc 100%);
background: -ms-linear-gradient(top,#eee, #ccc 100%);
}

.free_contents .text_area.xmas .flex-wrap#xmas_list .flex-box h2{
	margin:0 0 3px 0 !important;
	padding:5px 0 !important;
	font-size: 110% !important;
	text-align: center !important;
    line-height:120%!important;
	background:none !important;
    height:auto !important;
}
.free_contents .text_area.xmas .flex-wrap#xmas_list .flex-box p{
    font-size:100% !important;
    line-height:150% !important;
}
 
 
/************************************************
フリーページ共通(.common)
************************************************/

/*フリーページ共通デザイン*/
.free_contents .text_area{
	letter-spacing:0.01em;
	line-height:1.5em;
	padding-left:0;
}

.free_contents .text_area p{
	padding:10px 0;
}

.free_contents .text_area h1,.top_page_body .main_contents h1,.page_box .page_title h2{
position: relative;
  padding: 20px 0 10px 40px;
  border: 1px solid #EEE;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  height:27px;
  font-size:150%;
  font-weight:bold;
  margin:0 0 15px 0;
  letter-spacing:0.05em;
}
.free_contents .text_area h1{
	font-size:150% !important;
}
.top_page_body .main_contents h1{
	font-size:170% !important;
}

.free_contents .text_area h1::after,.top_page_body .main_contents h1::after,.page_box .page_title h2::after{
  position: absolute;
  top: 1.0em;
  left: .6em;
  z-index: 2;
  content: '';
  width: 10px;
  height: 10px;
  border: 3px solid #005d93;
  border-radius: 100%
}

/*トップページレイアウト*/
.top_page_body .main_contents .text_area{
	font-size:110%;
	font-weight:normal;
	letter-spacing:0.04em;
}
.top_page_body .main_contents .text_area .flex-box h2,.top_page_body .main_contents .text_area #index_ordermenu .flex-box h2{
	font-size:100% !important;
	font-weight:normal !important;
	letter-spacing:0.02em;
}
.top_page_body .main_contents .text_area .flex-box p{
	font-size:85% !important;
}
.top_page_body .main_contents .text_area .infobox h3{
	font-weight:bold;
}
.top_page_body .main_contents .text_area #icon_common .flex-box{
	font-size:105% !important;
}
.top_page_body .main_contents h1{
	font-size:170%;
	letter-spacing:0.02em;
	padding: 24px 0 10px 40px;
	height:29px;
}
/*

font-size:140%;
font-weight:bold;
padding:20px 0 0 25px;
margin:0;
background-image:url(https://www.in-the-box.jp/data/on-the-table/image/title_bg.gif);
background-repeat:no-repeat;
background-position:left 0;
width:745px;
height:58px;
}*/

/*
.free_contents .text_area p.post{
font-weight:bold;
font-size:120%;
}

.free_contents .text_area h2,.free_contents h2{
font-size:115%;
font-weight:bold;
padding:0;
margin:25px 0 20px 0;
}

.free_contents .text_area h3{
font-size:115%;
font-weight:bold;
padding:0;
margin:25px 0 20px 0;
}
*/

.free_contents .text_area p.post{
font-weight:bold;
font-size:16px;
}

.free_contents .text_area h2,.free_contents h2{
font-size:26px;
font-weight:bold;
padding:0;
margin:25px 0 20px 0;
}

.free_contents .text_area h3,.free_contents h3{
font-size:22px;
font-weight:bold;
padding:0;
margin:10px 0 10px 0;
}

.free_contents .text_area h4,.free_contents h4{
font-size:20px;
font-weight:bold;
padding:0;
margin:10px 0 10px 0;
}

.free_contents .text_area h5,.free_contents h5{
font-size:18px;
font-weight:bold;
padding:0;
margin:10px 0 10px 0;
}


.free_contents .text_area dl.normal dt{
	margin:0 0 50px 0;
	padding:10px 0 0 5px;
	font-size:120%;
	font-weight:bold;
	line-height:1.5em;

}

.free_contents .text_area dl.normal dt.end{
	margin:0 0 10px 0;
	padding:10px 0 0 5px;
	font-size:120%;
	font-weight:bold;
	line-height:1.5em;
}

.free_contents .text_area dt em{
	color:#FF0000;
}

.free_contents .text_area .txt_intro,.free_contents .text_area.common .txt_intro{
	font-size:105%;
	line-height:150%;
	font-weight:normal;
	margin:20px 0;
	padding:0;
}

.free_contents .text_area .txt_intro strong{
	background-color:#FFFFCC;
	padding:2px;
}

.free_contents .text_area ul{
	margin:0;
	padding:0;
}

.free_contents .text_area ul.page_menu{
	margin:20px 0;
	overflow:hidden;
	font-size:110%;
}

.free_contents .text_area ul.page_menu li{
	float:left;
	margin-left:0;
	padding-right:9px;
	list-style:none;
}

.free_contents .text_area ul.page_menu li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.x_list_box{
  overflow : hidden;
}

.x_list_box dl{  
  width : 170px;
  border-width : 1px;
  border-style : dotted;
  border-color : #ccc;
  margin-right : 7px;
  margin-bottom:10px;
  padding : 3px;
  float : left;
}
 
.x_list_box dl dt{  
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #ccc;
  padding-bottom : 3px;
  font-weight:bold;
  font-size:105%;
  text-align:center;
  letter-spacing:0em;
}
 
.x_list_box dl dd{  
  padding:5px;
  font-size:90%;
  text-align:center;
}
 
.x_list_box dl dt img{  
  margin: 5px auto;
  display : block;
 }

.item_desc_text h2 {
font-size:26px;
margin: 0 0 20px 0;
line-height:1.5em;
padding:0;
color: #000000;
font-weight:bold;
background:none;
}

.item_desc_text h3{
font-size:22px;
margin: 15px 0;
line-height:1.5em;
padding:0;
color: #000000;
font-weight:bold;
background:none;
}

.item_desc_text h4{
font-size:20px;
margin: 15px 0 10px;
line-height:1.5em;
padding:0;
color: #000000;
font-weight:bold;
background:none;
}

.item_desc_text h5{
font-size:18px;
margin: 15px 0 0px;
line-height:1.5em;
padding:0;
color: #000000;
font-weight:bold;
background:none;
}

.item_desc_text p{
padding:5px 0;
}
.item_desc_text img{
margin-bottom:5px;
}

.layoutnfloat{
	margin-top:20px !important;
}
.layoutnfloat .item_desc .item_desc_text p.mtb20{
	margin:20px 0;
}

.yellow_box_600{
border:1px #000000 solid;
padding:15px;
margin:20px 0;
background-color:#ffffcc;
font-weight:bold;
width:570px;
}

.layoutnfloat .item_desc .item_desc_text .caution{
border:2px #ff0000 solid;

padding:15px;
font-size:125%;
font-weight:bold;
margin:15px 0;
line-height:1.5em;
}

/*時計用箱印刷など受注生産等の特別商品ページ*/
.item_desc_text #sp_order{
	line-height:1.8em;
}
.item_desc_text #sp_order p.kome_indent {
	margin-left:1em;
	padding-left:0em;
	text-indent:-1em;
}

.item_desc_text #sp_order h2{
font-size:200%;
margin: 30px 0;
line-height:1.5em;
padding:0;
color: #000000;
font-weight:bold;
background:none;
}

.item_desc_text #sp_order h3{
font-size:150%;
margin: 20px 0 30px 0;
line-height:1.5em;
padding:8px 0 8px 10px;
color: #000000;
font-weight:bold;
background-color:#eee;
border-left:10px #016301 solid;
}

.item_desc_text #sp_order ol{
	margin:0;
	padding-top:0;
}
.item_desc_text #sp_order ol li{
	margin:15px 0;
}


/*横並び3列*/
.x_list_3menu,
.ylist{
  overflow : hidden;
  margin-top:15px;
}
 
.x_list_3menu dl{
  border-width : 1px;
  border-style : solid;
  border-color:#CCC;
  margin-right :15px;
  margin-bottom:10px;
  float : left;
  background-color: #FFF;
  height:auto;
  padding :3px;
  width:30%;
}
 
.x_list_3menu dl dt{  
  padding: 3px 5px;
  font-weight:bold;
  font-size:120%;
  text-align:center;
  letter-spacing:0em;
}
 
.x_list_3menu dl dd{  
  padding:5px;
  font-size:90%;
  text-align:center;
  border-top:1px #EEE dashed;
  margin:0;
}

.x_list_3menu dl dt img{
	width:100%;
  margin: 5px auto 10px auto;
  display : block;
    background : -webkit-gradient(linear, left top, left bottom, from(#C1BBA8), to(#fff));
    background : -webkit-linear-gradient(top, #C1BBA8, #fff);

    background : linear-gradient(to bottom, #C1BBA8, #fff);
 }




/*　フリーページベース　text_area.common　*/

.free_contents .text_area.common{
	font-size:110%;
	letter-spacing:0.02em;
	line-height:150%;
}
.free_contents .text_area.common p b{
	letter-spacing:0.03em;
}
.free_contents .text_area.common strong{
	color:#F39;
	letter-spacing:0.08em;
	background:none !important;
}

.free_contents .text_area.common .cate_box p{
	font-size:105%;
}

.free_contents .text_area.common h2,.free_contents .text_area.common#list_freepage h2,.top_page_body .main_contents .text_area h2{
	background-color: #005d93;
	border-radius: 7px;
	font-size:150%;
	font-weight:bold;
	padding:10px 0 10px 10px;
	margin:45px 0 20px 0;
	color:#fff;
	letter-spacing:0.02em;
	border-bottom:none;
}
.free_contents .text_area.common h3{
	font-size:125%;
	margin:30px 0 10px 0;
	padding:0 0 10px 0;
	font-weight:bold;
	border-bottom:1px #333 solid;
}

.free_contents .text_area.common h4{
	font-size:135%;
	margin:20px 0 10px 0;
	padding:0 0 10px 0;
	font-weight:bold;
}

.free_contents .text_area.common .rightfloat{
	padding-right:35px;
}

.free_contents .text_area.common dd ul{
	margin:-40px 0 0 -30px;
	padding:0;
}

.free_contents .text_area.common dd ul li.listnone,
.listnone{
	list-style:none;
	list-style-type:none;
	margin:0 0 0 -20px;
	padding:3px;
}


/*縦リスト*/

.free_contents .text_area.common dl.ylist,
.free_contents .text_area.common dl.ylist dt,
.free_contents .text_area.common dl.ylist dd{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
}

* html body .ylist dl dd div{
   display:inline-block;
}

.ylist{
	margin-bottom:60px;
}

.ylist dl{
	overflow:hidden;
	margin-bottom:10px;
}

.ylist dl.middle {
   border-top:1px dotted #999;
   border-bottom:1px dotted #999;
}

.ylist dl.top {
/*   border-bottom:1px dotted #999;*/
}
.ylist dl.top02 {
   border-bottom:1px dotted #999;
}

.ylist dl.end {
/*   border-bottom:1px dotted #999;*/
}

.ylist dl dt {
   float:left;
   padding:15px 0 15px 0;
   margin-bottom:10px;
   height:auto;
   margin-right:20px;
}

.ylist dl dd {
   margin-left:15px;
   padding:15px 10px 15px 40px;
}

.ylist dl dd p {
   font-size:120%;
   font-weight:bold;
}


dl.tablelist {
	margin: 5px 0;
	border: 1px solid #999;

	padding: 0;
	width: 250px;
	background:#eee url(../image/dtdd_dot.gif) 5em top repeat-y0;
}


dl.tablelist dt {
	margin: 0;
	padding: 5px 0 5px 5px;
	width: 10em;
	font-weight: bold;
	background:#eee;
}

dl.tablelist dd {
	padding: 5px 5px 5px 11em;
	margin-left: 0;
	margin-top: -2.1em;
	margin-bottom: -0.5px;
	line-height: 1.4em;
	border-bottom: 1px dotted #FFF;
}



/*ご利用案内（お買い物方法）ページ*/

.help_contents{
/*	font-size:110%;*/
	line-height:140%;
}
.help_contents .contents .help_page a.anchor_link{
	font-size:120%;
}

#help_charge.contents_box h3,
#help_tax.contents_box h3,
#help_payment.contents_box h3,
#help_coupon.contents_box h3,
#help_point.contents_box h3,
#help_spec.contents_box h3{
background-color: #48971E;
	font-size:140%;
	font-weight:bold;
	padding:12px 0 10px 10px;
	margin:35px 0 20px 0;
	color:#FFF;
background-image:none;
}

#shippingmethod6 h4,
#soryo1 h4,
#soryo2 h4,
#soryo3 h4,
#soryo4 h4,
#tax1 h4,
#payment_cod h4,
#payment_card h4,
#payment_after h4,
#payment_etc_6 h4,
#payment_etc_7 h4,
#payment_etc_8 h4,
#payment_etc_9 h4,
#payment_etc_10 h4,
#payment_etc_11 h4,
#payment_etc_12 h4{
	font-size:170%;
letter-spacing:0.05em;

margin-top:20px;
margin-bottom:8px;
padding-left:15px;
border-left:7px #48971E solid;
border-bottom:1px #CCC solid;
}

.help_txt{
	margin:10px 0 30px 0;
	font-weight:normal;
	line-height:150%;
	letter-spacing:0.04em;
	background:#F5F5F5;
	padding:20px;
}

.help_txt h5{
	font-size:140%;
	margin:25px 0 20px 0 !important;
	padding:0;
	border:none !important;
}

.help_txt p{
	padding:5px;
}

.help_txt img{
	margin:0 0 15px 0;
}

.help_txt strong{
	font-size:130%;
}

.help_txt strong.red,
.help_txt .red{
	color:#F00;
}


.help_contents .contents_box .inner_contents_box{
border:none;
}

section.charge_txt p{
	padding:8px 0 !important;
}
/*カテゴリーページ*/

.category_contents_txt{
	margin:0;
	padding:0;
}



ul.btn_list{
	overflow:hidden;
	margin:20px 0 30px 0;
	padding:15px 0;
	border-top:1px #666 dotted;
	border-bottom:1px #666 dotted;
}

ul.btn_list li{
	list-style:none;
	padding:0;
	margin:0;
}

ul.btn_list li img{
	float:left;
	margin:0 10px 0 0;
}

.btn_list :hover {
    opacity:0.8;
    filter: alpha(opacity=80);
}

.category_contents_txt p.caution{
	color:#F00;
}

.cate_box{
	overflow:hidden;
	clear:both;
}


.imgleft img{
	float:left;
	margin-right:15px;
}



.category_contents_txt h3{
	font-size:130%;
	font-weight:bold;
	line-height:1.5em;
	margin:15px 0 0 0;
	clear:both;
}

.category_contents_txt h4{
	font-size:120%;
	font-weight:bold;

	line-height:1.5em;
	margin:50px 0 10px 0;
	padding-left:10px;
	border-left:5px #060 solid;
/*	border-bottom:1px #ccc solid;*/
	color:#000;
}

.related_list{
  margin:0 0 50px 0;
}

.related_list ul,
ul.related_product{
	margin:0;
	padding:0;
	list-style-type:none;
}

.related_list ul li,
ul.related_product li{
	float:left;
	margin:0 15px 0 0;
	padding:5px 0 25px 0;
	width:100px;
	text-align:center;
	font-size:90%;
}

.related_list ul li img,
ul.related_product ul li img{
	float:left;
	width:100px;
	margin-right:5px;
	border:1px #ccc solid;
}


.related_pro_list{
	margin:0 0 50px 0;
}

.related_pro_list ul{
  font-size: 0;
  padding:0;
}

.related_pro_list li {
  display: inline-block;
  margin:0 10px 0 0;
  padding:0;

}  
.related_pro_list li p{
	text-align:center;
	font-size:90%;
	margin:5px 0;
}

.related_pro_list li img{
	width:100px;
}



/*----------FAQページ用----------*/

.free_contents .center_category_list li {
    border: none;
    float: left;
}

.free_contents .center_category_list li A {
	width:150px;
}

dl.qa{
	margin:0 0 0 5px;
	padding:0;
	font-size:110%;
	line-height:1.8em;
}

.qa dt{
	background: url(https://www.in-the-box.jp/data/on-the-table/image/q_btn.gif) no-repeat left 3px;
	padding:15px 0 15px 55px;
	height:auto;
	border-bottom:1px #ccc dotted;
	font-weight:bold;
}
.qa dd{
	background:url(https://www.in-the-box.jp/data/on-the-table/image/a_btn.gif) no-repeat left 8px;
	padding:15px 0 15px 55px;
	height:auto;
	margin-left:25px;
	margin-bottom:30px;
}


#faqtop ul{
	display:inline-block;
	width:45%;
	vertical-align:top;
}

#faqtop ul li{
	list-style:none !important;
	line-height:1.7em;
}

/*-------------商品詳細ページ----------------*/
.detail_contents .text_area{
	line-height:1.8em;
	margin-bottom:50px;
	letter-spacing:0.03em;
}

.detail_contents .text_area h1{
	line-height:1.5em;
}

/*お問い合わせはこちら（TEL・フォーム）*/
.infobox{
	font-size:100%;
	letter-spacing:0.02em;
	margin:30px auto 20px auto !important;
	text-align:center;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:10px 0 20px 0;	
}
.infobox h3.h3_title{
	text-align:center !important;
	font-size:150% !important;
	letter-spacing:0;
}
.infobox p{
	display:inline-block;
	margin:0 10px;
}
.infobox p strong{
	width:400px;
	height:56px;
	padding:20px 0 !important;
	font-size:160%;
	line-height:2em;
	letter-spacing:0.02em !important;
}

.infobox h3{
	border:none !important;
	line-height:1.7em;
	margin:15px 0 0 0 !important;
	padding:0 !important;
	font-size:110% !important;
	background:none !important;
}
.infobox h3 strong{
	font-size:170% !important;
	color:#F00 !important;
}

	
/*オーダーメイドお問い合わせ*/

.detail_contents .text_area.order .txt_intro h2{
	margin-top:20px;
	border:none;
}

.detail_contents .text_area.order .txt_intro h2 em{
font-style:normal;
color:#f00;
}

.detail_contents .text_area.order h1{
	font-size:200%;
	font-weight:bold;
	margin:35px 0 15px 0;

	text-align:center;
line-height:1.7em;
}

.detail_contents .text_area.order h2{
	font-size:130%;
	margin:50px 0 10px 0;
	padding-left:10px;
	border-left:5px #060 solid;
/*	border-bottom:1px #ccc solid;*/
	color:#000;
}

.detail_contents .text_area.order h3{
	font-size:110%;
	margin:5px 0 25px 0;
}


.detail_contents .text_area.order hr{
    border: 0;
    border-bottom: 2px dashed #ccc;
}

.detail_contents .text_area.order ol{
	margin:0 0 0 25px;
	padding:0;
	font-size:110%;
}

.detail_contents .text_area.order ol li{
	padding:5px;
}

.detail_contents .text_area.order dl dt{
	font-weight:bold;
	font-size:120%;
}

.detail_contents .text_area.order dl dd{
	margin-bottom:20px;
}



/*ギターオーダーメイド*/

.detail_contents .text_area.order#guiter{
	font-size:120%;
}
.detail_contents .text_area.order#guiter h1{
	font-size:110%;
	font-weight:bold;
	margin:35px 0 15px 0;
	text-align:center;
line-height:1.7em;
}
.detail_contents .text_area.order#guiter h1.smallsize{
	font-size:80%;
}

.detail_contents .text_area.order#guiter .txt_intro02{
	background:#FFC;
	border:1px #ccc solid;
	padding:15px;
width:98%;
}
.detail_contents .text_area.order#guiter .txt_intro02 h2{
	font-size:160%;
	color:#060;

	margin:10px 0 20px 0;
	padding:0;
}
.detail_contents .text_area.order#guiter .cate_box{
border:1px #ccc solid;

margin:30px 0;
padding-bottom:15px;
letter-spacing:0.02em;
}
.detail_contents .text_area.order#guiter .cate_box table td{
	font-size:105%;
}

.detail_contents .text_area.order#guiter .cate_box#related{
border:none;
}



/*----------------横並びメニュー共通----------------*/

.detail_contents .text_area ul.paperlist{ 
}
 
.page_contents .text_area ul.paperlist li{
  padding-left:10px;
}


.x_list_5menu{

  overflow : hidden;
margin-top:35px;
}
 
.x_list_5menu dl{  
  width : 110px;
  border-width : 1px;
  border-style : solid;
  border-color : #ccc;
  margin :0 15px 5px 0;
  padding : 5px;
  float : left;
}
 
.x_list_5menu dt{  
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #ccc;
}
 
.x_list_5menu dd{  
  padding-left : 2px;
  padding-right : 2px;
  height:40px;
  font-weight:bold;
}
 
.x_list_5menu dt img{  
  margin-bottom : 5px;
  display : block;
  width:100%;
}

/*横5*/
.x_list_5menu{
  overflow : hidden;
}
 
.x_list_5menu dl{  
  width : 110px;
  border-width : 1px;
  border-style : solid;
  border-color : #ccc;
  margin :0 15px 5px 0;
  padding : 5px;
  float : left;
}
 
.x_list_5menu dt{  
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #ccc;
}
 
.x_list_5menu dd{  
  padding-left : 2px;
  padding-right : 2px;
  height:40px;
  font-weight:bold;
}
 
.x_list_5menu dt img{  
  margin-bottom : 5px;
  display : block;
  width:100%;
}




/*横4列*/
.x_list_4menu{
  overflow : hidden;
}
 
.x_list_4menu dl{  
  width : 160px;
  border-width : 1px;
  border-style : solid;
  border-color : #ccc;
  margin :0 10px 5px 0;
  padding : 5px;
  float : left;
}
 
.x_list_4menu dt{  

  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #ccc;
}
 
.x_list_4menu dd{  
  padding-left : 2px;
  padding-right : 2px;
  font-weight:bold;
}
 
.x_list_4menu dt img{  
  margin-bottom : 5px;
  display : block;
  width:100%;
}


/*横4列 別バージョン*/
ul.box4 {
    margin:0;
	padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
 
ul.box4 li {
    margin:0 7px 20px 3px;

    padding:7px 7px 2px 7px;
    border:1px solid #ccc;
    width:21%;

    background-color:#FFFfff;
    list-style:none;
	line-height:150%;

	font-size:95%;
}
ul.box4 li img{
	border:1px #ccc solid;
	margin-bottom:5px;
}
ul.box4 li p{
	margin:5px 0;
	font-weight:normal;
	font-size:85%;
}
ul.box4 li strong{
	text-align:center;
	background:background: -prefix-linear-gradient(top, blue, white);
	background:linear-gradient(to bottom, #919191, #474747);
	margin:0 auto 5px auto;
	display: inline-block;
	padding:3px;
	color:#FFF;
}

ul.box4 li strong a{
	color:#FFF !important;
}


ul.box4#apparel_box li img{
	border:none;
	margin-bottom:5px;
	width:90%;
	text-align:center;
	
}
ul.box4#apparel_box li {
    margin:0 7px 20px 3px;
    padding:12px 0px 2px 17px;
    border:1px solid #ccc;
    width:28%;
    background-color:#EDEDED;
    list-style:none;
	line-height:150%;
	font-size:85%;
	letter-spacing:0.02em;
}


/*横2列*/
.x_list_2menu{
  overflow : hidden;
}
 
.x_list_2menu dl{  
  width : 350px;
  border-width : 1px;
  border-style : solid;
  border-color : #ccc;

  margin :0 10px 5px 0;
  padding : 5px;
  float : left;
}
 
.x_list_2menu dt{  
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #ccc;
}
 
.x_list_2menu dd{  
  padding-left : 2px;
  padding-right : 2px;

  font-weight:bold;
}
 
.x_list_2menu dt img{  
  margin-bottom : 5px;
  display : block;
  width:100%;
}

/*


.free_contents .text_area.receipt{
	font-size:115%;
}
.receipt .x_list_4menu dd{
	text-align:center;
	font-size:100%;
	padding:5px 0;
	line-height:120%;
}

.free_contents .text_area.receipt h2{
	background:none;
	margin:30px 0 20px 0;
	padding:0;
	width:100%;
}

.free_contents .text_area.receipt .cate_box .ylist dl dd h3,
.free_contents .text_area.receipt .cate_box h3{
	margin:20px 0 5px 0;
	padding:0;
	font-size:140%;
}
.free_contents .text_area.receipt .ylist{
	margin-bottom:0;
}

.free_contents .text_area.receipt .ylist dl dd,
.free_contents .text_area.receipt .ylist dl {
	margin-left:0;

	padding-left:0;
}

.free_contents .text_area.receipt dd ul{
	margin:0;
	padding:0;
}

.free_contents .text_area.receipt dd ul li.listnone{
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:3px;
}

.free_contents .text_area.receipt .detail_btn{
	margin:25px 0;
}

.free_contents .text_area.receipt .detail_btn a:{
	background:url(https://www.in-the-box.jp/data/on-the-table/image/shuno/detail_btn01.gif) no-repeat left 0;
	width:166px;
	height:43px;
	display:block;
}

.free_contents .text_area.receipt .detail_btn a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
}

.free_contents .text_area.receipt .ylist,
.free_contents .text_area.receipt .ylist dl.top{
	margin:0;
}

.free_contents .text_area.receipt .ylist .x_list_4menu{
}

.free_contents .text_area.receipt .ylist .x_list_4menu dl{
	float:left;
}

.free_contents .text_area.receipt .ylist .x_list_4menu dt{
	text-align:center;
	padding:2px;
	margin:0 auto 5px auto;
  display : block;
  height:auto;
  width:100%;
}

.free_contents .text_area.receipt .ylist .x_list_4menu dd p{
	font-size:95%;
	text-align:left;
	padding:3px;
	font-weight:normal;
}
/*
.free_contents .text_area.receipt .txt_intro{
	padding:0;
}*/
/*
.free_contents .text_area.receipt .txt_intro p{
	font-weight:normal;
}*/

#receipt h2{
	background:none !important;
	margin:20px 0;
	padding:0;
}
#receipt h2 img{
width:100%;
clear:both;
}

#receipt .cate_box{
overflow:hidden;
padding:0;
}
#receipt .cate_box h3{
margin:30px 0 20px 0;
padding:0 0 10px 0;
line-height:1.3em;
font-size:140%;
}

.tuff_bg{
	width:100%;
	background:url(https://www.in-the-box.jp/data/on-the-table/image/shuno/multi_img04.png) no-repeat right 150px;
	padding:0;
}

.kikaku_bg{
	width:100%;
	background:url(https://www.in-the-box.jp/data/on-the-table/image/shuno/multi_img05.png) no-repeat right 10px;
	padding:0;
}

.cddvd_bg{
	width:100%;
	background:url(https://www.in-the-box.jp/data/on-the-table/image/shuno/cd_img07.png) no-repeat right 120px;
	padding:0;
}

.books_bg{

	width:100%;
	background: url(https://www.in-the-box.jp/data/on-the-table/image/shuno/books_img01.png) no-repeat right 130px;
	padding:0;
}

.hunger_bg{
	width:100%;
	background: url(https://www.in-the-box.jp/data/on-the-table/image/shuno/apparel_img02.png) no-repeat right 10px;

	padding:0;
}

.paper_bg{
	width:100%;
	background: url(https://www.in-the-box.jp/data/on-the-table/image/shuno/paper_img07.png) no-repeat right 120px;
	padding:0;
}

.guiter_bg{
	width:100%;
	background: url(https://www.in-the-box.jp/data/on-the-table/image/shuno/guiter_img01.png) no-repeat right 120px;
	padding:0;
}


.tv_bg{
	width:100%;
	background: url(https://www.in-the-box.jp/data/on-the-table/image/shuno/tv_img01.png) no-repeat right 125px;
	padding:0;
}

.box_bg{
	width:100%;
	background: url(https://www.in-the-box.jp/data/on-the-table/image/shuno/box_img07.png) no-repeat right 120px;
	padding:0;
}

.dd_txt{
	font-weight:normal;
	margin-bottom:25px;
}
/*衣類用特集*/
#apparel{
    font-size:120%;
}
#apparel .x_list_4menu dl{
	width:30%;
}
#apparel .x_list_4menu dd{
	margin:0;
	padding:3px;
	text-align:center;
}
.free_contents .text_area.common ul.asagata_list{
	margin:15px 0;
	padding:0;
	border-bottom:1px #666 dotted;
}

#apparel ul.asagata_list{
	margin:15px 0;
	padding:0;
	border-bottom:1px #666 dotted;
}
#apparel h2{
	margin:20px 0;
	padding:10px;
	font-size:150%;
	text-align:left;

    background-color:#ccc;
    border-left:7px #333 solid;
}
#apparel h3{
    font-size:140%;
    margin:10px 0 0 0;
    padding:0 0 3px 0;
   	border-bottom:1px #ccc solid;
}
#apparel ul.asagata_list li{
	list-style:none;
}
#apparel .cate_box{
	overflow:hidden;
	clear:both;
	padding:0;
	margin:0;
	width:100%;
}
#apparel .cate_box img{
    margin:0 auto;
    text-align:center;
}

/*学校用*/
#school h3{
	font-size:125%;
	margin:30px 0 10px 0;
	padding:0 0 10px 0;
	font-weight:bold;
	border-bottom:none;
}

/*夏向け資材*/

#summer h2{
	background-color:#2981CB;
}
#summer .cate_box{
	overflow:hidden;
	clear:both;
	padding:0;
	margin:0;
	width:100%;
}
#summer .cate_box img{
    margin:0 20px 0 0;
	float:left;
}



/*年末年始資材*/　/*引越用資材*/
/*
.free_contents .text_area.newyear .x_list_4menu,
.free_contents .text_area#hikkoshi .x_list_4menu{
	width:100%;
}
.free_contents .text_area.newyear .x_list_4menu dl{
  border :none;
	margin:0 22px 15px 0;
	padding-left:0;
	box-sizing :border-box;
}

.free_contents .text_area#hikkoshi .x_list_4menu dl{
  border-width : 1px;
  border-style : solid;
  border-color : #999;
	margin:5px 22px 15px 0;
	padding:0;
	box-sizing :border-box;
}

.free_contents .text_area.newyear .x_list_4menu dt{
	border:none;
}

.free_contents .text_area#hikkoshi .x_list_4menu dt{ 
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #666;
  margin:0;
  padding:5px;
}

.free_contents .text_area.newyear .x_list_4menu dd{
	font-size:90%;
}
.free_contents .text_area#hikkoshi .x_list_4menu dd{
	font-size:90%;
	text-align:center;
}*/
/*
.free_contents .text_area.newyear .txt_intro{
	padding:0;
	margin:15px 0;
}*/
.free_contents .text_area#hikkoshi .txt_intro{
	font-weight:normal;
}


.free_contents .text_area#newyear .flex-box {
	border:none;
}

.free_contents .text_area#newyear .cate_box h2{
	background:url(https://www.in-the-box.jp/data/on-the-table/image/newyear/newyear_h2bg.gif) no-repeat left 0;
	background-color: #930;
	margin:0;
	padding:20px 0 20px 20px;
	border-radius: 0px;
	width:900px;
	height:20px;
	color:#FFF;
	font-size:180%;
}

.free_contents .text_area#hikkoshi h2{
	background-color: #4DB1FC;
	margin:20px 0 20px 0;
	padding:15px;
	border-radius: 0px;
	width:900px;
	color:#FFF;
	font-size:160%;
}
.free_contents .text_area#newyear .cate_box{
	background: url(https://www.in-the-box.jp/data/on-the-table/image/newyear/newyear_bg.jpg) repeat;
	border:1px #D8B6B6 solid;
	width:900px;
	margin-bottom:25px;
	padding-bottom:25px;
}
.free_contents .text_area#newyear .cate_box p{
    padding-right:20px;
}
.free_contents .text_area#hikkoshi .cate_box{
	border:1px #666666 solid;
	width:750px;
	margin-bottom:25px;
}
.free_contents .text_area#hikkoshi .cate_box h2{
	padding:10px 10px 7px 10px;
	margin:0;
	width:750px;
}

.free_contents .text_area#hikkoshi .cate_box img{
	float:left;
}

.free_contents .text_area#newyear .cate_box p{
	margin:0 0 0 15px; 
}
.free_contents .text_area#hikkoshi .cate_box p{
	margin:0 0 0 15px;
	font-size:120%;
}

.free_contents .text_area#newyear .cate_box p.large{
	font-weight:bold;
	color:#900;
	font-size:120%;
letter-spacing:0.02em;
}


.free_contents .text_area#newyear .cate_box p img{
	float:left;
	border:1px #D3CFA5 solid;
	margin:10px 20px 20px 5px;
}

.free_contents .text_area#newyear .detail_btn,
.free_contents .text_area#newyear .detail_btn_dan,
.free_contents .text_area#newyear .detail_btn_sty{
	margin:15px 0 0 355px;
}
.free_contents .text_area#hikkoshi .detail_btn{
	width:239px;

	margin:20px 0 0 200px;
}


.free_contents .text_area#hikkoshi .detail_btn a:link{
		background: url(https://www.in-the-box.jp/data/on-the-table/image/hikkoshi/detail_btn.gif) no-repeat right 0;
	width:239px;
	height:35px;
	display:block;
	text-indent:-999999px;

}

.free_contents .text_area#newyear .detail_btn a:link{
		background: url(https://www.in-the-box.jp/data/on-the-table/image/newyear/ny_detailbtn.gif) no-repeat left 0;
	width:234px;
	height:37px;
	display:block;
	text-indent:-999999px;
}


.free_contents .text_area#newyear .detail_btn_dan a:link{
	background: url(https://www.in-the-box.jp/data/on-the-table/image/newyear/dan_detailbtn.gif) no-repeat left 0;
	width:234px;
	height:37px;
	display:block;
	text-indent:-999999px;
}

.free_contents .text_area#newyear .detail_btn_sty a:link{
	background: url(https://www.in-the-box.jp/data/on-the-table/image/newyear/sty_detailbtn.gif) no-repeat left 0;
	width:234px;
	height:37px;
	display:block;
	text-indent:-999999px;
}

.free_contents .text_area#newyear .detail_btn a:hover,
.free_contents .text_area#newyear .detail_btn_dan a:hover,
.free_contents .text_area#newyear .detail_btn_sty a:hover,
.free_contents .text_area#hikkoshi .detail_btn a:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
}


/*食品用資材*/
.free_contents .text_area#foods .x_list_4menu h2{
	font-size:120%;
	color:#009900;

	font-weight:bold;
	margin:35px 0 0 0;
	padding:10px 10px 10px 0;
    border-bottom:2px #009900 solid;
	border-radius: 0;
	background:none !important;
}

.free_contents .text_area#foods .x_list_4menu dl{
  background-color:#FFC;
  min-height:180px;
  text-align:center;
}
.free_contents .text_area#foods .x_list_4menu dt{
	margin:0;
	padding:0;
}

.free_contents .text_area#foods .x_list_4menu dd{
	font-weight:normal;

}




/*活用事例*/
#example .txt_intro,
#example_info .txt_intro{
	font-weight:normal;
	font-size:105%;
}
#example .cate_box img {
      padding:7px;
      border:1px solid #ccc;
      background:#fff;
      box-shadow: 1px 1px 5px rgba(20,20,20,0.2);/* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
}

#example dl{
	margin:15px 0;
	overflow:hidden; /*floatしたので高さ確保*/
	border-bottom:1px solid #ccc;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-top:none; /*dt,dd設定とかぶるので*/
	background:#eee;
}
#example dt{
	width:100%;
	float:left;
	padding:10px;
	border-top:1px solid #ccc;
}
#example dd{
	width:100%;
	float:left;
	padding:10px;
	border-top:1px solid #ccc;
	background:#fff;
}
dd:after{
	clear:both; /*1段ずつfloat解除する設定(いらない？)*/
}

#example .cate_box dd img {
	border:none;
	box-shadow:none;
}

#example .cate_box{
	margin:20px 0;
}

#example_info h3{
	border-bottom:1px #CCCCCC solid;
	width:96%;
}

#example_info ul{
	margin-left:20px;
}
#example_info li em{
	font-weight:bold;
	font-style:normal;
	color: #C00;
	font-size:110%;
}


#example_info .form_btn{
	width:379px;
	height:72px;
	margin:20px auto;
}


#example_info .form_btn a:link{
	background: url(https://www.in-the-box.jp/data/on-the-table/image/jirei/form_btn01.gif) no-repeat center 0;
	width:379px;
	height:72px;
	display:block;
	text-indent:-999999px;
}

#example_info .form_btn a:hover{
	background: url(https://www.in-the-box.jp/data/on-the-table/image/jirei/form_btn02.gif) no-repeat center 0;
	width:379px;
	height:72px;
	display:block;
	text-indent:-999999px;
}


/*ダンボールの強度について*/
#strength.text_area{
	letter-spacing:0.03em;
}

#strength.text_area p{
	line-height:2.0em;
}

#strength.text_area p.normal{
	line-height:1.2em;
}
#strength.text_area p b{
	letter-spacing:0.05em;
}
#strength.text_area strong{
	color:#F39;

	letter-spacing:0.08em;
	background:none !important;
}
#strength.text_area strong.green,#strength.text_area .green{
	color:#009900;
	letter-spacing:0.1em;
}
#strength.text_area strong.blue,#strength.text_area .blue{
	color:#039;
	letter-spacing:0.1em;
}
/*
#strength.text_area .txt_intro{
	margin:25px 0 10px 0 !important;
	background:none !important;
}*/
#strength.text_area .txt_intro p{
	font-weight:bold;
	background:none !important;
}

#strength.text_area .cate_box p{
	line-height:2.0em;
}

#strength.text_area h2{
	padding:10px;
	font-weight:bold;
	color:#333;
	border-left:7px #FF3399 solid;

	background-color:#eee;
	border-radius:0;
	margin-top:15px !important;
	font-size:140% !important;
}

#strength.text_area h3{
	margin:40px 0 10px 0;

	padding:0;
	font-weight:bold;
}

#strength table{
	font-size:105%;
}
#strength table.type08 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #666;
}

#strength table.type08 thead th {
	padding: 10px;
	font-weight: bold;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #C2F3C2;
}
#strength table.type08 tbody th {
	width: 140px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #ececec;
	color:#009900;
}
#strength table.type08 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #666;

	border-bottom: 1px solid #666;
}

#strength table.type09 {
	width:80px;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #666;
}

#strength table.type09 thead th {
	padding: 10px;
	font-weight: bold;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #D4E2FF;
}
#strength table.type09 tbody th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #ececec;
	color:#039;
}
#strength table.type09 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
#strength table.type10 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #666;
}

#strength table.type10 thead th {
	padding: 10px;
	font-weight: bold;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #eee;
}
#strength table.type10 tbody th {
	width: 100px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #ececec;
	color:#000;
}
#strength table.type10 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

/*ダンボールの材質について（フリーページ）*/

#material h3{
		margin:50px 0 15px 0 !important;
}
#material h3.check{
	position: relative;
	padding-left: 1.5em;
	line-height: 1.4;
}
#material h3.check:before{ font-family: "Font Awesome 5 Free";
	content: "\f00c";
	position: absolute;
	font-size: 1em;
	left: 0;
	top: 0;
	color: #666666;
}

#material h3.nb0102{
	background: url(https://www.in-the-box.jp/data/on-the-table/image/about_material/nb0102.png) no-repeat left 0;
	padding:8px 0 0 80px !important;
	height:40px;
	
}
#material h3.nb03{
	background: url(https://www.in-the-box.jp/data/on-the-table/image/about_material/nb03.png) no-repeat left 0;
	padding:8px 0 0 40px !important;
	height:40px;
}
#material h3.nb04{
	background: url(https://www.in-the-box.jp/data/on-the-table/image/about_material/nb04.png) no-repeat left 0;
	padding:8px 0 0 40px !important;
	height:40px;
}

/*ダンボールの強度レベル　テーブル用*/
table.grad01 {
    margin: 30px auto 20px auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
	padding-left:15px;
}
 
table.grad01 th {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    background-color: #DDDDDD;
    color: #333;
	vertical-align:top;
	font-size:120%;
}
 
table.grad01 td {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
	vertical-align:top;
}

table.grad01 th.r00,
table.grad01 td.r00 {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
} 
table.grad01 th.r0,
table.grad01 td.r0 {
    border-left: #fff 1px solid;
} 
table.grad01 th.r1 {
    border-right: #999 1px solid;
    background: #EEE;
	color:#333;
	width:15%;
}
 
table.grad01 th.r2,
table.grad01 td.r2 {
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
}
table.grad01 td.r2{
	    background: #FFCECE;
}
table.grad01 th.r2,
table.grad01 th.r3,
table.grad01 th.r4 {
    text-align: center;
	width:28.3%;
}
 
table.grad01 th.r3,
table.grad01 td.r3 {    border-left: #fff 1px solid;
    border-right: #999 1px solid;
}
table.grad01 th.r3{
position: relative;/*相対位置*/
padding-left: 1.5em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
}

table.grad01 th.r3:before{ font-family: "Font Awesome 5 Free";/*忘れずに*/
content: "\f140";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 2;/*アイコンの位置*/
top: 3;/*アイコンの位置*/
color: #FF0000; /*アイコン色*/
margin-left:30px;
}
table.grad01 td.r3{
	    background: #FEADAD;
}
 
table.grad01 th.r4,
table.grad01 td.r4 {
    border-left: #fff 1px solid;
}
table.grad01 td.r4{
	    background: #FF8F8F;
}









/* オーダーメイドについて*/

#ordermade,#semiorder{
	font-size:115%;
}
#ordermade .txt_intro,#semiorder .txt_intro{
    margin-top:20px;
}
#ordermade h1,#semiorder h1{
    font-size:120%;
}
#ordermade h2{
    font-size:120%;
}
#ordermade .cate_box,#ordermade .cate_box p,#semiorder .cate_box,#semiorder .cate_box p{
	line-height:150%;
}
#ordermade .flex-wrap#ordermade_menu{
	margin:20px 0;
}

#ordermade .flex-wrap#ordermade_menu .flex-box{
	border:4px solid #ccc;
	border-radius:8px;
}
#ordermade .flex-wrap#ordermade_menu .flex-box.bg_red,#ordermade .flex-wrap#ordermade_menu .flex-box.bg_red a,#ordermade h2.bg_red{
	background-color:#EE8888 !important;
	display:block;
}
#ordermade .flex-wrap#ordermade_menu .flex-box.bg_yellow,#ordermade .flex-wrap#ordermade_menu .flex-box.bg_yellow a,#ordermade h2.bg_yellow{
	background-color:#D1C942 !important;
	display:block;

}
#ordermade .flex-wrap#ordermade_menu .flex-box.bg_green,#ordermade .flex-wrap#ordermade_menu .flex-box.bg_green a,#ordermade h2.bg_green{
	background-color:#91D35C !important;
	display:block;
}
#ordermade .flex-wrap#ordermade_menu .flex-box.bg_water,#ordermade .flex-wrap#ordermade_menu .flex-box.bg_water a,#ordermade h2.bg_water{
	background-color:#74C9D8 !important;
	display:block;
}

#ordermade .flex-wrap#ordermade_menu .flex-box h2{
	font-size:130% !important;
	color:#FFF !important;
	padding-bottom:5px;
}
#ordermade .flex-wrap#ordermade_menu .flex-box a:hover,#semiorder .flex-wrap#ordermade_menu .flex-box a:hover{
	display:block!important;
    filter:alpha(opacity=70) !important;
    -moz-opacity: 0.7 !important;
    opacity: 0.7 !important;
}
#ordermade .flex-wrap#ordermade_menu .flex-box p{
	color:#FFF !important;
}
#ordermade .flex-wrap#ordermade_menu .flex-box p img,#semiorder .flex-wrap#ordermade_menu .flex-box p img{
	width:40%;
	margin:0 auto;
	text-align:center;
	padding-bottom:10px;
}

#ordermade .yellow_box_600{
	line-height:150%;
}

#ordermade .yellow_box_600 ul{
	font-size:110%;
	margin:15px 0 15px 25px;
}

#ordermade #order_navi,#ordermade #order_navi_top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top:20px;
}

#ordermade #order_navi div.navi{
  width : 33% ;  
  width: -webkit-calc(33.0% - 10px);
  width: calc(33.0% - 10px);
   margin: 4px;
  border:1px #ccc solid;
  text-align:center;
  background:#eee;
  line-height:140%;
  letter-spacing:0.05em;
}
#ordermade #order_navi_top div.navi{
  width : 25% ;  
  width: -webkit-calc(24.0% - 10px);
  width: calc(24.0% - 4px);
   margin: 4px;
  border:1px #ccc solid;
  text-align:center;
  background:#eee;
  line-height:140%;
  letter-spacing:0.03em;
}
#ordermade #order_navi div.navi hr,#ordermade #order_navi_top div.navi hr{
	margin:3px 0 0 0;
	padding:0;
	height:1px;
}
#ordermade #order_navi div.navi a{
 	display:block;
	padding:7px 5px 0px 5px;
  font-weight:bold;
  min-height:110px;
}
#ordermade #order_navi_top div.navi a{
 	display:block;
	padding:7px 5px 0px 5px;
  font-weight:bold;
    min-height:90px;
}
#ordermade #order_navi div.navi p,#ordermade #order_navi_top div.navi p{
	font-size:85%;
	font-weight:normal;
    letter-spacing:0.02em;
}
#ordermade #order_navi div.navi a:hover,#ordermade #order_navi_top div.navi a:hover{
	background:#fff;
}

#ordermade .qa{
	font-size:100%;
}

/*オーダーメイドについて（カテゴリページ用）*/

.categorylist_desc #ordermade{
	font-size:120%;
}
.categorylist_desc #ordermade .txt_intro{
	margin:25px 0;
}
.categorylist_desc #ordermade .txt_intro p{
	line-height:1.5em;
}



/*セミオーダーのご案内*/
#semiorder .flex-wrap#ordermade_menu{
    margin:20px 0 25px 0;
}
#semiorder .cate_box p.kome{
font-size:90%;
    color:#FF0000;
}
#semiorder .gotop{
    margin-top:50px !important;
}
#semiorder hr.hr01{
  background-color: #fff;
  border-top: 2px dashed #bbb;
    margin:0;
    padding:0;
}
#semiorder .flex-wrap#ordermade_menu .flex-box{
	border-radius:8px;
}
#semiorder h2{
    color:#fff !important;
   	padding:15px;
    font-size:140%;
}
#semiorder h2.bo_water{
    background-color:#58c3e3;
        color:#fff !important;
}
#semiorder h2.bo_yellow{
    background-color:#fed201;
        color:#fff !important;
}
#semiorder h2.bo_pink{
    background-color:#eb6e8e;
        color:#fff !important;
}
#semiorder h2.bo_orange{
    background-color:#f99f61;
        color:#fff !important;
}
#semiorder h2.bo_green{
    background-color:#b8d644;
        color:#fff !important;
}
#semiorder .flex-wrap#ordermade_menu .flex-box.bg_water{
    background-color:#b7edfd;
}
#semiorder .flex-wrap#ordermade_menu .flex-box.bg_yellow{
    background-color:#feeea0;
}
#semiorder .flex-wrap#ordermade_menu .flex-box.bg_pink{
    background-color:#fecdda;
}
#semiorder .flex-wrap#ordermade_menu .flex-box.bg_orange{
    background-color:#ffdbc2;
}
#semiorder .flex-wrap#ordermade_menu .flex-box.bg_green{
    background-color:#eaf8b7;
}
#semiorder .flex-wrap#ordermade_menu .flex-box img{
    background-color:#fff;
}
#semiorder .flex-wrap#ordermade_menu .flex-box h2,#semiorder .flex-wrap#ordermade_menu .flex-box a p,#semiorder h2{
	color:#666 !important;
}
#semiorder .flex-wrap#ordermade_menu .flex-box p{
    margin:0;
    padding:3px !important;
}
#semiorder .flex-wrap#ordermade_menu .flex-box h2{
	font-size:110% !important;
	padding:0 0 5px 0;
    margin:0;
    color:#666;
    background:none !important;
}

#semiorder .links{
    background-color: #ffe;
    border: 1px solid #999;
    list-style-type:none;
    position: relative;
    margin-top: 0;
    padding: 1em;
}
#semiorder li{
    position: relative;
    margin-left:20px;
}
#semiorder li:before {
    content: "\f101";
    color: #111;
    font-family: Fontawesome;
    margin-right: .4em;
    position: absolute;
    left: -1.2em;
}
#semiorder .links:before {
    content: "";
    background-color: rgba(255, 228, 181, .6);
    position: absolute;
    top: -1.5em;
    left: 40%;
    width: 100px;
    height: 40px;
    transform: rotate( -10deg );
}

/*step*/
ul.baloon{
	margin:20px auto;
}
#balloon_bottom {
	margin:20px auto;
	position: relative;
	display: inline-block;
	padding: 10px 15px 0 15px;
	width: 95%;
	min-height: 40px;
	height:auto;
	line-height: 34px;
	color: #19283C;
	text-align: center;
	background: #FFF;
	border: 3px solid #ddd;
	z-index: 0;
}
#balloon_bottom:before {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #ddd transparent transparent transparent;
	z-index: 0;
}
#balloon_bottom:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ddd transparent transparent transparent;
	z-index: -1;
}
#balloon_bottom p,
#balloon_end p,
#balloon_end strong,
#balloon_bottom strong{
	margin:0 0 0 100px;
	padding:0 0 0 0;
}
#balloon_bottom strong,
#balloon_end strong{
	color:#EE8888;
	font-size:130%;
}

#balloon_end {
	margin:20px auto;
	position: relative;
	display: inline-block;
	padding: 10px 15px 0 15px;
	width: 95%;
	min-height: 40px;
	height:auto;
	line-height: 34px;
	color: #19283C;
	text-align: center;
	background: #FFD9D9;
	border: 3px solid #ddd;
	z-index: 0;
}

#balloon_end img,
#balloon_bottom img{
	float:right;
	width:100px;
	margin:15px 0;
}


/*バレンタインデーホワイトデー特集*/

.free_contents .text_area.vdwd .txt_intro{
	font-weight:normal;
	margin:0;
}
.free_contents .text_area.vdwd .txt_intro h2{
	font-size:110%;
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	font-weight:bold;
	border-bottom:1px #7F624A solid;
	background:none;
	height:auto;
	color:#785D46;
	width:95%;
}
.free_contents .text_area.vdwd .txt_intro ul.page_menu{
	margin:0 0 30px 0;
	padding:0;
}

.free_contents .text_area.vdwd ul.page_menu li img{
	width:175px;
}
.free_contents .text_area.vdwd ul.page_menu li{
	float:left;
	margin-left:0;
	padding:0 5px 0 0;
	list-style:none;
}
.free_contents .text_area.vdwd .vdwd_contents h2{
	margin:35px 0 25px 0;
	padding:20px 0 0 15px;
	background:url(https://www.in-the-box.jp/data/on-the-table/image/vdwd/h2_bg.gif) no-repeat left 0;
	height:70px;
	color:#4E2E13;
	font-size:170%;
}

.free_contents .text_area.vdwd .vdwd_box{
width: 720px;
margin-top:20px;
}

.free_contents .text_area.vdwd ul.vdwd_box {
width: 730px;
margin-right: -10px;
_zoom: 1;
}

.free_contents .text_area.vdwd ul.vdwd_box li {
display: inline-block; /* 横並び */
  width: 235px;
  vertical-align: top; /* li要素を上端揃えに */
  margin: 0 5px 20px 0;
  padding:0;
  vertical-align:top;
  background:url(https://www.in-the-box.jp/data/on-the-table/image/vdwd/vdwdbox_bg.gif) no-repeat center 0;
}
.free_contents .text_area.vdwd .vdwd_box img{
	width:98%;
	text-align:center;
	margin:0 auto;
	padding:3px;
}
.free_contents .text_area.vdwd ul.vdwd_box li p{
	padding:5px;
}

.free_contents .text_area.vdwd ul.vdwd_box li h3{
	background:#583D25 url(https://www.in-the-box.jp/data/on-the-table/image/vdwd/vdwdtxt_bg.gif) no-repeat center left;
	font-size:120%;
	margin:0;
	font-weight:normal;
	color:#FFF;
	padding:5px;
	text-align:center;
}

/* IE6 */
.free_contents .text_area.vdwd ul.vdwd_box li {
  _display: inline; /* display: inline-block;の代わり */
  _zoom: 1; /* 状況によって使い分ける */
}
 

/* IE7 */
*:first-child+html .free_contents .text_area.vdwd ul.vdwd_box li {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}

/*なりすましECサイトについて*/

.free_contents .text_area.common#txt_page{
	line-height:140%;
}
.free_contents .text_area.common#txt_page h1{
	margin-bottom:0;
}
.free_contents .text_area.common#txt_page h2{
	margin-top:0;
}

.free_contents .text_area.common#txt_page .caution_txt{
	margin:0;
	padding:0;
}
.free_contents .text_area.common#txt_page .caution_txt .c_red{
	font-size:120%;
	font-weight: bold;
	line-height:150%;
}

.free_contents .text_area.common#txt_page .cate_box{
	margin-top:0;
	padding-top:0;
}
.free_contents .text_area.common#txt_page p{
	margin-left:10px;
	margin-bottom:15px;
}

.free_contents .text_area.common#txt_page ul{
	margin:0 0 15px 15px;
	padding-left:10px;
}

.free_contents .text_area.common#txt_page ul li{
	padding:5px 0 5px 8px;
	list-style-type:disc !important;
	margin-left:15px;
}
	

/*シールの材質について*/
/*リスト横並び*/
     
ul.main-nav_s{
    margin:0;
    padding:0;
}

ul.main-nav_s li {
  display: inline-block;
  margin:0 0 0 10px;
  padding:5px 0;
  list-style:none;
}  


/*ギターパーツセールページ用*/

.g_sale .txt_intro{
	text-align:center;
	font-size:130%;
	font-weight:bold;
	margin-bottom:50px;
	line-height:1.7em;
}
.g_sale h3{
	font-weight:bold;
	font-size:150%;
	line-height:2em;
	margin:5px 0 10px 0;
border-bottom:1px #666 solid;
}


.g_sale dl{
	text-align:left;

	margin:30px 0 30px 20px;
	line-height:2em;
	font-size:110%;
}

.g_sale dl dt{
	font-size:130%;
	font-weight:bold;
	margin-top:5px;
	color: #009;
	letter-spacing:0.02em;
}

.g_sale dl dt strong{
	font-size:130%;
	font-weight:bold;
	color:#900;
}
.g_sale dl dd{
	margin:5px 0 20px 0;
}
.g_sale dl dd strong{
	color:#900;
	font-size:110%;
}

.g_sale .yellow_box{
width:700px;
padding:5px;
margin:20px 0 0 0;
}


/*グローバルメニュー下　サブメニュー*/
.globalNav {
    text-align:center;
    font-size:105%;
    display:inline-block;
    list-style: none;
    margin:0 0 0 -10px;
    padding:0;
    width:980px;
}
 
.globalNav li.li01 {
    float: left;
    border-right: 1px solid #ccc;
    list-style: none;
}
.globalNav li.li02 {
    float: left;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    list-style: none;
}
.globalNav li.li01 a p,
.globalNav li.li02 a p{
    margin:10px 0;
    color: #AAA;
    text-transform: uppercase;
    font-size: 80%;
    letter-spacing: 1px;
}
 
.globalNav li.li01 a,
.globalNav li.li02 a {
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    list-style: none;
    height:35px;
    min-width:126px;
    margin:0;
    background:#F5F2E8;
    letter-spacing:0.07em;
}

.globalNav li.li01 a:hover,
.globalNav li.li02 a:hover{
    color: #AD3D3D;
    background:#F5F2E8;
}



/*縦バナー*/
#tate_left { right: 0px;  }

#tate_left ul li.tateobi1 a {
	display: block;
	min-height: 100%;
	width: 95px;         /*画像の横幅*/
	visibility: visible;
	height: 7000px;
	text-indent:-9999px;
	list-style-type:none;
	list-style-image:none;
    color:#FFF;
}

#tate_left ul li.tateobi1 {    
	background: url(https://www.in-the-box.jp/data/on-the-table/image/y_guiter_bnr.gif) repeat-y scroll;
	min-height: 100%;
	height: 7000px;
	top: 188px;
	z-index:auto;
	visibility: visible;
	list-style-type:none;
	list-style-image:none;
    color:#FFF;
   	text-indent:-99999px;

}

#tate_left {
	position: absolute;
	width: 95px;         /*画像の横幅*/
	min-height:100%;
	visibility: visible;
	display: block;
}


 @media screen and (max-width: 1220px) {
 #tate_left {
	visibility: hidden;
}
}

div#calendar table.FixTable {
	width:auto;
}

/*テーブルレイアウト*/
table.FixTable {
  margin:0 0 10px 0;
  padding:0;
  border-collapse: collapse;
  border-spacing: 0;
  border:solid 1px #808080;
  width:;
}

table.FixTable th{
    border-right:dotted 1px #808080;
    border-bottom:solid 1px #808080;
    background-color:#f2f2f2;
    color:#333;
    width:;
}

table.FixTable td{
	border-bottom:solid 1px #808080;
	border-right:dotted 1px #808080;
	line-height:150%;
}
table.FixTable th,
table.FixTable td{
    padding:10px;
}

table.FixTable td:last-child{
	border-right:none;
}
table.FixTable#list_table th,table.FixTable#list_table_main th{
	width:auto;
}
table.FixTable#list_table th,
table.FixTable#list_table td,
table.FixTable#list_table_main th,
table.FixTable#list_table_main td{
    padding:7px;
}
table.FixTable#list_table_main th{
    background-color:#f2f2f2 !important;
}

table.FixTable.w_auto {
	width:auto;
	min-width:700px;
}
table.FixTable.w_600 {
	width:600px;
}

/*フリーページ気泡緩衝材 規格、紐など細かい表の一覧表用*/
div#list_freepage table.FixTable{
	border:solid 1px #A6A5A5;
}
div#list_freepage table.FixTable th,div#air_roll table.FixTable td{
	font-size:100%;
}
div#list_freepage table.FixTable th{
	width:auto;
}
div#list_freepage table.FixTable tr{
	border:dotted 1px #A6A5A5 !important;
}
div#list_freepage table.FixTable td{
	border-bottom:none !important;
	border-right:solid 1px #A6A5A5 !important;
	border-left:none !important;
}
div#list_freepage .gotop{
	font-size:14px;
	text-align:right;
	font-size:90%;
}

div#list_freepage h2{
    font-size:150%;
	font-weight:bold;
	border-bottom:1px #333333 solid;
	margin:25px 0;
	padding:15px 5px;
	
}
div#list_freepage h3{
    font-size:130%;
	font-weight:bold;
	margin:3px 0;
	padding:3px 5px;
}


/*フリーページ組立箱*/
div#kumitate table.FixTable th,div#kumitate table.FixTable td{
	font-size:90%;
}
div#kumitate table.FixTable th{
	width:auto;
}
div#kumitate .gotop{
	font-size:14px;
	text-align:right;
	font-size:90%;
}
div#kumitate h2{
    font-size:150%;
	font-weight:bold;
	border-bottom:1px #333333 solid;
	margin:25px 0;
	padding:15px 5px;
}

#size_serch_system iframe{
width: 200px;
height: 550px;
}*/
#size_serch_system .box {
  float: left;
}/*
#size_serch_system input {
  width: 70px;
}*/
dl,dt,dd{
	margin:0;
	padding:;
}
#size_serch_system div.input_area {
margin: 5px 10px 15px 5%;
}

#size_serch_system .resize {
    position: absolute;
    left: 5%;
    float: left;
}

#size_serch_system .pagination {
    position: absolute;
    left: 5%;
}
#size_serch_system table.product{
    border: 2px #ff0000 solid;
	border-collapse: separate;
	border-spacing: 5px 20px;
}
#size_serch_system td.pid {
    padding: 10px 10px;
}



div.waku a{
border: 3px #000000 solid; /* 枠線の装飾 */

background-color: #FFFFFF; /* 背景色 */
    text-align:center;
    padding:10px;
    margin:20px auto 10px auto;
    font-weight:bold;
    font-size:150%;
    width:90%;
    display:block;
}


div.kadomaru {
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari,Chrome */
border-radius: 20px; /* CSS3 */
border: 5px #ff0000 solid; /* 枠線の装飾 */
background-color: #FFFFCC; /* 背景色 */
    text-align:center;
    padding:20px;
    margin:20px;
    font-weight:bold;
}


div.kadomaru h4{
    font-size:210%;
    font-weight:bold;
    color:#FF0000;
}
p.kome_indent {
  padding-left: 1em;
  text-indent: -1em;
}

dl.fushokuhu {
  width:600px;
}
dl.fushokuhu dt {
  margin:10px 0;
  float:left;
  clear:left;
  width:80px;
}
dl.fushokuhu dd {
 margin:10px 0;
  float:left;
  width:520px;
}
dl.fushokuhu:after{
  content: ""; 
  display: block; 
  clear: both;
}

/*ボタン*/
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.5em 2em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*色*/
    border-radius: 2px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 2px #d27d00;/*線色*/
    font-size:120%;
	margin:20px 0;
}

.square_btn:active {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
    color:#FFF !important;
}
.square_btn:hover,.square_btn01:hover,.square_btn02:hover{
    color:#FFF !important;
}

/*角丸ボタン*/
.square_btn01 {
	text-align:center;
	display: block;
    padding: 0.5em 2em;
    text-decoration: none;
    color: #FFF;
    background: #016301;
    border-radius: 5px;/*角の丸み*/
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
    font-weight: bold;
    font-size:110%;
	margin:0 auto;
}

.square_btn02 {
	text-align:center;
	display: block;
    padding: 0.5em 2em;
    text-decoration: none;
    color: #FFF;
    background: #25b2d9;
    border-radius: 5px;/*角の丸み*/
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
    font-size:100%;
	letter-spacing:0.02em;
	margin:5px auto 0 auto;
	font-weight: bold;
}

.square_btn01:active,.square_btn02:active {
    color:#FFF !important;
}

/*トップページヘッダ部のお知らせ用*/
table.info_table{
    border:4px #DD5270 solid;
    margin:0 auto;
}
table.info_table td{
    padding:10px 30px;
    text-align:center;
    font-size:110%;
}
table.info_table td p{
    padding:3px;
}
table.info_table td p strong{
    font-size:110%;
    font-weight:bold;
}
table.info_table td img{
    margin:10px 0;
}
table.info_table h2{
    font-size:150%;
    font-weight:bold;
}


/*youtube 横並び用　3は小さめサイズ*/
.video-container2 iframe{
    float:left;
    width:45%;
    margin:10px 20px 10px 0;
}
.video-container3 iframe{
    float:left;
    width:30%;
    margin:10px 20px 10px 0;
}
.video-container2:after, .video-container2:before,.video-container3:after, .video-container3:before {
    content: "";
    clear: both;
    display: block;
}










/*201709最新　横並びボックス用　3列or4列*/
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-box {
	border:1px #ccc solid;
	margin-bottom: 15px;
	padding: 10px 10px 5px 10px;
	background-color: #FFF;
}
.flex-box.b_none{
    border:none !important;
}
.flex-box.flex02 {
	width: 45%;
	border:none;
}
.flex-box.flex03 {
	width: 25%;
}
.flex-box.flex04 {
	width: 20%;
}
.flex-box.flex05 {
	width: 16%;
}
.flex-box.flex06 {
	width: 13%;
}
.flex-box.flex07 {
	width: 10%;
}

.flex-box a:hover{
	display:block;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


.flex-box img {
	display: block;
	margin-bottom: 5px;
	width: 100%;
	height: auto;
}

.flex-box h2{
	margin:0 0 3px 0 !important;
	padding:5px 0 !important;
	font-size: 110% !important;
	text-align: center;
    line-height:120%!important;
	background:none !important;
	color:#000 !important;
	
}


.free_contents .text_area .flex-box h2,.free_contents  .text_area.common .flex-box h2,.text_area.common#list_freepage .flex-box h2,div#list_freepage .flex-wrap h2{
	margin:0 0 3px 0 !important;
	padding:5px 0 !important;
	font-size: 95% !important;
	text-align: center;
    line-height:120%!important;
	background:none !important;
	color:#000 !important;
	
}
.flex-box p{
	font-size:90% !important;
	font-weight: normal !important;
	line-height:130% !important;
	margin:0 !important;
	padding:0 !important;
}

.text_area.common#list_freepage .flex-box p,div#list_freepage .flex-wrap p{
    text-align:center;
}
    
/*3カラムの場合の調整*/
.flex-wrap .flex-box.flex03::before{
  content:"";
  display: block;
  width:25%;
  order:1;
}

.flex-wrap .flex-box.flex03::after{
  content:"";
  display: block;
  width:25%;
}

.flex-wrap .flex-box.flex04::before{
  content:"";
  display: block;
  width:21%;
  order:1;
}
.flex-wrap .flex-box.flex04::after{
  content:"";
  display: block;
  width:21%;
}
.flex-wrap .flex-box.flex05::before{
  content:"";

  display: block;
  width:16%;
  order:1;
}
.flex-wrap .flex-box.flex05::after{
  content:"";
  display: block;
  width:16%;

}
.flex-wrap .flex-box.flex06::after{
  content:"";
  display: block;
  width:13%;
}

.flex-wrap .flex-box.flex07::after{
  content:"";
  display: block;
  width:10%;
}



/*フリーページ　アイコン向け　枠無し*/
.flex-wrap#icon_common{
	margin:0;
	border: none !important;
	margin-bottom: 15px;
	padding: 10px 10px 5px 0;
	background-color: #FFF;
	font-size:90%;
}
.flex-wrap#icon_common .flex-box{
	border:none !important;
	padding:5px 5px 0 5px;
	background:none;
	margin:5px 3px 7px 3px;
}

.flex-wrap#icon_common .flex-box h2 {
	margin:0 0 3px 0 !important;
	padding:5px 0 !important;
	font-size: 90% !important;
	text-align: center;

    line-height:120%!important;
	background:none !important;
	color:#000 !important;
	border:none !important;
	
}
.flex-wrap#icon_common .flex-box img{
	border:1px #ccc solid;
}
.flex-wrap#icon_common .flex-box p{
	text-align:center;
	font-size:90% !important;
	font-weight: normal !important;
	line-height:130% !important;
	margin:5px 0 0 0 !important;
	padding:0 !important;
}
.flex-wrap#icon_common .flex-box.flex05 {
	width: 16%;
}


/*トップページ　オーダーメイド部分*/
.index_ordermade .flex-wrap#icon_common .flex-box{
    margin:0 !important;
    padding:0 !important;
}
.flex-wrap#icon_common .flex-box.flex03 {
	width: 32%;
}



/*収納グッズ特集ページ　アイコンリスト*/
#receipt .flex-wrap#icon{
		margin:0;
}
#receipt .flex-wrap#icon .flex-box{
	border:1px #ccc solid;
	padding:5px 5px 0 5px;
	background:none;
	margin:5px 3px;
}

#receipt .flex-wrap#icon .flex-box.flex03 {
	width: 21%;
}

/*オーダーメイドカテゴリアイコン用*/
.flex-wrap#orderbnr .flex-box{
	border:none;
	background:none !important;
	margin:0 0 5px 0;
	padding:3px;
}
.flex-wrap#orderbnr .flex-box img {
	margin:0 0 5px 0;
	padding:0;
}
.flex-wrap#orderbnr .flex-box.flex03 {
	width: 32%;
}
.flex-wrap#orderbnr .flex-box.flex04 {
	width: 23.5%;
}

.flex-wrap#orderbnr .flex-box h2{
	margin:0 0 5px 0 !important;
	padding:0 !important;
	font-size: 90% !important;
	text-align: center !important;
    line-height:120%!important;
	letter-spacing:0 !important;
	font-weight:normal !important;
}

/*オーダーメイドについて　資材別オーダーメイドボックス用*/
.flex-wrap#order_material .flex-box h2{
	font-size:90% !important;
	font-weight:bold;
	height:35px;
	border-bottom:1px #CCC dashed;
	border-radius:0;
	padding-bottom:10px;
	padding-left:7px !important;
  position: relative;
	
}

.flex-wrap#order_material .flex-box h2::after,
.flex-wrap#order_material .flex-box h2::before {
  display: block;
  content: '';
  position: absolute;
}
.flex-wrap#order_material .flex-box h2::after {
  top: 9px;
  left: 0em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.flex-wrap#order_material .flex-box h2::before {
  top: 12px;
  left: -0.025em;
  width: 8px;
  height: 1px;
  background-color: #ff0000;
}

.flex-wrap#order_material .flex-box img{
	background:radial-gradient(#F2F1F0 0,#EEEEEE 30%, #666666 100%);
}

.flex-wrap#order_material .flex-box p img{
	margin-top:10px;
	background:none !important;
}

/*トップページグローバルメニュー下 特集バナー用*/
/*.sp_bnr{
	width:1200px;
}
.sp_bnr h2{
	font-size:130%;
	font-weight: bold;
	margin-top:25px;
}

.sp_bnr .flex-wrap#icon_common .flex-box{
	margin:0 !important;
}*/

/*トップページ他 特集バナー　枠なし用*/
.flex-wrap#bnr_common .flex-box{
	border:none !important;
	margin:0 0 5px 0 !important;
	padding:2px !important;
}
.flex-wrap#bnr_common .flex-box h2{
	display:none;
}
.flex-wrap#bnr_common .flex-box.flex05{
	width:18%;
}
/*パネル額縁用ページ用*/
.flex-wrap#panel_menu{
    width:90% !important;
}
.flex-wrap#panel_menu .flex-box{
	border:none;
    background-color:#FFF;
	margin:20px 10px 20px 0 !important;
	padding:20px 0 !important;
}
.flex-wrap#panel_menu .flex-box h2{
	font-size:160%;
    margin:15px 0 !important;
}
.flex-wrap#panel_menu .flex-box p{
    font-size:95% !important;
    text-align:center !important;
}
.flex-wrap#panel_menu .flex-box.flex02 img{
    width:80%;
    margin:0 auto;
   	border:1px #CCC solid !important;
}

/*各資材別オーダーメイド一覧ページ（フリーページ）写真リスト*/

.orderlistbox#ordermade_list{
	overflow:hidden;
	margin:20px 0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-between;*/
}
.orderlistbox#ordermade_list li{
	list-style:none !important;
	float:left;
}
.orderlistbox#ordermade_list .flex-box{
	border:none !important;
	padding:5px 0 !important;
	background:none;
	margin:5px 9px 15px 0 !important;
}
.orderlistbox#ordermade_list .flex-box.flex05 {
	width: 19%;
}
.orderlistbox#ordermade_list .flex-box h2{
	font-size:90% !important;
	font-weight:normal !important;
	padding:0 7px !important;
	margin:0 !important;
}
.orderlistbox#ordermade_list .flex-box h2 a{
	font-weight:normal;
}
.orderlistbox#ordermade_list .flex-box img{
	background:#000;
	display: block;
	width: 100%;
	height: auto;
	max-height:120px;
}



/*イベントカレンダーページ用*/
.flex-wrap#calendar .flex-box{
	margin-bottom: 2.5rem;
	background-color: #eee;
	padding:20px;
	border:1px #ccc solid;
}
.flex-wrap#calendar .flex-box.flex02{
	width:43%;
}
.flex-wrap#calendar .flex-box h2{
	color:#FF0000 !important;
	margin:15px 0 !important;
	font-size:120% !important;
}
.flex-wrap#calendar .flex-box img {
	display: block;
	width: 100%;
	height: auto;
}
.flex-wrap#calendar .flex-box p{
  vertical-align: top;
  height:auto;
  overflow:hidden;
  margin-bottom:30px;
  min-height:150px;
  font-size:100% !important;
}
.flex-wrap#calendar .flex-box p img{
	width:100px !important;
	float:left;
	margin-right:12px;
	border:1px #ccc solid;
}


.flex-wrap#index_menu .flex-box{
	background:#fff;
	display:inline-block;
}
	
.flex-wrap#index_menu .flex-box img{
	background:#eee;
}
.flex-wrap#index_ordermenu .flex-box h2{
    font-weight:bold !important;


}
.flex-wrap#index_ordermenu .flex-box img{
	background:radial-gradient(#F2F1F0 0,#EEEEEE 30%, #666666 100%);
}


@media screen and (max-width: 768px){
	.flex-wrap {

		flex-direction: column;
	}
/*
	.flex-box {
		width: 100%;
	}*/
}



/*カテゴリページ用*/
.flex-wrap#normal_page {
	border: none !important;
	margin-bottom: 15px;
	padding: 10px 10px 5px 0;
	background-color: #FFF;
	font-size:90%;
}
.flex-wrap#normal_page .flex-box{
	border:none !important;
}
.flex-wrap#normal_page .flex-box h2 {
	margin:0 0 3px 0 !important;
	padding:5px 0 !important;
	font-size: 90% !important;
	text-align: center;
    line-height:120%!important;
	background:none !important;
	color:#000 !important;
	
}
.flex-wrap#normal_page .flex-box img{
	border:1px #ccc solid;
}
.flex-wrap#normal_page .flex-box p{
	text-align:center;
	font-size:85% !important;
	font-weight: normal !important;
	line-height:130% !important;
	margin:0 !important;
	padding:0 !important;
}

.flex-wrap#normal_page .flex-box.flex05 img{
	background-color:#E1E1E0 !important;
}

/*テーブルレイアウト用*/

@media only screen and (max-width:400px) {
  .FixTable {
    width: 100%;
    table-layout: fixed;
    word-break: break-word;
  }
}

.help_spec_data img{
    float:left !important;
}

.help_data dd p{
    width:99% !important;
    padding:10px;
}

/*ボックスデザイン*/

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

/*品番青色表*/

table.ta1{
    border-collapse:collapse;
    font-size: 16px;
    color: #333;
    padding:;
}
th.ta1{
  background-color:#f2f2f2;
  border:solid 1px #808080;
  padding: 7px;
}
td.ta1{
  border:solid 1px #808080;
    padding: 7px;
}

/*品番黄色表*/

table.ta2{
  border-collapse:collapse;
        font-size: 95%;
    padding:;
}
th.ta2{
  background-color:#f2f2f2;
  border:solid 1px;
    padding: 7px;
}
td.ta2{
  border:solid 1px;
    padding: 7px;
}


/*お知らせ*/

table.ta3{
    border-collapse:collapse;
    font-size: 16px;
    color: #333;
    padding:;
}
th.ta3{
  background-color:#f2f2f2;
  border:solid 1px #808080;
  padding: 7px;
}

/*
td.ta3{
  background-color:#FFFFCC;
  border:solid 1px #808080;
    padding: 7px;
}
*/

td.ta3 {
    background-color: #FFFFCC;
    border: solid 1px #808080;
    padding: 10px 30px;
    width: 600px;
}
td.ta3 h3{
    color:#red;
}

/*テーブルレイアウト*/
table.FixTable2 {
  margin:0 0 0 0;
  padding:0;
  border-collapse: collapse;
  border-spacing: 0;
  border:solid 3px #808080;
	width:;

}

table.FixTable2 th{

	border-right:dotted 3px #808080;
    border-bottom:solid 3px #808080;
  background-color:#ebd7bc;
    color:#000;
    width:30%;
}

table.FixTable2 td{
	border-bottom:solid 3px #808080;
	border-right:dotted 3px #808080;
	line-height:150%;
}
table.FixTable2 th,
table.FixTable2 td{
    padding:10px;
}

table.FixTable2 td:last-child{
	border-right:none;
}
table.FixTable2#list_table th,table.FixTable2#list_table_main th{
	width:auto;
}
table.FixTable2#list_table th,
table.FixTable2#list_table td,
table.FixTable2#list_table_main th,
table.FixTable2#list_table_main td{
    padding:10px;
}
table.FixTable2#list_table_main th{
    background-color:#FFFF99 !important;
}

table.FixTable2.w_auto {
	width:700px;
	min-width:700px;
}
table.FixTable2.w_600 {
	width:600px;
}



/*テキストデザイン アンダーライン 背景*/
.emphasis_design20 span {
  background: linear-gradient(transparent 50%, #fef0e0 50%);
  border-bottom: 2px solid #5d666b;
  padding: 0 0.1em;
}

/*テキストデザイン アンダーライン*/
.emphasis_design4 span {
  border-bottom: 5px solid #4d9bc1;
}

/*テキストデザイン アンダーライン 背景色*/
.emphasis_design19 span {
  background-color: #4d9bc1;
  color: #fff;
  padding: 0 0.1em;
}

/*テキストデザイン 背景に色・線*/
.text_design1 {
  padding: 1rem 2rem;
  border-left: 5px solid #005d93;
  background: #add8e6;
}

/*カートボタン上部のマイクロコピー*/
.detail_section.add_cart::before {
display: block;
text-align: center;
padding: 10px;
}
.detail_section.add_cart::before {
content: "＼ 3分でかんたん注文 ／";
color: red;
font-size: 16px;
}

/*カートボタン上部のマイクロコピー オーダーメイド非表示*/
.detail_section.add_cart::before {
display: block;
text-align: center;
padding: 10px;
}
.category263_detail_page_body .detail_section.add_cart::before {
content: "";
color: ;
font-size: px;
}


/*商品ページの新レイアウトのCSS*/
#merchandise_page {
  font-size: 16px;
  line-height: 1.8em;
  color: #222;
}

#merchandise_page h2 {
  font-size: 20px;
  line-height: 1.8em;
  font-weight: bold;
}

#merchandise_page h3 {
  font-size: 20px;
  line-height: 1.8em;
  font-weight: bold;
  margin-bottom: 10px;
}

#merchandise_page h4 {
  font-size: 18px;
  line-height: 1.8em;
  font-weight: bold;
  margin: 0 0 0 10px;
  color: #222;
}

#merchandise_page th {
  background-color: #;
}

#merchandise_page a {
  color: #0077cc;
  text-decoration: underline;
}

#merchandise_page a:hover {
  text-decoration: none;
}

#merchandise_page .faq-wrapper {
  max-width: 650px;
  margin: ;
  padding: 0;
}

#merchandise_page .faq-wrapper p.description {
  color: #333;
  font-size: 0.95em;
  line-height: 1.4em;
  margin-bottom: 25px;
}

#merchandise_page .faq-box {
  background: #f8f8f8;
  padding: 15px 20px;
  margin-bottom: 20px;
  border-radius: 6px;
}

#merchandise_page .faq-box .faq-q,
#merchandise_page .faq-box .faq-a {
  display: flex;
  align-items: flex-start;
}

#merchandise_page .faq-box .label {
  font-weight: bold;
  width: 30px;
  text-align: center;
  font-size: 1.4em;
}

#merchandise_page .faq-box .faq-q .label {
  color: #005d93;
}

#merchandise_page .faq-box .faq-a .label {
  color: #999;
}

#merchandise_page .faq-box .faq-a p {
  margin: 0 0 0 10px;
  color: #555;
  font-size: 0.95em;
  line-height: 1.5;
}

#merchandise_page .faq-box .faq-divider {
  border-top: 1px dotted #ccc;
  margin: 10px 0;
}

#merchandise_page .feature-wrapper {
  max-width: 650px;
  margin: ;
  padding: 0;
}

#merchandise_page .feature-box {
  background: #f8f8f8;
  padding: 10px 15px; /* ← パディングを減らして圧縮 */
  margin-bottom: 12px; /* ← ボックス間の余白も縮める */
  border-radius: 6px;
}

#merchandise_page .feature-box h4 {
  margin: 0 0 4px 0; /* ← タイトル下のマージンも小さく */
  font-size: 17px;   /* ← 少しだけ小さくしてバランス調整 */
  line-height: 1.4em;
  color: #222;
  font-weight: bold;
}

#merchandise_page .feature-box p {
  margin: 0;
  font-size: 15px; /* ← 本文もやや小さめにして圧縮感 */
  color: #555;
  line-height: 1.6em; /* ← 行間も若干詰める */
}


/* 見積依頼のご案内 */
#estimate-request {    
    margin: 10px 0 20px 0;
    max-width: 600px;
  }
  #estimate-request h2 {
    font-size: 24px;
    background: #ff8431;
    color: #FFF;
    padding: 12px 18px;
    margin-bottom: 16px;
    border-radius: 0px;
    text-align: center;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  }
  #estimate-request p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 12px;
  }
  #estimate-request ul {
    list-style-type: none;
    padding: 16px;
    background-color: #FFF;
    border: 1px solid #EEEEEE;
    margin-bottom: 8px;
    border-radius: 5px;
    font-size: 16px;
  }
  #estimate-request ul li {
    padding: 4px 0;
  }
  /* 画像を中央配置 */
  #estimate-request p:last-of-type {
    text-align: center;
    margin-top: 12px;
  }
  #estimate-request p:last-of-type img {
    display: inline-block;
    margin: 0 auto;
  }

/*商品ページ内の事例紹介（2×2グリット）*/
  .case-studies {
    max-width: 700px;
    margin: ;
    padding: ;
  }

  .case-studies h3 {
    font-size: 1.5rem;
    margin-bottom: 0px;
    text-align: left;
  }
  .case-studies p {
    margin: 0px;
    padding: 0px;
    text-align: center;
  }

  .case-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
  }
  .case-grid2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 1rem;
  }
.case-grid3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
  }

  .case-item {
    text-align: center;
  }

  .case-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    margin-bottom: 0.5rem;
  }

  .case-title {
    font-weight: bold;
    margin: 0.25rem 0;
  }

  .case-desc {
    color: #555;
    font-size: 0.9rem;
    margin: 0;
  }

  @media (max-width: 480px) {
    .case-studies {
      padding: 0.5rem;
    }
    .case-studies h3 {
      font-size: 1.25rem;
    }
  }
}

/*文中のCTAボタンデザイン*/
#cta-button {
    display: inline-block;
    background-color: #FF6600;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
}

/*別注誘導セクション*/

.cushion-materials {
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 0px;
  color: #333;
}
.cushion-materials .header-intro {
  display: flex;
  justify-content: left;
  padding-left: 16px;
  border-left: 4px solid #0b5394;
  margin-bottom: 32px;
}
.cushion-materials .header-intro .header-content {
  margin-left: 16px;
}
.cushion-materials .main-title {
  font-size: 22px;
  margin: 0 0 16px;
}
.cushion-materials .intro-wrapper {
  display: flex;
  align-items: flex-start;
  margin: 0;
}
.cushion-materials .intro-img {
  width: 120px;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 16px;
}
.cushion-materials .intro-text p {
  margin: 0 0 8px;
  line-height: 1.4;
  font-size: 16px;
}
.cushion-materials .intro-text a {
  color: #0b5394;
  text-decoration: none;
}
.cushion-materials .intro-text a:hover {
  text-decoration: underline;
}
.cushion-materials .intro-text .staff {
  margin-top: 8px;
  font-size: 16px;
  color: #666;
}
.cushion-materials .section-title {
  font-size: 22px;
  margin: 40px 0 16px;
  text-align: left;
}
.cushion-materials .cm-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 24px;
  margin-bottom: 32px;
}
.cushion-materials .cm-item {
  width: 160px;
  text-align: center;
}
.cushion-materials .cm-item .item-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: 0px solid #eee;
  padding: 8px;
  background: #fff;
  margin-bottom: 8px;
}
.cushion-materials .cm-item .item-title {
  margin: 8px 0;
  font-weight: bold;
}
.cushion-materials .cm-item .item-title a {
  color: #333;
  text-decoration: none;
  font-size: 16px;
}
.cushion-materials .cm-item .item-desc {
  font-size: 14px;
  color: #666;
  margin: 0 0 8px;
  line-height: 1.4;
  text-align:left;
}
.cushion-materials .cm-item .item-link {
  display: block;
  font-size: 16px;
  color: #0b5394;
  text-decoration: none;
  margin-bottom: 4px;
}
.cushion-materials .cm-item .item-link:hover {
  text-decoration: underline;
}
.cushion-materials .cta {
  text-align: center;
  margin-top: 40px;
}
.cushion-materials .cta-btn {
  background: #ff6600;
  color: #fff;
  padding: 12px 24px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px;
}
.cushion-materials .cta-btn:hover {
  opacity: 0.9;
}