@charset "utf-8";
/* CSS Document */

.section-inner{max-width: 1200px;margin: auto;padding: 40px;}
@media screen and (max-width:1200px){.section-inner{padding: 40px 20px;}}

h1 .title{border-bottom: solid 1px;display: inline-block;}
h1 .ja{display: block;font-size: 14px;letter-spacing:1px;margin-top: 10px;opacity: .9;}

@media screen and (max-width:640px){
.section-inner{padding: 20px;}
h1 .title{font-size: 30px;}
.gheader h1{ display: block; 	height:30px!important;}
.logo_area{
	height:55px!important;
	padding:10px 4%;
 display: block!important;
}
.shop_nav_area{
	position:relative;
	height:42px;
 width: 100%!important;
}
.gfooter { width: 100%!important;}
}

/* 　warrranty
******************************************/
.warranty{background-image: url(/wp/img/guarantee/warranty/warranty_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;box-shadow:1nset 1px 1px 3px 0 rgba(0,0,0,.3);}
.warranty h1 {margin-bottom: 30px;}
.warranty-all {display: flex;flex-wrap: wrap;}
.warranty-single{background: rgba(255,255,255,.95);box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);
padding: 10px;color: #111;font-size: 80%;line-height: 1.6;text-align: center;}
.warranty-single.title i{font-size: 500%;color: #00a0ea;margin-right: 0;margin-top: 20px;}
.warranty-single.title .desc{text-align: center;font-size: 130%;}
.warranty-single.title .num{font-size: 230%;color: #fd3484;line-height: 1;}
.warranty-single.title .service-name{font-size: 300%;color: #00a0ea; line-height: 1; margin: 20px 0;}
.warranty-single h2{color: #00a0ea;position: relative;}
.warranty-single h2 .number{position: relative;display: inline-block;background: #00a0ea;color: #fff;
font-size: 2vw;top: -10px;padding: 5px 10px;max-width: 15%;}
.warranty-single h2 .text{width: 80%;float: right;display: block;padding: 0 5px;text-align: left;}
.warranty-single img{max-width: 200px;margin-top: -20px;}
.warranty-single .desc{padding: 0 10px  ;text-align: left;}
.warranty-single img.ic {width: 60px; margin: 15px auto 10px;}
.warranty .btn { text-align: center; }

.warranty-btn { text-align: center; }
/*.warranty-btn .btn { border-radius: 15px;}*/
.warranty-btn .btn-green{color: #006835;
background: #FFF000;
border-radius: 25px; padding: 10px 30px; margin-top: 15px;}
.btn-green:hover,
.btn-green:active,
.btn-green:focus{color: #006835;background: #fff;text-shadow:none;}

.onlysp{display: none;}
.onlypc{display: block;}

@media screen and (min-width:641px){
.warranty{background-attachment: fixed;}
}
@media screen and (max-width:480px){
.warranty .warranty-single{width: 100%;float: none;padding: 15px;font-size: 100%;
margin-left: 0 !important;margin-bottom: 10px}
.warranty h1 {margin-bottom: 15px;}
.warranty-single h2 { margin-bottom: 0!important;}
.warranty-single h2 .number{font-size: 200%;top: -20px;}
.warranty-single h2 .text{font-size: 18px;}
.warranty-single.title .service-name{font-size: 220%; margin: 20px 0;}
.warranty-single .desc{font-size: 12px;}
.onlysp{display: block;}
.onlypc{display: none;}
}

/* guarantee
***************************/

.lower-body{max-width: 1200px;margin: auto;}
h1.guarantee-title  { color: #00a0ea; line-height: 1.4; margin-bottom:20px;}
h1.guarantee-title .title-small { font-size: 65%; padding-right: 5px;}
h1.guarantee-title img{ width: 1122px!important; margin: auto;}
.guarantee h2 { color: #00a0ea;margin-bottom: 20px;text-align: center;}
.guarantee {font-weight: bold; font-size: 130%;color: #101010; line-height: 1.4;}

.guarantee ul { border: 1px solid #00a0ea; margin-bottom: 40px; border-radius: 8px; padding: 15px;} 
.guarantee ul li { list-style-type: circle; padding: 5px 0; margin-left: 25px;} 

.guarantee ul .price { font-size: 120%;color: #00a0ea; padding-right: 15px;}
.guarantee .green {color: #026835; }

.guarantee .plan-name{font-size: 30px;border-bottom: solid 1px #00a0ea;padding-bottom: 10px;}
.guarantee .plan-name .new{background: #fd3484;color: #fff;display: inline-block;font-size: 16px;padding: 5px 10px;vertical-align: middle;margin-right: 10px;}
.guarantee .gold{color: #fd3484;}
.guarantee .per{font-size: 24px;line-height: 1;}
.guarantee .list-plan .gold{font-size: 20px;display: inline-block;margin: 0 3px;}
.guarantee .come{font-weight: bold;background: #fd3484;padding: 5px 15px;color: #fff;border-radius:30px;display: inline-block;margin-left: 10px;}

.guarantee .plan-catch { text-align: center; font-size: 20px; line-height: 1.6; color: #000; margin: 30px 0;background: #ddf4ff;border-radius:10px;padding: 20px;}

.guarantee .lower-box .left { width: 36%!important;}
.guarantee .lower-box .right { width: 60%!important;}

.guarantee .warranty h1{color: #fff;text-align: center;font-size: 24px;}

.guarantee.table{background: #f6f6f6;}
.table-guarantee{table-layout: fixed;clear: both;text-align: center;}
.table-guarantee thead tr{background: #00a0ea; color: #fff; border-right: 1px solid  #32b5f2;}
.table-guarantee thead th{border-right: 1px solid  #00a0ea; border-bottom: 1px solid  #32b5f2;border-top: 1px solid  #32b5f2;}
.table-guarantee th,
.table-guarantee td{padding: 7px;vertical-align: middle;font-size: 14px;}
.table-guarantee td.cell-title{width: 10%;text-align: center;font-weight: bold;font-size: 16px;background: #def5ff;color: #00a0ea;}
.table-guarantee .cell-img .title {display: none;font-weight: bold;font-family:sans-serif;font-size: 10px;border-bottom: 0;margin-bottom: 0;color: #333;text-align: center;}
.table-guarantee .cell-bonus{font-size: 24px;color: #00a0ea;background: #ffecf4;}
.table-guarantee td .come{display: block;background-color: transparent;padding: 0;color: #999;}
.table-guarantee td .gold{display: block;background: #fd3283;color: #fff;padding: 2px 10px;text-shadow:1px 1px 1px rgba(0,0,0,.2);margin-top: 5px;}

.text-small { font-size: 70%;}

.guarantee.alert{font-size: 13px;text-align: center;}
.guarantee.alert a{color: #00a0ea;text-decoration: underline;}
.guarantee strong{color: #00a0ea;}
@media screen and (max-width:1122px){
h1.guarantee-title img{ width: 100%!important; }
}
@media screen and (max-width:900px){
.guarantee .lower-body{padding: 30px 10px 10px;}
}
@media screen and (min-width:641px){
.guarantee .lower-body h2,
.guarantee .lower-body .text{width: 50%;float: right;padding: 10px;}
.guarantee .lower-body .text{padding-top: 30px;}
}
@media screen and (max-width:640px){

.guarantee .section-inner{padding:20px 0 0;}
.guarantee .plan-name{font-size: 24px;}
.guarantee .plan-name + p{font-size: 14px;text-align: center;}
.guarantee .list-plan{margin-bottom: 20px;}
.guarantee .list-plan li{display: block;padding: 20px 0;margin: 0;border-bottom: dashed 1px #ddd;text-align: center;}
.guarantee .list-plan li:last-child{border-bottom: 0;}
.guarantee .list-plan .come{display: block;text-align: center;font-size: 18px;}
.guarantee .plan-catch{font-size: 14px;margin: 15px 0;}

.lower-box{margin-top: 0;clear: both;}

h1.guarantee-title  { font-size:220%;margin-bottom:15px;}
	
.guarantee .lower-box .left { width: 80%!important; float: none; margin: 0 auto 40px;}
.guarantee .lower-box .right { width: 100%!important; float: none;}

.guarantee .warranty h1{font-size: 18px;}
	
.table-guarantee,
.table-guarantee thead,
.table-guarantee tbody,
.table-guarantee tfoot,
.table-guarantee tr,
.table-guarantee th,
.table-guarantee td{display: block;width: 100%;}

.table-guarantee thead{display: none;}
.table-guarantee tr{clear: both;border: solid 1px #ddd;margin-bottom: 20px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.table-guarantee th,
.table-guarantee td{padding: 10px;}
.table-guarantee td{ text-align: right; border-bottom: solid #dddddd 1px;}
.table-guarantee td:last-child{ border-bottom: none;}
	
.table-guarantee td.cell-title{width: 100%;text-align: center ;background: #00a0ea;border: 0;color: #fff;}
.table-guarantee td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
	color: #00a0ea;
  }
.table-guarantee .cell-bonus:before{font-size: 14px;}
.table-guarantee td .gold{display: block;text-align: center;padding: 10px;}

.guarantee.alert{padding: 0;text-align: left;}
.guarantee.alert p{font-size: 11px;}

}