@charset "UTF-8";


/*===========================================

MAIN

===========================================*/

/* content0 */
@media screen and (min-width: 641px) { 
	.content0{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 4vw 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:6vw auto 10vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0;
	}
	
	.content0 .contentsubtitle{
		width:100%;
		margin:0 0 1vw 0;
		padding:0;
		line-height:1.0em;
	}
	
	.content0 .contentsubtitledate{
		width:100%;
		margin:0 0 5vw 0;
		padding:0;
	}
	
	.content0 .contentsubtitletxt{
		width:585px;
		margin:0 auto;
		text-align:left;
		line-height:2.5em;
	}
	
	.content0 .contentsubtitletxt span{
		font-size:12px;
	}
	
	.contenthr{
		width:980px;
		margin:0 auto;
	}
}

@media screen and (max-width: 640px) {
	.content0{
		width:85%;
		margin:0 auto 8vw auto;
		padding:0 0 0 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:15vw auto 17vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0;
	}
	
	.content0 .contentsubtitle{
		width:100%;
		margin:0 0 1vw 0;
		padding:0;
		line-height:1.0em;
	}
	
	.content0 .contentsubtitledate{
		width:100%;
		margin:0 0 5vw 0;
		padding:0;
	}
	
	.content0 .contentsubtitletxt{
		width:100%;
		margin:0 auto;
		text-align:left;
		line-height:2.5em;
	}
	
	.content0 .contentsubtitletxt span{
		font-size:10px;
	}
	
	.contenthr{
		width:85%;
		margin:0 auto;
	}
}
/* content0 */

/* content1 */
@media screen and (min-width: 641px) { 
	.content1{
		max-width:980px;
		width:100%;
		margin:3vw auto 0 auto;
		padding:0 0 2vw 0;
		text-align:left;
	}
	
	.content1 .contentmainfr{
		max-width::800px;
		width:100%;
		margin:0 auto;
		position:relative;
	}
	
	.content1 .contentmaintitle{
		width:205px;
		height:205px;
		background-color:#000;
		border-radius: 100px;		/* CSS3草案 */
		-webkit-border-radius: 100px;	/* Safari,Google Chrome用 */
		-moz-border-radius: :100px;	/* Firefox用 */
		position:absolute;
		left:0;
		top:0;
		text-align:center;
	}
	
	.content1 .contentmaintitle .contentmaintitletxt{
		display:inline-block;
		padding:0 10px 5px 10px;
		color:#fff;
		border-bottom:solid 2px #fff;
		margin:31px 0 23px 0;
		vertical-align:middle;
	}
	
	.content1 .contentmaintitle .contentmaininfo{
		display:inline-block;
		padding:0 10px 0 10px;
		color:#fff;
		margin:0;
		vertical-align:middle;
		line-height:1.8em;
		font-size:12px;
	}
	
	.content1 .contentmainfr .contentmain1{
		width:540px;
		margin:3vw auto 0 auto;
	}
	
	.content1 .contentmainfr .contentmain1 li{
		float:left;
		margin:0;
		padding:0 0 0 10px;
		line-height:1.55em;
		width:476px;
	}
	
	.content1 .contentmainfr .contentmain1 li p{
		margin:0;
		padding:0;
		font-weight:800;
		color:#3e3a39;
	}
	
	.content1 .contentmainfr .contentmain1 li:first-child{
		background-color:#fdd000;
		width:64px;
		height:43px;
		float:left;
		padding:0;
		text-align:center;
		line-height:43px;
		color:#fff;
		font-weight:800;
	}
	
	.content1 .contentmainfr .contentmain2{
		width:540px;
		margin:1vw auto 6vw auto;
	}
	
	.content1 .contentmainfr .contentmain2 > li{
		float:left;
		margin:0;
		padding:0 0 0 0;
		line-height:1.55em;
		width:456px;
		position:relative;
	}
	
	.content1 .contentmainfr .contentmain2 > li p{
		margin:0;
		padding:0;
	}
	
	.content1 .contentmainfr .contentmain2 > li:first-child{
		background-color:#fdd000;
		width:64px;
		height:43px;
		float:left;
		padding:0;
		text-align:center;
		line-height:43px;
		color:#fff;
		font-weight:800;
	}
	
	.content1 .contentmainfr .contentmain2list{
		width:600px;
		margin:0;
		padding:0;
		position:absolute;
	}
	
	.content1 .contentmainfr .contentmain2list li{
		float:left;
		margin:2px 0 2px 0;
		padding:0 0 0 10px;
		font-size:10px;
		min-width:235px;
		line-height:1.6em;
	}
	
	.content1 .contentmainfr .contentmain2list li span.contentmain2listtag{
		display:inline-block;
		min-width:55px;
		width:55px;
		line-height:1.6em;
		border:solid 1px #7a7778;
		padding:0;
		margin:0 5px 0 0;
		text-align:center;
	}
	
	.content1 .morelink{
		position:relative;
		display:block;
		width:40%;
		margin:0 auto 5vw auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:1.5vw 0;
		font-weight:bold;
		overflow:hidden;
	}
	
	.content1 .morelink span{
		position:relative;
		z-index:1000;
	}
	
	.content1 .morelink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:3vw;
		margin:auto;
	}
}

@media screen and (max-width: 640px) {
	.content1{
		width:85%;
		margin:0 auto 0 auto;
		padding:5vw 0 15vw 0;
		text-align:left;
	}
	
	.content1 .contentmainfr{
		width:100%;
		padding-bottom:8vw;
		position:relative;
	}
	
	.content1 .contentmainfr .contentmain1{
		width:95%;
		margin:6vw auto 5vw auto;
	}
	
	.content1 .contentmainfr .contentmain1 li{
		float:left;
		margin:0;
		padding:0;
		line-height:1.55em;
		width:100%;
	}
	
	.content1 .contentmainfr .contentmain1 li p{
		margin:0;
		padding:0;
		font-weight:800;
		color:#3e3a39;
	}
	
	.content1 .contentmainfr .contentmain1 li:first-child{
		background-color:#fdd000;
		width:100%;
		float:left;
		padding:0;
		text-align:center;
		line-height:30px;
		color:#fff;
		font-weight:800;
		margin:0 0 2vw 0;
	}
	
	.content1 .contentmainfr .contentmain2{
		width:95%;
		margin:1vw auto 2vw auto;
	}
	
	.content1 .contentmainfr .contentmain2 > li{
		margin:0;
		padding:0 0 0 0;
		line-height:1.55em;
		width:100%;
		position:relative;
	}
	
	.content1 .contentmainfr .contentmain2 > li p{
		margin:0;
		padding:0;
	}
	
	.content1 .contentmainfr .contentmain2 > li:first-child{
		background-color:#fdd000;
		width:100%;
		float:left;
		padding:0;
		text-align:center;
		line-height:30px;
		color:#fff;
		font-weight:800;
		margin:0 0 2vw 0;
	}
	
	.content1 .contentmainfr .contentmain2list{
		width:100%;
		margin:0;
		padding:0;
	}
	
	.content1 .contentmainfr .contentmain2list li{
		float:left;
		margin:2px 0 2px 0;
		padding:0 0 0 0;
		font-size:10px;
		min-width:235px;
		line-height:1.6em;
	}
	
	.content1 .contentmainfr .contentmain2list li span.contentmain2listtag{
		display:inline-block;
		min-width:55px;
		width:55px;
		line-height:1.6em;
		border:solid 1px #7a7778;
		padding:0;
		margin:0 5px 0 0;
		text-align:center;
	}
	
	.content1 .morelink{
		position:relative;
		display:block;
		width:40%;
		margin:0 auto 5vw auto;
		background-color:#313131;
		color:#fff;
		text-align:center;
		padding:1.5vw 0;
		font-weight:bold;
		overflow:hidden;
	}
	
	.content1 .morelink span{
		position:relative;
		z-index:1000;
	}
	
	.content1 .morelink img{
		position:absolute;
		z-index:9000;
		top:0;
		bottom:0;
		right:3vw;
		margin:auto;
	}
}
/* content1 */

