@charset "utf-8";
/*=======================================スタイルリセット=======================================*/
    /* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/

#kaden_hosho *,
#kaden_hosho *::before,
#kaden_hosho *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#kaden_hosho{
    width: 100%;
	margin: 0 auto;
}

html,
body,
#kaden_hosho h1,
#kaden_hosho h2,
#kaden_hosho h3,
#kaden_hosho h4,
#kaden_hosho h5,
#kaden_hosho h6,
#kaden_hosho ul,
#kaden_hosho ol,
#kaden_hosho dl,
#kaden_hosho li,
#kaden_hosho dt,
#kaden_hosho dd,
#kaden_hosho p,
#kaden_hosho div,
#kaden_hosho span,
#kaden_hosho img,
#kaden_hosho a,
#kaden_hosho table,
#kaden_hosho tr,
#kaden_hosho th,
#kaden_hosho td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

#kaden_hosho header,
#kaden_hosho footer,
#kaden_hosho nav,
#kaden_hosho section,
#kaden_hosho article,
#kaden_hosho main,
#kaden_hosho aside,
#kaden_hosho figure,
#kaden_hosho figcaption {
    display: block;
}

#kaden_hosho ol,
#kaden_hosho ul,
#kaden_hosho li {
    list-style: none;
    list-style-type: none;
}

#kaden_hosho img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

#kaden_hosho a {
    color: inherit;
    text-decoration: none;
    transition: 0.2s;
}

#kaden_hosho a:hover {
    opacity: 0.5;
}

#kaden_hosho .no,
#kaden_hosho .pc_none{
    display: none !important;
}

/*価格プロ 税込削除*/
#kaden_hosho div.prices span > span > span {
    display: none;
}

/* ここから追加
================================ */
/* ベース */

	/*■■基本CSS■■*/
	body{
		background-color: #ffffff;
		margin: 0;
	}
	#kaden_hosho{
		width: 980px;
		margin: 0 auto;
		background-color: #ffffff;
		/* padding: 20px 0; */
		box-shadow: 0 0 20px #fff;
        font-family: "Noto Sans JP", "Jost", sans-serif;
        font-weight: 400;
		letter-spacing: 0.04em;
		line-height: 1.5;
		color: #222222;
		background-color: #ffffff;

	}
	#kaden_hosho .anshin {
        width: 980px;
		margin:0 auto;
		color: #333;
		background-color: #fff;
		}

	#kaden_hosho .anshin ul,li{
		margin: 0px auto ;
		padding: 0px;
		list-style: none;
	}

	#kaden_hosho .anshin img{
		width:100%;
	}
	#kaden_hosho .anshin h1{
		margin-top: 0;
	}

	/*■■追加CSS■■*/

	div#kaden_hosho .anshin img{vertical-align:bottom; border:none}
	div#kaden_hosho .anshin{
		font-size:15px;
	}


	/*==▼テキストとか▼==*/

	/*太文字にするとき*/
	#kaden_hosho .anshin .text1{
		font-size: 21px;
		text-align: center;
		font-weight: bold;
		margin: 2% auto;
	}

	#kaden_hosho .anshin .text2{
		font-size: 21px;
		text-align:left;
		font-weight: bold;
	}

	#kaden_hosho .anshin .text_3{
        margin: 0 auto;
        font-size: 15px;
	}

	#kaden_hosho .anshin .text_3.hokan{
		margin: 1% auto 0;
        font-size: 20px;
	}

	/*太字ピンクの時*/
	#kaden_hosho .anshin span.strong{
		font-weight:bold;
		color:#ff0038;
	}


	/*小文字の時*/
	#kaden_hosho .anshin span.small{
		font-size: 11px;

	}

	/*通常のテキスト*/
	#kaden_hosho .anshin p{
		font-size: 16px;
		text-align: left;
		font-weight: 600;
		margin: 1% auto;
	}


	/*リンクがあるとき*/
	#kaden_hosho .anshin a:link    { color: #0099FF;}
	#kaden_hosho .anshin a:visited { color: #0099FF;}
	#kaden_hosho .anshin a:hover   { color: #FF6699; }
	#kaden_hosho .anshin a:active  { color: #0099FF; }


	/*==▼見出しとか▼==*/
	#kaden_hosho .anshin h3 {
		margin: 0 auto;
        padding: 7px 0 7px 7px;
		margin-top: 30px;
		font-size: 20px;
		color: #fff;
		box-sizing: border-box;
		background: rgb(37, 58, 75);
		background: linear-gradient(270deg, rgba(37, 58, 75, 1) 0%, rgba(81, 125, 160, 1) 100%);
	}

	/*==▼対象商品のtable▼==*/

	/*見出し 対象商品*/
	#kaden_hosho .anshin .table_ti{
		width:70px;
		border:1px solid #ccc;
		padding:10px;
		background-color: #F0F0F0; 
	}

	/*対象商品の箱枠*/
	#kaden_hosho .anshin .table2{
		border-top:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:10px;
	}

	/*==▼保障内容▼==*/

	#kaden_hosho .anshin .attention {
		background-color: #f6eee3;
		padding: 12px 0 12px 15px;
		text-align: left;
		font-size: 15px;
		font-weight: 500;
	}

	
	#anshin .attention li, #anshin .attention3 li {
		display: flex;
	}

	#anshin .attention2 li:nth-child(1) span {
		font-weight: bold;
		color: #b10e1b;
	}

	#anshin .attention li, #anshin .attention2 li:nth-child(1) span {
		font-size: 3.5vw;
	}

	#anshin .attention li::before {
		content: "※";
		margin-right: 3px;
	}

	/*==▼修理のご連絡▼==*/

	/*箱枠*/
	#kaden_hosho .anshin .renraku_list {
		background-color: #f6eee3;
		padding: 10px 0 10px 15px;
		text-align: left;
		font-size: 15px;
		margin-bottom: 15px;
		font-weight: 500;
	}

	#kaden_hosho .anshin .renraku_list h4 {
		color: #333;
		border-bottom: 1px solid;
		margin-bottom: 1%;
		padding-bottom: 1%;
		font-size: 20px;
		font-weight: bold;
	}


	/*フッター*/
	#kaden_hosho .foot{
		background: #fff;
        padding: 2% 0;
        text-align: center;
        color: #1b1b1b;
		font-weight: 600;
    }

	#kaden_hosho .foot a {
        color: #1b1b1b;
        font-size: 15px;
    }

	/*pagetop*/
	#kaden_hosho .pagetop {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 9999;
		opacity: 0.8;
		
	}
	#kaden_hosho .pagetop a {
		display: table;
		width: 75px;
		height: 75px;
		
		
	}
	#kaden_hosho .pagetop a span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		font-size: 12px;
		line-height: 1;
		background-color: #3a3a3ad2;
		border-radius: 80px;
		line-height: 1.3em;
		
	}
	#kaden_hosho .pagetop a:hover span {
		background-color: rgb(121, 121, 121);
		transform: translateY(-2px);
	}