@charset "UTF-8";

/* ==============================================
	ウインターキヤラメル特集ページ
　　Last Updated：2021.12.1
============================================== */

.pc {display: block !important;}
.sp {display: none !important;}
/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.pc {display: none !important;}
	.sp {display: block !important;}
}

/*-------------------------------------------------
.lineupInner
---------------------------------------------------*/
.lineupInner {width: 100%;margin: 0 auto;padding: 0;line-height: 180%;}
.lineupInner:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.lineupInner {width: 100%;margin: 0 auto;} /*width:96%→100%に変更*/
	.lineupInner img {width: 100%; margin:0;}
}

/*-------------------------------------------------
#フォント
---------------------------------------------------*/
#season h2{
	font-size: 150%;
	font-family: "Sawarabi Mincho";
}

#season p{
	font-size: 18px;
	font-family: "Sawarabi Mincho";
	line-height: 150%;
}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	#season p{	font-size: 16px;}
}
	
/*----------------------------------------------------------------------
商品
----------------------------------------------------------------------*/
.orderBtn {
	display: block;
	width: 50%;
	line-height: 3em;
	margin: 0 auto;
	padding: 5px 10px;
	color: #fff !important;
	font-size: 14px;
	background: #AC1631;
	border-radius: 5px;
	font-weight: normal;
}

.orderBtn span {
	background: url("../../../../../../images/lineup/vd2022/arrow_01.png") no-repeat left center;
	padding-left: 1.2em;
}

.anc {
    display: block;
	padding-top: 100px;
	margin-top: -100px;
}

@media screen and (max-width: 767px) {
	.orderBtn {
		width: 96%;
		padding: 5px;
	}
}

/* #pagetop ------------------------ */
p#pagetop{position: fixed;bottom: 20px;right: 20px;font-size: 10px;z-index:500;opacity: 0.8;}
* html p#pagetop{text-align:right;margin-right:20px;margin-bottom:20px;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	p#pagetop img{width:50px;height:50px;}
}

/* ----------------------------------------
	base style
---------------------------------------- */
/* common module --------------------- */
/*width*/
.w5p{width:5%;}
.w10p{width:10%;}
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w35p{width:35%;}
.w40p{width:40%;}
.w45p{width:45%;}
.w50p{width:50%;}
.w55p{width:55%;}
.w60p{width:60%;}
.w65p{width:65%;}
.w70p{width:70%;}
.w75p{width:75%;}
.w80p{width:80%;}
.w85p{width:85%;}
.w90p{width:90%;}
.w95p{width:95%;}

/*text-align setting*/
.tc{ text-align:center !important;}
.tl{ text-align:left !important;}
.tr{ text-align:right !important;}

/*border setting*/
.b1 {border: 1px solid #cccccc;}

/*font setting*/
.bold {font-weight:bold;}
.red {color:#C00;}
.txt12 {font-size: 12px !important;}
.txt14 {font-size: 14px !important;}
.addTxt {border: solid 2px #D7000F;margin-bottom: 30px;padding: 10px;line-height: 150%;}

/*float setting*/
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both;}
.clearfix{	zoom:1;}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*margin-setteing*/
.mt50 {margin-top: 50px !important;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 100px !important;}
/*border-setteing*/
.bb1 {border-bottom: 1px solid #666;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
	.description {display: block;text-align: left !important;}
	.addTxt {padding: 5px 3px;font-size: 14px !important;}
}

/*-------------------------------------------------
	.note
---------------------------------------------------*/
.note {overflow:hidden;}

.note dt,
.note dd {
	margin-top:5px;
}

.note dt {
	clear:both;
	float:left;
}

.note dd {margin-left:2em;}
.note.single dd {margin-left:1.2em;}
.note dd.space {margin-top:1em;}

/*-------------------------------------------------
	.clearFix
---------------------------------------------------*/
.clearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearFix {display:inline-block;}
/*Hides from IE-mac \*/
* html .clearFix {height: 1%;}
.clearFix {display: block;}
/*End hide from IE-mac */
/* IE7 */
*:first-child+html .clearFix {height: 1%;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {
}

/*-------------------------------------------------
	#areaCaramelCard
---------------------------------------------------*/
#areaCaramelCard {width:100%; margin:0 auto;}
#areaCaramelCardInner {width:100%;padding:0;background:#FFF;color:#643E25;border-radius: 10px; border: 3px solid #AC1631; padding:20px;}
#areaCaramelCard p img.w100 {width:100%;height:auto;}

/* ---------- SP ---------- */
@media screen and (max-width: 767px) {

	#areaCaramelCard {width:100%; margin:0 auto;}
	#areaCaramelCardInner {width:84%;margin: 0 auto;}
	#areaCaramelCard p img {width:100%;height:auto;}
	#areaCaramelCard p {font-size:16px;}
	#areaCaramelCard .title01 {display: block;width:70%;height:auto;}
	#areaCaramelCard .title01 img {width:100%;height:auto;}

}