@charset "UTF-8";
/* CSS Document */

/*全体背景*/
body {
  background: #82cad8 url(../images/misdogohan_bg.jpg) repeat-y top center;
	background-size:100%;
}
/*---------------------------------------------*/
/*改ページ制御*/
/*---------------------------------------------*/
.Print_NewPage {
	page-break-before:always;
} 

/*PC SP切り替え
-----------------------------------*/
.pc_v {
	display: block;
}
.sp_v {
	display: none;
}


/*------------------------------------------------------------------------------------
	
	ヘッダー
	
------------------------------------------------------------------------------------*/

/*ミスドロゴ
-----------------------------------*/
.misdo_logo {
  position: absolute;
  top: 15px;
  left: 30px;
}
.misdo_logo img {
  width: 118px;
}

/*SNSリンク
-----------------------------------*/
ul.sns_list {
  position: absolute;
  top: 15px;
	right: 30px;
	z-index:30;
}
ul.sns_list li {
	float: left;
	margin-left: 8px;
}
ul.sns_list li img {
	width: 30px;
}

/*キャンペーンバナー
-----------------------------------*/
.misdogohan_cp_banner {
  position: absolute;
  top: 60px;
	right: 20px;
	z-index:30;
}
.misdogohan_cp_banner img {
	width: 195px;	
}
.misdogohan_cp_banner a:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
	opacity:0.8;
}





/*------------------------------------------------------------------------------------
	
	メイン

------------------------------------------------------------------------------------*/
.misdogohan_main {
	position: relative;
	width: 950px;
	height: 736px;
	margin: 0 auto;
}

/*ミスドゴハンロゴ
-----------------------------------*/
.misdogohan_logo {
	position: absolute;
	top: 50px;
	left: 212px;
}
.misdogohan_logo img {
	width: 466px;
}

/*スタート
-----------------------------------*/
.date {
	position: absolute;
	top: 25px;
	left: 182px;
}
.date img {
	width: 110px;
}

/*コンセプト
-----------------------------------*/
.misdogohan_concept {
	position: absolute;
	top: 450px;
	left: 290px;
	z-index: 10;
}
.misdogohan_concept img {
	width: 370px;
}

/*ミスドゴハンイメージ画像
-----------------------------------*/
.misdogohan_image01 {
	position: absolute;
	top: 410px;
	left: -45px;
	z-index: 10;
}
.misdogohan_image01 img {
	width: 309px;
}

.misdogohan_image02 {
	position: absolute;
	top: 475px;
	right: 35px;
	z-index: 20;
}
.misdogohan_image02 img {
	width: 230px;
}

.misdogohan_image03 {
	position: absolute;
	top: 350px;
	right: -60px;
	z-index: 10;
}
.misdogohan_image03 img {
	width: 230px;

}

/*砂糖
-----------------------------------*/
.illust_sugar {
  position: absolute;
	top: 150px;
	left: 10px;
	z-index: 20;
}
.illust_sugar img {
	width: 192px;
}

/*コーヒーとミルク
-----------------------------------*/
.illust_coffe_milk {
  position: absolute;
	top: 20px;
	left: 668px;
	z-index: 20;
}
.illust_coffe_milk img {
	width: 224px;
}

/*ハーブ
-----------------------------------*/
.illust_herbs_pc {
  position: absolute;
	top: 362px;
	left: 0;
	z-index: 30;
}
.illust_herbs_pc img {
	width: 174px;
}

.illust_herbs_sp {
	display:none;
}













/*------------------------------------------------------------------------------------
	
	ミスドゴハンスライド

------------------------------------------------------------------------------------*/
.misdogohan_slide_ttl {
	width: 443px;
	margin: 0 auto 20px auto;
}


/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #fff;
}
/*左右の矢印の位置を変える*/
.slick-next {
	right: -45px !important;
	z-index: 99;
}
.slick-prev {
	left: -45px !important;
	z-index: 100;
}

.slick-prev, .slick-next {
	width: 18px !important;
	height: 36px !important;
}
.slick-prev:before, .slick-next:before {
	content:''!important;
	opacity: 1!important;
}
.slick-prev {
  background:url("../images/arrowl.png") no-repeat !important;
  background-size: 100% !important;	
}
.slick-next {
  background:url("../images/arrowr.png") no-repeat !important;
  background-size: 100% !important;	
}


/*スライド数のドットの色を変える*/
..slick-dots {
	bottom: -35px;
}
.slick-dots li {
	margin: 0 !important;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
	color: #fff !important;
	opacity: 1 !important;
}

.slick-dots li.slick-active button:before {
	color: #d52d29 !important;
	opacity: 1 !important;
}

.single-item {
	width: 640px;
	margin: 0 auto;
}
.single-item a {
	cursor: pointer;
}

/*スライド画像の横幅可変*/
.single-item li img {
	width: 640px;	
	height: 453px;
}
.single-item li a {
	cursor:default;
}




/*------------------------------------------------------------------------------------
	
	TVCM

------------------------------------------------------------------------------------
.misdogohan_tvcm_bg {
	background: url(../images/misdogohan_tvcm_bg.png) no-repeat top center;
	padding-bottom: 40px;
}

.misdogohan_tvcm {
	position: relative;
	width: 628px;
	height: 420px;
	margin: 0 auto;
	background: url(../images/misdogohan_tvcm.png) no-repeat;
}


.video_box {
    position: absolute;
    width: 85%;
    top: 20%;
    left: 7%;
}
.video {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/

.misdogohan_tvcm_bg {
	background: url(../images/misdogohan_tvcm_bg.png) no-repeat top center;
	padding: 25px 0 70px 0;
}
.misdogohan_tvcm {
	position: relative;
	width: 860px;
	height:345px;
	margin: 0 auto;
	padding: 25px 45px 0 45px;
	background: url(../images/misdogohan_tvcm2.png) no-repeat;
}

/*TVCM*/
.tvcm {
	float: left;
	width: 400px;
	text-align: center;
}
.tvcm_ttl {
	margin-bottom: 20px;
}
.tvcm_ttl img {
	width: 392px;
}

/*TVCM2*/
.tvcm2 {
	float: right;
	width: 400px;
	text-align: center;
}
.tvcm2_ttl {
	margin-bottom: 20px;
}
.tvcm2_ttl img {
	width: 392px;
}

.video_box {
  width: 400px;
	margin:0 auto;
}
.video {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*イラスト
-----------------------------------*/
.illust_steam01 {
	position: absolute;
	top: -75px;
	left: 135px;
	z-index:999;
}
.illust_steam01 img {
	width:102px;
}

.illust_steam02 {
	position: absolute;
	top: 317px;
	left: -49px;
	z-index:999;
}
.illust_steam02 img {
	width:88px;
}

.illust_steam03 {
	position: absolute;
	top: -34px;
	left: 902px;
	z-index:999;
}
.illust_steam03 img {
	width:102px;
}

.illust_steam04 {
	position: absolute;
	top: 331px;
	left: 691px;
	z-index:999;
}
.illust_steam04 img {
	width:98px;
}


.illust_savorysand {
	position: absolute;
	top: 10px;
	left: -420px;
	z-index:0;
}
.illust_savorysand img {
	width:255px;
}

.illust_plants {
	position: absolute;
	top: 284px;
	left: -360px;
	z-index:0;
}
.illust_plants img {
	width:184px;
}

.illust_cheese {
	position: absolute;
	top: 10px;
	left: 670px;
	z-index:0;
}
.illust_cheese img {
	width:372px;
}

.illust_donut {
	position: absolute;
	top: 244px;
	left: 795px;
	z-index:0;
}
.illust_donut img {
	width:388px;
}




/*------------------------------------------------------------------------------------
	
	メニュー

------------------------------------------------------------------------------------*/
.misdogohan_menu_bg {
	position: relative;
	z-index:10;
	background: url(../images/misdogohan_bg_blown.jpg) repeat-y top center;
	background-size:100%;
}
.misdogohan_menu {
	width: 950px;
	margin: 0 auto;
	padding: 30px 0 35px 0;
}

/*ホットドッグ、パスタの取り扱いショップをさがすボタン
------------------------------------------------------*/
.misdogohan_search_btn {
	width:426px;
	margin:10px auto 30px auto;
}
.misdogohan_search_btn img {
	width:426px;
}
.misdogohan_search_btn_sp {
	display:none;
}



/*メニューカテゴリー（プルダウン）
-----------------------------------*/
#bar {
	width:950px;
	margin: 0;
	padding-bottom: 5px;
	background: url("../images/misdogohan_line_pc.png") no-repeat bottom;
	background-size: 100%;
}
#bar ul.navi {
}

/*ホット・セイボリーパイ　タイトル*/
#bar div.category  {
	cursor: pointer;
	background: url("../images/misdogohan_savorypie_ttl_pc_pr.png") no-repeat;
	background-size: 100%;
}
#bar div.open {
	background: url("../images/misdogohan_savorypie_ttl_pc_mi.png") no-repeat;
	background-size: 100%;
}
#bar div.category img {
	width: 950px;
	height: 90px;
}

/*セイボリーサンド・ドーナツ　タイトル*/
#bar div.category2  {
	cursor: pointer;
	background: url("../images/misdogohan_savorysand_ttl_pc_pr.png") no-repeat;
	background-size: 100%;
}
#bar div.open2 {
	background: url("../images/misdogohan_savorysand_ttl_pc_mi.png") no-repeat;
	background-size: 100%;
}
#bar div.category2 img {
	width: 950px;
	height: 90px;
}

/*トッピング・ホットトースト　タイトル*/
#bar div.category3  {
	cursor: pointer;
	background: url("../images/misdogohan_hottoast_ttl_pc_pr.png") no-repeat;
	background-size: 100%;
}
#bar div.open3 {
	background: url("../images/misdogohan_hottoast_ttl_pc_mi.png") no-repeat;
	background-size: 100%;
}
#bar div.category3 img {
	width: 950px;
	height: 90px;
}

/*ホット・スイーツパイ　タイトル*/
#bar div.category4  {
	cursor: pointer;
	background: url("../images/misdogohan_sweets_ttl_pc_pr.png") no-repeat;
	background-size: 100%;
}
#bar div.open4 {
	background: url("../images/misdogohan_sweets_ttl_pc_mi.png") no-repeat;
	background-size: 100%;
}
#bar div.category4 img {
	width: 950px;
	height: 90px;
}

/*ホットドッグ・ホットサンド　タイトル*/
#bar div.category5  {
	cursor: pointer;
	background: url("../images/misdogohan_hotdog_ttl_pc_pr.png") no-repeat;
	background-size: 100%;
}
#bar div.open5 {
	background: url("../images/misdogohan_hotdog_ttl_pc_mi.png") no-repeat;
	background-size: 100%;
}
#bar div.category5 img {
	width: 950px;
	height: 90px;
}

/*パスタ　タイトル*/
#bar div.category6  {
	cursor: pointer;
	background: url("../images/misdogohan_pasta_ttl_pc_pr.png") no-repeat;
	background-size: 100%;
}
#bar div.open6 {
	background: url("../images/misdogohan_pasta_ttl_pc_mi.png") no-repeat;
	background-size: 100%;
}
#bar div.category6 img {
	width: 950px;
	height: 90px;
}


/*クリームイン・マフィン　タイトル*/
#bar div.category7  {
	cursor: pointer;
	background: url("../images/misdogohan_creammuffin_ttl_pc_pr.png") no-repeat;
	background-size: 100%;
}
#bar div.open7 {
	background: url("../images/misdogohan_creammuffin_ttl_pc_mi.png") no-repeat;
	background-size: 100%;
}
#bar div.category7 img {
	width: 950px;
	height: 90px;
}



/*メニュー画像
-----------------------------------*/
ul.misdogohan_menu_item {
	overflow: hidden;
}
ul.misdogohan_menu_item:after {
	content: "";
	display: block;
	clear: both;
}
ul.misdogohan_menu_item li {
	float: left;
	width: 50%;
	overflow: hidden;
	margin: 30px 0 0 0;
}
.menu_img {
	width: 128px;
}
.menu_tx {
	width: 347px;
}


/*栄養成分・アレルギー情報
-----------------------------------*/
.eiyou_allergy_pc {
	width: 920px;
	background: url("../images/eiyou_allergy_bg.jpg") repeat-y;
	background-size: 100%;
	margin: 30px 0;
	padding: 10px 15px;
}
.eiyou_allergy_sp {
	display: none;
}

.eiyou_allergy_ttl {
	margin-bottom: 10px;
}
.eiyou_allergy_ttl img {
	width: 236px;
	height: 24px;
}


#bar ul.menu {
}
#bar ul.menu .eiyou_box {
	width: 900px;
	background: #fff;
	padding: 10px;
}

.eiyou_box table {
	width: 900px;
	border: 2px solid #502c17;
	border-collapse: collapse;/*trにボーダー指定用*/
}
/*栄養成分表*/
.eiyou_box table.table_eiyou {
	margin-bottom: 15px;
}
/*アレルギー表*/
.eiyou_box table.table_allergy {
	margin-bottom: 5px;
}
.eiyou_box caption {
	padding: 0 0 3px 0;
	text-align:left;
	color: #4f1e0f;
}
/*項目名*/
.eiyou_box thead th {
	background-color: #eae1dc;
	border-bottom: 1px solid #502c17;
	border-left: 1px solid #502c17;
	padding: 8px 0;
	text-align: center;
	font-weight: normal;
}
/*データ*/
.eiyou_box tbody td {
	background-color: #fff;
	padding: 8px 0;
	border-left: 1px solid #502c17;
	text-align: center;
}
/*商品名*/
.eiyou_box tbody td:first-child {
	text-align: left;
	padding-left:5px;
}
/*点線*/
.eiyou_box tr.dotted {
	border-bottom: 1px dotted #502c17;
}
/*アレルギー情報（27品目）はこちらボタン*/
.eiyou_btn {
	width: 260px;
	margin: 0 auto;
	margin-top: 10px;
}

.eiyou_btn img {
	width: 260px;
	height: 30px;
}



/*ピエトロロゴ
-----------------------------------*/
.misdogohan_pietro {
}
.misdogohan_pietro img {
	width: 316px;
}

/*辛いマーク
-----------------------------------*/
.pasta_attention {
	margin-top: 10px;
}
.pasta_attention img {
	width: 200px;
}



/*おいしい温め方
-----------------------------------*/
.misdogohan_heat {
	position: relative;
	width: 920px;
	margin: 20px 0 0 0;
	padding: 50px 15px 15px 15px;
	background: #fffef7;
	border-radius: 10px;
}
.misdogohan_heat:after {
	content: "";
	display: block;
	clear: both;
}

/*タイトル*/
.heat_ttl {
	position: absolute;
	top:-30px;
	left:305px;
}
.heat_ttl img {
	width: 336px;
	height: 72px;
}

/*電子レンジ温め時間の目安*/
.heat_time {
	float: left;
	width: 364px;
	background: #fffbc7;
	border-radius: 10px;
}
.heat_time img {
	width: 364px;
	height: 135px;
}


/*さらにおいしい温め方*/
.heat_howto {
	float: right;
}
.heat_howto_ttl {
	float: left;
	margin-right: 15px;
}
.heat_howto_ttl img {
	width: 313px;
	height: 99px;
}

.howto_toast {
	float: left;
}
.howto_toast img {
	width: 208px;
	height: 99px;
}


.heat_tx {
	clear:both;
	padding-top: 8px;
	font-size: x-small;
  line-height: 130%;
	color: #595757;
	letter-spacing: -0.1em;
}


/*やけどに注意*/
.heat_attention {
	margin-top: 10px;
	font-size: x-small;
  line-height: 130%;
	color: #fff;
	text-align: right;
}



/*セットメニューバナー
-----------------------------------*/
.misdogohan_set_banner_pc {
	width: 950px; 
	margin: 0 auto;
}
.misdogohan_set_banner_sp {
	display: none;
}


/*------------------------------------------------------------------------------------

		商品一覧

	------------------------------------------------------------------------------------*/
/* mod_item_wrap
-------------------------------------------------- */
.mod_item_wrap_01{}
.mod_item_wrap_01{
  max-width: 1120px;
  background-color: #fff8e5;
  margin-left: auto;
  margin-right: auto;
}
.mod_item_wrap_01 .mod_item_area > *:first-child{
  margin-top: 0;
}

.mod_item_wrap_02{}
.mod_item_wrap_02{
  max-width: 1120px;
  background-color: #FFF8D5;
  margin-left: auto;
  margin-right: auto;
}
.mod_item_wrap_02 .mod_item_area > *:first-child{
  margin-top: 0;
}

.mod_item_list .mod_item a{
  display: block;
  text-align: center;
}
.mod_item_list .mod_item .img{
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.mod_item_list .mod_item .img figure{
  position: relative;
  padding-top: 99%;
}
.mod_item_list .mod_item .img figure img{
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  padding: 10px;
}
.mod_item_list .mod_item .txt{
  font-weight: bold;
}

@media print, screen and (min-width:768px){
	.mod_item_wrap_01{
    margin-top: 60px;
		padding-top: 50px;
		padding-bottom: 50px;
		border-radius: 40px;
	}
  .mod_item_wrap_01 .c_ttl_bold_03{
    margin-top: 60px;
  }
  .mod_item_wrap_01 .mod_item_list{
    margin-top: 30px;
  }
	.mod_item_wrap_01 .mod_item_heading{
		pointer-events: none;
		text-align: center;
	}
	.mod_item_wrap_01 .mod_item_content{
		display: block !important;
	}
	.mod_item_wrap_01 .mod_item_content{
		margin-top: 40px;
	}

	.mod_item_wrap_02{
    margin-top: 60px;
		padding-top: 50px;
		padding-bottom: 50px;
		border-radius: 40px;
	}
  .mod_item_wrap_02 .c_ttl_bold_03{
    margin-top: 60px;
  }
  .mod_item_wrap_02 .mod_item_list{
    margin-top: 30px;
  }
	.mod_item_wrap_02 .mod_item_heading{
		pointer-events: none;
		text-align: center;
	}
	.mod_item_wrap_02 .mod_item_content{
		display: block !important;
	}
	.mod_item_wrap_02 .mod_item_content{
		margin-top: 40px;
	}
  
  .mod_item_list .mod_item .txt{
    margin-top: 1em;
  }
}

/*------------------------------------------------------------------------------------
	
	あなたのミスドゴハン 写真投稿キャンペーン

------------------------------------------------------------------------------------*/
.misdogohan_cp {
	position: relative;
	width: 950px;
	height: 566px;
	margin: 0 auto;
	margin-top: 55px;
	background: url("../images/misdogohan_cp_bg.png") no-repeat;
}
/*SP背景用*/
.misdogohan_cp_bg_top_sp {
	display: none;
}
.misdogohan_cp_bg_bottom_sp {
	display: none;
}


/*見出し*/
.misdogohan_cp_midashi {
	position: absolute;
	top: -30px;
	left:259px;
}
.misdogohan_cp_midashi img {
	width: 426px;
}

/*タイトル*/
.misdogohan_cp_ttl {
	width: 871px;
	margin: 0 auto;
	margin-bottom: 35px;
	padding-top: 84px;
}
.misdogohan_cp_ttl img {
	width: 871px;
}

.misdogohan_cp_ttl_sp {
	display: none;
}


/*写真*/
.misdogohan_cp_photo01 {
	position: absolute;
	top: -25px;
	left: 90px;
}
.misdogohan_cp_photo01 img {
	width: 111px;
}

.misdogohan_cp_photo02 {
	position: absolute;
	top: -10px;
	left: 754px;
}
.misdogohan_cp_photo02 img {
	width: 111px;
}

/*詳細はこちらボタン*/
.misdogohan_cp_btn {
	width: 298px;
	margin: 0 auto;
	margin-top: 16px;
}
.misdogohan_cp_btn img {
	width: 298px;
}



/*キャンペーン内容
-----------------------------------*/
.misdogohan_cp_content {
	overflow: hidden;
	width: 950px;
}
.misdogohan_cp_content:after {
	content: "";
	display: block;
	clear: both;
}

.misdogohan_cp_gaiyou {
	float: left;
	margin: 0 30px;
}
.misdogohan_cp_gaiyou img {
	width: 454px;
}


/*SNS
-----------------------------------*/
.misdogohan_cp_sns {
	float: left;
	width: 400px;
}

/*Instagram*/
.misdogohan_cp_instagram {
	overflow: hidden;
	margin-bottom: 15px;
}
.misdogohan_cp_instagram:after {
	content: "";
	display: block;
	clear: both;
}
.misdogohan_cp_instagram_ttl {
	float: left;
	margin-right: 15px;
}
.misdogohan_cp_instagram_ttl img {
	width:198px;
}
.misdogohan_cp_instagram_btn {
	float: left;
}
.misdogohan_cp_instagram_btn img {
	width:141px;
}

/*Twitter*/
.misdogohan_cp_twitter_ttl {
	margin-bottom: 8px;
}
.misdogohan_cp_twitter_ttl img {
	width: 218px;
}

.timeline {
    max-width: 96% !important;
    width: 96% !important;
    box-sizing:border-box;
		margin:0 auto;
}



/*------------------------------------------------------------------------------------

	フッター

------------------------------------------------------------------------------------*/
.footer{
	width: 950px;
	margin: 15px auto;
}
#footer:after {
	content: "";
	display: block;
	clear: both;
}

/*注釈
-----------------------------------*/
.attention {
	margin-bottom: 30px;
	font-size: x-small;
  line-height: 130%;
	color: #804e21;
}

/*ページトップへ
-----------------------------------*/
.md_page_top {
	display: block;
	position: fixed;
	width: 74px;
	height: 70px;
	bottom: 30px;
	right: 30px;
	z-index: 999;
}

/*コピーライト
-----------------------------------*/
.copy_misdo {
	float: right;
	font-size: x-small;
	color: #804e21;
}
.copyright {
	font-size: x-small;
	color: #804e21;
}























/*==========================================================================================================================================
	768px以下のCSSを記述
==========================================================================================================================================*/
@media screen and (max-width:768px) {
	.misdogohan {
		width: 100%;
	}

	/*PC SP切り替え
	-----------------------------------*/
	.pc_v {
		display: none;
	}
	.sp_v {
		display: inline-block;
	}

	
	/*------------------------------------------------------------------------------------
	
		ヘッダー
	
	------------------------------------------------------------------------------------*/
	/*ミスドロゴ
	-----------------------------------*/
	.misdo_logo {
		position: absolute;
		top: 5px;
		left: 5px;
		z-index:100;		
	}
	.misdo_logo img {
		width: 59px;
	}
	
	/*SNSリンク
	-----------------------------------*/
	ul.sns_list {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index:30;
	}
	ul.sns_list li {
		float: left;
		margin-left: 8px;
	}
	ul.sns_list li img {
		width: 30px;
	}

	/*キャンペーンバナー
	-----------------------------------*/
	.misdogohan_cp_banner {
		position: absolute;
		width: 30%;
    top: 50px;
		left: 1.5%;
		z-index:30;
	}
	.misdogohan_cp_banner img {
		width:100%;	
	}
	
	
	/*------------------------------------------------------------------------------------
		
		メイン
	
	------------------------------------------------------------------------------------*/
	.misdogohan_main {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	/*ミスドゴハンロゴ
	-----------------------------------*/
	.misdogohan_logo {
		position: relative;
		top: 0;
		left: 4.5%;
		width: 79%;
		padding-top: 22%;	
		z-index: 10;
	}
	.misdogohan_logo img {
		width: 	100%;
	}
	
	/*スタート
	-----------------------------------*/
	.date {
		position: absolute;
		width: 22%;
		top: 8%;
		left: 1.5%;
	}
	.date img {
		width: 100%;
	}
	
	/*コンセプト
	-----------------------------------*/
	.misdogohan_concept {
		position: relative;
		top: 0;
		left: 8%;
    width: 84%;
		margin:15px 0 10px 0;	
	}
	.misdogohan_concept img {
		width: 100%;
	}
	
	
	/*ミスドゴハンイメージ画像
	-----------------------------------*/
	.misdogohan_image {
		position: relative;
    margin-bottom: -25%;
    z-index: 20;
	}
	.misdogohan_image:after {
		content: "";
		display: block;
		clear: both;
	}
	.misdogohan_image01 {
		position: relative;
		width: 48%;
		top: 20px;
    left: -4%;
		float: left;	
	}
	.misdogohan_image01 img {
		width: 100%;
	}
	.misdogohan_image02 {
		position: relative;
		width: 38%;
    top: 40px;
    left: -13.5%;
		float: left;
	}
	.misdogohan_image02 img {
		width: 100%;
	}
	
	.misdogohan_image03 {
		position: relative;
		width: 38%;
    top: -130px;
    right: -2.5%;
    float: right;
	}
	.misdogohan_image03 img {
		width: 100%;
	}
	
	
	
	/*砂糖
	-----------------------------------*/
	.illust_sugar {
		position: absolute;
    top: -3.5%;
    left: 22%;
    z-index: 0;
    width: 30%;
	}
	.illust_sugar img {
		width: 100%;
	}
	
	
	/*コーヒーとミルク
	-----------------------------------*/
	.illust_coffe_milk {
		position: absolute;
		top: 8%;
		left: auto;
		right: -7.0%;
		z-index: 0;
		width: 30%;
	}
	.illust_coffe_milk img {
		width: 100%;
	}
	
	
	/*ハーブ
	-----------------------------------*/
	.illust_herbs_sp {
		display: block;
	}

	.illust_herbs_sp {
		position: absolute;
		width: 20%;
		top: 40%;
		left: 0;
		z-index: 20;
	}
	.illust_herbs_sp img {
		width: 100%;
	}

	.illust_herbs_pc {
		display:none;
	}
	
	
	
	
	/*------------------------------------------------------------------------------------
	
	ミスドゴハンスライド

------------------------------------------------------------------------------------*/
.misdogohan_slide_ttl {
	width: 90%;
	margin: 0 auto 15px auto;
}

/*左右の矢印の位置を変える*/

.slick-prev, .slick-next {
	width: 18px !important;
	height: 36px !important;
}
.slick-prev:before, .slick-next:before {
	display: none;
}

.slick-next {
	display: none!important;
	background: none!important;
}
.slick-prev {
	display: none!important;
	background: none!important;
	}


.single-item {
	width: 100%;
	margin: 0 auto;
}
.single-item a {
	cursor: pointer;
}

/*スライド画像の横幅可変*/
.single-item li img {
	width: 100%;	
	height: auto;
}
.single-item li a {
	cursor:default;
}

	
	



	/*------------------------------------------------------------------------------------
		
		TVCM
	
	------------------------------------------------------------------------------------*/
	.misdogohan_tvcm_bg {
		background: url(../images/misdogohan_tvcm_bg_sp.png) no-repeat top center;
		background-size: 100%;
		padding: 0px 0 20px 0;
	}

/*
	.misdogohan_tvcm {
		position: relative;
		width: 95%;
		height: auto;
		/*padding:0 2.5%;
		margin: 0 auto;
		background: url(../images/misdogohan_tvcm.png) no-repeat;
		background-size: 100%;
	}

	.video_box {
		position: absolute;
		width: 84%;
    top: 20%;
    left: 8%;
		z-index:10;
	}
	*/
	
	.misdogohan_tvcm {
		position: relative;
		width: 95%;
		height: auto;
		padding:0;
		margin: 0 auto;
		background: url(../images/misdogohan_tvcm_sp.png) no-repeat;
		background-size: 100%;
	}
	
	/*TVCM*/
	.tvcm {
		float:none;
		width: 85%;
		margin: 0 auto;
		text-align: center;
	}
	.tvcm_ttl {
		padding: 3% 0 0 0;
		margin-bottom: 10px;
	}
	.tvcm_ttl img {
		width: 100%;
	}

	/*TVCM2*/
	.tvcm2 {
		float:none;
		width: 85%;
		margin: 0 auto;
		margin-top: 15px;
		text-align: center;
		padding: 0 0 5% 0;
	}
	.tvcm2_ttl {
		padding: 5% 0 0 0;
		margin-bottom: 10px;
	}
	.tvcm2_ttl img {
		width: 100%;
	}


	.video_box {
		width: 100%;
	}
	.video {
		position: relative;
		height: 0;
		padding: 0 0 56.25%;
		overflow: hidden;
	}
	.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	
	
	/*イラスト
	-----------------------------------*/
	.illust_steam01 {
		position: absolute;
    top: 0%;
    left: -8%;
    z-index: 999;
    width: 15%;
	}
	.illust_steam01 img {
		width: 100%;
	}
	
	.illust_steam02 {
		position: absolute;
		top: 96%;
    left: -2%;
    z-index: 999;
    width: 15%;
	}
	.illust_steam02 img {
		width: 100%;
	}
	
	.illust_steam03 {
		position: absolute;
		top: -3%;
    left: 86%;
    z-index: 999;
    width: 15%;
	}
	.illust_steam03 img {
		width: 100%;
	}
	
	.illust_steam04 {
		position: absolute;
		top: 96%;
    left: 89%;
    z-index: 999;
    width: 12%;
	}
	.illust_steam04 img {
		width: 100%;
	}
	
	
	.illust_savorysand {
		display: none;
	
		position: absolute;
		top: 0%;
		left: 0%;
		z-index:0;
	}
	.illust_savorysand img {
		width: 100%;
	}
	
	.illust_plants {
		display: none;
	
		position: absolute;
		top: 0%;
		left: 0%;
		z-index:0;
	}
	.illust_plants img {
		width: 100%;
	}
	
	.illust_cheese {
		display: none;
	}	
	.illust_donut {
		display: none;
	}






	/*------------------------------------------------------------------------------------
		
		メニュー
	
	------------------------------------------------------------------------------------*/
	.misdogohan_menu {
		width: 95%;
		padding: 15px 2.5%;
	}

	/*ホットドッグ、パスタの取り扱いショップをさがすボタン
	------------------------------------------------------*/
	.misdogohan_search_btn {
		display:none;
	}
	.misdogohan_search_btn_sp {
		display:block;
		width:100%;
		margin: 5px 0 20px 0;
	}
	.misdogohan_search_btn img {
		width:100%;
	}
	
	
	
	/*メニューカテゴリー（プルダウン）
	-----------------------------------*/
	#bar {
		width:95%;
		margin: 0 auto;
		padding-bottom: 5px;
		background: url("../images/misdogohan_line_sp.png") no-repeat bottom;
		background-size: 100%;
	}

	
	/*ホット・セイボリーパイ　タイトル*/
	#bar div.category  {
		cursor: pointer;
		background: url("../images/misdogohan_savorypie_ttl_sp_pr.png") no-repeat;
		background-size: 100%;
    margin: 10px 0px;
	}
	#bar div.open {
		background: url("../images/misdogohan_savorypie_ttl_sp_mi.png") no-repeat;
		background-size: 100%;
	}
	#bar div.category img {
		width: 100%;
		height: auto;
		}
	
	/*セイボリーサンド・ドーナツ　タイトル*/
	#bar div.category2  {
		cursor: pointer;
		background: url("../images/misdogohan_savorysand_ttl_sp_pr.png") no-repeat;
		background-size: 100%;
    margin: 10px 0px;
	}
	#bar div.open2 {
		background: url("../images/misdogohan_savorysand_ttl_sp_mi.png") no-repeat;
		background-size: 100%;
	}
	#bar div.category2 img {
		width: 100%;
		height: auto;
	}
	
	/*トッピング・ホットトースト　タイトル*/
	#bar div.category3  {
		cursor: pointer;
		background: url("../images/misdogohan_hottoast_ttl_sp_pr.png") no-repeat;
		background-size: 100%;
    margin: 10px 0px;
	}
	#bar div.open3 {
		background: url("../images/misdogohan_hottoast_ttl_sp_mi.png") no-repeat;
		background-size: 100%;
	}
	#bar div.category3 img {
		width: 100%;
		height: auto;
	}
	
	/*ホット・スイーツパイ　タイトル*/
	#bar div.category4  {
		cursor: pointer;
		background: url("../images/misdogohan_sweets_ttl_sp_pr.png") no-repeat;
		background-size: 100%;
    margin: 10px 0px;
	}
	#bar div.open4 {
		background: url("../images/misdogohan_sweets_ttl_sp_mi.png") no-repeat;
		background-size: 100%;
	}
	#bar div.category4 img {
		width: 100%;
		height: auto;
	}

	/*ホットドッグ・ホットサンド　タイトル*/
	#bar div.category5  {
		cursor: pointer;
		background: url("../images/misdogohan_hotdog_ttl_sp_pr.png") no-repeat;
		background-size: 100%;
    margin: 10px 0px;
	}
	#bar div.open5 {
		background: url("../images/misdogohan_hotdog_ttl_sp_mi.png") no-repeat;
		background-size: 100%;
	}
	#bar div.category5 img {
		width: 100%;
		height: auto;
	}

	/*パスタ　タイトル*/
	#bar div.category6  {
		cursor: pointer;
		background: url("../images/misdogohan_pasta_ttl_sp_pr.png") no-repeat;
		background-size: 100%;
    margin: 10px 0px;
	}
	#bar div.open6 {
		background: url("../images/misdogohan_pasta_ttl_sp_mi.png") no-repeat;
		background-size: 100%;
	}
	#bar div.category6 img {
		width: 100%;
		height: auto;
	}

	/*クリームイン・マフィン　タイトル*/
	#bar div.category7  {
		cursor: pointer;
		background: url("../images/misdogohan_creammuffin_ttl_sp_pr.png") no-repeat;
		background-size: 100%;
    margin: 10px 0px;
	}
	#bar div.open7 {
		background: url("../images/misdogohan_creammuffin_ttl_sp_mi.png") no-repeat;
		background-size: 100%;
	}
	#bar div.category7 img {
		width: 100%;
		height: auto;
	}



	/*メニュー画像
	-----------------------------------*/
	ul.misdogohan_menu_item {
		overflow: hidden;
	}
	ul.misdogohan_menu_item:after {
		content: "";
		display: block;
		clear: both;
	}
	ul.misdogohan_menu_item li {
		float: none;
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 10px 0;
		background: url("../images/misdogohan_line_w_sp.png") no-repeat bottom;
		background-size: 100%;
	}
	ul.misdogohan_menu_item li:first-child {
		padding-top: 0px !important;	
	}
	.menu_img {
		width: 17%;
	}
	.menu_tx {
		width: 75%;
	}







	/*栄養成分・アレルギー情報
	-----------------------------------*/
	.eiyou_allergy_pc {
		display: none;
	}	
	.eiyou_allergy_sp {
		display: block;
		width: 95%;
		margin: 15px 0;
		padding: 2.5%;
		background: url("../images/eiyou_allergy_bg.jpg") repeat-y;
		background-size: 100%;
	}
	.eiyou_allergy_ttl {
		width: 60%;
		margin-bottom: 10px;
	}
	.eiyou_allergy_ttl img {
		width: 100%;
		height: auto;
	}
	
	/*----------表--------*/
	.cork_middle {
		padding: 10px;
		margin-bottom: 10px;
	}
	
	.table_left {
		float: left;
		width: 47%;
	}
	
	.table_right {
		float: right;
		width: 47%;
	}
	
	.eiyou_table_eiyou {
		width: 100%;
		border-top: 1px solid #333;
			border-collapse: collapse;
	}
	
	.eiyou_table_eiyou2 {
		width: 100%;
		border-top: 1px solid #333;
			border-collapse: collapse;
	}
	
	.eiyou_table_eiyou tr {
			border-bottom: 1px solid #333;
	}
	
	.eiyou_table_eiyou2 tr {
			border-bottom: 1px solid #333;
	}
	
	.eiyou_table_eiyou caption {
		color: #ff6600;
	}
	
	.eiyou_table_eiyou2 caption {
		color: #ff6600;
	}
	
	.eiyou_table_allergy {
		width: 100%;
		border-top: 1px solid #333;
			border-collapse: collapse;
	}
	
	.eiyou_table_allergy2 {
		width: 100%;
		border-top: 1px solid #333;
			border-collapse: collapse;
	}
	
	.eiyou_table_allergy tr {
			border-bottom: 1px solid #333;
	}
	
	.eiyou_table_allergy2 tr {
			border-bottom: 1px solid #333;
	}
	
	.eiyou_table_allergy caption {
		color: #ff6600;
	}
	
	.eiyou_table_allergy2 caption {
		color: #ff6600;
	}
	
	.eiyou_table_allergy .d_color {
		width: 50%;
		padding-left: 20px;
	}
	
	.eiyou_table_allergy2 .d_color {
		width: 50%;
		padding-left: 20px;
	}
	
	.d_tex {
		text-align: center;
	}
	
	.caution {
		color: #F00;
		margin-bottom: 5px;
	}
	
	caption {
			text-align: left;
	}
	
	.copy {
		border: none !important;
		padding: 0px !important;
	}


	.attention_eiyou {
		width: 100% !important;
		font-size: 10px;
		line-height: 14px;
		margin-bottom:0px;
		color: #47170b;
		padding:0 !important;
		
	}
	.cork_middle {
		background-color: #fff;
	}
	.eiyou_table_eiyou2 caption {
		color: #954e2e !important;
		letter-spacing:-0.1em!important;
	}
	.eiyou_table_allergy2 caption {
		color: #954e2e !important;
		/*letter-spacing:-0.1em!important;*/
	}
	.table_left {
		float: left;
		width: 48%;
	}
	.table_right {
		float: right;
		width: 48%;
	}	


	/*ピエトロロゴ
	-----------------------------------*/
	.misdogohan_pietro {
	}
	.misdogohan_pietro img {
		width: 80%;
	}
	
	/*辛いマーク
	-----------------------------------*/
	.pasta_attention {
		margin-top: 10px;
	}
	.pasta_attention img {
		width: 60%;
	}

	/*おいしい温め方
	-----------------------------------*/
	.misdogohan_heat {
    position: relative;
    width: 95%;
    padding: 10% 2.5% 10px 2.5%;
    margin-top: 8%;
    background: #fffef7;
    border-radius: 10px;
}
	.misdogohan_heat:after {
		display: block;
		clear: none;
	}
	
	/*タイトル*/
	.heat_ttl {
		width: 70%;
		position: absolute;
		top: -5%;
    left: 15%;
	}
	.heat_ttl img {
		width: 100%;
		height: auto;	
	}
	
	/*電子レンジ温め時間の目安*/
	.heat_time {
		float: none;
		width: 100%;
		background: #fffbc7;
		border-radius: 10px;
	}
	.heat_time img {
		width: 100%;
		height: auto;
	}
	
	
	/*さらにおいしい温め方*/
	.heat_howto {
		float: none;
		text-align: center;
	}
	.heat_howto_ttl {
		float: none;
		margin-right: 0;
		margin-top: 10px;
	}
	.heat_howto_ttl img {
		width: 90%;
		height: auto;
	}
	
	.howto_toast {
		float: none;
		margin-top: 10px;
	}
	.howto_toast img {
		width: 50%;
		height: auto;
	}
	
	
	.heat_tx {
		padding-top: 8px;
		font-size: 10px;
		line-height: 14px;
		color: #595757;
		letter-spacing: -0.1em;
		text-align: left;
	}
	
	
	/*やけどに注意*/
	.heat_attention {
		margin-top: 10px;
		font-size: 10px;
		line-height: 14px;
		color: #fff;
		text-align: right;
	}


	/*セットメニューバナー
	-----------------------------------*/
	.misdogohan_set_banner_sp {
		display: block;
    width: 95%;
    margin: 20px 2.5% 0 2.5%;
	}
	
	.misdogohan_set_banner_pc {
		display: none;
	}



	/*------------------------------------------------------------------------------------

		商品一覧

	------------------------------------------------------------------------------------*/
	@media screen and (max-width:767px) {
		
		.mod_item_wrap_01{
			margin-top: 30px;
			border-radius: 10px;
		}
		.mod_item_wrap_01 .mod_item_list{
			margin-top: 25px;
		}
		.mod_item_wrap_01 .mod_item_heading{
			padding: 1.7em 45px 1.7em 25px;
			position: relative;
			cursor: pointer;
		}
		.mod_item_wrap_01 .mod_item_heading::after{
			content: "";
			display: block;
			width: 16px;
    	height: 16px;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 25px;
			margin: auto 0;
			background: url(/common_2022/images/icon/icon_plus_brown.png) center center no-repeat;
			background-size: 100% auto;
		}
		.mod_item_wrap_01.open .mod_item_heading::after{
			background: url(/common_2022/images/icon/icon_minus_brown.png) center center no-repeat;
			background-size: 100% auto;
		}
		.mod_item_wrap_01 .mod_item_heading .content_block{
			padding: 0;
		}
		.mod_item_wrap_01 .mod_item_content{
			display: none;
			padding-bottom: 40px;
		}
	
	
		.mod_item_wrap_02{
			margin-top: 30px;
			border-radius: 10px;
		}
		.mod_item_wrap_02 .mod_item_list{
			margin-top: 25px;
		}
		.mod_item_wrap_02 .mod_item_heading{
			padding: 1.7em 45px 1.7em 25px;
			position: relative;
			cursor: pointer;
		}
		.mod_item_wrap_02 .mod_item_heading::after{
			content: "";
			display: block;
			width: 16px;
    	height: 16px;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 25px;
			margin: auto 0;
			background: url(/common_2022/images/icon/icon_plus_brown.png) center center no-repeat;
			background-size: 100% auto;
		}
		.mod_item_wrap_02.open .mod_item_heading::after{
			background: url(/common_2022/images/icon/icon_minus_brown.png) center center no-repeat;
			background-size: 100% auto;
		}
		.mod_item_wrap_02 .mod_item_heading .content_block{
			padding: 0;
		}
		.mod_item_wrap_02 .mod_item_content{
			display: none;
			padding-bottom: 40px;
		}
	
		.mod_item_list .mod_item{
			margin-top: 15px;
		}
		.mod_item_list .mod_item .img{
			border-radius: 10px;
		}
		.mod_item_list .mod_item .txt{
			margin-top: 0.8em;
			font-size: 10px;
			letter-spacing: 0.12em;
		}

		[class*="mod_item_wrap_0"] + [class*="mod_item_wrap_0"]{
			margin-top: 15px;
		}
	}
	
	
	/*------------------------------------------------------------------------------------
		
		あなたのミスドゴハン 写真投稿キャンペーン
	
	------------------------------------------------------------------------------------*/
	.misdogohan_cp {
		position: relative;
		width: 95%;
		height: auto;
		margin: 0 auto;
		margin-top: 0px;
		background: url("../images/misdogohan_cp_bg_sp.png") repeat-y;
		background-size: 100%;
	}

	/*SP背景用*/
	.misdogohan_cp_bg_top_sp {
		display: block;
		width: 95%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.misdogohan_cp_bg_top_sp img {
		vertical-align: bottom;
	}


	.misdogohan_cp_bg_bottom_sp {
		display: block;
		width: 95%;
		margin: 0 auto;
	}
	.misdogohan_cp_bg_bottom_sp img {
		vertical-align: top;
	}
	
	
	/*見出し*/
	.misdogohan_cp_midashi {
		position: absolute;
		top: -5%;
    left: 5%;
    width: 90%;
	}
	.misdogohan_cp_midashi img {
		width: 100%;
	}
	
	/*タイトル*/
	.misdogohan_cp_ttl {
		display: none;
	}
	.misdogohan_cp_ttl_sp {
		display: block;
		width: 80%;
		margin: 0 auto;
		padding: 6% 0 10px 0;
	}
	.misdogohan_cp_ttl_sp img {
		width: 100%;
	}
	
	/*写真*/
	.misdogohan_cp_photo01 {
		position: absolute;
		top: -2%;
    left: -2%;
    width: 16%;
	}
	.misdogohan_cp_photo01 img {
		width: 100%;
	}
	
	.misdogohan_cp_photo02 {
		position: absolute;
		top: -2%;
    left: 86%;
    width: 16%;
	}
	.misdogohan_cp_photo02 img {
		width: 100%;
	}
	
	/*詳細はこちらボタン*/
	.misdogohan_cp_btn {
		width: 90%;
		margin: 0 auto;
		margin-top: 10px;
	}
	.misdogohan_cp_btn img {
		width: 100%;
	}
	
	
	
	/*キャンペーン内容
	-----------------------------------*/
	.misdogohan_cp_content {
		width: 87%;
		margin: 0 auto;
	}

	.misdogohan_cp_gaiyou {
		float: none;
		margin: 0;
		margin-bottom: 15px;
	}
	.misdogohan_cp_gaiyou img {
		width: 100%;
	}
	
	
	/*SNS
	-----------------------------------*/
	.misdogohan_cp_sns {
		float: none;
		width: 100%;
	}
	
	/*Instagram*/
	.misdogohan_cp_instagram {
		overflow: hidden;
		margin-bottom: 10px;
	}
	.misdogohan_cp_instagram:after {
		content: "";
		display: block;
		clear: both;
	}
	.misdogohan_cp_instagram_ttl {
		float: left;
		margin-right: 0;
		width:58%;
	}
	.misdogohan_cp_instagram_ttl img {
		width:100%;
	}
	.misdogohan_cp_instagram_btn {
		float: right;
		width:38.5%;
	}
	.misdogohan_cp_instagram_btn img {
		width:100%;
	}
	
	/*Twitter*/
	.misdogohan_cp_twitter_ttl {
		width:62%;
		margin-bottom: 8px;
	}
	.misdogohan_cp_twitter_ttl img {
		width: 100%;
	}
	
	.timeline {
		max-width: 96% !important;
		width: 96% !important;
		box-sizing:border-box;
		margin:0 auto;
	}



	
	/*------------------------------------------------------------------------------------
	
		フッター
	
	------------------------------------------------------------------------------------*/
	.footer{
		width: 100%;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	/*注釈
	-----------------------------------*/
	.attention {
		width: 95%;
		padding: 0 2.5%;
	}
	
	/*ページトップ
	-----------------------------------*/
	.md_page_top {
		display: block;
		position: fixed;
		width: 44px;
		height: 40px;
		bottom: 30px;
		right: 10px;
		z-index: 999;
	}
	
	/*コピーライト
	-----------------------------------*/
	.copyright_misdo {
		display: block;
		width: 95%;
		padding: 10px 2.5%;
		background: url(../images/misdogohan_bg_blown.jpg) repeat-y top center;
		background-size:100%;
	}
	.copy_misdo {
		float: none;
		font-size: 10px;
		color: #fff;
	}
	.copyright {
		font-size: 10px;
		line-height: 14px;
		color: #fff;
	}

}