@charset 'utf-8';
/*初期設定
----------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=M+PLUS+Rounded+1c&display=swap");

img {
  width: 100%;
  height: auto;
}

body{
font-family: 游明朝 ;
margin: 0 auto;
}

footer{
font-size: 13px;
text-align: center;
}

a { /* オンマウスで薄く*/
text-decoration: none;
transition: 0.5s ease;
}

a:hover{ /*オンマウスで薄く*/
opacity: 0.5;
}

/*topページ*/
	  
.logo{ /*ロゴ*/
	width: 60px;
	height: 60px;
	margin-left: 20px;
	}
	
	.name{ /*株式会社ケースメイド*/
	font-family: 游明朝;
	font-size: 20px;
	position: absolute;
	top: 23px;
	left:90px;
	color: black;
	text-decoration: none;
	}

.midashi{ /*キャッチコピー*/
text-align: center;
font-size: 13px;
}

.smidashi{
font-size: 12px;
text-align: center;
}

.copyright{
text-align: center;
font-size: 10px;
}

/*取扱商品*/

.saizu{
font-size: 14px;
}

.zyuusho1{
	line-height: 30px;
	margin: 6px 0 0 480px;
	font-family: 游明朝;
	font-size: 17px;
	}
	
	/*会社概要*/
	.gaiyou{ /*概要*/
	font-size: 20px;
	margin-left: 130px;
	margin-top: 50px;
	margin-bottom: 20px;
	font-family: 游明朝;
	}
	
	.gai{/*概要内容*/
	width: 100%;
	font-size: 15px;
	}

	.otoi{ /*お問い合わせ*/
		line-height: 30px; 
		font-family: 游明朝;
		font-size: 20px;
		margin-left: 120px;
		}

	.otoibun{
		width: 100%;
		font-size: 15px;
	}　

/*プライバシーポリシー*/

.naiyou{
width: 100%;
}
		
.namae{
text-align: center;
font-size: 18px;
}	

/*生分解カップ*/
.t{
font-size: 15px;
}

.mark{
width: 30%;
}

/*media Queries　ここにPC用スタイルを記述
----------------------------------------------------*/
@media screen and (min-width: 768px) {
.navi{
margin-left: 100px;
}

.slide{
width: 80%;
margin-left: 140px;
}

.midashi{
font-size: 20px;
}

.smidashi{
font-size: 18px;
}

main div{
width: 40%;
margin-left: 400px;
}

.navi ul{ /*ナビゲーション*/
	display: flex;
	font-family: 游明朝;
	position: absolute;
	top: 20px;
	right: 30px;
	}
	
	.navi a{ /*ナビゲーションごとの空白*/
	padding: 6px;
	}
	
	.navi li a{
	color: black;
	text-decoration: none;
	}

	.saizu{ /*サイズ表注意書き*/
		font-family: 游明朝;
		font-size: 18px;
		margin: 50px 0 30px 350px;
		}
		
		.photo {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		}
		
		.photo div {
		display: flex;
		padding: 30px;
		}
		
		.photo img{
		width: 400px;
		}
		
		.made{
		font-family: 游明朝;
		font-size: 18px;
		color: black;
		margin-left: 380px;
		}

		.s{
		width: 40%;
		margin-left: 400px;
		}
			
			/*会社概要・お問い合わせ*/

			.otoi{
			line-height: 30px; 
			font-family: 游明朝;
			font-size:20px;
			position: absolute;
			top: 100px;
			left: 650px;
			}
			
			.otoi b{
			font-weight: bold;
			}
			
			.gaiyou{ /*概要*/
			font-size: 20px;
			margin-left: 350px;
			margin-top: 50px;
			margin-bottom: 20px;
			font-family: 游明朝;
			}
			
			.gai{/*概要内容*/
			width:600px;
			margin-left: 40px;
			text-align: left;
			}
			
			.you{
			margin-top: 30px;
			display: flex;
			margin-left: 220px;
			line-height: 30px;
			}

/*プライバシーポリシー*/
            .policy{
			margin: 60px 0 30px 0;
			margin-left: 550px;
			font-size: 23px;
			}
            .naiyou{
			margin-left: 250px;
			font-size: 15px;
			margin-bottom: 60px;
			}
			
}

table{/*サイズ表*/
margin-left: 500px;
width: 50%;
}

.t{/*特徴*/
margin-left: 500px;
}

.mark{/*おかずページのマーク*/
margin-left: 400px;
width: 130px;
}

.s{/*商品写真*/
width: 50%;
margin-left: 500px;
}

.bc{/*まえもどる*/
margin-left: 200px;
color: black;
}