@charset "utf-8";

/* header */
/*----------------------------------------------*/
#headWrap {
	position: absolute;
	top: 0;
}

#globalNavWrap {
	position: absolute;
	top: 70px;
	background-color: #263137;
}

#logoCaption span {
	color: #fff;
	font-size: 13px;
}

/* 大枠 */
/*----------------------------------------------*/
#main {
	width: 1200px;
	/* width: 100%; */
}

#side {
	/* display: none; */
}

#side .sideserch {
	display: none;
}

/* contents */
/*----------------------------------------------*/
#contents {
	/* float: none; */
	/*width: 1200px;*/
	/* width: 100%; */
	width: 900px;
	float: right;
}

#mainWrap {
	width: 100%;
	padding: 0;
}

.section {
	padding: 20px 0 0;

}

.contBox {
	/* width: 1200px; */
	margin: 0 auto;
}

h2.title {
	text-align: center;
	margin-bottom: 24px;
}

#top_nav ul {
	border: 1px solid #ACACAC;
	padding: 10px;

}

#top_nav li {
	float: left;
}

#top_nav li:not(:first-child) {
	/* margin-left: 19px; */
	margin-left: 17px;
}

#top_nav a {
	transition: .3s ease all;
}

#top_nav img:hover {
	opacity: 1;
}

.top_search {
	display: block;
	width: 900px;
	height: 60px;
	background-color: #E6E6E6;
	margin-bottom: 20px;
	/* padding: 10px; */
}

.top_search .label {
	float: left;
	font-size: 17px;
	padding: 12px;
	font-weight: bold;
	padding: 22px;

}

.top_search .form-control {
	width: 360px;
	float: left;
	position: relative;
}

.top_search .sercharea {
	/* width: 330px; */
	/* float: left; */
	padding: 10px;
}

.top_search .form-input {
	width: 330px;
	height: 34px;
	border: 1px solid #ACACAC;
	border-radius: 2px 2px 2px 2px;
	margin: 4px;
	font-size: 14px;
	padding-left: 12px;
	outline: none;
}

.top_search .serchbt {
	position: absolute;
	right: 28px;
	top: 22px;
}

.top_search .serchbt input {
	outline: none;
}

.top_search .link-productlist {
	float: right;
	width: 280px;
	height: 60px;
	font-size: 17px;
	background-color: #263137;
	color: #fff;
	border-style: none;
	transition: .3s ease all;
	position: relative;
	text-align: center;
	padding: 22px;
}

.link-productlist:after {
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 9px;/*画像の幅*/
	height: 16px;/*画像の高さ*/
	background-image: url(/img/view/whiteArrow2@2x.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	right: 15px;
}

.top_search .link-productlist:hover {
	opacity: 0.6;
}


#top_pickup {
	margin-bottom: 20px;
}

#top_pickup ul {
	display: flex;
	width: 900px;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#top_pickup li:last-child {
	margin-right: 0;
}

#top_pickup a {
	display: block;
	line-height: 1;
}

.bannerWrap {
	width: 1200px;
	overflow: hidden;
}

.bannerWrap ul {
	width: 1200px;
}

.bannerWrap ul li {
	padding: 0px 10px 10px 0px;
	float: left;
}

.bannerWrap ul li.pdBNone {
	padding: 0px 10px 0px 0px;
}

.bannerWrap ul li a {
	display: block;
}

#pickupModel {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

#pickupModel ul {
	width: 1200px;
}

#pickupModel ul li {
	padding: 0px 0 20px 0px;
	float: left;
}

#pickupModel ul li:nth-child(odd) {
	padding-right: 20px;
}

#pickupModel ul li a {
	display: block;
}

.bannerBottomWrap li {
	margin-bottom: 20px;
}

/*
.bannerBottomWrap{
	margin: 0 auto;
	overflow	:	hidden;
	background-color: #ACACAC;
}
.bannerBottomWrap ul{
	width	:	1200px;
}
.bannerBottomWrap ul li{
	float	:	left;
}
.bannerBottomWrap ul li:not(:first-child) {
	padding-left: 49px;
}
.bannerBottomWrap ul li a{
	display	:	block;
}
*/
/* ranking */
/*----------------------------------------------*/
#ranking {
	width: 100%;
	overflow: hidden;
}

#rankWrap {
	width: 755px;
}

#rankWrap #first {
	width: 220px;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 30px 0px;
	border-right: 1px dashed #6499a6;
	float: left;
}

#rankWrap #second {
	width: 230px;
	padding: 0px 15px;
	margin: 0px 0px 30px 0px;
	border-right: 1px dashed #6499a6;
	float: left;
}

#rankWrap #third {
	width: 220px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 30px 0px;
	float: left;
}

#rankWrap #fourth {
	width: 350px;
	padding: 0px 15px 0px 0px;
	border-right: 1px dashed #6499a6;
	float: left;
}

#rankWrap #fifth {
	width: 350px;
	padding: 0px 0px 0px 15px;
	float: left;
}

.wid180 {
	width: 180px;
}

.wid160 {
	width: 160px;
}

.rankBox .title .fL {
	width: 40px;
}

.rankBox .title .fR {
	width: 170px;
}

.rankBox .wid180 .title .fR {
	width: 120px;
}

.rankBox .title .fR p {
	font-size: 16px;
	color: #003e92;
	font-weight: bold;
}

.rankBox .star li {
	padding: 0px 2px 0px 0px;
	float: left;
}

.rankBox .photo {
	padding: 15px 0px;
}

.rankBox .detail p {
	color: #3b3b3b;
	line-height: 160%;
	font-size: 13px;
}




/* news */
/*----------------------------------------------*/
#newsBox {
	width: 100%;
	max-height: 900px;
	/*overflow	:	auto;*/
	/*background: #fff url(../../img/view/top/bg_news.png) 0 0 repeat;*/
	position: relative;
}

#newsBox .h2-ttl {
	margin-bottom: 0;
}

#newsBox .contBox {
	overflow: hidden;
	/* height: 205px; */
	background: #fff;
	border: 1px solid #ACACAC;
	padding: 15px 2px;
	position: relative;
	width: 100%;
	/* overflow-y: scroll; */
	font-size: 13px;
}

#newsBox .scrollBox {
	overflow-y: scroll;
	height: 180px;
}
#newsBox .news_p {
	text-decoration: underline;
	font-size: 13px;
}

#newsBox .news_p:hover {
	color: #666;
}

#newsBox dl {
	font-size: 13px;
	/*margin	:	0px 0px 15px 0px;*/
	/*border-bottom: 1px solid #ACACAC;
	width: 902px;*/
	padding: 5px 16px;
}

#newsBox dt {
	width: 90px;
	/*color	:	#003e92;*/
	float: left;
	font-size: 13px;
}

#newsBox dd {
	/* width	:	630px; */
	width: 720px;
	float: left;
}

/*
#newsMoreArea {
	position: relative;
	top: 75px;
	right: 25px;
}
*/
/* #newsMoreArea a{
	padding	:	3px 5px;
	background-color	:	#0D5293;
	color	:	#fff;
}
#newsMoreArea a:hover{
	background-color	:	#2F81CE;
	text-decoration	:	underline;
} */

.icon_zone {
	width: 100px;
	height: 20px;
	line-height: 20px;
	padding: 0px 10px;
	color: #fff;
	display: block;
	font-size: 11px;
	text-align: center;
	float: left;
	margin-right: 20px;
	border-radius: 3px;
}

.news_p {
	float: left;
}

.redIco {
	background-color: #bf264a;
}

.orangeIco {
	background-color: #eb912c;
}

.blueIco {
	background-color: #2587ba;
}

.greenIco {
	background-color: #68ab43;
}

.purpleIco {
	background-color: #bb349b;
}

.pinkIco {
	background-color: #e64c4f;
}



/*
#ranking2{
	background: #fff url(../../img/view/top/bg_topsales2.png) 0 0;

	-webkit-background-size: cover;
	background-size: cover;
}
#ranking2 ul{
	background: #fff;
}
*/
#ranking2 li {
	position: relative;
	width: 240px;
	min-height: 325px;
	padding-top: 50px;
	float: left;
	/* padding-right: 10px; */
	text-align: center;
}

/*
#ranking2 li:not(:first-child) {
	border-left: 1px solid #ACACAC;
}
*/
/*#ranking2 .rkbtn{
	width: 140px;
	float: left;
	padding-right: 10px;
	background-image: url(../../img/view/ranking_on.png);
	background-repeat: no-repeat;
}*/

/*#ranking2 .rkbtn a{
	display:block;
}*/
/* #ranking2 .rkbtn a:hover {
	background-color:transparent;
}
#ranking2 .rkbtn a:hover img{
	visibility:hidden;
}

#ranking2 li .thumb{
	height: 96px;
}
*/

#ranking2 li img.badge {
	/*width: 140px;*/
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: 0;
}

#ranking2 li h3 {
	font-weight: bold;
	/*line-height: 135%;*/
	margin: 0 auto 10px;
	color: #003D99;
	width: 120px;
}

#ranking2 li p {
	/*	width: 200px;*/
	width: 120px;
	margin: 0 auto 10px;
	font-size: 13px;
	line-height: 125%;
	/*	height: 35px;*/
}

#ranking2 li h3 small {
	font-size: 13px;
	font-weight: normal;
	color: #333;
}

#ranking2 li h3 a {
	font-size: 15px;
	font-weight: bold;
	/* line-height: 135%; */
	/* margin-bottom: 10px; */
	color: #003f97;
}

#ranking2 li h3 small a {
	/* font-size: 12px; */
	/* font-weight: normal; */
	/* color: #0d5295; */
}

#ranking2 .rkbtn {
	position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -70px;
}


#side_pickup {
	width: 280px;
	padding-top: 2.5px;
}

#side_pickup img {
	margin-bottom: 5px;
}

#top_contents {
	width: 900px;
}

h2.h2-ttl {
	height: 47px;
	display: block;
	background-color: #053D99;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	/* border-left: 6px solid #003d9a; */
	padding: 16px 20px;
	margin-bottom: 13px;
	position: relative;
}

h2.h2-ttl:after {
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#04204d+50,1e5799+50&0.5+0,1+50,0.5+100 */
	background: -moz-linear-gradient(left, rgba(30, 87, 153, 0.5) 0%, rgba(30, 87, 153, 1) 50%, rgba(30, 87, 153, 0.5) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0.5) 0%, rgba(30, 87, 153, 1) 50%, rgba(30, 87, 153, 0.5) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(30, 87, 153, 0.5) 0%, rgba(30, 87, 153, 1) 50%, rgba(30, 87, 153, 0.5) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#801e5799', endColorstr='#801e5799', GradientType=1);
	/* IE6-9 */


}

h2.h2-ttl span {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #003d9a;
	padding-top: 3px;
}

.link-more {
	position: absolute;
	right: 0;
	top: 0;
}


#ranking2 {
	width: 900px;
}

#ranking2 ul li {
	width: 179px;
	/* border-top: 1px solid #ACACAC; */
	border-right: 1px solid #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dedede+0,dedede+100&0.25+0,1+100 */
	background: -moz-linear-gradient(top, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40dedede', endColorstr='#dedede', GradientType=0);
	/* IE6-9 */


}

/* #ranking2 ul li:nth-child(5) {
	border-right: 0;
} */


/* ランキング下段設定 */
/* #ranking2 ul li:nth-child(n + 3){
    width: 300px;
	border-bottom: 1px solid #ACACAC;
	height: 290px;
} */
/* #ranking2 ul li:nth-child(n + 3) p {
	width: 180px;
	height: 35px;
} */

#ranking2 ul li .thumb {
	max-height: 100px;
	max-width: 133px;
}

#side_pickup .sidebanner img {
	width: 100%;
}



.area_contact {
	height: 90px;
	border: 1px solid #ACACAC;
	display: flex;
	margin-top: 13px;
}
.area_contact .area_left {
	width: 50%;
	text-align: center;
	border-right: 1px solid #ACACAC;
	padding-top: 21px;
}
.area_contact .area_right {
	width: 50%;
	text-align: center;
	font-weight: bold;
	padding-top: 20px;
}
.area_contact .area_right p {
	display: inline;
	vertical-align: middle;
	padding-right: 20px;
}
.area_contact .area_right img {
	vertical-align: middle;
}


/* add word-break */
#ranking2 li h3 {
    word-wrap: break-word;
}