@charset "UTF-8";
/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){
/* header　設定 */
header .catch { width: 67%;}
/* main erea4 設定 */
main #erea4 table { width: 100%;}
main #erea4 .device { width: 691px; height: 301px; padding: 20px 0;}
main #erea4 .dev_gold { width: 115px; font-size: 15px;}
main #erea4 .dev_gray { width: 115px; font-size: 15px;}
main #erea4 img { width: 126px; margin: 0 0 15px 0;}
}

/*　画面サイズが768pxまで、以下のスタイル適用 */
@media (max-width: 768px){
header { width: 100%; height: 380px; background: -moz-linear-gradient(top, #0049af 0%, #00bae8 300px, #00bae8 100%); background: -webkit-linear-gradient(top, #0049af 0%,#00bae8 300px, #00bae8 100%); background: linear-gradient(to bottom, #0049af 0%, #00bae8 300px, #00bae8 100%); background-attachment: fixed !important;}
header #head-outer { height: 100%; border-bottom: solid 3px #729db6;}
header .logo { width: 218; padding: 22px 0 25px;}
header h1 { font-size: 40px; letter-spacing: -3px; padding: 0 0 15px;}
header h2 { font-size: 16px; letter-spacing: -1px; line-height: 34px;}
header .catch { width: 82%;}

/* main erea1　設定 */
main #g100 { width: 600px; margin: 28px auto 0; padding: 10px 0; font-size: 24px;}
main #g100 small { font-size: 16px;}
main #g100_price { width: 590px; padding: 10px 0; border: font-size: 63px;}
main .g100_price { font-size: 24px;}
main #g30 { width: 600px; margin: 28px auto 0; padding: 10px 0; font-size: 24px;}
main #g30 small { font-size: 16px;}
main #g30_price { width: 590px; padding: 10px 0; font-size: 63px;}
main .g30_price { font-size: 24px;}
main #erea1 ol { width: 600px; margin: 28px auto;}
main #erea1 ol li:first-child { width: 134px; height: 96px; padding: 35px 0 0 0; margin: 0 10px 0 0; font-size: 21px; font-weight: 900; line-height: 31px;}
main #erea1 ol li { width: 134px; height: 96px; padding: 35px 0 0 0; margin: 0 11px; font-size: 21px; font-weight: 900; line-height: 31px;}
main #erea1 ol li:last-child { width: 134px; height: 96px; padding: 34px 0 0 0; margin: 0 0 0 10px; font-size: 21px; font-weight: 900; line-height: 31px;}
main #erea1 ol small { font-size: 10.8px; font-weight: 900;}
main #erea1 p { width: 580px; margin: 20px auto 10px; padding: 10px; font-size: 11px; line-height: 18px;}
main #erea1 .info { width: 552px; margin: 20px auto 10px; padding: 20px; font-size: 12px; line-height: 19px;}
main #erea1 .info2 { font-size: 15px; line-height: 22px;}
main #erea1 .info3 { font-size: 14px; line-height: 21px;}

main #erea1 ul { width: 600px;}
main #erea1 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 17px; line-height: 32px;}
main #erea1 ul li:last-child { padding: 15px 0; font-size: 17px; line-height: 32px;}
main #erea1 h1 { padding: 17px; font-size: 26px; font-weight: 900; line-height: 40px;}

/* main erea2　設定 */
main #erea2 ul { width: 600px;}
main #erea2 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 17px; line-height: 32px;}
main #erea2 ul li:last-child { padding: 5px 0; font-size: 17px; line-height: 32px;}
main #erea2 ul li:last-child { padding: 5px 0; font-size: 17px; line-height: 32px;}
main #erea2 h1 { padding: 27px 0 10px; font-size: 26px; font-weight: 900; line-height: 39px;}
main #erea2 img { width: 600px; margin: 12px 0 20px;}
main #erea2 p { width: 580px; margin: 20px auto 10px; padding: 10px; font-size: 11px; line-height: 18px;}
main #erea2 table { width: 600px; margin: 0 auto 10px; border-spacing: 2px;}
main #erea2 .td1 { width: 38%; padding: 1%; font-size: 14px;}
main #erea2 .td2 { width: 28%; padding: 1%; font-size: 14px;}
main #erea2 .td3 { width: 28%; padding: 1%; font-size: 14px;}
main #erea2 .td4 { width: 37%; padding: 1.5%; font-size: 11px;}
main #erea2 .td5 { width: 28%; padding: 1%; font-size: 13px;}
main #erea2 .td6 { width: 28%; padding: 1%; font-size: 13px;}

/* main erea3　設定 */
main #erea3 ul { width: 600px; margin: 0 auto; padding: 0;}
main #erea3 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 17px; line-height: 32px;}
main #erea3 ul li:last-child { padding: 5px 0 15px; border-bottom: none; font-size: 17px; line-height: 32px;}
main #erea3 h1 { padding: 27px 0 10px; font-size: 26px; font-weight: 900; line-height: 39px;}
main #erea3 img { width: 600px; margin: 12px 0 20px;}
main #erea3 p { width: 580px; margin: 20px auto 10px; padding: 10px; font-size: 11px; line-height: 18px;}

/* main erea4 設定 */
main #erea4 ul { width: 600px; margin: 0 auto; padding: 0; list-style: none; text-align: center;}
main #erea4 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 17px; line-height: 32px;}
main #erea4 ul li:last-child { padding: 5px 0; border-bottom: none; font-size: 17px; line-height: 32px;}
main #erea4 h1 { width: 594px; font-size: 26px; margin: 28px auto 0; padding: 7px 0;}
main #erea4 p { margin: 25px 0; font-size: 16px; line-height: 31px;}
main #erea4 table { width: 100%;}
main #erea4 .td_long { padding: 10px 0; font-size: 16px;}
main #erea4 .td_left { font-size: 11.5px; padding: 10px;}
main #erea4 .td_right { font-size: 11.5px; padding: 10px;}
main #erea4 .device { width: 660px; height: 301px; padding: 20px 0;}
main #erea4 .dev_area { margin: 0 auto 25px;}
main #erea4 .dev_gold { width: 115px; font-size: 13px;}
main #erea4 .dev_gray { width: 115px; font-size: 13px;}
main #erea4 img { width: 126px; margin: 0 0 15px 0;}

/* main erea4 タブ内展開メニュー*/
main #hidden_box { width: 600px;}

/* main erea4 ボタン装飾*/
main #hidden_box label { margin: 30px 0 15px; padding: 12px 0; font-size: 16px;}
main #hidden_box label:hover { margin: 30px 0 15px; padding: 12px 0; font-size: 16px;}

/* main erea5 設定 */
#erea5 ul { width: 600px; margin: 0 auto; padding: 0;}
#erea5 ul li { font-size: 17px; padding: 15px 0 27px 0; border-bottom: 7px dotted #fff;}
#erea5 ul li:last-child { font-size: 17px; padding: 25px 0 15px;}
#erea5 h4 { padding: 17px; font-size: 26px; line-height: 39px;}
#erea5 strong { font-size: 16px;}
#erea5 p { margin-bottom: 20px;}
#erea5 .chipset { width: 509px; margin: 40px 0 10px 0;}
#erea5 .hi_end { width: 509px; margin: 20px 0 10px 0;}
small {font-size: 16px; vertical-align: 4px;}

/* btn 設定 */
.btn { width: 600px; margin: 15px auto; padding: 10px 0; font-size: 26px;}

/* footer 設定 */
footer { border-top: solid 10px #6dabcf; padding: 28px 0 5px 0;}
footer .footer_logo {width: 270px;}
footer #footer_nav ul { margin: 0 auto; padding: 10px 0;}
footer #footer_nav ul li { font-size: 12px; margin-left: 5px; padding-left: 10px; border-left: 1px solid #312d96;}
}

/*　画面サイズが667pxまで、以下のスタイル適用 */
@media (max-width: 667px){
header { width: 100%; height: 360px; background: -moz-linear-gradient(top, #0049af 0%, #00bae8 300px, #00bae8 100%); background: -webkit-linear-gradient(top, #0049af 0%,#00bae8 300px, #00bae8 100%); background: linear-gradient(to bottom, #0049af 0%, #00bae8 300px, #00bae8 100%); background-attachment: fixed !important;}
header #head-outer { height: 100%; border-bottom: solid 3px #729db6;}
header .logo { width: 218; padding: 22px 0 25px;}
header h1 { font-size: 34px; letter-spacing: -3px; padding: 0 0 15px;}
header h2 { font-size: 16px; letter-spacing: -1px; line-height: 34px;}
header .catch { width: 82%;}

/* main erea1　設定 */
main #g100 { width: 480px; margin: 28px auto 0; padding: 10px 0; font-size: 22px;}
main #g100 small { font-size: 14px;}
main #g100_price { width: 470px; padding: 10px 0; font-size: 61px;}
main .g100_price { font-size: 22px;}
main #g30 { width: 480px; margin: 28px auto 0; padding: 10px 0; font-size: 22px;}
main #g30 small { font-size: 14px;}
main #g30_price { width: 470px; padding: 10px 0; border: solid 5px #ff8400; font-size: 61px;}
main .g30_price { font-size: 22px;}
main #erea1 ol { width: 480px; margin: 28px auto;}
main #erea1 ol li:first-child { width: 114px; height: 76px; padding: 35px 0 0 0; margin: 0 4px 0 0; font-size: 19px; font-weight: 900; line-height: 24px;}
main #erea1 ol li { width: 114px; height: 76px; padding: 35px 0 0 0; margin: 0 4px; font-size: 19px; font-weight: 900; line-height: 24px;}
main #erea1 ol li:last-child { width: 114px; height: 76px; padding: 35px 0 0 0; margin: 0 0 0 4px; font-size: 19px; font-weight: 900; line-height: 24px;}
main #erea1 ol small { font-size: 10.8px; font-weight: 900;}
main #erea1 p { width: 460px; margin: 20px auto 10px; padding: 10px; font-size: 11px; line-height: 18px;}
main #erea1 .info { width: 432px; margin: 20px auto 10px; padding: 20px; font-size: 12px; line-height: 19px;}
main #erea1 .info2 { font-size: 15px; line-height: 22px;}
main #erea1 .info3 { font-size: 14px; line-height: 21px;}

main #erea1 ul { width: 480px;}
main #erea1 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 16px; line-height: 31px;}
main #erea1 ul li:last-child { padding: 15px 0; font-size: 16px; line-height: 31px;}
main #erea1 h1 { font-size: 24px; line-height: 38px; padding: 17px;}

/* main erea2　設定 */
main #erea2 ul { width: 480px;}
main #erea2 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 16px; line-height: 31px;}
main #erea2 ul li:last-child { padding: 5px 0; font-size: 16px; line-height: 31px;}
main #erea2 ul li:last-child { padding: 5px 0; font-size: 16px; line-height: 31px;}
main #erea2 h1 { font-size: 24px; line-height: 38px; padding: 27px 0 10px; font-weight: 900;}
main #erea2 img { width: 480px; margin: 12px 0 20px;}
main #erea2 p { width: 460px; margin: 20px auto 10px; padding: 10px; font-size: 11px; line-height: 18px;}
main #erea2 table { width: 480px; margin: 0 auto 10px; border-spacing: 2px;}
main #erea2 .td1 { width: 38%; padding: 1%; font-size: 14px;}
main #erea2 .td2 { width: 28%; padding: 1%; font-size: 14px;}
main #erea2 .td3 { width: 28%; padding: 1%; font-size: 14px;}
main #erea2 .td4 { width: 37%; padding: 1.5%; font-size: 11px;}
main #erea2 .td5 { width: 28%; padding: 1%; font-size: 13px;}
main #erea2 .td6 { width: 28%; padding: 1%; font-size: 13px;}

/* main erea3　設定 */
main #erea3 ul { width: 480px; margin: 0 auto; padding: 0;}
main #erea3 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 16px; line-height: 31px;}
main #erea3 ul li:last-child { padding: 5px 0 15px; border-bottom: none; font-size: 16px; line-height: 31px;}
main #erea3 h1 { font-size: 24px; line-height: 38px; padding: 27px 0 10px; font-weight: 900;}
main #erea3 img { width: 480px; margin: 12px 0 20px;}
main #erea3 p { width: 460px; margin: 20px auto 10px; padding: 10px; font-size: 11px; line-height: 18px;}

/* main erea4 設定 */
main #erea4 ul { width: 480px; margin: 0 auto; padding: 0; list-style: none; text-align: center;}
main #erea4 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 16px; line-height: 31px;}
main #erea4 ul li:last-child { padding: 5px 0; border-bottom: none; font-size: 16px; line-height: 31px;}
main #erea4 h1 { width: 474px; font-size: 24px; margin: 28px auto 0; padding: 7px 0;}
main #erea4 p { margin: 25px 0; font-size: 16px; line-height: 31px;}
main #erea4 table { width: 100%;}
main #erea4 .td_long { padding: 10px 0; font-size: 14px;}
main #erea4 .td_left { font-size: 11.5px; padding: 10px;}
main #erea4 .td_right { font-size: 11.5px; padding: 10px;}
main #erea4 .device { width: 480px; height: 301px; padding: 20px 0;}
main #erea4 .dev_area { margin: 0 auto 25px;}
main #erea4 .dev_gold { width: 115px; font-size: 13px;}
main #erea4 .dev_gray { width: 115px; font-size: 13px;}
main #erea4 img { width: 126px; margin: 0 0 15px 0;}

/* main erea4 タブ内展開メニュー*/
main #hidden_box { width: 480px;}

/* main erea4 ボタン装飾*/
main #hidden_box label { margin: 30px 0 15px; padding: 12px 0; font-size: 15px;}
main #hidden_box label:hover { margin: 30px 0 15px; padding: 12px 0; font-size: 15px;}

/* main erea5 設定 */
#erea5 ul { width: 480px; margin: 0 auto; padding: 0;}
#erea5 ul li { font-size: 16px; padding: 15px 0 27px 0; border-bottom: 7px dotted #fff;}
#erea5 ul li:last-child { font-size: 16px; padding: 25px 0 15px;}
#erea5 h4 { font-size: 24px; line-height: 37px; padding: 17px;}
#erea5 strong { font-size: 16px;}
#erea5 p { margin-bottom: 20px;}
#erea5 .chipset { width: 480px; margin: 40px 0 10px 0;}
#erea5 .hi_end { width: 480px; margin: 20px 0 10px 0;}
small {font-size: 16px; vertical-align: 4px;}

/* btn 設定 */
.btn { width: 480px; margin: 15px auto; padding: 10px 0; font-size: 24px;}

/* footer 設定 */
footer .footer_logo {width: 240px;}
footer #footer_nav ul li { font-size: 11.5px; margin-left: 5px;}
}

/*　画面サイズが568pxまで、以下のスタイル適用 */
@media (max-width: 568px){
header { width: 100%; height: 320px; background: -moz-linear-gradient(top, #0049af 0%, #00bae8 300px, #00bae8 100%); background: -webkit-linear-gradient(top, #0049af 0%,#00bae8 300px, #00bae8 100%); background: linear-gradient(to bottom, #0049af 0%, #00bae8 300px, #00bae8 100%); background-attachment: fixed !important;}
header .logo { width: 200; padding: 22px 0 20px;}
header h1 { font-size: 28px; letter-spacing: -3px; padding: 0 0 10px;}
header h2 { font-size: 16px; letter-spacing: -1px; line-height: 32px;}
header .catch { width: 80%;}

/* main erea1　設定 */
main #g100 { width: 400px; margin: 18px auto 0; padding: 10px 0; font-size: 20px;}
main #g100 small { font-size: 12px;}
main #g100_price { width: 390px; padding: 10px 0; font-size: 52px;}
main .g100_price { font-size: 18px;}
main #g30 { width: 400px; margin: 18px auto 0; padding: 10px 0; font-size: 20px;}
main #g30 small { font-size: 12px;}
main #g30_price { width: 390px; padding: 10px 0; font-size: 52px;}
main .g30_price { font-size: 18px;}
main #erea1 ol { width: 400px; margin: 20px auto;}
main #erea1 ol li:first-child { width: 93px; height: 55px; margin: 0 4px 0 0; padding: 23px 0 12px 0; font-size: 16.5px; line-height: 22px;}
main #erea1 ol li { width: 93px; height: 55px; margin: 0 4px; padding: 23px 0 12px 0; font-size: 16.5px; line-height: 22px;}
main #erea1 ol li:last-child { width: 93px; height: 55px; margin: 0 0 0 4px; padding: 23px 0 12px 0; font-size: 16.5px; line-height: 22px;}
main #erea1 p { width: 380px; margin: 20px auto 10px; padding: 10px; font-size: 10.5px; line-height: 18px;}
main #erea1 .info { width: 352px; margin: 20px auto 10px; padding: 20px; font-size: 12px; line-height: 19px;}
main #erea1 ul { width: 400px;}
main #erea1 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 15px; line-height: 28px;}
main #erea1 ul li:last-child { padding: 15px 0; font-size: 15px; line-height: 28px;}
main #erea1 h1 { font-size: 21px; line-height: 38px; padding: 10px;}

/* main erea2　設定 */
main #erea2 ul { width: 400px;}
main #erea2 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 15px; line-height: 30px;}
main #erea2 ul li:last-child { padding: 5px 0; font-size: 15px; line-height: 30px;}
main #erea2 ul li:last-child { padding: 5px 0; font-size: 15px; line-height: 30px;}
main #erea2 h1 { font-size: 21px; line-height: 32px; padding: 22px 0 10px;}
main #erea2 img { width: 400px; margin: 12px 0 20px;}
main #erea2 p { width: 380px; margin: 20px auto 10px; padding: 10px; font-size: 11px; line-height: 18px;}
main #erea2 table { width: 400px; margin: 0 auto 10px; border-spacing: 2px;}
main #erea2 .td1 { width: 38%; padding: 1%; font-size: 13px;}
main #erea2 .td2 { width: 28%; padding: 1%; font-size: 13px;}
main #erea2 .td3 { width: 28%; padding: 1%; font-size: 13px;}
main #erea2 .td4 { width: 37%; padding: 1.5%; font-size: 11px;}
main #erea2 .td5 { width: 28%; padding: 1%; font-size: 12px;}
main #erea2 .td6 { width: 28%; padding: 1%; font-size: 12px;}

/* main erea3　設定 */
main #erea3 ul { width: 400px; margin: 0 auto; padding: 0;}
main #erea3 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 15px; line-height: 30px;}
main #erea3 ul li:last-child { padding: 5px 0 15px; border-bottom: none; font-size: 15px; line-height: 30px;}
main #erea3 h1 { font-size: 21px; line-height: 32px; padding: 22px 0 10px;}
main #erea3 img { width: 400px; margin: 12px 0 20px;}
main #erea3 p { width: 380px; margin: 20px auto 10px; padding: 10px; font-size: 11px; line-height: 18px;}

/* main erea4 設定 */
main #erea4 ul { width: 400px; margin: 0 auto; padding: 0; list-style: none; text-align: center;}
main #erea4 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 15px; line-height: 30px;}
main #erea4 ul li:last-child { padding: 5px 0; border-bottom: none; font-size: 15px; line-height: 30px;}
main #erea4 h1 { width: 394px; font-size: 22px; margin: 28px auto 0; padding: 7px 0;}
main #erea4 p { margin: 25px 0; font-size: 15px; line-height: 30px;}
main #erea4 table { width: 100%;}
main #erea4 .td_long { padding: 10px 0; font-size: 14px;}
main #erea4 .td_left { font-size: 11.5px; padding: 10px;}
main #erea4 .td_right { font-size: 11.5px; padding: 10px;}
main #erea4 .device { width: 400px; height: 295px; padding: 20px 0;}
main #erea4 .dev_area { margin: 0 auto 25px;}
main #erea4 .dev_gold { width: 115px; font-size: 12px;}
main #erea4 .dev_gray { width: 115px; font-size: 12px;}
main #erea4 img { width: 126px; margin: 0 0 15px 0;}

/* main erea4 タブ内展開メニュー*/
main #hidden_box { width: 400px;}

/* main erea4 ボタン装飾*/
main #hidden_box label { margin: 30px 0 15px; padding: 12px 0; font-size: 15px;}
main #hidden_box label:hover { margin: 30px 0 15px; padding: 12px 0; font-size: 15px;}

/* main erea5 設定 */
#erea5 ul { width: 400px; margin: 0 auto; padding: 0;}
#erea5 ul li { font-size: 15px; padding: 15px 0 27px 0; border-bottom: 7px dotted #fff;}
#erea5 ul li:last-child { font-size: 15px; padding: 25px 0 15px;}
#erea5 h4 { font-size: 21px; line-height: 32px; padding: 17px;}
#erea5 strong { font-size: 15px;}
#erea5 p { margin-bottom: 20px;}
#erea5 .chipset { width: 400px; margin: 40px 0 10px 0;}
#erea5 .hi_end { width: 400px; margin: 20px 0 10px 0;}
small {font-size: 16px; vertical-align: 4px;}

/* btn 設定 */
.btn { width: 400px; margin: 15px auto; padding: 10px 0; font-size: 20px;}

/* footer 設定 */
footer .footer_logo {width: 200px;}
footer #footer_nav ul li { font-size: 11.5px; margin-left: 5px;}
}

/*　画面サイズが430pxまで、以下のスタイル適用 */
@media (max-width: 430px){
header { width: 100%; height: 310px; background: -moz-linear-gradient(top, #0049af 0%, #00bae8 260px, #00bae8 100%); background: -webkit-linear-gradient(top, #0049af 0%,#00bae8 260px, #00bae8 100%); background: linear-gradient(to bottom, #0049af 0%, #00bae8 260px, #00bae8 100%); background-attachment: fixed !important;}
header .logo { width: 180; padding: 22px 0 24px;}
header h1 { font-size: 25px; letter-spacing: -3px; padding: 0 0 14px;}
header h2 { font-size: 16px; letter-spacing: -1px; line-height: 32px;}
header .catch { width: 74%;}

/* main erea1　設定 */
main #g100 { width: 320px; margin: 18px auto 0; padding: 10px 0; font-size: 16px;}
main #g100 small { font-size: 11.5px;}
main #g100_price { width: 310px; padding: 10px 0; font-size: 52px;}
main .g100_price { font-size: 14px;}
main #g30 { width: 320px; margin: 18px auto 0; padding: 10px 0; font-size: 16px;}
main #g30 small { font-size: 11.5px;}
main #g30_price { width: 310px; padding: 10px 0; font-size: 52px;}
main .g30_price { font-size: 14px;}
main #erea1 ol { width: 320px; margin: 20px auto;}
main #erea1 ol li:first-child { width: 76px; height: 38px; margin: 0 2px 0 0; padding: 16px 0 19px 0; font-size: 13px; line-height: 21px;}
main #erea1 ol li { width: 76px; height: 38px; margin: 0 3px; padding: 17px 0 18px 0; font-size: 13px; line-height: 18px;}
main #erea1 ol li:last-child { width: 76px; height: 38px; margin: 0 0 0 2px; padding: 17px 0 18px 0; font-size: 13px; line-height: 18px;}
main #erea1 p { width: 320px; margin: 20px auto 10px; padding: 10px; font-size: 10.5px; line-height: 18px;}
main #erea1 .info { width: 292px; margin: 20px auto 10px; padding: 20px; font-size: 12px; line-height: 19px;}

main #erea1 ul { width: 320px;}
main #erea1 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 13px; line-height: 26px;}
main #erea1 ul li:last-child { padding: 15px 0; font-size: 13px; line-height: 26px;}
main #erea1 h1 { font-size: 19px; line-height: 38px; padding: 10px;}

/* main erea2　設定 */
main #erea2 ul { width: 320px;}
main #erea2 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 13px; line-height: 26px;}
main #erea2 ul li:last-child { padding: 5px 0; font-size: 13px; line-height: 26px;}
main #erea2 ul li:last-child { padding: 5px 0; font-size: 13px; line-height: 26px;}
main #erea2 h1 { font-size: 19px; line-height: 32px; padding: 22px 0 10px;}
main #erea2 img { width: 320px; margin: 12px 0 20px;}
main #erea2 p { width: 300px; margin: 20px auto 10px; padding: 10px; font-size: 11px; line-height: 18px;}
main #erea2 table { width: 320px; margin: 0 auto 10px; border-spacing: 2px;}
main #erea2 .td1 { width: 38%; padding: 1%; font-size: 12px;}
main #erea2 .td2 { width: 28%; padding: 1%; font-size: 12px;}
main #erea2 .td3 { width: 28%; padding: 1%; font-size: 12px;}
main #erea2 .td4 { width: 37%; padding: 1.5%; font-size: 10.5px;}
main #erea2 .td5 { width: 28%; padding: 1%; font-size: 11px;}
main #erea2 .td6 { width: 28%; padding: 1%; font-size: 11px;}

/* main erea3　設定 */
main #erea3 ul { width: 320px; margin: 0 auto; padding: 0;}
main #erea3 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 13px; line-height: 26px;}
main #erea3 ul li:last-child { padding: 5px 0 15px; border-bottom: none; font-size: 13px; line-height: 26px;}
main #erea3 h1 { font-size: 19px; line-height: 32px; padding: 22px 0 10px;}
main #erea3 img { width: 320px; margin: 12px 0 20px;}
main #erea3 p { width: 300px; margin: 20px auto 10px; padding: 10px; font-size: 11px; line-height: 18px;}

/* main erea4 設定 */
main #erea4 ul { width: 320px; margin: 0 auto; padding: 0; list-style: none; text-align: center;}
main #erea4 ul li { padding: 0 0 15px 0; border-bottom: 5px dotted #fff; font-size: 13px; line-height: 26px;}
main #erea4 ul li:last-child { padding: 5px 0; border-bottom: none; font-size: 13px; line-height: 26px;}
main #erea4 h1 { width: 314px; font-size: 19px; margin: 28px auto 0; padding: 7px 0;}
main #erea4 p { margin: 25px 0; font-size: 11px; line-height: 26px;}
main #erea4 table { width: 100%;}
main #erea4 .td_long { padding: 10px 0; font-size: 14px;}
main #erea4 .td_left { font-size: 11.5px; padding: 10px;}
main #erea4 .td_right { font-size: 11.5px; padding: 10px;}
main #erea4 .device { width: 320px; height: 250px; padding: 20px 0;}
main #erea4 .dev_area { margin: 0 auto 25px;}
main #erea4 .dev_gold { width: 100px; font-size: 12px;}
main #erea4 .dev_gray { width: 100px; font-size: 12px;}
main #erea4 img { width: 100px; margin: 0 0 15px 0;}

/* main erea4 タブ内展開メニュー*/
main #hidden_box { width: 320px;}

/* main erea4 ボタン装飾*/
main #hidden_box label { margin: 30px 0 15px; padding: 12px 0; font-size: 15px;}
main #hidden_box label:hover { margin: 30px 0 15px; padding: 12px 0; font-size: 15px;}

/* main erea5 設定 */
#erea5 ul { width: 320px; margin: 0 auto; padding: 0;}
#erea5 ul li { font-size: 13px; padding: 15px 0 27px 0; border-bottom: 7px dotted #fff;}
#erea5 ul li:last-child { font-size: 13px; padding: 25px 0 15px;}
#erea5 h4 { font-size: 19px; line-height: 32px; padding: 17px;}
#erea5 strong { font-size: 15px;}
#erea5 p { margin-bottom: 20px;}
#erea5 .chipset { width: 320px; margin: 40px 0 10px 0;}
#erea5 .hi_end { width: 320px; margin: 20px 0 10px 0;}
small {font-size: 16px; vertical-align: 4px;}

/* btn 設定 */
.btn { width: 320px; margin: 15px auto; padding: 10px 0; font-size: 16px;}

/* footer 設定 */
footer .footer_logo {width: 200px;}
footer #footer_nav ul li { font-size: 10.5px; margin-left: 5px;}

}