@charset 'utf-8';



===============================================*/



* {

	margin: 0;

	padding: 0;

}



ul {

	list-style: none;

	padding:0;

}



a {

	text-decoration: none;

	color: #000;

}





/*===============================================

contents

===============================================*/









body{

	background:#000;

}



header{

padding:0 0 10px;

background:#fff;

text-align:center;

}



header .logo img{

width:12%;

padding-top:15px;

}



/*menufix*/

  .is-fixed {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100;

    width: 100%;

  }



nav{

background:#b70c0c;

padding:5px 0;

border-top:1px solid #b70c0c;

border-bottom:1px solid #b70c0c;

}

nav .itemcategory{

display: flex;

display: -webkit-flex;

flex-flow: row wrap;

-webkit-flex-flow: row wrap;

justify-content: space-between;

margin:0 auto;

width:960px;

}





.itemcategory li a{

    padding: 10px 0;

    font-size: 14px;

    color: #fff;

    box-sizing: border-box;

    display: block;

}













#ipo {

	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

	margin: 0 auto 100px;

	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	background:url(../img/bg.png) repeat;

}



#ipo .pc-main {

   position: relative;
   /*margin-bottom: 20px;*/
   padding-bottom: 20px;
   height: 500px;

   text-align: center;
   background: #000000;
}



#ipo .pc-main .main_v{

position:absolute;

right:0;

width:50%;

height: 500px;

background:url(../img/2020xmas_main.png) no-repeat;

background-size: cover;

background-position:center;
background-color: #000000;
}



#ipo .pc-main .main_t{

position:absolute;

left:0;

width:50%;

height: 500px;

background:#000;

/*background:url(../img/hw_bg.gif) repeat;*/

padding:30px 20px;

box-sizing: border-box;

}



#ipo .pc-main .main_t h1{

text-align:right;

/*margin-right: 10%;*/

}



#ipo .pc-bnr {

   margin-bottom: 50px;

   text-align: center;

}



#ipo .pc-bnr img{

/*	width:970px;*/

	margin:0 auto;

}

#ipo .pc-bnr ul{

	width:970px;

    padding: 0;

	margin:0 auto;

}

#ipo .pc-bnr li{

	display: inline-block;

    margin-bottom: 10px;

}

#ipo .sp-bnr img{

	display:none;

}



.coupon-clm1{width:100%; text-align:center;}





#ipo .coupon-clm2, #ipo .coupon-clm3{

	width:970px;

}





#ipo .coupon-clm2 li{

	display: inline-block;

    margin: 0 4px 10px 0;

}





#ipo .coupon-clm2 li:nth-child(2){

	display: inline-block;

    margin: 0 0 10px 1px;

}







#ipo .coupon-clm3 li{

	display: inline-block;

    margin: 0 4px 10px 0;

}



#ipo .coupon-clm4 li{

	display: inline-block;

    margin: 0 4px 10px 0;

}



#ipo .coupon-clm2 li:nth-child(3){

	display: inline-block;

    margin: 0 0 10px 1px;

}





#ipo .event_title {

	width: 100%;

	height: 100%;

	text-align: center;

	margin:20px auto 20px auto;

}



#ipo .event_title p{

	font-size: 38px;

	font-weight: bold;

	display: inline-block;

	margin:0px auto 0px auto;

}

#ipo .event_title hr{

border-top: 2px solid #000;

 width: 180px;

 margin:10px auto 30px auto;

	

}

#ipo .event_title h2{

	font-size: 18px;

	font-weight:bold;

}

#ipo .section_title{

	padding:48px 0;

	margin-bottom:30px;

	background:#c9151d;

}



#ipo .section_title h3{

	font-size:38px;

	color:#fff;

	text-align:center;

}



#ipo .section_title_img{

	text-align:center;

	margin:0px auto 30px auto;

}





/* アイテム

===============================================*/



#ipo .section {

	margin-bottom:40px;

}





#ipo .itemlist {

	display: flex;

	display: -webkit-flex;

	flex-flow: row wrap;

	-webkit-flex-flow: row wrap;

	justify-content: space-between;

	width:970px;

	margin:0 auto;

}



#ipo .itemlist li {

	box-sizing: border-box;

	background: #fcfcfa;

}



#ipo .itemlist.large li .jyon{

background:#ff8b26;

}



/*------------------1カラム---------------*/



#ipo .itemlist.small li,

#ipo .itemlist.col1 li {

   width: 100%;

   padding: 10px;

   margin-bottom: 30px;

border: 2px solid #997751;

   box-sizing: border-box;

}



#ipo .itemlist.small li a img,

#ipo .itemlist.col1 li a img{

width:40%;

float:left;

padding-left:50px;

}



#ipo .itemlist.small li a div,

#ipo .itemlist.col1 li a div{

float:right;

margin-top:50px;

width:400px;

padding-right:64px;

}



#ipo .itemlist.small li .category,

#ipo .itemlist.col1 li .category{

font-size:20px;

margin-top: 20px;

}



#ipo .itemlist.small li a p.name,

#ipo .itemlist.col1 li a p.name{

font-size:25px;

margin-top: 5px;

}

#ipo .itemlist.small li a p.service,

#ipo .itemlist.col1 li a p.service{

width: 45%;

}

#ipo .itemlist.small li a p.info,

#ipo .itemlist.col1 li a p.info{

width: 45%;

}

#ipo .itemlist.small li a p.itemprice,

#ipo .itemlist.col1 li a p.itemprice{

margin-bottom:30px;

}





#ipo .itemlist.small li a .c_btn::after,

#ipo .itemlist.col1 li a .c_btn::after{

margin-top:0.3rem;

    content: '購入する';

    font-size: 18px;

    color:#fff;

    font-weight:bold;

    background:#b70c0c;

    display:block;

    text-align:center;

    padding:12px 0;

    border-radius: 20px;

    width:400px;

    margin:0 auto;

}



/*------------------3カラム---------------*/



#ipo .itemlist.large li {

   width: 315px;

	margin-bottom: 30px;

   padding: 10px;

   border: 1px solid #0a3913;

   box-sizing: border-box;

}





/*------------------end---------------*/



#ipo .itemlist img {

	display: block;

	width: 100%;

	height: auto;

	margin-bottom: 10px;

}



#ipo .itemlist li a:hover img {

	opacity: .7;

}





#ipo .itemlist li .category {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto;

    color: #721710;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

}

#ipo .itemlist.large li .category {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto;

    color: #721710;

    font-size: 20px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    margin: 10px 0;

    line-height: 1.2;

}

#ipo .itemlist li .name {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 6px 0px;

    color: #000000;

    font-size: 18px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

}

#ipo .itemlist.large li .name {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 6px 0px;

    color: #000000;

    font-size: 18px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

}

#ipo .itemlist li .privilege {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 5px auto;

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background:#5152be;

}

#ipo .itemlist.large li .privilege {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 5px auto;

    color: #ffffff;

    font-size: 18px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background:#5152be;

}

#ipo .itemlist li .bluelight {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 5px auto;

    padding: 5px;

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background:#004986;

}

#ipo .itemlist li .service {

	display: inline-block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 5px auto;

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background:#ff6161;

    width:49%;

    padding:5px 0;

    border-radius: 5px;



}

#ipo .itemlist li .info {

	display: inline-block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 5px auto;

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background:#21899f;

    width:49%;

    padding:5px 0;

    border-radius: 5px;



}

#ipo .itemlist.large li .bluelight {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 5px auto;

    padding: 5px;

    color: #ffffff;

    font-size: 18px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background:#004986;

}

#ipo .itemlist.large li .service {

    display: inline-block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 5px auto;

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background: #ff6161;

    width: 49%;

    padding: 5px 0;

    border-radius: 5px;

}

#ipo .itemlist.large li .info {

    display: inline-block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 5px auto;

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background: #21899f;

    width: 49%;

    padding: 5px 0;

    border-radius: 5px;

}

#ipo .itemlist li .point {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 5px auto;

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background:#e12231;

	animation: blink 1.5s linear infinite normal;

	-webkit-animation: blink 1.5s linear infinite normal;

	-moz-animation: blink 1.5s linear infinite normal;

	-o-animation: blink 1.5s linear infinite normal;

}



@keyframes blink{

	0% {background-color:#ff3333;}

	40% {background-color:#ffff66;}

	100% {background-color:#ff3333;}

}

@-webkit-keyframes blink{

	0% {background-color:#ff3333;}

	40% {background-color:#ffff66;}

	100% {background-color:#ff3333;}

}

@-moz-keyframes blink{

	0% {background-color:#ff3333;}

	40% {background-color:#ffff66;}

	100% {background-color:#ff3333;}

}

@-o-keyframes blink{

	0% {background-color:#ff3333;}

	40% {background-color:#ffff66;}

	100% {background-color:#ff3333;}

}

#ipo .itemprice,

#ipo .itemprice_delivfree {

	font-weight: bold;

	/*color: #b81c22;*/

	text-align:center;

}



#ipo .point20 .itemprice::before,

#ipo .point .itemprice::before,

#ipo .point_wp .itemprice::before,

#ipo .saleprice .itemprice::before {

	display: none;

}

#ipo .saleprice .itemprice_delivfree::before {

	display: block;

	content: '全国送料・手数料無料';

	color: #ffffff;

	text-align:center;

	font-size:14px;

    background:#be8a04;

}

#ipo .itemlist.large li .itemprice_delivfree::before {

	display: block;

	content: '全国送料・手数料無料';

	color: #ffffff;

	text-align:center;

	font-size:18px;

    background:#be8a04;

}

#ipo .saleprice .itemprice::after,

 #ipo .saleprice .itemprice_delivfree::after{

	content: '円(税込)';

	font-size:16px;

}



#ipo .saleprice .itemprice,

#ipo .saleprice .itemprice_delivfree {

	font-size: 28px;

	font-weight:bold;

	padding-right: 0;

	color: #e60012;

	background:none;

}



/* SALE価格 */

#ipo .saleprice .before_price{

    font-size: 15px;

    color: #2d2d2d;

    text-decoration: line-through;

    display: block;

	text-align:center;

}

#ipo .saleprice .before_price::after{

    font-size: 16px;

    font-style: normal;

    content: "円(税込)";

}

#ipo .saleprice .price_txt{

	display: block;

	margin: 0;

	color: #e60012;

	text-align:center;

	font-weight:bold;

	font-size:16px;

}



#footer{

	text-align:center;

	margin:0px auto 10px auto;

	font-size:12px;

}



/* 

===============================================*/



#ipo .sp-header ,.sp-main, .sp-footer, .sp-coupon{

	display:none;

}





#ipo .pc-header ,.pc-footer{

    width:100%;

    margin: 0 auto;

}



#ipo .pc-coupon{

    width: 970px;

    margin: 0 auto 60px auto;

}



/* フェード

===============================================*/



.fadein {

	opacity : 0.1;

	transform : translate(0px, 25px);

	transition : all 200ms;

	}

.fadein.scrollin {

	opacity : 1;

	transform : translate(0px, 0px);

	}



#effect2 .fadein:nth-of-type(2) {

	-moz-transition-delay:200ms;

	-webkit-transition-delay:200ms;

	-o-transition-delay:200ms;

	-ms-transition-delay:200ms;

	}

#effect2 .fadein:nth-of-type(3) {

	-moz-transition-delay:300ms;

	-webkit-transition-delay:300ms;

	-o-transition-delay:300ms;

	-ms-transition-delay:300ms;

	}

#effect2 .fadein:nth-of-type(4) {

    -moz-transition-delay:400ms;

    -webkit-transition-delay:400ms;

    -o-transition-delay:400ms;

    -ms-transition-delay:400ms;

    }

    

    

    

    

    

/* clearfix */

.cl:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}

.cl {

  display: block;

}

/* exlude MacIE5  */

* html .cl {

  height: 1%

}

/* end MacIE5 */

/* exlude MacIE5 */

* html .clearfix {

  height: 1%

}

/* end MacIE5 */



/* clearfix */

.clearfix:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}

.clearfix {

  display: block;

}

/* exlude MacIE5  */

* html .clearfix {

  height: 1%

}

/* end MacIE5 */

/* exlude MacIE5 */

* html .clearfix {

  height: 1%

}





/*メイン画像下リンク*/

.itemcategory{

    width: 100%;

    text-align: center;

    padding: 0;

}







/*売れ筋＊ランキング*/

#ipo .itemlist.large li:nth-child(1) .ranking{

background:#c5b111;

text-align:center;

color:#fff;

padding:10px 0;

margin-bottom:20px;

font-weight: bold;

}



#ipo .itemlist.large li:nth-child(2) .ranking{

background:#728483;

text-align:center;

color:#fff;

padding:10px 0;

margin-bottom:20px;

font-weight: bold;

}



#ipo .itemlist.large li:nth-child(3) .ranking{

background:#92541c;

text-align:center;

color:#fff;

padding:10px 0;

margin-bottom:20px;

font-weight: bold;

}







/*ヘッダー*/

.sp_header{

display:none;

}







/*3カラム*/

#ipo .itemlist.col3 li {

    width: 315px;

    margin-bottom: 30px;

    padding: 10px;

    border: 1px solid #721710;

    box-sizing: border-box;

}





.c_btn::after{

margin-top:0.3rem;

    content: '購入する';

    font-size: 18px;

    color:#fff;

    font-weight:bold;

    background:#b70c0c;

    display:block;

    text-align:center;

    padding:12px 0;

    border-radius: 20px;

}



/*見出し*/

h2{

font-size:30px;

text-align:center;

color:#fff;

}





h3,

.text h4,

#ipo .section_title p{

text-align:center;

font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}



.text h4{

font-size:25px;

color:#fff;

}



#ipo .section_title p{

font-size:18px;

color:#fff;

}



.text{

padding:20px 0;

background: #000;

width:970px;

margin:0 auto;

margin-bottom:20px;

}



.impic{

text-align: center;

width:970px;

margin:0 auto;

background: #000;

}



.impic img{

width:100%;

}



.impic.new{

position:relative;

}



.impic.new:before{

/*content:'NEW';*/

content:url(../img/new_ico.png);

display:block;

color:#fff;

font-size:10px;

position:absolute;

top:-10px;

left:10px;

}



.gelees{

margin:0 auto;

text-align:center;

background:#fff;

width:970px;

margin-bottom:30px;

}





section_title div img{

width:100%;

}



.footer-list{

border-top:1px solid #999;

padding-top:20px;
/*margin:40px 0;*/
margin-top:40px;
margin-bottom: 0;
padding-bottom: 40px;
background: #000000;font-size:14px;

}



.footer-list li{

padding:10px 0;

display:inline-block;

}



.footer-list li:after{

content:'|';

margin:10px;

}



.footer-list-white{

border-top:1px solid #fff;

padding-top:20px;

/*margin:40px 0;*/
margin-top: 40px;
margin-bottom: 0;
padding-bottom: 40px;
background: #000;

font-size:14px;

color: #fff;

}

.copyright{
color: #ffffff;
background: #000000;
}

.footer-list-white li{

padding:10px 0;

display:inline-block;

}



.footer-list-white a{

color: #fff;

}



.footer-list-white li:after{

content:'|';

margin:10px;

}





br.sp{

display:none;

}



.pagetop{

    display: block;

    background: #721710;

    line-height: 50px;

    color: #fff;

    font-weight: bold;

    width: 95%;

    margin: 0 auto;

    margin-bottom:10px;

    border-radius: 20px;

    font-size: 18px;

    padding: 10px;

}



.campaign{

    background: #CB2D3B;

    color: #fff;

    font-weight: bold;

    padding: 5px 0;

}



.campaign span{

font-size:12px;

}



.campaign .spbr{

display:none;

}



#ipo .itemlist li .asuraku{

    display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 0 auto 5px auto;

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background: #e12231;

    letter-spacing: 10px;

}





#ipo .itemlist li .info.jyon {

    background: #ff8b26;

}