@charset "UTF-8";
*{
	margin : 0;
	padding : 0;
	box-sizing: border-box;
	border-collapse: collapse;
	vertical-align:central;
}


/* 初期化
-----------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table, tr, th, td,
header, hgroup, nav, section, article, aside, footer, figure, figcaption, address, strong, em, div {
    margin: 0;
    padding: 0;
    font-size: 100%;
	font-weight:normal;
	font-style:normal;
	line-height: 1.0;
	list-style:none;
	font-family:YuGothic, "游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
}
article,
aside,
canvas,
details,
figcaption,
figure,
header,
footer,
hgroup,
menu,
nav,
section,
summary {
	display: block;
}
img {
	border:none;
	width:100%;
	height:auto;
}
ul {
	list-style-type: none;
}
li{
	list-style-type: none;
	display: inline-block;
}
a,
a:link,
a:visited,
a:hover {
	color:#8e8580;
	text-decoration: none;
}

a:hover {
    opacity:0.6;
    -moz-opacity:0.6;
    filter:alpha(opacity = 60);
}

a.btn_logo:hover {
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity = 100);
}

a.btn_logo {
	display:block;
}

a.btn_logo img {
	width:100%;
	height:auto;
	display:block;
}

a {
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
}

.tal {
	text-align:left;
}

.pb30 {
	padding-bottom:30px !important;
	clear:both;
}

.pt10 {
	padding-top:10px !important;
}

.pt30 {
	padding-top:30px !important;
}

.pb100 {
	padding-bottom:100px !important;
}

.pt15 {
	padding-top:15px !important;
}

span.rubi {
	font-size:80%;
}

span.rubi2 {
	font-size:65%;
}

span.block {
	display:block;
}

@media screen and (max-width: 768px) {
	span.block {
		display:inline;
	}
}

span.blocks5 {
	display:block;
	margin-top:5px;
}

.pc_disnon {
	display:none;
}

/*--------------------------------------
  clear fix
---------------------------------------*/

.clrfx{
	min-height:1%;
}
.clrfx:after{
/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}
* html .clrfx{/* for IE */
	/*¥*/height:1%;/* for WinIE */
	display:inline-table;/* for MacIE */
}
body*.clrfx:after{
	content:".";
}


/*--------------------------------------
  style
---------------------------------------*/
body {
	text-align:center;
	font-size:0.9em;
	overflow:auto;
}

.bx-controls {
	display:none;
}

.main_slider {
	padding:46px 0 20px 0;
}

.bxslider li {
	text-align:center;
	height:411px;
}

@media screen and (max-width: 999px) {
	.main_slider {
		padding:0px 0 0px 0;
	}
}

@media screen and (max-width: 768px) {
	.bxslider li {
		height:300px;
	}
}

.bxslider li:nth-child(1) {
	background-image:url(../img/top/slide001_160919.jpg);
	background-size:cover;
	background-position:center bottom;
}

.bxslider li:nth-child(2) {
	background-image:url(../img/top/slide001.jpg);
	background-size:cover;
}

.bxslider li .wrap {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	width:100%;
}

.bxslider li:nth-child(1) .wrap img {
	max-width:305px;
	width:95%;
	margin:0 auto;
}

.bxslider li:nth-child(2) .wrap img {
	max-width:280px;
	width:95%;
	margin:0 auto;
}

.bxslider li:nth-child(1) a.btn_blue {
	display:inline-block;
	padding:10px 50px;
	background-color:#8e8580;
	color:#ffffff;
	margin:35px auto 0 auto;
	border-radius:50px;
	/*font-family: Copperplate, 'Copperplate Gothic Light', 'Balthazar', "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	font-family:"游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.bxslider li:nth-child(2) a.btn_blue {
	display:inline-block;
	padding:10px 50px;
	background-color:#0034b7;
	color:#ffffff;
	margin:20px auto 0 auto;
	border-radius:50px;
	font-family: Copperplate, 'Copperplate Gothic Light', 'Balthazar', "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/*a.btn_blue span {
	background-image:url(../img/top/arrow_white001.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding:0 2%;
	display:inline-block;
}*/

/*--------------------------------------
  Under
---------------------------------------*/
.main_h2 {
	font-family: Copperplate, 'Copperplate Gothic Light', 'Balthazar', "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#8e8580;
	font-size:2.2em;
	padding:0px 0 15px 0;
	text-align:center;
}

#brands > li {
	float:left;
	background-image:url(../img/top/border_brands.gif);
	background-size:1px 1px;
	background-repeat:repeat-y;
	background-position:right top;
	width:20%;
}

@media screen and (max-width: 768px) {
	#brands > li {
		width:50%;
	}
	
	.brand_logos {
		margin-top:30px;
	}
}

.brand_logos {
	width:100%;
}

@media screen and (max-width: 478px) {
	#brands > li {
		width:100%;
		float:none;
	}
}

@media screen and (min-width: 1000px) {
	.brand_logos {
		width:100%;
	}
}

#pages_brands {
	margin-bottom:30px;
}

#brands li {
	position:relative;
}

#brands li h3 {
	padding:7% 7% 10px 7%;
	text-align:left;
	font-weight:bold;
	line-height:1.4;
}

#brands li h4 {
	padding:7%;
	line-height:1.4;
}

#brands li p {
	padding:0 7% 7% 7%;
	text-align:left;
	line-height:1.8;
}

a.btn_link {
	display:block;
	padding:10px 0;
	width:60%;
	min-width:100px;
	background-color:#8e8580;
	color:#ffffff;
	font-weight:bold;
	margin:20px auto;
	border-radius:50px;
	font-family: Copperplate, 'Copperplate Gothic Light', 'Balthazar', "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

body img.btn_hover_brand {
	display:none;
	position:absolute;
	top:0;
	left:0;
}

@media screen and (max-width: 768px) {
	a.btn_link {
		width:86%;
	}
}

a.btn_link2 {
	display:inline-block;
	padding:10px 30px;
	min-width:100px;
	background-color:#8e8580;
	color:#ffffff;
	font-weight:bold;
	border-radius:50px;
	margin:0px 0px 50px 0px;
}

a.btn_link3 {
	display:inline-block;
	padding:10px 0px;
	width:100%;
	background-color:#8e8580;
	color:#ffffff;
	font-weight:bold;
	margin:20px auto;
	border-radius:50px;
}

#brands li li .date {
	display:block;
	padding:0 0 5px 0;
}

#brands li li {
	padding:0 7% 15px 7%;
	text-align:left;
	width:86%;
	display:block;
	float:none;
	line-height:1.3;
}

#brands li ul {
	padding:0 0 7% 0;
	border-bottom:solid 1px #ddd6d2;
}

#goods {
	margin:0 auto 100px auto;
}

#goods > p {
	line-height:1.8;
	padding:10px 0 25px 0;
}

#goods_h2 {
	width:304px;
	text-align:center;
	margin:90px auto 30px auto;
}

#goods_list {
	width:80%;
	margin:0 auto;
}

#goods_list li {
	float:left;
	width:27%;
	margin:0 3%;
}

@media screen and (max-width: 768px) {
	#goods_list {
		width:100%;
		margin:0 auto;
	}
	#goods_list li {
		float:left;
		width:40%;
		margin:0 5%;
	}
}

@media screen and (max-width: 550px) {
	#goods_list li {
		float:none;
		width:64%;
		margin:0 18%;
	}
}

#goods_list li img {
	border-radius:450px;
}

#goods_list li > h4 {
	padding:0 0 10px 0;
	font-weight:bold;
}

#goods_list li > h5 {
	padding:20px 0 10px 0;
}

#goods_list li > p {
	text-align:left;
	line-height:1.4;
}