@charset "utf-8";
/*申込画面・お問い合わせ
---------------------------------------------------------------------------*/
#mail { width:80%; margin-left:auto; margin-right:auto; border:solid 1px #003333;}
#mail th{ height:40px; border:solid 1px #003333;}
#mail td{ padding:3px; border:solid 1px #003333;}

ul.mtxt{ width:50%; height:200px; border:1px solid #999; margin-top:50px; margin-left:auto; margin-right:auto; margin-bottom:30px;}

ul.mtxt2{ width:50%; height:150px; border:1px solid #999; margin-left:auto; margin-right:auto; margin-bottom:30px;}

ul.mtxt3{ width:50%; margin-top:50px; margin-left:auto; margin-right:auto; margin-bottom:30px;}

ul.mtxt li,ul.mtxt2 li{ text-align:center; font-size:15px; color:#6c2c2f; font-weight:bold; padding:20px 10px 10px 10px; list-style:none; margin-bottom:10px;}

ul.mtxt3 li{ font-size:16px; padding:20px 10px 10px 10px; list-style:none; margin-bottom:10px;}

.hi{ background:#f2e4da; color:#6c2c2f;}


/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){

/*申込受付
---------------------------------------------------------------------------*/
#mail{ display:block; list-style-type:none;}

#mail thead{ display:none;}

#mail tbody{ display:block;}

#mail tbody tr{ display:block; margin-bottom:1.5em;}

#mail tbody th,#mail tbody td{ display:list-item; border:none;}

#mail tbody th{ margin-bottom:5px; list-style-type:none; color:#fff; background:#000;}
 
#mail tbody td{ margin-left:10px; padding-left:3px;}

.tea{ overflow:scroll;}

input[type="text"]{ width:90%;}

dl.login{ width:400px; border:1px solid #999; margin-bottom:30px;}

dl.login dt{ width:98%; height:50px; padding:5px; font-size:16px; text-align:center; letter-spacing:5px; background-color:#660000; color:#fff; font-weight:bold; margin-bottom:5px;}

dl.login dd{ text-align:center; font-size:15px; font-weight:bold; list-style:none; margin-top:10px; margin-bottom:5px;}
}
/*スマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width :480px) {

/*スケジュール
---------------------------------------------------------------------------*/
#mail{ display:block; list-style-type:none;}

#mail thead{ display:none;}

#mail tbody{ display:block;}

#mail tbody tr{ display:block; margin-bottom:1.5em;}

#mail tbody th,#mail tbody td{ display:list-item; border:none;}

#mail tbody th{ margin-bottom:5px; list-style-type:none; color:#fff; background:#000;}

#mail tbody td{ margin-left:10px; padding-left:3px;}

.tea{ overflow:scroll;}

input[type="text"]{ width:90%;}

dl.login{ width:400px; border:1px solid #999; margin-bottom:30px;}

dl.login dt{ width:98%; height:50px; padding:5px; font-size:16px; text-align:center; letter-spacing:5px; background-color:#660000; color:#fff; font-weight:bold; margin-bottom:5px;}

dl.login dd{ text-align:center; font-size:15px; font-weight:bold; list-style:none; margin-top:10px; margin-bottom:5px;}
}