h2              { letter-spacing:0.2em; line-height:1.5; margin:0 0 3% 0; color:#2f5d50; font-weight:normal; }
h3              { font-weight:normal; letter-spacing:0.2em; }
h4	    		{ position:absolute; bottom:40px; left:85px;
	    		  z-index:2; margin:0; color:#ba5548;
    			  font-size:18px;}
h5,h3  			{ color:#ffff; background-color: #ba5548; margin-top:0;
				  font-weight:lighter; line-height:2; }
h3				{ margin-bottom:0; }
.commentarybtitles
    			{ font-size:12px; vertical-align:middle; margin:0; }
h6  			{ position:absolute; bottom:22px; left:85px;
    			  z-index:2; margin:0; color:#888;
				  font-size:11px; font-weight:lighter;}
.txtblue    	{ color:#5654a1; }
.lineblue   	{ background-color:#5654a1; } 

.master			{ text-align: center; }
#accordion dt img
                { cursor:pointer; }
#accordion dd   { display:none; line-height:0; opacity:0; }
.summary        { text-align:left; display:inline-block; }
dl,dd			{ margin:0; padding:0; }
dl              { margin-block-end:-.3em; }
dl:first-child	{ margin-top:-4px; }
dt              { position:relative; display:inline-block; margin-top:4px; padding:0; }
dd              { margin-block-start:-.18em; margin-bottom:80px; }

dd>div>p,.maintxt
				{ line-height:2; }
.maintxt		{ margin-top:0; }
.feature		{ border:1px solid #888; background-color:#ddd; }
.featuretitle	{ color:#fff; background-color:#888; margin:0; text-align:center; line-height:2;
				  padding:.5% .5% .5% .5%; }
.featuretxt		{ color:#888; line-height:2; letter-spacing:0.15em; margin:0; padding:3% 5% 3% 5%;
				  flex-basis:70%; }
.wrapboxr,.wrapboxy,.wrapboxt
				{ width:100%; height:100%; }
.wrapbox		{ margin:4% 0 4% 0; }
.catch>p>a		{ text-decoration:underline; }
article			{ margin-bottom:60px; }


@media print, screen and (min-width:769px) {
#mainbox		{ width:980px; }
#mainbox,#katayawa,.featurebox
				{ display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex; }
#katamon		{ margin-right:5%; }
#katamon,#yawarakamon
				{ width:47.5%; }
.articleimg		{ width:100%; margin-top:0; }
#accordion		{ flex-basis:722px; }
h2              { font-size:16px; }
h3,h5  			{ padding-left:10px; font-size:13px; }
.summary        { width:722px; }
dd>div>.feature	{ margin-top:40px; }
.featuretitle	{ width:120px; padding:2px 30px 0 30px; }
.featuretxt		{ padding:12px 30px 12px 30px; }
.wrapboxr,.wrapboxy
				{ padding:18px 30px 30px 0px; }
.wrapboxr		{ width:40%; height:40%; }
.wrapboxy		{ width:60%; height:60%; }
.wrapboxt		{ width:50%; height:50%; display:inline-block; margin-left:25%; }
.wrapbox		{ margin:20px 0 20px 0; }
.wrapboxyflort	{ width:70%; height:70%; float:right; margin:7px 0 10px 20px; }
}

@media only screen and (max-width:768px) and (min-width:641px) {
h2              { font-size:3vw; }
h3,h5  			{ padding-left:2%; font-size:2vw; }
#katayawa		{ display:-webkit-box; display:-moz-flexbox; display:-ms-flexbox; display:flex; }
#katamon		{ margin-right:5%; }
#katamon,#yawarakamon
				{ width:47.5%; }
.articleimg		{ width:100%; margin-top:0; }
.featurebox		{ -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
dd>div>.feature	{ margin-top:10%; }
.featuretitle	{ width:20%; }
.wrapboxr		{ padding:3% 30% 5% 30%; }
.wrapboxy,.wrapboxyflort		{ padding:3% 8% 5% 8%; }
.wrapboxt		{ padding:3% 25% 5% 25%; }
}
	
@media only screen and (max-width:640px) and (min-width:481px) {
h2              { font-size:3.5vw; }
h3,h5  			{ padding-left:2%; font-size:3vw; }
.featurebox		{ -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
dd>div>.feature	{ margin-top:10%; }
.featuretitle	{ width:25%; }
dd>div>p,article>div>div>p
				{ font-size:3.5vw; letter-spacing:.05em; }
.featuretxt		{ font-size:3vw; letter-spacing:.05em; }
.wrapboxr		{ padding:3% 20% 5% 20%; }
.wrapboxy,.wrapboxyflort		{ padding:3% 7% 5% 7%; }
.wrapboxt		{ padding:3% 15% 5% 15%; }
}

@media only screen and (max-width:480px) and (min-width:321px) {
h2              { font-size:5vw; }
h3,h5  			{ padding-left:2%; font-size:3.5vw; }
.featurebox		{ -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
dd>div>.feature	{ margin-top:10%; }
.featuretitle	{ width:30%; }
dd>div>p,article>div>div>p
				{ font-size:4vw; letter-spacing:.05em; }
.featuretxt		{ font-size:3.5vw; letter-spacing:.05em; }
.wrapboxr		{ padding:3% 15% 5% 15%; }
.wrapboxy,.wrapboxyflort		{ padding:3% 6% 5% 6%; }
.wrapboxt		{ padding:3% 10% 5% 10%; }
}

@media only screen and (max-width:320px) {
h2              { font-size:6vw; }
h3,h5  			{ padding-left:2%; font-size:4vw; }
.featurebox		{ -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
dd>div>.feature	{ margin-top:10%; }
.featuretitle	{ width:35%; }
dd>div>p,article>div>div>p
				{ font-size:5vw; letter-spacing:.05em; }
.featuretxt		{ font-size:4.5vw; letter-spacing:.05em; }
.wrapboxr		{ padding:3% 10% 5% 10%; }
.wrapboxy,.wrapboxyflort		{ padding:3% 5% 5% 5%; }
.wrapboxt		{ padding:3% 5% 5% 5%; }
}