@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: 1rem;*/
	font-size: 4.1vw;
    font-weight: bold;
    padding: 5vw;
}
.item-wrap p {
    /*font-size: 0.8rem;*/
	font-size: 3.3vw;
    padding: 0 3vw 5vw 3vw; 
}


/* このセットに含まれる商品 */
.peace-list {
	margin:0 0 8vw;
}
.peace-list a{
	text-decoration: none;
}
.peace-list .heading{
	/*font-size: 1rem;*/
	font-size: 4.1vw;
	font-weight:bold;
	text-align:center;
	margin:0 0 5vw;
}
.peace-list p {
	font-weight: bold;
}
.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: 10vw;
}
.peace-list  ul li a{
	display:block;
}

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

/* セット説明1 */
.section1 {
    margin-bottom: 5vw;
}
.mb-30{
	margin-bottom: 3vw;
}
/* セット説明2 */
.section2 {
    margin-bottom: 5vw;
}
.section2 .img,
.section2 .img-1 {
    margin-top: 8vw;
}
/* セット説明3 */
.section3-1 {
    margin-bottom: 5vw;
}
.section3-1 .img,
.section3-1 .img-1{
    margin-top: 8vw;
}
/* 詳細説明 */
.section-detail {
    margin-bottom: 5vw;
}



/* セット内容 */
.section3 {
    width: 90%;
    margin: auto;
    margin-bottom: 5vw;
}
.section3 .unit {
    margin-bottom: 5vw;
}
.section3 .unit div {
    width:80%;
    margin:auto;
}
.section3 .unit h2 {
    width: 100%;
    padding: 3vw;
}
.section3 .unit p {
    padding: 0 3vw;
    margin-bottom: 3vw;
}
.section3 .sweet {
    font-size: 1.2rem;
    color: #ffffff;
    width: 42vw;
    margin: auto;
    padding: 0.5rem;
    text-align: center;
    background-color: #6a3906;
}
.section3 .sweet a {
    color: #ffffff;
}
.section3 .white {
    font-size: 1.2rem;
    width: 42vw;
    margin: auto;
    padding: 0.5rem;;
    text-align: center;
    background-color: #f0f0f0;
}
.section3 .white a {
    color: #000000;
}
.section3 .cake {
    font-size: 1.2rem;
    color: #ffffff;
    width: 42vw;
    margin: auto;
    padding: 0.5rem;
    text-align: center;
    background-color: #d4cb2a;
}
.section3 .cake a {
    color: #ffffff;
}
.section3 .flaver-atten {
    color: #cc0000;
}

/* おいしさの秘密 */
.section4 {
    padding: 3vw;
    background-color: #f3f3f3;
    margin-bottom: 5vw;
}
/* 商品詳細情報 */



/* 見出し 01
----------------------------------------*/
h2 span.ttl-heading-01{
	display: block;
	color:#000;
	font-size: 3.4vw;
	margin-bottom: 3vw;
	font-weight: 300;
}
h2 span.ttl-main-01{
	display: block;
	color:#000;
	/*font-size: 8vw;*/
	font-size: 6vw;
}
h2 span.ttl-sub-01{
	display: block;
	color:#000;
	font-size: 3vw;
	margin-top: -2vw;
}
h2 span.ttl-sub-01-a{
	display: block;
	color:#000;
	font-size: 3vw;
	margin-top: 3.5vw;
}
/* 見出し 02
----------------------------------------*/
h2 span.ttl-heading-02{
	display: block;
	color:#000;
	font-size: 5vw;
	font-weight: 100;
}
h2 span.ttl-main-02{
	display: block;
	color:#000;
	font-size: 6vw;
	letter-spacing: -0.1em;
	font-weight: 300;
}
/* 見出し 03 
----------------------------------------*/
h2 span.ttl-heading-03{
	display: block;
	color:#000;
	font-size: 3vw;
	margin-bottom: 1vw;
	font-weight: 300;
}
h2 span.ttl-main-03{
	display: block;
	color:#000;
	font-size: 4.5vw;
}
h2 span.ttl-sub-03{
	display: block;
	color:#000;
	font-size: 2vw;
	margin-top: 3.5vw;
}



/* ブラウニーウィッチップスが出来るまで  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: 10vw;
	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) ;
	background-size: 20%,100%; 
}
.fs-body-product-fwj0011 .process-box .ttl{
	margin:  5vw auto 0 auto;
	width: auto;
	padding: 5vw 0 2vw 0;
	text-align: center;
}
.fs-body-product-fwj0011 .process-box .ttl p{
	font-size: 4.2vw;
	font-weight: 700;
	position: relative;
	padding-bottom: 2.5vw;
}
.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.5);
	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.5);
	position: absolute;
	bottom: -10px;
	right: 0;
}	
.fs-body-product-fwj0011 .process-box .process{
	width: auto;
	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-around;
	align-items: center;
}	
.fs-body-product-fwj0011 .process-box .process-1 .img{
	width: 41.5vw;
}
.fs-body-product-fwj0011 .process-box .process-2 .img{
	width:48vw;
}
.fs-body-product-fwj0011 .process-box .process-3 .img{
	width: 45vw;
}
.fs-body-product-fwj0011 .process-box .process-1 p,
.fs-body-product-fwj0011 .process-box .process-2 p{
	font-size: 3.8vw;
	width: 36vw;
	font-weight: 700;
}
.fs-body-product-fwj0011 .process-box .process-3 p{
	font-size: 3.8vw;
	width: 47vw;
	font-weight: 700;
}	

.fs-body-product-fwj0011 .process-box .process-3 p span.font13{
	font-size: 3vw;
	display: block;
	font-weight: 500;
}	
.fs-body-product-fwj0011 .process-box .icon-arrow{
	width: 4vw;
	margin:2vw 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:100%;
	margin-bottom: 10vw;
	padding-bottom: 5vw;
	background:
		url(https://www.fatwitch.co.jp/images/shop-item/fwj0011/process-bg.png) ;
}
.fs-body-product-fwj0064 .process-box .ttl{
	margin:  5vw auto 0 auto;
	width: auto;
	padding: 5vw 0 2vw 0;
	text-align: center;
}
.fs-body-product-fwj0064 .process-box .ttl p{
	font-size: 4.2vw;
	font-weight: 700;
	position: relative;
}
.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.5);
	position: absolute;
	bottom: -10px;
	left: 0;
}
.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.5);
	position: absolute;
	bottom: -10px;
	right: 0;
}	
.fs-body-product-fwj0064 .process-box .process{
	width: auto;
	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: 45vw;
}
.fs-body-product-fwj0064 .process-box .process-2 .img{
	width: 50vw;
}
.fs-body-product-fwj0064 .process-box .process-3 .img{
	width: 50vw;
}
.fs-body-product-fwj0064 .process-box .process-1 p{
	font-size: 3.8vw;
	width: 42vw;
	font-weight: 700;
}
.fs-body-product-fwj0064 .process-box .process-2 p{
	font-size: 3.8vw;
	width: 35vw;
	font-weight: 700;
}	
.fs-body-product-fwj0064 .process-box .process-3 p{
	font-size: 3.8vw;
	width: 35vw;
	font-weight: 700;
}	
.fs-body-product-fwj0064 .process-box .icon-arrow{
	width: 4vw;
	margin:2vw auto;
}	
.fs-body-product-fwj0064 .process-box .font-red{
	font-size: 3vw;
	color: #ff0000;
	text-align: right;
	margin-top: 5vw;
}	


	

/* ファットウィッチ バブカとは？  fw0060
--------------------------------------------*/
.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:100%;
	margin-bottom: 10vw;
	padding-bottom: 2vw;
	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) ;
	background-size: 20%,100%; 
}
.fs-body-product-fwj0060 .process-box .ttl{
	margin:  5vw auto 0 auto;
	width: 65vw;
	padding: 5vw 0 2vw 0;
	text-align: center;
}
.fs-body-product-fwj0060 .process-box .ttl p{
	font-size: 4.2vw;
	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.5);
	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.5);
	position: absolute;
	bottom: -10px;
	right: -20px;
}	
	
.fs-body-product-fwj0060 .process-box .sub-txt{
	font-size: 3.3vw;
	line-height: 1.7;
	text-align: center;
	letter-spacing: -0.05em;
}	
.fs-body-product-fwj0060 .process-box .process{
	width: 90vw;
	margin: 10vw 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: 5vw;
}	
.fs-body-product-fwj0060 .process-box .process-1 .img{
	width: 47vw;
}
.fs-body-product-fwj0060 .process-box .process-2 .img{
	width: 40vw
}
.fs-body-product-fwj0060 .process-box .process-3 .img{
	width: 50vw;
}	
.fs-body-product-fwj0060 .process-box .process-1 .txt{
	width:41vw;
}	
.fs-body-product-fwj0060 .process-box .process-1 .txt .img{
	width: 38vw;
}
.fs-body-product-fwj0060 .process-box .process-2 .txt{
	width: 45vw;
}	
.fs-body-product-fwj0060 .process-box .process-2 .txt .img{
	width: 39vw;
}
.fs-body-product-fwj0060 .process-box .process-3 .txt{
	width: 40vw;
}	
.fs-body-product-fwj0060 .process-box .process-3 .txt .img{
	width: 40vw;
}	
.fs-body-product-fwj0060 .process-box .txt p{
	font-size: 3.2vw;
	font-weight: 700;
	margin-top: 3vw;
}
.fs-body-product-fwj0060 .process-box .txt .font-14{
	font-size: 2.8vw;
	font-weight: 400;
	margin-top: 4vw;
	letter-spacing: -0.07em;
}	

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