@charset "Shift_JIS";
/* ===================================================================
CSS information

 File Name  :ships.css
=================================================================== */

/* ============================================
			Loading
============================================ */
#loader-bg{
width:100%;
position:fixed;
top:0;
left:0;
}
#loader{
margin:0 auto;
font-size:10px;
position:absolute;
text-indent:-9999em;
border-top:0.5em solid rgba(0, 42, 80, 1);
border-right: 0.5em solid rgba(0, 42, 80, 1);
border-bottom: 0.5em solid rgba(0, 42, 80, 1);
border-left:0.5em solid #91ce33;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0);
-webkit-animation:loading 1.1s infinite linear;
animation:loading 1.1s infinite linear;
top:47%;
left:50%;
margin-left:-2.5em;
margin-top:-2.5em;
}
#loader,
#loader:after{
border-radius:50%;
width:5em;
height:5em;
}
@-webkit-keyframes loading{
0%{
-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
}
@keyframes loading{
0%{
-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}
}

/* ============================================
			フォント関連
============================================ */

@font-face{
font-family:'SHIPS-Font';
src:url(/font/sp/shipsFont.otf);
}


/* ============================================
		#global 各種統一パーツ
============================================ */
h1.optimaizedH1{
z-index:1;
fontsize:10px;
line-height:15px;
margin-top:-15px;
}
#global.zoomView{
display:none;
}
#modalOpen{
width:100%;
height:100%;
display:none;
position:fixed;
top:0;
left:0;
z-index:10000;
background-color:rgba(0,0,0,0.6);
}
#modalOpen.on{
display:block;
}
#modalOpen .modalPosi{
display:block;
width:100%;
height:100%;
text-align:center;
vertical-align:middle;
}
#modalOpen .modal_cont{
/*width:84%;*/
width:100%;
margin:0 auto;
position:relative;
display:none;
background-color:#ffffff;
-webkit-overflow-scrolling: touch;
}
#modalOpen .modal_title{
padding:19px 20px;
text-align:center;
font-size:14px;
line-height:21px;
font-weight:bold;
}
#modalOpen #modal_cart .modal_title,
#modalOpen #modal_error .modal_title {
border-bottom:none;
}
#modalOpen .modal_body{
margin-bottom:25px;
text-align:center;
}
#modalOpen .body_info{
margin:0 15px;
}
#modalOpen .mobalClose{
width:25px;
height:25px;
display:table;
position:absolute;
top:15px;
right:15px;
}
#modalOpen .mobalClose a{
display:table-cell;
text-align:center;
vertical-align:middle;
}
/*
#modalOpen .mobalClose img{
width:16px;
height:16px;
}
*/
#modalOpen .mobalCloseBtn{
padding:15px;
text-align:center;
}
modal_link{
}

/* 画像のタイトルの場合の下部余白 */
.im_title{
margin-bottom:12px;
}

/* 左右に余白 */
.cont_inner,
#page_memEdit dd.cont_inner{
padding:0 15px;

}
.cont_inner_r0{
padding:0 0 0 15px;
}

/* コンテンツ罫線 */
hr{
margin:15px 0;
border-bottom:3px solid #eeeeee;
}
/* コンテンツ罫線block用 */
.hr_line{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:3px solid #eeeeee;
}
hr.hr_line2{
margin:10px 0;
border-bottom:1px solid #eeeeee;
}
hr.hr_line3{
margin:0;
padding:0;
border-bottom:40px solid #FFF;
}
hr.hr_line4{
margin:0 0 20px 0;
padding:0;
border-bottom:none;
}
/* パンくず */
.topicPath{
min-height:30px;
padding-top:8px;
margin-left:19px;
font-size:8px;
color:#cccccc;
}
.topicPath a{
text-decoration:none;
color:#cccccc;
}
/* 各種タイトル */
.ttl_01{
height:27px;
line-height:27px;
padding:0 15px;
font-size:18px;
/*font-weight:bold;*/
vertical-align:baseline;
text-align:center;
}
.ttl_01 span{
font-size:12px;
font-weight:normal;
}
.ttl_02{
height:29px;
line-height:29px;
padding:0 15px;
font-size:20px;
font-weight:bold;
vertical-align:baseline;
}
.ttl_02 span{
padding-left:8px;
font-size:12px;
font-weight:normal;
}
.ttl_03{
/*height:24px;*/
line-height:24px;
padding:0 15px;
font-size:16px;
font-weight:bold;
text-align:center;
}

.ttl_04{
min-height:24px;
padding:0 15px;
font-size:14px;
font-weight:bold;
}
.ttl_05{/*shoptop*/
height:28px;
line-height:28px;
padding:0 22px;
font-size:16px;
font-weight:bold;
}
.ttl_06{/*shoptop/shopdetail*/
font-size:24px;
font-weight:normal;
}
.ttl_06 span{/*shoptop*/
line-height:15px;
font-size:10px;
font-weight:normal;
}


.title_t1{
font-size:14px;
font-weight:bold;
padding:8px 15px;
}
.title_t2,
#page_memEdit #orderHistory dt.title_t2{
font-size:12px;
font-weight:bold;
padding:8px 15px;
}
.title_t3{
font-size:12px;
padding:8px 15px;
}
.title_t4{
/*height:36px;*/
line-height:18px;
padding:9px 15px;
font-size:12px;
font-weight:normal;
color:#333333;
}
.title_t4 strong{
font-size:24px;
font-weight:bold;
padding-right:5px;
color:#000000;
}
.title_t5{
font-size:12px;
font-weight:bold;
color:#003366;
padding:5px 5px;
}
/* 各種タイトルの背景色 */
.t_bg1{
background-color:#ffffff;
color:#000000;
}
.t_bg2,
#page_memEdit #orderHistory dt.t_bg2{
background-color:#eeeeee;
color:#000000;
}
.t_bg3{
background-color:#D4575B;
color:#FFF;
}
.t_bg4{
background-color:#999;
color:#FFF;
}
.t_bg5{
background-color:#409FA3;
color:#FFF;
}
/*フォーム*/


/* タイトルスライダー */

.title_slide > dt{
background-color:#002a4f;
}
.title_slide > dt > a{
display:block;
padding:10px 0 10px 15px;
background-image:url(../../ships_img/sp/parts/arrow_slide_d.png);
background-repeat:no-repeat;
background-position:right center;
background-size:39px 10px;
color:#000000;
font-weight:bold;
text-decoration:none;
position:relative;
xline-height:1;
}
header #menu_view .title_slide > dt > a{
background-image:none;
}
header #menu_view .title_slide > dt > a:before{
content:"";
width:12px;
height:2px;
background-color:#fff;
position:absolute;
top:50%;
margin-top:-1px;
right:11px;
}
header #menu_view .title_slide > dt > a:after{
content:"";
width:2px;
height:12px;
background-color:#fff;
position:absolute;
top:50%;
margin-top:-6px;
right:16px;
}
header #menu_view .title_slide > dt > a.current:after{
opacity:0;
}

/*
.title_slide > dt > a span.sort_num{
display:inline-block;
vertical-align:middle;
font-size:11px;
font-weight:normal;
}
*/
.title_slide > dt > a.current{
background-image:url(../../ships_img/sp/parts/arrow_slide_u.png);
}
.title_slide dt.i_type2 a{
background-image:url(../../ships_img/sp/parts/arrow_slide_pw.png);
background-size:39px 17px;
}
.title_slide dt.i_type2 a.current{
background-image:url(../../ships_img/sp/parts/arrow_slide_mw.png);
}
.title_slide > dt.noSlide a{
background-image:none;
background-color:#CCCCCC;
}
.title_slide > dt.i_type2.noSlide .title_min,
.title_slide.fixed > dt.fixed .title_min{
display:none;
}
#label_chksort.title_slide > dt.i_type2.noSlide .title_min{
display:block;
}
.title_slide > dt.i_type2.noSlide > a{
padding:10px 0;
}
.title_slide.fixed > dt.noSlide a{
padding:10px 0;
background-color:#002a4f;
}
.title_slide.fixed > dt.fixed a{
padding:10px 0;
background-image:none;
}
.title_slide dt a.ts_center{
text-align:center;
padding-right:0;
}
.title_slide dt a .title_min{
position:absolute;
top:11px;
left:10px;
font-size:10px;
font-weight:normal;
}
.title_slide dd{
display:none;
}
.title_slide > dd .sort_num{
display:inline-block;
padding-left:5px;
font-size:11px;
font-weight:normal;
}
.title_slide dd > ul.list_c2 > li{
border-top:1px solid #ccc;
}
.title_slide dd > ul.list_c2 > li:first-child{
border-top:none;
}
.title_slide dd > ul.list_c2 > li > a{
display:block;
width:100%;
padding:12px 34px 12px 15px;
box-sizing:border-box;
text-decoration:none;
position:relative;
}
.title_slide dd > ul.list_c2 > li > a::before,
.title_slide dd > ul.list_c2 > li > a::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
vertical-align:middle;
}
.title_slide dd > ul.list_c2 > li > a::before{
right:16px;
width:4px;
height:4px;
top:50%;
margin-top:-3px;
border-top:1px solid #003366;
border-right:1px solid #003366;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
/* タイトルスライダー2 */
.title_slide2 > dt{
background-color:#E6E6E6;
}
.title_slide2 > dt > a{
display:block;
padding:10px 0 10px 15px;
background-image:url(../../ships_img/sp/parts/arrow_slide_p.png);
background-repeat:no-repeat;
background-position:right center;
background-size:37px 17px;
font-weight:bold;
text-decoration:none;
position:relative;
}
.title_slide2 > dt > a.current{
background-color:#CCCCCC;
background-image:url(../../ships_img/sp/parts/arrow_slide_m.png);
}
header #menu_view .title_slide2 > dt > a{
background:none;
}
header #menu_view .title_slide2 > dt > a:before{
content:"";
width:12px;
height:2px;
background-color:#002a4f;
position:absolute;
top:50%;
margin-top:-1px;
right:11px;
}
header #menu_view .title_slide2 > dt > a:after{
content:"";
width:2px;
height:12px;
background-color:#002a4f;
position:absolute;
top:50%;
margin-top:-6px;
right:16px;
}
header #menu_view .title_slide2 > dt > a.current:after{
opacity:0;
}

.title_slide2 dd{
display:none;
}
.title_slide2 dt a .title_min{
position:absolute;
top:10px;
left:10px;
font-size:10px;
font-weight:normal;
}

.title_slide3 > dt{
background-color:#E6E6E6;
}
.title_slide3 > dt > a{
display:block;
padding:10px 30px 10px 15px;
background-image:url(../../ships_img/sp/parts/arrow_slide_d2.png);
background-repeat:no-repeat;
background-position:right center;
background-size:39px 10px;
font-weight:bold;
text-decoration:none;
position:relative;
}
.title_slide3 > dt > a.current{
background-color:#CCCCCC;
background-image:url(../../ships_img/sp/parts/arrow_slide_u2.png);
}
.title_slide3 dd{
display:none;
}
.title_slide3 dt a .title_min{
position:absolute;
top:10px;
left:10px;
font-size:10px;
font-weight:normal;
}


/* 【●●はこちら→】パーツ */
.arrow_box{
clear: both;
display: table;
width: 250px;
margin: 0 auto;
}
.arrow_box a{
display: table-cell;
width: 250px;
height: 40px;
border: 1px #333333 solid;
border-radius: 20px;
vertical-align: middle;
text-align: center;
font-size: 14px;
line-height: 21px;
color: #000000;
text-decoration: none;
}
.arrow_sidelink{
min-height:24px;
text-align:right;
}
.arrow_sidelink a{
display:inline-block;
padding-left:12px;
/*font-weight:bold;*/
font-size:12px;
line-height:1;
text-decoration:none;
/*
background-image:url(../../ships_img/sp/parts/arrow_sidelink.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 14px;
margin-bottom:8px;
*/
}
div.arrow_sidelink_{
display:inline-block;
padding:0 14px;
font-weight:bold;
font-size:14px;
text-decoration:none;
background-image:url(../../ships_img/pc/parts/arrow_sidelink.png);
background-repeat:no-repeat;
background-position:right center;
background-size:6px 11px;
margin-bottom:8px;
text-align:left;important!;
color:#003366;
}
.arrow_sidelink2{
padding:15px 0;
}
.arrow_sidelink2 a{
display:inline-block;
padding-left:30px;
font-weight:bold;
font-size:12px;
text-decoration:none;
background-image:url(../../ships_img/sp/parts/arrow_sidelink2.png);
background-repeat:no-repeat;
background-position:left center;
background-size:22px 14px;
}
.arrow_underlink{
padding:15px 0;
text-align:right;
}
.arrow_underlink a{
display:inline-block;
padding-right:30px;
font-weight:bold;
font-size:12px;
text-decoration:none;
background-image:url(../../ships_img/sp/parts/arrow_underlink.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 14px;
}
.arrow_underlink2{
xpadding:15px 0;
text-align:center;
}
.arrow_underlink2 a{
display:inline-block;
padding-right:30px;
font-weight:bold;
font-size:12px;
text-decoration:none;
background-image:url(../../ships_img/sp/parts/arrow_underlink.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 14px;
}

/* ページング */
.paging{
display:table;
width:100%;
margin:0 0 30px;
box-sizing:border-box;
padding:0 5px;
}
.paging .paging_prev,
.paging .paging_num,
.paging .paging_next,
.paging .paging_mostPrev,
.paging .paging_mostNext,
.paging .paging_space{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.paging .paging_prev,
.paging .paging_next{
width:40px;
}
.paging .paging_num a{
text-align:center;
display:inline-block;
}
.paging .paging_prev a,
.paging .paging_next a,
.paging .paging_prev span,
.paging .paging_next span{
text-decoration:none;
display:block;
width:30px;
height:30px;
border-radius:60%;
text-align:center;
background:#eeeeee;
font-size:14px;
line-height:30px;
}
.paging .paging_num a,
.paging .paging_num span,
.paging .paging_mostPrev a,
.paging .paging_mostNext a,
.paging .paging_mostPrev span,
.paging .paging_mostNext span{
text-decoration:none;
display:inline-block;
padding:2px 15px;
font-size:12px;
line-height:18px;
box-sizing:border-box;
text-align:center;
}
.paging a{
color:#020202;
font-weight:bold;
}
.paging span{
color:#cccccc;
}
.newsList .paging {
    padding-bottom: 30px;
}
/*
.paging .paging_space{
text-align:center;
color:#003366;
}
*/

/* 〔〕の赤デザイン */
.brackets1{
background-image:url(../../ships_img/sp/parts/brackets1_btm.png);
background-repeat:no-repeat;
background-position:center bottom;
background-size:100% 5px;
padding-bottom:5px;
}
.brackets1 .brackets1_top{
background-image:url(../../ships_img/sp/parts/brackets1_top.png);
background-repeat:no-repeat;
background-position:center top;
background-size:100% 5px;
padding-top:5px;
}
.brackets1 .brackets1_inner{
background-image:url(../../ships_img/sp/parts/brackets1_mid.png);
background-repeat:repeat-y;
background-position:center top;
background-size:100% 5px;
padding:0 10% 0 10%;
color:#CA0030;
}
.brackets1 .brackets1_inner a{
color:#CA0030;
}

.brackets2{
background-image:url(../../ships_img/sp/parts/brackets2_btm.png);
background-repeat:no-repeat;
background-position:center bottom;
background-size:100% 5px;
padding-bottom:5px;
}
.brackets2 .brackets2_top{
background-image:url(../../ships_img/sp/parts/brackets2_top.png);
background-repeat:no-repeat;
background-position:center top;
background-size:100% 5px;
padding-top:5px;
}
.brackets2 .brackets2_inner{
background-image:url(../../ships_img/sp/parts/brackets2_mid.png);
background-repeat:repeat-y;
background-position:center top;
background-size:100% 5px;
padding:0 10% 0 10%;
color:#003366;
}
.brackets2 .brackets2_inner a{
color:#003366;
}


/* メニュー用tableレイアウト（2カラム） */
table.list_c2{
width:100%;
border-top:1px solid #CCCCCC;
}

table.list_c2 td{
width:50%;
border-bottom:1px solid #CCCCCC;
text-align:center;
font-size:12px;
}
table.list_c2 td a{
display:block;
text-decoration:none;
padding:15px 0;
font-weight:bold;
}
table.list_c2 td a img{
width:auto;
height:36px;
}
#footer table.list_c2 td a{
padding:5px 0;
}
#footer table.list_c2 td a img{
width:100%;
height:auto;
}
table.list_c2 td:nth-child(odd){
border-right:1px solid #CCCCCC;
}
/* メニュー用tableレイアウト（3カラム） */
table.list_c3{
width:100%;
border-top:1px solid #CCCCCC;
}
table.list_c3 td{
width:33%;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
text-align:center;
font-size:14px;
}
table.list_c3 td a{
display:block;
text-decoration:none;
padding:10px 0;
font-weight:bold;
}
table.list_c3 td:nth-child(3){
border-right:0;
}

/* チェック用tableレイアウト（2カラム） */
table.chk_list_c2{
width:100%;
border-top:1px solid #CCCCCC;
}
table.chk_list_c2 td{
width:50%;
border-bottom:1px solid #CCCCCC;
font-size:12px;
position:relative;
}
table.chk_list_c2 td label{
display:block;
text-decoration:none;
padding:10px 0 10px 10px;
font-weight:bold;
cursor:pointer;
position:relative;
}
table.chk_list_c2 td input{
position:absolute;
top:0;
left:-9999px;
}
table.chk_list_c2 td:nth-child(odd){
border-right:1px solid #CCCCCC;
}
table.chk_list_c2 td label img{
width:auto;
height:28px;
margin-top:5px;
margin-left:0;
}
table.chk_list_c2 input[type="checkbox"] + label{
display:block;
background-image:url(../../ships_img/sp/parts/check_off.png);
background-size:24px 24px;
background-position:91% center;
background-repeat:no-repeat;
padding:15px 40px 15px 10px;
}
table.chk_list_c2 input[type="checkbox"]:checked + label{
background-image:url(../../ships_img/sp/parts/check_on.png);
}

/* ラジオ用tableレイアウト（2カラム） */
table.list_radio_c2{
width:100%;
border-collapse:separate;
border-spacing:0;
border-top:1px solid #CCCCCC;
}
table.list_radio_c2 td{
width:50%;
border-bottom:1px solid #CCCCCC;
font-size:14px;
position:relative;
text-align:left;
}
table.list_radio_c2 td input{
position:absolute;
top:0;
left:-9999px;
}
table.list_radio_c2 td:nth-child(odd){
border-right:1px solid #CCCCCC;
}
table.list_radio_c2 td label{
cursor:pointer;
}
table.list_radio_c2 td input[type="radio"] + label{
display:block;
background-image:url(../../ships_img/sp/parts/radio_off.png);
background-size:20px 20px;
background-position:95% center;
background-repeat:no-repeat;
padding:15px 28px 15px 10px;
}
table.list_radio_c2 td input[type="radio"]:checked + label{
background-image:url(../../ships_img/sp/parts/radio_on.png);
}

/* ラジオ用tableレイアウト（3カラム） */
table.list_radio_c3{
width:100%;
border-bottom:1px solid #CCC;
border-top:1px solid #CCCCCC;
}
table.list_radio_c3 td{
width:33%;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
font-size:14px;
position:relative;
text-align:left;
}
table.list_radio_c3 td input{
position:absolute;
top:0;
left:-9999px;
}
table.list_radio_c3 td:nth-child(3n){
border-right:0;
}
table.list_radio_c3 td label{
cursor:pointer;
}
table.list_radio_c3 td input[type="radio"] + label{
display:block;
background-image:url(../../ships_img/sp/parts/radio_off.png);
background-size:20px 20px;
background-position:95% center;
background-repeat:no-repeat;
padding:15px 28px 15px 10px;
}
table.list_radio_c3 td input[type="radio"]:checked + label{
background-image:url(../../ships_img/sp/parts/radio_on.png);
}
/* チェック用tableレイアウト（身長専用） */
table.chk_list_height{
width:100%;
margin:15px 0;
}
table.chk_list_height td{
width:calc((100% - 30px) / 2);
margin:15px 0;
}
table.chk_list_height td:nth-child(2){
width:30px;
text-align:center;
vertical-align:middle;
}
/* チェック用tableレイアウト（カラー専用） */
table.chk_list_color{
width:100%;
margin-top:10px;
}
table.chk_list_color td{
width:20%;
border-bottom:3px solid #FFF;
border-right:3px solid #FFF;
position:relative;
}
table.chk_list_color td label{
display:block;
height:15px;
text-decoration:none;
padding:0;
font-weight:bold;
cursor:pointer;
position:relative;
}
table.chk_list_color td input{
position:absolute;
top:0;
left:-9999px;
}
table.chk_list_color td:nth-child(5n){
border-right:0;
}
table.chk_list_color input[type="checkbox"] + label{
display:block;
padding:15px 20px 15px 10px;
}
table.chk_list_color input[type="checkbox"]:checked + label{
background-image:url(../../ships_img/sp/parts/check_color.png);
background-size:26px 26px;
background-position:center;
background-repeat:no-repeat;
}


/* セレクトボックスデザイン（青） */
.select_b{
width:100%;
padding:5px 8px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:0;
background-color:#002A4f;
background-image:url(../../ships_img/pc/parts/sort_b_select.png);
background-repeat:no-repeat;
background-position:right center;
background-size:32px 30px;
height:30px;
line-height:30px;
color:#ffffff;
}
.select_g::-ms-expand{
display:none;
}
.select_g option{
border:0;
}

/* セレクトボックスデザイン（グレー） */
.select_g{
width:46%;
-webkit-appearance:button;
-moz-appearance:button;
appearance:button;
text-indent:8px;
border:0;
background-color:#CCCCCC;
background-image:url(../../ships_img/sp/parts/sort_ar_select.png);
background-repeat:no-repeat;
background-position:right center;
background-size:32px 30px;
height:30px;
line-height:30px;
color:#003366;
}
/* セレクトボックスデザイン（しろ） */
.select_w{
width:46%;
-webkit-appearance:button;
-moz-appearance:button;
appearance:button;
text-indent:8px;
border:1px solid #CCC;
background-image:url(../../ships_img/sp/parts/form_arw_select.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 18px;
line-height:2;
/*color:#003366;*/
}
/* セレクトボックスデザイン（しろ）２ */
.select_w2{
width:100%;
-webkit-appearance:button;
-moz-appearance:button;
appearance:button;
text-indent:13px;
border:1px solid #cccccc;
border-radius:3px;
/*
background-image:url(../../ships_img/sp/parts/form_arw_select.png);
background-repeat:no-repeat;
background-position:right center;
background-size:22px 18px;
*/
line-height:3;
}



.item_list li,
.item_list_c2 li,
.item_list_c3 li{
position:relative;
}

/*clear*/
.item_list:after,
.item_list_c2:after,
.item_list_c3:after{
content:'';
display: block;
clear: both;
}

.item_list p.list_date,
.item_list p.sub,
.item_list p.shop,
.item_list p.shop a,
.item_list p.brand,
.item_list p.brand a{
color:#666666;
}
.item_list p.list_date,
.item_list p.sub{
font-size:10px;
}
#page_checkItemList .item_list {
padding:0 15px;
}



/* アイテムリスト2列版 */
.item_list{
width:100%;
/*overflow:hidden;*/
}
.item_list li{
width:calc((100% - 15px) / 2);
font-size:12px;
line-height:1.5;
margin-bottom:30px;
}
#item_coordeView .item_list li{
margin-bottom:10px;
}
.item_list li a{
display:block;
text-decoration:none;
}
.item_list li > a{
position:relative;
z-index:0;
}
#item_coordeView .item_list a,
.item_list .listCoodi,
.item_list .listPhoto,
.item_list .dv_rc_img{
width:100%;/*165px*/
height:auto;
overflow:hidden;
position:relative;
z-index:0;
}
#relation .listPhoto,
#page_topicslist .pickUp .item_list .listPhoto{
height:29.33vw;/*110px*/
}
#page_topicslist .pickUp .item_list .listPhoto{
height:44vw;/*165px*/
display: flex;
flex-flow: row wrap;
align-items: center;
}
#page_index .events .item_list .listPhoto,
#page_topicslist .events .item_list .listPhoto,
#page_topicslist .newsList .item_list .listPhoto,
#page_shopdetail .events .item_list .listPhoto{
height:44vw;/*165px*/
}

#item_coordeView .item_list a + *,
.item_list li .listPhoto + *,
.item_list li .dv_rc_img + *{
margin-top:3px;
}
.item_list li .listCoodi + *{
margin-top:5px;
}
#item_coordeView .item_list a > img,
.item_list li .listCoodi > img,
.item_list li .listPhoto > img,
.item_list li .dv_rc_img > img{
width:100%;
height:auto;
}
.item_list li .listPhoto .request{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(../../ships_img/sp/parts/alpha_request.png);
background-repeat:no-repeat;
background-position:center;
background-size:100%;
}
.item_list li .listPhoto .request img{
position:absolute;
width:80%;
height:auto;
top:68%;
left:50%;
margin-left:-40%;
z-index:9999;
}
.item_list li .listPhoto .noItem{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(../../ships_img/sp/parts/alpha_noItem.png);
background-repeat:no-repeat;
background-position:center;
background-size:100%;
z-index:5;
}
.top_item_list li .listPhoto .noItem{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(../../ships_img/sp/parts/alpha_noItem.png);
background-position:center;
background-size:100%;
z-index:5;
}

.item_list li:nth-child(odd){
float:left;
clear:both;
}
.item_list li:nth-child(even){
float:right;
}

.first_view li.first{
width:100%!important;
}
.first_view li:nth-child(odd){
width:calc((100% - 15px) / 2);
float:right!important;
clear:none!important;
}
.first_view li:nth-child(even){
width:calc((100% - 15px) / 2);
float:left!important;
clear:both!important;
}

.item_list li .color span{
display:inline-block;
width:16px;
height:16px;
margin-right:3px;
margin-top:3px;
vertical-align:top
}
.item_list li p{
padding:0 5px;
/*
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow:hidden;
*/
/*
xline-height:1.2;
    white-space:nowrap;
    text-overflow:ellipsis;
*/
}
.item_list li .price_data{
padding:0 5px;
}
.item_list li .price_data .price{
font-size:12px;
}
.item_list .price_off{
color:#CA0030;
}
.item_list li .rank_num{
width:30px;
position:absolute;
top:0;
left:0;
}
.item_list li.first .rank_num{
width:40px;
}
.item_list li.first .price_data{
font-size:12px;
}
.item_list li.first .price_data .price{
font-size:20px;
}
.item_list li .up_day{
padding:0 0 5px 8px;
}


.item_text_list li{
margin-bottom:10px;
}
.item_text_list li.center{
text-align:center;
}
.item_text_list li.right{
text-align:right;
}
.item_text_list a{
text-decoration:none;
color:#333;
}
.item_text_list .price_data .price{
font-size:14px;
}
.item_text_list .price_off{
color:#CA0030;
}

/* アイテムリスト2列版 /トップページ用?*/
.item_list_c2{
width:100%;
/*padding-top:5px;*/
/*overflow:hidden;*/
/*margin:0 -2.17%;*/
}
.item_list_c2 li{
width:calc((100% - 15px) / 2);
margin-bottom:30px;
float:left;
box-sizing:border-box;
}
.item_list_c2 li:nth-child(odd){
float:left;
clear:both;
}
.item_list_c2 li:nth-child(even){
float:right;
}
.item_list_c2 li .item_icon{
min-height:22px;
}
.item_list_c2 li .sub{
font-size:10px;
color:#666666;
}
.item_list_c2 li > a{
display:block;
text-decoration:none;
position:relative;
z-index:0;
}
.item_list_c2 a{
color:#000000;
text-decoration:none;
}
.item_list_c2 li .listPhoto{
width:100%;
position:relative;
z-index:0;
margin-bottom:7px;
}

.item_list_c2 li .listPhoto .request{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(../../ships_img/sp/parts/alpha_request.png);
background-repeat:no-repeat;
background-position:center;
background-size:100%;
}
.item_list_c2 li .listPhoto .request a{
display:block;
position:absolute;
width:80%;
height:auto;
top:68%;
left:50%;
margin-left:-40%;
z-index:9999;
}
.item_list_c2 li .listPhoto .noItem{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(../../ships_img/sp/parts/alpha_noItem.png);
background-repeat:no-repeat;
background-position:center;
background-size:100%;
}

/* アイテムリスト2列版/メインあり */
.item_list.custom li:first-child{
width:100%;
margin-bottom:28px;
font-size:14px;
line-height:20px;
}
.item_list.custom li:nth-child(odd){
float:right;
clear:none !important;
}
.item_list.custom li:nth-child(even){
float:left;
clear:both;
}
.item_list.custom li:first-child img{/*ダミー画像を正方形に強制*/
width:100%;
height:calc(100vw - 30px);
}


/*pickUp*/
#page_index .pickUp .item_list.custom li:first-child{
margin-bottom:24px;
}
#page_index .pickUp .item_list.custom li{
margin-bottom:30px;
}
#page_index .pickUp .item_list.custom li:first-child .listPhoto{
height:61.33vw;/*230px*/
}
#page_index .pickUp .item_list.custom .listPhoto{
height:29.33vw;/*110px*/
}
#page_index .pickUp .item_list.custom .listPhoto img.yokonaga {
width:auto;
height:29.33vw;/*110px*/
}
#page_index .pickUp .item_list.custom li:first-child img{/*ダミー画像を正方形に強制。の解除*/
height:auto;
}
#page_index .pickUp .item_list.custom li:first-child p{
margin:0 7px;
font-size:14px;
line-height:20px;
}
#page_index .pickUp .item_list.custom li p{
margin:0 5px;
}
#page_index .pickUp .item_list.custom li:first-child p.sub{
margin-top:10px;
font-size:10px;
line-height:1.5;
}
#page_index .pickUp .item_list.custom li:first-child p + p{
margin-top:4px;
margin-bottom:5px;
}
#page_index .pickUp .item_list.custom li p.sub{
margin-top:8px;
}
#page_index .pickUp .item_list.custom li p + p{
margin-bottom:8px;
}


.item_list_c2.custom li:first-child{
width:100%;
margin-bottom:28px;
font-size:14px;
line-height:20px;
}
.item_list_c2.custom li:nth-child(odd){
float:right;
clear:none !important;
}
.item_list_c2.custom li:nth-child(even){
float:left;
clear:both;
}
.item_list.custom li:first-child img{
width:100%;
height:calc(100vw - 30px);
}




/* アイテムリスト3列版 */
.item_list_c3{
width:100%;
/*padding-top:5px;*/
}
.title_g_rec .item_list_c3{
padding:0 15px;
}
.item_list_c3 li{
font-size:10px;
line-height:1.5;
margin-bottom:6px;
width:calc((100% - 14px) / 3);
float:left;
}
.item_list_c3 li:nth-child(3n){
margin-left:7px;
}
.item_list_c3 li:nth-child(3n+1){
margin-right:7px;
}

.item_list_c3 li:nth-child(3n+1){
clear:both;
}

.item_list_c3 li > a{
display:block;
text-decoration:none;
position:relative;
}
.item_list_c3 li .listPhoto,
.item_list_c3 li .listCoodi{
display:block;
width:100%;/*110px*/
/*height:35.2vw;*//*132px*/
overflow:hidden;
position:relative;
z-index:0;
}
.item_list_c3 li .listPhoto img{min-height: 35px;}

.item_list_c3 li .listPhoto + *,
.item_list_c3 li .listCoodi + *{
margin-top:4px;
}
.item_list li .listPhoto img,
.item_list li .listCoodi img{
width:100%;
height: 100%;
object-fit:contain;
}
.item_list_c3 li p{
padding:0 2px;
font-size:10px;
color:#666666;
}
.item_list_c3 li p a{
color:#666666;
}
.item_list_c3 li p.shop,
.item_list_c3 li p.brand{
font-size:9px;
}
.item_list_c3 .price_data{
min-height:20px;
padding:0 2px;
font-size:10px;
color:#666666;
}
.item_list_c2 .price_off,
.item_list_c3 .price_off {
color:#CA0030;
}
.item_list_c3 .rank_num{
width:30px;
position:absolute;
top:0;
left:0;
}
.item_list_c3 li .up_day{
padding:0 0 5px 8px;
}
.item_list_c3 li .listPhoto .noItem{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(../../ships_img/sp/parts/alpha_noItem.png);
background-repeat:no-repeat;
background-position:center;
background-size:100%;
}

/* アイテムリスト4列版 */
.item_list_c4{
width:100%;
padding-top:5px;
overflow:hidden;
}
.item_list_c4 li{
font-size:10px;
line-height:1.4;
margin-bottom:10px;
width:24%;
float:left;
margin-left:1%;
}
.item_list_c4 li:nth-child(4n){
margin-right:0;
}
.item_list_c4 li:nth-child(4n+1){
clear:both;
}

/* アイテムリスト2.5列表示折り返しなし */
.item_list_2{
width:100%;
}
.item_list_2 li{
width:132px;
margin-bottom:30px;
margin-right:10px;
float:left;
}
.item_list_2 li .price_data{
height:20px;
margin:3px 2px 0;
color:#666666;/**/
}

/* アイテムリスト3.5列表示折り返しなし/recommend/history */
.item_list_3{
width:100%;
/*padding-top:12px;*/
}
.item_list_3 li{
/*width:90px;*/
/*margin-bottom:31px;*/
margin-right:9px;
float:left;
font-size:10px;
}
.item_list_3 .price_data{
height:20px;
margin:3px 2px 0;
color:#666666;
}
.item_list_3 .dv_rc_price.sales,
.item_list_3 .price_data.history_sales_ .price{
color:#ca0030;
}


/* 1カラム *//*POPUP内*/
.item_list2{
width:100%;
}
.modal_stock .item_list2{
margin-bottom:17px;
}

.item_list2 li{
/*font-size:12px;*/
padding:10px 0;
}

.modal_stock .item_list2 li{
/*font-size:12px;*/
padding:15px 0 0;
}

.item_list2 li a{
text-decoration:none;
}
.item_list2 li .list_inner{
display:table;
padding:0 15px;
}
.item_list2 li .list_inner .item_photo{
display:table-cell;
width:37%;
vertical-align:top;
}
.item_list2 li .list_inner .item_data{
display:table-cell;
width:63%;
vertical-align:middle;
padding:0 10px 20px 10px;
text-align:left;
}
.modal_stock .item_list2 li .list_inner .item_photo{
display:table-cell;
width:21.3vw;/*80px*/
overflow:hidden;
vertical-align:top;
}
.modal_stock .item_list2 li .list_inner .item_photo span{
display:block;
width:100%;
height:25.6vw;/*96px*/
overflow:hidden;
}
.modal_stock .item_list2 li .list_inner .item_data{
display:table-cell;
width:auto;
vertical-align:top;
padding:0 0 0 10px;
}
.item_list2 li .list_inner .item_data .item_title{
font-size:14px;
line-height:20px;
font-weight:bold;
/*padding:5px 0;*/
}
.item_list2 li .item_delete{
border-bottom:1px solid #eeeeee;
/*padding:0 15px 10px;*/
overflow:hidden;
}
.item_list2 li .item_delete a{
float:right;
}
.item_list2 li .item_data .item_label{
font-size:10px;
}
.item_list2 li .item_data .wrap_num{
margin-left:-7px;
font-size:10px;
}
.item_list2 li .item_data .item_other{
/*font-size:10px;*/
}
.item_list2 li .item_data .item_num{
/*font-size:12px;*/
margin-bottom:5px;
}
.item_list2 li .item_data .item_num #review_link{
 color: #2525ff;
 text-decoration: underline;
}
.item_list2 li .item_data .item_num img{
width:12px;
height:12px;
vertical-align:middle;
}
.item_list2 li .item_data .subTotal{
/*font-size:12px;*/
}
.item_list2 li .filling{
display:table;
width:100%;
}
.item_list2 li .filling .f_type{
display:table-cell;
width:50%;
vertical-align:middle;
text-align:right;
padding-right:20px;
}
.item_list2 li .filling .f_type img{
width:40%;
}
.item_list2 li .filling .f_type img.p_finish_p{
width:16%;
}
.item_list2 li .filling .f_data{
display:table-cell;
width:50%;
font-size:10px;
vertical-align:middle;
}
.modal_stock .item_price{
font-size:22px;
font-weight:bold;
}
.modal_stock .item_price .parOff{
font-size:12px;
}




/* ページトップへ */
.pageTop{
text-align:right;
margin-bottom:5px;
}
.pageTop a{
display:inline-block;
width:30%;
padding:5px;
margin-right:-5px;
}

/* 各種ボタン */

a.btn_01,/*カート*/
.btn_01 a{
display:block;
/*width:100%;*/
height:50px;
margin:0 auto;
box-sizing:border-box;
padding:15px 0 14px;
border-radius:25px;
background:#04345a;
text-align:center;
font-size:14px;
line-height:21px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
.btn_01 .ico{
margin-right:7px;
}
.btn_01 a{
color:#ffffff;
text-decoration:none;
}
.btn_01#btn_colorsize img{
margin-right:14px;
vertical-align:middle;
width:23px;
}

.btn_03{/*ポップアップ・在庫*/
display:block;
/*width:100%;*/
height:50px;
margin:0 auto;
box-sizing:border-box;
padding:15px 0 14px;
border-radius:25px;
background:#eeeeee;
text-align:center;
font-size:14px;
line-height:21px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
.btn_03 .ico{
margin-right:7px;
}
.btn_03 a{
color:#ffffff;
text-decoration:none;
}
.btn_03 img{
margin-right:14px;
vertical-align:middle;
max-width:22px;
height:21px;/*dummy*/
}

.btn_02{
display:block;
width:100%;
height:40px;
margin:0 auto;
box-sizing:border-box;
padding:11px 0 10px;
border-radius:20px;
background:#eeeeee;
text-align:center;
font-size:12px;
line-height:19px;
font-weight:bold;
color:#04345a;
text-decoration:none;
}
.btn_02 a{
color:#04345a;
text-decoration:none;
}
.btn_02 img{
margin-right:7px;
vertical-align:middle;
}
.btn_02#btn_bookmark img{
width:12px;
}
.btn_02#btn_stock img{
width:11px;
}
.btn_02#btn_stock,
.btn_02#btn_try{
	width:calc((100% - 10px) / 2);
	height:40px;
	margin: 0;
}
.btn_02#btn_stock{
	float: right;
}
.btn_02#btn_try{
	float: left;
}
.btn_02#btn_try img{
	width: 18px;
}

.btn_a_i{
display:block;
margin-bottom:20px;
}
.btn_a{
display:block;
padding:16px 0;
text-align:center;
background-color:#04345a;
vertical-align:middle;
font-size:17px;
color:#FFF;
font-weight:bold;
text-decoration:none;
margin-bottom:20px;
border-radius:29px;
}
.btn_a img{
width:auto;
height:20px;
}
.btn_b_i,
.btn_bw_i{
display:block;
margin-bottom:10px;
}
.btn_b{
display:block;
padding:8px 0;
text-align:center;
background-color:#04345a;
vertical-align:middle;
font-size:14px;
color:#FFF;
font-weight:bold;
text-decoration:none;
margin-bottom:10px;
border-radius:19px;
}
.btn_b img{
width:auto;
height:15px;
}
.btn_b_w{
display:block;
padding:8px 0;
text-align:center;
vertical-align:middle;
font-size:14px;
color:#04345a;
font-weight:bold;
text-decoration:none;
border:2px solid #04345a;
margin-bottom:10px;
border-radius:19px;
}
.btn_c_i,
.btn_cg_i{
display:block;
margin-bottom:10px;
}
.btn_c{
display:block;
padding:6px 0;
text-align:center;
background-color:#04345a;
vertical-align:middle;
font-size:12px;
color:#FFF;
font-weight:bold;
text-decoration:none;
border-radius:15px;
}
.btn_c_g{
display:block;
padding:7px 0;
text-align:center;
background-color:#CCCCCC;
vertical-align:middle;
font-size:12px;
color:#04345a;
font-weight:bold;
text-decoration:none;
border-radius:16px;
}
.btn_c img{
width:50%;
}
.btn_c1{
width:50%;
margin:0 auto;
}
.btn_c2{
width:100%;
}
.btn_c2 .btn_c2_l,
.btn_c2 .btn_c2_r{
	text-align: center;
}
/*
.btn_c2 .btn_c2_l .sub_action_button_{
	width: 180px;
	height: 50px;
	font-size: 15px;
}
*/
.btn_c2 img{
	width: 180px !important;
	height: auto !important;
}
div.btn_c2 input[type="image"]{
	width: 180px !important;
	height: auto !important;
}

.btn_c2 .btn_c2_l{
	margin-bottom: 15px;
}
.btn_c2 .btn_b_w{
padding:4px 0;
}


.btn_arrow_r{
background-image:url(../../ships_img/sp/parts/arrow_sidelink3.png);
background-repeat:no-repeat;
background-position:right center;
background-size:18px 11px;
}
.btn_arrow_wl{
background-image:url(../../ships_img/sp/parts/arrow_sidelink2.png);
background-repeat:no-repeat;
background-position:left center;
background-size:18px 11px;
}

.share_button03 {
    text-align: center;
    cursor: pointer;
}
.share_button03 a {
	color: #999999;
}

.share_button03 img {
    width: 12px;
}
.share_button03.b_margin  {
    margin: 0 0 20px 0;
}
#page_staffcode .share_button03 {
    margin-bottom: 30px;
}
.share_label {
    margin: 16px 0 10px 0;
}
.bookmark_share {
    display: flex;
}
.share_btn_2 {
    cursor: pointer;
}
.share-button img {
    width: 14px;
    padding-bottom: 1px;
    margin-right: 3px;
}
.share_btn_2 dd {
    color: #04345a;
    font-size: 8px;
    font-weight: bold;
    white-space: nowrap;
}
.share_btn_2 dt {
    text-align: center;
}
.share_btn_2.share_news {
    padding: 8px 0;
}
/* 文字サイズ */
.font_16{
font-size:16px;
}
.font_14{
font-size:14px;
}
.font_12{
font-size:12px;/*base*/
}
.font_11{
font-size:11px;
}
.font_10{
font-size:10px;
}
.font_9{
font-size:9px;
}
.f_weight{
font-weight:bold;
}
.f_f{
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

/* コンテンツ下部余白 */
.margin_b0{
margin-bottom:0;
}
.margin_b2{
margin-bottom:2px;
}
.margin_b5{
margin-bottom:5px;
}
.margin_b10{
margin-bottom:10px;
}
.margin_b20{
margin-bottom:20px;
}
.cont_inner.margin_b20{
text-align:center;
}

.cl_1{
color:#04345a;
}
.cl_2{
color:#a50000;
}
.cl_3{
color:#999999;
}

.mustmark{
display:inline-block!important;
color:#CA0030!important;
font-size:14px!important;
font-weight:bold!important;
vertical-align:bottom;
padding-left:5px;
}


/* スクロールバーデザイン */
.scrollbox{
padding-right:12px;
}
.scrollbox::-webkit-scrollbar{
width:7px;
}
.scrollbox::-webkit-scrollbar-thumb{
background-color:#9A9A9A;
}
.scrollbox::-webkit-scrollbar-track-piece:start{
background-color:#FFF;
}
.scrollbox::-webkit-scrollbar-track-piece:end{
background-color:#FFF;
}

.price_off{
color:#CA0030 !important;
}

.lineH1{
line-height:1;
}


.icon_new{
display:inline-block;
}

.more_category{
display:none;
}

.center{
text-align:center;
}

.right{
text-align:right;
}

.opacity{
opacity:0.5;
}


.nowrap{
white-space:nowrap;
}


/****** ECデザイン ******/

label{
   cursor:pointer;
}


/*#page_memEdit .form_sex*/
input[type="radio"] + label{
   background-position:90% center;
    padding-left:15px;
}

input[type="radio"] + label{
   display:block;
    background-image:url(../../ships_img/sp/parts/radio_off.png);
    background-size:20px 20px;
    background-position:10px center;
    background-repeat:no-repeat;
    padding:15px 28px 15px 10px;
}

input[type="radio"]:checked + label{
   background-image:url(../../ships_img/sp/parts/radio_on.png) !important;
}

.novelty_ input[type="radio"] + label{
   background-position:95% 14px;
}

input[type="radio"],
input[type="checkbox"]{
   position:absolute;
   left:-9999px;
}

input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
input[type="checkbox"] + label {
  display: inline-block;
  background-image: url(../../img/usr/order/check_off.png);
  -webkit-background-size: 18px 18px;
  background-size: 18px 18px;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 10px 5px 10px 22px;
  background-color: white;
}
input[type="checkbox"]:checked + label {
  background-image: url("../../img/usr/order/check_on.png");
}

/* 会員情報入力画面 */
#page_memEntry2 input {
	-webkit-appearance: none;
}
#page_memEntry2 input[name="mail"],
#page_memEntry2 input[name="addr"],
#page_memEntry2 input[name="addr2"],
#page_memEntry2 input[name="pwd"],
#page_memEntry2 input[name="cpwd"],
#page_memEntry2 input[name="name"],
#page_memEntry2 input[name="name2"],
#page_memEntry2 input[name="kana"],
#page_memEntry2 input[name="kana2"],
#page_memEntry2 input[name="zip_form1"],
#page_memEntry2 input[name="zip_form2"],
#page_memEntry2 input[name="tel"],
#page_memEntry2 input[name="tel2"],
#page_memEntry2 select[name="yy_birth"],
#page_memEntry2 select[name="mm_birth"],
#page_memEntry2 select[name="dd_birth"],
#page_memEntry2 select[name="pref"],
#page_memEntry2 input[name="kids_name"],
#page_memEntry2 input[name="kids_name2"],
#page_memEntry2 input[name="kids_kana"],
#page_memEntry2 input[name="kids_kana2"],
#page_memEntry2 select[name="yy_kids_birth"],
#page_memEntry2 select[name="mm_kids_birth"],
#page_memEntry2 select[name="dd_kids_birth"],
#page_memEdit input[name="mail"],
#page_memEdit input[name="addr"],
#page_memEdit input[name="addr2"],
#page_memEdit input[name="pwd"],
#page_memEdit input[name="cpwd"],
#page_memEdit input[name="name"],
#page_memEdit input[name="name2"],
#page_memEdit input[name="kana"],
#page_memEdit input[name="kana2"],
#page_memEdit input[name="zip_form1"],
#page_memEdit input[name="zip_form2"],
#page_memEdit input[name="tel"],
#page_memEdit input[name="tel2"],
#page_memEdit select[name="yy_birth"],
#page_memEdit select[name="mm_birth"],
#page_memEdit select[name="dd_birth"],
#page_memEdit select[name="pref"],
#page_memEdit input[name="kids_name"],
#page_memEdit input[name="kids_name2"],
#page_memEdit input[name="kids_kana"],
#page_memEdit input[name="kids_kana2"],
#page_memEdit select[name="yy_kids_birth"],
#page_memEdit select[name="mm_kids_birth"],
#page_memEdit select[name="dd_kids_birth"]{
	height: 46px;
	padding: 10px;
	border: #cccccc 1px solid;
	border-radius: 4px;
	font-size: 14px;
}
#page_memEntry2 select[name="yy_birth"] option,
#page_memEntry2 select[name="mm_birth"] option,
#page_memEntry2 select[name="dd_birth"] option,
#page_memEntry2 select[name="pref"] option {
	background: #ffffff;
}
#page_memEntry2 input[name="mail"],
#page_memEntry2 input[name="addr"],
#page_memEntry2 input[name="addr2"],
#page_memEdit input[name="mail"],
#page_memEdit input[name="addr"],
#page_memEdit input[name="addr2"],
#page_memEntry2 input[name="tel"],
#page_memEntry2 input[name="tel2"],
#page_memEdit input[name="tel"],
#page_memEdit input[name="tel2"] { 
	width: 85%;
}
#page_memEntry2 input[name="pwd"],
#page_memEntry2 input[name="cpwd"],
#page_memEdit input[name="pwd"],
#page_memEdit input[name="cpwd"] {
	width: 85%;
}
#page_memEntry2 select[name="pref"],
#page_memEntry2 input[name="zip_form1"],
#page_memEntry2 input[name="zip_form2"],
#page_memEdit select[name="pref"],
#page_memEdit input[name="zip_form1"],
#page_memEdit input[name="zip_form2"] {
	width: 90px;
}
#page_memEntry2 input[name="name"],
#page_memEntry2 input[name="name2"],
#page_memEntry2 input[name="kana"],
#page_memEntry2 input[name="kana2"],
#page_memEdit input[name="name"],
#page_memEdit input[name="name2"],
#page_memEdit input[name="kana"],
#page_memEdit input[name="kana2"],
#page_memEdit input[name="kids_name"],
#page_memEdit input[name="kids_name2"],
#page_memEdit input[name="kids_kana"],
#page_memEdit input[name="kids_kana2"]{
	width: 90px;
}
#page_memEntry2 input[name="kids_name"],
#page_memEntry2 input[name="kids_name2"],
#page_memEntry2 input[name="kids_kana"],
#page_memEntry2 input[name="kids_kana2"] {
	width: 72%;
}
#page_memEntry2 .form_birthday span,
#page_memEdit .form_birthday span {
	font-weight: bold;
}
#page_memEntry2 select[name="mm_birth"],
#page_memEntry2 select[name="dd_birth"],
#page_memEntry2 select[name="mm_kids_birth"],
#page_memEntry2 select[name="dd_kids_birth"],
#page_memEdit select[name="mm_birth"],
#page_memEdit select[name="dd_birth"],
#page_memEdit select[name="mm_kids_birth"],
#page_memEdit select[name="dd_kids_birth"]{
	width: 18%;
	margin: 0 5px 0 10px;
	font-weight: normal;
}
#page_memEntry2 select[name="yy_birth"],
#page_memEntry2 select[name="yy_kids_birth"],
#page_memEdit select[name="yy_birth"],
#page_memEdit select[name="yy_kids_birth"]{
	width: 24%;
	margin-right: 5px;
	font-weight: normal;
}
#page_memEntry2 .small_ { font-size: 10px;}
#page_memEntry2 .me_form_inner    { display: flex; justify-content: space-between;}
#page_memEntry2 .me_title         { width: 550px; font-size: 14px; font-weight: bold; align-self: center;}
#page_memEntry2 .me_title span    { font-size: 12px; font-weight: normal; display: block;}
#page_memEntry2 .me_title .small_ { font-size: 12px; font-weight: normal;}
#page_memEntry2 .me_form          { width: 420px; align-self: center;}
#page_memEntry2 .form_name   { display: flex;}
#page_memEntry2 .form_name * { align-self: center;}
#page_memEntry2 .form_name .form_between  { width: 40px; font-size: 12px;}
#page_memEntry2 .form_name .form_between2 { width: 45px; padding: 0 5px 0 10px; font-size: 12px; text-align: center;font-weight: bold;}
#page_memEntry2 #kids_form .form_name .form_between2 { width: 45px;padding:0 5px 0 0;}
#page_memEntry2 .form_zipcode   { display: flex;margin-bottom: 10px;}
#page_memEntry2 .form_zipcode * { align-self: center;}
#page_memEntry2 .form_zipcode .form_between { width: 40px; font-size: 12px; text-align: center;}
#page_memEdit .small_ { font-size: 10px;}
#page_memEdit .me_form_inner    { justify-content: space-between;}
#page_memEdit .me_title         { width: 550px; font-size: 14px; font-weight: bold; align-self: center;}
#page_memEdit .me_title span    { font-size: 12px; font-weight: normal; display: block;}
#page_memEdit .me_title .small_ { font-size: 12px; font-weight: normal;}
#page_memEdit .me_form          { width: 420px; align-self: center;}
#page_memEdit .form_name   { display: flex;}
#page_memEdit .form_name * { align-self: center;}
#page_memEdit .form_name .form_between  { width: 40px; font-size: 12px;}
#page_memEdit .form_name .form_between2 { width: 45px; padding: 0 6px 0 0; font-size: 12px; text-align: right;}
#page_memEdit .form_zipcode   { display: flex;}
#page_memEdit .form_zipcode * { align-self: center;}
#page_memEdit .form_zipcode .form_between { width: 40px; font-size: 12px; text-align: center;}

/* radio */
#page_memEntry2 input[type="radio"] + label,
#page_memEdit input[type="radio"] + label {
    display: inline-block !important;
    background: none !important;
    padding: 5px 5px 5px 25px !important;
	margin: 0 20px 0 0;
	position: relative;
}
#page_memEntry2 input[type="radio"]:checked + label,
#page_memEdit input[type="radio"]:checked + label {
    background: none;
	color: #04345a;
}
#page_memEntry2 input[type="radio"] + label::before,
#page_memEdit input[type="radio"] + label::before {
	content: '';
	width: 18px;
	height: 18px;
	border: #d7dbda 1px solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	outline: 0;
	background: #fff;
	display: block;
	position: absolute;
	left: 0;
	top: 4px;
}
#page_memEdit #frmchangemethod input[type="radio"] + label::before {
	content: none;
}
#page_memEntry2 input[type="radio"]:checked + label::before,
#page_memEdit input[type="radio"]:checked + label::before {
	border: #04345a 1px solid;
}
#page_memEntry2 input[type="radio"]:checked + label::after,
#page_memEdit input[type="radio"]:checked + label::after {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 4px;
	top: 50%;
	display: block;
	margin: -6px 0 0 0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	content: "";
	background: #04345a;
}
#page_memEdit #frmchangemethod input[type="radio"] + label::after {
	content: none;
}
#page_memEntry2 dd#dm_send_check {
	text-align: center;
}
#page_memEntry2 dd#dm_send_check label{
	margin-right: 10px;
}
#page_memEntry2 dd#dm_send_check label:last-child{
	margin: 0;
}
#page_memEntry2 dd#dm_send_check .notice-text{
	margin-top:10px;
	text-align:left;
}


#page_memEntry2 #dm_send_check input[type="radio"] + label,
#page_memEntry2 #mag_send_check input[type="radio"] + label,
#page_memEntry2 #mail_send_check input[type="radio"] + label,
#page_memEntry2 #child_data input[type="radio"] + label,
#page_memEdit #dm_send_check input[type="radio"] + label,
#page_memEdit #mag_send_check input[type="radio"] + label,
#page_memEdit #mail_send_check input[type="radio"] + label,
#page_memEdit #child_data input[type="radio"] + label {
	width: 40% !important;
    padding: 10px 5px 10px 45px !important;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align: left !important;
}
#page_memEntry2 #dm_send_check input[type="radio"] + label::before,
#page_memEntry2 #mag_send_check input[type="radio"] + label::before,
#page_memEntry2 #mail_send_check input[type="radio"] + label::before,
#page_memEntry2 #child_data input[type="radio"] + label::before,
#page_memEdit #dm_send_check input[type="radio"] + label::before,
#page_memEdit #mag_send_check input[type="radio"] + label::before,
#page_memEdit #mail_send_check input[type="radio"] + label::before,
#page_memEdit #child_data input[type="radio"] + label::before {
	top: 10px;
	left: 15px;
}
#page_memEntry2 #dm_send_check input[type="radio"] + label.classrequired,
#page_memEdit #dm_send_check input[type="radio"] + label.classrequired {
	background: #ffeeee !important;
}
#page_memEntry2 #dm_send_check input[type="radio"]:checked + label::after,
#page_memEntry2 #mag_send_check input[type="radio"]:checked + label::after,
#page_memEntry2 #mail_send_check input[type="radio"]:checked + label::after,
#page_memEntry2 #child_data input[type="radio"]:checked + label::after,
#page_memEdit #dm_send_check input[type="radio"]:checked + label::after,
#page_memEdit #mag_send_check input[type="radio"]:checked + label::after,
#page_memEdit #mail_send_check input[type="radio"]:checked + label::after,
#page_memEdit #child_data input[type="radio"]:checked + label::after {
	top: 20px;
	left: 19px;
}
#page_memEntry2 .list_radio_c2,
#page_memEntry2 .list_radio_c2 td {
	font-weight: normal;
}
div.kids_del_btn_{
   text-align:right;
    padding:10px 10px 30px 0;
}

button{
 padding:0;
  border:none;
  background:transparent;
}

button img{
 display:block;
}

div.mem_club .list_radio_c2.cl_1{
   text-align:center;
}
div#page_orderDetail select{
   width:46%;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    text-indent:8px;
    border:1px solid #CCC;
    line-height:2;
    color:#003366;
}
.list_radio_c2 input[name="mem_club"] + label{
   padding:14px 34% 14px 3%;
}
.list_radio_c2 input[name="mem_terms"] + label{
   display:inline-block;
    padding:14px 28px 14px 3%;
}
.list_radio_c2 input[name="mem_terms"] + label:nth-of-type(n+2){
	margin-left: 15px;
}

.list_radio_c2 input[name="sex"] + label{
   padding:14px 30% 14px 3%;
}

.list_radio_c2 input[name="kids_sex"] + label{
   padding:14px 28px 14px 3%;
}

.list_radio_c2 input[name="dm_flag"] + label{
   padding:14px 30% 14px 3%;
}

.list_radio_c2 input[name="mm_flag"] + label,
.list_radio_c2 input[name="mm_flag2"] + label {
   padding: 15px 10px 15px 28px;
}

.list_radio_c2 input + label:nth-of-type(n+2){
	margin-left: 15px;
}

.list_radio_c2 input[name="mem_club"] + label{
   background-position:90% center;
    display:inline-block;
    padding-right:28px;
    font-size:12px;
    text-align:left;
}
.list_radio_c2 input[name="mem_club"] + label:nth-of-type(n+2){
	margin-left: 15px;
}

/* 注文履歴画面 */
div#page_orderDetail select[name="date_detail_spec"]{
   width:90%;
}

div#page_orderDetail select[name="time_spec"]{
   width:53%;
}

/*
div.btn_c2.margin_b10 .button_.large_button_.main_action_button_.btn_terms_agree_{
   background-image:url(../../ships_img/sp/parts/btn_terms_agree.png);
}

div.btn_c2.margin_b10 .button_.large_button_.main_action_button_.btn_terms_no_{
   background-image:url(../../ships_img/sp/parts/btn_terms_no.png);
}

div.btn_c2.margin_b10 .button_.large_button_.main_action_button_.btn_regist_{
   background-image:url(../../ships_img/sp/parts/btn_regist.png);
}

div.btn_c2.margin_b10 .button_.large_button_.main_action_button_.btn_back_{
   background-image:url(../../ships_img/sp/parts/btn_back.png);
}
*/

div.btn_c2.margin_b10 input[type="image"]{
   width:100%
}

p.mail_title_{
   font-weight:bold;
}
/* 会員情報変更・修正 */
#page_memEdit #kids_form {
    margin-top: 10px;
}
#page_memEdit #kids_form dl.formdetail_.customerconfirm_ {
    margin: 0;
}
#page_memEdit #kids_form dl.formdetail_.customerconfirm_ dt{
    padding: 2px 2px 2px 6px;
    background-color: #f0f0f0;
}
#page_memEdit #kids_form dl.formdetail_.customerconfirm_ dd{
    padding: 2px 2px 2px 12px;
}
/* お届け先入力 */
#page_memEdit .form_nickname input{
   width:60%;
    border:1px solid #CCC;
    text-indent:8px;
    line-height:2;
}

/* パスワード変更 */
div.cont_inner.margin_b20 input[type="image"]{
   width:100%;
}

/* 注文履歴詳細 */
/*div.order_change_btn_ input[name="change"]{
   background-image:url(../../ships_img/pc/parts/btn_change.png);
}*/

div.order_change_btn_ .change_btn_ ,div.order_change_btn_ .cancel_btn_ {
  text-align: center;
}


/*div.order_change_btn_ input[name="cancel"]{
   background-image:url(../../ships_img/pc/parts/btn_ordercancel.png);
    background-size:cover;
}*/

div.order_change_btn_ input[name="change"]{
    margin:10px;
    display: table-cell;
    width: 45%;
    padding: 9px 23px 8px;
    border: 1px #333333 solid;
    border-radius: 80px;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    color: #FFF;
    text-decoration: none;
    background-color: #036;
}

div.order_change_btn_ input[name="cancel"]{
    margin:10px;
    display: table-cell;
    width: 45%;
    padding: 9px 23px 8px;
    border: 0;
    border-radius: 80px;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    color: #04345a;
    text-decoration: none;
    background-color: #eee;
}


/* お気に入りアイテム一覧 */
div#favoriteList .item_icon span.label_stock,
div#favoriteList .item_icon span.label_shipment{
/*
   display:inline-block;
    line-height:20px;
    margin:0;
    text-align:center;
    font-weight:normal;
*/
    padding:0 5px;
    color:#337f00;
/*
    border:1px solid #548235;
    background-color:#C5E0B4;
*/
}

div#favoriteList .item_icon span.label_discount,
div#favoriteList .item_icon span.label_favorite{
/*
   display:inline-block;
    line-height:20px;
    margin:0 0 3px 0;
    text-align:center;
    font-weight:normal;
*/
    padding:0 5px;
    color:#a50000;
/*
    background-color:#FBE5D6;
    border:1px solid #F4B183;
*/
}

div#favoriteList .item_addcart{
   text-align:center;
    padding:0 0 10px 0;
}

div#favoriteList .item_addcart img{
   margin-top:8px;
   width:78.8%;
   min-width:130px;
}

/* 退会画面 */
.form_reason select{
   width:100%;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    text-indent:8px;
    border:1px solid #CCC;
    background-image:url(../../ships_img/sp/parts/form_arw_select.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:22px 18px;
    line-height:2;
    color:#003366;
}

.icon_required{
   background-color:#ff0000;
    color:#FFF;
    display:inline-block;
    margin-left:5px;
    font-size:10px;
    padding:1px 5px;
}

/* パスワード再設定画面 */
#page_window{
   padding-top:5px;
}

#form_input input[type="image"]{
   width:98%;
    border:none;
    text-indent:8px;
    line-height:2;
}

/* カート画面 */
div.item_delete{
   text-align:right;
}

div#page_cart1 input[type="radio"] + label{
   display:block;
    background-image:url(../../ships_img/sp/parts/radio_off.png);
    background-size:20px 20px;
    background-position:95% center;
    background-repeat:no-repeat;
    padding:0px 10px 12px 0px;
}

div#page_cart1 input[type="radio"]:checked + label{
   background-image:url(../../ships_img/sp/parts/radio_on.png);
}

div#page_cart1 table.cartlist_ span.promotionmsg_title_{
   font-size:12px;
    display:block;
    background:url(../../ships_img/sp/parts/arrow_r_b_side.png) left top no-repeat;
    padding-left:18px;
}

div#page_cart1 table.cartlist_ div.promotionmsg_box_{
   padding:5px;
    text-align:left;
    border:1px solid #003366;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

div#page_cart1 table.cartlist_ span.promotionmsg_title_ .hilight_{
   color:#003366;
    font-size:14px;
    font-weight:bold;
}

div#page_cart1 table.cartlist_ div.promotionshortmsg_box_{
   padding:5px;
    text-align:left;
    border:1px solid #036;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

div.promotion_ div.promotionmsg_{
width:200px;
margin-right:20px;
margin-top:10px;
    display:inline-table;
}

div.promotion_ div.promotionmsg_box_{
padding:5px;
text-align:left;
border:1px solid #036;
border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

div.promotion_ span.promotionmsg_title_{
font-size:12px;
display:block;
background:url(../../ships_img/pc/parts/arrow_r_b_side.png) left top no-repeat;
padding-left:18px;
}


div.promotion_ span.promotionmsg_title_ .hilight_{
color:#003366;
font-size:14px;
font-weight:bold;
}

div.promotion_ div.promotionshortmsg_{
width:200px;
margin-right:20px;
margin-top:10px;
    display:inline-table;
}

div.promotion_ div.promotionshortmsg_box_{
padding:5px;
text-align:left;
border:1px solid #ccc;
border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

div.promotion_ span.promotionshortmsg_title_{
font-size:12px;
display:block;
background:url(../../img/sys/kiken.gif) left top no-repeat;
padding-left:25px;
}

div.promotion_ span.promotionshortmsg_title_ .hilight_{
color:#003366;
font-size:14px;
font-weight:bold;
}
div.promotion_ span.short_price_{
color:#ff0000;
font-size:14px;
font-weight:bold;
}



/* 注文フロー */

#global .common_headline2_{
   margin:10px 0;
    padding:6px 15px 4px;
    font-size:14px;
    font-weight:bold;
    color:#000000;
    background:#ffffff;
    clear:both;
}

div.order_.col1_ select[name="date_detail_spec"]{
   width:45%;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    text-indent:8px;
    border:1px solid #CCC;
    background-image:url(../../ships_img/sp/parts/form_arw_select.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:22px 18px;
    line-height:2;
    color:#003366;
}

div.order_.col1_ .point_use_ input[type="number"]{
   width:50%;
    margin-right:5px;
    border:2px solid #CCC;
    text-indent:8px;
    line-height:1.5;
}

div.order_.col1_ .coupon_area_ input[name="coupon"]{
   	width:100%;
   	height:30px;
    margin-right:5px;
    margin-bottom:10px;
    border:2px solid #CCC;
    text-indent:8px;
    line-height:1.5;
}

div.order_.col1_ dl.card_ dd input[type="radio"] + label{
   display:block;
    background-image:url(../../ships_img/sp/parts/radio_off.png);
    background-size:20px 20px;
    background-position:3% center;
    background-repeat:no-repeat;
    padding:1% 0% 3% 12%;
    margin:0 0 1% 0;
}

div.order_.col1_ dl.card_ dd input[type="radio"]:checked + label{
   background-color:white;
    background-image:url("../../ships_img/pc/parts/radio_on.png");
}

div#newcard input[type="text"]{
   width:50%;
    margin-right:5px;
/*    border:2px solid #CCC;*/
    text-indent:8px;
    line-height:2;
}

div.order_.col1_ select{
   -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    text-indent:8px;
    border:1px solid #CCC;
    background-image:url(../../ships_img/sp/parts/form_arw_select.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:22px 18px;
    line-height:2;
    color:#003366;
}

div.order_.col1_ select[name="card_m"]{
   width:22%;
}

div.order_.col1_ select[name="card_y"]{
   width:28%;
}

div.order_.col1_ select[name="savecard"]{
   width:35%;
}

div.order_.col1_ select[name="card_method"]{
   width:25%;
}

div.order_.col1_ select[name="card_divide"]{
   width:25%;
}

div.box_ dl.formdetail_ dd textarea{
   width:95%;
    margin-right:5px;
    border:2px solid #CCC;
    text-indent:8px;
    line-height:1.5;
}

div.estimate_card_form_ .form_input.card_number_ input{
   width:60%;
    border:1px solid #CCC;
    text-indent:8px;
    line-height:2;
}

div.estimate_card_form_ .form_input.sec_code_ input{
   width:25%;
    border:1px solid #CCC;
    text-indent:8px;
    line-height:2;
}

/* お支払い方法変更画面 */
#page_memEdit.change_method_ form {
    padding: 0;
}
#page_memEdit.change_method_ dl.formdetail_ dt {
    padding: 2px 2px 2px 6px;
    background-color: #f0f0f0;
    font-weight: normal;
}
#page_memEdit.change_method_ dl.formdetail_ dd {
    padding: 2px 2px 2px 12px;
}
#page_memEdit.change_method_ dl.formdetail_ .small_{
    padding-top: 0;
    font-size:12px;
}
#page_memEdit.change_method_ input[type="radio"] + label {
    background-image: url(../../ships_img/sp/parts/radio_off.png)!important;
    background-size: 18px 18px!important;
    background-position: 95% center!important;
    background-repeat: no-repeat!important;
    padding: 15px 28px 15px 10px!important;
}
#page_memEdit.change_method_ input[type="radio"]:checked + label {
    background-image: url(../../ships_img/sp/parts/radio_on.png) !important;
}
div#page_memEdit.change_method_ input[type="radio"] + label{
   display:block!important;
}
div#page_memEdit.change_method_ select {
    width: 46%;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 8px;
    border: 1px solid #CCC;
    line-height: 2;
    color: #003366;
}

div#page_memEdit.change_method_ select[name="card_m"]{
   width:18%;
}

div#page_memEdit.change_method_ select[name="card_y"]{
   width:28%;
}

/* お問い合わせ画面 */
div#page_memEdit.contact_.col1_ select[name="subject_id"]{
   width:92%;
}

/* マイページ商品閲覧履歴画面 */
.history_sales_{
   color:red !important;
}

/* カード情報変更画面 */
#page_memEdit .cardedit_info_ input{
   border:1px solid #CCC;
    text-indent:8px;
    line-height:2;
}

#page_memEdit .cardedit_info_ li select[name="card_m"],
#page_memEdit .cardedit_info_ li select[name="card_y"]{
   width:42%;
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    text-indent:8px;
    border:1px solid #CCC;
    background-image:url(../../ships_img/sp/parts/form_arw_select.png);
    background-repeat:no-repeat;
    background-position:right center;
    background-size:22px 18px;
    line-height:2;
    color:#000000;
}

#page_memEdit .cardedit_info_ input[type="text"]{
   width:55%;
}

#mypage{
   padding-top:10px;
}

table.chk_list_color input[type="checkbox"] + label{
   background:none;
}

div#modal_cart .modal_cart .modal_link{
   margin-bottom:15px;
}

/* レコメンド商品一覧 */
/*
div.dv_recommend{
   margin-top:7%;
}
div.dv_recommend .dv_rc_items{
   //height:200px;
    box-sizing:border-box;
    font-size:10px;
    line-height:1.4;
    margin-bottom:10px;
    //width:49%;
    float:left;
    padding:0 0.5%;
}

div.dv_recommend .dv_rc_items a{
   position:relative;
    text-decoration:none;
    color:#333;
}

div.dv_recommend .dv_rc_img{
   width:100%;
    position:relative;
    z-index:0;
}

div.dv_recommend .dv_rc_name{
   padding:8px 0 0 8px;
    display:none;
}

div.dv_recommend .dv_rc_price{
   bottom:0;
    left:0;
    padding:8px 0 0 8px;
}

div.dv_recommend .dv_rc_items:nth-child(3n+1){
   clear:inherit;
}
*/

div.modal_cart div.dv_recommend .dv_rc_items{
   //height:165px;
    box-sizing:border-box;
    font-size:10px;
    line-height:1.4;
    margin-bottom:10px;
    //width:49%;
    float:left;
    padding:0 0.5%;
}

#modalOpen #modal_cart.modal_cont,
#modalOpen #modal_error.modal_cont{
   padding:50px 10px 50px 10px;
}

div#modal_error .modal_link{
   margin-bottom:15px;
}

/* トップ新着アイテム */
/*.newitem_sales_{
   color:red;
font-weight:bold;
}
*/
/* トップランキングアイテム */
/*.rankingitem_sales_{
   color:red;
font-weight:bold;
}
*/
.method_box_ td.wrap_{
   vertical-align:top;
}

.method_box_ td.notice_{
   width:170px;
}

/* 支払方法選択画面 */
#frmchangemethod dl{
   max-height:0;
    overflow-y:hidden;
}

#keep:checked ~ #keepcard dl,
#new:checked ~ #newcard dl,
#keep:checked ~ #creditinfo dl,
#new:checked ~ #creditinfo dl,
#dcash:checked ~ #dcash dl,
#gmopaylater:checked ~ #gmopaylater dl{
   max-height:1000px;
    opacity:1;
}

/* -----------------------------------
header MENU
----------------------------------- */
#header.fixed{
position:fixed;
top:0;
left:0;
z-index:1000;
}
#menubg{
width:100%;
height:100%;
background-color:rgba(0,0,0,0.8);
position:fixed;
top:0;
left:0;
z-index:2000;
}
#menubg span{
position:absolute;
width:20px;
height:2px;
display:block;
background-color:#fff;
}
#menubg span:first-child{
top:30px;
right:15px;
transform:rotate(-45deg);
}
#menubg span:last-child{
top:30px;
right:15px;
transform:rotate(45deg);
}

/* -----------------------------------
絞込み
----------------------------------- */
.btn_fix{
width:100%;
position:fixed;
left:0;
bottom:10px;
z-index:1000;
}

ul.btn_search_refine_wrap_{
margin:0 10px;
}
ul.btn_search_refine_wrap_ li{
height:40px;
display:block;
padding:10px 92px 9px 93px;
box-sizing:border-box;
border:1px #04345a solid;
border-radius:20px;
background:#ffffff;
text-align:center;
font-size:14px;
font-weight:bold;
color:#04345a;
cursor:pointer;
position: relative;
}
ul.btn_search_refine_wrap_ li:before {
    content: '';
    position: absolute;
    left: 24px;
    width: 18px;
    height: 18px;
    background-image: url(../../ships_img/sp/parts/icon_check.png);
    background-repeat: no-repeat;
}
#page_rankinglist ul.btn_search_refine_wrap_ li{
	position: relative;
	width: 85%;
	background:#1A73E8;
	border-color:#1A73E8;
	color:#fff;
	border-radius: 3px;
}
#page_rankinglist ul.btn_search_refine_wrap_ li a{
	position: absolute;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	left: -1px;
	top: -1px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration: none;
}
#page_rankinglist ul.btn_search_refine_wrap_ li:before{
	display: none;
}

/* 絞込み枠 表示方法*/
.search_refine_wrap_,
.display_change_wrap_{
width:100%;
height:100%;
max-width:100%;
min-height:100%;
margin-bottom:0;
margin-top:0;
padding:0;
background-color:#eeeeee;
box-sizing:border-box;
overflow:hidden;
position:fixed;
top:0;
left:0;
z-index:5000;
display:none;
}
ul.search_refine_columns_,
ul.display_change_columns_{
width:100%;
position:absolute;
top:0;
left:0;
}
ul.search_refine_columns_ > li,
ul.display_change_columns_ > li{
width:100%;
float:left;
display:block;
transition:all ease 0.3s;
position:absolute;
top:0;
}
ul.search_refine_columns_ > li#search_refine--01,
ul.display_change_columns_ > li#display_change--01{
left:0;
z-index:5001;
}
ul.search_refine_columns_ > li#search_refine--02,
ul.display_change_columns_ > li#display_change--02{
left:100%;
z-index:5002;
}
ul.search_refine_columns_ > li#search_refine--02.select_active_,
ul.display_change_columns_ > li#display_change--02.select_active_{
transition:all ease 0.3s;
}
.display_change_wrap_ .display_change_header_{
line-height:60px;
font-size:14px;
font-weight:bold;
color:#000000;
text-align:center;
background-color:#ffffff;
position:absolute;
top:0;
left:0;
width:100%;
}
.search_refine_wrap_ .search_refine_header_{
line-height:60px;
font-size:14px;
font-weight:bold;
color:#000000;
text-align:center;
background-color:#ffffff;
position:absolute;
top:0;
left:0;
width:100%;
}
.search_refine_wrap_ .search_refine_header_ > *{
}
.search_refine_wrap_ .search_refine_header_ input[type="button"].refine_cancel_,
.display_change_wrap_ .display_change_header_ input[type="button"].display_change_cancel_{
border: none;
position: absolute;
left: 20px;
top: 20px;
text-indent: -9999px;
display: block;
width: 20px;
height: 20px;
background: url(../../ships_img/sp/parts/modal_close.png) no-repeat;
background-size: 100%;
}
.search_refine_wrap_ .refine_btnsearch_wrap_,
.display_change_wrap_ .display_change_btn_wrap_{
/*background-color:#fff;*/
bottom:0;
left:0;
box-sizing:border-box;
padding:10px;
position:absolute;
width:100%;
}
#page_shoptop .search_refine_wrap_ .refine_btnsearch_wrap_{
padding:10px 15px;
}
.display_change_wrap_ .display_change_btn_wrap_ .display_change_resetbtn{
display:table-cell;
width:35%;
padding-right:5%;
box-sizing:border-box;
}
.display_change_wrap_ .display_change_btn_wrap_ .display_change_resetbtn span{
width:100%;
height:40px;
line-height:40px;
text-decoration:none;
text-align:center;
display:block;
cursor:pointer;
background-color:#eeeeee;
color:#fff;
border-radius:20px !important;
cursor:pointer;
}
.search_refine_wrap_ .refine_btnsearch_wrap_{
position:fixed;
}
.search_refine_wrap_ .refine_resetbtn, .search_refine_wrap_ .refine_resetbtn_news, .search_refine_wrap_ .refine_resetbtn_store{/*リセット*/
width:70px;
height:20px;
position:absolute;
top:20px;
right:20px;
}

.search_refine_wrap_ .refine_resetbtn span, .search_refine_wrap_ .refine_resetbtn_news span, .search_refine_wrap_ .refine_resetbtn_store span{/*リセット*/
width:70px;
height:20px;
line-height:20px;
text-decoration:none;
text-align:center;
display:block;
cursor:pointer;
background-color:#eeeeee;
color:#000000;
font-size:10px;
font-weight:normal;
border-radius:10px !important;
cursor:pointer;
}
input.refine_btnsearch_,
input.display_change_btn_{
width:100%;
height:40px;
line-height:40px;
background-color:#04345a;
text-align:center;
border:none;
color:#ffffff;
font-size:14px;
font-weight:bold;
border-radius:20px !important;
-webkit-appearance: none;
}
#page_shoptop input.refine_btnsearch_{
height:50px;
line-height:50px;
border-radius:25px !important;
-webkit-appearance: none;
}

#page_searchtop input.refine_btnsearch_{
height:50px;
line-height:50px;
border-radius:25px !important;
-webkit-appearance: none;
}

.search_refine_wrap_ .refine_inner_,
.display_change_wrap_ .display_change_inner_{
overflow-y:scroll;
height: 80%;
box-sizing:border-box;
background-color:#eeeeee;
-webkit-overflow-scrolling: touch;
}

#page_shoptop #search_refine--02.select_active_ .refine02_inner{
background-color:#eeeeee;
}
/* 絞込み内容リスト */
.search_refine_wrap_ .refine_inner_ > *,
.display_change_wrap_ .display_change_inner_ > *{
margin:15px;
background-color:#ffffff;
}
.refine_inner_ li.search_refine_list_,
.display_change_inner_ li.display_change_list_{
/*padding:0 10px;*/
cursor:pointer;
display:block;
}
.refine_inner_ li.space,
.display_change_inner_ li.space{
border-bottom:10px;
}
ul.search_refine_list_wrap-more{
display:none;
}
.refine_inner_ li.search_refine_list_.search_refine_list-freeword .search_refine_list_inner_{
padding:20px 10px;
}
.refine_inner_ li.search_refine_list_.search_refine_list-freeword .search_refine_list_inner_ span{
display:block;
padding:0 0 5px 0;
}
.refine_inner_ li.search_refine_list_.search_refine_list-freeword .search_refine_list_inner_ input{
background-color:#fafafa;
border-radius:2px;
border:1px solid #f2f2f2;
font-size:13px;
height:40px;
width:100%;
line-height:40px;
box-sizing:border-box;
padding:0 10px;
}
.refine_inner_ li.search_refine_list_ .search_refine_list_inner_,
.display_change_inner_ li.display_change_list_ .search_refine_list_inner_{
border-bottom:1px solid #eeeeee;
box-sizing:border-box;
display:table;
height:auto;
padding:0 15px;
position:relative;
table-layout:fixed;
width:100%;
}
.refine_inner_ li.search_refine_list_.search_refine_list-condition .search_refine_list_inner_{
border-bottom:11px solid #eeeeee;
}
.refine_inner_ li.search_refine_list_ .search_refine_list_inner_ p.search_refine_list_name,
.display_change_inner_ li.display_change_list_ .search_refine_list_inner_ p.search_refine_list_name{
font-size:14px;
line-height:19px;
display:table-cell;
vertical-align:middle;
padding:10px 0 11px;
width:35%;
}
.refine_inner_ li.search_refine_list_ .search_refine_list_inner_ p.select_txt,
.display_change_inner_ li.display_change_list_ .search_refine_list_inner_ p.select_txt{
display:table-cell;
vertical-align:middle;
box-sizing:border-box;
font-size:12px;
line-height:19px;
text-align:right;
padding:11px 15px 10px 10px;
width:75%;
position:relative;
}
.refine_inner_ li.search_refine_list_ .search_refine_list_inner_ p.select_txt > span,
.display_change_inner_ li.display_change_list_ .search_refine_list_inner_ p.select_txt > span{
display:block;
}
.refine_inner_ li.search_refine_list_ .search_refine_list_inner_ p.select_txt::before,
.refine_inner_ li.search_refine_list_ .search_refine_list_inner_ p.select_txt::after,
.display_change_inner_ li.display_change_list_ .search_refine_list_inner_ p.select_txt::before,
.display_change_inner_ li.display_change_list_ .search_refine_list_inner_ p.select_txt::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
vertical-align:middle;
}
.refine_inner_ li.search_refine_list_ .search_refine_list_inner_ p.select_txt::before,
.display_change_inner_ li.display_change_list_ .search_refine_list_inner_ p.select_txt::before{
right:0;
width:4px;
height:4px;
top:50%;
margin-top:-3px;
border-top:1px solid #95989a;
border-right:1px solid #95989a;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.refine_inner_ li.search_refine_list_ .search_refine_list_inner_ p.search_refine_list_more{
font-size:14px;
line-height:1.5;
display:table-cell;
vertical-align:middle;
padding:13px 0 12px;
width:100%;
position:relative;
}
.refine_inner_ li.search_refine_list_ .search_refine_list_inner_ p.search_refine_list_more::before{
content:"";
width:12px;
height:2px;
background-color:#002a4f;
position:absolute;
top:50%;
margin-top:-1px;
right:0;
}
.refine_inner_ li.search_refine_list_ .search_refine_list_inner_ p.search_refine_list_more::after{
content:"";
width:2px;
height:12px;
background-color:#002a4f;
position:absolute;
top:50%;
margin-top:-6px;
right:5px;
}
.refine_inner_ li.search_refine_list_.on_ .search_refine_list_inner_ p.search_refine_list_more::after{
width:0;
height:0;
}
#search_refine--02 .refine02_inner,
#display_change--02 .display_change02_inner_{
background-color:#fff;
box-sizing:border-box;
margin-bottom:0;
margin-top:0;
max-width:100%;
min-height:100%;
overflow:hidden;
padding:0;
width:100%;
height:100%;
z-index:5001;
position:absolute;
top:0;
left:0;
display:none;
}
#search_refine--02 span.back_refine01,
#display_change--02 span.back_refine01{
font-size:12px;
/*color:#fff;*/
position:absolute;
top:50%;
left:15px;
margin-top:-4px;
line-height:1em;
padding-left:12px;
}
#search_refine--02 span.back_refine01::before,
#search_refine--02 span.back_refine01::after,
#display_change--02 span.back_refine01::before,
#display_change--02 span.back_refine01::after{
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
vertical-align:middle;
}
#search_refine--02 span.back_refine01::before,
#display_change--02 span.back_refine01::before{
left:0;
width:6px;
height:6px;
top:50%;
margin-top:-5px;
border-bottom:2px solid #000000;
border-left:2px solid #000000;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
#search_refine--02 input[type="radio"] + label,
#display_change--02 input[type="radio"] + label{
padding:15px 50px 15px 47px;
}
#search_refine--02 input[type="checkbox"] + label{
background-position:10px center;
padding:15px 50px 15px 47px;
}
#search_refine--02 ul.radiobtn_list_wrap,
#display_change--02 ul.checkbox_list_wrap {
}
#search_refine--02 ul.radiobtn_list_wrap li.radiobtn_list,
#display_change--02 ul.radiobtn_list_wrap li.radiobtn_list{
border-bottom:1px solid #eeeeee;
font-size:14px;
margin:0 10px;
}
#search_refine--02 ul.radiobtn_list_wrap li.radiobtn_list_slide,
#display_change--02 ul.radiobtn_list_wrap li.radiobtn_list_slide{
margin:0 10px;
}
#search_refine--02 ul.radiobtn_list_wrap li.radiobtn_list_slide p,
#display_change--02 ul.radiobtn_list_wrap li.radiobtn_list_slide p{
padding:15px 50px 15px 20px;
border-bottom:1px solid #eeeeee;
position:relative;
font-size:14px;
}
#search_refine--02 ul.radiobtn_list_wrap li.radiobtn_list_slide p::before,
#display_change--02 ul.radiobtn_list_wrap li.radiobtn_list_slide p::before{
content:"";
width:12px;
height:2px;
background-color:#002a4f;
position:absolute;
top:50%;
margin-top:-1px;
right:18px;
}
#search_refine--02 ul.radiobtn_list_wrap li.radiobtn_list_slide p::after,
#display_change--02 ul.radiobtn_list_wrap li.radiobtn_list_slide p::after{
content:"";
width:2px;
height:12px;
background-color:#002a4f;
position:absolute;
top:50%;
margin-top:-6px;
right:23px;
}
#search_refine--02 ul.radiobtn_list_wrap li.radiobtn_list_slide p.on_{
font-weight:bold;
}
#search_refine--02 ul.radiobtn_list_wrap li.radiobtn_list_slide p.on_::after{
width:0;
height:0;
}
#search_refine--02 ul.radiobtn_list_wrap li > ul{
display:none;
}
#search_refine--02 ul.radiobtn_list_wrap li.radiobtn_list_slide > ul > li.radiobtn_list{
margin:0;
}
#search_refine--02 ul.checkbox_list_wrap li.checkbox_list_ttl{
background-color:#eeeeee;
font-size:26px;
font-weight:bold;
line-height:34px;
margin:0 0 6px;
padding-left:24px;
text-align:left;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-brand{
display:none;
}

#search_refine--02 ul.alphabets{
/*padding:20px;*/
margin:0 11px;
width:calc(100% - 22px);
box-sizing:border-box;
overflow:hidden;
background:#eeeeee;
}

#search_refine--02 ul.alphabets li{
box-sizing:border-box;
float:left;
font-size:22px;
padding:0 4px 4px;
margin:0;
position:relative;
text-align:center;
width:16.6%;
height:0;
padding-bottom:16.6666666667%;
line-height:100%;
}
#search_refine--02 ul.alphabets li span.rect{
border-radius:4px;
display:block;
position:relative;
background-color:#ffffff;
border:1px solid #ffffff;
width:100%;
height:0;
padding-bottom:100%;
}
#search_refine--02 ul.alphabets li span.rect span{
margin-top:-11px;
position:absolute;
text-align:center;
top:50%;
width:100%;
box-sizing:border-box;
display:block;
}
#search_refine--02 ul.alphabets li.on_ span.rect span{
font-weight:bold;
font-size:24px;
}
#search_refine--02 ul.alphabets li.alphabets_list-OTHER{
width:33.3333333333%;
padding-right:12px;
}
#search_refine--02 ul.alphabets li.alphabets_list-OTHER .rect{
padding-bottom:50%;
padding-right:8px;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip{
width:92vw;
margin:0 auto;
overflow:hidden;
background:#eeeeee;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li{
float:left;
border:none;
/*
width:62px;
height:62px;
*/
width:16.4vw;
height:16.4vw;
border-radius:4px;
margin:2.5vw 2.5vw 0 0!important;
box-sizing:border-box;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li:nth-child(5n){
/*width:61px;*/
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-01{
/*border:1px solid #d9d9d9;*/
background-color:#fff;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-02{
background-color:#c1c0c0;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-03{
background-color:#000;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-04{
background-color:#e1ca9d;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-05{
background-color:#8B4513;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-06{
background-color:#e78aa2;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-07{
background-color:#c2333c;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-08{
background-color:#d5884a;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-09{
background-color:#f5da52;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-10{
background-color:#4a8544;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-11{
background-color:#4a65ae;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-12{
background-color:#78427e;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-13{
border:1px solid #d9d9d9;
background-image: url(../../ships_img/sp/parts/col_silver.png);
background-repeat:repeat;
background-size:auto 100%;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-14{
border:1px solid #d9d9d9;
background-image: url(../../ships_img/sp/parts/col_gold.png);
background-repeat:repeat;
background-size:auto 100%;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-15{
border:1px solid #d9d9d9;
background-image: url(../../ships_img/sp/parts/col_other.png);
background-repeat:repeat;
background-size:auto 100%;
}
/*
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-15 label{
font-size:10px;
text-indent:0;
box-sizing:border-box;
padding:14px 0 0 7px;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-15 input[type="checkbox"]:checked + label{
text-indent:-9999px;
}
*/
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li label{
text-indent:-9999px;
background:none;
padding:0;
/*
width:62px;
height:62px;
*/
width:16.4vw;
height:16.4vw;
}
/*
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li:nth-child:(5n) label{
text-indent:-9999px;
background:none;
padding:0;
width:62px;
height:62px;
}
*/

#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li:nth-child(5n){
margin-right:0!important;
}

#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li input[type="checkbox"]:checked + label{
background-image: url(../../ships_img/sp/parts/check_color.png);
background-position:center;
background-repeat:no-repeat;
background-size:50%;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-13 input[type="checkbox"]:checked + label{
background-image:url(../../ships_img/sp/parts/check_color.png),url(../../ships_img/sp/parts/col_silver.png);
background-size:50%,100%;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-14 input[type="checkbox"]:checked + label{
background-image:url(../../ships_img/sp/parts/check_color.png),url(../../ships_img/sp/parts/col_gold.png);
background-size:50%,100%;
}
#search_refine--02 ul.checkbox_list_wrap.checkbox_list_wrap-colorchip > li.checkbox_list-color-15 input[type="checkbox"]:checked + label{
background-image:url(../../ships_img/sp/parts/check_color.png),url(../../ships_img/sp/parts/col_other.png);
background-size:50%,100%;
}
.refine02-price #price_volsort div .pv_inner{
   padding:35px 30px 10px 30px;
    position:relative;
}
.refine02-price #price_volsort div #priceText{
text-align:center;
margin-bottom:20px;
font-size:20px;
}
/*絞り込み モーダルなし*/
.no_modal_.search_refine_wrap_{
  display: block;
  position: relative;
  background: none;
  z-index: 1;
}
.no_modal_.search_refine_wrap_.active_{
  position: fixed;
  z-index: 5000;
}
.no_modal_ #search_refine--001 .refine_btnsearch_wrap_,
.no_modal_ ul.search_refine_columns_,
.no_modal_ ul.search_refine_columns_ > li{
  position: static;
}
.no_modal_ #search_refine--02{
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 100%;
}
.no_modal_ #search_refine--02 .refine_inner_{
  margin-top: 60px;
  padding-bottom: 130px;
}

/* 商品詳細・スタイリング詳細スライダー */
.goodsimg_ .bx-prev,
.goodsimg_ .bx-next{
position:absolute;
top:60vw;/*225px*/
width:23px;
height:46px;
margin-top:-23px;
text-indent:-9999px;
}
.goodsimg_ .bx-prev,
.pswp .pswp__button--arrow--left{
width:23px;/*need*/
left:0;
background: url(../../ships_img/sp/parts/arrow_slide_l.png) center center no-repeat;
background-size:23px 46px;
}
.goodsimg_ .bx-next,
.pswp .pswp__button--arrow--right{
width:23px;/*need*/
right:0;
background: url(../../ships_img/sp/parts/arrow_slide_r.png) center center no-repeat;
background-size:23px 46px;
}
#goodsdetail_slider li a{
height:120vw; /*450px;*/
display:block;
overflow:hidden;
}
#goodsdetail_slider li a img{
min-width:100%;
min-height:100%;
max-width:none;
}
#goodsdetail_slider li figcaption{
width:100%;
margin:9px 0 6px;
padding:0 15px;
height:20px;
text-align:center;
font-size:12px;
line-height:18px;
color:#666666;
}
#goodsdetail_slider figcaption .day{
display:block;
text-align:right;
}

#pre_goodsdetail_slider li a{
height:120vw; /*450px;*/
display:block;
overflow:hidden;
}
#pre_goodsdetail_slider li a img{
width:100%;
min-height:100%;
max-width:none;
}
#pre_goodsdetail_slider li figcaption{
width:100%;
margin:9px 0 6px;
padding:0 15px;
height:20px;
text-align:center;
font-size:12px;
line-height:18px;
color:#666666;
}
#pre_goodsdetail_slider figcaption .day{
display:block;
text-align:right;
}
.goodsimg_ #img_loader{
height:120vw;
padding-top:60vw;
text-align:center;
}
.goodsimg_ #img_loader img{
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.bx-pager.bx-default-pager{
width:100%;
box-sizing:border-box;
padding:0 15px;
text-align:center;
}
.bx-pager.bx-default-pager .bx-pager-item {
display:inline-block;
}
.bx-pager.bx-default-pager .bx-pager-item a{
width:11px;
height:11px;
background:#ccc;
margin:4px 6px;
cursor:pointer;
text-indent:-9999px;
border-radius:20px;
display:block;
}
.bx-pager.bx-default-pager .bx-pager-item a.active{
background:#999;
}
#goodsdetail_slider .lazy_img{
display:none;
}
.bx-wrapper{
    position:relative;
}

/* 絞込みチェックボックス追記分 */
#search_refine--02 ul.checkbox_list_wrap li.checkbox_list,
#display_change--02 ul.checkbox_list_wrap li.checkbox_list{
border-bottom:1px solid #f0f0f0;
font-size:14px;
margin:0px 13px;
}
#search_refine--02 ul.checkbox_list_wrap li.checkbox_list_slide,
#display_change--02 ul.checkbox_list_wrap li.checkbox_list_slide{
margin:0 10px;
}
#search_refine--02 ul.checkbox_list_wrap li.checkbox_list_slide p,
#display_change--02 ul.checkbox_list_wrap li.checkbox_list_slide p{
padding:15px 50px 15px 20px;
border-bottom:1px solid #f0f0f0;
position:relative;
font-size:14px;
}
#search_refine--02 ul.checkbox_list_wrap li.checkbox_list_slide p::before,
#display_change--02 ul.checkbox_list_wrap li.checkbox_list_slide p::before{
content:"";
width:12px;
height:2px;
background-color:#002a4f;
position:absolute;
top:50%;
margin-top:-1px;
right:18px;
}
#search_refine--02 ul.checkbox_list_wrap li.checkbox_list_slide p::after,
#display_change--02 ul.checkbox_list_wrap li.checkbox_list_slide p::after{
content:"";
width:2px;
height:12px;
background-color:#002a4f;
position:absolute;
top:50%;
margin-top:-6px;
right:23px;
}
#search_refine--02 ul.checkbox_list_wrap li.checkbox_list_slide p.on_{
font-weight:bold;
}
#search_refine--02 ul.checkbox_list_wrap li.checkbox_list_slide p.on_::after{
width:0;
height:0;
}
#search_refine--02 ul.checkbox_list_wrap li > ul{
display:none;
}
#search_refine--02 ul.checkbox_list_wrap li.checkbox_list_slide > ul > li.checkbox_list{
margin:0;
}

.customer_a_message_{
padding:20px 10px 30px;
}


/* コーディネート詳細のボタンデザイン化 */
.coordinate_item_dtail + .arrow_sidelink{
padding:15px 0;
text-align:center;
}

.coordinate_item_dtail + .arrow_sidelink a{
display:inline-block;
padding:15px 60px;
font-weight:bold;
font-size:12px;
text-decoration:none;
margin-bottom:8px;
border:solid 2px #000;
}

.coordinate_item_dtail + .arrow_underlink{
padding:15px 0;
text-align:center;
}
.coordinate_item_dtail + .arrow_underlink a{
display:inline-block;
padding:15px 60px;
font-weight:bold;
font-size:12px;
text-decoration:none;
background-image:none;
margin-bottom:8px;
border:solid 2px #000;
}
/* 商品一覧 */
.info_belt_{
position:absolute;
left:0;
bottom:0;
}

.info_belt_ .timesale_{
background-color:#d31434;
color:#ffffff;
font-size:12px;
width:auto;
max-width:178px;
padding:0 5px;
line-height:22px;
max-height:22px;
display:inline-block;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:normal;
white-space:nowrap;
vertical-align:middle;
opacity:0.7;
}

/* SPボタン一括調整 */
.main_action_button_ {
    display: table-cell;
    width: 250px;
    /*height: 40px;*/
    padding: 9px 23px 8px;
    border: 1px #333333 solid;
    border-radius: 80px;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    color: #FFF;
    text-decoration: none;
    background-color:#036;
    -webkit-appearance: none;
    margin: 0 auto;
}

/* SPボタン一時的に調整 20181115*/
#page_memEdit .btn_c2 .btn_c2_l,
#page_memEdit div.btn_c2 input[type="image"], #page_memEdit .btn_c2 img{
	width: 100%;
	height: 30px;
	font-size: 3.8vw;
	border-radius: 9999px;
	margin-bottom: 10px;
}
#page_memEdit div.btn_c2 input[type="image"],
#page_memEdit .btn_c2 img{
	width: 100% !important;
}

#page_memEdit .btn_c2 .btn_c2_l{
	position: relative;
	top: calc(13.1vw + 10px);
}

#page_memEdit .btn_c2 .btn_c2_l .sub_action_button_{
	margin-top: 0;
}
#page_memEdit .btn_c2 .btn_c2_r{
	position: relative;
	top: calc(-30px - 10px);
}

#page_memEntry:not(.customer_) div.btn_c2 input[type="image"]{
	width: 100% !important;
}
#page_memEntry:not(.customer_) .btn_c2 .btn_c2_l{
	position: relative;
	top: calc(13.1vw + 10px);
	margin-bottom: 10px;
}
#page_memEntry:not(.customer_) .btn_c2 .btn_c2_r{
	position: relative;
	top: calc(-13.1vw - 10px);
}

#page_memEntry2 .main_action_button_{
	width: 100%;
	height: 13.1vw;
	font-size: 3.8vw;
	border-radius: 9999px;
}
#page_memEntry2 .main_action_button_.btn_next_ {
	width: 280px;
	max-width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	border: none;
	border-radius: 40px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	display: block;
	background: #04345a;
	cursor: pointer;
	text-decoration: none;
}
#page_memEntry2 img[src*="btn_memberTop.png"]{
	width: 100%;
}

#page_memEdit div.btn_c2 input[src*="btn_back.png"],#page_memEdit .btn_c2 img[src*="btn_back.png"]{
	width: 100px !important;
}

/* item_point */
.cont_inner .item_point {
   margin-top: 5px;
}

/*----------------------------------------
 add 2019 01 21
 ボタン類の調整
----------------------------------------*/
/*フォーム系タグリセット*/
.device-btn{
	text-align: center;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	height: auto !important;
}
.device-btn:last-of-type{
	margin-bottom: 40px !important;
}
.device-btn *{
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	color: #000;
	float: none !important;
	position: relative !important;
}

.device-btn .device-btn-blue,
.device-btn .device-btn-gray{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 45px;
	width: 290px !important;
	border-radius: 23px;
	padding: 5px;
	background: #04345A !important;
	color: #FFF !important;
	font-weight: normal !important;
	font-size: 15px !important;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer !important;
	text-decoration: none !important;
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
}

.device-btn .rakutenpay{
	background-color: transparent !important;
}


.device-btn .device-btn-blue:hover,
.device-btn .device-btn-gray:hover{
	opacity: 0.7;
}

.device-btn .device-btn-gray{
	background: #EEE !important;
	color: #04345A !important;
}

div.order_ .order_backhome {
    min-height: 35px;
    width: 200px !important;
}

.mb10{
	margin-bottom: 10px;
}
.mt10{
	margin-top: 10px !important;
}
.mb20{
	margin-bottom: 20px;
}

input#kidsAdd {
    width: 50% !important;
}
p.kids_title_message {
    margin: 3px 0;
}

.address_bottom_.device-btn{margin-bottom: 0 !important;}
.address_bottom_.device-btn:after{content: ""; height: 0; display: block; clear: both;}
.address_bottom_.device-btn .device-btn-gray{
	float: right !important;
	width: 160px !important;
	min-height: 30px;
	font-size: 11px !important;
	margin-bottom: 0 !important;
}
.release-btn.device-btn .device-btn-blue{
	width: 120px !important;
	min-height: 35px;
	padding: 0;
	font-size: 14px !important;
	margin-top: 10px;
}

.cart-btn:before{
	display: inline-block;
	content: "";
	width: 20px;
	height: 18px;
	background: url(../../ships_img/pc/parts/btn_cart_marc.gif);
	margin-right: 10px;
	margin-left: -10px;
	position: relative;
	top: -1px;
}

#modalOpen .modal_title_bookmark {
    padding: 19px 20px;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
}

.bookmark-btn:before{
	display: inline-block;
	content: "";
	width: 20px;
	height: 18px;
	background: url(../../ships_img/pc/parts/btn_bookmark_marc.png);
	background-size: 90%;
    background-repeat: no-repeat;
    background-position: bottom;
	margin-right: 10px;
	margin-left: -10px;
	position: relative;
	top: 0px;
}

.modal_link_bookmark:last-of-type {
    margin-bottom: 10px !important;
}

/*----------------------------------------
2019/01/07
ランキング改修
----------------------------------------*/

#page_rankinglist #listTab{
	margin: 40px 0 20px;
}
#ranking_sub_menu{
	/* margin-bottom: 40px; */
	margin-bottom: 24px;
}

.ranking_sub_menu_block{
	display: block;
}
.ranking_sub_menu_block:nth-child(2){
	display: none;
}
.ranking_sub_menu_block.is-visible{
	display: block;
}
.ranking_sub_menu_sp{
	display: block;
}
.ranking_sub_menu_block .ranking_sub_menu_name{
	display: block;
	margin: 0 15px 8px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.08em;
	color: #666;
}

/*
.ranking_sub_menu_block{
	display: none;
}
.ranking_sub_menu_sp{
	display: block;
}
.ranking_sub_menu_name{
	display: none;
}
*/
.ranking_sub_menu_list{
	/* overflow-x: scroll; */
	display: flex;
	gap: 8px;
	overflow-x: auto;
	white-space: nowrap;
	/* padding:0 15px; */
	padding: 0 20px 4px;
	font-size: 0;
	/* background: #F8F8F8; */
	background: transparent;
	scrollbar-width: none;
}

.ranking_sub_menu_list::-webkit-scrollbar{
	display: none;
}

.ranking_sub_menu_list:after{content: ""; height: 0; display: block; clear: both;}
.ranking_sub_menu_list li{
	/* display: inline-block; */
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 12px;
}

.ranking_sub_menu_list li:first-child{
	/* margin-left: 10px; */
	margin-left: 0;
}
.ranking_sub_menu_list li:last-child{
	/* margin-right: 10px; */
	margin-right: 0;
}

.ranking_sub_menu_list li a{
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0 12px;
	background: #f3f3f3;
	color: #333;
	text-decoration: none;
	position: relative;
	line-height: 1.2;
}

.ranking_sub_menu_list li a.active{
	color: #999;
	background: #ebebeb;
}

#ranking_sub_menu .ranking_sub_menu_block:nth-child(1) .ranking_sub_menu_list,
#ranking_sub_menu .ranking_sub_menu_block:nth-child(3) .ranking_sub_menu_list{
	gap: 0;
	padding-left: 20px;
	padding-right: 15px;
}

#ranking_sub_menu .ranking_sub_menu_block:nth-child(1) .ranking_sub_menu_list li a,
#ranking_sub_menu .ranking_sub_menu_block:nth-child(3) .ranking_sub_menu_list li a{
	border-radius: 0;
}

#ranking_sub_menu .ranking_sub_menu_block:nth-child(1) .ranking_sub_menu_list li + li a,
#ranking_sub_menu .ranking_sub_menu_block:nth-child(3) .ranking_sub_menu_list li + li a{
	border-left: 1px solid #fff;
}

#ranking_sub_menu .ranking_sub_menu_block:nth-child(1) .ranking_sub_menu_list li:last-child a,
#ranking_sub_menu .ranking_sub_menu_block:nth-child(3) .ranking_sub_menu_list li:last-child a{
	border-radius: 0 18px 18px 0;
}

.ranking_sub_menu_list li a.active:after{
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 7px;
	height: 1px;
	background: #999;
}
.ranking_left {
    text-align: left;
    float: left;
}
.ranking_right {
    text-align: right;
    padding-top: 8px;
    margin-right: 30px;
}

a.ranking_link_a {
    text-decoration: none;
}

.ranking_right a::after {
    content: '';
    width: 7px;
    height: 7px;
    position: absolute;
    vertical-align: middle;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 5px;
    margin-left: 4px;
}

/*----------------------------------------
2019/01/23
アラート表示
----------------------------------------*/
#modal_arart_bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.6);
	z-index: 1500;
}
#modal_arart{
	position: fixed;
	width: 80%;
	max-width: 400px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
}

#modal_arart p {
	font-size: 20px;
	font-weight: bold;
	margin:15px 0 40px;
}
#modal_arart_cl_S{
	width: 41px;
	height: 41px;
	position: absolute;
	right: 0;
	bottom: 100%;
	cursor: pointer;
	font-size: 0;
	transition: 0.3s;
}
#modal_arart_cl_S:before,
#modal_arart_cl_S:after{
	content: "";
	width: 31px;
	height: 1px;
	background: #FFF;
	position: absolute;
	left: 5px;
	top: 21px;
}
#modal_arart_cl_S:before{
	transform: rotate(45deg);
}
#modal_arart_cl_S:after{
	transform: rotate(-45deg);
}
#modal_arart_cl_S:hover{
	opacity: 0.7;
}
#modal_arart_cl_s{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	bottom: 100%;
	cursor: pointer;
	transition: 0.3s;
}

#modal_arart_cl_L{
	width: 170px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #FFF;
	background: #04345A;
	border-radius: 20px;
	text-align: center;
	transition: 0.3s;
}
#modal_arart_cl_L:hover{
	cursor: pointer;
	opacity: 0.7;
}
html.no-scroll,
html.no-scroll body{
	position: fixed;
	top: 0;
	left: 0;
	height: 100% !important;
	overflow: hidden !important;
}

/*----------------------------------------
 2019 01 24
 商品詳細改修
----------------------------------------*/

/* 関連アイテム */
#item_coordeView{
	padding: 15px;
	background: #EEE;
}
#item_coordeView .title_g_rec{
	padding-left: 0;
}
#item_coordeView .id_checkItem li{
	margin-bottom: 30px;
}
#item_coordeView .id_checkItem li:after{content: ""; height: 0; display: block; clear: both;}
#item_coordeView .id_checkItem > li > a{
	float: left;
	display: block;
	width: 44%;
}
#item_coordeView .corde_list{
	float: right;
	width: calc(47% + 30px);
	margin-right: -15px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
#item_coordeView .corde_list ul{
	font-size: 0;
	white-space: nowrap;
}
#item_coordeView .corde_list ul li{
	display: table-cell;
	width: 30vw;
	font-size: 12px;
	padding-right:5px;
}
#item_coordeView .corde_list ul li + li{
	margin-left: 2vw;
}
#item_coordeView .corde_list ul li img{
	margin-bottom: 2px;
}
#item_coordeView .corde_list ul li p{
	width: 30vw;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	white-space: nowrap;
	text-decoration: none;
}
#item_coordeView .corde_list ul li a{
	text-decoration:none;
}
#item_coordeView .more_category{
	display:block;
	height: 0;
	overflow: hidden;
	opacity: 0;
	margin: 0 !important;
}
#item_coordeView .btn_more a::after{
	display: none;
}

/* STYLE BOOK */
#stylebook{
	margin-bottom: 60px;
}

#stylebook .slick-dots{
	font-size: 0;
}

#stylebook .stylebook_item{
	position: relative;
}
#stylebook .stylebook_description{
	position: absolute;
	left: 4%;
	bottom: 9.5vw;
	font-size: 4vw;
	line-height: 1.4;
	color: #FFF;
}
#stylebook .stylebook_description small{
	display: block;
	font-size: 2.5vw;
}
#stylebook .stylebook_description h3{
	margin-top: 1.7vw;
}

#stylebook .slick-dots li{
	width: 30px;
	height: 3px;
	margin: 0 0 3px 3px;
}
#stylebook .slick-dots li button{
	width: 30px;
	height: 3px;
	background: #EEE;
	cursor: pointer;
	border-radius: 10px;
	padding: 0;
}
#stylebook .slick-dots li.slick-active button{
	background: #CCC;
}

/* 関連特集 */
#pickUp{
	margin-bottom:40px;
}
#pickUp li{
	margin-bottom: 25px;
}

#pickUp li:after{content: ""; height: 0; display: block; clear: both;}

#pickUp .listPhoto{
	float: left;
	width: 44%;
}
#pickUp p:nth-of-type(1){
	float: right;
	clear: right;
	width: calc(53% - 15px);
	margin-right: 15px;
	font-size: 12px;
	color: #666;
}
#pickUp p:nth-of-type(2){
	float: right;
	font-size: 14px;
	width: calc(53% - 15px);
	margin-right: 15px;
	font-size: 12px;
}
#pickUp p:nth-of-type(2) a{
	text-decoration: none;
}
/*----------------------------------------
2019/02/01
各レーベルTOPページ コンテンツ表示数制御
----------------------------------------*/

/* サイトTOP */
#page_index .pickUp .item_list.custom li:nth-child(n+7) ~ li{display: none;}/* PICK UP */
.news_list li:nth-child(n+5) ~ li{display: none;}/* NEWS */
.newArrivals .item_list li:nth-child(n+8) ~ li{display: none;}/* NEW ARRIVALS */
.itemTopics .item_list li:nth-child(n+8) ~ li{display: none;}/* ITEM TOPICS */
#ranking .item_list_2 li:nth-child(n+10) ~ li{display: none;}/* RANKING */
.staffStyling .item_list_c3 li:nth-child(n+9) ~ li{display: none;}/* STAFF STYLING */
#page_index .events .item_list li:nth-child(n+6) ~ li{display: none;}/* EVENTS */

/* SHIPS */
body.label_11_top #page_index .pickUp .item_list.custom li:nth-child(n+7) ~ li{display: none;}/* PICK UP */
body.label_11_top .news_list li:nth-child(n+5) ~ li{display: none;}/* NEWS */
body.label_11_top .newArrivals .item_list li:nth-child(n+8) ~ li{display: none;}/* NEW ARRIVALS */
body.label_11_top .itemTopics .item_list li:nth-child(n+8) ~ li{display: none;}/* ITEM TOPICS */
body.label_11_top #ranking .item_list_2 li:nth-child(n+10) ~ li{display: none;}/* RANKING */
body.label_11_top .staffStyling .item_list_c3 li:nth-child(n+9) ~ li{display: none;}/* STAFF STYLING */
body.label_11_top #page_index .events .item_list li:nth-child(n+6) ~ li{display: none;}/* EVENTS */

/* SHIPS for women */
body.label_31_top #page_index .pickUp .item_list.custom li:nth-child(n+7) ~ li{display: none;}/* PICK UP */
body.label_31_top .news_list li:nth-child(n+5) ~ li{display: none;}/* NEWS */
body.label_31_top .newArrivals .item_list li:nth-child(n+8) ~ li{display: none;}/* NEW ARRIVALS */
body.label_31_top .itemTopics .item_list li:nth-child(n+8) ~ li{display: none;}/* ITEM TOPICS */
body.label_31_top #ranking .item_list_2 li:nth-child(n+10) ~ li{display: none;}/* RANKING */
body.label_31_top .staffStyling .item_list_c3 li:nth-child(n+9) ~ li{display: none;}/* STAFF STYLING */
body.label_31_top #page_index .events .item_list li:nth-child(n+6) ~ li{display: none;}/* EVENTS */

/* Prefer SHIPS */
body.label_34_top #page_index .pickUp .item_list.custom li:nth-child(n+3) ~ li{display: none;}/* PICK UP */
body.label_34_top .news_list li:nth-child(n+5) ~ li{display: none;}/* NEWS */
body.label_34_top .newArrivals .item_list li:nth-child(n+4) ~ li{display: none;}/* NEW ARRIVALS */
body.label_34_top .itemTopics .item_list li:nth-child(n+4) ~ li{display: none;}/* ITEM TOPICS */
body.label_34_top #ranking .item_list_2 li:nth-child(n+10) ~ li{display: none;}/* RANKING */
body.label_34_top .staffStyling .item_list_c3 li:nth-child(n+6) ~ li{display: none;}/* STAFF STYLING */
body.label_34_top #page_index .events .item_list li:nth-child(n+2) ~ li{display: none;}/* EVENTS */

/* SHIPS Primary Navy Label */
body.label_37_top #page_index .pickUp .item_list.custom li:nth-child(n+1) ~ li{display: none;}/* PICK UP */
body.label_37_top .news_list li:nth-child(n+5) ~ li{display: none;}/* NEWS */
body.label_37_top .newArrivals .item_list li:nth-child(n+4) ~ li{display: none;}/* NEW ARRIVALS */
body.label_37_top .itemTopics .item_list li:nth-child(n+2) ~ li{display: none;}/* ITEM TOPICS */
body.label_37_top #ranking .item_list_2 li:nth-child(n+10) ~ li{display: none;}/* RANKING */
body.label_37_top .staffStyling .item_list_c3 li:nth-child(n+6) ~ li{display: none;}/* STAFF STYLING */
body.label_37_top #page_index .events .item_list li:nth-child(n+2) ~ li{display: none;}/* EVENTS */

/* SHIPS JET BLUE */
body.label_12_top #page_index .pickUp .item_list.custom li:nth-child(n+7) ~ li{display: none;}/* PICK UP */
body.label_12_top .news_list li:nth-child(n+5) ~ li{display: none;}/* NEWS */
body.label_12_top .newArrivals .item_list li:nth-child(n+8) ~ li{display: none;}/* NEW ARRIVALS */
body.label_12_top .itemTopics .item_list li:nth-child(n+8) ~ li{display: none;}/* ITEM TOPICS */
body.label_12_top #ranking .item_list_2 li:nth-child(n+10) ~ li{display: none;}/* RANKING */
body.label_12_top .staffStyling .item_list_c3 li:nth-child(n+9) ~ li{display: none;}/* STAFF STYLING */
body.label_12_top #page_index .events .item_list li:nth-child(n+4) ~ li{display: none;}/* EVENTS */

/* Khaju */
body.label_32_top #page_index .pickUp .item_list.custom li:nth-child(n+7) ~ li{display: none;}/* PICK UP */
body.label_32_top .news_list li:nth-child(n+5) ~ li{display: none;}/* NEWS */
body.label_32_top .newArrivals .item_list li:nth-child(n+8) ~ li{display: none;}/* NEW ARRIVALS */
body.label_32_top .itemTopics .item_list li:nth-child(n+8) ~ li{display: none;}/* ITEM TOPICS */
body.label_32_top #ranking .item_list_2 li:nth-child(n+10) ~ li{display: none;}/* RANKING */
body.label_32_top .staffStyling .item_list_c3 li:nth-child(n+9) ~ li{display: none;}/* STAFF STYLING */
body.label_32_top #page_index .events .item_list li:nth-child(n+4) ~ li{display: none;}/* EVENTS */

/* liflattie ships */
body.label_33_top #page_index .pickUp .item_list.custom li:nth-child(n+7) ~ li{display: none;}/* PICK UP */
body.label_33_top .news_list li:nth-child(n+5) ~ li{display: none;}/* NEWS */
body.label_33_top .newArrivals .item_list li:nth-child(n+8) ~ li{display: none;}/* NEW ARRIVALS */
body.label_33_top .itemTopics .item_list li:nth-child(n+8) ~ li{display: none;}/* ITEM TOPICS */
body.label_33_top #ranking .item_list_2 li:nth-child(n+10) ~ li{display: none;}/* RANKING */
body.label_33_top .staffStyling .item_list_c3 li:nth-child(n+9) ~ li{display: none;}/* STAFF STYLING */
body.label_33_top #page_index .events .item_list li:nth-child(n+4) ~ li{display: none;}/* EVENTS */

/* SHIPS Days */
body.label_66_top #page_index .pickUp .item_list.custom li:nth-child(n+7) ~ li{display: none;}/* PICK UP */
body.label_66_top .news_list li:nth-child(n+5) ~ li{display: none;}/* NEWS */
body.label_66_top .newArrivals .item_list li:nth-child(n+8) ~ li{display: none;}/* NEW ARRIVALS */
body.label_66_top .itemTopics .item_list li:nth-child(n+8) ~ li{display: none;}/* ITEM TOPICS */
body.label_66_top #ranking .item_list_2 li:nth-child(n+10) ~ li{display: none;}/* RANKING */
body.label_66_top .staffStyling .item_list_c3 li:nth-child(n+9) ~ li{display: none;}/* STAFF STYLING */
body.label_66_top #page_index .events .item_list li:nth-child(n+2) ~ li{display: none;}/* EVENTS */

/* SHIPS KIDS */
body.label_51_top #page_index .pickUp .item_list.custom li:nth-child(n+7) ~ li{display: none;}/* PICK UP */
body.label_51_top .news_list li:nth-child(n+5) ~ li{display: none;}/* NEWS */
body.label_51_top .newArrivals .item_list li:nth-child(n+8) ~ li{display: none;}/* NEW ARRIVALS */
body.label_51_top .itemTopics .item_list li:nth-child(n+8) ~ li{display: none;}/* ITEM TOPICS */
body.label_51_top #ranking .item_list_2 li:nth-child(n+10) ~ li{display: none;}/* RANKING */
body.label_51_top .staffStyling .item_list_c3 li:nth-child(n+9) ~ li{display: none;}/* STAFF STYLING */
body.label_51_top #page_index .events .item_list li:nth-child(n+2) ~ li{display: none;}/* EVENTS */

/*----------------------------------------
 期間限定ポイント
----------------------------------------*/

.limited_point_attention{
	position: relative;
	top: -10px;
}
.point_td_{
	width: 90px !important;
	text-align: left !important;
	padding-right: 0 !important;
	border-right: none !important;
}
.point_td_ + td{
	width: calc(100% - 40% - 90px) !important;
	padding-left: 0 !important;
	border-left: none !important;
}

#mypage .myData dl.acc_trigger_{
	padding-bottom: 50px;
	position: relative;
	cursor: pointer;
}
#mypage .limit_attention_{
	font-size: 11px;
	color: #F00;
	line-height: 1.4;
}
#mypage .acc_btn_{
	position: absolute;
	left: 50%;
	bottom: 15px;
	font-size: 13px;
	line-height: 1.2;
	transform: translate(-50%,0);
	padding: 5px 38px 5px 33px;
	border-radius: 20px;
	background: #AAA;
	color: #FFF;
	letter-spacing: 0.2em;
}
#mypage .acc_btn_:after{
	content: "";
	position: absolute;
	right: 15px;
	top: calc(50% - 4px);
	width: 6px;
	height: 6px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: rotate(45deg);
}
#mypage .open .acc_btn_:after{
	content: "";
	position: absolute;
	right: 15px;
	top: calc(50% - 2px);
	width: 6px;
	height: 6px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: rotate(-135deg);
}
#mypage .acc_content_{
	display: none;
	background: #FFF;
	margin-top: -1px !important;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #EEE;
	padding-bottom: 10px;
	cursor: pointer;
}
#mypage .acc_content_ table{
	width: 100%;
}
#mypage .acc_content_ th,
#mypage .acc_content_ td{
	padding: 5px 10px;
	font-weight: bold;
	vertical-align: middle;
}
#mypage .acc_content_ tr:nth-child(n+2) th,
#mypage .acc_content_ tr:nth-child(n+2) td{
	border-top: 1px dotted #EEE;
}
#mypage .acc_content_ th{
	padding: 5px 15px 5px 10px;
	font-size: 14px;
	font-weight: normal;
}
#mypage .acc_content_ td{
	text-align: right;
	font-size: 15px;
}
#mypage .acc_content_ td small{
	font-size: 11px;
	margin-left: 1px;
}
#mypage .acc_content_ td span{
	font-size: 11px;
	font-weight: normal;
	line-height: 1.4;
}
#mypage .acc_content_ .limit_point_{
	background: #f2f2f2;
	border-radius: 10px;
	padding: 5px 0px;
}
#mypage .acc_content_ .limit_point_ th{
	padding: 15px;
}
#mypage .acc_content_ .limit_point_ td{
	padding: 5px 20px;
}
#mypage .acc_content_ .limit_point_ tr:nth-child(n+2) th{
	padding: 0px 20px 10px 20px;
}
#mypage .acc_content_ .limit_point_ tr:nth-child(n+2) td{
	padding: 0px 20px 10px 20px;
	font-size: 14px;
}
#mypage .acc_content_ .limit_point_ .limit_attention_{
	font-size: 14px;
}

#point_log{
	margin: 0 20px 50px;
}
#point_log .tab_index_{
	text-align: center;
	font-size: 0;
	margin-bottom: 40px;
}
#point_log .tab_index_ li{
	display: inline-block;
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
	color: #CCC;
	padding: 12px;
	position: relative;
	cursor: pointer;
}
#point_log .tab_index_ li:hover{
	opacity: 0.7;
}
#point_log .tab_index_ li + li{
	margin-left: 20px;
}
#point_log .tab_index_ li.active_{
	color: #036;
	opacity: 1 !important;
}
#point_log .tab_index_ li.active_:after{
	content: "";
	width: calc(100% - 30px);
	height: 2px;
	background: #036;
	position: absolute;
	left: 15px;
	bottom: 0;
}
#point_log .tab_content_{
	opacity: 0;
	height: 0 !important;
	transition: 0.3s;
	overflow: hidden;
}
#point_log .tab_content_.active_{
	opacity: 1;
	height: auto !important;
	overflow: visible;
}
#point_log .tab_content_ h2{
	text-align: center;
	color: #0185CF;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EEE;
	margin-bottom: 20px;
}

#point_log .total_point_{
	font-size: 40px;
	text-align: center;
	text-indent: 20px;
	color: #036;
}
#point_log .total_point_:before{
	content: "P";
	display: inline-block;
	width: 26px;
	height: 26px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	line-height: 27px;
	text-align: center;
	background: #036;
	border-radius: 13px;
	padding-left: 2px;
	margin-right: 10px;
	position: relative;
	top: -9px;
	text-indent: 0;
}

#point_log .total_point_:after{
	content: "ポイント";
	font-size: 18px;
	margin-left: 5px;
	position: relative;
	top: -2px;
	text-indent: 0;
}

#point_log .app_point_{
	text-align: center;
	font-size: 14px;
	color: #999;
	margin-bottom: 40px;
}
#point_log .app_point_:before{
	content: "付与予定";
	margin-right: 0.5em;
}
#point_log .app_point_:after{
	content: "ポイント";
	margin-left: 0.5em;
}
#point_log dl{
	border-bottom: 1px dotted #E4E4E4;
	padding-bottom: 12px;
	margin: 0 auto 12px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#point_log dt {
	font-size: 12px;
	font-weight: bold;
	width: calc(100% - 110px);
	max-width: 230px;
}
#point_log dt span{
	display: block;
	font-size: 11px;
	color: #999;
	position: relative;
	font-weight: normal;
}
#point_log .total_ dt span{
	margin-top: 5px;
}
#point_log .total_ dt span:before{
	content: "有効期限： ";
}
#point_log .log_ dt span{
	margin-botom: 5px;
}
#point_log dd{
	font-size: 15px;
	color: #036;
	width: 110px;
	text-align: right;
	font-weight: bold;
}
#point_log dd:after{
	content: "ポイント";
	font-size: 11px;
	margin-left: 2px;
}

#point_log dt span.limit_attention_{
	padding-left: 20px;
	color: #F00;
}
#point_log dt span.limit_attention_:after{
	content: "！";
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	background: #F00;
	width: 16px;
	height: 16px;
	text-align: center;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: calc(50% - 8px);
}

#page_item .item_app_point_{
	margin: 25px 0 10px;
	display: table;
}
#page_item .item_app_point_ > *{
	display: table-cell;
	vertical-align: top;
}
#page_item .item_app_point_ > * + *{
	padding-left: 10px;
}
#page_item .point_modal_btn_{
	cursor: pointer;
	display: inline-block;
	position: relative;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #000;
	margin: 0 8px;
}
#page_item .point_modal_btn_:after{
	content: "";
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	position: absolute;
	left: -5px;
	top: -5px;
}
table.estimate_.sales_ td.point_attention_ span{
	text-align: left;
	display: block;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 10px;
}
body.point_modal_open_{
	position: fixed;
	width: 100%;
	left: 0;
}
body.point_modal_open_ #header{
	position: fixed;
	top: 0;
}

.point_modal_{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	z-index: 99999;
}
body.point_modal_open_ .point_modal_{
	display: block;
	height: 100%;
}

.point_modal_wrapper_{
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

.point_modal_in_{
	width: 500px;
	max-width: 90%;
	background: #FFF;
	padding: 20px;
	position: relative;
}
.point_modal_bg_{
	position: absolute;
	width: 100vw;
	height: 100vh;
}
.point_modal_bg_:nth-of-type(1){
	left: calc(50% - 50vw);
	bottom: 100%;
}
.point_modal_bg_:nth-of-type(2){
	left: calc(50% - 50vw);
	top: 100%;
}
.point_modal_bg_:nth-of-type(3){
	right: 100%;
	top: calc(50% - 50vh);
}
.point_modal_bg_:nth-of-type(4){
	left: 100%;
	top: calc(50% - 50vh);
}
.point_modal_close_{
	position: absolute;
	width: 34px;
	height: 34px;
	top: -40px;
	right: -5px;
	cursor: pointer;
}
.point_modal_close_:before,
.point_modal_close_:after{
	content: "";
	position: absolute;
	left: 0px;
	top: 16px;
	width: 34px;
	height: 2px;
	background: #FFF;
}
.point_modal_close_:before{
	transform: rotate(-45deg);
}
.point_modal_close_:after{
	transform: rotate(45deg);
}

.point_modal_in_ table{
	width: 100%;
}
.point_modal_in_ th,
.point_modal_in_ td{
	padding: 10px 0;
	vertical-align: middle;
	border-top: 1px dotted #CCC;
	color: #000;
	font-size: bold;
}
.point_modal_in_ tr:first-child th,
.point_modal_in_ tr:first-child td{
	border-top: none;
}
.point_modal_in_ td{
	text-align: right;
	padding-left: 10px;
	width: 150px;
	font-size: 16px;
	color: #036;
}
.point_modal_in_ td small{
	display: inline !important;
	font-size: 12px !important;
	margin: 0 0 0 1px !important; 
}
.point_modal_in_ td span{
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	margin-top: 3px;
}
/*----------------------------------------
 マイページ ポイント履歴
----------------------------------------*/
#point_log  span.limit_attention_{
	padding-left: 20px;
	color: #F00;
}
#point_log  span.limit_attention_:after{
	content: "！";
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	background: #F00;
	width: 16px;
	height: 16px;
	text-align: center;
	border-radius: 10px;
	position: absolute;
	left: 0;
	top: calc(50% - 8px);
}
.point_message {
    text-align: center;
}


/*----------------------------------------
 試着申し込み関連
----------------------------------------*/

#tryon{
	width: calc(100% - 20px);
	margin: 0 auto;
}
#tryon h2{
	font-size: 16px;
	text-align: center;
	margin-bottom: 14px;
}
#tryon .lead_text{
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 12px;
}
#tryon .lead_text2{
	font-size: 12px;
	line-height: 19px;
	text-align: left;
	margin-bottom: 28px;
}

#tryon .br_pc{
	display: none;
}

#tryon .tryon_box_2col{
	margin: 0 auto 25px;
}
#tryon .tryon_box_2col:after{
	content: "";
	height: 0;
	display: block;
	clear: both;
}
#tryon .tryon_flexbox{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#tryon .tryon_box_2col .tryon_box_l{
	width: calc(100% - 250px);
	max-width: 200px;
	margin-bottom: 25px;
}
#tryon .tryon_box_2col .tryon_box_r{
	width: calc(100% - 215px);
	min-width: 235px;
}
#tryon .item_label{
	margin-bottom: 5px;
	font-size: 11px;
}
#tryon h3{
	font-size: 15px;
	margin: -2px 0 10px;
}
#tryon .price{
	margin-bottom: 6px;
}
#tryon .tryon_info{
	margin-bottom: 29px;
}
#tryon .tryon_info dl{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 1px;
}
#tryon .tryon_info dl > *{
	display: table-cell;
	vertical-align: top;
	text-align: left;
	width: auto;
	white-space: nowrap;
}
#tryon .tryon_info label{
	margin-left: 1px;
}
#tryon .tryon_info label span{
	transition: 0.2s;
	position: relative;
	top: -1px;
}
#tryon input[type="hidden"],
#tryon input[type="text"],
#tryon input[type="search"],
#tryon input[type="tel"],
#tryon input[type="url"],
#tryon input[type="email"],
#tryon input[type="password"],
#tryon input[type="datetime"],
#tryon input[type="date"],
#tryon input[type="month"],
#tryon input[type="week"],
#tryon input[type="time"],
#tryon input[type="datetime-local"],
#tryon input[type="number"],
#tryon input[type="range"],
#tryon input[type="color"],
#tryon input[type="file"],
#tryon input[type="submit"],
#tryon input[type="image"],
#tryon input[type="reset"],
#tryon input[type="button"],
#tryon button,
#tryon select,
#tryon textarea,
#tryon_form .change_btn_{
  -webkit-appearance: none;
	box-sizing: border-box;
	vertical-align: top;
	border: none;
	margin: 0;
	padding: 0;
}
#tryon_form span:not(#tryon_year){
	display: inline-block;
	width: 140px;
	height: 20px;
	border: 1px solid #CCC;
	vertical-align: top;
	position: relative;
}
#tryon_form span:not(#tryon_year):after{
	content: "";
	position: absolute;
	right: 6px;
	top: calc(50% - 4px);
	width: 6px;
	height: 6px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	transform: rotate(45deg);
}
#tryon_form select{
	width: 100%;
	height: 100%;
	line-height: 18px;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0);
	padding-left: 5px;
	z-index: 10;
}
#tryon_form [type="submit"].change_btn_{
	clear: both;
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 14px;
	color: #C5C5C5;
	background: #EEE;
	border-radius: 25px;
	margin-bottom: 10px;
	transition: 0.2s;
}
#tryon [type="submit"].submit_btn {
    clear: both;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
    color: #C5C5C5;
    background: #EEE;
    border-radius: 25px;
    margin-bottom: 10px;
    transition: 0.2s;
}
#Frm_form [type="submit"].change_btn_.active{
	cursor: pointer;
	background: #00345D;
	color: #FFF;
}
#tryon [type="submit"].submit_btn.active {
    cursor: pointer;
    background: #00345D;
    color: #FFF;
}
#tryon .back_btn{
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 12px;
	color: #04345A;
	background: #EEE;
	border-radius: 25px;
	text-decoration: none;
}
#tryon .back_btn:hover{
	opacity: 0.7;
}


#tryon_form span.tryon_form_inner:not(#tryon_year){
	display: inline-block;
	width: 130px;
	height: 20px;
	border: none;
	vertical-align: top;
	position: relative;
}
#tryon_form span.tryon_form_inner:not(#tryon_year):after{
	content: "";
	position: absolute;
	right: 6px;
	top: calc(50% - 4px);
	width: 6px;
	height: 6px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	transform: rotate(45deg);
    z-index: 10;	
}

#tryon_form > label{
	display: inline-block;
	vertical-align: middle;
}

#tryon_form .change_btn_{
    max-width: 220px;
    height: 30px;
	padding: 0 10px;
    border-radius: 25px;
    text-align: center;
    display: none;
	vertical-align: middle;
    margin: 0 0 0 15px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    text-decoration: none;
    color: #FFF;
    background: #04345A;	
}

#tryon_form .change_btn_.active{display: inline-block;}
#page_memEdit #Frm select#visit_dt{
	width: 100%;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 12px;
	color: #04345A;
	background: #EEE;
	border-radius: 0;
	text-decoration: none;
	line-height: 1;	
}

.attention_box{
	max-width: calc(100vw - 30px);
	margin: 0 auto 40px;
}
.attention_box h4{
	text-align: left;
	margin-top: 15px;
}
.attention_box h4 a{
	display: inline-block;
	position: relative;
	padding-left: 15px;
	margin-right: 5px;
}
.attention_box h4 a:after{
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 3px);
	width: 6px;
	height: 6px;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	transform: rotate(45deg);
}
.attention_box li{
	padding-left: 1.2em;
	position: relative;
}
.attention_box li:before{
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}
.attention_box li + li{
	margin-top: 2px;
}
.try_list{
	border-top: 1px solid #EEE;
	display: block;
	margin-bottom: 40px;
	margin: 0 15px 30px
}
.try_list > dl{
	margin-bottom: 10px;
}
.try_list > dl > dt{
	background: #EEE;
	padding: 10px 15px;
	margin-bottom: 5px;
}
.try_list > dl > dd{
	padding: 10px 15px;
}
.try_list > dl > dd table{
	width: 100%;
}
.try_list > dl > dd tr > *{
	padding: 5px 0;
}
.try_list > dl > dd th{
	width: 104px;
}
.try_list > dl > dd table + p{
	text-align: right;
}
.try_list > dl > dd table + p a{
	display: inline-block;
	position: relative;
	padding-left: 15px;
	margin-top: 5px;
}
.try_list > dl > dd table + p a:after{
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 3px);
	width: 6px;
	height: 6px;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	transform: rotate(45deg);
}
span[class*="status_"]{
	display: inline-block;
	padding-left: 30px;
	position: relative;
}
span[class*="status_"]:before{
	content: "";
	width: 22px;
	height: 22px;
	position: absolute;
	left: 0;
	top: calc(50% - 11px);
	background-size: 100% 100%;
}
span.status_ready:before{ background-image: url(../../ships_img/pc/parts/status_icon_ready.png);}
span.status_try:before{ background-image: url(../../ships_img/pc/parts/status_icon_try.png);}
span.status_already:before{ background-image: url(../../ships_img/pc/parts/status_icon_already.png);}
span.status_cansel:before{ background-image: url(../../ships_img/pc/parts/status_icon_cansel.png);}
span.status_expired:before{ background-image: url(../../ships_img/pc/parts/status_icon_explired.png);}

.history_item_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.history_item_img{
	width: 80px;
}
.history_item_img img{
	width: 80px;
	height: auto;
}
.history_item_info{
	width: calc(100% - 95px);
}
.history_item_name{
	font-size: 15px;
	margin-bottom: 5px;
}
.history_item_info dl{
	display: flex;
	justify-content: flex-start;
	font-size: 12px;
}
a.under_line{
	text-decoration: underline !important;
}
a.under_line:hover{
	text-decoration: none !important;
}

.try_camsel_btn{
	text-align: center;
	width: calc(100% - 30px);
	margin: 20px auto 30px;
}
.try_camsel_btn a:hover{
	opacity: 0.7;
}
.try_camsel_btn a.cansel_btn{
	margin-top: 15px;
	background: #EEE;
	color: #04345A;
}
.try_camsel_btn p{
	margin-top: 30px;
	text-align: left;
	padding-left: 1em;
	position: relative;
}
.try_camsel_btn p:before{
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}
.change_btn_.active {
    max-width: 220px;
    height: 30px;
    padding: 0 10px;
    border-radius: 25px;
    text-align: center;
    display: none;
    vertical-align: middle;
    margin: 0 0 0 15px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    text-decoration: none;
    color: #FFF;
    background: #04345A;
}

#goodsdetail_slider{min-height: 500px;}

/*==============================
	会員規約、返品ポリシー
==============================*/
#Agreement_frame { padding: 30px 20px; margin: 30px 0 20px; background: #fbfbfb;}
#Agreement_frame h2.agree-headline { margin: 0 0 20px 0; font-size: 16px; font-weight: bold; text-align: center;}
#Agreement_frame .button-frame {}
#Agreement_frame .button-frame .btn { margin: 0 auto 10px;}
#Agreement_frame .button-frame .btn a,
#Agreement_frame .button-frame .btn span {
	width: 100%;
	max-width: 280px;
	height: 46px;
	padding: 0;
	margin: 0 auto;
	border: #cccccc 1px solid;
	border-radius: 40px;
	line-height: 46px;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #000000;
	background: #ffffff;
	cursor: pointer;
	display: block;
}
#Agree_info_tos    { padding: 30px 10px; margin: 0 auto; background: #ffffff;}
#Agree_info_kiyaku { padding: 30px 10px; margin: 0 auto; background: #ffffff;}
#Agree_info_policy { padding: 30px 10px; margin: 0 auto; background: #ffffff;}
#Return_info_policy    { padding: 30px 10px; margin: 0 auto; background: #ffffff;}
h2.agree-info-headline { margin: 0 0 20px 0; font-size: 18px; font-weight: bold; text-align: center;}
.agree-info-inner .agree-box { max-height: 70vh; padding: 20px; border: #cccccc 1px solid; overflow: hidden; overflow-y: scroll;}
.mfp-content { width: 90vw !important; margin: 0 auto;}
.mfp-close-btn-in .mfp-close { color :#000000;}

/*==============================
	カート画面に戻るボタン
==============================*/
.cart-frame-back { margin: 30px 0 80px; text-align: center;}
.cart-frame-back a,
.cart-frame-back span { text-decoration: underline; color: #666666;}
.cart-frame-back a::before,
.cart-frame-back span::before {
	content: '';
	width: 7px;
	height: 6px;
	margin: 0 5px 0 0;
	border: 1px solid;
	border-color: transparent transparent #666 #666;
	transform: rotate(45deg);
	display: inline-block;
	position: relative;
	top: -1px;
}
/*==============================
	新規会員登録確認画面
==============================*/
#page_memEdit form {
	padding: 0 15px;
}
/*==============================
	Amazon 連携
==============================*/
#AmazonMembers #AmazonPayButton {
	padding: 0;
}
#page_login #memberRegist #AmazonMembers {
	padding-bottom: 0;
}

/*==============================
	2段階認証画面
==============================*/
#page_two_factor_auth{
	text-align: center;
	padding: 0 15px;
}

#two_factor_auth_title{
 margin: 50px 0 20px;
 font-weight: bold;
 font-size: 20px;	
}

.two-factor-auth-message{
	margin-bottom: 35px;
	font-size: 13px;
}

.two_factor_auth_key_title{
	font-size: 16px;
}

.two_factor_auth_key{
	font-size: 16px;
}

.input_auth_key{
	margin-bottom: 45px;
}

.two_factor_auth_key{
	width: 150px;
	border: 1px solid #CCC;
    padding: 9px;
    border-radius: 3px;
	height: 39px;
}

.ErrorMessage{
	color: #c00;
	font-weight: 700;
	margin-top: 12px;
	font-size: 13px;
}

.resend_link {
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  color: #222222;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  margin: 5px 0 50px;
}

.resend_link:hover {
  color: #808080;
}

/* ========================================
   ランキング SP版 絞り込みUI (ranking-filter-improvement)
   ======================================== */

/* ---- ドロップダウンエリア ---- */
#ranking_dd_area{
    display:flex;
    gap:8px;
    padding:0 15px 16px;
}
.ranking_dd{
    flex:1;
    position:relative;
}
.ranking_dd_btn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 10px;
    height:36px;
    background:#f8f8f8;
    color:#666666;
    border:1px solid #ccc;
    border-radius:4px;
    box-shadow:0 2px 6px rgba(0,0,0,0.15);
    cursor:pointer;
    font-size:12px;
}
.ranking_dd.is-open .ranking_dd_btn{
    border-color:#04345a;
}
.ranking_dd_label{
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#666666;
}
.ranking_dd_icon{
    width:7px;
    height:7px;
    border-right:2px solid #666;
    border-bottom:2px solid #666;
    transform:rotate(45deg);
    margin-left:6px;
    margin-top:-3px;
    flex-shrink:0;
    transition:transform 0.2s;
}
.ranking_dd.is-open .ranking_dd_icon{
    transform:rotate(-135deg);
    margin-top:3px;
}
.ranking_dd_panel{
    display:none;
    position:absolute;
    top:calc(100% + 4px);
    left:0;
    right:0;
    background:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    z-index:200;
    max-height:280px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    box-shadow:0 4px 12px rgba(0,0,0,0.12);
}
.ranking_dd_list{
    list-style:none;
    margin:0;
    padding:0;
}
.ranking_dd_list li a{
    display:block;
    padding:10px 14px;
    font-size:12px;
    color:#333;
    text-decoration:none;
    border-bottom:1px solid #eee;
}
.ranking_dd_list li:last-child a{
    border-bottom:none;
}
.ranking_dd_list li a.active{
    color:#04345a;
    font-weight:bold;
}

/* ---- アコーディオン（ドロップダウン・フィルタパネル共通） ---- */
.ranking_acc_item{
    border-bottom:1px solid #eee;
}
.ranking_acc_title{
    display:flex;
    align-items:center;
    padding:10px 14px;
    font-size:12px;
    color:#333;
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
}
.ranking_acc_name{
    flex:1;
}
.ranking_acc_icon{
    width:14px;
    height:14px;
    position:relative;
    flex-shrink:0;
}
.ranking_acc_icon::before,
.ranking_acc_icon::after{
    content:'';
    position:absolute;
    background:#888;
    border-radius:1px;
}
.ranking_acc_icon::before{
    width:10px;
    height:1px;
    top:50%;
    left:2px;
}
.ranking_acc_icon::after{
    width:1px;
    height:10px;
    left:50%;
    top:2px;
    transition:transform 0.2s;
}
.ranking_acc_item.is-open .ranking_acc_icon::after{
    transform:rotate(90deg);
}
.ranking_acc_sub_list{
    display:none;
    list-style:none;
    margin:0;
    padding:0;
    background:#f7f7f7;
}
.ranking_acc_item.is-open .ranking_acc_sub_list{
    display:block;
}
.ranking_acc_sub_list li a{
    display:block;
    padding:9px 14px 9px 24px;
    font-size:12px;
    color:#555;
    text-decoration:none;
    border-bottom:1px solid #eee;
}
.ranking_acc_sub_list li:last-child a{
    border-bottom:none;
}
.ranking_acc_sub_list li a.active{
    color:#04345a;
    font-weight:bold;
}

/* ---- 絞り込みフィルタパネル ---- */
.ranking_filter_panel{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    height:100svh;
    z-index:4000;
}
.ranking_filter_overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
}
.ranking_filter_inner{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    max-height:80svh;
    min-height:80svh;
    background:#eeeeee;
    border-radius:14px 14px 0 0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}
.ranking_filter_header{
    background:#fff;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    flex-shrink:0;
    box-shadow:0 1px 0 #eee;
}
.ranking_filter_title{
    font-size:14px;
    font-weight:bold;
    color:#000;
}
.ranking_filter_close{
    position:absolute;
    left:16px;
    top:50%;
    transform:translateY(-50%);
    background:none;
    border:none;
    padding:0;
    width:22px;
    height:22px;
    cursor:pointer;
    -webkit-appearance:none;
}
.ranking_filter_close::before,
.ranking_filter_close::after{
    content:'';
    position:absolute;
    width:18px;
    height:2px;
    background:#333;
    top:50%;
    left:2px;
    border-radius:1px;
}
.ranking_filter_close::before{
    transform:rotate(45deg);
}
.ranking_filter_close::after{
    transform:rotate(-45deg);
}
.ranking_filter_body{
    flex:1;
    min-height:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:20px;
}
.ranking_filter_section{
    background:#fff;
    margin-bottom:8px;
}
.ranking_filter_section_ttl{
    padding:10px 15px;
    font-size:11px;
    font-weight:bold;
    color:#666;
    background:#eeeeee;
    letter-spacing:0.05em;
}
.ranking_filter_gender{
    list-style:none;
    margin:0;
    padding:10px 15px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.ranking_filter_gender li a{
    display:inline-flex;
    align-items:center;
    padding:6px 18px;
    border:1px solid #ddd;
    border-radius:20px;
    font-size:12px;
    color:#333;
    text-decoration:none;
    background:#fff;
}
.ranking_filter_gender li a.active{
    border-color:#04345a;
    color:#04345a;
    font-weight:bold;
    background:#f0f5fa;
}
.ranking_filter_category .ranking_acc_title{
    padding:10px 15px;
    font-size:13px;
}
.ranking_filter_panel .ranking_acc_name a,
.ranking_dd_panel .ranking_acc_name a{
    color:#333;
    text-decoration:none;
}
.ranking_filter_panel .ranking_acc_name a.active,
.ranking_dd_panel .ranking_acc_name a.active{
    color:#04345a;
    font-weight:bold;
}
.ranking_filter_category .ranking_acc_sub_list li a{
    padding-left:30px;
    font-size:13px;
}
.ranking_filter_label{
    list-style:none;
    margin:0;
    padding:0;
}
.ranking_filter_label li a{
    display:block;
    padding:10px 15px;
    font-size:13px;
    color:#333;
    text-decoration:none;
    border-bottom:1px solid #eee;
}
.ranking_filter_label li:last-child a{
    border-bottom:none;
}
.ranking_filter_label li a.active{
    color:#04345a;
    font-weight:bold;
}

/* スクロールロック */
body.ranking_scroll_lock{
    overflow:hidden;
}

.ranking_filter_section_body{
    display:none;
}

.ranking_filter_section_acc.is-open .ranking_filter_section_body{
    display:block;
}

.ranking_filter_acc_trigger{
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.ranking_filter_acc_icon{
    display:inline-block;
    width:8px;
    height:8px;
    flex-shrink:0;
    border-right:2px solid #666;
    border-bottom:2px solid #666;
    transform:rotate(45deg);
    vertical-align:middle;
    transition:transform 0.2s;
}

.ranking_filter_section_acc.is-open .ranking_filter_acc_icon{
    transform:rotate(-135deg);
}

.ranking_filter_footer{
    flex-shrink:0;
    padding:12px 16px;
    padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px));
    background:#fff00;
    border-top:1px solid #eee;
}

.ranking_filter_search_btn{
    width:100%;
    height:44px;
    background:#1A73E8;
    color:#fff; border:none;
    border-radius:4px;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    -webkit-appearance:none;
}

.ranking_filter_radio_label{
    display:flex;
    align-items:center;
    padding:10px 15px;
    font-size:13px;
    color:#333;
    border-bottom:1px solid #eee;
    gap:8px;
}

.ranking_filter_radio_label:last-of-type{
    border-bottom:none;
}

.ranking_filter_radio_label input[type="radio"]{
   position:static;
   flex-shrink:0; width:18px;
   height:18px;
   -webkit-appearance:radio;
   appearance:radio;
   accent-color:#04345a;
}

