@charset "utf-8";
/* ===================================================================
CSS information

 file name  :contens_sp.css
 style info :スマホ用

=================================================================== */
/* +++++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ */
/* +++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 480px) {

	/* ------------------------------ */
	/* マイページ */
	/* ------------------------------ */
	/* トップ メッセージ */
	.mypage .message_list li .head .subject,
	.mypage .message_list li .head time {
		width: 100%;
	}

	.mypage .message_list li .order_number {
		margin: 0;
	}

	/*----------------------------------------------------
    お届け先のモーダル
    ----------------------------------------------------*/
	#modal_delivery_box table.op4cart_tbl .td-space-no input[type=text] {
		width: 100%;
		margin: 0;
	}

	#modal_delivery_box table.op4cart_tbl .td-space-no label {
		margin: 10px 0;
		display: block;
	}
}

/* +++++++++++++++++++++++++++++++++++++++++++++ */
/* スマホ＆タブレット */
/* +++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width:1024px) {

	/*----------------------------------------------------
	インスタ
----------------------------------------------------*/
	.insta_area {
		width: 90%;
		display: block;
	}

	.insta_area .insta_icon {
		margin: 0 auto;
	}

	.insta_area .insta_main {
		width: 100%;
	}

	/* STEP2、配送日カレンダー */
	.ui-datepicker-calendar th,
	.ui-datepicker-calendar td {
		display: table-cell;
		width: auto;
	}

	#overlay .wrap {
		z-index: 101;
		position: absolute;
		top: 40%;
		left: 10%;
	}

	#overlay .wrap progress {
		width: 100px;
		height: 30px;
	}

	.single_main {
		width: 100%;
		padding: 3% 5%;
	}

	/*2カラム*/
	.column2 .left {
		float: none;
		width: 100%;
		padding: 0px;
		margin: 0 0 20px 0;
	}

	.column2 .right {
		float: none;
		width: 100%;
		padding: 0px;
		margin: 0 0 20px 0;
	}

	/*----------------------------------------------------
	トップスライダー
----------------------------------------------------*/
	.slider_area {
		width: 100%;
		height: auto;
		margin: 0 0 10px;
	}

	div#n2-ss-3.n2-ss-mobile .n2-ss-widget-display-mobile.n2-ib {
		position: relative;
		height: 40px;
		width: 20px;
	}

	div#n2-ss-3 .nextend-arrow img {
		position: absolute;
		left: 0;
		top: 15%;
	}

	.nextend-arrow-next,
	.nextend-arrow-previous {
		display: none !important;
	}

	/*----------------------------------------------------
	　商品一覧 トップ
----------------------------------------------------*/
	/* .itemlist{
	margin:5% ;
} */
	#contents .acd-content ul {
		width: 100%;
	}

	.acd-content ul li {
		width: 47%;
		margin: 1%;
		text-align: center;
	}

	.itemlist table {
		margin: 0;
		width: 100%;
	}

	.itemlist2 table {
		margin: 0;
		width: 100%;
	}

	/*----------------------------------------------------
	　商品一覧 175*175
----------------------------------------------------*/
	#footer_item_box_list {
		margin: 0 0 30px;
	}

	.item_box_wrap {
		padding: 20px 5px 0;
		margin: 0;
	}

	.item_box_wrap,
	.item_box_wrap ul,
	#menu-top_guidenavi {
		width: 100%;
		display: flex;
		justify-content: start;
		flex-wrap: wrap;
		margin: 0 auto;
	}

	.item_box_wrap section {
		width: 49%;
		padding: 0 5px 15px;
		margin: 0;
	}

	.item_box_wrap .item_single {
		float: none;
		display: inline;
		margin: 0;
	}

	.item_box_wrap .item_image {
		width: 100%;
		height: auto;
		text-align: center;
	}

	.item_box_wrap .item_single a .item_name {
		line-height: 1.2em;
		font-size: 1em;
		text-align: center;
	}

	/*----------------------------------------------------
	　商品詳細
----------------------------------------------------*/
	.goodsimage ul li {
		width: 16%;
	}

	.price-wrapper .create ul li {
		margin: 0;
		width: 30%;
	}

	.price-wrapper .create ul li img {
		width: 100%;
	}

	table.price th,
	table.price td {
		display: table-cell;
		border: 1px solid #746c67;
	}

	/* 「ご注文を確定してデータ入稿へ進む」のボタン */
	.btn-next-draft {
		font-size: 1.2em;
		padding: 10px;
		cursor: pointer;
		width: 100%;
	}

	/*----------------------------------------------------
	ニュース
----------------------------------------------------*/
	.news_area ul {
		width: 100%;
		margin: 0;
	}

	.news_area {
		margin: 0 10px 10px;
	}

	.news_area ul li a time {
		width: 24%;
		display: inline-block;
	}

	.news_area ul li a p {
		width: 68%;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/*----------------------------------------------------
	トップ新着商品
----------------------------------------------------*/
	.mainmenu ul {
		text-align: left;
	}

	.mainmenu ul li {
		width: 47%;
		margin: 1%;
	}

	.mainmenu ul li a {
		width: 100%;
		height: 100%;
	}

	.mainmenu ul li img {
		width: 100%;
	}

	/*----------------------------------------------------
	マイページ
----------------------------------------------------*/
	/* マイページメニュー */
	#mypage-box .menu li {
		width: 50%;
	}

	#mypage-box .menu li:nth-child(4n) {
		border-right: 1px solid #cccccc;
	}

	#mypage-box .menu li:nth-child(2n) {
		border-right: none;
	}

	/* マイページ注文履歴 td borderなし */
	table.sp_pdng_none {
		border-bottom: none;
		border-left: none;
		margin: 0 0 20px;
	}

	table.sp_pdng_none td {
		text-align: left !important;
		padding: 0;
		border: none;
	}

	/* マイページ　商品詳細 */
	.total_tbl th {
		text-align: left;
		width: 100%;
	}

	.total_tbl td {
		text-align: left;
		width: 100%;
	}

	.th_tc th,
	.th_tc td,
	.pc_tc {
		text-align: left;
	}

	/* 濃いグレー */
	tr.sp_tb_head {
		padding: 5px !important;
		display: block;
		background: #bababa;
		margin: 10px 0;
	}

	tr.sp_tb_head th {
		text-align: left !important;
		padding: 0;
		background: none;
		border: none;
	}

	tr.sp_tb_head:after {
		display: none;
	}

	/* PCと同じ表示テーブル */
	.pc_same_table th,
	.pc_same_table td {
		display: table-cell;
		width: auto;
	}

	/* 入稿種別のモーダル */
	#modalDraftKindBox .confirm table th,
	#modalDraftKindBox .confirm table td {
		display: table-cell;
	}

	#modalDraftKindBox .confirm table td input[type=text],
	#modalDraftKindBox .confirm table td input[type=tel] {
		min-width: 100px;
	}

	#modalDraftKindBox .confirm table td select {
		min-width: 150px;
	}

	/* -----------------------------------------------------------
	テーブル周りpcと兼ね合い調整
----------------------------------------------------------- */
	table {
		border-left: none;
		border-right: none;
		/* border-bottom:1px solid #746c67; */
		border-bottom: 1px solid #ffffff;
	}

	table td {
		border-top: none;
		border-bottom: none;
		overflow: hidden;
		min-height: 25px;
	}

	.sp_hidden {
		display: none;
	}

	table.sp_mp_order td {
		border: none;
		padding: 0;
	}

	.sp_txt {
		display: inline-block;
	}

	td span.sp_txt {
		display: inline;
	}

	.sp_th {
		background-color: #f2f2f2;
		border: 1px solid #757575 !important;
		border-radius: 2px;
		display: block;
		padding: 0 10px !important;
		margin: 10px 0;
		text-align: center;
	}

	.th_tr th,
	.th_tr td {
		text-align: left !important;
	}

	/* 背景 */
	.bg_none {
		background: none;
	}

	.bg_th {
		background: #efefef;
	}

	/* width設定 */
	.table_money,
	.col2hd,
	.mid,
	.midiu,
	.midium,
	.short,
	.sshort,
	.large,
	.largest {
		width: 100%;
	}

	/* テキスト */
	.pc_tr {
		text-align: left;
	}

	.pc_tc {
		text-align: left;
	}

	.pc_tl {
		text-align: left;
	}

	.sp_fwb {
		font-weight: 700;
	}

	.sp_fwn {
		font-weight: normal;
	}

	.pc_fr {
		float: none;
	}

	.pc_fl {
		float: none;
	}

	/* カートSTEP4 ポイント */
	.cart_point_table th {
		font-size: 0.7em;
	}

	/* お問い合わせtable */
	.mailform table th {
		width: 100%;
	}

	/* デフォルトテーブル 　カード印刷テンプレート　*/
	.cate_item_tbl th,
	.cate_item_tbl td {
		width: auto !important;
		display: table-cell;
		border-bottom: 1px solid #746c67;
	}

	/* cart_step4 商品代金合計 */
	.total_tbl th,
	.total_tbl td,
	.mypage table.total_tbl th,
	.mypage table.total_tbl td {
		width: auto;
		padding: 0;
	}

	/* -----------------------------------------------------------
	固定ページ、テーブルのレイアウトをPCと同じようにする
----------------------------------------------------------- */
	.print_cutom_tbl th {
		display: table-cell;
	}

	.print_cutom_tbl td {
		display: table-cell;
		width: auto;
		border: 1px solid #746c67;
	}

	/* -----------------------------------------------------------
	ボタン
----------------------------------------------------------- */
	.back_btn {
		margin: 10px;
		padding: 10px;
		font-size: 1em;
	}

	.button_next,
	.button_buy {
		padding: 10px 20px;
	}

	.button {
		line-height: 1.3em;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.button span {
		font-weight: 700;
	}

	/*注文履歴　表*/
	.order_list_tbl td.midiu {
		margin: 0 0 10px 0;
	}

	.order_list_tbl li {
		float: none;
		margin: 0 10px 0 0;
	}

	.order_list_tbl .pdf_bill {
		margin: 0;
	}

	/* -----------------------------------------------------------
	別窓
----------------------------------------------------------- */
	#wrapper-different-window .content-box {
		padding: 0;
		margin: 0 0 20px;
	}

	#content_delivery {
		margin: 0;
	}

	#content_delivery_main {
		padding: 5%;
	}

	#wrapper-different-window {
		padding: 5%;
	}

	/* 別窓閉じるボタンがある時のタイトル */
	#different-window-box .different-window-title {
		width: 84%;
		float: left;
	}

	#different-window-box .different-window-close {
		float: right;
		width: 3.7em;
	}

	/* -----------------------------------------------------------
	モーダル
----------------------------------------------------------- */
	#overlay img {
		left: 42%;
	}

	/*フッターfixedを消す*/
	.fixednone {
		display: none;
	}

	/* -----------------------------------------------------------
	投稿記事 post page
----------------------------------------------------------- */
	.entry {
		width: 100%;
		margin: 0;
	}

	.single_posts .eyecatch {
		margin: 0 0 20px;
	}

	.single_posts .thecontent p {
		margin: 0 0 30px;
	}

	.single_posts .thecontent h2 {
		margin: 20px 0;
		font-size: 1.3em;
		padding: 10px;
	}

	.single_posts .thecontent iframe {
		max-width: 100%;
		height: auto;
	}

	/* 前へ次へ */
	.nav-below a {
		width: 85%;
	}

	/*----------------------------------------------------
	タイトル
----------------------------------------------------*/
	.contents_area .item_box_list .title {
		padding: 5px;
	}

	.headline,
	.page h2,
	#cart-step-title {
		clear: both;
	}

	.thecontent h2 {
		margin: 0 0 20px;
	}

	/* 記事詳細 */
	.single_posts.post h2.post_title {
		background: none;
		color: #222;
		margin: 5px 0 20px;
		font-size: 1.7em;
		padding: 0;
	}

	/*----------------------------------------------------
	ログイン　PWお忘れの方
----------------------------------------------------*/
	.pc_middle_area {
		padding: 0;
		background: none;
	}

	.pc_middle_area.h_short {
		padding: 0;
	}

	/*----------------------------------------------------
	商品詳細
----------------------------------------------------*/
	.price-wrapper .wrap-inner {
		padding: 0;
	}

	.price-wrapper .wrap-inner .choice {
		margin: 0 0 10px;
	}

	.float_table {
		width: 100%;
	}

	.col_table {
		width: 45%;
		text-align: center;
	}

	.col_table table {
		width: 100%;
		margin: 10px auto;
		/* border-left: none;
    border-right: none; */
	}

	.col_table caption {
		border: 1px solid #746c67;
		/* 4列の料金表に対応 */
		font-size: 0.9em;
	}

	.col_table tr {
		border-bottom: 1px solid #a0a0a0;
	}

	.col_table td {
		/* line-height:1.5;
	min-height:initial; */
		/* border-left: none;
    border-right: none; */
		display: table-cell;
	}

	#item_side {
		width: 100%;
		float: none;
	}

	.image_box .slider_box {
		width: 100%;
		height: auto;
		float: none;
	}

	/* 画像ギャラリー */
	.price-wrapper .gallery-box .slider {
		width: 280px;
	}

	.price-wrapper .gallery-box .slider_box {
		float: none;
		width: auto;
		height: auto;
	}

	.slider .slick-dots {
		position: relative;
		top: 0;
	}

	.price-wrapper .gallery-box ul.item_gallery {
		width: 100%;
		margin: 0 0 0px;
		float: none;
		text-align: center;
		padding: 20px 0 0;
		clear: both;
	}

	.price-wrapper .gallery-box ul.item_gallery li {
		float: none;
		display: inline-block;
		margin: 0 5px 10px;
	}

	/*----------------------------------------------------
	商品一覧
    url:/products/
----------------------------------------------------*/
	.item-list-all-box ul li {
		width: 46%;
	}

	.item-list-all-box ul li:nth-child(4n) {
		margin-right: 20px;
	}

	.item-list-all-box ul li:nth-child(2n) {
		margin-right: 0;
	}

	/*----------------------------------------------------
	商品詳細
----------------------------------------------------*/
	/* 価格表ページ */
	#filter_box .filter_items h4 {
		width: 100%;
		margin: 0 0 10px;
	}

	#filter_box .filter_items .filter_items_top .left {
		width: 100%;
		float: none;
	}

	#filter_box .filter_items .filter_items_top .right {
		width: 100%;
	}

	#filter_box .filter_items .choice {
		width: 100% !important;
		margin: 0 !important;
		padding: 0px 0 10px;
	}

	.filter_items_bottom .left {
		width: 100%;
		float: none;
	}

	.filter_items_bottom .right {
		width: 100%;
		float: none;
	}

	.price-wrapper .create select#ptype {
		margin: 0 0 10px;
	}

	.icon_ttl h4 {
		margin-right: 0;
		width: 100%;
	}

	/* 料金表、冊子のセレクトボックス */
	.wrap-inner .choice #calcDelivery {
		width: 100%;
	}

	/* 「数量を入力してご注文へ」のレイアウト */
	.price-wrapper .price-next-page-box .icon_ttl {
		width: 100%;
	}

	/* -----------------------------------------------------------
	カート/	フォーム周り
----------------------------------------------------------- */
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	select,
	textarea {
		width: 100%;
		box-sizing: border-box;
	}

	.mailform table td input[type="text"],
	.mailform table td input[type="tel"],
	.mailform table td input[type="mail"] {
		width: 100%;
	}

	input.sp_tb_short {
		width: 85%;
	}

	input,
	select,
	textarea {
		font-size: 1.2em;
		/* width:100%; */
		max-width: 100%;
	}

	#in_cart_box,
	.send {
		margin: 0 0;
		text-align: center;
	}

	/* カート商品代金合計 */
	tr.sp_tb_head2 {
		padding: 5px !important;
		display: block;
		background: #efefef;
		margin: 10px 0;
		text-align: center;
	}

	tr.sp_tb_head2 th {
		border: none;
		font-size: 1.2em;
		padding: 0;
	}

	/* input type file用 */
	.input_file {
		overflow: hidden;
		position: relative;
		padding: 1em;
		background: #cc3366;
		border: none;
		color: #fff;
		width: 100%;
		text-align: center;
	}

	.input_file input[type="file"] {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		cursor: pointer;
		width: 100%;
		height: 100%;
		display: block;
	}

	/* -----------------------------------------------------------
	ステップ
----------------------------------------------------------- */
	#welcart_flow_navi {
		font-size: 0.7em;
		margin: 0 0 20px 0;
	}

	#welcart_flow_navi ul li.active i,
	#welcart_flow_navi ul li.not i,
	#welcart_flow_navi ul li.success i {
		display: none;
	}

	/*----------------------------------------------------
	STEP2
----------------------------------------------------*/
	/* 配送方法 */
	.delivery-method-box select {
		width: 250px;
	}

	/* 
商品情報
------------------- */
	.delivery-item-box .wrap .item-detail {
		display: block;
	}

	/* 商品名 */
	.delivery-item-box .wrap .item-detail .name {
		margin: 0;
	}

	.delivery-item-box .wrap .item-detail .name .title {
		width: 100%;
		margin: 0;
		display: block;
	}

	/* 分納の場合の数量 */
	.delivery-item-box .wrap .quantity-detail {
		margin: 0;
	}

	.delivery-item-box .wrap .quantity-detail ul li {
		float: none;
		margin: 0;
		padding: 10px 0;
	}

	/* 
お届け先の追加ボタン
------------------- */
	.delivery-add-button-box ul li:first-child {
		margin: 0 20px 0 0;
	}

	.delivery-add-button-box ul li a {
		font-size: 0.9rem;
	}

	#nouhin_kind_id {
		width: 150px;
		margin: 0 0 10px 0;
	}

	#nouhin_time_id {
		width: 100%;
		margin: 0 0 10px 0;
	}

	/* 
分納先情報
------------------- */
	.delivery-address-box .wrap .inner .address select {
		width: 100%;
	}

	.delivery-address-box .wrap .inner .date li {
		margin: 0;
	}

	.delivery-address-box .wrap .inner a.edit-link {
		display: block;
	}

	/*----------------------------------------------------
	購入履歴　カート　商品情報
----------------------------------------------------*/
	.prd_detail_box .image {
		width: 100%;
		background: #eee;
		margin: 0 0 20px;
	}

	.prd_detail_box .prd_detail {
		width: 100%;
		float: none;
	}

	.prd_detail_box .misc {
		float: none;
		position: relative;
		border-top: 1px dotted #aaa;
		width: 100%;
		margin: 10px 0 0;
		padding: 10px 0 0;
		text-align: left;
	}

	/*内容のタイトル*/
	.headline.fixed {
		position: relative;
		width: auto;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
	}

	.img-left {
		float: none;
	}

	/*----------------------------------------------------
	footer商品カテゴリ
----------------------------------------------------*/
	#footer_item_box_list a {
		display: block;
	}

	/*----------------------------------------------------
	STEP3、支払方法
----------------------------------------------------*/
	/* 代引きテーブル */
	.cash-delivery-tbl th {
		width: auto !important;
		display: table-cell;
		border: 1px solid #a0a0a0;
	}

	.cash-delivery-tbl td {
		width: auto !important;
		display: table-cell;
		border: 1px solid #a0a0a0;
	}

	/*----------------------------------------------------
	カスタム入稿画面
----------------------------------------------------*/
	.draft_custom_tbl th {
		width: 100%;
	}

	.draft_custom_tbl #drop_zone {
		padding: 12px;
		font-size: 0.9em;
	}

	.draft_custom_tbl .lbl_draft_drag_data {
		display: inline-block;
	}

	/* データ一覧 */
	.drag_data_type_tbl th.field {
		min-width: 80px;
	}

	.drag_data_type_tbl th.file_name {
		min-width: 150px;
	}

	.drag_data_type_tbl th {
		display: table-cell;
		width: auto;
		font-size: 0.8em;
	}

	.drag_data_type_tbl td {
		display: table-cell;
		width: auto;
		font-size: 0.8em;
	}

	/* s3にアップロード中のオーバーレイ */
	#s3_overlay .info {
		font-size: 1em;
	}

	#s3_progress {
		top: 48%;
		left: 10%;
		width: 290px;
	}

	/*
入稿画面（デフォルト）
------------------------------------------------------------------*/
	.cart-draft-box .list-default li.file .upload-name {
		width: 240px;
	}

	.cart-draft-box .list-calendar li.file .upload-name,
	.cart-draft-box .list-ringnote li.file .upload-name {
		width: 285px;
	}

	/* 
冊子入稿のページ
-------------------------- */
	.draft_custom_tbl .drop_zone_box {
		padding: 10px 5px;
		height: 100%;
	}

	.draft-sasshi-box .list-sasshi span.page {
		position: relative;
		top: -2px;
	}

	.draft-sasshi-box .list-sasshi li.file .upload-name {
		margin: 3px 0 10px 0;
		top: 0;
		width: 285px;
		display: block;
		background-color: #f1f1f1;
		padding: 2px;
	}

	/* 
フォトブック入稿のページ
-------------------------- */
	.sasshi_digitalbook_list {
		width: 227px;
	}

	/* モーダル */
	#modal_preview_box.remodal {
		padding: 35px 10px;
	}

	#modal_preview_box .remodal-close {
		right: 5px;
	}

	#modal_preview_box .remodal_body .header {
		width: 260px;
	}

	#modal_preview_box .remodal_body .viewport {
		width: 260px;
	}

	#modal_preview_box .remodal_body .menu ul li a {
		width: 45px;
		height: 45px;
	}

}

/*スマホの終了タグ*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
----------------------------------------------------------------
	タブレット
----------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (min-width:600px) and (max-width:1024px) {

	/*----------------------------------------------------
	マイページ
----------------------------------------------------*/
	/* マイページメニュー */
	#mypage-box .menu li {
		width: 33%;
	}

	#mypage-box .menu li:nth-child(2n) {
		border-right: 1px solid #cccccc;
	}

	#mypage-box .menu li:nth-child(3n) {
		border-right: none;
	}

	/*----------------------------------------------------
	ニュース
----------------------------------------------------*/
	.news_area ul {
		width: 600px;
	}

	.news_area ul li a time {
		width: 13%;
	}

	.news_area ul li a p {
		width: 80%;
	}

	/*----------------------------------------------------
	商品一覧
    url:/products/
----------------------------------------------------*/
	.item-list-all-box ul li {
		width: 30%;
	}

	.item-list-all-box ul li:nth-child(2n),
	.item-list-all-box ul li:nth-child(4n) {
		margin-right: 20px;
	}

	.item-list-all-box ul li:nth-child(3n) {
		margin-right: 0;
	}

	/*----------------------------------------------------
	img175 商品カテゴリ
----------------------------------------------------*/
	.item_box_wrap section {
		width: 175px;
	}

	.item_box_wrap .item_single a .item_name {
		font-size: 0.9em;
	}

	/*----------------------------------------------------
	価格表選択
----------------------------------------------------*/
	#filter_box .filter_items .choice select {
		height: auto;
		line-height: auto;
	}

	/*----------------------------------------------------
	img50 商品カテゴリ
----------------------------------------------------*/
	#footer_item_box_list .item_box_wrap section {
		width: 50%;
	}

	/*----------------------------------------------------
	ボタン
----------------------------------------------------*/
	.button_signup {
		font-size: 2em;
		padding: 10px 40px;
	}

	.button {
		font-size: 1.1em;
		padding: 10px 20px;
	}

	.tbl_scroll_draft {
		width: 100%;
	}

	/* s3にアップロード中のオーバーレイ */
	#s3_overlay .info {
		font-size: 1.5em;
	}

	#s3_progress {
		left: 14%;
		width: 530px;
	}

	/* 「ご注文を確定してデータ入稿へ進む」のボタン */
	.btn-next-draft {
		width: auto;
	}

	/*
入稿画面（デフォルト）
------------------------------------------------------------------*/
	.cart-draft-box .list-default li.file .upload-name {
		width: 500px;
	}

	.cart-draft-box .list-calendar li.file .upload-name,
	.cart-draft-box .list-ringnote li.file .upload-name {
		width: 500px;
	}

	/* 
冊子入稿のページ
-------------------------- */
	.draft_custom_tbl .drop_zone_box {
		padding: 2rem;
	}

	.sasshi_front_list>li .info {
		width: 65%;
		margin: 0 0 0 20px
	}

	.body_drag_readme .reset {
		float: right;
	}

	.draft-sasshi-box .list-sasshi li.file .upload-name {
		width: 100%;
	}

	/* 
フォトブック入稿のページ
-------------------------- */
	.sasshi_digitalbook_list {
		width: 680px;
	}

	/* PCに合わせる */
	#modal_preview_box .remodal-close {
		right: 100px;
	}

	#modal_preview_box .remodal_body .header {
		width: 450px;
	}

	#modal_preview_box .remodal_body .viewport {
		width: 450px;
	}

	#modal_preview_box .remodal_body .menu ul li a {
		width: 60px;
		height: 60px;
	}

	/*----------------------------------------------------
	STEP2
----------------------------------------------------*/
	/* 配送方法のテーブル */
	.step2_delivery_tbl .mp_active_box label {
		display: inline;
	}

}

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


/* ---------------------------------------------- */
/* Update password modal */
/* ---------------------------------------------- */
@media screen and (max-width: 480px) {
	#js-new-password-modal {
		width: 90%;
		margin-top: 60px;
		border-radius: 10px;
	}

	#js-new-password-modal .remodal-close {
		top: 10px;
		right: 10px;
    width: 20px;
    height: 20px;
		border-radius: 5px;
	}

	#js-new-password-modal .remodal-close:before {
		font-size: 18px;
		line-height: 22px;
		width: 20px;
	}

	#js-new-password-modal .npc-modal__title {
		font-size: 14px;
		padding: 13px 35px 13px 10px;
	}

	#js-new-password-modal .npc-modal__body {
		padding: 25px 15px;
	}

	#js-new-password-modal .npc-modal__desc {
		font-size: 13px;
		margin-bottom: 10px;
	}

	#js-new-password-modal .npc-modal__error {
		padding: 10px 12px;
		margin: 10px 0 14px;
	}

	#js-new-password-modal .npc-modal__error-title {
		font-weight: 700;
		margin: 0 0 6px
	}

	#js-new-password-modal .npc-modal__error ul {
		padding-left: 8px;
		font-size: 13px;
	}

	#js-new-password-modal .npc-field {
		margin: 0 0 5px;
	}

	#js-new-password-modal .npc-label {
		width: 130px;
		font-size: 13px;
	}

	#js-new-password-modal .npc-input {
		padding: 5px 12px;
	}

	#js-new-password-modal .npc-type {
		margin: 30px 0;
	}

	#js-new-password-modal .npc-type__label {
		margin: 0 0 6px;
	}

	#js-new-password-modal .npc-type__radios {
		font-size: 13px;
	}

	#js-new-password-modal .npc-radio {
		display: flex;
		gap: 8px;
		align-items: center
	}

	#js-new-password-modal .npc-actions {
		display: flex;
		gap: 14px;
		margin-top: 15px;
		justify-content: center
	}

	#js-new-password-modal .npc-btn {
		min-width: fit-content;
		padding: 9px 12px;
		font-size: 13px;
	}
}