
.rib1{position: relative;z-index: 2;margin:60px 0 0 -5px;}

.rib2{position: relative;z-index: 2;margin:-170px -5px 0 0;float: right}

.tokuten{
	width:950px;
	margin:-170px auto 0 auto;
	background:url(../imgs/back.jpg) #fff;
	padding:10px!important;
	overflow:hidden;
	border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
}

.tokuten h2{
	background: none;
	font-size:28px!important;
	color: #7b6632;
	text-align: center;
	line-height: 1.2em;
	padding-top: 0!important;
	}
.tokuten h2 br{display: none}
.tokuten h2 img{vertical-align: middle;margin-top:-5px}	

.tokuten p{margin:3.0em 0;text-align: center}

.frame{border:2px solid #e0b95b;padding:30px}

.tokuten li{list-style: none;background: url(../deco/dt.png) no-repeat left 3px;padding-left:20px;margin-bottom:0.4em}

/* Mobile */
@media screen and (max-width: 980px) {
	
.rib1{position: relative;z-index: 2;margin:60px 0 0 0;}
.rib2{position: relative;z-index: 2;margin:-170px 0 0 0;float: right}

.tokuten{
	width:95.5%;
	margin:-170px auto 0 auto;
	background:url(../imgs/back.jpg) #fff;
	padding:10px!important;
	overflow:hidden;
	border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius: 6px;
}
.tokuten h2{margin-top:20px}
.tokuten h2 img{display: none}
.tokuten p{margin:3.4em 0;text-align: left}
.frame{border:2px solid #e0b95b;padding:5%}


}


/* Mobile */
@media screen and (max-width: 680px) {
	
.tokuten{width:93%;}

.tokuten h2{
	background: none;
	font-size:24px!important;
	color: #7b6632;
	text-align: center;
	line-height: 1.2em;
	padding-top: 0!important;
	margin-top:40px
	}
.tokuten p{margin:3.4em 0 2.0em 0;text-align: left}
}

/* Mobile */
@media screen and (max-width: 500px) {
.tokuten{width:92%;}
.tokuten h2 br{display: inherit}

}

/* Mobile */
@media screen and (max-width: 420px) {

.tokuten{width:89%;}
.tokuten h2 {margin-top:50px;margin-left: 10px}
}