@charset "UTF-8";

body{margin:0px;padding:0px;font-size:14px;color:#333333;height: 100%;background-color:#ffffff;font-family: 'Roboto Condensed', sans-serif;}

html div span table td tr body dl{margin:0;padding:0;height: 100%;}
img{margin:0;padding:0;border:none;}
img{max-width: 100%;  height: auto;}
a:link{ text-decoration: none; color: #3A422A; }
a:visited { text-decoration: none; color: #3A422A; }
a:hover { text-decoration: none;color: #ff8840; }
a:active { text-decoration: none;color: #3A422A; }
a:focus, *:focus { outline:none; }



/* ------------------ head */
.head00{position:relative;border-top:10px solid #3A422A;}
.head01_out{margin:0 auto 0 auto;background-color:#ffffff;max-width:930px;}
.head01{margin:0 auto 0 auto;max-width:900px;position:relative;}/* background-color:#000000; */

.head_bg{z-index:1;}
.head_logo{z-index:2;position:absolute;left:0;top:1ex;width:16.7%;}
.head_logo{z-index:2;position:absolute;left:0;top:1ex;width:16.7%;}
.head_login{z-index:2;position:absolute;right:1.5ex;top:7.5ex;}
.head_tel{z-index:2;position:absolute;right:1ex;top:1.8ex;width:25%;}
.tel-link{font-size: 30px; font-weight: bold;}



.head_sns1{z-index:3;position:absolute;left:40%;top:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);


border:2px solid #000000;background-color:#ffffff;border-radius:5px;
width:35px;height:35;
padding:5px 5px 0 5px;
}
.head_sns2{z-index:3;position:absolute;left:50%;top:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);

border:2px solid #000000;background-color:#ffffff;border-radius:5px;
width:35px;height:35;
padding:5px 5px 0 5px;
}
.head_sns3{z-index:3;position:absolute;left:60%;top:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);

border:2px solid #000000;background-color:#ffffff;border-radius:5px;
width:35px;height:35;
padding:5px 5px 0 5px;
}


/*
.head_sns1{z-index:3;position:absolute;left:43%;top:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:30px;
}
.head_sns2{z-index:3;position:absolute;left:50%;top:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:30px;
}
.head_sns3{z-index:3;position:absolute;left:57%;top:50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:30px;
}
*/
.head_search {vertical-align:middle;background-color:#000000;position:absolute;z-index:4;right:1ex;top:60%;width:30%;}
.head_search_a{background-color:#ffffff;:}
.head_search_a input{vertical-align:middle;border:0;margin:3px 0 0 3px;width:95%;}
.head_search_b{width:19px;background-color:#ffffff;}

.head_search2 {background-color:#ffffff;margin:5px;}

.head_menu00{z-index:3;position:absolute;top:55%;right:2ex;width:15%;}

/* ------------------- main */
.con00{margin:0 auto 0 auto;max-width:930px;background-color:#ffffff;}
.con01_out{margin:0 auto 0 auto;background-color:#ffffff;max-width:900px;padding:1ex;}
.con01{margin:0 auto 0 auto;max-width:900px;}
.con02{margin:1ex;}

.navi00{margin:1ex 1ex 0 1ex;}
.navi01{font-size:20px;}
.navi000{margin:1ex 1ex 0 1ex;padding:0.5ex;background-color:#78866B}
.navi001{font-size:20px;}
/* ------------------- menu　*/
.con01_m00{background-color:#3A422A;padding:1em 1ex;font-size:16px;margin:0 0 1ex 0;}/*pc　menu*/
.con01_m01{font-weight:bold;text-align:center;color:#ffffff;}

.con01_m01 a:link{ text-decoration: none; color: #ffffff; }
.con01_m01 a:visited { text-decoration: none; color: #ffffff; }
.con01_m01 a:hover { text-decoration: none;color: #ff8840; }


.con01_m02{float:right;margin:1em 0;}


.con01_m00s{background-color:#3A422A;font-size:16px;display:none;}/*Tablet　menu*/
.con01_m01s{font-weight:bold;color:#ffffff;padding:2ex 1ex 2ex 2ex;border-bottom:1px solid #000000;}
.slim_txet{font-weight:normal;}

/* MegaDropDownMenu　*/

#mddm_a00{background-color:#3A422A;display:none;color:#ffffff;border-top:1px solid #ffffff;}
.mddm_a01{float:left;width:25%;display:inline;}
.mddm_a02{margin:1ex 1em 1ex 2em;font-size:16px;}
.mddm_a00close{float:right;width:5.5em;margin:1ex ;font-size:16px;border:1px solid #ffffff;}
.mddm_a00close02{text-align:center;}
#mddm_a00 a:link{ text-decoration: none; color: #ffffff; }
#mddm_a00 a:visited { text-decoration: none; color: #ffffff; }
#mddm_a00 a:hover { text-decoration: none;color: #ff8840; }

#mddm_b00{background-color:#3A422A;display:none;color:#ffffff;border-top:1px solid #ffffff;}

#mddm_b00 a:link{ text-decoration: none; color: #ffffff; }
#mddm_b00 a:visited { text-decoration: none; color: #ffffff; }
#mddm_b00 a:hover { text-decoration: none;color: #ff8840; }

/* ------------------- Car type　select */
.c-type000{border-top:1px solid #000000;}
.c-type00{width:25%;float:left;}
.c-type01a{border-left:1px solid #000000;border-right:1px solid #ffffff;border-bottom:1px solid #000000;text-align:center;}
.c-type01b{border-left:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;text-align:center;}

.totop01{clear:both;height:30px; text-align:right;padding:3px 0 0 0;margin:0 0.5ex 0 0;}
.totop01 a:link{ text-decoration: none; color: #000000; }
.totop01 a:visited { text-decoration: none; color: #000000; }
.totop01 a:hover { text-decoration: none;color: #cc3300; }

/* ------------------- bottom */
.bottom00{color:#ffffff;clear:both; background-color:#3A422A;margin:1em 0 0 0;}
.bottom00 a:link{ text-decoration: none; color: #ffffff;}
.bottom00 a:visited { text-decoration: none; color: #ffffff; }
.bottom00 a:hover { text-decoration: none;color: #ff8840; }

.bottom01{margin:0 auto 0 auto;max-width:900px;position:relative;background-color:#3A422A;padding:1ex 0 0 0;}
.bottom_logo{width:10%;float:left;}
.bottom02{float:left;width:15%;}
.bottom02_01{margin:10px 10px 5px 10px;font-weight: bold;}
.bottom03{text-align:center;font-size:12px;}
.list_box15{display:inline-block;vertical-align:middle;width:13px;height:13px;background-color:#ffffff;}

/* ------------- products ------------------------ */

.p_list00{}
.p_list01{width:16.6%;float:left;}
.p_list01 a:link{ text-decoration: none; color: #3A422A; }
.p_list01 a:visited { text-decoration: none; color: #3A422A; }
.p_list01 a:hover { text-decoration: none;color: #ff8840; }

.p_list02{margin:1ex;}
.p_list02_txet{}
.p_list02_ti{font-weight:bold;font-size:16px;text-align:center;}

.p_list_view00{float:left;width:25%;}
.p_list_view01{margin: 1ex;}
.p_list_view01_price{text-align:center;font-weight:bold;color:#a0060d;font-size:18px;}

.p_list_view02{font-weight:bold;font-size:17px;text-align:center;}/* word-break:break-all; */
.p_list_view03{text-align:center;}
.p_list_view04{text-align:center;background-color:#a0060d;font-size:15px;line-height:17px;color:#ffffff;}
.p_list_view04b{text-align:center;font-size:15px;line-height:17px;color:#ffffff;}

.sub_p_list01{width:25%;float:left;}

/* ------------- products display ---------------- */

/*　background-color:　薄い　#d8decb;  中間  #78866B   濃い　#3A422A  */

.p_display00{margin:1ex 1ex 0 1ex;}
.p_display01_h2{font-size:25px;font-weight: bold;text-align:center;padding:5px;margin:5px;background-color:#78866B; color:#ffffff;}

.p_display01_img00{width:50%;float:left;}
.p_display01_img01{width:20%;float:left;}
.p_display01_img02{margin:0.5ex;border:1px solid #dddddd;}


.p_display01_price00{width:48%;float:right;}


.c_c_c00{width:33.3%;float:left;}
.c_c_c01{margin:0.5ex 0 0 0.5ex;}
.c_c_c01_ti{font-size:20px;margin:0.5ex 0 0 0;}

.price00{border-bottom:1px solid #dddddd;font-size:20px;margin:0 1ex 0 1em;}
.price01a{float:left;}
.price01b{float:right;}
.price01c{float:right;color:#a0060d;}

.price02 {width:12ex;background-color:#3A422A;color:#ffffff;margin:0.5ex auto;}




/* ------------ vehicle ----------------------- */

.vehicle00{}
.vehicle01{clear:both;}
.vehicle01a{float:left;width:25%;}
.vehicle01b{float:left;font-size:18px;width:24%;}
.vehicle02{}

/*　Chooes year model　*/
.cym01{font-size:25px;}

.ct_h2{font-size:20px;padding:0.5ex 0ex;margin:1ex 1ex 0 1ex;text-align:center;background-color:#78866B;color:#ffffff;}




/*------------Terms and Condition / Company -----*/
.h1_tc{font-size:30px;background-color:#d8decb;padding:0.5ex 1ex;margin:1ex 0 0.5ex 0;text-align:center;}

.h2_tc{font-size:20px;padding:0.5ex 0ex;margin:1ex 0 0.5ex 0;}
.con_tc00{font-size:18px;margin:0 2ex;}
.con_tc01{max-width:450px;margin:2em auto; }



/*-------------- gallery -----------#9acd32-c5fac5;
.gal_ti00{margin:1ex 0 0 0;padding:1ex 1ex 1ex 1ex;font-size:20px;font-weight:bold;border-radius: 8px 8px 0 0;color:#002200;background-color:#dfffdd;
border-top:1px dotted #074a07;border-right:1px dotted #074a07;border-left:1px dotted #074a07;text-align:center;}
.gal00{border-bottom:1px dotted #074a07;border-right:1px dotted #074a07;border-left:1px dotted #074a07;border-radius:0 0 4px 4px;}
*/

.gal_ti00{margin:1ex 0 0 0;padding:0;font-size:20px;font-weight:bold;color:#004400;background-color:#dfffdd;text-align:center;border-top:3px solid #007500;border-bottom:1px solid #007500;}
.gal00{border-bottom:2px solid #005500;}

.gal01{width:33%;float:left;}
.gal02{margin:1.5ex 0ex 2ex 0;}
.gal02 img{max-width: 100%;height: auto;}

.gal02_ti{text-align:center;}
.gal02_text{text-align:center;}
.gal02_img00{margin:0 auto 0 auto;width:85%;text-align:center;}
.gal02_img01{border-top:1px solid #dddddd;border-left:1px solid #dddddd;border-right:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;border-radius:2px;padding:5px 7px 5px 5px;}
.gal02_img01 img{border:1px solid #eeeeee;width: 100%;height: auto;}
.gal_hr_end{clear:both;margin:1ex 0 2ex 0;height:1px;border-bottom:2px dotted #074a07;}



/*　--------------------Contact-----------------------------*/
.cont_ti00{margin:1ex 1ex 0 1ex;}
.cont_ti01{background-color:#78866B;font-size:35px;text-align:center;padding:0.5ex;color:#ffffff;}

.cont_tel{margin:2em 0 2em 0;text-align:center;}
.cont_tel img{height:18px;}

.cont000{background-color:#d8decb;font-size:25px;font-weight:bold;color:#000000;padding:0.3ex 1ex 0.5ex 1ex;margin:0 0 0.5ex 0;}
.cont00{margin:0 1ex;}
.cont01{margin:1ex auto;max-width:700px;font-size:17px;}
.cont02{margin:0ex 1ex 0ex 0ex;text-align:center;}
.cont02 input{width:100%;}
.cont02b{margin:0ex 1ex 0ex 0ex;}
.cont02b input{width:50%;}
.cont02 textarea{width:100%;}
.cont03{margin:1em;text-align:center;font-size:25px;}
.cont04{border:1px solid #555555;padding:0.5ex 1ex;}

.cont_hr_d{border-bottom:1px dotted #555555;margin:1ex 0 1em 0;}

.cont_acc1{float:left;}
.cont_acc2{background-image: url(./../img/no_set/no_bg.jpg);border:1px solid #888888;width:75px;text-align:center;margin:0;float:left;}


/* ----------------search----------*/
.sear_ti00{margin:1ex 1ex 0 1ex;}
.sear_ti01{background-color:#78866B;font-size:30px;text-align:center;padding:0.5ex;color:#ffffff;}

.sear00{margin:0 1ex;}
.sear01{margin:1ex auto;max-width:700px;}
.sear02{margin:0ex 1ex 0ex 0ex;}
.sear02 input{width:100%;}
.sear03{text-align:center;}
.search03_sub{font-size:23px;margin:0.5ex;}


.sear_hr_d{border-bottom:1px dotted #555555;margin:1ex 0 0.5ex 0;}

.s_c_l01{width:50%;font-size:18px;float:left;text-align:left;margin:0 0 0.5ex 0;}
.s_c_l01 label{float:left;}



/* ---------------- cart -------------------*/
.cart00{border-bottom:2px solid #888888;margin:0 0 0.5ex 0;font-size:18px;}
.cart00b{border-bottom:1px solid #aaaaaa;font-weight:bold;font-size:22px;text-align:center;background-color:#dddddd;padding:0 5px;}
.cart01{border-bottom:1px dotted #888888;clear:both;}
.cart02{float:left;width:4em;}
.cart03{float:left;}
.cart04{float:right;width:3em;}
.cart05{float:right;font-weight:bold;text-align:right;}
.cart05b{float:right;font-weight:bold;}
.cart05 a{border:1px solid #777777;background-color:#dddddd;padding:0.2ex 0.4ex;font-size:13px;}
.cart06{margin:0.5ex 0 0 0;padding:0 0 0 0.5ex;background-color:#dddddd;text-align:right;font-size:25px;}
.cart07{margin:0.5ex 0 0 0;text-align:center;font-size:20px;padding:0.5ex;}
.cart07 a{border:1px solid #777777;background-color:#dddddd;padding:0.5ex 0.8ex;}
.cart08{margin:0.5ex 0 0 0;padding:0 0 0 0.5ex;text-align:right;font-size:25px;}
.cart_img01{width:20%;}


/* --------------- Checkout --------------------*/

.check_ti01{font-size: 25px;font-weight: bold;text-align: center;padding: 5px;margin: 5px 0;background-color: #78866B;color: #ffffff;}
.check_ti02{text-align:center;background-color:#78866B;color:#ffffff;}

.check01{}
.check01a{text-align:center;border-radius:3px;background-color:#dddddd;}
.check01c{display: table-cell;width:120px;height:110px;vertical-align: middle;font-size:15px;}
.check01c img{width:100px;margin:5px;}
.check01d{display: table-cell;vertical-align: middle;font-size:15px;}
.check01e{float:left;}

.check02{}
.check02_1{width:5em;float:left;}
.check02_2{float:left;}
.check03{font-weight: bold;border-top:1px solid #aaaaaa;margin:5px 0;padding:5px 0 0 0;}
.check03_1{font-weight: bold;}
.check03_2{margin:0 1em 0 1.5em}
.check03_2_b{margin:0 2em 0 2em;padding:3px 5px;border:1px solid #cccccc;}
.check03_h3{font-size:17px;font-weight: bold;border-radius:3px;background-color:#00ea69;padding:3px 10px 0 10px;}

.check03_2_add{width:4.5em;float:left;clear: both;}

.check04{text-align:center;padding:15px 0 0 0;}
.check04 a{border:1px solid #999999;border-radius:5px;margin:5px auto;padding:3px 5px;font-size:18px;font-weight: bold;}

.check05{margin:2em;text-align:center;font-size:18px;font-weight:bold;}
.check06{margin:0 2em;}

.check_add00{margin:0 0 0.5ex 0;font-size:18px;}/* border-bottom:2px solid #888888; */
.check_add_ti02{text-align:center;background-color:#dddddd;color:#3A422A;}

.check_add01{border-bottom:1px dotted #888888;clear:both;}
.check_add02{float:left;width:11em;}
.check_add03{float:left;}
.check_add04{float:right;width:3em;}
.check_add05{float:right;font-weight:bold;}

.check_info01a{width:49%;float:left;}
.check_info01b{width:49%;float:right;}

.check_info02{background-color:#dddddd;text-align:center;padding:0.5ex;}
.check_info02in{margin:1ex;font-size:18px;}
.check_info03a{margin:1.5em;text-align:center;line-height:1.5em;}


.check_info03b{margin:1.5em;line-height:1.5em;}
.check_info04b1{float:left;clear:both;}
.check_info04b2{float:right;}


.discount01{width:50%;float:right;padding:0.5ex;}
.discount01 input{width:100%}

.coupon01{padding:0.5ex;text-align:right;}
.coupon01 input{width:6em}

/*　background-color:　薄い　#d8decb;  中間  #78866B   濃い　#3A422A  */


.account_ti01{font-size: 25px;font-weight: bold;text-align: center;padding: 5px;margin: 5px 0;background-color: #78866B;color: #ffffff;}

.account00{padding:1ex;}
.account01a{width:49.5%;float:left;background-color:#d8decb;}
.account01b{width:49.5%;float:right;background-color:#d8decb;}
.account02{margin:1ex 1ex 0 1ex;}
.account02 input{width:97%;}
.account03{}

.account01c{background-color:#d8decb;display:table;width:100%;font-size:18px;}
.account01c2 input{width:97%;}
.account02ca{margin:1ex 0 0 1ex;float:left;width:6em;}
.account02cb{margin:1ex 0 0 0;float:left;}
.account02cc{margin:1ex 0 0 0;float:left;}
.account02cc input{width:90%;font-size:15px;}
.account02cd{margin:1ex 1ex 0 1ex;text-align:center;}
.account02cd input{width:90%;font-size:18px;}



/* ●ｐｃ ############################################################### pc */
@media screen and (min-width:901px){




.pc_on{display: block;}
.pc_off{display: none;}
/* Cart */
.cart_img01{width:15%;}
}

/* ●tablet ############################################################### tablet */
@media screen and (max-width: 900px) and (min-width:601px){/*　900-641　*/

.tel-link { font-size: 25px; font-weight: bold;}
.head_sns00{margin:5px 1ex 0 0;}
.head_login{right:1.5ex;top:35%;}
.head_tel{right:1ex;top:1ex;width:25%;}


.pc_on{display: block;}
.pc_off{display: none;}
/* Cart */
.cart_img01{width:15%;}

.discount01{width:50%;}

.head_sns1  {width:30px;height:30; padding:3px 3px 0 3px;left:25%;}
.head_sns2  {width:30px;height:30; padding:3px 3px 0 3px;left:40%;}
.head_sns3  {width:30px;height:30; padding:3px 3px 0 3px;left:55%;}

}
/* ●smart ################################################################# smart */
@media screen and (max-width:600px) and (min-width:480px){/*　640　-480　*/
.tel-link { font-size: 27px; font-weight: bold;}


.head_login{right:2ex;top:40%;}
.head_tel{width:30%;margin:3px 1ex 0 0;top:-5%;}
.head_menu00{top:65%;right:2ex;width:15%;}

.head_sns00{margin:5px 1ex 0 0;}

.head_sns1{left:35%;top:50%;}
.head_sns2{left:45%;top:50%;}
.head_sns3{left:55%;top:50%;}

.p_list01{width:25%;float:left;}
.p_list02_ti{font-size:15px;}
.p_list_view00{width:33.3%;}
.sub_p_list01{width:25%;float:left;}

.p_display01_img00{width:100%}

.p_display01_price00{width:100%;}

.p_list_view02{font-size:13px;}

.c_c_c00{width:50%;}

.vehicle01b{width:74%;font-size:18px;}
.cym01{font-size:20px;}

.pc_on{display: none;}
.pc_off{display: block;}
/* Cart */
.cart_img01{width:18%;}

.discount01{width:90%;}

.head_sns1  {width:28px;height:28; padding:3px 3px 0 3px;left:25%;}
.head_sns2  {width:28px;height:28; padding:3px 3px 0 3px;left:40%;}
.head_sns3  {width:28px;height:28; padding:3px 3px 0 3px;left:55%;}

.check_info01a{width:100%;}
.check_info01b{width:100%;}

}
/* ●smart2 ################################################################# smart2*/
@media screen and (max-width:479px){
.tel-link { font-size: 18px; font-weight: bold;}


.head_login{right:2ex;top:38%;}
.head_tel{width:30%;margin:3px 1ex 0 0;top:-0%;}
.head_menu00{top:65%;right:2ex;width:15%;}

.head_sns00{margin:5px 1ex 0 0;}

.gal01{width:50%;}

.head_sns1{left:35%;top:50%;}
.head_sns2{left:45%;top:50%;}
.head_sns3{left:55%;top:50%;}

.p_list01{width:25%;float:left;}
.p_list02_ti{font-size:15px;}
.p_list_view00{width:33.3%;}
.sub_p_list01{width:25%;float:left;}

.p_display01_img00{width:100%}

.p_display01_price00{width:100%;}

.p_list_view02{font-size:13px;}

.c_c_c00{width:100%;}

.vehicle01b{width:74%;font-size:18px;}
.cym01{font-size:16px;}

.pc_off{display: block;}
.pc_on{display: none;}
/* Cart */
.cart_img01{width:20%;}

.discount01{width:90%;}

.head_sns1  {width:28px;height:28; padding:3px 3px 0 3px;left:25%;}
.head_sns2  {width:28px;height:28; padding:3px 3px 0 3px;left:40%;}
.head_sns3  {width:28px;height:28; padding:3px 3px 0 3px;left:55%;}

.check_info01a{width:100%;}
.check_info01b{width:100%;}
}
/* -------- clear ----------------- */
.clear00{clear:both;}

/* -------- hr -------------------- */
.hr_s01{margin:1ex 1ex 0 1ex;border-bottom:1px solid #3A422A;height:1px;}
.hr_s02{margin:1ex 1ex 0 1ex;border-bottom:2px solid #3A422A;height:1px;}
.hr_d01{margin:1ex 1ex 0 1ex;border-bottom:1px dotted #3A422A;}
.hr_d02{margin:1ex 1ex 0 1ex;border-bottom:2px dotted #3A422A;}

.hr_s01b{margin:1ex 0 0 0;border-bottom:1px solid #3A422A;height:1px;}
.hr_s02b{margin:1ex 0 0 0;border-bottom:2px solid #3A422A;height:1px;}
.hr_d01b{margin:1ex 0 0 0;border-bottom:1px dotted #3A422A;}
.hr_d02b{margin:1ex 0 0 0;border-bottom:2px dotted #3A422A;}

.hr_s01c{margin:0;border-bottom:1px solid #3A422A;height:1px;}
.hr_s02c{margin:0;border-bottom:2px solid #3A422A;height:1px;}
.hr_d01c{margin:0;border-bottom:1px dotted #3A422A;}
.hr_d02c{margin:0;border-bottom:2px dotted #3A422A;}


.hr_s01e{margin:0;border-bottom:1px solid #dddddd;height:1px;}
.hr_s02e{margin:0;border-bottom:2px solid #ddddddd;height:1px;}
.hr_d01e{margin:0;border-bottom:1px dotted #dddddd;}
.hr_d02e{margin:0;border-bottom:2px dotted #dddddd;}

/* ------- font ------------------- */
.f3{ font-size : 3px;}
.f5{ font-size : 5px;}
.f7{ font-size : 7px;}
.f8{ font-size : 8px;}
.f9{ font-size : 9px;}
.f10{ font-size : 10px;}
.f11{ font-size : 11px;}
.f12{ font-size : 12px;}
.f13{ font-size : 13px;}
.f14{ font-size : 14px;}
.f15{ font-size : 15px}
.f16{ font-size : 16px;}
.f17{ font-size : 17px;}
.f18{ font-size : 18px;}
.f19{ font-size : 19px;}
.f20{ font-size : 20px;}
.f25{ font-size : 25px;}
.f30{ font-size : 30px;}
.f35{ font-size : 35px;}
.f40{ font-size : 40px;}

/* ------------ modal ---------------*/
.modal-content {  position:fixed;  display:none;  z-index:5;  width:100%;max-width:900px;  margin:0;  padding:0;  border:2px solid #aaaaaaa;  background:#fff;}
.modal-content img{max-width: 100%;  height: auto;max-height: 100vh;}
.modal-content p { margin:0;  padding:0;text-align:center;}
.modal-content img { margin:0 auto 0 auto;  padding:0;}
.modal-overlay { z-index:3;  display:none;  position:fixed;  top:0;  left:0;  width:100%;  height:120%;  background-color:rgba(0,0,0,0.40);}
.modal-open {  color:#111111;  text-decoration:none;}
.modal-open:hover {  cursor:pointer;  color:#9e0000;}
.modal-close { color:#111111;  text-decoration:none;}
.modal-close:hover { cursor:pointer;  color:#9e0000;}

#box0,#box1,#box2,#box3,#box4,#box5,#box6,#box7,#box8,#box9,#box10,#box20,#box21,#box22,#box23,#box24,#box25 {

	display: none;
	background-color: #ffffff;
	padding: 5px;

	max-width:700px;margin:0 0.3ex 0 0.3ex;
}

#box31,#box32,#box33,#box34,#box35,#box36,#box37,#box38,#box39,#box40 {

	display: none;
	background-color: #ffffff;
	padding: 5px;

	max-width:400px;margin:0 0.3ex 0 0.3ex;
}


.link {	text-align: center;}
.modal-close {
	margin-top: 1em;
	text-align: center;cursor: pointer;
}
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 auto;
	position: relative;
	z-index: 101;
	border-radius: 10px;
}
#modal-win-inner > * {
	border-radius: 10px;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}