@charset "utf-8";
/*==========================
 注釈 
==========================*/
#Caution {
height:190px;
padding:30px 0;
border-top: double 3px #fff;
border-bottom: double 3px #fff;
background: #68BBFF;
background: -moz-linear-gradient(top, #68BBFF 0%, #008AFB 80%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68BBFF), color-stop(80%,#008AFB));
background: -webkit-linear-gradient(top, #68BBFF 0%,#008AFB 80%);
background: -o-linear-gradient(top, #68BBFF 0%,#008AFB 80%);
background: -ms-linear-gradient(top, #68BBFF 0%,#008AFB 80%);
background: linear-gradient(to bottom, #68BBFF 0%,#008AFB 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68BBFF', endColorstr='#008AFB',GradientType=0 );
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
#Caution h2 {text-align:center; font-size:20px; color:#fff; letter-spacing:2px; padding-bottom:20px; margin-bottom:20px; background:url("../img/common/w_line.gif") center bottom no-repeat; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

#Caution p{ text-align:center; color:#fff; font-size:14px; line-height:20px;}
#Caution p em{ display:block; font-size:20px; padding-bottom:20px; margin-bottom:20px; background:url("../img/common/w_line.gif") center bottom no-repeat;}
#Caution h2 br, 
#Caution p em br, 
#Caution p .End br { display:none;}
#Caution p .center { width:86%; float:left; padding:0 7%; text-align:center; font-size:14px; color:#fff;}

#Caution p .Left, 
#Caution p .Right{ width:44%; display:inline; float:left; margin:0 3% 20px; color:#fff; font-size:14px; line-height:24px; text-align:left;}
#Caution p .End { display:inline; text-align:center; color:#0084FF; font-size:14px; background:#fff; padding:2px 20px;}
#Caution p .Big{ vertical-align:baseline; font-size:28px; line-height:24px; color:#fff; font-family: Arial, Helvetica, sans-serif;}
@media screen and (min-width: 641px) {
.CautionOff{ height:0px !important; padding: 0px !important;}
}
@media screen and (max-width: 960px) {
#Caution h2, 
#Caution p em{ padding-bottom:15px; margin-bottom:15px;}
#Caution p .Left, 
#Caution p .Right{ width:46%; margin:0 2% 25px;  line-height:20px;}
#Caution p .End {  font-size:12px;}
#Caution p .Big{ font-size:20px;}
#Caution p .center {  font-size:12px;}

}
@media screen and (max-width: 640px) {
.CautionOff{}
#Caution {height:auto;width:94%;padding:20px 3%; border-bottom:none;}
#Caution h2, 
#Caution p em{ display:block; font-size:15px;}
#Caution h2 br, 
#Caution p em br, 
#Caution p .End br { display:block;}
#Caution p .Left, 
#Caution p .Right{ width:100%; margin:0 0 10px; font-size:11px; line-height:1.4em;}
#Caution p .Big{font-size:14px; line-height:1.4em; font-weight:bold;}
#Caution p .End { width:100%; float:left; color:#0084FF; font-size:11px;padding:5px 0px;}
#Caution p .center { text-align:left;}
#Caution p .center br.none{ display:none;}
}