@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}
body{color:#FFF;font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:13px; line-height:1}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td,p,hr{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
.hide-text { text-indent: 104%; white-space: nowrap; overflow: hidden; }
.font_bold{ font-weight:800}
.font_red{ color:#D40003 !important}

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
/* end clearfix */
/*==================================
loading
==================================*/
body#top{width:100%; background-color: #fff7df;}

/*==================================
navi
==================================*/
/*-------navi-------*/
body #navi{ width:100%; height:170px; background:url(../../../images/pc/main_bg.jpg) repeat center top;}
body #navi #navi_inner { width:980px; height:144px; margin:0 auto; text-align:center; padding-top:60px; position:relative; }
body #navi p{ width:140px; height:144px; position:absolute; top:16px; left:0;}
body #navi #navi_inner ul{ width: 760px; height: 50px; background: url(../../../images/pc/navi.png) no-repeat right top;margin: 0 auto; position: relative;}
body #navi_inner li { height: 50px; float: right; }
body #navi_inner li a { height: 50px; display: block; }
body #navi_inner li.nav_btn_info a{ background: url(../../../images/pc/navi.png) no-repeat 0 0; width: 190px; margin: 0 0; }
body #navi_inner li.nav_btn_info a:hover { background: url(../../../images/pc/navi.png) no-repeat 0 -50px; }
body #navi_inner li.nav_btn_lineup a{ background: url(../../../images/pc/navi.png) no-repeat -190px 0; width: 190px; margin: 0 0; }
body #navi_inner li.nav_btn_lineup a:hover { background: url(../../../images/pc/navi.png) no-repeat -190px -50px; }
body #navi_inner li.nav_btn_about a{ background: url(../../../images/pc/navi.png) no-repeat -380px 0; width: 380px; margin: 0 0; }
body #navi_inner li.nav_btn_about a:hover { background: url(../../../images/pc/navi.png) no-repeat -380px -50px; }

body #navi_box{ width:100%; height:260px; background:url(../../../images/pc/main_bg.jpg) repeat 0 top; padding:-260px;}
/*==================================
slider
==================================*/
body #slider_box{ width:984px; height:440px; margin:-260px auto 20px; padding:0; overflow:hidden; }

/*==================================
notice
==================================*/
body #notice{ width:980px; height: 84px; background: url(../../../images/pc/notice-btn.jpg) no-repeat 0 0; margin: 0 auto; }
body #notice:hover{ width: 980px; height: 84px; background: url(../../../images/pc/notice-btn.jpg) no-repeat 0 -84px; display: block; opacity: 1; margin: 0 auto; }

/*==================================
info
==================================*/
body #info{ width:980px; margin:0 auto; text-align:center; padding:0 0;}
body #info dl{ width:980px; padding-top:20px; }
body #info dt{ width:980px; text-align:left; border-bottom:solid 2px #ae0500; }
body #info dd{ width:980px; height:70px; text-align:left; font-size:14px; line-height:1.4; color:#000; padding:10px 10px 10px 0; display: block; overflow: hidden;}
body #info dd span{ color:#ad0600;}
body .sheet_btn{ width:984px; height: 152px; background: url(../../../images/pc/btn_sheet.png) no-repeat 0 0; margin: 0 auto; }
body .sheet_btn:hover{ width: 984px; height: 152px; background: url(../../../images/pc/btn_sheet.png) no-repeat 0 -152px; display: block; opacity: 1; margin: 0 auto; }
body#top .sheet_info{ width:984px; margin:20px auto 20px; color:#D40003; text-align:center; font-size:14px; line-height:1.4;}
body .sheet_info{ width:984px; margin:0 auto 20px; color:#D40003; text-align:center; font-size:14px; line-height:1.4;}
body .sheet_info span{ font-weight:bold;}

/*==================================
eventinfo
==================================*/
body#top #eventinfo{ width:984px; margin:0 auto 20px; }
body#top #box_info { width:978px; margin:0 auto 40px; background:#FFFFFF; color:#000000; font-size:15px; line-height:1.4; border:3px solid #c40100; padding-bottom:10px }
body#top #box_info #box_info_tit{ background:#c40100; color:#FFFFFF;margin:0 0 20px; text-align:center; padding:6px 0}
body#top #box_info p{ margin:0 20px 10px; color:#ad0600;}

/*==================================
lineup
==================================*/
body #lineup{ width:100%; background:url(../../../images/pc/lineup_bg.jpg) repeat 0 top;}
body #lineup_inner{ width:1000px; margin:0 auto; padding:40px 0 80px 20px;}
body #lineup_inner_inner{ width:1000px; margin:0 auto; padding:40px 0 80px 20px;}
body #lineup_inner li{ width:300px; background:#fff; margin-top:100px; margin-right:10px; padding:0 10px 70px; float:left; position:relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;  }
body #lineup_inner .lineup_item{ width:202px; height:182px; margin:-60px auto 0;}
body #lineup_inner .lineup_new{ width:78px; height:68px; position:absolute; top:64px;}
body #lineup_inner .lineup_type{ width:300px; padding:4px 0; background:#ae0500; text-align:center; font-size:20px; color:#fff000; font-weight:bold;}
body #lineup_inner .lineup_tit{ width:300px; padding:10px 0 2px; text-align:left; font-size:18px; line-height:1.4; color:#000; font-weight:bold;}
body #lineup_inner .lineup_data{ width:300px; text-align:left; padding-bottom:10px; font-size:16px; line-height:1.4; color:#000;}
body #lineup_inner .lineup_happyseet_period{ font-size:13px; color:#585858;}
body #lineup_inner .lineup_btn_box{ width: 300px; border-top:dotted 2px #ae0500; margin-top:10px; padding:10px 0; position:absolute; bottom:10px;}
body #lineup_inner .lineup_btn{ width:102px; height: 20px; background: url(../../../lineup/images/lineup_btn.gif) no-repeat 0 0; margin: 0 auto; }
body #lineup_inner .lineup_btn:hover{ width: 102px; height: 20px; background: url(../../../lineup/images/lineup_btn.gif) no-repeat 0 -20px; display: block; opacity: 1; }

/*==================================
about
==================================*/
body #about{ width:100%; padding-top:40px; padding-bottom:40px}
body #about h2{ width:984px; height:24px; margin:0 auto; padding:0;}
body #about_inner{ width:1008px; margin:80px auto 60px; position:relative; }
body #about_inner .about_process { width:1028px; margin:0 auto; padding:0; padding-left:24px; font-size:14px; font-weight:500; line-height:1.4; color:#000;}
body #about_inner .about_process li{ width:310px; margin-top:40px; margin-right:24px;  float:left;}
body #about_inner .about_process li p.about_img02{ width:90px; height:74px; position:absolute; top:0px;left:330px;}
body #about_inner .about_process li p.about_img03{ width:93px; height:78px; position:absolute; top:520px;left:-20px;}
body #about_inner .about_process li p.about_img04{ width:93px; height:78px; position:absolute; bottom:240px;right:10px;}
body #about_inner .about_process p{ width:310px; margin-top:5px;}
body #about_inner .about_process p.about_no{ width:48px; height:48px; float:left;}
body #about_inner .about_process p.about_txt{width:252px; float:left; margin-left:10px;}

body .about_process_02{ width:940px; height:110px; margin:40px auto 20px; padding:30px 20px; background-color:#b90000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position:relative;}
body .about_process_02 .about_img05{ width:196px; height:86px; position:absolute; top:-40px;left:-20px;}
body .about_process_02 h3{ width:82px; height:82px; float:left; margin-top:16px;}
body .about_process_02 p{ width:838px; margin-top:16px; margin-left:20px; float:left; font-size:15px; font-weight:bold; line-height:1.8; color:#fff;}
body .about_process_02 span{ font-size:20px; font-weight:bold; line-height:1.6; color:#fff;}


/*-------btn_contest-------*/
#btn_contest { background: url(../../../images/pc/btn_sheet02.png) 0 -105px no-repeat; width: 254px; height:105px ;position: fixed; bottom: 100px; right: 0px; z-index:9999;opacity: 1;transition: all 0.5s ease-out 0s; }
#btn_contest a { background: url(../../../images/pc/btn_sheet02.png) 0 0 no-repeat;  width: 254x; height:105px ;display: block;opacity: 1;transition: all 0.5s ease-out 0s;}
#btn_contest a:hover { opacity: 0;transition: all 0.2s ease-out 0s;}

/*==================================
happysheet
==================================*/
body #hp_tit { width:100%; height:165px; background:url(../../../happysheet/images/pc/tit_bg.gif) repeat-x 0 top; margin:0 auto; padding:25px 0 0; text-align:center;}
body #hp_tit p{ width:980px; margin:0 auto; padding:0 0; text-align:center;}

body #hp_list_01{ width:100%; background:#f7eed3; margin:0 auto; padding:40px 0 30px;}
body #hp_list_01 dl{ width:980px; margin:0 auto 20px; text-align:center; }
body #hp_list_01 dt{ width:705px; height:260px; margin:0 auto; text-align:center;}
body #hp_list_01 dd{ width:708px; height:40px; background:url(../../../happysheet/images/pc/hp_data_bg.png) 0 0; margin:20px auto 0; padding-top:14px; text-align:center;}
body #hp_list_01 dd p{ color:#960700; font-size:18px;}

body #hp_list_02{ width:100%; background:#fff7df; margin:0 auto; padding:40px 0 30px;}
body #hp_list_02 dl{ width:980px; margin:0 auto 20px; text-align:center; }
body #hp_list_02 dt{ width:705px; height:260px; margin:0 auto; text-align:center;}
body #hp_list_02 dd{ width:708px; height:40px; background:url(../../../happysheet/images/pc/hp_data_bg.png) 0 0; margin:20px auto 0; padding-top:14px; text-align:center;}
body #hp_list_02 dd p{ color:#960700; font-size:18px;}

body #tit_period{text-align:center; color:#FFFFFF; background:#bb0003; padding:16px 0; font-size:16px}
body #tit_period span{ font-size:32px; display:block; padding-bottom:8px}

/*==================================
topに戻る
==================================*/
body #top_back{ width:980px; height:75px; margin:0 auto; padding:30px 0; text-align:center;}
body #top_back p{width:284px; height: 75px; background: url(../../../happysheet/images/pc/back_btn.png) no-repeat 0 0; margin: 0 auto; }
body #top_back p:hover{ width:284px; height: 75px; background: url(../../../happysheet/images/pc/back_btn.png) no-repeat 0 -75px; display: block; opacity: 1; margin: 0 auto; }


/*==================================
cmn
==================================*/

/*-------header and footer-------*/
a:link img {opacity: 1;transition: all 0.5s ease-out 0s;}
a:hover img {opacity: 0.75;transition: all 0.2s ease-out 0s;}

a:link { color: #40eef9; text-decoration: none; }
a:visited { color: #40eef9; text-decoration: underline; }
a:hover { color: #40eef9; text-decoration: underline; }

#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position:relative ;z-index:500}
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/nav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/nav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/nav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/nav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/nav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/nav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/nav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/nav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/nav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/nav.gif) -532px -61px no-repeat }

#footer{ width:100%; background:#000; position:relative; z-index:9000; border-top:solid 1px #5b5b5b; min-height:150px}
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative; z-index:9999}
#footer .megahouse_logo{ padding-right: 8px; float: left; }
#footer #copyright{font-size: 10px;　color: #fff;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif; line-height:1.4; clear:both; float:left; margin-top:20px}
#footer .theta img{ width:8px; height:14px;}

#footer #sns { position: absolute; top: 20px; right: -46px; }

@media screen and (max-width: 31.5em) {
.grid { padding: 10px 10px 100px 10px; }
.grid li { width: 100%; min-width: 300px; }
}