@charset "utf-8";

body {background: #F1F0E8;}

/* =========================================================
header
========================================================= */
#header.common_header .header_nav {padding-bottom: 10px;}

/* =========================================================
contents
========================================================= */
#contents .inner {
	width: auto !important;
	background: url("https://img.goo-net.com/goopit/assets/img/ad/yauc_tire/bg_texture.png") repeat 0 0;
	background-attachment: fixed;
	padding: 0;
}
#contents .inner h2 {
	font-size: 42px;
	text-align: center;
	padding-top: 70px;
	margin-bottom: 50px;
}
#contents .wrap_area {
	background: #FFF;
	padding: 50px 0;
}
#contents .inner .btn_area,
#contents .inner #charge_area,
#contents .inner #step_area {
	width: 920px !important;
	margin: 0 auto;
	padding: 60px 0;
}
#contents .wrap_area .btn_area {padding: 0 !important;}
#contents .btn_area {
	height: auto !important;
	background: none !important;
	padding: 0;
}
#contents .btn_area a:hover img {
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1 !important;
}

/* .btn_area
-------------------------- */
#contents .btn_area {
	padding: 80px 0;
	margin: 0;
}
#contents .btn_area a {
	display: block;
	position: relative;
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 6px 0 #830100;
    box-shadow: 0 6px 0 #830100;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #CE0807;
	padding: 45px 0 37px;
	margin-bottom: 6px;
	-webkit-transition: all .3s;
    transition: all .3s;
}
#contents .btn_area a::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 42px;
	right: 30px;
	width: 12px;
	height: 12px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	margin-bottom: 1px;
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}
#contents .btn_area a:hover {
	vertical-align: bottom;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 6px 0 0;
}

/* #point_area
-------------------------- */
#contents #main_visual {background: #F2F2F2;}
#contents #point_area {
	margin: 0 auto;
	padding: 40px 0;
}
#contents #point_area h2 {
	width: 920px;
	font-size: 26px;
	line-height: 1.2;
	padding-top: 0;
	margin: 0 auto 20px;
}
#contents #point_area h2 > em {
	display: block;
	position: relative;
	color: #FFF;
	font-size: 25px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	background: #E84949;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 18px 2px 15px;
	margin-bottom: 20px;
}
#contents #point_area h2 > em::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #E84949;
}
#contents #point_area h2 span {
	display: block;
	font-size: 40px;
	text-align: center;
}
#contents #point_area h2 span em {
	color: #E84949;
	font-size: 56px;
}
#contents #point_area {width: 972px !important;}
#contents #point_area ul li {
	float: left;	
	width: 324px;
	color: #4B4B4B;
}
#contents #point_area ul li dt {
	text-align: center;
	margin-bottom: 20px;
}
#contents #point_area ul li .left {text-align: left;}
#contents #point_area ul li dd {
	width: 286px;
	margin: 0 auto;
}
#contents #point_area ul li dd span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}
#contents #point_area ul li dd span em {
	font-size: 22px;
	font-style: normal;
}
#contents #point_area ul li dd span em em {font-size: 24px;}
#contents #point_area ul li dd .note {
	font-size: 11px;
	font-style: normal;
}

/* #charge_area
-------------------------- */
#contents #charge_area h2 {
	background: url("https://img.goo-net.com/goopit/assets/img/ad/yauc_tire/icon_h2-charge_area.png") no-repeat center 0;
}
#contents #charge_area h3 {
	font-size: 28px;
	text-align: center;
	margin:50px 0 30px;
}
#contents #charge_area h3 span {
	background: linear-gradient(transparent 50%, #FFEAEA 0%);
	padding: 0 30px;
}
#contents #charge_area .lead {
	font-size: 16px;
	text-align: center;
	line-height: 1.6;
	margin-bottom: 30px;
}
#contents #charge_area .table_box table {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    color: #000;
    font-size: 20px;
    border-collapse: collapse;
    border: 2px solid #CE0807;
    background: #FFF;
}
#contents #charge_area .table_box table tbody tr th,
#contents #charge_area .table_box table tbody tr td {
	text-align: center;
	border: 1px solid #CE0807;
	padding: 15px 10px;
}
#contents #charge_area .table_box table tbody tr th {background: #FCF4F4;}
#contents #charge_area .table_box table tbody tr td {font-size: 18px;}
#contents #charge_area .table_box .note {
	font-size: 12px;
	margin-top: 15px;
}

/* #search_area
-------------------------- */
#contents .inner #search_area {
	background: #FFF;
	padding: 60px 0;
}
#contents #search_area h2 {
	background: url("https://img.goo-net.com/goopit/assets/img/ad/yauc_tire/icon_h2-search_area.png") no-repeat center 0;
}
#contents #search_area .btn_box {
	width: 920px;
	margin: 0 auto;
}
#contents #search_area .btn_box ul {overflow: hidden;}
#contents #search_area .btn_box ul li {width: 440px;}
#contents #search_area .btn_box ul .location {float: left;}
#contents #search_area .btn_box ul .area {float: right;}
#contents #search_area .btn_box ul li a {
	display: block;
	position: relative;
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 40px 0 32px;
	margin-bottom: 6px;
	-webkit-transition: all .3s;
    transition: all .3s;
}
#contents #search_area .btn_box ul li a::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 39px;
	right: 20px;
	width: 12px;
	height: 12px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	margin-bottom: 1px;
	transform: rotate(45deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}
#contents #search_area .btn_box ul li a:hover {
	vertical-align: bottom;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 6px 0 0;
}
#contents #search_area .btn_box ul .location a {
	-webkit-box-shadow: 0 6px 0 #194E74;
    box-shadow: 0 6px 0 #194E74;
	background: #1F56A2;
}
#contents #search_area .btn_box ul .area a {
	-webkit-box-shadow: 0 6px 0 #1E7419;
    box-shadow: 0 6px 0 #1E7419;
	background: #1FA253;
}

/* #linka_area
-------------------------- */
#contents #linka_area {
	background: #FFF;
	padding: 60px 0;
}
#contents #linka_area h2 {
	background: url("https://img.goo-net.com/goopit/assets/img/ad/yauc_tire/icon_h2-linka_area.png") no-repeat center 0;
	margin-bottom: 20px;
}
#contents #linka_area .linka_box {
	width: 920px;
	background: url("https://img.goo-net.com/goopit/assets/img/ad/yauc_tire/bg_link-box.png") no-repeat right top;
	margin: 0 auto;
	padding-top: 75px;
}
#contents #linka_area .linka_box .lead {
	font-size: 20px;
	margin-bottom: 75px;
}
#contents #linka_area .linka_box h3 {
	font-size: 32px;
	text-align: center;
	margin-bottom: 75px;
}
#contents #linka_area .linka_box h3 span {
	background: linear-gradient(transparent 50%, #FFEAEA 0%);
	padding: 0 10px;
}
#contents #linka_area .linka_box h3 span em {
	color: #CE0807;
	font-size: 46px;
}
#contents #linka_area .linka_box .point {overflow: hidden;}
#contents #linka_area .linka_box .point dl {
	position: relative;
	float: left;
	width: 284px;
	height: 463px; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.6;
	border: 3px solid #CE0807;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #FFF;
	margin-right: 34px;
	padding: 35px 35px 30px;
}
#contents #linka_area .linka_box .point dl::before {
	position: absolute;
	top: -5px;
	left: -5px;
	z-index: 1;
	color: #CE0807;
	font-size: 50px;
	font-weight: bold;
	line-height: 1;
	background: #FFF;
	padding: 0px 5px 5px 0;
}
#contents #linka_area .linka_box .point dl:nth-child(1)::before {content: "1";}
#contents #linka_area .linka_box .point dl:nth-child(2)::before {content: "2";}
#contents #linka_area .linka_box .point dl:nth-child(3)::before {content: "3";}
#contents #linka_area .linka_box .point dl:last-child {margin-right: 0;}
#contents #linka_area .linka_box .point dl dt {
	display: table-cell;
	height: 80px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	vertical-align: middle;
	margin-bottom: 10px;
}
#contents #linka_area .linka_box .point dl dd p {
	height: 80px;
	font-size: 14px;
}
#contents #linka_area .linka_box .point dl dd figure {
	text-align: center;
	margin: 0;
}
#contents #linka_area .btn_area {padding: 60px 0 0;}

/* #step_area
-------------------------- */
#contents .inner #step_area h2 {
	background: url("https://img.goo-net.com/goopit/assets/img/ad/yauc_tire/icon_h2-step_area.png") no-repeat center 0;
}
#contents #step_area li,
.modal_content .inner li {
	float: left;
	width: 284px;
}
#contents #step_area dl,
.modal_content .inner dl {
	height: 254px;
	border: 4px solid #CE0807;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #FFF;
}
#contents #step_area dl dt,
.modal_content .inner dl dt {
	color: #FFF;
	font-size: 16px;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	background: #CE0807;
}
#contents #step_area dl dt span,
.modal_content .inner dl dt span {font-size: 20px;}
#contents #step_area dl dd,
.modal_content .inner dl dd {
	font-size: 14px;
	line-height: 1.6;
	padding: 15px;
}
#contents #step_area dl dd p,
.modal_content .inner dl dd p {
	text-align: center;
	margin-bottom: 15px;
}
#contents #step_area dl dd p span,
.modal_content .inner dl dd p span {
	color: #CE0807;
	font-size: 20px;
	font-weight: bold;
}
#contents #step_area dl dd .lead,
#contents #step_area dl dd .note,
.modal_content .inner dl dd .lead,
.modal_content .inner dl dd .note {
	text-align: left;
	margin-bottom: 0; 
}
#contents #step_area dl dd .lead,
.modal_content .inner dl dd .lead {font-weight: bold;}
#contents #step_area dl dd .note,
.modal_content .inner dl dd .note {
	font-size: 12px;
	margin-top: 5px;
}
#contents #step_area .arrow,
.modal_content .inner .arrow {
	position: relative;
	width: 34px;
	text-align: center;
    padding: 61px 0;
}
#contents #step_area .arrow::after,
.modal_content .inner .arrow:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 124px;
	left: 5px;
	width: 12px;
	height: 12px;
	border-top: 3px solid #CE0807;
	border-right: 3px solid #CE0807;
	margin-bottom: 1px;
	transform: rotate(45deg);
}

/* 【GN1067】 20201222 PS ADD */
.modal_overlay {
    display: none;
    position: fixed;
    top:0;
    left:0;
    z-index:10000;
    width:100%;
    height:120%;
    background: url("http://img.goo-net.com/goopit/assets/img/share/bg_overlay.png") repeat 0 0;
    zoom: 1;
}
.modal_content {
    display: none;
    overflow: hidden;
    position: fixed;
    z-index:10001;
    width:960px;
    font-family: Helvetica, "ヒラギノ角ゴ Pro W3",HiraKakuPro-W3, Osaka, "メイリオ",Meiryo, "ＭＳ Ｐゴシック",verdana, arial, sans-serif;
    text-align: left;
    -webkit-border-radius: 10px;
	border-radius: 10px;
    background:#fff;
    margin:0;
}
.modal_content .inner {
	width: 920px;
	background: url("https://img.goo-net.com/goopit/assets/img/ad/yauc_tire/bg_texture.png") repeat 0 0;
	background-attachment: fixed;
	padding: 40px 20px 20px;
}
.modal_content .modal_close {
	display: block;
	position: absolute;
    top: 25px;
    right: 20px;
    height: 42px;
    width: 42px;
    background: url("https://img.goo-net.com/goopit/assets/img/detail/btn_model_close.png") no-repeat 0 0;
}
.modal_content .inner h2 {
    width: 330px;
    height: 60px;
    background: #ffda45;
    text-align: center;
	margin: 0 auto 35px;
	padding: 30px 0;
}
.modal_content .inner h3 {
	font-size: 32px;
    text-align: center;
    line-height: 44px;
    margin-bottom: 20px;
}
.modal_content .inner h3::before {
	content: "";
	display: inline-block;
	height: 44px;
	vertical-align: bottom;
	background: url("https://img.goo-net.com/goopit/assets/img/ad/yauc_tire/icon_h2-step_area.png") no-repeat 0 0;
	padding-left: 44px;
	margin-right: 10px;
}
.modal_content .inner .lead_box {
	position: relative;
	width: 690px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	margin: 0 auto 30px;
}
.modal_content .inner .lead_box::before,
.modal_content .inner .lead_box::after {
    position: absolute;
    top: -15px;
    color: #CE0807;
    font-size: 70px;
    font-weight: bold;
}
.modal_content .inner .lead_box::before {
    content: "＼";
    left: -10px;
}
.modal_content .inner .lead_box::after {
    content: "／";
    right: -10px;
}
.modal_content .inner .lead_box span {
	color: #CE0807;
	font-size: 26px;
	padding: 0 3px;
}
.modal_content .inner dd .lead {font-size: 14px;}
/* 【GN1067】 20201222 PS ADD */