@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------
【main】(メインコンテンツ)
----------------------------------------------------------------*/
/*-- タイトル --*/
#main h2.ttl { background: url(../../images/item/bg_ttl.png) repeat-y center top; color: #fff; line-height: 1.6; margin: 0 0 18px 0; padding: 8px 30px 7px;}
#main h3.ttl { border-left: 8px solid #333; margin: 0 0 16px 0; padding: 5px 0 5px 8px;}

/* 【絞り込み検索】
--------------------------------------*/
#search { padding: 0 0 40px 0;}
/*-- タイトルテキスト --*/
#search .ttl_txt { color: #333; font-size: 12px; font-weight: bold; line-height: 1.4; text-align: center; transition: 0.3s ease-in-out;}
#search a:hover .ttl_txt { color: #c5101e;}

/*-- ページャー --*/
.nav_box { margin-bottom: 30px;}
.nav_box .page_nav { float: left; }
.nav_box .page_nav ul li { float: left; font-size: 14px; font-weight: bold; border: solid 3px #333333; padding: 12px 14px; margin: 0 2px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); }
.nav_box .page_nav ul li.active { float: left; font-size: 14px; font-weight: bold; border: solid 3px #333333; padding: 12px 14px; margin: 0 6px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); background: #333333; color: #fff; }
.nav_box .page_nav ul li:hover { background: #333333; color: #fff; }
.nav_box .page_nav a { color: #333333; }
.nav_box .page_nav a:hover { color: #fff; }
.nav_box .page_nav a:visited { color: #333333; }

/*------------------------------
 キャラクターから探す
------------------------------*/
/*------ タイトルロゴ ------*/
#search .search_character_logo_list { font-size: 0;}
#search .search_character_logo_list li { display: inline-block; margin: 0 22px 10px 0; vertical-align: top; width: 168px;}
#search .search_character_logo_list li:nth-child(5n) { margin-right: 0;}
#search .search_character_logo_list li dt { align-items: center; display: flex; border: 4px solid #e3e3e3; border-radius: 4px; box-shadow: 0 2px 0 0 rgba(197,197,197,1); box-sizing: border-box; height: 168px; text-align: center; transition: 0.3s ease-in-out; width: 168px;}
#search .search_character_logo_list li a:hover dt { border: 4px solid #c5101e;}
#search .search_character_logo_list li img { margin: 0 auto; transition: 0.3s ease-in-out;}
#search .search_character_logo_list li a:hover img { opacity: 0.7; filter: alpha(opacity=70);}
#search .search_character_logo_list .ttl_txt { margin: 10px 0 0 0;}
/*-- 全てを見るボタン --*/
#search .search_character_logo_list .btn-all a .on { background-image: url(../../images/squeeze/btn-all.png); background-position: 0 170px; display: block; height: 170px; width: 168px;}
#search .search_character_logo_list .btn-all a .off { background-image: url(../../images/squeeze/btn-all.png); background-position: 0 0; display: block; height: 170px; opacity: 1; transition: opacity 0.3s ease-in; width: 168px;}
#search .search_character_logo_list .btn-all a { border: none !important; box-shadow: none; display: block; height: 170px; width: 168px;}
#search .search_character_logo_list .btn-all a:hover .off { opacity: 0;}

/*------ テキストタイトル ------*/
#search .search_character_txt_list { border-collapse: separate; border-spacing: 10px 10px; display: table; margin: 30px 0 64px;}
#search .search_character_txt_list .txt_list_row { display: table-row;}
#search .search_character_txt_list a { background:url(../../images/squeeze/search_arrow.png)no-repeat 194px center; display: table-cell; border: 1px solid #dcdcdc; border-radius: 3px; padding: 5px 28px; word-break: break-all; transition: 0.3s ease-in-out; vertical-align: middle; width: 218px;}
#search .search_character_txt_list a:hover { background:url(../../images/squeeze/search_arrow_on.png)no-repeat 194px center; border: 1px solid #c5101e; color: #c5101e;}


/*------------------------------
 カテゴリーから探す
------------------------------*/
#search .search_category { margin: 0 0 40px 0;}
#search .search_category_list { font-size: 0;}
#search .search_category_list li { display: inline-block; margin: 0 20px 10px 0; vertical-align: bottom;}
#search .search_category_list li:nth-child(even) { margin-right: 0;}
/*-- フィギュアボタン --*/
#search .search_category_list .btn-figure a .on { background-image: url(../../images/squeeze/btn-figure.png); background-position: 0 78px; display: block; height: 78px; width: 455px;}
#search .search_category_list .btn-figure a .off { background-image: url(../../images/squeeze/btn-figure.png); background-position: 0 0; display: block; height: 78px; opacity: 1; transition: opacity 0.3s ease-in; width: 455px;}
#search .search_category_list .btn-figure a { border: none !important; box-shadow: none; display: block; height: 78px; width: 455px;}
#search .search_category_list .btn-figure a:hover .off { opacity: 0;}
/*-- アクションフィギュアボタン --*/
#search .search_category_list .btn-actionfigure a .on { background-image: url(../../images/squeeze/btn-actionfigure.png); background-position: 0 75px; display: block; height: 75px; width: 455px;}
#search .search_category_list .btn-actionfigure a .off { background-image: url(../../images/squeeze/btn-actionfigure.png); background-position: 0 0; display: block; height: 75px; opacity: 1; transition: opacity 0.3s ease-in; width: 455px;}
#search .search_category_list .btn-actionfigure a { border: none !important; box-shadow: none; display: block; height: 75px; width: 455px;}
#search .search_category_list .btn-actionfigure a:hover .off { opacity: 0;}
/*-- ガールズホビーボタン --*/
#search .search_category_list .btn-girlshobby a .on { background-image: url(../../images/squeeze/btn-girlshobby.png); background-position: 0 74px; display: block; height: 74px; width: 455px;}
#search .search_category_list .btn-girlshobby a .off { background-image: url(../../images/squeeze/btn-girlshobby.png); background-position: 0 0; display: block; height: 74px; opacity: 1; transition: opacity 0.3s ease-in; width: 455px;}
#search .search_category_list .btn-girlshobby a { border: none !important; box-shadow: none; display: block; height: 74px; width: 455px;}
#search .search_category_list .btn-girlshobby a:hover .off { opacity: 0;}
/*-- グッズボタン --*/
#search .search_category_list .btn-goods a .on { background-image: url(../../images/squeeze/btn-goods.png); background-position: 0 76px; display: block; height: 76px; width: 455px;}
#search .search_category_list .btn-goods a .off { background-image: url(../../images/squeeze/btn-goods.png); background-position: 0 0; display: block; height: 76px; opacity: 1; transition: opacity 0.3s ease-in; width: 455px;}
#search .search_category_list .btn-goods a { border: none !important; box-shadow: none; display: block; height: 76px; width: 455px;}
#search .search_category_list .btn-goods a:hover .off { opacity: 0;}

/*------------------------------
 カテゴリーから探す 下層
------------------------------*/
.search_result-category, .search_result-category_brand { margin: 0 0 98px 0;}
/*------ パンくず ------*/
.search_breadcrumb { margin: 0 0 14px 0;}
.search_breadcrumb ul { font-size: 0;}
.search_breadcrumb li { color: #333; display: inline-block; font-size: 12px; line-height: 1.4; margin: 0 6px 0 0; vertical-align: top;}
.search_breadcrumb li a { border: 1px solid #dcdcdc; border-radius: 2px; color: #333; padding: 2px 15px 1px; transition: 0.3s ease-in-out;}
.search_breadcrumb li a:hover { color: #c5101e; border: 1px solid #c5101e;}
.search_breadcrumb li:first-child:before { content: ''; font-size: 0; margin: 0;}
.search_breadcrumb li:before { content: '\003e'; font-size: 13px; line-height: 1.4px; margin: 0 4px 0 0;}

/*------ カテゴリロゴ ------*/
#search .search_category_logo_list { font-size: 0;}
#search .search_category_logo_list li { display: inline-block; margin: 0 32px 32px 0; vertical-align: top; width: 160px;}
#search .search_category_logo_list li:nth-child(5n) { margin-right: 0;}
#search .search_category_logo_list li dt { align-items: center; display: flex; border: 1px solid #e3e3e3; border-radius: 3px; box-shadow: 0 2px 0 0 rgba(197,197,197,1); box-sizing: border-box; height: 160px; text-align: center; transition: 0.3s ease-in-out; width: 160px;}
#search .search_category_logo_list li a:hover dt { border: 1px solid #c5101e;}
#search .search_category_logo_list li img { margin: 0 auto; transition: 0.3s ease-in-out;}
#search .search_category_logo_list li a:hover img { opacity: 0.7; filter: alpha(opacity=70);}
#search .search_category_logo_list .ttl_txt { margin: 10px 0 0 0;}
/*-- 全てを見るボタン --*/
#search .search_category_logo_list .btn-all a .on { background-image: url(../../images/squeeze/btn-all02.png); background-position: 0 162px; display: block; height: 162px; width: 160px;}
#search .search_category_logo_list .btn-all a .off { background-image: url(../../images/squeeze/btn-all02.png); background-position: 0 0; display: block; height: 162px; opacity: 1; transition: opacity 0.3s ease-in; width: 160px;}
#search .search_category_logo_list .btn-all a { border: none !important; box-shadow: none; display: block; height: 162px; width: 160px;}
#search .search_category_logo_list .btn-all a:hover .off { opacity: 0;}

/*-- カテゴリーリスト --*/
#category_list { margin-bottom: 30px;}
#category_list ul li.products a { color: #333333; }
#category_list ul li.products { width: 427px; float: left; font-size: 14px; border: solid 1px #dcdcdc; padding: 12px 14px; margin-right: 16px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); margin-bottom: 16px; }
#category_list ul li.products:nth-child(2n) { margin-right: 0; }
#category_list ul li.products:last-child { margin-bottom: 0; }
#category_list ul li.products:nth-last-child(2) { margin-bottom: 0; }
#category_list ul li.products img { display: block; }
#category_list ul li.products dt { width: 150px; float:left; border: solid 5px #e3e3e3; margin-right: 10px; transition: 0.3s ease-in-out; }
#category_list ul li.products dt img.thumb { height: 150px; width: 150px;}
#category_list ul li.products dl:hover dt { border: solid 5px #c5101e; }
#category_list ul li.products dl:hover dd.p_name { color: #c5101e; }
#category_list ul li.products dd { margin-left: 170px; }
#category_list ul li.products dd.icon{ padding-bottom: 4px; }
#category_list ul li.products dd.p_name{ font-size: 16px; font-weight: bold; line-height: 22px; padding-bottom: 12px; border-bottom: dotted 1px #7f7f7f; }
#category_list ul li.products dd.release{ padding-top: 12px; line-height: 20px; }
#category_list ul li.products dd.price{ line-height: 20px; }
#category_list ul li.products dd.release span,.price span{ font-weight: bold; }
