@charset "utf-8";
/* 修理コンテンツで使用 */

/* レイアウト全般 */
h2 {
	color: #FFF;
	font-weight: bold;
	background-color: #69C;
	border: #666;
	padding: 0 5px
}
.cont_title {
	color: #111;
	background-color: #FFF;
	border-bottom: dotted #000000 1px;
	padding: 0
}
/*ボタンレイアウト*/
.tips h4 {
	font-weight: bold
}
.app {
	width: 94%;
	margin: 0 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto
}
.app1 {
	width: 47%;
	margin: 0 10px
}
.app2 {
	width: 50%;
	text-align: center;
	margin-left: auto;
	margin-right: auto
}
.app a, .app1 a, .app2 a {
	text-decoration: none;
	display: block
}
/*ボタンデザインと配置*/
.repair1, .repair2, .repair3 {
	height: 40px;
	padding: 15px 4px 0 4px;
	margin-bottom: 20px;
	text-align: center;
	background: linear-gradient(#F0F0F0, #DDD);
	border: #999 solid 1px;
	border-radius: 10px;
	color: #333;
	font-weight: bold
}
.repair1 {
	width: 47%;
	float: left
}
.repair2 {
	width: 47%;
	float: right
}
.repair3 {
	width: auto
}
/*ボタン内テキスト2行*/
.repair4 {
	height: 60px
}
/* ボタンマウスオーバー時に半透明 */	
.app a:hover .repair1, .app a:hover .repair2, .app1 a:hover .repair3, a:hover .repair_important, .RepairMenu_btn:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70)
}
a .repair_important {
	display: block
}
/* 修理手順コンテンツで使用 */
.arrow {
	margin: 10px
}
.arrow3 {
	margin-right: 5px
}
.customer {
	font-weight: bold
}
.oly {
	font-weight: bold;
	color: #08107b
}
/*手順のリスト*/
.procedure {
	padding: 0 20px
}
.procedure dl {
	width: 98%;
	margin-bottom: 30px;
	margin-left: -5px
}
.procedure dt {
	float: left;
	padding-left: 0
}
.procedure dd {
	width: 100%;
	padding-left: 5%;
	margin-left: 0
}
/*手順のリストここまで*/
/* 修理手順コンテンツここまで */

/* 右カラムの修理関連メニュー */
.repair_menu {
	width: 158px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border: 1px solid;
	border-color: #999;
	border-radius: 5px
}
.repair_title {
	width: auto;
	font-weight: bold;
	text-align: center;
	background: #CCC;
	padding: 5px
}
.repair_menu ul {
	width: auto;
	text-align: left;
	margin-left: 5px;
	padding: 5px 0
}
.repair_menu ul img {
	margin-right: 2px
}
.repair_menu ul a:hover {
	text-decoration: underline
}
.repair_menu ul li .sub_menu {
	margin-left: 10px
}
/*リスト内noteのレイアウト*/
.ListNote {
	margin: 15px 0;
	width: auto
}
/* メイン内プレミアムサービスのバナー */
.main .bn_img {
	width: 94%;
	margin-left: auto;
	margin-right: auto
}
.main .bn_img img {
	margin-right: 2%
}
/*コンテンツ内のリスト*/
.sp_banner ul {
	margin-left: -25px;
}
.sp_banner li {
	list-style-type: none
}

/*よくあるご質問の開閉*/
.repairQ1_btn, .repairQ2_btn, .repairQ3_btn, .repairQ4_btn, .repairQ5_btn, .repairQ6_btn, .repairQ7_btn, .repairQ8_btn, .repairQ9_btn, .repairQ10_btn, .repairQ11_btn, .repairQ12_btn, .repairQ13_btn{
	display: table;
	position: relative;
	margin: 0 0 20px 5px;
	cursor: pointer
}
.repairQ1_btn:hover, .repairQ2_btn:hover, .repairQ3_btn:hover, .repairQ4_btn:hover, .repairQ5_btn:hover, .repairQ6_btn:hover, .repairQ7_btn:hover, .repairQ8_btn:hover, .repairQ9_btn:hover, .repairQ10_btn:hover, .repairQ11_btn:hover, .repairQ12_btn:hover, .repairQ13_btn:hover {
	color: #1111cc
}
.repairQ1, .repairQ2, .repairQ3, .repairQ4, .repairQ5, .repairQ6, .repairQ7, .repairQ8, .repairQ9, .repairQ10, .repairQ11, .repairQ12, .repairQ13 {
	display: none
}
/*修正*/
.repQA_content{
	margin:0
}

.repQA_content dt{
	float:left;
	font-weight:bold;
	margin-left:2%
}
.repQA_content dd{
	float:right;
	width:98%;
	margin-left:5%;
	margin-bottom:20px
}
.repQA_content ul li{
	margin:0 0 10px -20px
}
/*注意書き枠欄*/
.caution_double {
    width: 92%;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    border: 5px double #F00;
    border-radius: 10px
}
.caution_dotted {
    width: 90%;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    border: 3px dotted #F00;
    border-radius: 10px
}
/*保証体系説明関連の調整*/
.come_list01 li {
	list-style: none;
	padding-left: 23px;
	font-size: 12px;
	text-indent: -20px;
	margin: 0 0 10px 20px;
	width: 97%;
	line-height: 15px;
}
.list_none {
	list-style: none;
}
.atore {
	color: #6495ED;
	margin: 0px 0px 5px -5px;
}
.hstd {
    background-color: #EAEEF5;
}


/*テキスト位置調整*/
.indented-text {
    text-indent: -1.5em; /* -1.5文字分のインデント */
}

/*↓↓↓レスポンシブ対応↓↓↓*/
/*★★★★★横幅が最小で930px時★★★★★*/
@media (min-width:930px) {
/*メインエリア重要なお知らせと修理関連メニュー非表示*/
.RepairMenu_btn, .repair_area, .RepairMenu, .app2 {
	display: none
}
.procedure {
	margin-top: 0;
	line-height: 1.7em;
	font-size: 18px
}
/*コンテンツ内の右バナーは非表示*/
.sp_banner {
	display: none !important
}
}
/*★★★★★横幅が最小で768px時★★★★★*/
@media (min-width:768px) {
/*メインエリア重要なお知らせと修理関連メニュー非表示*/
.RepairMenu_btn, .repair_area, .RepairMenu, .app2 {
	display: none
}
.procedure {
	margin-top: 0;
	line-height: 1.5em;
	font-size: 16px
}
/*右のバナーは非表示*/
.sp_banner {
	display: none !important
}
}

/*★★★★★横幅が600px～767px時★★★★★*/
@media (min-width:600px) and (max-width:767px) {
/*メインエリア重要なお知らせと修理関連メニュー非表示*/
.repair_area {
	display: none
}
/*メインエリア重要なお知らせ*/
.repair_important {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	font-weight: bold;
	border: #CCC 1px solid;
	background: linear-gradient(#FFFFFF, #F0F0F0);
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	cursor: pointer;
	width: 50%;
	height: auto;
	width: auto
}
a .repair_important {
	color: #333
}
a:hover .repair_important {
	text-decoration: none
}
.repair_important img {
	margin-right: 5px
}
/* メインエリア修理関連メニュー */
.procedure {
	margin-top: 0;
	line-height: 1.3em;
	font-size: 16px
}
.RepairMenu {
	width: auto;
	margin: 0 5px 15px 5px;
	padding: 0;
	border: 1px solid;
	border-color: #CCC;
	border-radius: 0 0 5px 5px;
	background: #F3F3F3
}
.RepairMenu ul {
	width: auto;
	text-align: left;
	padding: 5px 0;
	margin: 10px 0 0 10px
}
.RepairMenu ul li {
	list-style-type: none;
}
.RepairMenu ul img {
	margin-right: 2px
}
.RepairMenu ul a:hover {
	text-decoration: underline
}
.RepairMenu ul li .sub_menu {
	margin: 0 0 5px 10px
}
.RepairMenu ul li ul {
	margin: 0 0 0 10px
}
.RepairMenu ul li ul li ul {
	margin: 0 0 0 10px
}
.RepairMenu_btn {
	width: auto;
	margin: 0 5px 0 5px;
	padding: 10px 0 10px 5px;
	background: #CCC;
	font-weight: bold;
	background: linear-gradient(#cccccc, #e2e2e2);
	border: #999 solid 1px;
	cursor: pointer
}
/*折り畳み修理関連メニュー下のスペース*/
.RepairMenu_space {
	margin-top: 15px
}
/*右のバナーはタブレット時は非表示*/
.pc {
	display: none !important
}
}

/*★★★★★横幅が最大で599px時★★★★★*/
@media (max-width:599px) {
.app, .app1 {
	width: 75%;
	margin-left: auto;
	margin-right: auto
}
.repair1, .repair2, .repair3 {
	width: auto;
	height: 25px;
	padding: 5px;
	border-radius: 5px;
}
.repair1, .repair2 {
	float: none
}
/*ボタン内テキスト行が増える場合の対応*/
.repair1, .repair2, .repair3, .repair_important {
	height: auto
}
.arrow {
	text-align: center;
	margin: 5px
}
/*バナー*/
.banner {
	border-top: dotted 1px #999999;
	margin: 10px 5px;
	padding-top: 5px
}
/*メインエリア重要なお知らせ*/
.repair_important {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-weight: bold;
	border: #CCC 1px solid;
	background: linear-gradient(#FFFFFF, #F0F0F0);
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	width: auto;
}
a .repair_important {
	color: #333
}
a:hover .repair_important {
	text-decoration: none
}
.repair_important img {
	margin-right: 5px
}
/* メインエリア修理関連メニュー */
.repair_area {
	display: none
}
.RepairMenu {
	width: auto;
	margin: 0 5px 10px 5px;
	border: 1px solid;
	border-color: #CCC;
	border-radius: 0 0 5px 5px;
	background: #F3F3F3
}
.RepairMenu ul {
	width: auto;
	margin: 10px 0 0 10px;
	text-align: left;
	padding: 5px 0
}
.RepairMenu ul li {
	list-style-type: none
}
.RepairMenu_btn {
	width: auto;
	margin: 0 5px 0 5px;
	padding: 5px 0 5px 5px;
	background: #CCC;
	font-weight: bold;
	background: linear-gradient(#cccccc, #e2e2e2);
	border: #999 solid 1px;
	cursor: pointer
}
.RepairMenu ul img {
	margin-right: 2px
}
.RepairMenu ul a:hover {
	text-decoration: underline
}
.RepairMenu ul li .sub_menu {
	margin: 0 0 5px 10px
}
.RepairMenu ul li ul {
	margin: 0 0 0 5px
}
.RepairMenu ul li ul li ul {
	margin: 0 0 0 5px
}
/*折り畳み修理関連メニュー下のスペース*/
.RepairMenu_space {
	margin-top: 10px
}
/* 修理手順コンテンツで使用 */
.arrow {
	margin: 5px
}
.arrow3 {
	margin-right: 3px
}
.customer {
	font-weight: bold
}
/*手順のリスト*/
.procedure {
	margin-top: 0;
	padding: 0 10px;
	line-height: 1.3em;
	font-size: 14px
}
.procedure dl {
	width: 95%;
	margin-bottom: 20px;
	margin-left: 0
}
.procedure dt {
	float: left;
	padding: 0
}
.procedure dd {
	width: 98%;
	padding-left: 7%
}
/*手順のリストここまで*/
/* 修理手順コンテンツここまで */

/*リスト内noteのレイアウト*/
.ListNote {
	margin: 10px 0
}

/*よくあるご質問の開閉*/
.content ul li{
	margin:0 0 5px -20px
}
}