@charset "utf-8";


/***** #main > article#contents > div.d_01 *************************************************/
/*** base div + contents title ***/
.d_01 { width: 100%; margin: 0 auto 3em; padding: 0; background: #fff; border: 1px #DDDDDD solid; }
.d_01 h1 { width: 100% auto; margin: 0 0 1em; padding: 0.3em 0.5em 0.09em; font-size: 1.5em; background: #DDDDDD; }
.d_01 h1.alonly { padding: 0.3em 0.5em; }
.d_01 h1 span.al { padding: 0 0 0 1em; font-size: 0.6em; font-weight: normal; }
.d_01 h1 span.bnyear { margin: 0; padding: 0 0 0 1em; font-size: 0.6em; font-weight: normal; }

/*** section in base div general style ***/
.d_01 section { width: 100% auto; margin: 0 0 2em; padding: 0 0.8em; background: #fff; }
.d_01 section::after { content: ""; clear: both; display: block; }

/*** datenschutzerklarung ***/
.d_01 p.quelle { padding: 0 1rem 0 }



/***** #main > article#contents > div.d_01 > section.s_01, section.s_02, section.s_03 *****/
/* linkbox in main category */
.s_01 div.link_to_subcat { width: 100% auto; margin: 0; padding: 0 1em 0.5em; line-height: 2em; }
.s_01 div.link_to_subcat h1 { width: 100% auto; margin: 0; padding: 0; font-size: 1em; color: #C30D23; background: #fff; }
.s_01 div.link_to_subcat h1 a { text-decoration: none; color: #C30D23; }
.s_01 div.link_to_subcat h1 a:hover { text-decoration: underline; }
.s_01 div.link_to_subcat ul { width: 100% auto; margin: 0; padding: 0 1em ; list-style: none; line-height: 1.8em; }
.s_01 div.link_to_subcat ul a { text-decoration: none; color: #2b2b2b; }
.s_01 div.link_to_subcat ul a:hover { text-decoration: underline; }

/*** About, Subscription ****/
.s_02 h1 { width: 100% auto; margin: 0 0 0.8em; padding: 0; font-size: 1.1em; color: #C30D23; background: #fff; }
.s_02 p { width: 100% auto; margin: 0; padding: 0 0.3em 1em; line-height: 1.5em; }
.s_02 .pb0 { padding-bottom: 0; }
.s_02 .mb2 { margin-bottom: 2em; }
.s_02 .mb3 { margin-bottom: 3em; }
/* link button */
.cform_p { display: block; margin: 0; padding: 0 0 2em; text-align: center; } /* parts */
/* About */
.s_02 ul.nostyle { margin: 0 0 1em; padding: 0 0.1em; list-style: none; }
/* Subscription */
.s_02 img.subscription { width: 100%; margin: 0; }
.s_02 p ul { margin: 0 0 1em; padding: 0 0.1em;}

/*** news, Contact, Impressum, Datenschutzerklarung, Disclaimer ***/
.s_03 h1 { width: 100% auto; margin: 0; padding: 0; font-size: 1.1em; color: #C30D23; background: #fff; } 
.s_03 p { width: 100% auto; margin: 0; padding: 0 0 1em; line-height: 1.5em; }
.s_03 .mb3 { margin-bottom: 3rem; } /* confirmation_contact, datenschutz */
.s_03 .mb5 { margin-bottom: 0.5em; }
.s_03 img.newsimg { float: left; width: 150px; margin: 0 1em 0 0; padding: 0; border: none; }
/* news */
.s_03 h1 span.date { display: block; font-size: 0.8em; font-weight: normal; color: #2b2b2b; }
/* contact - Urlaub */
.s_03 p span.urlaubprivacyspan { display: block; color: #C30D23; font-weight: bold; }
/* impressum */
.s_03 p span.impressumspan { display: block; }


/*** Home ***/
/***** #main > article#contents > div.d_01 > section.latest_nn *****/
/* latest magazine */
.latest_nn h1 { position: relative; width: 100% auto; margin: 0 0 1em; padding: 0; font-size: 1.4em; color: #C30D23; background: #fff; }
.latest_nn h1 .period { position: absolute; right: 0.5em; bottom: 0.1em; padding: 0; font-size: 0.6em; color: #2b2b2b; }
.latest_nn h3 { margin: 0; padding: 0 0 1em; font-size: 1.1em; }
.latest_nn img { float: right; width: 33%; margin: 0; padding: 0; border: none; }
.latest_nn table { width: 65%; margin: 0; padding: 0; }
.latest_nn th,
.latest_nn td { margin: 0; padding: 0.3em 0; text-align: left; vertical-align: top; border-bottom: 1px #DDDDDD dotted; }
.latest_nn th { width: 35%; }
.latest_nn p { margin: 0; padding: 1em 0.5em 2em; line-height: 1.5em; }
.latest_nn p.pb0 { padding-bottom: 0; }
.latest_nn p.correctionp { margin: 0 0 1.5em ; padding: 0.5em; border: 1px #C30D23 solid; } /* correction in magazine */
.latest_nn span.cortopspan { display: block; margin: 0 0 0.5em; font-weight: bold; color: #C30D23; }
.latest_nn span.corcontspan { display: block; padding: 0.5em 0; }
.latest_nn span.font09 { font-size: 0.9em; }
.latest_nn span.seasonsspan {  }/* block in mobile */
/***** #main > article#contents > div.d_01 > section.s_03 > ul.wpnews > table.newpostimgp > table, td > p.blogcontentsp *****/
/* worpress articles in home */
.wpnewshome { width: 100% auto; margin: 0; padding: 0.3em; list-style: none; }
.wpnewshome li { margin: 0 0 0.8em; padding: 0 0.8em 0.3em; line-height: 1.2em; border-bottom: 3px #DDDDDD dotted; }
.wpnewshome li a { text-decoration: none; }
.wpnewshome li span { margin: 0; padding: 0 0.5em; }
.newposthome { width: 100%; margin: 0; padding: 0; border-collapse: collapse; }
.newposthome th { width: 6em; padding: 0.3em 0; text-align: center; vertical-align: top; }
.newposthome td { padding: 0.3em 0.8em; text-align: left; vertical-align: top; }
.postimghome { width: 70px; height: 70px; object-fit: cover; border: none; }
.datespanhome { display: block; font-size: 0.85em; font-weight: bold; color: #2b2b2b; }
.titlespanhome { display: block; font-weight: bold; color: #2b2b2b; }
/* blogcontentsdiv > span.readmore */
.blogcontentsdiv { padding: 0.3rem 0.5rem; font-size: 0.9em; word-break: break-all; }
.blogcontentsdiv a { color: #494848; }
.readmore a { display: inline-block; margin: 0; padding: 0.3rem 0 0 1rem; color: #C30D23; }


/*** Magazine ***/
/***** #main > article#contents > div.d_01 > section.backnumber > table, div.bnotheryears, div.prevnext *****/
.backnumber h1 { width: 100% auto; margin: 0; padding: 0; font-size: 1.1em; color: #C30D23; background: #fff; }
.backnumber img { width: 100px; margin: 0; padding: 0; border: none; }
.backnumber table { width: 100%; margin: -1em auto 0; padding: 0; }
.backnumber th,
.backnumber td { margin: 0; padding: 1em 0; text-align: left; vertical-align: top; border-bottom: 1px #DDDDDD dotted; }
.backnumber th { width: 8em; }
.backnumber td h1 { position: relative; width: 100% auto; margin: 0 0 0.5em; padding: 0 0.5em 0; font-size: 1.1em; color: #C30D23; background: #E1D279; } /* in td */
.backnumber td h1 .period { position: absolute; right: 0.5em; bottom: 0.1em; padding: 0; font-size: 0.8em; font-weight: normal; color: #2b2b2b; }
.backnumber td h1 .period_mfm { display: block; position: relative; margin: 0; padding: 0 0 0.2em; font-size: 0.8em; font-weight: normal; color: #2b2b2b; }
.backnumber td span { display: inline-block; padding: 0 0.5em 0 0 } 
.backnumber td span.twoline {  }
.backnumber td ul { margin: 0; padding: 0 1em 0; list-style: none; }
.backnumber td ul li { margin: 0; padding: 0; list-style: none; font-size: 0.9em; line-height: 1.5em; }
.backnumber td ul li:nth-child(1) { padding: 0 0 0.3em; font-weight: bold; }
.bnotheryears { margin: 0 0 2em; padding: 0; }
.bnotheryears ul { width: 100% auto; margin: 0; padding: 0 ; list-style: none; text-align: center; }
.bnotheryears ul li { display: inline-block; width: 10rem/*6.5rem*/; height: 2rem; margin: 0.5em 0.5em 0 0; padding: 0; line-height: 2rem;
					  text-align: center; font-size: 0.9em; background: #EBD2CE/*DDDDDD*/; border-radius: 20px; }
.bnotheryears ul li:hover { background: #FAD2CE/*CACBCB*/; }
.bnotheryears ul li:last-child { margin: 0.5em 0 0; }
.bnotheryears ul li a { padding: 0 0.5em; text-decoration: none; color: #2b2b2b; }
.prevnext { width: 100%; position: relative; margin: 0; padding: 1em 0 0; text-align: center; } /* parts */
.prevnext::after { content: ""; clear: both; display: block; }
.prevnext div { display: inline-block; margin: 0 0.2em; padding: 0; }
.prevnext div a { display: block; padding: 0.5em 0 0.2em; text-decoration: none; color: #2b2b2b; }
.prevnext div .nowy { width: auto; margin: 0; padding: 0.1em 1em; }


/*** Business ***/
/***** #main > article#contents > div.d_01 > section.business *****/
.business h1 { position: relative; width: 100% auto; margin: 0 0 1.5em; padding: 0 0.5em 0; font-size: 1.1em; color: #C30D23; background: #E1D279; }
.business h2 { width: 100% auto; margin: 0; padding: 0 0 0 0.5em; font-size: 1em; color: #C30D23; background: #fff; } 
.business p { width: 100% auto; margin: 0; padding: 0 0.5em 1em; }
.business p.pb5 { padding-bottom: 0.5em; }
.business p.mb2 { margin-bottom: 2em; }
/*.business p.nobb { border-bottom: none; }*/
.business ul { margin: 0; padding: 0 0 0.5em; text-align: left; background: #fff; }
.business ul li { margin: 0 0 0 2em; padding: 0; }
.business div { width: 100% auto; margin: 0 0 1.5em; padding: 0; background: #fff; 
				-js-display: flex; display:-webkit-box; display: -moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; 
				-webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content: space-between; justify-content: space-between; }
.business div.sort { width: 23%; margin: 0; padding: 0; background: #fff; border: 1px #DDDDDD solid; }
.business div.sort ul { width: 100%; margin: 0; padding: 0; list-style: none; }
.business div.sort ul li { width: 100% auto; margin: 0; padding: 0; line-height: 1.1em; font-size: 0.9em; }
.business div.sort ul li:nth-child(even) { padding: 0.2em 0.5em 0.3em; line-height: 1.1em; font-size: 0.9em; }
.business div.sort img { width: 100%; margin: 0 0 0.2em; padding: 0; border: none; border-bottom: 1px #DDDDDD solid; }
/* red, grey - with div, problem with ".business.div" */
.business div.businesslinkb { width: 100% auto; margin: 0; padding: 0 0 2em; text-align: center; border-bottom: 1px #898989 dotted; background: #fff; } /* parts */
.business div.nobb { border-bottom: none; }


/*** Advertisement ***/
/***** #main > article#contents > div.d_01 > section.advertisement > div.process,  -- process_ja.php *****/
.advertisement h1 { position: relative; width: 100% auto; margin: 0 0 0.5em; padding: 0.2em 0.5em 0; font-size: 1.1em; color: #C30D23; background: #E1D279; }
.advertisement h1.stepf { font-size: 1.2em;}
.advertisement h1.mb3 { margin-bottom: 3em; }
.advertisement h1 span { display: inline-block; margin: 0; padding: 0 0.5em 0 0; }
.advertisement p { width: 100% auto; margin: 0; padding: 0 0.5em 1em; }
.advertisement p.ad { padding: 0 0.5em 2em; }
.advertisement p.pb15 { padding-bottom: 1.5em; }
.process { position: relative; height: 7.5em; } /* parts */
.process p { display: inline-block; position: absolute; top: 0; right: 0; width: 90%; margin: 0; padding: 0; }
.process ol { position: absolute; top: 0; right: 0; width: 87%; margin: 0; padding: 0; }
/***** #main > article#contents > div.d_01 > section.advertisement > ul.merit *****/
.advertisement ul.merit { margin: 0 0 2em 1.7em; padding: 0; line-height: 1.5em; background: #fff; }
.advertisement table { width: 100%; margin: 0 auto 2em; padding: 0; line-height: 1.5em; border-collapse: collapse; }
.advertisement th, 
.advertisement td { margin: 0; padding: 0.3em 0; text-align: left; vertical-align: top; border: 1px #DDDDDD solid; }
.advertisement th { width: 22%; margin: 0; padding: 0 0.5em 0; }
.advertisement td { padding: 0 0.4em 0; line-height: 1.5em; text-align: left; vertical-align: middle; font-size: 0.95em; }
.advertisement div.magazine_contents { width: 100%; margin: 0 auto 2em; padding: 0; background: #fff; 
												-js-display: flex; display:-webkit-box; display: -moz-box; 
												display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; 
												-webkit-justify-content: space-between; justify-content: space-between; }
.magazine_contents div { width: 47%; margin: 0; padding: 0; background: #fff; }
.magazine_contents div ul { width: 100%; margin: 0; padding: 0; list-style: none; }
.magazine_contents div ul li { width: 100%; margin: 0; padding: 0; line-height: 1.1em; font-size: 0.9em; }
.magazine_contents div img { width: 100%; margin: 0; padding: 0 0 0.8em; border: none; border: 1px #DDDDDD solid;}
/* red, gray */
.advertisement div.link_d { width: 100% auto; } /* parts */
/* faq*/
.faqdl { margin: 0 0 2em 0.5em; padding: 0; line-height: 1.5em; background: #fff; }
.faqdl dt { margin: 0; padding: 0; font-weight: bold; }
.faqdl dd { margin: 0; padding: 0 0 1.5em 1em; }
.faqdl dd span { color: #898989; font-size: 0.8em; }


/*** Deutsch Info ***/
/***** #main > article#contents > div.d_01 > section.useful_links > div.categorywrap > ul *****/
.useful_links::after { content: ""; clear: both; display: block; }
.useful_links h1 { width: 100% auto; margin: 0 0 1em; padding: 0 0.5em; font-size: 1.1em; background: #fff; border-bottom: 1px #DDDDDD dotted; }
.useful_links h1 span{ display: block; font-size: 0.8em; }
.useful_links h2 { width: 100% auto; margin: 0; padding: 0 0 0.3em; font-size: 1.1em; color: #C30D23; background: #fff; }
.useful_links p { width: 100% auto; margin: 0; padding: 0; }
.useful_links p.pb2 { padding-bottom: 2em; }
.categorywrap { width: 100% auto; margin: 0 0 2em; padding: 0; background: #fff; border: 1px #DDDDDD solid; }
.categorywrap ul { width: 100% auto; margin: 0.5em; padding: 0; list-style: none; background: #fff; }
.categorywrap ul li { display: inline-block; margin: 0; padding: 0; }
.categorywrap ul li::after { content: '｜'; display: inline-block; }
.categorywrap ul li:last-child::after { content: '';  }
/***** #main > article#contents > div.d_01 > section.useful_links > table.public_i, div.public_detail *****/
.public_i { width: 100%; margin: 0 auto 0.5em; padding: 0; line-height: 1.5em; border-collapse: collapse; }
.public_i th, 
.public_i td { margin: 0; padding: 0; text-align: left; vertical-align: top; }
.public_i th { width: 10%; margin: 0; padding: 0 0.7em 0; font-weight: normal;}
.public_i td { padding: 0 0.4em 0; line-height: 1.5em; text-align: left; vertical-align: middle; word-break: break-all; }
.public_detail { width: 100% auto; margin: 0 0 3em; padding: 0.5em 0.8em; border: 1px #DDDDDD dotted; }
.public_detail h1 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; color: #C30D23; border: none; }
.public_detail p { width: 100% auto; margin: 0; padding: 0 0 0.5em; }


/***** #main > article#contents > div.d_01 > section.useful_links > div.sortwrap > div.logob_01 *****/
/* compamy logos */
.sortwrap { width: 100% auto; margin: 0; padding: 0; background: #fff; }
#contents .mb2 { margin-bottom: 2em; }
/* in sortwrap */
.logob_01 { display: inline-block; width: 31%; margin: 0 0.3em 0.7em; padding: 0; border: 1px #DDDDDD solid; text-align: center; background: #fff; 
					 -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.logob_01 a { text-decoration: none;  }
/* in logob_01 */
.logoimgb { position:relative; width: 100%; height: 6em; line-height: 6em; margin: 0 auto; padding: 0; border-bottom: 1px #DDDDDD dotted;}
.logoimgb img { max-width: 90%; max-height: 5em; vertical-align:middle; border: none; }
.logoimgb img.ubigi { max-width: 80%; max-height: 4.5em; vertical-align:middle; border: none; }
.logob_01 h2 { position: relative; width: 100% auto; height: 3em; margin: 0 0 0.8em; padding: 0.4em 0.3em 0; line-height: 1em; font-size: 1em; color: #2b2b2b; word-break: break-all; }
.logob_01 h2 a { color: #2b2b2b; text-decoration: none; }
.logob_01 h2 a:hover { color: #C30D23; }
.logob_01 h2 span.ntitle { font-size: 0.8em; } /* for "restaurant & bar" etc */
.logob_01 h2 span.nlong { font-size: 0.95em; } /* for long name */
.logob_01 ul { margin: 0 0 0.5em; padding: 0; list-style: none; background: #fff; }
.logob_01 ul > li { position: relative; margin: 0; padding: 0; font-size: 0.8em; }
.logob_01 ul li:hover > label { cursor: pointer; }
.logob_01 ul li label::after { content: '詳細を見る'; } 
.logob_01 ul li input[type="checkbox"].on-off { display: none; }
.logob_01 ul li ul { visibility: hidden; opacity: 0; position: absolute; top: 3.5em; left: 0; width: 300px; margin: 0; padding: 1em 0 0; 
						   line-height: 1.5em; text-align: left; font-size: 0.8em; color: #fff; background: #595250; border: 1px #898989 solid; z-index: 2; }
.logob_01 ul li ul:after, 
.logob_01 ul li ul:before { bottom: 100%; left: 1em; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.logob_01 ul li ul:after { border-color: rgba(89, 82, 80, 0); border-bottom-color: #595250; border-width: 15px; } 
.logob_01 ul li ul:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #898989; border-width: 16px; }
.logob_01 ul li ul a { text-decoration: none; color: #2b2b2b; }
.logob_01 ul li ul li { width: 100% auto; margin: 0; padding: 0 1em; font-size: 1.2em; }
.logob_01 ul li ul li:first-child { font-weight: bold; padding-bottom: 0.5em }
.logob_01 ul li ul li.newsl { width: 90%; margin: 1em auto; padding: 0.5em; background: #DDDDDD; color: #2b2b2b; }
.logob_01 ul li ul li.newsl a { color: #C30D23; }
.logob_01 ul li ul li.newsl p { margin-bottom: 0.5em; padding: 0; }
.logob_01 ul li ul li.newsl p.no_mb { margin-bottom: 0; }
.logob_01 ul li ul li.newsl span.spnew { display: block; margin: 0; padding: 0; font-weight: bold; color: #C30D23; }
.logob_01 ul li ul li.newsl span.spnew_thin { display: block; margin: 0; padding: 0; color: #C30D23; }
.logob_01 ul li ul li.newsl span.wide_mt { display: block; margin: 1em 0 0 0; }
.logob_01 ul li ul li.urll { width: 100%; margin: 2em 0 0 ; padding: 0; background: #E1D279; font-size: 0.8em; word-break: break-all; }
.logob_01 ul li ul li.urll a { width: 100%; padding: 0 0.5em; }
.logob_01 ul li input[type="checkbox"].on-off ~ ul  { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.logob_01 ul li input[type="checkbox"].on-off:checked ~ ul { max-height: 100em; display: block; visibility: visible; opacity: 1; }
.logob_01 ul li input[type="checkbox"].on-off:checked ~ label::after { content: '詳細を閉じる'; }

/*** Contact ***/
.contactformdiv { width: 100% auto; margin: 0; padding: 1em 0.5em 2em; }
.contactformdiv p { margin: 0; padding: 0 0 1em; color: #595250; }
.contactformdiv p.mb2 { margin: 0 0 2em; }
.contactformdiv p.mt2 { margin: 2em 0 0; }
.contactformdiv p span { display: inline-block; }
.contactformdiv p strong { color: #C30D23; }
.contactformdiv input.name-email { display: block; width: 60%; margin: 0; padding: 0; border: 1px #DDDDDD solid; }
.contactformdiv input.jaframe { margin: 0 0.8em 0 0; border: 1px #DDDDDD solid; }
.contactformdiv textarea { display: block; width: 95%; border: 1px #DDDDDD solid; }
.contactformdiv p span.agreement_en { display: block; margin: 0; padding: 0 0 0 2.5rem; }
.contactformdiv input[type="submit"] { margin: 0; padding: 0.5rem 1.5rem; border: none; border-radius: 5px; background: #F18C85; font-weight: bold; color: #fff; }
.contactformdiv input[type="submit"]:hover { background: #F5ABA5; cursor: pointer; }
.contactformdiv input[type="submit"][disabled] { background-color: #DDDDDD; cursor: default; }


/*** Impressum ***/
.impressumtable { width: 100%; margin: 0 0 1em; padding: 0; }
.impressumtable th,
.impressumtable td  { margin: 0; padding: 0; text-align: left; vertical-align: top; }
.impressumtable th { width: 8.5em; font-weight: normal; }


/*** Impressum, Datenschutzerklarung, Disclaimer ***/
.list_idd { margin: 0; padding: 0 0 1em 1em; text-align: left; background: #fff; }
.list_idd li { margin: 0 0 0.7em 0.5em; }
.list_idd li ul { margin: 0; padding: 0.5em 0 0 2em; }
.list_idd li ul li { margin: 0; padding: 0; }
.datenschutzul { margin: 0 0 1.5em; padding: 0; text-align: left; background: #fff; } 
.datenschutzul li { margin: 0 0 0 2em; padding: 0; }
.datenschutzh2 { margin: 0; padding: 0; font-size: 1rem; font-weight: bold; }

/*** Home, Datenschutzerklarung ***/
.erecht { width: 100% auto; margin: 0; padding: 3em 1em 0; background: #fff; } 
.erecht p { margin: 0; padding: 0; font-size: 0.8em; background: #fff; }


/*** German Page ***/
/***** #main > article#contents > div.d_01 > section.german *****/
.german h1 { position: relative; width: 100% auto; margin: 0 0 2em; padding: 0.5em 0.5em; font-size: 1.1em; color: #C30D23; background: #E1D279; }
.german h2 { width: 100% auto; margin: 0 0 0.8em; padding: 0 0 0 0.7em; font-size: 1em; color: #C30D23; background: #fff; } 
.german p { width: 100% auto; margin: 0; padding: 0 0.5em 1em; }
.german p.pb5 { padding-bottom: 0.5em; }
.german p.mb2 { margin-bottom: 2em; }
.german div.magazine_page { width: 100%; margin: 0 auto 1.5em; padding: 0; -js-display: flex; display:-webkit-box; display: -moz-box; 
							display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; 
							-webkit-justify-content: space-between; justify-content: space-between; }
.german div.magazine_page div { width: 47%; margin: 0; padding: 0; }
.german div.magazine_page div img { width: 100%; margin: 0; padding: 0 0 0.8em; border: none; border: 1px #DDDDDD solid;}
.german div.goods { width: 100% auto; margin: 0 0 1.5em; padding: 0; 
					-js-display: flex; display:-webkit-box; display: -moz-box; display:-ms-flexbox; display: -webkit-flex; display: flex; 
					-webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content: space-between; justify-content: space-between; }
.german div.goods div { width: 23%; margin: 0; padding: 0; }
.german div.goods div img { width: 100%; margin: 0; padding: 0; border: 1px #DDDDDD solid; }