/* CSS Document */

@import url(reset.css);

/************************************************************
共通
************************************************************/
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; line-height: 1.6; color: #666; }
a:hover img { opacity: 0.5; -webkit-transition: all 1s;　-moz-transition: all 1s;　-ms-transition: all 1s;　-o-transition: all 1s;　transition: all 1s; }
.contents { max-width: 1200px; text-align: center; margin: 2em auto; }
.cf:before, .cf:after { content:""; display: table; }
.cf:after { clear:both }

.p5 { padding: 1% 3%; }

.cTitle { background: #EF82C2; padding: 10px; font-size: 24px; font-weight: 200; color: #fff; margin-bottom: 20px; }  

.r18Txt { font-size: 12px; padding: 2%;}

/************************************************************
ヘッダー
***********************************************************/

header h1 { text-align: center; margin: 0px auto; margin-top: 2em; }
header h1 span { display: none; }


h2 { font-size: 21px; color: #ffc0cb; }

.enter { padding: 5px; border-radius: 40px; font-size: 18px; background: #800080;  /* fallback for old browsers */background: -webkit-linear-gradient(to left, #ffc0cb, #800080);  /* Chrome 10-25, Safari 5.1-6 */background: linear-gradient(to left, #ffc0cb, #800080); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ color: #fff; line-height: 2;
}

a:hover .enter p { color: #800080; background: #fff; border-radius: 40px;}

.exit { padding: 10px; border-radius: 40px; color: #fff; background: #999; }

a:hover .exit { opacity: 0.8; }

/************************************************************
レスポンシブ
***********************************************************/

@media (max-width:750px) {
	header h1 { width: 300px; height: 50px; }
	.contents { margin: 0.5em auto;}
	.contents img { width: 100%; }
}





/************************************************************
Footer
************************************************************/
footer { background: #800080; text-align: center;  margin: 10px  auto 0 auto ; padding: 10px; }
.copyright { font-size: 10px; color: #fff}