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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');
@import url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');

/*============================
common style
============================*/
*{margin: 0 auto; padding: 0;}

html, body{
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	-webkit-overflow-scrolling: touch;
}
body{position: relative; background:url("../pc-img/250704/sale_back.jpg") no-repeat top center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;}
a{text-decoration: none;}


section{
	width:100%;
	margin:0 auto;
	padding:70px 0;
	text-align:center;
}

p{text-justify: inter-ideograph !important; text-align: justify !important;}

/*寄せ*/
.valign-top{vertical-align:top !important;}

/*余白*/
.pb20{padding-bottom: 20px;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb40{margin-bottom: 40px !important;}

/*表示切替*/
.pc-none{display: none;}
.sp-none{display: inherit;}

/*タイマー設定*/
.view_timer {display:none;}

/*画像*/
img{vertical-align:top;}
img.kadomaru{border-radius: 1.5em;}
img.shadow{filter: drop-shadow(3px 3px 3px #666);}

/* 背景色 */
.back-gray{background: #ebebeb;}
.back-white{background: rgba(255, 255, 255,0.7/*透過させる場合例 0.8 */)}

/*みだし*/
h1, h2, h3, h4, h5{margin-bottom: 15px;}

/* フォントサイズ */
.fs10 {font-size: 10px; letter-spacing:-0.5px;}
.fs11 {font-size: 11px; letter-spacing:-0.5px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px; letter-spacing:1px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs25 {font-size:25px;}
.fs30 {font-size:30px;}

/*線*/
hr.dot {width: 80%; margin: 30px auto; border-top: 1px dotted #999; border-right: none; border-bottom: none; border-left: none; }
hr.dot-white {border-top: 1px dotted #ffffff; border-right: none; border-bottom: none; border-left: none; }

/*ふきだし*/
.fukidashi {background-color:#140508; padding:5px; border-radius:10px; position:relative; color:#FFFFFF; width:200px; text-align:center; font-size:18px; margin:0 auto 15px;}
.fukidashi:after {border:10px solid transparent; border-top-color:#140508; border-bottom-width:0; bottom:-10px; content:""; display:block; left:95px; position:absolute; width:0;}

/*楽天バナー2列*/
.rakubn{max-width: 335px;}

/*============================
header
============================*/
header{
	position: relative;
	z-index:10 !important;
	height: 65px;
	background: #ffffff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 15px !important;
}
header img{
	margin:17px 10px 0; /*自社仕様（楽天には周年記念のエンブレムが入るので違う）*/
	max-width: 200px;
	width: 50%;
}


/*============================
ポップアップ
============================*/
#c-modal_bg,#c-modal_bg02 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
	overflow-y: hidden;
}

#c-modal,#c-modal02 {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width:50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
	text-align: center;
    padding:30px;
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
#c-modal_close,#c-modal_close02 {
	text-align:center;
	background: #ebebeb;
    padding: 10px 5px;
    cursor: pointer;
}
	.spimg{display:none;}
	.pcimg{display:block; width:80%; margin:0 auto 40px;}
	#c-modal_close{font-size:18px; font-weight:bold; margin-top:20px;}


/*============================
content
============================*/
h1{color: #333; font-weight:700; font-size:4rem; line-height:1.1; letter-spacing:-1px; text-align: center; margin: 0 10px 20px;
/*text-shadow:3px 3px 1.5px #ffffffff, -3px -3px 1.5px #ffffffff,
              -3px 3px 1.5px #ffffffff, 3px -3px 1.5px #ffffffff,
              3px 0px 1.5px #ffffffff,  -3px 0px 1.5px #ffffffff,
              0px 3px 1.5px #ffffffff, 0px -3px 1.5px #ffffffff;*/}
h1 span{font-size: 1.8rem; line-height:1.2; display: inline-block;}

/*注意書き用*/
.attention{max-width:580px; width:85%; text-align:left; margin:0 auto 30px;}
.attention h2{font-size:16px; margin-bottom: 5px;}
.attention p{margin-bottom: 20px;}
.attention p:last-child{margin-bottom:0;}

.parallax {width: 100%; height:auto;  background: url(../pc-img/230124/medama_back.jpg) #E299A5 no-repeat; background-size:150%; background-position: center top;}

/*ポイントアップ企画*/
.ptup_wrap{background:#11cca9; margin-top: 0; padding-top: 0 !important;}
/*エントリーボタン*/
a.btn_ptup {color:#fff; font-weight:700; font-size:1.5rem; letter-spacing: 3px; height:80px; width: 580px; text-align:center; text-decoration:none; background:linear-gradient(to bottom, #333, #000); border:4px solid #333; border-radius: 50px; line-height:80px; display:block; box-shadow: 4px 4px 0 #666; margin:0 auto 30px;}
a.btn_ptup:hover {color:#333; background:linear-gradient(to bottom, #ffffff, #ffffff); border:4px solid #333; text-decoration:none;}

/*売り切れ用*/
.soldoutbox{ position: relative;} /*SOLD OUTを入れる要素にclass追加*/
.soldout {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.74);
  z-index: 100 !important;
}
.soldout .soldout-text {
	width: 100%;
	font-size: 160% !important;
	color: #ffffff !important;
	z-index: 200 !important;
	text-align: center;
}

/*LINE友だち企画*/
.line_wrap{background:url("../pc-img/250704/line_back.jpg?") #e3e7e7 no-repeat top; background-attachment:fixed; background-size:cover; margin: 0; /*-webkit-transform: skew(0deg, -6deg);*/}
.line_wrap .box{-webkit-transform: skew(0deg, 6deg);}
.line_wrap img{margin: 0 auto;}
.line_wrap .attention{background:#fff; padding:40px; margin: 0 auto !important;}
/*友だち登録ボタン*/
a.btn_line {color:#fff; font-weight:700; font-size:1.5rem; letter-spacing: 3px; height:80px; width: 580px; text-align:center; text-decoration:none; background:linear-gradient(to bottom, #e95464, #cc4956); border:4px solid #e95464; border-radius: 50px; line-height:80px; display:block; box-shadow: 4px 4px 0 #333; margin:0 auto 30px;}
a.btn_line:hover {color:#e95464; background:linear-gradient(to bottom, #ffffff, #ffffff); border:4px solid #e95464; text-decoration:none;}
/*他ボタン（必要に応じて使用）*/
a.btn_line02 {color:#333; background: #fff; font-weight:700; font-size:1rem; line-height:1.4; width: 500px; text-align: center; border:1px solid #333; text-decoration:none; display:block; margin:0 auto 30px; padding: 15px 5px; border-radius: 10px; }

/*特集用*/
.fuku_wrap{background:url("https://www.rakuten.ne.jp/gold/cbja/cp/2025fuku/fuku_back.jpg?2412") #E0CE72 no-repeat top center; background-attachment:fixed; background-size:cover; padding:0;}
	#cp_box {width:90%; max-width: 900px; text-align: center; margin:0 auto; padding: 50px 0;}
	#cp_box p{width:90%; max-width: 800px; margin: 0 auto; text-align:left; font-size:18px;}
	#cp_box hr{width:90%; max-width: 900px; margin: 40px auto;}

.anniv_wrap{background:url("../pc-img/250704/12th_back01.jpg")#262262 no-repeat top -150px center; background-size:100%; text-align: center; padding: 150px 0 0;}
.anniv_wrap .inner{background:url("../pc-img/250704/12th_back02.jpg") no-repeat bottom -180px center; background-size:100%; padding: 0 0 280px;}

.cmp_wrap{}
.cmp_wrap .inner{background: #fff; width: 90%; max-width:840px; border-radius: 30px; padding: 40px 0;}

.cpn_wrap{width:100%; padding: 80px 0 ; background:repeating-linear-gradient(130deg, #fff0ca 0, #fff0ca 170px, #dee0ff 170px, #dee0ff 200px); }
.p11th_wrap{width:100%; padding: 50px 0; background:url(../pc-img/250704/11th-back.jpg) no-repeat top center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover;}
.new_wrap{background:#ffffff;}
.new02_wrap{background:#e4ddd8;}
.new03_wrap{background:url("../pc-img/250704/new03_back.jpg")#ece2dd no-repeat top center; /*background-attachment:fixed;*/ background-size:cover; }
.new_wrap img,.new02_wrap img,.new03_wrap img{margin: 0 auto;}
.new_wrap .text , .new02_wrap .text {}
/*新発売セールなどに（必要に応じて使用）*/
a.btn_new {color:#fff; font-weight:700; font-size:1.5rem; letter-spacing: 3px; height:80px; width: 580px; text-align:center; text-decoration:none; background:linear-gradient(to bottom, #ed4a75, #cc3366); border:4px solid #ed4a75; border-radius: 50px; line-height:80px; display:block; box-shadow: 4px 4px 0 #333; margin:0 auto 30px;}
a.btn_new:hover {color:#ed4a75; background:linear-gradient(to bottom, #ffffff, #ffffff); border:4px solid #ed4a75; text-decoration:none;}

.tokusyu_wrap{width:100%; padding: 80px 0 ; background:repeating-linear-gradient(140deg, #EAE5D3 0, #EAE5D3 100px, #E2DCC9 100px, #E2DCC9 200px); }
.tokusyu02_wrap{width:100%; padding:80px 0; background: #fff86e66; margin: 0 auto 40px; -webkit-transform: skew(0deg, -7deg);}
.tokusyu03_wrap{width:100%; padding:80px 0; background: #b3ebffcc; margin: 0 auto 40px; -webkit-transform: skew(0deg, -7deg);}
/**/.tokusyu_wrap section, .tokusyu02_wrap section, .tokusyu03_wrap section{-webkit-transform: skew(0deg, 7deg);}

/*キャンペーン枠*/
.cpn_box{width:85%; max-width: 1300px; padding-bottom:50px; margin:0 auto 120px; background: #fff; box-shadow: 0px 0px 20px -5px #777777; border-radius: 20px;}
.cpn_box02{width: 85%; max-width: 1300px; padding:20px 0 50px; margin: 0 auto 60px; background: url(../pc-img/250704/11th-back02.jpg) no-repeat top center; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 0px 20px -5px #777777; border-radius: 20px;}
.cpn_box .btn01{width: 580px;}
.cpn_box .attention,.cpn_box02 .attention{max-width: 1000px !important; }

/*特集時みだし*/
.p11th_cpn {width: 35%; position: relative; text-align: center; border: 2px solid #000d45; background: #fff; margin-bottom: 30px;}
.p11th_cpn:before, .p11th_cpn:after {position: absolute; content: '';}
.p11th_cpn:before {top: -40px; left: calc(50% - 40px); width: 80px; height: 80px; border: 2px solid #000d45; border-radius: 50%; background: #fff;}
.p11th_cpn:after {top: 4px; left: 4px; width: calc(100% - 12px); height: calc(100% - 12px); border: 2px dashed #000d45; background: #fff;}
.p11th_cpn i {font-size: 24px; font-size: 2.4rem; line-height: 60px; position: absolute; z-index: 2; top: -40px; left: calc(50% - 40px); width: 80px; height: 60px; text-align: center;}
.p11th_cpn span {position: relative; z-index: 1; display: block; padding: 1.5rem;}
.p11th_cpn span:before, .p11th_cpn span:after { position: absolute; content: '';}
.p11th_cpn span:before {top: -34px; left: calc(50% - 34px); width: 68px; height: 36px; border: 2px dashed #000d45; border-radius: 50vw 50vw 0 0;}
.p11th_cpn span:after {position: absolute; top: 4px; left: calc(50% - 32px); width: 68px; height: 10px; background: #fff;}

/*キャンペーンアイテム*/
.p11th-list{max-width: 80%; margin:0 auto 30px; text-align: center;}
.p11th-list li{display:inline-table; vertical-align: top; width: 30%;}
.p11th-list li img{width: 100%;}
.p11th-list li figcaption {max-width: 300px; /* キャプションに最大幅300px指定 */ width: fit-content; margin-right: auto; margin-left: auto; font-size: 110% !important; line-height: 1; font-weight: 700;}

/*アイテム枠*/
ul.two-column{width:1000px; max-width:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
ul.two-column li{width: 49%; display: inline-block; margin-bottom: 50px;}
ul.two-column li .item{height: 100%; margin:0 auto;}
ul.two-column .giza ,ul.two-column .giza2{margin: 20px 60px;}
ul.two-column li .item ul, ul.two-column li .item ul li{width:100%; margin:0 auto;}
.item{width:1000px; max-width: 85%; overflow: hidden; text-align: center; background: #fff; box-shadow: 0px 0px 20px -5px #777777; border-radius: 20px; /*border: #fff solid 1px;*/ margin:0 auto 30px; padding:0;}
.item .main{border-radius: 20px 20px 0 0;}
.item p{width:80%; text-align: left; font-size:15px; letter-spacing:2px; margin: 0 auto 20px; padding: 0;}
.item ul{list-style: none; width: 90%; margin: 0 auto;}
.item ul li{display: inline-block; width: 40%; /*border-right: 1px dotted #a9a9a9;*/ margin-bottom: 10px;}
.item ul.three-row li{display: inline-block; width: 32%; /*border-right: 1px dotted #a9a9a9;*/ margin-bottom: 10px;}


/*割引率バッジ*/
.giza a , .giza a:after , .giza a:before , .giza a span {content:""; width:70px; height:70px; background-color:#f11440; position:absolute; top:0; left:0;}
.giza , .giza a , .giza a:after , .giza a:before {-webkit-transform:rotate(22.5deg); -moz-transform:rotate(22.5deg);}
.giza a span { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); text-align:center; z-index: 999; color: #fff;}
.giza { position:absolute; width:70px; height:70px; background-color:#f11440; margin:20px 0 0 20px ; border-radius:0; padding:0;}
.giza a:hover {	opacity:1 !important;}
.gizatext { background:#f11440 !important; width:70px !important; padding-top:13px !important; height:auto !important; line-height:20px !important; font-size:35px !important; font-weight: 700;}

.giza2 a , .giza2 a:after , .giza2 a:before , .giza2 a span {content:""; width:70px; height:70px; background-color:#708090; position:absolute; top:0; left:0;}
.giza2 , .giza2 a , .giza2 a:after , .giza2 a:before {-webkit-transform:rotate(22.5deg); -moz-transform:rotate(22.5deg);}
.giza2 a span { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); text-align:center; z-index: 999; color: #fff;}
.giza2 { position:absolute; width:70px; height:70px; background-color:#708090; margin:20px 0 0 20px ; border-radius:0; padding:0;}
.giza2 a:hover {opacity:1 !important;}
.giza2text { background:#708090 !important; width:70px !important; padding-top:13px !important; height:auto !important; line-height:20px !important; font-size:35px !important; font-weight: 700;}

/*商品名*/
.name{font-size:20px; font-weight:700; margin-bottom: 0; line-height:1;}
/*通常価格*/
.retailprice{font-size:15px; letter-spacing: 1px;}
.retailprice span:after{font-size: 12px; font-weight: 500; content: "￥";}/*￥*/
.retailprice s{text-decoration:none; /*position: relative;*/}
/*.retailprice s:before{position: absolute; content: ""; display: block; transform: rotate(-10deg); background-color:#333; width: 60%; height: 1px; top: 50%; left: 0;}*/
.retailprice s:after {font-size: 11px; letter-spacing: -0.5px; content: "(税込)";}/*(税込)*/
/*販売価格*/
.price{color: #ff4f4d !important; font-size: 30px; font-weight: 700; margin: -3px auto 3px;}
.price span:after{font-size: 16px; font-weight: 500; content: "￥";}/*￥*/
.price:after{font-size: 14px; font-weight: 500; content: "(税込)";}/*(税込)*/
/*販売価格+送料*/
.price02{color: #ff4f4d !important; font-size: 30px; font-weight: 700; margin: -3px auto 3px;}
.price02 span:after{font-size: 16px; font-weight: 500; content: "￥";}/*￥*/
.price02:after{font-size: 14px; font-weight: 500; content: "(税込) +送料250円";}/*(税込) +送料250円*/

/*まとめ買い*/
.matomegai, ul.two-column li .item ul li .matomegai{width: 90%; font-size: 14px; text-align: center; margin: 0 auto 5px;}
/*注釈*/
.notes{width: 80%; text-align: left; font-size: 10px; letter-spacing:1.3; letter-spacing: 2px; margin: -40px auto 50px;}

/*購入ボタン*/
a.btn01{color: #ffffff; font-weight:500; font-size: 20px; height: 72px; width: 90%; text-align: center; text-decoration: none; background: linear-gradient(to bottom, #ff4f4d, #d24648); border: 2px solid #ff4f4d; border-radius: 10px; line-height: 72px; display: block; box-shadow: 2px 2px 0 #ededed;  margin: 0 auto 50px;}
a.btn01:hover, a.btn01:active {color:#ff4f4d; border:2px solid #ff4f4d; background:linear-gradient(to bottom, #ffffff, #ffffff);  text-decoration:none;}

a.btn02{color: #ffffff; font-weight:500; font-size: 20px; height: 72px; width: 90%; text-align: center; text-decoration: none; background: linear-gradient(to bottom, #110090, #110070); border: 2px solid #110090; border-radius: 10px; line-height: 72px; display: block; box-shadow: 2px 2px 0 #ededed;  margin: 0 auto 50px;}
a.btn02:hover, a.btn02:active {color:#110090; border:2px solid #110090; background:linear-gradient(to bottom, #ffffff, #ffffff);  text-decoration:none;}

/*============================
セールに関する注意枠
============================*/
.sale-attention {
	max-width:800px;
	width:75%;
	margin:0 auto;
	padding: 30px;
}
.sale-attention .fukidashi {
	background-color:#11006d;
	padding:15px;
	border-radius:30px;
	position:relative;
	color:#ffffff;
	width:300px;
	max-width: 70%;
	text-align:center;
	font-size:20px;
	margin:0 auto 30px;
}
.sale-attention .fukidashi:after {
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	margin-left: -10px;
  border: 10px solid transparent;
	border-top-color:#11006d;
	border-bottom-width:0;
	bottom:-10px;
	display:block;
	width:0;
}
.sale-attention h2{
	text-align: left;
	color: #11006d;
	margin: 0 auto 15px;
  border-bottom: 1px solid #11006d;
}
.sale-attention p {
	text-align:left;
	color: #11006d;
	text-indent: -1.0em;
	padding-left: 1.0em;
	font-size:17px;
	line-height: 1.3;
	margin-bottom: 7px;
}



/*============================
footer
============================*/
footer {
	width:100%;
	margin:0 auto 0;
	padding:60px 0;
	background-color: #11006d;
	text-align:center;
}

/* footer内バナー枠 */
.footer-bn{
	max-width: 580px;
	width:80%;
	margin:0 auto 40px;
}
.footer-bn a{
	display: block;
	margin-bottom:15px;
	color:#ffffff;
	text-decoration: none;
	font-size: 13px;
}
.footer-bn a img{
	margin: 0 auto;
	width: 100%;
}
.footer-bn ul{
	overflow: hidden;
}
.footer-bn ul li{
	list-style: none;
	float: left;
	width: 48%;
}
.footer-bn ul li:first-child{
	margin-right: 10px;
}

#footer-navi {max-width: 680px; width:80%; margin: 0 auto; text-align:center; color: #ffffff; }
#footer-navi h2 {margin: auto; font-size:16px; letter-spacing: 2px; padding:10px 0;}
#footer-navi p{padding:10px; text-align: center !important; border-top: 1px dotted #ffffff; border-bottom:1px dotted #ffffff;}
#footer-navi a.tel {font-size:20px; font-weight:600; letter-spacing:2px; line-height:30px; color: #ffffff;}
#footer-navi a.mail {font-size:18px; font-weight:600; letter-spacing:2px; line-height:30px; color: #ffffff;}
#footer-navi  ul {list-style: none; padding:10px 0 20px;  -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-padding-start: 0px;}
#footer-navi  ul li {list-style: none; margin: 0 10px; display:inline-block;}
#footer-navi  ul li a {color: #ffffff; font-size: 80%;}






/*============================
フローティングバナー
============================*/
/*PC追従*/
#pc-follow {z-index:9999;}
/*まとめ買いクーポン*/
.right01 a {position:fixed;  top:150px; right:0; outline:none; display:block; width:100px; height:100px; -webkit-transition: all 0.8s ease;  -moz-transition: all 0.8s ease;  -o-transition: all 0.8s ease;}
.right01 a:hover {width:350px;}
/*LINE友だち限定クーポン*/
.right02 a {position:fixed;  top:270px; right:0; outline:none; display: block; width:100px; height:100px; -webkit-transition: all 0.8s ease;  -moz-transition: all 0.8s ease;  -o-transition: all 0.8s ease;}
.right02 a:hover {width:350px;}

/*周年セット
.left01 a {position:fixed;  top:250px; left:-325px; outline:none; display:block; width:150px; height: 150px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
.left01 a:hover { left:0px; width:455px;}
*/
/*SOAバナー*/
.soy a {position:fixed;  top:390px; right:0; outline:none; display: block; width:100px; height:100px; -webkit-transition: all 0.8s ease;  -moz-transition: all 0.8s ease;  -o-transition: all 0.8s ease;}
.soy a:hover {width:465px;}

/*福袋*/
.left01 a {position:fixed;  top:100px; left:-305px; outline:none; display:block; width:150px; height: 150px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
.left01 a:hover { left:0px; width:455px;}
.left02 a {position:fixed;  top:260px; left:-305px; outline:none; display:block; width:150px; height: 150px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
.left02 a:hover { left:0px; width:455px;}
.left03 a {position:fixed;  top:420px; left:-305px; outline:none; display:block; width:150px; height: 150px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
.left03 a:hover { left:0px; width:455px;}
.left04 a {position:fixed;  top:580px; left:-305px; outline:none; display:block; width:150px; height: 150px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
.left04 a:hover { left:0px; width:455px;}

/*スマホ追従*/
/*テキストリンク用 */ #sp-follow{position: fixed; bottom: 0; z-index: 9 !important; width: 100%; text-align: center; padding-top: 0; background: none; background-color: #eb7eaf; box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px 0 !important;}
#sp-follow a, #sp-follow a:hover {display: block; padding: 15px 0; font-weight: 700; color: #fff; font-size: 110%;} 


/*バナー表示用 *
#sp-follow{position: fixed; bottom: 0; z-index: 9 !important; width: 100%; text-align: center; padding-top: 0; background: none; box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px 0 !important;}
#sp-follow a img{width:50%; z-index: 9 !important; }
*/


/*============================
画面サイズが1150px以下の場合に適用
============================*/
@media screen and (max-width:1150px) {
	
	body:before {
		content: "";
		background: url("../sp-img/250704/sale_back.jpg?") no-repeat top center;
		background-size:cover;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: -1;}
	
	
	
	/*ポップアップ*/
	#c-modal,#c-modal02 {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width:90%;
    transform: translate(-50%, -50%);
    background: #ffffff;
		text-align: center;
    padding:30px 10px;
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
	.spimg{display:block; width:100%; margin:0 auto;}
	.pcimg{display:none;}
	#c-modal_close{font-size:20px; font-weight:bold;}
	
	
	
	section{padding:30px 0;}

	/*表示切替*/
	.pc-none{display: inherit;}
	.sp-none{display: none !important;}
	
	/*みだし*/
	h1{font-weight:700; font-size: 2rem; line-height: 1.2; letter-spacing:-1px;}
	h1 span{font-size: 1.2rem; letter-spacing:0;}
	
	/*楽天バナー2列*/
	.rakubn{max-width:680px; width: 90%;}
	
	.parallax {background: url("../sp-img/230124/medama_back.jpg") #E299A5 no-repeat top center; background-size:100%; }
	
	/*エントリーボタン*/
	a.btn_ptup {width:80% !important;  letter-spacing:1px;}
	
	/*LINE友だち企画*/
	.line_wrap{background:#e3e7e7; /*background-attachment:fixed; background-size:110%;*/ padding:0 0 60px;} 
	.line_wrap .attention{width: 80%; padding: 20px;}
	/*友だち登録ボタン*/
	a.btn_line {width:85% !important;  letter-spacing:1px;}
	/*他ボタン（必要に応じて使用）*/
	a.btn_line02 {width:80% !important; font-size:16px;}
	
	/*特集用*/
	.fuku_wrap{background:url("https://www.rakuten.ne.jp/gold/cbja/cp/2025fuku/fuku_back.jpg?2412") repeat-y top center;  background-size:auto;}
		#cp_box {padding:0 0 30px;}
		#cp_box p{font-size:12px;}
	
	.anniv_wrap{background:url("../pc-img/250704/12th_back01.jpg")#262262 no-repeat top center; background-size:100%; text-align: center; padding: 150px 0 0;}
	.anniv_wrap .inner{background:url("../pc-img/250704/12th_back02.jpg") no-repeat bottom center; background-size:100%; padding: 0 0 180px;}
	
	
	.cpn_wrap{padding: 40 0  !important;}
	.new_wrap{}
	.p11th_wrap{background:url(../sp-img/250704/11th-back.jpg) #f2eaf5 repeat-y top -120px center;  background-size:100%; padding:20px 0 60px;} 
	/*.new_wrap .text , .new_wrap02 .text {color:#fff;}*/
	/**/.tokusyu_wrap{padding: 40 0  !important;}
	#tyusen p,#otoshidama p{line-height: 1.3 !important;}
	
	/*新発売セールなどに（必要に応じて使用）*/
	a.btn_new {width:85% !important;  letter-spacing:1px;}

/*キャンペーン枠*/
.cpn_box{width:90%; padding-bottom:20px; /*border-bottom: 1px solid #ccc;*/ margin:0 auto 80px;}
.cpn_box .btn01{width: 85%; margin-bottom: 20px;}
.cpn_box .attention{width: 85%; }

/*特集時みだし*/
	.p11th_cpn {width: 70%; margin-bottom: 15px;}
	
/*キャンペーンアイテム*/
	.p11th-list{width:90%; max-width:none !important;}
	.p11th-list li{width:48% !important; /* border-right: 1px dotted #a9a9a9; */ margin-bottom: 15px;}
	.p11th-list li a.btn01{color: #ffffff; font-weight:500; font-size:15px; letter-spacing: 0; height: 50px; width: 95%; text-align: center; text-decoration: none; background: linear-gradient(to bottom, #66CC66, #48A348); border: 2px solid #66CC66; border-radius: 10px; line-height: 50px; display: block; box-shadow: 2px 2px 0 #ededed;  margin: 0 auto 50px;}
	.p11th-list li a.btn01:hover, ul.sp-two-row li a.btn01:active {color:#66CC66; border:2px solid #66CC66; background: linear-gradient(to bottom, #ffffff, #ffffff);  text-decoration:none;}
	.p11th-list li figcaption {font-size: 90% !important; line-height: 1;}

	
	/*アイテム枠*/
	ul.two-column{width:100%;}
	ul.two-column li{width:100%;}
	ul.two-column .giza , ul.two-column .giza2{margin: 20px 40px !important;}
	.item p{width:80%; text-align: left; font-size:14px; letter-spacing:1px; padding: 0; margin: 0 auto 20px;}
	.item ul li, .item ul.three-row li{display: inline-block; width: 100%; /*border-right: 1px dotted #a9a9a9;*/ margin-bottom: 10px;}
	
	/*スマホ内2列*/
	ul.sp-two-row{display: flex;}
	ul.sp-two-row li{width: 49%;}
	ul.sp-two-row li img{width: 100% !important;}
	ul.sp-two-row li .name{font-size: 14px; line-height: 1; letter-spacing: -0.5px;}
	ul.sp-two-row li .name .fs14{font-size: 13px; line-height: 1; letter-spacing:-0.5px;}
	ul.sp-two-row li a.btn01{color: #ffffff; font-weight:500; font-size:18px; letter-spacing: 0; height: 65px; width: 90%; text-align: center; text-decoration: none; background: linear-gradient(to bottom, #ff4f4d, #d24648); border: 2px solid #ff4f4d; border-radius: 10px; line-height: 25px !important; display: block; box-shadow: 2px 2px 0 #ededed;  margin: 0 auto 50px; padding-top: 15px;}
	ul.sp-two-row li a.btn01:hover, ul.sp-two-row li a.btn01:active {color:#ff4f4d; border:2px solid #ff4f4d; background:linear-gradient(to bottom, #ffffff, #ffffff);  text-decoration:none;}
	
 /*割引率バッジ*/
	.giza a , .giza a:after , .giza a:before , .giza a span {content:""; width:60px; height:60px;}
	.giza{width: 60px; height: 60px;}
	.gizatext{width: 60px !important; padding-top: 7px !important; line-height: 20px !important; font-size: 30px !important;}
	
	.giza2 a , .giza2 a:after , .giza2 a:before , .giza2 a span {content:""; width:60px; height:60px;}
	.giza2{width: 60px; height: 60px;}
	.giza2text{width: 60px !important; padding-top: 7px !important; line-height: 20px !important; font-size: 30px !important;}
	
	ul.sp-two-row .giza a , ul.sp-two-row .giza a:after , ul.sp-two-row .giza a:before , ul.sp-two-row .giza a span {content:""; width:58px; height:58px;}
	ul.sp-two-row .giza{width: 58px; height: 58px; margin-top: -30px; margin-left: -5px;}
	ul.sp-two-row .gizatext{width: 58px !important; padding-top: 5px !important; line-height: 18px !important; font-size: 30px !important;}
	

	/*footer*/
	footer {padding:60px 0 100px;}
}