div.bg20170714_t{
    width: 100%;
    background: url("../img/contents/20170714/title.jpg") no-repeat;
        background-attachment: scroll;
        background-size: auto auto;
    background-size: 100%;
    background-attachment: fixed;
}
div.bg20170714_ab{
width: 100%;
background: url("../img/contents/20170714/ab_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170714_bc{
width: 100%;
background: url("../img/contents/20170714/bc_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170714_ef{
width: 100%;
background: url("../img/contents/20170714/ef_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170714_t2{
width: 100%;
background: url("../img/contents/20170714/title2.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}
div.bg20170714_cd{
width: 100%;
background: url("../img/contents/20170714/cd_bg.jpg") no-repeat;
background-size: 100%;
background-attachment: fixed;
}


br.smp_kaigyou20170714{
display: none;
}


@media screen and (max-width:640px){
br.smp_kaigyou20170714{
display: inline;
}
}



#p10_cate p.sale20180112{
clear: both;
text-align: center;
width: 100%;
font-size: 20px;
}
span.red3{
font-size: 30px;
color: #c00000;
font-weight: 800;
}
#p10_cate p.title-sale201801,#p10_cate p.title-sale201801-2{
clear: both;
text-align: center;
width: 100%;
font-size: 20px;
font-weight: 800;
padding-top: 32px;
}
#p10_cate p.title-sale201801-2{
padding:32px 0;
font-size:26px;
position: relative;
}
#p10_cate p.title-sale201801-2:before{
border-top: 1px solid;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: -1;
}
span.center-line{
background:#fff;
display: inline-block;
padding: 0 0.5em;
}

@media screen and (max-width:640px){
#p10_cate p.sale20180112{
font-size: 3.5vmin;
}
span.red3 {
font-size: 4.0vmin;
}
#p10_cate p.title-sale201801, #p10_cate p.title-sale201801-2{
font-size: 4.8vmin;
padding-top: 5%;
}
#p10_cate p.title-sale201801-2{
padding: 5% 0;
font-size: 6vmin;
}
}




p.novelty0413{
width:100%;
margin:8px auto !important;
font-weight: 700;
font-size: 12px;
}
p.novelty0413 a{
display: block;
padding: 8px 16px;
background:#000;
width: 80%;
text-decoration: none;
color: #fff;
border: 1px solid #000;
transition:all 0.3s;
border-radius:3px;
}
p.novelty0413 a:hover{
background:#fff;
color: #000;
}

br.sp{
display: none;
}

p.novelty0413 a.poach{
width: 50%;
}

@media screen and (max-width:768px){
p.novelty0413 a{
width: 100%;
}
br.sp{
display: inline;
}
}



p.gw2018{
font-size: 20px;
clear: both;
font-family: "Yu Mincho","游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ","Meiryo";
}

span.gw2018-t{
font-size: 28px;
}

@media screen and (max-width:768px){
p.gw2018{
font-size: 11px;
}
span.gw2018-t{
font-size: 16px;
}
}


.coupon428-block{
background: #ddd;
padding: 8px;
}

input.coupon428{
width: 25%;
padding: 6px;
letter-spacing: 0.122rem;
border: none;
font-size: 45px;
font-weight: 500;
text-align: center;
background: #ddd;
margin: auto;
}
button.coupon428-btn{
border: none;
height: auto;
background: #000;
padding: 8px 16px;
color: #fff;
font-weight: 700;
border-radius: 3px;
width: 19%;
margin: auto;
}


a.link-btn{
width: 19%;
margin: 16px auto;
font-size: 14px;
display: block;
background: #000;
color: #fff !important;
padding: 8px;
border-radius: 3px;
font-weight: 600;
}

span.attention{
display: block;
font-size: 12px;
line-height: 26px;
border: 3px double #c00000;
width: 1024px;
margin: 32px auto;
padding: 16px;
color: #c00000;
position: relative;
}

span.attention:after{
content: "ATTENTION";
position: absolute;
top: -14px;
left: 15px;
font-size: 14px;
margin: 0;
padding: 0 16px;
background: #fff;
}

.category_img p{
margin: 64px auto;
}

.pc{
display: block;
}

@media screen and (max-width:768px){
input.coupon428{
width: 80%;
font-size: 22px;
}
button.coupon428-btn{
width: 37%;
font-size: 14px;
}
a.link-btn{
width: 45%;
margin: 0px auto;
font-size: 3.2vw;
}
.pc{
display: none;
}

}
@media screen and (max-width: 1025px){
span.attention{
width: 100%;
margin: 32px 0 0 auto;
font-size: 3vw;
padding: 8px;
}
span.attention:after{
font-size: 3.5vw;
}
}

.list-presale20180615{
width: 100%;
margin: auto;
padding: 0;
}

.list-presale20180615 a{
color: #000;
}

.list-presale20180615 ul,.list-presale20180615 ul li{
padding:8px;
}
.list-presale20180615 ul li{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 33.3333%;
font-size: 13px;
}
.list-presale20180615 ul li span.price-before{
color: #444;
font-size: 13px;
position: relative;
padding: 8px;
}
.list-presale20180615 ul li span.price-before:before{
content: "";
position: absolute;
border-bottom: 1px solid #444;
width: 100%;
top: 50%;
left: 0;
}

.list-presale20180615 ul li span.price-before:after{
content: "";
position: absolute;
right: -6px;
top: 35%;
width: 6px;
height: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-top: 1px solid #ba0606;
border-right: 1px solid #ba0606;
}

.list-presale20180615 ul li span.price-after{
color: #ba0606;
font-weight: 700;
font-size: 16px;
padding: 8px;
}

.list-presale20180615 ul li span.list-presale20180615-text{
padding: 8px 0;
display: block;
background: #f8f8f8;
}

@media screen and (max-width:768px){
.list-presale20180615{
width: 100%;
}
.list-presale20180615 ul,.list-presale20180615 ul li{
padding: 2px;
}
.list-presale20180615 ul li{
width: 50%;
font-size: 10px;
}
.list-presale20180615 ul li:nth-child(2n+1){
/*clear: both;*/
}
/*
.list-presale20180615 ul li:last-child{
margin: 0 25%;
}
*/
.list-presale20180615 ul li span.price-before{
font-size: 9px;
display: block;
    text-decoration: line-through;
    padding: 4px;
}
.list-presale20180615 ul li span.price-after{
font-size: 11px;
display: block;
padding: 0;
}
.list-presale20180615 ul li span.price-before:before{
display: none;
}
.list-presale20180615 ul li span.price-before:after{
display: none;
}
}

p.p10_catespase{
width: 100%;
height: 48px;
}

.cat-w33 p.w100{
width: 100% !important;
}
@media screen and (max-width:768px){
p.p10_catespase{
height: 24px;
}
}







.illustration-2buy{
width: 100%;
margin: auto;
clear: both;
}

.illustration-2buy p{
width: 50%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.illustration-2buy p:first-child{
border-right: 4px dotted #bb272d;
}

.illustration-2buy p.link0727{
width: 100%;
clear: both;
margin-bottom: 64px;
}

.illustration-2buy p.link0727 a{
display: block;
background: #bb272d;
color: #fff;
text-decoration: none;
font-size: 18px;
width: 30%;
margin: auto;
padding: 16px;
font-weight: bold;
border-radius: 2px;
box-shadow: 2px 2px 5px #000;
}


@media screen and (max-width:768px){
.illustration-2buy p{
width: 100%;
margin: 0 0 16px;
}
.illustration-2buy p.link0727 a{
font-size: 15px;
width: 80%;
padding: 8px 16px;
}
.illustration-2buy p.link0727{
margin-bottom: 32px;
}
.illustration-2buy p:first-child{
border:none;
}
}

.top20200619 {
	position: relative;
	width: 100%;
	height: 24vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 32px;
	letter-spacing: 0.08rem;
	color: #fff;
	margin-bottom: 16px;
}

.top20200619::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
  background: #a82b2b;
  background-size: cover;
}

.top20200619 h1{
    margin: 0;
}

.top20200619 h1{
	border-bottom: 2px solid #fff;
}

.top20200619 h2{
	margin: 16px 0 0;
}

.top20200619 h6{
	margin: 8px 0 0;
}

@media screen and (max-width:768px){
	.top20200619{
	height: 18vh;
	font-size: 24px;
}
}

@media screen and (max-width:640px){
	.top20200619{
	height: 20vh;
	font-size: 3.5vw;

}
	.top20200619 h2{
	margin: 8px 0 0;
}

.top20200619 h6{
	margin: 4px 0 0;
}
}