@charset 'utf-8';



/* 

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



* {

	margin: 0;

	padding: 0;

}



ul {

	list-style: none;

}



a {

	text-decoration: none;

	color: #000;

}



img{

max-width: 100%;

height: auto;

width /***/:auto;

}





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

contents

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



body{

	background:#000;

}



header{

/*padding:18px 0 10px;*/

background:#fff;

text-align:center;

}



header .logo img{

width:33%;

padding-top:15px;

}



/*menufix*/

  .is-fixed {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100;

    width: 100%;

  }



nav{

background:#a21b1b;

padding:5px 0;

border-top:1px solid #a21b1b;

border-bottom:1px solid #a21b1b;

}

nav .itemcategory{

display: flex;

display: -webkit-flex;

flex-flow: row wrap;

-webkit-flex-flow: row wrap;

justify-content: space-between;

}



.itemcategory li:first-child{

    width: 100%;

    text-align: center;

}



.itemcategory li a{

padding: 0 5px;

font-size: 11px;

color: #fff;

box-sizing: border-box;

}







#ipo {

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

	width: 100%;

	margin: 0 auto;
	
	background: url(../img/bg.png) repeat;
	
	background-size: contain;

}





#ipo .sp-main h1 img{

	width:100%;

}





#ipo .sp-bnr{

	margin-top:10px;

	margin-bottom:10px;

}



#ipo .sp-bnr img{

	width:100%;

}

#ipo .sp-bnr li{

	margin-bottom:10px;

}

#ipo .sp-bnr li:last-child{

	margin-bottom:0;

}

#ipo .pc-bnr img{

	display:none;

}



#ipo .section_title_img{

	margin-bottom:20px;

}



/*

#ipo .event_title {

	width: 100%;

	height: 100%;

	text-align: center;

	margin:20px auto 20px auto;

}



#ipo .event_title p{

	font-size: 26px;

	font-weight: bold;

	display: inline-block;

	margin:10px auto;

}



#ipo .event_title hr{

	border-top: 2px solid #000;

 	width: 95px;

 	margin:0px auto 20px auto;

}





#ipo .event_title h2{

	font-size: 14px;

	font-weight:bold;

}

*/



#ipo .section_title {

    padding: 1rem 0;

    /* margin: 20px 0px 20px 0px; */

    background-size: cover;

    background: #c9151d;

}



#ipo .section_title h3{

	font-size:18px;

	color:#fff;

	text-align:center;

}



#ipo .section_title p{

text-align:center;

font-size:12px;

margin-top:5px;

color:#fff;

}



#ipo .section_title_a{

	height: 100px;

	background-image: url();

    background-color: #000;

	margin-bottom:20px;	

}



#ipo .section_title_a h3{

	font-size:16px;

	color:#fff;

	text-align:center;

	/*padding-top:25px;*/

}





#ipo .itemlist {

	display: flex;

	display: -webkit-flex;

	flex-flow: row wrap;

	-webkit-flex-flow: row wrap;

	justify-content: space-between;

	margin: 20px 12px;

}



#ipo .itemlist li {

border-radius:5px;

background:#fff;

padding:10px;

	box-sizing: border-box;

	width: 49.5%;

	margin-bottom: 10px;

}



#ipo .itemlist li .info.jyon{

background:#ff8b26;

}



#ipo .itemlist.col3 li .info.jyon{

background:#ff8b26;

}





#ipo .itemlist a {

	text-decoration: none;

	color: #000;

}



#ipo .itemlist img {

	display: block;

	width: 100%;

	height: auto;

	margin-bottom: 5px;

}



#ipo .itemlist a:hover img {

	opacity: .7;

}



#ipo .itemlist.large li .category {

	display: block;

    font-size: 12px;

    text-align: left;

    text-decoration: none;

    font-weight: bold;

    margin-top: 15px;

}

#ipo .itemlist li .name {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 6px auto 6px 0px;

    color: #000000;

    font-size: 14px;

    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: 14px;

    text-align: left;

    font-weight: bold;

    text-decoration: none;

}

#ipo .itemlist li .service {

	display: inline-block;

    padding: 2px 0;

    color: #ffffff;

    font-size: 12px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background:#ff6161;

    width:47%;

    border-radius: 3px;

}

#ipo .itemlist li .info {

	display: inline-block;

    padding: 2px 0;

    color: #ffffff;

    font-size: 12px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background:#21899f;

    width:47%;

    border-radius: 3px;

}



#ipo .itemlist li .point {

	display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 5px 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;

}









#ipo .itemlist.large li {

   /*width: 98%;*/

   box-sizing: border-box;

}

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

   width: 100%;

}









@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 .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: 13px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    margin-top:15px;

}



#ipo .saleprice .itemprice_delivfree::before {

	display: block;

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

	color: #ffffff;

	text-align:center;

	font-size:13px;

    background:#be8a04;

    font-weight: bold;

}

#ipo .saleprice .itemprice::after,

 #ipo .saleprice .itemprice_delivfree::after{

	content: '円(税込)';

	font-size:12px;

}



#ipo .saleprice .itemprice,

#ipo .saleprice .itemprice_delivfree {

	font-size: 20px;

	font-weight:bold;

	padding-right: 0;

	color: #e60012;

	background:none;

	text-align:center;

}



#ipo .large .itemprice{

	/*font-size: 26px;*/

}



#ipo .saleprice .before_price{

    font-size: 12px;

    color: #666;

    text-decoration: line-through;

    display: block;

    padding: 5px 0;

	letter-spacing: 0.1em;

	text-align:center;

}





#ipo .saleprice .before_price::before{

    font-size: 10px;

    font-weight: bold;

    font-style: normal;

    content: "￥";

}



#ipo .saleprice .before_price::after{

    font-size: 10px;

    font-style: normal;

    content: "(税込)";

}





#ipo .saleprice .price_txt{

	display: block;

	margin: 0;

	color: #e60012;

	text-align:center;

	font-weight:bold;

}





#footer{

	text-align:center;

	margin:40px auto 10px auto;

	font-size:12px;

}

/* 

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



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

	display:none;

}



#page-top{

	display:none !important

}

















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

#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;

}











/*3カラム*/



#ipo .itemlist.col3 li {

   box-sizing: border-box;

    width: 33%;

    margin-bottom: 10px;

    padding:5px;

}





/*1コラム*/

#ipo .itemlist.col1 li{

width:100%;

}





#ipo .itemlist.col3 li .service {

	display: inline-block;

    font-size: 10px;

    width:47%;

    border-radius: 3px;

}

#ipo .itemlist.col3 li .info {

	display: inline-block;

    font-size: 10px;

    background:#21899f;

    width:47%;

    border-radius: 3px;

}





.c_btn::after{

margin-top:0.3rem;

    content: '購入する';

    font-size: 12px;

    color:#fff;

    font-weight:bold;

    background:#b70c0c;

    display:block;

    text-align:center;

    padding:15px 0;

    border-radius: 20px;

}



/*見出し*/

.text{

background:#000;

padding:20px 0;

}



h3,

.text h4,

#ipo .section_title p{

text-align:center;

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

font-size:13px;

}



.text h4{

color:#fff;

}

.impic{

background: #000;

text-align: center;



}



.impic.new{

position:relative;

}



.impic.new:before{

/*content:'NEW';*/

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

display:block;

color:#fff;

font-size:10px;

position:absolute;

top:-10px;

left:10px;

}





.gelees{

margin-top:30px;

}



.footer-list{

border-top:1px solid #999;

/*padding-top:20px;

margin:40px 0;*/
	

}



.footer-list li{

padding:10px 0;

display:block;

}





.footer-list-white{

border-top:1px solid #999;

/*padding-top:20px;

margin:40px 0;*/

color:#fff;
	
padding: 40px 0;
	
padding-top: 20px;

background: #000000;

}



.footer-list-white li{

padding:10px 0;

display:block;

}

.footer-list-white a{

color:#fff;

}





br.sp{

display:block;

}





.pagetop{

    display: block;

    background: #721710;

    line-height: 50px;

    color: #fff;

    font-weight: bold;

    width: 95%;

    margin: 0 auto;

    margin-bottom:10px;

    border-radius: 20px;

}

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


.campaign{

    background: #997751;

    color: #fff;

    font-weight: bold;

    padding: 5px 0;

}



.campaign span{

font-size:12px;

}s



.campaign .spbr{

display:block;

}





#ipo .itemlist li .asuraku{

    display: block;

    -webkit-margin-before: 0.5em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0px;

    -webkit-margin-end: 0px;

    margin: 5px auto 5px auto;

    color: #ffffff;

    font-size: 14px;

    text-align: center;

    font-weight: bold;

    text-decoration: none;

    background: #e12231;

    letter-spacing: 10px;

}