@charset "utf-8";

/* PC---------------------------------------------------------------------------------------- */
@media screen and (min-width:980px) {

	/*1000px*/
	#wrap{
		width: 100%;
		margin: 0 auto;
		margin-top: 132px;
	}
	
	#wrap_sp{
		display: none;
	}
	
	.contents_1{
		width: 100%;
		height: 700px;
		margin: 0 auto;
		background-color: #eff4ef;
	}
	
	.contents_2{
		width: 100%;
		height: 700px;
		margin: 0 auto;
		background-image: url(../../shared/images/item.png);
		background-repeat: no-repeat;
		background-position: 0px 30px;
	}
	
	.contents_2_txt{
		width: 230px;
		height:300px;
		float: right;
		margin-top: 70px;
		padding: 30px;
		line-height: 160%;
	}
	
	.contents_3{
		width: 100%;
		height: 876px;
		margin: 0 auto;
		background-image: url(../../shared/images/atena.png);
		background-repeat: no-repeat;			
	}
	
	.rakuten_btn{
		position:  absolute;
		left: 500px-100px;
		width:  1000px;
		text-align:  center;
		bottom: -180px;
	}
	
	.contents_4{
		width: 100%;
		height: 600px;
		margin: 0 auto;
		background-color: #fff;
	}
	
	.company_img{
		width: 442px;
		float:  left;
		margin-top: 40px;
	}
	
	.company_txt{
		width: 400px;
		float: right;
		line-height: 160%;
		margin-top:  40px;
	}
	
	.inner{
		width: 1000px;
		height: 640px;
		padding: 10px;
		margin: 0 auto;
		position:  relative;
	}
	
	.inner_shop{
		width: 1000px;
		height: 340px;
		padding: 10px;
		margin: 0 auto;
		position:  relative;
	}
	
	.sec_title{
		width: 400px;
		margin: 0 auto;
		text-align: center;
		padding: 30px;
	}
	
	.sec_title img{
		
	}
	
	.contents_1_block{
		/* float: left; */
		width: 333px;
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
	}
	
	.contents_1_block img{
		
	}
	
	.contents_1_block p{
		line-height: 160%;
		padding: 5px;
		min-height: 160px;
		height: auto !important;
		height: 160px;
		margin-top: 10px;
	}
	
	.sec_title_shop{
		width: 400px;
		margin: 0 auto;
		text-align: center;
		padding: 30px;
	}
	
	
}


/* SmartPhone---------------------------------------------------------------------------------------- */
@media screen and (max-width:979px) {

	/*980px以下*/
	#wrap_sp{
		width: 100%;
		margin: 0 auto;
		margin-top: 220px;
	}
	
	#wrap{
		display: none;
	}
	
	.contents_1{
		width: 100%;
		margin: 0 auto;
		background-color: #eff4ef;
		padding-bottom: 50px;
	}
	
	.contents_2_sp{
		width: 100%;
		margin: 0 auto;
	}
	
	.contents_2_sp img{
		width: 100%;
		padding-top: 40px;
	}
	
	.contents_2_txt_sp{
		position: absolute;
		padding: 30px;
		line-height: 160%;
		bottom: 0px;
		text-align: justify;
	}
	
	.contents_3{
		width: 100%;
		height: 876px;
		margin: 0 auto;
		background-image: url(../../shared/images/atena.png);
		background-repeat: no-repeat;			
	}
	
	.contents_3_sp{
		width: 100%;
		margin: 0 auto;
	}
	
	.contents_3_sp img{
		width: 100%;
		padding-top: 40px;
	}

	.rakuten_btn{
		position:  absolute;
		left: 500px-100px;
		text-align:  center;
		bottom: -180px;
	}
	
	.rakuten_btn img{
		width: 100%;
	}
	
	.contents_4{
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
	}
	
	.company_img{
		width: 100%;
	}
	
	.company_txt{
		width: 320px;
		line-height: 160%;
		margin-top:  40px;
		margin: 0 auto;
		margin-bottom: 30px;
		margin-top: 30px;
	}
	
	.inner{
		width: 100%;
		padding: 0px;
		margin: 0 auto;
		position:  relative;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.inner_sp{
		width: 100%;
		padding: 0px;
		margin: 0 auto;
		position:  relative;
		text-align: center;
		margin-bottom: 30px;
		display:flex;
		flex-wrap:wrap;
	}

	.inner_sp2{
		height: 200px;
	}
	
	.inner_shop{
		margin: 0 auto;
		position:  relative;
	}
	
	.sec_title{
		margin: 0 auto;
		text-align: center;
		padding: 30px;
		width: 300px;
	}
	
	.sec_title_shop{
		padding: 30px;
		text-align: center;
	}
	.sec_title img{
		
		width: 100%;
	}
	
	.sec_title_shop img{
		width: 100%;
	}
	
	.contents_1_block{
		width: 45%;
		box-sizing: border-box;
		display: inline-table;
		margin-bottom: 30px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-content: center;
		align-items: center;
	}
	
	.contents_1_block:last-child{
		width: 80%;
		margin: 0 auto;
	}
	
	.contents_1_block img{
		width: 100%;
		height: fit-content;
		max-height: 230px;
	}
	
	.contents_1_block:last-child img{
		width: fit-content;
		margin: 0 auto;
	}
	
	.contents_1_block p{
		line-height: 160%;
		padding: 10px;
		min-height: 190px;
		height: auto !important;
		height: 160px;
		text-align: justify;
	}
	.contents_1_block:last-child p{
		min-height: 110px;

	}

}

/* SmartPhone---------------------------------------------------------------------------------------- */
/*iphone5 SEなど320px近辺への対応*/
@media screen and (max-width:380px) {
	.inner_sp{
		width: 100%;
		padding: 0px;
		margin: 0 auto;
		position:  relative;
		text-align: center;
		margin-bottom: 30px;
		display:flex;
		flex-wrap:wrap;
	}
	.contents_1_block{
		width: 50%;
	}
	
	.contents_1_block:last-child{
		width: 80%;
		margin: 0 auto;
	}
	
	.contents_1_block img{
		width: 100%;
	}
	
	.contents_1_block:last-child img{
		width: 70%;
		margin: 0 auto;
	}
	
	.contents_1_block p{
		line-height: 160%;
		padding: 10px;
		min-height: 260px;
		height: auto !important;
		height: 160px;
		text-align: justify;
	}
	.contents_1_block:last-child p{
		min-height: 110px;

	}
}