@charset "euc-jp";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/

.kikan {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: black;
    background: #FFF;
    border: 3px solid #333333;
    border-radius: 10px;
}
.kikan p {
    margin: 0; 
    padding: 0;
	font-size: 16x;
	text-align: center; 
	font-weight: middle;
	color: black;
}
.kikan p strong {
	font-size: 17px;
	font-weight: bold;
}


.kikan2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #FFF;
    background: #9C6123;
    border: 3px solid #9C6123;
    border-radius: 10px;
}
.kikan2 p {
    margin: 0; 
    padding: 0;
	font-size: 16x;
	text-align: center; 
	font-weight: middle;
}
.kikan2 p strong {
	font-size: 17px;
	font-weight: bold;
}


/* デスクトップレイアウト : 769 px 〜最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {

.kikan {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: #FFF;
    border: 3px solid #333333;
    border-radius: 10px;
}
.kikan p {
    margin: 0; 
    padding: 0;
	font-size: 22px;
	text-align: center; 
	font-weight: middle;
}
.kikan p strong {
	font-size: 24px;
	font-weight: bold;
	
	
}
	
.kikan2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #FFF;
    background: #9C6123;
    border: 3px solid #9C6123;
    border-radius: 10px;
}

.kikan2 p {
    margin: 0; 
    padding: 0;
	font-size: 22px;
	text-align: center; 
	font-weight: middle;
}
.kikan2 p strong {
	font-size: 30px;
	font-weight: bold;
	
	
}
	
	
}