@charset "utf-8";
 
/*==============================================
 
    QUANTIC (共通)
    Index
 
==============================================*/



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


.yumin{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

p {
    margin-bottom: 0;
}

/* PC */
@media screen and (min-width: 769px) {


.inner {
	width: 880px;
    margin: 0 auto;
}



/*=======================================
    pagehead
=======================================*/
#pagehead {
	padding: 80px 0 60px;
	
}
	
	#pagehead h2{
		font-size: 150%;
		font-weight:lighter;
		letter-spacing: 1px;
		text-align: center;
		margin-bottom: 20px;
	}
	#pagehead .tags{
		color: #888888;
		font-size: 14px;
		text-align: center;
	}
		#pagehead .tags span{
			display: inline-block;
			padding-right: 8px;
		}



/*=======================================
   postcontent
=======================================*/

#postcontent{
	
}
#postcontent > .inner > .post {
    padding: 40px;
    background-color: #f5f5f4;
}

/*---------------------------------------
 * mainimage
---------------------------------------*/ 

.mainimage img{
	width: 100%;
	height: auto; 
}


/*---------------------------------------
 * レイアウト共通スタイル
---------------------------------------*/ 

#postcontent .inner{
	font-size: 12px;
/*	background: #FFFFFF;*/
	line-height: 2.3;
    margin: 0 auto;
}

    #postcontent .inner section:not(.mainimage) {
        margin-bottom: 20px;
    }
    
#postcontent .inner .section-title{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 400;
}
#postcontent .inner section{
/*	border-bottom: 20px solid #f5f6f5;*/
    background-color: #fff;
}
#postcontent .inner section:nth-of-type(1){
	border-bottom: none;
}
	#postcontent .inner .article{
		padding: 45px 50px;
	}
	
	
/* 記事整形 */
	
	.post img{
		width: inherit;
		max-width: 100%;
	}
	
	.post .alignnone{
		/*
		margin: 15px 0;
		display: block;
		*/
		display: inline-block;
		font-size: 0;
		width: 33.3333% !important;
        margin: 15px 0;
	}
	
	.post .aligncenter{
		margin: 15px auto;
		display: block;
	}
	
	.post img.alignleft{
		margin: 15px 20px 15px 0;
		display: inline;
		float: left;
	}
	
	.post .alignright{
		margin: 15px 0 15px 20px;
		display: inline;
		float: right;
	}
	
	.post ul li{
		list-style:disc;
		margin-left: 1.5em;
	}
	
	.post ol li{
		list-style:decimal;
		margin-left: 1.5em;
	}
	
	.post h1{
		font-size: 2em;	
	}
	.post h2{
		font-size: 1.75em;	
	}
	
	.post h3{
		font-size: 1.5em;
	}
	
	.post h4{
		font-size: 1.3em;	
	}
	
	.post h5{
		font-size: 1.15em;	
	}
	
	.post h6{
		font-size: 1em;	
	}
	
	.post li{
		list-style: disc;
		margin-left: 1em;
		line-height: 2;
	}
	
	.post .yoko{
		font-size: 0;
		margin: 15px 0;
	}
	.post .yoko img{
	
		display: block;
		float: left;
		width: 33.3333% !important;
	}
	
	

/* basicdata
---------------------------------------*/

.layout-basicdata{
	
}
	.layout-basicdata dl{
		display: table;
		width: 100%;
		padding-bottom: 15px;
        margin-bottom: 0;
	}
		.layout-basicdata dl dt{
			display: table-cell;
			width: 70px;
			margin-right: 20px;
		}
		.layout-basicdata dl dd{
			display: table-cell;
			width: calc(100% - 80px);
			line-height: 1.6;
		}


/* thumbnails
---------------------------------------*/

.layout-thumbnails{
	
}
	.layout-thumbnails img{
		width: 100%;
		height: auto;
	}
	.layout-thumbnails ul li{
		display: table;
		width: 100%;
		min-height: 260px;
		margin: 0;
	}
	.layout-thumbnails ul li:nth-child(even){
		direction: rtl;
	}
	.layout-thumbnails ul li .photo{
		display: table-cell;
		width: 50%;
		vertical-align: middle;
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.layout-thumbnails ul li .photo img{
		display: none;
	}
	.layout-thumbnails ul li .text{
		display: table-cell;
		width: 50%;
		vertical-align: middle;
		padding: 40px 0 40px 40px;
	}
	.layout-thumbnails ul li:nth-child(even) .text{
		padding: 40px 40px 40px 0;
		direction: ltr;
	}



/*=======================================
   linkarea
=======================================*/

#linkarea{
	
	padding: 40px 0 80px;
}
	#linkarea .inner{
		text-align: center;
	}

		#linkarea .inner .linkbtn{
			display: inline-block;
			font-size: 12px;
			letter-spacing: 1px;
			background:url(../img/deco_arrow.png) no-repeat 10px center #7c7d7d;
			background-size: 6px;
			width: 254px;
			padding: 10px 0;
			margin: 0 5px;
			text-align: center;
			color: #FFFFFF;
		}
		/*
		#linkarea .inner .linkbtn{
			display: inline-block;
			font-size: 12px;
			letter-spacing: 1px;
			background:url(../img/deco_arrow.png) no-repeat 10px center #7c7d7d;
			background-size: 6px;
			width: 100%;
			padding: 15px 0;
			margin: 0 0 10px;
			text-align: center;
			color: #FFFFFF;
		}
		*/

}
/*========= /pc =========*/



/* SP */
@media only screen and (max-width: 768px) {




/*=======================================
    pagehead
=======================================*/
#pagehead {
	padding: 60px 20px 60px;
	
}
	
	#pagehead h2{
		font-size: 150%;
		font-weight:lighter;
		letter-spacing: 1px;
		text-align: left;
		margin-bottom: 10px;
	}
	#pagehead .tags{
		color: #888888;
		font-size: 16px;
		text-align:left;
	}
		#pagehead .tags span{
			display: inline-block;
			padding-right: 10px;
            font-size: 14px;
		}




/*=======================================
   postcontent
=======================================*/

#postcontent{
	
}

/*---------------------------------------
 * mainimage
---------------------------------------*/ 

.mainimage img{
	width: 100%;
	height: auto; 
}


/*---------------------------------------
 * レイアウト共通スタイル
---------------------------------------*/ 

#postcontent .inner{
	font-size: 12px;
/*	background: #FFFFFF;*/
	padding: 0 ;
	line-height: 1.8;
}

#postcontent .inner .section-title{
	font-size: 18px;
    margin-bottom: 20px;
	font-weight: 400;
}
#postcontent .inner section{
/*	border-bottom: 20px solid #f5f6f5;*/
    margin-bottom: 20px;
    background-color: #fff;
}
#postcontent .inner section:nth-of-type(1){
	border-bottom: none;
    margin-bottom: 0;
}
	#postcontent .inner .article{
		padding: 45px 20px;
	}




	
	/*記事整形*/
	.post img{
		max-width: 100%;
	}
	
	.post .alignnone{
		width: 100%;
		margin: 15px 0;
		display: block;
		 
	}
	
	.post .aligncenter{
		margin: 15px auto;
		display: block;
	}
	
	.post img.alignleft{
		margin: 15px 20px 15px 0;
		display: inline;
		float: left;
		width: 50%;
	}
	
	.post .alignright{
		margin: 15px 0 15px 20px;
		display: inline;
		float: right;
		width: 50%;
	}
	
	.post ul li{
		list-style:disc;
		margin-left: 1.5em;
	}
	
	.post ol li{
		list-style:decimal;
		margin-left: 1.5em;
	}
	
	.post h1{
		font-size: 2em;	
	}
	.post h2{
		font-size: 1.75em;	
	}
	
	.post h3{
		font-size: 1.5em;
	}
	
	.post h4{
		font-size: 1.3em;	
	}
	
	.post h5{
		font-size: 1.15em;	
	}
	
	.post h6{
		font-size: 1em;	
	}
	
	.post li{
		list-style: disc;
		margin-left: 1em;
		line-height: 2;
	}
	
	.post .yoko{
		font-size: 0;
		margin: 15px 0;
	}
	.post .yoko img{
		display: block;
		width: 100%;
	}

		

/* basicdata
---------------------------------------*/

.layout-basicdata{
	
}
	.layout-basicdata dl{
		
		width: 100%;
		padding-bottom: 15px;
        margin-bottom: 0;
	}
		.layout-basicdata dl dt{
			
		}
		.layout-basicdata dl dd{
			
		}
		
		
		
/* thumbnails
---------------------------------------*/

.layout-thumbnails{
	
}
	.layout-thumbnails img{
		width: 100%;
		height: auto;
	}
	.layout-thumbnails ul li{
		width: 100%;
		list-style: none;
		margin: 0;
	}
		.layout-thumbnails ul li .photo{
			width: 100%;
			margin-bottom: 30px;
			background: none;
		}
		.layout-thumbnails ul li .text{
			margin-bottom: 50px;
		}
			




/*=======================================
   linkarea
=======================================*/

#linkarea{
	
	padding: 30px 0 50px;
}
	#linkarea .inner{
		text-align: center;
		padding: 0 20px;
	}
		#linkarea .inner .linkbtn{
			display: inline-block;
			font-size: 12px;
			letter-spacing: 1px;
			background:url(../img/deco_arrow.png) no-repeat 10px center #7c7d7d;
			background-size: 6px;
			width: 100%;
			padding: 15px 0;
			margin: 0 0 10px;
			text-align: center;
			color: #FFFFFF;
		}

}