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

/************************/
/*____ 共通基礎 ____*/
body{margin:0;}
figure{margin:auto}
#LP-html body, #LP-html div, #LP-html dl, #LP-html dt, #LP-html dd, #LP-html ul, #LP-html ol, #LP-html li, #LP-html h1, #LP-html h2, #LP-html h3, #LP-html h4, #LP-html h5, #LP-html h6, #LP-html pre, #LP-html form, #LP-html fieldset, #LP-html input, #LP-html textarea, #LP-html p, #LP-html blockquote, #LP-html th, #LP-html td {font-family: 'Noto Sans Japanese', sans-serif;}

.productGrid{margin-bottom:0px; text-align:center;}
.product{width:100%;}
.skew14deg{transform:skewY(14deg);}
.skew-14deg{transform:skewY(-14deg);}
.bC-gry{background-color:#e7e7e7;}
a.cmBtn {background-color:#000; font-weight:normal; text-decoration:none; display:block; text-align:center; color:#fff;}
a:hover{opacity:0.6;}

.cmTxt{
	font-size: 14px;
    font-weight: 200;
    line-height: 25px;
    letter-spacing: 0.2px;
}
.cmTxt_1 {
	font-size:14px;
	font-weight: 200; 
	line-height:25px; 
	margin: 10px;
	letter-spacing: 0.2px;
	
}
.cmTxt_2  > a{
	font-size:15px;
	display: inline-block;
	width:330px;
	background-color:#bfe3f3;
	color:#5c646c;
	text-decoration:none;
	line-height:40px;
	text-align:center;
	margin:auto 15px;
	font-weight:200;
}
.cmTxt_3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin: 20px 0 0 20px;
    letter-spacing: 0.2px;
}
.cmTxt_1 b{
    font-weight: bold;
	font-size: 1.3rem;
}

/************************/
/*____ レイアウト ____*/

.Flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.Flex > div{margin-bottom:2rem;}
.Flex > .fullGrow{width:100%;}
.Flex .cmBtn{margin:auto 0.5rem;}
/************************/
/*____ CSVレイアウト ____*/


.csvItem.section{
	margin-top:6rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.csvItem.section > h2{
	width:100%;
	text-align:center;
	font-weight:200;
	font-size:1.5rem;
}
.csvItem.section  > div{
	width:32%;
	margin-bottom:1rem;
}
.csvItem .s_price,
.csvItem .sex,
.csvItem .tax,
.csvItem .name,
.anchor
{
	display:none;
}
.csvItem .entry{
	position:relative;
}

.csvItem .img_box{
	width:85%;
	margin:auto;
}
.csvItem .txt_box{
	position:relative;
	width:70%;
	margin:auto;
}
.csvItem .item_image{
	width:100%;
}
.csvItem .brand{
	font-size:1.1rem;
	font-weight:700;
}
.csvItem .mb_price{
	line-height:1rem;
	font-size:1rem;
	color:#800;
}
.txt_box a{
	text-decoration:none;
}

/* menuボタンアイコン */
#menuButton {
    display: block;
    width: 42px;
    height:42px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 3;
}
#menuButton span {
    display: block;
    background: #666;
    width: 24px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menuButton span:first-child {
    top: 12px;
}
#menuButton span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#menuButton span:last-child {
    bottom: 12px;
}

/************************/
/*____ 看板 ____*/
.title-container{
    position: relative;
    margin: 0 auto 0px;
}
.titleImg{
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    height: auto;
    position: relative;
    background: no-repeat 50% 50%;
    background-size: cover;
    margin: 0 auto;
}
.titleImg:after {
    content: "";
    display: block;
}
.titleH1 {
    display: inline-block;
	font-weight:100;
}
.titleP{
	font-weight:100;
}

/************************/
/*____ 見出し ____*/
.headLine{
	position:relative;
	z-index:1;
}
.headLine hr{
	margin:0px;
	height:inherit;
	border-top-width:1px;
	border-color:#191919;
}
.headLineDeg{
	display:block;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	width:30px;
	height:30px;
	border:solid #191919;
	border-width:0 1px 1px 0;
	background-color:#FFF;
	position:relative;
	top:-16px;
	background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/page/wrapping/img/bg-gift.jpg);
}
.headLineTtl{
	margin: 0px 0px 40px 0px;
	font-size:24px;
	letter-spacing:-1px;
}
/************************/
/*____ ピックアップカテゴリー ____*/
.itemCategory > div{background-color:#FFF;}
.categoryName{position:relative;margin-bottom:10px;}
.categoryName figcaption{
	position:absolute;
	width:100%;
	margin:auto;
	font-weight: bold;
	color:#FFF;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
}

/************************/
/*____ 関連キーワード ____*/
.keyWord a{text-decoration:none;}
.keyWord figcaption{
	margin:auto;
}
.keyWord figcaption:before{
	content:"#";
	font-size:140%;
}

/************************/
/*____ 価格表示 ____*/
.LP-Price{
	display:block;
	line-height:1.2;
	font-size:24px;
	color:#b83c18;
}
.LP-Price-s-blk{
	display:block;
	margin-bottom:3px;
	color:#191919;
}

/************************/
/*____ 企画名 ____*/
.LP-Word:before{
	content:"期間限定価格";
	margin-right:3px;
	font-size:66%;
	color:#b83c18;
}

/************************/
/*____ ラッピング ____*/
article{background-image:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u41413231/pc/page/wrapping/img/bg-gift.jpg)}
.logoWrapper{margin:3rem auto; text-align:center;}
.width-L,.width-XL,.width-S,.width-M,.width-XS{
	background-color:#FFF;
}

.width-L > div,
.width-L > img{
	padding:1rem;
}
.wrapMenu > a:before{
	content:"＞";
	float:right;
	margin-right:0.5rem;
}
.attention{
	background-color:#f1f1f1;
	margin:auto;
	padding:1rem;
	font-size:1rem;
	line-height:1rem;
}
.attention > div:nth-child(1){
	font-size:1rem;
	line-height:1.6rem;
}
.wrappingKibo{
	margin-bottom:1rem;
	padding:0.5rem;
	font-size:0.8rem;
	border:1px solid rgb(211, 0, 0);
	color:rgb(211, 0, 0);

}
.attention ul{margin: 0 auto;}
.attention li{
list-style: none;
line-height:20px;
font-size: 0.8rem;
padding-inline-start: 0;
}
.wrappingKibo span{
	font-weight: bold;
	color:rgb(211, 0, 0);
}

.headLine h1{
	text-align: center;
font-size: 1.5rem;}