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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 95%;
	vertical-align: top;
	background: transparent;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

#gmenu ul, li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}
a:link, a:active, a:visited {
	color: #8E3537;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* position
------------------------------------------------*/
.relative{ position:relative !important;}
.absolute{ position:absolute !important;}
.static{ position:static !important;}


/* display
------------------------------------------------*/
.displayNone{ display:none !important;}
.displayBlock{ display:block !important;}
.displayInline{ display:inline !important;}


/* border
------------------------------------------------*/
.borderReset{ border: none !important;}
.btReset{ border-top: none !important;}
.brReset{ border-right: none !important;}
.bbReset{ border-bottom: none !important;}
.blReset{ border-left: none !important;}

/* margin set
------------------------------------------------*/
	/*reset*/
	.mreset {margin:0px !important;}

	/*0px*/
	.mt00 {margin-top   :0px !important;}
	.mr00 {margin-right :0px !important;}
	.mb00 {margin-bottom:0px !important;}
	.ml00 {margin-left  :0px !important;}
	/*5px*/
	.mt05 {margin-top   :5px !important;}
	.mr05 {margin-right :5px !important;}
	.mb05 {margin-bottom:5px !important;}
	.ml05 {margin-left  :5px !important;}
	/*10px*/
	.mt10 {margin-top   :10px !important;}
	.mr10 {margin-right :10px !important;}
	.mb10 {margin-bottom:10px !important;}
	.ml10 {margin-left  :10px !important;}
	/*15px*/
	.mt15 {margin-top   :15px !important;}
	.mr15 {margin-right :15px !important;}
	.mb15 {margin-bottom:15px !important;}
	.ml15 {margin-left  :15px !important;}
	/*20px*/
	.mt20 {margin-top   :20px !important;}
	.mr20 {margin-right :20px !important;}
	.mb20 {margin-bottom:20px !important;}
	.ml20 {margin-left  :20px !important;}
	/*25px*/
	.mt25 {margin-top   :25px !important;}
	.mr25 {margin-right :25px !important;}
	.mb25 {margin-bottom:25px !important;}
	.ml25 {margin-left  :25px !important;}
	/*30px*/
	.mt30 {margin-top   :30px !important;}
	.mr30 {margin-right :30px !important;}
	.mb30 {margin-bottom:30px !important;}
	.ml30 {margin-left  :30px !important;}
	/*35px*/
	.mt35 {margin-top   :35px !important;}
	.mr35 {margin-right :35px !important;}
	.mb35 {margin-bottom:35px !important;}
	.ml35 {margin-left  :35px !important;}
	/*40px*/
	.mt40 {margin-top   :40px !important;}
	.mr40 {margin-right :40px !important;}
	.mb40 {margin-bottom:40px !important;}
	.ml40 {margin-left  :40px !important;}
	/*50px*/
	.mt50 {margin-top   :50px !important;}
	.mr50 {margin-right :50px !important;}
	.mb50 {margin-bottom:50px !important;}
	.ml50 {margin-left  :50px !important;}
	/*60px*/
	.mt60 {margin-top   :60px !important;}
	.mr60 {margin-right :60px !important;}
	.mb60 {margin-bottom:60px !important;}
	.ml60 {margin-left  :60px !important;}


/* padding set
------------------------------------------------*/
	/*reset*/
	.preset {padding:0px !important;}
	/*0px*/
	.pt00 {padding-top   :0px !important;}
	.pr00 {padding-right :0px !important;}
	.pb00 {padding-bottom:0px !important;}
	.pl00 {padding-left  :0px !important;}
	/*5px*/
	.pt05 {padding-top   :5px !important;}
	.pr05 {padding-right :5px !important;}
	.pb05 {padding-bottom:5px !important;}
	.pl05 {padding-left  :5px !important;}
	/*10px*/
	.pt10 {padding-top   :10px !important;}
	.pr10 {padding-right :10px !important;}
	.pb10 {padding-bottom:10px !important;}
	.pl10 {padding-left  :10px !important;}
	/*15px*/
	.pt15 {padding-top   :15px !important;}
	.pr15 {padding-right :15px !important;}
	.pb15 {padding-bottom:15px !important;}
	.pl15 {padding-left  :15px !important;}
	/*20px*/
	.pt20 {padding-top   :20px !important;}
	.pr20 {padding-right :20px !important;}
	.pb20 {padding-bottom:20px !important;}
	.pl20 {padding-left  :20px !important;}
	/*25px*/
	.pt25 {padding-top   :25px !important;}
	.pr25 {padding-right :25px !important;}
	.pb25 {padding-bottom:25px !important;}
	.pl25 {padding-left  :25px !important;}
	/*30px*/
	.pt30 {padding-top   :30px !important;}
	.pr30 {padding-right :30px !important;}
	.pb30 {padding-bottom:30px !important;}
	.pl30 {padding-left  :30px !important;}
	/*35px*/
	.pt35 {padding-top   :35px !important;}
	.pr35 {padding-right :35px !important;}
	.pb35 {padding-bottom:35px !important;}
	.pl35 {padding-left  :35px !important;}
	/*40px*/
	.pt40 {padding-top   :40px !important;}
	.pr40 {padding-right :40px !important;}
	.pb40 {padding-bottom:40px !important;}
	.pl40 {padding-left  :40px !important;}
	.pl80 {padding-left  :80px !important;}
	.pl120 {padding-left  :120px !important;}

	/* width set
	------------------------------------------------*/

	.width10{ width:10px !important;}
	.width15{ width:15px !important;}
	.width20{ width:20px !important;}
	.width25{ width:25px !important;}
	.width30{ width:30px !important;}
	.width35{ width:35px !important;}
	.width40{ width:40px !important;}
	.width45{ width:45px !important;}
	.width50{ width:50px !important;}
	.width60{ width:60px !important;}
	.width65{ width:65px !important;}
	.width70{ width:70px !important;}
	.width75{ width:75px !important;}
	.width80{ width:80px !important;}
	.width85{ width:85px !important;}
	.width90{ width:90px !important;}
	.width95{ width:95px !important;}
	.width100{ width:100px !important;}
	.width105{ width:105px !important;}
	.width110{ width:110px !important;}
	.width120{ width:120px !important;}
	.width125{ width:125px !important;}
	.width130{ width:130px !important;}
	.width140{ width:140px !important;}
	.width150{ width:150px !important;}
	.width160{ width:160px !important;}
	.width170{ width:170px !important;}
	.width180{ width:180px !important;}
	.width190{ width:190px !important;}
	.width195{ width:195px !important;}
	.width200{ width:200px !important;}
	.width210{ width:210px !important;}
	.width215{ width:215px !important;}
	.width220{ width:220px !important;}
	.width225{ width:225px !important;}
	.width230{ width:230px !important;}
	.width240{ width:240px !important;}
	.width245{ width:245px !important;}
	.width250{ width:250px !important;}
	.width260{ width:260px !important;}
	.width270{ width:270px !important;}
	.width280{ width:280px !important;}
	.width290{ width:290px !important;}
	.width300{ width:300px !important;}
	.width310{ width:310px !important;}
	.width320{ width:320px !important;}
	.width330{ width:330px !important;}
	.width340{ width:340px !important;}
	.width345{ width:345px !important;}
	.width350{ width:350px !important;}
	.width360{ width:360px !important;}
	.width370{ width:370px !important;}
	.width380{ width:380px !important;}
	.width390{ width:390px !important;}
	.width400{ width:400px !important;}
	.width410{ width:410px !important;}
	.width415{ width:415px !important;}
	.width420{ width:420px !important;}
	.width430{ width:430px !important;}
	.width440{ width:440px !important;}
	.width445{ width:445px !important;}
	.width450{ width:450px !important;}
	.width460{ width:460px !important;}
	.width470{ width:470px !important;}
	.width475{ width:475px !important;}
	.width480{ width:480px !important;}
	.width485{ width:485px !important;}
	.width490{ width:490px !important;}
	.width500{ width:500px !important;}
	.width510{ width:510px !important;}
	.width520{ width:520px !important;}
	.width530{ width:530px !important;}
	.width540{ width:540px !important;}
	.width550{ width:550px !important;}
	.width560{ width:560px !important;}
	.width570{ width:570px !important;}
	.width580{ width:580px !important;}
	.width590{ width:590px !important;}
	.width600{ width:600px !important;}
	.width630{ width:630px !important;}
	.width640{ width:640px !important;}
	.width650{ width:650px !important;}
	.width750{ width:750px !important;}
	.width760{ width:760px !important;}

	.width100p{ width:100% !important;}

/* 特集
------------------------------------------------------------------------------*/

.boxpickup {
  margin: 0  auto;
  padding: 0 0 20 0;
  overflow: hidden;
}

.boxpickup li {
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 2% 2% 2% 2%;
  position: relative;
}

.boxpickup li img {
  width: 100%;
  border-radius: 4px;
  box-shadow: 1px 2px 2px #767676;
}

.boxpickup li p {
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  background: rgba(0,0,255,0.5);
  box-sizing: border-box;
  border-radius: 4px 0 0 0;
  padding: 1% 3%;
  top: 4.7%;
}

/*indexのpickup欄*/
.pickup-index{
    margin-bottom: 10px;
    overflow: hidden;
}

.pickup-index li{
    width: 49%;
    display: block;
    box-sizing: border-box;
    float: left;
    padding: 2% 2% 2% 2%;
    position: relative;

}

.pickup-index li p{
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 200%;
 background: linear-gradient(to bottom, #fbddf7 0%,#fe7bd7 75%);
  box-sizing: border-box;
  border-radius: 4px;
  bottom: 2.5%;
  width: 92%;
  padding: 5% 2%;
  text-align: center;
  text-shadow: 1px 1px #555;
}



.pickup-index li img{
  width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 1px 2px 2px #767676;
}


/*特集の該当作品*/
.tokusyu-sakuhinlist{
	list-style:none;
	overflow: hidden;
}
.tokusyu-sakuhinlist  li {
	float:left;
}