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

/*=========================
　　　　基本設定
===========================*/
body{
	color:#000;
	font-size:14px;
}
.flex_item{display:flex;}
.ec-layoutRole__main img{max-width:100%;}

/*=========================
　　　　ヘッダー
===========================*/
.ec-categoryNaviRole{
	width:100%;
	max-width:inherit;
	padding:0;
	margin-bottom:50px;
	background:#111111;
}
.ec-itemNav__nav li a{
	color:#fff;
	background:#111111;
}
.ec-itemNav__nav li a:hover{
	background:#666;
}
#head_text{
	font-size:16px;
}
#head_logo img{
	width:auto;
}
.ec-headerNaviRole__right{
	flex-wrap:wrap;
}
#head_payment{
	display:flex;
	flex-wrap:wrap;
	margin-top:20px;
}
.head_btn a{
	display:block;
	padding:6px 15px;
	background:#FF0000;
	color:#FFFF00;
	font-size:14px;
	border-radius:100px;
	font-weight:600;
}
.head_btn a:hover{background:#C00;}
.head_tmg{
	margin-left:10px;
	padding-top:4px;
}
.head_navi a:before{
	content:"▶ ";
}
	

/*=========================
　　　　フッター
===========================*/
.ec-footerRole{
	background:#fff;
	border-top:0;
}
.ec-footerTitle{
	color:#000!important;
	text-align:left;
	padding:50px 0 20px;
}
#foot_navi{
	background:#000;
	padding:15px 0;
}
#foot_navi a{text-decoration:none;}
#foot_navi ul{
	max-width:1130px;
	margin:0 auto;
	text-align:left;
}
.ec-footerTitle img{width:auto!important;}
.foot_logo_img{margin:15px 0 50px 0;}
.foot_text{
	margin:20px 0 50px 0;
	font-size:14px;
}
.foot_logo_text{font-size:13px;}

/*=========================
　　　　TOPページ
===========================*/
.ec-layoutRole .ec-layoutRole__contents{max-width:1130px;}
.top_main_text{
	text-align:center;
	font-weight:600;
	color:#FF0000;
	font-size:38px;
	margin-bottom:20px;
}
.top_main_block{
	width:92%;
	margin:30px auto;
	justify-content:space-between;
}
.top_main_block_l{width:30%;}
.top_main_block_r{width:70%;}
.top_name{
	font-size:23px;
	margin-bottom:15px;
}
.top_name span{font-size:17px;}
.top_name2{
	font-size:14px;
	line-height:1.8;
}
.top_main_block_r p{line-height:1.8;}
.top_introduction{
	width:95%;
	margin:30px auto;
	background:#EEEEEE;
	font-size:16px;
	line-height:1.8;
	padding:45px;
}
.top_sample_btn{
	text-align:center;
	margin:50px 0;
}
.top_sample_btn_text{
	color:#FF0000;
	font-size:26px;
}
.top_sample_btn a{
	display:block;
	width:480px;
	margin:20px auto;
	padding:15px;
	color:#FFFF00;
	background:#FF0000;
	font-size:16px;
	border-radius:100px;
	position:relative;
}
.top_sample_btn a:hover{background:#C00;}
.top_arrow{
	position:absolute;
	display: inline-block;
	width: 30px;
	height: 2px;
	margin-top: 15px;
	border-radius: 9999px;
	background-color: #FFFF00;
	right:5%;
}
.top_arrow::before{
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: 0;
	width: 15px;
	height: 2px;
	border-radius: 9999px;
	background-color: #FFFF00;
	transform: rotate(45deg);
	transform-origin: calc(100% - 2px) 50%;
}
.top_title{
	font-size:26px;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content: center;
	margin:120px 0 50px 0;
}
.top_title:before, .top_title:after{
	border-top:1px solid #000;
	content:"";
	width:36px;
}
.top_title:before{margin-right:15px;}
.top_title:after{margin-left:15px;}
.top_main_block2{
	width:95%;
	margin:0 auto;
	justify-content:space-between;
}
.top_item_title{
	font-size:27px;
	font-weight:600;
	margin:30px 0 15px 0;
}
.top_item_text_area{margin:0 4%;}
.top_item_btn{
	width:100%;
	margin:25px 0;
	text-align:left;
}
.top_item_btn a{
	width:100%;
	padding:15px 15px 15px 25px;
}
.top_item_btn1 a{color:#fff;}
.top_item_btn2 a{background:#660066;}
.top_item_btn2 a:hover{background:#460046;}
.top_item_btn a span, .top_item_btn a span::before{background-color: #fff;}
.top_item_btn3 a{
	display:inline-block;
	padding:15px 25px;
	background:#AAAAAA;
	color:#fff;
	text-align:center;
	font-size:14px;
	border-radius:100px;
}
.top_item_btn3 a:hover{background:#999999;}
.top_item_img{text-align:center;}
.top_service{
	justify-content:space-between;
	margin:30px 0;
}
.top_service_block{width:210px;}
.top_service_text{
	margin:10px 0;
	font-size:14px;
	line-height:1.7;
}
.top_voice_name{
	font-size:14px;
	margin-top:15px;
}
.top_main_block_r3{
	margin-top:20px;
	width:65%;
}
.top_voice_logo_area{margin:10px 0 25px 0;}
.top_voice_logo_r{margin-left:20px;}
.top_voice_company{
	font-size:23px;
	margin-bottom:10px;
}
.top_voice_red{
	background:#921F4C;
	color:#fff;
	padding:20px 30px;
	margin-bottom:20px;
}
.top_sample_btn_text2 span{color:#FF0000;}
.ec-newsRole{justify-content:space-between;}
.info_r{width:80%;}
.info_title{
	font-size:23px;
	margin:10px 0 20px 0;
}
.top_info_box{
	border:none!important;
	padding:0!important;
}

/*=========================
　　　　商品ページ
===========================*/

/*=========================
　　　　注文画面
===========================*/


/*=========================
　　　　買い物ガイド
===========================*/

/*=========================
　　　　特定商取引法
===========================*/


/*===========================================================================
　　レスポンシブ設定
=============================================================================*/
/*=====タブレット=====*/
@media(max-width: 1130px){
	/*----トップページ-----*/
	.top_item{width:48%;}
	.top_service_block{width:18%;}
	.top_service{
		width:97%;
		margin:30px auto;
	}
}
@media(max-width: 1120px){
}
@media(max-width: 970px){
	.ec-headerNaviRole{
		flex-wrap:wrap;
	}
	.ec-headerNaviRole .ec-headerNaviRole__left{
		width:100%;
		text-align:center;
		margin-bottom:20px;
	}
	.ec-headerNaviRole .ec-headerNaviRole__right{
		width:100%;
		justify-content:center;
	}
	/*----トップページ-----*/
	.top_main_block_l{width:35%;}
	.top_main_block_r{width:60%;}
	.info_r{width:70%;}
}
@media(max-width: 800px){
}
/*=====スマホ=====*/
@media(max-width: 767px){
	#head_text{font-size:13px;}
	#head_logo img{width:70%;}
	#head_payment{
		justify-content:center;
		margin-bottom:30px;
	}
	.ec-footerTitle{padding:50px 5% 20px;}
	#foot_navi li a{padding:10px 5%;}
	
	/*----トップページ-----*/
	.top_main_block_l, .top_main_block_r{
		width:100%;
		margin-bottom:15px;
	}
	.top_main_block, .top_main_block2, .top_service, .top_voice_logo_area, .ec-newsRole{flex-wrap:wrap;}
	.top_main_text{
		font-size:20px;
		padding:0 5%;
	}
	.top_sample_btn{
		width:95%;
		margin:50px auto;
	}
	.top_sample_btn a, .top_item_btn, .info_r{width:100%;}
	.top_sample_btn p{font-size:20px;}
	.top_item{
		width:100%;
		margin-bottom:40px;
	}
	.top_service{width:95%;}
	.top_service_block{
		width:48%;
		margin-bottom:15px;
	}
	.top_main_block_l3, .top_service_img{text-align:center;}
	.top_sample_btn_text3{
		display:inline-block;
		width:65%;
	}
	
}