@charset "utf-8";
/* CSS Document */
body { color: #000; margin: 0px; -webkit-text-size-adjust: 100%; background-color: #FFF; }
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
p { margin: 0px 0px 10px 0px;}
#illust { box-sizing: border-box; padding: 10px; background-color: #e60012; }
#setillust { width: 60%; margin-left: auto; margin-right:auto;}
#setillust2 { width: 70%; margin-left: auto; margin-right:auto;}
#setillust3 { width: 90%; margin-left: auto; margin-right:auto;}
#settxt {width: 100%;}

.title { font-size: 200%; line-height: 1.2; color: #e60012; font-weight: normal; padding: 20px 40px 10px; }
.title2 { font-size: 200%; line-height: 1.2; color: #e60012; font-weight: normal; padding: 20px 40px 10px; }
.comment { font-size: 160%; line-height: 1.5; text-align: left; font-weight: normal; padding: 0px 40px 20px; }
.comment2 { font-size: 160%; line-height: 1.5; text-align: left; font-weight: normal; padding: 0px 40px 20px; }
.clear { clear: both; }
 @media only screen and (max-width: 840px) {
#setillust { width: 70%; margin-left: auto; margin-right:auto;}
#setillust2 { width: 80%; margin-left: auto; margin-right:auto;}
#setillust3 { width: 100%; margin-left: auto; margin-right:auto;}
#settxt {width: 100%;}

.title { font-size: 200%; line-height: 1.2;  color: #e60012; font-weight: normal; padding: 20px 40px 10px;}
.title2 { font-size: 200%; line-height: 1.2;  color: #e60012; font-weight: normal; padding: 20px 40px 10px;}

.comment { font-size: 160%; line-height: 1.5; text-align: left; font-weight: normal; padding: 0px 40px 20px; }
.comment2 { font-size: 160%; line-height: 1.5; text-align: left; font-weight: normal; padding: 0px 40px 20px; }
}