@charset "utf-8";
/* CSS Document */
.pc{ display: none; }
.sp{ display: block; }
#contents_wrap{
	padding-top: 0;
}
#con1_wrap{
	padding: 40px;
	padding-left: 8%; padding-right: 8%;
	background-image: url("img/con1_wrap_sp.png");
	background-position: bottom center;
	background-size: contain;
	background-size: cover;
}
#con1_wrap p{
	/*text-align: left;*/
	font-size: 18px;
	line-height: 40px;
	text-align: justify;
}

/*「奄美完熟たんかん」ってなに？*/
.con2_con_wrap{
	width: 100%;
	padding-left: 8%; padding-right: 8%;
	padding-top: 40px;
	padding-bottom: 40px;
	box-sizing: border-box;
}
.con2_con_text1{
	font-size: 34px;
	line-height: 44px;
	text-align: center;
}
.con2_con_text2{
	font-size: 18px;
	line-height: 34px;
	text-align: justify;
}
.con2_con_wrap_ph{
	width: 100%;
	position: static;
	top: auto; right: auto;
	margin-left: auto; margin-right:auto;
}
.con2_con_wrap_ph img{
	width: 100%
}

/*ところで、奄美大島ってどこにあるの？*/
.con3_con_wrap{
	position: relative;
	width: 100%;
	padding-left: 8%; padding-right: 8%;
	padding-top: 40px; padding-bottom: 40px;
	margin-left: auto; margin-right: auto;
	border-bottom: solid 1px #333;
	box-sizing: border-box;
}
.con3_con_text1{
	display: block;
	font-size: 30px;
	line-height: 44px;
	text-align: center;
	font-weight: 600;
	margin-left: auto; margin-right: auto;
}
.con3_con_text2{
	font-size: 18px;
	line-height: 34px;
	text-align: justify;
}
.con3_con_wrap_ph{
	width: 100%;
	position: static;
	top: auto; right: auto;
	margin-left: auto; margin-right: auto;
	background-color: #fff;
}
.con3_con_wrap_ph img{
	width: 100%;
}

/*美味しさの秘密*/
.con4_con_wrap{
	width: 100%;
	padding-left: 8%; padding-right: 8%;
	margin-left: auto; margin-right: auto;
	padding-bottom: 50px;
	box-sizing: border-box;
}
.con4_tit{
	width: 100%;
}
.con4_tit img{
	width: 100%;
}
.con4_1_tit,.con4_2_tit,.con4_3_tit{
	width: 100%;
}
.con4_1_tit img,.con4_2_tit img,.con4_3_tit img{
	width: 100%;
}
.con4_1_2_text,.con4_3_2_text{
	float: none;
	width: 100%;
}
.con4_1_2_ph{
	float: none;
	width: 100%;
	margin-top: 30px;
}
.con4_3_2_ph{
	float: none;
	width: 100%;
	margin-top: 20px;
}
.con4_2_text{
	margin-bottom: 0;
}
.con4_1_text p,.con4_1_2_text p,
.con4_2_text p,.con4_3_1_text p,
.con4_3_2_text p{
	font-size: 18px;
	line-height: 34px;
	text-align: justify;
}
.con4_2_ph_wrap{
	padding-top: 0;
	width: 100%;
	margin-top: 30px;
}
.con4_2_ph_2{
	width: 100%;
	margin-top: 0;
}
.con4_2_ph_1{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
.con4_1_2_ph img,.con4_3_1_ph img,
.con4_2_ph_1 img,.con4_2_ph_2 img,
.con4_3_2_ph img{
	width: 100%;
}

/*美味しい食べ方*/
#con5_wrap{
	padding-top: 6%;
	background-color: #ffcc66;
}
.con5_tit{
	width: 60%;
	margin-bottom: 5%;
}
.con5_tit img{
	width: 100%;
}
.con5_con_wrap{
	width: 90%;
	padding-left: 7%; padding-right: 7%;
}
.con5_1_tit_wrap,.con5_2_tit_wrap,.con5_3_tit_wrap{
	margin-top: 5%;
	margin-bottom: 3%;
}
.con5_1_tit_text,.con5_2_tit_text,.con5_3_tit_text{
	width: calc( 100% - 84px );
	float: right;
}
.con5_1_tit_text p,.con5_2_tit_text p,.con5_3_tit_text p{
	font-size: 22px;
	line-height: 32px;
	margin: 0;
	margin-top: 5px;
}
.con5_1_text_wrap p,.con5_2_text_wrap p,.con5_3_text_wrap p{
	font-size: 17px;
	line-height: 28px;
	text-align: justify;
}
.con5_2_text,.con5_3_text{
	float: none;
	width: 100%;
}
.con5_2_ph,.con5_3_ph{
	float: none;
	width: 70%;
	max-width: 480px;
	margin-left: auto; margin-right: auto;
	margin-top: 30px;
}

/*ご予約商品の概要*/
.con6_text1{
	padding-left: 8%; padding-right: 8%;
	font-size: 17px;
	line-height: 28px;
	text-align: justify;
}
.con6_con_wrap{
	width: 100%;
	padding-left: 8%; padding-right: 8%;
	margin-left: auto; margin-right: auto;
	box-sizing: border-box;
}
.con6_con_l{
	width: 100%;
	float: none;
	margin-left: auto; margin-right: auto;
}
.con6_con_r{
	width: 100%;
	float: none;
	margin-left: auto; margin-right: auto;
}
.con6_text3{
	font-size: 17px;
	line-height: 28px;
}
.con6_con_r{
	float: none;
	width: 90%;
	/*max-width: 380px;*/
	margin-left: auto; margin-right: auto;
	margin-top: 20px;
}
.con6_con_r img{
	width: 100%;
}

/*お客様の声*/
#con7_wrap{
	padding-bottom: 10px;
}
.con7_con_wrap{
	width: 90%;
}
.con7_con_1_l{
	float: left;
	width: 30%;
}
.con7_con_1_l img{
	width: 100%;
}
.con7_con_1_r{
	float: right;
	width: 70%;
	padding: 20px;
}
.con7_con_2_l{
	float: left;
	width: 70%;
	padding: 20px;
}
.con7_con_2_r{
	width: 30%;
}
.con7_con_2_r img{
	width: 100%;
}
.con7_text3{
	text-align: justify;
}

/*私たちの思い*/
.con8_con_wrap{
	width: 90%;
}
.con8_ph_1,.con8_ph_2,.con8_ph_3{
	width: 100%;
	float: none;
	margin-top: 1px;
}

/*210304*/
#saled_wrap{
	width: 100%;
	padding-top: 5px; padding-bottom: 15px;
	background-color: #fff;
}
#saled_wrap p{
	margin: 0;
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 26px;
	font-weight: 400;
	transform: rotate(0.03deg);
	color: #333;
	text-align: center;
}