/*------------------------------------------------------------------------------
Css name: content.css
Css info: 各ページスタイル
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
インソール
--------------------------------------------------------------------------*/
.ashitore img{
	max-width: 100%;
	height: auto;
}
/*ヘッダー*/
.ashitore .header{
	height: 80px;
	border-bottom: none;
}
@media only screen and (max-width: 599px) {
	.ashitore .header{
		height: auto;
	}	
}
/*見出し*/
.title_ashitore{
	position: relative;
	
	padding-left: 26px;
	font-size: 1.714em;/*24*/
	font-weight: 500;
	margin-bottom: 50px;
	line-height: 1.2;
}
	.title_ashitore:before{
		box-sizing: border-box;
		display:block;
		position: absolute;
		top: 2px;
		left: 0;
		
		content: "";
		width: 22px;
		height: 22px;
		border: 6px solid #f6c700;
		border-radius: 50%;
		margin-right: 6px;
	}
	.title_ashitore.collab_tit:before{
		border: 6px solid #f56700;
	}

.title_ashitore_color{
	font-size: 1.429em;/*20*/
	font-weight: bold;
	color: #f56700;
	margin-bottom: 14px;
	line-height: 1.4;
}
@media only screen and (max-width: 599px) {
	.title_ashitore{
		font-size: 1.571em;/*22*/
		font-weight: 500;
		margin-bottom: 30px;
	}
		.title_ashitore:before{
			width: 20px;
			height: 20px;
			margin-right: 4px;
		}
}

/*メイン*/
.ashitore_hero{
}
	.ashitore_hero img{
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
		vertical-align: top;
	}
	.ashitore_hero_att{
		padding: 0 2em 2px 0;
		text-align: right;
		font-size: 1.2rem;
		background: #e5ecf0;
	}
/*産学連携*/
.ashitpre_collab_area{
	padding: 50px 0;
	margin-bottom: 50px;
	background: #fffaf5;
}
.ashitpre_collab_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
	.ashitpre_collab_txt{
		width: 400px;
	}
	.ashitpre_collab_fig{
		width: 400px;
		padding: 20px;
		
		background: #fff;
		border: 1px solid #333;
	}
		.ashitpre_collab_fig h3{
			line-height: 1.4;
			font-size: 1.6rem;
			font-weight: bold;
			color: #f56700;
		}
			.ashitpre_collab_fig h3 small{
				display: block;
				margin-bottom: 20px;
				font-size: 1.2rem;
				text-align: right;
			}
		.ashitpre_collab_fig p{
			line-height: 1.6;
		}
			.ashitpre_collab_fig p small{
				font-size: 1.2rem;
			}
@media only screen and (max-width: 599px) {
	.ashitpre_collab_area{
		padding: 40px 0 20px;
		margin-bottom: 50px;
	}
		.ashitpre_collab_txt,
		.ashitpre_collab_fig{
			width: 100%;
		}
		.ashitpre_collab_txt{
			margin-bottom: 20px;
		}
}
/*商品紹介*/
.ashitore_spec_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;	
}
	.ashitore_spec_image{
		width: 360px;
	}
		.ashitore_spec_price{
			text-align: right;
			font-size: 1.8rem;
			color: #f56700;
		}
			.ashitore_spec_price span{
				font-size: .8em;
			}
	.ashitore_spec_txt{
		width: 460px;
	}
		.ashitore_spec_list dt{
			margin-bottom: 2px;
			color: #e61126;
			font-size: 1.6rem;
		}
		.ashitore_spec_list dd + dt{
			margin-top: .8em;
		}
@media only screen and (max-width: 599px) {
	.ashitore_spec_image,
	.ashitore_spec_txt{
		width: 100%;
	}
	.ashitore_spec_image{
		margin-bottom: 20px;
	}
}
/*ポイント*/
.ashitore_point_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	
	margin-bottom: 60px;
}
	.ashitore_point_txt,
	.ashitore_point_img{
		display: block;
		width: 400px;
	} 
	.ashitore_role_txt{
		width: 100%;
	}
		.ashitore_role_list{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
			.ashitore_role_list li{
				width: 400px;
			}
				.ashitore_role_list li h4{
					margin-bottom: 14px;
					font-size: 1.6rem;
					text-align: center;
					color: #fff;
					line-height: 32px;
				}
				.ashitore_role_list_normal h4{ background: #ff6474; }
				.ashitore_role_list_float h4{ background: #808080; }
@media only screen and (max-width: 599px) {
	.ashitore_point_box{
		margin-bottom: 30px;
	}	
		.ashitore_point_txt,
		.ashitore_point_img,
		.ashitore_role_list li{
			width: 100%;
		}
			.ashitore_role_list_normal{
				margin-bottom: 20px;
			}
}
/* 5つの効果 */
.ashitore_effect_list{
	padding-left: 1.5em;
	margin-bottom: 60px;
}
	.ashitore_effect_list li{
		list-style: decimal;
	}
	.ashitore_effect_list li + li{
		margin-top: 8px;
	}
	
	.ashitore_effect_box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;		
	}
		.ashitore_effect_img{
			width: 360px;
		}
			.ashitore_effect_img img{
				display: block;
				margin: 0 auto;
			}
		.ashitore_support_list{
			width: 460px;
		}
			.ashitore_support_list dt{
				min-height: 30px;
				padding: 4px 0 0 40px;
				line-height: 1.4;
				font-size: 1.6rem;
				color: #f56700;
			}
			.ashitore_support_list01{
				background: url(../img/ashitore/ashitore_01.png) left center no-repeat;
				background-size: 30px;
			}
			.ashitore_support_list02{
				background: url(../img/ashitore/ashitore_02.png) left center no-repeat;
				background-size: 30px;
			}
			.ashitore_support_list03{
				background: url(../img/ashitore/ashitore_03.png) left center no-repeat;
				background-size: 30px;
			}
			.ashitore_support_list dd{
				margin-top: 4px;
				padding-left: 40px;
				line-height: 1.4;
			}
			.ashitore_support_list dd + dt{
				margin-top: 14px;
			}
@media only screen and (max-width: 599px) {
	.ashitore_effect_list{
		margin-bottom: 30px;
	}
			.ashitore_effect_img,
			.ashitore_effect_list{
				width: 100%;
			}
			.ashitore_effect_img{
				margin-bottom: 20px;
			}
}
/* ユーザーの声 */
.ashitore_voice{}

.ashitore_voice_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	.ashitore_voice_list li{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		
		width: 400px;
	}
		.ashitore_voice_list li img{
			width: 80px;
		}
		.ashitore_voice_txt{
			width: 300px;
		}
			.ashitore_voice_txt p{
				margin-bottom: 0;
			}
			.ashitore_voice_txt .name{
				font-size: 1.2rem;
				text-align: right;
			}

@media only screen and (max-width: 599px) {
	.ashitore_voice_list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.ashitore_voice_list li{
			width: 100%;
		}
		.ashitore_voice_list li + li{
			margin-top: 20px;
		}
			.ashitore_voice_list li img{
				width: 60px;
			}
			.ashitore_voice_txt{
				width: calc( 100% - 80px);
			}
				.ashitore_voice_txt p{
					line-height: 1.4;
				}
				.ashitore_voice_txt .name{
					margin-top: 4px;
				}
}
/*配送方法*/
.ashitore_delivery_price{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	
	border-bottom: 1px solid #333;
}
	.ashitore_delivery_price .num{
		width: 120px;
		padding: 6px 0;
		text-align: center;
		border-top: 1px solid #333;
		border-left: 1px solid #333;
		border-right: 1px solid #333;
	}
	.ashitore_delivery_price .type{
		width: 185px;
		padding: 0 1em;
	}
	.ashitore_delivery_price .yen{
		width: 185px;
		padding: 0 1em;
	}
	.ashitore_delivery_price .other{
		width: 360px;
		padding: 0 1em;
	}
	.ashitore_delivery_att{
		margin-top: 1em;
	}
		.ashitore_delivery_att li{
			position: relative;
			
			padding-left: 1em;
			font-size: 1.2rem;
			line-height: 1.6;
		}
		.ashitore_delivery_att li::before{
			position: absolute;
			top: 0px;
			left: 0;
			display: block;
			content: "※"
		}
		.ashitore_delivery_att li + li{
			margin-top: 6px;
		}
@media only screen and (max-width: 599px) {
	.ashitore_delivery_price{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		
		border-bottom: 1px solid #333;
	}
		.ashitore_delivery_price .num{
			width: 100%;
			padding: 4px 0;
			border-bottom: 1px solid #333;
		}
		.ashitore_delivery_price .type,
		.ashitore_delivery_price .yen{
			width: 50%;
			padding: .8em 1em;
			border-bottom: 1px solid #333;
		}
		.ashitore_delivery_price .other{
			width: 100%;
			padding: .4em 1em;
		}
		.ashitore_delivery_att{
			margin-top: 1em;
		}
			.ashitore_delivery_att li{
				position: relative;
				
				padding-left: 1em;
				font-size: 1.2rem;
				line-height: 1.6;
			}
			.ashitore_delivery_att li::before{
				position: absolute;
				top: 0px;
				left: 0;
				display: block;
				content: "※"
			}
			.ashitore_delivery_att li + li{
				margin-top: 6px;
			}
}
/*問い合わせ*/
.ashitore_contact_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	
	margin-bottom: 60px;
}
	.ashitore_contact_list li{
		width: 400px;
	}
p.ashitore_contact_tel,
p.ashitore_contact_fax{
	font-size: 2.5em;
	font-weight: bold;
	padding-left: 34px;
	line-height: 1.4;
	margin-bottom: 20px;
}
.ashitore_contact_tel{
	background: url(../img/common/ico_phone.png) left center no-repeat;
	background-size: 26px 26px;	
}
.ashitore_contact_fax{
	background: url(../img/common/ico_fax.png) left center no-repeat;
	background-size: 26px 26px;	
}
.ashitore_contact_time,
.ashitore_fax_dl{
	padding: 14px;
	border-top: 1px solid #e1e6e6;
	border-bottom: 1px solid #e1e6e6;
}
@media only screen and (max-width: 599px) {
	.ashitore_contact_list{
		margin-bottom: 30px;
	}
		.ashitore_contact_list li{
			width: 100%;
		}
		.ashitore_contact_list li + li{
			margin-top: 30px;
		}	
}

.ashitore #contact{
	margin-top: -30px;
	padding-top: 30px;
}

.ashitore_contact_table{
	width: 100%;
	margin-bottom: 20px;
}
	.ashitore_contact_table th,
	.ashitore_contact_table td{
		padding: 14px;
		border-top: 1px solid #e1e6e6;
		border-bottom: 1px solid #e1e6e6;
	}
	.ashitore_contact_table th{
		width: 160px;
		font-weight: 500;
		text-align: left;
		vertical-align: top;
	}
	.ashitore_contact_table td small{
		display: block;
		margin-top: 6px;
	}

.ashitore_contact_size{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}
	.ashitore_contact_size li{
		width: 48%;
	}
@media only screen and (max-width: 599px) {
	.ashitore_contact_table{
		border-top: 1px solid #e1e6e6;
	}
	.ashitore_contact_table th,
	.ashitore_contact_table td{
		border-top: none;
		display: block;
	}
	.ashitore_contact_table th{
		width: 100%;
		border-bottom: 1px dotted #e1e6e6;
		background: #f0fbfd
	}
	.ashitore_contact_table td small{
		display: block;
		margin-top: 6px;
	}

	.ashitore_contact_size li{
		width: 100%;
	}
}
/*サンクスページ*/
.ashitore_thanks{
	margin-top: 50px;
}
.ashitore_contact_thanks_list{
	margin-top: 40px;
}
.ashitore_thanks_back{
	display: block;
	
	width: 300px;
	margin: -40px auto 0;
	line-height: 60px;
	color: #f5801c;
	font-size: 1.8rem;
	text-align: center;
	text-decoration: none;
	border: 2px  solid #f5801c; 
}
.ashitore_thanks_back:hover{
	color: #f5801c;
	background: #ffefdf;
}





/*------------------------------------------------------------------------
特定商取引法に基づく表示
--------------------------------------------------------------------------*/
/*--------------------------------*/
.commerce .page_title{
	background: #c2c2c2 url(../img/common/bg_h1.png);
	background-position: center;
	background-repeat: repeat;
}

.ashitore_commerce_box h2{
	font-size: 1.8rem;
	color: #f56700;
	font-weight: bold;
	line-height: 1.4;
}
	.ashitore_commerce_box p + h2{
		margin-top: 30px;
	}
.ashitore_commerce_box h3{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
}
	.ashitore_commerce_box * + h3{
		margin-top: 14px;
	}

/*------------------------------------------------------------------------
フッター　追加
--------------------------------------------------------------------------*/
.foot_ashitore_commerce{
	margin-top: 2em;
	margin-bottom: 2em;
}
.foot_ashitore_commerce a{
	color: #fff;
	font-size: 1.4rem;
}