@charset "shift_jis";
/* CSS Document */

@font-face {
	font-family: "myFont";
    src: url('flopdesign-kana.eot');
    src: url('flopdesign-kana.eot?#iefix') format('embedded-opentype'),
         url('flopdesign-kana.woff2') format('woff2'),
         url('flopdesign-kana.woff') format('woff'),
         url('flopdesign-kana.ttf') format('truetype'),
         url('flopdesign-kana.svg#flopdesign-kana') format('svg');
		     font-weight: normal;
    font-style: normal;
}
.myFontClass {
  font-family: "myFont";
}


body {
 font-family: "myFont",'游明朝', YuMincho,'メイリオ',Meiryo,'ＭＳ Ｐ明朝','ＭＳ 明朝',MS PMincho,'ヒラギノ明朝 ProN W3',Hiragino Mincho ProN,serif!important;
  position: relative;
  -webkit-text-stroke-width: 0.2px;

}
.header_top {
	background-color:#FFFFFF;
}

.row{
margin-top:1%;
margin-left:1%;
}

.row > div{
color:#000000;
padding:10px;
}

.single-products {
  position: relative;
  display:block;


}




.box {
background: #FFFFFF!important;
margin-bottom: 1em;
padding:2px;
display: inline-block;
vertical-align: top;
        }

/*img{width:100%;}*/


 
.tittle{ font-size:200%;
		color:#6D482B;
		white-space : normal;
		font-weight:bold;
		line-height: 100%;
		}
 
		.itemname{
			margin-top:2%;
		font-size:100%;
		color:#6D482B;
		white-space : normal;
		font-weight:bold;
		
		line-height: 100%;
		}
		
		.itemname:after {
	content: "\A" ;
	white-space: pre ;
}
		.itemname span{ font-size:80%;
		font-weight:200;
margin-top:2%;
		}
	
		.itemname span:before {
	content: "\A" ;
	white-space: pre ;
}

		.day { font-size:65%;
		padding:1%;
		font-weight:200;
		border-top: solid #6D482B 1px;
   text-align:right;
color:#808080;
		}
		
		.day:before {
content: "更新日:";
font-size: 100%;

}
.com{ padding-top:10px;}




.obi {
  position: absolute;
  top: 0;
  right: 0;
}

a { text-decoration: none!important; }

.botan{ background-color:#6D482B;
color:#FFF;
margin:0px auto;
	  border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	text-align:center;
	padding:5px;
	font-weight:bold;

}
.botan:hover{ background-color: #F60;

}



@media only screen and (min-width: 601px) {


.screensize2 {       display:none;}
}


.itemBox{
	width:22%;
	border:1px solid gray;
	margin-right:1%;
	margin-left:1%;}
@media screen and (min-width: 399px) and (max-width: 765px)  {

	.itemBox{
	width:30.1%;
}
.screensize {       display:none;}
}

@media screen and (max-width: 398px) and (min-width: 300px) {
	.itemBox{
	width:46.5%;
}
.screensize3 {       display:none;}
}
@media screen and (max-width: 299px) and (min-width: 280px) {

	.itemBox{
	width:46%;
}

.screensize4 {       display:none;}
}

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

	.itemBox{
	width:46%;
margin-right:0.5%;
	margin-left:0.5%;
}

.itemname{
		font-size:75%;}
.itemname span{ font-size:80%;
		}
.screensize4 {       display:none;}
}