@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}



/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:16px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
	background-image:url(../img/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	height:100%;
}

@media screen and (min-width:481px) {body{
	background-size:cover;}}

#wrap {}
@media screen and (min-width:481px) {#wrap {background-image:url(../img/enter_bg.png);background-position:center top;
background-repeat:no-repeat;
background-size:contain;}}
@media screen and (max-width:480px) {#wrap {}}

#contents {width:780px;margin:0 auto;}

h1 {text-align:center;}
@media screen and (min-width:481px) {h1{padding-top:90px;padding-bottom:20px;}}
@media screen and (max-width:480px) {h1{padding-top:10px;}}
h2{text-align:center;background-color:#72d4bb;padding-top:4px;padding-bottom:4px;font-size:85%;}

/*================================================
 *  エンターボタン
 ================================================*/
.ent{text-align:center;}
.ent ul{margin:auto;}
.ent li{display:inline-block;font-size:0px;}
@media screen and (min-width:481px) {.ent li{display:inline-block;}}
@media screen and (max-width:480px) {.ent li{display:block;margin:10px auto;}}
.ent li a{}
.ent img:hover {
	opacity: 0.5 ;
}

/*================================================
 *  テキスト
 ================================================*/
.txtare{padding:20px;font-size:14px;color:#fff;background-color: rgba(0,0,0,0.5);margin:20px auto;}


/*================================================
 *  リンク
 ================================================*/
.link{text-align:center;margin:10px auto;clear:both;padding:0px;max-width:90%;}
.link{color:#fff;}
.link a{color:#ffff00;}
.link a img{max-width:100%;margin:auto;}
@media screen and (min-width:481px) {.link a img{}}
@media screen and (max-width:480px) {.link a img{max-width:100%;}}
.link tabel{margin:0px auto;padding:0px;max-width:90%;}
.link tabel tr{padding:0px;margin:0px;}
.link tabel th{padding:0px;margin:0px;}
.link tabel td{padding:0px;margin:0px;}

/*================================================
 *  フッター
 ================================================*/
#footer {
	clear:both;
	padding:20px 0;
	margin:30px 0px 0px 0px;
	font-size:11px;
	text-align:center;
	background-color:#000;
	color:#fff;
	bottom:0px;
}


/*================================================
 *  タブレット/スマートフォン向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:799px) {
body {box-sizing:border-box;width:100%;padding:0px;}
#contents {width:100%;}
}

.sp{}
@media screen and (min-width:481px) {.sp{display:none;}}
@media screen and (max-width:480px) {.sp{display:block;}}

.pc{}
@media screen and (min-width:481px) {.pc{display:block;}}
@media screen and (max-width:480px) {.pc{display:none;}}

/* pagetop */
#pagetop{
    position:fixed;
    right:10px;
    bottom:20px;
    cursor:pointer;
    z-index: 100;
}