/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.2
build: 56
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.2
build: 56
10px = 77%		11px = 85%
12px = 93%		13px = 100%
14px = 108%		15px = 116%
16px = 123.1%
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*////////////////////////////////
 clearfix
////////////////////////////////*/

.clearfix:after {
  content: "";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*////////////////////////////////
 clear IE6バグ回避用
////////////////////////////////*/

.clear {
	clear:both;
	height:0;
	font-size:0;
	overflow:hidden;
}

* {
	color:#333333;
	padding:0;
	font-size: 13px;
	line-height: 140%;
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,sans-serif;
    font-feature-settings: "palt";
	background-image: none;
}

body{
	background-color:#ECECEC;
	overflow-y:scroll;
}

a{
	color:#0492E5;
}

/*-------------
	header
---------------*/

#header{
	background-color: #434343;
	width:100%;
    padding: 3.6vw;
    box-sizing: border-box;
}

#header>div{
	width:100%;
	margin:0 auto;
	position:relative;
}

#header .title,
#header .search,
#header .sbm{
	float:none;
}

#header .title{
	width:170px;
	margin-bottom:10px;
}

#header .title h1{
	width:83px;
	height:17px;
	margin-bottom:5px;
	text-indent:-9999px;
	overflow:hidden;
}

#header .title h1 a{
	display:block;
	background: url(../img/h1.gif);
	width:83px;
	height:17px;
	background-size: cover;
}

#header .title h2{
	font-size:77%;
	color:#FFFFFF;
}

#header .search{
	width:100%;
	box-sizing:border-box;
	position:relative;
	padding-left:8px;
}

#header .search:before{
	content:"";
	background: url(../img/input_bg_l.gif) no-repeat 0 0;
	position:absolute;
	width:8px;
	height:37px;
	display:block;
	left:0;
	top:0;
}

#header .search div{
	background: url(../img/input_bg.gif)  repeat-x 0 0;
	position:relative;
	min-height:37px;
}

#header .search div .label{
	width:90px;
	overflow:hidden;
	padding:10px 0 12px 20px;
	font-size:87%;
	float:left;
	position:relative;
	cursor:pointer;
	border-right:1px solid  #B8B8B8;
	line-height:135%;
	opacity:0;
}

#header .search div .label:after{
	content:"";
	background: url(../img/input_arrow.gif)  repeat-x 0 0;
	display:block;
	position:absolute;
	width:9px;
	height:5px;
	right:10px;
	top:50%;
	margin-top:-2.5px;
}

#header .search div .amazon{
	background: url(../img/icn/amazon.png)  no-repeat center left;
}

#header .search div .yahoo_a{
	background: url(../img/icn/yahoo.png)  no-repeat center left;
}

#header .search div .yahoo_s{
	background: url(../img/icn/yahoo.png)  no-repeat center left;
}

#header .search div .rakuten{
	background: url(../img/icn/rakuten.png)  no-repeat center left;
}

#header .search div .amiami{
	background: url(../img/icn/amiami.png)  no-repeat center left;
}

#header .search div .seven_net{
	background: url(../img/icn/seven_net.png)  no-repeat center left;
}

#header .search div .suruga{
	background: url(../img/icn/suruga.png)  no-repeat center left;
}

#header .search div .hobby_search{
	background: url(../img/icn/hobby_search.png)  no-repeat center left;
}


#header .search .search_type{
	display:none;
	position:absolute;
	top:59px;
    padding:0 7px 0 7px;
    margin-left: -7px;
	background-color:#FFFFFF;
	z-index:1000;
	border:1px solid #B8B8B8;
	border-radius:0 0 5px 5px;
}

#header .search .search_type li{
	width:112px;
	overflow:hidden;
	padding:10px 0 8px 20px;
	font-size:108%;
	position:relative;
	cursor:pointer;
	line-height:135%;
	background: url(../img/icn/amazon.png)  no-repeat center left;
	background-color:#FFFFFF;
}

#header .search .search_type .amazon{
	background: url(../img/icn/amazon.png)  no-repeat center left;
}

#header .search .search_type .yahoo_a{
	background: url(../img/icn/yahoo.png)  no-repeat center left;
}

#header .search .search_type .yahoo_s{
	background: url(../img/icn/yahoo.png)  no-repeat center left;
}

#header .search .search_type .rakuten{
	background: url(../img/icn/rakuten.png)  no-repeat center left;
}

#header .search .search_type .amiami{
	background: url(../img/icn/amiami.png)  no-repeat center left;
}

#header .search .search_type .seven_net{
	background: url(../img/icn/seven_net.png)  no-repeat center left;
}

#header .search .search_type .suruga{
	background: url(../img/icn/suruga.png)  no-repeat center left;
}

#header .search .search_type .hobby_search{
	background: url(../img/icn/hobby_search.png)  no-repeat center left;
}

#header .search div input[type="text"]{
	border:none;
	height:100%;
	font-size:108%;
	color:#333333;
	width:calc( 92.8vw - 208px );
	padding:10px 10px 10px 10px;
	background: url(../img/input_bg.gif)  repeat-x 0 0;
}

#header .search div input[type="submit"]{
	position:absolute;
	border:none;
	background: url(../img/submit.gif)  no-repeat 0 0;
	width:69px;
	height:37px;
	right:0;
	top:0;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
}

#header .sbm{
	display:none;
}


#header .info{
	margin-left:0;
}

#header .info p:first-child{
	color:#D0D0D0;
	font-size:77%;
	text-align:left;
}

#header .info p{
	text-align:right;
	margin-right:0;
}

#header .info a{
	color:#00B0FF;
	font-size:93%;
	text-decoration:underline;
}

#header .info .mobile{
	display:block !important;
	position:absolute;
	top:0;
	right:0;
}

/*-------------
	genre
---------------*/

#genre{
	background-color:#FFFFFF;
	padding:10px 0 0 0;
}

#genre>div{
	width:100%;
	margin:0 auto;
	position:relative;
}

#genre li{
	float:left;
	width:calc( 100vw / 3 );
	text-align:center;
	background: url(../img/blank.gif);
	padding-bottom:10px;
	opacity:0;
}

#genre li a{
	text-decoration: none;
	color:#00B1FF;
	font-size:93%;
	font-weight:bold;
	width:calc( 100vw / 3 );
	display:block;
	padding:5px 0 5px 0;
}

#genre li.select{
	border-bottom:3px solid #60C4FF;
}

#genre li.select a{
	color:#363636;
}

#genre li a:hover{
	text-decoration: none;
	color:#00B1FF;
}

#genre .campaign{
	display:none;
}


/*-------------
	contents
---------------*/
#option{
	width:100%;
	margin:0 auto;
	padding:20px 3.6vw 20px 3.6vw;
	box-sizing:border-box;
}

#option li{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

#option li.series,
#option li.maker,
#option li.medium{
	display:none !important;
}

#option li select{
	border-radius:5px;
	padding:5px 5px 5px 10px;
}

/*-------------
	contents
---------------*/

#contents {
	width:100%;
	margin:10px auto 0 auto;
	z-index:1;
	position:relative;
	padding:0 3.6vw 0 3.6vw;
	box-sizing:border-box;
}

#contents ul li h4 a{
	color:#0492E5;
	text-decoration:none;
	font-size:116%;
	font-weight:bold;
}

#contents ul li h4 a:hover{
	text-decoration:underline;
}

#contents .rss h3{
	border-left-color:#802C22;
	margin-top:40px;
	margin-bottom:20px;
	font-size:116%;
}

#contents .rss h4 {
	border-left-color:#802C22;
	margin-left:20px;
	color:#333333;
}

#contents .rss p {
	margin:0 0 30px 30px;
}

#contents .rss p a{
	color:#0492E5;
}

#contents .rss p a:hover{
	text-decoration:underline;
}

#contents ul {
	margin-left: 30px;
	list-style-type: none;
}
#contents li a {
	font-size: 12px;
}


#contents .content {
	padding:0px;
}

#contents .content p a {
	line-height: 20px;
}

#contents .content .center{
	width:305px;
	margin:50px auto 0 auto;
}

.content {
	width:100%;
}

.content>div{
	margin-bottom:0px;
}

.product {
	width:305px;
	position:relative;
	margin:0 auto 20px auto;
	background-color: #FFFFFF;
    box-shadow: 3px 3px 3px rgba(61, 80, 81, 0.15);
    border: 1px solid #DDDDDD;
    border-radius: 4px;
}

.product:last-child,
.content>div .mr{
}

.product .top{
	padding-top:15px;
}

.product .btm{
	padding-bottom:41px;
}

.product .img{
	width:268px;
	height:187px;
	margin:0 auto;
	background-color: #FFFFFF;
	border:1px solid #DDDDDD;
	overflow:hidden;
}

.product .img a{
	display:block;
	height:189px;
}

.product .img img{
	display:block;
	margin:0 auto;

}

.product .title{
	display:block;
	width:230px;
	margin:10px auto 10px auto;
	margin: 10px 0 10px 40px\9;
	overflow:hidden;
	font-weight:bold;
	line-height:155%;
}

.product .title a{
	color: #333333;
	text-decoration: none;
}

.product .title a:hover{
	color:#0492E5;
	text-decoration:underline;
}


.product .maker,
.product .date{
	display:none;
}

.single .product .maker,
.single  .date{
	display:block;
}


.product .disp_price,
.product .ori_price,
.product .rate,
.product .maker,
.product .date{
	margin-left:37.5px;
	line-height:160%;
}

.product .disp_price span,
.product .ori_price span,
.product .rate span,
.product .maker span,
.product .date span{
	width:65px;
	display:inline-block;
}

.product .maker{
	width:235px;
}

.product .single{
	text-align:center;
    position: absolute;
    bottom: 5px;
    width: 100%;
}

.product .single a{
	color:#0492E5;
	font-weight:bold;
    width: 100%;
    display: inline-block;
    padding: 7px 0 7px 0;
}

.product .disp_price{
	font-size: 116%;
}

.product .rate{
	font-size: 116%;
	margin-bottom:10px;
}

.center .product .rate{
	margin-bottom:84px;
}

.product .disp_price .red{
	font-size: 116%;
	color: #FF0000;
	width:auto;
}

.product .rate .red{
	font-size: 116%;
	font-weight:bold;
	color: #FF0000;
	width:auto;
}

.product .ori_price .linethrough{
	text-decoration: line-through;
	width:auto;
}

.product .check{
	border:3px solid #FFFF00;
	background-color:#FFFF00;
	width:50px;
	padding:5px;
	font-size:93%;
	position:absolute;
	top: 16px;
    left: 19px;
	text-align:center;
}

.product .previous{
	padding:5px;
	font-size:93%;
	position:absolute;
	top:20px;
	right:22px;
	text-align:center;
}


#next{
	display:none;
}

.info {
	margin-left:0px;
	margin-top:3px;
}

.releasenote{
	margin-left:20px;
}

.releasenote{
	margin-left:20px;
}

.releasenote li span:first-child{

}

.releasenote li span{

}

.releasenote li{
	display:flex;
	margin-bottom:20px;
}



.caution{
	display:none;
}

ul.caution{
	display:block;
}

ul.caution li{
	margin-left:20px;
	list-style-type: square;
	list-style-position:outside;
}

address{
	padding:20px 0 20px 0;
}

address p{
	text-align:center;
}

#contents ul.social{
    bottom: 13px;
    position: absolute;
    left: 50%;
    margin-left: -115px;
	text-align:center;
	width:230px;
}

.hb,
.tw{
	width:50px;
	float:left;
	margin-right:10px;
}

.hb{
	width:65px;
}

#contents .tw a,
#contents .hb a{
	display:block;
	float:left;
	margin-right: 5px;
}

#contents .hbc{
	margin-top:5px;
}

#contents .twc{
	margin-top:2px;
}

#contents .lightbox{
	display:none;
}

#contents .lightbox li{
	border:1px solid #DDDDDD;
	float:left;
	height:52px;
	width:52px;
}

#contents .lightbox li img{
	height:52px;
	width:52px;
}

#contents .banner{
	margin:10px 0 10px 20px;
}

#contents .banner p{
	margin-bottom:20px;
}

#contents .banner textarea{
	width:100%;
	height:60px;
}

#contents .marchant{
	width:100%;
	margin:60px auto 0 auto;
	border:1px solid #333333;
}

#contents .marchant th{
	background-color:#CCCCCC;
	border:1px solid #333333;
}

#contents .marchant th,
#contents .marchant td{
	padding:5px;
}

#contents .marchant td{
	color:#000000;
}

#contents .marchant .price{
	font-size:123.1%;
	font-weight:bold;
	color:#990000;
}
#contents .marchant a{
	color:#0492E5;
}

#contents .marchant .header,
#contents .marchant .price{
	border-left:1px solid #333333;
}

#contents .marchant .border{
	border-top:1px solid #333333;
}


#side_menu_r,
#side_menu_r_t{
	position:fixed;
	display:block;
	padding:5px;
	width:100px;
	background-color:#222222;
	right:0;
	bottom:0;
	top:auto;
	left:auto;
	z-index:2;
}

#side_menu_r .num{
	color:#FFFFFF;
	font-size:77%;
	text-align:center;
	padding-top:3px;
}

#side_menu_r p a{
	color:#0492E5;
	font-size:77%;
	font-weight:bold;
}

#side_menu_l{
	display:none;
}

#side_menu_r .info{
	margin:10px 0 0 35px;
	font-size:100%;
}

#side_menu_r .tab{
	margin:0 auto;
	width:180px;
}

#side_menu_r .tab li{
	float:left;
	width:90px;
}

#side_menu_r .tab li a{
	background:url(../img/menu.gif) no-repeat 0 0;
	width:90px;
	height:26px;
	display:block;
	text-align:center;
	font-size:77%;
	padding-top:6px;
	text-decoration: none;
	color:#333333;
}

#side_menu_r .tab .select a,
#side_menu_r .tab li a:hover{
	background:url(../img/menu.gif) no-repeat -90px 0;
	font-weight:bold;
}

#side_menu_r #side_content_r,
#side_menu_l #side_content_l{
	border-bottom: 1px solid #868686;
	border-left: 1px solid #868686;
	border-right: 1px solid #868686;
	width:180px;
	background-color:#FFFFFF;
}

#side_menu_l #side_content_l{
	height:275px;
	overflow:hidden;
}

#side_menu_r #side_content_r p,
#side_menu_l #side_content_l p{
	font-size:77%;
}

#side_menu_r #side_content_r ul,
#side_menu_l #side_content_l ul{
	padding:5px;
}

#side_menu_l #side_content_l ul{
	bottom:1px;
}

#side_menu_r #side_content_r li,
#side_menu_l #side_content_l li{
	border-bottom: 1px solid #868686;
	padding:5px 0 5px 0;
	height:80px;
}

#side_menu_r #side_content_r .img,
#side_menu_l #side_content_l .img{
	border:1px solid #333333;
	width:75px;
	height:75px;
	float:left;
}

#side_menu_r #side_content_r .img img,
#side_menu_l #side_content_l .img img{
	display: block;
}

#side_menu_r #side_content_r .right,
#side_menu_l #side_content_l .right{
	float:right;
	width:88px;
}

#side_menu_r #side_content_r .title,
#side_menu_l #side_content_l .title{
	height:42px;
	margin-bottom:7px;
	overflow:hidden;
}
#side_menu_r #side_content_r .rate span,
#side_menu_l #side_content_l .rate span{
	color: #FF0000;
	font-size:117%;
}

#side_menu_r #side_content_r .title a,
#side_menu_l #side_content_l .title a{
	color: #333333;
	text-decoration: none;
	width:88px;
	font-size:100%;
}

#side_menu_r #side_content_r .title a:hover,
#side_menu_l #side_content_l .title a:hover{
	color:#0492E5;
	text-decoration:underline;
}

#side_menu_r #cat_setting{
	text-align:left;
	border-bottom:1px #BBBBBB solid;
	padding-bottom:3px;
	height:20px;
	overflow:hidden;
	position:relative;
}

#side_menu_r #cat_setting li{
	color:#FFFFFF;
	padding:0 5px 0 5px;
	position:relative;
	margin-bottom:8px;
	display: flex;
    align-items: center;
}

#side_menu_r #cat_setting li:first-child{
	display:block;
}

#side_menu_r #cat_setting li input{
	margin-right:10px;
}

#side_menu_r #cat_setting li span{
	color: #FFFFFF;
    line-height: 155%;
    font-size: 77%;
    width: calc( 100% - 26px );
    display: inline-block;
}

#side_menu_r #cat_setting li a{
	color:#0492E5;
	font-size:77%;
	font-weight:bold;
}


#side_menu_l{
	position:absolute;
	left:23px;
	top:220px;
	width:180px;
}

#side_menu_l .tab{
	margin:0 auto;
	width:180px;
}

#side_menu_l .tab li{
	float:left;
	width:90px;
}

#side_menu_rr{
	display:block !important;
	position:relative !important;
	margin:0 auto;
	top:0 !important;
	right:0 !important;
}

#side_menu_l .select a,
#side_menu_rr .select a{
	background:url(../img/menu_single.gif) no-repeat 0 0;
	width:180px;
	height:26px;
	display:block;
	text-align:center;
	font-size:100%;
	padding-top:6px;
	text-decoration: none;
	color:#333333;
	font-weight:bold;
}

#side_menu_rr .tab{
	margin:0 auto;
	width:180px;
}

#side_menu_rr .select a{
	height:25px;
}

#side_menu_rr p{
	border: 1px solid #868686;
	background-color: white;
	padding:5px 0 0 0;
}

#side_menu_l .down a,
#side_menu_l .up a{
	width:180px;
	height:19px;
	padding-top:4px;
	display:block;
	text-align:center;
	font-size:100%;
	text-decoration: none;
	color:#333333;
	font-weight:bold;
	background-color:#FFFFFF;
	border-left:1px solid #868686;
	border-right:1px solid #868686;
	border-bottom:1px solid #868686;
}

#pagetop{
	position:absolute;
	left:1023px;
	writing-mode:vertical-rl;
	width:35px;
	height:103px;
}
#pagetop a{
	background:url(../img/pagetop.png) no-repeat 0 0;
	width:35px;
	height:103px;
	display:block;
}

form{
	position:relative;
}

form input[type="text"]{
	height:30px;
	border-radius:4px;
}

form input[type="submit"]{
    margin: 10px;
    height: 30px;
    padding: 0 20px;
    border-radius:4px;
}

.success{
	border:3px solid #0000FF;
	width:100%;
	box-sizing: border-box;
	margin:0 auto;
	padding:5px;
	font-weight:bold;
	font-size:131%;
}

.error{
	border:3px solid #FF0000;
	width:100%;
	box-sizing: border-box;
	margin:0 auto;
	padding:5px;
	font-weight:bold;
	font-size:131%;
}

#contents h2 {
	font-size: 123.1%;
	padding-left: 10px;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 5px;
	font-weight: bold;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #802C22;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
	padding-top: 2px;
	padding-bottom: 2px;
}


#contents h3 {
	font-size: 108%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #937D5E;
	padding-left: 7px;
	color: #333333;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 13px;
	font-weight:bold;
}

#contents h3 a {
	font-size: 14px;
}

#contents h4 {
	font-size: 12px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 10px;
	color: #666666;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#contents ul li h4 a{
	color:#0492E5;
	text-decoration:none;
	font-size:116%;
	font-weight:bold;
}

#contents ul li h4 a:hover{
	text-decoration:underline;
}

#contents #rss h3{
	border-left-color:#802C22;
	margin-top:40px;
	margin-bottom:20px;
	font-size:116%;
}

#contents #rss h4 {
	border-left-color:#802C22;
	margin-left:20px;
	color:#333333;
}

#contents #rss p {
	margin:0 0 30px 30px;
}

#contents #rss p a{
	color:#0492E5;
}

#contents #rss p a:hover{
	text-decoration:underline;
}

#contents ul {
	margin-left: 10px;
	list-style-type: none;
}
#contents li a {
	font-size: 12px;
}


#contents .content {
	padding:0px;
}

#contents .content p a {
	line-height: 20px;
}

.htu p img{
	width:100%;
}


@media screen and (max-width: 320px) {
	#contents {
		padding:0 0 0 0;
	}

	#contents #rss.content,
	#contents #info.content
	 {
		padding:0 3.6vw 0 3.6vw;
		box-sizing: border-box;
	}

	#contents .marchant{
		width:95%;
	}

	#option{
		padding:20px 2vw 20px 2vw;
	}

	#option li{
		margin-right:10px;
	}

	#option li.rate{
		margin-right:0px;
	}
}