@charset "shift-jis";

.mod-brandTopImage:after {content: "."; display: block; height: 0; clear:both; visibility: hidden;}
.mod-brandTopImage a:hover img {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}
.mod-brandTopImage .mod-brandTopImage-extra {float: right!important; width: 200px;}
.mod-brandTopImage .mod-brandTopImage-extra dl {width: 180px; height: 90px; border: 1px solid #ccc; float:right; margin: 0; text-align: center;}
.mod-brandTopImage .mod-brandTopImage-extra dl dt {border-bottom: 1px solid #ccc; padding: 5px;}
.mod-brandTopImage .mod-brandTopImage-extra dl dd {margin: 0;}
.mod-brandTopImage .mod-brandTopImage-extra dl dd a {background:url(/share3/images/mod-button/ico_01.png) no-repeat 0 50% ; padding: 0.5em 0 0.5em 10px; display: inline-block; *display:inline; *zoom: 1; font-size: 16px; line-height: 1.2; text-align:left;}
.mod-brandTopImage .mod-brandTopImage-extra dl dd span {display: block; line-height: 1.4;}
.mod-brandTopImage .top_news_link {margin-top: 10px; text-align: right;}

#lineup.mod-heading {margin-top: 0!important;}

.item_list {margin: 0 0 20px 0; padding: 0;}
.item_list li {width: 237px; margin-bottom: 30px; vertical-align: top;background: url(/walkman/images/bg_border.gif) no-repeat right top; position: relative;}
.item_list li a.item {display: block; zoom: 1; padding: 0 3px; }
.item_list li .img_sam img {vertical-align: top!important; display: block; margin: 0 auto;}
.item_list li .item_name {margin: 0 auto; text-align: center; position: relative; vertical-align:}
.item_list li .item_name h3 {font-size: 43px; line-height:43px; font-weight: bold; margin: 0 0 30px; text-decoration: none!important; vertical-align: top; position:relative; _width: 100%;}
.item_list li .item_name h3 span {font-size: 14px; line-height: 14px; margin: 0 .3em;}
.item_list li .item_name h3 em {width: 100%; font-size: 18px; line-height: 18px; font-style: normal; line-height: 1; position: absolute; top: 48px; left: 0; text-align:center; zoom: 1;}
.item_list li .item_name .tx { margin:0 0 10px; min-height: 42px; _height: 42px;}
.item_list li .item_name p {font-size: 14px; font-weight: bold; margin-bottom:0; letter-spacing: -0.05em;}
.item_list li .item_name p.adjust {padding-top: .5em;}
.item_list li .item_name p span {display:block; white-space:nowrap;}
.item_list a:hover p {color: #c41230 !important; text-decoration: underline !important; -webkit-transition: color 0.3s ease-in !important; -moz-transition: color 0.3s ease-in !important; -ms-transition: color 0.3s ease-in !important; -o-transition: color 0.3s ease-in !important; transition: color 0.3s ease-in !important;}
.item_list a:hover .item_name h3 {opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; text-decoration: none!important; -webkit-transition: color 0.3s ease-in !important; -moz-transition: color 0.3s ease-in !important; -ms-transition: color 0.3s ease-in !important; -o-transition: color 0.3s ease-in !important; transition: color 0.3s ease-in !important;}

ul.note {width: 100%; margin: 0; display: liet-item;}
ul.note li {width: auto!important; margin: 0; text-indent: -2em; padding-left: 2em; letter-spacing: normal; text-align: left;}

.item_list .item_01 .item_name h3 {color: #000;}
.item_list .item_02 .item_name h3 {color: #045d93;}
.item_list .item_03 .item_name h3 {color: #e2407d;}
.item_list .item_04 .item_name h3 {color: #70b92c;}
.item_list .item_05 .item_name h3 {color: #7c51a0;}
.item_list .item_06 .item_name h3,
.item_list .item_07 .item_name h3 {color: #f18c10;}
.item_list .item_06 .item_name h3 span,
.item_list .item_07 .item_name h3 span {font-size: 18px;}
.item_list .item_08 .item_name h3 {color: #0a3190; font-size: 30px; line-height: 30px; margin-bottom: 43px;}
.item_list .item_08 .item_name p {padding-bottom: 38px;}

.item_list li.item_01 a,
.item_list li.item_05 a{background: url(/walkman/images/bg_border.gif) no-repeat left top;}

.item_list .exhibition {margin-top: 1em; text-align: center;}
.item_list .exhibition a:hover{color: #c41230 !important; text-decoration: underline !important;}

.tag_list {text-align: center; margin: 0 auto 25px!important; height: 13px;}
.tag_list li {background: none; width: 1em!important; height: 13px; min-height: 13px; margin: 0; padding: 0 1px; border: none; vertical-align: top; font-size: 13px;line-height: 13px;}

.pick_list li {width: 215px; display: inline-block; *display: inline; *zoom: 1; margin: 0 30px 30px 0; vertical-align: top; text-align: left;}
.pick_list li h3 {font-size: 16px; font-weight: bold; margin: 0 0 5px; paddign: 0; white-space: nowrap;}
.pick_list li h3 .pc {display:inline!important;}
.pick_list li h3 span {font-size: 12px;}
.pick_list li p {color: #666; letter-spacing: -.05em; margin: 0;}
.pick_list li.mr0 {margin-right: 0;}
.pick_list li.pick08 h3 {letter-spacing: -0.05em;}
.pick_list li a:hover h3,
.pick_list li a:hover p {color: #c41230 !important; text-decoration: underline !important;}


.other_list li {width: 215px; display: inline-block; *display: inline; *zoom: 1; margin: 0 30px 30px 0; vertical-align: top;}
.other_list li h3 {font-size: 16px; font-weight: bold; margin: 0 0 5px; paddign: 0; text-align: left;}
.other_list li p {text-align: left; margin-bottom: 25px;}
.other_list li a:hover h3,
.other_list li a:hover p {color: #c41230 !important; text-decoration: underline !important;}

.icon_hires {top: 18px; left: 10px;}

@media (max-width:640px){

.mod-brandTopImage { padding: 0 10px;}
.mod-brandTopImage img{width: 100%; height: auto!important;}
.mod-brandTopImage .mod-brandTopImage-main {float:none;}
.mod-brandTopImage .mod-brandTopImage-main img { margin-bottom: 10px;}
.mod-brandTopImage .mod-brandTopImage-extra {width: 100%; height: auto!important; float:none!important; clear: both; margin-top: 3px;}
.mod-brandTopImage .top_news_link {margin-top: 0;}
.mod-brandTopImage .mod-heading {margin-top: 30px !important;}

.item_list li .img_sam img {width: 95%; max-width: 230px;}
.item_list li .item_name h3 {font-size: 20px!important; line-height: 1.4!important; color: #43677e!important; margin-bottom: 10px;}
.item_list li .item_name h3 span {font-size: 16px!important;}
.item_list li .item_name h3 em {position:relative; top: 0; font-size: 16px; line-height: 1;}
.item_list li .item_name .tx { margin:0 0 10px; min-height: 1em;}
.item_list li .item_name p { padding: 0!important; color: #43677e!important; letter-spacing: normal;}
.item_list li .item_name p.adjust {margin-top: 0;}
.item_list li a:hover .item_name h3 {opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; text-decoration: underline!important;}
.item_list .item_08 .item_name h3 {font-size: 20px; line-height: 1.4; margin-bottom: 10px;}
.tag_list li {border: none; padding: 0;}
.pick_list li h3 {white-space: normal;}
.pick_list li h3 .pc {display:none!important;}
.pick_list li p {letter-spacing: normal;}
.pick_list li.pick08 h3 {letter-spacing: normal;}
.other_list li .img_sam {min-height:110px;}

.icon_hires {top: 18px; left: 15%;}
}