﻿@charset "utf-8";
/*----------------------------------------------------
	MAIN 
----------------------------------------------------*/
* {margin: 0; padding: 0;}

.wrapper{width:100%; padding:0; margin:0;}

.wrapper_header {font-size:100%; line-height:1.5em; background:#fff;}

.scroll-up {opacity:0; visibility:hidden; transform:translateY(50px); transition: all 1s;}
.scroll-up.is-show {opacity:1; visibility:visible; transform:translateY(0px);}
/*----------------------------------------------------
	pagetop 
----------------------------------------------------*/
.pagetop{position: fixed;bottom: 10px;right: 10px;padding: 10px;background: #363636;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size:12px; transition: 1.0s;-moz-transition: 1.0s;-webkit-transition: 1.0s; z-index:999;}
.pagetop:hover{background:#999999;}
.pagetop:link{color:#ffffff;text-decoration:none;}
.pagetop:visited{color:#ffffff;text-decoration:none;}

.displayNone {display:none;}

/*----------------------------------------------------
	index_main 

.service_pointprice:before				{content: ''; position:absolute; top:0; left:372px; border-top:20px solid #3a3a3a; border-left:20px solid transparent; border-right:20px solid transparent;}
.service_pointprice:after				{content: ''; position:absolute; top:-5px; left:372px; border-top:20px solid #eee; border-left:20px solid transparent; border-right:20px solid transparent;}

----------------------------------------------------*/
.index_main								{width:100%; margin:0 auto; padding:0;font-size:12px;}

.service_top_a							{margin:0 auto; padding:0; text-align:center; height:500px; display:block; position:relative;
											background-image:url("https://www.rakuten.ne.jp/gold/tire1ban/ohp_lp_img/lp_headerbg.png");
											background-repeat:no-repeat;
											background-attachment:inherit;
											background-size:auto;
											background-position:inherit;
											background-color:rgba(255,255,255,0.1);
											background-blend-mode:lighten;}
.service_top_b							{margin:0 auto; padding:0; text-align:center; height:500px; display:block; position:relative;
											background-image:url("https://www.rakuten.ne.jp/gold/tire1ban/ohp_lp_img/lp_headerbg_toritsuke.png");
											background-repeat:no-repeat;
											background-attachment:inherit;
											background-size:auto;
											background-position:inherit;
											background-color:rgba(255,255,255,0.1);
											background-blend-mode:lighten;}
.service_top_c							{margin:0 auto; padding:0; text-align:center; height:500px; display:block; position:relative;
											background-image:url("https://www.rakuten.ne.jp/gold/tire1ban/ohp_lp_img/lp_headerbgc.png");
											background-repeat:no-repeat;
											background-attachment:inherit;
											background-size:auto;
											background-position:inherit;
											background-color:rgba(255,255,255,0.1);
											background-blend-mode:lighten;}
.service_top_b_after					{margin:0 auto; padding:0; text-align:center; width:100%; height:400px; display:block; position:relative;
											background-image:url("https://www.rakuten.ne.jp/gold/tire1ban/ohp_lp_img/lp2_headerbg_toritsuke_after_logonone.png");
											background-repeat:no-repeat;
											background-attachment:inherit;
											background-size:cover;
											background-position:center;
											background-color:rgba(255,255,255,0.1);
											background-blend-mode:lighten;}
.service_top_b_after::before			{content:''; display:block; padding-top:50%;}
.service_top_a img , .service_top_b img , .service_top_c img	{width:550px; margin:0; position:absolute; top:50%; left:395px; margin-right:-50%; transform:translate(-50%, -50%)}
.service_top_b_after img				{width:550px; margin:0; position:absolute; top:50%; transform:translate(-50%, -50%)}
.service_top_b_sp						{display:none;}


.service_point							{width:100%; margin:0; padding:30px 0; background:#3a3a3a;}
.service_point_4point					{width:100%; max-width:700px; height:auto; margin:0 auto; display:block; padding:0 10px;}
.service_pointmain						{width:1000px; border-collapse:collapse; display:grid; grid-template-columns:320px 320px 320px; grid-gap:18px; margin:50px auto;}
.service_pointmain li					{position:relative;}
.service_pointmain li img				{width:100%; max-width:160px; height:auto; padding:0; display:block; margin:auto; vertical-align:top;}
.service_pointmain li p					{position:absolute; top:-20px; left:0; display:block; padding:10px; background:#e60012; color:#fff; font-weight:bold;}
.service_pointmain li p:before			{content: ''; position:absolute; bottom:-15px; right:10px; border-top:15px solid #e60012; border-left:15px solid transparent; border-right:0px solid transparent;}
.service_pointmain li div				{background:rgba(255,255,255,0.9); width:90%; height:200px; position:relative; margin:-25px auto 0; padding:0 15px 15px; font-size:100%; color:#3a3a3a; border:3px solid #3a3a3a;}
.service_pointmain li div b				{display:block; text-align:center; font-size:150%; line-height:3.5em; padding:10px 0 0;}

.service_pointmain_fourth				{width:95%; border-collapse:collapse; display:grid; grid-template-columns:repeat(4,1fr); grid-gap:15px; margin:50px auto;}
.service_pointmain_fourth li			{position:relative;}
.service_pointmain_fourth li img		{width:100%; max-width:130px; height:auto; padding:0; display:block; margin:auto; vertical-align:top;}
.service_pointmain_fourth li p			{position:absolute; top:-20px; left:0; display:block; padding:10px; background:#e60012; color:#fff; font-weight:bold;}
.service_pointmain_fourth li p:before	{content: ''; position:absolute; bottom:-15px; right:10px; border-top:15px solid #e60012; border-left:15px solid transparent; border-right:0px solid transparent;}
.service_pointmain_fourth li div		{min-height:150px;background:rgba(255,255,255,0.9); width:90%; position:relative; margin:-25px auto 0; padding:0 15px; font-size:100%; color:#3a3a3a; border:3px solid #3a3a3a; display:block; text-align:center;}
.service_pointmain_fourth li div b		{display:block; text-align:center; font-size:130%; line-height:1.5em; padding:0px 0 0;}
.service_pointmain_fourth li div strong	{display:inline-block; text-align:left; font-weight:normal; font-size:120%;}


.service_pointprice_main				{width:100%; margin:0; padding:30px 0; background:#eee; display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:30px; grid-auto-rows:minmax(80px, auto); justify-content:center;}
.service_pointprice_main_after			{width:100%; margin:0; padding:30px 0; background:#eee; }
.service_pointprice						{width:1000px; margin:30px auto 0; padding:0; position:relative; background:#fff; display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:10px;}
.service_pointprice .ticket				{width:100%; margin:30px auto 0; padding:0 100px;}
.service_pointprice .ticket img			{width:100px; display:block; margin:0 auto 10px;}
.service_pointprice .sublogo			{width:100%; max-width:400px; height:auto; display:inherit; padding:30px 0; margin:auto;}
		li.ticket div p{
    width: 100%;
    margin: 0 auto;
    padding: 0;
    color: #3a3a3a;
    text-align: center;
    font-weight: bold;
    font-size: 200%;
		}
		li.ticket div strong{
    margin: 0 auto;
    padding: 0;
    color: #3a3a3a;
    text-align: center;
    font-weight: normal;
    font-size: initial;
		display: block;
		}
		li.ticket span {
    display: inherit;
    margin: 30px 0 0;
    line-height: 1.6em;
    color: #3a3a3a;
    text-align: left;
    font-size: 120%;
    border-top: 5px dotted #666;
    padding: 30px 0 0;
}


.service_pointprice li div strong		{margin:0 auto; padding:0; color:#3a3a3a; text-align:center; font-weight:normal; font-size:initial; display:block;}

.service_pointprice .contents1			{width:100%; display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:10px; grid-auto-rows:minmax(80px, auto); justify-content:center;}
.service_pointprice .contents1 img		{width:100%; vertical-align:top;}




.contents1_slider_item img				{width:100%; height:auto; margin:0 auto 15px; backface-visibility:hidden; display:block;}
.contents1_slider_item b				{font-size:120%; color:#3a3a3a; line-height:1.5em; display:block; margin:10px 10px 10px 0; font-weight:normal; text-align:left;}



.service_step							{width:100%; margin:30px auto; padding:0;}
.service_step div						{width:100%; max-width:1000px; margin:0 auto; padding:50px 30px; position:relative; border-bottom:3px solid #3a3a3a; border-left:3px solid #3a3a3a; border-right:3px solid #3a3a3a; box-sizing:border-box; background:#eee;}
.service_step div:first-child			{padding:0; border-bottom:none; border-right:none;}
.service_step div:nth-child(even)		{width:100%; max-width:1000px; margin:0 auto; padding:50px 30px; position:relative; border-bottom:3px solid #3a3a3a; border-left:3px solid #3a3a3a; border-right:3px solid #3a3a3a; box-sizing:border-box; background:#fff;}
.service_step div:before				{content: ''; position:absolute; bottom:-20px; left:50%; border-top:20px solid #3a3a3a; border-left:20px solid transparent; border-right:20px solid transparent; z-index:10;}
.service_step div:after					{content: ''; position:absolute; bottom:-16px; left:50%; border-top:20px solid #eee; border-left:20px solid transparent; border-right:20px solid transparent; z-index:10;}
.service_step div:nth-child(2n)before	{border-top:20px solid #3a3a3a;}
.service_step div:nth-child(2n):after	{border-top:20px solid #fff;}
.service_step div:last-child:before		{border:none;}
.service_step div:last-child:after		{border:none;}
.service_step ul						{width:1000px; border-collapse:collapse; display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:20px; margin:auto; margin:30px auto;}
.service_step ul .leftimg img			{width:100%; max-width:65px; height:auto; vertical-align:top; margin:auto;}
.service_step ul .leftimg p				{display:inline-block; font-weight:bold; font-size:180%; color:#3a3a3a; position:relative; top:10px; left:10px;}
.service_step ul .leftimg span			{display:block; font-size:100%; color:#3a3a3a; margin:30px 0;}
.service_step ul .rightimg img			{width:85%; border:1px solid #ccc; box-sizing:border-box;}
.service_step ul .leftimg a				{font-size:120%; padding:30px 50px 30px 30px; margin:0; color:#fff; background:#3a3a3a; display:inline-block; position:relative;}
.service_step ul .leftimg a:before		{display:block; content:""; position:absolute; top:45%; left:84%; width:20px; height:20px; margin-top:-7px; margin-right:1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#e60012;}
.service_step ul .leftimg a:after		{display:block; content:""; position:absolute; top:45%; left:86.5%; width:0; height:0; margin-top:-4px; margin-right:0; border:6px solid transparent; border-left:7px solid #fff;}
.service_step_title						{width:100%; margin:0 auto; padding:0;}
.service_step_title span				{width:1000px; display:block; margin:0 auto; padding:30px 0; background:#3a3a3a; color:#fff; font-weight:bold; text-align:center; font-size:200%;}


.review_main							{width:100%; margin:0 auto; padding:30px 0 0; background:#3a3a3a;}
.review_title							{width:100%; margin:0 auto; padding:0;}
.review_title p							{width:1000px; display:block; margin:0 auto 30px; padding:30px 0; background:#fff; color:#3a3a3a; font-weight:bold; text-align:center; font-size:150%;}
.review_title p:before					{content: ''; position:relative; bottom:-75px; right:-80px; border-top:15px solid #fff; border-left:15px solid transparent; border-right:0px solid transparent;}
.review_title_after p					{width:1000px; display:block; margin:0 auto 30px; padding:30px 0; background:#fff; color:#3a3a3a; font-weight:bold; text-align:center; font-size:200%;}
.review_title_after p:before			{content: ''; position:relative; bottom:-86px; right:-80px; border-top:20px solid #fff; border-left:20px solid transparent; border-right:0px solid transparent;}
.review_user							{color:#3a3a3a; margin:0 10px; padding:15px; border-radius:10px; background:#fff; height:450px;}
.review_user div						{margin:0; display:block;}
.review_user img						{width:100%; max-width:50px; max-height:67px;}
.review_user span						{font-size:150%; font-weight:bold; position:relative; top:17px;}
.review_user .review_star				{font-size:200%; color:#e60012; text-align:center;}
.review_user .review_comment			{font-size:100%; color:#3a3a3a; line-height:1.8em;}

.review_user_after						{color:#3a3a3a; margin:0 10px; padding:15px; border-radius:10px; background:#fff; height:310px;}
.review_user_after div					{margin:0; display:block; text-align:center; font-weight:bold;}
.review_user_after img					{max-width:50px; max-height:67px; padding:10px 0 0;}
.review_user_after span					{font-size:150%; font-weight:bold; position:relative; top:17px;}
.review_user_after .review_star			{font-size:200%; color:#e60012; text-align:center;}
.review_user_after .review_comment		{font-size:90%; color:#3a3a3a; line-height:1.8em;}


.sliderbox_item							{position:relative;width:1000px; margin:10px auto 0; padding:0 0 10px;}
.sliderbox_itemevent					{position:relative;width:100%; margin:10px auto; padding:0;}
.slider_item							{width:100%; margin:0 auto 50px;}
.slider_item img						{height:auto; margin:0 auto; backface-visibility:hidden;}

.service_mall_title						{width:100%; margin:0 auto; padding:0;}
.service_mall_title p					{
    display: block;
    margin: 30px auto !important;
    padding: 30px 0 !important;
    background: #3a3a3a;
    color: #fff !important;
    font-weight: bold !important;
    text-align: center !important;
    font-size: 150% !important;
		}
.service_mall_title p:before			{position:relative; bottom:-75px; right:-80px; border-top:15px solid #3a3a3a; border-left:15px solid transparent; border-right:0px solid transparent;}
.service_mall_title_qanda p				{width:1000px; display:block; margin:30px auto; padding:0; color:#3a3a3a; font-weight:bold; text-align:center; font-size:150%;}
.service_mall_title_qanda_after p		{width:1000px; display:block; margin:30px auto; padding:0; color:#3a3a3a; font-weight:bold; text-align:center; font-size:200%;}
.service_mall							{width:1000px; margin:30px auto; padding:0; display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:10px; justify-items:center;}
.service_mall ul						{display:table; width:326px; border:1px solid #3a3a3a; box-sizing:border-box; background:#3a3a3a; margin:0; padding:0;}
.service_mall ul li						{display:block; border-bottom:1px solid #3a3a3a; background:#fff;}
.service_mall ul li:first-child			{height:118px; padding:10px 0; border:none;
											background:#background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #dddddd), color-stop(0.24, #ffffff));
											background: -webkit-linear-gradient(top, #ffffff 24%, #dddddd 95%);
											background: -moz-linear-gradient(top, #ffffff 24%, #dddddd 95%);
											background: -o-linear-gradient(top, #ffffff 24%, #dddddd 95%);
											background: -ms-linear-gradient(top, #ffffff 24%, #dddddd 95%);
											background: linear-gradient(top, #ffffff 24%, #dddddd 95%);
										}
.service_mall ul li:nth-child(n+4)		{border:none;}
.service_mall ul li a					{padding:20px; font-size:120%; color:#3a3a3a; display:block; text-indent:30px;}
.service_mall ul li a:before			{display:block; content:""; position:absolute; width:20px; height:20px; margin-top:3px; margin-right:1px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#e60012;}
.service_mall ul li a:after				{display:block; content:""; position:absolute; width:0; height:0; margin-top:-22.5px; margin-left:7px; border:6px solid transparent; border-left:7px solid #fff;}

.service_mall ul li img 				{width:100%; max-width:200px; height:auto; display:block; margin:auto;}
/*----------------------------------------------------
	service_price 
----------------------------------------------------*/
.service_price										{width:100%; margin:40px auto 30px; color:#3a3a3a; padding:0 30px;}
.service_price_text									{width:1000px; font-size:100%; margin:30px auto 0; text-align:center;}
.service_price table								{border-collapse:collapse; margin:0 auto; width:100%;}
.service_price_rft									{background:#fff; color:#fff; font-weight:bold; line-height:1.5em; width:100%; background:#f00; padding:15px 0; text-align:center; margin:-1px auto 0;}
.service_price th,.service_price td					{width:250px;padding:15px; white-space:pre-line; overflow:hidden; text-align:center; border:1px solid #3a3a3a; font-weight:bold; font-size:110%; vertical-align:inherit !important;}
.service_price th									{width:250px; font-weight:normal; font-size:100%; color:#3a3a3a; position:sticky; border:1px solid #3a3a3a; background-clip:padding-box; line-height:1.5em;}

.service_price_price										{width:100%; margin:0 auto; color:#3a3a3a;}
.service_price_price_text									{width:1000px; font-size:115%; margin:30px auto; text-align:center;}
.service_price_price table								{border-collapse:collapse; width:auto; margin:0 auto 30px; width:900px;}
.service_price_price_rft									{background:#fff; color:#fff; font-weight:bold; line-height:1.5em; width:1000px; background:#f00; padding:15px 0; text-align:center; margin:0 auto;}
.service_price_price th,.service_price_price td					{width:250px;padding:30px 15px; white-space:pre-line; overflow:hidden; text-align:center; border:1px solid #3a3a3a; font-weight:bold; font-size:110%; vertical-align:middle !important;}
.service_price_price th									{width:250px; font-weight:normal; font-size:120%; color:#3a3a3a; position:sticky; border:1px solid #3a3a3a; background-clip:padding-box;}
.service_price_price th:nth-child(2)						{color:#f00; font-size:150%; font-weight:bold;}
.service_price_price_commet								{color:#f00; font-size:100%;}
.service_price_price_table .thead							{font-weight:normal; font-size:120%; color:#3a3a3a; position:sticky;}
.service_price_price_spimage								{display:none;}
.service_price_price_logoimage							{width:100%; max-width:200px; height:auto;}

.service_price_commet								{color:#f00; font-size:100%;}
.service_price_table .thead							{font-weight:normal; font-size:100%; color:#3a3a3a; position:sticky;}
.service_price_spimage								{display:none;}
.service_price_logoimage							{width:100%; max-width:200px; height:auto;}

.gizagiza											{font-size:200%; color:#f00;}
.gizagiza a , .gizagiza a:after , .gizagiza a:before , .gizagiza a span			{content:""; width:150px; opacity:1;height:150px; background-color:#f00; position:absolute; top:0px;}
.gizagiza , .gizagiza a , .gizagiza a:after , .gizagiza a:before				{-webkit-transform:rotate(22.5deg); -moz-transform:rotate(22.5deg);}
.gizagiza a span																{-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); text-align:center; z-index:999; color:#fff; display:inline-table;}
.gizagiza p																		{font-size:120%; color:#fff; display:table-cell; vertical-align:middle;}
.gizagiza b																		{font-size:150%; color:#fff; font-weight:bold;}
.gizagiza																		{position:relative; width:150px; height:150px; background-color:#f00; margin:20px auto 20px; text-align:initial; font-size:initial;}

/*----------------------------------------------------
	Q&A 
----------------------------------------------------*/
.qanda									{width:100%; background:#eee; padding:30px 0;}
.qandamain								{width:1000px; background:#fff; border:1px solid #3a3a3a; margin:auto; box-sizing:border-box; padding-bottom:50px;}
.qa_contents							{width:100%; margin:0; padding:0;}
.qa_submain								{width:900px; color:#3a3a3a; font-size:100%; text-align:left; margin:10px auto;}
.qa_submain_box							{display:block; margin:0;}

.qa_submain_box_name					{display:block; font-weight:bold; background:#fff; padding:20px; color:#3a3a3a; position:relative; border-bottom:1px solid #ccc}
.qa_submain_box_name::first-letter		{font-size:2em; float:left; margin:0 10px 0 0; padding:0 .1em 0 0; line-height:1;}
.qa_submain_box a:after					{color:#ffffff; content:"▼"; border-radius:100%; background:#e60012; text-align:center; width:21px; height:21px; position:absolute; right:0; top:-100%; bottom:-100%; margin:auto 30px auto 0; font-size:90%; line-height:1.9em; text-indent:0;}
.qa_submain_box a.open:after			{content:"▲";}
.qa_submain_box a:hover					{background:#e60012; color:#fff; text-decoration:none;opacity: 1;}
.qa_submain_box_a						{margin:0; color:#3f3f3f; border-bottom:3px solid #e60012; padding:22px 0; word-break:break-all; word-wrap:break-all;}
.qa_submain_box_a:first-letter			{font-size:2em; float:left; margin:0 10px 0 0; padding:0 .1em 0 0; color:#e60012; font-weight:bold; line-height:1;}

.qa_submain_box_contents				{font-size:100%; line-height:1.5em; margin:0 0 30px; padding:0 22px 15px; background:#fff; border-bottom:1px solid #e60012;}
.qa_submain_box_contents_table			{font-size:100%;line-height:1.6em;margin:10px 0 0;display:grid;grid-template-columns: repeat(1, 1fr);grid-gap:10px 10px;grid-auto-rows: minmax(auto);justify-content:center;}
.qa_submain_box_contents_table li		{word-break: break-all;word-wrap: break-all; line-height:1.5em; font-size:90%;}

/*----------------------------------------------------
	handling 
----------------------------------------------------*/
.handling								{width:100%; background:#eee; padding:30px 0;}
.handlingmain							{width:1000px; background:#fff; border:1px solid #3a3a3a; margin:0 auto; box-sizing:border-box; padding-bottom:50px;}
.handlingmain ul						{width:100%; margin:0; padding:0; display:grid;grid-template-columns:repeat(4, 1fr); grid-gap:50px 0; grid-auto-rows:minmax(auto); justify-content:center; justify-items:center;}
.handlingmain ul li img					{width:100%; max-width:200px; height:auto;}

/*----------------------------------------------------
	AWARD 
----------------------------------------------------*/
.award_title							{width:100%; margin:0 auto; padding:0;}
.award_title p							{width:1000px; display:block; margin:30px auto; padding:30px 0; background:#3a3a3a; color:#fff; font-weight:bold; text-align:center; font-size:200%;}
.award_title p:before					{content: ''; position:relative; bottom:-80px; right:-50px; border-top:15px solid #3a3a3a; border-left:15px solid transparent; border-right:0px solid transparent;}
.award_main								{width:1000px; margin:30px auto; padding:0;}
.award_table							{width:1000px; margin:20px auto; border:1px solid #3a3a3a;}
.award_table td							{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:30px 10px; width:250px;}
.award_table td:last-child				{border-right:none;}
.award_table td:before					{content:attr(data-label);float:left; font-weight:bold; margin-right:10px; color:#3a3a3a;}
.award_table .award_first				{padding:30px 10px; background:#e60012; color:#fff; font-weight:bold; text-align:center; border-right:none;}
.award_table .last td					{border-bottom:none;}


.tire1ban_link							{margin:0 auto; padding:0; text-align:center; width:100%; height:400px; display:block; position:relative;
											background-image:url("https://www.rakuten.ne.jp/gold/tire1ban/ohp_lp_img/lp_tire1ban_bg.png");
											background-repeat:no-repeat;
											background-attachment:inherit;
											background-size:cover;
											background-position:center;
											background-color:rgba(255,255,255,0.1);
											background-blend-mode:lighten;}
.tire1ban_link::before					{content:''; display:block; padding-top:50%;}
.tire1ban_link_re						{margin:0 auto; padding:0 0 30px; text-align:center; width:100%; height:auto; display:block; position:relative;
											background-image:url("https://www.rakuten.ne.jp/gold/tire1ban/ohp_lp_img/lp_tire1ban_bg.png");
											background-repeat:no-repeat;
											background-attachment:inherit;
											background-size:cover;
											background-position:center;
											background-color:rgba(255,255,255,0.1);
											background-blend-mode:lighten;}
.tire1ban_logo							{width:550px; margin:0; position:absolute; top:50%; transform:translate(-50%, -50%)}
.tire1ban_logo_re						{width:550px; margin:30px 0;}
.tire1ban_link_re ul					{width:550px; margin:auto; display:grid; grid-template-columns: repeat(1, 1fr); justify-items:center;}
.tire1ban_link_re ul li					{background:#fff; border:1px solid #3a3a3a; padding:30px 0 20px;}
.tire1ban_link_re ul li a				{padding:45px 20px 35px;}
.tire1ban_mall							{width:100%; max-width:200px; height:auto;}
/*----------------------------------------------------
	tab service_pointprice
----------------------------------------------------*/
.tab-group,
.tab-group-vertical {
   position: relative;
   display: flex;
    justify-content: center;
   vertical-align: middle;
   zoom: 1; /* Fix for IE7 */
   *display: inline; /* Fix for IE7 */
}

.tab-group > li, 
.tab-group-vertical > li {
    border: 1px solid #e60012;
    position: relative;
    width:500px;
    background:#fff;
    font-weight: bold;
}
.tab-group > li.active > a, 
.tab-group > li.active > a:hover, 
.tab-group > li.active > a:focus,
.tab-group-vertical > li.active > a, 
.tab-group-vertical > li.active > a:hover, 
.tab-group-vertical > li.active > a:focus {
    background-color: #e60012;
    color: #fff;
}
.tab-group > li > a,
				.tab-group-vertical > li > a {
					display:block;
	border-radius: 0;
	padding: 30px 0;
	font-size: 120%;
	background-image:url("https://www.rakuten.ne.jp/gold/tire1ban/ohp_lp_img/lp_img3-1.png");
	background-repeat:no-repeat;
	background-attachment:inherit;
	background-size:15%;
	background-position-x:20px;
	background-position-y:50%;
}

.tab-group > li:not(:first-child):not(:last-child),
.tab-group > li:not(:first-child):not(:last-child) > a:hover {
  border-radius: 0;
}
.tab-group > li:first-child,
.tab-group > li:first-child > a:hover {
    margin-left: 0;
}
.tab-group > li:first-child:not(:last-child),
.tab-group > li:first-child:not(:last-child) > a:hover {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tab-group > li:last-child:not(:first-child),
.tab-group > li:last-child:not(:first-child) > a:hover {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tab-group-vertical > li {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    text-align:center;
}
.tab-group-vertical > li + li {
    margin-top: -1px;
    margin-left: 0px;
}

.tab-group-vertical > li:not(:first-child):not(:last-child),
.tab-group-vertical > li:not(:first-child):not(:last-child) > a:hover {
  border-radius: 0;
}
.tab-group-vertical > li:first-child:not(:last-child),
.tab-group-vertical > li:first-child:not(:last-child) > a:hover {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tab-group-vertical > li:last-child:not(:first-child),
.tab-group-vertical > li:last-child:not(:first-child) > a:hover {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.tabbable {text-align:center;}
/*----------------------------------------------------
	modalwindow-contents 
----------------------------------------------------*/
.contentWrap												{margin:0; padding:0;}
.switch {
															border:1px solid #666; cursor:pointer; font-size:120%; line-height:2.4em; background:#fff; position:relative;
															background: linear-gradient(#fcfcfc, #efefef);
															background: -moz-linear-gradient(top, #fcfcfc, #efefef);
															background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#efefef));
															filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#efefef');
															-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#efefef')";
}
.switch:after												{color:#667777; content:"＋"; position:absolute; right:-5px; top:-100%; bottom:-100%; margin:auto; font-size:16px; height:16px; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); font-family:sans-serif;}
.switch.open:after											{content: "×";}
.switch span												{position:relative; top:0; left:30px;}
.modal-title {
															display:block; text-align:center; border:3px solid #666; font-size:120%; font-weight:bold; margin-bottom:30px; padding:10px 30px; color:#333; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px;
															background: linear-gradient(#f6f6f6, #dfdfdf);
															background: -moz-linear-gradient(top, #f6f6f6, #dfdfdf);
															background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#dfdfdf));
															filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f6f6f6', endColorstr='#dfdfdf');
															-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f6f6f6', endColorstr='#dfdfdf')";
}

.accordion .displayNone										{display:block;}

.accordion_modal a											{display:block; font-size:110%; text-align:left; padding:20px 10px 20px 15px;}

.switch_modal {
															cursor:pointer; padding:5px 0; height:50px; font-size:120%; font-weight:bold; line-height:2.6em; border-bottom:3px double #667777; position:relative;
															background:linear-gradient(#816750, #816750);
															background:-moz-linear-gradient(top, #816750, #816750);
															background:-webkit-gradient(linear, left top, left bottom, from(#816750), to(#816750));
															filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#816750', endColorstr='#816750');
															-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#816750', endColorstr='#816750')";
}
.switch_modal:after {
															color:#667777; content:""; position:absolute; right:5px; top:-100%; bottom:-100%; margin:auto; font-size:16px; height:16px;
															-moz-transform:rotate(90deg);
															-ms-transform:rotate(90deg);
															-webkit-transform:rotate(90deg);
															transform:rotate(90deg);
															font-family:sans-serif;
}

.switch_modal.open:after									{content: "";}
.switch_modal span											{position:relative; right:35px; top:2px;}
.switch_modal img											{float:left; height:50px; width:50px; padding-right:10px; padding-left:10px;}

.accordion_modalsp a										{display:block; font-size:110%; text-align:left; padding:20px 10px 20px 15px;}
.accordion_modalsp .sum										{border-bottom:1px solid #e0e0e0; border-left:30px solid #0a2;}
.accordion_modalsp .win										{border-bottom:1px solid #e0e0e0; border-left:30px solid #06f;}
.accordion_modalsp .all										{border-bottom:1px solid #e0e0e0; border-left:30px solid #e60012;}
.switch_modalsp {
															cursor:pointer; padding:5px 0; height:50px; font-size:120%; font-weight:bold; line-height:2.6em; border-bottom:3px double #667777; position:relative;
															background:linear-gradient(#fcfcfc, #efefef);
															background:-moz-linear-gradient(top, #fcfcfc, #efefef);
															background:-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#efefef));
															filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#efefef');
															-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#efefef')";
}
.switch_modalsp:after {
															color:#667777; content:""; position:absolute; right:5px; top:-100%; bottom:-100%; margin:auto; font-size:16px; height:16px;
															-moz-transform:rotate(90deg);
															-ms-transform:rotate(90deg);
															-webkit-transform:rotate(90deg);
															transform:rotate(90deg);
															font-family:sans-serif;
}

.switch_modalsp.open:after									{content: "";}
.switch_modalsp span											{position:relative; right:35px; top:2px;}
.switch_modalsp img											{float:left; height:50px; width:50px; padding-right:10px; padding-left:10px;}

.modal-wrapper												{z-index:999; position:fixed; top:0;right:0; bottom:0; left:0; padding:60px 10px; text-align:center;}
.modal-wrapper:not(:target)									{opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s;}
.modal-wrapper:target										{opacity:1; visibility:visible; transition:opacity .4s, visibility .4s;}
.modal-wrapper::after										{display:inline-block; height:100%; margin-left:-.05em; vertical-align:middle; content: ""}
.modal-wrapper .modal-window								{box-sizing:border-box; display:inline-block; z-index:20; position:relative; width:100%; max-width:1000px; padding:30px 15px 15px; border-radius:10px; background:#fff; box-shadow:0 0 30px rgba(0, 0, 0, .6); vertical-align:middle;}
.modal-wrapper .modal-window .modal-content					{margin:auto; max-height:70vh; overflow-y:auto;}
.modal-overlay												{z-index:10; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, .8)}
.modal-wrapper .modal-close									{z-index:20; position:absolute; top:0; right:0; width:35px; color:#95979c !important; font-size:20px; font-weight:700; line-height:35px; text-align:center; text-decoration:none; text-indent:0;}
.modal-wrapper .modal-close:hover							{color: #2b2e38 !important}

.modal-wrapperitem											{z-index:999; position:fixed; top:0;right:0; bottom:0; left:0; padding:60px 10px; text-align:center;}
.modal-wrapperitem:not(:target)								{opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s;}
.modal-wrapperitem:target									{opacity:1; visibility:visible; transition:opacity .4s, visibility .4s;}
.modal-wrapperitem::after									{display:inline-block; height:100%; margin-left:-.05em; vertical-align:middle; content: ""}
.modal-wrapperitem .modal-windowitem						{box-sizing:border-box; display:inline-block; z-index:20; position:relative; width:100%; max-width:600px; padding:30px 15px 15px; border-radius:10px; background:#fff; box-shadow:0 0 30px rgba(0, 0, 0, .6); vertical-align:middle;}
.modal-wrapperitem .modal-windowitem .modal-content			{margin:auto; max-height:70vh; overflow-y:auto;}
.modal-overlayitem											{z-index:10; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, .8)}
.modal-wrapperitem .modal-close								{z-index:20; position:absolute; top:0; right:0; width:35px; color:#95979c !important; font-size:20px; font-weight:700; line-height:35px; text-align:center; text-decoration:none; text-indent:0;}
.modal-wrapperitem .modal-close:hover						{color: #3f3f3f !important}

.modal-spitem												{display:none;}

.title-torituke												{width:50%; display:block; font-size:120%; margin:0 auto 10px; padding:10px; background:#3f3f3f; color:#fff; border-radius:25px;}
.title-torituke-text										{display:block; text-align:center; width:90%; font-size:100%; line-height:1.4em; margin:10px auto; padding:20px 10px; background:#fff; color:#3f3f3f; border:1px solid #ccc;}
.title-torituke-text p										{display:inline-block; text-align:left; margin:0 auto;}
.list-torituke												{width:900px; margin:0 auto; text-align:left;}
.list-torituke ul li										{width:94px; margin:0 0 10px 30px; position:relative; float:left; font-size:120%; line-height:1.3em; display:inline-block;}
.list-torituke ul li::after,.list-torituke ul li::before	{display:block; content:''; position:absolute;}
.list-torituke ul li::after									{top:.55em; left:-1.0em; width:14px; height:14px; background-color:#e60012; border-radius:100%;}
.list-torituke ul li::before								{z-index:2; top:.75em; left:-.885em; width:4px; height:4px; border-right:2px solid #ffffff; border-bottom:2px solid #ffffff; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.list-torituke ul li a										{position:relative; top:6px;}

.list-area_title											{font-size:120%; color:#666; text-indent:17px; padding:3px 10px; background:#3f3f3f; color:#fff; border-radius:25px;}
.list-area													{padding:0 0 10px 10px; margin:5px 0 15px; overflow:hidden;}
.list-area a:link											{color:#3f3f3f; text-decoration: none;}
.list-area a:visited										{color:#3f3f3f;text-decoration: underline;}
.list-area a:hover											{color:#00f; text-decoration: none;}
.list-area a:active											{color:#3f3f3f;text-decoration: underline;}

.list-illust												{width:900px; margin:0 auto 30px; padding:0;}
.list-illust ul												{margin:0; padding:0; display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:10px; grid-auto-rows:minmax(160px, auto); justify-content:center;}
.list-illust ul li											{width:300px; height:auto; margin:0;}
.list-illust li img											{width:100%; height:auto; margin:0; border:0; backface-visibility:hidden;}
/*----------------------------------------------------
	 ▼Responsive
.service_pointprice:before				{content: ''; position:absolute; top:140px; left:0; border-top:20px solid transparent; border-left:20px solid #3a3a3a; border-bottom:20px solid transparent;}
.service_pointprice:after				{content: ''; position:absolute; top:140px; left:-5px; border-top:20px solid transparent; border-left:20px solid #eee; border-bottom:20px solid transparent;}
----------------------------------------------------*/
@media screen and (max-width:1080px)
{
.service_top_a							{margin:0 auto; padding:0; text-align:center; height:500px; display:block; position:relative;
											background-image:initial;
											background-color:#464646;}
.service_top_b							{margin:0 auto; padding:0; text-align:center; height:500px; display:block; position:relative;
											background-image:initial;
											background-color:#464646;}
.service_top_c							{margin:0 auto; padding:0; text-align:center; height:500px; display:block; position:relative;
											background-image:initial;
											background-color:#464646;}
.service_top_b_after					{display:none;}
.service_top_a img, .service_top_b img,	.service_top_c img {left:50%;}
.service_top_b_after img				{display:none;}
.service_top_b_sp						{display:initial;}
.service_top_b_sp img					{width:100%; max-width:100%; height:auto; display:block; margin:0px auto;}

.tire1ban_logo							{width:380px; margin:0; position:absolute; top:50%; transform:translate(-50%, -50%)}
}
.contents1_slider_item .slick-slide{
padding:0 !important;
}
.service_pointprice li div p			{font-size:140%;}
@media screen and (max-width:1024px)
{
.service_mall_title p span{
    margin: 0 0 0 !important;
}

.service_top_a , .service_top_b , .service_top_c{height:330px; background-color:#3f3b3a; background-image:none;}
.service_top_a img , .service_top_b img  , .service_top_c img{width:90%; max-width:380px; left:50%; transform:translate(-50%, -50%)}

.service_point							{padding:15px 0; background:#3f3f3f;}
.service_pointmain						{width:100%; grid-template-columns:repeat(1, 1fr); grid-gap:70px 0; margin:0;}
.service_pointmain li div				{width:80%; height:auto; display:grid; justify-items:center;}
.service_pointmain li p					{width:100%; top:-50px; padding:10px 0; background:#e60012; color:#fff; font-weight:bold; letter-spacing:5px; text-align:center;}
.service_pointmain li p:before			{right:inherit; left:25%;}

.service_pointmain_fourth				{width:95%; grid-template-columns:repeat(2,1fr); grid-gap:40px 5px; margin:30px auto;}
.service_pointmain_fourth li div		{width:100%; height:auto; padding-bottom:0; box-sizing:border-box; font-size:90%;}
.service_pointmain_fourth li div b		{font-size:130%; line-height:1.5em; padding:0px 0;}

.service_pointprice						{width:95%; grid-template-columns:repeat(1, 1fr); padding:0; grid-gap:0;}
.service_pointprice li div p			{font-size:100%;}
.service_pointprice .contents1			{grid-template-columns:repeat(1, 1fr); text-align:center; margin-bottom:20px;}
.service_pointprice .contents1 img		{width:95%;}
.service_pointprice .ticket				{width:85%; margin:30px auto 0; padding:0; border-right:none;}
.service_pointprice li span				{margin:25px 0 0;}
.service_pointprice .sublogo			{width:90%; max-width:400px; padding-bottom:15px;}

.contents1_slider_item img				{width:100%;}

.service_price_price							{width:100%; margin:0;}
.service_price_price table					{width:100%; margin:auto; border:1px solid #3a3a3a; border-collapse:collapse;}
.service_price_price th,						{padding:30px 0; border-bottom:1px dotted #3a3a3a;}
.service_price_price th,.service_price_price td		{border:none;}
.service_price_price_table					{display:none;}
.service_price_price_text						{width:85%; font-size:100%; margin:30px auto; text-align:center;}
.service_price_price_rft						{width:100%; font-size:90%; padding:15px 10px;}
.service_price_price_spimage					{display:initial; width:100%; height:auto;}
.service_price_price_logoimage				{width:100%;}

.service_price							{width:100%; margin:0;}
.service_price table					{width:100%; margin:auto; border:1px solid #3a3a3a; border-collapse:collapse;}
.service_price th						{padding:30px 0; border-bottom:1px dotted #3a3a3a; font-size:90%;}

.service_price_text						{width:85%; font-size:100%; margin:30px auto; text-align:center;}
.service_price_rft						{width:100%; font-size:90%; padding:15px 10px;}
.service_price_spimage					{display:initial; width:100%; height:auto;}
.service_price_logoimage				{width:100%;}

.service_step ul						{width:100%; grid-template-columns:repeat(1, 1fr); grid-gap:20px; margin:auto; margin:0 auto; justify-items: center;}
.service_step ul .leftimg img			{width:100%; max-width:65px; height:auto; margin:auto; display:block;}
.service_step ul .leftimg p				{font-size:140%; left:0; text-align:center; display:block;}
.service_step ul .leftimg span			{display:block; font-size:100%; color:#3a3a3a; margin:30px 0;}
.service_step ul .leftimg a				{font-size:100%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.service_step ul .rightimg img			{width:100%;}
.service_step div:before				{transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.service_step div:after					{transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.service_step div:nth-child(2):before	{border-top:20px solid #3a3a3a;}
.service_step div:nth-child(2):after	{border-top:20px solid #fff;}
.service_step_title span				{width:100%;}

.sliderbox_item							{width:100vw;}

.review_title p							{width:100%;}
.review_title_after p					{width:100%;}

.service_mall							{width:100%; margin:0; grid-template-columns:repeat(1, 1fr); grid-gap:0;}
.service_mall ul						{width:100%; border:none;}
.service_mall ul li:nth-child(n+4)		{border-bottom:1px solid #3a3a3a;}
.service_mall_title p					{width:100%;}
.service_mall_title p:before			{bottom:-80px;}
.service_mall_title span				{display:block;}

.qandamain								{width:100%; padding-top:10px; border:none;}
.qa_contents							{width:90%; margin:auto;}
.qa_submain								{width:100%;}
.qa_submain_box_name					{word-break:break-all;}
.qa_submain_box_a						{word-break:break-all; padding:31px 22px;}
.qa_submain_box a:after					{display:none;}
.qa_submain_box a.open:after			{display:none;}

.qa_submain_box_name::first-letter		{font-size:2.5em;}
.qa_submain_box_a:first-letter			{font-size:2.5em;}
.qa_submain_box_contents				{padding:0;}
.qa_submain_box_contents_table li		{padding:10px 0 30px;}

.service_mall_title_qanda p				{width:100%;}
.service_mall_title_qanda_after p		{width:100%;}

.handling								{padding:20px 0;}
.handlingmain							{width:95%; padding-bottom:30px;}
.handlingmain ul						{width:100%; margin:0; padding:0;grid-template-columns:repeat(3, 1fr); grid-gap:10px 0;}
.handlingmain ul li img					{max-width:150px;}

.award_main								{width:100%;}
.award_title p							{width:100%;}
.award_table							{width:100%; border-bottom:1px solid #3a3a3a; border-top:none; border-left:none; border-right:none;}
.award_table tr							{width:100%;}
.award_table td							{padding:15px 10px; display:block; text-align:right; font-size:100%; width:initial; border-right:none;}
.award_table .award_first				{padding:10px; background:#e60012; color:#fff; font-weight:bold; text-align:center; border:none;}
.award_table .last td					{border-bottom:1px solid #ccc;}
.award_line								{border-top:1px solid #ccc;}

.tab-group > li, .tab-group-vertical > li			{width:100%;}
.tab-group > li > a,.tab-group-vertical > li > a	{padding:30px; font-size:100%; background-size:30%; background-position-x:115%; background-position-y:37px;}




.wrapper_header												{display:none;}
.kanban														{display:none;}
.kanban_sp													{position:sticky; position:-webkit-sticky; top:0; display:block; z-index:999; border-bottom: 1px solid #ccc;}
.kanban_info												{width:100%;}
.kanban_info div p											{font-size:110%;}
.kanban_pc 													{width:100%; margin:0; padding:10px 0; text-align:left; display:grid; grid-template-columns:repeat(2, 1fr);}
.kanban_pc li												{width:100%; height:inherit; padding:0; background-image:inherit;}
.kanban_pc li a 											{filter:inherit; top:13px;}
.kanban_pc li a img											{position:relative; width:80%; left:10px; max-width:100px; height:auto; vertical-align:middle; top:0;}

.kanbansearch												{display:none;}
.kanban_drop												{display:none;}
.kanban_info div											{width:90%; font-size:80%;}
.sliderbox													{margin:10px auto 0; padding:0;}
.event_box_name												{padding:10px;}
.calendar													{display:none;}
.index_main .contents										{display:block;}
.left_navi													{display:none;}
.left_calendar												{display:none;}
.index_main													{width:100%;}
.listname													{width:100%; margin:0 auto; border:0; padding:0 0 10px;}
.listname ul												{width:100%; margin:0 auto; grid-template-columns:repeat(auto-fill, minmax(115px, 115px)); over-flow:hieen;}
.listname ul li												{width:115px; box-sizing: border-box;}
.listname ul li a 											{width:115px; text-align:center;}
.listname ul li a img										{width:95%; margin:25px auto 0;}
.contents_item_title										{margin:10px auto;}
.contents_item_long											{width:100%; display:block;}
.contents_item_long li a img								{width:100%; max-width:750px;}

.footer														{width:100%; padding:10px 0; margin:0 auto; background:#151e49;}
.footer_title												{font-size:120%;}
.footer ul													{width:95%; display:grid; grid-template-columns:repeat(1, 1fr); grid-gap:0; grid-auto-rows:minmax(80px, auto); justify-content:center;}
.footer ul li p												{background: #151e49; height:40px; line-height:40px; padding:0;}
.footer_shop img											{display:none;}
.footer_copyright											{width:100%;}
.footer_copyright_main										{width:95%;}
.footer_copyright_main span									{display:none;}
.footerswitch												{display:block; cursor:pointer; padding:0; height:50px; color:#fff; background:#3F3B3A; border-bottom:3px solid #e60012; position:relative;}
.footerswitch:after											{color:#ffffff; content:"+"; position:absolute; right:0; top:-100%; bottom:-100%; margin:auto; font-size:16px; height:16px; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); font-family:sans-serif;}
.footerswitch.open:after									{content: "×";}
.accordion													{display:inline;}
.accordion .displayNone										{display:none;}

.modal-spitem												{display:block; z-index:999; position:fixed; top:0;right:0; bottom:0; left:0; padding:0; text-align:center; overflow-y:scroll;}
.modal-spitem:not(:target)									{opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s;}
.modal-spitem:target										{opacity:1; visibility:visible; transition:opacity .4s, visibility .4s;}
.modal-spitem::after										{display:inline-block; height:100%; margin-left:-.05em; vertical-align:middle; content: ""}
.modal-spitem .modal-windowitem								{box-sizing:border-box; display:inline-block; z-index:20; position:relative; width:100%; padding:45px 20px 25px; background:#151e49; box-shadow:0 0 5px rgba(0, 0, 0, .6); vertical-align:middle;}
.modal-spitem .modal-windowitem .modal-content				{margin:auto; max-height:70vh; overflow-y:auto;}
.modal-spitem .modal-overlay								{z-index:10; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, .8)}
.modal-spitem .modal-overclose								{max-height:70vh; overflow-y:auto; z-index:10; position:absolute; top:0; right:0; bottom:0; left:0;}
.modal-spitem .navigation									{display:block; padding:10px 0; margin:0; color:#3f3f3f; font-size:90%; background:#fff; border-bottom:1px solid #ccc;}
.modal-spitem .modal-home									{z-index:20; position:absolute; top:25px; left:0; width:50px; text-indent:15px; color:#fff !important; font-size:100%; line-height:0; text-align:center; text-decoration:none; text-indent:0;}
.modal-spitem .modal-home:hover								{color: #fff !important}
.modal-spitem .modal-close									{z-index:20; position:absolute; top:25px; right:0; width:50px; color:#fff !important; font-size:30px; line-height:0; text-align:center; text-decoration:none; text-indent:0;}
.modal-spitem .modal-close:hover							{color: #fff !important}

.modal-spitem .modal-contents								{display:grid; grid-template-columns:30% 70%; justify-content:center; background:#fff;}
.modal-spitem .modal-contents .leftnavi						{padding:10px 0; border-right:1px solid #ccc;}
.modal-spitem .modal-contents .leftnavi a 					{display:block; width:100%; height:auto; margin:0 auto 30px;}
.modal-spitem .modal-contents .leftnavi a:last-child 		{margin:0 auto;}
.modal-spitem .modal-contents .leftnavi a:link				{color:#3f3f3f; text-decoration: none;}
.modal-spitem .modal-contents .leftnavi a:visited			{color:#3f3f3f; text-decoration: underline;}
.modal-spitem .modal-contents .leftnavi a:hover				{color:#3f3f3f; text-decoration: none;}
.modal-spitem .modal-contents .leftnavi a:active			{color:#3f3f3f; text-decoration: underline;}
.modal-spitem .modal-contents .leftnavi a img				{display:block; width:50px; margin:0 auto;}
.modal-spitem .modal-contents a span						{font-size:90%;}

.modal-spitem .modal-contents .right_title					{display:block; color:#fff; text-align:center; font-size:100%; margin:10px auto; background:#3f3f3f; width:80%; border-radius:20px; padding:3px 0;}

.switch_modal												{padding:5px 0; height:50px; text-align:left; font-size:100%; font-weight:bold; line-height:2.6em; border-bottom:1px solid #fff;}
.switch_modal:after											{content:"＋"; color:#fff; right:3px}
.switch_modal.open::after									{content:"×";}
.switch_modal span											{right:5px; top:5px;line-height:2em; color:#fff;}
.switch_modal img											{float:left; height:30px; width:30px; padding:10px 10px 0;}

.accordion_modal a											{display:block; font-size:100%; text-align:left; padding:10px; border-left: 1px solid #816750; border-bottom: 1px solid #816750; margin:0 10px;}
.accordion_modal a::before									{display:block; content:''; position:relative; float:right; top:12px; width:8px; height:8px; border-top:1px solid #816750; border-right:1px solid #816750; -webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); -webkit-transition:-webkit-transform 0.1s ease-out 0.2s; transition: -webkit-transform 0.1s ease-out 0.2s; transition: transform 0.1s ease-out 0.2s; transition: transform 0.1s ease-out 0.2s, -webkit-transform 0.1s ease-out 0.2s;}
.accordion_modal a:link										{color:#816750; text-decoration: none;}
.accordion_modal a:visited									{color:#816750; text-decoration: underline;}
.accordion_modal a:hover									{color:#816750; text-decoration: none;}
.accordion_modal a:active									{color:#816750; text-decoration: underline;}

.spnext li:last-child										{margin-bottom:10px;}
}

@media screen and (max-width:1024px)
{
.service_point_4point					{max-width:400px;}
.service_top_a , .service_top_b			{height:330px; background-color:#3f3b3a;}
.service_top_a img , .service_top_b img	{width:90%; left:50%; transform:translate(-50%, -50%);}
.service_top_b_after					{display:none;}
.service_top_b_after img				{display:none;}
.tire1ban_logo							{width:250px;}

.service_pointmain li div b				{font-size:140%;}
.service_pointmain_fourth				{width:95%; grid-template-columns:repeat(2,1fr);}
.service_pointmain_fourth li div		{height:160px; box-sizing:border-box;}
.service_pointmain_fourth li div b span	{display:block;}
.service_price_text						{text-align:left;}
.service_price_price_text						{text-align:left;}
.service_pointprice .contents1			{margin-bottom:10px;}

.qa_contents							{width:100%;}
.qa_submain_box_contents_table li		{padding:10px 20px 30px;}
.qa_submain_box_a						{padding:31px 42px;}
.qa_submain_box_name					{padding:20px 40px;}

opacity:1 !important;
.service_top_b_sp img					{margin:auto;}
.handling								{padding:10px 0;}
.handlingmain ul						{grid-template-columns:repeat(2, 1fr);}
.tire1ban_logo_re						{max-width:90%;}
.tire1ban_link_re ul					{width:100%;}
.tire1ban_link_re ul li a				{padding:40px 5px 30px;}
.tire1ban_mall							{max-width:150px;}

.award_line								{border-top:1px solid #ccc;}

}

.contents1_slider_item{max-width:550px; margin:0 auto;}

@media screen and (max-width:600px)
{
.tab-group, .tab-group-vertical {
    position: relative;
    display: block;
				
				}
				

.contents1_slider_item{max-width:80vw;}
}


@media screen and (max-width:1024px)
{
.service_pointmain_fourth li div {
    height: auto;
    box-sizing: border-box;
}
}

@media screen and (max-width:1024px){
.service_pointmain_fourth li div b{
    line-height: 1.5em;
    margin-bottom:10px;
}
.tab-group, .tab-group-vertical {
    width: 95%;
    width: 9;
    margin: 0 auto;
				}
.tab-group > li > a, .tab-group-vertical > li > a {
    display: block;
    border-radius: 0;
    padding: 30px 0;
    font-size: 120%;
    background-image: url(https://www.rakuten.ne.jp/gold/tire1ban/ohp_lp_img/lp_img3-1.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-size: 15%;
    background-position-x: 20px;
    background-position-y: 50%;
}
}

@media screen and (max-width:460px){
.service_pointmain_fourth li div {

}

}