@charset "UTF-8";

/*
Theme Name: MY PORTFOLIO
Author: Me
Description: 学習成果を掲載するポートフォリオサイトのためのWordpressサイト
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



.header-blog {
	
	font-size:15px;
	padding-top:4px;
    width:300px;
	margin-left:13px;
	color:azure;

}



	
	
	



.header-text {
	margin-left:5px;
}



.top-header {
	box-sizing: border-box;
	display:flex;
	background-color:#414141; 
	font-family: Gentium Book Plus, sans-serif;
	height:35px;
	
	
}

ul {
	list-style:none;
}

.flex {
	height:35px;
	width:1200x;
	margin:3px;
	display:flex;
	justify-content: center;
	
	
	padding:0;
}

.flex li {
	
	margin-left:30px;
	margin-right:30px;
	font-family: Gentium Book Plus, sans-serif;
	
	color: #fff;
}

.header-nav ul li a:visited{
	color:#fff;
}



	body{
		margin:0;
		padding:0;
		}



.root-image {
	width:100%;
	height: 100vh; 
		  /*相対パスで画像ファイルを指定*/
	 background-image: url(./images/00051-905915065.png);
	 background-repeat:no-repeat;
	 background-position: center center;
	 background-size:cover;	
}		




	
	 
	

	.title-message {
		padding-left:70px;
		display:block;
		font-size:50px;
		position:absolute;
		bottom:165px;
		color:rgb(88, 172, 197);
		font-family: Gentium Book Plus, sans-serif;
		letter-spacing:0.5px;
		

	}

	.title-message p{
		background-color:#302f2d;
		opacity:0,5;
		border-radius:30px 0 10px 0;
	}

	.pro-about p{
		padding-left:5px;
		padding-top:5px;
		margin:0;
		
	}
.pro-arround{
	margin-bottom:200px;
}


.pro-content{
	padding-bottom:60px;
	margin-left:20px;
	
}

.container {
	display: flex; 
	width :100% ;
	
	
	
	background-color:rgb(232, 232, 233);
	
}
.c-post__meta {
	width:200px;
	margin:0 auto;
	padding-top:70px;
	
	
}

.blog-roop {
	
    flex:2 ;
	margin-left:0;
	padding:0;
	
	
}
.art-container {
	margin-left:250px;
	margin-bottom:200px;
}

        
.pro-container {
	margin-left:250px;
	background-color:#fff;

}


.sidebar {
	flex :1 ;
	margin-top:80px;
	margin-right:50px;
	
}

.sidebar ul {
	margin-left:30px;
	
}


.sidebar li {
	height:40px;
	background-color:#fff;
	margin-bottom:5px;
	
	
}

.l-aside{
	margin-top:20px;
	background-color:rgb(232, 232, 233);
	
}

.entry-title{
	padding-top:20px;
	padding-left:20px;
}

.image_roop{
	margin-bottom:6px;
}



.entry-date{
	font-size:14px;
	color:#2b2a2a;
	padding-left:20px;
	
}

.pro-name{
	text-align:center;
	
}

.entry-content {
	padding-top:20px;
	padding-left:20px
}



.entry-footer{
	padding-left:20px;
	padding-top:10px;
}
.c-widget {
	display:flex;
	font-family: Gentium Book Plus, sans-serif;
	font-size:14px;

}

.line_c-widget ul {
	display: block;
}

.c-widget__title {
	margin-left:50px;
}

.c-widget ul {
	display : flex;

}


.c-widget ul li {
	display : flex;
	margin-left:20px;
    margin-top:10px;
	

}


.c-widget ul li a:visited{
	color:#706e6e;
	
}


a{
	text-decoration: none;	
}

a,a:hover,a:visited{
	color:inherit;
}

.flex li a:visited{
	color:#ffffff;
	
}






.hentry-content{
	height:300px;
}



.c-logo__image {
	display:flex;
	justify-content:center;
}



/*ここからsingle.php*/
.post-des {
	font-size:20px;

}

.c-post__content {
	font-size:15px;
	margin:0 auto;
	width:800px;
}

.c-post__title 	{
	text-align:center;
}

.all-article{
 background-color :rgb(255,255,255);
}

.article_image {
   width: 400px;
   height: 200px;

}

.hentry-content {
	height:130px;
}


.pro-about{
	background-color:rgb(88, 172, 197);
	height:50px
}

.c-widget {
  padding-bottom:20px;
}

.pro-aside {
	margin-left:80px;
	margin-top:50px;
	background-color:#fff;
	margin-bottom:70px;
}

.side-pro{
	background-color:rgb(88, 172, 197);
	margin-bottom:30px;
	
	height:43px;
}
.side-pro h3{
	font-size:15px;	
	padding-top:8px;
	padding-left:8px;

}
.pro-image{
	width:65%;
	display:block;
	margin:auto;
	
	
	padding-top:30px;
}

.pro-sen{
	text-align:center;
	padding-bottom:10px;
}

.side-pro p{
	
	text-align:center;
}





	

.l-footer{
	margin:0;
	padding:0;
	background-color:rgb(88, 172, 197);
}


.footer-menu-area{
	display:flex;

}

 .l-container {
	padding:0;
	margin:0;
	height:500px;
	display:flex;

 }


 .footer-menu-area{
	margin-left:130px;
	padding-top:100px;
	
 }


 .c-logo__image{
	margin-left:180px;
	margin-top:200px;
  
 }
 .footer-menu2{
	margin-left:50px;
 }

.c-copyright {
	background-color:rgb(88, 172, 197);
	text-align:center;
	margin:0;
}