/** Shopify CDN: Minification failed

Line 1479:1 Unexpected "/"
Line 3062:73 Expected identifier but found "*"
Line 3862:21 Expected ":"
Line 4011:61 "text-decolation" is not a known CSS property
Line 4093:22 "text-decolation" is not a known CSS property
Line 4094:27 "text-decolation" is not a known CSS property
Line 4589:15 "text-decolation" is not a known CSS property
Line 4591:19 "text-decolation" is not a known CSS property
Line 4756:21 "text-decolation" is not a known CSS property
Line 5471:55 "text-aling" is not a known CSS property
... and 2 more hidden warnings

**/
/* ============================================================
   LEGACY MOBILE TREE  (edo1.jp /smp/templates/edo1smp20210126/colorvariation/default)
   Verbatim port of the edo1.jp legacy stylesheets (first-party assets
   mirrored in legacy-migration-workspace/assets). Only two mechanical
   edits were made: @charset/@import directives were removed (the files
   are concatenated here in the legacy @import order) and url() image
   references were rewritten to the flat Shopify asset filenames from
   docs/legacy-migration/asset-manifest.csv.
   ============================================================ */


/* ---------- css/block.css ---------- */
/* 検索
----------------------------------------------- */
div#searcharea {
    width: 95%;
    margin: 5px auto;
    padding: 0;
    border: solid 1px #ccc;
	text-align: center;
	overflow:hidden;
	clear:both;
}
div#searcharea p {
	padding: 8px 0 0 0 
}

div#searcharea img {
    padding: 0 5px 0 0;
    vertical-align: bottom;
}

div#searcharea .btn {
	text-align: center
}

#searcharea .box142 {
    width: 290px;
    height: 25px;
    border: solid 1px #ccc;
}

#searcharea .box143 {
    width: 160px;
    height: 25px;
    margin-top: 5px;
    border: solid 1px #ccc;
}

/* カゴの中
----------------------------------------------- */
div#cartarea {
    width: 95%;
    margin: 5px auto;
    padding: 0;
    border: solid 1px #ccc;
	text-align: center;
	overflow:hidden;
	clear:both;
    word-break: break-all;
}
div#cartarea h2 {
    margin: 0 auto;
	padding:10px;
	text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background:#535353;
}
div#cartarea p {
    margin: 0;
    padding: 5px 0 10px 0;
}
div#cartarea p.item {
    margin: 0;
    padding: 5px 0 10px 0;
    border-bottom:1px dashed #2f2f2f;
}
div#cartarea .btn {
    margin: 0;
    padding: 5px 0px;
    text-align: center;
}

/* カテゴリー
----------------------------------------------- */
div#categoryarea {
    width: 95%;
    margin: 5px auto;
    padding: 0;
    border: solid 1px #ccc;
	text-align: left;
	overflow:hidden;
	clear:both;
}

div#categoryarea h2 {
    margin: 0 auto;
	padding:10px;
	text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background:#535353;
}

div#categoryarea li {
    list-style: none;
    font-family: HiraKakuProN-W6;
    font-size: 14px;
    line-height: 44px;
}

div#categoryarea li a {
    display: block;
    height: 43px;
    padding: 0px 26px 0px 10px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: black;
    background: url(legacy-sp-img-top-listarrow.png) no-repeat 95% 50%;
}

div#categoryarea li.level1 {
    font-weight: bold;
    border-bottom: solid 1px #D9D9D9;
}

div#categoryarea li.level1 li { font-weight: normal }
a.onlink { text-decoration: underline }
a.onlink:link { color: #535353 }
a.onlink:visited { color: #535353 }
a.onlink:hover { color: #535353 }
.cate_margin { margin-left: 10px }

/* ログイン
----------------------------------------------- */
div#loginarea {
    width: 95%;
    margin: 5px auto;
    padding: 0;
    border: solid 1px #ccc;
	text-align: center;
	overflow:hidden;
	clear:both;
}
div#loginarea h2 {
    margin: 0 auto;
	padding:10px;
	text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background:#535353;
}
div#loginarea h3 {
    text-align: left;
    margin: 0;
    padding: 5px;
    font: 14px bold;
    color:#2f2f2f;
}
div#loginarea p {
    text-align: left;
    margin: 0;
    padding: 5px;
    font-size: 12px;
}

div#loginarea .mem_area {
    text-align: left;
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 12px;
}

div#loginarea .no_mem_area {
    text-align: left;
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 12px;
}

#loginarea .box96 {
    width: 240px;
    height: 25px;
    border: solid 1px #ccc;
}
.cate_margin {
	margin-left: 10px 
}
.atention {
    text-align: left;
    margin: 0;
    padding: 0;
	font-size: 10px;
	color:red;
}

/* カレンダー
----------------------------------------------- */
#block-calendar {
    width: 95%;
    text-align: center;
    margin: 5px auto 0px 5px;
}
#block-calendar table {
    width: 95%;
    border-collapse: collapse;
    margin: 0 auto 10px;
    text-align: center;
}
#block-calendar th,
#block-calendar td {
    padding: 4px;
    border: 1px solid #CCCCCC;
}
#block-calendar th {
    color: #FFFFFF;
    background: #535353;
}
#block-calendar .off {
    color: #ff0000;
    background: #ebebeb;
}
#block-calendar caption { color: #DD4400;
}

/* イメージスライダー
----------------------------------------------- */
div#newitemarea {
    width: 95%;
    margin: 5px auto;
    padding: 0;
    border: solid 1px #ccc;
	text-align: center;
	overflow:hidden;
	clear:both;
word-break: break-all;
}

div#newitemarea h2 {
    margin: 0 auto;
	padding:10px;
	text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background:#535353;
}

/* ---------- css/btn.css ---------- */
/* ヘッダーボタン
----------------------------------------------- */
.head_btn_all {
	margin: 10px auto;
	padding:0;
}

.h_btn {
	margin:0 0 0 1px;
	padding:5px;
    width:61px;
    height:40px;
    float:left;
	text-align:center;
	background:#ebebeb;
}

.btn_cart {
    margin:0;
	padding:0;
	width:61px;
	height:50px;
	float:left;
}

.btn_cart a {
    margin:0;
    padding:20px 0 5px 0;
    width:61px;
	height:15px;
	font-size:10px;
	font-weight:bold;
    display:block;
	text-decoration:none;
	color:#535353;
    background:url(legacy-sp-img-icon-icon_cart.png) no-repeat 50% 2%;
}

.btn_touroku {
    margin:0;
	padding:0;
	width:61px;
	height:50px;
	float:left;
}

.btn_touroku a{
    margin:0;
    padding:20px 0 5px 0;
    width:61px;
	height:15px;
	font-size:10px;
	font-weight:bold;
    display:block;
	text-decoration:none;
	color:#535353;
    background:url(legacy-sp-img-icon-icon_entry.png) no-repeat 50% 2%;
}

.btn_mypage {
    margin:0;
	padding:0;
	width:61px;
	height:50px;
	float:left;
}

.btn_mypage a {
    margin:0;
    padding:20px 0 5px 0;
    width:61px;
	height:15px;
	font-size:10px;
	font-weight:bold;
	float:left;
    display:block;
	text-decoration:none;
	color:#535353;
    background:url(legacy-sp-img-icon-icon_content.png) no-repeat 50% 2%;
}

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

/* メインボタン
----------------------------------------------- */

.nm_btn {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 34px;
	text-align: left;
    border-top: solid 1px #D9D9D9;
    background: #8d8d8d;
}

.nm_btn a {
    display: block;
    height: 33px;
    padding: 0px 26px 0px 10px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    background: url(legacy-sp-img-top-listarrow.png) no-repeat 95% 50%;
}

.sp_btn {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 34px;
	text-align: left;
	clear:both;
    border-top: solid 1px #000;
    background: #2f2f2f;
}

.sp_btn a {
    display: block;
    height: 33px;
    padding: 0px 26px 0px 10px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
    background: url(legacy-sp-img-top-listarrow.png) no-repeat 95% 50%;
}

.sp_btn #to_confirm_btn {
	display: block;
	height: 40px;
	padding: 0px 70% 0px 10px;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color:#fff;
	background: url(legacy-sp-img-top-listarrow.png) no-repeat 95% 50%;
	border-width: 0;
	cursor: pointer;
}

.ct_btn {
	width: 29%;
    list-style: none;
    margin: 2px;
    padding: 10px 0 10px 10px;
    font-size: 12px;
    border-top: solid 1px #000;
	text-align: left;
	float:left;
    background: #2f2f2f;
}

.ct_btn a {
    display: block;
    padding: 0px 26px 0px 0px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
    background: url(legacy-sp-img-top-listarrow.png) no-repeat 95% 50%;
}

.nx_btn {
	width:146px;
    list-style: none;
    margin: 2px;
    padding: 10px 0 10px 10px;
    font-size: 12px;
	text-align: right;
	float:right;
    border-top: solid 1px #000;
    background: #2f2f2f;
}

.nx_btn a {
    display: block;
    padding: 0 26px 0 0;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
    background: url(legacy-sp-img-top-listarrow.png) no-repeat 95% 50%;
}
.nx_btn2 {
	
	width:146px;
    list-style: none;
    margin: 2px;
    font-size: 12px;
	text-align: right;
	float:right;
    border-top: solid 1px #000;
    background: #2f2f2f;
}

.nx_btn2 #to_confirm_btn,.nx_btn #to_confirm_btn {

	height: 40px;
	padding: 0px 26px 0px 90px;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color:#fff;
	background: url(legacy-sp-img-top-listarrow.png) no-repeat 95% 50%;
	border-width: 0;
	cursor: pointer;
}


.prv_btn {
	width:146px;
    list-style: none;
    margin: 2px;
    padding: 10px 0 10px 10px;
    font-size: 12px;
    border-top: solid 1px #000;
	text-align: left;
	float:left;
    background: #2f2f2f;
}

.prv_btn a {
    display: block;
    padding: 0 0 0 20px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
    float: left;
    background: url(legacy-sp-img-top-listarrow_prev.png) no-repeat 0% 50%;
}
.prv_btn2 {
	width:146px;
	height:15px;
    list-style: none;
    margin: 2px;
    padding: 12px 0 13px 10px;
    font-size: 12px;
    border-top: solid 1px #000;
	text-align: left;
	float:left;
    background: #2f2f2f;
}
.prv_btn2 a {
    display: block;
    padding: 0 0 0 20px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
    float: left;
    background: url(legacy-sp-img-top-listarrow_prev.png) no-repeat 0% 50%;
}
.btn_area {
	width:320px;
	margin: 10px auto;
	padding:0;
}
.btn_area2 {
	width:310px;
	margin: 10px auto;
	padding:0;
}

/* ボタン
----------------------------------------------- */
input[type='image'] { border: none }
input[type='image'].box190 {
    width: 150px;
    height: 30px;
}
input[type='image'].box180 {
    width: 140px;
    height: 30px;
}
input[type='image'].box150 {
    width: 130px;
    height: 30px;
}
input[type='image'].box140 {
    width: 140px;
    height: 30px;
}
input[type='image'].box130 {
    width: 130px;
    height: 30px;
}
input[type='image'].box51 {
    width: 180px;
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 5px;
}

div.tblareabtn {
    clear: both;
    margin: 15px 0 0 0;
    text-align: center;
}
div.tblareabtn1 {
    clear: both;
    margin: 15px 0 15px 0;
    text-align: center;
}
div.tblareabtn01 {
    clear: both;
    margin: 15px 0 15px 0;
    padding: 0 0 20px 0;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
div.tblareabtn02 {
    clear: both;
    margin: 15px 10px 10px 10px;
    padding: 10px 0px 0px 0px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
div.tblareabtn03 {
    clear: both;
    margin: 10px 0 15px 0;
    padding: 0px;
    text-align: center;
}

/* LPフォーム用
----------------------------------------------- */
.upsell{
    width: 146px;
    display: block;
    text-align: center;
    list-style: none;
    margin: 5px auto;
    padding: 10px 0 10px 10px;
    font-size: 12px;
    background: #A4F6AB;
    border: solid 1px #00C700;
}
.upsell a{color: #429949;}

.lp_combtn {
width: 70%;
list-style: none;
margin: 15px auto;
padding: 9px 0;
font-size: 14px;
text-align: center;
color: #fff;
border: 1px dotted #666;

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #28a108), color-stop(0.00, #64d549));
background: -webkit-linear-gradient(#64d549, #28a108);
background: -moz-linear-gradient(#64d549, #28a108);
background: -o-linear-gradient(#64d549, #28a108);
background: -ms-linear-gradient(#64d549, #28a108);
background: linear-gradient(#64d549, #28a108);
border: 1px solid #41b723;
box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);

}

.lp_combtn a {  
    color: #fff;
}

.btn_ups{
   width:100%;
   margin:0 auto;
   text-align:center; 
}



/* ---------- css/detail.css ---------- */
/* 空ファイル */

/* ---------- css/entry.css ---------- */
/* 会員登録
----------------------------------------------- */
div#entrycolumn {
    width: 95%;
    margin: 5px;
    padding: 0;
    text-align: left;
}

div#entrycolumn h2 {
    padding: 0;
    margin: 0 0 10px 0;
    padding:10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #535353;
}

div#entrycolumn .kiyaku {
    width: 95%;
    margin: 0 0 5px 0;
    padding: 3px;
    text-align: left;
    border: 1px solid #cccccc;
    font-size: 12px;
}
div#entrycolumn .area470 {
    width: 95%;
    margin: 5px 5px 0px 3px;
    height: 2150px;
    padding: 10px 5px 0px 5px;
    border: 1px solid #ccc;
    font-size: 12px;
}
div#entrycolumn table {
    width: 95%;
    margin: 0px 2px;
    padding: 0px;
    font-size: 12px;
}
div#entrycolumn table th {
    width: 80px;
    font-size: 12px;
}
div#entrycolumn .tdgray01 { background: #f5f4f3; }
div#entrycolumn .box120 {
    width: 65px;
    padding: 8px;
    border: 1px solid #ccc;
}
div#entrycolumn .box60 {
    width: 50px;
    padding: 8px;
    border: 1px solid #ccc;
}
div#entrycolumn .box380 {
    width: 95%;
    margin: 5px 0 0 0;
    padding: 8px;
    border: 1px solid #ccc;
}
div#entrycolumn .box320 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 8px;
    border: 1px solid #ccc;
}
div#entrycolumn .zipimg img { margin: 5px 0 0 0; }
div#entrycolumn .completetext {
    width: 300px;
    margin: 0px auto 5px auto;
    padding: 5px;
    border: 2px solid #ccc;
    text-align: center;
}
div#entrycolumn .completetext em { font-weight: bold; }
div#entrycolumn p {
    font-size: 14px;
    line-height: 14px;
    margin: 10px 0;
    padding: 0 auto;
    text-align: left;
}
div#entrycolumn dt {
    float: left;
    width: 4em;
    border: 1px solid #535353;
}
div#entrycolumn p {
    margin: 3px;
    padding: 5px 0;
    font-size: 12px;
}
/* 会員登録(table)
----------------------------------------------- */
div#entrycolumn1 {
    width: 95%;
    margin: 5px 4px;
    padding: 0;
    text-align: left;
}
div#entrycolumn1 .area470 {
    width: 95%;
    margin: 5px 5px 0px 3px;
    height: 2150px;
    padding: 10px 5px 0px 5px;
    border: 1px solid #ccc;
    font-size: 12px;
}
div#entrycolumn1 table {
    width: 95%;
    margin: 0px 2px;
    padding: 0px;
    font-size: 12px;
}
div#entrycolumn1 table th { font-size: 12px; }
div#entrycolumn1 .tdgray01 { background: #f5f4f3; }
div#entrycolumn1 .box120 {
    width: 65px;
    padding: 8px;
    border: 1px solid #ccc;
}
div#entrycolumn .box60 {
    width: 50px;
    padding: 8px;
    border: 1px solid #ccc;
}
div#entrycolumn1 .box380 {
    width: 150;
    margin: 5px 0 0 0;
    padding: 8px;
    border: 1px solid #ccc;
}
div#entrycolumn1 .box320 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 8px;
    border: 1px solid #ccc;
}
div#entrycolumn1 .zipimg img { margin: 5px 0 0 0; }
div#entrycolumn1 .completetext {
    width: 300px;
    margin: 15px 5px 0 5px;
    padding: 15px;
    border: 5px solid #ccc;
}

div#entrycolumn1 .completetext em { font-weight: bold; }
div#entrycolumn1 p {
    font-size: 12px;
    line-height: 14px;
    margin: 10px 5px;
    padding: 0px;
    text-align: left;
}
div#entrycolumn1 .completetext {
    width: 290px;
    margin: 20px 5px 5px 5px;
    padding: 5px;
    border: 2px solid #ccc;
    text-align: center;
}
div#entrycolumn1 dt {
    float: left;
    width: 4em;
    border: 1px solid #535353;
}
div#entrycolumn1 ul {
    width: 300px;
    margin: 5px 3px;
    padding: 0;
    border: 1px solid #cccccc;
}
div#entrycolumn1 li {
    list-style: none;
    font-family: HiraKakuProN-W6;
    font-size: 16px;
    line-height: 54px;
    text-align: left;
    background: #f5f4f3;
    padding: 5px;
}
div#entrycolumn1 li a {
    display: block;
    height: 54px;
    padding: 0px 16px 0px 0px;
    background-image: url(legacy-sp-img-top-listarrow.png);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
    color: black;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
div#entrycolumn1 p {
    margin: 3px;
    padding: 0px;
    font-size: 10px;
}

/* インナー制御
-------------------------------------*/
.entry_inner h3 {
    margin: 10px 0;
    padding: 3px 5px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    background: #535353;
}
.entry_inner p {
    font-size: 90%;
    margin: 0px;
    padding: 0px 5px 10px 5px;
}

/* エントリーインフォ制御
----------------------------------------------- */
.entry_info{
    margin: 0;
    padding: 0;
}

.entry_info_head{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    color: #2f2f2f;
    background: #FBF3FF;
}
.entry_info_inner{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    text-align: right;
    color: #000000;
    background: #fefefe;
}
.entry_info_inner02{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    text-align: left;
    color: #000000;
    background: #fefefe;
}



/* ---------- css/footer.css ---------- */
/* フッター
----------------------------------------------- */
#pagetop {
    width: 310px;
    margin: 0 10px 0px 0px;
    padding: 5px 0px 10px 0px;
    background: #fff;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}
#pagetop a { text-decoration: none }
div#footer {
    width: 100%;
    text-align: center;
    clear: both;
    margin: 0 auto;
    padding: 5px 0px;
    border-top: 1px solid #000;
    background: #ebebeb;
    font-size: 12px;
    color: #2f2f2f;
}

/* ---------- css/frame.css ---------- */
/* フレーム
----------------------------------------------- */
div#container {
    width: 320px;
    margin: 0 auto;
    padding: 0px;
    background: #fff;
    text-align: left;
}
#container:after {
    /* firefox背景色表示用 */
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
div#leftcolumn {
    float: left;
    width: 166px;
}
div#leftcolumn h2 { padding: 15px 0 0 0 }
div#rightcolumn {
    float: left;
    width: 166px;
}
div#rightcolumn h2 { padding: 15px 0 0 0 }

/* メインコンテンツ
----------------------------------------------- */ 
/* 3カラム設定 */
div#three_maincolumn {
    float: left;
    width: 432px;
    padding: 15px 0 0 0;
}
div#three_maincolumn h2 { padding: 15px 0 0 0 }

/* 2カラム設定 */
div#two_maincolumn {
    float: left;
    width: 598px;
    padding: 15px 0 0 0;
}
div#two_maincolumn h2 { padding: 15px 0 0 0 }

/* 1カラム設定 */
div#one_maincolumn { padding: 10px 0 0 0 }


/* ---------- css/guide.css ---------- */
/* ガイド(Block Area)
----------------------------------------------- */
div#guidearea {
    width: 95%;
    margin: 5px auto;
    padding: 0;
	text-align: center;
	overflow:hidden;
	clear:both;
}
div#guidearea li {
    list-style: none;
    font-family: HiraKakuProN-W6;
    font-size: 11px;
    text-align: left;
    float: left;
    margin: 0 0.5rem;
}
div#guidearea li a {
    display: block;
    height: 25px;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: black;
}
div#guidearea li.level1 {
}
div#guidearea li.level1_last {
    font-weight: bold;
    border-bottom: none;
}
div#guidearea li.level1 li { font-weight: normal }
div#guidearea a.onlink { text-decoration: underline }
div#guidearea a.onlink:link { color: #f9b33c }
div#guidearea a.onlink:visited { color: #f9b33c }
div#guidearea a.onlink:hover { color: #f9b33c }
div#guidearea .cate_margin { margin-left: 10px }

/* ガイドエリア共通
----------------------------------------------- */

div#guidecolumn {
    width: 100%;
    margin: 5px auto;
    padding: 0;
    text-align: left;
}

div#guidecolumn h2 {
    padding: 0;
    margin: 0 0 10px 0;
    padding:10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #535353;
}

div#guidecolumn table {
    margin: 0;
    padding: 0;
}
div#guidecolumn table th {
	width: 100px;
	padding:8px;
	font-size: 12px;
	vertical-align:top;
	background:#dfdfdf;
}

div#guidecolumn table td {
    font-size: 12px;
    padding: 8px;
	vertical-align:top;
background:#efefef;
}

.td_a {
    background: #f5f4f3;
    text-align: center;
    font-size: 16px;
}

/* お問い合わせ
----------------------------------------------- */
div#guidecolumn p {
    font-size: 12px;
    line-height: 14px;
    margin: 10px 3px;
    text-align: left;
}
div#guidecolumn .em {
    font-weight: bold;
    color: #535353;
    font-size: 90%;
}
div#guidecolumn .box120 {
    width: 100px;
    padding: 2px;
    border: 1px solid #ccc;
    font-size: 12px;
}
div#guidecolumn .box60 {
    width: 55px;
    padding: 2px;
    border: 1px solid #ccc;
    font-size: 12px;
}
div#guidecolumn .box380 {
    width: 270px;
    margin: 5px 0 5px 0;
    padding: 2px;
    border: 1px solid #ccc;
    font-size: 12px;
}
div#guidecolumn .area380 {
    width: 280px;
    height: 200px;
    margin: 5px 6px;
    padding: 2px;
    border: 1px solid #ccc;
    font-size: 12px;
}
div#guidecolumn .completetext {
    width: 290px;
    margin: 20px 5px 5px 5px;
    padding: 5px;
    border: 2px solid #ccc;
}
div#guidecolumn .zipimg img { margin: 5px 0 0 0; }

/* インナー制御
-------------------------------------*/
.guide_inner h3 {
    margin: 10px 0;
    padding: 3px 5px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    background: #535353;
}
.guide_inner p {
    font-size: 90%;
    margin: 0px;
    padding: 0px 5px 10px 5px;
}

/* インフォ制御
----------------------------------------------- */
.guide_info{
    margin: 0;
    padding: 0;
}

.guide_info_head{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    color: #2f2f2f;
    background: #FBF3FF;
}
.guide_info_inner{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    text-align: right;
    color: #000000;
    background: #fefefe;
}
.guide_info_inner02{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    text-align: left;
    color: #000000;
    background: #fefefe;
}



/* ---------- css/header.css ---------- */
/* ヘッダーロゴ
------------------------------------------------ */
div#header {
    width : 100%;
    height: auto;
    margin:0 auto 5px auto;
	padding: 5px 0 0 0;
	overflow:hidden;
}

div#header_left {
    width: 100px;
    float: left;
    margin: 0;
    padding: 0;
	font-style: normal;
    list-style: none;
}

div#header_right {
    width: 220px;
    float: right;
    margin: 0;
    padding: 0;
	font-style: normal;
    list-style: none;
}

/* ヘッダーナビ
----------------------------------------------- */
div#nav {
    width: 320px;
    margin: 10px auto;
    padding:0;
    text-align: center;
}


/* ---------- css/index.css ---------- */

/* FLASH
----------------------------------------------- */
div#flasharea {
      width:320px;
      text-align:center;
      margin:0px 0px;
      padding:0;
	}
	
div#flasharea img{
     margin:5px 0px;
     padding:0px;
	}
div#flasharea p{
     margin:3px 5px;
     padding:0px 20px 0px 0px;
     text-align:left;
     font-size:90%;
     font-weight:bold;
}

div#flasharea table{
    width:100%;
    margin:5px 0px;
   }


div#flasharea td{
width:96px;
    margin:0px;
    padding:5px;
    text-align:center;
    font-size:12px;
   }

.marquee{
    width:310px;
    color:#ffffff;
    background:#f9b640;
    margin:0px auto;
    padding:0;
    text-align:center;
}


/* ---------- css/list.css ---------- */

/* 下層共通指定
----------------------------------------------- */
div#listcolumn {
    width: 100%;
    margin: 10px auto 0 auto;
	
}
div#listcolumn h2.title {
    width: 300px;
    margin: 0 auto;
    padding:10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background:#535353;
}
div#listcolumn h2.title a {
    color: #ffffff;
    text-decoration: none;
}
div#listcolumn h2.title a:hover {
    text-decoration: underline;
}


div#listcolumn .seach_zero {
    width: 300px;
    margin: 10px 4px;
    padding: 5px;
    border: solid 1px #ccc;
    text-align: left;
}
div#listcolumn table {
    width: 310px;
    margin: 5px 0;
    padding: 0px 3px;
}

/* 商品一覧 */
/* タイトル */
div#listtitle {
    width: 95%;
    margin: 5px auto;
    padding: 0px 0px;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    font-family: HiraKakuProN-W3;
}
div#listtitle h2 {
    margin:0;
    padding: 10px;
    width: 100%;
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background:#535353;
}
div#listtitle h2 a {
    color: #ffffff;
    text-decoration: none;
}
div#listtitle h2 a:hover {
    text-decoration: underline;
}


/* 商品 */
div.listarea {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    border: solid 1px #f3f3f3;
    clear: both;
}
div.listarea2 {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    border: solid 1px #f3f3f3;
    background: #f3f3f3;
    clear: both;
}
div.listarea ul li {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}
div.listarea2 ul li {
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}
div.listarea .listphoto {
    width: 29%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
}
div.listarea .listphoto img {
    width: 78px;
    height: 78px;
    margin: 0px;
    padding: 5px;
}
div.listarea2 .listphoto {
    width: 29%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
}
div.listarea2 .listphoto img {
    width: 78px;
    height: 78px;
    margin: 0px;
    padding: 5px;
}
div.listrightblock {
    float: left;
    text-align: left;
    width: 60%;
    margin: 10px 2px 10px 20px;
    padding: 0px;
}
div.listarea .listrightblock a {
    width: 100%;
    display: block;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
div.listarea2 .listrightblock a {
    width: 100%;
    display: block;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
div.listarea .listrightblock h3 {
    margin: 0px;
    padding: 0;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color:#000;
}
div.listarea2 .listrightblock h3 {
    margin: 0px;
    padding: 0;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color:#000;
}
div.listrightblock .listcomment {
    width: 175px;
    font-size: 10px;
    line-height: 14px;
    color: #000000;
    font-weight: nomal;
    margin: 5px 5px 5px 0px;
	display: none;
}
div.listrightblock .pricebox {
    font-size: 1.8rem;
    line-height: 16px;
    color: #000000;
    text-align: left;
    margin: 5px 0px 5px 0px;
}
div.listrightblock .pricebox .price1{
	color: black;
	font-size: 1.8rem;
}
div.listrightblock .pricebox .price1 .tax{
	font-size: 1.3rem;
}
div.listrightblock p {
    margin: 0;
    padding: 0 0 5px 0px;
    line-height: 16px;
    color: #000000;
}
div.listrightblock .soldout { clear: both }
div.listrightblock .btnbox {
    margin: 0 0 10px 0;
    padding: 1px;
    float: right;
}
div.cart .cartbtn img {
    display: block;
    width: 80%;
    margin: 0px;
}
div.cart .box54 {
    width: 54px;
    border: solid 1px #ccc;
}
*/

/* 検索結果 */
p.conditionarea {
    clear: both;
    width: 320px;
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
}
/* ページ送り */
.pagenumberarea,
.pagecondarea {
    clear: both;
    width: 95%;
    margin: 10px auto;
    padding: 5px;
    background: #f3f3f3;
    text-align: center;
    font-family: HiraKakuProN-W3;
    overflow:hidden;
}
.pagenumberarea2{
	display: none;
}
.pagecondarea { border: 1px solid #CCCCCC }
.pagenumberarea .pagenumber { width: 32.9% }
.pagenumberarea li .left {
    width: 320px;
    margin: auto 0;
    padding: 5px 0px text-align: center;
    white-space: nowrap;
}
.pagenumberarea .center {
	margin:5px auto;
    text-align: center;
    white-space: pre;
    text-decoration:none;
}
.pagenumberarea .center a{
    text-align: center;
    white-space: pre;
	color:#2f2f2f;
    text-decoration:none;
}
.pagenumberarea .center a:hover{
    text-decoration:underline;
}
.pagenumberarea li .right {
    width: 320px;
    margin: 0px 0px;
    padding: 5px 0px;
    text-align: center;
    white-space: nowrap;
}
.pagenumberarea .pagenumber {
    color: #535353;
    font-weight: bold;
}
p.pagenumberarea .number { font-weight: bold }

.pagenumberarea>.ct_btn>strong{
    color: #fff;
}

/* ---------- css/main.css ---------- */

* {
    margin: 0;
    padding: 0;
}
table,
img,
p { border: 0 }
body {
    font-family: 'ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif, HiraKakuProN-W3,HiraKakuProN-W6;
    width: 100%;
    text-align: center;
    margin: 0px 0px auto;
    color: #555555;
    background: #ffffff;
    font-size: 93.5%;
    line-height: 130%;
    letter-spacing: 1px;
    font-weight: normal;
}
img { border: 0px }
li { list-style-type: none }
select { border: solid 1px #ccc }

/* リンク制御
----------------------------------------------- */
a { color: #ff9900; text-decoration: none; }
a:hover { text-decoration: underline; }

/*PHOTO*/
.picture { border: 1px solid #ccc }
/* フロート回り込み解除
----------------------------------------------- */
br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px;
}

/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5 {
    font-size: 100%;
    line-height: 150%;
}
.price {
    color: #ff0000;
    font-weight: bold;
}
.price1 {
    color: #ff0000;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 0px;
}
.attention {
    color: #535353;
    font-size:10px;
    text-align:left;
    line-height:150%;
}

.mini {
    text-align: right;
    padding-right: 5px;
}
.mini1 {
    font-size: 100%;
    text-align: left;
}
.mini2 {
    font-size: 85%;
    text-align: left;
    padding-left: 5px;
}
#point_area.smp-lp-section > .mini2 {
    background-color: #eee;
    margin: 2%;
    font-size: .8rem;
    line-height: 1.3;
}
#point_area.smp-lp-section .pointbox p {
    margin: 10px 10px;
    line-height: 1.6rem;
}
#point_area.smp-lp-section  .pointbox  .attention {
    color: #000;
}
#point_area.smp-lp-section  .pointbox  .price {
    color: #000;
    margin-left: 3%;
    margin-right: 5%;
}
#point_area.smp-lp-section  .pointbox  .point {
    margin-left: 3%;
    color: #f00;
    font-weight: bold;
}
#point_area.smp-lp-section  .pointbox ul {
    margin-top: 3%;
    margin-left: 3%;
}
#point_area.smp-lp-section  .pointbox ul li {
    margin-top: 4%;
}
#point_area.smp-lp-section  .pointbox ul li p {
    margin-left: 15%;
}
.s_text {
    font-size:10px;
    text-align:left;
}

.word_wrap {
    overflow-wrap: break-word;
}

em {
    font-style: normal;
    color: #ff0000;
}
div#red01 { color: #ff0000; }

.centertd { text-align: center }
.lefttd { text-align: left }
.righttd { text-align: right }
.pricetd {
    text-align: right;
    color: #535353;
    font-weight: bold;
    font-size: 12px;
    margin: 0px;
}
.pricetd02 {
    text-align: right;
    color: #535353;
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
    padding: 5px 0px;
}
.pricetd em { font-weight: bold }
div#completetext {
    width: 300px;
    margin: 15px auto 0 auto;
    padding: 5px;
    border: 1px solid #ccc;
}
div#completetext em { font-weight: bold }
div#completetext p {
    padding: 20px 0 0 0;
    text-align: left;
}

/* 区切り線
------------------------------------------------ */
div.line {
    margin: 5px 0px;
    border: 1px solid #cccccc;
}



/* バナー
----------------------------------------------- */
ul#banner { padding: 15px 0 0 0 }
#banner li { padding: 0 0 10px 0 }
/* テキストフィールド
----------------------------------------------- */
input[type='text'] { border: solid 1px #ccc }

/* エラー
----------------------------------------------- */
#compbox {
    width: 300px;
    margin: 5px 4px;
    padding: 50px 3px;
    border: solid 3px #ccc;
    text-align: center;
}

/* エラー
----------------------------------------------- */
div#under02column_error { }
div#under02column_error .messagearea {
    width: 305px;
    margin: 15px auto 0 auto;
    padding: 10px 5px;
    border: 2px solid #ccc;
    text-align: center;
}
div#under02column_error .messagearea .error { padding: 120px 0; }


/* ---------- css/news.css ---------- */
/* ニュース(Page)
----------------------------------------------- */
div#newsdata {
    width: 95%;
    margin:5px 5px;
    padding:0px 0px;
    text-align:left;
    font-size: 90%;
    word-break: break-all;
}
div#newsdata h2{
    width: 100%;
    text-align:center;
    margin: 0 auto;
    padding:10px 0;
    background: #535353;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
}
div#newsdata dl {
    padding: 10px 0;
    border-bottom:1px dashed #2f2f2f;
}
div#newsdata dl.end {
    padding: 10px 0;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat bottom;
}
div#newsdata dl dt {
    padding: 0 0 0 20px;
    background: url(legacy-sp-img-top-news_icon.jpg) no-repeat;
}

/* ニュース(Block Area)
----------------------------------------------- */
div#newsarea {
    width: 95%;
    margin: 5px auto;
    padding: 0;
    border: solid 1px #ccc;
	text-align: center;
	overflow:hidden;
	clear:both;
    word-break: break-all;
}
div#newsarea h2{
    margin: 0 auto;
	padding:10px;
	text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background:#535353;
}
div#newsarea p{
	margin:5px 5px;
	}
div#newsarea dl {
    padding: 5px 5px;
    border-bottom:1px dashed #2f2f2f;
}
div#newsarea dl.end {
    padding: 5px 5px;
}
div#newsarea dl{
    margin-top:0px;	
    margin-bottom:10px;
    margin-left:5px;
    padding:0;
    background: url(legacy-sp-img-top-news_icon.jpg) no-repeat;
}
div#newsarea dt{
    margin:0 0 3px 30px;	
    padding:0;
    text-align: left;
}
div#newsarea dd{
    margin:0 30px 3px 30px;    
    padding:0;
    text-align: left;
}


/* ---------- css/products.css ---------- */

/* 下層共通指定
----------------------------------------------- */
div#detailcolumn {
    width: 100%;
    margin: 10px auto 0 auto;
}
div#detailcolumn h2.title {
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background: #444444;
}
div#detailcolumn table { width: 310px; }
div#detailcolumn h2 {
    text-align: center;
    margin: 5px auto 0px auto;
    padding:10px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background: #444444;
}

div#detailcolumn h2 a {
    color: #ffffff;
    text-decoration: none;
}
div#detailcolumn h2 a:hover {
    text-decoration: underline;
}

.phototd {
    width: 75px;
    text-align: center;
}

/* カートの中
----------------------------------------------- */
div#detailcolumn_cart {
    width: 320px;
    margin: 10px auto 0 auto;
}
div#detailcolumn_cart h2 {
    width: 310px;
    text-align: center;
    margin: 10px 5px 0px 5px;
    padding:10px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background: #535353;
}
div#detailcolumn_cart h2 a {
    color: #ffffff;
    text-decoration: none;
}
div#detailcolumn_cart h2 a:hover {
    text-decoration: underline;
}
div#detailcolumn_cart .pricetd {
    text-align: right;
    color: #535353;
    font-weight: bold;
    font-size: 12px;
    margin: 0px;
}
.cartleft {
    width: 65px;
    margin: 0px;
    padding: 0px;
}
.cartright {
    width: 230px;
    margin: 5px 5px;
    padding: 0px;
    text-align: left;
}
div#detailcolumn_cart table .pricetd {
    text-align: right;
    color: #535353;
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
}
.mini02 {
    width: 300px;
    font-size: 10px;
    margin: 5px auto 0 auto;
    padding: 3px;
}
.mini03 {
    width: 300px;
    font-size: 10px;
    margin: 5px auto 10px auto;
    padding: 3px;
    text-align: left;
    border-bottom: 1px dashed #ccc;
}
.totalmoneyarea {
    width: 300px;
    margin: 5px auto 0 auto;
    padding: 10px 5px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 90%;
}
div#detailcolumn_cart table {
    width: 310px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    border: 0;
}
div#detailcolumn_cart th {
    text-align: center;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
div#detailcolumn_cart td {
    text-align: left;
    font-size: 14px;
    border: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
div#detailcolumn_cart .righttd {
    padding: 3px;
    text-align: right;
}
/*▼---------------------------------------------------------------------------------------▼*/
div#detailcolumn_confirm table {
    width: 310px;
    margin: 0 5px;
    padding: 0px;
    border: 0;
}
div#detailcolumn_confirm th {
    text-align: center;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
div#detailcolumn_confirm td {
    text-align: left;
    font-size: 12px;
    border: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.resulttd03 {
    text-align: right;
    width: 120px;
}
/*▲---------------------------------------------------------------------------------------▲*/
div#detailcolumn table th.resulttd { text-align: right; }
div#detailcolumn table th.resulttd02 {
    text-align: right;
    width: 175px;
}
div#detailcolumn table th .resulttd03 {
    text-align: right;
    width: 130px;
}
div#detailcolumn td#quantity {
    text-align: center;
    width: 70px;
}
div#detailcolumn ul#quantity_level li {
    display: inline;
    padding: 3px;
}
div#detailcolumn .empty { text-align: center; }
/* お客様情報入力
----------------------------------------------- */
div#detailcolumn_customer { }
.flowarea { margin: 0 0 20px 0 }
div#detailcolumn_customer th em {
    color: #000;
    font-weight: bold;
}
div#detailcolumn_customer .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}
div#detailcolumn_customer .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}
div#detailcolumn_customer .box380 {
    width: 380px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
div#detailcolumn_customer .box320 {
    width: 320px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
div#detailcolumn_customer .zipimg img { margin: 5px 0 0 0; }
/* お届け先指定all
----------------------------------------------- */
div#detailcolumn_shopping table th { text-align: center; }
.about_table { }
.addbtn {
    margin: 10px 0 10px 0;
    text-align: center;
}
.day {
    font-size: 18px;
    margin: 10px 0px 0px 0px;
    padding: 5px 10px 0px 10px;
    font-weight: bold;
    text-align: center;
}
.calender {
    width: 300px;
    margin: 10px 0px 10px 20px;
    padding: 0px 0px 5px 0px;
    line-height: 24px;
}
/* お届け先指定_02 コンビニ決済
----------------------------------------------- */
div#detailcolumn_shopping_aboutus {
    width: 310px;
    margin: 5px 4px;
    padding: 0px 0px;
}
div#detailcolumn_shopping_aboutus p {
    margin: 10px 4px;
    padding: 0px 0px;
    font-size: 12px;
}
div#detailcolumn_shopping_aboutus table {
    width: 310px;
    margin: 0px;
    padding: 0px;
}
div#detailcolumn_shopping_aboutus table th {
    width: 85px;
    font-size: 12px;
}
div#detailcolumn_shopping_aboutus table td { font-size: 12px; }
div#detailcolumn_shopping_aboutus .td_a {
    background: #f5f4f3;
    text-align: center;
    font-size: 16px;
}
div#detailcolumn_shopping_aboutu .box60 {
    width: 55px;
    padding: 2px;
    border: 1px solid #ccc;
}
div#detailcolumn_shopping_aboutus .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}
/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#detailcolumn_shopping .payarea {
    width: 320px;
    margin: 0 auto;
}
div#detailcolumn_shopping p {
    margin: 0px;
    padding: 5px 5px;
    font-size: 90%;
}
div#detailcolumn_shopping.attention {
    margin: 0px;
    padding: 5px;
    font-size: 16px;
}
div#detailcolumn_shopping .completetext {
    width: 300px;
    margin: 15px auto 0 auto;
    padding: 5px;
    border: 1px solid #ccc;
}
div#detailcolumn_shopping h3 { margin: 0 0 15px 0; }
div#detailcolumn_shopping .payarea02 {
    width: 320  px;
    margin: 40px auto 0 auto;
}
div#detailcolumn_shopping .payarea02 div { margin: 10px 5px 0 5px; }
div#detailcolumn_shopping .payarea02 em {
    font-weight: bold;
    color: #000;
}
div#detailcolumn_shopping .payarea table { width: 310px; }
div#detailcolumn_shopping .payarea table th { text-align: center; }
div#detailcolumn_shopping .payarea02 .area660 {
    width: 320px;
    height: 150px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
div#detailcolumn_shopping .payarea02 .area320 {
    width: 305px;
    height: 150px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
div#detailcolumn_shopping .pointarea {
    width: 320px;
    margin: 40px auto 0 auto;
}
div#detailcolumn_shopping .pointarea div {
    border: 3px solid #ccc;
    padding: 5px;
    margin: 0 2px;
    text-align: center;
    width: 300px;
}
div#detailcolumn_shopping .pointarea ul {
    margin: 10px auto;
    width: 310px;
}
div#detailcolumn_shopping .pointarea li {
    text-align: left;
    padding: 2px 0px;
}
div#detailcolumn_shopping .pointarea li.underline {
    border-bottom: 1px dashed #ccc;
    width: 310px;
    margin-bottom: 7px;
}
div#detailcolumn_shopping .left { text-align: left; }
/* 確認
----------------------------------------------- */
div#detailcolumn_shopping table.delivname thead th {
    width: 320px;
    text-align: left;
    font-weight: bold;
}
div#detailcolumn_shopping table.delivname tbody th {
    text-align: left;
    width: 155px;
}
div#detailcolumn_shopping table.delivname td {
    text-align: left;
    width: 550px;
}
/* 決済モジュール(決済情報入力画面)
----------------------------------------------- */
div#detailcolumn_shopping .box60 {
    width: 55px;
    padding: 2px;
    border: 1px solid #ccc;
}
div#detailcolumn_shopping .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}
/* ログイン
----------------------------------------------- */
div#detailcolumn_login {
    width: 310px;
    margin: 5px;
    padding: 0px;
}
div#detailcolumn_login h2 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding:10px 0;
    background: #535353;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
div#detailcolumn_login h2 a {
    color: #ffffff;
    text-decoration: none;
}
div#detailcolumn_login h2 a:hover {
    text-decoration: underline;
}
div#detailcolumn_login .loginarea {
    width: 298px;
    margin: 0 0 10px 0;
    padding: 5px 5px;
    border-bottom: solid 1px #ccc;
    background: #ffffff;
    border: solid 1px #ccc;
}
div#detailcolumn_login .loginarea2 {
    width: 299px;
    margin: 0 0 10px 0;
    padding: 5px 5px 0px 5px;
    border-bottom: solid 1px #ccc;
}
div#detailcolumn_login .loginarea .inputtext {
    width: 200px;
    margin: 10px 0 0 0;
    padding: 0;
}
div#detailcolumn_login .loginarea .inputbox {
    width: 300px;
    margin: 5px 0px;
    padding: 10px 0px 0px 0px;
}
div#detailcolumn_login .loginarea .tblareabtn2 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}
div#detailcolumn_login .loginarea .inputbox .passwd { margin: 5px 0 0 0; }
div#detailcolumn_login .loginarea .inputbox .box300 {
    width: 235px;
    height: 25px;
    margin: 0px 5px 0px 5px;
    padding: 2px 0px;
    border: 1px solid #ccc;
}
div#detailcolumn_login .loginarea .mail01 {
    text-align: left;
    margin: 0;
    padding: 10px 0px 0px 0px;
    font-size: 12px;
}
div#detailcolumn_login .loginarea ul {
    margin: 5px 0px 10px 0px;
    padding: 0;
}
div#detailcolumn_login .loginarea li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: HiraKakuProN-W6;
    font-size: 12px;
    border: solid 1px #D9D9D9;
    background: #f5f4f3;
    line-height: 34px;
    text-align: left;
}
div#detailcolumn_login .loginarea li a {
    display: block;
    height: 33px;
    padding: 0px 26px 0px 10px;
    background-image: url(legacy-sp-img-top-listarrow.png);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
    color: black;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
div#detailcolumn_login .loginarea2 .inputtext02 {
    width: 300px;
    margin: 10px 0 0 0;
    font-size: 90%;
}
div#detailcolumn_login .loginarea2 .inputbox02 {
    width: 300px;
    margin: 0px auto 0 auto;
    padding: 5px 0px;
    text-align: center;
}
div#detailcolumn_login .loginarea p {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
div#detailcolumn_login .loginarea2 p {
    margin: 0px;
    padding: 0px 0px 5px 0px;
}
/*会員登録
---------------------------------------------- */
div#detailcolumn_login .loginarea01 {
    width: 298px;
    margin: 0 0 10px 0;
    padding: 5px 5px;
    border-bottom: solid 1px #ccc;
    background: #ffffff;
    border: solid 1px #ccc;
}
div#detailcolumn_login .loginarea01 .inputtext {
    width: 200px;
    margin: 10px 0 0 0;
    padding: 0;
}
div#detailcolumn_login .loginarea01 .inputbox {
    width: 300px;
    margin: 5px 0px;
    padding: 10px 0px 0px 0px;
}
div#detailcolumn_login .loginarea01 .tblareabtn2 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}
div#detailcolumn_login .loginarea01 .inputbox .passwd { margin: 5px 0 0 0; }
div#detailcolumn_login .loginarea01 .inputbox .box300 {
    width: 235px;
    height: 25px;
    margin: 0px 5px 0px 5px;
    padding: 2px 0px;
    border: 1px solid #ccc;
}
div#detailcolumn_login .loginarea01 .mail01 {
    text-align: left;
    margin: 0;
    padding: 10px 0px 0px 0px;
    font-size: 12px;
}
div#detailcolumn_login .loginarea01 ul {
    margin: 5px 0px 10px 0px;
    padding: 0;
}
div#detailcolumn_login .loginarea01 li {
    margin: 0;
    padding: 5px;
    list-style: none;
    font-family: HiraKakuProN-W6;
    font-size: 16px;
    line-height: 54px;
    text-align: left;
    border: solid 1px #D9D9D9;
    background: #f5f4f3;
}
div#detailcolumn_login .loginarea01 li a {
    display: block;
    height: 54px;
    padding: 0px 16px 0px 0px;
    background-image: url(legacy-sp-img-top-listarrow.png);
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: none;
    color: black;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
div#detailcolumn_login .loginarea01 p {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

/* 商品詳細 */
#detailrightblock .sp_btn{
	background: #ff6945;
	border: none;
}
#ln_modified p.txt {
	margin: 2rem 0;
	text-align: center;
}
#ln_modified ul li{
	display: flex !important;
	position: relative;
	margin: 1.5rem 0;
	padding-left: 1.5rem;
}
#ln_modified ul li .detail{
	position: absolute;
	left: 13rem;
}
.bd_area .price{
	font-size: 3rem;
	color: black;
}
.bd_area p {
	display: none;
}
#ln_modified ul li .detail:before{
	content: "";
	background: black;
	height: .1rem;
	width: 2.5rem;
	position: absolute;
	top: 50%;
	left: -3.5rem;
}
#ln_modified ul li:before{
	content: "";
	background: #ff6945;
	height: 1.3rem;
	width: .2rem;
	position: absolute;
	left: 0;
	top: 5%;
}
.mail-order .btn{
	text-align: center;
	color: white;
	background: #fbd47a;
	padding: .8rem 1.25rem;
	width: 16rem;
	margin: 0 auto;
	display: block;
	margin: 2rem auto 2rem;
}
#detailrightblock .cord,.price2,.stock{
	display: none;
}
form#form1 .bd_area {
	/*display: none;*/
}
.bd_area .price span.tax {
	font-size: 3vw;
}
.doru{
	font-size: 1.4rem;
	display: contents;
}
#customervoicearea{
	display: none;
}
/* タイトル */
div#detailtitle {
    width: 100%;
    margin: 0px;
    padding: 0px;
}
div#detailtitle01 h2 {
    margin: 0;
    padding:10px 0;
}
div#detailtitle01 h2 a {
    color: #ffffff;
    text-decoration: none;
}
div#detailtitle01 h2 a:hover {
    text-decoration: underline;
}
div#detailtitle h2 {
    padding: 10px;
    color: black;
	font-size: 6vw;
    font-weight: bold;
    text-align: center;
    background: none;
}
div#detailtitle h2 a {
    color: #ffffff;
    text-decoration: none;
}
div#detailtitle h2 a:hover {
    text-decoration: underline;
}
div#detailtitle p {
    margin: 5px 5px;
    padding: 0px 5px;
    font-size: 12px;
    line-height: 18px;
}


/* 商品 */
img#expansion01{
	display: none;
}
div#detailcolumn .mail-order h2{
	background: none;
	color: black;
}
div#detailarea {
    width: 100%;
    margin: 15px 0 0 0;
}
div#detailarea .teiki {
    text-align: left;
    border-top: 1px dotted #ccc;
    margin: 10px auto 0 auto;
    padding: 10px 0;
}

div#detailphotoblock {
    text-align: center;
    margin: 5px;
    padding: 0px;
}
div#detailrightblock {
    width: calc(95% - 20px);
    margin: 10px 4px;
    padding: 10px;
    border: solid 1px #ccc;
}
div#detailrightblock .price1 {
    font-size: 14px;
    font-weight: bold;
    color: #535353;
}
div#detailrightblock .price_total {
    border-bottom: 1px dotted #cccccc;
    margin: 5px 0px;
    padding-bottom: 5px;
}
div#detailrightblock h3 {
    margin: 5px 0;
    padding: 0 5px 5px 0;
    color: #444;
    font-size: 100%;
    font-weight: bold;
    /* border-bottom: 1px solid #ddd; */
    /* background: #535353; */
}
div#detailrightblock p {
    margin: 5px 0px;
    padding: 0;
	line-height:1.5rem;
}
div#detailarea .teiki p {
    /*margin: 0px;
    padding: 3px;*/
	line-height:1.5rem;
}
div#detailrightblock .box54 {
    width: 30px;
	border: solid 1px #ff6945;
}
div#detailrightblock .btn {
    clear: both;
    margin: 10px 0 0 0;
    padding: 10px 0px 5px 0px;
    text-align: center;
    border-top: dotted 1px #ccc;
}
div.nav01 { width: 320px }
div.nav01 input { }

.pr_gray_line{margin:10px 0;}

/*お気に入り*/
#favorite{margin-top:10px;padding:10px;width:100%;}
@-moz-document url-prefix() {
	#favorite {
		height: 30px;
	}
}


/* サブタイトル */
div#subareablock {
    width: 310px;
    margin: 5px 4px;
    padding: 0px 0px;
    border: solid 1px #ccc;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
}
div#subareablock h2 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding:10px 0;
    background: #535353;
    font-weight: bold;
    font-size: 120%;
    color: #ffffff;
    border-bottom: solid 1px #ccc;
}
div#subareablock h2 a{
    color: #ffffff;
    text-decoration: none;
}
div#subareablock h2 a:hover{
    text-decoration:underline;
}
div.subarea {
    padding-bottom: 5px;
    text-align: left;
    font-size: 90%;
    word-break: break-all;
}
div.subarea h3 {
    font-size: 100%;
    margin: 5px 5px 0px 5px;
    padding: 5px;
    background: #e4e4e4;
}
div.subtext { padding: 5px; }
div.subphotoimg { text-align: center; }

/* ---------- css/ranking.css ---------- */
/* ランキング(Block Area)
----------------------------------------------- */
div#rankingarea {
    width: 310px;
    margin: 5px auto;
    padding: 0;
    border: solid 1px #ccc;
	text-align: center;
	overflow:hidden;
	clear:both;
    word-break: break-all;
}
div#rankingarea h2{
    margin: 0 auto;
	padding:10px;
	text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background:#535353;
}
div#rankingarea p{
	margin:5px 5px;
	}
div#rankingarea dl {
    padding: 5px 5px;
    border-bottom:1px dashed #999;
}
div#rankingarea dl.end {
    padding: 5px 5px;
}
div#rankingarea dl{
    margin-top:0px;	
    margin-bottom:10px;
    margin-left:5px;
    padding:0;
    background: url(legacy-sp-img-top-news_icon.jpg) no-repeat;
}
div#rankingarea dt{
    margin-top:0px;	
    margin-bottom:3px;
    margin-left:30px;
    padding:0;
}


/* ---------- css/recommend.css ---------- */
/* おすすめ(Block Area)
----------------------------------------------- */
div#recomendarea {
    width: 95%;
    margin: 5px auto;
    padding: 0;
    border: solid 1px #ccc;
	text-align: center;
	overflow:hidden;
	clear:both;
    word-break: break-all;
}
div#recomendarea h2 {
    margin: 0 auto;
	padding:10px;
	text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background:#535353;
}
div.recomendblock {
    width:100%;
    height: 95px;
    margin-bottom:3px;
    padding-bottom:5px;
    clear: both;
    background:#fdf9ff;
}
div.recomendblock .recomendright a {
    font-size:90%;
    display:block;
    text-decoration:none;
    color:#000000;
    text-decoration:none;
    margin:0px;
    overflow:hidden;
    text-overflow:ellipsis;
}
div.recomendleft {
    float: left;
    width: 85px;
    margin: 10px 5px 0 0;
    word-break: break-all;		
}
div.recomendright {
    float: right;
    width: 200px;
    height: 90px;
    margin:5px 0px 0px 0px;
    padding-right:10px;
    position: relative;
    word-break: break-all;		
    background: url(legacy-sp-img-top-listarrow.png) no-repeat 95% 50%;
}
div.recomendblock img {
    display: block;
    float: left;
    position:relative;
    margin: 0 5px 10px 10px;
}
.recomendright a img{
    display: block;
    float: left;
    position:relative;
    left:-10px;
    top:-4px;
}
div.recomendright p {
    width:190px;
    text-align:left;
    margin: 5px 0 0 0;
    padding:0px;
    line-height:14px;
}
div.recomendleft h3 {
    font-size: 100%;
}
div.recomendright h3 {
    margin:0;
    padding:0;
	font-size: 100%;
	text-align:left;
}


/* ---------- css/shopping.css ---------- */
/* ショッピング（ページ）
----------------------------------------------- */
div#shoppingcolumn {
    margin: 10px auto 0 auto;
}
div#shoppingcolumn p{
    margin: 0 auto;
    font-size: 90%;
    color: #333333;
}
div#shoppingcolumn table {
    width: 100%;
    font-size: 12px;
    margin: 0 auto;
    padding: 0;
}
div#shoppingcolumn th {
    padding: 5px;
    color:#2f2f2f;
    background: #fbf3ff;
}

div#shoppingcolumn td {
    padding: 5px;
    color:#000000;
}

div#shoppingcolumn .resulttd {
    padding:3px 5px;
    color: #2f2f2f;
    text-align:left;
    background: #f6f6f6;
}

/* ショッピング（ページ内制御）
----------------------------------------------- */

.shopping_inner {
    margin: 10px auto 0 auto;
    padding: 5px;
}
.shopping_inner p{
    margin: 0 auto;
    padding: 5px;
    font-size: 90%;
    color: #333333;
}
.shopping_inner h2{
    margin: 0 auto;
	padding:10px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background:#535353;
}
.shopping_inner h3{
	margin:10px auto;
	padding:0;
	font-size:14px;
    font-weight:bold;
	color:#2f2f2f;
}

.inputbox{
	margin:10px auto;
	padding:0;
    width: 300px;
}

.input_tx {
    padding: 5px;
    font: 12px;
    /*width: 100px;*/
    color: #000000;
}

.resulttd {
    width: 310px;
    margin: 5px auto 0 auto;
    padding: 10px 5px;
    text-align: left;
    background: #e9f4f9;
}

.resulttd_right {
    width: 100%;
    margin: 5px auto 0 auto;
    padding: 10px 5px;
    text-align: right;
    font-weight:bold;
}

/* カート内部（カートの中ページ）
----------------------------------------------- */
.in_cart_all {
    margin: 0 0 10px 0;
    padding: 5px;
    overflow: hidden;
    clear: both;
    border-bottom: 1px dashed #2f2f2f;
}

.cart_pic {
    width: 65px;
    margin: 5px;
    padding: 0;
    float: left;
}
.cart_num {
    width: 90px;
    margin: 0;
    padding: 0;
    float: left;
}
.cart_delete {
    width: 90px;
    margin: 0;
    padding: 0;
    float: right;
}
.cart_info{
    margin: 0;
    padding: 0;
    width: 210px;
    float: right;
}
.cart_total{
    margin: 5px 0;
    padding: 10px;
    background: #ebebeb;
}
.point_info{
    margin: 5px 0;
    padding: 0;
    float: left;
    clear: both;
}
.explanation{
    font-size: 10px;
    line-height: 120%;
}


div#shoppingcolumn .bdr_top{border-top:1px solid #ccc;}

/*商品合計*/
div#shoppingcolumn .totalbg {
    background-color: #fef0f0;
    border: 3px solid #ffd4d4;
    padding: 3px;
}


/*定期●回総合計*/
div#shoppingcolumn .regular_dt {
    border-radius: 5px;
    border: 3px solid #eee;
    margin: 15px auto 0 auto;
    padding:2.5%;
    width: 90%;
}
div#shoppingcolumn .regular_dt h3 {
    margin: 0 !important;
    padding: 0;
    font-weight: 600 !important;
    font-size: 1em;
    color: #000;
}

div#shoppingcolumn .regular_dt h4 {
    margin: 0 !important;
    padding: 10px 0 0 0;
    font-weight: 450 !important;
    font-size: 1em;
    color: #000;
}

div#shoppingcolumn .regular_dt .ttl {
    width: 96%;
    background: #767676;
    color: #fff;
    text-align: left !important;
    margin: 5px auto 0 auto !important;
    padding: 5px 5px 5px 10px;
    letter-spacing: 0.05em;
    font-size: 1em;
    display: inline-block;
    font-weight: 500;
}

div#shoppingcolumn .regular_dt table .bd_rt {border-right: 1px solid #dedede;}
div#shoppingcolumn .regular_dt table .cttd {text-align: center;}
div#shoppingcolumn .regular_dt table .rttd {text-align: right;}
div#shoppingcolumn .regular_dt table .bg_gray{background:#f6f6f6;}
div#shoppingcolumn .regular_dt table .bd_none {border-bottom: none !important;}

div#shoppingcolumn .regular_dt table {
    width: 100% !important;
    margin: 0 auto;
    padding: 0;
    border-top: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;
}
div#shoppingcolumn .regular_dt table th {
    text-align: left;
    padding: 5px 10px;
    border-bottom: 1px solid #ccc;
    color: rgb(0,0,0);
    background: #fff;
    font-weight: normal;
}
div#shoppingcolumn .regular_dt table td{
    padding:5px 10px;
    border-bottom: 1px solid #ccc;
}

div#shoppingcolumn .totalreg {
    margin: 0 auto;
    background-color: #fff;
    border-bottom: 5px solid #ccc;
    color: #000;
    padding: 5px 10px;
    font-weight: 600;
}

div#shoppingcolumn .totalreg2 {
    margin: -1px auto 0 auto;
    background-color: rgb(240, 249, 252);
    border: solid 5px rgb(212, 244, 254);
    color: #000;
    padding: 5px 10px;
    font-weight: 600;
}

div#shoppingcolumn .reg_price {
    font-size: 15px;
    float:right;
}

div#shoppingcolumn .reg_memo {
    margin: 10px auto 0 auto;
    font-size: 85%;
    text-align: left;
    line-height: 1.1rem;
    letter-spacing: 0.001rem;
}
div#shoppingcolumn .reg_memo p {
    background: #f6fef0;
    padding: 10px;
    border-radius: 5px;
}



/* ---------- css/slider.css ---------- */
/************** スライダー(slider) **************/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%; height:140px; margin: 10px auto; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; /*border-radius: 5px;*/ zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav { height:0; }
.flex-direction-nav li a {width: 30px; height: 141px; margin: 0; display: block; position: absolute; z-index:2; top: 30px; cursor: pointer;}
.flex-direction-nav li .next {right: 0px;}
.flex-direction-nav li .prev {left: 0px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}


/* pr_slider */
.slider{height:180px;padding:0;}
.slider .slider_body{position:relative;}
.slider .frame{width:220px;height:150px;position:absolute;top:0;left:0;}
.slider .frame div{width:220px;text-align:center;position:absolute;top:0;left:0;opacity:0.0; filter:alpha(opacity=0);}
.slider .contents{width:100px;height:150px;overflow:hidden;position:absolute;top:0;right:0;text-align:center;}
.slider .contents div{position:absolute;top:0;left:0;width:100px;margin: 0;cursor:pointer;}
/*.slider .contents div.off{border:1px solid #ccc;}*/
/*.slider .contents div.on {border:2px solid #39bbd3;}*/
.slider .next_btn{position:absolute;top:150px;right:0;cursor:pointer;width:100px;height:30px;background-color:#f00;text-align:center;}
/*.slider .prev_btn{position:absolute;top:0;right:20px;cursor:pointer;}*/


/* ---------- css/sub_function.css ---------- */

/* お客様の声 */
div#customervoicearea {
    width: 95%;
    margin: 5px 4px;
    padding: 0px 0px;
    border: solid 1px #ccc;
    text-align: center;
    overflow: hidden;
}
div#customervoicearea h2 {
    padding: 0;
    width: 95%;
    margin: 0 0 10px 0;
    padding:10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #535353;
}
div#customervoicearea img {
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
div#customervoicearea .voicedate {
    font-weight: bold;
    margin: 10px 0 0 5px;
    text-align: left;
    font-size: 90%;
}
div#customervoicearea .voicetitle {
    padding: 5px 0;
    margin: 0 5px;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
}
div#customervoicearea .voicecomment {
    margin: 0 5px;
    text-align: left;
    font-size: 90%;
}
div#customervoicearea li {
    padding: 5px 0;
    background: url(legacy-sp-img-common-line_580.gif) no-repeat;
}
/* トラックバック */
div#trackbackarea {
    width: 310px;
    margin: 5px 4px;
    padding: 0px 0px;
    border: solid 1px #ccc;
    text-align: center;
    overflow: hidden;
}
div#trackbackarea h2 {
    padding: 0;
    width: 300px;
    margin: 0 0 5px 0;
    padding:10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #535353;
}
div#trackbackarea h3 {
    text-align: left;
    font-size: 90%;
    font-weight: bold;
    margin: 0px;
    padding: 5px 0 5px 10px;
}
div#trackbackarea .box500 {
    width: 290px;
    border: solid 1px #ccc;
    margin: 0px 10px 10px 10px;
}
/* この商品を買った人はこんな商品も買っています */
div#whoboughtare {
    width: 95%;
    margin: 0px 5px;
    padding: 0px 0px;
    text-align: left;
    font-size: 90%;
    word-break: break-all;
    border: 1px solid #ccc;
    overflow: hidden;
}
div#whoboughtare h2 {
    width: 95%;
    text-align: center;
    margin: 0 auto;
    background: #535353;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
div#whoboughtare div.whoboughtblock {
    display: block;
    width: 100%;
    margin: 5px 0px;
    padding: 0px;
    overflow: hidden;
    background:#fcf5ff;
}

div#whoboughtare h3 {
    font-size:14px;
font-weight:bold;
    color:#000;
}

div#whoboughtare div.whoboughtblock .leftblock {
    float: left;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}
div#whoboughtare div.whoboughtblock .leftblock img {
    margin: 0px;
    padding: 5px;
}
div#whoboughtare div.whoboughtblock .rightblock {
    float: right;
    width: 200px;
    margin: 0px;
    padding: 5px;
}
div#whoboughtare div.whoboughtblock .rightblock p {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}
div#whoboughtare div.whoboughtblock table {
    width: 310px;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
}
div#whoboughtare div.whoboughtblock table p {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}
div#whoboughtare div.whoboughtblock td img {
    width: 85px;
    height: 65px;
    margin: 0px;
    padding: 5px;
}
div#whoboughtare div.whoboughtblock .rightblock a {
    display: block;
    width: 200px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.textgray { color: #666666 }
.textblack { color: #000000 }
.clear { clear: both }
div.footer_h1 {
    height: 44px;
    margin: 0px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background: #535353;
}
div.mybox {
    width: 90px;
    -webkit-border-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)30 30 30 30;
}

/* ---------- css/window.css ---------- */

/* 商品詳細拡大写真
----------------------------------------------- */
div#bigimage {
    width: 520px;
    margin: 15px auto 0 auto;
    background-color: #ffffff;
}
div#bigimage img {
    padding: 10px;
    background-color: #ffffff;
}
/* カート拡大写真
----------------------------------------------- */
div#cartimage {
    width: 280px;
    margin: 15px auto 0 auto;
    background-color: #ffffff;
}
div#cartimage img {
    padding: 10px;
    background-color: #ffffff;
}
/* お客様の声の書き込み・新しいお届け先の追加・変更
----------------------------------------------- */
div#windowcolumn {
    width: 310px;
    margin: 5px auto;
    padding: 0;
    text-align: left;
}
div#windowcolumn h2 {
    margin: 0 auto;
    padding:10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background:#535353;
}
div#windowcolumn p.windowtext {
    margin: 5px 0;
    padding: 0 5px;
    font-size: 12px;
    text-align: left;
}
div#windowcolumn table {
    width: 310px;
    margin:0 auto;
    padding: 0;
    font-size: 12px;
}
div#windowcolumn table th {
    width: 80px;
    font-size: 12px;
}
div#windowcolumn .zipimg img { margin: 5px 0 0 0 }
div#windowcolumn .box350 {
    width: 180px;
    padding: 2px;
    border: 1px solid #ccc;
}
div#windowcolumn .area350 {
    width: 180px;
    height: 120px;
    border: 1px solid #ccc;
}
div#windowcolumn .box120 {
    width: 65px;
    padding: 2px;
    border: 1px solid #ccc;
}
div#windowcolumn .box60 {
    width: 50px;
    padding: 2px;
    border: 1px solid #ccc;
}
div#windowcolumn .box300 {
    width: 200px;
    padding: 2px;
    border: 1px solid #ccc;
}
div#windowcolumn .btn {
    margin: 15px 0 15px 0;
    text-align: center;
}
div#windowcolumn #completebox01 {
    width: 310px;
    margin: 10px 0px 10px 0px;
    font-size: 12px;
}
div#windowcolumn p {
    font-size: 12px;
    padding: 3px 5px;
    text-align: left;
}
div#windowcolumn .tdgray {
    margin: 0px;
    padding: 0px 5px 0px 5px;
    text-align: left;
    background-color: #f5f4f3;
}
div#windowcolumn .attention01 {
    font-size: 12px;
    color: #535353;
    border-top: 1px dashed #cccccc;
    border-bottom: 1px dashed #cccccc;
    margin: 5px 0px;
    padding: 3px;
}
div#windowcolumn .attention02 {
    font-size: 14px;
    color: #535353;
    margin: 5px 0px;
    padding: 5px;
    border-bottom: 1px dashed #cccccc;
}
div#windowcolumn .box310 {
    width: 240px;
    height: 25px;
    border: solid 1px #ccc;
}

/* ディティールインフォ制御
----------------------------------------------- */
.detail_info{
    margin: 0;
    padding: 0;
}

.detail_info_head{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    color: #2f2f2f;
    background: #FBF3FF;
}
.detail_info_inner{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    text-align: right;
    color: #000000;
    background: #fefefe;
}
.detail_info_inner02{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    text-align: left;
    color: #000000;
    background: #fefefe;
}
/* 郵便番号検索
----------------------------------------------- */
div#zipsearchcolumn {
    width: 460px;
    margin: 15px auto 0 auto;
    background-color: #fff;
    border-top: 5px solid #29abe2;
    border-bottom: 5px solid #29abe2;
}
div#zipsearchcolumn h2 {
    width: 460px;
    margin: 0 0 15px 0;
}
div#zipsearcharea {
    width: 460px;
    margin: 15px auto 0 auto;
}
div#zipsearchcolumn .btn {
    margin: 15px 0 30px 0;
    text-align: center;
}
div#zipsearcharea #completebox p {
    padding: 60px 5px;
    text-align: center;
}

/*パスワードを忘れた方
----------------------------------------------- */
div#windowcolumn .fg_ttl {
    margin: 5% auto 1% auto;
    padding: 5px 0;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    background: none;
    border-bottom: 2px solid #333;
}

/*説明文*/
div#windowcolumn .fg_msg{
	padding:1% 0;
	font-size: 100%;
	line-height: 1.5em;
}

div#windowcolumn .fg_msg p {
    font-size: 100% !important;
    padding: 3px 0;
    text-align: left;
}

div#windowcolumn .fg_msg span{
	color:#d00000;
	font-weight:500;
	letter-spacing: 0.001em;
}

div#windowcolumn .fg_msg .ft_red {
    font-weight: 600;
    font-size: 125%;
    letter-spacing: 0.001em;
}

div#windowcolumn .fg_msg .attention_box {
    margin-top: 0.5%;
    padding: 2%;
	border:2px solid #37a544;
	border-radius: 3px;
}
div#windowcolumn .fg_msg .attention_box .attention {
    color: #37a544;
    font-size: 95%;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.05em;
}

/*入力フォーム*/
div#windowcolumn #fg_box {
    margin: 15px auto;
    padding: 1em 1em 1em 1em !important;
    border-radius: 3px;
    background: #f6f6f6;
	font-weight: 600;
}

div#windowcolumn #fg_box p{
	text-align: left;
	padding:5px 0 !important;
}

div#windowcolumn #fg_box .mail {
	margin: 3% auto 0 auto;
    padding: 0;
}
div#windowcolumn #fg_box .pass{
	margin: 3% auto 0 auto;
    padding: 0;
}

div#windowcolumn #fg_box .box310 {
    width: 95% !important;
    height: 30px;
    font-size: 14px;
    padding: 0 5px;
    border: solid 1px #ccc;
}
div#windowcolumn #fg_box span {
	font-size: 100%;
}

div#windowcolumn #fg_box .attention {
    color: #c30 !important;
    text-align: left !important;
    line-height: 150% !important;
    font-size: 90% !important;
}

div#windowcolumn .btn_area {
    width: 100%;
    margin: 10px auto 20px auto;
    padding: 0;
}


/* ---------- css/tooltip.css ---------- */

/* ツールチップ　CSS Document */

	#info {
    width: 25px;
    height:20px;
    background-color: rgba( 0, 0, 0, .05 );
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /* padding: 5px; */
    /* margin: 0 auto 50px; */
	
    position: relative;
    top: -2px;
}
			#info:hover
			{
				background-color: rgba( 0, 0, 0, .1 );
			}
			#info abbr
			{
				height: 100%;
				font-size: 1.2em;
				font-weight: normal;
				line-height: 1.4;
				text-align: center;
				text-shadow: 0 1px rgba( 0, 0, 0, .25 );
				color: #fff;
				background: #84e100;
				background: -webkit-gradient( linear, left top, left bottom, from( #84e100 ), to( #6fbc00 ) );
				background: -webkit-linear-gradient( top, #84e100, #6fbc00 );
				background: -moz-linear-gradient( top, #84e100, #6fbc00 );
				background: -ms-radial-gradient( top, #84e100, #6fbc00 );
				background: -o-linear-gradient( top, #84e100, #6fbc00 );
				background: linear-gradient( top, #84e100, #6fbc00 );
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				border:2px double;
				cursor: help;
				display: block;
			}
			#info
			{
				text-decoration: none;
			}
			
			


		/*
			TOOLTIP
		*/

		#tooltip
		{
			font-family: Ubuntu, sans-serif;
			font-size: 1em;
			text-align: left;
			text-shadow: 0 1px rgba( 0, 0, 0, .5 );
			line-height: 1.5;
			color: #fff;
			background: #f6f6f6;
			background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
			background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border-top: 1px solid #fff;
			-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			position: absolute;
			z-index: 100;
			padding: 10px;
		}
			#tooltip:after
			{
		        width: 0;
		        height: 0;
		        border-left: 10px solid transparent;
		        border-right: 10px solid transparent;
				border-top: 10px solid #333;
		        border-top-color: rgba( 0, 0, 0, .7 );
				content: '';
				position: absolute;
				left: 50%;
				bottom: -10px;
				margin-left: -10px;
			}
				#tooltip.top:after
				{
			        border-top-color: transparent;
					border-bottom: 10px solid #333;
			        border-bottom-color: rgba( 0, 0, 0, .6 );
					top: -20px;
					bottom: auto;
				}
				#tooltip.left:after
				{
					left: 10px;
					margin: 0;
				}
				#tooltip.right:after
				{
					right: 10px;
					left: auto;
					margin: 0;
				}

/* ---------- css/new_mypage.css ---------- */


/* floatによる回り込みをクリア */
.clearfix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
 
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}

.attention {
    color: #c30;
    text-align:left;
    line-height:150%;
}

.mini3 {
    font-size: 85%;
    text-align: left;
    margin-top:5px;
}

div#completetext {
    /*width: 300px;*/
    margin: 15px auto 0 auto;
    padding: 5px;
}

input[type='text'] {  }


/* お客様の声の書き込み・新しいお届け先の追加・変更
----------------------------------------------- */
/*
div#windowcolumn {
    margin: 10px auto 0 auto;
    padding: 0;
    text-align: left;
}

.window_inner{ margin: 0 auto;}
div#windowcolumn h2 {
    margin: 0 auto;
    padding: 5px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #666666;
}

div#windowcolumn h3 {
    margin: 0 auto;
    padding: 5px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    background: #666;
}

div#windowcolumn p {
    font-size: 12px;
    /*padding: 3px 5px;
    text-align: left;*/
/*
}
*/


/* MYPAGE共通指定
----------------------------------------------- */
div#container {
    width:100%;
    margin: 0 auto;
    padding: 0px;
    background: #fff;
    text-align: left;
}

div#mypagecolumn {
    margin: 10px auto 0 auto;
    font-family:Helvetica, san-serif;
}


div#mypagecolumn h3 {
    margin: 0 auto;
    padding: 5px;
    text-align: left;
    font-weight: normal;
    color: #fff;
    background: #666;
}



/* フロート
----------------------------------------------- */
div#mypagecolumn .fl_l{float:left;}
div#mypagecolumn .fl_r{float:right;}


/*背景
----------------------------------------------- */
div#mypagecolumn .bg_gray{background:#f6f6f6;padding:5px 10px;font-weight:normal;}
div#mypagecolumn .bg_gray2{background:#e7edee;padding:5px 10px;font-weight:normal;}
div#mypagecolumn .bg_gray3{background:#f0f0f0;padding:5px 10px;font-weight:normal;}
div#mypagecolumn .bg_red{background:#ffefef;padding:3px 10px;font-weight:normal;font-size:80%;margin-top:5px;}


/*配置
----------------------------------------------- */
div#mypagecolumn .pst-15{position:relative;top:-15px;}  
div#mypagecolumn .pst-7{position: relative;top: -7px;}
div#mypagecolumn .pst-5{position: relative;top: -5px;}
div#mypagecolumn .pst-3{position: relative;top: -3px;}
div#mypagecolumn .pst0{position: relative;top: 0px;}
div#mypagecolumn .pst3{position: relative;top: 3px;}
div#mypagecolumn .pst5{position: relative;top: 5px;}
div#mypagecolumn .pst7{position: relative;top: 7px;}
div#mypagecolumn .pst10{position: relative;top: 10px;}
div#mypagecolumn .pst13{position: relative;top: 13px;}
div#mypagecolumn .pst15{position: relative;top: 15px;}

/*枠
----------------------------------------------- */
div#mypagecolumn .btnbox{border-top:1px solid #ccc;padding:10px;background:#f0f0f0;}

/*間隔
----------------------------------------------- */
div#mypagecolumn .mgt5{margin-top:5px;}
div#mypagecolumn .mgt10{margin-top:10px;}
div#mypagecolumn .mgt15{margin-top:15px;}
div#mypagecolumn .mgt20{margin-top:20px;}
div#mypagecolumn .mgt30{margin-top:30px;}
div#mypagecolumn .mgb10{margin-bottom:10px;}
div#mypagecolumn .mgb20{margin-bottom:20px;}
div#mypagecolumn .mgb30{margin-bottom:30px;}
div#mypagecolumn .mgtb10{margin-top:10px;margin-bottom:10px;}
div#mypagecolumn .mgtb15{margin-top:15px;margin-bottom:15px;}
div#mypagecolumn .pd5{padding:5px;}
div#mypagecolumn .pd10{padding:10px;}
div#mypagecolumn .pdl10{padding-left:10px;}
div#mypagecolumn .pdr10{padding-right:10px;}
div#mypagecolumn .pdlr5{padding-left:5px;padding-right:5px;}
div#mypagecolumn .pdlr10{padding-left:10px;padding-right:10px;}
div#mypagecolumn .pdb10{padding-left:10px;padding-right:10px;padding-bottom:10px;}
div#mypagecolumn .pdt5 {padding-top:5px;}
div#mypagecolumn .pdt10 {padding-top:10px;}
div#mypagecolumn .pdt15 {font-weight: bold;font-size: 100%;}
div#mypagecolumn .pdtb10{padding-top:10px;padding-bottom:10px;}
div#mypagecolumn .mini_add {clear: both;padding: 2% 0 0;}


/* フォントサイズ
----------------------------------------------- */
div#mypagecolumn .fts_01{font-size:1rem;letter-spacing:0.0001rem;}
div#mypagecolumn .fts_02{font-size:0.9rem;letter-spacing:0.0001rem;}
div#mypagecolumn .fts_03{font-size:0.75rem;letter-spacing:0.0001rem;}
div#mypagecolumn .fts_04{font-size:0.65rem;letter-spacing:0.0001rem;}
div#mypagecolumn .fts_05{font-size:0.58rem;letter-spacing:0.0001rem;}
div#mypagecolumn .ftw_b{font-weight:bold;}
div#mypagecolumn .ftw_n{font-weight:normal}
div#mypagecolumn .letter_sp{letter-spacing:0.0001rem;}
div#mypagecolumn .mini3 {font-size: 90%;text-align: left;margin-bottom:5px;font-weight:bold;}


/*タイトルバー
----------------------*/

.mycont_headttl {
    font-size: 14px;
    padding: 5px;
    font-weight: bold;
    border: 1px solid #ddd;
    position: relative;
    color: #313131;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
}


div#mypagecolumn .subttl1 {
    margin: 0 auto;
    padding:5px;
    text-align: ;left;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    background:#666;
}


div#mypagecolumn .subttl2 {
    margin: 0 auto;
    padding: 5px;
    text-align: left;
    font-weight: normal;
    color: #fff;
    background: #999;
}


div#mypagecolumn .subttl3 {
    background: #e7edee;
    padding: 5px 10px;
    font-weight: normal;
    color: #313131;
}

div#mypagecolumn .subttl4 {
    margin-bottom: 3px;
    padding: 5px 10px;
    text-align: left;
    font-size: 100%;
    font-weight: normal;
    color: #313131;
    background: #f6f6f6;
    box-shadow: 1px 1px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
}


div#mypagecolumn hr{border-top: 0px solid #ccc;}




/*注意事項*/
div#mypagecolumn .attention_box{background:#fff;padding:0;}
div#mypagecolumn .attention_box .at_ttl{border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#222;padding:5px;font-size:90%;text-align:center;}
div#mypagecolumn .attention_box p{font-size:80%;color:#C00;line-height:1.3rem;padding:10px;}
div#mypagecolumn .mg_attention {
    text-align: left;
    font-size: 12px;
    color: red;
}

/*ページナンバー*/
div#mypagecolumn .bg_pgnav {
    background: #f6f6f6;
    line-height: 1.5rem;
    text-align: center;
    padding: 5px;
}

div#mypagecolumn .bg_pgnav a{color:#06F;}


div#mypagecolumn .bg_pgnav2 {
    background: #fff;
    line-height: 1.5rem;
    text-align: right;
    padding: 5px;
}

div#mypagecolumn .bg_pgnav2 a{color:#06F;}


 /*ページ件数
 -----------------------------------------*/
div#mypagecolumn .pg_num{padding:10px;}
div#mypagecolumn .pg_num1{background:#f0f0f0;padding:10px;overflow:hidden;}
div#mypagecolumn .pg_num2{background:#FFF;padding:10px;overflow:hidden;text-align:left;font-size:110%;}
div#mypagecolumn .pg_num3{width: 100%;line-height: 20px;box-sizing: border-box;padding:5px 10px;background-color: #a0a0a0;color: #fff;font-size: 12px;font-weight: 700;}


/*ノーデータ
-----------------------------------------*/
#mypagecolumn .no_data {
    clear: both;
    margin: 10px;
    padding:10px 0;
    text-align: center;
    font-size:90%;
    letter-spacing:0.001rem;
}

#mypagecolumn .no_data1 {
    clear: both;
    margin: 15px;
    padding: 10px;
    text-align: left;
    color:#555;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    border-radius: 2px;
    border: 1px solid #ccc;
    font-size:90%;
    letter-spacing:0.001rem;
}


#mypagecolumn .no_data2 {
    clear: both;
    margin: 0 15px 15px 15px;
    padding: 10px;
    text-align: left;
    color:#555;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    border-radius: 2px;
    border: 1px solid #ccc;
    font-size:90%;
    letter-spacing:0.001rem;
}

#mypagecolumn .no_data3 {
    clear: both;
    margin: 15px 15px 0 15px;
    padding: 10px;
    text-align: left;
    color:#555;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    border-radius: 2px;
    border: 1px solid #ccc;
    font-size:90%;
    letter-spacing:0.001rem;
    
}

/*パン屑
-----------------------------------------*/
#mypagecolumn .pankuzuarea{margin:0 auto;padding:5px;clear:both;}
#mypagecolumn .pankuzuarea p{letter-spacing:0.01em;font-size:80%;}
#mypagecolumn .pankuzuarea a{color:#666;font-size:12px;}
#mypagecolumn .pankuzuarea a:hover{color:#666;font-size:12px;text-decolation:under-line;}
#mypagecolumn .clear{clear:both;}


/*ステップ
----------------------------------------------- */
#mypagecolumn .step_bar{padding:0 10px;margin:0 auto}
#mypagecolumn .item1,.item2,.item4{margin-right:25px}
#mypagecolumn .step_bar.box_horizon{/*width:320px;*/margin: 20px auto 10px auto;}
#mypagecolumn .box_horizon {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
}
#mypagecolumn .border_box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

#mypagecolumn .box_horizon > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    width: 100px;
}
#mypagecolumn .item1, .item2, .item4 {
    margin-right: 25px;
}
#mypagecolumn .step_bar_item{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;border-radius:2px;background-color:#777;text-align:center;position:relative}
#mypagecolumn .step1 .item1,.step2 .item1,.step2 .item2,.step3 .item1,.step3 .item2,.step3 .item3,.step3 .item4,.step4 .item1,.step4 .item2,.step4 .item4{background-color:#000}
#mypagecolumn .step3 .here{background-color:#000}
#mypagecolumn .item1:after,.item2:after,.item4:after{content:"";display:block;width:0;height:0;border-left:5px solid #777;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;right:-15px;top:7px}
#mypagecolumn .step1 .item1:after,.step2 .item1:after,.step2 .item2:after,.step3 .item1:after,.step3 .item2:after,.step3 .item3:after,.step3 .item4:after,.step4 .item1:after,.step4 .item2:after,.step4#mypagecolumn .item4:after{border-left:5px solid #000}
#mypagecolumn .step_bar_txt{color:#fff;padding:5px 0;font-size:12px;line-height:1.4em}
#mypagecolumn .step_bar_arrow{height:32px;overflow:hidden;display:table;width:100%}
#mypagecolumn .step_bar_arrow .list{display:table-row}
#mypagecolumn .step_bar_arrow .item{display:table-cell;line-height:32px;font-size:12px;margin-right:2px;position:relative;height:32px;text-align:center;padding-left:10px;white-space:nowrap;background-color:#D9D9D9;color:#666}
#mypagecolumn .step_bar_arrow .item::after,.step_bar_arrow .item::before{content:"";display:block;width:0;height:0;position:absolute;top:-6px;border-bottom:22px solid transparent;border-top:22px solid transparent;border-left-width:10px;border-left-style:solid;z-index:1}
#mypagecolumn .step_bar_arrow .item::before{right:-9px;border-left-color:#fafafa}
#mypagecolumn .step_bar_arrow .item::after{right:-7px;border-left-color:#D9D9D9}
#mypagecolumn .step_bar_arrow .selected{background-color:#4E4E4E;color:#fff}.step_bar_arrow .selected::after{border-left-color:#4E4E4E}
#mypagecolumn .step_bar_arrow .item:first-child{padding-left:6px}.step_bar_arrow .item:last-child{padding-right:6px;padding-left:13px}
#mypagecolumn .step_bar_arrow .item:last-child::after,.step_bar_arrow .item:last-child::before{border:0}
#mypagecolumn .step_bar_item_here{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;border-radius:2px;background-color:#000;text-align:center;position:relative}

/* ラベル
----------------------------------------------- */
#mypagecolumn span.required {
color: #fff;
    background: #CC0000;
    font-size: 70%;
    font-weight: normal;
    line-height: 160%;
    padding: 2px 5px;
    margin-left: 3px;
    position: relative;
    top: -2px;
    border-radius: 2px;
}

#mypagecolumn span.any {
    margin-left:3px;
    font-weight: normal;
    line-height: 160%;
    padding: 2px 5px;
    font-size: 70%;
    background: #999;
    color: #fff;
    border-radius:2px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}



/*住所自動入力
------------------------------------------------*/
.zipimg{margin:0;padding:0;}
.zipimg img {margin: 5px 0 0 0 ;}
.zipimg a {color:#666;text-decolation:none;}
.zipimg a:hover{color:#666;text-decolation:underline;}

.zip_bt{
    padding: 5px 10px;
    line-height:1rem;
    margin: 0 0 0 5px ;
    cursor: pointer;
    font-weight:noramal;
    font-size: 100%;
    letter-spacing:0.002rem;
    text-decoration: none;
    border: 1px solid #ccc;
    position: relative;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
    
    /*border-radius*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    /*box-shadow*/
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    }       
/*------------------------------------------------*/    


/*マイページinput/select
----------------------------------------------------*/
#mypagecolumn input {
margin:0;
padding:5px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}

#mypagecolumn input[type="text"]{
    margin:5px 0;
}

#mypagecolumn input[type="number"]{
padding:5px 0;
text-indent:0;
}

#mypagecolumn input[type="number"]:first-child{
margin-right:-2px;
}

#mypagecolumn input[type="radio"],input[type="check"]{
padding:5px;
line-height:1.5;
margin-right:0.5em;
}

#mypagecolumn .text, .textarea
{
    padding:0.1em 0 0.1em 0.5em;
    margin:0;
    border:#ddd solid 1px;
    /*background: #FFF;*/
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
    font-size: 100%;
}
#mypagecolumn .textarea{
  margin:0 0 10px 0;
  -webkit-box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
  -moz-box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
  box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
}
#mypagecolumn .cartin_quantity,.box_point{
width:2.5em;
}
#mypagecolumn .boxLong{width:98%;}
#mypagecolumn .boxLong100{width:100%;}
#mypagecolumn .boxHarf80{width: 80%;}
#mypagecolumn .boxHarf70{width: 70%;}
#mypagecolumn .boxHarf60{width: 60%;}
#mypagecolumn .boxHarf{width: 39%;}
#mypagecolumn .boxMedium{width:30%;}
#mypagecolumn .boxMedium2{width:34%;margin-right:5px;}
#mypagecolumn .boxShort{width:27%;}

#mypagecolumn .h20{height:20px;}
#mypagecolumn .h25{height:25px;}
#mypagecolumn .h30{height:30px;}
#mypagecolumn .h40{height:40px;}


#mypagecolumn select.boxLong{
    width:100%;
    height: 30px;
    font-size: 100%;
    border: 1px solid #666;


}
#mypagecolumn select.boxMedium{
    width:40%;
    height: 30px;
    font-size: 18px;
    border: 1px solid #666;

}
#mypagecolumn select.boxShort{
    width:25%;
    height: 30px;
    font-size: 18px;
    border: 1px solid #666;

}

#mypagecolumn select.boxHarf {
    width: 50%;
    height: 30px;
    font-size: 90%;
    border: 1px solid #666;
    padding: 0 5px;
}

/*boxシャドウ*/
#mypagecolumn .bx_shadow/*区切り線*/{
    -webkit-box-shadow: 1px 5px 5px #D6D6D6;
    -moz-box-shadow: 1px 5px 5px #D6D6D6;}

#mypagecolumn .mg_shadow/*区切り線*/{
    box-shadow: 1px 1px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
}

/*select 装飾*/
#mypagecolumn form .custom-selectbox{
    display: inline-block;
    position: relative;
    background-color: white;
    border: 1px solid #c8c8c8;
    vertical-align: middle;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:4px;
}

#mypagecolumn form .custom-selectbox:before{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 100%;
    padding: 0 0.35em;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center center;
    text-align: center;
    content: '';
    z-index: 1;
    pointer-events: none;
}

#mypagecolumn form .custom-selectbox select{
  display: block;
  width: 100%;
  padding:0 10px !important;
  height: 30px;
  margin: 0;
  border: 0 none;
  line-height: normal;
  -moz-box-sizing: border-box;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
   font-size:1em;
   border-radius:4px;

}

#mypagecolumn .w10{width:10%;}
#mypagecolumn .w15{width:15%;}
#mypagecolumn .w20{width:20%;}
#mypagecolumn .w30{width:30%;}
#mypagecolumn .w40{width:40%;}
#mypagecolumn .w50{width:50%;}
#mypagecolumn .w60{width:60%;}
#mypagecolumn .w70{width:70%;}
#mypagecolumn .w80{width:80%;}
#mypagecolumn .w90{width:90%;}
#mypagecolumn .w95{width:95%;}
#mypagecolumn .w98{width:98%;}
#mypagecolumn .w100{width:100%;}


/*マイページ ラジオ、チェックボックス
----------------------------------------------- */
div#mypagecolumn input[type="radio"], div#mypagecolumn input[type="checkbox"] {
    display: inline-block;
    margin-right: 6px;
}

div#mypagecolumn td input[type="radio"] {
    display: inline-block;
    margin-right: 10px;
}


div#mypagecolumn input[type=radio] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     
    font-size: 14px;
    line-height: 30px;
    left:-25px;
    cursor: pointer;
}

div#mypagecolumn input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 1.5rem;
    left: 0px;
    cursor: pointer;
}

@media (min-width: 1px) {
div#mypagecolumn input[type=radio],
div#mypagecolumn input[type=checkbox] {
        display: none;
        margin: 0;
    }
div#mypagecolumn input[type=radio] + label,
div#mypagecolumn input[type=checkbox] + label {
        padding: 0 0 0 20px;
    }
div#mypagecolumn input[type=radio] + label::before,
div#mypagecolumn input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
div#mypagecolumn input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
div#mypagecolumn input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
div#mypagecolumn input[type=radio]:checked + label::after,
div#mypagecolumn input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
div#mypagecolumn  input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #3e86fc;
        border-radius: 8px;
    }
div#mypagecolumn input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}


/*------------------------------------
マイページで使用しているボタン
------------------------------------*/

/*決定ボタン*/
.mg_newbtn {
    list-style: none;
    margin: 4%;
    padding: 0;
    font-size: 100%;
    line-height: 40px;
    text-align: center;
    clear:both;
    background: #4a89be;
    box-sizing: border-box;
}

.mg_newbtn a {
    display: block;
    height: 40px;
    padding: 0px ;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
    box-sizing: border-box;
}


/*変更ボタン*/
.mg_changebt{
    padding:8px 10px;
    line-height:1rem;
    float:right;
    margin: 0 0 0 5px ;
    cursor: pointer;
    font-weight:noramal;
    font-size: 100%;
    letter-spacing:0.002rem;
    -webkit-border-radius: 1px;
    text-decoration: none;
    border: 1px solid #ccc;
    position: relative;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
    -moz-border-radius: 1px;
    border-radius: 1px;
    box-sizing: border-box;

    }
.mg_changebt a{
    color:#555;}
    
/*変更ボタン*/
.mg_changebt2{
    padding: 5px 10px;
    line-height:1rem;
    /*float:right;*/
    margin: 0 0 0 5px ;
    cursor: pointer;
    font-weight:noramal;
    font-size: 100%;
    letter-spacing:0.002rem;
    -webkit-border-radius: 1px;
    text-decoration: none;
    border: 1px solid #ccc;
    position: relative;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
    -moz-border-radius: 1px;
    border-radius: 1px;
    box-sizing: border-box;

    }
.mg_changebt2 a{
    color:#555;}
    
    
    
/*----------------------------------------------
詳細ボタン
*/

/*詳細ボタンエリア*/
.listbt_area{margin:0 auto;padding:5px;}
.listbt_area ul{width:100%;display:table;}
.listbt_area ul li{display:table-cell;overflow:hidden;}
.listbt_area ul li a{color:#555;}

/*詳細ボタン*/
.mg_dtbtn {
    float: left;
    height: 50px;
    width: 100%;
    padding: 0 5px;
    line-height: 1rem;
    margin: 0 auto;
    cursor: pointer;
    font-weight: noramal;
    font-size: 100%;
    letter-spacing: 0.002rem;
    text-decoration: none;
    text-align:center;
    border: 1px solid #ccc;
    position: relative;
    color: #333;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
    border-radius: 2px;
    box-sizing: border-box;
}


/*お届け先変更ボタン*/   
.mg_dtbtn2 {
    float: right;
    height: 50px;
    width: 90%;
    padding: 0;
    line-height: 1rem;
    cursor: pointer;
    font-weight: noramal;
    font-size: 100%;
    color:#fff;
    letter-spacing: 0.002rem;
    text-decoration: none;
    text-align:center;
    border: 1px solid #ccc;
    position: relative;
    background-color: #666;
    -webkit-border-radius: 2px;
    -moz-border-radius:2px;
    border-radius: 2px;
    box-sizing: border-box;
}

/*ポイント詳細ボタン*/       
.mg_dtbtn3 {
    width: 100px;
    padding: 3px 25px;
    text-align: center;
    line-height: 1rem;
    margin:5px auto;
    cursor: pointer;
    font-weight: noramal;
    font-size: 100%;
    letter-spacing: 0.002rem;
    -webkit-border-radius: 1px;
    text-decoration: none;
    border: 1px solid #ccc;
    position: relative;
    background-color: #666;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
    -moz-border-radius: 10px;
    /* border-radius: 10px; */
    box-sizing: border-box;
}

.mg_dtbtn3 a{
    color:#333;text-decolation:none;}
    
.mg_dtbtn3 a:hover{text-decolation:underline;background-color: #555;color:#fff;}


.mg_dtbtn4 {
    width: 50%;
    margin: 0 auto;
    padding: 5px 20px;
    line-height: 1rem;
    text-align: center;
    cursor: pointer;
    font-weight: noramal;
    font-size: 100%;
    letter-spacing: 0.002rem;
    -webkit-border-radius: 1px;
    text-decoration: none;
    border: 1px solid #ccc;
    position: relative;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-sizing: border-box;
}

 .mg_dtbtn4 a{
    color:#555;}
    


/*----------------------------------------------
スキップ・解約・一時停止*/
.course_dt{}
.course_dt ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.course_dt li {
    width: 32.2%;
    display: inline-block;
    background: #4a89be;
    padding: 10px;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    box-sizing: border-box;
}

.course_dt li a{color:#fff;}

/*----------------------------------------------
閉じるエリア*/

.closearea{width:100%;margin:10px auto 0 auto;padding:10px;text-align:center;overflow:hidden;}

/*閉じるボタン*/
.mg_closebt {
    line-height: 1rem;
    padding: 8px 15px;
    cursor: pointer;
    font-weight: noramal;
    font-size: 100%;
    letter-spacing: 0.002rem;
    -webkit-border-radius: 1px;
    text-decoration: none;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
    -moz-border-radius: 1px;
    border-radius: 1px;
    text-align: center;
}
.mg_closebt a {
    color: #555;
    text-decoration: none;
}

/*カード情報のボタン*/
.mg_cardbtn {
    list-style: none;
    margin: 2%;
    padding: 0;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    clear:both;
    background: #4a89be;
}

.mg_cardbtn a {
    display: block;
    height: 40px;
    padding: 0px ;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
}

.mg_cardbtn2 {
    list-style: none;
    margin: 2%;
    padding: 0;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    clear:both;
    background: #444;
}

.mg_cardbtn2 a {
    display: block;
    height: 40px;
    padding: 0px ;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
}

.mg_cardbtn3 {
    list-style: none;
    margin:5% 2%;
    padding: 0;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    clear:both;
    background: #4a89be;
}

.mg_cardbtn3 a {
    display: block;
    height: 40px;
    padding: 0px ;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
}


/*戻るボタン*/
.mypage_back
{border-top:1px solid #ccc;margin:0 auto;padding:10px 0;}

.mypage_back2
{margin:0 auto;padding:10px 0;}

.mypage_back a:hover{text-decolation:none;}

.mg_back {
    list-style: none;
    margin: 2%;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    clear:both;
    border: 1px solid #ddd;
    position: relative;
    color: #313131;
    background-color: #f1f1f1;
    border-radius: 2px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);}

.mg_back a {
    display: bloc;
    height: 30px;
    padding: 0px ;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#333;
}

/*お気に入りボタン*/
.btn_fv1 {
    margin: 0 auto;
    font-size: 0.85em;
    text-align: center;
    line-height: 0;
    float: right;
}

.btn_fv1 a {
    margin: 0 auto ;
    padding:15px;
    display: block;
    text-decoration:none;
    border: 1px solid #ddd;
    position: relative;
    color: #313131;
    letter-spacing:0.001rem;
    background-color: #f1f1f1;
    border-radius: 2px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    box-sizing: border-box;
}

.btn_fv1 a:hover{
    color:#fff;
    text-decoration:none;
    background:#d96040;
    border-radius: 2px;
    border: 1px solid #ddd;
}

.btn_fv2 {
    margin: 0 auto;
    font-size: 0.85em;
    text-align: center;
    line-height: 0;
    float:right;
}

.btn_fv2 a {
    margin: 0 auto ;
    padding:15px 5px;
    display: block;
    text-decoration:none;
    border: 1px solid #ddd;
    position: relative;
    color: #313131;
    letter-spacing:0.001rem;
    background-color: #f1f1f1;
    border-radius: 2px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    box-sizing: border-box;
}

.btn_fv2 a:hover{
    color:#fff;
    text-decoration:none;
    background:#d96040;
    border-radius: 2px;
    border: 1px solid #ddd;
}

@media screen and (max-width: 321px) {
 .btn_fv2 {
    margin: 10px auto;
    font-size: 0.85em;
    text-align: center;
    line-height: 0;
    float:none;
}
 
}

/*ボタンここまで---------------------------------*/

/*----------------------------------------------
購入履歴
----------------------------------------------*/
.history_list {
    margin:  0 auto;
    padding: 0;
    overflow: hidden;
    clear: both;
}
.history_list table{border-collapse: collapse;width:100%;}
.history_list table th {
    padding: 10px 0;
    background: #666;
    color:#fff;
    font-size: 80%;
    font-weight: normal;
}
.history_list table td {
    border-bottom:1px solid #eee;
    font-weight: normal;
    font-size:90%;
}
/* 発送済みアイコン */
#mypagecolumn .history_list table p object{
    height: 20px;
    vertical-align: bottom;
}

#order_sort{font-size:16px;}
#order_sort select{background:#fff;border:1px solid #ccc;}

/*----------------------------------------------
定期申込一覧
------------------------------------------*/
.regular_list{
    margin:  0 auto;
    padding: 0;
    overflow: hidden;
    clear: both;
}
.regular_list table{border-collapse: collapse;width:100%;}
.regular_list table th {
    padding: 10px 0;
    background: #666;
    color:#fff;
    font-weight: normal;
    font-size: 80%;
}
.regular_list table td {
    border-bottom: 0;
    font-weight: normal;
    font-size:90%;
}


/*定期コース申込詳細ボックス*/
.regular_detail {
    background: #eee;
    padding: 3%;
    margin: 0 auto;
    font-size:100%;
}

.rebular_dtbox {
    font-size: 100%;
    padding: 0 0 3% 0;
    background: #fff;
    
    /*box-shadow*/
    box-shadow: 1px 1px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-box-shadow: 1px 1px 3px #ccc;
}

/*定期コース申込詳細*/
.regular_stop_status{color:#cc0000;font-weight:bold;font-size:1rem;float:right;padding:0 5px;}
.mypage_regstatus{
    margin: 0 auto;
    padding:0;
    overflow:hidden;
}

.mypage_regstatus table{
border-collapse: collapse;
width:100%;}
.mypage_regstatus table th {
    padding: 10px;
    color: #333;
    font-size: 100%;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    border-right: 1px dotted #ccc;
    background:#fff;
}
.mypage_regstatus table td {
    width: 50%;
    padding:10px;
    border-bottom: 1px solid #ddd;
    font-size: 100%;
    background:#fff;
    font-weight: normal;
}

/*合計金額(定期申込・購入履歴)*/
.mypage_total table,
.mypage_regtotal table
{border-collapse: collapse;width:100%;}

.mypage_total table th,
.mypage_regtotal table th {
    padding: 10px;
    background:#fff;
    color: #333;
    font-size:100%;
    text-align:right;
    font-weight: normal;
    border-right:1px solid #e7edee;
    border-bottom: 1px solid #e7edee;
}

.mypage_total table td,
.mypage_regtotal table td {
    width: 50%;
    padding:10px;
    border-bottom: 1px solid #e7edee;
    font-size: 100%;
    background:#fff;
    text-align:right;
    font-weight: normal;
}

/*お届け先*/
.mypage_reg_deliv{width: 100%;
    margin: 0 auto;
    padding: 0;}

.mypage_info_deliv table,
.mypage_reg_deliv table
{border-collapse: collapse;width:100%;}

.mypage_info_deliv table th,
.mypage_reg_deliv table th {
    padding: 10px;
    background:#fff;
    color: #333;
    font-size: 100%;
    text-align:left;
    font-weight: normal;
    border-right:1px solid #ddd;
}

.mypage_info_deliv table td,
.mypage_reg_deliv table td {
    width: 50%;
    padding: 0;
    border-bottom: 1px solid #ddd;
    font-size: 100%;
    text-align:left;
    background:#fff;
    font-weight: normal;
}


/*サイクル変更*/
#set_date1,#set_date2{text-align:left;padding:10px;border-bottom:1px solid #ccc;}
#set_date3{text-align:left;padding:10px;}

#set_date1 span,#set_date2 span,#set_date3 span{margin-left:10px;}
.cyclebox{margin-top:10px;}

.mouosikomi_tb2 table{border-collapse: collapse;width:100%;}
.mouosikomi_tb2 table th {
    padding: 10px 0;
    color:#666;
    font-size: 90%;
    text-align:left;
    font-weight: normal;
    
    
}
.mouosikomi_tb2 table td {
    padding:5px;
    font-size: 90%;
    font-weight: normal;
}


#deliv_addr_change_dialog table{border-collapse: collapse;width:100%;}
#deliv_addr_change_dialog th {
    padding: 10px 0;
    color:#666;
    font-size: 90%;
    text-align:left;
    font-weight: normal;
}
#deliv_addr_change_dialog table td {
    padding:10px;
    font-size: 90%;
    text-align:left;
    font-weight: normal;
    border-top:1px solid #ccc;
}

#set_date1 input[type="radio"] ,#set_date2 input[type="radio"] ,#set_date3 input[type="radio"] ,#deliv_addr_change_dialog input[type="radio"] {
    font-size: x-large;
}


/*----------------------------------------------
お届け先一覧
----------------------------------------------- */
.deliv_table{
    /*border-collapse: collapse;*/
    width:100%;
    }

.deliv_table td {
    width: 50%;
    padding:5px 0;
    font-size: 100%;
    font-weight: normal;
}

.deliv_table .mg_delivbtn{
    background:#fff;
    padding:0;
    display:block;
}

.deliv_table .mg_delivbtn ul{
    display:table;
    table-layout: fixed;
    width:100%;
    margin: 0;
    /*box-shadow*/
    box-shadow: 0 2px 1px #fff inset;
    -webkit-box-shadow: 0 2px 1px #fff inset;
    -moz-box-shadow: 0 2px 1px #fff inset;
    
    /*グラデーション*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

    /*角丸*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4.deliv_table .mg_delivbtnpx;
    
    padding:0px;
    border:1px solid #ddd;
    text-align:center;
}
.deliv_table .mg_delivbtn li{
    display:table-cell;
    text-align:center;
    border-right: 1px solid rgba(0,0,0,0.1);
    box-shadow: 1px 0px 0 rgba(255,255,255,1);
}

.deliv_table .mg_delivbtn li:last-child {
    border-right:0;
    box-shadow:none;
}

.deliv_table .mg_delivbtn li a{
    padding:5px 0;
    display:block;
    color:#333;
    text-decoration:none;
    margin:0;
    font-weight:normal;
}
.deliv_table .mg_delivbtn li:active{
    background: #ddd;
}



/*----------------------------------------------
お届け先変更・追加
----------------------------------------*/
.mg_delivch{margin:0 auto;padding: 0 3%;}

.mg_delivch dl {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.mg_delivch dt {
    margin: 0;
    font-weight: bold;
    padding: 10px 0 0 0;
}

.mg_delivch dd {
    /* margin: 0; */
    padding: 3px 0 10px 0;
    border-bottom: #CCC solid 1px;
    line-height: 1.2;}



/*----------------------------------------------
ポイント
----------------------------------------------*/

/*保有ポイント*/
.pt_pos dl{margin-left:15px;margin-right:15px;padding:0;border:1px solid #ccc;overflow:hidden;text-align:center;}
.pt_pos dt{background:#f0f0f0;width:50%;float:left;padding:20px 0;}
.pt_pos dd{background:#fff;width:50%;float:right;padding:20px 0;color:#C30;font-size:150%;}


/*ポイント履歴*/
.point_list{
    margin:  0 auto;
    padding: 0;
    clear: both;
}

.point_list h4{padding:3px 10px;background:#aaa;color:#fff;font-size:12px;}

/*テーブル*/
.point_list table{border-collapse: collapse;width:100%;}
.point_list table th {
    padding:3px;
    background: #666;
    color:#fff;
    font-size:80%;
    font-weight: normal;
    letter-spacing:0.001rem;
}
.point_list table td {
    font-size: 90%;
    padding:0 3px;
    text-align:center;
}

/*ポイント有効期限*/
.point_list2{
    margin:  0 auto;
    padding: 0;
    clear: both;
}

.point_list2 table{border-collapse: collapse;width:100%;}
.point_list2 table th {
    padding:3px;
    background: #666;
    color:#fff;
    font-size:80%;
    font-weight: normal;
    letter-spacing:0.001rem;
}
.point_list2 table td {
    font-size: 90%;
    padding:5px 3px;
    text-align:center;
    border-bottom:1px solid #ccc;
}


.point_list .data {
    font-size:90%;
    position:relative;
    top:5px;
    padding:3px;
    text-align:center;
}


.point_list .service {
    font-size: 14px;
    text-align: center;
    line-height: 1.5rem;
    letter-spacing: 0.0001rem;
    padding:3px;
}

div#mypagecolumn .point_list .service a{color:#333;}


.point_list .point {
    text-align: center;
    font-weight: normal;
    overflow: hidden;
    letter-spacing: 0.0001rem;
    margin: 10px auto 5px auto;
}

.point_list .point dl{width:100%;border:none;margin:0 auto;padding:0;}
.point_list .point dt {
    padding: 0 3px;
    margin:0 auto;
    text-align: center;
    letter-spacing: 0.0001rem;
    font-size: 11px;
}

.point_list .point dd {
    text-align:center;
    padding: 3px 0 0 0;
    background: #fff;
    font-size: 14px;
}


/*ポイント利用・獲得*/
/*利用*/
.point_list .pt_use{background:#2c7fef;color:#fff;font-weight:normal;}
.point_list .pt_usebg{color:#2c7fef;font-weight:bold;}

/*付与*/
.point_list .pt_get{background:#f04e4e;color:#fff;font-weight:normal;}
.point_list .pt_getbg{color:#e30000;font-weight:bold;}

/*調整*/
.point_list .pt_adjust{background:#43a84c;color:#fff;font-weight:normal;}
.point_list .pt_adjustbg{color:#43a84c;font-weight:bold;}

/*失効*/
.point_list .pt_lose{background:#666666;color:#fff;font-weight:normal;}
.point_list .pt_losebg{background:#ededed;color:#666666;font-weight:bold;}


/*＋、×切り替え*/
/* iconの共通CSS */
#mypagecolumn .icon{
    display:inline-block; 
    position:relative;
    background: #ccc;
    width:20px;
    height:20px;
    margin:5px;
}
#mypagecolumn .icon:hover{
    opacity: 0.8;
}
 
/* プラス */
#mypagecolumn .plusicon:before, .plusicon:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    height: 12px;
    width: 2px;
    background: #fff;
    border-radius: 10px;
}

#mypagecolumn .plusicon:before {
    top: 9px;
    left: 4px;
    height: 2px;
    width: 12px;
}


/* マイナス */
#mypagecolumn .minusicon:before, .minusicon:after {
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 10px;
}
#mypagecolumn .minusicon:before {
    top: 9px;
    left: 4px;
    height: 2px;
    width: 12px;
}

/*備考吹き出し*/
#mypagecolumn .receipt_dt {
    color: #19283C;
    position: relative;
    line-height: 1.4;
    top: 100%;
    margin: 0 auto 10px auto;
    padding: 10px 3px;
    border-top: 1px dashed #ccc;
    border-radius: 10px;
    background-color: #fff;
    text-align: left;
    color: #333;
    font-size:13px;
    font-weight: 400;
    z-index: 10;
}
#mypagecolumn .receipt_dt a{color:#09F;}

/*閉じるボタン*/
#mypagecolumn .receipt_dt .bbtn{padding: 3px;
    cursor: pointer;
    width: 100px;
    text-align: center;
    margin: 0 auto;}
    
#mypagecolumn .receipt_dt .bbtn a{padding: 3px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    font-weight: normal;
    font-size: 100%;
    -webkit-border-radius: 1px;
    text-decoration: none;
    border: 1px solid #ddd;
    position: relative;
    color: #fff;
    background-color: #4a89be;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}


/*----------------------------------------------
マイクーポン
----------------------------------------------*/
/*使用可能クーポン*/
.cpon{border-bottom:1px solid #ccc;}
.cpon:last-child {border:0;}

.area_coupon {
    padding: 2% 5% 0 5%;
    overflow: hidden;
}

.qp_box {
    width: 100%;
    border: 1px solid #aaa;
    margin: 10px 0 0 0;
    display: inline-block;
}

.qp_ttl {
    background: #666;
    color: #fff;
    padding: 5px;
    font-size: 90%;
    line-height: 1.2rem;
    font-weight: normal;
}

.qp_box p {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.qp_box .c_price{font-size:100%;padding:5px;}
.qp_box .expiration{text-align:right;font-weight:bold;padding:5px;}

/*クーポン詳細*/
.toggle_txt {
    font-size: 100%;
    text-align: right;
    padding: 5px 10px 10px 10px;
    position: relative;
}
.toggle_txt a{color:#555;padding:0 30px 0 0;}
.toggle_txt a:after {
    display: block;
    position: absolute;
    top: 40%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: solid 2px #7f7f7f;
    border-right: solid 2px #7f7f7f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

.qp_detail{background:#d6d6d6;padding:5% 3%;}
.qp_dtbox{background:#fff;padding:3%;
    /*角丸*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}
.qp_dtl{margin:0 auto;padding:0;}
.qp_dtl h3{font-size:100%;}
.qp_dtl ul{padding:0;margin:0 auto;} 
.qp_dtl ul li{border-bottom:1px solid #ccc;padding:5px;text-aling:left;}
.qp_dtl ul li:last-child {border:0;}
div#mypagecolumn .qp_dtl ul li .memo h3{background:#fff;color:#666;}

.expiration_date_diff{color:#C30;font-weight:normal;}



/*使用済みクーポン一覧*/
.qupon_list{
    margin:  0 auto;
    padding: 0;
    overflow: hidden;
    clear: both;
}
.qupon_list table{border-collapse: collapse;width:100%;}
.qupon_list table th {
    padding: 10px 0;
    background: #666;
    color:#fff;
    font-size: 90%;
    font-weight: normal;
}
.qupon_list table td {
    padding:5px;
    border-bottom: 1px solid #ccc;
    font-size: 90%;
    font-weight: normal;
}

/*----------------------------------------------
友達紹介
----------------------------------------------*/

.friend_area{margin:0 auto;padding:2%;overflow:hidden;}
.fr_intro{padding:0;line-height:200%;}
.fr_input {
    width: 300px;
    padding: 5px;
    font-size: 14px;
}

.friend_area ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.friend_area ul li {
    padding: 0;
    margin: 0 auto;
}

.friend_area ul li a{
    text-decoration: none;
    border: 1px solid #eee;
    text-align: center;
    padding: 10px 0;
    margin: 10px 0;
    background: #4a89be;
    color: #fff;
    display: block;
    }
    
.friend_area ul li a:hover {
    background: #d96040;
    color:#fff;
    }

.fr_attend {
    line-height: 200%;
    border: 1px dashed #ccc;
    padding: 10px;
    margin: 0 auto;
}

/* MYPAGE Inner
----------------------------------------------- */
.mypage_inner {
    margin: 0 auto;
}
.mypage_inner .pricetd01 {
    text-align: right;
    color: #535353;
    font-weight: bold;
    font-size: 14px;
}
.mypage_inner table {
    padding: 3px;
    color: #000;
}
.mypage_inner table th.resulttd {
    width: 310px;
    margin: 5px auto 0 auto;
    padding: 10px 5px;
    text-align: left;
    background: #e9f4f9;
}
.mypage_inner table.delivname th {
    text-align: left;
    width: 100px;
}
.mypage_inner table caption {
    width: 310px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 3px;
    text-align: left;
    font-weight: bold;
    color: #000;
    background: #f0f0f0;
}
.mypage_inner table td.td_title {
    text-align: center;
    font-size: 12px;
    margin: 0;
    padding: 5px 5px;
    border-bottom: 5px solid #cccccc;
    font-size: 120%;
    font-weight: bold;
}
.mypage_inner img {
    margin: 0 auto;
    padding: 0;
}

.mypage_inner p {
    line-height:1.2rem;
}
.mypage_inner p.myconditionarea {
    clear: both;
    width: 310px;
    margin: 0 4px;
    padding: 5px 0;
    font-size: 100%;
    line-height: 100%;
    border-bottom: solid 1px #ccc;
}
.mypage_inner p.delivempty {
    clear: both;
    margin: 15px auto 15px auto;
    padding: 15px 0 0 0;
    border-top: solid 2px #CCC;
    text-align: center;
}
.mypage_inner .box120 {
    width: 75px;
    padding: 2px;
    border: 1px solid #ccc;
}
.mypage_inner .box60 {
    width: 50px;
    padding: 2px;
    border: 1px solid #ccc;
}

.mypage_inner .box100 {
    width: 100px;
    padding: 2px;
    border: 1px solid #ccc;
}

.mypage_inner .box300 {
    width: 200px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}
.mypage_inner .box260 {
    width: 260px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

/*----------------------------------------------
 Myページ制御
----------------------------------------------- */
.mypage_inner #completetext {
    clear: both;
    width: 310px;
    margin: 0 0 5px 0;
    padding: 10px 4px;
    border: solid 1px #CCC;
    text-align: left;
}
.mypage_inner #completetext1 {
    clear: both;
    margin:10px auto;
    padding: 2%;
    /*border: solid 1px #CCC;*/
    text-align: left;
}
.mypage_inner #completetext1 .min01 {
    text-align: left;
    padding-right: 5px;
    padding: 5px;
    font-size: 80%;
}
.mypage_inner #completetext1 .h4text {
    margin: 0px;
    padding: 5px 5px;
    text-align: center;
    font-size: 92.5%;
    border-top: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
    color: #2f2f2f;
}
.mypage_inner #completetext .min01 {
    text-align: left;
    padding-right: 5px;
    padding: 5px;
    font-size: 80%;
}
.mypage_inner #completetext .h4text {
    margin: 0px;
    padding: 5px 5px;
    text-align: center;
    font-size: 92.5%;
    border-top: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
    color: #2f2f2f;
}


/*-----------------------------------------------
購入履歴詳細
-----------------------------------------------*/
.mypage_status{
    margin: 0 auto;
    padding:0;
    overflow:hidden;
}

.mypage_status table{border-collapse: collapse;width:100%;}
.mypage_status table th {
    padding: 10px;
    color: #555;
    font-size: 90%;
    text-align: left;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.mypage_status table td {
    width:50%;
    padding:10px;
    border-bottom: 1px solid #ddd;
    font-size: 90%;
    font-weight: normal;
}

.mypage_status dl{margin:0;padding:0;width:100%;}
.mypage_status dl dt{border-bottom:1px solid #ccc;float:left;width:50%;}
.mypage_status dl dd{border-bottom:1px solid #ccc;float:right;width:50%;}

.mypage_info{
    margin: 0;
    padding: 0;
}


.mypage_info_all {
    width: 100%;
    margin: 0;
    padding:0;
    position: relative;
    background: #fff;
    overflow: hidden;
}
.mypage_info_all a{color:#3596e1;}

.mypage_info_left {
    display: block;
    width: 30%;
    float: left;
    padding: 3%;
}

.mypage_info_right {
    width: 60%;
    padding: 3% 0;
    font-size:14px;
    display: inline-block;
}

@media screen and (max-width: 321px) {
.mypage_info_left { width: 30%;}    
.mypage_info_right  {  padding: 3% 1% 3% 3%;}
}

.mypage_info_right p {
    padding: 0 0 3px 0;
    font-size: 1em;
    letter-spacing: 0.0003rem;
}
    
.mypage_info_num{
    margin: 0;
    padding: 5px;
    text-align: left;
}
.mypage_info_price{
    margin: 0;
    text-align: left;
}



/*会員登録情報*/

.mg_change{
    margin: 0 auto;
    padding: 0 10px ;
}
.mg_change h4{
    color: #333;
    font-size: 100%;
    font-weight: bold;
    line-height: 2rem;
    text-align: left;
    padding: 5px;
    border-bottom: #aaa 1px solid;
    -moz-box-shadow: 1px 5px 5px #D6D6D6;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    clear: both;
}


.mg_change dl {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.mg_change dt {
    margin: 0;
    font-weight: bold;
    padding: 10px 0 0 0;
}

.mg_change dd {
    /* margin: 0; */
    padding: 3px 0 10px 0;
    border-bottom: #CCC solid 1px;
    line-height: 1.2;}

.mg_change p{padding:5px 0 0 0; }

div#mypagecolumn .mg_change input[type=radio] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    left: -0px;
    cursor: pointer;
}

/*-----------------------------------------------
 カード情報変更
----------------------------------------------- */
.info_change{
    margin: 0;
    font-size:100%;
}
.info_change h3 {
    margin: 2% 0;
    padding: 5px 10px;
    font-size:90%;
    font-weight: bold;
    letter-spacing: 0.002rem;
    color: #fff;
    background:#666;
}

.info_change h4 {
    margin: 2% 0;
    padding: 5px 10px;
    font-size: 90%;
    font-weight: bold;
    letter-spacing: 0.002rem;
    color: #555;
    /*border-bottom: 2px solid #555;*/
}

.info_change table{
    width:96%;
    margin:10px auto;
    border-collapse:collapse;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    }
.info_change table th{
    background:#f0f0f0;
    padding: 5px;
    width: 30%;
    font-weight:normal;
    text-align:left;
    border-bottom:1px solid #ccc;
    font-size:80%;
    }
.info_change table td{
    background:#fff;
    padding: 5px;
    border-bottom:1px solid #ccc;
    font-size:90%;
    }

.info_change dl {
    /* width: 100%; */
    margin: 0 2%;
    padding: 0;
    overflow: hidden;
}

.info_change dt {
    padding:10px 5px 0 5px;
    font-size:90%;
    font-weight:bold;
}

.info_change dd {
    border-bottom: 1px solid #ccc;
    padding:5px 5px 10px 5px;
}
.info_change p{padding:5px; }




    
/*-----------------------------------------------
お支払い方法の変更
-----------------------------------------------*/
/*購入履歴*/
.order_info {
    margin:  0 auto;
    padding: 0;
    overflow: hidden;
    clear: both;
}
.order_info table{border-collapse: collapse;width:100%;}
.order_info table th {
    padding: 10px 5px;
    background: #666;
    color: #fff;
    font-size: 80%;
    font-weight: normal;
}
.order_info table td {
    padding:5px;
    border-bottom: 1px solid #ccc;
    font-size: 90%;
    font-weight: normal;
}


.payment_info{margin:2%;padding:2%;border:1px solid #ccc;/*box-shadow*/box-shadow: 1px 1px 3px #ccc;-webkit-box-shadow: 1px 1px 3px #ccc;-moz-box-shadow: 1px 1px 3px #ccc;}
.payment_info h4{padding:10px 0;}
.blue_bx{background:#ebf6ff;margin: 0 0 10px 0;padding:10px;text-aling:center;}


.credit_paygent table{
    margin:10px auto;
    border-collapse:collapse;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    }
.credit_paygent table th{
    background:#f0f0f0;
    padding: 5px;
    width: 30%;
    font-weight:normal;
    text-align:left;
    border-bottom:1px solid #ccc;
    font-size:80%;
    }
.credit_paygent table td{
    background:#fff;
    padding: 5px;
    border-bottom:1px solid #ccc;
    font-size:90%;
    }
    
.rpst_payment_wallet table{
    margin:10px auto;
    border-collapse:collapse;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    }
.rpst_payment_wallet table th{
    background:#f0f0f0;
    padding: 5px;
    width: 30%;
    font-weight:normal;
    text-align:left;
    border-bottom:1px solid #ccc;
    font-size:80%;
    }
.rpst_payment_wallet table td{
    background:#fff;
    padding: 5px;
    border-bottom:1px solid #ccc;
    font-size:90%;
    }
    
/*.payment_info ラジオボタン*/    
div#mypagecolumn .payment_info input[type="radio"], div#mypagecolumn .payment_info input[type="checkbox"] {
    display: inline-block;
    margin-right: 15px;
}

div#mypagecolumn .payment_info th input[type="radio"], div#mypagecolumn .payment_info th input[type="checkbox"] {
    display: inline-block;
    margin-right: 15px;
}


div#mypagecolumn .payment_info input[type=radio] + label {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    line-height:1.5rem;
    top:-1px;
    left:-26px;
    cursor: pointer;
}

div#mypagecolumn .payment_info input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     
    font-size: 14px;
    line-height: 30px;
    left:0px;
    cursor: pointer;
}

@media (min-width: 1px) {
div#mypagecolumn .payment_info input[type=radio],
div#mypagecolumn .payment_info input[type=checkbox] {
        display: none;
        margin: 0;
        position: relative;
        left: 5px;
    }
div#mypagecolumn .payment_info input[type=radio] + label,
div#mypagecolumn .payment_info input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
div#mypagecolumn .payment_info input[type=radio] + label::before,
div#mypagecolumn .payment_info input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
div#mypagecolumn .payment_info input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
div#mypagecolumn .payment_info input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
div#mypagecolumn .payment_info input[type=radio]:checked + label::after,
div#mypagecolumn .payment_info input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
div#mypagecolumn .payment_info input[type=radio]:checked + label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #3e86fc;
        border-radius: 8px;
    }
div#mypagecolumn .payment_info input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
    
    
    

/*-----------------------------------------------
お支払い方法変更(カード情報入力)
-----------------------------------------------*/
.credit_info{border-top:1px dotted #ccc;padding:10px 0 0 0;}
.credit_info dl {
    /* width: 100%; */
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

.credit_info dt {
    padding:10px 5px 0 5px;
    font-size:90%;
    font-weight:bold;
}

.credit_info dd {
    border-bottom: 1px solid #ccc;
    padding:5px 5px 10px 5px;
}


/* マイページインフォ制御
----------------------------------------------- */
.info_head{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    color: #2f2f2f;
    background: #FBF3FF;
}
.info_inner{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    text-align: right;
    color: #000000;
    background: #fefefe;
}
.info_inner02{
    margin: 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    text-align: left;
    color: #000000;
    background: #fefefe;
}
.magazine_choice {
    margin: 5px 0;
    padding: 5px;
    font-size: 90%;
    font-weight: bold;
    text-align: left;
    color: #000000;
    background: #f0f0f0;
}


/* 購入履歴一覧/詳細
----------------------------------------------- */
div#completetext p.changetext {
    text-align: center;
    font-size: 92.5%;
    padding: 10px;
    0 auto 20px auto
    border: 2px solid #ccc;
}
div#completetext .textred {
    color: #535353;
    font-weight: bold;
    font-size: 120%;
    margin: 0px;
    padding: 5px 0px;
    line-height: 1.5rem;
}

/*マイページメニュー*/
div#mynavarea {
    /* width: 100%; */
    margin: 0px auto;
    padding: 2%;
    font-family: HiraKakuProN-W6;
    text-align: center;
    overflow:hidden;
}
div#mynavarea ul {
    margin: 0 auto;
}
div#mynavarea li {
    list-style: none;
    float:left;
    /*width: 31.2%;*//*3列*/
    width: 48%;/*2列*/
    margin: 1%;
    
    /*border-radius*/
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius: 2px; 
}

div#mynavarea li img {
    width:70px;
    margin: 0 auto;
    padding: 0;
    display: block;
}
div#mynavarea li a {
    display: block;
    height: 100px;
    padding:10px 0;
    text-decoration: none;
    font-size:90%;
    line-height: 120%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #ddd;
    position: relative;
    color: #313131;
    text-align: center;
    
    /*border-radius*/
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;  
    
    /*background*/
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);

}

div#mynavarea li span{font-size:95%;margin:10px auto;overflow:hidden;}
.friend_nav {
    height: 40px;
    position: relative;
    margin: 0 3% 3% 3%;
    border: 1px solid #ddd;
    position: relative;
    font-weight:bold;
    text-align: center;
    
    /*border-radius*/
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;  
    
    /*background*/
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
}

.friend_nav a {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color:#313131;
}

/*マイページお問い合わせ*/
.contact_area {
    margin:0 auto;
    text-align: center;
    overflow:hidden;
    clear:both;
}

.contact_area h3{
    background:#666;
    padding:5px;
    color:#fff;
    font-weight:normal;
}

.contact_area ul{
    margin: 0 auto;
    }
    
.contact_area ul li {
    margin: 0;
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    background: #fff;
    box-sizing: border-box;
}
.contact_area li a {
    display: block;
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 11px 25px 11px 11px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.contact_area li a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-top: solid 2px #7f7f7f;
    border-right: solid 2px #7f7f7f;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

.contact_area a.onlink { text-decoration: underline }
.contact_area a.onlink:link { color: #f9b33c }
.contact_area a.onlink:visited { color: #f9b33c }
.contact_area a.onlink:hover { color: #f9b33c }


/*-----------------------------------------
お気に入り
-----------------------------------------*/
.fv_list{margin:0 auto;padding:0;overflow:hidden;}
.fv_list dl {
    display: inline-block;
    width: 33.3%;
    margin:1% auto;
    padding: 1%;
    box-sizing: border-box;
}
.fv_list dl dt {
    text-align:center;
}
.fv_list dl dt img{margin:0 auto;width:auto;height:100px;}
@-moz-document url-prefix() {
    .fv_list dl dt img{margin:0 auto;width:auto;height:90px;}
}

.fv_list dl dd {
    padding: 5px;
}
.fv_list p {
    line-height: 1.2rem;
}

.fv_list p a{color:#555;text-decoration: none;}
.fv_list p .ft_bold{font-weight:bold;}
.item_name {
    font-size: 70%;
    letter-spacing: 0.001rem;
}
.all_delete{background:#fff;margin-top:10px;padding:10px;overflow:hidden;border-top:1px solid #ccc;}
.allcheck{display: inline-block;position: relative;}

.item_price {
    font-size: 90%;
    font-weight: normal;
    margin: 5px 0;
}





/*------------------------------------------
退会手続き
-----------------------------------------*/

/*退会ボタン(NO)*/
.refusal_no {
    list-style: none;
    margin: 4%;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    clear:both;
    border: 1px solid #ddd;
    position: relative;
    color: #313131;
    background-color: #f1f1f1;
    border-radius: 2px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);}

.refusal_no a {
    display: block;
    height: 30px;
    padding: 0px ;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#333;
}

div#mypagecolumn #tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
div#mypagecolumn #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
 div#mypagecolumn #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
div#mypagecolumn #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
div#mypagecolumn #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }

/*クレジット支払い確認・変更*/
#card_change_dialog table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
    margin:0 auto 20px auto;
    font-size:14px;
}
#card_change_dialog table th {
    width: 100%;
    text-align: left;
    position: relative;
    color: #313131;
    font-weight: normal;
    padding: 0 5px;
}

#card_change_dialog table td {
    width: 25％;
    padding: 8px 10px;
    text-align: left;
}

#card_change_dialog table input[type="radio"]{
    margin:0 auto;
    padding:0;
    text-align:left;
    font-size:large;
    position:background:#fff;
}

.payment_bd{border-bottom:1px solid #ccc;}

#card_change_dialog .cd_use{
    background: #2db312;
    border-radius: 3px;
    color: #fff;
    width: 60px;
    text-align: center;
    font-size: 12px;
    float: right;
}

#card_change_dialog .bg1{background:#f6f6f6;}

#card_change_dialog .cd_ttl {
    margin: 5px auto;
    padding: 0 0 10px 0;
    font-size: 15px;
    text-align: left;
}

#card_change_dialog #set_date1, 
#card_change_dialog #set_date2, 
#card_change_dialog #set_date3 {
    padding: 0 10px;
    height: 32px;
}

#card_change_dialog .set_off {
    background:#e3f0fc;
    padding: 0 10px;
}

#card_change_dialog .set_on{
    background: #ffe8e8;
    padding: 0 10px 0 30px;
}

#card_change_dialog #set_date1 p,
#card_change_dialog #set_date2 p,
#card_change_dialog #set_date3 p{
font-size:14px;}

#card_change_dialog #set_date1 label, 
#card_change_dialog #set_date2 label, 
#card_change_dialog #set_date3 label{
    margin-left: 10px;
    font-size: 15px;
    letter-spacing: 0.001rem;
}

#mypagecolumn .drop_bt{
    display: none;
    width: 30px;
    height: 30px;
    line-height: 20px;
    position: relative;
    font-size: 12px;
    top: 10;
    color: #666;}

/*変更ボタン*/
.cdbox_bt{padding:5px 0 0 0;float:right;}

.mg_changebt3 {
    padding: 5px 3px;
    line-height: 1rem;
    margin: 0 auto;
    cursor: pointer;
    font-weight: noramal;
    font-size: 100%;
    letter-spacing: 0.001rem;
    -webkit-border-radius: 1px;
    text-decoration: none;
    border: 1px solid #ccc;
    position: relative;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
    -moz-border-radius: 1px;
    border-radius: 1px;
    box-sizing: border-box;
}

.mg_changebt4{
    padding: 5px 10px;
    line-height:1rem;
    cursor: pointer;
    font-weight:noramal;
    font-size: 100%;
    letter-spacing:0.002rem;
    -webkit-border-radius: 1px;
    text-decoration: none;
    border: 1px solid #ccc;
    position: relative;
    background-color: #f1f1f1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background: -webkit-linear-gradient(top,#fff,#f1f1f1);
    background: -moz-linear-gradient(top,#fff,#f1f1f1);
    background: -ms-linear-gradient(top,#fff,#f1f1f1);
    background: -o-linear-gradient(top,#fff,#f1f1f1);
    background: linear-gradient(top,#fff,#f1f1f1);
    -pie-background: linear-gradient(top,#fff,#f1f1f1);
    -moz-border-radius: 1px;
    border-radius: 1px;
    box-sizing: border-box;
}

.mg_changebt3 a,.mg_changebt4 a{color:#555;}

.mypage_loading
{
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center center;
    height: 100px;
    width: 100%;
}

.change_message{
    margin: 0 auto 10px auto;
    color: #fff;
    font-size:85%;
    border-radius:60px;
    line-height:1.5rem;
    text-align: center;
    background: #d00000;
}

/*ダイアログ修正*/
.ui-dialog .ui-dialog-titlebar {
    padding: .4em;
    font-size: 15px;
    position: relative;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em;
    background: none;
    overflow: auto;
    zoom: 1;
}


/* ---------- css/captcha.css ---------- */


/**
 * captcha form css
 */

/*============================================*/
/* SMP */
/*============================================*/
/* signup */
/*--------------------------------------------*/
._p_captcha_smp_signup {
}

._p_captcha_smp_signup > .captcha_image {
    width   : 250px;
    height  : 63px;
    padding : 7px;
}

._p_captcha_smp_signup > .captcha_form {
}

._p_captcha_smp_signup > .captcha_form > .input_text {
    width   : 260px;
    height  : 16px;
    padding : 5px;
}

._p_captcha_smp_signup > .captcha_form > .reload_button {
    width       : 94px;
    margin      : 5px;
    padding     : 6px;
    font-size   : 0.85em;
    background  : #333;
    color       : #fff;
}

/*--------------------------------------------*/
/* login bloc */
/*--------------------------------------------*/
._p_captcha_smp_login_bloc {
}

._p_captcha_smp_login_bloc > .captcha_image {
    width   : 286px;
    height  : 72px;
    padding : 7px;
}

._p_captcha_smp_login_bloc > .captcha_form {
}

._p_captcha_smp_login_bloc > .captcha_form > .input_text {
    width   : 286px;
}

._p_captcha_smp_login_bloc > .captcha_form > .reload_button {
    width       : 94px;
    margin      : 5px;
    padding     : 6px;
    font-size   : 0.85em;
    background  : #333;
    color       : #fff;
}

/*--------------------------------------------*/
/* login */
/*--------------------------------------------*/
._p_captcha_smp_login {
}

._p_captcha_smp_login > .captcha_image {
    width   : 250px;
    height  : 63px;
    padding : 7px;
}

._p_captcha_smp_login > .captcha_form {
}

._p_captcha_smp_login > .captcha_form > .input_text {
    width   : 260px;
    height  : 16px;
    padding : 5px;
}

._p_captcha_smp_login > .captcha_form > .reload_button {
    width       : 94px;
    margin      : 5px;
    padding     : 6px;
    font-size   : 0.85em;
    background  : #333;
    color       : #fff;
}

/*--------------------------------------------*/
/* creditcard_shopping */
/*--------------------------------------------*/
._p_captcha_smp_creditcard_shopping {
}

._p_captcha_smp_creditcard_shopping > .captcha_image {
    width   : 250px;
    height  : 63px;
    padding : 7px;
}

._p_captcha_smp_creditcard_shopping > .captcha_form {
}

._p_captcha_smp_creditcard_shopping > .captcha_form > .input_text {
    width   : 260px;
    height  : 16px;
    padding : 5px;
}

._p_captcha_smp_creditcard_shopping > .captcha_form > .reload_button {
    width       : 94px;
    margin      : 5px;
    padding     : 6px;
    font-size   : 0.85em;
    background  : #333;
    color       : #fff;}

/*--------------------------------------------*/
/* creditcard_mypage */
/*--------------------------------------------*/
._p_captcha_smp_creditcard_mypage {
}

._p_captcha_smp_creditcard_mypage > .captcha_image {
    width   : 250px;
    height  : 63px;
    padding : 7px;}

._p_captcha_smp_creditcard_mypage > .captcha_form {
}

._p_captcha_smp_creditcard_mypage > .captcha_form > .input_text {
    width   : 260px;
    height  : 16px;
    padding : 5px;
}

._p_captcha_smp_creditcard_mypage > .captcha_form > .reload_button {
    width       : 94px;
    margin      : 5px;
    padding     : 6px;
    font-size   : 0.85em;
    background  : #333;
    color       : #fff;
}


/* ---------- assets/css/slick.css ---------- */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* ---------- assets/css/style.css ---------- */

/*-----------------------
reset
-----------------------*/
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  vertical-align: middle;
  font-weight: 200;
}

q::before, q::after, blockquote::before, blockquote::after {
  content: "";
  content: none;
}

a {
  display: inline-block;
}

a img {
  border: none;
}

img {
  vertical-align: bottom;
  max-width: 100%;
}

ul {
  list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

p {
  margin: 0;
}

/*
a{
color: #000;
text-decoration: none;
&:link {
color: #000;
}
&:active {
color: #000;
}
&:visited {
color: #000;
}
&:hover {
cursor: pointer;
}
}
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
*:focus {
	outline: none;
}
*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
*/
/*color*/
/*mediaquery*/
/*mixin*/
/* Font系 */
/*-----------------------
common
-----------------------*/
html {
  font-size: 62.5%;
  line-height: 1;
  margin-top: 0 !important;
}

body {
  position: relative;
  color: #000;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
  width: 100%;
  font-family: yu-mincho-pr6, sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-text-size-adjust: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  body {
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 1.4rem;
    -webkit-font-smoothing: antialiased;
  }
}

.inner {
  width: 92%;
  max-width: 100rem;
  margin: 0 auto;
}

.sp {
  display: none;
}
@media (max-width: 767px) {
  .sp {
    display: block;
  }
}

.tab {
  display: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .tab {
    display: block;
  }
}
@media (max-width: 767px) {
  .tab {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .pc {
    display: block;
  }
}
@media (max-width: 767px) {
  .pc {
    display: none;
  }
}

.clearfix {
  overflow: hidden;
}

.fL {
  float: left;
}

.fR {
  float: right;
}

.flex {
  display: flex;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.mT20 {
  margin-top: 2rem;
}

.mT40 {
  margin-top: 4rem;
}

.mT60 {
  margin-top: 6rem;
}

.mT80 {
  margin-top: 8rem;
}

.mB20 {
  margin-bottom: 2rem;
}

.mB40 {
  margin-bottom: 4rem;
}

.mB60 {
  margin-bottom: 6rem;
}

.mB80 {
  margin-bottom: 8rem;
}

.before-none,
.li-before-none li:before,
.after-none,
.li-after-none li:after {
  content: none !important;
}

.figure {
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
@media (min-width: 768px) {
  .figure:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
  }
}
.figure img {
  height: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  vertical-align: bottom;
  display: block;
}

.font-s {
  font-size: 80%;
}
@media (max-width: 767px) {
  .font-s {
    font-size: 1.2rem;
  }
}

/*==================================================
 * Tags
 *================================================*/
/**
 * img
 */
img {
  height: auto;
  max-width: 100%;
  transition: .3s;
}

/**
 * a
 */
a {
  transition: .3s;
}
a:-webkit-any-link {
  text-decoration: none;
  color: #23181b;
}
a:hover img {
  opacity: .7;
}

/**
 * blockquote
 */
blockquote {
  font-size: 100%;
}

/**
 * media
 */
embed,
iframe,
object {
  max-width: 100%;
}

div#container {
  width: 100%;
  padding: 0;
}

.btn {
  background: none;
  margin: 0;
  width: 100%;
  float: none;
}

.header {
  border-bottom: solid 0.4rem #e60012;
  padding: 2rem 0;
}
.header .logo {
  text-align: center;
  margin-bottom: 2rem;
}
.header .logo a img {
  width: 17.8rem;
}
.header .menu {
  justify-content: center;
}
.header .menu .gNav li {
  margin-right: 5rem;
}
.header .menu .gNav li a {
  font-family: ten-mincho, serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  font-size: 2rem;
  line-height: 1;
}
.header .menu .gNav li a:hover {
  color: #e60012;
}
.header .menu .btns li:first-child {
  margin-right: 2rem;
}
.header .menu .btns li a {
  background: #f09192;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .menu .btns li a .fas {
  color: #fff;
  font-size: 1.6rem;
}
.header .menu .btns li a:hover {
  opacity: .7;
}

.footer {
  padding: 5.6rem 0 3rem;
  background: #000;
}
.footer .inner {
  justify-content: space-between;
}
.footer a {
  color: #fff;
  font-size: 1.6rem;
}
.footer .footer-l .logo {
  margin-bottom: 2rem;
}
.footer .footer-l .logo img {
  width: 22rem;
}
.footer .footer-l .sns {
  justify-content: center;
}
.footer .footer-l .sns li {
  margin: 0 1.2rem;
}
.footer .footer-l .sns li a {
  font-size: 3.5rem;
}
.footer .footer-r ul {
  margin-right: 6rem;
}
.footer .footer-r ul:last-child {
  margin-right: 0;
}
.footer .footer-r ul li a {
  line-height: 2.5;
}
.footer .copyright {
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.2rem;
  color: #fff;
  margin-top: 3rem;
}

/* header */
div#header {
  margin: 0;
  padding: 2.5vw 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background: #fff;
  border-bottom: 0.2rem solid #e60012;
}
div#header #header_left {
  width: 28%;
  margin-left: 4vw;
}
div#header .toggle {
  width: 6rem;
  height: 6rem;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  transition: .3s;
}
div#header .toggle span {
  width: 58%;
  height: 3px;
  position: absolute;
  background: #e60012;
  right: 50%;
  top: 24%;
  transform: translateX(50%);
  transition: .3s;
}
div#header .toggle span:nth-child(2) {
  top: 44%;
}
div#header .toggle span:nth-child(3) {
  top: 64%;
}
div#header .toggle.active {
  background: #e60012;
}
div#header .toggle.active span {
  background: #fff;
  right: 40%;
  transform: rotate(45deg) translateX(50%);
}
div#header .toggle.active span:nth-child(2) {
  opacity: 0;
}
div#header .toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translateX(50%);
}
div#header .header-menu {
  display: none;
  position: fixed;
  top: 60px;
  right: 0;
  z-index: 9999;
  width: 50%;
  background: #fff;
}
div#header .header-menu li {
  width: 92%;
  margin: auto;
  border-bottom: 0.1rem solid #e60012;
}
div#header .header-menu li a {
  display: block;
  padding: 1.8rem 0;
}
div#header .header-menu li.btn {
  border-bottom: none;
  margin: 2rem auto 1rem;
}
div#header .header-menu li.btn a {
  color: #fff;
  background: #f09192;
  padding: .9rem 0;
  border-radius: 4rem;
}
div#header .header-menu li.btn .fas {
  margin-right: 1rem;
}
div#header .header-menu li:last-child.btn {
  margin: 0 auto 2rem;
}
div#header .header-menu .parent {
  position: relative;
}
div#header .header-menu .parent:before {
  content: '';
  width: .5rem;
  height: .5rem;
  border-right: 0.1rem solid #000;
  border-bottom: 0.1rem solid #000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: rotate(45deg) translateY(-50%);
  transition: .3s;
}
div#header .header-menu .parent.active:before {
  transform: rotate(-135deg) translateY(-50%);
}
div#header .header-menu .drop-menu {
  display: none;
}
div#header .header-menu .drop-menu li {
  border: none;
}

/*リピストフッター*/
div#footer {
  background: #000;
  padding: 11vw 0 5vw;
}
div#footer .logo {
  width: 56%;
  margin: auto;
}
div#footer .sns-list {
  justify-content: center;
  margin: 7vw 0 11vw;
}
div#footer .sns-list li {
  padding: 0 4vw;
}
div#footer .sns-list a {
  color: #fff;
  font-size: 3.4rem;
}
div#footer .copyright {
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
}

/*リピストログインエリア*/
div#container {
  padding: 6rem 0 0;
}
div#container div#cartarea, div#container div#loginarea, div#container div#newsarea, div#container div#recomendarea, div#container div#categoryarea, div#container div#searcharea {
  display: none;
}

main#top {
  background: url(legacy-sp-assets-img-common-bg.jpg) top center/100% no-repeat;
  padding-bottom: 13vw;
}
main#top .top-fv .mainv-slider ul.slick-dots {
  display: flex;
  justify-content: center;
  padding: 10vw 0;
}
main#top .top-fv .mainv-slider ul.slick-dots li {
  margin: 0 3vw;
  background-color: #fff;
  width: 2vw;
  height: 2.1vw;
  border: .7vw solid #ffa18e;
  border-radius: 3vw;
  cursor: pointer;
  transition: .3s;
}
main#top .top-fv .mainv-slider ul.slick-dots li.slick-active {
  background-color: #ff6945;
  border: .7vw solid #ff6945;
}
main#top .top-fv .mainv-slider ul.slick-dots li.slick-active:hover {
  background-color: #ff6945;
}
main#top .top-fv .mainv-slider ul.slick-dots li:hover {
  background-color: #ffa18e;
}
main#top .top-fv .mainv-slider .slick-slide img {
  width: 100%;
}
main#top .top-fv .intro {
  padding: 10vw 0;
}
main#top .top-fv .intro .inner {
  display: block;
  width: 73%;
  margin: 0 auto;
}
main#top .top-fv .intro .inner img {
  width: 90%;
  margin: 0 auto 7vw;
  display: block;
}
main#top .about .image img {
  width: 100%;
}
main#top .about .txt {
  padding: 8vw 0;
}
main#top .about .txt .inner {
  position: relative;
}
main#top .about .txt h2 {
  position: absolute;
  bottom: 105%;
}
main#top .about .txt p {
  font-size: 2.6rem;
  line-height: 2;
}
main#top .about .appeal .txt h2 {
  right: 0;
}
main#top .about .history .txt .inner {
  text-align: right;
}
main#top .about .history .txt p {
  display: inline-block;
  text-align: left;
}
main#top .about .tsukiji .txt h2 {
  right: 0;
}
main#top .limited {
  padding: 9rem 0 10rem;
  text-align: center;
}
main#top .limited h2 {
  margin-bottom: 8rem;
}
main#top .limited .image {
  margin-bottom: 8rem;
}
main#top .limited .product-name {
  font-size: 4rem;
  color: #f46847;
  margin-bottom: 1rem;
}
main#top .limited .desc {
  font-size: 2.6rem;
  margin-bottom: 2rem;
}
main#top .limited .price {
  font-size: 3.5rem;
  color: #23181b;
  margin-bottom: 2rem;
}
main#top .products .inner {
  width: 90%;
}
main#top .products h2 {
  width: 50vw;
  display: block;
  margin: 0 auto 13vw;
}
main#top .products ul li {
  margin-bottom: 5vw;
}
main#top .products ul li:last-child {
  margin-bottom: 0;
}
main#top .products ul li a {
  display: block;
  background: #fff;
}

div#recommend_all2 {
  display: none;
}

/* category page */
@media (min-width: 768px) and (max-width: 1024px) {
  /* category page */
}
/* MainV */
#mainv {
  padding: 28vw 0;
}
#mainv h2 {
  font-size: 8vw;
  width: 90%;
  margin: auto;
  text-align: right;
}
#mainv.list {
  padding: 0;
}
#mainv.list img {
  width: 100%;
}
#mainv.shop {
  background: url(legacy-sp-assets-img-contents-shop-mainv.jpg) center center/cover no-repeat;
}
#mainv.comp {
  background: url(legacy-sp-assets-img-contents-company-mainv.jpg) center center/cover no-repeat;
}
#mainv.recipe {
  background: url(legacy-sp-assets-img-contents-recipe-mainv.jpg) center center/cover no-repeat;
}

.breadcrumb {
  padding: 6vw 0;
}

#allWrap {
  background: url(legacy-sp-assets-img-common-default_bg.jpg) center center/cover no-repeat;
}

/*company*/
#company #allWrap {
  background: url(legacy-sp-assets-img-contents-company-bg1.jpg) center center/cover no-repeat;
}
#company h3 {
  font-size: 6.6vw;
  text-align: center;
}
#company .special h3 {
  margin-bottom: 8vw;
}
#company .special #special-wrap {
  position: relative;
}
#company .special #special-wrap .text-wrap {
  width: 67%;
  margin: 6vw auto 6vw 3vw;
}
#company .special #special-wrap .catch {
  position: absolute;
  right: 3vw;
  top: 26%;
  width: 24%;
  visibility: hidden;
}
#company .special #special-wrap:nth-child(odd) .text-wrap {
  margin: 6vw 3vw 6vw auto;
}
#company .special #special-wrap:nth-child(odd) .catch {
  right: auto;
  left: 3vw;
}
#company .about {
  padding: 10vw 0 14vw;
  background: url(legacy-sp-assets-img-contents-company-bg2.jpg) center center/cover no-repeat;
}
#company .about table {
  margin: 8vw 0 0;
}
#company .about table tr {
  border-top: 1px dotted #000;
}
#company .about table tr:last-of-type {
  border-bottom: 1px dotted #000;
}
#company .about table th {
  width: 30%;
}
#company .about table td {
  width: 70%;
}
#company .about table th, #company .about table td {
  padding: 4vw;
}
#company .fadeInDown {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#company .eachTextAnime span {
  opacity: 0;
}
#company .eachTextAnime.appeartext span {
  animation: text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* category page */
/* 商品一覧 */
.company.intro {
  text-align: center;
  margin-bottom: 20vw;
}
.company.intro h2 {
  font-size: 6vw;
  margin-bottom: 4vw;
}
.company.intro p {
  margin-bottom: 4vw;
}

.page-number {
  justify-content: space-between;
  padding: 8vw 0 3vw;
  border-bottom: 1px solid #000;
  margin-bottom: 8vw !important;
}
.page-number.ft-number {
  border-bottom: none;
  border-top: 1px solid #000;
  padding: 3vw 0 0;
}

#product-list {
  background: #fff;
  width: 92%;
  margin: 0 auto 20vw;
}
#product-list .cat-link {
  justify-content: center;
  padding: 8vw 0 0;
  flex-flow: wrap;
}
#product-list .cat-link li {
  padding: 0 3vw;
  border-left: 1px solid #000;
  margin-bottom: 3vw;
  width: 20%;
  text-align: center;
}
#product-list .cat-link li:last-child {
  border-right: 1px solid #000;
}
#product-list .cat-link li:nth-child(3) {
  border-right: 1px solid #000;
}
#product-list .cat-link li a {
  transition: .3s;
}
#product-list .cat-link li a:hover {
  color: #f46847;
}
#product-list .list-wrap {
  flex-flow: wrap;
  width: 92%;
  margin: auto;
}
#product-list .list-block {
  width: 48%;
  border: none;
  background: #fff;
  margin: 0 3vw 6vw 0;
  overflow: visible;
}
#product-list .list-block ul {
  width: 100%;
}
#product-list .list-block ul li {
  width: 100%;
}
#product-list .list-block:nth-child(2n) {
  margin-right: 0;
}
#product-list .list-img {
  margin-bottom: 4vw;
}
#product-list .list-img a {
  width: 100%;
}
#product-list .list-img img {
  width: 100%;
  height: 16.5rem;
  object-fit: cover;
  border: none;
}
#product-list .pricebox {
  font-size: 4.6vw;
}
#product-list .price1 {
  color: #000;
  font-size: 100%;
  padding: 0;
}
#product-list span.tax {
  font-size: 3vw;
}
#product-list .favorite {
  display: none;
}

/* 商品詳細 */
div#container {
  background: url(legacy-sp-assets-img-common-default_bg.jpg) center center/cover no-repeat !important;
}

.products-detail #gallery {
  display: flex;
  flex-flow: wrap;
  margin: 3vw 0;
}
.products-detail .sub_all {
  margin: 0 1vw;
}
.products-detail #enpt_area, .products-detail .zaiko_area {
  display: none;
}
.products-detail .bd_area, .products-detail .bd_area dl {
  width: 100%;
  display: flex;
  align-items: flex-start;
  align-items: center;
  margin: 1vw 0;
}
.products-detail .bd_area dl dt, .products-detail .bd_area .numarea {
  width: 30%;
  margin-right: 1vw;
}
.products-detail .bd_area dl dd, .products-detail .bd_area .cartbtn {
  width: 60%;
}
.products-detail .bd_area select {
  width: 100%;
  padding: 2vw 4vw 2vw 2vw;
}
.products-detail .bd_area .ft_h2 {
  font-size: 6vw;
}
.products-detail .bd_area span.tax {
  font-size: 5vw;
}
.products-detail .bd_area .cartbtn a, .products-detail .box-wrap .cartbtn a {
  display: block;
  text-align: center;
  color: #fff;
  background: #f46847;
  padding: 2vw;
}
.products-detail div#detailrightblock {
  border: none;
  width: 94%;
  padding: 0 0 20vw;
  margin: 10vw auto;
  position: relative;
}
.products-detail div#detailrightblock p {
  line-height: 1.6;
}
.products-detail div#detailrightblock .box54 {
  padding: 2vw;
}
.products-detail div#detailrightblock h2 {
  font-size: 6vw;
  margin-bottom: 6vw;
}
.products-detail div#detailrightblock .dt_comment {
  margin: 0 0 4vw;
}
.products-detail div#detailrightblock .dt_comment ul {
  margin: 6vw 0;
}
.products-detail div#detailrightblock .dt_comment ul li {
  padding-left: 3vw;
  border-left: 3px solid #f46847;
  margin: 2vw 0;
}
.products-detail div#detailrightblock .dt_comment ul li p {
  width: 28%;
}
.products-detail div#detailrightblock .dt_comment ul li p.detail {
  width: 68%;
  padding-left: 12vw;
  position: relative;
}
.products-detail div#detailrightblock .dt_comment ul li p.detail::before {
  content: '';
  width: 10%;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0;
  top: 10px;
}
.products-detail div#detailrightblock .box-wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.products-detail div#detailrightblock .box-wrap .yen {
  font-size: 5vw;
}
.products-detail div#detailrightblock .box-wrap .tax {
  font-size: 3.4vw;
}
.products-detail div#detailrightblock .box-wrap .name {
  width: 30%;
}
.products-detail div#detailrightblock .box-wrap .get_btn {
  width: 60%;
}
.products-detail .newbtn {
  width: 80%;
  margin: 0 auto 10vw;
}
.products-detail .newbtn #favorite {
  color: #f46847;
  text-align: center;
  background: #fff;
  border: 2px solid #f46847;
  margin: 0;
  padding: 2vw;
}

.img_bnr {
  margin-top: 10vw;
}
.img_bnr h3 {
  margin-bottom: 6vw;
  border-bottom: 0.1rem solid #000;
}

.mail-order {
  margin-bottom: 10vw;
}

/* 店舗紹介 */
#shop .shop-wrap {
  flex-flow: wrap;
  margin: 0 auto 14vw;
}
#shop .shop-info, #shop .landscape {
  width: 100%;
}
#shop .shop-info {
  margin-bottom: 8vw;
}
#shop h3 {
  font-size: 5.3vw;
  font-weight: normal;
  padding-bottom: 1.6vw;
  border-bottom: 2px solid #f46847;
  margin-bottom: 8vw;
}
#shop .address {
  display: flex;
  flex-flow: wrap;
  align-items: flex-start;
  margin-top: 6vw;
}
#shop .address dt {
  width: 30%;
}
#shop .address dd {
  width: 70%;
}
#shop .address dd span.caution {
  color: #e60012;
  display: block;
  font-size: 3.4vw;
}
#shop .address dd a {
  text-decoration: underline;
}
#shop .address dt, #shop .address dd {
  padding: 1vw 0;
}
#shop .landscape .shop-image {
  margin-bottom: 4vw;
}

/* レシピ */
#recipe .rest {
  margin-bottom: 10vw;
}

/* プラポリ */
#privacy #mainv h2 {
  text-shadow: 0 0 6px #fff;
}
#privacy .policy {
  margin: 0 auto 10vw;
}

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

デフォルトページトンマナ 

-------------------- */
/* 買い物かご */
.shopping_inner {
  margin: 40px auto 0;
}
.shopping_inner h2 {
  background: none;
  color: #000;
  border-bottom: 2px solid #f46847;
  text-align: left;
  font-size: 20px;
  margin: 0 0 30px;
}

.sp_btn {
  background: #f46847;
  border-top: none;
  text-align: center;
}
.sp_btn a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
}

.nm_btn a {
  color: #fff;
}

.btn_area {
  display: flex;
  justify-content: center;
  margin: 10vw auto 14vw;
}

.prv_btn, .nx_btn {
  background: #f46847;
  border: none;
}
.prv_btn a, .nx_btn a {
  color: #fff !important;
  float: none;
}

.point_info {
  float: none;
}

.explanation {
  font-size: 14px;
  margin-top: 6vw;
}

/* ログイン・マイページ */
#mypagecolumn {
  /* マイページ */
}
#mypagecolumn h2 {
  font-size: 5vw;
  width: 94%;
  margin: 6vw auto;
}
#mypagecolumn h3 {
  color: #000 !important;
  background: transparent !important;
  border-bottom: 2px solid #f46847;
  width: 94%;
}
#mypagecolumn .mem_area p.mail01 {
  margin: 4vw 0;
}
#mypagecolumn .sp_btn {
  width: 62%;
  margin: 4vw auto 8vw;
  border: none;
  text-align: center;
  background: #f46847;
}
#mypagecolumn .sp_btn a {
  color: #fff;
  padding: 0;
}
#mypagecolumn .nm_btn {
  text-align: center;
  width: 62%;
  margin: 0 auto 2vw;
}
#mypagecolumn .nm_btn a {
  color: #fff !important;
}
#mypagecolumn .atention {
  width: 94%;
  margin: 4vw auto 10vw;
}
#mypagecolumn .subttl1 {
  color: #000 !important;
  background: transparent !important;
  border-bottom: 2px solid #f46847;
  margin: 8vw auto 4vw !important;
}
#mypagecolumn .fts_02 {
  font-size: 14px;
}
#mypagecolumn .mypage_inner p, #mypagecolumn .fv_list p {
  line-height: 1.6;
}
#mypagecolumn .fv_list p {
  font-size: 14px;
}
#mypagecolumn .mypage_back a {
  width: 100%;
}
#mypagecolumn .mg_newbtn, #mypagecolumn .mg_cardbtn2 {
  background: #f46847;
}
#mypagecolumn .mg_newbtn a, #mypagecolumn .mg_cardbtn2 a {
  color: #fff;
}
#mypagecolumn .mg_attention {
  margin: 2vw 0;
}

/* お買い物ガイド */
div#guidecolumn {
  background: url(legacy-sp-assets-img-common-default_bg.jpg) center center/cover no-repeat;
  /* お問い合わせ */
}
div#guidecolumn h2 {
  background: #f46847 !important;
}
div#guidecolumn table th {
  display: none;
}
div#guidecolumn table td {
  background: transparent !important;
}
div#guidecolumn .box h2 {
  color: #000;
  font-size: 24px;
  background: transparent !important;
  border-bottom: 2px solid #f46847;
  text-align: left;
  padding: 2vw;
}
div#guidecolumn .guide_info_head, div#guidecolumn .guide_info_inner02 {
  width: 94%;
  margin: 3vw auto;
  font-size: 16px;
}
div#guidecolumn .guide_info_head select, div#guidecolumn .guide_info_inner02 select {
  padding: 2vw;
}
div#guidecolumn .box380, div#guidecolumn .box60 {
  padding: 2vw !important;
}
div#guidecolumn p {
  font-size: 16px;
  line-height: 1.6;
}
div#guidecolumn a {
  text-decoration: underline;
}

/* カート */
#shoppingcolumn input[type='text'], #shoppingcolumn select {
  padding: 2vw;
}

/* パスワードを忘れた方 */
#windowcolumn .btn_area .sp_btn {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* category page */
}