/*
Theme Name: Warmful
Theme URI: http://rosalia-emiko.sub.jp
Description: 繧､繝ｩ繧ｹ繝医Ξ繝ｼ繧ｿ繝ｼ縺ゅ∋縺医∩縺灘ｰら畑繝��繝�
Version: 1.0
*/

/****************************************
		0. General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}
	
	
/****************************************
		1. Basic Layout 
*****************************************/
#page{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
	background: #fff9f3;
}
#white-page{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #fff;
}
#page-inside{
    flex: 1;
	width: 1020px;
	margin:0 auto;
}
#wrapper{
	width: 1020px;
	margin: 0 auto;
}
#header{
	padding-top:30px;
    overflow: hidden;
	text-align:center;
}
#footer{
    margin-top: auto;
    height: 100px;
	background: #fcc6b6;
    width: 100%;
}

/****************************************
		2. TopPage縺ｨ蜈ｱ騾夂ｮ�園
*****************************************/
/*Top 繧ｵ繧､繝医ち繧､繝医Ν*/
h1{ line-height: 0px;}

/*Top 繝｡繝九Η繝ｼ*/
#nav {
    width: 720px;
    margin: 0 auto;
    overflow: hidden;
}
	#nav li {
		width:240px;
		margin-bottom:10px;
		float:left;
	}

/*蜷��繝ｼ繧ｸ蜈ｱ騾壹�繝�ム*/
h2{ float:left;}
#home{ float:right;}

/****************************************
		3. GalleryPage  
*****************************************/
#gallery-thumbnail{	
    width: 1020px;
    overflow:hidden;
}
#gallery-thumbnail ul {
    display: flex;
    flex-wrap:wrap;
}
#gallery-thumbnail ul li{
	width:234px;
	height:198px;
    margin: 0 10px 50px;
}
#gallery-thumbnail .work-number{ text-align:center;}
		
		
#pager{
	width: 1020px;
	margin-bottom:20px;
	float:left;
	}
	#pager p.prev{
		float:left;
		padding-left:10px;
		}
	#pager p.for{
		float:right;
		text-align:right;
		padding-right:10px;
		}

/****************************************
		4. ProfilePage  
*****************************************/
/*繝倥ャ繝峨Λ繧､繝ｳ*/
h3{
	font-size:14px;
	padding: 7px 0 0 15px;
	margin:15px 0 5px;
	width:196px;
	height:27px;
	color:#ff6000;
	background-image:url(../img/bg_profile_hl.gif);
	}

#profile, #works{
	float:left;
	width: 1020px;
	clear:both;
	font-size:12px;
	line-height:1.9em;
	color:#2b2b2b;
	margin-bottom:30px;
	margin-top: 20px;
	}
/*繝励Ο繝輔ぅ繝ｼ繝ｫ*/
	#profile #name{
		font-size:24px;
		padding-bottom:15px;
		font-weight:bold;
		}
			#profile ul li{
				margin-left:8px;
				list-style: url(../img/icon_list.gif) outside;
			}
	#profile #photo{
		width:213px;
		height:281px;
		float:left;
		margin-left:20px;
		}
	#profile #details{
		width: 720px;
		float: right;
	}
/*蜿苓ｳ樊ｭｴ縺ｪ縺ｩ縺ｮ隧ｳ邏ｰ*/
	#works #left-side{
		width:400px;
		float:left;
		margin-left:10px;
		}
	#works #right-side{
		width:550px;
		float:right;
		margin-left:10px;
		}
		
/****************************************
		5. NewsPage  
*****************************************/
/*繝医ャ繝斐け繧ｹ繧ｿ繧､繝医Ν*/
h4{
	font-weight:bold;
	font-size:16px;
	padding-left:10px;
	width:74px;
	height:27px;
	padding-bottom:5px;
	color:#ff4f48;
	}

#news{
	width: 1020px;
	font-size:14px;
	color:#2b2b2b;
	clear:both;
	}
	#news ul li{
		background:url(../img/line.gif) bottom left repeat-x;
		padding:40px 0 60px;
		}
	#news ul li:last-child{
		background:none;
		}
		#news ul li p{
			line-height:2.2em;
		}

/****************************************
		6. ContactPage  
*****************************************/
/*繧ｳ繝ｳ繧ｿ繧ｯ繝医ヵ繧ｩ繝ｼ繝�繧ｿ繧､繝医Ν*/
h5{	padding:15px; }

#contact-form{ clear:both; font-size:12px; }
	#contact-form p{
		font-size:14px;
		line-height:24px;
		padding:15px 0 25px;
		}
		#contact-form p.empty{ display:none;}
		#contact-form .wpcf7-response-output{ text-align:center;}
	#contact-form table{ width:350px; margin:0 auto; }
	#contact-form table tr{ height:55px;}
	#contact-form table td.question{ width:30%; text-align:left; vertical-align:top; }
	#contact-form table td.answer{ width:70%;}
	#contact-form table td.submit{ padding:15px 0; text-align:center;}
	
#business{
	width:390px;
	float:left;
	background:#e4ffd9;
	padding-bottom:10px;
	margin-bottom:20px;
}
#message{
	width:390px;
	float:right;
	background:#fce7e1;
	padding-bottom:10px;
	margin-bottom:20px;
	}
		
/****************************************
		7.  Footer
*****************************************/
p.copy{
	clear:both;
	font-size:12px;
	text-align:center;
	padding-top:20px;
	color: #df644c
	}