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

/*--------------------------------------------------------------
【main】(メインコンテンツ)
----------------------------------------------------------------*/
/*-- タイトル --*/
#main .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 .bnr_list a img { transition: 0.3s ease-in-out;}
#main .bnr_list a:hover img { opacity: 0.7; filter: alpha(opacity=70);}


/* 【ブランド】
--------------------------------------*/
#bland { border: 1px solid #e0e0e0; margin: 0 0 15px 0; padding: 15px;}
#bland .bland_logo { float: left; font-size: 0; margin: 0 10px 0 0; padding: 0;}
#bland .bland_ttl { font-size: 16px; font-weight: bold; line-height: 1.5; padding: 0;}
#bland p { font-size: 13px; line-height: 1.4;}


.item_wrap { padding-bottom: 20px; }

/* 【商品】
--------------------------------------*/
#item { padding: 0 0 40px 0;}
#item .item_main { align-items: center; display: flex; float: left; font-size: 0; justify-content: center; width: 460px; height: 460px; background-color: #F2F6F9; border: solid 1px #e3e3e3; }
#item .item_main img { max-width: 460px; max-height: 460px; display: block; margin: 0 auto; }
#item .item_thumb { float: right; font-size: 0; width: 456px;}
#item .item_thumb li { align-items: center; display: flex; float: left; cursor: pointer; justify-content: center; margin: 0 12px 13.3px 0; width: 103px; height: 103px; background-color: #F2F6F9; border: solid 1px #e3e3e3;  text-align: center; }
#item .item_thumb li:nth-child(4n) { margin-right: 0;}
#item .item_thumb li img { max-width: 103px; max-height: 103px; }
#item .item_thumb li:hover img { border: 5px solid #c5101e; box-sizing: border-box;}
#cboxOverlay { background: rgba(0, 0, 0, 0.6);}

/*---------- sns ----------*/
#item .item_sns { font-size: 0; margin: 0 0 13px 0;}
#item .item_sns li { display: inline-block; margin: 0 8px 0 0; vertical-align: top;}
/*-------- 商品情報 --------*/
#item .item_detail { border-top: 1px dotted #7f7f7f; border-bottom: 1px dotted #7f7f7f; margin: 0 0 12px 0; padding: 15px 0;}
/*-- 希望小売価格/発売日 --*/
#item .item_detail dl { align-items: center; display: flex; float: left;}
#item .item_detail dt { font-size: 0; margin: 0 8px 0 0;}
#item .item_detail dd { margin: 0 30px 0 0;}
#item .item_detail .item_language { float: right;}
#item .item_detail .item_language li { display: inline-block;}
/*-- 日本語ボタン --*/
#item .item_detail .item_language .language_japan a .on, #item .item_detail .item_language .language_japan.current span { background-image: url(../../images/item/btn-japan.png); background-position: 0 30px; display: block; height: 30px; width: 67px;}
#item .item_detail .item_language .language_japan a .off { background-image: url(../../images/item/btn-japan.png); background-position: 0 0; display: block; height: 30px; opacity: 1; transition: opacity 0.3s ease-in; width: 67px;}
#item .item_detail .item_language .language_japan a { display: block; height: 30px; width: 67px;}
#item .item_detail .item_language .language_japan a:hover .off { opacity: 0;}
/*-- Englishボタン --*/
#item .item_detail .item_language .language_english a .on, #item .item_detail .item_language .language_japan.english span { background-image: url(../../images/item/btn-english.png); background-position: 0 30px; display: block; height: 30px; width: 87px;}
#item .item_detail .item_language .language_english a .off { background-image: url(../../images/item/btn-english.png); background-position: 0 0; display: block; height: 30px; opacity: 1; transition: opacity 0.3s ease-in; width: 87px;}
#item .item_detail .item_language .language_english a { display: block; height: 30px; width: 87px;}
#item .item_detail .item_language .language_english a:hover .off { opacity: 0;}
/*-- 簡体中文ボタン --*/
#item .item_detail .item_language .language_china a .on, #item .item_detail .item_language .language_china.current span { background-image: url(../../images/item/btn-china.png); background-position: 0 30px; display: block; height: 30px; width: 87px;}
#item .item_detail .item_language .language_china a .off { background-image: url(../../images/item/btn-china.png); background-position: 0 0; display: block; height: 30px; opacity: 1; transition: opacity 0.3s ease-in; width: 87px;}
#item .item_detail .item_language .language_china a { display: block; height: 30px; width: 87px;}
#item .item_detail .item_language .language_china a:hover .off { opacity: 0;}
/*---- 商品情報(テキスト) ----*/
#item .item_txt, #item .item_copy { font-size: 14px; line-height: 1.5; margin: 0 0 14px 0;}
#item .item_txt strong { display: block; font-size: 17px; font-weight: bold; line-height: 2;}
/*------ バナーリスト ------*/
#item .item_bnr_list { background: #f2f6f9; border: 1px solid #e0e0e0; font-size: 0; margin: 0 0 14px 0; padding: 20px;}
#item .item_bnr_list .item_bnr_small { margin: 0 auto; width: 868px;}
#item .item_bnr_list .item_bnr_small li { display: inline-block; margin: 0 14px 14px 0; vertical-align: top;}
#item .item_bnr_list .item_bnr_large { margin: 0 auto 14px; width: 868px;}
/*---------- 注釈 ----------*/
#item .item_caution { font-size: 12px; line-height: 1.6;}


ul#bnr_space li { float: left; padding-right: 10px; }
ul#bnr_space li:last-child { padding-right: 0; }

/* 【関連商品】
--------------------------------------*/
/*-- 関連商品リスト枠 --*/
#related-products { padding: 0 0 40px 0;}
#related-products .related-products_list { font-size: 0;}
#related-products .related-products_list li { display: inline-block; margin: 0 32px 20px 0; vertical-align: top; width: 160px;}
#related-products .related-products_list li:nth-child(5n) { margin-right: 0;}
#related-products .related-products_list li:nth-child(n+6) { margin-bottom: 0;}
/*-- サムネイル --*/
#related-products .related-products_list dt { border: 5px solid #e3e3e3; box-sizing: border-box; display: block; height: 160px; transition: 0.3s ease-in-out; width: 160px;}
#related-products .related-products_list li:hover dt { border: 5px solid #c5101e;}
#related-products .related-products_list dt img { display: block; height: 150px; transition: 0.3s ease-in-out; width: 150px;}
#related-products .related-products_list li:hover dt img { opacity: 0.7; filter: alpha(opacity=70);}
/*-- 商品名 --*/
#related-products .related-products_list dd { color: #333; font-size: 13px; line-height: 1.4; margin: 7px 0 0 0;}
#related-products .related-products_list li:hover dd { color: #c5101e; text-decoration: underline;}


/* 【メガホビ関連サイト】
--------------------------------------*/
/*-- バナーリスト --*/
#related-site .related-site_list { font-size: 0;}
#related-site .related-site_list li { display: inline-block; margin: 0 15px 0 0; vertical-align: top;}
#related-site .related-site_list li:nth-child(3n) { margin-right: 0;}