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

@media screen and (max-width:649px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　

}
#container{
	width:100%;
}

#contents {
	margin:0 auto;
	
}

header  {
	margin:0 auto;
	
}

header #wrap {
	margin:0 auto;
	    background-color: #FEF9F9;
}

header h1	{
	margin:0 auto;
	padding:.5em;
	text-align:center;
	width:30%;
}

header h1 img {
	width:50%;
}

section .image  {
	width:100%;
	margin:0 auto;
}

section .image img  {
	width:100%;
}

section  {
	margin:0 auto;
	width:100%;
	margin-top: 2%;
	margin-bottom:40px;
        background-color: #FEF9F9;
        font-family: 'Josefin Sans', sans-serif;
}

section img {
	width:100%;
}

#menu	{
	width:97%;
	 background-color: #FEF9F9
	margin:0;
	padding-left:3%;
        font-family: 'Josefin Sans', sans-serif;
}

#menu > div  {
	float:left;
	background-color: #FEF9F9
	color:black;
	width:12.5%;
	text-align:center;
	padding:.5% 0;
        font-family: 'Josefin Sans', sans-serif;
}

#menu a:link {
	color:black;
	text-decoration:none;
        font-family: 'Josefin Sans', sans-serif;
}

#menu a:visited { 
	color:black;
	text-decoration:none;
}

footer  {
	width:99%;
	margin:0 auto;
	margin-top:1%;
	margin-bottom:1%;
	padding-left:1%;
	text-align:center;
	padding-bottom:0px;
	font-size:80%;
        font-family: 'Josefin Sans', sans-serif;
}



#menu {
		display: none;
		
}
#menu ul {
         list-style: none;
}
	
#menu li {
		width: 100%;
		padding:.9em 0;
		margin-right:0;
                list-style-type: none;
}

#toggle {
		display: block;
		position: relative;
		width: 100%;
		 background-color: #FEF9F9;
		border:1px black solid;
             font-family: 'Josefin Sans', sans-serif;
}

#toggle img {
	width:20px;
}

#toggle a{
		display: block;
		position: relative;
		padding: 20px 0 20px;
		color:black;
		text-align: center;
		text-decoration: none;
}
	
#toggle a:visited { 
	color:black;
	text-decoration:none;
}
	
#toggle a:link {
	color:black;
	text-decoration:none;
}	
	
#toggle a:hover {
	color:black;
	text-decoration:none;
}
	

	
#toggle a:before {
		margin-top:-9px;
}
	
#toggle a:after {
		margin-top: 3px;
}

.slidelist	{
	width:100%;
}

#news	{
	margin:0 auto;
	width:90%;
	background-color:#51B3E2;	
	padding:5%;
	margin-top: 2%;
	
}

#news .wrap	{
	padding:1% 2%;
	background-color: #FEF9F9;
	
}

#news span {
	color:#51B3E2;
	font-size:150%;
}

#banner	{
	margin:0 auto;
	width:90%;
	background-color: #FEF9F9;	
	padding:5%;
	
}

#news .wrap .box	{
	padding-bottom:1%;
	padding-top:3%;
	padding-left:3%;
	padding-right:3%;
	border:3px solid pink;
	border-top:10px solid pink;
	border-radius:10px;
	margin:5px 5px 10px 5px;
	overflow:hidden;
}


#news .wrap .box .left {
	width:30%;
	float:left;
}

#news .wrap .box .left img {
	width:100%;
}


#news .wrap .box .right {
	width:65%;
	margin-left:5%;
	float:left;
}

#news .wrap .boxwrap .boxwide {
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	border:3px solid red;
	border-radius:10px;
	overflow:hidden;
	width:90%;
	margin:0 auto;
	margin-top:2%;
	padding: 2%;
	margin-bottom:10px;
}
	
#news .wrap .boxwrap .boxwide table  {
		border: 1px solid #666;
		width: 100%;
	
	}	
	
	#news .wrap .boxwrap .boxwide table td {
		padding:3%;
		border-right:1px solid #999;
    	border-bottom:1px solid #999;
	}	
	
#banner .wrap	{
	padding:1%;
	background-color: #FEF9F9;
	
}

#banner .box	{
	width:96%;
	padding:2%;
	margin:0 auto;
}

#shop	{
	width:95%;
	margin:0 auto;
	margin-top:10px;
}

#shop .wrap	{
	width:95%;
	margin:0 auto;
}

#shop .shop	{
	padding-bottom: 1em;
}

	.pad {
		padding-top: 1em;
	}
	
#shop .shopin	{
	
	
}

#shop .box	{
	width:100%;
	font-size:90%;
}

#shop .box p.n1 {
	margin:0;
	font-size:130%;
	color:blue;
	font-weight: bold;
}

#shop .box p.n2 {
	margin:0;
	font-size:130%;
	color:blue;
	font-weight: bold;
}

#shop .map	{
	width:100%;
}

#shop .box3	{
	width:95%;
	margin:0 auto;
	border-bottom:1px solid #666;
	padding-bottom:10px;
	padding-top:5px;
	margin-bottom:10px;
	font-size:90%;
	
}

#shop .box3 p {
	margin:0;
	font-weight: bold;
}

#company	{
	width:95%;
	margin:0 auto;
	margin-top:10px;
}

#company .wrap	{
	width:95%;
	margin:0 auto;
}

#company .shop	{
	border-top:1px solid #999;
}

#company .wrap .box1	{
	width:100%;
}

#company .wrap .box1 img {
	width:20%;
}

#company .wrap .box1 > p {
	margin-top:5px;
	margin-bottom:5px;
}

#company .wrap .box2	{
	width:60%;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
}

#company .wrap .box2 img  {
	width:100%;
}

#company  .box	{
	width:100%;	
	float:left;
	margin-bottom:10px;
}

#company .box> p{
	margin:0;
	color:#43D183;
}

#company .wrap .info	{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}

#company .pic	{
	width:100%;
}

#company .pic img {
	width:100%;
	padding-bottom:5px;
}

#sns	{
	width:95%;
	margin:0 auto;
	margin-top:10px;
}

#sns .wrap	{
	border-top:1px solid #999;
	padding:5px 0;
	width:100%;
	overflow:hidden;
}

#sns .s1	{
	width:95%;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	
}

#sns .s1 p	{
	font-size: 150%;
	color: red;
	margin-top: 3px;
}
	
#sns .s2	{
	width:50%;
	float:left;
	text-align:left;
	margin-bottom:10px;
}

#sns .s2 img {
	width:30%;
	padding-right:2%;
}

#collabo	{
	width:95%;
	margin:0 auto;
	margin-top:10px;
}

#collabo .wrap	{
	border-top:1px solid #999;
	padding:5px 0;
	width:100%;
	overflow:hidden;
}

#collabo .box	{
	width:95%;
	margin:0 auto;
}

#collabo .box .c-banner	{
	
}

#collabo .box .c-banner a:link {
	color:black;
}

#look	{
	width:95%;
	margin:0 auto;
	margin-top:10px;
}

#look .wrap	{
	border-top:1px solid #999;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

#look .wrap > p {
	margin:1% 0;
	padding-left:2%;
}

#look .box {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

#look .box .st	{
	padding:1% 0;
	width:47%;
	float:left;
	margin:0 1.5%;
}

#lookfoot	{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

#lookfoot .past {
	overflow:hidden;
	margin-top:20%;
}

#lookfoot .past .ct {
	text-align:center;
	float:left;
	width:48%;
	margin:2% 1%;
}


#lookfoot .past .ct img {
	width:100%;
}

#history	{
	width:100%;
	margin:0 auto;
	margin-top:10px;
}

#history .wrap	{
	
	padding:2.5% 0;
	width:100%;
	overflow:hidden;
	background-color:#FEF9F9;
}

#history .wrap .box .item	{
	width:90%;
	margin:0 auto;
	background-color: #FEF9F9;
	padding:2%;
	margin-bottom:2.5%;
	border-radius: 5px;
}

#history .wrap .box .item > p {
	margin:0;
}

h2.sns {
	margin:0 auto;
}

	.whole {
		margin-top: 1em;
		border-bottom: 2px solid;
		margin-bottom: .5em;
	}

	.shoplist	{
		border-bottom: 2px solid;
	}
	
#hifi	{
	width:95%;
	margin:0 auto;
	margin-top:10px;
}

#hifi .wrap	{
	width:95%;
	margin:0 auto;
}

#hifi .shop	{
	border-top:1px solid #999;
}

#hifi .wrap .box1	{
	width:100%;
}

#hifi .wrap .box1 img {
	width:60%;
}

#hifi .wrap .box1 > p {
	margin-top:5px;
	margin-bottom:5px;
	color:#00cd00;
	font-weight:bold;
	font-size:140%;
}

#hifi .wrap .box2	{
	width:60%;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
}

#hifi .wrap .box2 img  {
	width:100%;
}

#hifi  .box	{
	width:100%;	
	float:left;
	margin-bottom:20%;
}

#hifi .box> p{
	margin:0;
	color:#43D183;
}

#hifi .wrap .info	{
	width:100%;
	margin-top:20px;
	float:left;
	color:#00cd00;
	font-weight:bold;
	font-size:140%;
}

#hifi .pic	{
	width:48%;
	margin:0 1%;
	float:left;
}

#hifi .pic img {
	width:100%;
	padding-bottom:5px;
}

#hifi .wrap .box1 .ivent_l	{
	width:100%;
	text-align:center;
	margin:0 auto;
	margin-bottom:20px;
}

#hifi .wrap .box1 .ivent_l img {
	width:100%;
}


#hifi .wrap .box1 .ivent3 p.title {
	color:red;
	font-weight:bold;
}

#hifi .wrap .box1 .ivent3	{
	width:98%;
	text-align:center;
	padding:0 1%;
	margin-top:10%;
}

#hifi .wrap .box1 .ivent3 p.prof {
	text-align:left;
	padding:5%;
	width:90%;
	border:1px solid red;
}

#hifi .wrap .box1 .ivent2	{
	width:98%;
	text-align:center;
	padding:0 1%;
	margin-top:10%;
}

#hifi .wrap .box1 .ivent2 p.prof {
	text-align:left;
	padding:5%;
	width:90%;
	border:1px solid red;
}

#hifi .wrap .box1 .ivent1	{
	width:98%;
	text-align:center;
	padding:0 1%;
	margin-top:10%;
}

#hifi .wrap .box1 .ivent1 p.prof {
	text-align:left;
	padding:5%;
	width:90%;
	border:1px solid red;
}

#hifi .wrap .archives {
	width:100%;
	overflow:hidden;
}

#hifi .wrap .archives .box {
	width:48%;
	float:left;
	margin:0 1%;
}

#hifi .wrap .archives .box img {
	width:100%;
}

#hifi .wrap .archives p {
	color:#00cd00;
	font-weight:bold;
	font-size:140%;
}


#look .wrap .cheerz	{
	width:100%;
	overflow:hidden;
}

#look .wrap .cheerz .image {
	width:60%;
}

#look .wrap .cheerz>p {
	text-align:center;
	margin-top:0;
}

#look .wrap .cheerz .image img {
	width:100%;
}

#look .wrap .cheerz2	{
	width:100%;
	overflow:hidden;
}

#look .wrap .cheerz2 .image {
	width:80%;
	margin-top: .5em;
}

#look .wrap .cheerz2>p {
	text-align:center;
	margin-top:0;
}

#look .wrap .cheerz2 .image img {
	width:100%;
}

#look .wrap .cheerz2 .box {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}	
	
	#look .wrap .cheerz2 .box .item {
		float: left;
		width: 40%;
		margin: 0 5%;
		text-align: center;
	}	
	
	#look .wrap .cheerz2 .box .item img {
		border: 1px solid #999!important;
	}
	
	#look .wrap .cheerz2 .mainbanner {
		margin: 0 auto;
		width: 100%;
		margin-bottom: .5em;
		margin-top: .5em;
		
	}
	
	#look .wrap .cheerz2 .mainbanner img {
		width: 100%;
	}
	
#lp1	{
	width:100%;
	margin:0 auto;
	margin-top:10px;
}

#lp1 .wrap	{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

#lp1 .wrap > p {
	margin:1% 0;
	padding-left:2%;
}

#lp1 .box	{
	width:90%;
	margin:0 auto;
}

a:link#lp1.box	{
	display:block;
	width:400px;
	background-image:url(../img/lp/leaders_on.jpg);
	list-style:none;
	text-indent:-10000px;
}

	
a:hover#lp1.box	{
	display:block;
	width:400px;
	background-image:url(../img/lp/leaders_on.jpg);
	list-style:none;
	text-indent:-10000px;
}


#lp1 .box2	{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

#lp1 .box2>p {
	font-size:30%;
	padding-top:2%;
	margin-top:5%;
	margin-bottom:10%;
}


#lp1 .box .st	{
	padding:1% 0;
	width:47%;
	float:left;
	margin:0 1.5%;
}

h2.lp1 {
	width:90%;
	margin:0 auto;
}

.ldc {
	width:99%;
	margin:0 auto;
	font-size:80%;
	padding-left:1%;
	text-align:center;
}

#lp1 .box2 .s1	{
	background-color: #FEF9F9;
	overflow:hidden;
	padding:5%;
	color:black;
	margin-top:10%;
}

#lp1 .box2 .s1 p {
	font-size:80%;
}

#lp1 .box2 .s1 .title {
	width:70%;
	margin-bottom:5%;
}

#lp1 .box2 .s2	{
	overflow:hidden;
	padding:5%;
	background-color:#e6e8f5;
	background:#fff url(../img/lp/bg.gif) repeat;
}

#lp1 .box2 .s2 .imgbox	{
	width:100%;
	margin:2% 0;
}

#lp1 .box2 .s2 p {
	font-size:80%;
}

#lp1 .box2 .s2 .title {
	width:70%;
	margin-bottom:5%;
}

#lp1 .box2 .image {
	margin:0 auto;
}


#lp1 .box2 .s3	{
	background-color: #FEF9F9;
	overflow:hidden;
	padding:5%;
	color:black;
}

#lp1 .box2 .s3 p {
	font-size:80%;
}

#lp1 .box2 .s3 .title {
	width:70%;
	margin-bottom:5%;
}

#lp1 .box2 .s3 .imgbox	{
	width:100%;
	margin:2% 0;
}

#end {
	margin:0 auto;
	width:100%;
	margin-top:10%;
}

#lp1 .box2 .text	{
	text-align:center;
	margin-bottom:10%;
	overflow:hidden;
}

#lp1 .box2 .lnk	{
	width:45%;
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	margin-bottom:5%;
}

#lp1 .box2 .lnk img	{
	width:100%;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#lp1 .box2 .mem	{
	width:45%;
	float:left;
	text-align:center;
	font-weight:bold;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-bottom:5%;
}

#lp1 .box2 .mem img	{
	width:100%;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#widget {
	margin:0 auto!important;

}

#lp1 .box2 .insta {
	max-width:100%;
	width:138px;
	font-weight:normal;
	font-size:80%;
	box-shadow:0px 0px 1px;
    border:1px solid #000;
	border-radius:5px;
	margin:0 auto;
}

#lp1 .box2 .insta img {
	width:10%;
	border-radius:0;
	margin-right:5%;
}

#colorme {
	overflow:hidden;
	width:100%;
	margin-top:10%;
}

.colorme {
	width:80%;
	margin:0 auto;
}

.sax	{
		color: #51B3E2!important;
	}	
	
	.sax a:link	{
		color: #51B3E2!important;
	}
	
	.sax a:visited	{
		color: #51B3E2!important;
	}
	
#news .wrap .boxwrap > ul{
		padding: 0;
	}	
	
	#news .wrap .boxwrap .box > li{
		padding: .25em;
	}

	.pc-only {
		display: none;
	}

	#news .wrap .boxwrap .box > li h2 {
		font-size:100%!important;
		font-weight: bold!important;
	}
	
	#news .wrap .boxwrap .box > li p {
		font-size:80%!important;
	}
	
	.heightLine-news	{
		
	}
	
	.view-cont {
		margin-top: 0;
		margin-bottom: 0;
		margin: 0 auto;
		background-color: pink;
		color: black;
		border-radius: 8px;
		text-align: center;
		padding: .5em 0;
		width: 40%;
		font-weight: bold;
	}
	
	.fixed {
  position: fixed!important;
  top: 0px;
}
	
	#nav {
		margin:0;
		position: relative;
		z-index: 9999;
		width:100%;
	}
	
	#bar {
		margin:0;
		
	}
	
	
	.pc-only {
		display: none;	
	}
}