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


*{overflow-y: hidden;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

.sold{color:#fff !important;
font-size: 13px!important;
background:red;
vertical-align:top;}



@font-face {
  font-family: "shs_regular";
  src: url("../font/SourceHanSansJP-Regular.eot?")  format('eot'),
       url("../font/SourceHanSansJP-Regular.woff")  format('woff');
	
	
	
}

body{}


/* -----------------------------------------------------------
 フォントサイズ基本
----------------------------------------------------------- */

html {
  font-size: 18px;
  font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-y:auto;
}

	
ul{list-style:none;
padding-left:0;}	


.in{margin-left:auto;
margin-right:auto;
width:96%;
   }	

a{text-decoration:none;}
		
img{border:0;
    width:100%;}		

.center{text-align:center;
}

#top a:hover img{opacity:0.7;
           filter: alpha(opacity=70);
}

		
.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
 clear: both;   
  visibility: hidden;
	font-size: 0.1em;} 	
	
.center{text-align:center;
margin-left:auto;
margin-right:auto;}

body{
	color:#595757;
	word-wrap: break-word;


}


.only-pc{display:none;}/*-----sp----*/
.only-sp{display:block;}/*-----sp----*/	

#main{width:100%;
margin-left:auto;
margin-right:auto;}




h1{
font-size: 10px;
}



.content{
	line-height:1.9em;}

.box{margin-bottom:15%;}

/*-----------------------------
header
-------------------------------*/



.pink-bg{background: #fdf2f1;
padding: 5% 0%;}


/*-----------------------------
key
-------------------------------*/

#key{margin-bottom:10%;}

/*-----------------------------
side
-------------------------------*/

.goods{text-align:center;
width:85%;
margin: 3% auto;}

.goods a{color:black;}


.goods a,a:hover,a:visited{
    color:black;
}


.goods span{color: red;
font-size: 20px;
font-weight: bold;
display: block;}

.toi{margin: 5% auto;}

.list li{background: #fdf2f1;
text-align: center;
width:90%;

font-weight: bold;
margin: 5% auto;}

.list li span{display: block;
	font-weight: normal;
font-size: 13px;}


/*-----------------------------
footer
-------------------------------*/



.go-top{width:10%;
float: right;
padding: 2%;}


.copy{color: #fff;
font-size: 10px;
	text-align: center;
}

#footer{background:#EF857B;}	
	







   
/*-------固定戻る---------*/  


#topbutton01 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      top: 0px;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: block;
      background: #fff;
} 



#topbutton03 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 3%;   /* ←下端からの距離 */
      right: 5px;    /* ←右端からの距離 */
      width: 6em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
	opacity: 0.7
} 


nav{font-size:16px;}

.glay{background:#f8f8f8;
padding: 5% 0% 5% 0%;}
.comp{width:30%;
padding: 5% 0%;}

@media only screen and (min-width: 640px) {
	
	
.comp{width:17%;
padding: 5% 0%;}

	
html {
    font-size: 20px;
    overflow-y: scroll;
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}	
	
	
.only-pc{display:block;}/*-----pc----*/
.only-sp{display:none;}/*-----pc----*/	


.in{margin-left:auto;
    margin-right:auto;
    max-width:1000px;}
		
h1{margin-bottom:0%;
font-size: 10px;
}
	

	
	
.box{margin-bottom:5%;}

/*-----------------------------
header
-------------------------------*/






/*-----------------------------
gnav
-------------------------------*/

	
	

/*-----------------------------
key
-------------------------------*/

.list li{background: #fdf2f1;
text-align: center;
width:45%;
float: left;
font-weight: bold;
margin: 2% 2% 2% 2%;}	

/*-----------------------------
main
-------------------------------*/
	
	.goods{width:100%;
	margin: 1% auto;}	
	
.goods li{float: left;
	width:30%;
	margin: 1%;
	}

	.toi{width:80%;
	margin: 5% auto;}

/*-----------------------------
footer
-------------------------------*/



	
/*-------固定戻る---------*/  
	
	

#topbutton01 {
      /* ▼表示位置を画面の右下に固定 */
      position: inherit; /* ←表示場所を固定 */
      top: 0px;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width: 100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
      background: #fff;
} 
	
	
	
	
#topbutton03 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 3%;   /* ←下端からの距離 */
      right: 18px;    /* ←右端からの距離 */
      width: 5em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
	opacity: 0.7

      
   } 


}