@charset "utf-8";

/* --------------------
 base settings
-------------------- */

.sweets {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color:#000;
    line-height:1.4;
    -webkit-text-size-adjust: 100%;
}

.sweets * {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

/* Bugfix for Android font-size
.sweets * {max-height: 999999px;}
*/

.sweets ol, .sweets ul {
	list-style: none;
}

.sweets img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}


/* --------------------
 Class
-------------------- */

.center {text-align:center;}
.nw {display:inline-block;}

.mincho {
    font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.gothic{
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", "Original Yu Gothic", "游ゴシック", "Yu Gothic", YuGothic, Verdana, "Meiryo UI", "メイリオ", Meiryo, sans-serif;
}

/* --------------------
 Content
-------------------- */
.sweets {
	text-align:left;
	font-size:0.98rem;
	line-height: 1.7;
}

.sweets h2 {
	font-size:1.2rem;
	line-height: 1.5;
	color:#42210B;
	padding:1rem 0 1.3rem;
	text-align:center;
	position:relative;
}
.sweets h2:after {
	position: absolute;
	left:50%;
	top:0;
	display: block;
	width:2rem;
	height:4px;
	content:"";
	background-color:#42210B;
	margin-left:-1rem;
}

.sweets .article {
	padding-top:2rem;
	/*
	padding-bottom:1rem;
	margin:0 0 1rem;*/
}
.sweets .section {
	margin:0 10px 1.5rem;
	position: relative;
}

.sweets h1.title {
	padding:1.3rem 0 1.2rem;
	background:url(/library/contents/products/sweets/top/bg.png) no-repeat center top/100% auto;
	text-align:center;
}
.sweets h1.title img {
	width:50%;
	}
	
/* カルーセル */
.mainImg {
	position: relative;
	margin-bottom:1.5rem;
}
.mainImg:after {
	position: absolute;
	right:0.5rem;
	bottom:-0.2rem;
	color:#666;
	font-size:0.6rem;
	text-align:right;
	display: block;
	content:"※イメージ";
}
/* //カルーセル */

.sweets #PickUp {
	margin-bottom:3rem;
}
.sweets #pickup-item-list ul {
	position: relative;
	overflow: hidden;
}
.sweets #pickup-item-list li {
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:2%;
	border:1px solid #EFEBE7;
}
.sweets #pickup-item-list li:nth-child(3n) {
	margin-right:0;
}

.sweets #LineUp {
	background-color:#EFEBE7;
	margin-bottom:3rem;
}
.sweets .LineUp__ttl {
	font-size:0.75rem;
	color:#42210B;
	margin-bottom:0.2rem;
}
.sweets .LineUp__List {
	padding-bottom:2rem;
}
.sweets .LineUp__List li {
	margin-bottom:0.3rem;
}
.sweets .LineUp__List li a {
	display: block;
	padding:0.8rem 1.5rem 0.8rem 0.8rem;
	background:#FFF;
	font-size:0.95rem;
	color:#000;
	text-decoration: none;
	position: relative;
}
.sweets .LineUp__List li a:hover {
	background:rgba(255,255,255,0.85);
	color:#C87C00;
}
.sweets .LineUp__List li a:after {
	position: absolute;
	right:0.6rem;
	top:50%;
	display: block;
	width:0.5rem;
	height:0.5rem;
	content:"";
	border-top:1px solid #42210B;
	border-right:1px solid #42210B;
	transform:rotate(45deg);
	margin-top:-0.3rem;
}

/* 特集バナーモック用スタイル */
.sweets #CloseUp {}
.CloseUp__List {
	overflow: hidden;
	margin:0 10px !important;
}
.CloseUp__List li {
	float:left;
	width:48%;
	margin-right:4%;
	margin-bottom:0.8rem;
}
.CloseUp__List li:nth-child(2n) {
	margin-right:0;
}
.CloseUp__List li a {
	text-decoration: none;}
.CloseUp__List li a .list-img {display: block;}
.CloseUp__List li a .list-txt {
	display: block;
	font-size:0.8rem;
	line-height: 1.3;
	padding:0.2rem 0;
}
.CloseUp__List li a .list-txt {
	color:#000;
}
.CloseUp__List li a:hover .list-txt {
	color:#C87C00;
}
/* //特集バナーモック用スタイル */

/* 特集バナー */
.top-layout01.img-310 .block {
	margin-bottom: 0.8rem;}
.top-layout01 .block p {
	font-size:0.8rem;
	line-height: 1.3;
}
.top-layout01 .block .txt-box p { color:#000;}
.top-layout01 .block .txt-box p:hover { color:#C87C00;}
/* //特集バナー */

.sweets .BnrArea {}
.sweets .BnrArea li {}

.sweets .note {
	margin:0 5%;
}
.sweets .note li {
	font-size:0.8rem;
	line-height: 1.5;
	color:#666;
	margin-left:1rem;
	text-indent:-1rem;
	margin-bottom:0.1rem;
}

/* pickup上赤字注釈 */
.sweets .hedge {
	margin:0 10px 2.5rem;
	font-size:0.8rem;
	line-height: 1.4;
}
.sweets .hedge li {
	margin-left:1em;
	text-indent:-1em;
}
.sweets .attention {
	color:#FF0000;
}
/*PickUp画像下注釈*/
.sweets #PickUp .pickup-annotation {
	font-size:0.75rem;
	text-align: center;
	color: #666;
	line-height: 1.3;
}	

/* --------------------
 Smart device
-------------------- */
@media screen and (max-width: 768px) {
	/* PC-SP Switch */
	.dispPC {display:none;}
}

/* --------------------
 PC and Print
-------------------- */
@media screen and (min-width:769px), print {
    /* PC-SP Switch */
    .dispSP { display:none;}

/* --------------------
 Content
-------------------- */
.sweets {width:970px;}

.sweets h2 {
	font-size:1.8rem;
	line-height: 1.5;
	padding:1.3rem 0 2rem;
}
.sweets h2:after {
	width:3rem;
	margin-left:-1.5rem;
}

.sweets .article {
}
.sweets .section {
	margin:0 0 1.5rem;
}

.sweets h1.title {
	margin:0 0 -2rem;
	padding:1.5rem 0 0;
	background:url(/library/contents/products/sweets/top/bg.png) no-repeat center -60px/100% auto;
	/*
	border-top:1px solid #E3DEDB;*
	border-top:8px solid #42210B;/
	/*text-align:center;*/
	position: relative;
	z-index: 10;
}
.sweets h1.title img {
	/*width:230px;*/
	width:280px;
}
/* カルーセル */
.mainImg {
	margin-bottom:3rem;
}
.mainImg:after {
	font-size:0.65rem;
}
/* //カルーセル */

.sweets #PickUp {margin-bottom:4rem;}
.sweets #pickup-item-list ul {
	margin:0 auto;
	width:870px;
}
.sweets #pickup-item-list li {
	width:280px;
	margin-right:15px;
	margin-bottom:15px;
}
.sweets #pickup-item-list li:nth-child(3n) {}

.sweets #LineUp {
	padding:3rem 50px 0;
	margin-bottom:5rem;
}
.sweets .LineUp__ttl {
}
.sweets .LineUp__List {
	/*padding-bottom:2rem;*/
	overflow: hidden;
}
.sweets .LineUp__List li {
	float:left;
	width:280px;
	margin-right:15px;
	margin-bottom:8px;
}
.sweets .LineUp__List li:nth-child(3n) {
	margin-right:0;
}
.sweets .LineUp__List li a {
	display: block;
	padding:0.8rem 1.5rem 0.8rem 0.8rem;
	background:#FFF;
	font-size:0.95rem;
	color:#000;
	text-decoration: none;
	position: relative;
}
.sweets .LineUp__List li a:hover {
	background:rgba(255,255,255,0.85);
	color:#C87C00;
}
.sweets .LineUp__List li a:after {
	position: absolute;
	right:0.6rem;
	top:50%;
	display: block;
	width:0.5rem;
	height:0.5rem;
	content:"";
	border-top:1px solid #42210B;
	border-right:1px solid #42210B;
	transform:rotate(45deg);
	margin-top:-0.3rem;
}

/* 特集バナーモック用スタイル */
.sweets #CloseUp {}
.CloseUp__List {
	margin:0 50px !important;
}
.CloseUp__List li {
	width:280px;
	margin-right:15px;
	margin-bottom:0.8rem;
}
.CloseUp__List li:nth-child(2n) {
	margin-right:15px;
}
.CloseUp__List li:nth-child(3n) {
	margin-right:0;
}
.CloseUp__List li a .list-img img {width:100%;}
/* //特集バナーモック用スタイル */

/* 特集バナー */
.top-layout01.img-310 {
    margin:0 35px 0 50px;
}
.top-layout01.img-310 .block {
	float: left;
    width: 280px;
    margin-right: 15px;
    margin-bottom: 20px;}
/* //特集バナー */

.sweets .BnrArea {
	width:870px;
	margin:0 auto;
	padding-top:3rem;
}
.sweets .BnrArea li {}

.sweets .note {
	margin:0 5%;
}
.sweets .note li {
	font-size:0.8rem;
	line-height: 1.5;
	color:#666;
	margin-left:1rem;
	text-indent:-1rem;
	margin-bottom:0.1rem;
}

.sweets .note {
	margin:0 20px;
}
.sweets .note li {
}


/* pickup上赤字注釈 */
.sweets .hedge {
	margin:-2em 50px 3rem;
	font-size:0.9rem;
	text-align:center;
}
.sweets .attention {}

}