/* CSS Document */

.pc {
	display:block;
}
.sp {
	display:none;
}
body {
	/*background:#f5f5f5;*/
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:333333;

}
#wapper {
	width:980px;
	margin: 0 auto;
	background-color: #ffffff;	/*box-shadow:0px 0px 3px #000;*/
}
#headerArea {
	background:#2ca9fd;
	padding:15px 0 15px 30px;
}

#mainvisual .credit{
	text-align:right;
	padding:0.5em 0 0 0;
	display:block;
	font-size:75%;
}

#mainvisual .caption {
	text-align:left;
		padding:0 0 1em 0;
	display:block;
	font-size:100%;
}



#mainvisual+h2 {
	margin:40px 0;
	text-align:center;
	color:#09F;
}
.phase {
	width:100%;
	margin:0 auto 30px;
}
.phase h3 {
	font-size:100%;
}
.phase h3.title {
	color:#09F;
}
.phase p {
	font-size:100%;
}
.phase .caution {
	font-size:75%;
}

.phase ul.column {
	padding:20px 20px 20px 30px;
	background:#e3f9ff;
	margin:0 0 15px;
}
.phase li {
	line-height:1.4;
}
.phase ul.column + p {
	padding-left:2.5em;
	text-indent:-2.5em;
}
.phase .photo span {
	font-size:75%;
	text-align: right;
	display: block;
}

.phase.last ul {
	padding:0;
	margin:0;
	text-align:center;
}
.phase.last li {
	display:inline-block;
	width:220px;
	margin:0 20px 0 0;
	text-align:center;
	font-weight:bold;
	border-radius:4px;
	background:#eba12b;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: #ffa84c; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
.phase.last li:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.phase.last li:last-child {
	margin-right:0;
}
.phase.last li a {
	color:#FFF;
	text-decoration:none;
	padding:0.8em;
	display:block;
}


.textarea {
	float: left;
	padding-right:20px;
	padding-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}
.imgbox {
	width: 275px;
	float: right;
}

.phase h4 span {
	color: #09F;
}
.exhibit {
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
}

 @media screen and (max-width: 639px) {
 body {
 margin:0;
 padding:0;
}
 img {
 width:100%;
}
 p, a {
 font-size:100% !important;
}
 a {
 display:inline !important;
}
 .pc {
 display:none;
}
 .sp {
 display:block;
}
 #wapper {
 width:auto;
}
 #headerArea {
 padding:4% 0 4% 5%;
}
 #headerArea img {
 width:60%;
}

#mainvisual+h2 {
	width:80vw;
	margin:6vw auto;
}


 .phase {
 width:90%;
 margin-bottom:7%;
}
.phase ul.column {
	padding:4vw 3vw 4vw 6vw;
}
.phase ul {
	padding-left:1em;
}

 .phase li {
 width:100%;
 margin-bottom:3%;
	list-style:outside disc;
}
 .phase li:last-child {
 margin-bottom:0;
}
 .phase li a {
 display:block !important;
}
 .phase.last h4 {
 margin-bottom:2%;
}

.textarea {
	width: 100%;
	float: none;
}
.imgbox {
	width: 100%;
	float: none;
}
.exhibit {
	width: 90%;
	margin-bottom: 1.5vw;
}

}

.toiawase {
	text-align:center;
	font-size:14px;
}