﻿@charset "utf-8";
/* ===================================================================
 style info : custom.css
=================================================================== */

/*  -------------------------------
    カート初めての方ボタン
-------------------------------  */

button.MBR_ENT_NEXT {
    height: 70px;
    padding: 10px 0;
    border: 1px solid #7A7B7D;
    background-color: #9F9F9F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9F9F9F), to(#454545));
    background-image: -webkit-linear-gradient(top, #9F9F9F, #454545);
    background-image: -moz-linear-gradient(top, #9F9F9F, #454545);
    background-image: -ms-linear-gradient(top, #9F9F9F, #454545);
    background-image: -o-linear-gradient(top, #9F9F9F, #454545);
    background-image: linear-gradient(to bottom, #9F9F9F, #454545);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9F9F9F, endColorstr=#454545);}

/*  -------------------------------
    ノベルティランクアップ数量削除
-------------------------------  */

.PAGE_ORDER_NOVELTY .NOVEL_LIST li p.qty {
    display: none;
}

/*  -------------------------------
    再生ボタン
-------------------------------  */

.video_thumb:after {
display: block;
content: url(//hotellovers.jp/image/user/b/b96/b965a/b965ad8954e32d1449d5eb36d124c320.png);
background: url(//hotellovers.jp/image/user/b/b96/b965a/b965ad8954e32d1449d5eb36d124c320.png) 0 0 no-repeat;
position: absolute;
left: 50%;
top: 50%;
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
z-index: 5;
}

/*  -------------------------------
    背景グラデーション
-------------------------------  */

.backbody {
background: #ff936f; /* Old browsers */
background: -webkit-linear-gradient(left,  #ff936f 1%,#ffffff 76%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(left,  #ff936f 0%,#ffffff 76%); /* Chrome10-25,Safari5.1-6 */
}

/*  -------------------------------
    固定ヘッダー
-------------------------------  */

.searchtag {
position: fixed;
top: 0px;
width:100%;
z-index: 9999;
height: 40px;
background-color: rgba(0,0,0,0.7);
box-shadow: 0px 6px 5px -5px #555555;
text-align:center;
display: flex;
align-items: center;
padding:5px 0 0 5px;
}

.searchtag2 {
display:block;
float:left;
margin:0;
}

.searchtag2 img {
height:38px;
}
.searchtag3 {
margin:0 auto;
}

.searchtag4 {
text-align: right;
margin:0 8px 0 0;
}

.searchtag4 img {
height:38px;
}

.srspace {
width:100%;
height: 50px;
}

.PAGE_SEARCH_PARTS .search_keyword_wrap input[type='text'] {
    width: 115px;
    height: 30px;
    vertical-align: top;
    margin: 0;
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.link_search_detail {
display:none;
}

.PAGE_SEARCH_PARTS .search_keyword_wrap {
    width: 100%;
}

/*  -------------------------------
    即日発送注意文
-------------------------------  */

.deli_cau{
    text-align:left;
    font-size:small;
    margin:0 0 10px 0;
    line-height:1.1;
}

/*  -------------------------------
    SP商品詳細フッター固定
-------------------------------  */

.detail-foot2{
    position: fixed;  
    width:100%;
    right: 0;  
    bottom: 0;  
    z-index:99;
    line-height:0;
}

.detail-foot2 img{
  width : 50% ; 
  width : -webkit-calc(100% / 2) ;
  width : calc(100% / 2) ;
}

.detail-foot3{
    position: fixed;  
    width:100%;
    right: 0;  
    bottom: 0;  
    z-index:99;
    line-height:0;
}

.detail-foot3 img{
  width : 33.33333% ; 
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
}

/*  -------------------------------
    PC商品詳細LP幅調整
-------------------------------  */

.lp_image_list_pc{
    width:75%;
    margin:0 auto !important;
}

/*  -------------------------------
    カートバンドルSP
-------------------------------  */

.nove_list_wrap ul{
    background-color:#FFFF90;
    color:#FF0000;
    font-weight:bold;
}

.nove_list_wrap li {
    padding: 5px;
}

.nove_list_wrap li a{
    font-size:medium;
    text-decoration: underline;
}

.nove_list_wrap li a:visited {
    color: #0000FF;
}

.nove_list_wrap li a:link {
    color: #0000FF;
}

/*  -------------------------------
    リスト用基本スタイルSP
-------------------------------  */

.list_base_SP {
line-height:1;
margin:4% 1% 4% 1%;
padding:2px;
text-align:center;
}

.list_base_SP_itemname {
text-align:left;
font-size:xx-small;
color:#000;
font-weight:bold;
margin:3px 0 0;
}

.list_base_SP_colorname {
text-align:left;
font-size:small;
color:#ff6699;
font-weight:bold;
margin:3px 0 0;
}

.list_base_SP_price {
text-align:left;
font-size:small;
color:#F00;
font-weight:bold;
margin:3px 0 0;
}

.list_base_SP_label {
text-align:left;
}

/*  -------------------------------
    リスト用基本スタイルPC
-------------------------------  */

.list_base_PC {
line-height:1.2;
margin:4% 1% 4% 1%;
padding:2px 30px;
text-align:center;
}

.list_base_PC_itemname {
text-align:left;
font-size:small;
color:#000;
font-weight:bold;
margin:3px 0 0;
}

.list_base_PC_colorname {
text-align:left;
font-size:medium;
color:#ff6699;
font-weight:bold;
margin:3px 0 0;
}

.list_base_PC_price {
text-align:left;
font-size:medium;
color:#F00;
font-weight:bold;
margin:3px 0 0;
}

.list_base_PC_label {
text-align:left;
}

/*  -------------------------------
    リスト用ラベル
-------------------------------  */

.l_lb1 {
background-color:#555555;
color:#FFF;
font-size:xx-small;
font-weight:bold;
display: inline-block;
padding:2px 4px;
margin:0 2px;
}

.l_lb2 {
background-color:#1F9BF5;
color:#FFF;
font-size:xx-small;
font-weight:bold;
display: inline-block;
padding:2px 4px;
margin:0 2px;
}

.l_lb3 {
background-color:#62FE74;
color:#000;
font-size:xx-small;
font-weight:bold;
display: inline-block;
padding:2px 4px;
margin:0 2px;
}

.l_lb4 {
background-color:#FD3AC7;
color:#FFF;
font-size:xx-small;
font-weight:bold;
display: inline-block;
padding:2px 4px;
margin:0 2px;
}

.l_lb5 {
background-color:#FFFF00;
color:#F00;
font-size:xx-small;
font-weight:bold;
display: inline-block;
padding:1px 4px;
margin:0 2px;
border:solid 1px #F00;
box-sizing: border-box;
}

.l_lb6 {
background-color:#FE5450;
color:#FFF;
font-size:xx-small;
font-weight:bold;
display: inline-block;
padding:2px 4px;
margin:0 2px;
}

.l_lb7 {
    background-color: #ffffff;
    color: #584ffe;
    font-size: xx-small;
    font-weight: bold;
    display: inline-block;
    padding: 1px 4px;
    margin: 0 2px;
    border: 1px solid #584ffe;
    box-sizing: border-box;
}

.l_lb8 {
    background-color: #5950fe;
    color: #FFF;
    font-size: xx-small;
    font-weight: bold;
    display: inline-block;
    padding: 2px 4px;
    margin: 0 2px;
}

.l_lb9 {
background-color:#555555;
color:#FFF;
font-size:xx-small;
font-weight:bold;
display: inline-block;
padding:2px 4px;
margin:0 2px;
}

.l_lb10 {
background-color:#FF0000;
color:#fff;
font-size:xx-small;
font-weight:bold;
display: inline-block;
padding:2px 4px;
margin:0 2px;
}

/*  -------------------------------
    ブランドページ上部
-------------------------------  */

.brand_head_PC {
border-bottom: 1px solid #999;
background-color: #FFE4E1;
padding: 12px;
margin-bottom: 10px;
border-radius:6px;
}

.brand_head_PC p {
margin:0;
line-height: 17px;
color:#555;
}

.brand_head_PC h1 {
margin: 0 0 5px 0 !important;
padding: 10px 5px !important;
background-color: #ff6c5b !important;
color: #FFF !important;
font-size: 24px !important;
border-radius: 4px !important;
}



/*  -------------------------------
    選択型の上部info削除
-------------------------------  */
.NOVEL_INFO {
	display: none;
}

.novelty_wrap > .common_inner4 > .msg_wrap > .tbl_1 {
	display: none;
}


/* ノベルティランクアップのタイトル削除
----------------------------------------------------------- */

.NOVEL_GRADE > .TITLE {
	display:none;
}


.rankup_novelty_wrap > .ttl_2 {
	display:none;
}

/* PCノベルティ選択画面 画像正方形に
----------------------------------------------------------- */
.novelty_list li .thumb{
	width: 120px;
	height: auto;
	margin-bottom: 5px;
}



/* 商品詳細のブランド名削除 SP
----------------------------------------------------------- */
.inner_box > .TABLE_ITEM_INFO tr:nth-child(1) {
    display:none;
}

/* 商品詳細ののブランド名削除 PC
----------------------------------------------------------- */

.col_right > .item_info_wrap > .item_data dl dt:first-child {
    display: none;
}

.col_right > .item_info_wrap > .item_data dl dt:first-child +dd {
    display: none;
}


/* PCカート画面レコメンドのブランド名削除
----------------------------------------------------------- */
p.brand {
    display:none;
}


/* 商品詳細の商品名上部ラベルのpadding削減
----------------------------------------------------------- */
.ITEM_LABEL_WRAP {
    padding: 2px 0 4px !important;
}

.inner_box {
    padding: 2px 4px;
    font-size: 13px;
}

.LINK_LIST_WRAP {
    margin: 10px 0 2px;
}


/* 支払い方法画面　前回のクレジットカードor入力したカード
----------------------------------------------------------- */

.PAY_CREDIT>.INPUT_AREA label{
	font-weight:bold;
}


.DELI_YAMA>.INPUT_AREA{
	line-height:1.2;
	padding:3px 3px 0 3px;
	font-size:small;
	padding: 0 6px;
}


/* sp item h1 上書き
--------------------------------------------------------------------------------- */
.PAGE_ITEM_DETAIL1 h1 {
    margin: 2px;
    padding: 0;
    font-size: 13px;
    line-height: 1.3;
    font-weight: bold;
    clear: both;
}


/* sp レビュー投稿、一覧 h1 上書き
--------------------------------------------------------------------------------- */
.PAGE_MEMBER_REVIEW_EDIT h1 {
    margin: 2px;
    padding: 0;
    font-size: 13px;
    line-height: 1.3;
    font-weight: bold;
    clear: both;
}

.PAGE_REVIEW_ITEM_LIST h1 {
    margin: 2px;
    padding: 0;
    font-size: 13px;
    line-height: 1.3;
    font-weight: bold;
    clear: both;
}


/* pc item h1 上書き
--------------------------------------------------------------------------------- */
#main h1 {
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 24px;
    line-height: 1.3;
    clear: both;
}

/*  -------------------------------
    header margin
-------------------------------  */
#SIDE_WRAP {
	margin-top: 0;
}

/* module
--------------------------------------------------------------------------------- */
#pcmain .tC,
#pcmain .btn { text-align: center; }
#pcmain .tR,
#pcmain .sign { text-align: right; }
#pcmain .typeA {
	padding: 1px;
	border: 1px solid #d1c1f1;
	background-color: #fff;
	}
#pcmain .red { color: #ff0000; }
#pcmain .winered { color: #cf1142; }
#pcmain .blue { color: #0033ff; }
#pcmain .orange { color: #ff6600; }
#pcmain .pink { color: #ff0099; }
#pcmain .purple { color: #9900ff; }
#pcmain .gray { color: #acacac; }
#pcmain .x-large { font-size: 182%; }
#pcmain .large { font-size: 153.9%; }
#pcmain .mid { font-size: 123.1%; }
#pcmain .esmall { font-size: 108%; }
#pcmain .small { font-size: 93%; }
#pcmain .x-small { font-size: 77%; }
#pcmain .itemPrice {
	font-size: 116%;
	color: #000;
	text-align: center;
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	letter-spacing: 0.08em;
	}

#pcmain .basicTable {
	border-collapse: collapse;
}
#pcmain .basicTable th {
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
#pcmain .basicTable td {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
#pcmain .basicTable img {
	vertical-align: top;
}

/* layout
--------------------------------------------------------------------------------- */

/* #pcheader
----------------------------------------------------*/
#pcheader {
	height: 142px;
	margin: 0 auto 10px auto;
	padding: 0;
	text-align: left;
	width: 100%;
	background: url(../img/common/bg_wrap.gif) bottom no-repeat;
	}
.pcheaderwrap {
	width: 1120px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
.descriptionTxt {
	padding: 10px 0 5px 0;
	text-align: center;
	}

/* #pcmain
----------------------------------------------------*/
#pcmain {
	width: 920px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	line-height: 1.6;
	}

#pcmain a:link {
	color: #f65d5d;
	text-decoration: underline;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	}
#pcmain a:visited {
	color: #f65d5d;
	}
#pcmain a:hover {
	color: #ffbfbf;
	text-decoration: none;
	}
#pcmain a:active {
	}

/* #pcfooter
----------------------------------------------------*/
#pcfooterWrap {
	background: #000;
	margin: 40px 0 0 0;
	padding: 30px 0 20px 0;
	clear: both;
	}
#pcfooter {
	width: 1120px;
	margin: 0 auto;
	clear: both;
	font-size: 85%;
	color: #fff;
	}

/* #pcheaderLogo
----------------------------------------------------*/
#pcheaderLogo {
	margin: 0;
	padding: 0;
	width: 162px;
	float: left;
	}

/* #pcheaderSrc
----------------------------------------------------*/
#pcheaderSrc {
	margin: 10px 0 0 15px;
	padding: 0;
	float: left;
	}
#pcheaderSrc p {
	margin: 0 0 5px 10px;
	}
#pcheaderSrc form {
	margin: 0;
	padding: 0;
	}
#pcheaderSrc input {
	width: 195px;
	vertical-align: baseline;
	}

/* #pcheaderSokujitsu
----------------------------------------------------*/
#pcheaderSokujitsu {
	margin: 0;
	padding: 0;
	float: left;
	}

/* #pcglobalNav
--------------------------------------------------------------------------------- */
#pcglobalNav {
	margin: 17px 0 0 0;
	padding: 0;
	float: right;
	
	}
#pcglobalNav ul li {
	padding: 0;
	display: block;
	float: left;
	}
#pcglobalNav ul li:last-child,
#pcglobalNav ul li.lastChild {
	margin: 0;
	padding: 0;
	border: 0;
	}

/* #pcsubNav
--------------------------------------------------------------------------------- */
#pcsubNav {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	clear: both;
	position: relative;
	display: table;
	}
#pcsubNav ul {
	float: left;
	position: relative;
	}
#pcsubNav ul li {
	padding: 0;
	line-height: 39px;
	display: block;
	position: relative;
	float: left;
	}

/* dropdown menu
----------------------------------------------------*/
#pcsubNav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width: 160px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	}
#pcsubNav ul li a {
	color: #fff;
	display: block;
	text-decoration: none;
	}
#pcsubNav ul li:hover, .menu ul li a:hover {
	background: #fd829f;
	color: #fff;
	}
#pcsubNav ul li ul {
	position: absolute;
	top: 39px;
	width: 160px;
	z-index: 100;
	}
#pcsubNav ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 160px;
	height: 0;
	background: #fd829f;
	}
#pcsubNav ul li ul li:hover,
#pcsubNav ul li ul li a:hover {
	background: #f9c9cd;
	color: #151515;
	}
#pcsubNav ul li:hover ul li,
#pcsubNav ul li a:hover ul li {
	visibility: visible;
	overflow: visible;
	height: 39px;
	z-index: 10;
	}
#pcsubNav * {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	}

/* #footer
--------------------------------------------------------------------------------- */
#pcfooterWrap a:link,
#pcfooterWrap a:visited {
	color: #fff;
	text-decoration: none;
	}
#pcfooterWrap a:hover,
#pcfooterWrap a:active {
	color: #999;
	text-decoration: underline;
	}
#pcfooter ul {
	margin-bottom: 2.4em;
	text-align: center;
	}
#pcfooter ul li {
	display: inline;
	margin-left: 12px;
	padding-left: 12px;
	}
.pcfooterMenu ul li {
	display: inline;
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid #ccc;
	}
.pcfooterMenu ul li:first-child,
.pcfooterMenu ul li.firstChild {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
	}
.pcfooterSubMenu ul li {
	display: inline;
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid #ccc;
	}
.pcfooterSubMenu ul li:first-child,
.pcfooterSubMenu ul li.firstChild {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
	}
#pcfooter #pccopyright {
	text-align: center;
	padding-top: 10px;
	color: #fff;
	font-size: 93%;
	}

/* #back-top
----------------------------------------------------*/
#back-top {
	position: fixed;
	right: 0;
	bottom: 20px;
	}
#back-top a {
	width: 36px;
	display: block;
	text-align: center;
	font: normal 10px/85% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
	}
#back-top a:hover { color: #000; }
#back-top span {
	width: 36px;
	height: 36px;
	display: block;
	margin-bottom: 6px;
	background: url(../img/common/btn_gopagetop.png) no-repeat center center;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	}
#back-top a:hover span { background-color: none; }

/* page config
----------------------------------------------------*/
#tagSearchForm {
	text-align: center;
	margin: 20px 0 10px 0;
	padding: 0;
	}
#tagSearchForm input {
	width: 400px;
}
#tagSearchForm a:link,
#tagSearchForm a:visited {
	color: #ff518d;
	text-decoration: none;
	}
#tagSearchForm a:hover,
#tagSearchForm a:active {
	color: #ffa8c6;
	text-decoration: underline;
	}

/*----------------------------------------------------
	#pcmain
----------------------------------------------------*/
#pcmain h2 {
	width: 920px;
	margin-bottom: .6em;
	padding: 0 0 0 5px;
	line-height: 35px;
	background: url(../img/common/title_h2.png) no-repeat left;
	font-size: 138.5%;
	clear: both;
	}
#pcmain h3 {
	margin: 0 0 .8em 0;
	padding: 0 0 0 5px;
	line-height: 25px;
	border-bottom: 1px solid #ccc;
	font-size: 123.1%;
	clear: both;
	}
#pcmain h4,
#pcmain h5 {
	margin-bottom: .8em;
	padding: 0 0 0 5px;
	line-height: 20px;
	font-size: 116%;
	clear: both;
	}
#pcmain .article {
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
	clear: both;
	border: none;
	line-height: 1.5;
	}
#pcmain p,
#pcmain ul,
#pcmain ol,
#pcmain dl {
	margin: 0 10px 10px 10px;
	}
#pcmain strong { font-weight: bold; }

/* #sideLeft
----------------------------------------------------*/
#pcsideLeft ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	}
/* categoryBoxPrice */
#pcsideLeft .categoryBoxPrice > .category_cnts {
	margin: 0 0 .8em 0;
	padding: 0;
	clear: both;
	width: 180px;
	height: 40px;
	}
#pcsideLeft .categoryBoxPrice {
	width: 180px;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	clear: both;
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #000;
	}
#pcsideLeft .categoryBoxPrice {
	width: 180px;
	margin: 0 0 15px 0;
	padding: 0;
	}
#pcsideLeft .categoryBoxPrice ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #ebebeb;
	}
#pcsideLeft .categoryBoxPrice li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ebebeb;
	background: url(../img/common/list_marker_on.png) left center no-repeat;
	}
#pcsideLeft .categoryBoxPrice a {
	background: url(../img/common/list_marker_off.png) left center no-repeat;
	padding: 8px 0 6px 16px;
	display: block;
	color: #000;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	}
#pcsideLeft .categoryBoxPrice a:hover {
	color: #999;
	background-image: none;
	background-color: transparent;
	}
/* categoryBoxModel */
#pcsideLeft .categoryBoxModel > .category_cnts {
	margin: 0 0 .8em 0;
	padding: 0;
	clear: both;
	width: 180px;
	height: 40px;
	}
#pcsideLeft .categoryBoxModel {
	width: 180px;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	clear: both;
	font-size: 93%;
	color: #000;
	}
#pcsideLeft .categoryBoxModel {
	width: 180px;
	margin: 0 0 15px 0;
	padding: 0;
	}
#pcsideLeft .categoryBoxModel ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#pcsideLeft .categoryBoxModel li {
	margin: 0;
	padding: 0;
	}
#pcsideLeft a:link,
#pcsideLeft a:visited {
	color: #000;
	text-decoration: none;
	}
#pcsideLeft a:hover,
#pcsideLeft a:active {
	color: #999;
	text-decoration: underline;
	}
#pcsideLeft .brandInfo ul {
	margin: 0;
	padding: 0;
	}
#pcsideLeft .brandInfo li {
	margin: 0;
	padding: 0 0 5px 0;
	}

/* tbl-search */
.tbl-search { font-size: 13px; }

/* SP上書き
--------------------------------------------------------------------------------- */

/* ボタン/layout.css */

button,
#revList.BTN_REVIEW,
#revReg.BTN_REVIEW {
    border:1px solid #ff518d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-family:arial, helvetica, sans-serif;
    margin-bottom: 5px;
    padding: 2px 10px;
    text-decoration:none;
    display:inline-block;
    text-shadow: none;
    font-weight:bold;
    color: #FFFFFF;
    background-color: #ff71a6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff71a6, endColorstr=#ff518d);
}

input[type='button']{
    border:1px solid #ff518d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-family:arial, helvetica, sans-serif;
    margin: 0 5px;
    padding: 2px 10px;
    text-decoration:none;
    display:inline-block;
    text-shadow: none;
    font-weight:bold;
    color: #FFFFFF;
    background-color: #ff71a6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff71a6, endColorstr=#ff518d);
}

.PAGING li a,
.PAGING .prev a,
.PAGING .next a{
	min-width: 23px;
	box-sizing: border-box;
	display: inline-block;
	padding: 2px 3px;
	text-decoration: none;
	/*min-width: 60px;*/
	margin: 0; /* margin: 1px 0px; */
	text-align: center;
	color: #FFFFFF;
    background-color: #ff71a6;
    border: 1px solid #ff518d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px; /* font-size: 16px; */
    font-family:arial, helvetica, sans-serif;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff71a6, endColorstr=#ff518d);
}

.BTN_FAV{
	display: block;
	/*width: 100% !important;*/
	/*width: 304px !important;*/
	/*width: 290px !important;*/
	margin: 0 auto;
    border:1px solid #ff518d;
    color: #fff;
    background-color: #ff71a6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff71a6, endColorstr=#ff518d);
}

.PAGE_SEARCH_PARTS .search_keyword_wrap .btn_search_keyword{
    border:1px solid #ff518d;
    display: block;
    width: 30px;
	height: 30px;
	background: #ff71a6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff71a6, endColorstr=#ff518d);
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0;
}

/* パンくず */
.BREADCRUMBS {
	background-color:#FFE4E1;
	line-height: 1.3;
}

.breadcrumb_wrap{
	background: #FFE4E1;
	padding: 10px 15px;
	border-radius: 6px;
	margin-bottom: 14px;
	box-shadow: none;
}
.breadcrumb_wrap li {
	float: left;
}
.breadcrumb_wrap li:before{
	content: '';
	width: 12px;
	height: 15px;
	background: url('assets/img/common/ui/ic_arrow_right_1.png') no-repeat 0 center;
	margin: 0 5px 0 12px;
	display: inline-table;
	vertical-align: bottom;
}
.breadcrumb_wrap li:first-child:before{
	display: none;
}
.breadcrumb_wrap li a:hover{
	color: #888;
	text-decoration: none;
}


/*  -------------------------------
    カート購入周り
-------------------------------  */
.INPUT_CARTBOX1_5 {
    border: 1px solid #ff71a6;
}
.CART_BUTTON_WRAP .INPUT_CART1 {
    border-right: 1px solid #ff71a6;
}
.INPUT_CARTBOX1 {
	*border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 10px 0 10px 0;
}
.INPUT_CART1 {
	text-align: right;
}
.INPUT_CARTBOX1 th {
    color: #fff;
    padding: 4px 8px;
    background-color: #ff71a6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    font-weight: bold;
    border-left: 1px solid #ff71a6;
    border-top: 1px solid #ff71a6;
    border-bottom: 1px solid #ff71a6;
    line-height: 120%;
    text-align: center;
    text-shadow: none;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.INPUT_CARTBOX1 th:first-child {
    border-radius: 5px 0 0 0;
}
.INPUT_CARTBOX1 th:last-child {
    border-radius: 0 5px 0 0;
    border-right: 1px solid #ff71a6;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1), 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.INPUT_CARTBOX1 td {
    padding: 4px 8px;
    border-bottom: 1px solid #ff71a6;
    border-left: 1px solid #ff71a6;
    text-align: center;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.INPUT_CARTBOX1 tr td:last-child {
    border-right: 1px solid #ff71a6;
}
.INPUT_CARTBOX1 tr {
    background: #fff;
}
.INPUT_CARTBOX1 tr:nth-child(2n+1) {
    background: #fff6fe;
}
.INPUT_CARTBOX1 tr:last-child td {
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.INPUT_CARTBOX1 tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}
.INPUT_CARTBOX1 tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}
.INPUT_CARTBOX1 select {	
}

/*  -------------------------------
    リスト周り
-------------------------------  */
.result-search .right-col .result-col{
	min-height:400px;
	background:#fff;
	border:none;
}

/*  -------------------------------
    検索ボタン
-------------------------------  */
.search button{
	/*角丸リセット*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	/*角丸設定*/
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	
	height: 38px;
	padding: 0 10px!important;
	font-size:17px!important;
	margin-top:5px;
	margin-right:20px;
	border:1px solid #ff71a6;
    font-family:arial, helvetica, sans-serif;
    text-decoration:none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    color: #FFFFFF;
    background-color: #ff71a6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff71a6, endColorstr=#ff518d);
}

/*  -------------------------------
    絞り込み検索
-------------------------------  */
.result-search .left-col{
	width:180px;
	float:left;
	background:#fffaef;
}

/*----------------------------------*/
/* デフォルトボタン/PC
/*----------------------------------*/
.main_custom button {
    border:1px solid #ff71a6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
	line-height: 1.3;
    font-family:arial, helvetica, sans-serif;
    padding: 2px 10px;
    text-decoration:none;
    display:inline-block;
    text-shadow: none;
    font-weight:bold;
    color: #FFFFFF;
    background-color: #ff71a6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff71a6, endColorstr=#ff518d);
	outline: 0;
	min-height: 38px; /* add 20140430 */
}

.main_custom button:active{
    position: relative;
    top: 1px;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    outline: none;
}

.main_custom button.size_1{
	/*height: 28px;*/
	height: 38px; /* fix 20140425 */
	font-size: 14px;
	line-height: 1;
}

/* btn2 */ /* 矢印リンクボタン */
.main_custom .btn2{
	display: inline-block;
	border-radius: 4px;
	/*padding: 14px 14px 14px 14px;*/
	padding: 6px 10px;
	text-decoration: none;
	font-size: 14px;
	color: #FFFFFF;
    border: #ff71a6 1px solid;
    background-color: #ff71a6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff71a6, endColorstr=#ff518d);
}
.main_custom .btn2:hover{
	color: #999;
}
.main_custom .btn2:active{
	color: #999;
	text-decoration: none;
    background-color: #ff71a6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff71a6, endColorstr=#ff518d);
}
.main_custom .btn2:after{
	content: '';
	display: inline-block;
	width: 7px;
	height: 14px;
	background: url('../img/common/ui/ic_arrow_right_1.png') no-repeat center 2px;
	margin-left: 8px;
}

/* btn3 */ /* 大ボタン青 */
.main_custom button.btn3 {
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	border:1px solid #ff71a6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 17px;
    font-family:arial, helvetica, sans-serif;
    text-decoration:none;
    display: inline-block;
    text-shadow: none;
    font-weight:bold;
    color: #FFFFFF;
    background-color: #ff71a6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff71a6), to(#ff518d));
    background-image: -webkit-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -moz-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -ms-linear-gradient(top, #ff71a6, #ff518d);
    background-image: -o-linear-gradient(top, #ff71a6, #ff518d);
    background-image: linear-gradient(to bottom, #ff71a6, #ff518d);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff71a6, endColorstr=#ff518d);
}
.main_custom .btn_center{
	padding: 10px 0;
}
.main_custom .btn_center .btn3{
	min-width: 535px;
	display: block;
	margin: 0 auto;
}
.main_custom .btn_half{
	padding: 10px 0;
}
.main_custom .btn_half .btn3{
	min-width: 48.5%;
	display: block;
	float: right;
}
.main_custom .btn_half .btn3:first-child{
	min-width: 48.5%;
	display: block;
	float: left;
}
button.gray{
	color: #fff !important;
	border: 1px solid #a3a3a3 !important;
    background-color: #bfbfbf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#929292)) !important;
    background-image: -webkit-linear-gradient(top, #bfbfbf, #929292) !important;
    background-image: -moz-linear-gradient(top, #bfbfbf, #929292) !important;
    background-image: -ms-linear-gradient(top, #bfbfbf, #929292) !important;
    background-image: -o-linear-gradient(top, #bfbfbf, #929292) !important;
    background-image: linear-gradient(to bottom, #bfbfbf, #929292) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bfbfbf, endColorstr=#929292) !important;
}


/*----------------------------------*/
/* accordion list/SP
/*----------------------------------*/
.accordion_list .acc_ttl{
	background: #ff71a6;
	border-top: #ff518d solid 1px;
	padding: 2px 5px 5px 5px;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
}
.accordion_list .acc_ttl input[type='radio']{
	margin-right: 4px;
}
.accordion_list .acc_ttl:first-child{
	border-top: none;
}
.accordion_list .acc_box{
	display: none;
}
.accordion_list .acc_box.default{
	display: block;
}

/*----------------------------------*/
/* 商品詳細タイトル背景
/*----------------------------------*/
.INPUT_HEAD{
    background-color: #FCDDE8;
    color: #000;
}

/*----------------------------------*/
/* SP 詳細検索リンク色
/*----------------------------------*/

.PAGE_SEARCH_PARTS .link_search_detail a,
.PAGE_SEARCH_PARTS .link_search_detail a:visited {
	text-decoration: none;
	color: #333;
	}
.PAGE_SEARCH_PARTS .link_search_detail a:hover,
.PAGE_SEARCH_PARTS .link_search_detail a:active {
	text-decoration: none;
	color: #eaa27f;
	}

/*----------------------------------*/
/* tabs
/*----------------------------------*/
.tabs_wrapper{
      background: #000; 
}
    .tabs {
      position: relative;   
      min-height: 430px; /* This part sucks */
      height:auto !important;
	height:430px;
      margin: 10px 0;
    }
    .tab {
      float: left;
    }
    .tab label {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff1864), to(#620a29));
    background-image: -webkit-linear-gradient(top, #ff1864, #620a29);
    background-image: -moz-linear-gradient(top, #ff1864, #620a29);
    background-image: -ms-linear-gradient(top, #ff1864, #620a29);
    background-image: -o-linear-gradient(top, #ff1864, #620a29);
    background-image: linear-gradient(to bottom, #ff1864, #620a29);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff1864, endColorstr=#620a29);
      padding: 15px 2px 15px 2px; 
      border: 1px solid #fc246b; 
      margin-left: -1px; 
      position: relative;
      left: 1px; 
      font-size:0.8em
    }
     .tab label:first-child {
        margin-left:1px;
}

    .content {
      position: absolute;
      top: 36px;
      left: 0;
      background:#000;
      right: 0;
      bottom: 0;
      padding: 8px 0;
      border: 1px solid #fc246b; 
      overflow: hidden;
    }
   .tab .content dl{
       color: #fff;
       font-size:0.8em;
       margin-left:40%
}

   .tab .content dl dt{
       color: #000;
       font-size:1.2em;
       padding-left:5px;
       background: #fc246b;
}

   .tab .content dl dd{
      margin-bottom:10px;
}

    .tab [type=radio] {
      display: none;   
    }

    .content > * {
      opacity: 0;
      
      -webkit-transform: translate3d(0, 0, 0);
    
      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);
      
      -webkit-transition: all 0.6s ease;
      -moz-transition:    all 0.6s ease;
      -ms-transition:     all 0.6s ease;
      -o-transition:      all 0.6s ease;
    }
    [type=radio]:checked ~ label {
      background: black;
      color: white;
      border-bottom: 3px solid black;
      margin-right;5px;
      z-index: 2;
    }
    [type=radio]:checked ~ label ~ .content {
      z-index: 1;
    }
    [type=radio]:checked ~ label ~ .content > * {
      opacity: 1;
      
      -webkit-transform: translateX(0);
      -moz-transform:translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }



/*----------------------------------*/
/* 商品詳細リコメンドサムネイル
/*----------------------------------*/
.thumb_wrap2 li {
    display: block;
    float: left;
    margin: 0 0 0 8px;
    min-height: 300px;
}
.thumb_wrap2 li .thumb{
display: block;
width: 102px;
height: auto;
margin: 0 auto 4px;
}

.thumb_wrap2 li .name{
	line-height: 1.2em;
}


/*----------------------------------*/
/* リスト用色指定
/*----------------------------------*/

a.list_highlight {
    -webkit-tap-highlight-color: rgba(186,186,186,0.4);
}

a.list_highlight2 {
color:#000;
}

/*----------------------------------*/
/* リスト用PC行数指定
/*----------------------------------*/
.LINE_HEIGHT2 {
  text-align: left;
  line-height: 1.3em;
  height: 2.6em;
  overflow: hidden;
}

/*----------------------------------*/
/* 商品詳細
/*----------------------------------*/

ul.COLOR_VARI > li {
    display: inline-block;
    font-size: 12px;
    margin: 5px;
    vertical-align: top;
}

.text_word{
	width:100%; 
	padding: 10px; 
	margin-bottom: 10px; 
	border: 1px dotted hotpink; 
	border-radius: 10px;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */   
	line-height:1.2;
	box-sizing:border-box;
}

/*----------------------------------*/
/* 商品詳細テーブル
/*----------------------------------*/

table.SIZE_LIST {
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 4px;
    width: 100%;
}
table.SIZE_LIST TH {
	width:30%;
    background-color: #efefef;
    border: 1px solid #ccc;
    padding: 4px;
    text-align: center;
	vertical-align:middle;
	line-height: 1.3;
	font-weight: normal;
	font-size: small;
}

table.SIZE_LIST TD {
    border: 1px solid #ccc;
    padding: 4px;
    text-align: center;
	vertical-align:middle;
	line-height: 1.3;
	font-weight: normal;
	font-size: small;
}

.size_link{
	font-size:medium;
	text-align:left;
	color:deeppink;
}
.size_link a{
	color:deeppink;
}

a.block {
	display: block;
	width: 100%;
	height: 100%;
}


/*----------------------------------*/
/* モデルページテーブル
/*----------------------------------*/

table.MODEL_FRAME {
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 4px;
    width: 100%;
	background-color:#FFF;
	font-size:small;
}
table.MODEL_FRAME TH {
	width:40%;
    background-color: #efefef;
    border: 1px solid #ccc;
    padding: 4px;
    text-align: center;
	vertical-align:middle;
}

table.MODEL_FRAME TD {
    border: 1px solid #ccc;
    padding: 4px;
    text-align: left;
	vertical-align: top;

}

/*----------------------------------*/
/* スマホトップ
/*----------------------------------*/

.top_bn_margin{
	margin:0 0 3px 0;
	font-size:small;
}

.topbnr_sd{
	width:100%;
	display: inline-block; 
    box-shadow: 0px 3px 7px -3px rgba(0, 0, 0, 0.8);
}

/*----------------------------------*/
/* スマホガイド
/*----------------------------------*/

/* ガイドメッセージ */
.GUIDE_MSG {
	
}

.GUIDE_MSG.STRONG {
	font-weight: bold;
}

.GUIDE_MSG.CAUTION {
	font-weight: bold;
	color: red;
}

/*----------------------------------*/
/* PCpage
/*----------------------------------*/

.page-header {
    border-bottom: 1px solid #eeeeee;
    margin: 20px 0 30px;
    padding-bottom: 9px;
}

#pcmain table, #pcmain ol, #pcmain ul, #pcmain dl, #pcmain blockquote, #pcmain pre, #pcmain p {
    margin-bottom: 1.4em;
}


.table td.span3, .table th.span3 {
    float: none;
    margin-left: 0;
    width: 204px;
}


[class*="span"] {
    float: left;
    min-height: 1px;
}


#pcmain ul {
    line-height: 1.8;
    margin: 0.6em 10px 10px;
}


#pcmain li {
    line-height: 1.5;
    list-style-type: disc;
    margin: 0 10px;
}

/*----------------------------------*/
/* スマホレビュー画像サイズ
/*----------------------------------*/

.review_item_info .pic img {
    height: 300px;
    width: 300px;
}

/*----------------------------------*/
/* PCコンビニ決済
/*----------------------------------*/
div.table-low {
    font-size: 85.71%;
    margin: 0;
    padding: 0 0 30px;
}
div.table-low table {
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    line-height: 1.5;
    width: 100%;
}
div.table-low table td {
    padding: 7px 10px 6px;
}
div.table-low table .elementWrap {
    margin: 0 0 -10px;
}
.pik {
    margin: 0;
    padding: 0 0 2px;
}
.pik img {
    margin: 0;
    padding: 0 0 10px;
}
.middle {
    vertical-align: middle !important;
}
.center {
    text-align: center !important;
}
.lv3 {
    background: none repeat scroll 0 0 #fbfbf9 !important;
}
.headingLvLowest {
    margin: 0;
    padding: 0 0 12px;
}
div.table-low table .elementWrap {
    margin: 0 0 -10px;
}
.headingLvLowest p strong {
    color: #4c4c4c;
    display: block;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.15;
}
.table-low table .paragraph-low {
    margin: -12px 0 0;
    padding: 0 0 12px;
}
.table-low table .paragraph-low p {
    font-size: 100%;
}
em {
    color: deeppink;
    font-style: normal;
    font-weight: bold;
}
.table-low table .textListNavi-low {
    font-size: 100%;
    padding: 0 0 12px;
}
.right {
    text-align: right !important;
}
.textListNavi-low ul {
}
ul, li {
    list-style-type: none;
}
.textListNavi-low ul li {
    padding: 6px 0 0 10px;
    text-indent: -10px;
}
.textListNavi-low ul li a {
    background: url("http://hotellovers.jp/image/user/d/daa/daaac/daaac1c892493e9dd3e182dd01051b15.gif") no-repeat scroll 0 0.175em rgba(0, 0, 0, 0);
    padding: 0 0 0 10px;
}
div.table-low table td, div.table-low table th {
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    text-align: left;
}


.textListTerms-low {
    font-size: 85.71%;
    line-height: 1.5;
    margin: -7px 0 0;
    padding: 0 0 25px;
}
.middle {
    vertical-align: middle !important;
}
.left {
    text-align: left !important;
}
.textListTerms-low table th.term {
}
.textListTerms-low table th {
    padding: 6px 5px 0 0;
    text-align: left;
    white-space: nowrap;
}
.textListTerms-low table td.description {
}
.textListTerms-low table th, .textListTerms-low table td {
    padding: 6px 0 0;
}

.textListTerms-low table th.term {
}
.textListTerms-low table th {
    padding: 6px 5px 0 0;
    text-align: left;
    white-space: nowrap;
}

/*PC_RANKING_PAGE*/
.tab_rankmenu{
    width: 100%;}
 
.tab_rank{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;}
 
.tab_rank li{
    background: #ccc;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: .6em;}
 
    .tab_rank li.select{
        background: hotpink;}
 
.tab_content div{
    background: #f1f1f1;
    height: auto;
    padding: .6em;}
 
.hide{
    display:none;}

/*SP_RANKING_PAGE*/
.tab_rankmenu{
    width: 100%;}
 
.tab_rank_Sp{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
	}
 
.tab_rank_Sp li{
    background: #ccc;
    cursor: pointer;
    display: inline-block;
    width:25%;
    padding: .6em;
	}
 
    .tab_rank_Sp li.select{
        background: hotpink;}
 
.tab_content_Sp div{
    background: #f1f1f1;
    height: auto;
    padding: .6em;
    width:25%;
}
 
.hide{
    display:none;}

/*PC_SIDE_TAB*/

#pcsideLeft .categoryBoxSidetab {
    margin: 0 0 15px;
    padding: 0;
    width: 180px;
}

#pcsideLeft .categoryBoxSidetab > .category_cnts {
	margin: 0 0 .8em 0;
	padding: 0;
	clear: both;
	width: 180px;
	height: 40px;
	}

.sidetab_box{
    width: 180px;
		clear:both;
		}
.sidetab_box ul{
	margin:0 !important;
}
 
.tab_side{
    overflow: hidden;
    margin: 0 !important;
    padding: 0;
    list-style: none;}
 
.tab_side li{
    background: #ccc;
    cursor: pointer;
    display: inline-block;
    width: 80px;
    padding:5px;
	float:left;
	text-align:center;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	}
 
    .tab_side li.select{
        background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F872AE),
	color-stop(1, #FF0073)
);
background-image: -o-linear-gradient(bottom, #F872AE 0%, #FF0073 100%);
background-image: -moz-linear-gradient(bottom, #F872AE 0%, #FF0073 100%);
background-image: -webkit-linear-gradient(bottom, #F872AE 0%, #FF0073 100%);
background-image: -ms-linear-gradient(bottom, #F872AE 0%, #FF0073 100%);
background-image: linear-gradient(to bottom, #F872AE 0%, #FF0073 100%);
				color:#fff;
				font-weight:bold;
				-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
				}
 
.sidetab_content div{
    background: #fff;
    height: auto;
    padding:0;}
 
.hide{
    display:none;}
	
/*サイドアコーディオン
----------------------------------------------------------- */
.side_accordion	{
	width: 180px;
	padding: 5px;
}

.side_accordion dl	{
	color:hotpink;
	padding: 0;
	margin-bottom: -1px;
}
.side_accordion dt	{
	background: url(../img/common/dt.gif) no-repeat 5px 10px;
	padding: 5px 5px 5px 18px;
	border-top: 1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	font-size:small;
	width:155px;
}
.side_accordion dd	{
	padding: 5px 5px 5px 15px;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	line-height:1.5;
}
.side_accordion dd li	{
	background: url(../img/common/icon.gif) no-repeat 0 7px;
	padding: 0 0 0 10px;
	font-size: small;
}
.side_accordion .no_accordion {
	list-style:none;
	padding: 5px 5px 5px 18px;
	border: 1px solid #333;
	font-size:small;
	width:155px;
	background-image:none;
}

/*SP slidemenu
----------------------------------------------------------- */
/*header*/
#header {
	line-height:0;
    position: relative;
    width: 100%;
}
.button {
    position: absolute;
    display: block;
}
.menu-button-left {
    left: 0px;
}
.menu-button-right {
    right: 0px;
}

/*slidemenu*/
.slidemenu {
    background-color: #333;
}
.slidemenu li {
    list-style: none;
    border-top: 1px solid #4D4D4D;
    border-bottom: 1px solid #000;
    font-size:14px;
    line-height: 1.8;
}
.slidemenu li a {
    padding:10px 0 10px 20px;
    display: block;
    text-decoration: none;
    color: #fff;
}
.slidemenu li:a:after{
  display: block;
  width: 5px;
  height: 5px; 
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotation(45deg);
  content: "";
}
.slidemenu li:first-child {
    border-top: none;
}
.slidemenu li:last-child {
    border-bottom: none;
}
.slidemenu .slidemenu-header {
    height: 49px;
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    background-color: #333;
}
.slidemenu .slidemenu-header div {
    padding: 17px 0px 0px 19px;
    text-decoration: none;
    color: #fff;
}

/*main*/
#main {
    background: #FFFFFF;
}
#contents {
    padding: 20px;
}
#contents h1 {
    font-size: 18px;
}
#contents p {
    margin-top: 15px;
}

/*plugin*/
#main {
  z-index: 1;
}
.slidemenu {
  top: 0;
  width: 170px;
  position: fixed;
  visibility: hidden;
  z-index: -1;
}
.slidemenu .slidemenu-header {
  position: relative;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content .cate-style{
	font-weight:bold;
	color:#FF0;
	font-size:medium;
	    padding:10px 0 10px 20px;
    display: block;
}
.slidemenu-left {
    left: 0;
}
.slidemenu-right {
    right: 0;
}




/* SP&PC ノベルティ選択画面で選択必須で未選択の場合のエラーテキスト赤字強調
----------------------------------------------------------- */
.ttl_2 {
    font-weight: bold;
    font-size: large;
    color: #FF0000;
    margin: 5px;
}

.NOV_REQUIRE_ERROR {
    font-weight: bold;
    font-size: large;
    color: #FF0000;
    margin: 5px;
}


/* テキストリンク色、下線消し
----------------------------------------------------------- */
a:link {
text-decoration:none; }

a:visited {
text-decoration:none; }



/* セット商品詳細の表
----------------------------------------------------------- */

table.SET_DETAIL {
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 4px;
    width: 100%;
}
table.SET_DETAIL TH {
	width:35%;
    background-color: #efefef;
    border: 1px solid #ccc;
    padding: 1px;
    text-align: center;
	vertical-align:middle;
	line-height: 1.1;
	font-size:xx-small
}

table.SET_DETAIL TD {
    border: 1px solid #ccc;
    padding: 1px;
    text-align: center;
	vertical-align:middle;
	line-height: 1.1;

}

table.SET_DETAIL TD a{
	display:block;
	width:100%;
	height:100%;
}


/* 即日配送対応表
----------------------------------------------------------- */

table.SOKUHA {
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 4px;
    width: 100%;
}
table.SOKUHA TH {
	width:50%;
    background-color: #efefef;
    border: 1px solid #ccc;
    padding: 1px;
    text-align: center;
	vertical-align:middle;
	line-height: 1.1;
	font-size:xx-small
}

table.SOKUHA TD {
    border: 1px solid #ccc;
    padding: 1px;
    text-align: center;
	vertical-align:middle;
	line-height: 1.1;

}


/* 光
----------------------------------------------------------- */

.reflection-img{
    width       :100%;
    height      :auto;
    position    :relative;
    overflow    :hidden;
}
 
.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


/* bundle modal */

.modal_window {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  display: block;
  background: #fff;
  position: fixed;
  z-index: 10;
  overflow: scroll;
}
.modal_window h2 {
  margin-bottom: 20px;
  width: 400px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  text-indent: 15px;
  background: #000;
}
.modal_window p {
  font-size: 12px;
  line-height: 160%;
  text-align: left;
}
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
  0% {
    opacity:0;
    display:block;
  }
  100% {
    opacity:1;
  }
}
div#modal div:target {
  -webkit-animation-name: modalFadeIn;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  opacity: 1;
  display:block;
  height: 100% !important;
  min-height: 100% !important;
}
div.modalWrap{
  position:absolute;
  top:35%;
  left:50%;
  z-index:10;
  visibility:hidden;
}
div.modalWrap > div{
  visibility:hidden;
  opacity:0;
  position:relative;
}
.modalBK{
  top: 0;
  left: 0;
  width: 100%;
  height: 300%;
  display: block;
  text-indent: -9999px;
  position: fixed;
  background: rgba(0,0,0,0.7);
  z-index: 5;
  visibility:hidden;
  overflow:hidden;
}
div.modalBody {
  background-color:#fff;
  z-index:15;
}


/*  -------------------------------
    リガレクトCSS
-------------------------------  */

/*  -------------------------------
    リストラベル
-------------------------------  */

.rg_lb1 {
    width: 50px;
    margin: 0 4px 2px 0;
    line-height: 1.1;
    font-size: small;
    font-weight: bold;
    float: left;
    text-align: center;
    border-radius: 4px;
    background: #424242;
    border: 1px solid #424242;
    color: #fff;
}

.rg_lb2 {
    width: 50px;
    margin: 0 4px 2px 0;
    line-height: 1.1;
    font-size: small;
    font-weight: bold;
    float: left;
    text-align: center;
    border-radius: 4px;
    background: #F3B5B4;
    border: 1px solid #F3B5B4;
    color: #fff;
}

.rg_lb3 {
    width: 100px;
    margin: 0 4px 2px 0;
    line-height: 1.1;
    font-size: small;
    font-weight: bold;
    float: left;
    text-align: center;
    border-radius: 4px;
    background: #424242;
    border: 1px solid #424242;
    color: #0FE2D2;
}

.rg_lb4 {
    width: 50px;
    margin: 0 4px 2px 0;
    line-height: 1.1;
    font-size: small;
    font-weight: bold;
    float: left;
    text-align: center;
    border-radius: 4px;
    background: #F78181;
    border: 1px solid #F78181;
    color: #fff;
}

.rg_lb5 {
    width: 100px;
    margin: 0 4px 2px 0;
    line-height: 1.1;
    font-size: small;
    font-weight: bold;
    float: left;
    text-align: center;
    border-radius: 4px;
    background: #F2DDCA;
    border: 1px solid #F2DDCA;
    color: #424242;
}

.rg_rank_lb {
    width: 50px;
    margin: 0 4px 2px 0;
    line-height: 1.1;
    font-size: small;
    font-weight: bold;
    float: left;
    text-align: center;
    border-radius: 4px;
    background: #000000;
    border: 1px solid #000000;
    color: #fff;
}

/*  -------------------------------
    リガレクトリスト用基本スタイルSP
-------------------------------  */

.list_base_SP_rg {
line-height:1;
margin:4% 1% 4% 1%;
padding:2px;
text-align:center;
}

.list_base_SP_itemname_rg {
text-align:left;
font-size:xx-small;
color:#424242;
font-weight:bold;
margin:3px 0 0;
}

.list_base_SP_colorname_rg {
text-align:left;
font-size:small;
color:#ff6699;
font-weight:bold;
margin:3px 0 0;
}

.list_base_SP_price_rg {
text-align:left;
font-size:small;
color:#424242;
margin:3px 0 0;
}

.list_base_SP_price_sl {
text-align:left;
font-size:small;
color:#ffffff;
background-color:#FF0000;
margin:3px 0 0;
padding:1px 3px;
border-radius:3px;
font-weight:bold;
-webkit-animation:blink 0.5s ease-in-out infinite alternate;
-moz-animation:blink 0.5s ease-in-out infinite alternate;
animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.list_base_SP_label_rg {
text-align:left;
}

.list_base_SP_itemlabel_rg {
text-align:left;
overflow:hidden;
line-height:1.1;
height:1.1em;
margin:0 0 3px 0;
}

/*  -------------------------------
    リガレクトリスト用基本スタイルPC
-------------------------------  */

.list_base_PC_rg {
line-height:1.2;
margin:4% 1% 4% 1%;
padding:2px 30px;
text-align:center;
}

.list_base_PC_itemname_rg {
text-align:left;
font-size:small;
color:#424242;
font-weight:bold;
margin:3px 0 0;
}

.list_base_PC_colorname_rg {
text-align:left;
font-size:medium;
color:#ff6699;
font-weight:bold;
margin:3px 0 0;
}

.list_base_PC_price_rg {
text-align:left;
font-size:medium;
color:#424242;
margin:3px 0 0;
}

.list_base_PC_label_rg {
text-align:left;
}

.list_base_PC_itemlabel_rg {
text-align:left;
overflow:hidden;
line-height:1.1;
height:1.1em;
margin:0 0 3px 0;
}


/*----------------------------------*/
/* リスト用色指定
/*----------------------------------*/

a.list_highlight_rg {
    -webkit-tap-highlight-color: rgba(186,186,186,0.4);
}

a.list_highlight2_rg {
color:#424242;
}