/*===============================================
●smart.css  画面の横幅が769pxまで
===============================================*/
@media screen and (max-width:769px){
img{
max-width: 100%;
height: auto;
width /***/:auto; }
#container{
width:100%; }



/* pc_on sp_off */
.pcb_spn {
 display: none; }

/* pc_off sp_on */
.pcn_spb {
 display: block !important; }


.pcb_spn_2 {
 display: none !important; }


.clearfix{
	clear: both;
}


#information {
 display: block !important;
 max-width: 100% !important; }

.main {
  height: 30vh;
}



#contents-p1 #right-col .box img,
#contents-p1 #left-col .box img,
#contents-p2 #right-col .box img,
#contents-p2 #left-col .box img,
#contents-p3 .box img{
	max-width: 100%;
	margin: 0!important;
}

.table_parts-display_block--001_1{display: block; float: left; width: 100%!important; word-wrap: break-word;}

.table_parts-display_block--001_2{display: block; float: left; width: 48%!important; line-height:0.7em; word-wrap: break-word;}

.o_style--001{
	width: 200%;
	border:0px solid!impoltant;
	border-bottom: 1px dotted #ddd;
}

.o_style--002{
	letter-spacing: 1em!important;
}

.o_style--003{
	letter-spacing: initial!important;
}

.o_width--001 td{
	width: 97%;
	background-color: #fff!important;
	border: 0px solid #fff!important;
	border-bottom: 1px solid #ddd!important;
}

.o_width--002{
	width: 97%;
	background-color: #fff!important;
	border: 0px solid #fff!important;
	border-bottom: 1px solid #ddd!important;
}

.o_width--003{
	width: 94%!important;
}

.o_width--004{
	width: auto!important;
}

.o_font_style--001{
	font-size: 105%!important;
}

.o_margin_style--001{
	margin: 10px auto;
}

.o_padding_style--001{
	padding: 10px 2%!important;
}

.o_padding_style--002{
	padding: 10px 0%!important;
}

.o_table_line--001 td{
	border: 0 solid #fff!important;
}


.o_flow_box--001{
	background-color: #D7EBD2;
	float: left;
	height: auto;
	margin: 10px 1%;
	padding: 10px 3%;
	width: 92%;
}

.o_flow_box--001 img{
	width: 100%;
}

.o_flow_text--001{
	line-height: 1.6em;
	padding: 10px 1%;
	color: #188C18;
}



.o_transform td {
	display: block;
	width: 100%!important;
	text-align: center;
}

.o_transform img {
	-moz-transform:    rotate( 90deg ) scale(0.5,0.3);
	-webkit-transform: rotate( 90deg ) scale(0.5,0.3);
	-o-transform:      rotate( 90deg ) scale(0.5,0.3);
	-ms-transform:     rotate( 90deg ) scale(0.5,0.3);
	transform:         rotate( 90deg ) scale(0.5,0.3);
}

.o_height_001 {
	min-height: auto!important;
}

.o_br_001 br {
	display: none;
}


.o_display_001 {
	display: none;
}

/* text-align */
.o_text_align01 {text-align: center;}
.o_text_align02 {text-align: right;}
.o_text_align03 {text-align: left;}

/* padding */
.o_padding01 {padding: 0!important;}

/* margin-bottom */
#contents-p1 #right-col .box .o_space_margin_b_01 img, 
#contents-p1 #left-col .box .o_space_margin_b_01 img, 
#contents-p2 #right-col .box .o_space_margin_b_01 img, 
#contents-p2 #left-col .box .o_space_margin_b_01 img, 
#contents-p3 .box .o_space_margin_b_01 img {margin: 0 0 4px!important;}






/* ■オプション時追加
#header-nav ul li#nav-1,
#header-nav ul li,
#header-nav ul li#nav-7,
#header-nav ul li#nav-1 a,
#header-nav ul li a,
#header-nav ul li#nav-7 a,
#header-nav ul li#nav-1 a:hover,
#header-nav ul li a:hover,
#header-nav ul li#nav-7 a:hover{
	width: 99%!important;
	padding: 0px 0.5%!important;
	margin: 0px!important;
	line-height: 45px;
	border-bottom: 1px dotted #fff;
	background-color: #ffa33c;
}


#header-nav ul li#nav-1 a,
#header-nav ul li a,
#header-nav ul li#nav-7 a,
#header-nav ul li#nav-1 a:hover,
#header-nav ul li a:hover,
#header-nav ul li#nav-7 a:hover{
	margin: 0px!important;
}


#header-nav ul li{
	*width: 99%!important;
	*padding: 0px 0.5%!important;
	*margin: 0px!important;
	line-height: 45px;
	*border-bottom: 1px dotted #fff;
	background-color: #ffa33c;
}



#header-nav{
	background: none;
	*width: 90%;
	width: 99%;
	margin: 0 5% 5px;
}








.o_contact-box--001{
	background-color: #fff;
	border-radius: 1px;
	box-shadow: 0 1px 12px #d2d2d2;
	margin: 10px 0;
	padding: 15px 2%;
	width: auto;
}

#outline-box .o_contact-border_style--001{
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	padding: 10px 2%;
	width: auto;
}

.o_contact_title--001{
	background-color: #ed6621;
	border-radius: 5px;
	color: #fff;
	font-size: 150%;
	line-height: 27px;
	margin-bottom: 30px;
	padding: 10px 3%;
	text-align: center;
	width: auto;
}

.o_contact_text--001{
	font-size: 240%;
	line-height: 53px;
	padding: 10px 2%;
	text-align: center;
	width: auto;
	color: #33cccc;
	margin-bottom: 30px;
}

.o_contact_tel--001{
	font-size: 250%;
	margin-bottom: 50px;
	paddinng: 0;
	text-align: center;
	width: auto;
	color: #3366ff;
}

.o_mail--001{
	border-bottom: 1px dotted #d0d0d0;
	font-size: 200%;
	margin-bottom: 20px;
	padding: 0 0 10px;
	text-align: center;
	width: auto;
	color: #3366ff;
}

.o_contact_button--001{
	background-color: #faa81d;
	box-shadow: 1px 2px 3px #cccccc;
	color: #fff;
	font-size: 160%;
	line-height: 46px;
	margin: 10px auto;
	max-width: 260px;
	padding-top: 5px;
	text-align: center;
	width: 100%;
	border-radius: 3px;
}



.o_icon_box--001{
	float: left;
	margin: 12px 1%;
	text-align: center;
	width: 30%;
	height: 140px;
}

.o_icon_button--001{
	margin: 10px 0;
}

.o_icon_title--001{
	font-size: 110%;
}


 */



/* 20170208追加 */
.o_fukidashi {
 display:inline-block;
 position: relative;
 padding:2em;
 border-radius:5px;
 background: #FFF6C4;
}
.o_fukidashi:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
.o_fukidashi_left:after {
 top: 100%;
 left: 40%;
 border:30px solid transparent;
 border-top:30px solid #FFF6C4;
 margin-left: -10px;
}

/* 20170303追加 */
.o_text_01 {
	text-align:left !important;
}

/* 20170405追加 */
.o_padding--001{
	padding:13px 2px;
}

.o_line-height--07{
	line-height: 0.7em !important; 
}

.o_line-height--07 a{
	line-height: 0.7em !important; 
}


.o_display_none {
	display: none; 
}

/* 20170406追加 */
.o_coupon--001_code{
	float: left; 
	width: 100%;
}

.o_coupon--001_map{
	float: left;  
	width: 100%;
}

/* 201704/27追加 */
.o_sp_open {
	display: block; 
}


/* 2017/5/31追加 */
.osp_w_00 {
	width: 100% !important;
	padding: 0px !important;
	display: block;
}

.osp_w_auto {
	width: auto !important;
}

.osp_p_00 {
	padding: 0px !important;
}

.osp_table_00 {
	table-layout: auto !important;
}

.osp_width200 {
	width: 200px;
}






/* 201708/04追加 */
#contents-p1 #right-col .box .m_0a img,
#contents-p1 #left-col .box .m_0a img,
#contents-p2 #right-col .box .m_0a img,
#contents-p2 #left-col .box .m_0a img,
#contents-p3 .box .m_0a img {
	margin: 0 auto !important; 
}

#contents-p1 #right-col .box .i_w_02 img,
#contents-p1 #left-col .box .i_w_02 img,
#contents-p2 #right-col .box .i_w_02 img,
#contents-p2 #left-col .box .i_w_02 img,
#contents-p3 .box .i_w_02 img {
	width: 87%; 
}

.osp_w_01 img {
	width: 100%;
}

.osp_w_01 {
	width: 100% !important;
}

.db {
	display: block;
}


.table_parts-display_block--001 > td{display: block; float: left; width: 100%; word-wrap: break-word;}


/* 20170901追加 */
.osp_i_br_10 img {
	border-radius: 10px;
}


/* 20170929追加 */
.br_pc_none {
	display: block;
}


/* 20171211追加 */
.osp_rotate img {
	transform: rotate(90deg);
	width: 5%;
}

.osp_p0_5 {
	padding: 0 5px!important;
}

.osp_p0 {
	padding: 0!important;
}


/* 2018726追加 */
.o_m_over_01 {
	font-size: 105%; }


.o_m_over_02 {
	font-size: 110%; }


/* 20181009追加 */
.osp_paragraph {
	display: block;
	width: 100% !important;
}

.osp_image_width01 img {
	width: 20px !important;
}

.osp_width_100 {
	width: 100% !important;
}


/* 20181112追加 スマホnyamibetu */
table.osp_paragraph02 td {
	box-sizing: border-box;
	width: 30%;
	margin: 2px;
	display: block;
	float: left;
	*height: 140px;
	height: 130px;
	line-height: initial !important;
	line-height: 1 !important;
	padding: 3px;
	font-size: 80% !important;
}

#contents-p3-inner-box .article-center .box table.osp_paragraph02 td img {
	margin: 3px auto 3px !important;
}

table.osp_paragraph02 td a {
	line-height: 1 !important;
}

table.osp_paragraph02 {
	border-spacing: 0 !important; 
}

/* 20181112追加 スマホkutsuzoko */
.osp_under01 {
 box-sizing: border-box;
 padding: 15px 10px 0px;
 background-color: #e0eaed;
 border-radius: 3px;
 *border: 1px solid #dbeaef;
 margin: 0 0 13px;
}

.osp_dn {
display: none !important;
}


/* 20181121追加 スマホrepair */
.osp_paragraph03 {
 padding: 10px 5px 0px !important;
 box-sizing: border-box;
 display: block;
 width: 100% !important;
}

.osp_paragraph04 {
 padding: 0 0 8px 0 !important;
 text-align: right;
 vertical-align: bottom;
 box-sizing: border-box;
 display: block;
 width: 90% !important;
 margin: 0 auto; }



/* 20181210追加 店舗情報内クレジットカードtable*/
.osp_noparagraph {
	display: table-cell !important;
	float: none !important; }

.osp_w100 {
	width: 100% !important; }


/* 20190314追加 */
.o_footer {
 width: 96%;
 margin: 0 auto 20px; }

.o_footer td {
 box-sizing: border-box;
 padding: 3px 6px 3px;
 display: block;
 width: 100%;
 margin: 0 0 5px 0;
 background-color: #f9f9f9;
 text-align: center;
 box-shadow: 1px 1px 1px #BDBDBD; }

.o_footer td::before {
 content: ""; }

.o_footer td a {
 text-decoration: none;
 font-size: 120%; }





/* 20191004追加 */
.osp_td_height_auto {
 height: auto !important; }

.osp_td_height_auto img {
 width: 100% !important; }


/* 20191021追加 */
.osp_iwidth_50 img {
	width: 50% !important; }


.osp_paragraph04 td {
 box-sizing: border-box;
 display: block;
 width: 100% !important; }


.osp_paragraph05 td {
 box-sizing: border-box;
 display: block;
 width: 100% !important;
 *margin: 0 0 30px 0;
 margin: 0 ;
 border: none !important; }

.osp_paragraph06_1 {
 box-sizing: border-box;
 display: block;
 width: 100% !important;
 margin: 0;
 border: none !important; }

.osp_paragraph06_2 {
 box-sizing: border-box;
 display: block;
 width: 100% !important;
 margin: 0 0 30px 0;
 border: none !important; }

.osp_paragraph07 td {
 box-sizing: border-box;
 display: block;
 width: 100% !important;
 margin: 0;
 border: none !important; }

.osp_paragraph07 td.osp_bb_01 {
 border-bottom: 1px dotted #ffffff !important; }

.table_parts-display_block--002 td {
 height: 70px; }





/* 20200327追加 クリックで詳細ページへ */
.osp_w100 {
 display: block;
 width: 100% !important; }


/* 202106追加 */
.osp_paragraph09 {
	display: block;
	width: 96% !important; }

.osp_floatn_mauto {
 float: none !important;
 margin: 0 auto !important;
 width: 100% !important; }


/* 202107追加 */
.osp_w96 {
 display: block;
 width: 96% !important;
 margin: 0 auto !important; }


/* 202307追加 */
.osp_w50 {
 width: 50% !important;
 margin: 0 auto !important; }



}