@charset "shift_jis";
/*==============================================
common
============================================= */
.bnr .item,
.prd_name br,
.prdbnr br,
.sp_only{
display:none;
}
#header {
border-bottom: #ededed solid 1px;
}
.headerIn,
.footerIn,
.copyRightIn{
width: 1000px;
margin: 0 auto;
}
.copyRight { border-top: 1px solid #ededed;}
#footer { margin-top: 10px; }
.pageTop { border-radius: 50%; }

span.caution{
    font-size: 11px;
    display: block;
    margin-top: 10px;
    color: #A0A0A0;
}


/*==============================================
看板
============================================= */
.mainTitleWrap {
width: 100%;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/hero_pc.jpg) center top 50px no-repeat;
}
.mainTitle {
width: 1207px;
margin: 0 auto;
padding: 0;
}
h1 {
width: 1000px;
height: 605px;
text-indent: -999em;
font-size: 0;
z-index: 1;
}

.lead{
	width: 1000px;
	margin: 90px auto 0;
	font-size: 17px;
	line-height: 1.8;
}
.lead a:link,
.lead a:visited {
color: #0054ee;
text-decoration: underline;
}
.lead a:hover,
.lead a:active {
color: #699dfc;
}



/*==============================================
.anchor
============================================= */

.anchor_wrapper {
    width: 1045px;
    margin: 80px auto 0;
}

.anchor_wrapper .inBox{
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/bg_anchor.png) center top no-repeat;
    width: 1045px;
	height: 319px;
    margin: 0 auto;
	padding-top: 30px;
}

.anchor {
	display: block;
	width: 850px;
	margin: 0 auto;
}

.anchor li {
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_anchor.png) no-repeat left center;
    display: block;
    ms-transition: all .2s;
    transition: all .2s;
    margin: 23px 0;
	padding-left: 43px;
}
.anchor li a {
    font-size: 15px;
    font-weight: bold;
    ms-transition: all .2s;
    transition: all .2s;
}
.anchor li span {
	font-size: 22px;
    box-sizing: border-box;
    text-align: left;
    opacity: 1.0;
	margin-right: 25px;
    
}
.anchor li span small{
	margin-left: 3px;
	font-size: 18px;
}
.anchor li:hover {
    opacity: 0.8;
}

.anchor li.matome {
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_anchor_line.png) no-repeat left top;
    display: block;
    ms-transition: all .2s;
    transition: all .2s;
    margin: 26px 0 0;
	padding-top: 26px;
	padding-left: 15px;
}
.anchor li.cmp {
	background-image: none;
    display: block;
    ms-transition: all .2s;
    transition: all .2s;
    margin: 20px 0 0;
	padding-top: 0px;
	padding-left: 15px;
}
.anchor li.matome span,.anchor li.cmp span{
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_anchor02.png) no-repeat left center;
	padding-left: 28px;
	font-size: 15px;
}
.anchor li.matome b,.anchor li.cmp b{
	font-size: 	20px;
	vertical-align: -1px;
	margin-right: 8px;
}
/*==============================================
 #mainContents
============================================= */
#mainContents{
font-family:'游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-feature-settings: "palt" 1;
	letter-spacing: 0.03em;
}



#article01,#article02,#article03{
	border-top: #b7b0ad solid 20px;
	margin-top: 100px;
}

#article02,#article03{
	margin-top: 130px;
}
#article04{
	margin-top: 80px;
}

#article01 h2,#article02 h2,#article03 h2 {
    font-size: 29px;
    font-weight: bold;
    text-align: center;
}


#article01 h2 span.sub{
	display: block;
	width: 1050px;
	height: 100px;
	  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/h2_01_pc.png) no-repeat;
	text-indent: -999em;
font-size: 0;
z-index: 1;
	margin: -61px auto 20px;
}
#article02 h2 span.sub{
	display: block;
	width: 1050px;
	height: 100px;
	  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/h2_02_pc.png) no-repeat;
	text-indent: -999em;
font-size: 0;
z-index: 1;
	margin: -61px auto 20px;
}
#article03 h2 span.sub{
	display: block;
	width: 1050px;
	height: 100px;
	  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/h2_03_pc.png) no-repeat;
	text-indent: -999em;
font-size: 0;
z-index: 1;
	margin: -61px auto 20px;
}

#article04 h2 span.sub{
	display: none;
}
#article04 h2{
	display: block;
	width: 971px;
	height: 106px;
	  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/h2_04_pc.png) no-repeat;
	text-indent: -999em;
font-size: 0;
z-index: 1;
	margin: 0 auto 40px;
}

#article04{
	background-color: #f6f5f5;
	padding: 80px 0 30px 0;
	
}
.paragraph{
    width: 100%;
    margin: 0 auto;
}
.paragraphIn{
    width: 1000px;
    margin: 0 auto;
}

.paragraph p{
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
}


/* article */

.first_wrap{
	overflow: hidden;
	zoom:1;
	margin-top: 80px;
}
.main_img{
	width: 610px;
	float: right;
	margin: -5px 0px 30px 50px;
}

/* .wrap_try */
.wrap_try{
	 background: #f6f5f5 url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/bg_try.jpg) no-repeat left top;
	width: 1000px;
	padding: 177px 90px 70px;
	box-sizing: border-box;
	border-radius: 40px;
	margin-bottom: 60px;
}

p.tit_try,p.tit_try02{
	position: relative;
	font-size: 32px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 40px;
}
p.tit_try02{
	margin-top: 0px;
}
p.tit_try span{
	 background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_try.png) no-repeat;
	width: 144px;
	height: 62px;
	text-indent: -999em;
font-size: 0;
z-index: 1;
	display: block;
	position: absolute;
	top:-60px;
	left: -36px;
	
}
p.tit_try b,p.tit_try02 b {background:linear-gradient(transparent 70%, #f6ac00 0%) ;}

p.tit_try small,p.tit_try02 small{
	margin-left: 6px;
}
/* .kakomi */
.kakomi{
	background: #f6f5f5;
	width: 1000px;
	padding: 80px 90px 50px;
	box-sizing: border-box;
	border-radius: 40px;
	margin: 70px 0;
}

p.tit_kakomi{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
}

/* .campaign*/
.campaign{
	margin: 0 auto;
	text-align: center;
	background-color: #f6f5f5;
	padding: 50px 0;

}

.wrap_cmp{
	width: 670px;
	margin: 0 auto;
}

p.tit_500cmp{
	 background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/tit_cmp.png) no-repeat;
	width: 637px;
	height: 57px;
	text-indent: -999em;
font-size: 0;
z-index: 1;
	margin: 0 auto;
}

p.subtit_cmp{
	font-size: 26px;
	font-weight: bold;
	margin: 25px auto;
}

.campaign a:hover{
	opacity: 0.8;
}

a p.link_txt{
	font-size: 18px;
	margin-top: 10px;
	color: #005DCD;
	text-decoration: underline;
}

p.note_txt{
	font-size: 14px;
	text-align: center;
	margin: 25px 0 0 0;
}
/*==============================================
banner
============================================= */

.topbnr a,.prdbnr a
{
    display: block;
    width: 772px;
    background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_arrow_pc.png) no-repeat;
    background-size: 23px;
    background-position: right 25px center;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    padding: 23px 0;
    text-align: center;
    ms-transition: all .2s;
    transition: all .2s;
	border: #b7b0ad solid 3px;
	border-radius: 36px;
}
.topbnr a{ margin: 60px auto 0;}
.prdbnr a{ margin: 20px auto 0;}
   

.topbnr a:hover,.prdbnr a:hover{
    background-color: #d5d1cf;
}

.innerbnr{
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/coner_01.jpg) no-repeat center top,
		url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/coner_02.jpg) no-repeat center bottom,
		url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/coner_03.png) repeat-y center top;		
	width: 1000px;
	margin: 0 auto;
	padding: 38px 110px;
	box-sizing: border-box;

}
p.inner_tit{
	 background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/innerbnr_tit_pc.png) no-repeat center top;
    width: 492px;
    height: 27px;
    text-indent: -9999em;
    font-size: 0;
    z-index: 1;
	margin: 0 auto 20px;
}

p.cmp_txr{
	display: flex;
  align-items: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.0;
	color: #D50003;
	    justify-content: center;
	margin-bottom: 3px;
	text-align: center;
}


p.cmp_txr:before,
p.cmp_txr:after {
  content: "";
  width: 3%;
  height: 2px;
  background: #D50003;
}

p.cmp_txr:before{
  margin: 0 20px 0 0;
}

p.cmp_txr:after{
  margin: 0 0 0 20px;
}

p.cmp_txr02{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #D50003;
	margin: 0 0 10px 0;
}
.link_box a{
    display: block;
    background: #f2efee url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_arrow_pc.png) no-repeat right 30px center;
    width: 780px;
	margin: 13px auto 0;
	box-sizing: border-box;
	border-radius: 50px;
    ms-transition: all .2s;
    transition: all .2s;
}
.link_box a:hover{
	background: #C9C7C6 url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_arrow_pc.png) no-repeat right 30px center;
}
.link_box02 a{
    display: block;
    background: #f2efee url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_arrow02_pc.png) no-repeat right 30px center;
    width: 780px;
	margin: 15px auto 0;
	box-sizing: border-box;
	border-radius: 50px;
    ms-transition: all .2s;
    transition: all .2s;
}
.link_box02 a:hover{
	background: #C9C7C6 url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_arrow02_pc.png) no-repeat right 30px center;
}
span.bnr01,span.bnr02,span.bnr03,span.bnr04,span.bnr05,span.bnr06,span.bnr07{
	display: inline-block;
    width: 630px;
    height: 48px;
    text-indent: -9999em;
    font-size: 0;
    z-index: 1;
	margin: 18px 0 18px 50px;
	padding: 0;
}

span.bnr01{	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/innerbnr_txt01.png) no-repeat left top;}
span.bnr02{	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/innerbnr_txt02.png) no-repeat left top;}
span.bnr03{	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/innerbnr_txt03.png) no-repeat left top;}
span.bnr04{	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/innerbnr_txt04.png) no-repeat left top;}
span.bnr05{	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/innerbnr_txt05.png) no-repeat left top;}
span.bnr06{	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/innerbnr_txt06.png) no-repeat left top;}
span.bnr07{	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/innerbnr_txt07.png) no-repeat left top;}


/*==============================================
.imgBox
============================================= */
.imgBox + p{
    margin-top: 60px;
}

.imgBox02 + p{
    margin-top: 50px;
}

.imgBox {
    margin: 60px auto 0;
    width: 860px;
    text-align: center;
    font-size: 0;
}

.imgBox02 {
    margin: 40px auto 0;
    width: 100%;
    text-align: center;
    font-size: 0;
}


.inbox{
    overflow: hidden;
    zoom: 1;
}


.imgBox .inbox .floatL, .imgBox .inbox .floatR {
    position: relative;
    width: 48%;
}
.imgBox02 .inbox .floatL, .imgBox02 .inbox .floatR {
    position: relative;
    width: 50%;
}
.imgBox img{
	border-radius: 	20px;
}


.imgBox a,.imgBox02 a {
    display: block;
    transition: opacity .2s;
}
.imgBox a:hover,.imgBox02 a:hover{
    opacity: 0.8;
    text-decoration: none;
}
.imgBox img,
.imgBox02 img {
    width: 100%;
}
.imgBox .floatL img, .imgBox .floatR img,
.imgBox02 .floatL img, .imgBox02 .floatR img{
    width: 100%;
}

.imgBox02 .floatL img{
	border-radius: 20px 0 0 20px;
}
.imgBox02 .floatL.ex img{
	border-radius: 20px;
}
.imgBox02 .floatR img{
	border-radius: 0 20px 20px 0
}
.imgBox p.floatL, .imgBox p.floatR,
.imgBox02 p.floatL, .imgBox02 p.floatR{
    box-sizing: border-box;
}
.imgBox .cap,
.imgBox02 .cap {
    width: 100%;
    margin: 12px auto 0;
    text-align: left;
    font-size: 13px;
}

.imgBox .floatR.cap,
.imgBox02 .floatR.cap{
    width: 48%;
    margin-top: 0;
}

/* キャプション　見出し */

p.captit01 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
	 background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_meal.png) no-repeat left center;
	background-size: 26px;
	padding-left: 32px;
}
/*==============================================
table
============================================= */

p.tit_table{
	font-size: 20px;
	font-weight: bold;
	margin-top: 60px;
}

p.tit_table b {background:linear-gradient(transparent 60%, #36ac36 0%) ;
padding: 0 5px;}


table {
background-color: #f6f5f5;	
border: solid #FFF;
border-width: 2px 0 2px 0;
border-spacing: 0;
color: #000;
width: 1000px;
margin: 0 auto 90px;
empty-cells: show;
line-height: 1.5;
font-size: 100%;
}
th {
background-color: #6fc26f;
border: solid #FFF;
border-width: 0 3px 3px 0;
font-size: 15px;
font-weight: bold;
text-align: center;
color: #FFF;
margin: 0;
padding: 14px;
}
td {
border: solid #FFF;
border-width: 0 3px 3px 0;
text-align: center;
padding: 15px 12px;
font-size: 17px;
	font-weight: bold;
}

td.corse span{
	display: block;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/icon_table.png) no-repeat left top;
	padding-left: 15px;
	font-weight: bold;
	text-align: left;
	font-size: 15px;
}
td.corse{width: 22%;}
td.txt_s{
	font-size: 14px;
	width: 23%;
}
td.price_cell{
	width: 16%;
}

tr.gray{
	background-color: #EDEDED;
}
/*==============================================
 .productBox
============================================= */

.productBox{
   background-color: #f6f5f5;
	padding-bottom: 60px;
	padding-top: 30px;
}

.productBoxIn{
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/11_foodable/bg_prd_pc.png) no-repeat center top;
    width: 1080px;
	height: 685px;
    margin: 0 auto;
}


.prd_info{
	width: 800px;
	margin: 0px auto 0;
	text-align: center;
	padding-top: 90px;
}

.prd_img{
	width: 420px;
	margin: 0 auto 30px;
}
.prd_img img{
	width: 100%;
}

.prd_name{
	font-size: 36px;
	font-weight: bold;
	margin-top: 25px;
}

.productBox p.cmp_txr{
	margin-bottom: 5px;
}

span.cmp_subtxt{
	font-size: 	12px;
	font-weight: bold;
	color: #D50003;
}

/*==============================================
.releasedate
============================================= */
.releasedate {
font-size: 11px; 
color: #333;
width: 930px; 
margin: 60px auto 0px; 
text-align: right;}