@charset "UTF-8";

/*-------- COMMON -------- */
body{
	font-family:"ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}

.full-width .primary-content{
	float:none;
	margin:0;
	padding:0;
}

/* Chromeで入力欄の色が自動で変わる問題の対応 */
input:-internal-autofill-previewed,
input:-internal-autofill-selected,
input:focus {
	-webkit-box-shadow: 0 0 0 30px #f3f3f3 inset !important;
}

/*-------- HEADER / NAVI -------- */
.cloak-top-banner{
	height:80px;
	padding:21px 41px 24px 39px;
	box-sizing:border-box;
}
h1.primary-logo{
	position:relative;
	width:auto;
	padding:0;
	float:left;
	font-size:100%;
	left: calc(2% + 30px);
}
.primary-logo a{
	display:inline-block;
	margin:0;
}
.primary-logo a img{
	margin:0;
	display:block;
	width:161px;
	max-width:161px;
	display:inline-block;
	vertical-align:middle;
}

.header-right{
	display:inline-block;
	float:right;
	padding-top:9px;
}
.header-right a{
	font-size:13px;
	color:#ffffff;
}

.header-right a::before{
	content:'';
	width:18px;
	height:18px;
	display:inline-block;
	margin-right:6px;
	background-image:url(../images/icon_question.png);
	background-position:center center;
	background-repeat:no-repeat;
	vertical-align:middle;
}

.the-nav{
	height:35px;
	width:100%;
	background-color:#404040;
	z-index:6;
	position:relative;
}

#main-navigation2{
	display:none !important;
	position:fixed;
	top:0;
	left:0;
	transition: top 0.3s;
}
#main-navigation2.hidden{
	top:-60px;
}


.the-nav ul{
	list-style:none;
	height:100%;
	max-width: 1324px;
}
.the-nav ul li{
	width:14%;
	box-sizing:border-box;
	height:100%;
	position:relative;
	float:left;
}
.the-nav ul li:first-of-type{
	padding-right:2px;
}
.the-nav ul li::after{
	content:'';
	width:1px;
	height:35px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-20px;
	background-color:#666666;
	display:block;
}
.the-nav ul li:last-of-type{
	padding-left:1px;
}
.the-nav ul li a{
	display:table-cell;
	height:35px;
	vertical-align:middle;
	width:500px;
	text-align:center;
	color:#ffffff;
}
.the-nav ul li.current a{
	cursor:default;
	background: white;
}
.the-nav ul li.current a span{
	color:black;
}
.the-nav ul li a span{
	color:#ffffff;
	padding-left:20px;
	padding-right:10px;
	position:relative;
	display:inline-block;
}
.the-nav ul li.current a span:after{
	display:none;
}
/* .the-nav ul li a span:before{ */
/* 	background-position:left top; */
/* } */
/* .the-nav ul li:first-of-type a span:before{ */
/* 	background-image:url(../images/icon_nav1.png); */
/* 	width:29px; */
/* 	height:29px; */
/* 	margin-top:-14.5px; */
/* } */
/* .the-nav ul li:nth-of-type(2) a span:before{ */
/* 	background-image:url(../images/icon_nav_wheel.png); */
/* 	width:27px; */
/* 	height:27px; */
/* 	margin-top:-13.5px; */
/* } */
/* .the-nav ul li:nth-of-type(3) a span:before{ */
/* 	background-image:url(../images/icon_nav2.png); */
/* 	width:26px; */
/* 	height:26px; */
/* 	margin-top:-13px; */
/* } */
.the-nav ul li.current a span:before{
	background-position:left bottom;
}

.mini-cart-name{
	font-style: normal;
	width: 75%;
}
.mini-cart-product-id{
	float: right;
	width: 75%;
	font-style: normal;
	font-size: x-small;
	color: lightgrey;
}
.mini-cart-product-attribute{
	clear: right;
	float: right;
	width: 75%;
	font-style: normal;
	font-size: x-small;
	color: lightgrey;
}
.mini-cart-product-attribute .attribute .label{
	display: inline-block;
	width: 8em;
	text-align: right;
	vertical-align: middle;
}
.mini-cart-product-attribute .attribute .value{
	display: inline-block;
	margin-left: 0.5em;
	width: 50%;
	text-align: left;
	vertical-align: middle;
}
.mini-cart-image{
	width: 25%;
}
#mini-cart .mini-cart-name a{
	color: black;
}
.mini-cart-slot {
	margin: 0em 1em 1em 1em;
}
.mini-cart-totals{
	margin-bottom: 1em;
}
.mini-cart-totals .button{
	background-color: red;
	border-color: red;
	position: relative;
}
.mini-cart-totals a.button span::before{
	content: '';
	display: block;
	width: 5px;
	height: 5px;

	border-right: solid 1px white;
	border-bottom: solid 1px white;
	position: absolute;
	left: 6px;
	top: calc(50% - 2px);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*-------- CONTENTS -------- */
.step-bar-box{
	clear:both;
	overflow:hidden;
	padding:0px 0;
	margin:0 auto;
	width:100%;
	max-width:630px; /* プログレスバーに「入力ご確認」が増えた為、拡張 */
}
.step-bar-box .stepBar {
	display: flex;
	max-width: 630px; /* プログレスバーに「入力ご確認」が増えた為、拡張 */
	position: relative;
	margin: 20px auto;
	text-align: center;
	padding:0;
}
.step-bar-box .stepBar li {
	font-size: 14px;
	list-style: none !important;
	position: relative;
	width: 100%;
}
.step-bar-box .stepBar li:after {
	background: #E3E3E3;
	content: ""; width: calc(100% - 24px);
	height: 4px; position: absolute;
	left: calc(-50% + 12px); top: 10px;
}
.step-bar-box .stepBar li:first-child:after {
	display: none;
}
.step-bar-box .stepBar li span {
	background: #E3E3E3;
	color: #ffffff;
	display: inline-block;
	height: 24px;
	margin-bottom: 5px;
	line-height: 24px;
	width: 24px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.step-bar-box .stepBar .visited:after {
	background: #000000;
}
.step-bar-box .stepBar .visited span {
	background: #000000;
}
.step-bar-box .stepBar .visited.active span {
	background: #FF0000;
}

#wrapper #main{
	width:100%;
	max-width:990px;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	padding-top:60px;
	padding-bottom:60px;
}
#wrapper.pt_storefront #main,
#wrapper.pt_productsearch #main,
#wrapper.pt_article #main,
#wrapper.pt_carmaintenance #main,
#wrapper.large-width #main{
	width:100%;
	position:relative;
	max-width:100%;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
#wrapper.large-width #main.no-padding{
	width:100%;
	position:relative;
	max-width:100%;
	padding:0;
}
.content-asset .contents .contents-inner{
	margin-left:0;
	margin-right:0;
}
.content-asset .contents .contents-inner h1{
	margin-top:0;
}



#wrapper.pt_category-landing #main{
	padding-bottom:60px;
}
.contents-wrapper{
	max-width:1000px;
	padding-left:15px;
	padding-right:15px;
	margin:0 auto;
}
.the-breadcrumb{
	padding-top:7px;
	padding-bottom:13px;
}
.the-breadcrumb p{
	font-size:11px;
	display:block;
	margin:0;
	padding:10px 0
}
.the-breadcrumb p a{
	margin-right:26px;
	position:relative;
	text-decoration:none;
	font-size:11px;
}
.the-breadcrumb p a:hover {
	text-decoration:underline;
}
.the-breadcrumb p a::after{
	content:'';
	display:block;
	width:5px;
	height:5px;
	border-right:solid 1px #333;
	border-bottom:solid 1px #333;
	position:absolute;
	right:-15px;
	top:50%;
	margin-top:-3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.page-main-title{
	padding:7px 0 18px;
	position:relative;
	background-color:#ededed;
	overflow:hidden;
	margin:0;
	width:100%;
}
.page-main-title::after{
	content:'';
	background:#e3e3e3;
	height:5000px;
	left:50%;
	margin-left:-608px;
	margin-left:-612px;
	margin-top:-212px;
	margin-left:-515px;
	margin-top:-515px;
	position:absolute;
	top:50%;
	-webkit-transform:rotate(-72deg);
	-webkit-transform-origin:center center;
	transform:rotate(-72deg);
	transform-origin:center center;
	width:5000px;
	z-index:0;
}
.page-main-title .title{
	font-weight:400;
	font-size:32px;
	text-align:left;
	position:relative;
	z-index:1;
}
.page-main-title .capitalize{
	text-transform: capitalize;
}
.image-bloc .bloc-container{
	position:relative;
	border-bottom:solid 2px #ff0000;
}
.image-bloc .bloc-container img{
	display:block;
	width:100%;
}
.image-bloc .bloc-container .bloc-btn-era{
	position:absolute;
	left:5.7%;
	bottom:20%;
	bottom:calc(38% - 46px);
}

.site-black-btn,
.site-white-btn{
	display:inline-block;
	position:relative;
	padding:9px 32px 8px 32px;
	padding:9px 12px 8px 32px;
	padding:9px 18px 8px 27px;
	background-color:#fff;
}

button.site-black-btn,
button.site-white-btn{
	border:none;
	color:inherit;
	display:inline-block;
	position:relative;
	padding:9px 18px 8px 27px;
	background-color:#fff;
	border-radius:0;
	font-size:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
}
button.site-black-btn{
	background-color:#333;
	color:#fff;
}
button.site-white-btn{
	background-color:#fff;
}


.site-black-btn{
	background-color:#333;
	color:#fff;
}
.bloc-btn-era .site-white-btn{
	border:solid 1px #333333;
}
.site-black-btn::before,
.site-white-btn::before{
	content:'';
	display:block;
	width:5px;
	height:5px;
	border-right:solid 2px #ff0000;
	border-bottom:solid 2px #ff0000;
	position:absolute;
	left:11px;
	top:50%;
	margin-top:-3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.site-black-btn::after,
.site-white-btn.open-modal::after{
	content:'';
	display:block;
	display:inline-block;
	width:4px;
	height:4px;
	background:transparent;
	margin-left:10px;
	vertical-align:2px;
}
.site-black-btn::after{
	border:solid 1px #fff;
	outline:solid 1px #333;
	outline:solid 1px #333333;
	box-shadow:0px 0px 0px 2px #fff;
}
.site-white-btn::after{
	border:solid 1px #333;
	outline:solid 1px #fff;
	box-shadow:0px 0px 0px 2px #333;
}

.faq-box .view-more-btn .site-black-btn::after{
	display:none;
}

.site-red-btn{
	display:inline-block;
	position:relative;
	padding:17px 32px 16px 32px;
	background-color:#ff0000;
	color:#fff;
	font-size:18px;
	display:block;
	border:none;
	cursor:pointer;
}
.site-red-btn::before{
	content:'';
	display:block;
	width:5px;
	height:5px;

	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-3px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.regular-link{
	text-decoration:none;
	position:relative;
	padding-left:16px;
	display:inline-block;
}
button.site-white-btn.as-regular-link{
	padding-left:16px;
}


.content-asset p a.regular-link{
	text-decoration:none;
}
.content-asset p a.regular-link:hover{
	color:inherit;
}
.regular-link::before{
	content:'';
	display:block;
	width:5px;
	height:5px;

	border-right:solid 2px #ff0000;
	border-bottom:solid 2px #ff0000;
	position:absolute;
	left:0;
	top:7px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
button.site-white-btn.as-regular-link::before{
	left:0;
}


.blank{
	position:relative;
	padding-right:14px;
	display:inline-block;
}
.blank::after{
	content:'';
	display:block;
	width:4px;
	height:4px;
	background:transparent;
	border:solid 1px #333;
	margin-left:10px;
	position:absolute;
	right:0;
	bottom:9px;
}
.blank::before{
	content:'';
	display:block;
	position:absolute;
	right:3px;
	bottom:7px;
	width:4px;
	height:4px;
	background:transparent;
	border-left:solid 1px #333;
	border-bottom:solid 1px #333;
}

.blank.in-banner::before {
	border-left:solid 1px #FFFFFF;
	border-bottom:solid 1px #FFFFFF;
	width: 7px;
	height: 7px;
}

.blank.in-banner::after {
	border:solid 1px #FFFFFF;
	width: 7px;
	height: 7px;
}

.links-list-bloc ul{
	list-style:none;
  display:-webkit-flex;
  display:flex;
  align-items: center;
  justify-content: flex-start;
	flex-flow: row wrap;
	background-color:#333333;
	padding:0 20px;
	margin:0;
}
.links-list-bloc ul li{
	width:33.3333%;
	padding:10px 0;
  display:-webkit-flex;
  display:flex;
  align-items:center;
	box-sizing:border-box;
	align-self:stretch;
	position:relative;
}

.links-list-bloc ul li:first-of-type:after{
	content:'';
	width:300%;
	position:absolute;
	left:0;
	bottom:1px;
	display:block;
	height:1px;
	background-image: linear-gradient(to right, #999 1px, rgba(255,255,255,0) 0);
	background-position: left bottom;
	background-size: 4px 1px;
	background-repeat: repeat-x;
}

.links-list-bloc ul li a{
	width:100%;
	height:100%;
  display:-webkit-flex;
  display:flex;
  align-items:center;
	box-sizing:border-box;
	align-self:stretch;
	padding:9px 10px 9px 40px;
	color:#fff;
	position:relative;
	background-image: linear-gradient(to bottom, #999 1px, rgba(255,255,255,0) 0);
	background-position: right top;
	background-size: 1px 3px;
	background-repeat: repeat-y;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .links-list-bloc ul li a{
		background-size: 1px 4px;
	}
}


.links-list-bloc ul li a::before{
	content:'';
	display:block;
	width:6px;
	height:6px;
	border-right:solid 2px #ff0000;
	border-bottom:solid 2px #ff0000;
	position:absolute;
	left:21px;
	top:50%;
	margin-top:-10px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.links-list-bloc ul li a::after{
	content:'';
	display:block;
	width:11px;
	height:1px;
	background-color:#ff0000;
	position:absolute;
	left:20px;
	margin-top:4px;
	top:50%;
}
.links-list-bloc ul li:nth-of-type(3n) a{
	border-right:none;
	background:none;
}

.content-article{
	padding-top:80px;
	padding-bottom:80px;
}
.content-article.nopadtop{
	padding-top:0;
}
.content-article.bordered{
	border-bottom:solid 1px #cccccc;
}
.head-title{
	font-size:32px;
	display:block;
	font-weight:400;
	text-align:center;
	margin:0;
	padding-bottom:50px;
}
.content-article-head .head-title{
	padding:0;
}
.content-article-head .head-title small{
	font-size:24px;
}
.content-article-head .head-desc{
	font-size:16px;
	text-align:center;
	margin:0;
	display:block;
	padding-top:16px;
}
.content-article-head .icon-bloc{
	padding-top:60px;
}
.content-article-body {
	padding: 10px 0px;
}
.content-article .subheading {
	font-weight: bold;
	margin: 15px 0px;
}
.content-article .subcontent {
	margin-left: 10px;
}
.icon-bloc .bloc-container{
  display: -webkit-flex;
  display:flex;
  align-items: center;
  justify-content: center;
}
.icon-bloc .bloc-container .bloc{
	width:33.3333%;
	padding:0 10px;
	box-sizing:border-box;
	position:relative;
	text-align:center;

	background-image: linear-gradient(to bottom, #333 1px, rgba(255,255,255,0) 0);
	background-position: right top;
	background-size: 1px 3px;
	background-repeat: repeat-y;
}
.icon-bloc .bloc-container .bloc:last-of-type{
	background:none;
}
.icon-bloc .bloc-container .bloc img{
	display:block;
	margin:0 auto;
}
.icon-bloc .bloc-container .bloc p{
	display:table-cell;
	width:500px;
	height:73px;
	vertical-align:middle;
	margin:0;
	padding-top:14px;
	font-size:18px;
    line-height:125%
}

/** **/

.tab-bloc2{
    padding-top:0
}
.content-article .tab-bloc2{
    padding-top:60px
}
.tab-bloc2 .tabl-bloc-nav{
    padding-bottom:10px
}
.tab-bloc2 .tabl-bloc-nav ul{
    display:table;
    width:100%;
    list-style:none;
    margin:0;
    padding:0
}
.tab-bloc2 .tabl-bloc-nav ul li{
    display:table-row;
    margin:0;
    padding:0
}
.tab-bloc2 .tabl-bloc-nav ul li a{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    width:50%;
    background:#e3e3e3;
    padding:14px 0
}
.tab-bloc2 .tabl-bloc-nav ul li a span{
    display:inline-block;
    position:relative;
    padding-left:16px;
    padding-right:16px
}
.tab-bloc2 .tabl-bloc-nav ul li a span::before{
    content:'';
    display:block;
    width:5px;
    height:5px;
    border-right:solid 2px red;
    border-bottom:solid 2px red;
    position:absolute;
    left:0;
    top:50%;
    margin-top:-4px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.tab-bloc2 .tabl-bloc-nav ul li a.current{
    color:#fff;
    background:#333;
    position:relative;
    overflow:inherit;
    cursor:default
}
.tab-bloc2 .tabl-bloc-nav ul li a.current span::before{
    display:none
}
.tab-bloc2 .tabl-bloc-nav ul li a.current::after{
    content:'';
    display:block;
    position:absolute;
    bottom:-10px;
    left:50%;
    margin-left:-10px;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #333
}
.tab-bloc2 .two-tab{
    display:none;
    padding-top:22px;
    padding-bottom:30px
}
.tab-bloc2 .two-tab.current{
    display:flex;
    flex-direction:column;
}

.tab-bloc2 .two-tab.current section {
    min-height: 0%;
}

.tab-bloc{
	padding-top:0;
}
.content-article .tab-bloc{
	padding-top:60px;
}
.tab-bloc .tabl-bloc-nav{
	padding-bottom:10px;
}
.tab-bloc .tabl-bloc-nav ul{
	display:table;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.tab-bloc .tabl-bloc-nav ul li{
	display:table-row;
	margin:0;
	padding:0;
}
.tab-bloc .tabl-bloc-nav ul li a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:50%;
	background:#e3e3e3;
	padding:14px 0;
}
.tab-bloc .tabl-bloc-nav ul li a span{
	display:inline-block;
	position:relative;
	padding-left:16px;
	padding-right:16px;
}
.tab-bloc .tabl-bloc-nav ul li a span::before{
	content: '';
	display: block;
	width: 5px;
	height: 5px;

	border-right: solid 2px #ff0000;
	border-bottom: solid 2px #ff0000;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.tab-bloc .tabl-bloc-nav ul li a.current{
	color:#ffffff;
	background:#333333;
	position:relative;
	overflow:inherit;
	cursor:default;
}
.tab-bloc .tabl-bloc-nav ul li a.current span::before{
	display:none;
}
.tab-bloc .tabl-bloc-nav ul li a.current::after{
	content:'';
	display:block;
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333333;
}
.tab-bloc .one-tab{
	display:none;
	padding-top:22px;
	padding-bottom:30px;
}
.tab-bloc .one-tab.current{
	display:block;
}
.article-section{
	padding-top:50px;
}
.bordered .article-section:first-of-type{
	padding-top:0;
}
.section-head{
	margin-top: 3em;
}
.section-title{
	display:block;
	font-size:22px;
	border-left:solid 5px #333333;
	position:relative;
	line-height:130%;
	padding:5px 0 6px 18px;
	font-weight:400;
	margin:0;
	margin-bottom:42px;
}
.section-title::after{
	content:'';
	position:absolute;
	left:-5px;
	top:0;
	display:block;
	width: 0;
	height: calc(50% - 12px);
	border-style: solid;
	border-width: 0px 0px 14px 5px;
	border-color: red transparent transparent red;
}
.section-title::before{
	content:'';
	display:block;
	position:absolute;
	bottom:-10px;
	left:-5px;
	height:1px;
	width:calc(100% + 5px);
	background-image: linear-gradient(to right, #b2b2b2 2px, rgba(255,255,255,0) 0);
	background-position: left bottom;
	background-size: 4px 1px;
	background-repeat: repeat-x;
}
.content-asset p.subtitle{
	margin:0;
	padding-bottom:30px;
}
.content-asset p.subtitle.centered{
	text-align:center;
}
.align-center{
	text-align:center;
}
.align-center img{
	display:block;
	margin:0 auto;
	max-width:100%;
}
.align-left{
	text-align:left;
}
.padding-top-bottom-30{
	padding: 30px 0px;
}
.section-title.icon-title{
	border-left:none;
	padding-left:52px;
}
.section-title.icon-title::after{
	display:none;
}
.section-title.icon-title img{
	display:block;
	position:absolute;
	left:0;
	top:-3px;
	width:42px;
}

.the-last-link{
	max-width:470px;
	padding-top:40px;
	padding-bottom:30px;
	margin:0 auto;
}

.the-last-link a{
	text-align:center;
}
.the-last-link .site-black-btn{
  position: relative;
  padding: 17px 32px 16px 32px;
  font-size: 18px;
  display: block;
}
.the-last-link .site-black-btn::after{
  display: none;
}
.three-cols a.flex-column{
	width:100%;
	background-color:#333333;
	border-top:solid 3px #ff0000;
	padding:35px 10px;
	position:relative;
	display:block;
	box-sizing:border-box;
}
.three-cols a.flex-column::before{
	content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-right: solid 2px #ff0000;
  border-bottom: solid 2px #ff0000;
  position: absolute;
  left: 50%;
  bottom: 28px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
	margin-left:-4px;
}
.three-cols a.flex-column::after {
  content: '';
  display: block;
  width: 11px;
  height: 1px;
  background-color: #ff0000;
  position: absolute;
  left: 50%;
  bottom: 20px;
	margin-left:-5.5px;
}

.three-cols a.flex-column .service-nav-box{
	display:block;
}
.three-cols a.flex-column img{
	display:block;
	max-width:74px;
	margin:0 auto 10px auto;
}
.three-cols a.flex-column .strong{
	display:table-cell;
	width:600px;
	height:76px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	font-size:16px;
	line-height:140%;
}

.flex-wrapper.service-nav{
	max-width:740px;
	margin:0 auto;
	padding-bottom:60px;
}
.strong-title{
	display:block;
	font-size:22px;
	line-height:140%;
	padding-bottom:5px;
	margin:0;
	font-weight:400;
}
.strong-title span{
	display:inline-block;
}
.tab-bloc .strong-title{
	font-size:16px;
	font-weight:700;
}
body .product-info .description-list,
.content-asset .description-list{
	list-style-type:none;
	counter-reset:description-counter;
	padding:0;
	margin:0;
}
.description-list li{
	counter-increment:description-counter;
	padding-bottom:18px;
}
.description-list li:last-of-type{
	padding-bottom:14px;
}
.description-list li .strong-title{
	position:relative;
	padding-left:30px;
	padding-bottom:8px;
}
.description-list li .strong-title::before{
	content:counter(description-counter);
	font-size:13px;
	color:#fff;
	display:block;
	width:20px;
	height:20px;
	vertical-align:middle;
	border-radius:100%;
	line-height:21px;
	text-align:center;
	margin-right:10px;
	font-family:sans-serif;
	position:absolute;
	left:0;
	top:0;
}
.description-list li.red .strong-title::before{
	background-color:#ff0000;
}
.description-list li.blue .strong-title::before{
	background-color:#165cb2;
}
.description-list li.green .strong-title::before{
	background-color:#0f890c;
}
.description-list li.orange .strong-title::before{
	background-color:#ff7800;
}
.description-list li.purple .strong-title::before{
	background-color:#872cb1;
}
.content-asset .description-list li p{
	margin:0;
	display:block;
	line-height:160%;
}


.white-bloc{
	background-color:#fff;
	border:solid 1px #cccccc;
	padding:28px;
}
.one-tab .white-bloc{
	margin-top:50px;
}
.half-bloc-container{
	margin-left:-30px;
	padding-bottom:50px;
}
#modal14 .half-bloc-container{
	padding-top:10px;
}
.half-bloc-container:last-of-type{
	padding-bottom:0;
}
.half-bloc-container .half-bloc{
	width:50%;
	box-sizing:border-box;
	padding-left:30px;
	float:left;

}
.half-bloc-container .half-bloc.right{
	float:right;
}
.half-bloc-container .half-bloc.left{
	float:left;
}
.half-bloc-container .half-bloc img{
	display:block;
	width:100%;
	margin-bottom:30px;
}
.half-bloc-container .half-bloc img:last-of-type{
	margin-bottom:0;
}

.content-asset p.kome{
	display:block;
	margin:0;
}
.content-asset p.kome.top-spaced{
	padding-top:20px;
}
.kome span{
	display:block;
	padding-left:25px;
	position:relative;
	margin-bottom:5px;
	font-size:12px;
	line-height:140%;
}
.kome span::before{
	content:'※';
	position:absolute;
	left:0;
	top:0;
	font-size:12px;
}

.kome.numbered{
	counter-reset:kome-counter;
}
.kome.numbered.start0{
	counter-reset:kome-counter -1;
}
.kome.numbered span{
	padding-left:25px;
	counter-increment: kome-counter;
}
.kome.numbered span::before{
	content:'※' counter(kome-counter);
}
.kome.numbered.start0 span:first-of-type::before{
	content:'※';
}


.purchase-banner{
	padding:55px 15px 60px 15px;
	background-color:#404040;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.purchase-banner::before{
	content:'';
	background:#333333;
	height:5000px;
	left:50%;
	margin-left:-515px;
	margin-top:-515px;
	position:absolute;
	top:50%;
	-webkit-transform:rotate(-72deg);
	-webkit-transform-origin:center center;
	transform:rotate(-72deg);
	transform-origin:center center;
	width:5000px;
	z-index:0;
}
.purchase-banner .purchase-banner-inner{
	max-width:640px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.purchase-banner .purchase-banner-inner .purchase-banner-title{
	color:#fff;
	font-size:32px;
	font-weight:400;
	margin:0;
	padding-bottom:15px;
}
.purchase-banner .purchase-banner-inner p{
	display:block;
	color:#fff;
	font-size:16px;
	margin:0;
}
.purchase-banner .site-red-btn{
	max-width:470px;
	margin:45px auto 40px auto;
	box-sizing:border-box;
}

.purchase-links{
	display: flex;
	padding-top:40px;
	position:relative;
}
.purchase-links::before{
	content:'';
	width:100%;
	position:absolute;
	left:0;
	top:0;
	display:block;
	height:1px;
	background-image:linear-gradient(to right, #a5a5a5 2px, rgba(255,255,255,0) 0);
	background-position:left bottom;
	background-size:4px 1px;
	background-repeat:repeat-x;
}

ul.purchase-links-list{
	list-style:none;
	max-width:470px;
	margin:0 auto;
	padding:0;
}
.purchase-links-list li{
	width:100%;
	box-sizing: border-box;
	float:left;
	padding:0;
	margin:0;
}
.purchase-links-list li:first-of-type{
	padding-right:15px;
}
.purchase-links-list li:last-of-type{
	padding-left:15px;
}
.purchase-links-list li a.site-white-btn{
	display:block;
}


#wrapper.pt_storefront #main,
#wrapper.pt_productsearch #main
{
	width:100%;
	padding:0;
	margin:0;
}
.home-read{
	max-width: 960px;
	margin-left:auto;
	margin-right:auto;
}

.flex-wrapper{
  overflow: hidden;
  width: 100%;
}
.flex-container{
  display:-webkit-flex;
  display:flex;
  margin: 0 -15px;
}
.flex-wrapper.has-margin .flex-container{
  margin-bottom:30px;
}
.flex-wrapper.has-margin .flex-container:last-of-type{
  margin-bottom:0;
}
.flex-column{
  margin:0 15px;
	vertical-align:middle;
  align-items:center;
  justify-content:center;
  text-align: center;
	padding-bottom:15px;
}
.three-cols .flex-column{
  background: #f2f2f2;
}
.flex-column img{
	display:block;
	width:100%;
}
.secondary .flex-column img{
	max-width:136px;
	margin:0 auto 30px auto;
}
.flex-wrapper.flow-steps{
	max-width:790px;
	margin:0 auto;
}
.flow-steps .flex-container{
	overflow:hidden;
}
.flow-steps .flex-column{
	width:33.33333%;
	position:relative;
	padding-bottom:0;
}

.flow-steps .flex-column::before{
	content: '';
	position: absolute;
	display: block;
	width:30px;
	height:100%;
  top: 0;
  right: -30px;
  background-image: url(../images/steps_sep.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
}
.flow-steps .flex-column .steps-head{
	padding-bottom:20px;
}
.flow-steps .flex-column .steps-head .steps-counter{
	display:block;
	font-size:16px;
	font-weight:700;
}
.flow-steps .flex-column .steps-head .steps-counter strong{
	font-size:28px;
	font-weight:700;
}
.flow-steps .flex-column .steps-head .steps-title{
	font-size:16px;
	width:600px;
	display:table-cell;
	margin:0;
	padding:0;
	vertical-align:middle;

}
.flow-steps .flex-column .steps-icon{
	max-width:161px;
	margin:0 auto;
	position:relative;
	padding-bottom:18px;
	margin-bottom:15px;
}
.flow-steps .flex-column .steps-icon::after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:1px;
	width:100%;
	background-image:linear-gradient(to right, #b2b2b2 2px, rgba(255,255,255,0) 0);
	background-position:left bottom;
	background-size:4px 1px;
	background-repeat:repeat-x;
}

.flow-steps .flex-column .steps-icon img{
	width:100%;
	max-width:90px;
	display:block;
	margin:0 auto;
}
.content-asset .flow-steps .flex-column .steps-desc p{
	display:table-cell;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:700;
	width:600px;
	vertical-align:middle;
}

.flex-column .bloc-head{
	display:table-cell;
	width:780px;
	vertical-align:middle;

	background-color:#e3e3e3;
}
.three-cols .flex-column .bloc-head{
	height:80px;
}
.flex-column .bloc-head .bloc-title{
	font-size:18px;
	display:block;
	margin:0;
	padding:17px 5px;
	line-height:130%;

}
.flex-column .bloc-head .bloc-title small{
	font-size:12px;
	display:block;
	line-height:130%;
}
.flex-column .bloc-head .bloc-title span{
	display:block;
	line-height:130%;
}
.flex-column .bloc-container{
	padding:0 20px;
}

.content-asset p.strong{
	display:block;
	font-size:16px;
	font-weight:700;
}


.content-asset .flex-column .bloc-container p.strong{
	padding:16px 0;
	margin:0;
	display:table-cell;
	height:22px;
	line-height:140%;
	font-size:16px;
	font-weight:700;
	vertical-align:middle;
	width:780px;
}

ul.bloc-icons{
	list-style:none;
	margin:0;
	padding:20px 0 30px 0;
	margin-left:-2px;
}
ul.bloc-icons li{
	display:block;
	float:left;
	width:25%;
	padding-left:2px;
	box-sizing:border-box;
}

.icon-left-bloc .icon{
	float:left;
	width:100px;
	padding-top:20px;
}
.icon-left-bloc .icon img{
	display:block;
	width:100%;
}
.icon-left-bloc .desc{
	float:right;
	width:calc(100% - 100px);
	padding-left:30px;
	box-sizing:border-box;
	text-align:left;
	padding-top:25px;
}
.flex-column .bloc-container .site-black-btn{
	width:100%;
	max-width:213px;
	text-align:center;
	box-sizing:border-box;
}
.content-asset .flex-column .bloc-container .icon-left-bloc .desc p.strong{
	padding-top:0;
	padding-bottom:25px;
	line-height:140%;
}


.attention-box{
	padding:30px 30px 20px 30px;
	color: red;
	border: solid 2px red;
	margin-bottom: 20px;
}
.attention-box .attention-title{
	display:block;
	padding-left:30px;
	margin-top:0;
	position:relative;
}

.image-left-bloc .image{
	float:left;
	width:160px;
}
.image-left-bloc .image img{
	display:block;
	width:100%;
}
.image-left-bloc .desc{
	float:right;
	width:calc(100% - 160px);
	padding-left:30px;
	box-sizing:border-box;
	text-align:left;
}
.image-left-bloc .desc p{
	margin-top:0;
}
.image-left-bloc .desc p.noMarg{
	margin-bottom:0;
}

.strong-link{
	display:inline-block;
	display:block;
	padding-left:30px;
	position:relative;
	font-size:18px;
	font-weight:700;
	line-height:170%;
	margin-bottom:5px;
}
.strong-link::before{
	content:'';
	width:20px;
	height:20px;
	position:absolute;
	left:0;
	top:4px;
	display:block;
	border-radius:100%;
	background-color:#ff0000;
}
.strong-link::after{
	content:'';
	display:block;
	width:5px;
	height:5px;

	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;
	position:absolute;
	left:5px;
	top:10px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.faq-box .one-faq{
	margin-bottom:1px;
}
.faq-box .one-faq .question{
	display:block;
	position:relative;
	background-color:#333333;
	color:#fff;
	font-size:16px;
}
.faq-box .one-faq .question .question-inside{
	padding:20px 55px 18px 55px;
	display:block;
	position:relative;
}
.faq-box .one-faq .question::after{
	content:'';
	width:14px;
	height:2px;
	position:absolute;
	display:block;
	right:23px;
	top:50%;
	margin-top:-1px;
	background-color:#ff0000;
	z-index:2;
}
.faq-box .one-faq .question::before{
	content:'';
	width:2px;
	height:14px;
	position:absolute;
	display:block;
	right:29px;
	top:50%;
	margin-top:-7px;
	background-color:#ff0000;
	z-index:2;
}
.faq-box .one-faq.opened .question::before{
	display:none;
}

.faq-box .one-faq .question .question-inside::before{
	content:'Q.';
	font-size:26px;
	position:absolute;
	left:20px;
	top:12px;
}

.faq-box .one-faq .question .question-inside::after{
	content:'';
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	right:18px;
	top:50%;
	margin-top:-12px;
	background-color:#fff;
}
.faq-box .view-more-btn{
	padding-top:60px;
	text-align:center;
}

.faq-box .one-faq .answer{
	overflow:hidden;
	height:0;
}
.faq-box .one-faq.opened .answer{
	height:auto;
}
.faq-box .one-faq .answer-container{
	background-color:#e3e3e3;
	padding:21px 20px 25px 20px;
}
.faq-box .one-faq .answer-container .answer-title{
	display:block;
	position:relative;
	padding-left:38px;
	font-size:16px;
	font-weight:400;
	margin:0;
}
.faq-box .one-faq .answer-container .answer-title::before{
	content:'A.';
	font-size:26px;
	position:absolute;
	left:0;
	top:-10px;
}
.faq-box .one-faq .answer-container p{
	padding-top:20px;
	margin:0;
}


.modal-opened{
	overflow: hidden;
/* height:100vh; */
/* max-height:100%; */
	touch-action:none;
	position:fixed;
	width:100%;
}

.modal-opened .modal.opened-modal,
.modal-opened #modal-bg{
	display:block;
}
.modal.opened-modal,
#modal-bg.opened-bg{
	opacity:1;
}

#modal-bg{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.7);
	z-index:110;
	opacity:0;
	transition:opacity 0.3s ease-out;
}


.modal{
	display:none;
	position:fixed;
	width:calc(100% - 60px);
	box-sizing:border-box;
	top:50%;
	max-height:100vh;
	left:50%;
	z-index:111;
	-webkit-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	opacity:0;
	transition:opacity 0.3s ease-out;
}
.modal.absoluted{
	position:absolute;
	top:15px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	margin-bottom:15px;
}
.modal .content-article,
.modal .modal-content-article{
	max-height:calc(100vh - 120px);
	overflow-y:auto;
	overflow-x:hidden;
	box-sizing:border-box;
	padding-right:30px;
	padding-left:30px;
}
.modal .content-article{
	padding:15px 30px;
}

.modal-container{
	max-height:100%;
	/* position:relative; */
	padding:45px 30px;
	padding:30px 0;
	background-color:#ffffff;
	overflow: auto;
}

#modal14 .modal-container,#modal15 .modal-container{
	overflow: visible;
}

.modal .batsu{
	display:block;
	width:42px;
	height:0;
	position:absolute;
	right:-15px;
	top:-20px;
	overflow:hidden;
	-webkit-appearance:none;
	border:none;
	padding:0;
	margin:0;
	font-size:100%;
	background:#333333;
	cursor:pointer;
  outline:none;
  color:#ffffff;
	padding-top:42px;
	border-radius:100%;
}
.modal .batsu.simple {
	top: 10px !important;
	right: 10px !important;
	background: transparent !important;
	color: #333;
}
.modal .batsu::after{
	content:'×';
	display:block;
	width:42px;
	height:42px;
	position:absolute;
	right:0;
	top:0;
	text-align:center;
	line-height:42px;
	font-size:25px;
}
.modal .button{
	display:inline-block;
	-webkit-appearance:none;
	border:none;
	padding:4px 35px 4px 10px;
	font-size:100%;
	background:#333333;
	cursor:pointer;
  outline:none;
  color:#ffffff;
	border-radius:0;
	border:none;
}
.modal .button::before{
	content:'×';
	display:inline-block;
	font-size:21px;
	margin-right:15px;
	vertical-align:middle
}

.content-asset .modal .description-list li p{
	font-size:100%;
	padding-bottom:0;
}

#modal3 .description-list,#modal4 .description-list{
	width:calc(90% - 10px);
	float:left;
}

.content-asset .modal .description-list{
	width:calc(50% - 15px);
	float:left;
}
#modal14 .description-list{
	width:calc(100% - 15px);
	float:left;
}
.content-asset .modal .description-list.clear-width{
	width:calc(100% - 15px);
}
.content-asset .modal .description-list:nth-of-type(2){
	counter-reset:description-counter 3;
	float:right;
}

.modal.regular{
	max-width:1068px;
}
#modal1{
	max-width:630px;
}
#modal1 img{
	width:100%;
	display:block;
}
#modal2{
	max-width:830px;
}
#modal2 #the-table{
	max-height:400px;
	overflow-y:auto;
	position:relative;
}
#modal2 .table-overflow{
	position:relative;
	margin-bottom:20px;
}
#modal2 .table-overflow:after{
	content:'';
	position:absolute;
	display:block;
	left:0;
	bottom:0;
	height:11px;
	width:100%;
	background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.15));
}
#modal2 .table-overflow:before{
	content:'';
	position:absolute;
	display:block;
	left:0;
	top:0;
	height:11px;
	width:100%;
	background-image:linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0));
}
#modal2 table{
	width:100%;
	margin:0;
}
#modal2 table th:first-of-type,
#modal2 table td:nth-last-of-type(4){
	display:none;
}
#modal2 table th{
	width:30%;
}
#modal2 table th:nth-of-type(3){
	width:40%;
}
#modal2 table{
	border:solid 1px #333333;
}
#modal2 table th{
	background-color:#333333;
	color:#fff;
	border:none;
	border-right:solid 1px #fff;
	padding:10px 15px;
	font-size:14px;
	font-weight:400;
}
#modal2 table td{
	border-color:#333;
	padding:10px 15px;
	font-size:14px;
	font-weight:400;
}
#modal2 table td:nth-of-type(3){
	background-color:#ffe5e5;
	font-weight:700;
}
#modal2 table th:last-of-type{
	border-right:none;
}
#modal13 {
    max-width: 630px;
}
#modal13 img.on-pc {
    width: 100%;
}

.the-select{
	padding:15px;
	background-color:#e3e3e3;
	margin-bottom:20px;
}
.the-select select{
	max-width:425px;
	display:block;
	margin:0 auto;
	border:solid 1px #333333;
	height:32px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.modal .head-title{
	padding-bottom:20px;
}

.modal .subtitle{
	text-align:center;
	font-size:13px;
}
.modal .the-closer{
	text-align:center;
	padding-top:40px;
}
.content-asset .modal a.regular-link{
	color:#333;
}
.content-asset .modal p.smaller{
	display:block;
	font-size:12px;
	padding-top:5px;
	padding-bottom:15px;
}

.modal-head{
	padding:18px 30px 15px 30px;
	background-color:#e3e3e3;
}

.modal-head .modal-subtitle{
	color:#fff;
	background:#333;
	font-size:14px;
	line-height:180%;
	line-height:200%;
	padding:1px 4px;
	border:none;
	margin-bottom:2px;
}

.modal-head .modal-title{
	display:block;
	margin:0;
	padding:0;
	padding-top:8px;
	font-weight:400;
	font-size:22px;
}
.modal-head .modal-title.lonely{
	padding-top:0;
}
.outer{
	margin-bottom:40px;
}
.outer .modal-head .modal-title{
	padding-top:0;
	font-weight:700;
}
.outer .modal-head .modal-title.separate{
	padding-top:8px;
}
.outer .strong-title{
	display:block;
	font-size:16px;
	font-weight:700;
	margin:0;
	padding:0;
	padding-bottom:20px;
}
.outer .image-left-bloc .image,
.modal.regular .image-left-bloc .image{
	width:313px;
	padding-bottom:30px;
}
.outer .image-left-bloc .desc,
.modal.regular .image-left-bloc .desc{
	width:calc(100% - 313px);
	padding-bottom:20px;
}

.outer .grey-bg{
	padding:20px 30px 0 30px;
	background-color:#f2f2f2;
	margin-bottom:2px;
}
.modal.regular .grey-bg{
	padding:30px 30px 0 30px;
	background-color:#f2f2f2;
	margin-bottom:2px;
}
.outer .grey-bg.for-kome,
.modal.regular .grey-bg.for-kome{
	padding:15px 22px;
	margin-bottom:0;
}
.outer .grey-bg.for-kome .kome span,
.modal.regular .grey-bg.for-kome .kome span{
	color:#666666;
}

.outer .bordered-sep-box,
.modal.regular .bordered-sep-box{
	margin-bottom: 25px;
	padding-bottom:5px;
	position:relative;
}
.outer .bordered-sep-box::after,
.modal.regular .bordered-sep-box::after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:1px;
	width:100%;
	background-image:linear-gradient(to right, #999999 1px, rgba(255,255,255,0) 0);
	background-position:left bottom;
	background-size:4px 1px;
	background-repeat:repeat-x;
}
.outer .regular-links-list,
.modal.regular .regular-links-list{
	list-style:none;
    line-height:0;
    margin:0;
    padding:0;
}
.outer .regular-links-list li,
.modal.regular .regular-links-list li{
	display:inline-block;
	padding-right:15px;
	margin-right:10px;
	border-right:solid 1px #ababab;
	line-height:0;
}
.outer .regular-links-list li a,
.modal.regular .regular-links-list li a{
	line-height:150%;
}
.outer .regular-links-list li a .blank,
.modal.regular .regular-links-list li a .blank{
	padding-right:13px;
}
.outer .regular-links-list li:last-of-type,
.modal.regular .regular-links-list li:last-of-type{
	padding-right:0;
	margin-right:0;
	border-right:none;
}

.blank{
	line-height:160%;
}
.image-left-bloc .desc p.price{
	text-align:right;
	font-size:20px;
	margin-bottom:10px;
	display:block;
	font-weight:700;
}
.image-left-bloc .desc p.price small{
	font-size:12px;
	margin-left:5px;
}


/*-------- TOP PAGE -------- */
#top-slider{
	position:relative;
}

#top-slider .one-slide{
	display:none;
}
#top-slider .one-slide:first-of-type{
	display:block;
}

#top-slider img{
	display:block;
	width:100%;
}
#top-slider .controls{
	height:0;
}
#top-slider .controls a{
	display:block;
	width:89px;
	height:158px;
	height:calc(89px * 1.775281);
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	background-color:#000;
	overflow:inherit;
	transition:width 0.3s, height 0.3s;
}
#top-slider .controls a::before{
	content:'';
	display:block;

	width:90px;
	width:calc(100% - 1px);
	height:160px;
	height:calc(100% + 2px);
	height:100%;
	position:absolute;
	top:-1px;
	/* background:rgba(255, 255, 255, 0.5); */
	/* background:blue; */
	border:solid 1px rgba(255, 255, 255, 0.5);

}

#top-slider .controls a.prev{
	left:0;
}
#top-slider .controls a.next{
	right:0;
}
#top-slider .controls a.prev::before{
	left:0;
}
#top-slider .controls a.next::before{
	right:0;
}
#top-slider .controls a .contr-cont{
	display:block;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

#top-slider .controls a.prev .contr-cont{
	left:inherit;
	right:0;
}
#top-slider .controls a .contr-cont .contr-slice{
	display:block;
	height:100%;
	float:left;
	background-repeat:no-repeat;
	background-size:auto 100%;
	opacity:0.7;
}

#top-slider .controls a.prev .contr-cont .contr-slice{
	background-position:right center;
	float:right;
}

#top-slider .controls a .contr-pos{
	display:block;
	width:100%;
	overflow:hidden;
	position:absolute;
	height:100%;

}
#top-slider .controls a .contr-pos::after,
#top-slider .controls a .contr-pos::before{
	content:'';
	width:28px;
	height:4px;
	display:block;
	background-color:#fff;
	position:absolute;
	z-index:1;
}

#top-slider .controls a.prev .contr-pos::after{
	right:50%;
	top:50%;
	-webkit-transform:rotate(45deg);
	-webkit-transform-origin:left center;
	transform:rotate(45deg);
	transform-origin:left center;
	margin-top:-1px;
}
#top-slider .controls a.prev .contr-pos::before{
	right:50%;
	top:50%;
	-webkit-transform:rotate(-45deg);
	-webkit-transform-origin:left center;
	transform:rotate(-45deg);
	transform-origin:left center;
	margin-top:1px;
}
#top-slider .controls a.next .contr-pos::after{
	left:50%;
	top:50%;
	-webkit-transform:rotate(45deg);
	-webkit-transform-origin:right center;
	transform:rotate(45deg);
	transform-origin:right center;
	margin-top:1px;
}
#top-slider .controls a.next .contr-pos::before{
	left:50%;
	top:50%;
	-webkit-transform:rotate(-45deg);
	-webkit-transform-origin:right center;
	transform:rotate(-45deg);
	transform-origin:right center;
	margin-top:-1px;
}


#top-slider .pagination{
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	text-align:center;
	list-style:none;
	height:14px;
	line-height:12px;
	margin:0;
	padding:0;
}
#top-slider .pagination li{
	display:inline-block;
	margin:0 8px;
	height:12px;
	line-height:12px;
	vertical-align:middle;
}
#top-slider .pagination li a{
	display:block;
	width:12px;
	height:12px;
	background:#999999;
	border-radius:100%;

}
#top-slider .pagination li.current a{
	background:#ff0003;
}

#top-slider .pagination li.sliderAuto{
	padding:0;
	height:14px;
}
#top-slider .pagination li.sliderAuto a{
	border-radius:inherit;
	width:12px;
	height:14px;
	background:none;
	position:relative;
}


#top-slider .pagination li.sliderAuto a.pause::before,
#top-slider .pagination li.sliderAuto a.pause::after{
	content:'';
	width:4px;
	height:14px;
	background:#fff;
	display:block;
	position:absolute;
	top:0;
}
#top-slider .pagination li.sliderAuto a.pause::before{
	left:0;
}
#top-slider .pagination li.sliderAuto a.pause::after{
	right:0;
}
#top-slider .pagination li.sliderAuto a.play::after{
	content:'';
	width: 0;
	height: 0;
	display:block;
	position:absolute;
	left:0;
	top:0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #fff;
}
#top-slider .one-slide img.slide-main-img{
	opacity:0;
}
#top-slider .one-slide.no-bg img.slide-main-img{
	opacity:1;
}
#top-slider .one-slide{
	position:relative;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
#top-slider .one-slide a{
	position:absolute;
	display:block;
}
#top-slider .one-slide a img{
	display:block;
	width:100%;
}
#top-slider .one-slide a.top_slider2_link1{
	left:15%;
	top:74.7%;
	width:23%;
}
#top-slider .one-slide a.top_slider2_link2{
	right:15%;
	top:74.7%;
	width:23%;
}
#top-slider .one-slide a.top_slider3_link1{
	top: 71.7%;
	left: 11.6%;
	width: 15.74%;
}
#top-slider .one-slide a.top_slider3_link2{
	top: 71.7%;
	left: 28.92%;
	width: 15.74%;
}

#top-slider .one-slide a.top_slider4_link1{
	left:40.9%;
	top:72.5%;
	width:18.36%;
}

#top-slider .one-slide a.top_slider7_link{
	top:0%;
	width:100%;
}

#top-slider .one-slide a.top_slider_wheel_link.on-pc{
	top: 71.7%;
	left: 11.6%;
	width: 12.77%;
}

#top-slider .one-slide a.top_slider_wheel_link.on-sp{
	top: 76.1%;
	left: 4.68%;
	width: 33.28%;
}

#top-slider .one-slide .new{
	position: absolute;
}

#top-slider .one-slide .new.on-pc{
	top: 0;
	left: 0;
	width: 21.7%;
}

#top-slider .one-slide .new.on-sp{
	top: 0;
	right: 0;
	width: 37.5%;
}

.top-contents .flex-wrapper.flow-steps{
	padding-top:45px;
}
.top-contents .flow-steps .flex-column .steps-desc{
	font-weight:700;
}
.slashed-box{
	background-color:#ededed;
	overflow:hidden;
	position:relative;
}
.slashed-box .contents-wrapper{
	position:relative;
	z-index:1;
}
.slashed-box::after{
	content:'';
	background:#e3e3e3;
	height:50000px;
	left:50%;
	margin-left:-5150px;
	margin-top:-5150px;
	position:absolute;
	top:50%;
	-webkit-transform:rotate(-72deg);
	-webkit-transform-origin:center center;
	transform:rotate(-72deg);
	transform-origin:center center;
	width:50000px;
	z-index:0;
}

.top-service-box a.flex-column span{
	display:block;
}
.top-service-box a.flex-column span.title-link{
	display:table-cell;
	width:600px;
	text-align:left;
	vertical-align:middle;
}

.image-bloc .image-bloc-desc{
	padding:20px 10px 18px 20px;
	background-color:#333333;
}

.image-bloc .image-bloc-desc .strong-link{
	color:#fff;
	font-weight:400;
}

.image-bloc .image-bloc-desc .kome,
.image-bloc .image-bloc-desc .text,
.image-bloc .image-bloc-desc p{
	color:#cccccc;
	display:block;
	margin:0;
}
.top-service-box .flex-column{
	background-color:#333333;
	text-align:left;
	width:50%;
	padding-bottom:0;
	margin-bottom:30px;
}
.top-service-box .flex-container:last-of-type .flex-column{
	margin-bottom:0;
}
.top-service-box .flex-column .bloc-container{
	padding:0;
}

.top-service-box-button{
	max-width:295px;
	margin:0 auto;
	text-align:center;
	padding-top:60px;
}
.top-service-box-button a{
	font-size:15px;
}

.top-contents .article-section:first-of-type{
	padding-top:0;
}

a.image-bloc,
a.image-bloc span{
	display:block;
}


/*-------- FORM PAGES -------- */
body .pt_product-details .modal.opened-modal .image-left-bloc a.regular-link,
body .pt_product-details .modal.opened-modal .image-left-bloc p.strong{
	display:none;
}
body .pt_product-details .modal.opened-modal .bordered-sep-box{
	margin-bottom:0;
	padding-bottom:0
}
body .pt_product-details .modal.opened-modal .bordered-sep-box::after{
	display:none;
}
.product-image{
	margin-bottom:29px;
}
.product-image img{
	display:block;
}
.product-thumbnails .thumb{
	margin-bottom:10px;
}
.pdp-main .product-name{
	font-size:32px;
	margin:0;
	line-height:120%;
}
#wrapper.pt_product-details .primary-content{
	padding:0;
}

#wrapper.pt_product-details #main{
	width:100%;
	padding-bottom:0;
}

.pdp-main{
	max-width: 1000px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
}
.pdp-main .product-col-1{
	width:22rem;
	padding-right:10px;
	box-sizing:border-box;
}
.pdp-main .product-col-2{
	width:59%;
}
.product-thumbnails .thumb a img{
	display:block;
}
.product-variations{
	margin:0;
	padding-top:30px;
}
.product-variations .attribute .label{
	font-size:13px;
}
.pdp-main .product-number{
	display:block;
	padding-top:7px;
	margin-bottom:0;
	padding-bottom:6px;
}

.pdp-main .store .required-text,
.product-variations .attribute .required-text,
.product-options .required-text{
	 display:inline-block;
	 color:#ffffff;
	 background-color:#ff0000;
	 font-size:11px;
	 padding:6px 6px;
	 margin: 0 0 2px 5px;
	 width: 8%;
	 text-align: center;
}
.product-variations .attribute .value,
.product-options .attribute .value{
    width:100%;
    display: flex;
    flex-direction: row;
}
.product-variations select,
.product-options select,
.pdp-main .store ul li #store-pref,
.pdp-main .store ul li #store-city,
.pdp-main .store ul li #store-list{
	width:100%;
	border-radius:4px;
	height:32px;
	box-sizing:border-box;
	padding:4px 5px;

}

.variation-select.multi {
	width:90%;
}

.attribute.variant-dropdown :before {
	counter-increment:count;
	content:counter(count,”.”) ” “;
}

.tab-bloc .special-fix .strong-title{
	font-size: 22px;
  font-weight: 400;
}

.product-info .content-article.bordered{
	padding-bottom:0;
	position:relative;
}
.product-info .content-article.bordered::before{
	content:'';
	width:100vw;
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
	height:1px;
	background:#cccccc;
}
.product-info .content-article.bordered-on-top{
	position:relative;
}
.product-info .content-article.bordered-on-top::before{
	content:'';
	width:100vw;
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
	height:1px;
	background:#cccccc;
}

.product-info .content-article .tab-bloc{
	padding-top:0;
}
.product-info .content-article.bordered .content-article{
	padding-top:0;
}

.product-info .tab-bloc .one-tab{
	padding-bottom:0;
	padding-top:60px;
}
.pdp-main .product-info{
	padding-top:80px;
}
.pdp-main .product-col-2 .notice{
	margin:0;
	padding:25px 0 75px 0;
}

.pdp-main .product-col-2 .notice p{
	display:block;
	padding-left:25px;
	position:relative;
	margin-bottom:5px;
	font-size:12px;
	line-height:140%;
}
.pdp-main .product-col-2 .notice p::before{
	content:'※';
	position:absolute;
	left:0;
	top:0;
	font-size:12px;
}



.grey-bloc{
	padding:20px 5px;
	background:#e3e3e3;
	text-align:center;
	margin:10px 0 45px 0;
}
.grey-bloc .site-white-btn{
	border:solid 1px #333;
	width:calc(50% - 7px);
	max-width:220px;
	margin:0 2px;
	box-sizing:border-box;
	font-size:13px;
}


.product-col-2.product-detail .section-title{
	/* margin-bottom:20px; */
}

.pdp-main #store-service-list .service-read{
	margin:0;
	padding:0;
}
.pdp-main #store-service-list .service-read p{
	margin:0;
	display:block;
}
.pdp-main #store-service-list .service-read p:last-of-type{
	padding-top:20px;
}
.pdp-main #store-service-list .service-read p:first-of-type{
	padding-top:0;
}

.pdp-main #store-service-list .service-read a{
	text-decoration:none;
}
.pdp-main #store-service-list .service-read a:hover,
.pdp-main #store-service-list .service-read a:focus{
	color:#333;
}
a.anchor-link{
	padding-left:20px;
	text-decoration:none;
}
a.anchor-link::before{
	content:'';
	display:block;
	width:6px;
	height:6px;
	border-right:solid 2px #ff0000;
	border-bottom:solid 2px #ff0000;
	position:absolute;
	left:1px;
	top:50%;
	margin-top:-10px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
a.anchor-link::after{
	content:'';
	display:block;
	width:11px;
	height:1px;
	background-color:#ff0000;
	position:absolute;
	left:0;
	margin-top:4px;
	top:50%;
}



.pdp-main #store-service-list .service-list-title{
	display:block;
	margin:0;
	text-align:left;
	padding:0;
	padding-top:30px;
	margin-top:30px;
	position:relative;
	font-size:18px;
	padding-bottom:10px;
}
.pdp-main #store-service-list .service-list-title::before{
	content:'';
	display:block;
	width:100%;
	margin:0;
	padding:0;
	height:1px;
	position:absolute;
	left:0;
	top:0;
	background-color:#cccccc;
}

.pdp-main #store-service-list .service-list-title::after{
	display:none;
}

.pdp-main #store-service-list .service-list-desc{
	display:block;
	margin:0;
	padding-bottom:20px;
}


.pdp-main #store-service-list .service-option-list{
	margin:0;
	padding:0;
}
.pdp-main .store.product-options{
	padding-top:20px;
}

.pdp-main #store-service-list .service-option-list .service-option{
	margin:0;
	padding:0;
	margin-bottom:20px;
	background-color: #f2f2f2;
}

.pdp-main #store-service-list .service-option-list .service-option .checkbox{
	display:block;
	padding-left:60px;
	position:relative;
	overflow:hidden;
}
.pdp-main #store-service-list .service-option-list .service-option .service-link{
	margin:0;
}

.pdp-main #store-service-list .service-option-list .service-option .checkbox label{
	display:block;
	width:58px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	border-right:solid 2px #fff;
	margin:0;
}



.store-service-contains-disabled{
	display:none;
}


.pdp-main #store-service-list .service-option-list .service-option.store-service-contains-notice .checkbox input[type="checkbox"]:disabled + label +.store-service-contains-disabled,
.pdp-main #store-service-list .service-option-list .service-option.store-service-exclusive-notice .checkbox input[type="checkbox"]:disabled + label +.store-service-contains-disabled{
	display:none;
}
.pdp-main #store-service-list .service-option-list .service-option .checkbox input[type="checkbox"]:disabled + label +.store-service-contains-disabled{
  display: -webkit-flex;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: rgba(140, 140, 140, 0.8);
  font-size: 15px;
  font-weight: 700;
  box-sizing: border-box;
  padding: 15px;
}



.pdp-main #store-service-list .service-option-list .service-option .checkbox input[type="checkbox"] + label::before,
.pdp-main #store-service-list .service-option-list .service-option .checkbox input[type="checkbox"] + label::after{
	display:block;
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-9px;
}
.pdp-main #store-service-list .service-option-list .service-option .checkbox input[type="checkbox"]:checked + label::before{
	border-color:#333333;
	background-color:#333333;
}
.pdp-main #store-service-list .service-option-list .service-option .checkbox input[type="checkbox"]:checked + label::after{
	border-color:#fff;
}

.pdp-main #store-service-list .service-option-list .service-option-desc p.service-option-text{
	padding-bottom:15px;
}
.pdp-main #store-service-list .service-option-list .service-option-desc .service-option-title{
	font-size:16px;
	padding-bottom:5px;
}
.pdp-main #store-service-list .service-option-list button.site-white-btn.as-regular-link{
	padding-top:0;
	padding-bottom:0;
	background:none;
}

.pdp-main #store-service-list .service-option-list .service-option-desc{
	padding:30px;
}
.pdp-main #store-service-list .service-option-list .service-option-desc .service-option-title{
	margin:0;
	display:block;
}

.pdp-main #store-service-list .service-option-list .service-option-desc p{
	margin:0;
	display:block;
}

.pdp-main .service-option{
	position:relative;
}
.pdp-main .service-option.store-service-contains-notice .store-service-contains-notice-msg,
.pdp-main .service-option.store-service-exclusive-notice .store-service-exclusive-notice-msg,
.pdp-main .store-service-cant-delivery-tire-notice-msg
{
	display:-webkit-flex;
	display:flex;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
	text-align:center;
	height:100%;
  align-items: center;
  justify-content: center;
	color:#fff;
	background-color:rgba(140, 140, 140, 0.8);
	font-size:16px;
	font-weight:700;
	box-sizing:border-box;
	padding:15px;
}
.pdp-main #store-service-list .service-option-list .service-option:nth-child(2n+1){
	margin-right:0;
}

.pdp-main .service-option.store-service-error .store-service-error-msg{
	display:block;
}

.pdp-main #store-service-list .service-option-list .service-option.store-service-error .checkbox input[type="checkbox"]:checked + label::before{
	background-color:#ff0000;
	border-color:#ff0000;

}
.pdp-main #store-service-list .service-option-list .service-option.store-service-error .checkbox input[type="checkbox"]:checked + label::after{
	border-color:#fff;

}
.pdp-main #store-service-list .service-option-list .service-option.store-service-error{
	background-color:#ffe5e5;
}

.pdp-main #store-service-list .service-option-list .price{
	display:block;
	font-weight:700;
	text-align:right;
	font-size:20px;
	margin:0;
}

#wrapper.pt_product-details .primary-content{
	overflow:hidden;
}

.pdp-main .store ul li #store-info{
	padding:15px 20px;
	border:solid 3px #cccccc;
	margin:0;
	margin-top:20px;
	position:relative;
}
.pdp-main .store ul li #store-info::before{
	content:'';
	display:block;
	width:16px;
	height:16px;
	border-right:solid 3px #cccccc;
	border-top:solid 3px #cccccc;
	position:absolute;
	left:50%;
	top:-12px;
	margin-left:-8px;
	background-color: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pdp-main .store ul li span{
	display:inline-block;
	padding-bottom:5px;
}

/* .pdp-main .store ul li span::after{
		content:'必須';
    display: inline-block;
    color: #ffffff;
    background-color: #ff0000;
    line-height: 14px;
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 3px;
    vertical-align: middle;
    margin-left:8px;
} */

.pdp-main .store ul li span.store-info-body,
.pdp-main .store ul li span.ttl{
	display:block;
	padding-bottom:0;
}
.pdp-main .store ul li span.store-info-body::after,
.pdp-main .store ul li span.ttl::after{
	display:none;
}

.pdp-main .store ul li #store-info #store-link{
	text-decoration: none;
	position: relative;
	padding:0;
	padding-right: 14px;
	display: inline-block;
	background:none;
}
.pdp-main .store ul li #store-info #store-link .store-info-body::before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-right: solid 2px #ff0000;
    border-bottom: solid 2px #ff0000;
    position: absolute;
    left: 0;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

}
.pdp-main .store ul li #store-info #store-link .store-info-body{
	line-height: 160%;
	position: relative;
	padding:0;
	padding-left: 16px;
	display: inline-block;
}
.pdp-main .store ul li #store-info #store-link::before{
		content: '';
    display: block;
    position: absolute;
    right: 3px;
    bottom: 7px;
    width: 4px;
    height: 4px;
    background: transparent;
    border-left: solid 1px #333;
    border-bottom: solid 1px #333;
}
.pdp-main .store ul li #store-info #store-link::after{
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: transparent;
    border: solid 1px #333;
    margin-left: 10px;
    position: absolute;
    right: 0;
    bottom: 9px;
}
.pdp-main .store ul li #store-info br{
	display:none;
}

.pdp-main .store ul li #store-info div{
	display:inline-block;
	width:48%;
	vertical-align:top;
}
.pdp-main .store ul li #store-info .store-info-body{
	font-size:13px;
}
.pdp-main .store ul li #store-info div:first-of-type{
	display:block;
	width:100%;
	padding-bottom:10px;
}
.pdp-main .store ul li #store-info div:last-of-type{
	display:block;
	width:100%;
	padding-top:15px;
}


.pdp-main .store ul li{
	margin:0;
	padding-bottom:15px;
}
.pdp-main .store ul li:last-of-type{
	padding-bottom:0;
}

.pdp-main .product-col-2 .section-title{
	padding-bottom:2px;
}
.pdp-main #reserve-form-error{
	text-align:center;

}
.pdp-main .store-service-contains-notice-msg,
.pdp-main .store-service-exclusive-notice-msg,
.pdp-main .required-error-msg,
.pdp-main .store-service-error-msg {
  display: none;
}

.pdp-main .store-service-contains-notice .store-service-contains-notice-msg,
.pdp-main .store-service-exclusive-notice .store-service-exclusive-notice-msg {
  display: inline-block;
}

.pdp-main .required-error .required-error-msg {
  display: inline-block;
}

.pdp-main .required-error li.required-error-msg {
  display: inline-block;
}

.pdp-main .store-service-error .store-service-error-msg {
  display: block;
}

.pdp-main .store-service-error li.store-service-error-msg {
  display: block;
}

.pdp-main .store-service-error-msg{
	max-width:470px;
}

.pdp-main .required-error-msg{
	position:relative;
	margin-bottom:25px;
	padding:10px 15px;
	background-color:#ffe5e5;
	font-weight:700;
	border-radius:5px;
}
.pdp-main .required-error-msg::before{
	content:'必須';
	display: inline-block;
	color: #ffffff;
	background-color: #ff0000;
	line-height: 14px;
	font-size: 11px;
	padding: 1px 6px;
	border-radius: 3px;
	vertical-align: middle;
	margin-right:8px;
}
.pdp-main .required-error-msg::after{
	content:'';
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	left:50%;
	margin-left:-8px;
	bottom:-8px;
	background-color: #ffe5e5;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pdp-main #reserve-form-error > li.required-error-msg{
	margin:0;
	margin-bottom:22px;
}
.pdp-main #reserve-form-error > li.store-service-error-msg{
	margin:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}



#reserve-form-error .store-service-error-msg{
	position:relative;
	margin-bottom:25px;
	padding:10px 15px;
	background-color:#ffe5e5;
	font-weight:700;
	border-radius:5px;
	box-sizing:border-box;
	text-align:left;
}
#reserve-form-error .store-service-error-msg::after{
	content:'';
	display:block;
	width:16px;
	height:16px;
	position:absolute;
	left:50%;
	margin-left:-8px;
	bottom:-8px;
	background-color: #ffe5e5;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pdp-main .product-price .price-notice p{
	display:block;
	padding-top:10px;
	font-size:12px;
}


.pdp-main #store-service-list .service-option-list .service-option-desc{
	padding:30px 24px;
}
.pdp-main #store-service-list .service-option-list .service-option-desc .service-option-icons{
	padding-bottom:20px;
}


/* phase 3 */
ul.user-voices-box{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:25px;
}
.hidden-bloc ul.user-voices-box{
	padding-top:0;
}
ul.user-voices-box li{
	display:block;
	position:relative;
	padding:20px 0 18px 0;
}
ul.user-voices-box li::after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	height:1px;
	width:100%;
	background-image: linear-gradient(to right, #b2b2b2 2px, rgba(255,255,255,0) 0);
	background-position: left bottom;
	background-size: 4px 1px;
	background-repeat: repeat-x;
}
ul.user-voices-box li:last-of-type::after{
	display:none;
}
.hidden-bloc ul.user-voices-box li:first-of-type::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:1px;
	width:100%;
	background-image: linear-gradient(to right, #b2b2b2 2px, rgba(255,255,255,0) 0);
	background-position: left bottom;
	background-size: 4px 1px;
	background-repeat: repeat-x;
}
ul.user-voices-box li .user-voice-head,
ul.user-voices-box li p.user-voice-comment,
ul.user-voices-box li p.user-voice-desc{
	margin:0;
	padding:0;
}
.show-hide-container .hidden-bloc{
	height:0;
	overflow:hidden;
}
.show-hide-container.opened .hidden-bloc{
	height:auto;
	overflow:inherit;
}
ul.user-voices-box li .user-voice-head{
	display:block;
	position:relative;
	font-size:12px;
	font-weight:400;
	padding:5px 0 5px 43px;
	min-height:22px;
}
ul.user-voices-box li .user-voice-head::before{
	content:'';
	display:block;
	width:30px;
	height:30px;
	background-image:url(../images/user-voice-icon.png);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:center center;
	position:absolute;
	left:0;
	top:0;
}
ul.user-voices-box li .user-voice-head .user-voice-icon{
	display:inline-block;
	font-size:12px;
	height:17px;
	line-height:16px;
	padding:2px 5px 0 5px;
	margin-left:15px;
	font-weight:700;
}
ul.user-voices-box li .user-voice-head .user-voice-icon.blue{
	border:solid 1px #165cb2;
	color:#165cb2;
	background-color:#e7eef7;
}
ul.user-voices-box li .user-voice-head .user-voice-icon.orange{
	border:solid 1px #ff7800;
	color:#ff7800;
	background-color:#fff1e5;
}
ul.user-voices-box li p.user-voice-comment{
	display:inline-block;
	font-weight:900;
	border:solid 1px #cccccc;
	font-size:14px;
	background-color:#f2f2f2;
	border-radius:3px;
	padding:5px 6px 2px 10px;
	margin-top:10px;
	position:relative;
}
ul.user-voices-box li p.user-voice-comment::before{
	content:'';
	display:block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 9px solid #cccccc;
	position:absolute;
	left:8px;
	top:-9px;
}
ul.user-voices-box li p.user-voice-comment::after{
	content:'';
	display:block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 9px solid #f2f2f2;
	position:absolute;
	left:8px;
	top:-7px;
}
ul.user-voices-box li p.user-voice-desc{
	display:block;
	padding-top:10px;
}
.show-hide-container .trigger{
	display:block;
	border:solid 1px #333333;
	text-decoration:none;
	text-align:center;
	padding:9px 0;
	background-color:#fff;
	margin-top:10px;
}
.show-hide-container .trigger span{
	display:inline-block;
	padding:0 24px;
	position:relative;
	font-weight:900;
}
.show-hide-container .trigger span::before{
	content:'';
	display:block;
	width:14px;
	height:2px;
	background-color:#ff0000;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-1px;
}
.show-hide-container .trigger span::after{
	content:'';
	display:block;
	height:14px;
	width:2px;
	background-color:#ff0000;
	position:absolute;
	left:6px;
	top:50%;
	margin-top:-7px;
}
.show-hide-container.opened .trigger span::after{
	display:none;
}
.grey-bg.for-user-voices{
	margin-top:2px;
	padding-bottom:30px;
}
.grey-bg.for-user-voices p.strong{
	text-align:center;
	margin:0;
	padding:5px 0;
}
.grey-bg.for-user-voices ul.user-voices-box{
	padding-top:0;
}
.grey-bg.for-user-voices ul.user-voices-box li p.user-voice-comment{
	background-color:#fff;
}
.grey-bg.for-user-voices ul.user-voices-box li p.user-voice-comment::after{
	border-bottom-color:#fff;
}
.show-hide-container .kome{
	font-size:12px;
	text-align:right;
	padding-top:15px;
}
.show-hide-container .kome span{
	display:inline-block;
}

/*-------- ご選択中の商品・サービス -------- */
.selectedProductsAndServices-product-id{
	float: right;
	width: 75%;
	font-style: normal;
	font-size: x-small;
	color: lightgrey;
}
.mini-cart-product:last-of-type {
    border: inherit;
}
.grayout-disabled[disabled]{
	background-color: #ccc;
	color: #666;
	opacity: 0.5;
}

.button.grayout-disabled {
	background-color: #666;
	border-color: #666;
	color: #ccc;
	opacity: 0.7;
}

.content-asset .pageTop{
	bottom:60px;
	z-index:5;
}



.copyright{
	background-color:#333333;
}
.copyright p{
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	font-size:10px;
}


.tile-item-list-block {
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}

.tile-item-list-block .item-block {
	width: 48%;
	overflow: hidden;
	float: left;
	margin: 20px 1%;
}

.tile-item-list-block img.on-pc {
	width: 100%;
	max-width: 1000px;
}

.tile-item-list-block .item-block a {
	display: block;
	float: left;
	width: 100%;
}

.tile-item-list-block .item-block p.item-title {
	font-weight: 900;
	font-size: 18px;
}

.tile-item-list-block .item-block ul.feature-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.tile-item-list-block .item-block .feature-list li.inch {
	width: 15%;
}

.tile-item-list-block .item-block .feature-list li.type {
	width: 25%;
}

.tile-item-list-block .item-block .feature-list li img {
	width: 90%;
	margin: 5%;
}

.site-red-btn:hover {
	color: #fff;
	background-color:#ff6666;
}

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

}

/* ---------------- PC ONLY SIZE ---------------- */
@media screen and (min-width: 768px){

	#top-slider .controls a:hover{
		width: 100px;
		height:calc(100px * 1.775281);
	}
	.on-sp{
		display:none !important;
	}
	#top-slider .one-slide a{
		background-color:#fff;
	}
	#top-slider .one-slide a img{
		transition:opacity .3s;
		background-color:#fff;
	}
	#top-slider .one-slide a:hover img{
		opacity:0.6;
	}
	.links-list-bloc ul li a:hover span{
		text-decoration:underline;
	}
	.regular-link:hover span{
		text-decoration:underline;
	}
	.outer .regular-links-list li a:hover span,
	.modal.regular .regular-links-list li a:hover span{
		text-decoration:underline;
	}

	.the-nav ul li a:hover::after{
		content:'';
		width:100%;
		height:3px;
		background-color:#ff0000;
		position:absolute;
		left:0;
		bottom:0;
		display:block;
	}
	.is-ipad .the-nav ul li a:hover::after,
	.is-mobile-device .the-nav ul li a:hover::after{
		display:none;
	}

	.the-nav ul li a:hover,div#authLoginMark-header:hover{
		cursor: pointer;
	}

	.the-nav ul li a:hover span::before{
		background-position:left bottom;
	}

	.content-asset .the-breadcrumb p a:hover{
		text-decoration:underline;
		color:#333;
	}
	.header-right a:hover{
		text-decoration:underline;
	}
	.faq-box .one-faq .question,
	.site-black-btn,
	.site-red-btn,
	.site-white-btn{
		transition:background-color .2s;
	}
	.site-black-btn:hover{
		background-color:#858585;
	}
	.site-white-btn:hover{
		background-color:#d6d6d6;
	}
	button.site-white-btn.as-regular-link:hover{
		background-color:transparent;
		text-decoration:underline;
	}

	.faq-box .one-faq .question:hover{
		background-color:#858585;
	}
	.site-black-btn::after,
	.site-white-btn::after{
		transition:outline .2s;
	}
	.site-black-btn:hover::after{
		outline:solid 1px #858585;
	}
	.site-white-btn:hover::after{
		outline:solid 1px #d6d6d6;
	}
	a.strong-link:hover{
		text-decoration:underline;
	}

	.tab-bloc .tabl-bloc-nav ul li a:hover span{
		text-decoration:underline;
	}
	.content-asset p a.regular-link:hover,
	.regular-link:hover{
		text-decoration:underline;
	}
	.footer-container .right-nav .menu-footer li a:hover span,
	.footer-container .menu-footer li a:hover{
		text-decoration:underline;
	}

	.footer-icons a img{
		transition:opacity 0.3s;
		background-color:#fff;
	}
	.footer-icons a:hover img{
		opacity:0.6;
	}

	a.image-bloc:hover .strong-link,
	.top-service-box a.flex-column:hover .strong-link{
		text-decoration:underline;
	}

	a.image-bloc .bloc-container,
	.top-service-box a.flex-column .bloc-container{
		background-color:#000;
	}

	a.image-bloc .bloc-container img,
	.top-service-box a.flex-column .bloc-container img{
		transition:opacity 0.3s;
		background-color:#fff;
	}
	a.image-bloc:hover .bloc-container img,
	.top-service-box a.flex-column:hover .bloc-container img{
		opacity:0.7;
	}

	.pdp-main #store-service-list .service-read a:hover,
	.pdp-main #store-service-list .service-read a:focus{
		text-decoration:underline;
		color:#333;
	}

	.product-variations ul.wheel,
	.product-variations ul.tire-wheel,
	.product-variations ul.battery,
	.product-variations ul.tire {
		overflow: hidden;
	}

	.product-variations ul.wheel li.attribute.variant-dropdown,
	.product-variations ul.tire-wheel li.attribute.variant-dropdown,
	.product-variations ul.battery li.attribute.variant-dropdown,
	.product-variations ul.tire div#VehicleMatchingTab li.attribute.variant-dropdown,
	.product-variations ul.oil div#VehicleMatchingTab li.attribute.variant-dropdown {
		display: block;
		float: left;
		width: 100%;
		margin: 0 2% 20px 0;
	}
	.product-variations ul.tire-wheel li.attribute.variant-subtitle {
		display: block;
		float: left;
		width: 100%;
		font-size: 22px;
		margin: 0.5em 0 1em 0;
		padding-bottom: 5px;
		border-bottom: dashed 1px #c2c2c2;
	}

	.product-variations ul.tire-wheel li.attribute.variant-dropdown:NTH-OF-TYPE(4) {
		clear: both;
	}

	.tile-item-list-block .item-block div {
		float: left;
		width: 46%;
		margin: 0 2%;
	}
	.tile-item-list-block .item-block img.item-thumbnail {
		float: left;
		width: 90%;
		margin: 0 5%;
		margin-bottom: 25px
	}
	.tile-item-list-block .item-block .feature-list li {
		display: block;
		float: left;
	}
}

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

}
@media screen and (min-width: 480px){

}
@media screen and (min-width: 410px){

}
@media screen and (min-width: 360px){

}
@media screen and (max-width: 850px){
	 .footer-main-nav .left-nav ul:last-of-type li:last-of-type{
		display:block;
		padding-top:13px;
	}
	 .cloak-footer-main-nav .left-nav ul:last-of-type li:last-of-type{
		display:block;
	}
/* 	 .footer-main-nav .left-nav ul:last-of-type li:nth-last-of-type(2)::after{ */
/* 		display:none; */
/* 	} */


}

/* ---------------- SP SIZE ---------------- */
@media screen and (max-width: 767px){
	.on-pc{
		display:none !important;
	}
	body{
		font-size:12px;
	}
	#wrapper.pt_category-landing #main{
		padding-bottom:45px;
	}

	.step-bar-box .stepBar li {
		font-size: 10px;
	}



/* ----------- HEADER ----------- */

	.header-banner .header-maintenance {
		position:fixed;
		top:0;
		background-color: #333;
		z-index:20;
	}

	.nav-button {
		position: fixed;
		width: 40px;
		top: 5px;
		right: 0.2em;
	}
	.the-nav{
		position: fixed;
		height:35px;
		top: 0;
		z-index: 2;
	}
	.the-nav .contents-wrapper{
		padding:0;
		display: inline-flex;
		flex-direction: row;
		width: 50%;
	}

	.the-nav ul li{
		width:100%;
		box-sizing:border-box;
		height:35px;
		position:relative;
		border-bottom:1px solid #666666;
	}

	.the-nav ul li a{
		height:35px;
		cursor:pointer;
		text-align:left;
	}
	.the-nav ul li a span{
		padding:0;
		padding-left:1.0em;
		display:block;
		font-size:12px;
		font-weight: bold;
		text-align: center;
	}
	.the-nav ul li a span:before{
		left:10px;
	}
/* 	.the-nav ul li:nth-of-type(1) a span:before, */
/* 	.the-nav ul li:nth-of-type(2) a span:before, */
/* 	.the-nav ul li:nth-of-type(3) a span:before, */
/* 	.the-nav ul li a span:before{ */
/* 		display:block; */
/* 		position:relative; */
/* 		left:inherit; */
/* 		top:inherit; */
/* 		margin:0px auto 2px auto; */
/* 		width:18px; */
/* 		height:18px; */
/* 		background-size:18px auto; */
/* 	} */
	.the-nav ul li:first-of-type::after{
		height:100%;
		top:0;
		margin:0;
	}
	.the-nav ul li.current{
		background-color: #535353;
	}
	.the-nav ul li.current a{
		cursor:pointer;
	}
	.the-nav ul li.current a::after{
		height:2px;
		display:none;
	}
	.the-nav ul li a span:after{
		right:1.2em;
	}
	.cloak-top-banner{
		height: 50px;
		display: block;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		z-index: 3;
	}

	.primary-logo a{
		display:block;
	}
	.primary-logo a img{
		width:108px;
	}
	.primary-logo a .site-name{
		width:calc(100% - 130px);
		font-size:10px;
	}
	.header-right{
		display:none;
	}
	h1.primary-logo{
		text-align:left;
		float:none;
		height:50px;
		display:table-cell;
		width:240px;
		vertical-align:middle;
		left: 70px;
	}

	#mini-cart{
		position:absolute;
		top: 3.9em;
		right: 5px;
	}
	#mini-cart em{
		display: none;
	}
	.mini-cart-total {
		margin: 0 5px;
	}
	  .mini-cart-total .mini-cart-link {}
	    .mini-cart-total .mini-cart-link .minicart-quantity {
	    position:relative;
		top: -3px;
		left: 0;
	 }

/* ----------- CONTENTS ----------- */
	#wrapper {
		padding-top: 85px;
	}

	#wrapper #main{
		padding-top:30px;
		padding-bottom:30px;
		margin-top: 0px;
		top: 0;
	}
	#wrapper.pt_product-details #main{
		padding-top:10px;
	}

	.bloc-btn-era .site-white-btn{
		font-size:10px;
		padding:6px 10px 5px 22px;
	}
	.image-bloc .bloc-container .bloc-btn-era{
		left:5%;
		top:30%;
	}
	.bloc-btn-era .site-white-btn::before{
		width:4px;
		height:4px;
		border-right:solid 1px #ff0000;
		border-bottom:solid 1px #ff0000;
		left:8px;
		margin-top:-2px;
	}
	.bloc-btn-era .site-white-btn::after{
		width:5px;
		height:5px;
		vertical-align:0;
		margin-left:6px;
	}

	.links-list-bloc ul li{
		padding:7px 0;
	}
	.links-list-bloc ul li a{
		font-size:11px;
		line-height:150%;
		padding:7px 7px 7px 28px;
	}
	.links-list-bloc ul{
		padding:0 9px;
	}
	.links-list-bloc ul li a::before{
		left:10px;
	}
	.links-list-bloc ul li a::after{
		left:9px;
		margin-top:3px;
	}
	.content-article{
		padding-top:60px;
		padding-bottom:40px;
	}
	.head-title{
		font-size:17px;
		font-weight:700;
		padding-bottom:25px;
	}
	.content-article-head .head-title small{
		font-size:100%;
		display:block;
	}
	.page-main-title{
		padding:16px 0 14px 0;
		margin-top: 0;
		margin-bottom:20px;
	}
	.page-main-title .title{
		font-size:20px;
		margin:0;
	}
	.content-article-head .head-desc{
		font-size:13px;
		text-align:center;
		padding-top:10px;
	}
	.content-article-head .icon-bloc{
		padding-top:30px;
	}
	.icon-bloc .bloc-container .bloc{
		background:none;
	}
	.icon-bloc .bloc-container .bloc img{
		max-width:68px;
	}
	.icon-bloc .bloc-container .bloc p{
		font-size:10px;
		height:23px;
		font-weight:700;
	}
	.tab-bloc .tabl-bloc-nav ul li a span{
		font-size:13px;
    padding-left: 26px;
    padding-right: 26px;
	}
	.tab-bloc .tabl-bloc-nav ul li a span::before{
		left:10px;
	}
	.tab-bloc .tabl-bloc-nav ul li a.current::after {
    bottom:-8px;
    margin-left:-8px;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid #333333;
	}
	.tab-bloc .one-tab{
		padding-bottom:0;
		padding-top:10px;
	}
	.tab-bloc .tabl-bloc-nav{
		padding-bottom:8px;
	}
	.article-section{
		padding-top:25px;
	}
	.section-title{
		font-size:16px;
		margin-bottom:25px;
	}
	.content-asset p.subtitle{
		padding-bottom:20px;
	}
	.one-tab .white-bloc{
		margin-top:30px;
	}
	.white-bloc{
		padding:20px 15px;
	}
	.half-bloc-container{
		margin-left:0;
	}
	.half-bloc-container .half-bloc{
		float:none;
		width:100%;
		padding:0;
	}
	.half-bloc-container .half-bloc:first-of-type{
		padding-bottom:20px;
	}
	.tab-bloc .strong-title{
		font-size:12px;
	}
	.content-asset p.kome span{
		font-size:11px;
	}
	.kome span::before{
		font-size:11px;
	}
	.content-asset .one-tab p.align-center{
		margin:5px 0;
	}

	.purchase-banner{
		padding:35px 15px;
	}
	.purchase-banner .purchase-banner-inner .purchase-banner-title{
		font-size:16px;
	}
	.purchase-banner .purchase-banner-inner p{
		font-size:13px;
	}
	.purchase-banner .site-red-btn{
		font-size:13px;
		max-width:300px;
		margin:29px auto 25px auto;
		padding:13px 22px 11px 22px;
	}
	.purchase-banner .site-red-btn::before{
		left:10px;
	}
	.purchase-links{
		padding-top:30px;
	}
	.purchase-links-list li{
		float:none;
		width:100%;
		padding-bottom:20px;
		max-width:210px;
		margin:0 auto;
	}
	.purchase-links-list li a{
		font-weight:700;
	}
	.purchase-links-list li:last-of-type,
	.purchase-links-list li:first-of-type{
		padding-right:0;
		padding-left:0;
	}
	.purchase-links-list li:last-of-type{
		padding-bottom:0;
	}

	.links-list-bloc ul li{
		width:50%;
	}
	.links-list-bloc ul li:nth-of-type(3n) a{
		background-image: linear-gradient(to bottom, #999 1px, rgba(255,255,255,0) 0);
    background-position: right top;
    background-size: 1px 3px;
    background-repeat: repeat-y;
	}
	.links-list-bloc ul li:nth-of-type(2n) a{
		background:none;
	}
	.links-list-bloc ul li:first-of-type:after{
		width:200%;
	}
	.links-list-bloc ul li:nth-of-type(3):after{
		content: '';
    width: 200%;
    position: absolute;
    left: 0;
    bottom: 1px;
    display: block;
    height: 1px;
    background-image: linear-gradient(to right, #999 1px, rgba(255,255,255,0) 0);
    background-position: left bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
	}


	.flow-steps .flex-column::before{
		background-image: url(../images/steps_sep_sp.jpg);
		background-size:17px 100%;
	}

	.strong-title{
		font-size:14px;
	}
	.regular-link{
		padding-left:14px;
	}
	.regular-link::before{
		width:4px;
		height:4px;
		border-width:1px;
		top:6px;
		top:7px;
	}
	.blank::after{
    width: 5px;
    height: 5px;
    bottom: 7px;
	}
	.blank::before{
    bottom: 5px;
    width: 5px;
    height: 5px;
	}

	.half-bloc-container{
		padding-bottom:25px;
	}

	.two-cols .flex-container,
	.three-cols .flex-container{
		margin:0;
		display:block;
	}
	.two-cols .flex-column,
	.three-cols .flex-column{
		margin:0 0 20px 0;
	}
	.two-cols .flex-column:last-of-type,
	.three-cols .flex-column:last-of-type{
		margin-bottom:0;
	}
	.two-cols .flex-column .bloc-head,
	.three-cols .flex-column .bloc-head{
		height:auto !important;
	}
	.content-asset .flex-column .bloc-container p.strong{
		height:auto !important;
		font-size:13px;
	}
	.flex-column .bloc-head .bloc-title{
		font-size:16px;
	}
	.flex-column .bloc-head .bloc-title small{
		font-size:100%;
	}
	.two-cols .flex-column .bloc-container{
		background-color:#f2f2f2;
		padding-bottom:20px;
	}
	.two-cols .flex-column{
		background-color:#f2f2f2;
		margin-bottom:20px;
		padding-bottom:0;
	}
	.secondary .flex-column .bloc-container{
		padding-top:15px;
		padding-bottom:15px;
	}
	.secondary .flex-column .bloc-container img{
		float:left;
		width:95px;
		margin-bottom:0;
	}
	.content-asset .secondary .flex-column .bloc-container p.strong{
		width: calc(100% - 95px);
		padding-left:20px;
		float:right;
		display:block;
		box-sizing:border-box;
		padding-top:0;
		text-align:left;
	}
	.secondary .flex-column .bloc-container .site-black-btn{
		width: calc(100% - 115px);
		display:block;
		margin-left:20px;
		float:right;
	}
	.secondary .flex-column{
		padding-bottom:0;
	}
	.image-left-bloc .image{
		width:95px;
	}
	.image-left-bloc .desc{
		width: calc(100% - 95px);
		padding-left:16px;
	}
	.strong-link{
		font-size:13px;
		padding-left:25px;
		min-height:15px;
		line-height:15px;
	}
	.strong-link::before{
		top:0;
		width:15px;
		height:15px;
	}
	.strong-link::after {
    width: 4px;
    height: 4px;
    left: 4px;
    top: 7px;
    top: 5px;
	}
	.attention-box{
		padding:15px 15px 10px 15px;
	}
	.attention-box .attention-title{
		padding-left:23px;
	}
	.attention-box .attention-title::before{
		background-size:16px auto;
		background-image:url(../images/attention_icon_sp.png);
		width:16px;
		height:14px;
		top:3px;
	}
	.section-title{
		border-left-width:4px;
		padding:4px 0 4px 15px;
	}
	.section-title::after{
		left:-4px;
		border-width:0px 0px 14px 4px;
	}
	.icon-left-bloc .icon{
		width:80px;
	}
	.icon-left-bloc .desc{
		width:calc(100% - 80px);
		padding-top:15px;
		padding-left:20px;
	}
	.two-cols .flex-column .bloc-container{
		padding-bottom:15px;
		padding-left:15px;
		padding-right:15px;
	}
	.content-asset .flex-column .bloc-container .icon-left-bloc .desc p.strong{
		padding-bottom:15px;
	}
	.flex-column .bloc-container .site-black-btn{
		max-width:150px;
	}
	.flex-wrapper.has-margin .flex-container{
		margin-bottom:20px;
	}
	.content-article .head-title small{
		font-size:100%;
	}

	.flow-steps .flex-column .steps-head{
		padding-bottom:15px;
	}
	.flow-steps .flex-column .steps-icon{
		padding-bottom:0;
		margin-bottom:15px;
	}
	.flow-steps .flex-column .steps-icon::after{
		display:none;
	}
	.flow-steps .flex-column .steps-head .steps-counter{
		font-size:13px;
	}
	.flow-steps .flex-column .steps-head .steps-counter strong{
		font-size:21px;
	}
	.flow-steps .flex-column .steps-head .steps-title{
		font-size:12px;
	}
	.flow-steps .flex-column .steps-icon img{
		max-width:61px;
	}
	.content-asset .flow-steps .flex-column .steps-desc p{
		font-size:12px;
	}
	.faq-box .one-faq{
		margin-bottom:2px;
	}
	.faq-box .one-faq .question{
		font-size:13px;
	}
	.faq-box .one-faq .question .question-inside::before{
		font-size:15px;
    left:16px;
    top:11px;
	}
	.faq-box .one-faq .question .question-inside{
		padding:13px 55px 11px 34px;
	}
	.faq-box .one-faq .question .question-inside::after{
		width:20px;
		height:20px;
		right:10px;
		margin-top:-9px;
	}
	.faq-box .one-faq .question::after{
		width:10px;
		right:15px;
		margin-top:0;
	}
	.faq-box .one-faq .question::before{
		height:10px;
		right:19px;
		margin-top:-4px;
	}
	.faq-box .one-faq .answer-container{
		padding:13px 15px 13px 17px;
	}
	.faq-box .one-faq .answer-container p{
		padding-top:5px;
	}
	.faq-box .one-faq .answer-container .answer-title::before{
		font-size:15px;
    left:0;
    top:-1px;
	}
	.faq-box .one-faq .answer-container .answer-title{
		font-size:13px;
		padding-left:17px;
		padding-bottom:0;
	}



	.faq-box .view-more-btn{
		padding-top:30px;
	}

	.three-cols a.flex-column{
		padding:11px 30px 13px 12px;
		border-top-width:2px;
		margin-bottom:10px;
	}
	.three-cols a.flex-column .service-nav-box{
		position:relative;
		padding-left:50px;
		min-height:42px;
	}
	.three-cols a.flex-column .service-nav-box img{
		position:absolute;
		left:0;
		top:50%;
		width:37px;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
		margin:0;
		margin-top:-2px;
	}
	.three-cols a.flex-column .strong{
		text-align:left;
		width:800px;
		height:42px;
		font-size:13px;
		padding:0;
	}
	.three-cols a.flex-column .strong br{
		display:none;
	}
	.three-cols a.flex-column::before{
		left:inherit;
    right: 15px;
    top: 50%;
    margin-top: -10px;
		margin-left:0;
	}
	.three-cols a.flex-column::after{
		left:inherit;
		right: 14px;
    margin-top: 4px;
    top: 50%;
		margin-left:0;
	}
	.section-title.icon-title{
		padding-left:43px;
	}
	.section-title.icon-title img{
		width:32px;
		top:50%;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
		margin-top:-1px;
	}
	.the-last-link{
		padding-top:20px;
		padding-bottom:20px;
	}
	.the-last-link a{
    font-size: 13px;
    max-width: 300px;
    padding: 13px 22px 11px 22px;
		margin:0 auto;
	}
	.the-last-link a::before{
    left: 10px;
	}

	.modal-container{
		padding:15px;
	}
	.modal-head{
		padding:15px 15px 12px 15px;
	}
	.modal-head .modal-subtitle{
		font-size:11px;
	}
	.modal-head .modal-title{
		font-size:16px;
		padding-top:4px;
	}
	.outer .modal-head .modal-title{
		text-align:center;
	}

	.outer .modal-head .modal-title.separate{
		padding-top:4px;
		text-align:left;
	}
	.outer{
		margin-bottom:20px;
	}
	.outer .grey-bg,
	.modal.regular .grey-bg{
		padding:15px;
	}
	.outer .strong-title{
		font-size:13px;
		padding-top:5px;
		padding-bottom:10px;
		text-align:center;
		font-weight:400;
	}
	.outer .image-left-bloc .image,
	.modal.regular .image-left-bloc .image{
		width:100%;
		float:none;
		padding-bottom:15px;
	}
	.outer .image-left-bloc .desc,
	.modal.regular .image-left-bloc .desc{
		width:100%;
		float:none;
		padding:0;
		padding-bottom:5px;
	}
	.content-asset .outer p.strong,
	.content-asset .modal.regular p.strong{
		font-size:12px;
	}
	.outer .grey-bg.for-kome,
	.modal.regular .grey-bg.for-kome{
		padding:15px;
	}
	.outer .bordered-sep-box,
	.modal.regular .bordered-sep-box{
		margin-bottom:20px;
	}
	.modal .the-closer{
		padding-top:20px;
	}
	.modal .batsu{
		right:-5px;
	}
	.image-left-bloc .desc p.price{
		font-size:14px;
	}
	.image-left-bloc .desc p.price small{
		font-size:10px;
	}

	.outer .regular-links-list li,
	.modal.regular .regular-links-list li{
		display:block;
		margin:0;
		padding:0;
		border:none;
		padding-bottom:6px;
	}
	.outer .regular-links-list li:last-of-type,
	.modal.regular .regular-links-list li:last-of-type{
		padding-bottom:0;
	}
	.content-asset .modal .description-list{
		width:100%;
		float:none;
	}
	.modal .button{
		padding:2px 39px 1px 14px;
	}
	.modal .button::before{
		vertical-align:-2px;
	}

	#modal2 table th:nth-of-type(3),
	#modal2 table th{
		font-size:12px;
		padding:5px;
		width:33.333%;
	}
	#modal2 table td{
		font-size:10px;
		padding:5px;
	}
	.the-select{
		margin-bottom:10px;
	}

	.modal .content-article,
	.modal .modal-content-article{
		padding-right:15px;
		padding-left:15px;
		max-height:calc(100vh - 140px);
	}
	.modal-container{
		padding:15px 0;
	}
	.modal{
		width:calc(100% - 30px);
	}
	.modal .batsu{
		top:-10px;
		right:-7px;
	}
	button.close-modal.batsu {
		top:0;
		right:0;
	}


/* ----------- TOP PAGE ----------- */

	#top-slider .controls{
		display:none;
	}

	#top-slider .one-slide a.top_slider2_link1{
		left:4.68%;
		top:65.4%;
		width:42.96%;
	}
	#top-slider .one-slide a.top_slider2_link2{
		right:4.68%;
		top:65.4%;
		width:2.96%;
	}
	#top-slider .one-slide a.top_slider3_link1{
		top: 59.04%;
		left: 4.68%;
		width: 39.47%;
	}
	#top-slider .one-slide a.top_slider3_link2{
		top: 76.1%;
		left: 4.68%;
		width: 39.47%;
	}
	#top-slider .one-slide a.top_slider4_link1{
		left:14.53%;
		top:69.6%;
		width:71.09%;
	}

	#top-slider .pagination{
		height:8px;
		line-height:8px;
		bottom:15px;
	}
	#top-slider .pagination li{
		margin:0 4px;
		height:8px;
		line-height:8px;
	}
	#top-slider .pagination li a{
		width:8px;
		height:8px;
	}
	#top-slider .pagination li.sliderAuto{
		height:10px;
	}
	#top-slider .pagination li.sliderAuto a.pause::before,
	#top-slider .pagination li.sliderAuto a.pause::after{
		height:10px;
		width:3px;
	}
	#top-slider .pagination li.sliderAuto a{
		width:9px;
		height:10px;
	}
	#top-slider .pagination li.sliderAuto a.play::after{
		border-width:5px 0 5px 9px;
	}

	.pt_storefront .the-breadcrumb{
		display:none;
	}
	.top-service-box .flex-column{
		width:100%;
		display:block;
	}
	.top-service-box .flex-column .bloc-container{
		padding:0;
	}

	.top-contents .content-article-head .head-title small{
		display:inline-block;
	}

	.top-contents .flex-wrapper.flow-steps{
		padding-top:35px;
	}
	.image-bloc .image-bloc-desc{
		padding:15px;
	}

	.image-bloc .image-bloc-desc p{
		padding-top:5px;
	}

	.top-service-box .flex-container:last-of-type .flex-column,
	.top-service-box .flex-column:last-of-type,
	.top-service-box .flex-column{
		margin-bottom:20px;
	}
	.top-service-box .flex-container:last-of-type .flex-column:last-of-type{
		margin-bottom:0;
	}

	.top-service-box-button{
		padding-top:30px;
		max-width:260px;
	}
	.top-service-box-button a{
		font-size:13px;
		padding:12px 25px 11px 25px;
	}
	.top-service-box-button a::before{
		left:10px;
	}

	.image-bloc .image-bloc-desc p.kome span{
		font-size:10px;
	}


/*-------- FORM PAGES -------- */
	.pdp-main .product-col-1{
		width:100%;
		float:none;
		padding:0;
	}
	.product-image img{
		max-width:350px;
		width:100%;
		margin:20px auto 0 auto;

	}
	.pdp-main .product-col-2{
		width:100%;
		float:none;
		padding:0;
		padding-top:25px;
	}
	.pdp-main .product-name{
		font-size:18px;
	}
	.pdp-main .product-price{
		font-size:18px;
	}
	.product-variations select,
	.product-options select{
		font-size:12px;
		width: 90%;
	}
	.product-variations{
		padding-top:5px;
	}

	.grey-bloc{
		padding:20px;
		margin-bottom:0;
	}
	.grey-bloc .site-white-btn{
		display:block;
		width:100%;
		margin:0;
		max-width:100%;
		margin-bottom:20px;
		font-size:12px;
		padding-top:7px;
		padding-bottom:6px;
	}
	.grey-bloc .site-white-btn:last-of-type{
		margin-bottom:0;
	}
	.grey-bloc a.site-white-btn{
		margin:20px 0 0 0;
	}

	.pdp-main #store-service-list{
		padding-top:20px;
		margin:0;
	}
	.pdp-main #store-service-list .service-list-title{
		padding-top:15px;
		margin-top:15px;
		font-size:14px;
	}
	.pdp-main #store-service-list .service-option-list .service-option .checkbox label{
		width:43px;
	}
	.pdp-main #store-service-list .service-option-list .service-option .checkbox input[type="checkbox"] + label::before,
	.pdp-main #store-service-list .service-option-list .service-option .checkbox input[type="checkbox"] + label::after{
		left:13px;
	}
	.pdp-main #store-service-list .service-option-list .service-option .checkbox{
		padding-left:45px;
	}
	.pdp-main #store-service-list .service-option-list .service-option-desc{
		padding:15px;
	}
	.pdp-main #store-service-list .service-option-list .service-option-desc .service-option-title{
		font-size:13px;
	}

	.pdp-main #store-service-list .service-option-list button.site-white-btn.as-regular-link{
		text-align:left;
	}
	.pdp-main #store-service-list .service-option-list button.site-white-btn.as-regular-link::before{
		margin-top:0;
		top:5px;
	}
	.pdp-main #store-service-list .service-option-list .service-option .checkbox input[type="checkbox"]:disabled + label +.store-service-contains-disabled{
		font-size:13px;
	}
	.pdp-main .service-option.store-service-contains-notice .store-service-contains-notice-msg,
	.pdp-main .service-option.store-service-exclusive-notice .store-service-contains-exclusive-msg,
	.pdp-main .store-service-cant-delivery-tire-notice-msg {
		font-size:13px;
	}
	.pdp-main #store-service-list .service-option-list .price{
		font-size:14px;
	}
	.pdp-main .product-col-2 .notice{
		padding-bottom:15px;
	}

	.pdp-main .store ul li span::after{
		padding:2px 6px;
	}
	.pdp-main .store ul li span{
		font-size:14px;
	}
	.pdp-main .store .required-text,
	.product-variations .attribute .required-text,
	.product-options .required-text{
		padding:2px 6px;
	}
	.attention-box .attention-title{
		font-size:13px;
	}
	.product-info .tab-bloc .one-tab{
		padding-top:30px;
	}
	.product-info .content-article:last-of-type{
		padding-bottom:0;
	}

	.pdp-main .product-info{
		padding-top:40px;
	}
	.tab-bloc .special-fix .strong-title{
		font-size:14px;
	}

	.pdp-main .store-service-error .store-service-error-msg {
		padding-bottom:5px;
	}


	.pdp-main #store-service-list .service-option-list .service-option-desc .service-option-icons{
		padding-bottom:15px;
	}


/* phase 3 */
	ul.user-voices-box{
		padding-top:10px;
	}
	ul.user-voices-box li{
		padding:15px 0;
	}
	ul.user-voices-box li .user-voice-head{
		font-size:11px;
	}
	ul.user-voices-box li p.user-voice-comment{
		/* background-color:#fff; */
		display:block;
		font-size:12px;
		padding: 7px 5px 5px 8px;
	}
	ul.user-voices-box li p.user-voice-comment::after{
		/* border-bottom-color:#fff; */
	}
	.show-hide-container .kome{
		text-align:left;
	}
	.content-asset .show-hide-container .kome span,
	.show-hide-container .kome span{
		display:block;
		font-size:10px;
	}
	.show-hide-container .trigger{
		padding:7px 0;
		margin-top:5px;
	}
	.show-hide-container .trigger span{
		padding:0 20px;
	}
	.show-hide-container .trigger span::before{
		width:10px;
	}
	.show-hide-container .trigger span::after{
		height:10px;
		left:4px;
		margin-top:-5px;
	}
	.grey-bg.for-user-voices p.strong{
		padding-bottom:0;
	}


/* ----------- FOOTER ----------- */
	footer{
		background:none;
	}
	.is-ipad #wrapper.pt_category-landing #main,
	.is-mobile-device #wrapper.pt_category-landing #main{
		padding-bottom:0;
	}
	.is-ipad #wrapper.pt_product-details #main,
	.is-mobile-device #wrapper.pt_product-details #main{
		padding-bottom:45px;
	}
	#wrapper.pt_product-details #main{
		padding-bottom:45px;
	}


	.is-mobile-device .footer-float-nav.absoluted{
		position:-webkit-sticky;
		position:sticky;
	}
	.is-mobile-device .footer-float-nav{
		position:-webkit-sticky;
		position:sticky;
	}

	.footer-float-nav{
		text-align:left;
		background-color:#333333;
		border-top:solid 1px #666666;
		height:30px;
		padding-top:7px;
		padding-bottom:7px;
		transition:height 0.2s;
		overflow:hidden;
	}
	.footer-float-nav .left-links{
		position:absolute;
		left:0;
		top:30px;
		width:100%;
		float:none;
		height:50px;
		padding-top:7px;
		box-sizing:border-box;
	}
	.footer-float-nav .left-links button{
		background:none;
		color:#ffffff;
		width:calc(50% - 4px);
	}
	.footer-float-nav .left-links button:last-of-type{
		margin:0;
	}

	.footer-float-nav .right-link a{
		font-size:12px;
		padding-top:0;
		padding-bottom:0;
		height:30px;
		line-height:30px;
	}
	footer-float-nav .thick-button a{
		font-size:26px;
		padding-top:0;
		padding-bottom:0;
		height:39px;
		line-height:35px;
	}
	.footer-float-nav .contents-wrapper{
		position:relative;
		padding:0 7px;
	}

	.footer-float-nav .right-link{
		padding:0;
		margin:0;
		width:calc(100% - 43px);
		border:none;
		text-align:center;
	}
	.footer-float-nav #open-menu{
		position:absolute;
		right:5px;
		top:0;
		width:41px;
		height:100%;
		background-image:url(../images/open_menu.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:31px auto;
	}
	.footer-float-nav.absoluted{
		bottom:0;
	}
	.content-asset .pageTop{
		right:5px;
		bottom:40px;
	}
	.the-breadcrumb{
		padding:0 0 5px 0;
	}
	.the-breadcrumb p{
		text-align:left;
		font-size:9px;
	}
	.the-breadcrumb p a{
		color:#333;
		font-size:100%;
		margin-right:20px;
	}
	.the-breadcrumb p a::after{
		width:4px;
		height:4px;
		right:-12px;
	}
	.footer-icons{
		padding:19px 0 13px 0;
	}
	.footer-icons a{
		width:100%;
		max-width:63px;
	}
	.cloak-footer-main-nav{
		padding: 15px 0 10px 0;
	}
	.footer-main-nav .left-nav{
		float:none;
		width:100%;
		clear:both;
		border:none;
		text-align:center;
	}
	.footer-main-nav .right-nav{
		float:none;
		width:100%;
		clear:both;
		border:none;
		text-align:center;
	}
	.footer-container .left-nav .menu-footer{
/* 		display:inline; */
		display:block;
/* 		text-align:center; */
		text-align:left;
		padding:0;
		flex-wrap:inherit;
		width:auto;
	}
	.footer-container .left-nav .menu-footer li{
		display:inline-block;
		flex-basis:inherit;
		height:auto;
		line-height:150%;
		margin:5px 0;
		padding:0 10px;
		border:none;
	}
	.footer-container .left-nav .menu-footer li::after{
    right:-4px;
	}
	.footer-container .left-nav .menu-footer li:last-of-type{
		margin:5px 0;
		padding:0 10px;
	}
	.footer-container .left-nav .menu-footer li:last-of-type::after{
    display:block;
	}
	.footer-container .left-nav .menu-footer li a{
		line-height:150%;
	}
	.footer-container .left-nav{
		max-width:395px;
		max-width:354px;
		margin:0 auto;
		position:relative;

	}

/* 	.footer-main-nav .left-nav ul:nth-of-type(1) li:nth-of-type(2)::after, */
/* 	.footer-main-nav .left-nav ul:nth-of-type(2) li:nth-of-type(1)::after, */
/* 	.footer-main-nav .left-nav ul:nth-of-type(2) li:nth-last-of-type(2)::after, */
/* 	.footer-main-nav .left-nav ul:nth-of-type(2) li:last-of-type::after{ */
/* 		display:none; */
/* 	} */
	.footer-main-nav .left-nav ul:nth-of-type(1) li:last-of-type::after,
	.footer-main-nav .left-nav ul:nth-of-type(2) li:last-of-type::after{
		display:none;
	}
	.footer-container .right-nav{
		position:relative;
		padding:0;
		margin:0;
		padding-top:15px;
		margin-top:15px;
	}
	.footer-container .right-nav::after{
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 1px;
    background-image: linear-gradient(to right, #a5a5a5 2px, rgba(255,255,255,0) 0);
    background-position: left bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
	}
	.footer-container .right-nav .menu-footer li a{
		display:inline-block;
		width:auto;
		line-height:150%;
	}
	.footer-container .right-nav .menu-footer li:last-of-type,
	.footer-container .right-nav .menu-footer li:first-of-type,
	.footer-container .right-nav .menu-footer li{
		height:auto;
		flex-basis:inherit;
		border:none;
		line-height:0;
    margin: 5px 0;
    padding: 0 15px;
		display:inline-block;
		vertical-align:middle;
		position:relative;
	}
	.footer-container .right-nav .menu-footer li:first-of-type::after{
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    background-color: #696969;
    position: absolute;
    top: 0;
    right: -5px;
	}

	.footer-container .right-nav .menu-footer{
		text-align:center;
		padding:0;
		flex-wrap:inherit;
		width:100%;
		display:block;
	}

	.copyright p{
		text-align:center;
		font-size:8px;
	}
	.footer-float-nav .left-links button{
		text-align:left;
	}
	.footer-float-nav .left-links button::after{
		border: solid 1px #fff;
		box-shadow: 0px 0px 0px 2px #fff;
		outline: solid 1px #333;
	}

	.spMenuOpen .footer-float-nav #open-menu{
		background-image:url(../images/close_menu.png);
	}
	.content-asset .pageTop{
		transition:bottom 0.2s;
	}
	.spMenuOpen .content-asset .pageTop{
		bottom:80px;
	}
	.spMenuOpen .footer-float-nav{
		height:73px;
	}
	.spMenuOpen #wrapper.pt_category-landing #main{
		padding-bottom:73px;
	}
	.footer-float-nav .left-links{
		text-align:center;
		margin:0;
	}
	.footer-float-nav .left-links::after{
		content:"";
		display:block;
		width:1px;
		height:16px;
		position:absolute;
		left:50%;
		top:50%;
		margin-top:-10px;
		background-color:#666666;
	}
	.footer-float-nav .left-links button{
		width:172px;
		text-align:center;
		font-size:10px;
	}

	 .footer-main-nav .left-nav ul:last-of-type li:last-of-type{
		display:inline-block;
		padding-top:0;
	}
/* 	 .footer-main-nav .left-nav ul:last-of-type li:nth-last-of-type(2)::after{ */
/* 		display:none; */
/* 	} */
	.product-variations ul.tire-wheel li.attribute.variant-subtitle {
		width: 100%;
		font-size: 22px;
		margin: 1em 0 1em 0;
		padding-bottom: 5px;
		border-bottom: dashed 1px #c2c2c2;
	}
	.tile-item-list-block img {
		width: 100%;
	}
	.tile-item-list-block .item-block div {
		overflow: hidden;
		width: 96%;
		margin: 2% 2%;
		width: 96%;
	}
	.tile-item-list-block .item-block {
		width: 100%;
		text-align: center;
		margin-bottom: 25px;
	}
	.tile-item-list-block .item-block img {
		width: 47%;
	}
	.tile-item-list-block .item-block ul.feature-list {
		overflow: hidden;
		margin: 0 5%;
	}
	.tile-item-list-block .item-block ul.feature-list li.inch {
		display: inline-table;
		width: 13%;
	}
	.tile-item-list-block .item-block .feature-list li.type {
		display: inline-table;
		width: 20%;
	}
}
@media screen and (min-width: 768px) and (max-width: 959px){
	 .footer-float-nav .right-link{
		 width:calc(42.2% - 30px);
			padding-left: 15px;
			margin-left: 15px;
	 }
	 .footer-float-nav .left-links{
		 width:55.8%;
	 }
	 .footer-float-nav .left-links button{
		 font-size:12px;
		 width: calc(50% - 6px);
	 }
	 .footer-float-nav .right-link a{
		 font-size:16px;
	 }
	 .footer-float-nav .left-links button:last-of-type{
		 margin-left:6px;
	 }
}

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

	.footer-container .left-nav{
		max-width:272px;
	}


	.footer-container .menu-footer li a{
		font-size:9px;
	}
	.footer-container .right-nav .menu-footer li a::before{
    width:3px;
    height:3px;
		bottom:4px;
	}
	.footer-container .right-nav .menu-footer li a::after{
    width:3px;
    height:3px;
		bottom:6px;
	}
	.footer-main-nav .contents-wrapper{
		padding-right:8px;
		padding-left:8px;
	}
	.cloak-footer-main-nav .contents-wrapper{
		padding-right:8px;
		padding-left:8px;
	}

	.footer-float-nav .left-links button{
		width:calc(50% - 4px);
		padding-top:0;
		padding-bottom:0;
		height:32px;
	}
	.footer-float-nav .left-links .site-black-btn::before{
		width:calc(50% - 4px);
		padding-top:0;
		padding-bottom:0;
		height:32px;
	}


	.footer-float-nav .right-link.alone a{
		/* font-size:10px; */
		padding-left:0;
		padding-right:0;
	}
	.footer-float-nav .right-link.alone a::before{
		left:5px;
	}


/*
	.footer-container .left-nav .menu-footer li:last-of-type,
	.footer-container .left-nav .menu-footer li{
		display:block;
		padding:0;
		text-align:left;
	}
	.footer-container .left-nav .menu-footer li:last-of-type::after,
	.footer-container .left-nav .menu-footer li::after{
		display:none;
	}
	.footer-float-nav button.site-white-btn{
		padding-left:0;
		padding-right:0;
		width:calc(50% - 10px);
	}
	.footer-float-nav button.site-white-btn::after{
		margin-left: 6px;
    vertical-align: 1px;
	}
	.footer-float-nav button.site-white-btn::before{
		display:none;
	}
	*/
}

@media screen and (max-width: 310px){
	.footer-container .left-nav{
		max-width:228px;
	}

	.footer-container .left-nav .menu-footer:first-of-type li:last-of-type::after{
		display:none;
	}
	.footer-container .left-nav .menu-footer:nth-of-type(2) li:first-of-type::after{
		display:block;
	}
	.footer-container .left-nav .menu-footer:nth-of-type(2) li:nth-of-type(2)::after{
		display:none;
	}


	.footer-icons a{
		max-width:calc(33.33333% - 14px);
	}
}

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


	#top-slider .controls a{
		transition:none;
		cursor:default;
	}
	#top-slider .controls a:hover{
		width: 89px;
		height: calc(89px * 1.775281);
	}
}




.is-mobile-device .pdp-main #store-service-list .service-option-list .service-option-desc .service-option-icons,
.is-ipad .pdp-main #store-service-list .service-option-list .service-option-desc .service-option-icons{
	padding-bottom:15px;
}

/* --- カート画面からのプロセス表示 --- */

.progress-cart {
	width: 100%;
	text-align: center;
	margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
	.progress-cart .progress-pc {
		display: none;
	}
	.progress-cart .progress-sp {
		display: inline;
	}
}
@media screen and (min-width: 768px){
	.progress-cart .progress-pc {
		display: inline;
	}
	.progress-cart .progress-sp {
		display: none;
	}
}