@charset "shift_jis";
body {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS ProN", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: 100%;
}
table {
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}
/*

table, tr, td {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
}
*/

a:link {
	text-decoration: underline;
	color: #003399;
}
a:visited {
	text-decoration: underline;
	color: #003399;

}
a:hover {
	text-decoration: underline;
	color: #FF6600;

}




.px12-white {
	font-size: 12px;
	color: #FFFFFF;
}
.px10 {
	font-size: 10px;
}
.px14 {
	font-size: 14px;
}
.px10-bold {
	font-size: 10px;
	font-weight: bold;
}
.px14-bold {
	font-size: 14px;
	font-weight: bold;
}
.px10-white {
	font-size: 10px;
	color: #FFFFFF;
}

H1{
	font-size : 12px;
	font-weight : 100;
	line-height : 120%;
	margin-top : 0px;
	margin-bottom : 0px;
	display:inline; margin:0
}
.day {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
.px10-blk {
	font-size: 10px;
	color: #333333;
}
.text-read {
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #333333;
}
.px10gray {
	font-size: 10px;
	color: #999999;
}
.text_kon {
	color: #0066CC;
}

strong {
	font-weight:normal;
	}
#oci
{
width:100%;
height:auto;
}
#ocipan
{
width:100%;
padding-left:15px;
font-size:10px;
text-align:left;
padding-top:5px;
}

#ociwaku
{
width:580;
height:auto;
margin-top:20px;
}
.ocicom
{
padding-left:5px;
padding-top:5px;
border-bottom:#333333 solid 1px;
border-left:#000000 solid 1px;
border-top:#000000 solid 1px;
border-right:#000000 solid 1px;
background-color:#EEEEEE;
}

#ocinext
{
width:80px;
height:auto;
margin-left:490px;
margin-top:5px;
margin-bottom:5px;
}
#ocisyousaiwaku
{
width:590px;
height:auto;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}
.syotitle
{background-image:url(../oci/b_img/s_title_name.jpg);
padding-left:30px;
margin-bottom:5px;
margin-top:5px;
font-size:16px;
background-repeat:no-repeat;
height:30px;
line-height:25px;
color:#333333;
font-weight:bold;
text-align:left;
margin-left:10px;
}
#ociend
{
width:100%;
height:auto;
margin-top:20px;
font-size:12px;
color:#999999;
}
#ocititle{
width:580px;
height:26px;
background-image:url(../oci/b_img/index_title.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding-left:15px;
text-align:left;
}
#ocitbana1
{
width:580px;
height:80px;
margin-left:auto;
margin-right:auto;
}
#ocitbana2
{
width:580px;
height:20px;
margin-left:auto;
margin-right:auto;
line-height:20px;
}

.ocitoptable
{width:580px;
text-align:center;
}
.ocitoptd
{
width:185px;
border-top:#000000 solid 1px;
border-left:#000000 solid 1px;
}
.ocitoptd td
{border-bottom:#000000 solid 1px;
border-right:#000000 solid 1px;
}
.ocitopimg
{
width:185px;
height:140px;
}

.ocitopcome
{
background-color:#333333;
vertical-align:top;
padding-top:8px;
height:180px;
padding-left:8px;

}

#ocitopcomenaka
{
width:171px;
height:100px;
background-color:#333333;
padding-left:2px;
padding-top:2px;
color:#FFFFFF;
font-size:10px;
}
.ociname
{
font-weight:bold;
color:#D0D0FF;
}
ul.ocili
{
list-style-image:url(../oci/b_img/liimg.jpg);
float: right;
list-style: none;
font-size: 11px;
padding-top:10px;
margin-bottom:0px;
margin-top:0px;
}

a.white:link
{ color: white; }

li.kuwasiku
{
vertical-align:middle;
margin-bottom:0px;
margin-top:0px;
white-space:nowrap;
color:#FFFFFF;
}
#kuwasikuwaku
{
width:171px;
height:10px;
margin-left:auto;
margin-right:auto;
text-align:right;
padding-right:10px;
vertical-align:bottom;
padding-bottom:10px;
background-color:#CCCCCC;
margin-bottom:5px;
}
#crotxt{
width:580px;
height:35px;
background-image:url(../images/cro_txta.jpg);
background-repeat:no-repeat;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
padding-left:40px;
padding-top:10px;
text-align:left;
}
#ocisetsu
{
	widows:580px;
	height:auto;
	margin:	0 10px 0 20px;
	text-align:left;
	font-size:12px;
	line-height:20px;
}
#ociconlef
{
text-align:right;
width:560px;
height:12px;
padding-right:20px;
}

/* YetiiƒCƒGƒeƒBjƒy[ƒW—p */

.point-box01 {
	width: 560px;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 0px;
	clear: both;
}
.point-box02 {
	width: 560px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 0px;
	clear: both;
}


.point-txt {
	font-size: 12px;
	line-height: 15pt;
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pont-ent {
	width: 180px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow: hidden;
}
.pont-ent-right {
	width: 180px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	overflow: hidden;
}

#movie-box {
	clear: both;
	width: 560px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 30px;
}.mid-btm20  {
	text-align: left;
	padding-left: 5px;
}
#size-box {
	width: 560px;
	overflow: hidden;
	margin-top: 40px;
	background-color: #FFF;
	clear: both;
}
#tablebox table{
	background-color: #FFF;
	border-collapse: collapse;
	font-size: 10px;
	width: 100%;
	color:#333;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	line-height: 13pt;
	margin-top: 10px;
}
#tablebox table th.t_top {
	background-color: #C8D2D2;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#tablebox table td.t_line01 {
	text-align: center;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	white-space: nowrap;
}
#tablebox table td.t_line02 {
	background-color: #E2E7E7;
	text-align: center;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	white-space: nowrap;
}
.pricebtn {
	padding-top: 4px;
}
.hinban {
	background-color: #E2E7E7;
}
.bold  {
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
	color: #333;
}
.bold2   {
	font-weight: bold;
	background-color: #E2E7E7;
	font-size: 12px;
	white-space: normal;
}
.tel-box {
	background-color: #FCC;
	width: 580px;
	border: 1px solid #C00;
	overflow: hidden;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 20pt;
	color: #C00;
	font-weight: bold;
	margin-left: 5px;
}
.bar-size {
	padding-left: 5px;
	padding-bottom: 5px;
}

#tablebox {
	margin-top: 0px;
	margin-bottom: 20px;
	overflow: hidden;
	margin-left: 5px;
	width: 100%;
}
.inq-btm10 {
	clear: both;
	margin-bottom: 5px;
	margin-top: 20px;
	text-align: center;
}
.or-price {
	font-size: 10px;
	font-weight: normal;
	color: #666;
}

select {
	width:170px;
}

/*
*    €•iΪΧƒy[ƒW
*/
.product_intro {
    padding: 10px;
    text-align: left;
}
.title_product_intro {
    background: linear-gradient(to top, #CCC 0, #EEE 100%);
    line-height: 1.5;
    padding: .5em 1.2em;
    position: relative;
}
.title_product_intro:before {
    content: "";
    display: block;
    width: 4px;
    height: 26px;
    background-color: #446CB4;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.product_name {
    font-size: 16px;
    line-height: 1.4;
    border-bottom: 2px solid #C00;
}
.product_info {
    padding: 10px;
    text-align: left;
}
.product_desc {
    font-size: 16px;
    line-height: 1.2;
}
.product_info {
    display: flex;
}
.product_info_detail {
    flex: 0 0 230px;
    background-color: #333;
    color: #FFF;
}
.product_info_support {
    background-color: #C00;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
    padding: 10px;
    position: relative;
}
.product_info_support:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #C00 transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    transform: translate(-50%,100%);
}
.product_info_item_wrap {
    padding: 15px 10px;
}
.product_info_item {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0 0 10px;
}
.product_info_item dt {
    font-weight: bold;
    font-size: 13px;
}
.product_info_item dt:after {
    content: ":";
    margin: 0 .5em;
}
.product_info_item dd {
    margin-left: 0;
}
.product_info_standard {
    margin: 0;
}
.product_info_photo {
    flex-grow: 1;
    border: 1px solid #C3C3C3;
    border-left: none;
    text-align: center;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_info_photo a {
    position: relative;
}
.product_info_photo a:before {
    content: "";
    padding: 5%;
    background: url("../../images/icon_mag.png") no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.product_info_photo img {
    /*width: 100%;
    max-width: 250px;
    height: auto;*/
}
.tire_variation {
    display: inline-block;
    padding: .5em 1em;
    background-color: #C00;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
}
.tire_list {
    list-style: none;
    padding: 0 10px;
    text-align: left;
}
.tire_item {
    border: 2px solid #A3A3A3;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    display: flex;
    transition: .2s ease;
    box-shadow: 2px 2px 2px 0 #CCC;
}
.tire_item:hover {
    border-color: #C00;
}
.tire_info {
    flex: 0 0 280px;
    margin-right: 15px;
}
.brand_logo {
    max-width: 100%;
    height: auto;
}
.tire_detail {
    display: flex;
    margin-top: 15px;
}
.tire_image {
    flex: 0 0 110px;
}
.tire_image img {
    max-width: 100%;
    height: auto;
}
.tire_detail_list {
    list-style: none;
    padding-left: 10px;
    font-size: 13px;
}
.tire_detail_item:not(:last-child) {
    margin-bottom: .8em;
}
.brand_name {
    font-weight: bold;
}
.black_letter {
    border: 1px solid #000;
    display: inline-block;
    padding: 0 .5em;
    font-weight: bold;
}
.white_letter {
    background-color: #000;
    display: inline-block;
    padding: 0 .5em;
    font-weight: bold;
    color: #FFF;
}
.tire_detail_link a {
    display: block;
    text-decoration: none;
    color: #000;
    background: url("../../images/icon_mag.png") no-repeat right 5px center #FFE599;
    background-size: 1.5em auto;
    border: 1px solid #999;
    border-radius: 5px;
    font-weight: bold;
    padding: .5em 1em;
}
.set_price_wrap {
    flex-grow: 1;
}
.set_price_cap {
    background-color: #C00;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    padding: .2em 1em;
    margin: 0 0 2em;
}
.set_price_item {
    text-align: right;
    margin-bottom: 20px;
}
.set_price {
    color: #C00;
    font-size: 18px;
    font-weight: bold;
}
.set_price_yen {
    font-size: .7em;
    margin-left: .2em;
}
.set_price_tax {
    font-size: 14px;
}
.shopping_cart_btn {
    margin: 5px 0 0;
}
.faq {
    margin-bottom: 20px;
    padding: 0 10px;
}
.faq_title {
    background-color: #999;
    color: #FFF;
    font-size: 14px;
    padding: .5em 1em;
    text-align: left;
}

/* 2022.09.21 add */
.tireSetList {
	padding: 0 10px;
	margin: 0 auto 30px;
}

.tireSetList__item {
	display: flex;
	align-items: center;
	border: 2px solid #A3A3A3;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 20px;
	transition: .2s ease;
	box-shadow: 2px 2px 2px 0 #CCC;
	transition: .2s ease;
}
.tireSetList__item:hover {
	border-color: #C00;
}

.tireSetList__image {
	flex: 0 0 130px;
	text-align: center;
}

.tireSetList__image a {
	display: block;
	text-decoration: none;
	margin-top: 1em;
	color: #000;
	background-color: #FFE599;
	border: 1px solid #999;
	border-radius: 5px;
	font-weight: bold;
	padding: .5em;
}

.tireSetList__image a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 8px;
	border-color: transparent transparent transparent #000;
	margin-left: 0.5em;
	vertical-align: middle;
}

.tireSetList__info {
	flex-grow: 1;
	padding-left: 15px;
	text-align: left;
	line-height: 1.4;
}

.tireSetList__logo {
	margin-bottom: 10px;
}

.tireSetList__name {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0.5em;
}

.tireSetList__desc {
	font-size: 14px;
}

.setPrice__caption {
	background-color: #C00;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	display: inline-block;
	padding: .2em 1em;
	margin: 0 0 .5em;
}

.setPrice__price {
	color: #C00;
	font-size: 18px;
	font-weight: bold;
}

.setPrice__yen {
	font-size: 0.7em;
}

.setPrice__tax {
	font-weight: normal;
	color: #333;
	font-size: 0.8em;
}

.setPrice__col {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* top news */
.topNewsList {
	max-width: 580px;
	height: 180px;
	overflow-y: auto;
	list-style: none;
	margin: 0 auto;
	padding: 15px 8px;
	box-sizing: border-box;
}
.topNewsItem {
	display: flex;
	text-align: left;
	padding: .5em 0;
	border-bottom: 1px dotted #CCC;
}
.topNewsItem:first-child {
	margin-top: 0;
}
.topNewsItem__date {
	flex: 0 0 3.5em;
	text-align: left;
}