/*	EXAMPLE STYLES */
body {
	font-family: "M PLUS Rounded 1c","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFF;
	font-size: 12px;
	color: #000;
	display: block;
	margin: 0 auto;
	max-width: 1200px;
}

p{
	line-height:1.8;
	font-size: 14px;
}
.red{color:#FF0000;}
.blue{color: #6698CB;}

.right {text-align: right;}

.clerfix{clear:both;}




/* Typography
-------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.4;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 28px; } 
h5 {
	font-size: 18px;
}

ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}



/*================================
画像のサイズを100%にする
================================*/
img{
max-width: 100%;
height: auto;
width /***/:auto;　/*IE8のみ適用*/
}


/*================================
余白設定
================================*/

.tb-p10{
	padding-top: 10px;
	padding-bottom: 10px;
}

.lr-p30{
	padding-right: 3.75%;
	padding-left: 3.75%;
}

.lr-10p{
	padding-right: 10%;
	padding-left: 10%;
}

.r-10p{
	padding-right: 10%;
}

.t-m10{
	margin-bottom:10px;
}

.t-p5{
	padding-top: 5px;
}
.t-p15{
	padding-top: 15px;
}

.center{ text-align:center; }


.logo{ 
	padding-left: 10%;
	padding-right: 10%;
	width: 40%;
}

.insta{ 
	padding-left: 10%;
	padding-right: 10%;
	width: 30%;
	float: right;
}

.top{
	margin: 0;
	padding-bottom: 30px;
}

/*================================
main
================================*/
.container {
	margin: 0 100px 20px 100px;
	padding: 0;
	width: 1000px;
}

#main .text1{
	margin: 0px;
	padding: 30px 0 20px 0;
	text-align:center;
	line-height:2.2;
	font-size: 20px;
	font-weight: bold;
}

#main .text2{
	line-height:1.8;
	font-size: 14px;
}

#main .insta2{
	margin: 0px;
	padding: 50px 5% 50px 5%;
}



/*================================
FOOTER
================================*/

#footerContainer
{
	margin: 0 100px 0 100px;
	padding: 0;
	width: 1000px;
}

ul{
	display: block;
}

ul li {
	display: block;
	float: left;
}

#footerContainer ul li {
	width: 30%;
	padding-right: 100px;
}

#footerContainer  ul li:last-child {
	width: 20%;
	padding-right: 0;
}


#footerCR{
	text-align: center;
	padding-top: 10px;
}


@media only screen and (max-width: 600px) {
img{
max-width: 100%;
height: auto;
width /***/:auto;　/*IE8のみ適用*/
}	
	
.logo{ 
	width: 80%;
	text-align:center;
}
	
.insta{ 
	width: 80%;
	float: none;
	text-align:center;
}

.container {
	margin: 0 10% 20px 10%;
	width:80%;
}

#main .text1{
	font-size: 14px;
}
	
#main .text2{
	line-height:1.6;
	font-size: 10px;
}

	
#footerContainer
{
	margin: 0 10% 0 10%;
	padding: 0;
	width: 80%;
	ext-align: center;
}

ul li {
	float: none;
}

#footerContainer ul li {
	float: none;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}

#footerContainer  ul li:last-child {
	width: 100%;
	padding-bottom: 0;
	text-align: center;
}


#footerCR{
	text-align: center;
	padding-top: 40px;
}

}