@charset "UTF-8";

#category_title{padding:0 0 0 10px;font-size:118.75%;font-weight: bold;margin:15px 0;}
#category_title02{font-size:118.75%;font-weight: bold;margin:15px 0;}
#category_title:before{content: "";position: absolute;top: 4px;left: 13px;display: inline-block;width: 4px;height: 1em;margin-right: 6px;background-color: #c00;border-radius: 3px;}
.sp_only{display:none;}
.pc_only{display:block;}
.r_color{color:#d00c0b;}
p.asterisk{position:relative;padding-left:17px;}
p.asterisk:before{display:inline;content:'※';position:absolute;left:0;}
#content ul.asterisk li:before{display:inline;content:'※';}
ul.decimal{list-style-type:decimal;margin:5px 30px;}
ul.decimal li{text-align:left !important;margin-top:20px;}
ul.decimal02{list-style-type:decimal;padding:10px 5px 10px 35px;font-weight:bold;}
ul.decimal02 li{margin-bottom:5px;}
ul.decimal02 li span{font-weight:normal;}
ul.indent{margin:5px 10px;}
ul.indent li{display:table;}
ul.indent li p{display:table-cell;}
ul.indent li span.marker{padding:0;display:table-cell;}
ul.disc{padding:15px 5px 10px 35px;list-style-type: disc;}
ul.disc li{margin-bottom:5px;}

@media only screen and (max-width: 767px){
#main p{line-height: 140%;}
#category_title {padding:0 0 0 25px;font-size: 135.71%;}
.sh-name{margin-left: 10px; font-weight: bold; padding: 16px 0; margin-left: 13px;}
.sh-name a {font-size: 16px;}
/* .sh-name:before{content: "";position: absolute;top: 17px;left: 13px;display: inline-block;width: 4px;height: 1em;margin-right: 6px;background-color: #c00;border-radius: 3px;} */
#category_title02{padding: 0 0 0 10px;}
ul.decimal{margin:5px 25px;}
ul.lower-roman{margin:5px 0 5px 10px;}
.br-sp { display:none;}
.sp_only{display:block;}
.pc_only{display:none;}
}


#menu {width:100%;background-color:#333;margin-top:50px;color:#fff;}
#menu ul.menu_list{border-right:2px solid #fff;	max-width:936px;width:100%;height:100%;margin:0 auto;display:flex; justify-content: space-between;}
#menu ul.menu_list a{color:#fff; display: block; padding:15px 0 29px 0;}
#menu ul.menu_list a:hover{text-decoration: none;}
#menu ul.menu_list li{border-left:2px solid #fff;display:table-cell;height:100%;width:100%;position:relative;cursor: pointer;text-align:center;}
#menu ul.menu_list li:hover{background-color:#646466;}
#menu ul.menu_list li.menu01 span{padding-left:35px;position:relative;}
#menu ul.menu_list li.menu02 span{padding-left:20px;position:relative;}
#menu ul.menu_list li.menu03 span{position:relative;}
#menu ul.menu_list li.menu01 span:before,
#menu ul.menu_list li.menu02 span:before,
#menu ul.menu_list li.menu03 span:before{content:'';width:60px;height:60px;position:absolute;display:inline-block;left:-30px;top:-13px;	background:url(../images/menu01_icon.png) no-repeat center center;}
#menu ul.menu_list li.menu02 span:before{left:-40px;background:url(../images/menu02_icon.png) no-repeat center center;}
#menu ul.menu_list li.menu03 span:before{left:-60px;background:url(../images/menu03_icon.png) no-repeat center center;}
#menu ul.menu_list li.menu01:after,
#menu ul.menu_list li.menu02:after,
#menu ul.menu_list li.menu03:after{content:'';width:16px;height:11px;position:absolute;display:inline-block;left:47%;top:45px;background:url(../images/menu_arrow.png) no-repeat center center;}

@media only screen and (max-width: 767px){
#menu {margin-top:20px;}
#menu ul.menu_list{border-right:none; display: block;}
#menu ul.menu_list li{display:block;border-left:none;border-bottom:1px solid #fff;width:100%;text-align:left;float:none;}
#menu ul.menu_list a{padding:16px 0 16px 30%;}
#menu ul.menu_list li.menu01{float:none;}
#menu ul.menu_list li.menu01 span,
#menu ul.menu_list li.menu02 span,
#menu ul.menu_list li.menu03 span{padding-left:0;}
#menu ul.menu_list li.menu03{float:none;}
#menu ul.menu_list li.menu01 span:before,
#menu ul.menu_list li.menu02 span:before,
#menu ul.menu_list li.menu03 span:before{top:-20px;left:-90px;}
#menu ul.menu_list li.menu01:after,
#menu ul.menu_list li.menu02:after,
#menu ul.menu_list li.menu03:after{left:auto;top:40%;right:10%;}
}
.bg{background-color:#f5f5f5;padding:10px 0;}
.bg02{background-color:#f5f5f5;padding:10px 0;margin:50px 0;}
#content{max-width:936px;margin:0 auto;padding: 0 13px;}
#content .img_center{margin:0 auto;text-align:center;}
#content ul.dot{list-style:disc;margin-left:20px;}
#content ul.asterisk{margin-left:40px;}
#content ul.asterisk li{list-style-type:none;text-indent:-1em;line-height:1.65;}
#content h2.subtitle_menu01,
#content h2.subtitle_menu02{margin: 40px 0;font-size:34px;font-weight: bold;text-align:center;position:relative;}
#content h2.subtitle_menu01 span,
#content h2.subtitle_menu02 span{background-color:#fff;display: inline-block;padding:0 0 0 80px;position:relative;width:570px;}
#content h2.subtitle_menu02 span{width:300px;padding: 0 0 0 30px;}
#content h2.subtitle_menu01 span:before,
#content h2.subtitle_menu02 span:before{content:'';background-color:#fff;width:120px;height:59px;position:absolute;display:inline-block;left:0;	top:-4px;background:url(../images/subtitle01_icon.png) no-repeat center center;}
#content h2.subtitle_menu02 span:before{width:93px;height:93px;top:-29px;left:-10%;background:url(../images/subtitle02_icon.png) no-repeat center center;}
#content h2.subtitle_menu01:before,
#content h2.subtitle_menu02:before{border-top: 3px solid #d00c0b;content: "";position: absolute;top: 50%;left: 0;width: 100%;}
#content h2.subtitle_square{margin: 40px 0 20px;padding: 0 0 2px 0;font-size: 115%;font-weight: bold;line-height: 1.231;border-bottom:#CCCCCC solid 2px;}
#content h2.subtitle_square:before{content: '';display: inline-block;background: #c00;padding: 5px 5px 5px;margin-right:5px;}
#content h2.subtitle_square span{ display: inline-block; float: right; font-size: 85%; font-weight: normal;}
#content h3{font-size:27px;font-weight:bold;margin:30px auto;text-align:center;}
#content h3.window{position:relative;padding:25px 0 0;}
#content h3.window:before{content:'';width:115px;height:115px;position:absolute;display:inline-block;left:44%;top:-20px;background:url(../images/window_icon.png) no-repeat center center;}
#content h3.support{font-size:20px;font-weight:bold;margin:10px auto 30px;text-align:center;}
#content h3 span{border-bottom:3px solid #d00c0b;padding-bottom:5px;}
#content h4{font-size:24px;font-weight:bold;text-align:center;margin:50px auto 20px;}

#content h2 span.suppl {font-size:87.5%;font-weight:normal;}

@media only screen and (max-width: 767px){
#content h2.subtitle_menu01,
#content h2.subtitle_menu02{margin: 20px 0;padding: 10px 0 10px 20px;font-size:18px;}
#content h2.subtitle_menu01 span:before{width:79px;height:47px;left:-10%;top:-12px;background:url(../images/subtitle01_icon_sp.png) no-repeat center center;}
#content h2.subtitle_menu02 span:before{width:65px;height:65px;left:-25%;top:-29px;background:url(../images/subtitle02_icon_sp.png) no-repeat center center;}
#content h2.subtitle_menu01 span,
#content h2.subtitle_menu02 span{width:auto;padding:0 20px 0 55px;}
#content h2.subtitle_menu02 span{padding: 0 30px;}
#content h3{font-size:16px;margin:30px auto;}
#content h3.window{padding:0;}
#content h3.window:before{width:80px;height:80px;left:38%;top:-25px;background:url(../images/window_icon_sp.png) no-repeat center center;}
#content h4{font-size:16px;margin:40px auto 20px;}
#content h4.r_color{text-align:left;}
.bg02{margin:20px 0;}
}


/*----------support btn------------*/
.submenu .button,
.submenu .open{max-width:936px;margin:0 auto;}
.submenu .button a:hover{text-decoration:none;}
.submenu .submenu_button01,
.submenu .submenu_button02,
.submenu .submenu_button03,
.submenu .submenu_button04,
.submenu .submenu_button05,
.submenu .submenu_button06,
.submenu .submenu_button07{display:inline-block;width:13.28%;height:198px;text-align:center;cursor: pointer;vertical-align:top;box-shadow: 0 0 6px #c9caca;border:2px solid #c9caca;border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;}
.submenu .button .select,
.submenu .submenu_button01:hover,
.submenu .submenu_button02:hover,
.submenu .submenu_button03:hover,
.submenu .submenu_button04:hover,
.submenu .submenu_button05:hover,
.submenu .submenu_button06:hover,
.submenu .submenu_button07:hover{background-color:#d00c0b;color:#fff;border:2px solid #d00c0b;}
.submenu .button .select{position:relative;}
.submenu .button .select:after{content:'';position:absolute;bottom:-36px;left:37%;border-top: 20px solid #d00c0b;border-right: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 15px solid transparent;}
.submenu .submenu_text,
.submenu .submenu_text02,
.submenu .submenu_text_dl{position:relative;padding:110px 0 42px;font-weight:bold;}
.submenu .submenu_text:before,
.submenu .submenu_text02:before,
.submenu .submenu_text_dl:before{content:'';width:85px;height:85px;position:absolute;display:inline-block;left:15.8%;top:10%;}
.submenu .submenu_button04 .submenu_text:before,
.submenu .submenu_button04 .submenu_text_dl:before{background:url(../images/submenu04_bg1.png) no-repeat center center;}
.submenu .submenu_button01 .submenu_text:before,
.submenu .submenu_button01 .submenu_text_dl:before{background:url(../images/submenu01_bg1.png) no-repeat center center;}
.submenu .submenu_button02 .submenu_text:before,
.submenu .submenu_button02 .submenu_text_dl:before{background:url(../images/submenu02_bg1.png) no-repeat center center;}
.submenu .submenu_button03 .submenu_text:before{background:url(../images/submenu03_bg1.png) no-repeat center center;}
.submenu .submenu_button05 .submenu_text:before,
.submenu .submenu_button05 .submenu_text_dl:before{background:url(../images/submenu05_bg1.png) no-repeat center center;}
.submenu .submenu_button06 .submenu_text:before,
.submenu .submenu_button06 .submenu_text_dl:before{background:url(../images/submenu06_bg1.png) no-repeat center center;}
.submenu .submenu_button07 .submenu_text:before,
.submenu .submenu_button07 .submenu_text_dl:before{background:url(../images/submenu07_bg1.png) no-repeat center center;}
.submenu .submenu_button04 .submenu_text02:before,
.submenu .submenu_button04 .submenu_text:hover:before,
.submenu .submenu_button04 .submenu_text_dl:hover:before{background:url(../images/submenu04_bg2.png) no-repeat center center;}
.submenu .submenu_button01 .submenu_text02:before,
.submenu .submenu_button01 .submenu_text:hover:before,
.submenu .submenu_button01 .submenu_text_dl:hover:before{background:url(../images/submenu01_bg2.png) no-repeat center center;}
.submenu .submenu_button02 .submenu_text:hover:before,
.submenu .submenu_button02 .submenu_text02:before,
.submenu .submenu_button02 .submenu_text_dl:hover:before{background:url(../images/submenu02_bg2.png) no-repeat center center;}
.submenu .submenu_button03 .submenu_text02:before,
.submenu .submenu_button03 .submenu_text:hover:before{background:url(../images/submenu03_bg2.png) no-repeat center center;}
.submenu .submenu_button05 .submenu_text02:before,
.submenu .submenu_button05 .submenu_text:hover:before,
.submenu .submenu_button05 .submenu_text_dl:hover:before{background:url(../images/submenu05_bg2.png) no-repeat center center;}
.submenu .submenu_button06 .submenu_text02:before,
.submenu .submenu_button06 .submenu_text_dl:hover:before{background:url(../images/submenu06_bg2.png) no-repeat center center;}
.submenu .submenu_button07 .submenu_text02:before,
.submenu .submenu_button07 .submenu_text_dl:hover:before{background:url(../images/submenu07_bg2.png) no-repeat center center;}
.submenu .submenu_text:after,
.submenu .submenu_text_dl:after{content:'';width:24px;height:16px;position:absolute;display:inline-block;left:41%;bottom:8%;background:url(../images/submenu_arrow01.png) no-repeat center center;}
.submenu .submenu_text_dl:after{width:13px;height:19px;	background:url(../images/submenu_arrow02.png) no-repeat center center;}
.submenu .line01{padding:124px 0 52px;}
.button a{color:#333;}
.button a:hover,
.button .select a{color:#fff;}
.button .submenu_content .agree a:hover{color:#333;}

@media only screen and (max-width: 767px){
.submenu .button{padding:0 5px;	position:relative;}
.submenu .button .select:after{content:'';position:absolute;bottom:31px;left:auto;right:7%;width:12px;height:12px;border-top:none;border-right: none;border-bottom: none;border-left: none;background:url(../images/close_sp.png) no-repeat center center;}
.submenu .submenu_button01,
.submenu .submenu_button02,
.submenu .submenu_button03,
.submenu .submenu_button04,
.submenu .submenu_button05,
.submenu .submenu_button06,
.submenu .submenu_button07{width:49%;height:auto;text-align:left;float:left;margin-top:5px;box-shadow: 0 0 3px #c9caca;border:1px solid #c9caca;border-radius: 0;-webkit-border-radius: 0; -moz-border-radius: 0;}
.submenu .submenu_button02,
.submenu .submenu_button04,
.submenu .submenu_button06{float:right;}
.submenu .button .select,
.submenu .submenu_button01:hover,
.submenu .submenu_button02:hover,
.submenu .submenu_button03:hover,
.submenu .submenu_button04:hover,
.submenu .submenu_button05:hover,
.submenu .submenu_button06:hover,
.submenu .submenu_button07:hover{border:1px solid #d00c0b;}
.submenu .submenu_text,
.submenu .submenu_text02,
.submenu .submenu_text_dl{padding:20px 0 20px 33%;}
.submenu .submenu_text:before,
.submenu .submenu_text02:before,
.submenu .submenu_text_dl:before{width:46px;height:46px;left:2%;top:15px;}
.submenu .submenu_button01 .submenu_text:before,
.submenu .submenu_button01 .submenu_text_dl:before{background:url(../images/submenu01_bg1_sp.png) no-repeat center center;}
.submenu .submenu_button02 .submenu_text_dl:before{background:url(../images/submenu02_bg1_sp.png) no-repeat center center;}
.submenu .submenu_button03 .submenu_text:before{background:url(../images/submenu03_bg1_sp.png) no-repeat center center;}
.submenu .submenu_button04 .submenu_text:before,
.submenu .submenu_button04 .submenu_text_dl:before{background:url(../images/submenu04_bg1_sp.png) no-repeat center center;}
.submenu .submenu_button05 .submenu_text:before,
.submenu .submenu_button05 .submenu_text_dl:before{background:url(../images/submenu05_bg1_sp.png) no-repeat center center;}
.submenu .submenu_button06 .submenu_text_dl:before{background:url(../images/submenu06_bg1_sp.png) no-repeat center center;}
.submenu .submenu_button07 .submenu_text_dl:before{background:url(../images/submenu07_bg1_sp.png) no-repeat center center;}
.submenu .submenu_button01 .submenu_text02:before,
.submenu .submenu_button01 .submenu_text:hover:before,
.submenu .submenu_button01 .submenu_text_dl:hover:before{background:url(../images/submenu01_bg2_sp.png) no-repeat center center;}
.submenu .submenu_button02 .submenu_text02:before,
.submenu .submenu_button02 .submenu_text_dl:hover:before{background:url(../images/submenu02_bg2_sp.png) no-repeat center center;}
.submenu .submenu_button03 .submenu_text02:before,
.submenu .submenu_button03 .submenu_text:hover:before{background:url(../images/submenu03_bg2_sp.png) no-repeat center center;}
.submenu .submenu_button04 .submenu_text02:before,
.submenu .submenu_button04 .submenu_text:hover:before,
.submenu .submenu_button04 .submenu_text_dl:hover:before{background:url(../images/submenu04_bg2_sp.png) no-repeat center center;}
.submenu .submenu_button05 .submenu_text02:before,
.submenu .submenu_button05 .submenu_text:hover:before,
.submenu .submenu_button05 .submenu_text_dl:hover:before{background:url(../images/submenu05_bg2_sp.png) no-repeat center center;}
.submenu .submenu_button06 .submenu_text02_dl:before,
.submenu .submenu_button06 .submenu_text_dl:hover:before{background:url(../images/submenu06_bg2_sp.png) no-repeat center center;}
.submenu .submenu_button07 .submenu_text02_dl:before,
.submenu .submenu_button07 .submenu_text_dl:hover:before{background:url(../images/submenu07_bg2_sp.png) no-repeat center center;}
.submenu .submenu_text:after,
.submenu .submenu_text_dl:after{width:24px;height:16px;left:auto;bottom:30px;right:5px;background:url(../images/submenu_arrow01_sp.png) no-repeat center center;}
.submenu .submenu_text_dl:after{width:9px;height:13px;right:9px;background:url(../images/submenu_arrow02_sp.png) no-repeat center center;}
}

/*-----------support contents-------*/
.submenu .submenu_content{display:none;position: absolute;color:#fff;left: 0;width: 100%;margin-top:20px;background-color: #58595b;border-top: 1px solid #58595b;border-bottom: 1px solid #58595b;z-index: 10;-webkit-transition: left .3s ease-out;transition: left .3s ease-out;}
.submenu .submenu_content .close_button,
.submenu .submenu_content .back_button{position: absolute;top: 5px;right: 20px;width: 32px;height: 33px;overflow: hidden;cursor: pointer;z-index: 10;}
.submenu .submenu_content .back_button{width:83px;height:21;right:0;left:20px;}
.submenu .submenu_content .open{padding:40px 10px 0;}
.submenu .submenu_content .open ul li{text-align:center;}
.submenu .submenu_content .open ul li a,
.submenu .submenu_content .open ul a{color:#fff;}
.submenu .submenu_content .open ul li.product:hover{text-decoration:underline;}
.submenu .submenu_content .open ul li.product{display:inline-block;width:144px;vertical-align:top;margin-bottom:10px;}
.submenu .submenu_content .open .faq{padding:0 10px;width:30%;display:inline-block;vertical-align:top;margin-bottom:40px;position:relative;}
.submenu .submenu_content .open .faq img{width:45px;height:45px}
.submenu .submenu_content .open .faq span{position:absolute;top:20px;left:25%;}
.submenu .submenu_content .open .faq06 span{left:5%;}
.submenu .submenu_content .open .faq ul li{text-align:left;padding:7px 0;border-bottom:1px solid #9e9e9f;}
.submenu .submenu_content .open p.conditions_title{text-align:center;font-size:22px;}
.submenu .submenu_content .open .conditions{height:200px;width:100%;background-color:#fff;color:#333;overflow-y:scroll;}
.submenu .submenu_content .agree{margin:20px auto;text-align:center;}
.submenu .submenu_content .agree_select{padding:10px 0;background-color:#fff;color:#333;font-size:22px;display:inline-block;width:200px;margin:0 10px;cursor:pointer;}
.submenu .submenu_content .agree .false{background-color:#e5e5e5;color:#9e9e9f;}
.submenu .submenu_content .agree_true02{display:none;}
.btn_gry_wrap .btn_white{margin:20px auto 0;border:2px solid #c9caca;border-radius:5px;padding:10px 17px;display:table;background-color:#fff;color:#333;box-shadow: 0 0 8px #c9caca;}
.btn_gry_wrap .btn_white img{display:table-cell;}
.btn_gry_wrap .btn_white p{display:table-cell;vertical-align:middle;padding-left:15px}

@media only screen and (max-width: 767px){
.submenu .submenu_content{margin-top:0;top:250px;color:#333;background-color: #fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.submenu .submenu_content p{margin:5px;}
.submenu .submenu_content .open{padding:0;}
.submenu .submenu_content .open ul li.product{display:block;width:100%;vertical-align:top;text-align:left;border-bottom:1px solid #e5e5e5;color:#333;position:relative;margin-bottom:0;}
.submenu .submenu_content .open ul li.product img{width:45px;height:45px;}
.submenu .submenu_content .open ul li.product span{position:absolute;left:20%;top:35%;}
.submenu .submenu_content .open .faq{padding:0;	width:100%;border-bottom:1px solid #e5e5e5;margin-bottom:0;color:#333;}
.submenu .submenu_content .open .faq ul{display:none;}
.submenu .submenu_content .open .faq ul a{color:#333;}
.submenu .submenu_content .open .faq ul li{border-bottom:none;border-top:1px solid #e5e5e5;padding:16px 0 16px 24%;position:relative;}
.submenu .submenu_content .open .faq ul li:before{content:'';position:absolute;left: 19%;top:20px;font-size:0px;box-sizing: border-box;width: 4px;height: 4px;border: 4px solid transparent;border-left: 9px solid #d00c0b;}
.submenu .submenu_content .open .faq span{top:15px;left:15%;}
.submenu .submenu_content .open .faq06 span{left:15%;}
.submenu .submenu_content .agree_true01{color:#333;padding:0 5px;}
.submenu .submenu_content .agree_true01 p{margin:10px 0;}
.submenu .submenu_content .open .conditions{border:1px solid #e5e5e5;}
.submenu .submenu_content .agree_select{color:#fff;padding:10px;width:35%;font-size:95%;border:1px solid #e5e5e5;}
.submenu .submenu_content .open .faq .pro_close,
.submenu .submenu_content .open .faq .pro_open{position:relative;}
.submenu .submenu_content .open .faq .pro_close:after,
.submenu .submenu_content .open .faq .pro_open:after{position:absolute;content:'';width:16px;height:16px;right:5%;top:15px;background:url(../images/plus_sp.png) no-repeat center center;}
.submenu .submenu_content .open .faq .pro_open:after{background:url(../images/minus_sp.png) no-repeat center center;}
.submenu .submenu_content .open .sp_close{width:180px;padding:15px 50px 15px 40px;background-color:#ededed;margin:10px auto;border:1px solid #c9caca;border-radius:5px;color:#333;font-weight:bold;text-align:center;}
.submenu .submenu_content .open .sp_close span{position:relative;}
.submenu .submenu_content .open .sp_close span:after{content:'';width:12px;height:12px;position:absolute;top:3px;right:-25px;background:url(../images/close01_sp.png) no-repeat center center;}
.btn_gry_wrap .btn_white{border:1px solid #c9caca;}
}


@media only screen and (max-width: 767px){
	#content h2.subtitle_square{
		font-size: 115%;
	}
	#content h2:after{ content:''; display: block; clear: both; width: 100%;}
	#content h2.subtitle_square span{ display: block; float: none; padding-left:15px; line-height: 200%;}
	
	#content ul.asterisk{
	margin-left:20px;
}

}

#content div.product_row{
	margin-right: -3.33%;
}

#content div.product_wrapper{
	box-sizing: border-box;
	width:30%;
	background:#f5f5f5;
	border:#dedede 1px solid;
	float:left;
	margin:0 3.33% 30px 0;
	height:120px;
}

#content div.product_wrapper a:hover {
	text-decoration:underline;
	color:#000000;
	
}

	#content div.product_wrapper .product_content{
    	display:table;
    	vertical-align:middle;
	}
	
		#content div.product_wrapper .product_content img{
			display:table-cell;
			border-right:1px #dedede solid;
		}
		
		#content div.product_wrapper .product_content p{
			display:table-cell;
			vertical-align: middle;
			text-align:center;
			width:100%;
			color:#000000;
		}

#content a.opacity {
	display:block;
}

#content a.opacity:hover {
	opacity: 0.75;
}

#content a.noborder:hover{
	text-decoration: none;
}

@media only screen and (max-width: 767px){
	
	#content div.product_row{
		margin: auto;
	}

		#content div.product_wrapper{
			width:100%;
		}
	#content a.opacity:hover{
		opacity:1.0;
	}
}




/*-------------------------product_index-----*/

#content div.repair_title_wrapper{
	width:100%;
	height:150px;
	background:#eff0f0;
	margin:20px auto 50px;
	clear:both;
	display:table;
	vertical-align:middle;
}
	#content div.repair_title_wrapper .repair_title{
		width:25%;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		background-color:#555456;
		color:#fff;
	}
	
	#content div.repair_title_wrapper .repair_title h2{
		font-weight:bold;
		font-size:140%;
		line-height:2em;
	}
	#content div.repair_title_wrapper .repair_text{
		width:58%;
		display:table-cell;
		vertical-align:middle;
		padding-left:2%;
	}
@media only screen and (max-width: 767px){
#content div.repair_title_wrapper{
	height:auto;
	margin:5px auto;
	display:block;
}
#content div.repair_title_wrapper .repair_title{
	width:100%;
	display:table;
}
#content div.repair_title_wrapper .repair_title h2{
	display:table-cell;
	vertical-align:middle;
}
#content div.repair_title_wrapper .repair_title .repaire_sp_img img{
	vertical-align:middle;
}
#content div.repair_title_wrapper .repair_text{
	width:auto;
	display:block;
	padding:5px;
}
}
/*------------------------------charge-----*/

#content table.product_table{
	border:#CCC 8px solid;
	width:96%;
	margin:0 auto 20px;
	background:#fff;
	border-collapse: collapse;
}

	#content table.product_table th,td{
		padding:10px;
		border:#CCC 3px solid;
	}
	
	#content table.product_table thead th{
		background:#c00;
		color:#fff;
		font-weight: bold;
		text-align:center;
		vertical-align:middle;
		width:33.33%
	}
	
		#content table.product_table th.small{
			width:25%;
		}

	#content table.product_table th.gry_cell{
		background:#f5f5f5;
	}
		
	#content table.product_table td.charge_cell,.size_cell{
		text-align:center;
	}
	#content table.product_table tbody td span{
		display:none;
	}

@media only screen and (max-width: 767px){
	/*#content table.product_table{
		border:#CCC 2px solid;
		width:100%;
		margin:0 auto 20px;
		border-collapse: collapse;
	}
		#content table.product_table th,td{
			padding:4px;
			border:#CCC 2px solid;
	}*/

	#content table.product_table{
		display: block;
		border:none;
	}
		#content table.product_table thead{
			display: none;
		}
		#content table.product_table tbody{
			display: block;
		}
			#content table.product_table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#content table.product_table tbody th,
			#content table.product_table tbody td{
				display: list-item;
				border: none;
			}
			#content table.product_table tbody th.gry_cell{
				margin-bottom: 5px;
				list-style-type: none;
				text-align:left;
				background:#666;
				color:#FFF;
			}
			#content table.product_table tbody td{
				margin-left: 20px;
				padding: 0;
				list-style-type: none;
			}

			#content table.product_table tbody td.charge_cell,.hosoku_cell,.size_cell{
				text-align:left;
				line-height:1.75;
			}
			#content table.product_table tbody td.text-center{
				text-align:left;
			}
			#content table.product_table tbody td.charge_cell:before { content: "修理概算料金（税込）："; font-weight:bold; }
			#content table.product_table tbody td.hosoku_cell:before { content: "補足："; font-weight:bold; }
			#content table.product_table tbody td.size_cell:before { content: "画面サイズ："; font-weight:bold; }


}

.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: left; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
	
#content a.north{
	color:#005e8c;
	cursor:pointer;
}

#content div.btn_gry_row{
	margin-bottom:30px;
}

#content div.btn_gry_wrap{
	margin:20px auto 0;
	width:46%;
}
.btn_gry_wrap p.border{
	border-bottom:2px solid #555456;
	padding:10px 0 20px;
}
#content div.btn_gry{
	background:#fff;
	color:#333;
	height:70px;
	border-radius:6px;
	padding:8px;
	box-shadow: 0 0 8px #c9caca;
	border:2px solid #c9caca;
	margin-bottom: 5px;
	display:table;
	vertical-align:middle;
}
	#content div.btn_gry img{
		display:table-cell;
		vertical-align:middle;
	}
	
	#content div.btn_gry p{
		display:table-cell;
		vertical-align:middle;
		font-size:125%;
		width:100%;
		font-weight:bold;
	}
		#content div.btn_gry p.center{
			text-align:center;
		}

	#content div.btn_gry p span{
		font-size:0.85em;
		font-weight:normal;
	}
	

#content p.icn_blank{
	background:url(../images/icon_blank.gif) no-repeat right top;
}

@media only screen and (max-width: 767px){
	#content div.btn_gry_row{
	margin-right:auto;
}	

	#content div.btn_gry_wrap{
		float:none;
		width:100%;
	}
	#content div.btn_gry{
		border:1px solid #c9caca;
	}
	#content div.btn_gry p{
		font-size:115%;
	}
	#content div.btn_gry p span{
		font-size:0.7em;
	}

}

/*---------------------margin----*/
#content .mb_80px{
	margin-bottom:80px;
}
#content .mb_50px{
	margin-bottom:50px;
}
#content .mb_30px{
	margin-bottom:30px;
}
#content .mb_20px{
	margin-bottom:20px;
}
#content .mb_15px{
	margin-bottom:15px;
}
#content .mb_10px{
	margin-bottom:10px;
}
.mt_30px{
	margin-top:30px;
}
/*---------------------padding----*/
#content .pd{padding-right:2%;}
.pd_20px{padding:0 20px;}
@media only screen and (max-width: 767px){
.pd_20px{padding:0;}
}
/*---------------------border----*/
.bd_top{border-top:1px solid #c9caca;}
/*---------------------text------*/
#content div.text_row{margin-right:-4%;	margin-bottom:15px;}
#content .text_w{width:46%;margin-right:4%;float:left;box-sizing:border-box;}
#content .text-center{text-align:center;}

@media only screen and (max-width: 767px){
	#content div.text_row{
	margin-right:0;
	margin-bottom:15px;
}
	
	#content .text_w{
		width:100%;
	}
}
#content .content_area{
	padding:30px 0;
}
#content .content_left60{
	float:left;
	width:60%;
}
#content .content_left{
	float:left;
	width:48%;
}
#content .content_right30{
	float:right;
	width:30%;
}
#content .content_right{
	float:right;
	width:48%;
}

#content .white_btn{
	width:100%;
	height:70px;
	border:2px solid #c9caca;
	text-align:center;
	box-shadow: 0 0 8px #c9caca;
	border-radius:6px;
	display: table;
	vertical-align: middle;
	color:#333;
	position:relative;
}
#content .white_btn:before{
	content: '';
	position: absolute;
	left: 8%;
	top: 28px;
	font-size: 0px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 9px solid #d00c0b;
}
#content .white_btn:hover{
	opacity:0.75;
}
#content .white_btn p{
	display: table-cell;
	vertical-align: middle;
	font-size: 125%;
	width: 100%;
	font-weight: bold;
}
#content .white_btn p span{
	font-size: 0.85em;
	font-weight: normal;
}
.contents{
	margin-top:20px;
}
.contents a:hover{
	opacity:0.75;
}
.contents .left_area,
.contents .center_area,
.contents .right_area{
	width:32%;
	display:inline-block;
}
.contents .left_area{
	float:left;
}
.contents .center_area{
	margin:0 2%;
}
.contents .right_area{
	float:right;
}
.contents .left_area:hover,
.contents .center_area:hover,
.contents .right_area:hover{
	opacity:0.9;
}
.mg_20px{
	margin-bottom:20px;
}
.support_info{
	text-align:center;
}
.support_info .submenu_button01,
.support_info .submenu_button02,
.support_info .submenu_button04,
.support_info .submenu_button05,
.support_info .submenu_button07{
	width:20%;
	margin-right:5%;
}
.support_info a:last-child div{
	margin-right:0;
}

.support_info .submenu_text_dl:before{
	left:26%;
}
.support_info .submenu_text_dl:after{
	left:44%;
}
.support_info a{
	color:#333;
	text-decoration:none;
}
@media only screen and (max-width: 767px){
#content .content_600{
	width:auto;
	margin:20px 0;
}
#content .content_600 ul{
	padding:0 20px;
}
#content .content_left60,
#content .content_right30,
#content .content_left,
#content .content_right{
	float:none;
	width:100%;
	margin:0 auto;
}
#content .content_right30{
	margin-top:10px;
}
#content .content_right{
	margin-top:20px;
}
.contents .left_area,
.contents .center_area,
.contents .right_area{
	width:100%;
	float:none;
	margin:0;
}
.contents .left_area .btn_gry,
.contents .center_area .btn_gry,
.contents .right_area .btn_gry{
	padding:0 !important;
}
.contents .left_area .btn_gry p,
.contents .center_area .btn_gry p,
.contents .right_area .btn_gry p{
	padding:20px 0 20px 10%;
	font-size:100% !important;
}
.support_info .submenu_button01,
.support_info .submenu_button02,
.support_info .submenu_button04,
.support_info .submenu_button05,
.support_info .submenu_button07{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:5px;
}
.support_info .submenu_text_dl:before{
	left:2%;
	top:5px;
}
.support_info .submenu_text_dl:after{
	left:auto;
	top:22px;
}
}
/*-----------header_scroll-----------*/
.fixed{position: fixed;top: 0;left: 0;margin-top:0 !important;z-index:99;}
.fixed_only {display:none;}

@media only screen and (max-width: 767px){
.fixed .fixed_only{display:block;}
.fixed ul.menu_list li{font-size:89% !important;width:33.3% !important;height:50px !important;border-bottom:none !important;border-left:1px solid #fff !important;text-align:center !important;}
.fixed ul.menu_list li a {padding:0 !important;}
.fixed ul.menu_list li.menu01{float:left !important;border-left:none !important;}
.fixed ul.menu_list li.menu02{float:left !important;}
.fixed ul.menu_list li.menu03{float:right !important;}
.fixed ul.menu_list li.menu01 span{position:absolute;top:10px;padding-left:3px !important;}
.fixed ul.menu_list li.menu02 span,
.fixed ul.menu_list li.menu03 span{position:absolute;top:10px;padding-left:2px !important;}
.fixed ul.menu_list li.menu03 span{top:18px;}
.fixed ul.menu_list li.menu01:after,
.fixed ul.menu_list li.menu02:after,
.fixed ul.menu_list li.menu03:after,
.fixed ul.menu_list li.menu01 span:before,
.fixed ul.menu_list li.menu02 span:before,
.fixed ul.menu_list li.menu03 span:before{content:none !important;}
}
/*------ pagetop ------*/
/* .pagetop{position: fixed;bottom: 0;width: 100%;z-index: 100;}
.pagetop .container{position: relative;max-width: 1084px;margin: 0 auto;}
.pagetop a{position:absolute;right:0;bottom:0;width:50px;height:50px;background-color:#d00c0b;}
.pagetop a:hover{opacity:0.8;}
.pagetop.is-absoluted {
	position: absolute;
	bottom: 0;
} */
.pagetop {
	visibility: visible;
	opacity: 1;
	position: fixed;
	z-index: 999;
	right: 24px;
	bottom: 24px;
	cursor: pointer;
	transition: opacity 0.3s, visibility 0.3s, background 0.3s;
	background: #c00;
	font-size: 0;
  }
  @media (max-width: 767.98px) {
	.pagetop {
	  opacity: 0.6;
	  right: 3.2vw;
	  bottom: 3.2vw;
	}
  }
  .pagetop img {
	width: 50px;
	transition: all 0.3s;
	-webkit-transform: translateY(0px);
			transform: translateY(0px);
  }
  @media (max-width: 767.98px) {
	.pagetop img {
	  width: 10.6666666667vw;
	  height: auto;
	}
  }
  .pagetop:hover {
	background: #d11919;
  }
@media print, screen and (min-width: 768px) {
  .pagetop:hover img {
	-webkit-transform: translateY(-4px);
			transform: translateY(-4px);
  }
}
.v0006__container {
	position: relative;
}

@media only screen and (max-width: 767px){
.pagetop .container{max-width:100%;}
}

.sh-nav__item>a {
	padding:9px 2px 9px;
}

@media only screen and (max-width: 767.98px){
	#module_titleArea {
    	max-width: none;
    	min-height: 0;
    	padding: 0;
    	margin: 0 auto 0 0;
	}
}

@media print, screen and (min-width: 768px) {
	#v0006 {
		height: auto;
	}
	/* パンくずリストの幅調整 */
	.breadcrumb-list {
		max-width: 954px !important;
		padding: 10px 13px 27px;
	}
	.breadcrumb-list a {
		font-size: 12px;
		text-decoration: none;
	}
	.breadcrumb-list a:hover {
		text-decoration: underline;
	}
}

.site-header {
	border-bottom: none;
}
.sh-name a {
	color: #333;
}
.sh-name a:hover {
	text-decoration: none;
}

@media only screen and (min-width: 768px){
	main *, ::after, ::before {
		box-sizing: inherit;
	}
}