@charset "utf-8";
/* CSS Document */

/*■ベースはスマートフォン■*/


/*★★セール品・商品並べる用のCSSは【basic.css】に格納
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
/*■全体フォント指定■*/
html {font-size: 62.5%;}
body {font-size: 1.4rem;}
/*■全体統括指定■*/
body, html { width:100%; max-width:100%; overflow-x:hidden;
  -webkit-text-size-adjust: 100%;padding:0; margin:0; min-height:100%; line-height:1.5;
  -webkit-overflow-scrolling: touch; background:#EEE;}
  * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
    padding: 0px; }
 a {display:block;width:100%;text-decoration:none;color:inherit;font-size:inherit;display:block;}
hr.gray{padding:0;margin:0;border:none;border-bottom:2px solid #F1F1F1;width:85%;margin:auto;margin:5% 0;padding-top:5px;}
/*■セール時のみ・背景指定
body { background:#EEE url() repeat; background-attachment:fixed; 
background-size:120px auto; background-position:40% 50%;}■*/
#pc_header {display:none;}
    

#gotop_sp { bottom:7%; right:2%; position:fixed;  z-index:100000000;
	opacity: 0.80; /* IE以外透過設宁E*/
	filter: Alpha(opacity=80); /* IE用透過設宁E*/}
#gotop_pc {display:none;}
#global-nav div{width:100%; display:inline-block; margin:0 auto;}
.anchor { margin-top:-45px; padding-top:45px;}
#mainwrapper {overflow:hidden;}
#footer {background:none;}
#topimage {border:none; border-bottom:#000 double 5px;}
#soumubanner {background:#000; text-align:center;}
#soumubanner img {width:100%;}
#itemsearch {height:7000px;}


div.gosale {background:#FFF; min-width:250px; width:60%; margin:15px auto; border:2px solid #F06; border-radius:/*30px*/ 0 ; 
color:#F06; min-height:50px; padding:8px 0 0 0; text-align:center; font-size:1.2em; font-weight:bold;}
div.gosale a {text-decoration:none; width:100%; display:block;}
div.gosale:hover {background:#F06; color:#FFF;}
@media screen and (min-width: 768px) {/*1024でも可*/
div.gosale { font-size:1.7em;min-width:350px;}}
div.green {color:#42B37A; border-color:#42B37A;}
div.green:hover{background:#42B37A; color:#FFF;}
div.navy {color:#036; border-color:#036;}
div.navy:hover{background:#036; color:#FFF;}

#topnews { width:95%; margin:0 auto 5px auto; text-align:center;}

hr.blank {border:none; margin:20% 0 0 0; padding:0;}
.ficon { font-size:1.15em; vertical-align:top; display:inline-block; margin:-5px 5px 0 5px; position:relative; font-weight:normal;}/*WHHGのみ*/


/*■イベントピックアップポップ■*/
div.pickuppop {position:absolute; top:5px; left:0; z-index:1; width:40%; max-width:300px;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/11386081/banner/400-eventpick.gif);
    background-size:100%;
    background-repeat:no-repeat;
    padding:20% 0 0 0 ; }
    
/*■見出し■*/

.event_h1title {
	position: relative;
	display: inline-block;
	width: auto;
	padding: 0 17%;
	text-align: center;
	color:#222;
	margin:20px auto;
	font-size:1.4em;
}
.event_h1title::before,
.event_h1title::after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 15%;
	height: 2px;
	border-top: 3px dotted #222;
}
.event_h1title::before {
	left:0;
}
.event_h1title::after {
	right: 0;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
/*■セール大見出し■*/
ul.midashi {width:100%; border:none; background:#000; margin:0;}
ul.midashi li {font-size:20px; font-weight:bold; text-align:left; color:#FFF; display:inline-block; width:70%; margin:0; padding:2% 0; vertical-align:top;}
ul.midashi li:first-child {width:30%; padding:1%;}
ul.midashi li span {font-size:11px; font-weight:normal;}
/*■セール小見出し■*/
ul.midashi_mini {width:100%; border:none; background:none; border-bottom:double 4px #000;}
ul.midashi_mini li {font-size:20px; min-height:1em; font-weight:bold; text-align:center; color:#000; display:inline-block; width:90%; margin:0; padding:2% 0 0 0; vertical-align:top;}
ul.midashi_mini li:first-child {width:30%; padding:1%;}
ul.midashi_mini li span {font-size:11px; font-weight:normal;}

/*■セール大見出し_NEW■*/
ul.midashi_new {width:100%; border:none; background:#000; margin:0; tyext-align:center; font-size:0;line-height:0;}
ul.midashi_new li {font-size:30px; font-weight:bold; text-align:center; color:#FFF; display:inline-block; width:100%; margin:0; padding:0 2% 2% 2%; vertical-align:top;line-height:1.1em;}
ul.midashi_new li:first-child {width:100%; padding:0; line-height:0em; margin:-1% 0 0 0;}
ul.midashi_new li p {padding:0; margin:0; font-size:12px; font-weight:normal; line-height:16px;}

/* balloon-2 right */
div.midashi-right {
	position: relative;
	display: inline-block;
	padding: 0 3px;
	width: auto;
	min-height: 15px;
	width:95%;
	color: #333;
	line-height: 30px;
	text-align: center;
	background: #FFF;
	z-index: 0;
	margin:10px;

}
div.midashi-right:after {
	content: "";
	position: absolute;
	bottom: -10px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #FFF transparent transparent transparent;
}
div.midashi-right span.text {display:inline; vertical-align: top; line-height:1.5em; height:15px; width:100%; margin:auto; text-align:center; font-size:14px; font-weight:bold;}
/*
div.midashi-right span.text::after {content:""; display:block; border:2px solid #222; width:35%; margin:auto; margin-top:8px; border-radius:15px;}
*/


.rounditem {width:80px; height:80px; border-radius:1000px; border:4px solid #DEDEDE; background-color:#FFF;
background-size:110px auto; background-repeat:no-repeat; background-position:50% 50%;
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}
.rounditem a {width:100%; height:auto; text-decoration:none; display:block; width:90px; height:90px;}


.round_pickup {width:90px; height:90px; border-radius:1000px; border:5px solid #DEDEDE; background-color:#FFF;
background-size:105% auto; background-repeat:no-repeat; background-position:50% 50%; margin:0px; display:inline-block;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.round_pickup a {text-decoration:none; display:block; width:90px; height:90px; padding-top:93px; margin:-8px; font-size:18px; font-weight:bold; text-align:center;}
.round_pickup a p { font-size:0.75em; dixplay:block; margin:3px auto -3px auto; padding:0;}
p.round_pickup_title {font-size:70px; font-weight:bold; text-align:center;}
p.small {font-size:38px;}
a.golink_white {background:none; border:#FFF 3px solid; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; display:inline-block; padding:10px; margin:5px;
text-align:center; width:28%;}
a.golink_white:hover {background:rgba(255,255,255,0.3);}
a.golink_black {background:none; border:#000 3px solid; color:#000; font-size:12px; font-weight:bold; text-decoration:none; display:inline-block; padding:10px; margin:5px;
text-align:center; width:28%;}
a.golink_black:hover {background:rgba(0,0,0,0.3);}


a.wow_golink_black {background:none; border:#000 3px solid; color:#000; font-size:10px; font-weight:bold; text-decoration:none; display:inline-block; padding:10px; margin:5px;
text-align:center; width:40%;}
a.golink_black:hover {background:rgba(0,0,0,0.3);}


ul.round_pickup_box {padding-right:10px; width:100%; margin:0 auto; color:#FFF; text-align:center;}
ul.round_pickup_box li { display:inline-block;  border:none; font-size:12px; list-style:none; box-sizing:border-box; padding:0; margin:5px 5px 5px 0; wisth:100%; text-align:center;}
ul.round_pickup_box li.two {width:100%; padding-top:20px; margin:auto; text-align:center;}
ul.round_pickup_box li.one {width:100%; text-align:center;}
ul.round_pickup_box li.three {width:100%; padding:40px 0 20px 0; text-align:center;}


div.contents ul li {background:#FFF;}
h2.big {font-size:2.3em;}
@media screen and (min-width: 768px) {/*■スマホとPC画像切り替え用■*/
h2.big {font-size:3.2em;}}

html body table.blocklink { box-sizing:border-box;}
html body table.blocklink td {background:; padding:0; font-weight:bold; font-size:16px; height:60px; color:#FFF;}
html body table.blocklink td a {display:block; width:100%; text-decoration:none;}
html body table.blocklink_border {box-sizing:border-box;}
html body table.blocklink_border td {background:#FFF; border:#222 2px solid; padding:0; font-weight:bold; font-size:16px; height:60px; color:#222;}
html body table.blocklink_border td a {display:block; width:100%; text-decoration:none;}


ul.item2 li.round a img {border-radius:50%; border:solid #EEE 0px;}
ul.item2 li.round {background:none;}
ul.item2 li.round p {display:none;}


/*■セールページ内ナビゲート■*/
#sale_navi ul.item {width:100%;}
#sale_navi ul.item li  {padding:2% 0; font-size:16px; border:1px #CCC solid; font-weight:bold; position:relative; text-align:center;}
#sale_navi ul.item li a:first-line { font-size:12px;}
/* ラベル部分 左上に表示 */
#sale_navi ul.item li::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 1.5em solid transparent;
    border-left: 1.5em solid #C22; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 1;
}

#sale_navi ul.item li:hover {background:#C22; color:#FEFEFE;}
#sale_navi p {font-size:12px; display:block; margin:1.2% auto; padding:0; }
#sale_navi p:first-line {font-size:18px; font-weight:bold;}
/*■■*/
html body div.staffcomment {font-size:12px; display:block; margin:3% auto; padding:0; border-bottom:1px solid #666; width:85%;}
html body div.staffcomment:first-line {font-size:20px; font-weight:bold;}
/*■セールページ内キャンペーン■*/
#campaign_navi {background:#FEFEFE; text-align;center;}
#campaign_navi p {font-size:12px; display:block; padding:0;  text-align;center}
/*■セール内コンテンツ区切り水平線■*/
hr.ssline {
	height: 0; /*高さをリセット*/
	margin: 0; /*マージンをリセット*/
	padding: 0; /*パディングをリセット*/
	border: 0; /*ボーダーをリセット*/
border-top:double 3px #CCC;
margin:5% auto;}


/*■フラッシュ金土日ラベル設定■*/
html body div.saleitem div p {background:; width: 100%; padding: 6px; text-align: center;}
html body div.saleitem div p::after {background: none; display: inline; padding: 4px; text-align: center; 
color: #333; font-weight: bold; font-family: "Century Gothic", Futura, sans-serif; } 
html body div.saleitem div p.saleboushi_friday { background:#FA0; display:block;}
html body div.saleitem div p.saleboushi_friday::after {content:"金曜10時START"; color:#222;}
html body div.saleitem div p.saleboushi_satday { background:#3EEFA2; display:block;}
html body div.saleitem div p.saleboushi_satday::after {content:"土曜10時START"; color:#222;}
html body div.saleitem div p.saleboushi_sunday { background:#FE0; display:block;}
html body div.saleitem div p.saleboushi_sunday::after {content:"日曜10時START"; color:#222;}



/*■新商品ラベル設定■*/
html body div.saleitem div p {background:; width: 100%; padding: 6px; text-align: center;}
html body div.saleitem div p::after {background: none; display: inline; padding: 4px; text-align: center; 
color: #333; font-weight: bold; font-family: "Century Gothic", Futura, sans-serif; } 
html body div.saleitem div p.saleboushi_new { background:#EEE; display:block; border-bottom:2px solid #18a4ad;}
html body div.saleitem div p.saleboushi_new::after {content:"NEW!"; color:#18a4ad;}

/*■セール見出し■*/
div.saletitle_2018 {
     text-align: center;
     margin:0 0 5% 0;
     font-size:1.8em;
     font-weight:bold;
     background:#EEE;
}
@media screen and (min-width: 768px) {div.saletitle_2018 {font-size:4.5em;}}
 div.saletitle_2018 img {
margin:0;
}
div.saletitle_2018 div{
     position: relative;
     display: inline-block;
     padding-bottom:0.5em;
          border-top: 2px solid black;
     border-bottom: 2px solid black;
     padding:10px 8%;
     width:98%;
}
      
div.saletitle_2018 div::before,
div.saletitle_2018 div::after {
     position: absolute;
     top: 100%;
     left:50%;
     transform:translateX(-50%);
     content: '';
     border: 15px solid transparent;
}
 
div.saletitle_2018 div::before {
     border-top: 20px solid black;
}
 
div.saletitle_2018 div::after {
     margin-top: -1px;
     border-top: 15px solid #EEE;
}
div.saletitle_2018 div span{
     position: relative;
     display: inline-block;
     padding: 0 0.8em;
     font-size:0.6em;
          font-weight:normal;
          margin:3% auto;
          color:#000;

}
      
div.saletitle_2018 div span::before{
     position: absolute;
     content: '';
     top:0;
     right:0.2em;
     width: 0.2em;
     height:100%;
     border: solid 1px black;
     border-left: none;
}
 
div.saletitle_2018 div span::after{
     position: absolute;
     content: '';
     top:0;
     left:0;
     width: 0.2em;
     height:100%;
     max-width:800px;
     border: solid 1px black;
     border-right: none;
}

.midashi_new { padding:4% 0 6% 0;}
@media screen and (min-width: 768px) {/*■スマホとPC画像切り替え用■*/
.midashi_new { padding:0;}}


/*■セールページ内ナビゲート■*/
#sale_navi ul.item6 {width:100%;}
#sale_navi ul.item6 li  {padding:2% 0; font-size:18px; border:1px #CCC solid; font-weight:bold; position:relative;}
#sale_navi ul.item6 li a:first-line { font-size:12px;}
/* ラベル部分 左上に表示 */
#sale_navi ul.item6 li::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 1.5em solid transparent;
    border-left: 1.5em solid #C22; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 1;
}

#sale_navi ul.item6 li:hover {background:#C22; color:#FEFEFE;}
#sale_navi p {font-size:14px; display:block; margin:1.2% auto; padding:0; }
#sale_navi p:first-line {font-size:30px; font-weight:bold;}


@media screen and (min-width: 768px) {/*■スマホとPC画像切り替え用■*/

/*■■*/
html body div.staffcomment {font-size:14px;}
html body div.staffcomment:first-line {font-size:30px; font-weight:bold;}
/*■セールページ内キャンペーン■*/
#campaign_navi {margin:0 auto 3% auto; background:#FEFEFE;}
#campaign_navi p {font-size:16px; display:block; margin:-1.5% auto 0 auto; padding:0; }


}







/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
■タブレット用■
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



@media screen and (min-width: 768px) {
  // ここに既存のCSSを上書きするCSSを書く
}


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
■PC用■
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media screen and (min-width: 768px) {/*1024でも可*/
  // ここに既存のCSSを上書きするCSSを書く
  /*■PC用フォント指定■*/
html {font-size: 62.5%;}
body {font-size: 10px; font-size: 1.0rem;}
li   {font-size: 14px; font-size: 1.4rem;}

#mainbody {max-width:900px; margin:auto;width:900px; min-width:900px;}
#footer {background:#FFF;}
#global-nav {max-width:100%;}
#global-nav ul { width:500px;}
#gotop_sp {display:none;}
#gotop_pc {display:block; position:fixed; bottom:80px; right:30px; font-size:3em;}
#gotop_pc:hover {color:#F06;}
#global-nav div {width:900px; display:inline-block; margin:0;}
#global-nav div ul li {font-size:16px;}
.anchor {margin-top:-50px; padding-top:50px;}
hr.blank {border:none; margin:10% 0 0 0; padding:0;}
#toplogo {display:block;}
#pc_header{display:block;}
#itemsearch {height:10100px;}


ul { font-size:0; padding:0; margin:0; width:100%;}
li { font-size:10px; list-style:none; box-sizing:border-box; padding:0; margin:5px 5px 5px 0;}
div.saleitem { list-style:none; padding:0; margin:0; font-size:16px; margin:0 0 15px 0; width:100%;}



/*■セール大見出し■*/
ul.midashi {width:100%; border:none; background:#000;}
ul.midashi li {font-size:40px; font-weight:bold; text-align:left; color:#FFF; display:inline-block; width:70%; margin:0; padding:5% 10px; vertical-align:top;}
ul.midashi li:first-child {width:180px; padding:0 0 0 20px;}
ul.midashi li span {font-size:12px; font-weight:normal;}
/*■セール小見出し■*/
ul.midashi_mini {border-bottom:double 5px #000;}
ul.midashi_mini li {font-size:35px;}

/*■セール大見出し_NEW*/
ul.midashi_new {width:100%; border:none; background:#000; margin:0;}
ul.midashi_new li {font-size:60px; font-weight:bold; width:100%; text-align:center; color:#FFF; display:inline-block; margin:0 auto; padding:0 0 2% 0; vertical-align:top;line-height:75px;}
ul.midashi_new li:first-child {width:100%; padding:0; margin:0;line-height:0;}
ul.midashi_new li p {font-size:16px; font-weight:normal; padding:0; margin:0; line-height:16px;}

ul.midashi_new li div.midashi-right span.text {display:inline; line-height:1.55em; vertical-align: top; height:15px; width:100%; 
margin:auto; text-align:center; font-size:18px; font-weight:bold;}
/*div.midashi-right span.text::after {content:""; display:block; border:2px solid #222; width:35%; margin:auto; margin-top:8px; border-radius:15px;}
*/

.rounditem {margin:10px; width:140px; height:140px; background-size:180px auto; background-repeat:no-repeat;}
.rounditem a {width:140px; height:140px;}


/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
■一時的セールタグ■
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

div.ultra_minicircle {margin:15px auto auto auto;
              background-color: #FFF;
              width: 60px;
              height: 60px;
              -moz-border-radius: 50px;
              -webkit-border-radius: 50px;
              border-radius: 50px;
              dispaly:inline-block;
              }
div.ultra_minicircle p {font-size: 40px;
              color: #e60a36;
              text-align: center;
              font-weight: bold;}

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
■wowmaタグ■
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



div.wow_gosale {background:#f3f3f3; min-width:250px; width:60%; margin:15px auto; border:2px solid #000; border-radius:/*30px*/ 0 ; 
color:#000; min-height:50px; padding:8px 0 0 0; text-align:center; font-size:1.2em; font-weight:bold;}
div.gosale a {text-decoration:none; width:100%; display:block;}
div.wow_gosale:hover {background:#000; color:#FFF;}













/*■消さない■*/
}
/*■消さない■*/