/* CSS Document */
@charset 'utf-8';

@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap");

* { font-family:"Roboto", sans-serif; line-height:1; letter-spacing:-1px; outline:none; }

html, body { background-color:#065EBA; color:#333; font-size:0; margin:0; padding:0; }

a { border:0; color:inherit; text-decoration:none; }
a:link { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
a:visited { text-decoration:none; }

input { color:#333; }

#main { background-color:#FFFFFF; margin:0px auto; padding:0px; text-align:center; width:100%; }

#logo { clear:both; padding:50px 20px 25px 20px; }
#logo img { max-width:500px; width:100%; }

#search { box-sizing:border-box; margin:0px auto; max-width:540px; padding:0px 20px; width:calc(100% - 40px); }
#search form { display:flex; margin:0px auto; }
#search input[type=text] { background-color:#F0F0F0; border:none; color:#666666; font-size:16px; padding:15px; width:100%; }
#search input[type=submit] { background-color:#666; background-image:url(local/img/icon_search.png); background-position:center center; background-repeat:no-repeat; border:none; cursor:pointer; padding:0px 25px; }
#search input[type=submit]:hover { background-color:#F60; }

#tags { clear:both; display:flex; flex-wrap:wrap; justify-content:center; margin:0px auto; max-width:460px; padding:0px 20px 5px 20px; width:calc(100% - 40px); }
#tags .tag_item_on, #tags .tag_item_off:hover { background-color:#333333; border-radius:5px; clear:both; margin:5px 2px 0px 2px; padding:5px 10px; }
#tags .tag_item_on h1, #tags .tag_item_off:hover h1 { color:#FFFFFF; font-size:12px; font-weight:normal; margin:0px; padding:0px; white-space:nowrap; }
#tags .tag_item_off { background-color:#F0F0F0; border-radius:5px; clear:both; margin:5px 2px 0px 2px; padding:5px 10px; }
#tags .tag_item_off h1 { color:#666666; font-size:12px; font-weight:normal; margin:0px; padding:0px; white-space:nowrap; }

.situation_title { background-color:#F0F0F0; clear:both; color:#999; font-size:36px; font-weight:bolder; margin:20px auto; padding:15px 0px; text-transform:uppercase; width:100%; }

.product_item { margin:0px auto; max-width:1000px; padding:0px 10px; width:calc(100% - 20px); }
.product_item .product_item_div { background-color:#F0F0F0; float:left; line-height:0.85; margin:0px 10px 20px 10px; padding:0px; width:calc(calc(100% / 3) - 20px); }
.product_item .product_item_img { padding:10px 10px 0px 10px; width:calc(100% - 20px); }
.product_item .product_item_txt { align-items:center; display:flex; height:60px; justify-content:center; padding:10px 20px; }
.product_item .product_item_txt h1 { color:#333; font-size:14px; font-weight:normal; }

#text { clear:both; padding:25px 20px 25px 20px; }
#text img { max-width:500px; width:100%; }

#social { clear:both; padding:25px 20px 50px 20px; }
#social img { max-width:100px; padding:0px 5px; }

#valevirtual { background-color:#065EBA; padding:50px 0px; }

@media screen and (max-width: 570px) {

#logo img { max-width:250px; }

#search { width:100%; }

.situation_title { font-size:18px; }

.product_item .product_item_div { width:calc(calc(100% / 2) - 20px); }
.product_item .product_item_txt { height:50px; }
.product_item .product_item_txt h1 { font-size:12px; }

#text img { max-width:250px; }

#social img { max-width:50px; }

}



/* ------------------------------------------------------------------------------------------ */