@charset "utf-8";

#topmain{
	width:100%;
	padding-top:124px;
	background:url(../images/bg_topmain.jpg);
	overflow:hidden;
	padding-bottom:0px;
}
#topmain .att{
	width:600px;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:-300px;
}

#topmain img{
	vertical-align:top;
}
#topmain .section{
	width:1000px;
	margin:0px auto;

}
#topmain .inner1{
	background:url(../images/bg_1.gif) center top repeat-x;
	position:relative;
}
#topmain .inner2{
	background:url(../images/bg_topmain2.jpg) center top no-repeat;
}
#topmain .c01{
	height:334px;background:url(../images/about1.jpg) 0 0 no-repeat;z-index:100;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 	
}
#topmain .c02{
	height:442px;background:url(../images/about2.jpg) 0 0 no-repeat;z-index:100;
	text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
}
#topmain .c03{
	height:395px;
	background:url(../images/about3.jpg) right top no-repeat no-repeat;
	margin-bottom:25px;
}
#topmain .kakoi,
#topmain .kakoi-{
	-webkit-box-shadow: 1px 1px 3px #DFCC96;   
	-moz-box-shadow: 1px 1px 3px #DFCC96;
	border:solid 1px #ffcc00;
	margin:0 auto 50px auto;
	overflow:hidden;
	background:url(../images/voice.jpg) 0 0 no-repeat;
}
#topmain .kakoi-{
	margin-bottom:10px;
}
#topmain .voicearea{
	margin:195px 0 0 15px;
	width:970px;
}
#topmain .voicearea h3{
	background:#ffcc00;
	padding:10px;
}
#topmain .voicearea .scroll{
	background:#fff;
	height:450px;
	overflow-y:auto;
}
#topmain #gift{
	max-width:1000px;
	margin:0px auto 30px auto;
	background:url(../images/gift_bm.png) left bottom no-repeat;
	padding-bottom:24px;
	background-size:100% auto;
}
#topmain #gift img{
	max-width:100%;
	height:auto;
	vertical-align:top;
}

#topmain .layout2{
    letter-spacing: -.40em;
	margin-bottom:10px;
}

#topmain .layout2 li{
    letter-spacing: normal;
    width: 50%;
    vertical-align: top;
    display: inline-block;
    /display: inline;
    /zoom: 1;
}
#topmain .layout2 li .comentwaku{
	border:solid 1px #ccc;
	margin:10px 10px 0 0px;
	padding:5px 8px;
}
#topmain .layout2 li .comentwaku p.user{
	font-size:11px;
	text-align:right;
	margin-top:5px;
	font-weight:normal;
}
#topmain #orderbox{
	background:url(../images/tamago2.jpg) 0 0 no-repeat;
	width:901px;
	height:auto;
	margin:0 auto 30px auto;
	position:relative;
}
#topmain #orderbox p.att2{
	margin:20px 50px 10px 50px;
}
#topmain #orderbox-bm{
	background:url(../images/order-bm.gif) left bottom no-repeat;
	min-height:20px;
}
#topmain #orderbox .button{
	padding:335px 0 0 0;
	text-align:center;
}
#topmain #orderbox .button2{
	position:absolute;
	top:455px;
	left:0px;
	width:901px;
	text-align:center;
}
#topmain #orderbox .button3{
	position:absolute;
	top:450px;
	left:0px;
	width:901px;
	text-align:center;
}

#topmain #orderbox .button a img,
#topmain #orderbox .button2 a img{
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
#topmain #orderbox .button a:hover img,
#topmain #orderbox .button2 a:hover img{
   -webkit-transform: translateY(-3px);
   -moz-transform: translateY(-3px);
   -o-transform: translateY(-3px);
   -ms-transform: translateY(-3px);
   transform: translateY(-3px);
}
#topmain .shoppingwaku{
	background:#fff;
	-webkit-box-shadow: 1px 1px 3px #DFCC96;   
	-moz-box-shadow: 1px 1px 3px #DFCC96;
	padding:10px;
	min-height:450px;
	width:960px;
	margin:0px auto 50px auto;
	border:solid 1px #DDC99A;
}

#topmain .contactarea{
	background:url(../images/bg_contact.jpg) 0 0 no-repeat;
	width:980px;
	height:129px;
	position:relative;
	margin:0px auto;
}
#topmain .contactarea .contactbtn{
	position:absolute;
	left:454px;
	top:27px;
}
#topmain .contactarea p{
	display:none;
}

.shoppingwaku .productsimg{
	float:left;
	width:450px;
}
.shoppingwaku .shohinarea{
	margin:0 0 0 480px;
}
.shoppingwaku .shohinarea h2{
	font-size:24px;
	padding:25px 0;
}
.shoppingwaku .shohinarea p{
	margin-bottom:20px;
}
.shoppingwaku .shohinarea .gaiyo{
	overflow:hidden;
	border-bottom:dotted 1px #ccc;
	margin-bottom:20px;
}
.shoppingwaku .shohinarea .gaiyo dt{
	float:left;
	width:100px;
}
.shoppingwaku .shohinarea .gaiyo dd{
	margin:0 0 0 100px;

}
.shoppingwaku .shohinarea .gaiyo dt,
.shoppingwaku .shohinarea .gaiyo dd{
	border-top:dotted 1px #ccc;
	padding:10px 0;
	font-size:12px;
}
.shoppingwaku .shohinarea .kakaku{
	overflow:hidden;
	margin-bottom:15px;
	
}
.shoppingwaku .shohinarea .kakaku dt{
	float:left;
	width:100px;
	margin-top:10px;
}
.shoppingwaku .shohinarea .kakaku dd{
	margin:0 0 0 100px;
}
.shoppingwaku .shohinarea .kakaku dd span{
	font-size:28px;
	font-weight:normal;
	vertical-align:middle;
	margin-right:2px;
}
.shoppingwaku .shohinarea .cartbox{
	/*width:500px;*/
}
.shoppingwaku .shohinarea .cartbox h4{
	background:#ffcc00;
	padding:10px;
	margin-bottom:10px;
}
.shoppingwaku .shohinarea .cartdl{
	overflow:hidden;
	margin:0 0 10px 0;
}
.shoppingwaku .shohinarea .cartdl dt{
	float:left;
	width:100px;
	padding-top:5px;
}
.shoppingwaku .shohinarea .cartdl dd{
	margin:0 0 0 100px;
}
.shoppingwaku .shohinarea .cartdl dd .suryo{
	width:80px;
}
.shoppingwaku .shohinarea .button{
	margin:0 0 15px 0;
	text-align:right;
}

.pcview{
	display:block;
}
.pcview2{
	display:inline;
}

.spview,.spview2{
	display:none;
}
#topmain .kakoi2{
	border:solid 1px #ff6600;
	padding:10px;
	margin:0 50px 10px 50px;
}
#topmain .kakoi2 h4{
	text-align:center;
	font-size:18px;
	color:#ff6600;
}
#topmain .kakoi2 p.msg{
	margin-bottom:0px;
}
#topmain .kakoi2 .check{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	color:#C00
}


#topmain .popupbutton{
	display:block;
	background:#fff url(../images/redarrow.png) 10px 13px no-repeat;
	color:#C00;
	border:solid 1px #C00;
	padding:14px 10px 14px 36px;
	font-size:15px;
	font-weight:700;
	line-height:1;
	margin-top:0px;
	margin-bottom:15px;
	cursor:pointer;
}
#fixinfo{
	position:absolute;
	position:fixed;
	z-index:9999;
	background-color:rgba(255,255,255,0.9);
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	display:none;
}
#fixinfo .table{
	display:table;
	height:100%;
	width:100%;
}
#fixinfo .table .center2{
	display:table-cell;
	height:100%;
	vertical-align:middle;
}
#fixinfo .table .center2 .infobox{
	max-width:680px;
	margin:0px auto;
	padding:20px;
	background:#fff;
	border:solid 1px #ff6600;
}
#fixinfo .table .center2 .infobox h3{
	font-size:20px;
	text-align:center;
	margin-bottom:15px;
}
#fixinfo .table .center2 .infobox p{
	margin-bottom:14px;
	line-height:1.6;
}
#fixinfo .table .center2 .infobox .close{
	display:block;
	width:150px;
	color:#fff;
	background:#ff6600;
	text-align:center;
	padding:10px 30px;
	margin:0px auto;
	cursor:pointer;
}
#fixinfo .table .center2 .infobox .close:hover{
	background:#ff5500;
}

.shoppingwaku .shosaibtn{
	display:none;
}
.shoppingwaku .shosaibtn span.close{
	display:none;
}
.shoppingwaku .kakakuarea{
	overflow:hidden;
	padding:20px 20px 14px 20px;
	background:#fff3b8;
}
.shoppingwaku .kakakuarea .button{
	margin-bottom:0px;
}
#topmain .button-shop{
	margin:0px auto 30px auto;
	max-width:1000px;
}
#topmain .button-shop a img{
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
#topmain .button-shop a:hover img{
   -webkit-transform: translateY(-3px);
   -moz-transform: translateY(-3px);
   -o-transform: translateY(-3px);
   -ms-transform: translateY(-3px);
   transform: translateY(-3px);
}

@media screen and (max-width:680px){
#topmain .popupbutton{
	margin-right:10px;
	margin-left:10px;
}
#fixinfo .table .center2 .infobox{
	margin:0px 10px;
	padding:10px;
}
#topmain .kakoi2{
	border:solid 1px #ff6600;
	padding:10px;
	background:#fff;
	margin:10px 16px 0px 16px;
	border-radius:10px;
}
#topmain .kakoi2 h4{
	text-align:center;
	font-size:16px;
	color:#ff6600;
	margin-bottom:14px;
}
#topmain .kakoi2 p.msg{
	margin-bottom:0px;
	text-align:left;
	font-size:13px;
}
#topmain .kakoi2 .check{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	color:#C00
}
#topmain #gift{
	background:url(../images/gift_bm.png) left bottom no-repeat;
	padding-bottom:14px;
	background-size:100% auto;
}
#topmain #orderbox .button a:hover img,
#topmain #orderbox .button2 a:hover img{
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.pcview,.pcview2{
	display:none;
}

.spview{
	display:block;
}
.spview2{
	display:inline;
}
	
#topmain .section{
	width:100%!important;
	margin:0px auto;

}	
#topmain .section img{
	max-width:100%;
	height:auto;
}
#topmain{
	width:100%;
	padding-top:0px;
	background:url(../images/bg_topmain.jpg);
	overflow:hidden;
	padding-bottom:0px;
}
#topmain .c01{
	height:auto;
	background:none;
}
#topmain .c01 h2,#topmain .c01 p,
#topmain .c02 h2,#topmain .c02 p{
	display:none;
}
#topmain .c02,#topmain .c03{
	height:auto;
	background:none;
}
#topmain .c03{
	margin-bottom:25px;
}
#topmain .voicearea{
	margin:0px 0 0 0px;
	width:100%;
	background:none;
}

#topmain .kakoi{
	-webkit-box-shadow: 1px 1px 3px #DFCC96;   
	-moz-box-shadow: 1px 1px 3px #DFCC96;
	border:solid 1px #ffcc00;
	margin:0 5px 20px 5px;
	overflow:hidden;
	width:auto;
	background:none;
}
#topmain .kakoi-{
	margin-bottom:20px;
}
#topmain #orderbox{
	background:url(../images/tamago.jpg) 0 0 no-repeat;
	background-size:100% auto;
	width:100%;
	height:auto;
	margin:0 auto 20px auto;
	position:static;
	padding-top:40%;
}




#topmain #orderbox .button{
	padding:0px 0 0 0;
	text-align:center;
}
#topmain #orderbox .button2{
	position:static;
	width:100%;
	text-align:center;
}
#topmain #orderbox .button3{
	position:static;
	width:100%;
	text-align:center;
}
#topmain #orderbox .button img,
#topmain #orderbox .button2 img,
#topmain #orderbox .button3 img{
	width:320px;
	height:auto;
}

#topmain .productsimg{
	float:none;
	width:100%;
}
#topmain .productsimg img.spview{
	width:100%;
	height:auto;
}
#MainPhoto{
		max-width:100%;
	height:auto;
}
.shoppingwaku .shohinarea{
	margin:0 0 0 0px;
}
#topmain .orderlink{
	background:#E50000;
	text-align:center;
}
#topmain .orderlink div{
		vertical-align:top;
}
#topmain .orderlink img{
	max-width:100%;
	height:auto;
	vertical-align:top;
}
#topmain .shoppingwaku{
	background:#fff;
	-webkit-box-shadow: 1px 1px 3px #DFCC96;   
	-moz-box-shadow: 1px 1px 3px #DFCC96;
	padding:0px;
	min-height:100px;
	width:auto;
	margin:0px auto 50px auto;
	border:solid 1px #DDC99A;
}
#topmain .shohinarea p{
	margin:0 10px 20px 10px;
}
.shoppingwaku .shohinarea h2{
	font-size:20px;
	padding:12px 0;
	margin:0 10px;
	line-height:1.4;
}
.shoppingwaku .kakaku {
	margin-top:15px;
}
.shoppingwaku .shohinarea .kakaku dt{
	float:left;
	width:100px;
	padding-left:10px;
	margin-top:5px;
}
.shoppingwaku .shohinarea .kakaku dd{
	margin:0 0 0 110px;
	padding-right:10px;
	font-size:12px;
	line-height:1.2;
}
.shoppingwaku .shohinarea .kakaku dd .bm10{
	margin-bottom:10px;
}
.shoppingwaku .shohinarea .kakaku dd span{
	font-size:24px;
	margin:0 2px 10px 0px;
	vertical-align:baseline;
}
.shoppingwaku .shohinarea .gaiyo{
	margin-bottom:10px;
}
.shoppingwaku .shohinarea .gaiyo dt{
	float:left;
	width:100px;
	padding-left:10px;
}
.shoppingwaku .shohinarea .gaiyo dd{
	margin:0 0 0 110px;
	padding-right:10px;
}

.shoppingwaku .shohinarea .cartdl{
	margin-bottom:25px;
	overflow:hidden;
}
.shoppingwaku .shohinarea .cartdl dt{
	float:left;
	width:100px;
	padding-left:10px;
	padding-top:5px;
}
.shoppingwaku .shohinarea .cartdl dd{
	margin:0 0 0 110px;
}
.shoppingwaku .shohinarea .button{
	margin:0px 0 15px 0;
	text-align:center;
}
.shoppingwaku .shohinarea .cartdl dd .suryo{
	width:80px;
	font-size:14px;
	padding:3px;
}
#topmain .voicearea .scroll{
	background:#fff;
	height:280px;
	overflow-y:auto;
}
.shoppingwaku .shosaibtn{
	display:block;
	width:300px;
	margin:10px auto 30px auto;
	padding:10px;
	text-align:center;
	border:solid 1px #333;
	background:url(../images/arrow-up.png) 94% center no-repeat;
	background-size:16px auto;
}
.shoppingwaku .shosaibtn.changed{
	background:url(../images/arrow-bm.png) 94% center no-repeat;
	background-size:16px auto;
}
.shoppingwaku .shosaibtn.changed span.close{
	display:inline;
}
.shoppingwaku .shosaibtn.changed span.view{
	display:none;
}

.shoppingwaku .shosai-naiyo{
	display:none;
}
.shoppingwaku .kakakuarea{
	padding:6px 10px 6px 10px;
	margin:0 10px 10px 10px;
}
.shoppingwaku .kakakuarea .button{
	margin-bottom:0px;
}
#topmain .button-shop{
	margin:5px auto 20px auto;
}
#topmain .button-shop img{
	max-width:100%;
	height:auto;
}
.spview img{
max-width:100%;
height:auto;
}

}