@charset "shift_JIS";
.CloseSarch{
	padding:20px 0 30px;
	background:url(../images/index/sarch_bg.gif) repeat;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.OpenSarch{
	padding:20px 0 30px;
	background:url(../images/index/sarch_bg2.gif) repeat;
	-webkit-transition: all .2s;
	transition: all .2s;
}


.inner{ 
	width:900px;
	margin:0 auto;
}


/*new
---------------------------------------*/
#new{
	background: #efefef;
	width:100%;
	min-height:30px;
	line-height:30px;
	margin:0 auto;
	font-size:75%;
}
#new #newViewport{
	width:900px;
	height: 100%;
	margin: auto;
	position: relative;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
}
#new #newViewport:before{
	content: url(../images/index/new.png);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
#new #newViewport #newListWrap{
	margin: 0;
	padding: 0;
	display: inline-block;
}
#new #newViewport #newListWrap ul,
#new #newViewport #newListWrap ul li{
    display: inline;
}
#new #newViewport #newListWrap ul p{
	display: inline;
	margin-left: 20em;
	line-height: 100%;
}


/*indexSlider
---------------------------------------*/
#indexSlider{
	background:url(../images/index/index_slide_bg.png);
	padding:15px 0;
	height:310px;
	position:relative;
	
}

#indexSlider .sp-slide{
	opacity:0.3;
	text-align:center;
}

#indexSlider .sp-selected{
	opacity:1.0;
}

#indexSlider .sp-buttons {
	margin:0 auto;
	width:900px;
	text-align: right;
	padding-top:0;
	margin:-24px auto;
	padding-right:10px;
}

#indexSlider .sp-button {
	width:6px!important;
	height:6px!important;
	background:#a6a6a6;
	border:none !important;
	border-radius: 0 !important;
	margin: 2.5px !important;
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

#indexSlider .sp-selected-button {
	background-color: #e51c23;
}


#indexSlider .sp-arrows{
	margin:0 auto;
}

.sp-previous-arrow{ background:url(../images/common/slider_left.png) no-repeat; left:50%; margin-left:480px;}
.sp-next-arrow{ background:url(../images/common/slider_right.png) no-repeat;}
.sp-horizontal .sp-previous-arrow{ left:50%!important; margin-left:-510px ; right:0;}
.sp-horizontal .sp-next-arrow{ left:50%; margin-left:470px; right:0;}

/*KYWORD
---------------------------------------*/

.sarchFormWrapper{ width:690px; margin: 0 0 10px; display:inline-block; }
.sarchBtn{ display:inline-block;}

dl.searchForm{
	width:690px;
	line-height:46px;
	position:relative;
	background-color:#fff;
	border:1px solid #535353;
	border-radius:6px;
   -moz-box-shadow:inset 5px 5px 8px rgba(0, 0, 0, 0.1),0 0 1px rgba(0,0,0,0.1);
   -webkit-box-shadow:inset 5px 5px 8px rgba(0, 0, 0, 0.1),0 0 1px rgba(0,0,0,0.1);
   box-shadow:inset 5px 5px 8px rgba(0, 0, 0, 0.1),0 0 1px rgba(0,0,0,0.1);
}
dl.searchForm dt{
	padding:3px;
	text-indent: 10px;
}
dl.searchForm dt input{
	width:86%;
	height:30px;
	line-height:30px;
	font-size:120%;
	background:none;
	border:none;
	text-align:left;
}

dl.searchForm dt input::-webkit-input-placeholder{
	text-indent:15%;
	text-align:center;
}

dl.searchForm dd{
	position:absolute;
	top:0;
	right:0;
}
dl.searchForm dd button{
	display:block;
	padding:6px;
	background:none;
	border:none;
}
dl.searchForm dd button span{
	display:block;
	width:30px;
	height:44px;
	background:url(../images/index/search_ic.png) no-repeat scroll 0 10px;
}

.searchForm input[type=text]:focus {
   border:none;
   outline: none;
}

.searchForm button:focus {
   border:none;
   outline: none;
}


/*sarchBtn
---------------------------------------*/

p.sarchBtn{
	float:right;
	cursor:pointer;
}

.CloseSarch p.sarchBtn{
	background:url(../images/index/sarch_icon_off.png);
	background-repeat:no-repeat;
	background-position:center 0px;
	background-color: #ffffff;
	border-top:1px solid #535353;
	border-left:1px solid #535353;
	border-right:1px solid #535353;
	border-bottom:1px solid #535353;
	line-height:52px;
	text-align:center;
	font-weight:600;
	font-size:88%;
	width:190px;
	margin:0 0 0 13px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}

.CloseSarch p.sarchBtn span{ display:none;}

.OpenSarch p.sarchBtn{
	color:#e51c23;
	background-color:#FFF;
	background-image:url(../images/index/sarch_icon_on.png);
	background-repeat:no-repeat;
	background-position:center 40px;
	border-top:1px solid #535353;
	border-left:1px solid #535353;
	border-right:1px solid #535353;
	border-bottom:0px solid #535353;
	line-height:52px;
	text-align:center;
	font-weight:600;
	font-size:88%;
	width:190px;
	padding-bottom:20px;
	margin:0 0 0 13px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	position:relative;
}

.OpenSarch p.sarchBtn span{
    position: absolute;
    top: 35px;
    left: 0;
    text-align: center;
    width: 190px;
	font-size:82%;
}

/*sarchListBox
---------------------------------------*/

#sarchList{
	display:none;
	margin:8px 0 10px;
	padding: 20px 3px 3px;
	background:#FFF;
	border-top:1px solid #535353;
	border-left:1px solid #535353;
	border-right:1px solid #535353;
	border-bottom:1px solid #535353;
	border-top-left-radius:6px;
	border-top-right-radius:0px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}


.sarchlinkList1 ul,
.sarchlinkList2 ul{ clear:both;}

.sarchlinkList1 ul li{
	float:left;
	border-right:1px solid #2a2a2a;
	margin:0 10px 20px 0;
	padding:0 10px 0 0;
	line-height:10px;
}

.sarchlinkList2 ul li{
	float:left;
	margin:0 10px 20px 0;
	line-height:10px;
}
.sarchlinkList1 ul li img{ margin:-2px 0 0 10px;}
.sarchlinkList2 ul li img{ margin:-2px 10px 0 10px;}
.sarchlinkList1 ul li:first-child,
.sarchlinkList2 ul li:first-child{margin:0 5px 10px 0;}
.sarchlinkList1 ul li:first-child,
.sarchlinkList1 ul li:last-child{
	border-right:none;
	margin:0 10px 10px 0;
	padding:0 10px 0 0;
}
.sarchlinkList1 ul li a{ text-decoration:underline; color:#2a2a2a; font-size:81%;}
.sarchlinkList2 ul li a{
	font-size:75%;
	color:#2a2a2a;
	padding:2px 10px;
	line-height:10px;
	background:#e1e1e1;
	border-radius: 4px;
}

.sarchlinkList1 ul li a:hover{ color:#e51c23;}
.sarchlinkList2 ul li a:hover{ color:#FFF;background:#e51c23;}

/*sarchListTAB
---------------------------------------*/
#tabMenu ul{
    width:900px;
	display:table;
	clear:both;
}
#tabMenu li{
	display:table-cell;
	padding:0 7px 0 0;
}
#tabMenu li:first-child{padding:0 7px 0 8px;}
#tabMenu li a{
    display:block;
	width:81px;
    height:40px;
    line-height:40px;
    text-align:center;
	background:#2a2a2a;
	color:#FFF;
	font-size:102%;
}
#tabMenu li.active a{background:#e51c23;}
#tabBoxes{border-top:3px solid #e51c23;}


/*sarchList
---------------------------------------*/

.tabBox{display:none; background:#f2f2f2; padding:0 0 -1px;}
.tabBox h4{ background:#dedede; text-indent:25px; font-size:102%; margin:-1px 0 0; clear:both;}


.tabListInner{
	border-right:1px solid #dedede;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  -webkit-align-items: center;
  align-items: center;
}


.tabListInner{clear: both; font: 0pt/0pt;}
.tabListInner:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}

.tabListInner a{
	width:223px;
	line-height:1.2em;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color:#333333;
	font-size:90%;
}

.tabListInner a:nth-child(4n){ width:222px; border-right:0px solid #dedede; }
.tabListInner a:nth-child(4n+1){ width:222px; border-left:1px solid #dedede; }

.tabListInner a:hover{ color:#FFF; background:#333333;}

.tabListInner a div{ display:table-cell; vertical-align:middle; padding:8px; word-break:break-all;}
.tabListInner a div img{ width: 42px; height: 42px;}


/*Information
---------------------------------------*/
.info{ text-align:center; margin:0 0 15px; font-size:72%;}
.info a{ display:block; padding:8px; background:#eaeaea; color:#333; text-decoration:underline !important;}
.info a:hover{background:#333; color:#FFF;}


/*NewLineUp
---------------------------------------*/
.NewLineUpTitle{
	background:url(../images/index/newlineup_title_bg.png) center top no-repeat;
	margin:-16px 0 0;
}

h2{ width:900px; margin:0 auto; position:relative;}

h2 p.catalog{
	display:inline;
	position:absolute;
	top:25px;
	right:0;
	font-size:88%;
	
}

h2 p.catalog a{padding:3px 25px 3px 0; color:#FFF; background:url(../images/index/catalog_icon.png) right center no-repeat;}

.NewLineUp{ background:#eef8ff;	padding:30px 0 30px;}


/*.rireki------------------------------*/
ul.rireki {
	display:table;
	visibility: hidden;
}
ul.rireki li{
	display:table-cell;
	padding:6px;
	font-size:82%;
}

ul.rireki li:first-child{ padding: 6px 6px 0 0px;}
ul.rireki li:last-child{ padding: 6px 0 0 6px;}

ul.rireki li .photo{ padding: 3px; margin:0 0 12px;}
ul.rireki li .photo img{ width:134px;}

ul.rireki li:nth-child(4n+1) .photo{ background:url(../images/common/rireki01.png) no-repeat;}
ul.rireki li:nth-child(4n+2) .photo{ background:url(../images/common/rireki02.png) no-repeat;}
ul.rireki li:nth-child(4n+3) .photo{ background:url(../images/common/rireki03.png) no-repeat;}
ul.rireki li:nth-child(4n+4) .photo{ background:url(../images/common/rireki04.png) no-repeat;}

ul.rireki li a p.price{ color:#e51c23;}
ul.rireki li a p.price strong{ font-size:125%; font-weight:bold;}

/*bxslider*/
.NewLineUp .bx-viewport {height:auto !important;}
.NewLineUp .bx-viewport ul.rireki li{padding:0;}

ul.rireki li.photoBg1 .photo{ background:url(../images/common/rireki01.png) no-repeat;}
ul.rireki li.photoBg2 .photo{ background:url(../images/common/rireki02.png) no-repeat;}
ul.rireki li.photoBg3 .photo{ background:url(../images/common/rireki03.png) no-repeat;}
ul.rireki li.photoBg4 .photo{ background:url(../images/common/rireki04.png) no-repeat;}

.NewLineUp .bx-wrapper{
	position: relative;
}
.NewLineUp .bx-prev,
.NewLineUp .bx-next{
	position: absolute;
	width: 18px;
	height: 46px;
	top: 44px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border-radius:2px;
	font-size: 0;
}
.NewLineUp .bx-prev,
.NewLineUp .bx-next{background: rgba(6,126,202,0.7);}
.NewLineUp .bx-next:hover,
.NewLineUp .bx-prev:hover{background: rgba(6,126,202,1);}
.NewLineUp .bx-prev{left: -37px;}
.NewLineUp .bx-next{right: -37px;}
.NewLineUp .bx-prev::before,
.NewLineUp .bx-next::before{
	content:"";
	display: block;
	width: 9px;
	height: 13px;
	background: url(../images/common/carousel_arrow.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
}
.NewLineUp .bx-prev::before{
	margin: -6px -5px;
	background-position: 0 0;
}
.NewLineUp .bx-next::before{
	margin: -6px -4px;
	background-position: 0 bottom;
}




/*Popular
---------------------------------------*/
.PopularTitle{
	background:url(../images/index/popular_title_bg.png) center top no-repeat;
	margin:-20px 0 0;
}

h2{ width:900px; margin:0 auto; position:relative;}

.Popular{ background:#fff9ee;	padding:30px 0 30px;}

ul.rank{ display:table; border-collapse: separate; border-spacing: 4px; width:908px;}
ul.rank li{
	display:table-cell; vertical-align:top;
	-webkit-transition: all .2s;
	transition: all .2s;
}

ul.rank li a{
	padding:12px;
	display:block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height:210px;
	color:#2a2a2a;
}
ul.rank li a h3{ margin:0 0 12px; text-align:center;}

ul.rank li a .textBox{ float:right;}
ul.rank li.rank01{ width:400px; border:1px solid #f2bcaa; background:#fce2d9;}
ul.rank li.rank02{ width:246px; border:1px solid #b9dde8; background:#e2eff3;}
ul.rank li.rank03{ width:246px; border:1px solid #fdd4ad; background:#fdead8;}

ul.rank li.rank01:hover{ border:1px solid #f2754c; background:#ffdacd;}
ul.rank li.rank02:hover{ border:1px solid #59c4e4; background:#d7edf3;}
ul.rank li.rank03:hover{ border:1px solid #ffa249; background:#ffe6ce;}

ul.rank li.rank01 a .textBox{ width:171px;}
ul.rank li.rank01 a .photo{ float:left; width:182px;}
ul.rank li.rank01 a .photo img{width:182px;}
ul.rank li.rank01 a .title,
ul.rank li.rank01 a .text{ padding: 0 20px 0 0; word-break: break-all;}

ul.rank li a .title{ font-weight:bold; font-size:88%; word-break: break-all;}
ul.rank li a .text{ font-size:82%; word-break: break-all;}

ul.rank li.rank02 a .photo,
ul.rank li.rank03 a .photo{ float:left; width:103px; padding:12px 0;}
ul.rank li.rank02 a .photo img,
ul.rank li.rank03 a .photo img{width:103px;}
ul.rank li.rank02 a .textBox,
ul.rank li.rank03 a .textBox{width:103px; padding:12px 5px;}


ul.rankUnder{
	display:table; border-collapse: separate; border-spacing: 3px; width:908px; margin:0;
}
ul.rankUnder li{
	display:table-cell; vertical-align:top; border:solid 1px #e8e8e8; background:#FFF;
	width:126px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	-webkit-transition: all .2s;
	transition: all .2s;
}

ul.rankUnder li:hover{ border:solid 1px #2a2a2a; background:#f5f5f5;}

ul.rankUnder li a h3{ position: absolute; top:0; left:0; width:40px; height:40px;}
ul.rankUnder li a .photo{ text-align:center; margin:30px 0 0;}
ul.rankUnder li a .photo img{ width:110px;}
ul.rankUnder li a .title{ font-weight:bold; font-size:82%; padding:5px; color:#2a2a2a; word-break: break-all;}


/*News
---------------------------------------*/
.NewsTitle{
	background:url(../images/index/news_title_bg.png) center top no-repeat;
	margin:-16px 0 0;
}

h2{ width:900px; margin:0 auto; position:relative;}

h2 p.oldCatalog{
	display:inline;
	position:absolute;
	top:30px;
	right:253px;
	font-size:82%;
}

h2 p.oldCatalog a.old{
	text-decoration:underline;
	margin:0 10px 0 0;
	padding:0 0 0 10px;
	color:#FFF;
	background:url(../images/index/oldcatalog_bg.png) left center no-repeat;
}

h2 p.oldCatalog a.old img{margin:0 0 0 10px;}

h2 p.officialTw{
	display:inline-block;
	position:absolute;
	top:20px;
	right:12px;
	font-size:0;
}




.News{ background:#f2fcf8;	padding:30px 0 10px; margin:0 0 30px;}

.News li{ display:table; width:100%;}
.News li p{ display:table-cell; vertical-align:middle; font-size:82%;}

.News li p.photo{ width:80px;}
.News li p.photo img{ width:54px; margin:12px 12px 12px 5px; border:1px solid #dfdfdf;}

.News li{ border-bottom:1px solid #bcebd8;}
.News li:last-child{ border-bottom:none;}

.News a{ text-decoration:underline;}
.News span.news_icon01,
.News span.news_icon02,
.News span.news_icon03,
.News span.news_icon04,
.News span.news_icon05,
.News span.news_icon06,
.News span.news_icon07,
.News span.news_icon08,
.News span.news_icon09,
.News span.news_icon10,
.News span.news_icon11,
.News span.news_icon12{
	padding:3px 0 3px 0;
	display:block;
	font-weight:bold;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: 7.4em center;
	background-size: auto 16px;
}

.News span.news_icon01{ background-image:url(../images/sp/index/news_icon01.png);}
.News span.news_icon02{ background-image:url(../images/sp/index/news_icon02.png);}
.News span.news_icon03{ background-image:url(../images/sp/index/news_icon03.png);}
.News span.news_icon04{ background-image:url(../images/sp/index/news_icon04.png);}
.News span.news_icon05{ background-image:url(../images/sp/index/news_icon05.png);}
.News span.news_icon06{ background-image:url(../images/sp/index/news_icon06.png);}
.News span.news_icon07{ background-image:url(../images/sp/index/news_icon07.png);}
.News span.news_icon08{ background-image:url(../images/sp/index/news_icon08.png);}
.News span.news_icon09{ background-image:url(../images/sp/index/news_icon09.png);}
.News span.news_icon10{ background-image:url(../images/sp/index/news_icon10.png);}
.News span.news_icon11{ background-image:url(../images/sp/index/news_icon11.png);}
.News span.news_icon12{ background-image:url(../images/sp/index/news_icon12.png);}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .News span.NewsIcon-New:not(:target),
  .News span.NewsIcon-Reserv:not(:target){
	  background-position:95px 2px;
  }
}

/*info
---------------------------------------*/
.infoBox{
	background:#f2f2f2;
	border:1px solid #e7e7e7;
	padding:15px;
	margin:0 0 30px;
	font-size:88%;
}
 h3.infoTitle{ margin:0 0 20px;}
.infoBox li {
	line-height:2em;
	padding:4px 0 4px 15px;
}
.infoBox li a{
	text-decoration:underline;
	background:url(../images/index/infobox_icon.png) no-repeat left center;
	padding-left: 15px;
	margin-left: -15px;
}


.infoBanner{
	display:flex;
	display: -webkit-flex;
	
	justify-content: space-between;
	-webkit-justify-content: space-between;
	
}

.infoBanner2{
	display:flex;
	display: -webkit-flex;
	
	margin-top: 15px;
	
	justify-content: space-between;
	-webkit-justify-content: space-between;
	
}

/*PickUp
---------------------------------------*/
.PickUp{
	background:url(../images/index/pickup_bg.jpg) center top no-repeat #e51c23;
	background-size:100% 50%;
	padding:35px 0 50px;
}

.PickUp h2{ margin:0 auto 20px;}


#PickUpSliderWrapper{
	width:900px;
	margin:0 auto;
}

#PickUpSliderWrapper #PickUpSlider{ margin-left:0;}
#PickUpSliderWrapper .sp-mask{ width:926px !important; padding:30px 0;}
#PickUpSliderWrapper .sp-slide{ width:150px !important; text-align:center; display:table-cell; text-indent: -45px; margin:30px 0 0;}
#PickUpSliderWrapper .sp-slide img{ width:150px; border:1px solid #CCC;}

#PickUpSliderWrapper .sp-selected{
	background:url(../images/index/pickup_pick.png);
	background-size:cover;
	margin:0 0 0 -48px;
	height:200px !important;
	width:200px !important;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}


#PickUpSliderWrapper .sp-selected img{
	width:180px !important;
	margin:0 0 0 48px;
	padding:10px 10px;
	border:none;
}

#PickUpSliderWrapper .sp-selected a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=55)";
}
#PickUpSliderWrapper .sp-caption-container:hover{
	text-decoration:underline;
	
}


#PickUpSliderWrapper .sp-caption-container{ color:#FFF; width:70%; margin:0 15% 2%;}
#PickUpSliderWrapper .sp-caption-container a{ color:#FFF;font-size:120%; line-height:1.6em;}
#PickUpSliderWrapper .sp-caption-container a:hover{ color:#FFF; text-decoration:underline;}

#PickUpSliderWrapper .sp-horizontal .sp-previous-arrow{ left:0; margin-left:-43% ; right:0!important; bottom: -200px}
#PickUpSliderWrapper .sp-horizontal .sp-next-arrow{ left:50%; margin-left:40%; right:0; bottom: -200px}