.c_blue{
 color: #2f29fd;
 font-weight: bold;
}
.bold{
font-weight:bold;
}
#contents_wrapper{
  background:url("../../images/p/common/bg_top2.jpg") top center repeat;
  background-size:contain;
}
/* ボタン */
.btn {
    background-color: #d8f1f6;
    border: 2px solid #44c0dd;
    border-radius:5px;
    color:#044960;
    font-size: 14px;
    font-weight: bold;
    margin: 3px !important;
    padding: 3px 30px !important;
    display:inline-block;
    cursor:pointer;
}
.btn .submit_btn{
  margin:10px auto !important;
}
.btn :hover{
    background-color: #89d0e3;
    border: 2px solid #2b8195;
    color:#fff;
}

a.btn {
  text-decoration: none;
  color:#044960;
}
a.btn :hover{
  color:#fff;
}
.rebtn {
  font-size: 14px; font-weight:bold;
  background-color:#CCCCCC;
  border: 2px solid #666666;
  border-radius:5px;
  padding:3px 12px;
  margin:3px;
  cursor:pointer;
}
.rebtn:hover{
  background:#a5a5a5;
  border:2px solid #444;
  color:#fff;
}
a.rebtn{
  text-decoration: none;
  color:#000;
  display:inline-block;
}
#top_menu_bg{
 width:100%;position:relative;overflow:hidden;z-index:1;
}
#top_menu_bg:before{
 content:'';position:absolute;top:0;bottom0;left:0;right:0;background-color:#ffd552;z-index:-1;
 width:100%;height:100%;transform:skewY(-3deg);transform-origin:top left;
}


@media (min-width: 980px) {

/* スマホメニューは非表示 */
#contents_main_menu,#menu_close,.menu_bg,.sp_only{
 display:none !important;
}

/* ポップンヘッダー */
.top_menu{
 width:980px;
 margin:0 auto;
}
#top_title{
 float:left;
 padding-top:10px;
}
#top_title a{
 background:url("../../images/p/common/logo.png") no-repeat;
 width:120px;
 height:0;
 padding-top:110px;
 background-size:contain;
 overflow:hidden;
 display:block;
 transition:0.5s ease-in-out;
}
#top_title a:hover{
filter:brightness(1.2);transition:0.5s ease-in-out;
transform:translateZ(0);
}
.gnavi{
 padding-top:15px;
}
ul#gnavi_list{
 text-align:center;
 font-size:0;
}
ul#gnavi_list>li{
 display:inline-block;
 margin:0px 0px;
 position:relative;
 width:calc((100% - 120px) / 7 );
}
ul#gnavi_list>li a{
 display:block;
 width:100%;
 max-width:107px;
 height:0;
 padding-top:64px;
 overflow:hidden;
}

ul#gnavi_list>li a:hover,
ul#gnavi_list>li a.select{
 background-position:0 100%;
}
ul#gnavi_list li#gnavi_btn1 a.select,
ul#gnavi_list li#gnavi_btn1 a:hover{
background-position:0px 100%;
}
ul#gnavi_list>li a{
 background-position:0 0;
 background-repeat:no-repeat;
}
ul#gnavi_list li#gnavi_btn1 a{
 background-image:url("../../images/p/common/menu/bt_news.png");
}
ul#gnavi_list li#gnavi_btn2 a{
 background-image:url("../../images/p/common/menu/bt_play.png");
}
ul#gnavi_list li#gnavi_btn3 a{
 background-image:url("../../images/p/common/menu/bt_music.png");
}

ul#gnavi_list li#gnavi_btn7 a{
 background-image:url("../../images/p/common/menu/bt_playdata.png");
}
ul#gnavi_list li#gnavi_btn8 a{
 background-image:url("../../images/p/common/menu/bt_poputomo.png");
}
ul#gnavi_list li#gnavi_btn10 a{
 background-image:url("../../images/p/common/menu/bt_customize.png");
}
ul#gnavi_list li#gnavi_btn11 a{
 background-image:url("../../images/p/common/menu/bt_music.png");
}
ul#gnavi_list li#gnavi_btn12 a{
 background-image:url("../../images/p/common/menu/bt_ranking.png");
}
ul#gnavi_list ul.inner_menu{
 display:none;
}

ul#gnavi_list>li.new{
position:relative;
}
ul#gnavi_list>li.new::before{
display:block;content:"NEW";background:#f00;color:#fff;
font-weight:bold;font-size:10px;line-height:1;vertical-align:top;
margin:0px;padding:2px;width:30px;position:absolute;top:0px;right:10px;
transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);
animation:newAnime 1.6s infinite alternate;
}
@keyframes newAnime {
0%{color:#ff0000;background:#ffffff;}
100%{color:#ffffff;background:#ff0000;}
}

#main_contents_inner{
 width:980px;
 margin:0 auto;
}
/* 左サブメニュー */
.left_contents{
 width:260px;margin-top:10px;
 float:left;
 position:relative;
}
.left_contents > div{
 background:url("../../images/p/top/window_box_top_img.png") no-repeat right -50px top -60px, url("../../images/p/top/window_box_bottom_img.png") no-repeat left bottom, #77d4ff;
 border:4px solid #6561b8;outline:4px solid #fff;outline-offset:-8px;
 box-shadow:0px 6px #adcae4;
 border-radius:0px 20px 0px 20px;
 width:98%;position:relative;padding-top:60px;
}
.left_contents > div > p{
 background:url("../../images/p/common/sub_menu.png");
 width:212px;height:0px;padding-top:63px;position:absolute;top:-12px;left:calc((100% - 212px) / 2);
}
.left_contents > div > .inner{
 background:url("../../images/p/common/inner.jpg"), #fff;width:90%;margin:0px auto 10px;
}

.left_contents ul.menu_list { width:220px; margin:0 auto 0px auto;padding:5px 0px;}
.left_contents ul.menu_list li {width:220px;margin:5px 0px;}
.left_contents ul.menu_list li a {width:220px;height:0px;padding-top:35px;display:block;}
.left_menu_basic{
 color:#000;
 text-align:center;
 margin:0px auto;
 padding:5px 10px;
}
.left_contents .line{
 margin-top:20px;
}
.left_contents .top_btn a{
 background:url("../../images/p/common/pagetop_btn.png") no-repeat;
 width:173px;
 height:0px;
 padding-top:30px;
 overflow:hidden;
 margin:0px auto 0px auto;
 display:block;
}
.left_contents .top_btn a:hover{
 background-position:0 -30px;
}
.left_contents .page_top_btn a{
 background:url("../../images/p/common/top_btn.png") no-repeat;
 width:173px;
 height:0px;
 padding-top:30px;
 overflow:hidden;
 margin:10px auto 10px auto;
 display:block;
}
.left_contents .page_top_btn a:hover{
 background-position:0 -30px;
}
.left_contents .sp_close_btn{
display:none;
}
.fixed {
position: fixed;
top: 0;
}


/* 右メインコンテンツ */
.right_contents{
  float: right;
  width: 720px;
  margin: 10px auto 0;
  padding: 0;
}
.Rcont_box {
/* background:#f0f1e3;border:3px solid #122e52;border-radius:20px;*/
 background:#fffdec;
 border:4px solid #6561b8;outline:4px solid #f86d72;outline-offset:-8px;
 box-shadow:0px 6px #adcae4;
 border-radius:0px 20px 0px 20px;

 padding:6px;margin-bottom:50px;
}
.Rcont_info{
}
.Rcont_box_bg_top{
}
.Rcont_box_bg_btm{
}
.inner_contents{
 padding:20px;color:#0c2d57;
}
.right_title{
 width:calc(100% + 5px);
 height:0;
 padding-top:50px;
 overflow:hidden;
 background:linear-gradient(180deg, #ffd552 0px, #ffd552 50%,#ffd552 50%,#ffa6a8 51%, #ffa6a8 100%);
 border-radius: 0px 12px 0px 0px;
 margin:-3px 0px 20px -3px;
 float: left;
 position:relative;
}

.right_title:after{
 content:'';
 width:calc(100% - 5px);height:50px;display:block;top:0;left:5px;position:absolute;
}
/*====================================================*/
/* site main */
/*====================================================*/
h4 {border-bottom: 2px solid #1f2858; margin-top:0px; margin-bottom:4px; font-size:14px; padding:20px 3px 3px 3px; color:#1f2858;}
.fpass_img{width:328px; height:390px;position:absolute;}
}

#page_top{
position:fixed;bottom:10px;right:20px;font-size:12px;z-index:9999;display:none;
width:9.8%;min-width:50px;
}
#page_top a img{
max-width:100%;
}