@charset "utf-8";

/* +++++++++++++++++++++++++++++++

 top.css20200525

+++++++++++++++++++++++++++++++ */

a img:hover{
	opacity:0.8!important;
}

.dispN{
	display:none;
}

/*
カルーセル
-----------------------------------*/

#main_image {
    overflow: hidden;
    width: 100%;
    margin: 145px auto 25px!important;
    padding: 15px 0 20px;/*14px 0 50px*/
    /*background:#7b9c3d; GREEN*/
}
/* カテゴリ毎の色設定はrms_common.css*/

#main_image .bx-wrapper { margin-bottom: 0; }

#main_image .bx-viewport {
    overflow: visible !important;
    left: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}
#main_image .bx-viewport:before,
#main_image .bx-viewport:after {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 2000px;
    background: rgba(255, 255, 255, .6);
    content: " ";
    z-index: 10;
    height: auto;
    visibility: visible;
}
#main_image .bx-viewport:before {left: -2000px;}

#main_image .bx-viewport:after {
    left: 800;
    visibility: visible;
}

#main_image .bxslider { margin: 0; }

.bx-wrapper .bx-caption {
    background: #000;
    background: rgba(0, 0, 0, .5);
	display:none;/*caption*/
}

#main_image .bx-pager {
    bottom: -16px;
    padding-top: 0;
	line-height:100%;
}
.bx-wrapper .bx-pager.bx-default-pager a { background: #e5e5e5; }
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #333; }

#main_image .bx-controls-direction a {
    width: 33px;
    height: 33px;
    margin: -24px 0 0;
    /*background: rgba(51, 51, 51, .6);*/
}
#main_image .bx-wrapper .bx-prev { left: -47px; }
#main_image .bx-wrapper .bx-next { right: -47px; }




/*--------------------------------------
subbnr (260)
---------------------------------------*/
.subbnr, .subbnr div{
	clear: both;
	margin: 0 auto;
	display: block;
	width: 1070px;
	padding: 0;
	text-align: center;
	}	/*head fix時は margin-top170px;*/

.subbnr a {
	width: 23%;
	/* float: left; */
	margin: 8px 4px;
	text-align: center;
	padding: 0;
	display: inline-block;
	}

.subbnr img{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px #E2E2E2 solid;
    width: 97%;
    margin: 0 auto;
    height: auto;
	}

.subbnr img:hover{ opacity:0.9;}



/*
新着レビュー
-----------------------------------*/
#arrival_review {
    padding: 20px;
    background: #f2f2f2;
}
#arrival_review .box_review {
    float: left;
    width: 420px;
}
#arrival_review .box_review:nth-child(odd) { margin-right: 20px; }
#arrival_review .box_review:not(:nth-child(-n+2)) { margin-top: 30px; }
#arrival_review .image {
    float: left;
    width: 160px;
    margin-right: 20px;
}
.box_review .rate {
    margin: 10px 0 20px;
    font-size: 14px;
    font-weight: bold;
}
.box_review .title {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: bold;
}
.box_review .title a { text-decoration: underline; }
.box_review .title a:hover { text-decoration: none; }
.box_review .review { margin: 0 0 20px; }
.box_review .user { margin: 0; }

#arrival_review .more {
    clear: both;
    position: relative;
    top: 15px;
    margin: 0;
    padding: 15px 0;
    border-top: 1px solid #ccc;
    font-size: 16px;
    text-align: center;
}
#arrival_review .more:after {
    margin-left: 10px;
    content: url(../images/common/ico_arrow_d.png);
    vertical-align: 2px;
}
#arrival_review .more.opened:after { content: url(../images/common/ico_arrow_u.png); }

/*
お知らせ
-----------------------------------*/

h2.heading01{ font-size:16px;}


#tl_int+section h2 {
    padding: 0 0 0 18px;
    border-left: 5px #9cb937 solid;
}

.box_notice {
    overflow: auto;
    max-height: 125px;
    padding: 5px 20px;
    margin: 0 0 18px 0;
}

.box_notice table {
    width: 100%;
    border-collapse: collapse;
}
.box_notice th,
.box_notice td {
    padding: 12px 0;
    border-bottom: 1px solid #E3E3E3;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
}
.box_notice th { width: 100px; }
.box_notice a { text-decoration: underline; color:#F00;}
.box_notice a:hover { text-decoration: none; }




/*------------------------------------------------
TOP STATIC (CST)
-------------------------------------------------*/


.top-tublink {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.top-tublink section{
	width: 23%!important;
	padding:0;
    display: inline-block;
    margin:0 10px 30px 0;
	box-sizing:border-box;
	}
	

/*
.top-tublink section.mcd10{ background: urL(http://www.happinetonline.com/000001/product/49/4543112706249_500.jpg) no-repeat 208px 92px; background-size: 62%;}
.top-tublink section.mcd13{background:urL(http://www.happinetonline.com/000001/product/16/4902370535716_500.jpg) no-repeat 208px 92px; background-size: 62%;}
.top-tublink section.mcd14{background:urL(http://www.happinetonline.com/000001/product/49/4543112706249_500.jpg) no-repeat 0 0;}
.top-tublink section.mcd15{background:urL(http://www.happinetonline.com/000001/product/49/4543112706249_500.jpg) no-repeat 0 0;}
*/

.top-tublink section:last-child{margin-right:0!important;}

.top-tublink h2{
	font-size: 15px;
    padding: 0 10px 10px 45px;
    color: #333!important;
    border-bottom: 1px #CCC solid;
	}

.top-tublink section.mcd10 h2{ background: url(../images/common/ico_10.png) no-repeat 7px 0;}
.top-tublink section.mcd13 h2{ background: url(../images/common/ico_13.png) no-repeat 7px 0;}
.top-tublink section.mcd14 h2{ background: url(../images/common/ico_14.png) no-repeat 7px 0;}
.top-tublink section.mcd15 h2{ background: url(../images/common/ico_15.png) no-repeat 7px 0;}
.top-tublink section h2{background-size: 13%!important;}

.top-tublink div img{ width:64px; height:auto; float:left;}
.top-tublink div img:hover{ opacity:0.8;}
	

top-tublink div{ padding:0 8px;}
.top-tublink a{ font-size: 110%; color: #0a2bab; line-height: 160%;}
.top-tublink a:hover{ color:#ccc;}

.top-tublink section ul{
	padding:0;
	margin:0 0 0 5px;
	float:left;
	text-align:left;
}

.top-tublink section ul li{
	margin:5px 0; display:block;
}

.top-tublink section ul li:last-child{
    margin: 20px 0 0 0;
    border: 1px #CCC solid;
    border-radius: 5px;
    font-size: 10px;
    font-weight: normal;
    background: linear-gradient(to bottom, #F2F2F2 50%,#c9cfe2 69%);
	text-align:center;
	padding: 2px 0;
}

.top-tublink section ul li:last-child a{
	color:#333; font-size:120%; font-weight:normal;
}

.top-tublink section ul li:last-child a:hover{
	color: #CC00FF;}


/*******************************************/



/*************　TAB CONTENTES  *************/
.tabbox {
    margin: 30px 0;
}
.tabbox section.column{ font-size:14px;}

.tabbox .tab-index ul, .tabbox2 .tab-index2 ul, .tabbox3 .tab-index3 ul {
    display: table;
    width: 100%;
    text-align: center;
    padding: 0!important;
    border-bottom: 3px #ff0000 solid;
    margin: 10px auto 0;
}

.tabbox .tab-index li:not(:last-child), .tabbox2 .tab-index2 li:not(:last-child), .tabbox3 .tab-index3 li:not(:last-child) {
    border-right: 1px solid #ccc;
    margin-right: 1px;
}

.tabbox .tab-index li, .tabbox2 .tab-index2 li, .tabbox3 .tab-index3 li {
    display: inline-block;
    height: 45px;
    /* line-height: 40px; */
    background-color: #9c9c9c;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
	background: linear-gradient(to bottom, #EDEDED 55%,#DADADA 45%);
    box-shadow: 0px -2px 10px#CCC;
    margin: 0 7px;
}

/*TUB単 class=tub*/
.tabbox .tab-index li{	width:90%;}

/*TUB3連 class=tub3追加せよ*/
.tabbox.tub2 .tab-index li, .tabbox2.tub2 .tab-index2 li, .tabbox3.tub2 .tab-index3 li {width: 48%!important;}

/*TUB3連 class=tub3追加せよ*/
.tabbox.tub3 .tab-index li, .tabbox2.tub3 .tab-index2 li, .tabbox3.tub3 .tab-index3 li {width: 32%!important;}



.tabbox .tab-index li a,
.tabbox2 .tab-index2 li a,
.tabbox3 .tab-index3 li a{
	font-size:18px;
	display:block;
	margin-top:14px;
}

.tabbox .tab-index li:hover:not(.active),
.tabbox2 .tab-index2 li:hover:not(.active),
.tabbox3 .tab-index3 li:hover:not(.active){
	background: linear-gradient(to bottom, #f9f8d1 55%,#f3f1a6 45%);
}


.tabbox .tab-index li.active a,
.tabbox2 .tab-index2 li.active a,
.tabbox3 .tab-index3 li.active a{
	color:#FFF;
	text-decoration: none;
}

.tabbox .tab-index li.active a:hover,
.tabbox2 .tab-index2 li.active a:hover,
.tabbox3 .tab-index3 li.active a:hover{ font-weight:normal;}


.tabbox.single li,.tabbox2.single li ,.tabbox3.single li {
    width: 98%!important;
}
.tabbox.single li:nth-child(2),.tabbox2.single li:nth-child(2),.tabbox3.single li:nth-child(2) {
    display: none;
}


/* Bounce To Bottom 
.hvr-bounce-to-bottom {
  display: inline-block;
  /*vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
    background: linear-gradient(to bottom, #468e40 54%,#337b2d 53%);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
*/


.tabbox .tab-contents,
.tabbox2 .tab-contents2,
.tabbox3 .tab-contents3{ display: none;}

.tabbox .tab-contents.active,
.tabbox2 .tab-contents2.active,
.tabbox3 .tab-contents3.active{display: block;}


/*メディア別指定*/
#Container.mdc10 .tabbox .tab-index ul,
#Container.mdc10 .tabbox2 .tab-index2 ul,
#Container.mdc10 .tabbox3 .tab-index3 ul { border-bottom: 3px solid #F00;}

#Container.mdc13 .tabbox .tab-index ul,
#Container.mdc13 .tabbox2 .tab-index2 ul,
#Container.mdc13 .tabbox3 .tab-index3 ul { border-bottom: 3px solid #3ead30;}

#Container.mdc14 .tabbox .tab-index ul,
#Container.mdc14 .tabbox2 .tab-index2 ul,
#Container.mdc14 .tabbox3 .tab-index3 ul { border-bottom: 3px solid #346f1c;}

#Container.mdc15 .tabbox .tab-index ul,
#Container.mdc15 .tabbox2 .tab-index2 ul,
#Container.mdc15 .tabbox3 .tab-index3 ul { border-bottom: 3px solid #cc3496;}

/*メディア別指定*/
#Container.mdc10 .tabbox .tab-index .active,
#Container.mdc10 .tabbox2 .tab-index2 .active,
#Container.mdc10 .tabbox3 .tab-index3 .active { background: linear-gradient(to bottom, #468e40 54%,#337b2d 53%);}

/*メディア別指定*/
#Container.mdc11 .tabbox .tab-index .active,
#Container.mdc11 .tabbox2 .tab-index2 .active,
#Container.mdc11 .tabbox3 .tab-index3 .active { background: linear-gradient(to bottom, #2e33cf 54%,#3639a8 53%);}

#Container.mdc13 .tabbox .tab-index .active,
#Container.mdc13 .tabbox2 .tab-index2 .active,
#Container.mdc13 .tabbox3 .tab-index3 .active { background: linear-gradient(to bottom, #9173bf 54%,#7454a5 53%);}

/** game priv info**/
#Container.mdc13 .tabbox section.column{
/*	font-size: 14px;
	max-height: 800px!important;
	overflow-y: scroll;
*/
	border: 1px #CCC solid;
    border-radius: 0 0 8px 8px;
}



#Container.mdc14 .tabbox .tab-index .active,
#Container.mdc14 .tabbox2 .tab-index2 .active,
#Container.mdc14 .tabbox3 .tab-index3 .active { background: linear-gradient(to bottom, #546db5 54%,#3652a2 53%);}

#Container.mdc15 .tabbox .tab-index .active,
#Container.mdc15 .tabbox2 .tab-index2 .active,
#Container.mdc15 .tabbox3 .tab-index3 .active { background: linear-gradient(to bottom, #3dbebf 54%,#2cafb0 53%);}





/*********  WEB CONTENTS RANKING ************/
section#rankboxes {
    width: 100%;
    margin: 0 auto;
}

#rankboxes .boxmarginB10 {
    margin-bottom: 10px;
    float: left;
    width: 56%;
    margin: 20px 5px;
}


#rankboxes .boxmarginB10:nth-child(2) {
    width: 41%;
	padding:17px 0 0 0;

}
#rankboxes .boxmarginB10 p{ display:inline;}
#rankboxes .boxmarginB10 p.rank_update{ margin-left:20px;}
#rankboxes .boxmarginB10 p br {	display:none;}


/*ランキング内画像出し分け　#見出し画像/なし　#キャラ画像/あり*/
#rankboxes .boxmarginB10 img{ display:none;}
#rankboxes .boxmarginB10 ul img{
    display: inherit;
    width: 40px;
    height: auto;
    margin-right: 10px;
	}

#rankboxes .boxmarginB10 ul#rankbox01:before,
#rankboxes .boxmarginB10 ul#rankbox02:before {
    display: block;
    height: 40px;
    text-align: left;
    border-radius: 5px 5px 0px 0px;
    color: FFF;
    font-size: 17px;
    padding: 0 0 0 20px;
    line-height: 228%;
    margin: 10px 0 0 0;
    box-shadow: 3px -1px 11px #BBB;
    border: 1px #FFF solid;
	
}

#rankboxes .boxmarginB10 ul#rankbox01:before {
    background: #fb0648;
    content: "ギフトで選ばれる！ランキング";
    /* font-weight: bold; */
}

#rankboxes .boxmarginB10 ul#rankbox02:before {
    background: #0688fb;
    content: "人気キャラクター！ランキング";
    /* font-weight: bold; */
}

#rankboxes .boxmarginB10 ul{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 98%;
    float: left;
    display: block;
}

#rankboxes .boxmarginB10 li {
	margin: 15px 0;
    padding: 5px 0 6px 52px;
    /* background: url(../images/common/no1.png) no-repeat 0 0; */
    /* background-size: 28px 30px; */
    height: 42px;
    background-size: 31px 35px!important;
    border-bottom: 1px #CCC dotted;
    border-right: 1px #CCC dotted;
    box-shadow: 3px 3px 10px #DDD;
}


#rankboxes .boxmarginB10 ul li a{
    font-size: 14px;
}

#rankboxes .boxmarginB10 li.rankno1 {background: url(../images/common/no1.png) no-repeat 4px 50%;}
#rankboxes .boxmarginB10 li.rankno2 {background: url(../images/common/no2.png) no-repeat 4px 50%;}
#rankboxes .boxmarginB10 li.rankno3 {background: url(../images/common/no3.png) no-repeat 4px 50%;}
#rankboxes .boxmarginB10 li.rankno4 {background: url(../images/common/no4.png) no-repeat 4px 50%;}
#rankboxes .boxmarginB10 li.rankno5 {background: url(../images/common/no5.png) no-repeat 4px 50%;}
#rankboxes .boxmarginB10 li.rankno6 {background: url(../images/common/no6.png) no-repeat 4px 50%;}
#rankboxes .boxmarginB10 li.rankno7 {background: url(../images/common/no7.png) no-repeat 4px 50%;}
#rankboxes .boxmarginB10 li.rankno8 {background: url(../images/common/no8.png) no-repeat 4px 50%;}
#rankboxes .boxmarginB10 li.rankno9 {background: url(../images/common/no9.png) no-repeat 4px 50%;}
#rankboxes .boxmarginB10 li.rankno10 {background: url(../images/common/no10.png) no-repeat 4px 50%;}

img.preimg { vertical-align: middle;}


ul#rankbox01 a{line-height:230%;}

ul#rankbox02 a{font-size:14px;}



/********* RANKING ************/
div#ranking{
    width: 100%;
    display: block;	
	}
	
ul.item_detail {
    width: 23%;
    /* float: left; */
    padding: 0;
    /* margin: 0 8px; */
    /* height: 412px; */
    display: inline-block;
    vertical-align: top;
    margin: 35px 6px;
    position: relative;	
}


/*ul.item_detail {
    width: 24%;
    padding: 0;
    margin: 0 7px 0 0;
    display: inline-block;
    vertical-align: top;
}

ul.item_detail:nth-child(n+4) {
    margin: 0;
}
*/

li.item_images p {
    display: inline;
}

li.item_images p:first-child img {
	width: 80%!important;
    height: auto;
}



ul.item_detail li {
    display: block;
    margin: 0;
    width: 100%;
    text-align: center;
}

li.item_images {
    width: 31%;
    margin-right: 10px;
}

li.ranklink { width: 64%;}

li.ranklink p:first-child{
    position: absolute;
    top: 0	;
    left: 0;
    background: #ff0051;
    padding: 1px 10px;
    border-radius: 3px;
    color: #FFF;
	box-shadow: 1px 1px 5px #666;
	}


#rank_dvd_b li.ranklink p:first-child,
#rank_th_b li.ranklink p:first-child,
#rank_cd_b li.ranklink p:first-child,
#rank_game_b li.ranklink p:first-child {
    background: #148136;
    }



li.ranklink h3 {
	margin:10px 0;
    padding: 0;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    }

p.rank_srchdate {
    text-align: right;
    margin: 7px;
}

.tabbox .column ul {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    border-radius: 0 0 8px 8px;
    border-top: none;
    box-shadow: 0px 0px 7px #999;
}

li.headtxt {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 20px;
}

li.rc_topic {
    margin: 5px 0;
    font-size: 15px;
    padding: 0 0 4px 20px;
    border-bottom: 1px #DDD dotted;
    line-height: 160%;
}

li.rc_topic a{ text-decoration: underline;}
li.rc_topic span{ padding:0; color:#afafaf!important;}

li.rc_topic span.cls,
li.rc_topic span.fixdate02{
    padding: 0 10px;
    display: inline;
    color: #C00!important;
    font-size: 12px!important;
}

li.rc_topic span.fixdate02 {
    color: #02b088!important;
    }	 

.fc_navi {
    color: #000066!important;
    padding-right: 30px;
}


li.rc_date {
    margin: 5px 0 12px 0;
    font-size: 14px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}



/** GAME PRIV INFO**/
#Container.mdc13 li.rc_topic{
    margin: 12px 0 0;
    /* font-size: 15px; */
    padding: 0 0 4px 20px;
    border-bottom: 1px #DDD dotted;
    line-height: 160%;
 }

#Container.mdc13 li.rc_topic p {
    color: #F00;
    font-size: 13px;
    margin: 5px 0;
}

#Container.mdc13 li.rc_topic p:before {
    content: "特典内容: ";
    color: #00F;
}

li.news_sp {
    padding: 7px 0 7px 30px;
    color: #333;
    font-weight: bold;
    background: #eaeaea;
    border-radius: 0 0 5px 5px;
}
/** GAME PRIV INFO**/



/******* warehousing toy 20181221***********/
.r_web.warehousing {
    text-align: center;
}

.r_web.warehousing .rc_topic {
    width: 20%;
    display: inline-block;
    margin: 0 15px 20px;
    vertical-align: top;
    padding:0;
    border:none;
}

.r_web.warehousing .rc_topic a {
    font-size: 14px;
    line-height: 156%;
    text-align: left;
    width: 100%;
    display: block;
}

.r_web.warehousing .rc_topic a img {
    width: 100%;
    margin: 0 auto 10px;
    vertical-align: top;
}

/******* warehousing toy***********/


/******** release/deadline DVD/CD ********************/

.r_web.release .rc_topic,.r_web.deadline .rc_topic {
    width: 45%;
    display: inline-block;
    padding: 0 0 14px 0;
    margin: 12px 18px;
    border-bottom: 1px #eaeaea solid;
}

.r_web.release .rc_topic img,.r_web.deadline .rc_topic img {
    width: 20%;
    display: block;
    vertical-align: top;
    float: left;
    margin: 0 15px 0 0;
}

.r_web.release .rc_topic a,.r_web.deadline .rc_topic a {
    text-align: left;
}




/******** limited_GAME **************************/

.r_web.limitedgame li.rc_topic {
    width: 47%;
    display: inline-block;
    padding: 15px 0!important;
    margin: 0 0 0 15px!important;
    vertical-align: top;
}

#Container.mdc13 li.rc_topic span {
    font-size: 11px;
    display: block;
    margin: 0;
    line-height: 172%;
}

.r_web.limitedgame li.rc_topic img {
    width: 30%;
    float: left;
    margin: 0 8px 10px;
    display: block;
    /* float: left; */
}

.r_web.limitedgame li.rc_topic span{
	margin-bottom:10px;
}
.r_web.limitedgame li.rc_topic span.platform{
	display: none!important;
}

/*------------------------------------------------
TOP STATIC
-------------------------------------------------*/


/*CST*/
.media10 #main_image {background: #7b9c3d!important;}
.media13 #main_image {background: #9173bf!important;}
.media14 #main_image {background: #3652a2!important;}
.media15 #main_image {background: #2CAFB0!important;}


#main_image UL{ margin:0; padding:0;}


.catename{
    font-weight: bold;
    margin: 2px 0 0;
    padding: 5px 0 10px 53px;
    text-align: left;
    font-size: 16px;
    line-height: 152%;
    border-bottom: #b1b1b1 2px dotted;
}

.media10 .catename{ background: url(../images/common/ico_10.png) no-repeat 3% 0; background-size: 8%;}
.media13 .catename{ background: url(../images/common/ico_13.png) no-repeat 3% 0; background-size: 8%;}
.media14 .catename{ background: url(../images/common/ico_14.png) no-repeat 3% 0; background-size: 8%;}
.media15 .catename{ background: url(../images/common/ico_15.png) no-repeat 3% 0; background-size: 8%;}




.scrl_outer{
	overflow: none;
	-webkit-overflow-scrolling: touch;
	margin: 0 auto;
    padding: 0;
}



.scrl_inner{
	width:auto;	
}

/************************************
TOP JANLE
*************************************/
#toptublink {
    width: 100%;
    display: block;
    margin: 0 auto;
}

#toptublink a{
	font-size: 85%;
    color: #0a2bab;
    float: left;
    /* width: 98%; */
    display: block;
    padding: 5px 0 5px 5px;
    box-sizing: content-box;
    border-right: 1px #EEE solid;
    border-bottom: 1px #EEE solid;
    border-radius: 5px;
}
#toptublink a:hover{ color:#ccc;}


#toptublink section{
	width:100%!important;
	padding:0;
    display: inline-block;
    margin:0 auto;
	box-sizing:border-box;
	}

	
#main section> h2{
	clear:both;
	font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 180%;
	font-size:15px!important;
	padding:5px 15px!important;
	margin:10px 0!important;
    border-bottom: 1px #CCC dotted;
	background:#E2E2E2;
	width:96%;
	}

#main section.recom_contents>h2{ background:#de4a1c !important;color:#FFF!important; border-bottom: 2px #de4a1c dotted}




#main section> h2.subttl1 {
    font-size: 12px!important;
    padding: 2px 15px 0!important;
    border-bottom: none;
    font-weight: normal;
}


#toptublink section ul{
    padding: 0;
    margin: 10px auto 0;
    text-align: left;
    width: 100%;
    /*float: right;*/
	/*background: #FFF;
    border-radius: 5px;
	*/
}



#toptublink li{
	float: left;
    width: 49%;
    margin: 1px 1px 0 2px;
    display: block;
    /* border: 1px #CCC solid; */
    /*border-right: 1px #dedede dotted;*/
    /* padding: 5px; */
    border-bottom: none;
	}
	
	
#toptublink li:nth-child(even){
    border-left: none;
}

#toptublink li:nth-child(n+7){
    /*border-bottom: 1px #CCC solid;*/
}


#toptublink li img{
	width: 25%;
    vertical-align: middle;
    margin: 0 5px 0 0;
}


#toptublink li img:hover,
#ctoptublink li img:hover{ opacity:0.8;}


#toptublink ul+a {
    text-align: right;
    /* width: 64%; */
    float: none;
    display: block;
    margin: 18px auto 0!important;
    padding: 0 14px!important;
    font-size: 14px!important;
    color: #333;
	border:none!important;
    font-weight: bold;
    /* box-shadow: 3px 3px 3px #CCC; */
    /* background: #ff2f2f; */
    /* background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD)); */
    /* background: -webkit-linear-gradient(top, #FFF 0%, #DDD 100%); */
    /* background: -webkit-linear-gradient(top, #FFF, #ddd); */
    /* background: linear-gradient(to bottom, #FFF, #ddd); */
}



/****************************************
CATE TOP
*******************************************/

@media screen and (min-width:961px) {
		.forsp{/*C*/
			display:none;
		}
	}

#ctoptublink section ul{/*C*/
    padding: 0;
    margin: 0 auto 12px;
    text-align: left;
}

#ctoptublink section ul li{
	line-height:180%;
}


/*
#ctoptublink a{
   width: 138px;
    margin: 3px;
    display: block;
    border: 1px #DDD solid;
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
    background: #F5F5F5;
    font-size: 0.7em;
    color: #333333;
    vertical-align: top;
    min-height: 50px;
    max-height: 50px;
}
/*

#Container.mdc14 #ctoptublink section>H2{
    padding: 0;
    font-size: 19px;
    font-weight: normal;
    color: #42558b;
   }
#Container.mdc14 #ctoptublink section {/*mdc14 PC ONLY
    width: 49%;
    display: inline-block;
}


   
   
#Container.mdc14 #ctoptublink section:nth-child(2) a {
    border: 1px #9a9ae8 solid;
    background:#e9e9ff;
}

#Container.mdc14 #ctoptublink section a:hover {
    background:#FFF;
}
#Container.mdc14 #ctoptublink a {/*mdc14 PC ONLY
    width: 105px;
    min-height: 36px;
    max-height: 36px;
}

#Container.mdc14 #ctoptublink a:nth-child(n+13) {
	display:none;
}

*/	

#ctoptublink li img{/*C*/
    width: 62px;
    vertical-align: middle;
    margin: 5px auto 7px;
    display: block;
}

#ctoptublink li span{/*C*/
	line-height: 135%;
    display: block;
    margin: 0 auto;
    /*color: #4c5a8a;*/
    font-size: 15px;
}

#ctoptublink section ul#c_toptag13 li{
    width: 29%;
    border: 1px #DDD solid;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 5px;
    background: #F5F5F5;
    font-size: 0.7em;
    color: #333333;
    vertical-align: top;
    min-height: 50px;
    text-align: center;
    margin: 4px 4px 10px;
}

#ctoptublink section ul#c_toptag13 li a{
display: block;
width: 100%;
}

#ctoptublink ul#c_toptag13 li img{
    width: 95%!important;
    margin: 5px auto 5px;
    display: block;
}



/*TOP CATEGORY FOR PC *****************************************************/
#ctoptublink section ul>li {
    width: 30%;
    margin: 0 0 40px;
    display: inline-flex;
}



#ctoptublink section.p3 ul>li {
    width: 50%;
    margin: 0 0 20px;
}

#ctoptublink section ul>li>ul {
    margin: 0;
    list-style: none;
    width: 100%;
    height: 190px;
}



#ctoptublink section.p3 ul>li>ul {
    height: inherit;
}

#Container.mdc10 #ctoptublink section ul>li>ul {
    background: url(../images/common/category/mdc10_00.png) no-repeat 159px -54px;
    background-size: 57%;
    }

#Container.mdc11 #ctoptublink section:not(.p3) ul>li>ul {
    background: url(../images/common/category/mdc11_00.png) no-repeat 159px -54px;
    background-size: 57%;
    }
    

#Container.mdc13 #ctoptublink section ul>li>ul {
    background: url(../images/common/category/mdc13_00.png) no-repeat 134px -43px;
    background-size: 57%;
    }
    
#ctoptublink section ul>li:nth-child(3n-1) {
    margin: 0 25px;
    }


#Container.mdc14 #ctoptublink section ul>li>ul {
    background: url(../images/common/category/mdc14_00.png) no-repeat 124px -37px;
    background-size: 57%;
    }
#Container.mdc15 #ctoptublink section ul>li>ul {
    background: url(../images/common/category/mdc15_00.png) no-repeat 159px -54px;
    background-size: 57%;
    }


#ctoptublink section ul>li>ul>li {
	width:100%;
	margin:0!important;
}



#ctoptublink section:not(.p3) ul>li>ul>li:first-child {
    margin: 0 0 15px 0!important;
    border-left: 7px #b4b57a solid;
    padding: 0 0 0 10px;
    font-size: 20px;
}







#ctoptublink section ul>li>ul>li:first-child>a {
    /*font-weight: bold;*/
    margin: 0;
    font-size: 18px;
    padding: 5px 0 3px 4px!important;
    line-height: 116%;
    color: #333;
    /*text-decoration: underline;*/
    font-size: 1.1rem!important;
    display: block;
    font-weight: bold;
    background: none;
    text-decoration: none!important;
}

#ctoptublink section.p3 ul>li>ul>li>a {
    margin: 0;
    font-size: inherit;
    padding:inherit;
    line-height: 116%;
    color: inherit;
   text-decoration: underline;
    font-size:inherit;
    display: block;
    font-weight: normal;
    background: none;
    text-decoration: none!important;
}


#ctoptublink section ul>li>ul>li:not(:first-child)>a {
	width: 100%!important;
	/* margin: 5px 0 0; */
	padding: 1px 0 1px 20px;
	font-size: 15px;
	    text-decoration: none;
}







#ctoptublink section:not(.p3) ul>li>ul>li:first-child>a:hover,
#ctoptublink section:not(.p3) ul>li>ul>li:not(:first-child)>a:hover  {
	color: #820fff;
    text-decoration: underline;
	}

.mdc14 #ctoptublink section ul>li {
width: 24%;
    margin: 0 1px 0 0;
}

.mdc14 #ctoptublink section ul>li>ul>li {
    width: 100%;
}

.mdc14 #ctoptublink section ul>li>ul>li:first-child {
    width: 100%;
}

/*.mdc14 #ctoptublink section ul>li:nth-child(3n-1) {
    margin: 0 8px!important;
}
*/

.mdc14 #ctoptublink section ul>li>ul>li:nth-child(3n-1) {
    margin: 0!important;
}


.mdc14 #ctoptublink section ul>li>ul>li:first-child>a {
	font-size:16px;
}


section>h2 {
    font-size: 16px;
    margin: 15px 5px 13px;
    padding: 2px 0 1px 12px;
    font-weight: normal;
    border-left: 7px #83ad1d solid;
    font-weight: bold;
}

#ctoptublink section.p3 ul.emg li {
    width: 100%;
    margin: 0 0 40px;
}

#ctoptublink section.p3 ul.emg li.headttl {
    width: 100%;
}

#ctoptublink section.p3 ul.emg li.headttl a {
    font-size: 18px!important;
    display: block;
    margin: 5px 0 25px;
    background: #ece4aa;
    width: 100%;
    padding: 10px 0 11px 15px!important;
    font-weight: bold;
    border-radius: 3px;
}

#ctoptublink section.p3 ul.emg li {
    width: 100%;
    margin: 0 0 20px;
}

#ctoptublink section.p3 ul.emg li.hobtxt {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1%!important;
}

#ctoptublink section.p3 ul.emg li.hobtxt a.series {
    width: 40%!important;
    display: inline-block;
    vertical-align: top;
    height: 155px;
    padding:0;
    font-size:1.1em;
    font-weight:bold;
    color:#2e33cf;
}

#ctoptublink section.p3 ul.emg li.hobtxt a.series:hover {
	opacity:1;
}


#ctoptublink section.p3 ul.emg li.hobtxt a.series img {
    width: 100%;
    height: auto;
    margin:0;
}



#ctoptublink section.p3 ul.emg li.hobtxt ul {
	width: 54%;
	display: inline-block;
	height: inherit;
	margin: 6% 0 0 3%;
}

#ctoptublink section.p3 ul.emg li.hobtxt ul li {
    width: 100%;
    display: block;
    margin: 0 0 10px!important;
}

#ctoptublink section.p3 ul.emg li.hobtxt ul li a {
        width: 100%!important;
    padding: 0!important;
    font-size: 1.0em!important;
}

#ctoptublink section.p3 ul.emg li.hobtxt ul li a:after {
    content: " >";
}

#ctoptublink section.p3{
margin-top: 30px;
}

/************ TOP END **************/



/* 10agefrom / 13platform*/
div#agefrom ul,
div#platform ul{
	margin: 0 auto;
	padding: 0;
	width:98%;
	text-align: center;
	}
	
/********************************/

div#agefrom {
   margin: 0 auto;
}

div#agefrom ul {
	padding:0;
}

div#agefrom ul li{
	width: 115px;
    display: inline-block;
    text-align: center;
    background: #f9f9e7;
    margin: 7px 7px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 0;
    border:1px #c3c391 solid;
	}
		
div#agefrom ul li:nth-child(3n){ margin-right: 0;}

div#agefrom ul li:nth-child(n+3) { 
	background: #f9e6e3;
    border: 1px #d49c93 solid;
	}

div#agefrom ul li:nth-child(n+7) {
    background: #ddf5dc;
    border: 1px #9aad9a solid;
    }

div#agefrom ul li:nth-child(n+11) {
background: #d6deec;
    border: 1px #a3b4d4 solid;
}

div#agefrom ul li a{
	padding:27px 5px;
	display:block;
    color: #5055ad;
    text-decoration: none;
    text-shadow: 1px 1px 3px #fff;
    font-size:17px;
    font-weight: bold
}
div#agefrom ul li:hover{
	background:#FFF;
}

/********************************/
section.makersearch {
}
section.makersearch ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

section.makersearch ul li {
width: 23%;
    display: inline-block;
    padding: 2px 0;
    margin: 25px 5px;
}

section.makersearch ul li img {
    width: 100%;
}


/********************************/
div#platform ul li{
    width: 48%;
    display: inline-block;
    text-align: center;
    margin: 0 3px 5px;
    padding: 10px 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-right: 1px #E1E1E1 solid;
    border-bottom: 1px #E1E1E1 solid;
	}
	
div#platform ul li img{
	width:100%;	
}

div#platform ul li span{
	display:none;	
}

div#platform ul li a{
	display:block;
    color: #FFF;
}




/********************************/


.boxnotice{ width:98%!important; margin:0 auto; display:block;}
.boxnotice,.boxnotice a{ font-size:12px!important;}
.boxnotice tr{ border-bottom:1px #E2E2E2 solid;!important}
.boxnotice th,.boxnotice td { padding:6px;}


.recom_contents{ width:100%; text-align:center;	}
.recom_contents img{ display:inline-block; 	margin:0 1%; width:47%;}
/*
.recom_contents a:nth-child(odd){margin-left:4px;}
.recom_contents a:nth-child(even){margin-right:4px;}
*/


/***************************	****************/


/*EVENT BNR for PC*/
#inc_eventinfo_sp{
	display:none;
}

#inc_eventinfo {
    margin: 0;
    float: none;
    clear: both;
    display: block;
}

#inc_eventinfo {
     width: 100%!important;
     display:block;
     margin:0 auto 4px;
}
#inc_eventinfo #event_info #rakuten_campaign{
    width: 97%!important;
}

#inc_eventinfo #event_info #bnrspot {
    width: 100%!important;
    text-align: center;
}

#inc_eventinfo #event_info #bnrspot li {
    width: 46%!important;
    margin: 6px 1%!important;
}


/* TOP headermessage 告知・広告系*/

#headermessage{
	width:1070px;
	text-align:center;
	margin:30px auto 0;
	}

#headermessage_sp,#headerbanner_sp{
	display:none;
	}

	
/*ask.html*/
#afterask{
	font-size:19px;
	color:#00F;
	text-align:left;
	width:97%;
	margin:0 auto;
	padding:21px 0;
	font-weight:bold;
	line-height:180%;
}

#afterask span{ text-decoration:underline;}


#askcont{ width:100%; margin:20px auto; display:block;}

#askttl{width:100%; height:55px; background:url('http://image.rakuten.co.jp/es-toys/cabinet/common/qabg.jpg') repeat-x 0 0 ; color:#000; padding:12px 0 0 0; margin:20px auto 0 auto; line-height:90%;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;}
	
#askttl p{margin:0 20px; font-size:28px; display:block; border-left:8px #990000 solid; line-height:120%; padding:0 0 0 15px;font-family:'Meiryo',verdana,'Hiragino Kaku Gothic Pro',Osaka; }

#askcustom .floatbox{
	width: 48%;
	margin: 20px 8px;
	display: inline-block;
	vertical-align: top;
}

#askcustom .floatbox_wide {
    clear: both;
    width: 98%;
    margin: 15px auto;
    display: block;
}
#askcustom h2{clear:both; display:block; /*width:800px;*/  margin:0 0 0 20px; font-size:20px; font-weight:bold; padding-left:20px; background:URL('http://image.rakuten.co.jp/es-toys/cabinet/common/qaarw.gif') no-repeat 0 0 ;
}
#askcustom dl{ margin:0; display:block; margin-bottom:15px; width:100%; margin:0; padding:0;}

#askcustom dt{
	font-size:16px;
	line-height:140%;
	margin:0 0 10px 0;
	padding: 8px 12px;
	color:#000;
	background-color: #FFCCCC;
	font-weight:bold;
	-webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;
    }
#askcustom dd{
	display: block;
    width: 95%;
    font-size: 14px;
    line-height: 160%;
    margin: 5px 0;
    padding: 0 15px;
	}
#askcustom .floatbox_wide dd{ width:900px;}
#askcustom dd a{font-weight:bold;}
#askcustom dd span.wn{ font-size:12px; color: #CC0000;}
#askcustom h2,#askcustom dt,#askcustom dd,#basicask{font-family:'Meiryo',verdana;}
#basicask{ width:1020px; padding:15px 10px; margin:10px auto; border:2px #333333 solid;}
#basicask li{ margin:5px 0; line-height:160%; font-size:14px;}

#basicask span{ font-weight:bold;}

#goaskform{
    width: 96%;
    padding: 40px 0;
    margin: 30px auto;
    text-align: center;
    background: #C00;
    color: #FFF;
    font-size: 40px;
    border-radius: 5px;
    display:block;
    text-decoration:none;
	background: #ff2f2f;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff2f2f), to(#8e0a0a));
	background: -webkit-linear-gradient(top, #ff2f2f 0%, #8e0a0a 100%);
	background: -webkit-linear-gradient(top, #ff2f2f, #8e0a0a);
	background: linear-gradient(to bottom, #ff2f2f, #8e0a0a);
	text-shadow: 0 -0.5px 0px #f1941b;
}


/************************* タブレット、スマホ用 ***************************************************************************************************************************************/

@media screen and (max-width: 961px) {

.forpc{ display:none:}


#headermessage_sp{
    display: block;
    margin: 80px auto 0;
}

#headerbanner_sp{
    display: block;
}

#headerbanner{
display: none;
}


	.subbnr, .subbnr div {
	    clear: both;
	    margin: 10px auto 10px;/*70px auto 10px;*/
	    display: block;
	    width: 97%;
	}

	.subbnr a { 
		width: 47%;
		display: inline-block;
		margin: 6px 1% 1px!important;
	}
	
/*	.subbnr a:nth-child(n+3) { width: 48%; }*/
	
	.subbnr img{width: 100%; -webkit-border-radius: 4px; margin: 0;}

	.tabbox{margin: 20px auto 30px;}

/*
	.tabbox section.column>div {
	    max-height: 300px;
	    overflow-y: scroll;
	    overflow-x: hidden;
	}
*/

	.tabbox .tab-index li, .tabbox2 .tab-index2 li, .tabbox3 .tab-index3 li{
		margin: 0px 2px;
		height: 38px;
		display: inline-block;
	}

	.tabbox2 .tab-index2 li{
		width: 48%;	
	}

	.tabbox.tub3 .tab-index li, .tabbox2.tub3 .tab-index2 li, .tabbox3.tub3 .tab-index3 li{	width: 31%!important;}
				
	.tabbox .tab-index li a, .tabbox2 .tab-index2 li a, .tabbox3 .tab-index3 li a{
	    font-size: 15px;
	    display: block;
	    margin-top: 10px;	
	}

	.tabbox section.column>div ul {
	    padding: 10px 0;
	    text-align: center;
	}

	ul#news{
	padding: 5px 0px!important;
	}

	ul#news li:last-child {
	border: none;
	}
	
	li.rc_date{
	display:none;
	}
	
	li.rc_topic {
	padding: 5px 5px 7px!important;
	line-height: 140%;
	font-size: 10px;
	color: #8C8C8C;
	width: 95%;
	margin: 0 1%;
	    text-align: left;
	}
		
	li.rc_topic a {
		text-decoration: underline;
		font-size: 1.1rem;
		font-weight: bold;
		line-height: 160%;
		}

	li.rc_topic a+a {
	    font-size: 1.1rem;
	    font-weight: bold;
	    color: #ff0082;
	    }
	    
	    	#limited_game	li.rc_topic a+a {
	    font-size: 13px;
	    }
	    
	li.rc_topic span{
	    margin: 0;
	    padding: 0;
	    color: #b1b1b1!important;
	    font-weight: normal;
	    font-size: 1.0rem;
	    line-height: 121%;
	        display: block;
	}

	li.rc_topic span.cls:after {/*発売・締切*/
	    content: " ";
	    display: block;
	}
	
	#inst_dvd li.rc_topic span {/*date単体*/
	    display: block;
	}
	
	#limited_game	li.rc_topic span{ /*lijmited game ONLY	*/
		/* display:inline!important; */
		display: inline-flex;
	}
	
	#limited_game li.rc_topic span:after{ font-size:12px;}
	#limited_game li.rc_topic span.gtype_ps4:after{ content:"PS4"; color:#05a0dc;}
	#limited_game li.rc_topic span.gtype_switch:after{ content:"SWITCH"; color:#05a0dc;}
	#limited_game li.rc_topic span.gtype_3ds:after{ content:"3DS"; color:#05a0dc;}
	#limited_game li.rc_topic span.gtype_wiiu:after{ content:"WiiU"; color:#05a0dc;}
	#limited_game li.rc_topic span.gtype_psvita:after{ content:"PSV"; color:#05a0dc;}
	#limited_game li.rc_topic span.gtype_xboxone:after{ content:"XboxOne"; color:#05a0dc;}
	#limited_game li.rc_topic span.gtype_ps4:after{ content:"PS4"; color:#05a0dc;}


	#limited_game li.news_sp{padding: 3px 0 7px 8px;font-weight:normal; }
	#limited_game li.news_sp:before{
				content: "特典：";
				color: #ff0082;
				font-size: 12px;
				}
	
	div#ranking { width: 100%; margin:0 auto; }

	p.rank_srchdate {
	    text-align: center;
	    margin: 7px 4px;
	    font-size: 10px;
	}

	ul.item_detail{
		width:100%;
		border-bottom: 1px #CCC dotted;
		margin: 5px 0;
		}

	ul.item_detail li {
		float: left;
	    display: block;
	    padding:0;
	    margin: 0 0 0 9px;
	   width:75%;	
		}

	ul.item_detail li.ranklink .rankcomm{ display:none}

	li.ranklink p:first-child{
	    top: -7px;
	    left: 72px;
	    padding: 1px 6px;
	    font-size: 10px;
	    box-shadow:none;
		}		

	#rankboxes .rank_srchdate, #rankboxes .rank_update {
	    display: none!important;
	}


	li.ranklink h3 {
	    margin: 10px 0 5px;
	    padding: 0;
	    border-radius: 0;
	    background:none;
		}

	li.item_images { width: 19%!important; margin:0 0 5px 4px!important;}

	li.item_images p:nth-child(n+2) { display:none;}

	li.ranklink {width: 76%;!important}

	#ctoptublink{ display:inherit;}

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 0px!important;}

	.top-tublink section ul{
		display:none;
		width: 98%;
		}

	#logo {
	    /* float: left; */
	    margin: 0 auto;
	    padding: 0;
	    font-size: 8px;
	    line-height: 100%;
	    width: 100%;
	    /*margin-right: -190px; */
	    position: relative;
	    z-index: 1;
	    height: 40px;
	    text-align: center;
	}

	#main_image{
		margin:70px auto 10px!important;
		overflow: hidden;/*MUSTこれがないと横に広がる*/
		width: 100%;/*MUSTこれがないと横に広がる*/
		padding: 0	;
		background: #c7c7c7;
	}


	.top-tublink section{
		width: 49%!important;
		padding:0;
		display: inline-block;
		margin:0 auto;
		box-sizing:border-box;
		text-align: center;	
		border: 1px #88b261 solid;
		}

	.top-tublink a	{
		    font-size: 110%;
	    color: #0a2bab;
	    line-height: 160%;
	    padding: 18px 1px;
	    display: block;
	    margin: 0;
	    }

	.top-tublink h2{
		font-size: 13px;
	    padding: 0;
	    margin:0 auto;
	    border:none;
		}
	 
	 .box_notice {
	    max-height: 100px;
	    padding: 3px 8px;
	    margin: 0 0 18px 0;
	}

	.box_notice table {
	    width: 100%;
	    border-collapse: collapse;
	}
	.box_notice th,.box_notice td {
	    padding: 8px 0;
	    font-size: 14px;
	}
	.box_notice th { width: 27%; font-size:12px; }


	.tabbox .tab-index ul, .tabbox2 .tab-index2 ul, .tabbox3 .tab-index3 ul {
	    display: block;
	    margin: 0 auto;
	}
	 
	#rankboxes .boxmarginB10,
	#rankboxes .boxmarginB10:nth-child(2) {
	    margin-bottom: 10px;
	    float: left;
	    width: 100%;
	    margin: 10px 0;
	}

	#rankboxes .boxmarginB10 li {
	    margin: 0;
	    padding: 9px 5px 10px 55px;
	    min-height: 35px;
	    background-size: 31px 35px!important;
	    border-bottom: 1px #CCC dotted;
	    border-right: none;
	    box-shadow: none;
	    background-position-x: 4%!important;
	}
	#rankboxes .boxmarginB10 ul{ width:100%;}

	#rankboxes .boxmarginB10 ul li a{ font-size:14px; line-height:145%; font-weight:bold;}

	#rankboxes .boxmarginB10 ul img{width: 40px;}






#ctoptublink section ul{/*C*/
    text-align:left;
}



#ctoptublink a{/*C*/
    width: 28%;
    margin: 4px auto;
    padding: 6px 5px 12px;
    display: inline-flex;
    border-radius: 3px;
    font-size: 12px!important;
    color: #414b7d;
    vertical-align: top;
    /* min-height: 28px; */
    overflow: hidden;
    /* max-height: 26px; */
    text-align:left;
    font-weight:bold;
}

/*
#Container.mdc14 #ctoptublink section {/*.mdc14SP ONLY 
    width: 49%;
    display: inline-block;
}

#Container.mdc14 #ctoptublink section>H2{
    padding: 0 0 0 9px;
    font-size: 15px;
}

#ctoptublink #c_toptag14 a {/*mdc14 ONLY
    width: 39%!important;
    margin: 4px auto;
    padding: 4px 6px;
    color: #414b7d;
    min-height: 32px!important;
    max-height: 33px!important	;
}

#ctoptublink #c_toptag14 a:nth-child(n+9) {/*mdc14 ONLY
    display: none!important;
}

*/

#ctoptublink a li span	{ font-size:12px;}

#ctoptublink a li span{text-align:left;}





/* TOP CATEGORY FOR SP**********************************************/

li.headtxt {
    font-size: 12px;
    display:none;
}



#ctoptublink section ul>li {
	width: 100%;
	margin: 0 0 6px!important;
	display: inline-flex;
}

#ctoptublink section ul>li:nth-child(2) {
    /* display: none; */
}

#ctoptublink section:not(.p3) ul>li>ul{
	margin: 0;
	list-style: none;
	width: 100%;
	height: inherit!important;
	background: none!important;
	padding: 11px 5px 3px;
	border-top: 2px #CCC dotted;
}

#ctoptublink section ul>li>ul>li:first-child{
	padding: 0!important;
	margin: 0 0 2px 0!important;
	width: 100%;
}


#ctoptublink section ul>li>ul>li:nth-child(n+2) {/*SP ONLY*/
    /* display: none; */
    width: initial;
    display: inline-grid;
}

#ctoptublink section ul>li>ul>li {
    width: 100%;
    margin: 0;
    border: none!important;
}

#ctoptublink section ul>li>ul>li>a {
    display: block;
    /* border: 1px #DDD solid; */
    padding: 0 3px 2px!important;
    display: block;
    /* border-radius: 5px; */
    /* background: #F5F5F5; */
    color: #333333;
    vertical-align: top;
    /* min-height: 35px; */
    margin: 0 6px;
    width: 100%!important;
    font-size: 1.0rem!important;
    /* line-height: 153%!important; */
    text-decoration: none!important;
    color: #414b7d!important;
    font-weight: normal;
    /* background: #EEE; */
    text-decoration: underline!important;
}

.mdc14 #ctoptublink section ul>li{ width:48%;}

#Container.mdc14 #ctoptublink section ul>li>ul{ background:none;}

.mdc14 #ctoptublink section ul>li:nth-child(3n-1) {
    margin: 0!important; 
}



/*******FOR 13*********/

#ctoptublink section ul#c_toptag13{
	text-align: left;
    width: 94%;
}

#ctoptublink section ul#c_toptag13 li{
	width: 48.5%!important;
	margin: 0 0 5px!important;
	padding: 0!important;
	border: 1px #DDD solid;
	display: inline-block;
	border-radius: 5px;
	background: #F5F5F5;
	font-size: 0.7em;
	color: #333333;
	vertical-align: top;
	text-align: left;
	display: inline-block;
	min-height: inherit;
}

#Container.mdc13 #ctoptublink a{
    margin: 0 3px 0 3px!important;
    padding: 3px!important;
    width: 100%;
    display: block;
    margin: 0 auto!important;
    padding:5px 0!important;
	min-height: inherit;
	max-height: inherit;
}

#ctoptublink ul#c_toptag13 li img{
    width: 85%!important;
    margin: 0 auto;
    height: auto;
}


/*****************************************/

div#agefrom{
	margin: 0 auto 10px;
	padding: 0;
	font-size:15px;
	width:100%;
	float:none;
	}
	
div#agefrom ul li{
	width: 21%;
    margin: 4px 2px;
}

div#agefrom ul li a{
	padding:18px 5px;
	font-size:13px;
}
.makersearch{
	width: 100%;
	margin: 10px auto 20px;
	}	

section.makersearch{
	width:100%;
	float:none;
}

.makersearch ul{
    width: 100%!important;
    margin: 0;
    padding: 0;
	}

.makersearch ul li {
	display: inline-block;
	width: 32%!important;
    margin: 13px 0px!important;
}



.makersearch ul li img{ width:100%;}

section>h2 {
	font-size: 16px;
    margin: 5px 5px 7px;
    padding: 2px 0 1px 6px;
    font-weight: normal;
    border-left: 5px #83ad1d solid;
}

#Container.mdc10 section>h2 { border-left: 5px #7b9c3d solid;}
#Container.mdc11 section>h2 { border-left: 5px #2e33cf  solid;}
#Container.mdc13 section>h2 { border-left: 5px #8c70b6 solid;}
#Container.mdc14 section>h2 { border-left: 5px #3652a2 solid;}
#Container.mdc15 section>h2 { border-left: 5px #2cafb0 solid;}


#main section> h2{ width:89%;}


/*EVENT BNR for SP*/
#inc_eventinfo_sp{ display:block;}
#inc_eventinfo_sp img {
    margin: 3px 0;
}

/*Rakuten Campaign Banner Head*/
div#rakuten_campaign {
    border-radius: 3px!important;
    width: 100%!important;
    height: 31px!important;
    margin-bottom: 5px!important;
}

div#rakuten_campaign p {
    margin: 0!important;
    padding: 11px 0 14px 56px!important;
    left: 5px!important;
    font-size: 1.2em!important;
    background-size: 19%!important;
}
/*Rakuten Campaign Banner Head*/



/*ASK for SP*/

#askttl{
	width: 100%;
	height: inherit;
	margin: 20px auto 0 auto;
	padding: 9px 0;
}

#askttl p {
    margin: 0 13px;
    font-size: 15px;
    line-height: 120%;
    padding: 0 0 0 10px;
}

#afterask{ font-size:13px; padding:0; }

#askcustom .floatbox{ 
    width: 100%;
    margin: 20px auto;
    display: block;
    float: none!important;
}

#askcustom dd {
    width: 93%;
    margin: 5px auto;
    padding: 0;
}

#askcustom .floatbox_wide {
    clear: both;
    width: 100%;
    margin: 20px auto;
}
#askcustom .floatbox_wide dd { width: 95%;}
#basicask{ width:93%!important;}
#basicask li{ font-size:12px;}
#goaskform{ font-size:22px; padding: 30px 0;}


/********** warehousing_toy*********************/

.r_web.warehousing .rc_topic {
    width: 29%;
    margin: 0 4px 10px;
    padding: 0!important;

}



/*********lelease DVD/ deadlineDVD *************/
.r_web.release .rc_topic, .r_web.deadline .rc_topic {
    width: 95%;
    display: inline-block;
    padding: 0 0 14px 0;
    margin: 5px auto;
    vertical-align: top;
    min-height: 89px;
  text-align: left;
}

.r_web.release .rc_topic img, .r_web.deadline .rc_topic img {
    width: 22%;
    }



/********** limited GAME*********************/

.r_web.limitedgame li.rc_topic {
    width: 93%;
    }

.r_web.limitedgame li.rc_topic img{
	margin: 0 8px 8px 0;
}



#inc_eventinfo #event_info #bnrspot li {
    width: 100%!important;
    margin: 3px auto!important;
}
#inc_eventinfo #event_info #rakuten_campaign{
    width: 100%!important;
}



/*HOBBY EMG*/
#ctoptublink section.p3 ul.emg li.headttl a {
    font-size: 12px!important;
}

#ctoptublink section.p3 ul.emg li.hobtxt {
width: 98%;
    border-bottom: 1px #CCC dotted!important;
    margin: 0 auto 14px!important;
    padding: 0 0 0;
    display: block;
}

#ctoptublink section.p3 ul.emg li.hobtxt a.series {
    width: 39%!important;
    }
    
#ctoptublink section.p3 ul.emg li.hobtxt ul {
    width: 52%;
    margin: 0 0 0 3%;
    border: none;
    }
    
/*HOBBY EMG*/



}



