/*--------------------------------------
　基礎設定
---------------------------------------*/

*{ margin:0; padding:0;}
img{ border:0;}
body{
	padding: 150px 0 20px 0;	/* bodyの内側余白を指定する(上:右:下:左) */
	background-color:#fff;
	color:#000;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 14px; /* モダンブラウザ */
    *font-size: 80%; /* IE 7 */
    *font: 80%; /* IE 6以下 */
}
table,div{ margin:auto; }

.wrap{ width:100%; margin:0px auto; }
.w80{ width:80%; margin:0px auto; }
.w80 img{ width:100%; height:auto;}

#header {
	position:absolute;	/* ヘッダーを固定する */
	top: 0px;			/* 上部から配置の基準位置を決める */ 
	left: 0;			/* 左から配置の基準位置を決める */ 
	width: 100%;		/* ヘッダーの横幅を指定する */
	height: auto;		/* ヘッダーの高さを指定する */
	padding: 1.5em 0 1.5em 0;		/* ヘッダーの余白を指定する(上下左右) */
	background-color:#fff;			/* ヘッダーの下部ライン */
	box-shadow:0 1px 3px 1px #e4e4e4;	/* 影を指定（[右][下][ぼかし][広がり][影の色]） */
	z-index:9999;
}	
#header .logo img{ width:12%; height:auto; }


/*--------------------------------------
　テキスト関連
---------------------------------------*/
.font_35 { font-size:2.5em; }
.font_28 { font-size:2em; }
.font_24 { font-size:1.7em; }
.font_21 { font-size:1.5em; }
.font_19 { font-size:1.4em; }
.font_18 { font-size:1.3em; }
.font_15 { font-size:1.1em; }
.font_12 { font-size:0.8em; }

.font_b{ font-weight:bold; }
.font_ubar{ text-decoration:underline;}

.color_blue{ color:#003366;}
.color_red { color:#cc0000; }
.color_dkred { color:#993333 }
.color_green { color:#326C1C; }
.color_brwn{ color:#996633; }
.bgcl_gray{ background-color:#ececec; }

.mgl-05 { margin-left:0.5em; }
.mgl-1 { margin-left:1em; }
.mgl-2 { margin-left:2em; }
.mgl-3 { margin-left:3em; }
.mgr-05 { margin-right:0.5em; }
.mgr-1 { margin-right:1em; }
.mgr-2 { margin-right:2em; }
.mgr-3 { margin-right:3em; }
.mgb-05 { margin-bottom:0.5em; }
.mgb-1 { margin-bottom:1em; }
.mgb-2 { margin-bottom:2em; }
.mgb-3 { margin-bottom:3em; }
.mgb-4 { margin-bottom:4em; }
.mgb-5 { margin-bottom:5em; }
.mgt-1 { margin-top:1em; }
.mgt-2 { margin-top:2em; }
.mgt-3 { margin-top:3em; }
.mgr-1 { margin-right:1em; }


.line_h19 { line-height:1.4rem; }
.li_mgb15 li{ margin-bottom:15px; }
.tx_cen { text-align:center; }
.tx_le { text-align:left; }
.tx_ri { text-align:right; }


/*--------------------------------------
　flex関連
---------------------------------------*/

.flex_spc_btw_wrap{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:stretch;
	list-style:none;
	height:auto;
}

.flex_li1{ width:99%;}
.flex_li2{ width:49%;}
.flex_li3{ width:32%;}
.flex_li4{ width:24%;}
.flex_li5{ width:19%;}

.flex_lt60{	width:59%;}
.flex_rt40{ width:39%;}



/*--------------------------------------
　その他
---------------------------------------*/

#col3 .flex_lt60 img { width:90%; height:auto; }
#col4 .left img { width:80%; height:auto; }
#col4 .right  { background-image:url('image/made_in_italy2.png'); background-position:right bottom; background-repeat:no-repeat; }
#col5 .w_img img{ width:85%; height:auto;}
#col5 .onlinelink img{ width:60%; height:auto;}
#movie img { width:50%; height:auto; }



@media screen and (min-width: 750px){
.br_sp {display: none; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_size { display: block !important; }
.mb_size { display: none !important; }
#sp-icon{ display: none !important;}


@media screen and (max-width:750px) {
/*スマホ用のcssを記述*/
	.pc_size { display: none !important; }
	.mb_size { display: block !important; }
		
	body{ padding: 15px 0px 50px 0px;}
	.wrap{ width:100%;	margin:0px auto; text-align:center; }
	#main .w80 { width:90%; margin-bottom:2em;}
	#main .font_35 { font-size:1.8em }
	#main p.text { font-size:1.2em; text-align:left; }
	.main_p img { width:95%; height:auto; margin-top:25px; }
	#col2 .w80 { width:95%; }
	#col3 .flex_lt60 { width:95%; margin-bottom:2em;}
	#col3 .flex_lt60 img { width:100%; height:auto; }
	#col3 .flex_rt40 { width:95%; height:auto;}	
	#col3 .flex_rt40 img { width:100%; height:auto; }
	#col4 .w80 { width:90%; }
	#col4 .flex_li2 { width:95%; }
	#col4 .right  { background-image:url('image/made_in_italy2.png'); background-position:right bottom; background-repeat:no-repeat; background-size:50px 50px;}
	#col4 .right p { text-align:left; font-size:1.2em; }
	#col5 .w80 { width:90%; }
	#col5 .w_img img { width:100%; height:auto; }
	#col5 .onlinelink img{ width:95%; height:auto;}
	#footer .w80 {	width:90%;}
	#footer .flex_rt40 { width:95%; margin-bottom:2em;}
	#footer .flex_lt60 { width:95%; margin-bottom:2em;}
	#movie img { width:95%; height:auto; }
	
	#header {width:100%; height:50px; top: 0px; position:relative; margin-bottom:2em; box-shadow:0px 0px 0px 0px;}
	#header .logo {text-align:center;}
	#header .mgl-3 { margin-left:0px; }
	#header .logo img { width:25%; height:auto;}
	#head {max-width:100%; margin:0 auto;}
	#head h1{ margin:0 0; font-size:270%; }
	#head h3{ width:100%; margin:10px 0; font-size:120%; }
	
	
	#onlinelink img { width:90%; }
}