@charset "utf-8";


/* 全体設定 */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix:after {
	content:".";	/* 新しい要素を作る */
	display:block;	/* ブロックレベル要素に */
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix {
	min-height:1px;
}
* html .clearfix{
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


.item-wrap {
    width: 100%;
}
.item-wrap img {
    width: 100%;       
}
.item-wrap h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
}
.item-wrap p {
    font-size: 14px;
    padding: 0 10px 20px 10px; 
}

/* このセットに含まれる商品 */
.peace-list {
	margin:0 0 60px;
}
.peace-list a{
	text-decoration: none;
}
.peace-list .heading{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin:0 0 20px;
}
.peace-list p {
	font-weight: bold;
	padding: 10px;
}
.peace-list  ul{
	width: 100%;
}
.peace-list  ul li{
	width: 30%;
	float: left;
	margin-right: 5%;
	text-align:center;
}
.peace-list  ul li:nth-child(3n) {
	width: 30%;
	float: left;
	margin-right: 0;
	margin-bottom: 20px;
}
.peace-list  ul li a{
	display:block;
	font-size:14px;
}

/* セット説明全体 */
.item-main .emp-txt{
    font-weight: bold;
}

/* セット説明1 */
.section1 {
    margin-bottom: 10px;
}
.mb-30{
	margin-bottom: 30px;
}


/* セット説明2 */
.section2 {
    margin-bottom: 10px;
}
.section2 .img {
    margin-top: 15px;
}
.section2 .img-1 {
    margin-top: 30px;
}
/* セット説明3 */
.section3-1 {
    margin-bottom: 10px;
}
.section3-1 .img {
    margin-top: 15px;
}
.section3-1 .img-1 {
    margin-top: 30px;
}
/* 詳細説明 */
.section-detail {
    margin-bottom: 10px;
}



/* セット内容 */
.section3 {
    width: 70%;
    margin: auto;
    margin-bottom: 10px;
}
.section3 .unit {
    margin-bottom: 80px;
}
.section3 .unit h2 {
    padding: 10px;
    margin:auto;
}
.section3 .unit div {
    width:80%;
    margin:auto;
}
.section3 .unit p {
    margin:auto;
    margin-bottom: 10px;
}
.section3 .sweet {
    color: #ffffff;
    width: 310px;
    margin: auto;
    padding: 0.5rem;
    text-align: center;
    background-color: #6a3906;
}
.section3 .sweet a {
    color: #ffffff;
text-decoration: none;
}
.section3 .white {
    width: 310px;
    margin: auto;
    padding: 0.5rem;;
    text-align: center;
    background-color: #f0f0f0;
}
.section3 .white a {
    color: #000000;
    text-decoration: none;
}
.section3 .cake {
    color: #ffffff;
    width: 310px;
    margin: auto;
    padding: 0.5rem;
    text-align: center;
    background-color: #d4cb2a;
}
.section3 .cake a {
    color: #ffffff;
text-decoration: none;
}
.section3 .flaver-atten {
    color: #cc0000;
}
    
/* おいしさの秘密 */
.section4 {
    padding: 20px;
    background-color: #f3f3f3;
    margin-bottom: 10px;
}
/* 商品詳細情報 */



/* 見出し 01*/
h2 span.ttl-heading-01{
	display: block;
	color:#000;
	font-size: 28px;
	margin-bottom: 20px;
	font-weight: 300;
}
h2 span.ttl-main-01{
	display: block;
	color:#000;
	/*font-size: 56px;*/
	font-size: 50px;
}
h2 span.ttl-sub-01{
	display: block;
	color:#000;
	font-size: 24px;
	margin-top: -15px;
}
h2 span.ttl-sub-01-a{
	display: block;
	color:#000;
	font-size: 24px;
	margin-top: 35px;
}
/* 見出し 02*/
h2 span.ttl-heading-02{
	display: block;
	color:#000;
	font-size: 26px;
	margin-bottom: 5px;
	font-weight: 300;
}
h2 span.ttl-main-02{
	display: block;
	color:#000;
	font-size: 34px;
    letter-spacing: -0.1em;
	font-weight: 300;
}
/* 見出し 03 */
h2 span.ttl-heading-03{
	display: block;
	color:#000;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 300;
}
h2 span.ttl-main-03{
	display: block;
	color:#000;
	font-size: 32px;
}
h2 span.ttl-sub-03{
	display: block;
	color:#000;
	font-size: 14px;
	margin-top: 12px;
}



/* ブラウニーウィッチップスが出来るまで  fwj0011
--------------------------------------------*/
.fs-body-product-fwj0011 .process-box img{
	width: 100%;
}
.fs-body-product-fwj0011 .process-box p{
	padding: 0;
}
.fs-body-product-fwj0011 .process-box{
	width:100%;
	padding-bottom: 50px;
	background:
		url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-bg-star.png) no-repeat bottom right,
		url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-bg.png) ;
}
.fs-body-product-fwj0011 .process-box .ttl{
	margin:  20px auto 0 auto;
	width: 90%;
	padding: 50px 0 20px 0;
	text-align: center;
}
.fs-body-product-fwj0011 .process-box .ttl p{
	font-size: 24px;
	font-weight: 700;
	position: relative;
	padding-bottom: 10px;
}
.fs-body-product-fwj0011 .process-box .ttl p::before{
	content: url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-ttl-icon01.png);
	transform: scale(0.7);
	position: absolute;
	bottom: -10px;
	left: 0;
}
.fs-body-product-fwj0011 .process-box .ttl p::after{
content: url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-ttl-icon02.png);
	transform: scale(0.7);
	position: absolute;
	bottom: -10px;
	right: 0;
}	
.fs-body-product-fwj0011 .process-box .process{
	width: 90%;
	margin: 0 auto;
}		
.fs-body-product-fwj0011 .process-box .process-1,
.fs-body-product-fwj0011 .process-box .process-2,
.fs-body-product-fwj0011 .process-box .process-3{
	display: flex;
	justify-content: space-between;
	align-items: center;
}	
.fs-body-product-fwj0011 .process-box .process-1 .img{
	width: 41.5%;
}
.fs-body-product-fwj0011 .process-box .process-2 .img{
	width:48%;
}
.fs-body-product-fwj0011 .process-box .process-3 .img{
	width: 45%;
}
.fs-body-product-fwj0011 .process-box .process-1 p,
.fs-body-product-fwj0011 .process-box .process-2 p{
	font-size: 20px;
	width: 36%;
	font-weight: 700;
}
.fs-body-product-fwj0011 .process-box .process-3 p{
	font-size: 22px;
	width: 47%;
	font-weight: 700;
}	

.fs-body-product-fwj0011 .process-box .process-3 p span.font13{
	font-size: 13px;
	display: block;
	font-weight: 500;
}	
.fs-body-product-fwj0011 .process-box .icon-arrow{
	width: 20px;
	margin: 5px auto;
}	



/*プレミアムクッキーが出来るまで  fw0064
--------------------------------------------*/
.fs-body-product-fwj0064 .process-box img{
	width: 100%;
}
.fs-body-product-fwj0064 .process-box p{
	padding: 0;
}
.fs-body-product-fwj0064 .process-box{
	width:auto;
	margin-bottom: 50px;
	padding-bottom: 30px;
	background:
		url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-bg.png) ;
}
.fs-body-product-fwj0064 .process-box .ttl{
	margin:  20px auto 0 auto;
	width: 90%;
	padding: 50px 0 20px 0;
	text-align: center;
}
.fs-body-product-fwj0064 .process-box .ttl p{
	font-size: 22px;
	font-weight: 700;
	position: relative;
	padding-bottom: 10px;
}
.fs-body-product-fwj0064 .process-box .ttl p::before{
	content: url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-ttl-icon01.png);
	transform: scale(0.7);
	position: absolute;
	bottom: -10px;
	left: -20px;
}
.fs-body-product-fwj0064 .process-box .ttl p::after{
content: url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-ttl-icon02.png);
	transform: scale(0.7);
	position: absolute;
	bottom: -10px;
	right: -20px;
}	
.fs-body-product-fwj0064 .process-box .process{
	width: 90%;
	margin: 0 auto;
}		
.fs-body-product-fwj0064 .process-box .process-1,
.fs-body-product-fwj0064 .process-box .process-2,
.fs-body-product-fwj0064 .process-box .process-3{
	display: flex;
	justify-content: space-around;
	align-items: center;
}	
.fs-body-product-fwj0064 .process-box .process-1 .img{
	width: 45%;
}
.fs-body-product-fwj0064 .process-box .process-2 .img{
	width: 50%;
}
.fs-body-product-fwj0064 .process-box .process-3 .img{
	width: 50%;
}
.fs-body-product-fwj0064 .process-box .process-1 p{
	font-size: 20px;
	width: 42%;
	font-weight: 700;
	margin-bottom: 100px;
}
.fs-body-product-fwj0064 .process-box .process-2 p{
	font-size: 20px;
	width: 35%;
	font-weight: 700;
}	
.fs-body-product-fwj0064 .process-box .process-3 p{
	font-size: 22px;
	width: 35%;
	font-weight: 700;
}	

.fs-body-product-fwj0064 .process-box .process-3 p span.font13{
	font-size: 13px;
	display: block;
	font-weight: 500;
}	
.fs-body-product-fwj0064 .process-box .icon-arrow{
	width: 20px;
	margin: 5px auto;
}	
.fs-body-product-fwj0064 .process-box .font-red{
	font-size: 13px;
	color: #ff0000;
	text-align: right;
}	



/* ファットウィッチ バブカとは？  fwj0060
--------------------------------------------*/
.fs-body-product-fwj0060 .process-box img{
	width: 100%;
}
.fs-body-product-fwj0060 .process-box p{
	padding: 0;
}
.fs-body-product-fwj0060 .process-box{
	width:auto;
	margin-bottom: 50px;
	padding-bottom: 20px;
	background:
		url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-bg-star.png) no-repeat bottom right,
		url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-bg.png) ;
}
.fs-body-product-fwj0060 .process-box .ttl{
	margin:  20px auto 0 auto;
	width: 65%;
	padding: 50px 0 20px 0;
	text-align: center;
}
.fs-body-product-fwj0060 .process-box .ttl p{
	font-size: 24px;
	font-weight: 700;
	position: relative;
	padding-bottom: 10px;
}
.fs-body-product-fwj0060 .process-box .ttl p::before{
	content: url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-ttl-icon01.png);
	transform: scale(0.7);
	position: absolute;
	bottom: -10px;
	left: -20px;
}
.fs-body-product-fwj0060 .process-box .ttl p::after{
content: url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-ttl-icon02.png);
	transform: scale(0.7);
	position: absolute;
	bottom: -10px;
	right: -20px;
}	
	
.fs-body-product-fwj0060 .process-box .sub-txt{
	font-size: 16px;
	line-height: 2;
	text-align: center;
}	
.fs-body-product-fwj0060 .process-box .process{
	width: 90%;
	margin: 50px auto;
}		
.fs-body-product-fwj0060 .process-box .process-1,
.fs-body-product-fwj0060 .process-box .process-2,
.fs-body-product-fwj0060 .process-box .process-3{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}	
.fs-body-product-fwj0060 .process-box .process-1 .img{
	width: 47%;
}
.fs-body-product-fwj0060 .process-box .process-2 .img{
	width: 40%
}
.fs-body-product-fwj0060 .process-box .process-3 .img{
	width: 50%;
}	
.fs-body-product-fwj0060 .process-box .process-1 .txt{
	width:41%;
}	
.fs-body-product-fwj0060 .process-box .process-1 .txt .img{
	width: 38%;
}
.fs-body-product-fwj0060 .process-box .process-2 .txt{
	width: 45%;
}	
.fs-body-product-fwj0060 .process-box .process-2 .txt .img{
	width: 39%;
}
.fs-body-product-fwj0060 .process-box .process-3 .txt{
	width: 40%;
}	
.fs-body-product-fwj0060 .process-box .process-3 .txt .img{
	width: 40%;
}		
.fs-body-product-fwj0060 .process-box .txt p{
	font-size: 16px;
	font-weight: 700;
	margin-top: 20px;
}
.fs-body-product-fwj0060 .process-box .txt .font-14{
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
}	

/*　Edge　*/
#witch-edge {
	width: auto!important;
}
#witch-edge .delicious .delicious-box {
	width: auto!important;
}