﻿.maindesign{
	width:100%;
	max-width:600px;
	margin: auto;
	text-align:left;
	}
.maindesign h1{
	margin:0;
	padding:0;
}
.maindesign img{
	border:none;
	width:100%;
}

.maindesign .kome{
	text-align:right;
	margin-top:5px !important;
}

.maindesign .hidden{
	overflow:hidden;
}

.maindesign .fl{
	float:left;
}

.maindesign .mb10{
	margin-bottom:10px !important;
}

.maindesign .w32p{
	width:32%;
	margin-left:1%;
}

.maindesign .w48p{
	width:48%;
	margin-left:1%;
	margin-bottom:1%;
}

.maindesign .w50p{
	width:50%;
}

.maindesign .w98p{
	width:98%;
	margin-left:1%;
}


.maindesign h2{
	font-size:24px !important;
	margin-top:5px!important;
	
}

.maindesign .osusume{
	width:98%;
	text-align:left;
	color:#bb2f52;
	border-top:5px solid #bb2f52;
	height:25px;
	font-weight:bold;
	padding-bottom:15px;
	margin-left:1%;
}


.maindesign .name{
	width:98%;
	text-align:left;
	color:#5d29d4;
	border-top:5px solid #5d29d4;
	height:25px;
	font-weight:bold;
	padding-bottom:15px;
	margin-left:1%;
	margin-top:10px;
}


.maindesign .niwaki{
	width:98%;
	text-align:left;
	color:#336600;
	border-top:5px solid #336600;
	height:25px;
	font-weight:bold;
	padding-bottom:15px;
	margin-left:1%;
	margin-top:10px;
}

.maindesign .jouhou{
	width:98%;
	text-align:left;
	color:#001163;
	border-top:5px solid #001163;
	height:25px;
	font-weight:bold;
	padding-bottom:15px;
	margin-left:1%;
	margin-top:10px;
}

.maindesign .sonota{
	width:98%;
	text-align:left;
	color:#76367a;
	border-top:5px solid #76367a;
	height:25px;
	font-weight:bold;
	padding-bottom:15px;
	margin-left:1%;
	margin-top:10px;
}

.maindesign ul{
	padding:0;
	list-style:none;
}

.maindesign .product{
/*	overflow:hidden;
	width: 745px;*/
	margin:auto;
	display:flex;
	flex-wrap: wrap;
}

.maindesign .osusume_inner{
	width:48%;
	border:2px solid #206f42;
	margin-bottom:10px;
}

.maindesign .osusume_inner .osusume_right{
	margin-left:5px;
	width:97%;
	text-align:left;
}

.maindesign .osusume_inner.mr5{
	margin-right:1%;
}
.maindesign .setsumei{
	margin: 3% 0 0 0!important;
	height:65px;
	font-size: 1.3em;
    line-height: 1.4em;
}

.maindesign .product_name {
	font-size: 1.8em;
    line-height: 1.1em;
    font-weight: bold;
	margin-bottom: 10px!important;
	height:80px;
}
.maindesign .product_name span{
	font-size: 0.7em;
}

.maindesign .price{
	text-align:right;
	font-size:30px;
	font-weight:bold;
	color:#CC0000;
	margin:0 !important;
}

.maindesign .price .tax{
	font-size:14px;
	color:#000000;
}

.maindesign .price .yen{
	font-size:14px;
	font-weight:normal;
}

.maindesign .buy{
	/*width:300px;*/
	margin:3%!important;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#fff;
	border:2px solid #206f42;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#000000;
	background-image:url(/contents/niwaki/img/1911/san.png) ;
	background-repeat:no-repeat;
	background-position-y:center;
	background-position-x:95%;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	
}

@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/

.maindesign .osusume_inner{
	width:96%;
	margin: 0 auto 10px!important;
}

.maindesign .osusume_inner .flex{
	display: flex;
}

.maindesign .osusume_inner .flex img{
	width:49%;
}

.maindesign .osusume_inner .osusume_right {
    margin-left: 1%;
    width: 49%;

}

.maindesign .setsumei {
   height:100px;
}

.maindesign .product_name {
	font-size: 1.6em;
}

}


