﻿article { margin: 0 auto;padding:3%;background-color: #FFF;box-shadow: 0 0 1px rgba(0,0,0,0.25); width: auto;}

h3 {clear:left;border-left: 4px solid #e5ae22; border-bottom: 1px dotted #e5d1a0; padding:0 0 0 2%; margin: 0 auto; width: 90%; }
 
.te19 {width: 90%;margin:2% auto;line-height:180%;}

.te20 {text-align: right;padding:5px;}

.te21 {display: inline-block;}

.te21:after {position: absolute;display: block;content: "";top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);transform: rotate(3deg); /* 回転させる */background: #fff;z-index: -1;}

.te24 {width:40%;float:left;padding:3%; margin: 0 2% 2% 2%;line-height:180%;}

#outline {background-color: #fffafa; padding: 10px;margin-bottom:5px; height:auto;}
 
#osute_head { position: relative; margin: 1% auto; width: 95%; height: 80px; background-color: #e5d1a0; border-left: 20px solid #e5ae22; opacity:.8;
			background-image: url("../images.html/oste3.jpg"); overflow: hidden; background-repeat: no-repeat; background-position: -20% 20%; }

#osute_head>div { position: absolute; left: 25%; top:35%; font-size: 1.5em; box-shdow:0 0 1px black; }

/*スマホ画面*/
@media all and (max-width: 640px) {
	article { 
		margin: 0 auto;
		padding:3%;
		width: auto;
		background-color: #FFF;
		box-shadow: 0 0 1px rgba(0,0,0,0.25);
		}
	article img {
		max-width: 100%;
		max-height: auto;
	}

}