@charset "shift_jis";
/*=======================================スタイルリセット=======================================*/
    /* 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 {
	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 .smp_none{
    display: none !important;
}

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

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

	body{
		background-color: #fff;
		margin: 0;
	}

	/*■■基本CSS■■*/
	#kaden_hosho{
		width: 100%;
		font-size: 3vw;
        font-family: "Noto Sans JP", "Jost", sans-serif;
        font-weight: 400;
		letter-spacing: 0.1vw;
        line-height: 1.8em;
		color: #222222;
		background-color: #ffffff;
		margin: 0 auto;
		box-shadow: 0 0 3px #ffffff;
	}

	#kaden_hosho .anshin {
		width: 100%;
		margin: 0 auto;
		color: #333;
		padding: 0 2%;
		background-color: #ffffff;
	}

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

	#kaden_hosho .anshin img{
		width:100%;
	}

	#kaden_hosho .anshin h1{
		margin: 0 auto 2vw;
	}
	/*■■追加CSS■■*/

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

	/*太文字にするとき*/
	#kaden_hosho .anshin .text1{
		font-size: 3.8vw;
		text-align: center;
		font-weight: 600;
		margin-top: 2%;
	}

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

	#kaden_hosho .anshin .text_3{
		margin: 2vw auto 0;
        font-size: 3.5vw;
	}

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

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

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

	}

	/*通常のテキスト*/
	#kaden_hosho .anshin p{
        font-size: 3.6vw;
        text-align: left;
		font-weight: 600;
		margin: 0 auto 3vw;
	}
	
	/*リンクがあるとき*/
	#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 {
		background: linear-gradient(270deg, rgba(37, 58, 75, 1) 0%, rgba(81, 125, 160, 1) 100%);
		padding: 2% 0 2% 1%;
		font-size: 4.5vw;
		font-weight: bold;
		color: #fff;
		clear: both;
        margin-top: 5%;
        margin-bottom: 3%;
	}


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

	/*見出し 対象商品*/
	#kaden_hosho .anshin .table_ti{
		width: 15%;
		border: 1px solid #ccc;
		background-color: #F0F0F0;
		text-align: center;
		font-size: 3vw;
		font-weight: bold;
	}

	/*対象商品の箱枠*/
	#kaden_hosho .anshin .table2{
		border:1px solid #ccc;
		padding: 1%;
		font-size: 113%;
		line-height: 2em;
	}
	#kaden_hosho .anshin .table2 p{
		font-size: 4vw;
		margin-bottom: 0;
	}
	#kaden_hosho .anshin table{
		margin-bottom: 2vw;
	}

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

	#kaden_hosho .anshin .attention {
		background-color: #f6eee3;
		margin-top: 2vw;
		box-sizing: border-box;
		padding: 3vw;
		font-size: 3.5vw;
        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;
		box-sizing: border-box;
		padding: 2vw;
        margin: 2vw auto 3vw;
        font-size: 3.5vw;
		font-weight: 600;
}

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

	/*==▼注意事項▼==*/

	#kaden_hosho .anshin .attention2 {
		font-size: 87%;
		text-align: left;
	}


	#kaden_hosho .anshin .chui_jiko{
		font-size: 4vw;
		margin-bottom: 2vw !important;
	}


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

	#kaden_hosho .foot a {
        color: #1b1b1b;
        font-size: 4vw;
    }

/*pagetop*/
#kaden_hosho .pagetop {
	position: fixed;
	bottom: 3%;
	right: 5px;
	z-index: 9999;
	
}
#kaden_hosho .pagetop a {
    display: table;
	width: 70px;
	height: 70px;
}

#kaden_hosho .pagetop a span {
	display: table-cell;
    text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 3vw;
	line-height: 1;
	background-color: #3a3a3ad2;
	border-radius: 80px;
    line-height: 1.3em;
	
}