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

@media screen and (max-width: 784px) {
	.show-sp {
		display: inline !important;
	}
	.show-pc {
		display: none !important;
	}
	#salad .mainimage {
		position: relative;
		min-width: inherit;
		background: url(../images/sp_main_visual.jpg) no-repeat;
		background-size: contain;
		width: 100vw;
		height: calc(100vw / 750 * 1000);
	}
	#salad .mainimage .logo {
		/*margin-top: 40vw;*/
        margin-top: 40vw;
		margin-bottom: 1vw;
		width: 25vw;
	}
	#salad .mainimage h2 {
		position: static;
		width: 85vw;
		margin: -2vw auto 0;
		min-width: auto;
	}
	#salad .mainimage h2 img {
		width: 100%;
	}
	#salad .mainimage .tofusarada {
		display: none;
	}
	#salad .mainimage .tofupasta {
		display: none;
	}
	#salad .section01 {
		background-image: url(../images/sp_bg_section01.png);
		background-size: cover;
		background-position: center -2vw;
		min-width: auto;
	}
	#salad .section01::before {
		display: none;
	}
	#salad .section01>div {
		width: auto;
		padding: 10vw 6vw 12vw;
		margin: 0;
	}
	#salad .section01 .noserudake.show-pc {
		display: none !important;
	}
	#salad .section01 .noserudake.show-sp {
		width: 60vw;
		margin: 0 auto 0.5vw;
		display: block !important;
	}
	#salad .section01 h3 {
		margin-bottom: 3vw;
		font-size: 6.5vw;
	}
	#salad .section01 h3 img {
		width: 76vw;
	}
	#salad .section01 p {
		font-size: 4.2vw;
		line-height: 2.5;
		text-align: justify;
		/* 両端揃え */
		text-justify: inter-ideograph;
		/* 両端揃えの種類 */
	}
	#salad .section01::after {
		border: 45px solid transparent;
		border-top: 25px solid #FFF;
		margin-left: -45px;
		bottom: -70px;
	}
	#salad .section02::after {
		background-size: auto 20px;
		height: 20px;
	}
	#salad .section02>div {
		width: auto;
		padding: 20px 6vw 2vw;
		margin: 0;
	}
	#salad .section02 h3 {
		margin-top: 50px;
		padding-top: 18vw;
		margin-bottom: 5vw;
		font-size: 5.8vw;
	}
	#salad .section02 h3::before {
		width: 15vw;
		height: calc(15vw / 85 * 90);
	}
	#salad .section02 h3 img {
		width: 86vw;
	}
	#salad .section02 p {
		font-size: 3.6vw;
		line-height: 2.5;
		margin-bottom: 5vw;
	}
	#salad .section02 .clearfix {
		border-bottom: 1px dotted #000;
	}
	#salad .section02 p.txt-left {
		padding-right: 0;
	}
	#salad .section02 p.txt-right {
		padding-left: 0;
	}
	#salad .section02 h4 {
		margin-top: 10vw;
		margin-bottom: 3vw;
	}
	#salad .section02 h4 img {
		width: 60vw;
	}
	#salad .coolking-sample {
		margin-bottom: 60px;
		width: 100%;
	}
	#salad .img-right {
		position: static;
		float: none;
		margin-left: 0;
		margin-top: -5vw;
		margin-bottom: -2vw;
		width: 100%;
	}
	#salad .clearfix:nth-of-type(3) .img-right {
		width: 60vw;
		margin: 7vw auto 0;
		display: block;
	}
	#salad .img-left {
		position: static;
		float: none;
		margin-right: 0;
		margin-top: -5vw;
		margin-bottom: -2vw;
		width: 100%;
	}
	#salad .lineup {
		padding: 12vw 0 0;
	}
	#salad .lineup::after {
		height: 20px;
		background-size: auto 20px;
	}
	#salad .lineup h3 {
		height: 16vw;
		min-width: inherit;
		padding-top: 6vw;
		padding-bottom: 15vw;
		font-size: 6vw;
	}
	#salad .lineup h3::before {
		font-size: 3.5vw;
	}
	#salad .lineup h3::after {
		width: 88vw;
		height: 1px;
		border-top: 1px dotted #000;
	}
	#salad .lineup>div {
		width: auto;
		padding: 0px 3vw 10vw;
		margin: 0;
	}
	#salad .lineup .logo {
		margin: 7vw auto;
	}
	#salad .lineup .logo:nth-of-type(1) {
		/*width: calc(15vw * 1.5);*/
        width: 94%;
	}
	#salad .lineup .logo:nth-of-type(2) {
		width: calc(15vw * 1.3);
	}
	#salad .lineup li {
		position: relative;
		margin-left: 3vw;
		margin-right: 3vw;
	}
	#salad .lineup .detail {
		float: none;
		padding: 5vw 6vw 0 6vw;
		width: auto;
	}
	#salad .lineup .tofusarada {
		border-bottom: none;
		position: relative;
		padding-bottom: 2vw;
	}
	#salad .lineup .tofusarada::before {
		content: "";
		width: 88vw;
		height: 1px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		border-bottom: 1px dotted #000;
	}
	#salad .lineup .tofusarada li:nth-child(odd) .detail {
		float: none;
	}
	#salad .lineup .tofupasta li:nth-child(even) .detail {
		float: none;
	}
	#salad .lineup .textarea {
		float: none;
		width: auto;
		margin-bottom: 4vw;
	}
	#salad .lineup h4 {
		font-size: 5.8vw;
		margin-bottom: 3vw;
	}
	#salad .lineup h4 span {
		font-size: 5vw;
		line-height: 1.2;
		line-height: 6vw;
		margin-bottom: 2.4vw;
		padding: 0;
		border-radius: 4vw;
	}
	#salad .lineup p {
		font-size: 3.6vw;
		line-height: 1.8;
	}
	#salad .lineup li:nth-child(odd) .center, #salad .lineup li:nth-child(even) .center {
		float: none;
		height: 70vw;
		width: 100%;
		padding-top: 10vw;
		padding-bottom: 6vw;
	}
    .lineup .products li:nth-child(odd) .summer::after {
        line-height: 11vw;
        font-size:3vw;
        width: 11vw;
        height: 11vw;
        top: 5vw;
        right: -3vw;
    }
    .lineup .products li:nth-child(even) .summer::after {
        line-height: 11vw;
        font-size:3vw;
        width: 11vw;
        height: 11vw;
        top: 5vw;
        right: 47vw;
    }
	#salad .lineup .package {
		margin: 0 0 0 auto;
		height: 20vw;
	}
	#salad .lineup .tofusarada li:nth-child(even) .package {
		margin: 0 auto 0 0;
	}
	#salad .lineup .tofupasta .package {
		margin: 0 auto 0 0;
	}
	#salad .lineup .tofupasta li:nth-child(even) .package {
		margin: 0 0 0 auto;
	}
	#salad .lineup a.btn {
		line-height: 10vw;
		border-radius: 4px;
		width: 42vw;
		margin-top: 24vw;
		font-size: 3.5vw;
		padding-left: 3.5vw;
	}
	#salad .lineup a.btn::after {
		left: 2.4vw;
		top: 3.8vw;
		width: 2vw;
		height: 2vw;
	}
	#salad .lineup li .image {
		position: absolute;
		width: 50%;
		left: 6vw;
		right: auto;
		bottom: 22vw;
	}
	#salad .lineup .tofusarada li:nth-of-type(even) .image {
		left: auto;
		right: 6vw;
	}
	#salad .lineup .tofupasta li .image {
		left: auto;
		right: 6vw;
	}
	#salad .lineup .tofupasta li:nth-of-type(even) .image {
		left: 6vw;
		right: auto;
	}
	.footerlogo {
		min-width: inherit;
		height: 20vw;
		padding-top: 6vw;
	}
	.footerlogo img {
		width: 20vw;
	}
	.copyright p {
		min-width: inherit;
		margin: 0;
		height: 20vw;
		padding-top: 6vw;
		font-size: 2vw;
		line-height: 1.3;
	}
	.pagetop a {
		width: 55px;
		height: 55px;
		background: url(../images/page_top.png);
		background-size: 55px;
	}
}