@charset "UTF-8";
/* ===================================================================
CSS information(スマホ版)
 URL：*
 説明：商品一覧/ログイン/会員登録/トップなどカート以外の商品ページスタイル
=================================================================== */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
----------------------------------------------------------------
	スマホ
----------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:1024px){

/*----------------------------------------------------
	トップ
    URL：/
----------------------------------------------------*/
/* 商品一覧 */
.top_product {
    padding: 0 20px 20px 20px;
}

/* 基本レイアウト */
.top_wrap {
    padding: 10px
}
.top_2column .wrap {
    width: 100%;
    margin: 0 0 10px 0;
}
.top_2column .wrap:last-child {
    margin-bottom: 0;
}
.top_2column .calendar .inner .box {
    width: 100%;
}
.top_2column .news ul li a time {
    width: 37%;
}
.top_2column .news ul li a p {
    width: 100%;
}

/*----------------------------------------------------
    商品一覧
    URL：/products/
----------------------------------------------------*/
.products_list_level1 .box {
    width: 50%;
    margin-right: 0;
}

/*----------------------------------------------------
    小分類ページ
    URL：/products/web_send/newyear-card/
----------------------------------------------------*/
/* 
不定形サイズのレイアウトの表記の場合
※通販システムの初期設定による
--------------------------------- */
.size_serach_box .inner {
    margin-bottom: 20px;
}
.size_serach_box .inner input{
	margin: 0 5px 5px 0;
}
.product_size_list li {
    width: 100%;
}

/* 
物販
--------------------------------- */
.sales-photo-list .image-list .images {
    width: 40%;
    margin: 5%;
}
.sales-photo-list .image-list .picture {
    background-color: #f6f6f6;
}
.sales-photo-list .image-list .price {
    font-size: 1.1rem;
    text-align: center;
}
.sales-photo-list .image-list .title {
    font-size: 0.8em;
    text-align: center;
    margin: 0 0 10px;
    font-weight: unset;
}

/*----------------------------------------------------
    商品ページ
    URL：/products/web_send/nakatoji/on_naka_b5/
----------------------------------------------------*/
/* 選択項目 */
#filter_box .filter_items .filter_items_top .name {
	width: 100%;
	margin:0 0 10px;
}
#filter_box .filter_items .filter_items_top .choice {
	width:100%;
}
#filter_box .filter_items .filter_items_top .choice .one {
	top: 0;
}

/* ---------------- */
/* 料金表 */
/* ---------------- */
#in2cart_price_table{
	border:none;
}
#in2cart_price_table th,
#in2cart_price_table td{
	border-left:none;
	border-right:none;
	border-top:1px dashed #bababa;
	border-bottom:1px dashed #bababa;
	display:table-cell;
	width:auto;
	background:none;
    position: unset;
}
#in2cart_price_table td a{
	text-decoration:underline;
}
/* 端数からの注文 */
.price_any_number_box {
    text-align: left;
}
#modal_price_any_number_box .modaal_body .inner {
    width: 100%;
}

/*----------------------------------------------------
    商品ページ（物販）
----------------------------------------------------*/
.sales-item-box .image {
    width: 100%;
}
.sales-item-box .detail {
    width: 100%;
    padding: 0;
    margin: 20px 0 0 0;
}

/*----------------------------------------------------
    料金表（物販）
----------------------------------------------------*/
.sales-price-box .detail, 
.sales-price-box .info {
    width: 100%;
}

/*----------------------------------------------------
    見積確認画面
    URL：/systems/estimate_request/?qid=*
----------------------------------------------------*/
.estimate_request_box .file_list li span.name {
    float: none;
    top: 0;
}
.estimate_request_box .file_list li a {
    float: none;
    margin: 10px 0 0 0;
    display: block;
    width: 120px;
    padding: 10px;
    text-align: center;
    font-size: 1rem;
}
/* ご注文手続き */
.estimate_request_box .reason_box ul li select {
    width: 280px;
    font-size: 0.9rem;
}
.estimate_request_box .reason_box ul li span {
    margin: 10px 0 0 28px;
    display: inline-block;
}

/*----------------------------------------------------
    ヤマトWebコレクト、リピーター決済
----------------------------------------------------*/
.yamato_repeater_tbl {
	border-bottom: none;
}
.yamato_repeater_tbl th, 
.yamato_repeater_tbl td {
	display: table-cell;
	text-align: center;
}
.yamato_repeater_tbl td .under4 {
	display: block;
	margin: 0 0 0 30px;
}

}/*スマホの終了タグ*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
----------------------------------------------------------------
	タブレット
----------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (min-width:600px) and ( max-width:1024px){

/*----------------------------------------------------
    商品一覧
    URL：/products/
----------------------------------------------------*/
/* ヘッダーメニューで利用している場合 */
#header_submenu nav.children .products_list_level1 .box {
    width: 30%;
    margin: 0 37px 30px 0;
}
#header_submenu nav.children .products_list_level1 .box:nth-child(3n) {
    margin-right: 0 !important;
}

/*----------------------------------------------------
    小分類ページ
    URL：/products/web_send/newyear-card/
----------------------------------------------------*/
/* 
不定形サイズのレイアウトの表記の場合
※通販システムの初期設定による
--------------------------------- */
.product_size_list li {
    width: 49%;
}

/*----------------------------------------------------
	トップ
----------------------------------------------------*/
.top_2column .calendar .inner .box {
    width: 49%;
}
.top_2column .news ul li a time {
    width: 17%;
}
.top_2column .news ul li a p {
    width: 80%;
}

/*----------------------------------------------------
	商品詳細
----------------------------------------------------*/
.products_list_level1 .box {
    width: 31.5%;
    margin: 0 10px 20px 0;
}
.products_list_level1 .box:nth-child(even) {
    margin-right: 10px;
}
.products_list_level1 .box:nth-child(3n) {
    margin-right: 0;
}


}
/*タブレットの終了タグ*/