@charset "Shift_JIS";
/*--------------------------------
「おいしい味を求めて！イタリアの「食」を満喫する旅」用CSS
--------------------------------*/

/*-- 必須CSSのインポート（相対パス記述） --*/
@import url(/webmag/css/contents-base_2016.css);
@import url(/guidebook/css/3column_2016.css);
@import url(/guidebook/css/global_class.css);
@import url(/guidebook/css/layout.css);



/*--------------------------------
　コンテンツ全体
--------------------------------*/

#contents {
	background:url(../images/040800sp_com_bgBody.gif) repeat-y;
	background-color: #FE9900;
	}

#main_contents {
	background-color:#FFFFFF;
	width:400px;
	padding:0 63px;
	}


/*--------------------------------
　コンテンツナビ
--------------------------------*/
#navi_contents {
	font-size:12px;
	}

/*#navi_contents .top_button {
	font-size:14px;
	font-weight:bold;
	background: url(../img/reptTemp_bg-navi-midashi.gif) no-repeat;
	padding:3px 5px 3px 25px;
	margin:0px 0px 5px;
	}*/

#navi_contents .top_button a {
	color:#000000;
	}

#navi_contents h2 {
	font-size:14px;
	background: url(../images/040800sp_bg-navi-midashi.gif) no-repeat;
	padding:35px 25px 10px 25px;
	text-align:center;
	}

#navi_contents h2 a,
#navi_contents a {
	color:#000000;
	}

#navi_contents h3,
#navi_contents dl.backnumer dt {
	font-size:12px;
	font-weight:normal;
	background-color: #FFDB8E;
	}	
	
#navi_contents .navi_list {
	background-color:#FFFFFF;
	border:1px solid #003E19;
	}


/*--------------------------------
　メインコンテンツ
--------------------------------*/

/*========見出し設定===========*/
/*h1*/
#main_contents h1 {
	color:#000000;
	height: auto;
	margin: 0;
	}
	
/*h2*/
#main_contents h2 {
	background-color:#FFDB8E;
	padding:5px!important;
	font-size:14px;
	line-height: 1.2em;
	}

#contents div.osusume h2 {
	width:335px;
	float:left;
	display:block;
	margin:26px 0!important;
	}

/*h3*/
#main_contents h3 {
	background:url(../img/reptTemp_com_bg_h3.gif) no-repeat left top;
	/*height:40px;*/
	padding-top:30px;
	margin:0 0 10px 0;
	font-size:14px;
	}

#main_contents h3:first-line {
	font-size:12px;
	font-weight:normal;
	}

#main_contents h3.pizze {
	color: #990000;
	}

#main_contents h3.pasta {
	color: #003366;
	}

#main_contents h3.gelat {
	color:#FF6600;
	}


/*h4*/
#main_contents h4 {
	margin:0;
	font-size:12px;
	}


/*==
								TOP
====================================*/

/*----------ページ遷移----------*/
#main_contents .transition,
#main_contents .solid_top {/*ページ遷移と掲載年月部にライン表示*/
	border-top:3px solid;
	border-color: #CC6666;
	}

#main_contents .transition .next{
	background-image:url(../images/040800sp_com_ico01.gif);
	}

#main_contents .transition .back{
	background-image:url(../images/040800sp_com_ico02.gif);
	}

#main_contents .transition .next,
#main_contents .transition .back {
	width:180px;
	}

/*==
						２ページ以降
====================================*/
/*040800sp_02_01.html*/
#main_contents div.box_3d {
	display: table-row-group;
	}

	#main_contents div.box_3d div.box_c {
		display: table-cell;
		width:32%;
		padding:0 1%;
		vertical-align:top;
		}
	
		#main_contents div.box_3d div.box_c img{
			width:100%;
			height:auto;
		}

#main_contents div.box_pict {
	float:left;
	margin-right:10px;
	}

/*040800sp_02_03.html*/
#main_contents ul.recipe {
	padding:10px;
	border-bottom:1px dashed #CCC;
	border-top:1px dashed #CCC;
	margin-bottom:10px;
}

/*040800sp_03_02.html*/
#main_contents div.box_c {
	overflow:hidden;
	margin-bottom:15px;
}

#main_contents div.box_c p {
	line-height:1.4em;
}

#main_contents div.box_c img {
	float:left;
	margin-right:10px;
}


/* モバイルレイアウト : 480px以上用（タブレット／スマートフォン用）
***************************************************************************/
@media screen and (min-width: 480px) {
	
}

/* タブレットレイアウト : 768px以上用（タブレット用）
***************************************************************************/
@media screen and (min-width: 768px) {
/*040800sp_02_01.html*/
}


/* デスクトップレイアウト : 980px以上用（PC用）の記述
***************************************************************************/
@media screen and (min-width: 980px) {
/*040800sp_02_03.html*/
#main_contents div.box_3d div.box_c {
	width:120px;
	padding:0;
}

/*040800sp_03_02.html*/
#main_contents div.box_c {
	width:120px;
	float:left;
	margin-right:10px;
}
}


/*----------Class----------*/
#main_contents div.report-t h2 {/* 見出し用アイコン表示 */
	padding:20px 0 4px 45px;
	background:url(../../../2008/rept/img/rept35_com_ico_column.gif) no-repeat;
	}



#main_contents ul {
	list-style:none;
	}


#main_contents div.amazon_center {
	margin:0 -40px 30px -40px;
	}


/*----------テーブル----------*/

#main_contents table.data {
	background:#666666;
	clear:both;
	}

#main_contents table.data table th {
	width:100px;
	background-color:#DCDCDC;
	}

#main_contents table.data table td {
	padding-left:5px;
	width:290px;
	background-color:#FFFFFF;
	}


/*----------コラム----------*/
#main_contents div.column_owm02{
	width:333px;
	margin-left:10px;
	padding-top:0;
	}

#main_contents div.column_owm02 h2 {
	height:auto;
	margin:0 0 0 -40px;
	padding:0;
	background:none!important;
	}

#main_contents div.column_owm02 div.pict{
	width:150px;
	margin:0 8px;
	}

#main_contents div.column_owm02 h3 {
	background:none;
	margin:0 0 0 20px;
	padding:0;
	height:auto;
	}

#main_contents div.column_owm02 ul {
	margin:0 0 15px 20px;
	padding:0;
	}

#main_contents div.column_owm02 img.end {
	margin-left:-35px;
	}



/*--------------------------------
グローバルナビ
--------------------------------*/
/*「リンク集（cojp、姉妹サイト）」を表示させない*/
#navi_global div.links {
	display:none;
	}

/*「書店ご担当者様へ」を表示させない*/
#navi_global div.book-store {
	display:none;
	}

/* モバイルレイアウト : 479px以下用（スマートフォン用）
***************************************************************************/
@media screen and (max-width: 479px) {
#main_contents table {
	width:auto;
}

#main_contents table td img {
	height:1px;
}

#main_contents div.column_owm02 {
	margin-left:0;
	padding:0;
	width:100%;
}

#main_contents div.column_owm02 img {
	width:100%;
	height:auto;
}

#main_contents div.column_owm02 h2 {
	margin:0;
	padding:0!important;
}

#main_contents div.column_owm02 p {
	padding:0 0 0 29px;
}

	#main_contents div.column_owm02 p.cap {
		padding:0;
	}

#main_contents div.column_owm02 div.pict {
	width:44%;
}

#main_contents div.column_owm02 img.end {
	margin-left:0;
}

}