@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Anton&display=swap');
/* CSS Document */
/**{
	text-shadow: 0 0 3em rgba(0,0,0,0.25);
}*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #333;
}

#header {
    /*background: #333;*/
	/*background: url(../img/wwl/header_bg.png) no-repeat;*/
	background: #FFF;
	background-size: cover;
	background-position: center;
    width: 100%;
	margin-bottom: -30px;
	padding-top: 0px;
	padding-bottom: 8px;
}
@media only screen and (max-width: 768px){
	#header {
		border-bottom: 3px solid #C7000B;
	}
}
/*追加共有スタイル-------------------------------------------------*/
h1{
	margin: 0 0 10px 0;
	padding: 3px;
    border-bottom: 1px solid #333333;
    font-weight: normal;
    font-size: 1.3em;
}
h1 span{
	font-size: 60%;
}
@media only screen and (max-width: 768px){
	h1 span{
		font-size: 50%;
		display: block;
	}
}
/*追加共有スタイル-------------------------------------------------*/

/*関連商品*/
#related_product_area{
	padding: 0 2%;
}

/* 20180928追加 スマホの上部が隠れていたためmargin-top追加*/
@media only screen and (max-width: 768px){
	#contents {
		min-height: 100vh;
		z-index: 2;
		margin-top: 30px;
	}
}


@media only screen and (min-width: 769px){
	.container-fluid {
		max-width:1040px;
		/*background-color:#999999;*/
		padding-left: 0px;
		padding-right: 0px;
	}
	.container-fluid {
		padding-left: 0px;
		padding-right: 0px;
	}
	#header .header_logo_area {
		float: left;
		margin-right: 10px;
		/*margin-bottom: 22px;*/
		margin-bottom: 0px;
		margin-top: 8px;
	}
}

@media only screen and (max-width: 768px){
	#header .header_logo_area {
		float: left;
		margin-right: 10px;
		margin-bottom: 0px;
		margin-top: 10px;
	}
}

.header_logo_area {
    float: left;
    margin-right: 0px;
}

h1.header_logo,
h1.header_logo_side{
	margin: 0 0 10px 0;
    padding: 3px;
    border-bottom: 0px solid #333333;
    font-weight: normal;
    font-size: 1.3em;
}

@media only screen and (min-width: 769px){
	.header_logo_area .header_logo {
		width: 157px;
		height: 53px;
		/*background-image: ("{{ app.config.front_urlpath }}/img/wwl/header_logo.png") no-repeat;*/
		background-image: url("../img/wwl/header_logo.png");
		background-repeat: no-repeat;
	    background-size: contain;
		background-position:center;
	}
}

@media only screen and (max-width: 768px){
	.header_logo_area .header_logo {
		width: 130px;
		height: 53px;
		/*background-image: ("{{ app.config.front_urlpath }}/img/wwl/header_logo.png") no-repeat;*/
		background-image: url("../img/wwl/header_logo.png");
	    background-size: contain;
		background-position:center;
		background-repeat: no-repeat;
	}
}

	.header_logo a {
	  display: block;
	  width: 157px;
	  height: 53px;
	}

@media only screen and (min-width: 769px){
	.header_logo_area .header_logo_side {
		width: 150px;
		height: 50px;
		/*background-image: ("{{ app.config.front_urlpath }}/img/wwl/header_logo.png") no-repeat;*/
	}
}

@media only screen and (max-width: 768px){
	.header_logo_area .header_logo_side {
		width: 150px;
		height: 50px;
		/*background-image: ("{{ app.config.front_urlpath }}/img/wwl/header_logo.png") no-repeat;*/
	}
}


@media only screen and (min-width: 769px){
	#header .header_bottom_area {
		/*clear: none;*/
		/*padding-top: 23px;*/
		padding-top: 0px;
	}
}


.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 25px;
    background: #333333;
}

#btn_menu {
    margin: 0;
    position: absolute;
    right: 0px;
    top: 14px;
    z-index: 11;
}

@media only screen and (min-width: 768px){
	ul.title {
		height: 25px;
		float: left;
		max-width: 1040px;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 768px){
	p.header_title {
		margin: 0;
	    font-size: 10px;
		color: #FFF;
		font-weight: bold;
		margin-top: 4px;
	}
}


@media only screen and (min-width: 768px){
	#member {
		float: none;
		height: 25px;
		background-color: #333;
		max-width: 1040px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 768px){
	.member_link {
		margin-bottom: 0px;
		background-color: #333;
	}
}

@media only screen and (min-width: 769px){
	.member_link {
		max-width: 1040px;
		margin: 0 auto;
		float: right;
		/*margin-top: -27px;
		margin-right: -11px;*/
		font-weight: bold;
	}
}


@media only screen and (max-width: 768px){
.member_link a {
    border: 0 none;
    color: #FFF;
	font-size: 1.6rem;
	text-shadow: 0 0 1.2em rgba(0,0,0,0.75);
}
}

@media only screen and (min-width: 769px){
.member_link a {
    border: 0 none;
    color: #FFF;
	font-size: 1.1rem;
}
}

.member_link a .cb {
    font-size: 20px;
    font-size: 2rem;
    fill: #B8BEC4;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.member_link a {
    height: 25px;
    line-height: 28px;
}


.cart {
    position: absolute;
    height: 50px;
    width: 90%;
    top: 62px;
    left: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}


@media only screen and (min-width: 768px){
	#cart_area p {
		border: 0px solid #D9D9D9;
		float: right;
		min-width: 76px;
	}
}

@media only screen and (min-width: 768px){
	#cart_area {
		top: 20px;
		right: 226px;
	}
}

@media only screen and (min-width: 768px){
	#favo_area {
		position: absolute;
		top: 27px;
		right: 80px;
	}
}

@media only screen and (max-width: 769px){
	#favo_area {
		position: absolute;
		top: 21px;
    right: 108px;
	}
}

@media only screen and (min-width: 768px){
	#cart_area .inner {
		min-width: 300px;
	}
}

@media only screen and (min-width: 768px){
#header #cart_area {
    width: auto;
    top: 20px;
    right: 0;
}
}

#cart_area {
    width: 100%;
    position: absolute;
    right: -16px;
    top: 13px;
    z-index: 11;
}

.cart .item_box .item_name {
    margin-right: 115px;
    font-size: 12px;
    /* font-size: 1.6rem; */
}

#cart .inner {
    background: #ffffff;
    opacity: 0.9;
    border-radius: 10px;
}

p.cart-trigger a:link{
    text-decoration: none;
    color: #000;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #ed1e79;
    border-radius: 10px;
}

@media only screen and (min-width: 768px){
	#header #cart_area p.cart-trigger .badge {
		position: relative;
		left: 5px;
		top: -12px;
	}
}
@media only screen and (max-width: 768px){
	#search {
		background: #333;
		padding: 16px 8px;
	}
}


@media only screen and (min-width: 769px){
	#header .search .input_search {
		float: left;
		background-color: #FFF;
	}
}

.form-control {
    border: 1px solid #C4CCCE;
    /* border-radius: 3px !important; */
	border-radius: 1px !important;
    box-shadow: none;
    font-size: 16px;
    font-size: 1.6rem;
    height: 40px;
    padding: 6px 12px;
    width: auto;
    line-height: 1.5;
}

@media only screen and (min-width: 769px){ 
	#search select {
		width: auto;
		max-width: 180px;
		height: 28px; 
	}
}

@media only screen and (max-width: 768px){
.search .input_search {
    height: 28px;
    padding: 0 210px 0 1em;
    border: 1px solid #fff;
    position: relative;
    margin-left: 0%;
	background-color: #FFF;
}
}

@media only screen and (min-width: 769px){ 
.search .input_search {
    height: 28px;
    padding: 0 615px 0 1em;
    border: 1px solid #ccc;
    position: relative;
    margin-left: 1%;
}
}

/*Firefox用*/
@media only screen and (min-width: 769px){ 
@-moz-document url-prefix(){
	.search .input_search {
    height: 28px;
    padding: 0 499px 0 1em;
    border: 1px solid #ccc;
    position: relative;
    margin-left: 1%;
}
}
}

/*IE10〜11用*/
@media only screen and (min-width: 769px){ 
	_:-ms-input-placeholder, :root .search .input_search {
    height: 28px;
    padding: 0 508px 0 1em;
    border: 1px solid #ccc;
    position: relative;
    margin-left: 1%;
}
}

/*Edge12〜14用*/
@media only screen and (min-width: 769px){ 
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
	.search .input_search {
    height: 28px;
    padding: 0 503px 0 1em;
    border: 1px solid #ccc;
    position: relative;
    margin-left: 1%;
}
}
}


/*Edge15用*/
@media only screen and (min-width: 769px){ 
@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
	.search .input_search {
    height: 28px;
    padding: 0 503px 0 1em;
    border: 1px solid #ccc;
    position: relative;
    margin-left: 1%;
}
}
}

@media only screen and (max-width: 768px){
input[type="search"] {
    height: 28px !important;
    width: 890% !important;
    font-size: 16px;
    font-size: 1.6rem;
    border: 0 none;
    padding: 0.5em 0;
    box-shadow: none;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}

@media only screen and (min-width: 769px){
input[type="search"] { 
    height: 28px !important;
    width: 280% !important;
    font-size: 16px;
    font-size: 1.6rem;
    border: 0 none;
    padding: 0.5em 0;
    box-shadow: none;
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}

.bt_search {
    border: 0;
    background: none;
    position: absolute;
    right: 10px;
    top: -5px;
    display: block;
    width: 27px;
    height: 27px;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1;
}

.bt_search .cb-search {
    fill: #636378;
    font-size: 20px;
    font-size: 2.0rem;
	/*background-color: #b3000b;*/
}

@media only screen and (min-width: 769px){
select#category_id{
	font-size:1.1rem;
}
}

@media only screen and (max-width: 768px){
select#category_id {
    font-size: 1.3rem;
}
}

.header_info{
	/*float: right;*/
	text-align:right;
	/*margin-top: -54px;
    margin-left: 74px;*/
	margin-top: 19px;
    margin-left: -46px;
	color: #000;
	line-height: 0rem;
	font-weight: bold;
}

.header_info_small_1{
	font-size: 1.055rem;
	/*text-shadow: 0 0 3px rgba(0,0,0,0.95);*/
}

.header_info_small_2{
	font-size: 1.0rem;
	/*text-shadow: 0 0 3px rgba(0,0,0,0.95);*/
}

@media only screen and (max-width: 768px){
.header_info_small_2{
	font-size: 1.1rem;
	display:none;
}	
}

@media only screen and (min-width: 769px){
.header_info_large{
	font-size: 2.12rem;
	margin: 0;
    line-height: 16px;
	/*text-shadow: 0 0 3px rgba(0,0,0,0.95);*/
}
}

@media only screen and (max-width: 768px){
.header_info_large {
    font-size: 1.4rem;
}
}


/*	header_navigation
--------------------------- */

/* header_navi */
@media only screen and (min-width: 769px){
nav#header_navigation{
	width:100%;
	/*background-color: #C7000B;旧カラー*/
	background-color: #ed1e79;
}

#drawer .header_navi {
    margin-bottom: 16px;
}

.header_navi{
	font-size:0px;
	text-align:center;
	max-width: 1040px;
    margin: 0 auto;
	display: flex;
}

.header_navi a {
	/*font-family: 'Sorts Mill Goudy', "游ゴシック";*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    display: block;
    height: 40px;
    line-height: 32px;
    padding: 4px 10px;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 1.4rem;
    /*font-weight: bold;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
	/*border-right: 1px solid rgba(150,0,11,1);*/
	transition: 0.5s ease;
}
/*.header_navi li:first-child a {
	border-left: 1px solid rgba(150,0,11,1);
}*/
	
.header_navi a.has-toggle {
    padding-right: 50px;
}
.header_navi a:link,
.header_navi a:visited,
.header_navi a:hover,
.header_navi a:active {
    text-decoration: none;
}
.header_navi a:hover {
    background: rgba(257, 32, 120, 1);
}
.header_navi a .toggle {
    display: block;
    position: absolute;
    right: 10px; top: 5px;
    width: 40px; height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
}
.header_navi .active > .toggle .cb {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
.header_navi li > a.active {
    background: rgba(204, 204, 204, 0.1);
}

.header_navi span {
	/*font-family: 'Sorts Mill Goudy', "游ゴシック";*/
	font-family: Arial, Helvetica, "sans-serif"; 
    padding: 0 10px;
	display:block;
    color: #FFFFFF;
    font-size: 10px;
    font-size: 1.0rem;
    /*font-weight: bold;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}


.header_navi ul {
	width:1040px;
	
}
.header_navi ul > li > a {
    padding-left: 18px;
}
.header_navi ul > li > ul > li > a {
    padding-left: 26px;
}
.header_navi ul > li > ul > li > ul > li a {
    padding-left: 42px;
}

.header_navi li {
	display:inline-block;
	/*width:20%;*/
	width:100%;
}
}

@media only screen and (max-width: 768px){
nav#header_navigation{
	width:100%;
	background-color: #808080;
}

#drawer .header_navi {
    margin-bottom: 16px;
}

.header_navi{
	font-size:0px;
	/*text-align:center;*/
	max-width: 1040px;
    margin: 0 auto;
}

.header_navi a {
	font-family: 'Sorts Mill Goudy', "游ゴシック";
    height: 40px;
    /*line-height: 26px;*/
    padding: 4px 10px;
    color: #FFF;
    font-size: 17px;
    font-size: 1.7rem;
    /*font-weight: bold;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.header_navi a.has-toggle {
    padding-right: 50px;
}
.header_navi a:link,
.header_navi a:visited,
.header_navi a:hover,
.header_navi a:active {
    text-decoration: none;
}
.header_navi a:hover {
    background: rgba(204, 204, 204, 0.1);
}
.header_navi a .toggle {
    display: block;
    position: absolute;
    right: 10px; top: 5px;
    width: 40px; height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
}
.header_navi .active > .toggle .cb {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
.header_navi li > a:hover {
    background: rgba(204, 204, 204, 0.1);
}
.header_navi li > a.active {
    background: rgba(204, 204, 204, 0.1);
}

.header_navi span {
	font-family: 'Sorts Mill Goudy', "游ゴシック";
    padding: 0 10px;
	display:block;
    color: #FFFFFF;
    font-size: 10px;
    font-size: 1.0rem;
    /*font-weight: bold;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}


.header_navi ul {
	width:1040px;
}
.header_navi ul > li > a {
    padding-left: 18px;
}
.header_navi ul > li > ul > li > a {
    padding-left: 26px;
}
.header_navi ul > li > ul > li > ul > li a {
    padding-left: 42px;
}

.header_navi li {
	width: 100%;
	background-color: #333;
}
}


@media only screen and (min-width: 769px){
.slider {
    width: 90%;
    margin: 0 auto 40px;
	display:none;
}
/*
.slick-slide{
	max-width:1040px;
  }
*/
	
.slick-slide {
    display: none;
    float: left;
    height: auto !important;
    min-height: 1px;
}
	
.slick-slide img {
    width: 100%;
    height: auto;
  }
.main_visual{
	width: 100%;
}
.main_visual .slick-slide{
	margin-bottom:5px;
}

.main_visual .slick-slide:not(.slick-center) {
	-webkit-filter: opacity(50%);
	-moz-filter: opacity(50%);
	-o-filter: opacity(50%);
	-ms-filter: opacity(50%);
	filter: opacity(50%);
	transition: 0.2s linear;
}
	
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    /*color: white;*/
	color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -29px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 13px;
    height: 13px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
}

@media only screen and (max-width: 768px){
.slider {
    width: 90%;
    margin: 0 auto 0px;
	/*padding-top:30px;*/
	padding-bottom:30px;
}
}
/*
.slick-slide{
	max-width:1040px;
  }
*/
.slick-slide {
    height: auto !important;
}

.slick-slide img {
    width: 100%;
    height: auto;
}
	
.main_visual{
	width: 100%;
}
.main_visual .slick-slide{
	margin-bottom:5px;
}

.main_visual .slick-slide:not(.slick-center) {
	-webkit-filter: opacity(50%);
	-moz-filter: opacity(50%);
	-o-filter: opacity(50%);
	-ms-filter: opacity(50%);
	filter: opacity(50%);
	transition: 0.2s linear;
}
	
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    /*color: white;*/
	color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

@media only screen and (min-width: 769px){
.slick-dots
	{
		position: absolute;
		bottom: -24px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
}

@media only screen and (max-width: 768px){
.slick-dots
	{
		position: absolute;
		bottom: 5px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
}

.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 15px;
    height: 15px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/*	category
--------------------------- */
#category,
#c_category{
	margin-bottom: 30px;
}

@media only screen and (min-width: 768px){
	#category {
		clear: both;
		margin: 10px 0 30px 0;
	}
}

.category-nav p ,
.c_category-nav p {
    display: block;
	/*height: 30px;*/
    line-height: 2em;
    padding: 0 0px;
	margin: 0 0 6px 0;
    color: #525263;
    font-size: 1.2em;
    /*font-weight: bold;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #333333;
}


.category-nav a,
.c_category-nav a {
    display: block;
	/*height: 30px;*/
	height: auto;
    margin: 0;
    line-height: 25px;
    padding: 5px 0px;
    color: #525263;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #E8E8E8;
}
.category-nav li > a:hover,
.c_category-nav li > a:hover {
	background-color: rgba(0,0,0,0.08);
	color: rgba(199,0,11,1) ;
}

@media only screen and (min-width: 769px){
	.side .category-nav > li {
		display: block;
		margin: 0;
	}
}
	/*.side .category-nav > li:last-child {
		display: none;
	}
}*/

/*.category-nav > li:last-child {
		display: none;
	}*/

.category-nav li.primary_zaiko{
	background-color: #fee100;
	height: 34px;
    padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.category-nav li.primary_zaiko a{
	color: #e51c24;
	display: block;
    /* height: 30px; */
    height: auto;
    margin: 0;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: none;
}

.category-nav li.primary_zaiko a:hover {
	background-color: rgb(255 255 255 / 8%);
	color: #1a1a1a;
}

.category-nav li.primary_top{
	background-color: #ed1e79;
	color: #ffffff;
	height: 34px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 5px;
	margin-top: 0px;
}

.category-nav li.primary{
	background-color: #ed1e79;
	color: #ffffff;
	height: 34px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 5px;
	margin-top: 20px;
}

.category-nav li.secondary{
	color: #000000;
    font-size: 13px;
    padding-left: 15px;
    padding-top: 5px;
}

@media only screen and (min-width: 769px){
	#left_bnr{
		margin-top:10px;
	}
}

@media only screen and (min-width: 769px){
	#left_bnr:first-child{
		margin-top:0px;
	}
}

@media only screen and (max-width: 768px){
	#left_bnr{
	}
}

.btob_ap {
	margin:0 auto;
	width: 70%;
	/*background-image: ("{{ app.config.front_urlpath }}/img/wwl/header_logo.png") no-repeat;*/
	background-image: url("../img/wwl/ap_logo.jpg");
	background-size: contain;
	background-position:center;
	background-repeat: no-repeat;
}

.btob_ap a {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 100%;
	}

#drawer .category-nav {
    margin-bottom: 16px;
}
	
	#drawer .category-nav li.primary_top{
		background-color: #ed1e79;
		color: #ffffff;
		height: 34px;
		font-size: 18px;
		font-weight: bold;
		padding-left: 15px;
		padding-top: 5px;
		margin-top: 0px;
	}



#footer {
	padding: 32px 0 0 0;
	margin: 80px 0 0 0;
	background: #333;
}

#footer a {
    /*color: #444;*/
    color: #FFF;
	font-size: 1.1rem;
}
#footer .container-fluid{
	padding-bottom: 50px;
}

@media only screen and (min-width: 769px){
	#footer ul li {
		display: block;
		margin: 0 8px 8px;
		line-height: 0.8em;
	}
}

#footer ul {
	text-align: left;
}

#footer li {
	line-height:8px;
}

.f_menu{
	width:200px;
	float: left;
}

.f_menu:nth-child(4n){
	width:175px;
	float: right;
}

.f_menu p.foot-title{
	color: #FFFFFF;
	border-left:5px solid #b3000b;
	margin-bottom: 8px;
	padding-left: 10px;
}

#pagetop{
	text-align: right;
}

@media only screen and (max-width: 768px){
	#footer ul li {
		display: block;
		margin: 0 8px 8px;
	}

	#pagetop{
		text-align: right;
	}
		
	#footer .container-fluid{
	padding-bottom: 100px;
	}
}

.footer_logo{
	margin-top: 17px;
	width: 174px;
	height: 50px;
	background-image: url("../img/wwl/footer_logo.png");
	background-size: contain;
	background-position:right;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 768px){
	.footer_logo{
		float: right;
		/*margin-top: 70px;*/
		width: 174px;
		height: 50px;
		background-image: url("../img/wwl/footer_logo.png");
		background-size: contain;
		background-position:right;
		background-repeat: no-repeat;
	}
}

.footer_logo a {
  display: block;
  width: 174px;
  height: 27px;
}

.footer_logo p {
	font-size: 1.7rem;
	text-align:right;
	color: #FFFFFF;
	margin-top: 0;
}

.footer_logo p:first-child{
	margin-top:30px;
}
	
@media only screen and (min-width: 769px){
	.footer_logo_area {
		margin-top: 88px;
		clear: both;
	}
	.footer_logo_area .copyright {
		font-size: 16px;
		font-size: 1.6rem;
		color: #FFF;
	}
}

@media only screen and (max-width: 768px){
	.footer_logo_area {
		margin-top: 30px;
		clear: both;
	}
	.footer_logo_area .copyright {
		padding-top: 82px;
		font-size: 16px;
		font-size: 1.6rem;
		color: #FFF;
	}
}


#privacymarkarea{
	background-color: #FFF;
    clear: both;
    width: 100%;
    margin-top: -32px;
}

#privacymarkarea p{
	font-size: 10px;
    color: #525263;
	margin: 37px 0 5px 0;
    width: 98%;
}

#privacymarkarea img{
	width: 20%;
	float: left;
    margin: 12px 3px -11px 6px;
}

#privacymarkarea a{
	color: #525263;
}

#privacymarkarea a:active{
	color: #525263;
}


#tuyomiarea{
	background-color: #FFF;
    padding: 8px 0 45px 0;
    clear: both;
    text-align: center;
    width: 100%;
    margin-top: -32px;
}

#tuyomiarea p{
	font-size: 14px;
    color: #525263;
    margin: 20px 0 5px 0;
}

#telarea {
	background-color: #66d0ca;
    padding: 8px 0 45px 0;
    clear: both;
    text-align: center;
    width: 100%;
    margin-top: -32px;
}

#telarea a{
	display: block;
}

#telarea p:first-child{
	font-size: 14px;
    color: #FFF;
    margin: 8px 0 2px 0;
}

#telarea p{
	font-size: 14px;
    color: #FFF;
    margin: 0px 0 2px 0;
}

#telarea p.tel{
	font-size: 23px;
    color: #FFF;
    margin: 0px 0 2px 0;
}

@media only screen and (min-width: 769px){
	#snsarea{
		background-color: #cfcfcf;
		padding: 0px 0 15px 0;
		clear: both;
		text-align: center;
		width: 100%;
		margin-top: -32px;
	}

	#snsarea p{
		font-weight: bold;
		font-size: 30px;
		color: #ed1e79;
		margin: 20px 0 5px 0;
	}

	#snsarea ul {
		width: 100%;
		max-width: 1040px;
		text-align: center!important;
		margin: 0 auto!important;
	}

	#snsarea ul li {
		display: inline-block!important;
	}

	#snsarea ul li img{
		width: 80%;
		max-width: 100px;
	}
}

@media only screen and (max-width: 768px){
	#snsarea{
		background-color: #cfcfcf;
		padding: 0px 0 15px 0;
		clear: both;
		text-align: center;
		width: 100%;
		margin-top: -32px;
	}

	#snsarea p{
		font-weight: bold;
		font-size: 20px;
		color: #ed1e79;
		margin: 20px 0 5px 0;
	}

	#snsarea ul {
		width: 100%;
		max-width: 1040px;
		text-align: center!important;
		margin: 0 auto!important;
	}

	#snsarea ul li {
		display: inline-block!important;
		margin: 0 -10px 0px;
	}

	#snsarea ul li img{
		width: 70%;
		max-width: 80px;
	}
}

@media only screen and (min-width: 769px){
	#twitter{
		background-color: #cfcfcf;
		padding: 30px 0 55px 0;
		clear: both;
		text-align: center;
		width: 100%;
		margin-top: -32px;
	}

	#twitter p{
		font-weight: bold;
		font-size: 20px;
		color: #ed1e79;
		margin: 20px 0 5px 0;
	}

	#twitter ul {
		width: 100%;
		max-width: 1040px;
		text-align: center!important;
		margin: 0 auto!important;
	}

	#twitter ul li {
		display: inline-block!important;
		margin: 0 -10px 0px;
	}

	#twitter ul li img{
		width: 70%;
		max-width: 80px;
	}
}

@media only screen and (max-width: 768px){
	#twitter{
		background-color: #cfcfcf;
		padding: 30px 0 55px 0;
		clear: both;
		text-align: center;
		width: 100%;
		margin-top: -32px;
	}

	#twitter p{
		font-weight: bold;
		font-size: 20px;
		color: #ed1e79;
		margin: 20px 0 5px 0;
	}

	#twitter ul {
		width: 100%;
		max-width: 1040px;
		text-align: center!important;
		margin: 0 auto!important;
	}

	#twitter ul li {
		display: inline-block!important;
		margin: 0 -10px 0px;
	}

	#twitter ul li img{
		width: 70%;
		max-width: 80px;
	}
}


#copyarea{
	background-color: #161616;
	padding: 1px 0 1px 0;
	clear: both;
}
#copyarea p{
	text-align: center;
	color: #fff;
}

/*タブバナー右上飛び出すタイプ*/
.slidebnr_right {
	position: fixed;
    right: -302px;
    top: 360px;
    z-index: 9999;
    padding-top: 0px;
    padding-left: 75px;
    background: url(../img/wwl/right_tab_20180615.gif) left top no-repeat;
    box-sizing: border-box;
    width: 377px;
    height: 380px;
    -webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.slidebnr_right:hover{
	opacity:1;
	 right: 0;
}

/*タブバナー飛び出すタイプ_共通設定*/
.bnrArea ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.bnrArea {
    padding:10px;
    background: #fff;
}

.bnrArea li {
    padding-bottom: 5px;
    border-bottom: 1px dashed #272727;
}

.bnrArea ul li:last-child{
    padding-bottom: 0px;
	border-bottom:none;
	margin-bottom: -4px;
}

.bnrArea li+li {
    margin-top: 5px;
}


/*	main.twig(block)
--------------------------- */

.main_cont{
	margin:0;
	padding:0;
	width:100%;
}

@media only screen and (min-width: 769px){
.hid-led_cont{
	max-width:780px;
	padding-bottom: 30px;
}

a.hid-car-list {
	display:block;
	text-align: center;
	font-size:20px;
	font-size:2.0rem;
	max-width:780px;
	height:82px;
	color:#333333;
	background-image: url("../img/wwl/hid-led_mt.png");
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-origin: initial;
}
	
	a.hid-car-list:hover {
		opacity:0.8;		
	}

.hid-led_cont h1{
	text-align: center;
	font-size:20px;
	font-size:2.0rem;
	width:100%;
	height:30px;
	color:#FFFFFF;
	border:1px solid #CCC;
	background-color:#333333;
	margin: 10px 0 3px 0;
}

.hid-led_cont div{
	margin-bottom:10px;
}

.hid-led_cont div ul{
	/*float: right;*/
	width: 100%;
	background-repeat: no-repeat;  
	background-position: top left; 
	background-size: contain;
	background-origin: initial;
	padding-left: 14%;
}
.hid-led_cont div.hid ul{
	background-image: url("../img/wwl/hid-5pentagon.png");
}
.hid-led_cont div.led ul{
	background-image: url("../img/wwl/led-5pentagon.png");
}

.hid-led_cont div li{
	float: left;
    width: 12.288%;
    text-align: center;
    border: 1px solid #CCC;
    background-color: #e8e8e8;
    margin: 0.99999%;
	transition:all 2s ease;
}
	
.hid-led_cont div li img{
	width: 100%;
}
	
.hid-led_cont ul li a{
	color: #333333;
    display: block;
    padding-top: 0%;
}

a.wheel-car-list {
	display:block;
	text-align: center;
	font-size:20px;
	font-size:2.0rem;
	max-width:780px;
	height:82px;
	color:#333333;
	background-image: url("../img/wwl/wheel_mt.png");
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-origin: initial;
}
	
	a.wheel-car-list:hover {
		opacity:0.8;			
	}

}

@media only screen and (max-width: 768px){
.hid-led_cont{
	max-width:780px;
	padding-bottom: 30px;
}

a.hid-car-list {
	display:block;
	text-align: center;
	font-size:20px;
	font-size:2.0rem;
	padding-bottom: 30%;
	color:#333333;
	background-image: url("../img/wwl/hid-led_mt_sp.png");
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-origin: initial;
}
	
	a.hid-car-list:hover {
		opacity:0.8;		
	}

a.wheel-car-list {
	display:block;
	text-align: center;
	font-size:20px;
	font-size:2.0rem;
	padding-bottom: 30%;
	color:#333333;
	background-image: url("../img/wwl/wheel_mt_sp.png");
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-origin: initial;
}
	
	a.wheel-car-list:hover {
		opacity:0.8;			
	}

.hid-led_cont h1{
	text-align: center;
	font-size:20px;
	font-size:2.0rem;
	width:100%;
	height:30px;
	color:#FFFFFF;
	border:1px solid #CCC;
	background-color:#808080;
}

.hid-led_cont div{
	margin-bottom:30px;
}

.hid-led_cont div ul{
	/*float: right;*/
	width: 100%;
	background-repeat: no-repeat;  
	background-position: top; 
	background-size: contain;
	background-origin: initial;
	padding-top: 18%;
}
.hid-led_cont div.hid ul{
	background-image: url("../img/wwl/hid-sp.png");
}
.hid-led_cont div.led ul{
	background-image: url("../img/wwl/led-sp.png");
}



.hid-led_cont div li{
	float: left;
    /*width: 31.3%;*/
	width: 23%;
    text-align: center;
    border: 1px solid #CCC;
    background-color: #e8e8e8;
    margin: 0.99999%;
}
	
.hid-led_cont div li img{
	width: 100%;
}
	
.hid-led_cont ul li a{
	color: #333333;
    display: block;
    padding-top: 0%;
}
}

.wheel_cont{
	max-width:780px;
	padding-bottom: 30px;
}
	
a.car-list:hover {
	color:#CCCCCC;			
}

.wheel_cont h1{
	text-align: center;
	font-size:20px;
	font-size:2.0rem;
	width:100%;
	height:30px;
	color:#FFFFFF;
	border:1px solid #CCC;
	background-color:#333333;
	margin: 10px 0 0 0;
}

@media only screen and (min-width: 769px){
	.wheel_box{
		/*float: right;*/
		width: 32.33%;
		float:left;
	}
}

@media only screen and (max-width: 768px){
	.wheel_box{
		width: 47%;
		margin-bottom: 20px;
		float: left;
		margin: 1.5%;
	}
}

@media only screen and (min-width: 769px){
	.wheel_box:nth-child(2){
		margin:0 1.5%;
	}
}

a.wheel_box{
	/*float: right;*/
	width: 100%;
	background-repeat: no-repeat; 
	background-size: contain;
	background-origin: initial;
}
.wheel_box img{
	border:1px solid #CCC;
	width: 100%;
}

.wheel_box li{
	float:left;
	width: 33.333%;
}
.wheel_box.wheel_01 li{
	width: 20%;
}
	
.wheel_box  ul li a{
	text-align:center;
	margin:3px;
	display:block;
	border:1px solid #333;
	background-color:#333;
	/*height:80px;*/
	font-size:20px;
	font-size:2.0rem;
	color:#FFF;
	line-height:1em;
	padding:20px 0;
}
.wheel_box  ul li a span{
	display:block;
	font-size:0.3em;
	line-height:1em;
}
.wheel_cont ul li:first-child a{
	margin-left:0;
}
.wheel_cont ul li:last-child a{
	margin-right:0;
}

/* お知らせ */
@media only screen and (min-width: 768px){
	.news_contents {
		padding: 0 0px 0 0;
		max-width: 780px;
		width: 100%;
	}
}

@media only screen and (min-width: 768px){
	.newslist dt {
		padding: 10px;
	}
	
	.newslist dt .angle-circle {
		top: 8px;
		width: 25px;
		height: 25px;
	}

	.newslist dt .cb {
		font-size: 20px;
		top: 2px;
		left: 3px;
	}
}

#news_area {
    background: #FFF;
}

.newslist dl {
    border-top: 1px dotted #ccc;
}


.newslist dl:first-child {
    border-top: 0px dotted #ccc;
}

/* 売上ランキング */

#sales_ranking .heading01 {
	display: block;
	height: 30px;
	line-height: 25px;
	padding: 0 0px;
	margin: 30px 0 6px 0;
	color: #525263;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	border-bottom: 1px solid #E8E8E8;
}

#sales_ranking .item_name span {
  color: #fff;
  padding: 0.2em 0.7em;
  margin-right: 1em;
}

.sales_ranking_box{
	width:100%;
	padding-left:0px;
	padding-right:0px;
}

/*@media only screen and (min-width: 767px){
	.item_box{
		padding: 0;
		width: 19.4333%;
		max-width: 152.8px;
		display: inline-flex;
	}
}*/

/*@media only screen and (max-width: 767px){
	.item_box{
		padding: 0;
		width: 48%;
		display: inline-flex;
	}
}*/



.pickup_item{
	padding:0px;
	margin: 0;
}

span.label-warning{
	background-color: #FFFFFF;
}

.item_photo dl{
	width:100%;
    font-size: 1.3rem;
}

dt.item_name{
	width:100%;
    font-size: 1.3rem;
}
	
.item_box > div {
    padding: 0px;
}	

.item_box .item_photo {
    display: inline;
    max-width: 100px;
}

.normal_price{
	margin-top: -5px;
}

#item_list dl dd.item_price{
	text-align: center;
	font-weight: normal;
}


/* 注目おすすめアイテム */

#recommend_list h2{
	height: 30px;
	line-height: 25px;
	padding: 0 0px;
	margin: 30px 0 6px 0;
	color: #525263;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	border-bottom: 1px solid #E8E8E8;
}

.recommend_list_box{
	width:100%;
	padding-left:0px;
	padding-right:0px;
}

@media only screen and (min-width: 767px){
	.recommend_list_box .item_box{
		padding: 0;
		width: 24.22222%;
		max-width: 192px;
		display: inline-flex;
	}
}

@media only screen and (max-width: 767px){
	.recommend_list_box .item_box{
		padding: 0;
		width: 48%;
		display: inline-flex;
	}
}


/* 再入荷 */

#stock_list h2{
	height: 30px;
	line-height: 25px;
	padding: 0 0px;
	margin: 30px 0 6px 0;
	color: #525263;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	border-bottom: 1px solid #E8E8E8;
}

.stock_list_box{
	width:100%;
	padding-left:0px;
	padding-right:0px;
}

@media only screen and (min-width: 769px){
	.stock_list_box .item_box{
		padding: 0;
		width: 24.22222%;
		max-width: 192px;
		display: inline-flex;
	}
}

@media only screen and (max-width: 768px){
	.stock_list_box .item_box{
		padding: 0;
		width: 48%;
		display: inline-flex;
	}
}


/*
商品購入--------------------------------------------------------*/

.flowline li.active .flow_number {
    background: #bc000b;
}

.flowline li.active {
    color: #bc000b;
}

.bg-danger {
    color: #fff;
    background-color: #bc000b;
}


/*
商品一覧ページ--------------------------------------------------------*/

.pagenumberarea {
    text-align: right;
    margin: 5px;
    padding-right: 16px;
    padding-bottom: 20px;
}

@media only screen and (min-width: 769px){
	.product_page .product_item {
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 768px){
	.product_page .product_item {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 769px){
	#topicpath {
		padding: 0px 16px;
		border: 0 none;
	}
}

@media only screen and (min-width: 769px){
	#topicpath ol {
		padding-top: 0em;
		padding-bottom: 0.46em;
		border-bottom: 1px solid #ccc;
	}
}

#topicpath li a {
    float: left;
    display: inline-block;
	color: #b3000b;
}

.form-control {
    border: 1px solid #C4CCCE;
    /* border-radius: 3px !important; */
    border-radius: 1px !important;
    box-shadow: none;
    font-size: 16px;
    font-size: 1.6rem;
    height: 30px;
    padding: 1px 12px;
    width: auto;
    line-height: 1.5;
}

#child_category p{
	margin-bottom: 3px;
	margin-top: 3px;
}

#child_category ul{
	padding:0;
}

#child_category li{
	display: inline-block;
	width: 40%;
    padding: 5px 12px;
}

#child_category a{
	color: #fff;
    text-decoration: none;
    cursor: pointer;
    background-color: #b3000b;
    border-radius: 30px;
    padding: 4px 18px;
    font-size: 13px;
    font-weight: bold;
}

.item_comment {
	color:#525263;
	font-size: 1.3rem;
}

hr {
    margin-top: 6px;
    margin-bottom: 6px;
    border: 0;
    border-top: 1px solid #eee;
}

.item_photo img {
    width: 100%;
}



/*---------------------------
--------------------------商品詳細ページ---*/
#item_detail_area .item_detail p#DeliveryDate{
	display:none;
}

#product_tag_box .product_tag_list{
	font-weight:bold;
	padding: 3px 15px;
    font-size: 75%;
}
#product_tag_box #product_tag_box__product_tag--4{
	color:#ff0;
	background-color:#333333;
}

@media only screen and (min-width: 769px){
	#main_middle #topicpath ol {
		display:none;
		border:none;
		line-height: 21px;
	}
	
	#main_middle #topicpath ol:first-child {
		display:block;
	}
	
	#topicpath li {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

@media only screen and (max-width: 768px){
	#topicpath{
		display:none;
	}
}

#item_photo_area .slick-dots {
	margin: 10px 0px;
	position: relative;
	bottom: -3px;
}
	
#item_photo_area .slick-dots::after {
	content: "";
	display: table;
	clear: both;
}

#item_photo_area .slick-dots li {
	width: 20.2%;
	height: auto;
	padding: 3px;
	margin: 0;
	float: left;
}

	#item_photo_area .slick-dots li:nth-child(1),#item_photo_area .slick-dots li:nth-child(6)  {
		width: 19.7%;
		padding-left: 0px;
	}
	
	#item_photo_area .slick-dots li:nth-child(5),#item_photo_area .slick-dots li:nth-child(10)  {
		width: 19.7%;
		padding-right: 0px;
	}

.slick-dots li button.thumbnail {
	width: 100%; height: auto;
	padding: 0;
}
.slick-dots li button.thumbnail img {
	width: 100%; height: auto;
	opacity: 0.8;
}
.slick-dots li button.thumbnail:hover img,
.slick-dots li.slick-active button.thumbnail img {
	opacity: 1;
}
.slick-dots li button.thumbnail::before {
	display: none;
}

/*商品ページ通常価格*/
#detail_description_box__normal_price{
	font-size: 13px;
}

/*商品ページ通常価格　非表示*/
/*#detail_description_box__normal_price{
	display: none;
}*/


@media only screen and (min-width: 769px){
	#item_detail_area .item_name {
		font-size: 2.2rem;
		margin-bottom: 10px;
	}
}

.cart_area .quantity dd input {
    max-width: 77px;
} 

#detail_cart_box__button_area .col-xs-12{
    width: 100%;
}

.btn-primary {
    color: #fff;
    background-color: #0087ff;
    border-color: #0087ff;
	border-radius: 1px !important;
}

.btn-primary:hover {
	opacity:0.9;
    color: #fff;
    background-color: #0065f5;
    border-color: #0065f5;
	border-radius: 1px !important;
}

.btn-info {
    color: #fff;
    background-color: #EDBED1;
    border-color: #EDBED1;
}

.btn-info:hover {
	opacity:0.9;
    color: #fff;
    background-color: #EDBED1;
    border-color: #EDBED1;
}

#item_detai #sub_area .col-sm-10 col-sm-offset-1{
	width:100%;
}

#detail_free_box__freearea{
	width:100%;
}

@media (min-width: 769px){
	.col-sm-offset-1 {
		margin-left: 0%;
	}
}

@media (min-width: 769px){
	.col-sm-10 {
		width: 100%;
	}
}

#detail_free_box__freearea section h1 {
    font-size: 2em;
    margin: 0.67em 0;
    border-bottom: 1px solid #333333;
}


@media (min-width: 769px){
	#review_area .col-sm-8 {
		margin-top: 40px;
		width: 100%;
	}
}

#detail_description_box__class_normal_price {
	font-size: 12px;
    font-size: 1.2rem;
}

@media only screen and (min-width: 768px) {
#item_detail_area .item_detail .sale_price {
    font-size: 20px;
    font-size: 2rem;
}
}

/*--------------------------商品詳細ページ　ラジオボタン　規格価格---*/
#product_class{
	margin: 20px 0;
}

#product_class label {
    font-weight: bold;
    line-height: 1.6;
    font-size: 1.2em;
}

/*---------------------------
--------------------------Mypage---*/

@media only screen and (min-width: 769px){
	.page-heading {
		font-size: 32px;
		font-size: 3.2rem;
		border-bottom-style: solid;
		border-top: 0 none;
		padding: 0px 0 1px;
		margin: 0px 0px 10px;
	}
}


@media (min-width: 769px){
	#login_box .col-sm-offset-2 {
		margin-left: 0%;
	}
}

.btn-info {
    color: #fff;
    background-color: #ff4c4c;
    border-color: #ff4c4c;
}
#favorite {
	background-color:#ddd;
	color:#666;
    border-color: #aaa;
}
.btn-info:hover {
    opacity: 0.9;
}

/*
#shopping_confirm #detail_cart_box__button_area .col-xs-12, .col-sm-8 {
    width: 66%;
}
*/


.theme_side_left #main {
    width: 75%;
    float: right;
	padding-left: 20px;
}

@media only screen and (max-width: 768px){
	.theme_side_left #main {
		width: 100%;
		float: right;
		padding-left: 0;
	}
}



/*
よくある質問--------------------------------------------------------*/

@media (min-width: 992px){
	.col-md-offset-1 {
		margin-left: 0%;
	}
}

@media (min-width: 992px){
	.col-md-10 {
		width: 100%;
	}
}

#faq .row .col-md-10 col-md-offset-1{
	margin-left: 19px;
}

#faq p{
	margin-bottom: 1px;
    border-bottom: 1px solid #333333;
	font-weight:bold;
}

#faq dl{
	width:100%;
	margin-left:0px;
	line-height:1.8;
	overflow: hidden;
	_zoom: 1;
}

#faq dt{
	background:url(../img/wwl/faq_q.png) no-repeat 13px -1px;
	margin-top:20px;
	padding-left:20px;
	text-indent:1.5em;
	border-bottom:1px solid #b8bec4;
}


#faq dd{
	background: url(../img/wwl/faq_a.png) no-repeat 13px -1px;
	margin: 20px 0 -1px 0;
	padding: 0 20px 15px 44px;
	border-bottom: 1px #000 dotted;
}



/*
カスタムギャラリー--------------------------------------------------------*/

#c_gallery .row .col-md-10 col-md-offset-1{
	margin-left: 19px;
}

#c_gallery ul{
	width:100%;
	max-width:780px;
}

@media only screen and (min-width: 769px){
	#c_gallery ul li{
		display: inline-block;
		width: 24.62%;
		margin-bottom: 20px;
		background-color: #d7dadd;
	}
}

@media only screen and (max-width: 768px){
	#c_gallery ul li{
		display: inline-block;
		width: 49%;
		margin-bottom: 20px;
		background-color: #d7dadd;
	}
}

#c_gallery ul li img{
	width: 99.8%;;
	margin: 2.5%;
}


/*
よくある質問--------------------------------------------------------*/


/*
GRIT紹介ページ--------------------------------------------------------*/

.grit_buttongroup{
	text-align: center;
}

/*ボタン1*/
.grit_button {
	display: inline-block;
	width: 32%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	color: #fff;
}
.grit_button::before,
.grit_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.grit_button,
.grit_button::before,
.grit_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.grit_button {
	position: relative;
	z-index: 2;
	background-color: #e41273;
	/*border: 2px solid #333;*/
	color: #fff;
	line-height: 50px;
	overflow: hidden;
	font-family: 'Oswald', sans-serif;
	border-radius: 3px;
	font-size: 24px;
}

.grit_button:hover {
	color: #fff;
}
.grit_button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grit_button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #333;
}


/*ボタン2*/
.grit_button2 {
	display: inline-block;
	width: 32%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	color: #fff;
}
.grit_button2::before,
.grit_button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.grit_button2,
.grit_button2::before,
.grit_button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.grit_button2 {
	position: relative;
	z-index: 2;
	background-color: #60b534;
	/*border: 2px solid #333;*/
	color: #fff;
	line-height: 50px;
	overflow: hidden;
	font-family: 'Oswald', sans-serif;
	border-radius: 3px;
	font-size: 24px;
}

.grit_button2:hover {
	color: #fff;
}
.grit_button2::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grit_button2:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #333;
}

/*ボタン3*/
.grit_button3 {
	display: inline-block;
	width: 32%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	color: #fff;
}
.grit_button3::before,
.grit_button3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.grit_button3,
.grit_button3::before,
.grit_button3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.grit_button3 {
	position: relative;
	z-index: 2;
	background-color: #3451a1;
	/*border: 2px solid #333;*/
	color: #fff;
	line-height: 50px;
	overflow: hidden;
	font-family: 'Oswald', sans-serif;
	border-radius: 3px;
	font-size: 24px;
}

.grit_button3:hover {
	color: #fff;
}
.grit_button3::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grit_button3:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #333;
}

/*ボタン4*/
.grit_button4 {
	display: inline-block;
	width: 97.5%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	color: #fff;
}
.grit_button4::before,
.grit_button4::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.grit_button4,
.grit_button4::before,
.grit_button4::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.grit_button4 {
	position: relative;
	z-index: 2;
	background-color: #f19601;
	/*border: 2px solid #333;*/
	color: #fff;
	line-height: 50px;
	overflow: hidden;
	font-family: 'Oswald', sans-serif;
	border-radius: 3px;
	font-size: 24px;
}

.grit_button4:hover {
	color: #fff;
}
.grit_button4::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grit_button4:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #333;
}



/*
岩佐選手--------------------------------------------------------*/
.eagleeye_buttongroup{
	text-align: center;
}

/*ボタン1*/
.eagleeye_button {
	display: inline-block;
	width: 60%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	color: #fff;
}
.eagleeye_button::before,
.eagleeye_button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.eagleeye_button,
.eagleeye_button::before,
.eagleeye_button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.eagleeye_button {
	position: relative;
	z-index: 2;
	background-color: #da2829;
	/*border: 2px solid #333;*/
	color: #fff;
	line-height: 50px;
	overflow: hidden;
	font-family: 'Oswald', sans-serif;
	border-radius: 3px;
	font-size: 14px;
}

.eagleeye_button:hover {
	color: #fff;
}
.eagleeye_button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.eagleeye_button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #333;
}


/*
TOPバナー--------------------------------------------------------*/
#top_main_bnr{
	margin-bottom: 30px;
}

ul.top_bnr_c2{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 10px;
}


@media only screen and (min-width: 769px){
.top_bnr_c3 li{
	width: 24.01%;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
}

/*IE10〜11用*/
@media only screen and (min-width: 769px){
_:-ms-input-placeholder, :root .top_bnr_c3 li{
	width: 24.03%;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
}
/*Edge12〜14用*/
@media only screen and (min-width: 769px){
@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
.top_bnr_c3 li{
	width: 24.03%;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
}
}

/*Edge15用*/
@media only screen and (min-width: 769px){
@supports (-ms-ime-align: auto) and (-webkit-text-stroke: initial) {
.top_bnr_c3 li{
	width: 24.03%;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}
}
}


@media only screen and (min-width: 769px){
.top_bnr_c2 li p{
	font-size: 12px;
	margin: 3px 0 20px 0;
}
}

@media only screen and (max-width: 768px){
	ul.top_bnr_c2{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 10px;
	}
	
	.top_bnr_c2 li p{
		font-size: 12px;
		margin: 3px 0 20px 0;
		height: 50px;
	}
}
	
.top_bnr_c2 li h2{
	font-size: 12px;
    font-weight: bold;
	margin: 5px 0 0 0;
}

.top_bnr_c3 li{
	width: 32.44%;
	margin-right: 1.33%;
}

@media only screen and (max-width: 768px){
.top_bnr_c3 li{
	width: 49%;
    float: left;
    margin: 0;
    margin-right: 1%;
	margin-bottom: 1%;
}
}

@media only screen and (max-width: 768px){
.top_bnr_c3 li:nth-child(2n){
    margin-right: 0%;
}
}

.top_bnr_c3 li h2{
	font-size: 14px;
    font-weight: bold;
	margin: 5px 0 0 0;
}

.top_bnr_c3 li p{
	font-size: 12px;
	margin: 3px 0 20px 0;
	height: 50px;
}

.top_bnr_c2 li img,
.top_bnr_c3 li img{
	width: 100%;
}


@media only screen and (min-width: 769px){

	.top_bnr_c3 li:nth-child(3n){
		margin-right: 0px;
	}
}

#news_area h1{
	margin: 20px 0 10px 0;	
}

#top_main_bnr h1{
	margin: 20px 0 10px 0;
}

#top_main_bnr h1.first{
	margin: -6px 0 10px 0;
}

a img{
	transition: 0.2s ease;
}
/*a img:hover,*/
#top_main_bnr a:hover img{
	opacity: 1.0;
	transform: scale(1.03) rotate(1deg);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/*
その他バナー--------------------------------------------------------*/
#bnr_ex1{
	position: fixed;
	top: 400px;
	right: calc(50% + 520px);
}
#bnr_ex1 img{
	width: 200px;
	animation: yure 3s ease-in-out 0s infinite alternate none running;
}

@keyframes yure {
	0% {
		/*transform: scale(.3);*/
		transform: rotate(10deg);
	}
	100% {
		/*transform: scale(1) rotate(180deg);*/
		transform: rotate(-25deg);
	}
}
#bnr_ex2{
	position: fixed;
	top: 50%;
	right: 20px;
	animation: hashiri 25s ease-in-out 0s infinite normal none running;
}
#bnr_ex2 img{
	width: 80px;
	animation: hurueru .1s  infinite;
}
@keyframes hashiri {
	0% {
		transform: translate(0,500%);
	}
	49% {
		transform: translate(0,-500%);
	}
	50% {
		transform: translate(0,-500%) rotate(180deg);
	}
	99% {
		transform: translate(0,500%) rotate(180deg);
	}
	100% {
		transform: translate(0,500%);
	}
}
@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1px, 1px) rotateZ(0.5deg)}
    50% {transform: translate(0px, 1px) rotateZ(0deg)}
    75% {transform: translate(1px, 0px) rotateZ(-0.5deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}


/*
商品特設ページ--------------------------------------------------------*/

/*
LEDバルブページ--------------------*/

ul.led_bulb{
}

@media only screen and (min-width: 769px){
ul.led_bulb li{
	width: 31%;
    float: left;
    margin: 0 1% 7% 1%;
}
}

@media only screen and (max-width: 768px){
ul.led_bulb li{
	width: 100%;
	margin-bottom: 20px;
}
}

ul.led_bulb li a{
	background: #0087ff;
	width: 100%;
	color: #fff;
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 0 0 10px 0;
}

ul.led_bulb li a:hover{
	opacity: 0.8;
}

ul.led_bulb li a p {
    margin-bottom: 0px;
    border-bottom: 0px solid #333333 !important;
    font-weight: bold;
	margin: 0;
	padding-top: 12px;
}


/*
HIDページ--------------------*/

@media only screen and (min-width: 769px){
table.price_list{
    margin: 20px auto;
}

.price_list tr {
    border-top: 3px solid #ffffff;
    text-align: center;
}

.price_list th {
    background: #ccc;
    margin-right: 3px;
    min-width: 194px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border-left: 3px solid #ffffff;
}

.price_list td {
    background: #eeeeee;
    margin-right: 3px;
    border-left: 3px solid #ffffff;
    color: #161616;
}

.price_list td a {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #18a689;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}

.price_list td a:hover {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #12715e;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}
}

@media only screen and (max-width: 768px){

.price_list tr {
	border-top: 3px solid #ffffff;
	text-align: center;
	width: 100%;
}
	
.price_list th {
    background: #ccc;
    margin-right: 3px;
    width: 25%;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border-left: 3px solid #ffffff;
	font-size: 13px;
}

.price_list td {
    background: #eeeeee;
    margin-right: 3px;
    border-left: 3px solid #ffffff;
    color: #161616;
}

.price_list td a {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #18a689;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}

.price_list td a:hover {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #12715e;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}

}

/*HIDカラー用表*/
@media only screen and (min-width: 769px){
table.price_list_color{
	width: 100%;
    margin: 20px auto;
}

.price_list_color tr {
    border-top: 3px solid #ffffff;
    text-align: center;
}

.price_list_color th {
    background: #ccc;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border-left: 3px solid #ffffff;
}

.price_list_color td {
    background: #eeeeee;
    margin-right: 3px;
    border-left: 3px solid #ffffff;
    color: #161616;
}

.price_list_color td a {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #18a689;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}

.price_list_color td a:hover {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #12715e;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}
}

@media only screen and (max-width: 768px){

.price_list_color tr {
	border-top: 3px solid #ffffff;
	text-align: center;
	width: 100%;
}
	
.price_list_color th {
    background: #ccc;
    margin-right: 3px;
    width: 25%;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border-left: 3px solid #ffffff;
	font-size: 13px;
}

.price_list_color td {
    background: #eeeeee;
    margin-right: 3px;
    border-left: 3px solid #ffffff;
    color: #161616;
}

.price_list_color td a {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #18a689;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}

.price_list_color td a:hover {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #12715e;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}

}

/*HIDぴったり診断用--------------------*/
ul.hid_chart_w{
	display:flex;
	margin-bottom: 40px;
}
ul.hid_chart_w li{
	width:calc(33% - 5px);
	margin-right: 10px;
}
ul.hid_chart_w li:last-child{
	margin-right: 0px;
}

ul.hid_chart_k{
	display:flex;
	margin-bottom: 40px;
}
ul.hid_chart_k li{
	width:calc(25% - 10px);
	margin-right: 10px;
}
ul.hid_chart_k li:last-child{
	margin-right: 0px;
}

.row ul li a:hover{
	opacity:0.7;
}

/*
ラバットページ--------------------*/

@media only screen and (min-width: 769px){
ul.rubbut_carlist{
	margin-top: 30px;
}

ul.rubbut_carlist li{
	float: left;
    margin: 5px 5px;
    width: 23.6%;
    text-align: center;
    border: 1px solid #999;
    border-radius: 4px;
    height: 120px;
	word-wrap: break-word;
}

ul.rubbut_carlist li:hover{
	background: #9A9A9A;
}

ul.rubbut_carlist li a{
	color: #333;
    font-size: 18px;
    padding: 5px 0;
    width: 100%;
    height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

ul.rubbut_carlist li a:hover{
	color: #fff;
	opacity:1;
}

ul.rubbut_carlist li a span{
	color: #c50000;
    font-size: 13px;
	word-break: break-all;
}
}

@media only screen and (max-width: 768px){
ul.rubbut_carlist{
	margin-top: 30px;
}

ul.rubbut_carlist li{
	float: left;
    margin: 2%;
    width: 29%;
    text-align: center;
    border: 1px solid #999;
    border-radius: 4px;
    height: 170px;
	word-wrap: break-word;
}

ul.rubbut_carlist li:hover{
	background: #9A9A9A;
}

ul.rubbut_carlist li a{
	color: #333;
	font-size: 16px;
	padding: 3px;
    width: 100%;
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

ul.rubbut_carlist li a:hover{
	color: #fff;
}

ul.rubbut_carlist li a span{
	color: #c50000;
    font-size: 12px;
	word-break: break-all;
}
}

/*
HIDページ--------------------*/

@media only screen and (min-width: 769px){
table.nut_price_list{
	margin-top: 20px;
}

.nut_price_list tr {
    border-top: 3px solid #ffffff;
    text-align: center;
}

.nut_price_list th {
    background: #ccc;
    margin-right: 3px;
    min-width: 260px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border-left: 3px solid #ffffff;
}

.nut_price_list td {
    background: #eeeeee;
    margin-right: 3px;
    border-left: 3px solid #ffffff;
    color: #161616;
}

.nut_price_list td a {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #18a689;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}

.nut_price_list td a:hover {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #12715e;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}
}

@media only screen and (max-width: 768px){

.nut_price_list tr {
	border-top: 3px solid #ffffff;
	text-align: center;
	width: 100%;
}
	
.nut_price_list th {
    background: #ccc;
    margin-right: 3px;
    width: 36%;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border-left: 3px solid #ffffff;
	font-size: 13px;
}

.nut_price_list td {
    background: #eeeeee;
    margin-right: 3px;
    border-left: 3px solid #ffffff;
    color: #161616;
	width: 35%;
}

.nut_price_list td a {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #18a689;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}

.nut_price_list td a:hover {
    display: block;
    width: 80%;
    margin: 1px auto;
    text-align: center;
    background-color: #12715e;
    border-radius: 3px;
    color: #ffffff;
    text-decoration: none;
	font-size: 14px;
}

}

/*
メディア関連--------------------------------------------------------*/
/*
お役立ち特集--------------------------------------------------------*/


#media h1{
	margin: 30px 0 20px 0;
    padding: 3px;
    /*border-bottom: 1px solid #333333;*/
    font-weight: normal;
	font-size: 30px;
}
#media p{
	margin: 0 0 20px;
	line-height: 2.3;
}

#media ol{
	font-size: 16px;
	list-style: decimal;
	padding-left: 39px;
}

#media .media_date{
    display: block;
    margin: 0 auto 0 0;
    font-size: 16px;
    color: #666;
    line-height: 1;
    letter-spacing: .14rem;
	float: right;
}


/*
新着情報プラグイン--------------------------------------------------------*/

@media only screen and (max-width: 768px){

.newslist dt span {
    display: block;
    font-size: 12px;
}

.newslist dt:hover .news_title {
    text-decoration: underline;
    font-weight: bold;
}
	
.newslist dd {
	display: none;
	margin: 0 8px 8px;
	font-size: 12px;
}
	
}



/*
商品レビュープラグイン--------------------------------------------------------*/

#product_review_area {
    border-top: 1px solid #E8E8E8;
    padding-bottom: 0;
    padding: 2%;
}

#product_review_area .review_btn a {
    margin: 0 auto 33px auto!important;
    padding: 16px;
    display: block;
    width: 95%;
}

@media only screen and (min-width: 768px){
#product_review_area .review_btn a {
    width: 90%!important;
    min-width: 350px;
}
}

#detail_description_box__sale_point {
    font-size: 13px;
}

.text-primary {
    color: #d90000;
}

.price_name {
    font-size: 13px;
}


/*
値引き価格表示プラグイン--------------------------------------------------------*/

.plgShiro8PriceDownPrice3,
.plgShiro8PriceDownRate3{
    background-color: #d90000;
	display: inline-block;
    position: relative;
    margin-top: 5px;
    top: -2px;
    padding: 3px 5px;
    color: #fff;
    font-size: 11px;
}

/*要素がないとき非表示*/
.plgShiro8PriceDownPrice3:empty,
.plgShiro8PriceDownRate3:empty{
	display: none;
}

#ToTopIcon{
	right: 30px!important;
}


/*
商品ページ下部へ買い物カゴボタンへ飛ぶボタン設置--------------------------------------------------------*/
#detail_under_cartbtn li{
	display: block;
	margin: 0 auto;
    width: 70%;
    color: #fff;
    background-color: #0087ff;
    border-color: #0087ff;
    border-radius: 1px !important;
    height: 56px;
    line-height: 56px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
}

#detail_under_cartbtn a{
	color: #FFF;
    text-decoration: none;
    outline: none;
    text-align: center;
    width: 100%;
    display: block;
}

/*
Youtube動画埋め込み設定--------------------------------------------------------*/

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom: 10px;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*
404ページ--------------------------------------------------------*/

.message_box .icon {
    font-size: 100px;
    font-size: 10rem;
    color: #b3000b;
}


/*
harder_noticer サイト上部お知らせページ--------------------------------------------------------*/

@media only screen and (min-width: 768px){
	#harder_noticer {
		float: none;
		height: 50px;
		background-color: #b6272e;
		max-width: 100%;
		margin: 0 auto;
		display:flex;
	}
}

/*
予約プラグイン　発送予定日非表示--------------------------------------------------------*/

.reservation3-comment {
    display: none;
}

/*
特集ページ用CSS--------------------------------------------------------*/
#vehicle_section{}
#vehicle_section .car_title{
	font-size: 2em;
    font-weight: bold;
    line-height: 1;
    margin: 10px 0 0 0;
}

.custom_title{
    /*background-color: #e8e8e8;*/
	border-top: 3px solid #e8e8e8;
    color: #525263;
    min-height: 34px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 5px;
    margin-top: 20px;
}
.custom_title>span{
	display: block;
}
.custom_title>span.big_eng{
	/*font-family: impact;*/
	font-family: 'Anton', sans-serif;
	font-size: 4em;
    color: #888;
    font-weight: normal;
	line-height: .8em;
	margin-left: -15px;
}
.custom_title>span.small_jp{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: bolder;
    color: #cc0000;
    font-size: 1.1em;
	margin-left: -15px;
}
.custom_item_divsts{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    divst-style: none;
}
.custom_item_divsts .product_item{
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
}
.custom_item_divsts .product_item a{
    color: #333;
    text-decoration: none;
}
.custom_item_divsts .product_item dl{
    margin: 2px 0;
}
.custom_item_divsts .product_item dl dt{
    margin: 0;
    padding: 0;
}
.custom_item_divsts .product_item dl dd{
    margin: 5px 0 0 0;
}
.custom_item_divsts .item_photo{}
.custom_item_divsts .item_photo img{
    max-width: 100%;
}
.custom_item_divsts .item_name{}
.custom_item_divsts .item_price{
    text-align: center;
}
.custom_item_divsts .item_price::after{
    content:"円";
}
.custom_item_divsts .product_item .item_photo p.item_type{
	background: #525263;
    margin: 0;
    padding: 4px 0;
    color: #ffffff;
    font-weight: bold;
}

@media screen and (max-width: 768px){
    .pc{
        display: none !important;
    }
    .custom_item_divsts .product_item{
        width: 50%;
    }
}
@media screen and (min-width: 769px){
    .sp{
        display: none !important;
    }
}





/*---------------------------
--------------------------clearfix---*/

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}