@charset 'UTF-8';
/* ハイスぺコンタクト 2021/2 */

.wide_contents{
	width: 100%;
	
}
#highspeccontact {
	margin: 0 auto;
	font-family: 'Noto Sans JP', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #666666;
}

#highspeccontact div, #highspeccontact p, #highspeccontact span, #highspeccontact h1, #highspeccontact h2, #highspeccontact h3, #highspeccontact ul, #highspeccontact li, #highspeccontact a {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-decoration: none;
}

/* 共通タイトル */
#highspeccontact .container_title {
	position: relative;
	margin: 0 0 85px 0;
	font-size: 26px;
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.1em;
}

#highspeccontact .container_title::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -16px;
	left: 50%;
	width: 350px;
	height: 6px;
	background-color: #00CEED;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

#highspeccontact .container_title .symbol {
	margin-left: 0.1em;
	font-size: 1.2em;
	vertical-align: -0.05em;
}

/* header */
#highspeccontact .header_area {
	position: relative;
    z-index: 1;
    text-align: center;
    background: #71eaea;
}
#highspeccontact .header_area img{

}

/* 共通テキスト */
#highspeccontact .container_text {
	margin: 0 0 95px 0;
	font-size: 16px;
	line-height: 2;
	text-align: center;
	letter-spacing: 0.1em;
}

#highspeccontact .container_text p {
	margin: 2em 0;
}

/* 強調ボックス */
#highspeccontact .highlighted_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #EEEEEE;
}

#highspeccontact .highlighted_box .highlighted_content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
	padding: 0 60px;
	font-size: 16px;
	letter-spacing: 0.1em;
}

#highspeccontact .highlighted_box .highlighted_content .large {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: 0.2em;
	margin: 0 0 10px 0;
}

/* ヘッド下 */
#highspeccontact .about_container {
    margin: 70px 0 0 0;	
}

#highspeccontact .about_area {
	width: 760px;
    margin: 0 auto;
}

#highspeccontact .about_area img{
	float: left;
    margin: 44px auto;
}

#highspeccontact .about_txtzone {

}

#highspeccontact .about_area_txt {
    text-align: center;
    color: #262626;
    line-height: 2;
    letter-spacing: 2px;
    font-size: 21px;
    font-weight: bold;
}

#highspeccontact .about_area_subtxt {
    font-size: 14px;
    padding-top: 16px;
    color: #262626;
    line-height: 2.5;
    text-align: center;
    letter-spacing: 1.5px;
}

#highspeccontact .about_more_btn {
    text-align: center;
    position: relative;
    margin: 0 auto;
    width: 520px;
}

#highspeccontact .about_more_btn a {
    display: block;
    width: 520px;
    margin: 45px auto 0;
    color: #000;
    font-size: 22px;
    padding: 20px;
    font-weight: bold;
    border: solid 3px #000000;
    line-height: 1.5;
    letter-spacing: 0.1em;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	
}

#highspeccontact .about_more_btn a:hover {
	background-color: #71eaea;
}

#highspeccontact .about_more_btn .arrow{

}

#highspeccontact .about_more_btn .arrow::before{
    content: '';
    width: 14px;
    height: 14px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate( 
45deg
 );
    transform: rotate( 
45deg
 );
    position: absolute;
    top: 47%;
    right: 33px;
    margin-top: -4px;

}

/* point */
#highspeccontact .point_container {
    margin: 70px 0;
    text-align: center;
    height: 670px;
    background: url(/special/highspeccontact/img/haikei.png);
    background-position: center;
    background-size: 100%;
    padding: 40px 0;
}

#highspeccontact .point_container ul{
	margin: 15px auto;
}
#highspeccontact .point_container li{
    width: 367px;
    margin: 37px;
    height: 400px;
    font-size: 14px;
    line-height: 2.4;
    letter-spacing: 1.5px;
    display: inline-flex;
    padding: 28px;
    background-color: #FFF;
	box-shadow: 15px 15px 0px 0 #71eaea;
	
}	
#highspeccontact .point_subttl{
	text-align: center;
    margin: 5px auto 20px;
}

#highspeccontact .point_container p{
	text-align: left;
	color: #262626;	
}

/* おすすめ商品 */
#highspeccontact .recommend_container {
	margin: -100px auto 0;
    width: 1024px;
    text-align: center;
    padding-top: 100px;
}

#highspeccontact .recommend_container .recommend_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 50px auto 0;
    width: 840px;
}

#highspeccontact .recommend_container .item_box {
	width: 400px;
    margin: 0px 40px 40px 0px;
    padding: 0 20px 25px;
    border: 10px solid #f5f5f5;
    text-align: center;
}

#highspeccontact .recommend_container .item_box:nth-child(2n) {
	margin-right: 0;
}

#highspeccontact .recommend_container .item_box_cate {
	display: inline-block;
	width: 80px;
	padding: 1px 5px 2px;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	color: #FFFFFF;
}

#highspeccontact .recommend_container .item_box_cate.cate_1day {
	background-color: #00CEED;
}

#highspeccontact .recommend_container .item_box_cate.cate_2week {
	background-color: #7A65F5;
}

#highspeccontact .recommend_container .item_box_name {
	margin: 25px 0 0 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0.2em;
    color: #000000;	
}

#highspeccontact .recommend_container .item_box_img {
	margin: 25px 0;
}

#highspeccontact .recommend_container .item_box_icons {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 15px 0 0 0;
}

#highspeccontact .recommend_container .item_box_icons li {
	margin: 6px 6px;
}

#highspeccontact .recommend_container .item_box_point {
    margin: 15px 0 0;
    height: 80px;
}

#highspeccontact .recommend_container .item_box_point .mark {
	margin-bottom: 10px;
}

#highspeccontact .recommend_container .item_box_point .text {
	display: inline-block;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.08em;
	text-align: left;
	color: #000;
}

#highspeccontact .recommend_container .item_box_price {
    margin: 32px 0 0 0;
    text-align: left;
}

#highspeccontact .recommend_container .item_box_price .text {
    vertical-align: text-top;
    margin-right: 16px;

}

#highspeccontact .recommend_container .item_box_price .price {
	color: #FF0000;
    font-weight: bold;
    font-size: 38px;
    letter-spacing: 0.1em;
}

#highspeccontact .recommend_container .item_box_btn {
	margin: 20px 0 0 0;
}

#highspeccontact .recommend_container .item_box_btn a {
	display: block;
	padding: 14px 0 16px;
	background-color: #71eaea;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	-webkit-transition: all 0.2s ease;
	        transition: all 0.2s ease;
}

#highspeccontact .recommend_container .item_box_btn a:hover {
	background-color: #9be8e8;
}

#highspeccontact .table-box{
	display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px 2px;
}

#highspeccontact .space-between{
    margin-left: -5px;
    margin-right: -5px;
}

#highspeccontact .table-box li {
    display: table-cell;
    padding: 10px;
    color: #000000;
    font-size: 14px;
    box-sizing: border-box;
    vertical-align: middle;
}

#highspeccontact .table-right {
	text-align: left;
    width: 60%;
}

#highspeccontact .table-led {
	border: #efc0c0 1px solid;
    background: #fed4d4;
}

#highspeccontact .table-gray {
	border: #e1e1e1 1px solid;
    background: #f8f8f8;
}


#highspeccontact .sm_devide {
    display: block;
    color: #FF0000;
    font-size: 18px;
}


/* 全商品ボタン */
#highspeccontact .recommend_container .recommend_more_btn {
    text-align: center;
    position: relative;
    margin: 0 auto;
    width: 520px;
}

#highspeccontact .recommend_container .recommend_more_btn a {
    display: block;
    width: 520px;
    margin: 45px auto 0;
    color: #000;
    font-size: 22px;
    padding: 20px;
    font-weight: bold;
    border: solid 3px #000000;
    line-height: 1.5;
    letter-spacing: 0.1em;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
	
}

#highspeccontact .recommend_container .recommend_more_btn a:hover {
	background-color: #71eaea;
}

#highspeccontact .arrow{

}

#highspeccontact .arrow::before{
    content: '';
    width: 14px;
    height: 14px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate( 
45deg
 );
    transform: rotate( 
45deg
 );
    position: absolute;
    top: 47%;
    right: 33px;
    margin-top: -4px;

}

#highspeccontact .banner_box img{
	margin: 50px auto 0px;
}