@charset "UTF-8";

/* メディアクエリ設定（＊widthが７６７px以下の場合にCSSを適用する） */

@media screen and (max-width:768px){

/*==========
各ページ共通
==========*/
html,body{
	font-size:15px;
	line-height:1.5em;
	background:#fff;
}
	
br.spoff{
		display:none;
	}

br.pcoff{
		display:block;
	}

span.spoff{
		display:none;
	}

	p.spfirst{
		padding-top:10px;
	}	

	ul li.spinline{
		float:left;
		width:48%;
	}

/* フォントアイコン */
.fa-chevron-up{
	font-size:1.8em;
}

/*==========
headerエリア
==========*/
/** header **/
header{
	width:100%;
	height:auto;
	text-align:center;
	margin:0px auto;
	background: #fff;
	padding-top:0;
}

	header h1{
		max-width: 50%;
		height: auto;
		margin:0 auto;
		padding-top:60px;
	}
	header h1 img{
		max-width: 100%;
		height: auto;
	}

/* CALME indexページ */

#contents{
	width:100%;
	height:auto;
	padding-top:0px;
	padding-bottom:60px;
	margin:0px auto 0px;
	font-size:15px;
}
	

.firsttext p{
	line-height: 2.8;
	padding-top:50px;
}
	
	
#shop{
	width:100%;
	height:auto;
	margin:150px auto 0px;
}
#shop article{
	width:90%;
	height: auto;
}
	
#shop article p img{
	width:100%;
	height: auto;
	margin:0 auto;
}
	
#shop article h2{
	text-align: justify;
	margin-top:10px;
	font-size: 15px;
}
#shop article h1{
	text-align: justify;
	font-size: 18px;
}
#shop article p.text{
	text-align: justify;
	margin-top:15px;
	margin-bottom:20px;
}

#info{
	width:92%;
	height:auto;
	margin:50px auto 0;
	background:#9FB0BD;
	padding:4%;
	padding-bottom:500px;
	
}
#info h1{
	font-size: 18px;
	color:#fff;
	text-align: justify;
	margin-top:10px;
}

#info article{
	width:92%;
	padding:4%;
	height: auto;
	margin:30px auto;
	text-align: justify;
	background:#fff;
	border-radius: 20px;
}
#info article h2{
	font-size: 16px;
	border-bottom:1px solid #9FB0BD;
}

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

#privacy{
	width:90%;
	height:auto;
	margin:0px auto;
	padding-top:100px;
	text-align:justify;
}
	

#privacy dl{
	width:100%;
	margin-left:0;
	text-align:left;
}

#privacy dl dt{
	float:left;
	padding-right:10px;
}

/* CALME サイトマップページ */
#sitemap{
	width:100%;
	height:auto;
	margin:100px auto 550px;
}
#sitemap article{
	width:90%;
	height: auto;
}
	
#sitemap article h2{
	text-align: justify;
	margin-top:10px;
	font-size: 15px;
}
#sitemap article h1{
	text-align: justify;
	font-size: 18px;
}
	
/*プレスリリース*/
#press{
	width:92%;
	height:auto;
	margin:50px auto 0;
	background:#9FB0BD;
	padding:4%;
	padding-bottom:500px;
	
}
#press h1{
	font-size: 18px;
	color:#fff;
	text-align: justify;
	margin-top:10px;
}

#press article{
	width:92%;
	padding:4%;
	height: auto;
	margin:30px auto;
	text-align: justify;
	background:#fff;
	border-radius: 20px;
}
#press article h2{
	font-size: 16px;
	border-bottom:1px solid #9FB0BD;
}
	
/*404*/
.error404{
	width:90%;
	height: auto;
	margin:60px auto 560px;
}

.error404 p.entitle{
	text-align: center;
	font-size: 28px;
	font-family: "Osaka-mono", "MS Gothic", "monospace";
	color:#343F56;
	font-weight:bold;
	margin-bottom:10px;
}

/*TOPへ戻る*/
.error404 p.topbunner a{
	display: block;
	width:100%;
	height: 50px;
	line-height: 50px;
	margin:80px auto;
}


	
/** footer **/
footer{
	width:100%;
	height:auto;
	padding-bottom:40px;
}

footer a:hover{
	text-decoration:none;
}

#footerContents{
	width:80%;
	height:auto;
	margin:0 auto;
	position:relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
	
#footerContents .fotteradd{
	width:90%;
	height: auto;
}

#footerContents h1{
	margin-top:30px;
	margin-bottom:0;
	font-size: 18px;
	font-weight: lighter;
}

#footerContents ul {
	width:80%;
	height: auto;
}
#footerContents ul li{
	margin-top:20px;
}

p.gototop{
	position:absolute;
	top:0;
	right:0;
}

}