@charset "UTF-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
html { font-size: 62.5%; }
@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none; /* iPhone */ } }
body { background-color: #FFF;color: #453c37; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size: 1.3rem; 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 { 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: 100%; white-space: nowrap; overflow: hidden; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }

/* end clearfix */
.w100 { width: 100%; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w70 { width: 70%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w30 { width: 30%; }

/********************************************************************/
/* cmn */
/********************************************************************/
body #wrapper{background: url(../../images/pc/bg.gif) repeat 0 0; background-size:110px 110px;}
body h1 { line-height: 0; }
body h2 { line-height: 0; }
body h3 {background: url(../../../images/sm/tit_bg.gif) repeat-x 0 0; background-size:24px 39px; padding:5px 0; text-align:center}
body #header { margin: 0; padding: 0; border-bottom: 3px solid #FF0000; }
/*-------footer-------*/
body #footer #txt_copyright { padding: 2% 0; width: 100%; font-size: 0.8rem; display: block; clear: both; line-height: 1.3; }
body #footer { padding: 10px; background: #000; color: #FFF; border-top: 1px solid #6f6f6f; }
body #footer img { margin: 0 8px 0 0; float: left; width: 30px; }
body #footer .text { font-size: 0.8rem; line-height: 1.2em; }
/*-------sns-------*/
body ul#sns { padding: 0px 15px 10px 15px;  margin: 0 auto; position: relative; z-index: 9000; }
body #sns li { float: left; overflow: hidden; }
body #sns li:nth-child(1) { width: 106px; }
body #sns li:nth-child(2) { width: 102px; }
body #sns li:nth-child(3) { width: 82px; }
/*-------pagetop-------*/
body #btn_toppage a { display: block; }
body #btn_pagetop{ line-height:0; padding:0 2% 0 50%;text-align:right; margin-top:-3%}
body #btn_pagetop img{ width:50%; }

/*==================================
top
==================================*/

/*-------main-------*/
body#top #main #main_slider img{ width:100%;border-top:3px solid #FFFFFF; border-bottom:3px solid #FFFFFF}
body#top #main #main_bnr_newcampaign{ padding:10px 15px 0}
body#top #main #main_bnr_newcampaign img{ width:100%}
body#top #main #nav{ margin:15px 0; position:relative; height:32px;background: url(../../images/sm/nav_bg.gif) repeat-x 75px 0 ; background-size:320px 34px}
body#top #main #nav h2{ float:left; position:absolute; top:-5px; left:15px }
body#top #main #nav ul{ float:left; position:absolute; top:6px; left:80px; display:block; width:70%;  z-index:2000}
body#top #main #nav li{ float:left; padding-right:5%; margin-right:5%; background: url(../../images/pc/nav_line.gif) no-repeat  right -4px ; background-size:2px 31px}

/*-------info-------*/
body#top #info ul { padding: 15px 15px; }
body#top #info li { line-height: 1.2;; padding-bottom:8px }

/*-------lineup-------*/
body#top #lineup_inner{ padding:15px}
body#top #lineup .lineup_box_item{ background:#FFFFFF; width:49%; float:left; margin:0 2% 2% 0; font-size: 1.1rem; padding-bottom:1%}
body#top #lineup .lineup_box_item span{ display:block; margin-bottom:4px}
body#top #lineup .lineup_box_item:nth-child(2n){margin-right:0%}
body#top #lineup .lineup_box_item img{ width:100%}
body#top #lineup .lineup_box_item a{text-decoration:none; display:block;;}
body#top #lineup .lineup_box_item a .item_img{position:relative; padding:1% 1%}
body#top #lineup .lineup_box_item a .item_txt_name{ color:#6090d2; line-height:1.2; padding:0 3%; font-weight:bold}
body#top #lineup .lineup_box_item a .item_txt_release{color: #453c37; padding:0 3%}
body#top #lineup .lineup_box_item a .item_txt_type{ position:absolute; bottom:-18px; right:1%;background:#ffe961;color:#620d1b; padding:3px 5px;font-size: 1.0rem; }
body#top #lineup .lineup_box_item .item_box_campaign{ background:#c2e4e1; padding:3% 3%}
body#top #lineup .lineup_box_item .campaign_txt_comment{ text-align:center}
body#top #lineup .lineup_box_item .campaign_bnr{ background:#fcf8df; padding:2%; margin-bottom:3%; line-height:0}
body#top #lineup .lineup_box_item .campaign_txt_status{background: url(../../../lineup/images/pc/campaign_bg_status.gif)  no-repeat 0 0; background-size: contain}

/*-------about-------*/
body#top #about_inner { padding: 15px 15px 0; }
body#top #about p { line-height: 1.6; }
body#top #about_slider{ margin-top:15px; width:100%}
body#top #about_slider img{ width:100%;}