@charset "UTF-8";
/* article */

body {
	background-color: #f0f0f0;
	}



/* article --------------------------------------------------------------- */
#article {
	margin: 0 auto;
	padding: 100px 0 0 0;
	box-sizing: border-box;
	position: relative;	
	}
	
	#article ul {
		width: 1100px;
		margin: 0 auto;
		position: relative;
		}
	
		#article ul li {
			width: 50% !important;
			padding: 0 30px 60px 30px;
			box-sizing: border-box;
			position: absolute;
			}
			
		#article ul li#title {
			margin-bottom: 40px;
			padding: 20px 40px 40px 40px;
			}
		
			#article ul li#title h2 {
				font-size: 50px;
				margin-bottom: 10px;
				}
				
			#article ul li#title p {
				font-size: 15px;
				line-height: 1.5;
				padding: 15px 0 15px 2px;
				text-align: justify;
				border-bottom: #eeeeee solid 1px;
				}

			#article ul li p,
			#article ul li p img {
				width: 100%;
				}
				
				#article ul li#title p span {
					margin-bottom: 7px;
					font-size: 13px;
					line-height: 1;
					}
				
				#article ul li#title p span:last-of-type {
					margin-bottom: 0;
					}

					#article ul li#title p span a {
						display: inline-block;
						text-decoration: underline;
						font-size: 15px;
						line-height: 1.5;
						}

@media(max-width: 1024px){
	#article {
		width: 90%;
		padding: 70px 0 20px 0;
		}
		
		#article ul {
			width: 100%;
			}

			#article ul li {
				float: none;
				width: 100% !important;
				padding: 0 0 30px 0;
				position: static;
				}
				
				#article ul li#title {
					margin-bottom: 30px;
					padding: 0;
					}
	}



/* 新しいタブで開く --------------------------------------------------------------- */
#copy {
	margin-top: 20px;
	}

	#copy a {
		padding: 10px 0;		
		color: #999999;
		text-align: center;
		font-size: 14px;
		line-height: 1;
		background-color: #333333;
		transition: all 0.5s ease-out;
		}

	#copy a.copied {
		color: #333333;
		background-color: #fccf00;
		}

@media(max-width: 1024px){
	}