body{
	color: #333333;
	background-color: #005bab;
}

a{ /* リンク文字の設定 */
	color: #333333;
	text-decoration: underline !important;
}

#contents{
	margin-top: 0; /*初期化*/
}

a:hover,
a:focus,
a:active,
button:hover,
button:focus,
button:active{ /* リンク文字にフォーカスが当たった時、アクションがあった時等の設定 */
	text-decoration: none;
	opacity: 0.7; /* 20170529変更 */
}

a:hover img{ /* リンク付き画像にフォーカスが当たった時、アクションがあった時等の設定 */
	opacity: 0.7;
}

h1{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 0;
	padding-bottom: 10px;
	padding: 0.5rem 2rem;
	letter-spacing: 0.3rem;
	position: relative;
}

h1.page-heading{
/*******
before after に合わせた位置調整
下記画面以外もあるかもしれないので詳細度は低くしています。
商品購入時点でのログイン画面（#page_shopping_login）/ご注文完了画面(#page_shopping_complete) 
********/
	padding: 0.5rem 2rem;
	margin: 0 16px 48px 0;
}

h2{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 10px;
	padding: 0.5rem 2rem;
	letter-spacing: 0.3rem;
	position: relative;
}

h1:not(.header_logo)::before,
h2::before {
	content:'';
	position: absolute;
	width: 6px;
	height: 80%;
	left: 0;
	background-color: #00c3ff;
	border-radius:3px;
}

h2::after {
	content:'';
	position: absolute;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #979797;
	left: 0;
	bottom: -24%;
}

/*  h2初期化 start
ご注文内容ご確認画面/
注文完了画面(「ご注文ありがとうございました」「店名」） */
#shopping_confirm #confirm_main h2,
#page_shopping_complete h2.heading01,
#page_shopping_complete #complete_message_shop h2
{
	position: static;
}

#shopping_confirm #confirm_main h2::before,
#page_shopping_complete h2.heading01::before,
#page_shopping_complete #complete_message_shop h2::before{
	content:none;
}
#shopping_confirm #confirm_main h2::after,
#page_shopping_complete h2.heading01::after,
#page_shopping_complete #complete_message_shop h2::after{
	content:none;
}
/* ご注文内容ご確認画面 h2初期化 end */

/* スマホサイズh1～2調整 start */
@media only screen and (max-width: 767px){
	h1, h2{
		margin-left: 10px;
		margin-bottom: 20px;
	}
}
/* スマホサイズh1～2調整 end */

.attention{
	color: #FF0000;
}

.attention_big{
	font-size: 24px;
	font-size: 2.4rem;
	color: #FF0000;
	font-weight: bold;
}

/* btn start */
.btn {
	color: #FFFFFF;
	text-decoration: none !important;
	background: #005bab !important;
	border: 2px solid #000;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.btn:hover,
.btn:focus,
.btn:active{
	border-color: #474757;
}

.btn-lg{padding:10px 16px;font-size:16px;line-height:1.3333333;}
.btn-sm{padding:8px 10px;font-size:12px;line-height:1.5;font-weight: normal;}
.btn-xs{padding:5px 8px;font-size:10px;line-height:1.5;font-weight: normal;}

.btn .cb {
    margin: 0 5px;
}

.btn-block{
	width: 250px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	display: block;
	color: #FFFFFF;
	text-decoration: none !important;
	background: #005bab;
	border: 2px solid #000;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.btn-block:hover,
.btn-block:focus,
.btn-block:active{
	color: #FFFFFF;
	border-color: #474757;
}

.btn-sub {
	color: #333333;
	text-decoration: none !important;
	background: #CCCCCC;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border: 2px solid #000;
	padding: 5px 20px;
}

.btn-sub:hover,
.btn-sub:focus,
.btn-sub:active{
	color: #333333;
	border-color: #474757;
}

#confirm_side .btn_order{
	background: #E80019;
	text-decoration: none !important;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding: 8px 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #FFFFFF;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn-block:hover,
.btn-block:focus,
.btn-block:active,
.btn-sub:hover,
.btn-sub:focus,
.btn-sub:active,
.btn_order:hover,
.btn_order:focus,
.btn_order:active{
	opacity: 0.8;
}

.btn,
.btn-block,
.btn-sub {
	letter-spacing: 0.2rem;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
#history_list__body a.btn:hover,
#history_list__body a.btn:focus,
#history_list__body a.btn:active,
#detail_list_box__list .price a.btn:hover,
#detail_list_box__list .price a.btn:focus,
#detail_list_box__list .price a.btn:active{
/* デフォルト/ご注文履歴[詳細をみる・再注文する]/再注文詳細画面[カゴに追加する]*/
	color: #ffffff;
}

#page_shopping .shipping_list a:hover .btn_subtext{
/* [お届け先を変更する（住所録から選択）]の「住所録から選択」 */
	color: #ffffff;
}

.zip-search .btn-sub {
/* [郵便番号から自動入力] */
	letter-spacing: normal;
	border: none;
}

#delivery_box__new_button a button.btn-sub,
#page_shopping_shipping #deliveradd_select  #list_box__add_button a.btn-sub
{
/* マイページ＞お届け先編集[新規お届け先を追加する] 
ご注文内容確認画面＞お届け先の指定[新規お届け先を追加する]*/
	border: none;
}

#page_shopping_shipping_multiple #multiple_list_box__body p .btn{
/* お届け先の複数指定画面[既存の住所録からお届け先を追加][新規お届け先を登録して追加] */
	color: #333333;
	background: #CCCCCC !important;
	border: none;	
}

#page_shopping_shipping_multiple #multiple_list__footer  #multiple_list__back_button a.btn
{
/* お届け先の複数指定画面[戻る] */
	color: #333333;
	background: #CCCCCC !important;
	border: 2px solid #000 !important;
	font-weight: normal;
}

#page_shopping_shipping_multiple #multiple_list__footer  #multiple_list__confirm_button button.btn
{
/* お届け先の複数指定画面[選択したお届け先に送る] */
	border: 2px solid #000 !important;
	background: #005bab !important;
	color: #ffffff;
}

#page_shopping_shipping_multiple #multiple_list__footer  #multiple_list__back_button a.btn:hover,
#page_shopping_shipping_multiple #multiple_list__footer  #multiple_list__back_button a.btn:focus,
#page_shopping_shipping_multiple #multiple_list__footer  #multiple_list__back_button a.btn:active,
#page_shopping_shipping_multiple #multiple_list__footer  #multiple_list__confirm_button button.btn:hover,
#page_shopping_shipping_multiple #multiple_list__footer  #multiple_list__confirm_button button.btn:focus,
#page_shopping_shipping_multiple #multiple_list__footer  #multiple_list__confirm_button button.btn:active
{
/* お届け先の複数指定画面[戻る] [選択したお届け先に送る]*/
	border-color: #474757 !important;
}


#review_body .row li .btn-sub{
/* お客様の声 書き込み（編集画面・完了画面）*/
	width: 250px;
	margin-top: 0;
}

@media only screen and (max-width: 767px){
	#review_body .row li .btn-sub{
		/* お客様の声 書き込み（編集画面・完了画面）[戻る]*/
			margin-top: 20px;
	}		
}

#page_shopping .shipping_list .btn:hover,
#page_shopping .shipping_list .btn:focus,
#page_shopping .shipping_list .btn:active
{
/* ご注文内容ご確認画面 配送先情報のボタン（[お届け先を変更する][住所録から～][新しいお届け先～] */
	border-color: transparent;
}

#summary_box #order-button{
/* ご注文内容ご確認画面[クレジットカード決済へ]or[注文する]*/
	background: #E80019 !important;
	border: none;
}

/* btn end */

/* ロゴ start */

@media only screen and (min-width: 767px){
	/* PCサイズ指定 */
	.header_logo img{
		max-width: 300px; /*ロゴ画像の幅を設定*/
	}
}

h1.header_logo{
	padding: 0;
}

#header .header_bottom_area{
	padding-top: 10px;
}

@media only screen and (max-width: 767px){
	.header_logo_area{
		max-width: 50%;
	}
	.header_logo img{
		padding-left: 0.4em;
		width: auto; /*style.css 初期化*/
	}
	#header .header_bottom_area {
		padding-top: 20px;
	}
}
/* ロゴ end */

/* 選択フォーム start */
.form-control:focus{
	/* 受取店舗のエリア検索など */
	border-color:#333333 !important;
}
@media only screen and (max-width: 767px){
	#result_info_box #result_info_box__disp_menu{
		/* 商品検索結果フォーム 表示件数 */
		margin-top: 6px;
	}
}
/* 選択フォーム end */

/* 商品アイコン */
.item_icon{
	font-size: 0;
	margin: -5px 0 0 -5px;
	overflow: hidden;
	z-index: 0;
}

.item_icon li{
	font-size: 12px;
	font-size: 1.2rem;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 0;
	margin: 5px 0 0 5px;
	width: 54px;
	height: 20px;
	text-align: center;
	float: left;
}

.item_icon .icon1{
	background: #F5974A;
}

.item_icon .icon2{
	background: #FF5983;
}

.item_icon .icon3{
	background: #80AF20;
}

.item_icon .icon4{
	background: #913982;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: normal;
	padding: 3px 0;
}

.item_icon .icon5{
	background: #388DD1;
	font-size: 9px;
	font-size: 0.9rem;
	font-weight: normal;
	padding: 4px 0;
}

.item_icon .icon6{
	background: #FF2626;
}

.item_icon .icon7{
	background: #d70035;
}

/* ヘッダーメニュー start */
.member_link a {
    text-decoration: none !important;
    padding-left: 35px;
    letter-spacing: 0.07em;
    position: relative;
}

.member_link a:hover,
.member_link a:active,
.member_link a:focus {
	color: #525263;
	opacity: 1;
}

.member_link a::before,
.member_link a::after {
	content: '';
	position: absolute;
    width: calc(100% - 2.4em);
    height: 3px;
	bottom: 0.5em;
    left: 34%;
	border-radius: 2px;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s ease-out;
}

.member_link a::before{
	background: #005bab;
}

.member_link a::after{
	background-color: #00c3ff;
}

.member_link a:hover::before,
.member_link a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.member_link a:hover::after {
  transition-delay: .3s;
}

.member_link a.menu_member{ 
	background:url(https://a31aa7.claudeassets.com/20250216155457im_/https://www.nagato-ec.net/template/urerunja/img/icon_member.gif) no-repeat 10px;
}

.member_link a.menu_history{
	padding-left: 40px;
	background:url(https://f6646e.claudeassets.com/20250216155457im_/https://www.nagato-ec.net/template/urerunja/img/icon_history.gif) no-repeat 10px;
}

.member_link a.menu_favorite{
	padding-left: 40px;
	background:url(https://9db440.claudeassets.com/20250216155457im_/https://www.nagato-ec.net/template/urerunja/img/icon_favorite.gif) no-repeat 10px;
}

.member_link a.menu_login{
	background:url(https://332497.claudeassets.com/20250216155457im_/https://www.nagato-ec.net/template/urerunja/img/icon_login.gif) no-repeat 10px;
}

.member_link a.menu_cart{
	padding-left: 43px;
	background:url(https://b0ce36.claudeassets.com/20250216155457im_/https://www.nagato-ec.net/template/urerunja/img/icon_basket.gif) no-repeat 10px;
	position: relative;
}
.member_link a.menu_cart span{
	position: absolute;
	top: 0;
	left: 18px;
	background-color:#FF4000;
    border-radius:10px;
}

.cart.is-visible .inner{
	/*現在買い物かご内に商品がございません*/
	border-radius: 3px;
	box-shadow: 4px 4px 0 0 rgb(0 0 0 / 12%), 0 1px 4px rgb(0 0 0 / 24%);
	background: #ffffff !important;
}

/* ヘッダーバンド start*/
.headerband{
    width: 100%;
    height: 60px;
    position: absolute;
    z-index: -1;
    bottom: -10px;
    background-color: #005bab;
}
@media only screen and (max-width: 767px) {
	.headerband {
		bottom: 0px;
		height: 165px;
	}

	.search select {
		margin-bottom: 5px;
	}
}
/* ヘッダーバンド end*/
/* ヘッダーメニュー end */

/* スマホハンバーガメニュー start */
@media only screen and (max-width: 767px){
	/* 新規会員登録・お気に入り・ログインなど start */
	.drawer.sp .member_link a::before,
	.drawer.sp .member_link a::after{
	/* スマホではホバー時アンダーバー非表示のため疑似要素初期化*/
		content: none;
	}
	/* 新規会員登録・お気に入り・ログインなど end */

	/* ハンバーガー start */
	#btn_menu a.nav-trigger
	{
		text-decoration: none !important;
	}
	/* ハンバーガー end */

	/* スマホカテゴリ start */
	.drawer.sp ul.category-nav{
	background: transparent;
	}

	.drawer.sp ul.category-nav li a{
		text-decoration: none !important;
		color: #333333;
		background: transparent;
	}

	.drawer.sp ul.category-nav > li > a{
		/* 親カテゴリ */
		border-bottom: 2px solid #ffffff;
	}
	.drawer.sp ul.category-nav li > a.active{
		/* 親カテゴリがアクティブの時 */
		background: #005bab;
		color: #ffffff;
	}
	/* スマホカテゴリ end */
}
/* スマホハンバーガメニュー end */
/* キーワード検索欄 start */
.search .input_search {
    background: #fff;
    border-radius: 20px;
	border: 2px solid #000;
}

@media only screen and (max-width: 767px){
	.search .input_search {
		border-radius: 4px;
		border: none;
	}
}
/* キーワード検索欄 end */

/* カテゴリプルダウン start */
#search select {
    border-radius: 20px !important;
	border: 2px solid #000;
}

@media only screen and (max-width: 767px){
	#search #category_id{
		margin-bottom: 7px;
	}
	#search select {
		border-radius: 4px !important;
		border: none;
	}
}
/* カテゴリプルダウン end */
/* ヘッダーメニュー end */

/* パンくず start */
#topicpath{
	padding: 10px 12px 15px 0;
}
/* パンくず end */


/* メインビジュアル */
.slider-nav button.slick-arrow{
	position: absolute;
	z-index: 2;
	background: rgba(0,0,0,0.6);
	border: none;
	width: 60px;
	height: 40px;
	left: 50%;
	margin-left: -30px;
	border-radius: 4px;
	text-indent: -9999px;
}

.slider-nav button.slick-prev{
	top: 5px;
}

.slider-nav button.slick-prev::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #FFFFFF;
    border-left: solid 2px #FFFFFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	top: 50%;
	left: 50%;
	margin-top: -4px;
	margin-left: -9px;
}

.slider-nav button.slick-next{
	bottom: 0;
}

.slider-nav button.slick-next::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #FFFFFF;
    border-left: solid 2px #FFFFFF;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
	top: 50%;
	left: 50%;
	margin-top: -14px;
	margin-left: -9px;
}

/* メインビジュアル end */

/* 人気のキーワード */
#public_keyword dl dt{
	background: #00c3ff;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	border-radius: 20px 0 0 20px;
	font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
	border-top: 2px solid #000;;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
}

#public_keyword dl dd div{
    border: none;
    border-left: none;
    background: #fff;
    border-radius: 0 20px 20px 0;
	padding-right: 1px;
	border-top: 2px solid #000;;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
}
@media only screen and (max-width: 767px){
	#public_keyword dl dt {
		border-radius: 4px 0 0 4px;
		border: none;
	}
	#public_keyword dl dd div{
		border-radius: 0 4px 4px 0;
		border: none;
	}
}
/* 人気のキーワード end */

/* カテゴリ */
#category h2{ /* カテゴリタイトル */
	font-size:18px;
	font-size: 1.8rem;
	text-align: center;
	padding: 6px 0;
	border-top: 2px solid #333333;
	border-bottom: 2px solid #333333;
}

#category ul.category-nav > li > a{
	/* 親階層 */
	display: block;
	font-size: 1.4rem;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
	position: relative;
	text-decoration: none !important;
}


#category ul.category-nav > li:last-of-type > a{
	border-bottom: 0;
}

.category-nav li a{
    background: #f6f6f6;
}

#category ul.category-nav > li:first-of-type > a{
	border-radius: 3px 3px 0 0;
}

#category ul.category-nav > li:last-of-type > a{
	border-radius: 0 0 3px 3px;
}


.category-nav li > a.active{
    background: #005bab;
    color: #ffffff;
}

#category ul.category-nav ul li a{
	/* 子階層 */
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 0 10px 35px;
	border-bottom: none;
	text-decoration: none !important;
	color: inherit;
	background-color: #e9e9eb;
}

#category ul.category-nav ul li ul,
#category ul.category-nav ul li ul li ul{
	/* 孫・ひ孫階層 */
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 3px;
	box-shadow: 4px 4px 0 0 rgb(0 0 0 / 12%);
	background-color: #f6f6f6;
	border-bottom: 1px solid #CCCCCC;
}

#category ul.category-nav ul li ul li a{
	/*孫階層*/
	padding-left: 25px;
	border-bottom: none;
	color: inherit;
	background-color: #f6f6f6;
}

#category ul.category-nav ul li ul li ul li a{
	/*ひ孫階層*/
	padding-left: 25px;
	border-bottom: none;
	color: inherit;
}

#category ul.category-nav li a:hover,
#category ul.category-nav li a:focus,
#category ul.category-nav li a:active{ /* カーソルが乗った時の指定 */
	opacity: 1;
    background: #005bab;
	color: #ffffff;
	transition: all 0.3s;
}

#category ul.category-nav li:hover > ul,
#category ul.category-nav li:focus > ul,
#category ul.category-nav li:active > ul{ 
	/* カーソルを乗せたら次階層表示 */
	display: block;
}

/* 左あしらい start*/
ul.category-nav > li > a::before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
	transition: all 0.3s;
	margin-right: 8px;
	border-right: 3px solid #005bab;
    border-top: 3px solid #005bab;
    transform: rotate(45deg);
}

ul.category-nav > li:hover > a::before,
ul.category-nav > li:focus > a::before,
ul.category-nav > li:active > a::before{
	border-right: 3px solid #00c3ff;
    border-top: 3px solid #00c3ff;
	background: transparent;
}

ul.category-nav > li > a.active::before{
	/* アクティブ時の左あしらいの指定 */
   border-color: #00c3ff;
}
/* 左あしらい end */
/* カテゴリ end */

/* カレンダー */
#calendar table tr td{
	border-bottom: 1px dotted #CCCCCC;
}

#calendar table tr th#sunday{
	color: #FF0000;
}

#calendar table tr th#saturday{
	color: #0040FF;
}

#calendar table tr td.holiday{
	color: #FF0000;
	background: #FFCDD2;
}
/* カレンダー end */
/* ランキング */
#sales_ranking .label-warning{
	font-family: Aparajita;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

#sales_ranking .no1{
	padding-left: 25px;
	color: #B28500;
	background: url(https://6dad30.claudeassets.com/20250216155457im_/https://www.nagato-ec.net/template/urerunja/img/no1.gif) no-repeat 0 3px;
}

#sales_ranking .no2{
	padding-left: 25px;
	color: #CCCCCC;
	background: url(https://ce226d.claudeassets.com/20250216155457im_/https://www.nagato-ec.net/template/urerunja/img/no2.gif) no-repeat 0 3px;
}

#sales_ranking .no3{
	padding-left: 25px;
	color: #B22D00;
	background: url(https://e2ce36.claudeassets.com/20250216155457im_/https://www.nagato-ec.net/template/urerunja/img/no3.gif) no-repeat 0 3px;
}
.pickup_item a{
	text-decoration: none !important;
}

/* ランキング end */

/* おすすめ */
.item_comment{
	color: #666666;
}
/* おすすめ end */
/* トップページ商品用スライダー矢印 */
#sales_ranking button.slick-arrow,
#advice button.slick-arrow,
#checkeditem button.slick-arrow{
	background-color: rgba(0,0,0,0.6);
	width: 40px;
	height: 60px;
	border: none;
	border-radius: 4px;
	text-indent: -9999px;
}

#sales_ranking button.slick-prev::before,
#advice button.slick-prev::before,
#checkeditem button.slick-prev::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #FFFFFF;
    border-left: solid 2px #FFFFFF;
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
	top: 50%;
	left: 20px;
	margin-top: -9px;
	margin-left: -4px;
}

#sales_ranking button.slick-next::before,
#advice button.slick-next::before,
#checkeditem button.slick-next::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	top: 50%;
	left: 5px;
	margin-top: -9px;
}

#sales_ranking button.slick-prev,
#advice button.slick-prev,
#checkeditem button.slick-prev{
	position: absolute;
	top: 30%;
	left: 0;
	z-index: 99;
}

#sales_ranking button.slick-next,
#advice button.slick-next,
#checkeditem button.slick-next{
	position: absolute;
	top: 30%;
	right: 0;
	z-index: 99;
}

/* トップページ商品用スライダー矢印 end */
/* 新着情報 */
#news_area .newslist{
	margin-top: 5px;
	background: #F8F8F8;
	border-bottom: none;
}

.newslist dt .news_title {
    text-decoration: underline;
}

.newslist dt .angle-circle{
    position: absolute;
    right: 16px;
	top: 20px;
    display: inline-block;
    width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #333333;
}

.newslist dt .angle-circle::before{
	content: "";
	position: absolute;
	top: -11px;
	left: -10px;
    display: inline-block;
    width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 9px solid #F8F8F8;
}

.newslist dt.active .angle-circle{
    position: absolute;
    right: 16px;
	top: 10px;
    display: inline-block;
    width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 10px solid #333333;
}
.newslist dt.active .angle-circle::before{
	content: "";
    position: absolute;
	top: -8px;
    display: inline-block;
    width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom: 9px solid #F8F8F8;
}

.newslist dd {
	border-top: 1px dotted #999999;

}

/* 新着情報 end */
/* パンクズリスト */
#topicpath ol {
}
#topicpath li {
    font-size: 12px;
    font-size: 1.2rem;
}
/* パンクズリスト end */
/* 商品一覧上部のナビ */
#page_navi_top{
	margin-top: 10px;
}

#page_navi_top strong{
	color: #FF0000;
}
#page_navi_top strong span{
	color: #FF0000;
}
/* 商品一覧上部のナビ end */
/* 商品一覧 */
#item_list a{
	text-decoration: none !important;
}
/* 商品一覧ページャー */
.pagination ul {
    list-style-type: none;
    margin: 0 0 0 -5px;
}
.pagination ul li {
    min-width: 29px;
    padding: 0 0 0 5px;
    text-align: center;
}

.pagination ul li a {
    color: #525263;
    line-height: 1.8;
    padding: 0 10px;
    text-decoration: none !important;
}
.pagination ul li a:hover, .pagination ul li a:focus {
    background: #f1f1f1;
}
.pagination ul li.active a {
    background: #F3F3F3;
    text-decoration: none;
}
.pagination ul li.active a:hover, .pagination ul li.active a:focus {
    background: #F3F3F3;
}
.pagination ul li.disabled a {
    color: #9797A0;
    text-decoration: none;
}
.pagination ul li.disabled a:hover, .pagination ul li.disabled a:focus {
    color: #9797A0;
}
/* 商品一覧ページャー */
/* 商品詳細 */
#item_photo_area .detail_slider-nav .slick-arrow{
	position: absolute;
	top: 50%;
	margin-top: -20px;
	text-indent: -9999px;
	z-index: 100;
	background: rgba(225,225,225,0.6);
	border: none;
	border-radius: 4px;
	height: 40px;
	width: 20px;
}

#item_photo_area .detail_slider-nav .slick-prev{
	left: 0;
}

#item_photo_area .detail_slider-nav .slick-next{
	right: 0;
}
	
#item_photo_area .detail_slider-nav .slick-prev::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #333333;
    border-left: solid 2px #333333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(315deg);
	top: 50%;
	left: 10px;
	margin-top: -9px;
	margin-left: -4px;
}

#item_photo_area .detail_slider-nav .slick-next::before{
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	border-top: solid 2px #333333;
    border-right: solid 2px #333333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	top: 50%;
	left: -5px;
	margin-top: -9px;
}

.cart_area #detail_cart_box__cart_quantity dd button#favorite{ /* お気に入りボタンデザイン */
	background: #F8F8F8;
	border: 1px solid #333333;
	padding: 5px 10px 5px 30px;
	border-radius: 4px;
	position: relative;
	background: url(https://8a93d5.claudeassets.com/20250216155457im_/https://www.nagato-ec.net/template/urerunja/img/item_img1.gif) no-repeat 5px;
}


/* 商品詳細 end */

/* マイページ start */
.local_nav.favorite li {
	/* ナビゲーション項目が5件の場合 */
    /* width: 20%; */
	/* ナビゲーション項目が6件の場合 */
	width: 16.66666667%;
}

.local_nav.favorite li a {
	text-decoration: none !important;
	letter-spacing: 0.2rem;
	font-size: 1.4rem;
	font-size: 14px;
}

.local_nav li:first-child{
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.local_nav li:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.local_nav li.active a { /* カーソルが乗った時、該当ページに居る時の指定 */
    color: #005bab;
	background: #F8F8F8;
	position: relative;
}

.local_nav li.active a::before{ /* カーソルが乗った時、該当ページに居る時の指定 */
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	bottom: 3px;
	border: 3px solid transparent;
	border-top: 4px solid #005bab;
}

@media only screen and (max-width: 767px){
	#navi_list {
		padding-left: 10px;
		padding-right: 10px;
	}
	.local_nav.favorite li {
		width: 50%;
	}
	.local_nav li:first-child {
		margin-left: -1px;
	}
}
#detail_wrap #detail_box{
/* 再注文詳細画面 注文状況等*/
	margin-top: 20px;
}
/* マイページ end */

/* フッター */
#footerwave{
	background: url(https://c75539.claudeassets.com/20250216155457im_/https://www.nagato-ec.net/user_data/bg_wave01.png) repeat-x center top;
	height: 12px;
	margin-top: 20px;
}

#footer{
	background-color: #005bab;
	margin-top: 0; /*初期化*/
}

#footer .container-fluid ul{
	padding: 20px 0 15px 0;
}

#footer .container-fluid ul li a{
	text-decoration: none !important;
	color: #ffffff;
}

.footer_logo_area .copyright {
    font-size: 12px;
    font-size: 1.2rem;
	color: #ffffff;
}

/* フッター コピーライト中央寄せ start */
#footer div.footer_logo_area{
	display: block;
}

#footer div.sslsticker{
	margin: 0;
}
/* フッター コピーライト中央寄せ end */
/* フッター end */

/* ヘッダーログイン者情報 start */
#login_user_info {
	float: right;
	width: 100%;
	padding-right: 20px;
	text-align: right;
	padding-bottom: 20px;
}
/* ヘッダーログイン者情報 end */

/* 購買フロー start */
.flowline li{
	letter-spacing: 0.15rem;
}

.flowline li.active{
    color: #005bab;
}

.flowline li.active .flow_number{
    background: #005bab;
}

/* 購買フロー end */

/*=====================================
　よくあるご質問 start
=======================================*/

.qa_dashed {
	height: 2px;
	position: relative;
	}

.qa_dashed::before {
	content: '';
	background-image: linear-gradient(to right, #000, #000 5px, transparent 5px, transparent 12px);
	background-size: 12px 2px;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	}

#qa_qlist, #qa_qalist {
	padding: 30px 30px;
	font-family: 'Zen Maru Gothic', sans-serif;
	letter-spacing: 0.1rem;
}

.qa_num{
	color: #00c3ff;
	margin-bottom: 0.3em;
	margin-top: 30px;
	text-align: center;
	display: block;
	font-weight: 800;
	letter-spacing: 0.4rem;
	position: relative;
	font-size: 1.8rem;
	font-size: 18px;
}

#qa_qlist h2::before,
#qa_qalist h2::before {
	content: none; /*CSS 無効化*/
}

#qa_qlist h2::after, #qa_qalist h2::after {
	content: '';
	position: absolute;
	bottom: -1.6em;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	height: 20px;
	background-color: #00c3ff;
}

#qa_qlist h2, #qa_qalist h2 {
	text-align: center;
	position: relative;
	padding: 0;
	margin-bottom: 5rem;
	background: transparent; /* CSS無効化 */
	color: #000000; /* CSS無効化 */
}

#qa_qlist ul, #qa_qalist dl {
	padding: 30px;
	background: #f8f8fa;
	border-radius: 40px;
	border: 3px solid #000; 
	margin-bottom: 40px;
}


#qa_qlist li, #qa_qalist dt {
	position: relative;
	overflow: hidden;
	padding: 1.5rem 2rem 3rem 80px;
	word-wrap:break-word;
}

#qa_qlist li:last-child {
	padding-bottom: 1.7rem;
}

#qa_qalist dd {
	position: relative;
	overflow: hidden;
	padding: 1.5rem 3rem 2.5rem 80px;
	word-wrap:break-word;
}

#qa_qlist li::before, 
#qa_qalist dt::before, 
#qa_qalist dd::before
{
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 2rem;
	position: absolute;
	top: 4px;
	left: 0;
	text-align: center;
	line-height:50px;
	color: #fff;
	border-radius: 50%;
	font-family: 'Zen Maru Gothic', sans-serif;
}

#qa_qlist li::before, 
#qa_qalist dt::before {
	content: "Q";
	background: #005bab;
}

#qa_qalist dd::before {
	content: "A";
	background: #c30d23;
}

/* 代引引換表 start */
#qalist_cod {
	max-width: 100%;
	margin: 10px 0 10px;
	border: 2px solid #c8c8c8;
	border-spacing: 0;
	border-collapse: collapse;
	border-bottom: none;
}

#qalist_cod tr {
	border-bottom: 2px solid #c8c8c8;
}

#qalist_cod th {
	text-align: left;
	border-right: 2px dotted #c8c8c8;
	background: #e6e6e6;
	padding: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}

#qalist_cod td {
	text-align: right;
	padding: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	background: #fff;

}
/* 代引引換表 end */

/* トップへ戻るボタン start */
#qa_qalist dl {
	position: relative;
}

.qa_pagetop_circle{
	display: inline-block;
	height: 36px;
	width: 36px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #a09e9e;
	position: absolute;
	bottom: 20px;
	right: 20px;
	transition: background-color 0.2s;
}

.qa_pagetop{
	display: inline-block;
	color: #a09e9e;
	width: 0.7em;
	height: 0.7em;
	border: 0.1em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(25%) rotate(-45deg);
	position: absolute;
	bottom: 33%;
	right: 32%;
	transition: bottom 0.3s;
}

.qa_pagetop_circle:hover{
	background-color: #8e9297;
	border-color: transparent;
}


.qa_pagetop_circle:hover .qa_pagetop{
	bottom:40%;
	opacity: 1;
	color: #fff;
}

/* トップへ戻るボタン end */

/* 文章調整 start */
#qa_qalist .qa_indentdown {
	text-indent:  -1em;
	padding: 0 0 0 1em;
	}

#qa_qalist .qa_attention::before {
	content: "※";
	}

#qa_qalist .qa_clause::before {
	content: "・";
	}

#qa_qalist .qa_subtitle {
	font-weight: 500;
}

#qa_qalist .qa_listfloatl li {
	float: left;
}

#qa_qalist .clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

#qa_qalist .defendLF{
	/* 単語の途中で改行を防ぐ */
	display: inline-block;
	}

#qa_qalist .qa_nodeco{
	text-decoration: none !important;
}
/* 文章調整 end */

/* スマホ表示 start */
@media only screen and (max-width: 767px) {


	#qa_qlist h2, #qa_qalist h2 {
		/* h2マージン無効化 */
		margin-left: 0; 
	}

	#qa_qlist ul, #qa_qalist dl {
		padding: 20px 16px;
	}

	#qa_qlist li {
		padding: 1.5rem 0 3rem 60px
	}
	/* QAアイコン スマホ表示 start */
	#qa_qlist li::before{
		width: 40px;
		height: 40px;
		font-size: 1.8rem;
		line-height: 40px;
	}

	#qa_qalist dt::before, 
	#qa_qalist dd::before
	{
		display: inline-block;
		width: 100%;
		height: auto; /* CSS無効化 */
		font-size: 2rem;
		position: static; /* CSS無効化 */
		top: calc(1.6rem/2);
		left: auto; /* CSS無効化 */
		text-align: left;
		line-height:normal; /* CSS無効化 */
		border-radius: 0%; /* CSS無効化 */
		background-color:transparent; /* CSS無効化 */
		font-weight: 500;
		letter-spacing: 0.2rem;		
	}

	#qa_qalist dt::before {
		content: "Question";
		color: #005bab;
		border-bottom: 1px solid #005bab;
		margin-bottom: 1vw;
	}
	
	#qa_qalist dd::before {
		content: "Answer";
		color: #c30d23;
		border-bottom: 1px solid #c30d23;
		margin-bottom: 1vw;
	}
	/* QAアイコン スマホ表示 end */

	#qa_qalist dt {
			overflow: hidden;
			padding: 1.5rem 1rem 3rem 1rem;
		}
	
	#qa_qalist dd {
		overflow: hidden;
		padding: 1.5rem 1rem 3.6rem 1rem;
	}

	/* 代引引換表 start */
	#qalist_cod {
		display: block;
		border-right: none;
	}

	#qalist_cod thead {
		display: none;
	}

	#qalist_cod tbody, #qalist_cod tr {
		width: 100%;
		display: block;
	}

	#qalist_cod tr {
		border-right: 2px solid #c8c8c8;
	}

	#qalist_cod th {
		width: 100%;
		display: block;
		font-weight: normal;
		border-right: none;
		box-sizing: border-box; 
	}

	#qalist_cod td {
		width: 100%;
		display: block;
		text-align: left;
		box-sizing: border-box; 
	}

	#qalist_cod th::before {
		content: "商品代金：";
	}

	#qalist_cod td::before {
		content: "代引手数料：";
	}
	/* 代引引換表 end */

}
	/* スマホ表示 end */

/*=====================================
　よくあるご質問 end
=======================================*/

/*=====================================
　プライバシーポリシー start
=======================================*/
#privacy_box__body_inner .privacy_indentdown {
	/* 字下げ */
	text-indent:  -1em;
	padding: 0 0 0 1em;
	}
/*=====================================
　プライバシーポリシー end
=======================================*/

/*
     FILE ARCHIVED ON 15:12:44 Sep 02, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:18:13 Jun 24, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.363
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.03
  esindex: 0.006
  cdx.remote: 1407.741
  LoadShardBlock: 178.492 (3)
  PetaboxLoader3.resolve: 151.129 (3)
  PetaboxLoader3.datanode: 188.311 (5)
  load_resource: 249.578
  loaddict: 79.71
*/